diff --git a/.gitattributes b/.gitattributes index 7f44299cfc..1b3908f258 100644 --- a/.gitattributes +++ b/.gitattributes @@ -49,3 +49,5 @@ vendor/brotli/** linguist-vendored test/js/node/test/fixtures linguist-vendored test/js/node/test/common linguist-vendored + +test/js/bun/css/files linguist-vendored diff --git a/src/bitflags.zig b/src/bitflags.zig index f7b1e2dc4c..d70a018fa8 100644 --- a/src/bitflags.zig +++ b/src/bitflags.zig @@ -3,6 +3,8 @@ const std = @import("std"); pub fn Bitflags(comptime T: type) type { const tyinfo = @typeInfo(T); const IntType = tyinfo.Struct.backing_integer.?; + const IntTypeInfo = @typeInfo(IntType); + const IntRepresentingNumOfBits = std.math.IntFittingRange(0, IntTypeInfo.Int.bits); return struct { pub inline fn empty() T { @@ -40,7 +42,7 @@ pub fn Bitflags(comptime T: type) type { } pub inline fn remove(this: *T, other: T) void { - this.* = bitwiseAnd(this.*, ~other); + this.* = @bitCast(asBits(this.*) & ~asBits(other)); } pub inline fn maskOut(this: T, other: T) T { @@ -51,6 +53,36 @@ pub fn Bitflags(comptime T: type) type { return @as(IntType, @bitCast(lhs)) & @as(IntType, @bitCast(rhs)) != 0; } + pub inline fn leadingZeroes(this: T) IntRepresentingNumOfBits { + return @clz(asBits(this)); + } + + pub inline fn all() T { + var ret: T = @bitCast(@as(IntType, 0)); + @setEvalBranchQuota(5000); + inline for (std.meta.fields(T)) |field| { + if (comptime !std.mem.eql(u8, field.name, "__unused")) { + @field(ret, field.name) = true; + } + } + return ret; + } + + pub inline fn not(this: T) T { + return fromBitsTruncate(~asBits(this)); + } + + pub inline fn difference(lhs: T, rhs: T) T { + // 1100 1100 1100 + // 1010 0101 0100 + return @bitCast(asBits(lhs) & asBits(not(rhs))); + } + + /// Convert from a bits value, unsetting any unknown bits. + pub inline fn fromBitsTruncate(bits: IntType) T { + return bitwiseAnd(@bitCast(bits), all()); + } + pub inline fn asBits(this: T) IntType { return @as(IntType, @bitCast(this)); } diff --git a/src/bun.zig b/src/bun.zig index faed4f4a85..b21c856020 100644 --- a/src/bun.zig +++ b/src/bun.zig @@ -37,6 +37,19 @@ else pub const callmod_inline: std.builtin.CallModifier = if (builtin.mode == .Debug) .auto else .always_inline; pub const callconv_inline: std.builtin.CallingConvention = if (builtin.mode == .Debug) .Unspecified else .Inline; +const cmath = struct { + extern "c" fn powf(x: f32, y: f32) f32; + extern "c" fn pow(x: f64, y: f64) f64; +}; + +pub inline fn powf(x: f32, y: f32) f32 { + return cmath.powf(x, y); +} + +pub inline fn pow(x: f64, y: f64) f64 { + return cmath.pow(x, y); +} + /// Restrict a value to a certain interval unless it is a float and NaN. pub inline fn clamp(self: anytype, min: @TypeOf(self), max: @TypeOf(self)) @TypeOf(self) { bun.debugAssert(min <= max); @@ -4044,6 +4057,21 @@ pub fn Once(comptime f: anytype) type { }; } +/// `val` must be a pointer to an optional type (e.g. `*?T`) +/// +/// This function takes the value out of the optional, replacing it with null, and returns the value. +pub inline fn take(val: anytype) ?bun.meta.OptionalChild(@TypeOf(val)) { + if (val.*) |v| { + val.* = null; + return v; + } + return null; +} + +pub inline fn wrappingNegation(val: anytype) @TypeOf(val) { + return 0 -% val; +} + fn assertNoPointers(T: type) void { switch (@typeInfo(T)) { .Pointer => @compileError("no pointers!"), diff --git a/src/comptime_string_map.zig b/src/comptime_string_map.zig index 6c781e2bee..754c1a5d54 100644 --- a/src/comptime_string_map.zig +++ b/src/comptime_string_map.zig @@ -192,7 +192,7 @@ pub fn ComptimeStringMapWithKeyType(comptime KeyType: type, comptime V: type, co } pub fn getASCIIICaseInsensitive(input: anytype) ?V { - return getWithEqlLowercase(input, bun.strings.eqlComptime); + return getWithEqlLowercase(input, bun.strings.eqlComptimeIgnoreLen); } pub fn getWithEqlLowercase(input: anytype, comptime eql: anytype) ?V { @@ -204,9 +204,9 @@ pub fn ComptimeStringMapWithKeyType(comptime KeyType: type, comptime V: type, co comptime var i: usize = precomputed.min_len; inline while (i <= precomputed.max_len) : (i += 1) { if (length == i) { - const lowerbuf: [length]u8 = brk: { - var buf: [length]u8 = undefined; - for (input[0..length].*, &buf) |c, *j| { + const lowerbuf: [i]u8 = brk: { + var buf: [i]u8 = undefined; + for (input, &buf) |c, *j| { j.* = std.ascii.toLower(c); } break :brk buf; diff --git a/src/css/compat.zig b/src/css/compat.zig index 01189df7cc..7d94f023d8 100644 --- a/src/css/compat.zig +++ b/src/css/compat.zig @@ -219,8 +219,8 @@ pub const Feature = enum { webkit_fill_available_size, x_resolution_unit, - pub fn isCompatible(this: *const Feature, browsers: Browsers) bool { - switch (this.*) { + pub fn isCompatible(this: Feature, browsers: Browsers) bool { + switch (this) { .selectors2 => { if (browsers.ie) |version| { if (version < 458752) { diff --git a/src/css/context.zig b/src/css/context.zig index 98157f334e..db6b3964a2 100644 --- a/src/css/context.zig +++ b/src/css/context.zig @@ -17,6 +17,8 @@ const MediaFeatureName = css.media_query.MediaFeatureName; const MediaFeatureValue = css.media_query.MediaFeatureValue; const MediaFeatureId = css.media_query.MediaFeatureId; +const UnparsedProperty = css.css_properties.custom.UnparsedProperty; + pub const SupportsEntry = struct { condition: css.SupportsCondition, declarations: ArrayList(css.Property), @@ -79,6 +81,19 @@ pub const PropertyHandlerContext = struct { }; } + pub fn addLogicalRule(this: *@This(), allocator: Allocator, ltr: css.Property, rtl: css.Property) void { + this.ltr.append(allocator, ltr) catch unreachable; + this.rtl.append(allocator, rtl) catch unreachable; + } + + pub fn shouldCompileLogical(this: *const @This(), feature: css.compat.Feature) bool { + // Don't convert logical properties in style attributes because + // our fallbacks rely on extra rules to define --ltr and --rtl. + if (this.context == DeclarationContext.style_attribute) return false; + + return this.targets.shouldCompileLogical(feature); + } + pub fn getSupportsRules( this: *const @This(), comptime T: type, @@ -205,20 +220,20 @@ pub const PropertyHandlerContext = struct { .dir = .{ .direction = @field(css.selector.parser.Direction, dir) }, }, }); - - const rule = css.StyleRule(T){ - .selectors = selectors, - .vendor_prefix = css.VendorPrefix{ .none = true }, - .declarations = css.DeclarationBlock{ - .declarations = css.deepClone(css.Property, this.allocator, &@field(this, decls)), - .important_declarations = .{}, - }, - .rules = .{}, - .loc = sty.loc, - }; - - dest.append(this.allocator, .{ .style = rule }) catch bun.outOfMemory(); } + + const rule = css.StyleRule(T){ + .selectors = selectors, + .vendor_prefix = css.VendorPrefix{ .none = true }, + .declarations = css.DeclarationBlock{ + .declarations = css.deepClone(css.Property, this.allocator, &@field(this, decls)), + .important_declarations = .{}, + }, + .rules = .{}, + .loc = sty.loc, + }; + + dest.append(this.allocator, .{ .style = rule }) catch bun.outOfMemory(); } pub fn reset(this: *@This()) void { @@ -242,4 +257,51 @@ pub const PropertyHandlerContext = struct { } this.dark.clearRetainingCapacity(); } + + pub fn addConditionalProperty(this: *@This(), condition: css.SupportsCondition, property: css.Property) void { + if (this.context != DeclarationContext.style_rule) return; + + if (brk: { + for (this.supports.items) |*supp| { + if (condition.eql(&supp.condition)) break :brk supp; + } + break :brk null; + }) |entry| { + if (this.is_important) { + entry.important_declarations.append(this.allocator, property) catch bun.outOfMemory(); + } else { + entry.declarations.append(this.allocator, property) catch bun.outOfMemory(); + } + } else { + var important_declarations = ArrayList(css.Property){}; + var declarations = ArrayList(css.Property){}; + if (this.is_important) { + important_declarations.append(this.allocator, property) catch bun.outOfMemory(); + } else { + declarations.append(this.allocator, property) catch bun.outOfMemory(); + } + this.supports.append(this.allocator, SupportsEntry{ + .condition = condition, + .declarations = declarations, + .important_declarations = important_declarations, + }) catch bun.outOfMemory(); + } + } + + pub fn addUnparsedFallbacks(this: *@This(), unparsed: *UnparsedProperty) void { + if (this.context != DeclarationContext.style_rule and this.context != DeclarationContext.style_attribute) { + return; + } + + const fallbacks = unparsed.value.getFallbacks(this.allocator, this.targets); + + for (fallbacks.slice()) |condition_and_fallback| { + this.addConditionalProperty(condition_and_fallback[0], css.Property{ + .unparsed = UnparsedProperty{ + .property_id = unparsed.property_id.deepClone(this.allocator), + .value = condition_and_fallback[1], + }, + }); + } + } }; diff --git a/src/css/css_internals.zig b/src/css/css_internals.zig index b1a0a22394..be61eb545e 100644 --- a/src/css/css_internals.zig +++ b/src/css/css_internals.zig @@ -36,7 +36,7 @@ pub fn testingImpl(globalThis: *JSC.JSGlobalObject, callframe: *JSC.CallFrame, c defer arena.reset(); const alloc = arena.allocator(); - const arguments_ = callframe.arguments(2); + const arguments_ = callframe.arguments(3); var arguments = JSC.Node.ArgumentsSlice.init(globalThis.bunVM(), arguments_.slice()); const source_arg: JSC.JSValue = arguments.nextEat() orelse { globalThis.throw("minifyTestWithOptions: expected 2 arguments, got 0", .{}); @@ -71,14 +71,12 @@ pub fn testingImpl(globalThis: *JSC.JSGlobalObject, callframe: *JSC.CallFrame, c const parser_options = parser_options: { const opts = bun.css.ParserOptions.default(alloc, &log); - if (test_kind == .prefix) break :parser_options opts; + // if (test_kind == .prefix) break :parser_options opts; if (options_arg) |optargs| { - _ = optargs; // autofix - // if (optargs.isObject()) { - // if (optargs.getStr - // } - std.debug.panic("ZACK: suppor this lol", .{}); + if (optargs.isObject()) { + // minify_options.targets.browsers = targetsFromJS(globalThis, optarg); + } } break :parser_options opts; @@ -94,16 +92,10 @@ pub fn testingImpl(globalThis: *JSC.JSGlobalObject, callframe: *JSC.CallFrame, c .result => |stylesheet_| { var stylesheet = stylesheet_; var minify_options: bun.css.MinifyOptions = bun.css.MinifyOptions.default(); - switch (test_kind) { - .minify => {}, - .normal => {}, - .prefix => { - if (options_arg) |optarg| { - if (optarg.isObject()) { - minify_options.targets.browsers = targetsFromJS(globalThis, optarg); - } - } - }, + if (options_arg) |optarg| { + if (optarg.isObject()) { + minify_options.targets.browsers = targetsFromJS(globalThis, optarg); + } } _ = stylesheet.minify(alloc, minify_options).assert(); @@ -113,6 +105,9 @@ pub fn testingImpl(globalThis: *JSC.JSGlobalObject, callframe: *JSC.CallFrame, c .normal => false, .prefix => false, }, + .targets = .{ + .browsers = minify_options.targets.browsers, + }, }, &import_records) catch |e| { bun.handleErrorReturnTrace(e, @errorReturnTrace()); return .undefined; diff --git a/src/css/css_modules.zig b/src/css/css_modules.zig index a0b84ed523..14767a4a8c 100644 --- a/src/css/css_modules.zig +++ b/src/css/css_modules.zig @@ -67,7 +67,7 @@ pub const CssModule = struct { pub fn deinit(this: *CssModule) void { _ = this; // autofix - @panic(css.todo_stuff.depth); + // TODO: deinit } pub fn referenceDashed( diff --git a/src/css/css_parser.zig b/src/css/css_parser.zig index a909bd7f8b..8cdb95c415 100644 --- a/src/css/css_parser.zig +++ b/src/css/css_parser.zig @@ -43,6 +43,7 @@ pub const css_values = @import("./values/values.zig"); pub const DashedIdent = css_values.ident.DashedIdent; pub const DashedIdentFns = css_values.ident.DashedIdentFns; pub const CssColor = css_values.color.CssColor; +pub const ColorFallbackKind = css_values.color.ColorFallbackKind; pub const CSSString = css_values.string.CSSString; pub const CSSStringFns = css_values.string.CSSStringFns; pub const CSSInteger = css_values.number.CSSInteger; @@ -113,6 +114,9 @@ pub const ImportConditions = css_rules.import.ImportConditions; pub const compat = @import("./compat.zig"); +pub const Features = targets.Features; +pub const Feature = compat.Feature; + pub const fmtPrinterError = errors_.fmtPrinterError; pub const PrintErr = error{ @@ -161,15 +165,18 @@ pub const VendorPrefix = packed struct(u8) { o: bool = false, __unused: u3 = 0, - pub usingnamespace Bitflags(@This()); + pub const NONE = VendorPrefix{ .none = true }; + pub const WEBKIT = VendorPrefix{ .webkit = true }; + pub const MOZ = VendorPrefix{ .moz = true }; - pub fn all() VendorPrefix { - return VendorPrefix{ .webkit = true, .moz = true, .ms = true, .o = true, .none = true }; - } + /// Fields listed here so we can iterate them in the order we want + pub const FIELDS: []const []const u8 = &.{ "webkit", "moz", "ms", "o", "none" }; + + pub usingnamespace Bitflags(@This()); pub fn toCss(this: *const VendorPrefix, comptime W: type, dest: *Printer(W)) PrintErr!void { return switch (this.asBits()) { - VendorPrefix.asBits(.{ .webkit = true }) => dest.writeStr("-webkit"), + VendorPrefix.asBits(.{ .webkit = true }) => dest.writeStr("-webkit-"), VendorPrefix.asBits(.{ .moz = true }) => dest.writeStr("-moz-"), VendorPrefix.asBits(.{ .ms = true }) => dest.writeStr("-ms-"), VendorPrefix.asBits(.{ .o = true }) => dest.writeStr("-o-"), @@ -3917,7 +3924,7 @@ pub const nth = struct { if (tok.* == .delim and tok.delim == '+') return parse_signless_b(input, a, 1); if (tok.* == .delim and tok.delim == '-') return parse_signless_b(input, a, -1); - if (tok.* == .number and tok.number.has_sign and tok.number.int_value != null) return parse_signless_b(input, a, tok.number.int_value.?); + if (tok.* == .number and tok.number.has_sign and tok.number.int_value != null) return .{ .result = NthResult{ a, tok.number.int_value.? } }; input.reset(&start); return .{ .result = .{ a, 0 } }; } @@ -4352,7 +4359,7 @@ const Tokenizer = struct { this.advance(1); if (this.isEof()) break; } - value *= std.math.pow(f64, 10, sign2 * exponent); + value *= bun.pow(10, sign2 * exponent); } } @@ -6160,14 +6167,22 @@ pub inline fn implementDeepClone(comptime T: type, this: *const T, allocator: Al .Struct => { var strct: T = undefined; inline for (tyinfo.Struct.fields) |field| { - @field(strct, field.name) = generic.deepClone(field.type, &@field(this, field.name), allocator); + if (comptime generic.canTransitivelyImplementDeepClone(field.type) and @hasDecl(field.type, "__generateDeepClone")) { + @field(strct, field.name) = implementDeepClone(field.type, &field(this, field.name, allocator)); + } else { + @field(strct, field.name) = generic.deepClone(field.type, &@field(this, field.name), allocator); + } } return strct; }, .Union => { inline for (bun.meta.EnumFields(T), tyinfo.Union.fields) |enum_field, union_field| { - if (@intFromEnum(this.*) == enum_field.value) + if (@intFromEnum(this.*) == enum_field.value) { + if (comptime generic.canTransitivelyImplementDeepClone(union_field.type) and @hasDecl(union_field.type, "__generateDeepClone")) { + return @unionInit(T, enum_field.name, implementDeepClone(union_field.type, &@field(this, enum_field.name), allocator)); + } return @unionInit(T, enum_field.name, generic.deepClone(union_field.type, &@field(this, enum_field.name), allocator)); + } } unreachable; }, @@ -6213,8 +6228,14 @@ pub fn implementEql(comptime T: type, this: *const T, other: *const T) bool { return std.mem.eql(Child, &this.*, &other.*); } if (this.len != other.len) return false; - for (this.*, other.*) |a, b| { - if (!generic.eql(Child, &a, &b)) return false; + if (comptime generic.canTransitivelyImplementEql(Child) and @hasDecl(Child, "__generateEql")) { + for (this.*, other.*) |*a, *b| { + if (!implementEql(Child, &a, &b)) return false; + } + } else { + for (this.*, other.*) |*a, *b| { + if (!generic.eql(Child, a, b)) return false; + } } return true; }, @@ -6231,11 +6252,16 @@ pub fn implementEql(comptime T: type, this: *const T, other: *const T) bool { inline for (enum_fields, std.meta.fields(T)) |enum_field, union_field| { if (enum_field.value == @intFromEnum(this.*)) { if (union_field.type != void) { + if (comptime generic.canTransitivelyImplementEql(union_field.type) and @hasDecl(union_field.type, "__generateEql")) { + return implementEql(union_field.type, &@field(this, enum_field.name), &@field(other, enum_field.name)); + } return generic.eql(union_field.type, &@field(this, enum_field.name), &@field(other, enum_field.name)); - } else return true; + } else { + return true; + } } } - return true; + unreachable; }, else => @compileError("Unsupported type: " ++ @typeName(T)), }; diff --git a/src/css/declaration.zig b/src/css/declaration.zig index b04017d1d3..f84c4f9c11 100644 --- a/src/css/declaration.zig +++ b/src/css/declaration.zig @@ -14,6 +14,14 @@ const Result = css.Result; const ArrayList = std.ArrayListUnmanaged; pub const DeclarationList = ArrayList(css.Property); +const BackgroundHandler = css.css_properties.background.BackgroundHandler; +const FallbackHandler = css.css_properties.prefix_handler.FallbackHandler; +const MarginHandler = css.css_properties.margin_padding.MarginHandler; +const PaddingHandler = css.css_properties.margin_padding.PaddingHandler; +const ScrollMarginHandler = css.css_properties.margin_padding.ScrollMarginHandler; +const InsetHandler = css.css_properties.margin_padding.InsetHandler; +const SizeHandler = css.css_properties.size.SizeHandler; + /// A CSS declaration block. /// /// Properties are separated into a list of `!important` declararations, @@ -30,6 +38,26 @@ pub const DeclarationBlock = struct { const This = @This(); + const DebugFmt = struct { + self: *const DeclarationBlock, + + pub fn format(this: @This(), comptime fmt: []const u8, options: std.fmt.FormatOptions, writer: anytype) !void { + _ = fmt; // autofix + _ = options; // autofix + var arraylist = ArrayList(u8){}; + const w = arraylist.writer(bun.default_allocator); + defer arraylist.deinit(bun.default_allocator); + var printer = css.Printer(@TypeOf(w)).new(bun.default_allocator, std.ArrayList(u8).init(bun.default_allocator), w, .{}, null); + defer printer.deinit(); + this.self.toCss(@TypeOf(w), &printer) catch |e| return try writer.print("\n", .{@errorName(e)}); + try writer.writeAll(arraylist.items); + } + }; + + pub fn debug(this: *const @This()) DebugFmt { + return DebugFmt{ .self = this }; + } + pub fn isEmpty(this: *const This) bool { return this.declarations.items.len == 0 and this.important_declarations.items.len == 0; } @@ -270,16 +298,16 @@ pub fn parse_declaration( const Closure = struct { property_id: css.PropertyId, options: *const css.ParserOptions, - - pub fn parsefn(this: *@This(), input2: *css.Parser) Result(css.Property) { - return css.Property.parse(this.property_id, input2, this.options); - } }; var closure = Closure{ .property_id = property_id, .options = options, }; - const property = switch (input.parseUntilBefore(delimiters, css.Property, &closure, Closure.parsefn)) { + const property = switch (input.parseUntilBefore(delimiters, css.Property, &closure, struct { + pub fn parseFn(this: *Closure, input2: *css.Parser) Result(css.Property) { + return css.Property.parse(this.property_id, input2, this.options); + } + }.parseFn)) { .err => |e| return .{ .err = e }, .result => |v| v, }; @@ -300,10 +328,19 @@ pub fn parse_declaration( } pub const DeclarationHandler = struct { + background: BackgroundHandler = .{}, + size: SizeHandler = .{}, + margin: MarginHandler = .{}, + padding: PaddingHandler = .{}, + scroll_margin: ScrollMarginHandler = .{}, + inset: InsetHandler = .{}, + fallback: FallbackHandler = .{}, direction: ?css.css_properties.text.Direction, decls: DeclarationList, pub fn finalize(this: *DeclarationHandler, context: *css.PropertyHandlerContext) void { + const allocator = context.allocator; + _ = allocator; // autofix if (this.direction) |direction| { this.direction = null; this.decls.append(context.allocator, css.Property{ .direction = direction }) catch bun.outOfMemory(); @@ -313,16 +350,24 @@ pub const DeclarationHandler = struct { // this.decls.append(context.allocator, css.Property{ .unicode_bidi = unicode_bidi }) catch bun.outOfMemory(); // } - // TODO: - // this.background.finalize(&this.decls, context); + this.background.finalize(&this.decls, context); + this.size.finalize(&this.decls, context); + this.margin.finalize(&this.decls, context); + this.padding.finalize(&this.decls, context); + this.scroll_margin.finalize(&this.decls, context); + this.inset.finalize(&this.decls, context); + this.fallback.finalize(&this.decls, context); } pub fn handleProperty(this: *DeclarationHandler, property: *const css.Property, context: *css.PropertyHandlerContext) bool { - _ = this; // autofix - _ = property; // autofix - _ = context; // autofix - // TODO - return false; + // return this.background.handleProperty(property, &this.decls, context); + return this.background.handleProperty(property, &this.decls, context) or + this.size.handleProperty(property, &this.decls, context) or + this.margin.handleProperty(property, &this.decls, context) or + this.padding.handleProperty(property, &this.decls, context) or + this.scroll_margin.handleProperty(property, &this.decls, context) or + this.inset.handleProperty(property, &this.decls, context) or + this.fallback.handleProperty(property, &this.decls, context); } pub fn default() DeclarationHandler { diff --git a/src/css/generics.zig b/src/css/generics.zig index 11d749a4f6..7dc3a08878 100644 --- a/src/css/generics.zig +++ b/src/css/generics.zig @@ -149,6 +149,13 @@ pub fn eqlList(comptime T: type, lhs: *const ArrayList(T), rhs: *const ArrayList return true; } +pub fn canTransitivelyImplementEql(comptime T: type) bool { + return switch (@typeInfo(T)) { + .Struct, .Union => true, + else => false, + }; +} + pub inline fn eql(comptime T: type, lhs: *const T, rhs: *const T) bool { const tyinfo = comptime @typeInfo(T); if (comptime tyinfo == .Pointer) { @@ -191,6 +198,13 @@ pub inline fn eql(comptime T: type, lhs: *const T, rhs: *const T) bool { }; } +pub fn canTransitivelyImplementDeepClone(comptime T: type) bool { + return switch (@typeInfo(T)) { + .Struct, .Union => true, + else => false, + }; +} + pub inline fn deepClone(comptime T: type, this: *const T, allocator: Allocator) T { const tyinfo = comptime @typeInfo(T); if (comptime tyinfo == .Pointer) { @@ -204,7 +218,7 @@ pub inline fn deepClone(comptime T: type, this: *const T, allocator: Allocator) @memcpy(slice, this.*); } else { for (this.*, 0..) |*e, i| { - slice[i] = deepClone(tyinfo.Pointer.child, &e, allocator); + slice[i] = deepClone(tyinfo.Pointer.child, e, allocator); } } return slice; diff --git a/src/css/logical.zig b/src/css/logical.zig index ed0c945fc2..adcbf8a346 100644 --- a/src/css/logical.zig +++ b/src/css/logical.zig @@ -12,6 +12,10 @@ const ArrayList = std.ArrayListUnmanaged; pub const PropertyCategory = enum { logical, physical, + + pub fn default() PropertyCategory { + return .physical; + } }; pub const LogicalGroup = enum { diff --git a/src/css/media_query.zig b/src/css/media_query.zig index 23c7ef045a..696968b4db 100644 --- a/src/css/media_query.zig +++ b/src/css/media_query.zig @@ -85,9 +85,7 @@ pub const MediaList = struct { } pub fn eql(lhs: *const MediaList, rhs: *const MediaList) bool { - _ = lhs; // autofix - _ = rhs; // autofix - @panic(css.todo_stuff.depth); + return css.implementEql(@This(), lhs, rhs); } pub fn deepClone(this: *const MediaList, allocator: std.mem.Allocator) MediaList { @@ -148,6 +146,10 @@ pub const MediaQuery = struct { }; } + pub fn eql(lhs: *const @This(), rhs: *const @This()) bool { + return css.implementEql(@This(), lhs, rhs); + } + /// Returns whether the media query is guaranteed to always match. pub fn alwaysMatches(this: *const MediaQuery) bool { return this.qualifier == null and this.media_type == .all and this.condition == null; @@ -227,6 +229,7 @@ pub const MediaQuery = struct { const condition = if (this.condition) |*cond| cond else return; const needs_parens = if (this.media_type != .all or this.qualifier != null) needs_parens: { + try dest.writeStr(" and "); break :needs_parens condition.* == .operation and condition.operation.operator != .@"and"; } else false; @@ -302,12 +305,19 @@ pub const MediaType = union(enum) { } pub fn fromStr(name: []const u8) MediaType { - // css.todo_stuff.match_ignore_ascii_case - if (bun.strings.eqlCaseInsensitiveASCIIICheckLength(name, "all")) return .all; - if (bun.strings.eqlCaseInsensitiveASCIIICheckLength(name, "print")) return .print; - if (bun.strings.eqlCaseInsensitiveASCIIICheckLength(name, "screen")) return .print; + const Enumerations = enum { all, print, screen }; + const Map = comptime bun.ComptimeEnumMap(Enumerations); + if (Map.getASCIIICaseInsensitive(name)) |x| return switch (x) { + .all => .all, + .print => .print, + .screen => .screen, + }; return .{ .custom = name }; } + + pub fn eql(lhs: *const @This(), rhs: *const @This()) bool { + return css.implementEql(@This(), lhs, rhs); + } }; pub fn operationToCss(comptime QueryCondition: type, operator: Operator, conditions: *const ArrayList(QueryCondition), comptime W: type, dest: *Printer(W)) PrintErr!void { @@ -333,6 +343,10 @@ pub const MediaCondition = union(enum) { operation: struct { operator: Operator, conditions: ArrayList(MediaCondition), + + pub fn eql(lhs: *const @This(), rhs: *const @This()) bool { + return css.implementEql(@This(), lhs, rhs); + } }, const This = @This(); @@ -350,6 +364,10 @@ pub const MediaCondition = union(enum) { }; } + pub fn eql(lhs: *const @This(), rhs: *const @This()) bool { + return css.implementEql(@This(), lhs, rhs); + } + pub fn toCss(this: *const This, comptime W: type, dest: *Printer(W)) PrintErr!void { switch (this.*) { .feature => |*f| { @@ -730,12 +748,20 @@ pub fn QueryFeature(comptime FeatureId: type) type { name: MediaFeatureName(FeatureId), /// The feature value. value: MediaFeatureValue, + + pub fn eql(lhs: *const @This(), rhs: *const @This()) bool { + return css.implementEql(@This(), lhs, rhs); + } }, /// A boolean feature, e.g. `(hover)`. boolean: struct { /// The name of the feature. name: MediaFeatureName(FeatureId), + + pub fn eql(lhs: *const @This(), rhs: *const @This()) bool { + return css.implementEql(@This(), lhs, rhs); + } }, /// A range, e.g. `(width > 240px)`. @@ -746,6 +772,10 @@ pub fn QueryFeature(comptime FeatureId: type) type { operator: MediaFeatureComparison, /// The feature value. value: MediaFeatureValue, + + pub fn eql(lhs: *const @This(), rhs: *const @This()) bool { + return css.implementEql(@This(), lhs, rhs); + } }, /// An interval, e.g. `(120px < width < 240px)`. @@ -760,6 +790,10 @@ pub fn QueryFeature(comptime FeatureId: type) type { end: MediaFeatureValue, /// A comparator for the end value. end_operator: MediaFeatureComparison, + + pub fn eql(lhs: *const @This(), rhs: *const @This()) bool { + return css.implementEql(@This(), lhs, rhs); + } }, const This = @This(); @@ -796,6 +830,10 @@ pub fn QueryFeature(comptime FeatureId: type) type { }; } + pub fn eql(lhs: *const @This(), rhs: *const @This()) bool { + return css.implementEql(@This(), lhs, rhs); + } + pub fn needsParens(this: *const This, parent_operator: ?Operator, targets: *const css.Targets) bool { return parent_operator != .@"and" and this.* == .interval and @@ -1126,6 +1164,10 @@ pub const MediaFeatureValue = union(enum) { /// An environment variable reference. env: EnvironmentVariable, + pub fn eql(lhs: *const @This(), rhs: *const @This()) bool { + return css.implementEql(@This(), lhs, rhs); + } + pub fn deepClone(this: *const MediaFeatureValue, allocator: std.mem.Allocator) MediaFeatureValue { return switch (this.*) { .length => |*l| .{ .length = l.deepClone(allocator) }, diff --git a/src/css/properties/align.zig b/src/css/properties/align.zig index 2f631c0584..d5f3f5b716 100644 --- a/src/css/properties/align.zig +++ b/src/css/properties/align.zig @@ -86,7 +86,7 @@ pub const BaselinePosition = enum { }; const BaselinePositionMap = bun.ComptimeEnumMap(BaselinePositionIdent); - if (BaselinePositionMap.get(ident)) |value| + if (BaselinePositionMap.getASCIIICaseInsensitive(ident)) |value| switch (value) { .baseline => return .{ .result = BaselinePosition.first }, .first => { @@ -204,7 +204,7 @@ pub const JustifyContent = union(enum) { }; const JustifyContentIdentMap = bun.ComptimeEnumMap(JustifyContentIdent); - if (JustifyContentIdentMap.get(ident)) |value| + if (JustifyContentIdentMap.getASCIIICaseInsensitive(ident)) |value| return switch (value) { .left => .{ .result = .{ .left = .{ .overflow = overflow } } }, .right => .{ .result = .{ .right = .{ .overflow = overflow } } }, @@ -395,7 +395,7 @@ pub const JustifySelf = union(enum) { }; const Enum = enum { left, right }; const Map = bun.ComptimeEnumMap(Enum); - if (Map.get(ident)) |val| return .{ .result = switch (val) { + if (Map.getASCIIICaseInsensitive(ident)) |val| return .{ .result = switch (val) { .left => .{ .left = .{ .overflow = overflow } }, .right => .{ .right = .{ .overflow = overflow } }, } }; @@ -590,7 +590,7 @@ pub const JustifyItems = union(enum) { const Enum = enum { left, right }; const Map = bun.ComptimeEnumMap(Enum); - if (Map.get(ident)) |val| return .{ .result = switch (val) { + if (Map.getASCIIICaseInsensitive(ident)) |val| return .{ .result = switch (val) { .left => .{ .left = .{ .overflow = overflow } }, .right => .{ .right = .{ .overflow = overflow } }, } }; @@ -660,7 +660,7 @@ pub const LegacyJustify = enum { }; const LegacyJustifyMap = bun.ComptimeEnumMap(LegacyJustifyIdent); - if (LegacyJustifyMap.get(ident)) |value| { + if (LegacyJustifyMap.getASCIIICaseInsensitive(ident)) |value| { switch (value) { .legacy => { const inner_location = input.currentSourceLocation(); @@ -670,7 +670,7 @@ pub const LegacyJustify = enum { }; const InnerEnum = enum { left, right, center }; const InnerLegacyJustifyMap = bun.ComptimeEnumMap(InnerEnum); - if (InnerLegacyJustifyMap.get(inner_ident)) |inner_value| { + if (InnerLegacyJustifyMap.getASCIIICaseInsensitive(inner_ident)) |inner_value| { return switch (inner_value) { .left => .{ .result = .left }, .right => .{ .result = .right }, diff --git a/src/css/properties/background.zig b/src/css/properties/background.zig index 7153ee7add..438b43ade6 100644 --- a/src/css/properties/background.zig +++ b/src/css/properties/background.zig @@ -5,6 +5,8 @@ const ArrayList = std.ArrayListUnmanaged; pub const css = @import("../css_parser.zig"); +const Property = css.Property; +const VendorPrefix = css.VendorPrefix; const SmallList = css.SmallList; const Printer = css.Printer; const PrintErr = css.PrintErr; @@ -43,6 +45,11 @@ pub const Background = struct { /// How the background should be clipped. clip: BackgroundClip, + pub fn deinit(_: *@This(), _: Allocator) void { + // TODO: implement this + // not necessary right now because all allocations in CSS parser are in arena + } + pub fn parse(input: *css.Parser) css.Result(@This()) { var color: ?CssColor = null; var position: ?BackgroundPosition = null; @@ -203,6 +210,33 @@ pub const Background = struct { } } + pub fn getImage(this: *const @This()) *const Image { + return &this.image; + } + + pub fn withImage(this: *const @This(), allocator: Allocator, image: Image) @This() { + var ret = this.*; + ret.image = .none; + ret = ret.deepClone(allocator); + ret.image = image; + return ret; + } + + pub fn getFallback(this: *const @This(), allocator: Allocator, kind: css.ColorFallbackKind) Background { + var ret: Background = this.*; + // Dummy values for the clone + ret.color = CssColor.default(); + ret.image = Image.default(); + ret = ret.deepClone(allocator); + ret.color = this.color.getFallback(allocator, kind); + ret.image = this.image.getFallback(allocator, kind); + return ret; + } + + pub fn getNecessaryFallbacks(this: *const @This(), targets: css.targets.Targets) css.ColorFallbackKind { + return this.color.getNecessaryFallbacks(targets).bitwiseOr(this.getImage().getNecessaryFallbacks(targets)); + } + pub inline fn deepClone(this: *const @This(), allocator: Allocator) @This() { return css.implementDeepClone(@This(), this, allocator); } @@ -393,6 +427,10 @@ pub const BackgroundRepeat = struct { pub fn eql(lhs: *const @This(), rhs: *const @This()) bool { return css.implementEql(@This(), lhs, rhs); } + + pub fn deepClone(this: *const @This(), allocator: Allocator) @This() { + return css.implementDeepClone(@This(), this, allocator); + } }; /// A [``](https://www.w3.org/TR/css-backgrounds-3/#typedef-repeat-style) value, @@ -456,6 +494,10 @@ pub const BackgroundClip = enum { pub usingnamespace css.DefineEnumProperty(@This()); + pub fn default() BackgroundClip { + return .@"border-box"; + } + pub fn eqlOrigin(this: *const @This(), other: *const BackgroundOrigin) bool { return switch (this.*) { .@"border-box" => other.* == .@"border-box", @@ -480,3 +522,533 @@ pub const AspectRatio = struct { /// A preferred aspect ratio for the box, specified as width / height. ratio: ?Ratio, }; + +pub const BackgroundProperty = packed struct(u16) { + @"background-color": bool = false, + @"background-image": bool = false, + @"background-position-x": bool = false, + @"background-position-y": bool = false, + @"background-repeat": bool = false, + @"background-size": bool = false, + @"background-attachment": bool = false, + @"background-origin": bool = false, + @"background-clip": bool = false, + __unused: u7 = 0, + + pub usingnamespace css.Bitflags(@This()); + + pub const @"background-color" = BackgroundProperty{ .@"background-color" = true }; + pub const @"background-image" = BackgroundProperty{ .@"background-image" = true }; + pub const @"background-position-x" = BackgroundProperty{ .@"background-position-x" = true }; + pub const @"background-position-y" = BackgroundProperty{ .@"background-position-y" = true }; + pub const @"background-position" = BackgroundProperty{ .@"background-position-x" = true, .@"background-position-y" = true }; + pub const @"background-repeat" = BackgroundProperty{ .@"background-repeat" = true }; + pub const @"background-size" = BackgroundProperty{ .@"background-size" = true }; + pub const @"background-attachment" = BackgroundProperty{ .@"background-attachment" = true }; + pub const @"background-origin" = BackgroundProperty{ .@"background-origin" = true }; + pub const @"background-clip" = BackgroundProperty{ .@"background-clip" = true }; + pub const background = BackgroundProperty{ + .@"background-color" = true, + .@"background-image" = true, + .@"background-position-x" = true, + .@"background-position-y" = true, + .@"background-repeat" = true, + .@"background-size" = true, + .@"background-attachment" = true, + .@"background-origin" = true, + .@"background-clip" = true, + }; + + pub fn fromPropertyId(property_id: css.PropertyId) ?BackgroundProperty { + return switch (property_id) { + .@"background-color" => BackgroundProperty{ .@"background-color" = true }, + .@"background-image" => BackgroundProperty{ .@"background-image" = true }, + .@"background-position-x" => BackgroundProperty{ .@"background-position-x" = true }, + .@"background-position-y" => BackgroundProperty{ .@"background-position-y" = true }, + .@"background-position" => BackgroundProperty{ .@"background-position-x" = true, .@"background-position-y" = true }, + .@"background-repeat" => BackgroundProperty{ .@"background-repeat" = true }, + .@"background-size" => BackgroundProperty{ .@"background-size" = true }, + .@"background-attachment" => BackgroundProperty{ .@"background-attachment" = true }, + .@"background-origin" => BackgroundProperty{ .@"background-origin" = true }, + .background => BackgroundProperty{ + .@"background-color" = true, + .@"background-image" = true, + .@"background-position-x" = true, + .@"background-position-y" = true, + .@"background-repeat" = true, + .@"background-size" = true, + .@"background-attachment" = true, + .@"background-origin" = true, + .@"background-clip" = true, + }, + else => null, + }; + } +}; + +pub const BackgroundHandler = struct { + color: ?CssColor = null, + images: ?css.SmallList(Image, 1) = null, + has_prefix: bool = false, + x_positions: ?css.SmallList(HorizontalPosition, 1) = null, + y_positions: ?css.SmallList(VerticalPosition, 1) = null, + repeats: ?css.SmallList(BackgroundRepeat, 1) = null, + sizes: ?css.SmallList(BackgroundSize, 1) = null, + attachments: ?css.SmallList(BackgroundAttachment, 1) = null, + origins: ?css.SmallList(BackgroundOrigin, 1) = null, + clips: ?struct { css.SmallList(BackgroundClip, 1), VendorPrefix } = null, + decls: ArrayList(Property) = undefined, + flushed_properties: BackgroundProperty = undefined, + has_any: bool = false, + + pub fn handleProperty( + this: *BackgroundHandler, + property: *const Property, + dest: *css.DeclarationList, + context: *css.PropertyHandlerContext, + ) bool { + const allocator = context.allocator; + switch (property.*) { + .@"background-color" => |*val| { + this.flushHelper(allocator, "color", CssColor, val, dest, context); + this.color = val.deepClone(allocator); + }, + .@"background-image" => |*val| { + this.backgroundHelper(allocator, SmallList(Image, 1), val, property, dest, context); + this.images = val.deepClone(allocator); + }, + .@"background-position" => |val| { + const x_positions = this.initSmallListHelper(HorizontalPosition, 1, "x_positions", allocator, val.len()); + const y_positions = this.initSmallListHelper(VerticalPosition, 1, "y_positions", allocator, val.len()); + for (val.slice(), x_positions, y_positions) |position, *x, *y| { + x.* = position.x.deepClone(allocator); + y.* = position.y.deepClone(allocator); + } + }, + .@"background-position-x" => |val| { + if (this.x_positions) |*x_positions| x_positions.deinit(allocator); + this.x_positions = val.deepClone(allocator); + }, + .@"background-position-y" => |val| { + if (this.y_positions) |*y_positions| y_positions.deinit(allocator); + this.y_positions = val.deepClone(allocator); + }, + .@"background-repeat" => |val| { + if (this.repeats) |*repeats| repeats.deinit(allocator); + this.repeats = val.deepClone(allocator); + }, + .@"background-size" => |val| { + if (this.sizes) |*sizes| sizes.deinit(allocator); + this.sizes = val.deepClone(allocator); + }, + .@"background-attachment" => |val| { + if (this.attachments) |*attachments| attachments.deinit(allocator); + this.attachments = val.deepClone(allocator); + }, + .@"background-origin" => |val| { + if (this.origins) |*origins| origins.deinit(allocator); + this.origins = val.deepClone(allocator); + }, + .@"background-clip" => |*x| { + const val: *const SmallList(BackgroundClip, 1) = &x.*[0]; + const vendor_prefix: VendorPrefix = x.*[1]; + if (this.clips) |*clips_and_vp| { + var clips: *SmallList(BackgroundClip, 1) = &clips_and_vp.*[0]; + const vp: *VendorPrefix = &clips_and_vp.*[1]; + if (!vendor_prefix.eql(vp.*) and !val.eql(clips)) { + this.flush(allocator, dest, context); + clips.deinit(allocator); + this.clips = .{ val.deepClone(allocator), vendor_prefix }; + } else { + if (!val.eql(clips)) { + clips.deinit(allocator); + clips.* = val.deepClone(allocator); + } + vp.insert(vendor_prefix); + } + } else { + this.clips = .{ val.deepClone(allocator), vendor_prefix }; + } + }, + .background => |*val| { + var images = SmallList(Image, 1).initCapacity(allocator, val.len()); + for (val.slice()) |*b| { + images.appendAssumeCapacity(b.image.deepClone(allocator)); + } + this.backgroundHelper(allocator, SmallList(Image, 1), &images, property, dest, context); + const color = val.last().?.color.deepClone(allocator); + this.flushHelper(allocator, "color", CssColor, &color, dest, context); + var clips = SmallList(BackgroundClip, 1).initCapacity(allocator, val.len()); + for (val.slice()) |*b| { + clips.appendAssumeCapacity(b.clip.deepClone(allocator)); + } + var clips_vp = VendorPrefix{ .none = true }; + if (this.clips) |*clips_and_vp| { + if (!clips_vp.eql(clips_and_vp.*[1]) and !clips_and_vp.*[0].eql(&clips_and_vp[0])) { + this.flush(allocator, dest, context); + } else { + clips_vp.insert(clips_and_vp.*[1]); + } + } + + if (this.color) |*c| c.deinit(allocator); + this.color = color; + if (this.images) |*i| i.deinit(allocator); + this.images = images; + const x_positions = this.initSmallListHelper(HorizontalPosition, 1, "x_positions", allocator, val.len()); + const y_positions = this.initSmallListHelper(VerticalPosition, 1, "y_positions", allocator, val.len()); + const repeats = this.initSmallListHelper(BackgroundRepeat, 1, "repeats", allocator, val.len()); + const sizes = this.initSmallListHelper(BackgroundSize, 1, "sizes", allocator, val.len()); + const attachments = this.initSmallListHelper(BackgroundAttachment, 1, "attachments", allocator, val.len()); + const origins = this.initSmallListHelper(BackgroundOrigin, 1, "origins", allocator, val.len()); + + for ( + val.slice(), + x_positions, + y_positions, + repeats, + sizes, + attachments, + origins, + ) |*b, *x, *y, *r, *s, *a, *o| { + x.* = b.position.x.deepClone(allocator); + y.* = b.position.y.deepClone(allocator); + r.* = b.repeat.deepClone(allocator); + s.* = b.size.deepClone(allocator); + a.* = b.attachment.deepClone(allocator); + o.* = b.origin.deepClone(allocator); + } + + this.clips = .{ clips, clips_vp }; + }, + .unparsed => |*val| { + if (isBackgroundProperty(val.property_id)) { + this.flush(allocator, dest, context); + var unparsed = val.deepClone(allocator); + context.addUnparsedFallbacks(&unparsed); + if (BackgroundProperty.fromPropertyId(val.property_id)) |prop| { + this.flushed_properties.insert(prop); + } + + dest.append(allocator, Property{ .unparsed = unparsed }) catch bun.outOfMemory(); + } else return false; + }, + else => return false, + } + + this.has_any = true; + return true; + } + + // Either get the value from the field on `this` or initialize a new one + fn initSmallListHelper( + this: *@This(), + comptime T: type, + comptime N: comptime_int, + comptime field: []const u8, + allocator: Allocator, + length: u32, + ) []T { + if (@field(this, field)) |*list| { + list.clearRetainingCapacity(); + list.ensureTotalCapacity(allocator, length); + list.setLen(length); + return list.slice_mut(); + } else { + @field(this, field) = SmallList(T, N).initCapacity(allocator, length); + @field(this, field).?.setLen(length); + return @field(this, field).?.slice_mut(); + } + } + + fn backgroundHelper( + this: *@This(), + allocator: Allocator, + comptime T: type, + val: *const T, + property: *const Property, + dest: *css.DeclarationList, + context: *css.PropertyHandlerContext, + ) void { + this.flushHelper(allocator, "images", T, val, dest, context); + + // Store prefixed properties. Clear if we hit an unprefixed property and we have + // targets. In this case, the necessary prefixes will be generated. + this.has_prefix = val.any(struct { + pub fn predicate(item: *const Image) bool { + return item.hasVendorPrefix(); + } + }.predicate); + if (this.has_prefix) { + this.decls.append(allocator, property.deepClone(allocator)) catch bun.outOfMemory(); + } else if (context.targets.browsers != null) { + this.decls.clearRetainingCapacity(); + } + } + + fn flushHelper( + this: *@This(), + allocator: Allocator, + comptime field: []const u8, + comptime T: type, + val: *const T, + dest: *css.DeclarationList, + context: *css.PropertyHandlerContext, + ) void { + if (@field(this, field) != null and + !@field(this, field).?.eql(val) and + context.targets.browsers != null and !val.isCompatible(context.targets.browsers.?)) + { + this.flush(allocator, dest, context); + } + } + + fn flush(this: *@This(), allocator: Allocator, dest: *css.DeclarationList, context: *css.PropertyHandlerContext) void { + if (!this.has_any) return; + this.has_any = false; + const push = struct { + fn push(self: *BackgroundHandler, alloc: Allocator, d: *css.DeclarationList, comptime property_field_name: []const u8, val: anytype) void { + d.append(alloc, @unionInit(Property, property_field_name, val)) catch bun.outOfMemory(); + const prop = @field(BackgroundProperty, property_field_name); + self.flushed_properties.insert(prop); + } + }.push; + + var maybe_color: ?CssColor = bun.take(&this.color); + var maybe_images: ?css.SmallList(Image, 1) = bun.take(&this.images); + var maybe_x_positions: ?css.SmallList(HorizontalPosition, 1) = bun.take(&this.x_positions); + var maybe_y_positions: ?css.SmallList(VerticalPosition, 1) = bun.take(&this.y_positions); + var maybe_repeats: ?css.SmallList(BackgroundRepeat, 1) = bun.take(&this.repeats); + var maybe_sizes: ?css.SmallList(BackgroundSize, 1) = bun.take(&this.sizes); + var maybe_attachments: ?css.SmallList(BackgroundAttachment, 1) = bun.take(&this.attachments); + var maybe_origins: ?css.SmallList(BackgroundOrigin, 1) = bun.take(&this.origins); + var maybe_clips: ?struct { css.SmallList(BackgroundClip, 1), css.VendorPrefix } = bun.take(&this.clips); + defer { + if (maybe_color) |*c| c.deinit(allocator); + if (maybe_images) |*i| i.deinit(allocator); + if (maybe_x_positions) |*x| x.deinit(allocator); + if (maybe_y_positions) |*y| y.deinit(allocator); + if (maybe_repeats) |*r| r.deinit(allocator); + if (maybe_sizes) |*s| s.deinit(allocator); + if (maybe_attachments) |*a| a.deinit(allocator); + if (maybe_origins) |*o| o.deinit(allocator); + if (maybe_clips) |*c| c.*[0].deinit(allocator); + } + + if (maybe_color != null and + maybe_images != null and + maybe_x_positions != null and + maybe_y_positions != null and + maybe_repeats != null and + maybe_sizes != null and + maybe_attachments != null and + maybe_origins != null and + maybe_clips != null) + { + const color = &maybe_color.?; + var images = &maybe_images.?; + var x_positions = &maybe_x_positions.?; + var y_positions = &maybe_y_positions.?; + var repeats = &maybe_repeats.?; + var sizes = &maybe_sizes.?; + var attachments = &maybe_attachments.?; + var origins = &maybe_origins.?; + var clips = &maybe_clips.?; + + // Only use shorthand syntax if the number of layers matches on all properties. + const len = images.len(); + if (x_positions.len() == len and + y_positions.len() == len and + repeats.len() == len and + sizes.len() == len and attachments.len() == len and origins.len() == len and clips[0].len() == len) + { + const clip_prefixes = if (clips.*[0].any(struct { + fn predicate(clip: *const BackgroundClip) bool { + return clip.* == BackgroundClip.text; + } + }.predicate)) context.targets.prefixes(clips.*[1], .background_clip) else clips.*[1]; + const clip_property = if (!clip_prefixes.eql(css.VendorPrefix{ .none = true })) + css.Property{ .@"background-clip" = .{ clips.*[0].deepClone(allocator), clip_prefixes } } + else + null; + + var backgrounds = SmallList(Background, 1).initCapacity(allocator, len); + for ( + images.slice(), + x_positions.slice(), + y_positions.slice(), + repeats.slice(), + sizes.slice(), + attachments.slice(), + origins.slice(), + clips.*[0].slice(), + 0.., + ) |image, x_position, y_position, repeat, size, attachment, origin, clip, i| { + backgrounds.appendAssumeCapacity(Background{ + .color = if (i == len - 1) color.deepClone(allocator) else CssColor.default(), + .image = image, + .position = BackgroundPosition{ .x = x_position, .y = y_position }, + .repeat = repeat, + .size = size, + .attachment = attachment, + .origin = origin, + .clip = if (clip_prefixes.eql(css.VendorPrefix{ .none = true })) clip else BackgroundClip.default(), + }); + } + defer { + images.clearRetainingCapacity(); + x_positions.clearRetainingCapacity(); + y_positions.clearRetainingCapacity(); + repeats.clearRetainingCapacity(); + sizes.clearRetainingCapacity(); + attachments.clearRetainingCapacity(); + origins.clearRetainingCapacity(); + clips.*[0].clearRetainingCapacity(); + } + + if (!this.flushed_properties.intersects(BackgroundProperty.background)) { + for (backgrounds.getFallbacks(allocator, context.targets).slice()) |fallback| { + push(this, allocator, dest, "background", fallback); + } + } + + push(this, allocator, dest, "background", backgrounds); + + if (clip_property) |clip| { + dest.append(allocator, clip) catch bun.outOfMemory(); + this.flushed_properties.insert(BackgroundProperty.@"background-clip"); + } + + this.reset(allocator); + return; + } + } + + if (bun.take(&maybe_color)) |color_| { + var color: CssColor = color_; + if (!this.flushed_properties.contains(BackgroundProperty.@"background-color")) { + for (color.getFallbacks(allocator, context.targets).slice()) |fallback| { + push(this, allocator, dest, "background-color", fallback); + } + } + push(this, allocator, dest, "background-color", color); + } + + if (bun.take(&maybe_images)) |images_| { + var images: css.SmallList(Image, 1) = images_; + if (!this.flushed_properties.contains(BackgroundProperty.@"background-image")) { + var fallbacks = images.getFallbacks(allocator, context.targets); + for (fallbacks.slice()) |fallback| { + push(this, allocator, dest, "background-image", fallback); + } + } + push(this, allocator, dest, "background-image", images); + } + + if (maybe_x_positions != null and maybe_y_positions != null and maybe_x_positions.?.len() == maybe_y_positions.?.len()) { + var positions = SmallList(BackgroundPosition, 1).initCapacity(allocator, maybe_x_positions.?.len()); + for (maybe_x_positions.?.slice(), maybe_y_positions.?.slice()) |x, y| { + positions.appendAssumeCapacity(BackgroundPosition{ .x = x, .y = y }); + } + maybe_x_positions.?.clearRetainingCapacity(); + maybe_y_positions.?.clearRetainingCapacity(); + push(this, allocator, dest, "background-position", positions); + } else { + if (bun.take(&maybe_x_positions)) |x| { + push(this, allocator, dest, "background-position-x", x); + } + if (bun.take(&maybe_y_positions)) |y| { + push(this, allocator, dest, "background-position-y", y); + } + } + + if (bun.take(&maybe_repeats)) |rep| { + push(this, allocator, dest, "background-repeat", rep); + } + + if (bun.take(&maybe_sizes)) |rep| { + push(this, allocator, dest, "background-size", rep); + } + + if (bun.take(&maybe_attachments)) |rep| { + push(this, allocator, dest, "background-attachment", rep); + } + + if (bun.take(&maybe_origins)) |rep| { + push(this, allocator, dest, "background-origin", rep); + } + + if (bun.take(&maybe_clips)) |c| { + const clips: css.SmallList(BackgroundClip, 1), const vp: css.VendorPrefix = c; + const prefixes = if (clips.any(struct { + pub fn predicate(clip: *const BackgroundClip) bool { + return clip.* == BackgroundClip.text; + } + }.predicate)) context.targets.prefixes(vp, css.prefixes.Feature.background_clip) else vp; + dest.append( + allocator, + Property{ + .@"background-clip" = .{ clips.deepClone(allocator), prefixes }, + }, + ) catch bun.outOfMemory(); + this.flushed_properties.insert(BackgroundProperty.@"background-clip"); + } + + this.reset(allocator); + } + + fn reset(this: *@This(), allocator: Allocator) void { + if (this.color) |c| c.deinit(allocator); + this.color = null; + if (this.images) |*i| i.deinit(allocator); + this.images = null; + if (this.x_positions) |*x| x.deinit(allocator); + this.x_positions = null; + if (this.y_positions) |*y| y.deinit(allocator); + this.y_positions = null; + if (this.repeats) |*r| r.deinit(allocator); + this.repeats = null; + if (this.sizes) |*s| s.deinit(allocator); + this.sizes = null; + if (this.attachments) |*a| a.deinit(allocator); + this.attachments = null; + if (this.origins) |*o| o.deinit(allocator); + this.origins = null; + if (this.clips) |*c| c.*[0].deinit(allocator); + this.clips = null; + } + + pub fn finalize(this: *@This(), dest: *css.DeclarationList, context: *css.PropertyHandlerContext) void { + const allocator = context.allocator; + // If the last declaration is prefixed, pop the last value + // so it isn't duplicated when we flush. + if (this.has_prefix) { + var prop = this.decls.pop(); + prop.deinit(allocator); + } + + dest.appendSlice(allocator, this.decls.items) catch bun.outOfMemory(); + this.decls.clearRetainingCapacity(); + + this.flush(allocator, dest, context); + this.flushed_properties = BackgroundProperty.empty(); + } +}; + +fn isBackgroundProperty(property_id: css.PropertyId) bool { + return switch (property_id) { + .@"background-color", + .@"background-image", + .@"background-position", + .@"background-position-x", + .@"background-position-y", + .@"background-repeat", + .@"background-size", + .@"background-attachment", + .@"background-origin", + .@"background-clip", + .background, + => true, + else => false, + }; +} diff --git a/src/css/properties/box_shadow.zig b/src/css/properties/box_shadow.zig index 687643b8a7..dea6c1bf53 100644 --- a/src/css/properties/box_shadow.zig +++ b/src/css/properties/box_shadow.zig @@ -76,8 +76,8 @@ pub const BoxShadow = struct { } if (color == null) { - if (input.tryParse(CssColor.parse, .{}).isOk()) { - color = input.tryParse(CssColor.parse, .{}).result; + if (input.tryParse(CssColor.parse, .{}).asValue()) |c| { + color = c; continue; } } diff --git a/src/css/properties/custom.zig b/src/css/properties/custom.zig index 7f72cf2195..eaa7ad2f89 100644 --- a/src/css/properties/custom.zig +++ b/src/css/properties/custom.zig @@ -33,11 +33,14 @@ pub const Resolution = css.css_values.resolution.Resolution; pub const AnimationName = css.css_properties.animation.AnimationName; const ComponentParser = css.css_values.color.ComponentParser; +const SupportsCondition = css.SupportsCondition; +const ColorFallbackKind = css.ColorFallbackKind; + const ArrayList = std.ArrayListUnmanaged; /// PERF: nullable optimization pub const TokenList = struct { - v: std.ArrayListUnmanaged(TokenOrValue), + v: std.ArrayListUnmanaged(TokenOrValue) = .{}, const This = @This(); @@ -173,10 +176,10 @@ pub const TokenList = struct { ) PrintErr!bool { if (!dest.minify and i != this.v.items.len - 1 and - this.v.items[i + 1] == .token and switch (this.v.items[i + 1].token) { + !(this.v.items[i + 1] == .token and switch (this.v.items[i + 1].token) { .comma, .close_paren => true, else => false, - }) { + })) { // Whitespace is removed during parsing, so add it back if we aren't minifying. try dest.writeChar(' '); return true; @@ -598,6 +601,99 @@ pub const TokenList = struct { return .{ .result = {} }; } + pub fn getFallback(this: *const TokenList, allocator: Allocator, kind: ColorFallbackKind) @This() { + var tokens = TokenList{}; + tokens.v.ensureTotalCapacity(allocator, this.v.items.len) catch bun.outOfMemory(); + for (this.v.items, tokens.v.items[0..this.v.items.len]) |*old, *new| { + new.* = switch (old.*) { + .color => |*color| TokenOrValue{ .color = color.getFallback(allocator, kind) }, + .function => |*f| TokenOrValue{ .function = f.getFallback(allocator, kind) }, + .@"var" => |*v| TokenOrValue{ .@"var" = v.getFallback(allocator, kind) }, + .env => |*e| TokenOrValue{ .env = e.getFallback(allocator, kind) }, + else => old.deepClone(allocator), + }; + } + tokens.v.items.len = this.v.items.len; + return tokens; + } + + pub const Fallbacks = struct { SupportsCondition, TokenList }; + pub fn getFallbacks(this: *const TokenList, allocator: Allocator, targets: css.targets.Targets) css.SmallList(Fallbacks, 2) { + // Get the full list of possible fallbacks, and remove the lowest one, which will replace + // the original declaration. The remaining fallbacks need to be added as @supports rules. + var fallbacks = this.getNecessaryFallbacks(targets); + const lowest_fallback = fallbacks.lowest(); + fallbacks.remove(lowest_fallback); + + var res = css.SmallList(Fallbacks, 2){}; + if (fallbacks.contains(ColorFallbackKind.P3)) { + res.appendAssumeCapacity(.{ + ColorFallbackKind.P3.supportsCondition(), + this.getFallback(allocator, ColorFallbackKind.P3), + }); + } + + if (fallbacks.contains(ColorFallbackKind.LAB)) { + res.appendAssumeCapacity(.{ + ColorFallbackKind.LAB.supportsCondition(), + this.getFallback(allocator, ColorFallbackKind.LAB), + }); + } + + if (!lowest_fallback.isEmpty()) { + for (this.v.items) |*token_or_value| { + switch (token_or_value.*) { + .color => |*color| { + color.* = color.getFallback(allocator, lowest_fallback); + }, + .function => |*f| { + f.* = f.getFallback(allocator, lowest_fallback); + }, + .@"var" => |*v| { + if (v.fallback) |*fallback| { + fallback.* = fallback.getFallback(allocator, lowest_fallback); + } + }, + .env => |*v| { + if (v.fallback) |*fallback| { + fallback.* = fallback.getFallback(allocator, lowest_fallback); + } + }, + else => {}, + } + } + } + + return res; + } + + pub fn getNecessaryFallbacks(this: *const TokenList, targets: css.targets.Targets) ColorFallbackKind { + var fallbacks = ColorFallbackKind.empty(); + for (this.v.items) |*token_or_value| { + switch (token_or_value.*) { + .color => |*color| { + fallbacks.insert(color.getPossibleFallbacks(targets)); + }, + .function => |*f| { + fallbacks.insert(f.arguments.getNecessaryFallbacks(targets)); + }, + .@"var" => |*v| { + if (v.fallback) |*fallback| { + fallbacks.insert(fallback.getNecessaryFallbacks(targets)); + } + }, + .env => |*v| { + if (v.fallback) |*fallback| { + fallbacks.insert(fallback.getNecessaryFallbacks(targets)); + } + }, + else => {}, + } + } + + return fallbacks; + } + pub fn eql(lhs: *const TokenList, rhs: *const TokenList) bool { return css.generic.eqlList(TokenOrValue, &lhs.v, &rhs.v); } @@ -923,21 +1019,6 @@ pub const Variable = struct { const This = @This(); - pub fn eql(lhs: *const @This(), rhs: *const @This()) bool { - return css.implementEql(@This(), lhs, rhs); - } - - pub fn hash(this: *const @This(), hasher: *std.hash.Wyhash) void { - return css.implementHash(@This(), this, hasher); - } - - pub fn deepClone(this: *const Variable, allocator: Allocator) Variable { - return .{ - .name = this.name, - .fallback = if (this.fallback) |*fallback| fallback.deepClone(allocator) else null, - }; - } - pub fn deinit(this: *Variable, allocator: Allocator) void { if (this.fallback) |*fallback| { fallback.deinit(allocator); @@ -979,6 +1060,28 @@ pub const Variable = struct { } return try dest.writeChar(')'); } + + pub fn getFallback(this: *const Variable, allocator: Allocator, kind: ColorFallbackKind) @This() { + return Variable{ + .name = this.name, + .fallback = if (this.fallback) |*fallback| fallback.getFallback(allocator, kind) else null, + }; + } + + pub fn eql(lhs: *const @This(), rhs: *const @This()) bool { + return css.implementEql(@This(), lhs, rhs); + } + + pub fn hash(this: *const @This(), hasher: *std.hash.Wyhash) void { + return css.implementHash(@This(), this, hasher); + } + + pub fn deepClone(this: *const Variable, allocator: Allocator) Variable { + return .{ + .name = this.name, + .fallback = if (this.fallback) |*fallback| fallback.deepClone(allocator) else null, + }; + } }; /// A CSS environment variable reference. @@ -991,22 +1094,6 @@ pub const EnvironmentVariable = struct { /// A fallback value in case the variable is not defined. fallback: ?TokenList, - pub fn eql(lhs: *const @This(), rhs: *const @This()) bool { - return css.implementEql(@This(), lhs, rhs); - } - - pub fn hash(this: *const @This(), hasher: *std.hash.Wyhash) void { - return css.implementHash(@This(), this, hasher); - } - - pub fn deepClone(this: *const EnvironmentVariable, allocator: Allocator) EnvironmentVariable { - return .{ - .name = this.name, - .indices = this.indices.clone(allocator) catch bun.outOfMemory(), - .fallback = if (this.fallback) |*fallback| fallback.deepClone(allocator) else null, - }; - } - pub fn deinit(this: *EnvironmentVariable, allocator: Allocator) void { this.indices.deinit(allocator); if (this.fallback) |*fallback| { @@ -1082,6 +1169,30 @@ pub const EnvironmentVariable = struct { return try dest.writeChar(')'); } + + pub fn getFallback(this: *const EnvironmentVariable, allocator: Allocator, kind: ColorFallbackKind) @This() { + return EnvironmentVariable{ + .name = this.name, + .indices = this.indices.clone(allocator) catch bun.outOfMemory(), + .fallback = if (this.fallback) |*fallback| fallback.getFallback(allocator, kind) else null, + }; + } + + pub fn eql(lhs: *const @This(), rhs: *const @This()) bool { + return css.implementEql(@This(), lhs, rhs); + } + + pub fn hash(this: *const @This(), hasher: *std.hash.Wyhash) void { + return css.implementHash(@This(), this, hasher); + } + + pub fn deepClone(this: *const EnvironmentVariable, allocator: Allocator) EnvironmentVariable { + return .{ + .name = this.name, + .indices = this.indices.clone(allocator) catch bun.outOfMemory(), + .fallback = if (this.fallback) |*fallback| fallback.deepClone(allocator) else null, + }; + } }; /// A CSS environment variable name. @@ -1169,6 +1280,22 @@ pub const Function = struct { const This = @This(); + pub fn deinit(this: *Function, allocator: Allocator) void { + this.arguments.deinit(allocator); + } + + pub fn toCss( + this: *const This, + comptime W: type, + dest: *Printer(W), + is_custom_property: bool, + ) PrintErr!void { + try IdentFns.toCss(&this.name, W, dest); + try dest.writeChar('('); + try this.arguments.toCss(W, dest, is_custom_property); + return try dest.writeChar(')'); + } + pub fn eql(lhs: *const @This(), rhs: *const @This()) bool { return css.implementEql(@This(), lhs, rhs); } @@ -1184,20 +1311,11 @@ pub const Function = struct { }; } - pub fn deinit(this: *Function, allocator: Allocator) void { - this.arguments.deinit(allocator); - } - - pub fn toCss( - this: *const This, - comptime W: type, - dest: *Printer(W), - is_custom_property: bool, - ) PrintErr!void { - try IdentFns.toCss(&this.name, W, dest); - try dest.writeChar('('); - try this.arguments.toCss(W, dest, is_custom_property); - return try dest.writeChar(')'); + pub fn getFallback(this: *const Function, allocator: Allocator, kind: ColorFallbackKind) @This() { + return Function{ + .name = this.name.deepClone(allocator), + .arguments = this.arguments.getFallback(allocator, kind), + }; } }; @@ -1307,6 +1425,11 @@ pub const UnparsedProperty = struct { return .{ .result = .{ .property_id = property_id, .value = value } }; } + /// Returns a new UnparsedProperty with the same value and the given property id. + pub fn withPropertyId(this: *const @This(), allocator: Allocator, property_id: css.PropertyId) UnparsedProperty { + return UnparsedProperty{ .property_id = property_id, .value = this.value.deepClone(allocator) }; + } + pub fn deepClone(this: *const @This(), allocator: Allocator) @This() { return css.implementDeepClone(@This(), this, allocator); } diff --git a/src/css/properties/display.zig b/src/css/properties/display.zig index 251c001b97..eba2fee7cd 100644 --- a/src/css/properties/display.zig +++ b/src/css/properties/display.zig @@ -160,7 +160,7 @@ pub const DisplayPair = struct { .{ "-moz-inline-box", DisplayPair{ .outside = .@"inline", .inside = .{ .box = css.VendorPrefix{ .moz = true } }, .is_list_item = false } }, .{ "inline-grid", DisplayPair{ .outside = .@"inline", .inside = .grid, .is_list_item = false } }, }); - if (displayIdentMap.get(ident)) |pair| { + if (displayIdentMap.getASCIIICaseInsensitive(ident)) |pair| { return .{ .result = pair }; } @@ -257,7 +257,7 @@ pub const DisplayInside = union(enum) { .err => |e| return .{ .err = e }, }; - if (displayInsideMap.get(ident)) |value| { + if (displayInsideMap.getASCIIICaseInsensitive(ident)) |value| { return .{ .result = value }; } diff --git a/src/css/properties/font.zig b/src/css/properties/font.zig index 5bb73a2abb..fe1980e19a 100644 --- a/src/css/properties/font.zig +++ b/src/css/properties/font.zig @@ -91,11 +91,7 @@ pub const AbsoluteFontWeight = union(enum) { } pub fn eql(lhs: *const AbsoluteFontWeight, rhs: *const AbsoluteFontWeight) bool { - return switch (lhs.*) { - .weight => lhs.weight == rhs.weight, - .normal => rhs.* == .normal, - .bold => rhs.* == .bold, - }; + return css.implementEql(@This(), lhs, rhs); } }; @@ -178,7 +174,7 @@ pub const FontStretch = union(enum) { } pub fn eql(lhs: *const FontStretch, rhs: *const FontStretch) bool { - return lhs.keyword == rhs.keyword and lhs.percentage.v == rhs.percentage.v; + return css.implementEql(@This(), lhs, rhs); } pub fn deepClone(this: *const @This(), allocator: std.mem.Allocator) @This() { diff --git a/src/css/properties/generate_properties.ts b/src/css/properties/generate_properties.ts index 71cb9c2961..aa6853dd2b 100644 --- a/src/css/properties/generate_properties.ts +++ b/src/css/properties/generate_properties.ts @@ -37,8 +37,10 @@ const OUTPUT_FILE = "src/css/properties/properties_generated.zig"; async function generateCode(property_defs: Record) { const EMIT_COMPLETED_MD_FILE = true; if (EMIT_COMPLETED_MD_FILE) { - const completed = Object.entries(property_defs).map(([name, meta]) => `- [x] \`${name}\``).join("\n"); - await Bun.$`echo ${completed} > completed.md` + const completed = Object.entries(property_defs) + .map(([name, meta]) => `- [x] \`${name}\``) + .join("\n"); + await Bun.$`echo ${completed} > completed.md`; } await Bun.$`echo ${prelude()} > ${OUTPUT_FILE}`; await Bun.$`echo ${generateProperty(property_defs)} >> ${OUTPUT_FILE}`; @@ -55,6 +57,32 @@ function generatePropertyIdTag(property_defs: Record): stri all, unparsed, custom, + + /// Helper function used in comptime code to know whether to access the underlying value + /// with tuple indexing syntax because it may have a VendorPrefix associated with it. + pub fn hasVendorPrefix(this: PropertyIdTag) bool { + return switch (this) { + ${Object.entries(property_defs) + .map(([name, meta]) => `.${escapeIdent(name)} => ${meta.valid_prefixes === undefined ? "false" : "true"},`) + .join("\n")} + .unparsed => false, + .custom => false, + .all => false, + }; + } + + /// Helper function used in comptime code to know whether to access the underlying value + /// with tuple indexing syntax because it may have a VendorPrefix associated with it. + pub fn valueType(this: PropertyIdTag) type { + return switch (this) { + ${Object.entries(property_defs) + .map(([name, meta]) => `.${escapeIdent(name)} => ${meta.ty},`) + .join("\n")} + .all => CSSWideKeyword, + .unparsed => UnparsedProperty, + .custom => CustomProperty, + }; + } };`; } @@ -72,12 +100,7 @@ ${Object.entries(property_defs) } function generatePropertyImpl(property_defs: Record): string { - const required_functions = [ - "deepClone", - "parse", - "toCss", - "eql", - ]; + const required_functions = ["deepClone", "parse", "toCss", "eql"]; return ` pub usingnamespace PropertyImpl(); @@ -96,11 +119,15 @@ function generatePropertyImpl(property_defs: Record): strin ${Object.entries(property_defs) .map(([name, meta]) => { if (meta.ty != "void" && meta.ty != "CSSNumber" && meta.ty != "CSSInteger") { - return required_functions.map(fn => ` + return required_functions + .map( + fn => ` if (!@hasDecl(${meta.ty}, "${fn}")) { compile_error = compile_error ++ @typeName(${meta.ty}) ++ ": does not have a ${fn}() function.\\n"; } - `).join("\n"); + `, + ) + .join("\n"); } return ""; }) @@ -162,10 +189,16 @@ function generatePropertyImpl(property_defs: Record): strin ${Object.entries(property_defs) .map(([name, meta]) => { if (meta.valid_prefixes !== undefined) { - const clone_expr = (meta.ty === "CSSNumber" || meta.ty === "CSSInteger") ? "v[0]" : "v[0].deepClone(allocator)"; + const clone_expr = + meta.ty === "CSSNumber" || meta.ty === "CSSInteger" ? "v[0]" : "v[0].deepClone(allocator)"; return `.${escapeIdent(name)} => |*v| .{ .${escapeIdent(name)} = .{ ${clone_expr}, v[1] } },`; } - const clone_expr = (meta.ty === "CSSNumber" || meta.ty === "CSSInteger") ? "v.*" : meta.ty.includes("BabyList(") ? `css.generic.deepClone(${meta.ty}, v, allocator)` : "v.deepClone(allocator)"; + const clone_expr = + meta.ty === "CSSNumber" || meta.ty === "CSSInteger" + ? "v.*" + : meta.ty.includes("BabyList(") + ? `css.generic.deepClone(${meta.ty}, v, allocator)` + : "v.deepClone(allocator)"; return `.${escapeIdent(name)} => |*v| .{ .${escapeIdent(name)} = ${clone_expr} },`; }) .join("\n")} @@ -206,7 +239,14 @@ function generatePropertyImpl(property_defs: Record): strin ${Object.entries(property_defs) .map(([name, meta]) => { const value = meta.valid_prefixes === undefined ? "value" : "value[0]"; - const to_css = meta.ty === "CSSNumber" ? `CSSNumberFns.toCss(&${value}, W, dest)` : meta.ty === "CSSInteger" ? `CSSIntegerFns.toCss(&${value}, W, dest)` : meta.ty.includes("ArrayList") ? `css.generic.toCss(${meta.ty}, ${value}, W, dest)` : `${value}.toCss(W, dest)`; + const to_css = + meta.ty === "CSSNumber" + ? `CSSNumberFns.toCss(&${value}, W, dest)` + : meta.ty === "CSSInteger" + ? `CSSIntegerFns.toCss(&${value}, W, dest)` + : meta.ty.includes("ArrayList") + ? `css.generic.toCss(${meta.ty}, ${value}, W, dest)` + : `${value}.toCss(W, dest)`; return `.${escapeIdent(name)} => |*value| ${to_css},`; }) .join("\n")} @@ -242,8 +282,8 @@ function generatePropertyImpl(property_defs: Record): strin return switch (lhs.*) { ${Object.entries(property_defs) .map(([name, meta]) => { - - if (meta.valid_prefixes !== undefined) return `.${escapeIdent(name)} => |*v| css.generic.eql(${meta.ty}, &v[0], &v[0]) and v[1].eq(rhs.${escapeIdent(name)}[1]),`; + if (meta.valid_prefixes !== undefined) + return `.${escapeIdent(name)} => |*v| css.generic.eql(${meta.ty}, &v[0], &v[0]) and v[1].eq(rhs.${escapeIdent(name)}[1]),`; return `.${escapeIdent(name)} => |*v| css.generic.eql(${meta.ty}, v, &rhs.${escapeIdent(name)}),`; }) .join("\n")} @@ -412,7 +452,7 @@ function generatePropertyIdImplFromNameAndPrefix(property_defs: Record `.${prefix} = true`).join(", ")} }`; + return `VendorPrefix{ ${[`.none = true`, ...prefixes.map(prefix => `.${prefix} = true`)].join(", ")} }`; } function needsEscaping(name: string): boolean { @@ -444,7 +484,7 @@ generateCode({ ty: "SmallList(css_values.position.HorizontalPosition, 1)", }, "background-position-y": { - ty: "SmallList(css_values.position.HorizontalPosition, 1)", + ty: "SmallList(css_values.position.VerticalPosition, 1)", }, "background-position": { ty: "SmallList(background.BackgroundPosition, 1)", @@ -454,13 +494,13 @@ generateCode({ ty: "SmallList(background.BackgroundSize, 1)", }, "background-repeat": { - ty: "SmallList(background.BackgroundSize, 1)", + ty: "SmallList(background.BackgroundRepeat, 1)", }, "background-attachment": { ty: "SmallList(background.BackgroundAttachment, 1)", }, "background-clip": { - ty: "SmallList(background.BackgroundAttachment, 1)", + ty: "SmallList(background.BackgroundClip, 1)", valid_prefixes: ["webkit", "moz"], }, "background-origin": { @@ -1031,6 +1071,7 @@ generateCode({ "margin-block-start": { ty: "LengthPercentageOrAuto", logical_group: { ty: "margin", category: "logical" }, + eval_branch_quota: 5000, }, "margin-block-end": { ty: "LengthPercentageOrAuto", @@ -1415,9 +1456,9 @@ generateCode({ // ty: "TextEmphasisPosition", // valid_prefixes: ["webkit"], // }, - // "text-shadow": { - // ty: "SmallList(TextShadow, 1)", - // }, + "text-shadow": { + ty: "SmallList(TextShadow, 1)", + }, // "text-size-adjust": { // ty: "TextSizeAdjust", // valid_prefixes: ["webkit", "moz", "ms"], @@ -1438,12 +1479,14 @@ generateCode({ // cursor: { // ty: "Cursor", // }, + // TODO: Hello future Zack, if you uncomment this, remember to uncomment the corresponding value in FallbackHandler in prefix_handler.zig :) // "caret-color": { // ty: "ColorOrAuto", // }, // "caret-shape": { // ty: "CaretShape", // }, + // TODO: Hello future Zack, if you uncomment this, remember to uncomment the corresponding value in FallbackHandler in prefix_handler.zig :) // caret: { // ty: "Caret", // shorthand: true, @@ -1479,6 +1522,7 @@ generateCode({ ty: "Composes", conditional: { css_modules: true }, }, + // TODO: Hello future Zack, if you uncomment this, remember to uncomment the corresponding value in FallbackHandler in prefix_handler.zig :) // fill: { // ty: "SVGPaint", // }, @@ -1488,6 +1532,7 @@ generateCode({ // "fill-opacity": { // ty: "AlphaValue", // }, + // TODO: Hello future Zack, if you uncomment this, remember to uncomment the corresponding value in FallbackHandler in prefix_handler.zig :) // stroke: { // ty: "SVGPaint", // }, @@ -1654,10 +1699,12 @@ generateCode({ valid_prefixes: ["webkit"], unprefixed: false, }, + // TODO: Hello future Zack, if you uncomment this, remember to uncomment the corresponding value in FallbackHandler in prefix_handler.zig :) // filter: { // ty: "FilterList", // valid_prefixes: ["webkit"], // }, + // TODO: Hello future Zack, if you uncomment this, remember to uncomment the corresponding value in FallbackHandler in prefix_handler.zig :) // "backdrop-filter": { // ty: "FilterList", // valid_prefixes: ["webkit"], @@ -1874,7 +1921,7 @@ const Font = font.Font; // const TextEmphasisPositionVertical = text.TextEmphasisPositionVertical; // const TextEmphasisPositionHorizontal = text.TextEmphasisPositionHorizontal; // const TextEmphasisPosition = text.TextEmphasisPosition; -// const TextShadow = text.TextShadow; +const TextShadow = text.TextShadow; // const TextSizeAdjust = text.TextSizeAdjust; const Direction = text.Direction; // const UnicodeBidi = text.UnicodeBidi; diff --git a/src/css/properties/margin_padding.zig b/src/css/properties/margin_padding.zig index fedfb79890..523a674d17 100644 --- a/src/css/properties/margin_padding.zig +++ b/src/css/properties/margin_padding.zig @@ -4,6 +4,10 @@ const Allocator = std.mem.Allocator; const ArrayList = std.ArrayListUnmanaged; pub const css = @import("../css_parser.zig"); +const Property = css.Property; +const PropertyId = css.PropertyId; +const PropertyIdTag = css.PropertyIdTag; +const PropertyCategory = css.logical.PropertyCategory; const SmallList = css.SmallList; const Printer = css.Printer; @@ -413,3 +417,430 @@ pub const ScrollPadding = struct { return css.implementEql(@This(), lhs, rhs); } }; + +pub const MarginHandler = NewSizeHandler( + PropertyIdTag.@"margin-top", + PropertyIdTag.@"margin-bottom", + PropertyIdTag.@"margin-left", + PropertyIdTag.@"margin-right", + PropertyIdTag.@"margin-block-start", + PropertyIdTag.@"margin-block-end", + PropertyIdTag.@"margin-inline-start", + PropertyIdTag.@"margin-inline-end", + PropertyIdTag.margin, + PropertyIdTag.@"margin-block", + PropertyIdTag.@"margin-inline", + PropertyCategory.physical, + .{ + .feature = css.Feature.logical_margin, + .shorthand_feature = css.Feature.logical_margin_shorthand, + }, +); + +pub const PaddingHandler = NewSizeHandler( + PropertyIdTag.@"padding-top", + PropertyIdTag.@"padding-bottom", + PropertyIdTag.@"padding-left", + PropertyIdTag.@"padding-right", + PropertyIdTag.@"padding-block-start", + PropertyIdTag.@"padding-block-end", + PropertyIdTag.@"padding-inline-start", + PropertyIdTag.@"padding-inline-end", + PropertyIdTag.padding, + PropertyIdTag.@"padding-block", + PropertyIdTag.@"padding-inline", + PropertyCategory.physical, + .{ + .feature = css.Feature.logical_padding, + .shorthand_feature = css.Feature.logical_padding_shorthand, + }, +); + +pub const ScrollMarginHandler = NewSizeHandler( + PropertyIdTag.@"scroll-margin-top", + PropertyIdTag.@"scroll-margin-bottom", + PropertyIdTag.@"scroll-margin-left", + PropertyIdTag.@"scroll-margin-right", + PropertyIdTag.@"scroll-margin-block-start", + PropertyIdTag.@"scroll-margin-block-end", + PropertyIdTag.@"scroll-margin-inline-start", + PropertyIdTag.@"scroll-margin-inline-end", + PropertyIdTag.@"scroll-margin", + PropertyIdTag.@"scroll-margin-block", + PropertyIdTag.@"scroll-margin-inline", + PropertyCategory.physical, + null, +); + +pub const InsetHandler = NewSizeHandler( + PropertyIdTag.top, + PropertyIdTag.bottom, + PropertyIdTag.left, + PropertyIdTag.right, + PropertyIdTag.@"inset-block-start", + PropertyIdTag.@"inset-block-end", + PropertyIdTag.@"inset-inline-start", + PropertyIdTag.@"inset-inline-end", + PropertyIdTag.inset, + PropertyIdTag.@"inset-block", + PropertyIdTag.@"inset-inline", + PropertyCategory.physical, + .{ + .feature = css.Feature.logical_inset, + .shorthand_feature = css.Feature.logical_inset, + }, +); + +pub fn NewSizeHandler( + comptime top_prop: css.PropertyIdTag, + comptime bottom_prop: css.PropertyIdTag, + comptime left_prop: css.PropertyIdTag, + comptime right_prop: css.PropertyIdTag, + comptime block_start_prop: css.PropertyIdTag, + comptime block_end_prop: css.PropertyIdTag, + comptime inline_start_prop: css.PropertyIdTag, + comptime inline_end_prop: css.PropertyIdTag, + comptime shorthand_prop: css.PropertyIdTag, + comptime block_shorthand: css.PropertyIdTag, + comptime inline_shorthand: css.PropertyIdTag, + comptime shorthand_category: css.logical.PropertyCategory, + comptime shorthand_extra: ?struct { feature: css.compat.Feature, shorthand_feature: css.compat.Feature }, +) type { + return struct { + top: ?LengthPercentageOrAuto = null, + bottom: ?LengthPercentageOrAuto = null, + left: ?LengthPercentageOrAuto = null, + right: ?LengthPercentageOrAuto = null, + block_start: ?Property = null, + block_end: ?Property = null, + inline_start: ?Property = null, + inline_end: ?Property = null, + has_any: bool = false, + category: css.logical.PropertyCategory = css.logical.PropertyCategory.default(), + + pub fn handleProperty( + this: *@This(), + property: *const Property, + dest: *css.DeclarationList, + context: *css.PropertyHandlerContext, + ) bool { + switch (@as(PropertyIdTag, property.*)) { + top_prop => this.propertyHelper("top", top_prop.valueType(), &@field(property, @tagName(top_prop)), PropertyCategory.physical, dest, context), + bottom_prop => this.propertyHelper("bottom", bottom_prop.valueType(), &@field(property, @tagName(bottom_prop)), PropertyCategory.physical, dest, context), + left_prop => this.propertyHelper("left", left_prop.valueType(), &@field(property, @tagName(left_prop)), PropertyCategory.physical, dest, context), + right_prop => this.propertyHelper("right", right_prop.valueType(), &@field(property, @tagName(right_prop)), PropertyCategory.physical, dest, context), + block_start_prop => { + this.flushHelper("block_start", block_start_prop.valueType(), &@field(property, @tagName(block_start_prop)), PropertyCategory.logical, dest, context); + this.logicalPropertyHelper("block_start", property.deepClone(context.allocator), dest, context); + }, + block_end_prop => { + this.flushHelper("block_end", block_end_prop.valueType(), &@field(property, @tagName(block_end_prop)), PropertyCategory.logical, dest, context); + this.logicalPropertyHelper("block_end", property.deepClone(context.allocator), dest, context); + }, + inline_start_prop => { + this.flushHelper("inline_start", inline_start_prop.valueType(), &@field(property, @tagName(inline_start_prop)), PropertyCategory.logical, dest, context); + this.logicalPropertyHelper("inline_start", property.deepClone(context.allocator), dest, context); + }, + inline_end_prop => { + this.flushHelper("inline_end", inline_end_prop.valueType(), &@field(property, @tagName(inline_end_prop)), PropertyCategory.logical, dest, context); + this.logicalPropertyHelper("inline_end", property.deepClone(context.allocator), dest, context); + }, + block_shorthand => { + const val = &@field(property, @tagName(block_shorthand)); + this.flushHelper("block_start", block_start_prop.valueType(), &val.block_start, .logical, dest, context); + this.flushHelper("block_end", block_end_prop.valueType(), &val.block_end, .logical, dest, context); + this.logicalPropertyHelper("block_start", @unionInit(Property, @tagName(block_start_prop), val.block_start.deepClone(context.allocator)), dest, context); + this.logicalPropertyHelper("block_end", @unionInit(Property, @tagName(block_end_prop), val.block_end.deepClone(context.allocator)), dest, context); + }, + inline_shorthand => { + const val = &@field(property, @tagName(inline_shorthand)); + this.flushHelper("inline_start", inline_start_prop.valueType(), &val.inline_start, .logical, dest, context); + this.flushHelper("inline_end", inline_end_prop.valueType(), &val.inline_end, .logical, dest, context); + this.logicalPropertyHelper("inline_start", @unionInit(Property, @tagName(inline_start_prop), val.inline_start.deepClone(context.allocator)), dest, context); + this.logicalPropertyHelper("inline_end", @unionInit(Property, @tagName(inline_end_prop), val.inline_end.deepClone(context.allocator)), dest, context); + }, + shorthand_prop => { + const val = &@field(property, @tagName(shorthand_prop)); + this.flushHelper("top", top_prop.valueType(), &val.top, shorthand_category, dest, context); + this.flushHelper("right", right_prop.valueType(), &val.right, shorthand_category, dest, context); + this.flushHelper("bottom", bottom_prop.valueType(), &val.bottom, shorthand_category, dest, context); + this.flushHelper("left", left_prop.valueType(), &val.left, shorthand_category, dest, context); + this.top = val.top.deepClone(context.allocator); + this.right = val.right.deepClone(context.allocator); + this.bottom = val.bottom.deepClone(context.allocator); + this.left = val.left.deepClone(context.allocator); + this.block_start = null; + this.block_end = null; + this.inline_start = null; + this.inline_end = null; + this.has_any = true; + }, + css.PropertyIdTag.unparsed => { + switch (property.unparsed.property_id) { + top_prop, bottom_prop, left_prop, right_prop, block_start_prop, block_end_prop, inline_start_prop, inline_end_prop, block_shorthand, inline_shorthand, shorthand_prop => { + // Even if we weren't able to parse the value (e.g. due to var() references), + // we can still add vendor prefixes to the property itself. + switch (property.unparsed.property_id) { + block_start_prop => this.logicalPropertyHelper("block_start", property.deepClone(context.allocator), dest, context), + block_end_prop => this.logicalPropertyHelper("block_end", property.deepClone(context.allocator), dest, context), + inline_start_prop => this.logicalPropertyHelper("inline_start", property.deepClone(context.allocator), dest, context), + inline_end_prop => this.logicalPropertyHelper("inline_end", property.deepClone(context.allocator), dest, context), + else => { + this.flush(dest, context); + dest.append(context.allocator, property.deepClone(context.allocator)) catch unreachable; + }, + } + }, + else => return false, + } + }, + else => return false, + } + + return true; + } + + pub fn finalize(this: *@This(), dest: *css.DeclarationList, context: *css.PropertyHandlerContext) void { + this.flush(dest, context); + } + + fn flushHelper( + this: *@This(), + comptime field: []const u8, + comptime T: type, + val: *const T, + comptime category: PropertyCategory, + dest: *css.DeclarationList, + context: *css.PropertyHandlerContext, + ) void { + // If the category changes betweet logical and physical, + // or if the value contains syntax that isn't supported across all targets, + // preserve the previous value as a fallback. + if (category != this.category or (@field(this, field) != null and context.targets.browsers != null and !val.isCompatible(context.targets.browsers.?))) { + this.flush(dest, context); + } + } + + fn propertyHelper( + this: *@This(), + comptime field: []const u8, + comptime T: type, + val: *const T, + comptime category: PropertyCategory, + dest: *css.DeclarationList, + context: *css.PropertyHandlerContext, + ) void { + this.flushHelper(field, T, val, category, dest, context); + @field(this, field) = val.deepClone(context.allocator); + this.category = category; + this.has_any = true; + } + + fn logicalPropertyHelper( + this: *@This(), + comptime field: []const u8, + val: css.Property, + dest: *css.DeclarationList, + context: *css.PropertyHandlerContext, + ) void { + // Assume unparsed properties might contain unsupported syntax that we must preserve as a fallback. + if (this.category != PropertyCategory.logical or (@field(this, field) != null and val == .unparsed)) { + this.flush(dest, context); + } + + if (@field(this, field)) |*p| p.deinit(context.allocator); + @field(this, field) = val; + this.category = PropertyCategory.logical; + this.has_any = true; + } + + fn flush(this: *@This(), dest: *css.DeclarationList, context: *css.PropertyHandlerContext) void { + if (!this.has_any) return; + + this.has_any = false; + + const top = bun.take(&this.top); + const bottom = bun.take(&this.bottom); + const left = bun.take(&this.left); + const right = bun.take(&this.right); + const logical_supported = if (comptime shorthand_extra != null) !context.shouldCompileLogical(shorthand_extra.?.feature) else true; + + if ((shorthand_category != .logical or logical_supported) and top != null and bottom != null and left != null and right != null) { + dest.append( + context.allocator, + @unionInit( + Property, + @tagName(shorthand_prop), + .{ + .top = top.?, + .bottom = bottom.?, + .left = left.?, + .right = right.?, + }, + ), + ) catch bun.outOfMemory(); + } else { + if (top) |t| { + dest.append( + context.allocator, + @unionInit(Property, @tagName(top_prop), t), + ) catch bun.outOfMemory(); + } + + if (bottom) |b| { + dest.append( + context.allocator, + @unionInit(Property, @tagName(bottom_prop), b), + ) catch bun.outOfMemory(); + } + + if (left) |b| { + dest.append( + context.allocator, + @unionInit(Property, @tagName(left_prop), b), + ) catch bun.outOfMemory(); + } + + if (right) |b| { + dest.append( + context.allocator, + @unionInit(Property, @tagName(right_prop), b), + ) catch bun.outOfMemory(); + } + } + + var block_start = bun.take(&this.block_start); + var block_end = bun.take(&this.block_end); + var inline_start = bun.take(&this.inline_start); + var inline_end = bun.take(&this.inline_end); + + if (logical_supported) { + this.logicalSideHelper(&block_start, &block_end, "block_start", "block_end", block_shorthand, block_start_prop, block_end_prop, logical_supported, dest, context); + } else { + this.prop(&block_start, block_start_prop, top_prop, dest, context); + this.prop(&block_end, block_end_prop, bottom_prop, dest, context); + } + + if (logical_supported) { + this.logicalSideHelper(&inline_start, &inline_end, "inline_start", "inline_end", inline_shorthand, inline_start_prop, inline_end_prop, logical_supported, dest, context); + } else if (inline_start != null or inline_end != null) { + if (inline_start != null and inline_start.? == @field(Property, @tagName(inline_start_prop)) and inline_end != null and inline_end.? == @field(Property, @tagName(inline_end_prop)) and + @field(inline_start.?, @tagName(inline_start_prop)).eql(&@field(inline_end.?, @tagName(inline_end_prop)))) + { + this.prop(&inline_start, inline_start_prop, left_prop, dest, context); + this.prop(&inline_end, inline_end_prop, right_prop, dest, context); + } else { + this.logicalPropHelper(&inline_start, inline_start_prop, left_prop, right_prop, dest, context); + this.logicalPropHelper(&inline_end, inline_end_prop, right_prop, left_prop, dest, context); + } + } + } + + inline fn logicalPropHelper( + this: *@This(), + val: *?Property, + comptime logical: css.PropertyIdTag, + comptime ltr: css.PropertyIdTag, + comptime rtl: css.PropertyIdTag, + dest: *css.DeclarationList, + context: *css.PropertyHandlerContext, + ) void { + _ = this; // autofix + _ = dest; // autofix + if (val.*) |*_v| { + if (@as(css.PropertyIdTag, _v.*) == logical) { + const v = &@field(_v, @tagName(logical)); + context.addLogicalRule( + context.allocator, + @unionInit(Property, @tagName(ltr), v.deepClone(context.allocator)), + @unionInit(Property, @tagName(rtl), v.deepClone(context.allocator)), + ); + } else if (_v.* == .unparsed) { + const v = &_v.unparsed; + context.addLogicalRule( + context.allocator, + Property{ + .unparsed = v.withPropertyId(context.allocator, ltr), + }, + Property{ + .unparsed = v.withPropertyId(context.allocator, rtl), + }, + ); + } + } + } + + inline fn logicalSideHelper( + this: *@This(), + start: *?Property, + end: *?Property, + comptime start_name: []const u8, + comptime end_name: []const u8, + comptime shorthand_property: css.PropertyIdTag, + comptime start_prop: css.PropertyIdTag, + comptime end_prop: css.PropertyIdTag, + logical_supported: bool, + dest: *css.DeclarationList, + context: *css.PropertyHandlerContext, + ) void { + _ = this; // autofix + const shorthand_supported = logical_supported and if (comptime shorthand_extra != null) !context.shouldCompileLogical(shorthand_extra.?.shorthand_feature) else true; + + if (start.* != null and @as(PropertyIdTag, start.*.?) == start_prop and + end.* != null and @as(PropertyIdTag, end.*.?) == end_prop and + shorthand_supported) + { + const ValueType = shorthand_property.valueType(); + var value: ValueType = undefined; + @field(value, start_name) = @field(start.*.?, @tagName(start_prop)).deepClone(context.allocator); + @field(value, end_name) = @field(end.*.?, @tagName(end_prop)).deepClone(context.allocator); + if (std.meta.fields(ValueType).len != 2) { + @compileError(@typeName(ValueType) ++ " has more than two fields. This could cause undefined memory."); + } + + dest.append(context.allocator, @unionInit( + Property, + @tagName(shorthand_property), + value, + )) catch bun.outOfMemory(); + } else { + if (start.* != null) { + dest.append(context.allocator, start.*.?) catch bun.outOfMemory(); + } + if (end.* != null) { + dest.append(context.allocator, end.*.?) catch bun.outOfMemory(); + } + } + } + + inline fn prop( + this: *@This(), + val: *?Property, + comptime logical: css.PropertyIdTag, + comptime physical: css.PropertyIdTag, + dest: *css.DeclarationList, + context: *css.PropertyHandlerContext, + ) void { + _ = this; // autofix + if (val.*) |*v| { + if (@as(css.PropertyIdTag, v.*) == logical) { + dest.append( + context.allocator, + @unionInit( + Property, + @tagName(physical), + @field(v, @tagName(logical)), + ), + ) catch bun.outOfMemory(); + } else if (v.* == .unparsed) { + dest.append( + context.allocator, + Property{ + .unparsed = v.unparsed.withPropertyId(context.allocator, physical), + }, + ) catch bun.outOfMemory(); + } + } + } + }; +} diff --git a/src/css/properties/prefix_handler.zig b/src/css/properties/prefix_handler.zig new file mode 100644 index 0000000000..a5ba88ff16 --- /dev/null +++ b/src/css/properties/prefix_handler.zig @@ -0,0 +1,142 @@ +const std = @import("std"); +const bun = @import("root").bun; +const Allocator = std.mem.Allocator; + +pub const css = @import("../css_parser.zig"); + +const CustomPropertyName = css.css_properties.CustomPropertyName; + +const Printer = css.Printer; +const PrintErr = css.PrintErr; +const VendorPrefix = css.VendorPrefix; +const Error = css.Error; + +const PropertyId = css.PropertyId; +const PropertyIdTag = css.PropertyIdTag; +const Property = css.Property; +const UnparsedProperty = css.css_properties.custom.UnparsedProperty; + +/// *NOTE* The struct field names must match their corresponding names in `Property`! +pub const FallbackHandler = struct { + color: ?usize = null, + @"text-shadow": ?usize = null, + // TODO: add these back plz + // filter: ?usize = null, + // @"backdrop-filter": ?usize = null, + // fill: ?usize = null, + // stroke: ?usize = null, + // @"caret-color": ?usize = null, + // caret: ?usize = null, + + const field_count = @typeInfo(FallbackHandler).Struct.fields.len; + + pub fn handleProperty( + this: *FallbackHandler, + property: *const Property, + dest: *css.DeclarationList, + context: *css.PropertyHandlerContext, + ) bool { + inline for (std.meta.fields(FallbackHandler)) |field| { + if (@intFromEnum(@field(PropertyIdTag, field.name)) == @intFromEnum(@as(PropertyIdTag, property.*))) { + const has_vendor_prefix = comptime PropertyIdTag.hasVendorPrefix(@field(PropertyIdTag, field.name)); + var val = if (comptime has_vendor_prefix) + @field(property, field.name)[0].deepClone(context.allocator) + else + @field(property, field.name).deepClone(context.allocator); + + if (@field(this, field.name) == null) { + const fallbacks = val.getFallbacks(context.allocator, context.targets); + const has_fallbacks = !fallbacks.isEmpty(); + + for (fallbacks.slice()) |fallback| { + dest.append( + context.allocator, + @unionInit( + Property, + field.name, + if (comptime has_vendor_prefix) + .{ fallback, @field(property, field.name)[1] } + else + fallback, + ), + ) catch bun.outOfMemory(); + } + if (comptime has_vendor_prefix) { + if (has_fallbacks and @field(property, field.name[1]).contains(VendorPrefix{ .none = true })) { + @field(property, field.name[1]) = css.VendorPrefix{ .none = true }; + } + } + } + + if (@field(this, field.name) == null or + context.targets.browsers != null and !val.isCompatible(context.targets.browsers.?)) + { + @field(this, field.name) = dest.items.len; + dest.append( + context.allocator, + @unionInit( + Property, + field.name, + if (comptime has_vendor_prefix) + .{ val, @field(property, field.name)[1] } + else + val, + ), + ) catch bun.outOfMemory(); + } else if (@field(this, field.name) != null) { + const index = @field(this, field.name).?; + dest.items[index] = @unionInit( + Property, + field.name, + if (comptime has_vendor_prefix) + .{ val, @field(property, field.name)[1] } + else + val, + ); + } else { + val.deinit(context.allocator); + } + + return true; + } + } + + if (@as(PropertyIdTag, property.*) == .unparsed) { + const val: *const UnparsedProperty = &property.unparsed; + var unparsed, const index = unparsed_and_index: { + inline for (std.meta.fields(FallbackHandler)) |field| { + if (@intFromEnum(@field(PropertyIdTag, field.name)) == @intFromEnum(val.property_id)) { + const has_vendor_prefix = comptime PropertyIdTag.hasVendorPrefix(@field(PropertyIdTag, field.name)); + const newval = newval: { + if (comptime has_vendor_prefix) { + if (@field(val.property_id, field.name)[1].contains(VendorPrefix{ .none = true })) + break :newval val.getPrefixed(context.targets, @field(css.prefixes.Feature, field.name)); + } + break :newval val.deepClone(context.allocator); + }; + break :unparsed_and_index .{ newval, &@field(this, field.name) }; + } + } + return false; + }; + + context.addUnparsedFallbacks(&unparsed); + if (index.*) |i| { + dest.items[i] = Property{ .unparsed = unparsed }; + } else { + index.* = dest.items.len; + dest.append(context.allocator, Property{ .unparsed = unparsed }) catch bun.outOfMemory(); + } + + return true; + } + + return false; + } + + pub fn finalize(this: *FallbackHandler, _: *css.DeclarationList, _: *css.PropertyHandlerContext) void { + inline for (std.meta.fields(FallbackHandler)) |field| { + @field(this, field.name) = null; + } + } +}; diff --git a/src/css/properties/properties.zig b/src/css/properties/properties.zig index f0efc33063..4ec12ffa41 100644 --- a/src/css/properties/properties.zig +++ b/src/css/properties/properties.zig @@ -31,6 +31,7 @@ pub const masking = @import("./masking.zig"); pub const outline = @import("./outline.zig"); pub const overflow = @import("./overflow.zig"); pub const position = @import("./position.zig"); +pub const prefix_handler = @import("./prefix_handler.zig"); pub const shape = @import("./shape.zig"); pub const size = @import("./size.zig"); pub const svg = @import("./svg.zig"); diff --git a/src/css/properties/properties_generated.zig b/src/css/properties/properties_generated.zig index d60dc7e3b4..e9e5486984 100644 --- a/src/css/properties/properties_generated.zig +++ b/src/css/properties/properties_generated.zig @@ -187,7 +187,7 @@ const Font = font.Font; // const TextEmphasisPositionVertical = text.TextEmphasisPositionVertical; // const TextEmphasisPositionHorizontal = text.TextEmphasisPositionHorizontal; // const TextEmphasisPosition = text.TextEmphasisPosition; -// const TextShadow = text.TextShadow; +const TextShadow = text.TextShadow; // const TextSizeAdjust = text.TextSizeAdjust; const Direction = text.Direction; // const UnicodeBidi = text.UnicodeBidi; @@ -248,12 +248,12 @@ pub const Property = union(PropertyIdTag) { @"background-color": CssColor, @"background-image": SmallList(Image, 1), @"background-position-x": SmallList(css_values.position.HorizontalPosition, 1), - @"background-position-y": SmallList(css_values.position.HorizontalPosition, 1), + @"background-position-y": SmallList(css_values.position.VerticalPosition, 1), @"background-position": SmallList(background.BackgroundPosition, 1), @"background-size": SmallList(background.BackgroundSize, 1), - @"background-repeat": SmallList(background.BackgroundSize, 1), + @"background-repeat": SmallList(background.BackgroundRepeat, 1), @"background-attachment": SmallList(background.BackgroundAttachment, 1), - @"background-clip": struct { SmallList(background.BackgroundAttachment, 1), VendorPrefix }, + @"background-clip": struct { SmallList(background.BackgroundClip, 1), VendorPrefix }, @"background-origin": SmallList(background.BackgroundOrigin, 1), background: SmallList(background.Background, 1), @"box-shadow": struct { SmallList(box_shadow.BoxShadow, 1), VendorPrefix }, @@ -445,6 +445,7 @@ pub const Property = union(PropertyIdTag) { font: Font, @"text-decoration-color": struct { CssColor, VendorPrefix }, @"text-emphasis-color": struct { CssColor, VendorPrefix }, + @"text-shadow": SmallList(TextShadow, 1), direction: Direction, composes: Composes, @"mask-image": struct { SmallList(Image, 1), VendorPrefix }, @@ -540,20 +541,20 @@ pub const Property = union(PropertyIdTag) { compile_error = compile_error ++ @typeName(SmallList(css_values.position.HorizontalPosition, 1)) ++ ": does not have a eql() function.\n"; } - if (!@hasDecl(SmallList(css_values.position.HorizontalPosition, 1), "deepClone")) { - compile_error = compile_error ++ @typeName(SmallList(css_values.position.HorizontalPosition, 1)) ++ ": does not have a deepClone() function.\n"; + if (!@hasDecl(SmallList(css_values.position.VerticalPosition, 1), "deepClone")) { + compile_error = compile_error ++ @typeName(SmallList(css_values.position.VerticalPosition, 1)) ++ ": does not have a deepClone() function.\n"; } - if (!@hasDecl(SmallList(css_values.position.HorizontalPosition, 1), "parse")) { - compile_error = compile_error ++ @typeName(SmallList(css_values.position.HorizontalPosition, 1)) ++ ": does not have a parse() function.\n"; + if (!@hasDecl(SmallList(css_values.position.VerticalPosition, 1), "parse")) { + compile_error = compile_error ++ @typeName(SmallList(css_values.position.VerticalPosition, 1)) ++ ": does not have a parse() function.\n"; } - if (!@hasDecl(SmallList(css_values.position.HorizontalPosition, 1), "toCss")) { - compile_error = compile_error ++ @typeName(SmallList(css_values.position.HorizontalPosition, 1)) ++ ": does not have a toCss() function.\n"; + if (!@hasDecl(SmallList(css_values.position.VerticalPosition, 1), "toCss")) { + compile_error = compile_error ++ @typeName(SmallList(css_values.position.VerticalPosition, 1)) ++ ": does not have a toCss() function.\n"; } - if (!@hasDecl(SmallList(css_values.position.HorizontalPosition, 1), "eql")) { - compile_error = compile_error ++ @typeName(SmallList(css_values.position.HorizontalPosition, 1)) ++ ": does not have a eql() function.\n"; + if (!@hasDecl(SmallList(css_values.position.VerticalPosition, 1), "eql")) { + compile_error = compile_error ++ @typeName(SmallList(css_values.position.VerticalPosition, 1)) ++ ": does not have a eql() function.\n"; } if (!@hasDecl(SmallList(background.BackgroundPosition, 1), "deepClone")) { @@ -588,20 +589,20 @@ pub const Property = union(PropertyIdTag) { compile_error = compile_error ++ @typeName(SmallList(background.BackgroundSize, 1)) ++ ": does not have a eql() function.\n"; } - if (!@hasDecl(SmallList(background.BackgroundSize, 1), "deepClone")) { - compile_error = compile_error ++ @typeName(SmallList(background.BackgroundSize, 1)) ++ ": does not have a deepClone() function.\n"; + if (!@hasDecl(SmallList(background.BackgroundRepeat, 1), "deepClone")) { + compile_error = compile_error ++ @typeName(SmallList(background.BackgroundRepeat, 1)) ++ ": does not have a deepClone() function.\n"; } - if (!@hasDecl(SmallList(background.BackgroundSize, 1), "parse")) { - compile_error = compile_error ++ @typeName(SmallList(background.BackgroundSize, 1)) ++ ": does not have a parse() function.\n"; + if (!@hasDecl(SmallList(background.BackgroundRepeat, 1), "parse")) { + compile_error = compile_error ++ @typeName(SmallList(background.BackgroundRepeat, 1)) ++ ": does not have a parse() function.\n"; } - if (!@hasDecl(SmallList(background.BackgroundSize, 1), "toCss")) { - compile_error = compile_error ++ @typeName(SmallList(background.BackgroundSize, 1)) ++ ": does not have a toCss() function.\n"; + if (!@hasDecl(SmallList(background.BackgroundRepeat, 1), "toCss")) { + compile_error = compile_error ++ @typeName(SmallList(background.BackgroundRepeat, 1)) ++ ": does not have a toCss() function.\n"; } - if (!@hasDecl(SmallList(background.BackgroundSize, 1), "eql")) { - compile_error = compile_error ++ @typeName(SmallList(background.BackgroundSize, 1)) ++ ": does not have a eql() function.\n"; + if (!@hasDecl(SmallList(background.BackgroundRepeat, 1), "eql")) { + compile_error = compile_error ++ @typeName(SmallList(background.BackgroundRepeat, 1)) ++ ": does not have a eql() function.\n"; } if (!@hasDecl(SmallList(background.BackgroundAttachment, 1), "deepClone")) { @@ -620,20 +621,20 @@ pub const Property = union(PropertyIdTag) { compile_error = compile_error ++ @typeName(SmallList(background.BackgroundAttachment, 1)) ++ ": does not have a eql() function.\n"; } - if (!@hasDecl(SmallList(background.BackgroundAttachment, 1), "deepClone")) { - compile_error = compile_error ++ @typeName(SmallList(background.BackgroundAttachment, 1)) ++ ": does not have a deepClone() function.\n"; + if (!@hasDecl(SmallList(background.BackgroundClip, 1), "deepClone")) { + compile_error = compile_error ++ @typeName(SmallList(background.BackgroundClip, 1)) ++ ": does not have a deepClone() function.\n"; } - if (!@hasDecl(SmallList(background.BackgroundAttachment, 1), "parse")) { - compile_error = compile_error ++ @typeName(SmallList(background.BackgroundAttachment, 1)) ++ ": does not have a parse() function.\n"; + if (!@hasDecl(SmallList(background.BackgroundClip, 1), "parse")) { + compile_error = compile_error ++ @typeName(SmallList(background.BackgroundClip, 1)) ++ ": does not have a parse() function.\n"; } - if (!@hasDecl(SmallList(background.BackgroundAttachment, 1), "toCss")) { - compile_error = compile_error ++ @typeName(SmallList(background.BackgroundAttachment, 1)) ++ ": does not have a toCss() function.\n"; + if (!@hasDecl(SmallList(background.BackgroundClip, 1), "toCss")) { + compile_error = compile_error ++ @typeName(SmallList(background.BackgroundClip, 1)) ++ ": does not have a toCss() function.\n"; } - if (!@hasDecl(SmallList(background.BackgroundAttachment, 1), "eql")) { - compile_error = compile_error ++ @typeName(SmallList(background.BackgroundAttachment, 1)) ++ ": does not have a eql() function.\n"; + if (!@hasDecl(SmallList(background.BackgroundClip, 1), "eql")) { + compile_error = compile_error ++ @typeName(SmallList(background.BackgroundClip, 1)) ++ ": does not have a eql() function.\n"; } if (!@hasDecl(SmallList(background.BackgroundOrigin, 1), "deepClone")) { @@ -3548,6 +3549,22 @@ pub const Property = union(PropertyIdTag) { compile_error = compile_error ++ @typeName(CssColor) ++ ": does not have a eql() function.\n"; } + if (!@hasDecl(SmallList(TextShadow, 1), "deepClone")) { + compile_error = compile_error ++ @typeName(SmallList(TextShadow, 1)) ++ ": does not have a deepClone() function.\n"; + } + + if (!@hasDecl(SmallList(TextShadow, 1), "parse")) { + compile_error = compile_error ++ @typeName(SmallList(TextShadow, 1)) ++ ": does not have a parse() function.\n"; + } + + if (!@hasDecl(SmallList(TextShadow, 1), "toCss")) { + compile_error = compile_error ++ @typeName(SmallList(TextShadow, 1)) ++ ": does not have a toCss() function.\n"; + } + + if (!@hasDecl(SmallList(TextShadow, 1), "eql")) { + compile_error = compile_error ++ @typeName(SmallList(TextShadow, 1)) ++ ": does not have a eql() function.\n"; + } + if (!@hasDecl(Direction, "deepClone")) { compile_error = compile_error ++ @typeName(Direction) ++ ": does not have a deepClone() function.\n"; } @@ -4047,7 +4064,7 @@ pub const Property = union(PropertyIdTag) { } }, .@"background-position-y" => { - if (css.generic.parseWithOptions(SmallList(css_values.position.HorizontalPosition, 1), input, options).asValue()) |c| { + if (css.generic.parseWithOptions(SmallList(css_values.position.VerticalPosition, 1), input, options).asValue()) |c| { if (input.expectExhausted().isOk()) { return .{ .result = .{ .@"background-position-y" = c } }; } @@ -4068,7 +4085,7 @@ pub const Property = union(PropertyIdTag) { } }, .@"background-repeat" => { - if (css.generic.parseWithOptions(SmallList(background.BackgroundSize, 1), input, options).asValue()) |c| { + if (css.generic.parseWithOptions(SmallList(background.BackgroundRepeat, 1), input, options).asValue()) |c| { if (input.expectExhausted().isOk()) { return .{ .result = .{ .@"background-repeat" = c } }; } @@ -4082,7 +4099,7 @@ pub const Property = union(PropertyIdTag) { } }, .@"background-clip" => |pre| { - if (css.generic.parseWithOptions(SmallList(background.BackgroundAttachment, 1), input, options).asValue()) |c| { + if (css.generic.parseWithOptions(SmallList(background.BackgroundClip, 1), input, options).asValue()) |c| { if (input.expectExhausted().isOk()) { return .{ .result = .{ .@"background-clip" = .{ c, pre } } }; } @@ -5076,6 +5093,7 @@ pub const Property = union(PropertyIdTag) { } }, .@"margin-block-start" => { + @setEvalBranchQuota(5000); if (css.generic.parseWithOptions(LengthPercentageOrAuto, input, options).asValue()) |c| { if (input.expectExhausted().isOk()) { return .{ .result = .{ .@"margin-block-start" = c } }; @@ -5426,6 +5444,13 @@ pub const Property = union(PropertyIdTag) { } } }, + .@"text-shadow" => { + if (css.generic.parseWithOptions(SmallList(TextShadow, 1), input, options).asValue()) |c| { + if (input.expectExhausted().isOk()) { + return .{ .result = .{ .@"text-shadow" = c } }; + } + } + }, .direction => { if (css.generic.parseWithOptions(Direction, input, options).asValue()) |c| { if (input.expectExhausted().isOk()) { @@ -5854,6 +5879,7 @@ pub const Property = union(PropertyIdTag) { .font => .font, .@"text-decoration-color" => |*v| PropertyId{ .@"text-decoration-color" = v[1] }, .@"text-emphasis-color" => |*v| PropertyId{ .@"text-emphasis-color" = v[1] }, + .@"text-shadow" => .@"text-shadow", .direction => .direction, .composes => .composes, .@"mask-image" => |*v| PropertyId{ .@"mask-image" = v[1] }, @@ -6091,6 +6117,7 @@ pub const Property = union(PropertyIdTag) { .font => |*v| .{ .font = v.deepClone(allocator) }, .@"text-decoration-color" => |*v| .{ .@"text-decoration-color" = .{ v[0].deepClone(allocator), v[1] } }, .@"text-emphasis-color" => |*v| .{ .@"text-emphasis-color" = .{ v[0].deepClone(allocator), v[1] } }, + .@"text-shadow" => |*v| .{ .@"text-shadow" = v.deepClone(allocator) }, .direction => |*v| .{ .direction = v.deepClone(allocator) }, .composes => |*v| .{ .composes = v.deepClone(allocator) }, .@"mask-image" => |*v| .{ .@"mask-image" = .{ v[0].deepClone(allocator), v[1] } }, @@ -6338,6 +6365,7 @@ pub const Property = union(PropertyIdTag) { .font => .{ "font", VendorPrefix{ .none = true } }, .@"text-decoration-color" => |*x| .{ "text-decoration-color", x.@"1" }, .@"text-emphasis-color" => |*x| .{ "text-emphasis-color", x.@"1" }, + .@"text-shadow" => .{ "text-shadow", VendorPrefix{ .none = true } }, .direction => .{ "direction", VendorPrefix{ .none = true } }, .composes => .{ "composes", VendorPrefix{ .none = true } }, .@"mask-image" => |*x| .{ "mask-image", x.@"1" }, @@ -6582,6 +6610,7 @@ pub const Property = union(PropertyIdTag) { .font => |*value| value.toCss(W, dest), .@"text-decoration-color" => |*value| value[0].toCss(W, dest), .@"text-emphasis-color" => |*value| value[0].toCss(W, dest), + .@"text-shadow" => |*value| value.toCss(W, dest), .direction => |*value| value.toCss(W, dest), .composes => |*value| value.toCss(W, dest), .@"mask-image" => |*value| value[0].toCss(W, dest), @@ -6695,12 +6724,12 @@ pub const Property = union(PropertyIdTag) { .@"background-color" => |*v| css.generic.eql(CssColor, v, &rhs.@"background-color"), .@"background-image" => |*v| css.generic.eql(SmallList(Image, 1), v, &rhs.@"background-image"), .@"background-position-x" => |*v| css.generic.eql(SmallList(css_values.position.HorizontalPosition, 1), v, &rhs.@"background-position-x"), - .@"background-position-y" => |*v| css.generic.eql(SmallList(css_values.position.HorizontalPosition, 1), v, &rhs.@"background-position-y"), + .@"background-position-y" => |*v| css.generic.eql(SmallList(css_values.position.VerticalPosition, 1), v, &rhs.@"background-position-y"), .@"background-position" => |*v| css.generic.eql(SmallList(background.BackgroundPosition, 1), v, &rhs.@"background-position"), .@"background-size" => |*v| css.generic.eql(SmallList(background.BackgroundSize, 1), v, &rhs.@"background-size"), - .@"background-repeat" => |*v| css.generic.eql(SmallList(background.BackgroundSize, 1), v, &rhs.@"background-repeat"), + .@"background-repeat" => |*v| css.generic.eql(SmallList(background.BackgroundRepeat, 1), v, &rhs.@"background-repeat"), .@"background-attachment" => |*v| css.generic.eql(SmallList(background.BackgroundAttachment, 1), v, &rhs.@"background-attachment"), - .@"background-clip" => |*v| css.generic.eql(SmallList(background.BackgroundAttachment, 1), &v[0], &v[0]) and v[1].eq(rhs.@"background-clip"[1]), + .@"background-clip" => |*v| css.generic.eql(SmallList(background.BackgroundClip, 1), &v[0], &v[0]) and v[1].eq(rhs.@"background-clip"[1]), .@"background-origin" => |*v| css.generic.eql(SmallList(background.BackgroundOrigin, 1), v, &rhs.@"background-origin"), .background => |*v| css.generic.eql(SmallList(background.Background, 1), v, &rhs.background), .@"box-shadow" => |*v| css.generic.eql(SmallList(box_shadow.BoxShadow, 1), &v[0], &v[0]) and v[1].eq(rhs.@"box-shadow"[1]), @@ -6892,6 +6921,7 @@ pub const Property = union(PropertyIdTag) { .font => |*v| css.generic.eql(Font, v, &rhs.font), .@"text-decoration-color" => |*v| css.generic.eql(CssColor, &v[0], &v[0]) and v[1].eq(rhs.@"text-decoration-color"[1]), .@"text-emphasis-color" => |*v| css.generic.eql(CssColor, &v[0], &v[0]) and v[1].eq(rhs.@"text-emphasis-color"[1]), + .@"text-shadow" => |*v| css.generic.eql(SmallList(TextShadow, 1), v, &rhs.@"text-shadow"), .direction => |*v| css.generic.eql(Direction, v, &rhs.direction), .composes => |*v| css.generic.eql(Composes, v, &rhs.composes), .@"mask-image" => |*v| css.generic.eql(SmallList(Image, 1), &v[0], &v[0]) and v[1].eq(rhs.@"mask-image"[1]), @@ -7127,6 +7157,7 @@ pub const PropertyId = union(PropertyIdTag) { font, @"text-decoration-color": VendorPrefix, @"text-emphasis-color": VendorPrefix, + @"text-shadow", direction, composes, @"mask-image": VendorPrefix, @@ -7370,6 +7401,7 @@ pub const PropertyId = union(PropertyIdTag) { .font => VendorPrefix.empty(), .@"text-decoration-color" => |p| p, .@"text-emphasis-color" => |p| p, + .@"text-shadow" => VendorPrefix.empty(), .direction => VendorPrefix.empty(), .composes => VendorPrefix.empty(), .@"mask-image" => |p| p, @@ -7430,7 +7462,7 @@ pub const PropertyId = union(PropertyIdTag) { const allowed_prefixes = VendorPrefix{ .none = true }; if (allowed_prefixes.contains(pre)) return .@"background-attachment"; } else if (bun.strings.eqlCaseInsensitiveASCIIICheckLength(name1, "background-clip")) { - const allowed_prefixes = VendorPrefix{ .webkit = true, .moz = true }; + const allowed_prefixes = VendorPrefix{ .none = true, .webkit = true, .moz = true }; if (allowed_prefixes.contains(pre)) return .{ .@"background-clip" = pre }; } else if (bun.strings.eqlCaseInsensitiveASCIIICheckLength(name1, "background-origin")) { const allowed_prefixes = VendorPrefix{ .none = true }; @@ -7439,7 +7471,7 @@ pub const PropertyId = union(PropertyIdTag) { const allowed_prefixes = VendorPrefix{ .none = true }; if (allowed_prefixes.contains(pre)) return .background; } else if (bun.strings.eqlCaseInsensitiveASCIIICheckLength(name1, "box-shadow")) { - const allowed_prefixes = VendorPrefix{ .webkit = true, .moz = true }; + const allowed_prefixes = VendorPrefix{ .none = true, .webkit = true, .moz = true }; if (allowed_prefixes.contains(pre)) return .{ .@"box-shadow" = pre }; } else if (bun.strings.eqlCaseInsensitiveASCIIICheckLength(name1, "opacity")) { const allowed_prefixes = VendorPrefix{ .none = true }; @@ -7490,7 +7522,7 @@ pub const PropertyId = union(PropertyIdTag) { const allowed_prefixes = VendorPrefix{ .none = true }; if (allowed_prefixes.contains(pre)) return .@"max-inline-size"; } else if (bun.strings.eqlCaseInsensitiveASCIIICheckLength(name1, "box-sizing")) { - const allowed_prefixes = VendorPrefix{ .webkit = true, .moz = true }; + const allowed_prefixes = VendorPrefix{ .none = true, .webkit = true, .moz = true }; if (allowed_prefixes.contains(pre)) return .{ .@"box-sizing" = pre }; } else if (bun.strings.eqlCaseInsensitiveASCIIICheckLength(name1, "aspect-ratio")) { const allowed_prefixes = VendorPrefix{ .none = true }; @@ -7505,7 +7537,7 @@ pub const PropertyId = union(PropertyIdTag) { const allowed_prefixes = VendorPrefix{ .none = true }; if (allowed_prefixes.contains(pre)) return .@"overflow-y"; } else if (bun.strings.eqlCaseInsensitiveASCIIICheckLength(name1, "text-overflow")) { - const allowed_prefixes = VendorPrefix{ .o = true }; + const allowed_prefixes = VendorPrefix{ .none = true, .o = true }; if (allowed_prefixes.contains(pre)) return .{ .@"text-overflow" = pre }; } else if (bun.strings.eqlCaseInsensitiveASCIIICheckLength(name1, "position")) { const allowed_prefixes = VendorPrefix{ .none = true }; @@ -7619,16 +7651,16 @@ pub const PropertyId = union(PropertyIdTag) { const allowed_prefixes = VendorPrefix{ .none = true }; if (allowed_prefixes.contains(pre)) return .@"border-inline-end-width"; } else if (bun.strings.eqlCaseInsensitiveASCIIICheckLength(name1, "border-top-left-radius")) { - const allowed_prefixes = VendorPrefix{ .webkit = true, .moz = true }; + const allowed_prefixes = VendorPrefix{ .none = true, .webkit = true, .moz = true }; if (allowed_prefixes.contains(pre)) return .{ .@"border-top-left-radius" = pre }; } else if (bun.strings.eqlCaseInsensitiveASCIIICheckLength(name1, "border-top-right-radius")) { - const allowed_prefixes = VendorPrefix{ .webkit = true, .moz = true }; + const allowed_prefixes = VendorPrefix{ .none = true, .webkit = true, .moz = true }; if (allowed_prefixes.contains(pre)) return .{ .@"border-top-right-radius" = pre }; } else if (bun.strings.eqlCaseInsensitiveASCIIICheckLength(name1, "border-bottom-left-radius")) { - const allowed_prefixes = VendorPrefix{ .webkit = true, .moz = true }; + const allowed_prefixes = VendorPrefix{ .none = true, .webkit = true, .moz = true }; if (allowed_prefixes.contains(pre)) return .{ .@"border-bottom-left-radius" = pre }; } else if (bun.strings.eqlCaseInsensitiveASCIIICheckLength(name1, "border-bottom-right-radius")) { - const allowed_prefixes = VendorPrefix{ .webkit = true, .moz = true }; + const allowed_prefixes = VendorPrefix{ .none = true, .webkit = true, .moz = true }; if (allowed_prefixes.contains(pre)) return .{ .@"border-bottom-right-radius" = pre }; } else if (bun.strings.eqlCaseInsensitiveASCIIICheckLength(name1, "border-start-start-radius")) { const allowed_prefixes = VendorPrefix{ .none = true }; @@ -7643,7 +7675,7 @@ pub const PropertyId = union(PropertyIdTag) { const allowed_prefixes = VendorPrefix{ .none = true }; if (allowed_prefixes.contains(pre)) return .@"border-end-end-radius"; } else if (bun.strings.eqlCaseInsensitiveASCIIICheckLength(name1, "border-radius")) { - const allowed_prefixes = VendorPrefix{ .webkit = true, .moz = true }; + const allowed_prefixes = VendorPrefix{ .none = true, .webkit = true, .moz = true }; if (allowed_prefixes.contains(pre)) return .{ .@"border-radius" = pre }; } else if (bun.strings.eqlCaseInsensitiveASCIIICheckLength(name1, "border-image-source")) { const allowed_prefixes = VendorPrefix{ .none = true }; @@ -7661,7 +7693,7 @@ pub const PropertyId = union(PropertyIdTag) { const allowed_prefixes = VendorPrefix{ .none = true }; if (allowed_prefixes.contains(pre)) return .@"border-image-slice"; } else if (bun.strings.eqlCaseInsensitiveASCIIICheckLength(name1, "border-image")) { - const allowed_prefixes = VendorPrefix{ .webkit = true, .moz = true, .o = true }; + const allowed_prefixes = VendorPrefix{ .none = true, .webkit = true, .moz = true, .o = true }; if (allowed_prefixes.contains(pre)) return .{ .@"border-image" = pre }; } else if (bun.strings.eqlCaseInsensitiveASCIIICheckLength(name1, "border-color")) { const allowed_prefixes = VendorPrefix{ .none = true }; @@ -7736,40 +7768,40 @@ pub const PropertyId = union(PropertyIdTag) { const allowed_prefixes = VendorPrefix{ .none = true }; if (allowed_prefixes.contains(pre)) return .@"outline-width"; } else if (bun.strings.eqlCaseInsensitiveASCIIICheckLength(name1, "flex-direction")) { - const allowed_prefixes = VendorPrefix{ .webkit = true, .ms = true }; + const allowed_prefixes = VendorPrefix{ .none = true, .webkit = true, .ms = true }; if (allowed_prefixes.contains(pre)) return .{ .@"flex-direction" = pre }; } else if (bun.strings.eqlCaseInsensitiveASCIIICheckLength(name1, "flex-wrap")) { - const allowed_prefixes = VendorPrefix{ .webkit = true, .ms = true }; + const allowed_prefixes = VendorPrefix{ .none = true, .webkit = true, .ms = true }; if (allowed_prefixes.contains(pre)) return .{ .@"flex-wrap" = pre }; } else if (bun.strings.eqlCaseInsensitiveASCIIICheckLength(name1, "flex-flow")) { - const allowed_prefixes = VendorPrefix{ .webkit = true, .ms = true }; + const allowed_prefixes = VendorPrefix{ .none = true, .webkit = true, .ms = true }; if (allowed_prefixes.contains(pre)) return .{ .@"flex-flow" = pre }; } else if (bun.strings.eqlCaseInsensitiveASCIIICheckLength(name1, "flex-grow")) { - const allowed_prefixes = VendorPrefix{ .webkit = true }; + const allowed_prefixes = VendorPrefix{ .none = true, .webkit = true }; if (allowed_prefixes.contains(pre)) return .{ .@"flex-grow" = pre }; } else if (bun.strings.eqlCaseInsensitiveASCIIICheckLength(name1, "flex-shrink")) { - const allowed_prefixes = VendorPrefix{ .webkit = true }; + const allowed_prefixes = VendorPrefix{ .none = true, .webkit = true }; if (allowed_prefixes.contains(pre)) return .{ .@"flex-shrink" = pre }; } else if (bun.strings.eqlCaseInsensitiveASCIIICheckLength(name1, "flex-basis")) { - const allowed_prefixes = VendorPrefix{ .webkit = true }; + const allowed_prefixes = VendorPrefix{ .none = true, .webkit = true }; if (allowed_prefixes.contains(pre)) return .{ .@"flex-basis" = pre }; } else if (bun.strings.eqlCaseInsensitiveASCIIICheckLength(name1, "flex")) { - const allowed_prefixes = VendorPrefix{ .webkit = true, .ms = true }; + const allowed_prefixes = VendorPrefix{ .none = true, .webkit = true, .ms = true }; if (allowed_prefixes.contains(pre)) return .{ .flex = pre }; } else if (bun.strings.eqlCaseInsensitiveASCIIICheckLength(name1, "order")) { - const allowed_prefixes = VendorPrefix{ .webkit = true }; + const allowed_prefixes = VendorPrefix{ .none = true, .webkit = true }; if (allowed_prefixes.contains(pre)) return .{ .order = pre }; } else if (bun.strings.eqlCaseInsensitiveASCIIICheckLength(name1, "align-content")) { - const allowed_prefixes = VendorPrefix{ .webkit = true }; + const allowed_prefixes = VendorPrefix{ .none = true, .webkit = true }; if (allowed_prefixes.contains(pre)) return .{ .@"align-content" = pre }; } else if (bun.strings.eqlCaseInsensitiveASCIIICheckLength(name1, "justify-content")) { - const allowed_prefixes = VendorPrefix{ .webkit = true }; + const allowed_prefixes = VendorPrefix{ .none = true, .webkit = true }; if (allowed_prefixes.contains(pre)) return .{ .@"justify-content" = pre }; } else if (bun.strings.eqlCaseInsensitiveASCIIICheckLength(name1, "place-content")) { const allowed_prefixes = VendorPrefix{ .none = true }; if (allowed_prefixes.contains(pre)) return .@"place-content"; } else if (bun.strings.eqlCaseInsensitiveASCIIICheckLength(name1, "align-self")) { - const allowed_prefixes = VendorPrefix{ .webkit = true }; + const allowed_prefixes = VendorPrefix{ .none = true, .webkit = true }; if (allowed_prefixes.contains(pre)) return .{ .@"align-self" = pre }; } else if (bun.strings.eqlCaseInsensitiveASCIIICheckLength(name1, "justify-self")) { const allowed_prefixes = VendorPrefix{ .none = true }; @@ -7778,7 +7810,7 @@ pub const PropertyId = union(PropertyIdTag) { const allowed_prefixes = VendorPrefix{ .none = true }; if (allowed_prefixes.contains(pre)) return .@"place-self"; } else if (bun.strings.eqlCaseInsensitiveASCIIICheckLength(name1, "align-items")) { - const allowed_prefixes = VendorPrefix{ .webkit = true }; + const allowed_prefixes = VendorPrefix{ .none = true, .webkit = true }; if (allowed_prefixes.contains(pre)) return .{ .@"align-items" = pre }; } else if (bun.strings.eqlCaseInsensitiveASCIIICheckLength(name1, "justify-items")) { const allowed_prefixes = VendorPrefix{ .none = true }; @@ -7796,52 +7828,52 @@ pub const PropertyId = union(PropertyIdTag) { const allowed_prefixes = VendorPrefix{ .none = true }; if (allowed_prefixes.contains(pre)) return .gap; } else if (bun.strings.eqlCaseInsensitiveASCIIICheckLength(name1, "box-orient")) { - const allowed_prefixes = VendorPrefix{ .webkit = true, .moz = true }; + const allowed_prefixes = VendorPrefix{ .none = true, .webkit = true, .moz = true }; if (allowed_prefixes.contains(pre)) return .{ .@"box-orient" = pre }; } else if (bun.strings.eqlCaseInsensitiveASCIIICheckLength(name1, "box-direction")) { - const allowed_prefixes = VendorPrefix{ .webkit = true, .moz = true }; + const allowed_prefixes = VendorPrefix{ .none = true, .webkit = true, .moz = true }; if (allowed_prefixes.contains(pre)) return .{ .@"box-direction" = pre }; } else if (bun.strings.eqlCaseInsensitiveASCIIICheckLength(name1, "box-ordinal-group")) { - const allowed_prefixes = VendorPrefix{ .webkit = true, .moz = true }; + const allowed_prefixes = VendorPrefix{ .none = true, .webkit = true, .moz = true }; if (allowed_prefixes.contains(pre)) return .{ .@"box-ordinal-group" = pre }; } else if (bun.strings.eqlCaseInsensitiveASCIIICheckLength(name1, "box-align")) { - const allowed_prefixes = VendorPrefix{ .webkit = true, .moz = true }; + const allowed_prefixes = VendorPrefix{ .none = true, .webkit = true, .moz = true }; if (allowed_prefixes.contains(pre)) return .{ .@"box-align" = pre }; } else if (bun.strings.eqlCaseInsensitiveASCIIICheckLength(name1, "box-flex")) { - const allowed_prefixes = VendorPrefix{ .webkit = true, .moz = true }; + const allowed_prefixes = VendorPrefix{ .none = true, .webkit = true, .moz = true }; if (allowed_prefixes.contains(pre)) return .{ .@"box-flex" = pre }; } else if (bun.strings.eqlCaseInsensitiveASCIIICheckLength(name1, "box-flex-group")) { - const allowed_prefixes = VendorPrefix{ .webkit = true }; + const allowed_prefixes = VendorPrefix{ .none = true, .webkit = true }; if (allowed_prefixes.contains(pre)) return .{ .@"box-flex-group" = pre }; } else if (bun.strings.eqlCaseInsensitiveASCIIICheckLength(name1, "box-pack")) { - const allowed_prefixes = VendorPrefix{ .webkit = true, .moz = true }; + const allowed_prefixes = VendorPrefix{ .none = true, .webkit = true, .moz = true }; if (allowed_prefixes.contains(pre)) return .{ .@"box-pack" = pre }; } else if (bun.strings.eqlCaseInsensitiveASCIIICheckLength(name1, "box-lines")) { - const allowed_prefixes = VendorPrefix{ .webkit = true, .moz = true }; + const allowed_prefixes = VendorPrefix{ .none = true, .webkit = true, .moz = true }; if (allowed_prefixes.contains(pre)) return .{ .@"box-lines" = pre }; } else if (bun.strings.eqlCaseInsensitiveASCIIICheckLength(name1, "flex-pack")) { - const allowed_prefixes = VendorPrefix{ .ms = true }; + const allowed_prefixes = VendorPrefix{ .none = true, .ms = true }; if (allowed_prefixes.contains(pre)) return .{ .@"flex-pack" = pre }; } else if (bun.strings.eqlCaseInsensitiveASCIIICheckLength(name1, "flex-order")) { - const allowed_prefixes = VendorPrefix{ .ms = true }; + const allowed_prefixes = VendorPrefix{ .none = true, .ms = true }; if (allowed_prefixes.contains(pre)) return .{ .@"flex-order" = pre }; } else if (bun.strings.eqlCaseInsensitiveASCIIICheckLength(name1, "flex-align")) { - const allowed_prefixes = VendorPrefix{ .ms = true }; + const allowed_prefixes = VendorPrefix{ .none = true, .ms = true }; if (allowed_prefixes.contains(pre)) return .{ .@"flex-align" = pre }; } else if (bun.strings.eqlCaseInsensitiveASCIIICheckLength(name1, "flex-item-align")) { - const allowed_prefixes = VendorPrefix{ .ms = true }; + const allowed_prefixes = VendorPrefix{ .none = true, .ms = true }; if (allowed_prefixes.contains(pre)) return .{ .@"flex-item-align" = pre }; } else if (bun.strings.eqlCaseInsensitiveASCIIICheckLength(name1, "flex-line-pack")) { - const allowed_prefixes = VendorPrefix{ .ms = true }; + const allowed_prefixes = VendorPrefix{ .none = true, .ms = true }; if (allowed_prefixes.contains(pre)) return .{ .@"flex-line-pack" = pre }; } else if (bun.strings.eqlCaseInsensitiveASCIIICheckLength(name1, "flex-positive")) { - const allowed_prefixes = VendorPrefix{ .ms = true }; + const allowed_prefixes = VendorPrefix{ .none = true, .ms = true }; if (allowed_prefixes.contains(pre)) return .{ .@"flex-positive" = pre }; } else if (bun.strings.eqlCaseInsensitiveASCIIICheckLength(name1, "flex-negative")) { - const allowed_prefixes = VendorPrefix{ .ms = true }; + const allowed_prefixes = VendorPrefix{ .none = true, .ms = true }; if (allowed_prefixes.contains(pre)) return .{ .@"flex-negative" = pre }; } else if (bun.strings.eqlCaseInsensitiveASCIIICheckLength(name1, "flex-preferred-size")) { - const allowed_prefixes = VendorPrefix{ .ms = true }; + const allowed_prefixes = VendorPrefix{ .none = true, .ms = true }; if (allowed_prefixes.contains(pre)) return .{ .@"flex-preferred-size" = pre }; } else if (bun.strings.eqlCaseInsensitiveASCIIICheckLength(name1, "margin-top")) { const allowed_prefixes = VendorPrefix{ .none = true }; @@ -8000,11 +8032,14 @@ pub const PropertyId = union(PropertyIdTag) { const allowed_prefixes = VendorPrefix{ .none = true }; if (allowed_prefixes.contains(pre)) return .font; } else if (bun.strings.eqlCaseInsensitiveASCIIICheckLength(name1, "text-decoration-color")) { - const allowed_prefixes = VendorPrefix{ .webkit = true, .moz = true }; + const allowed_prefixes = VendorPrefix{ .none = true, .webkit = true, .moz = true }; if (allowed_prefixes.contains(pre)) return .{ .@"text-decoration-color" = pre }; } else if (bun.strings.eqlCaseInsensitiveASCIIICheckLength(name1, "text-emphasis-color")) { - const allowed_prefixes = VendorPrefix{ .webkit = true }; + const allowed_prefixes = VendorPrefix{ .none = true, .webkit = true }; if (allowed_prefixes.contains(pre)) return .{ .@"text-emphasis-color" = pre }; + } else if (bun.strings.eqlCaseInsensitiveASCIIICheckLength(name1, "text-shadow")) { + const allowed_prefixes = VendorPrefix{ .none = true }; + if (allowed_prefixes.contains(pre)) return .@"text-shadow"; } else if (bun.strings.eqlCaseInsensitiveASCIIICheckLength(name1, "direction")) { const allowed_prefixes = VendorPrefix{ .none = true }; if (allowed_prefixes.contains(pre)) return .direction; @@ -8012,13 +8047,13 @@ pub const PropertyId = union(PropertyIdTag) { const allowed_prefixes = VendorPrefix{ .none = true }; if (allowed_prefixes.contains(pre)) return .composes; } else if (bun.strings.eqlCaseInsensitiveASCIIICheckLength(name1, "mask-image")) { - const allowed_prefixes = VendorPrefix{ .webkit = true }; + const allowed_prefixes = VendorPrefix{ .none = true, .webkit = true }; if (allowed_prefixes.contains(pre)) return .{ .@"mask-image" = pre }; } else if (bun.strings.eqlCaseInsensitiveASCIIICheckLength(name1, "mask-mode")) { const allowed_prefixes = VendorPrefix{ .none = true }; if (allowed_prefixes.contains(pre)) return .@"mask-mode"; } else if (bun.strings.eqlCaseInsensitiveASCIIICheckLength(name1, "mask-repeat")) { - const allowed_prefixes = VendorPrefix{ .webkit = true }; + const allowed_prefixes = VendorPrefix{ .none = true, .webkit = true }; if (allowed_prefixes.contains(pre)) return .{ .@"mask-repeat" = pre }; } else if (bun.strings.eqlCaseInsensitiveASCIIICheckLength(name1, "mask-position-x")) { const allowed_prefixes = VendorPrefix{ .none = true }; @@ -8027,16 +8062,16 @@ pub const PropertyId = union(PropertyIdTag) { const allowed_prefixes = VendorPrefix{ .none = true }; if (allowed_prefixes.contains(pre)) return .@"mask-position-y"; } else if (bun.strings.eqlCaseInsensitiveASCIIICheckLength(name1, "mask-position")) { - const allowed_prefixes = VendorPrefix{ .webkit = true }; + const allowed_prefixes = VendorPrefix{ .none = true, .webkit = true }; if (allowed_prefixes.contains(pre)) return .{ .@"mask-position" = pre }; } else if (bun.strings.eqlCaseInsensitiveASCIIICheckLength(name1, "mask-clip")) { - const allowed_prefixes = VendorPrefix{ .webkit = true }; + const allowed_prefixes = VendorPrefix{ .none = true, .webkit = true }; if (allowed_prefixes.contains(pre)) return .{ .@"mask-clip" = pre }; } else if (bun.strings.eqlCaseInsensitiveASCIIICheckLength(name1, "mask-origin")) { - const allowed_prefixes = VendorPrefix{ .webkit = true }; + const allowed_prefixes = VendorPrefix{ .none = true, .webkit = true }; if (allowed_prefixes.contains(pre)) return .{ .@"mask-origin" = pre }; } else if (bun.strings.eqlCaseInsensitiveASCIIICheckLength(name1, "mask-size")) { - const allowed_prefixes = VendorPrefix{ .webkit = true }; + const allowed_prefixes = VendorPrefix{ .none = true, .webkit = true }; if (allowed_prefixes.contains(pre)) return .{ .@"mask-size" = pre }; } else if (bun.strings.eqlCaseInsensitiveASCIIICheckLength(name1, "mask-composite")) { const allowed_prefixes = VendorPrefix{ .none = true }; @@ -8045,7 +8080,7 @@ pub const PropertyId = union(PropertyIdTag) { const allowed_prefixes = VendorPrefix{ .none = true }; if (allowed_prefixes.contains(pre)) return .@"mask-type"; } else if (bun.strings.eqlCaseInsensitiveASCIIICheckLength(name1, "mask")) { - const allowed_prefixes = VendorPrefix{ .webkit = true }; + const allowed_prefixes = VendorPrefix{ .none = true, .webkit = true }; if (allowed_prefixes.contains(pre)) return .{ .mask = pre }; } else if (bun.strings.eqlCaseInsensitiveASCIIICheckLength(name1, "mask-border-source")) { const allowed_prefixes = VendorPrefix{ .none = true }; @@ -8072,25 +8107,25 @@ pub const PropertyId = union(PropertyIdTag) { const allowed_prefixes = VendorPrefix{ .none = true }; if (allowed_prefixes.contains(pre)) return .@"-webkit-mask-composite"; } else if (bun.strings.eqlCaseInsensitiveASCIIICheckLength(name1, "mask-source-type")) { - const allowed_prefixes = VendorPrefix{ .webkit = true }; + const allowed_prefixes = VendorPrefix{ .none = true, .webkit = true }; if (allowed_prefixes.contains(pre)) return .{ .@"mask-source-type" = pre }; } else if (bun.strings.eqlCaseInsensitiveASCIIICheckLength(name1, "mask-box-image")) { - const allowed_prefixes = VendorPrefix{ .webkit = true }; + const allowed_prefixes = VendorPrefix{ .none = true, .webkit = true }; if (allowed_prefixes.contains(pre)) return .{ .@"mask-box-image" = pre }; } else if (bun.strings.eqlCaseInsensitiveASCIIICheckLength(name1, "mask-box-image-source")) { - const allowed_prefixes = VendorPrefix{ .webkit = true }; + const allowed_prefixes = VendorPrefix{ .none = true, .webkit = true }; if (allowed_prefixes.contains(pre)) return .{ .@"mask-box-image-source" = pre }; } else if (bun.strings.eqlCaseInsensitiveASCIIICheckLength(name1, "mask-box-image-slice")) { - const allowed_prefixes = VendorPrefix{ .webkit = true }; + const allowed_prefixes = VendorPrefix{ .none = true, .webkit = true }; if (allowed_prefixes.contains(pre)) return .{ .@"mask-box-image-slice" = pre }; } else if (bun.strings.eqlCaseInsensitiveASCIIICheckLength(name1, "mask-box-image-width")) { - const allowed_prefixes = VendorPrefix{ .webkit = true }; + const allowed_prefixes = VendorPrefix{ .none = true, .webkit = true }; if (allowed_prefixes.contains(pre)) return .{ .@"mask-box-image-width" = pre }; } else if (bun.strings.eqlCaseInsensitiveASCIIICheckLength(name1, "mask-box-image-outset")) { - const allowed_prefixes = VendorPrefix{ .webkit = true }; + const allowed_prefixes = VendorPrefix{ .none = true, .webkit = true }; if (allowed_prefixes.contains(pre)) return .{ .@"mask-box-image-outset" = pre }; } else if (bun.strings.eqlCaseInsensitiveASCIIICheckLength(name1, "mask-box-image-repeat")) { - const allowed_prefixes = VendorPrefix{ .webkit = true }; + const allowed_prefixes = VendorPrefix{ .none = true, .webkit = true }; if (allowed_prefixes.contains(pre)) return .{ .@"mask-box-image-repeat" = pre }; } else if (bun.strings.eqlCaseInsensitiveASCIIICheckLength(name1, "all")) {} else { return null; @@ -8301,6 +8336,7 @@ pub const PropertyId = union(PropertyIdTag) { .font => .font, .@"text-decoration-color" => .{ .@"text-decoration-color" = pre }, .@"text-emphasis-color" => .{ .@"text-emphasis-color" = pre }, + .@"text-shadow" => .@"text-shadow", .direction => .direction, .composes => .composes, .@"mask-image" => .{ .@"mask-image" = pre }, @@ -8616,6 +8652,7 @@ pub const PropertyId = union(PropertyIdTag) { .@"text-emphasis-color" => |*p| { p.insert(pre); }, + .@"text-shadow" => {}, .direction => {}, .composes => {}, .@"mask-image" => |*p| { @@ -8901,6 +8938,7 @@ pub const PropertyIdTag = enum(u16) { font, @"text-decoration-color", @"text-emphasis-color", + @"text-shadow", direction, composes, @"mask-image", @@ -8933,4 +8971,484 @@ pub const PropertyIdTag = enum(u16) { all, unparsed, custom, + + /// Helper function used in comptime code to know whether to access the underlying value + /// with tuple indexing syntax because it may have a VendorPrefix associated with it. + pub fn hasVendorPrefix(this: PropertyIdTag) bool { + return switch (this) { + .@"background-color" => false, + .@"background-image" => false, + .@"background-position-x" => false, + .@"background-position-y" => false, + .@"background-position" => false, + .@"background-size" => false, + .@"background-repeat" => false, + .@"background-attachment" => false, + .@"background-clip" => true, + .@"background-origin" => false, + .background => false, + .@"box-shadow" => true, + .opacity => false, + .color => false, + .display => false, + .visibility => false, + .width => false, + .height => false, + .@"min-width" => false, + .@"min-height" => false, + .@"max-width" => false, + .@"max-height" => false, + .@"block-size" => false, + .@"inline-size" => false, + .@"min-block-size" => false, + .@"min-inline-size" => false, + .@"max-block-size" => false, + .@"max-inline-size" => false, + .@"box-sizing" => true, + .@"aspect-ratio" => false, + .overflow => false, + .@"overflow-x" => false, + .@"overflow-y" => false, + .@"text-overflow" => true, + .position => false, + .top => false, + .bottom => false, + .left => false, + .right => false, + .@"inset-block-start" => false, + .@"inset-block-end" => false, + .@"inset-inline-start" => false, + .@"inset-inline-end" => false, + .@"inset-block" => false, + .@"inset-inline" => false, + .inset => false, + .@"border-spacing" => false, + .@"border-top-color" => false, + .@"border-bottom-color" => false, + .@"border-left-color" => false, + .@"border-right-color" => false, + .@"border-block-start-color" => false, + .@"border-block-end-color" => false, + .@"border-inline-start-color" => false, + .@"border-inline-end-color" => false, + .@"border-top-style" => false, + .@"border-bottom-style" => false, + .@"border-left-style" => false, + .@"border-right-style" => false, + .@"border-block-start-style" => false, + .@"border-block-end-style" => false, + .@"border-inline-start-style" => false, + .@"border-inline-end-style" => false, + .@"border-top-width" => false, + .@"border-bottom-width" => false, + .@"border-left-width" => false, + .@"border-right-width" => false, + .@"border-block-start-width" => false, + .@"border-block-end-width" => false, + .@"border-inline-start-width" => false, + .@"border-inline-end-width" => false, + .@"border-top-left-radius" => true, + .@"border-top-right-radius" => true, + .@"border-bottom-left-radius" => true, + .@"border-bottom-right-radius" => true, + .@"border-start-start-radius" => false, + .@"border-start-end-radius" => false, + .@"border-end-start-radius" => false, + .@"border-end-end-radius" => false, + .@"border-radius" => true, + .@"border-image-source" => false, + .@"border-image-outset" => false, + .@"border-image-repeat" => false, + .@"border-image-width" => false, + .@"border-image-slice" => false, + .@"border-image" => true, + .@"border-color" => false, + .@"border-style" => false, + .@"border-width" => false, + .@"border-block-color" => false, + .@"border-block-style" => false, + .@"border-block-width" => false, + .@"border-inline-color" => false, + .@"border-inline-style" => false, + .@"border-inline-width" => false, + .border => false, + .@"border-top" => false, + .@"border-bottom" => false, + .@"border-left" => false, + .@"border-right" => false, + .@"border-block" => false, + .@"border-block-start" => false, + .@"border-block-end" => false, + .@"border-inline" => false, + .@"border-inline-start" => false, + .@"border-inline-end" => false, + .outline => false, + .@"outline-color" => false, + .@"outline-style" => false, + .@"outline-width" => false, + .@"flex-direction" => true, + .@"flex-wrap" => true, + .@"flex-flow" => true, + .@"flex-grow" => true, + .@"flex-shrink" => true, + .@"flex-basis" => true, + .flex => true, + .order => true, + .@"align-content" => true, + .@"justify-content" => true, + .@"place-content" => false, + .@"align-self" => true, + .@"justify-self" => false, + .@"place-self" => false, + .@"align-items" => true, + .@"justify-items" => false, + .@"place-items" => false, + .@"row-gap" => false, + .@"column-gap" => false, + .gap => false, + .@"box-orient" => true, + .@"box-direction" => true, + .@"box-ordinal-group" => true, + .@"box-align" => true, + .@"box-flex" => true, + .@"box-flex-group" => true, + .@"box-pack" => true, + .@"box-lines" => true, + .@"flex-pack" => true, + .@"flex-order" => true, + .@"flex-align" => true, + .@"flex-item-align" => true, + .@"flex-line-pack" => true, + .@"flex-positive" => true, + .@"flex-negative" => true, + .@"flex-preferred-size" => true, + .@"margin-top" => false, + .@"margin-bottom" => false, + .@"margin-left" => false, + .@"margin-right" => false, + .@"margin-block-start" => false, + .@"margin-block-end" => false, + .@"margin-inline-start" => false, + .@"margin-inline-end" => false, + .@"margin-block" => false, + .@"margin-inline" => false, + .margin => false, + .@"padding-top" => false, + .@"padding-bottom" => false, + .@"padding-left" => false, + .@"padding-right" => false, + .@"padding-block-start" => false, + .@"padding-block-end" => false, + .@"padding-inline-start" => false, + .@"padding-inline-end" => false, + .@"padding-block" => false, + .@"padding-inline" => false, + .padding => false, + .@"scroll-margin-top" => false, + .@"scroll-margin-bottom" => false, + .@"scroll-margin-left" => false, + .@"scroll-margin-right" => false, + .@"scroll-margin-block-start" => false, + .@"scroll-margin-block-end" => false, + .@"scroll-margin-inline-start" => false, + .@"scroll-margin-inline-end" => false, + .@"scroll-margin-block" => false, + .@"scroll-margin-inline" => false, + .@"scroll-margin" => false, + .@"scroll-padding-top" => false, + .@"scroll-padding-bottom" => false, + .@"scroll-padding-left" => false, + .@"scroll-padding-right" => false, + .@"scroll-padding-block-start" => false, + .@"scroll-padding-block-end" => false, + .@"scroll-padding-inline-start" => false, + .@"scroll-padding-inline-end" => false, + .@"scroll-padding-block" => false, + .@"scroll-padding-inline" => false, + .@"scroll-padding" => false, + .@"font-weight" => false, + .@"font-size" => false, + .@"font-stretch" => false, + .@"font-family" => false, + .@"font-style" => false, + .@"font-variant-caps" => false, + .@"line-height" => false, + .font => false, + .@"text-decoration-color" => true, + .@"text-emphasis-color" => true, + .@"text-shadow" => false, + .direction => false, + .composes => false, + .@"mask-image" => true, + .@"mask-mode" => false, + .@"mask-repeat" => true, + .@"mask-position-x" => false, + .@"mask-position-y" => false, + .@"mask-position" => true, + .@"mask-clip" => true, + .@"mask-origin" => true, + .@"mask-size" => true, + .@"mask-composite" => false, + .@"mask-type" => false, + .mask => true, + .@"mask-border-source" => false, + .@"mask-border-mode" => false, + .@"mask-border-slice" => false, + .@"mask-border-width" => false, + .@"mask-border-outset" => false, + .@"mask-border-repeat" => false, + .@"mask-border" => false, + .@"-webkit-mask-composite" => false, + .@"mask-source-type" => true, + .@"mask-box-image" => true, + .@"mask-box-image-source" => true, + .@"mask-box-image-slice" => true, + .@"mask-box-image-width" => true, + .@"mask-box-image-outset" => true, + .@"mask-box-image-repeat" => true, + .unparsed => false, + .custom => false, + .all => false, + }; + } + + /// Helper function used in comptime code to know whether to access the underlying value + /// with tuple indexing syntax because it may have a VendorPrefix associated with it. + pub fn valueType(this: PropertyIdTag) type { + return switch (this) { + .@"background-color" => CssColor, + .@"background-image" => SmallList(Image, 1), + .@"background-position-x" => SmallList(css_values.position.HorizontalPosition, 1), + .@"background-position-y" => SmallList(css_values.position.VerticalPosition, 1), + .@"background-position" => SmallList(background.BackgroundPosition, 1), + .@"background-size" => SmallList(background.BackgroundSize, 1), + .@"background-repeat" => SmallList(background.BackgroundRepeat, 1), + .@"background-attachment" => SmallList(background.BackgroundAttachment, 1), + .@"background-clip" => SmallList(background.BackgroundClip, 1), + .@"background-origin" => SmallList(background.BackgroundOrigin, 1), + .background => SmallList(background.Background, 1), + .@"box-shadow" => SmallList(box_shadow.BoxShadow, 1), + .opacity => css.css_values.alpha.AlphaValue, + .color => CssColor, + .display => display.Display, + .visibility => display.Visibility, + .width => size.Size, + .height => size.Size, + .@"min-width" => size.Size, + .@"min-height" => size.Size, + .@"max-width" => size.MaxSize, + .@"max-height" => size.MaxSize, + .@"block-size" => size.Size, + .@"inline-size" => size.Size, + .@"min-block-size" => size.Size, + .@"min-inline-size" => size.Size, + .@"max-block-size" => size.MaxSize, + .@"max-inline-size" => size.MaxSize, + .@"box-sizing" => size.BoxSizing, + .@"aspect-ratio" => size.AspectRatio, + .overflow => overflow.Overflow, + .@"overflow-x" => overflow.OverflowKeyword, + .@"overflow-y" => overflow.OverflowKeyword, + .@"text-overflow" => overflow.TextOverflow, + .position => position.Position, + .top => LengthPercentageOrAuto, + .bottom => LengthPercentageOrAuto, + .left => LengthPercentageOrAuto, + .right => LengthPercentageOrAuto, + .@"inset-block-start" => LengthPercentageOrAuto, + .@"inset-block-end" => LengthPercentageOrAuto, + .@"inset-inline-start" => LengthPercentageOrAuto, + .@"inset-inline-end" => LengthPercentageOrAuto, + .@"inset-block" => margin_padding.InsetBlock, + .@"inset-inline" => margin_padding.InsetInline, + .inset => margin_padding.Inset, + .@"border-spacing" => css.css_values.size.Size2D(Length), + .@"border-top-color" => CssColor, + .@"border-bottom-color" => CssColor, + .@"border-left-color" => CssColor, + .@"border-right-color" => CssColor, + .@"border-block-start-color" => CssColor, + .@"border-block-end-color" => CssColor, + .@"border-inline-start-color" => CssColor, + .@"border-inline-end-color" => CssColor, + .@"border-top-style" => border.LineStyle, + .@"border-bottom-style" => border.LineStyle, + .@"border-left-style" => border.LineStyle, + .@"border-right-style" => border.LineStyle, + .@"border-block-start-style" => border.LineStyle, + .@"border-block-end-style" => border.LineStyle, + .@"border-inline-start-style" => border.LineStyle, + .@"border-inline-end-style" => border.LineStyle, + .@"border-top-width" => BorderSideWidth, + .@"border-bottom-width" => BorderSideWidth, + .@"border-left-width" => BorderSideWidth, + .@"border-right-width" => BorderSideWidth, + .@"border-block-start-width" => BorderSideWidth, + .@"border-block-end-width" => BorderSideWidth, + .@"border-inline-start-width" => BorderSideWidth, + .@"border-inline-end-width" => BorderSideWidth, + .@"border-top-left-radius" => Size2D(LengthPercentage), + .@"border-top-right-radius" => Size2D(LengthPercentage), + .@"border-bottom-left-radius" => Size2D(LengthPercentage), + .@"border-bottom-right-radius" => Size2D(LengthPercentage), + .@"border-start-start-radius" => Size2D(LengthPercentage), + .@"border-start-end-radius" => Size2D(LengthPercentage), + .@"border-end-start-radius" => Size2D(LengthPercentage), + .@"border-end-end-radius" => Size2D(LengthPercentage), + .@"border-radius" => BorderRadius, + .@"border-image-source" => Image, + .@"border-image-outset" => Rect(LengthOrNumber), + .@"border-image-repeat" => BorderImageRepeat, + .@"border-image-width" => Rect(BorderImageSideWidth), + .@"border-image-slice" => BorderImageSlice, + .@"border-image" => BorderImage, + .@"border-color" => BorderColor, + .@"border-style" => BorderStyle, + .@"border-width" => BorderWidth, + .@"border-block-color" => BorderBlockColor, + .@"border-block-style" => BorderBlockStyle, + .@"border-block-width" => BorderBlockWidth, + .@"border-inline-color" => BorderInlineColor, + .@"border-inline-style" => BorderInlineStyle, + .@"border-inline-width" => BorderInlineWidth, + .border => Border, + .@"border-top" => BorderTop, + .@"border-bottom" => BorderBottom, + .@"border-left" => BorderLeft, + .@"border-right" => BorderRight, + .@"border-block" => BorderBlock, + .@"border-block-start" => BorderBlockStart, + .@"border-block-end" => BorderBlockEnd, + .@"border-inline" => BorderInline, + .@"border-inline-start" => BorderInlineStart, + .@"border-inline-end" => BorderInlineEnd, + .outline => Outline, + .@"outline-color" => CssColor, + .@"outline-style" => OutlineStyle, + .@"outline-width" => BorderSideWidth, + .@"flex-direction" => FlexDirection, + .@"flex-wrap" => FlexWrap, + .@"flex-flow" => FlexFlow, + .@"flex-grow" => CSSNumber, + .@"flex-shrink" => CSSNumber, + .@"flex-basis" => LengthPercentageOrAuto, + .flex => Flex, + .order => CSSInteger, + .@"align-content" => AlignContent, + .@"justify-content" => JustifyContent, + .@"place-content" => PlaceContent, + .@"align-self" => AlignSelf, + .@"justify-self" => JustifySelf, + .@"place-self" => PlaceSelf, + .@"align-items" => AlignItems, + .@"justify-items" => JustifyItems, + .@"place-items" => PlaceItems, + .@"row-gap" => GapValue, + .@"column-gap" => GapValue, + .gap => Gap, + .@"box-orient" => BoxOrient, + .@"box-direction" => BoxDirection, + .@"box-ordinal-group" => CSSInteger, + .@"box-align" => BoxAlign, + .@"box-flex" => CSSNumber, + .@"box-flex-group" => CSSInteger, + .@"box-pack" => BoxPack, + .@"box-lines" => BoxLines, + .@"flex-pack" => FlexPack, + .@"flex-order" => CSSInteger, + .@"flex-align" => BoxAlign, + .@"flex-item-align" => FlexItemAlign, + .@"flex-line-pack" => FlexLinePack, + .@"flex-positive" => CSSNumber, + .@"flex-negative" => CSSNumber, + .@"flex-preferred-size" => LengthPercentageOrAuto, + .@"margin-top" => LengthPercentageOrAuto, + .@"margin-bottom" => LengthPercentageOrAuto, + .@"margin-left" => LengthPercentageOrAuto, + .@"margin-right" => LengthPercentageOrAuto, + .@"margin-block-start" => LengthPercentageOrAuto, + .@"margin-block-end" => LengthPercentageOrAuto, + .@"margin-inline-start" => LengthPercentageOrAuto, + .@"margin-inline-end" => LengthPercentageOrAuto, + .@"margin-block" => MarginBlock, + .@"margin-inline" => MarginInline, + .margin => Margin, + .@"padding-top" => LengthPercentageOrAuto, + .@"padding-bottom" => LengthPercentageOrAuto, + .@"padding-left" => LengthPercentageOrAuto, + .@"padding-right" => LengthPercentageOrAuto, + .@"padding-block-start" => LengthPercentageOrAuto, + .@"padding-block-end" => LengthPercentageOrAuto, + .@"padding-inline-start" => LengthPercentageOrAuto, + .@"padding-inline-end" => LengthPercentageOrAuto, + .@"padding-block" => PaddingBlock, + .@"padding-inline" => PaddingInline, + .padding => Padding, + .@"scroll-margin-top" => LengthPercentageOrAuto, + .@"scroll-margin-bottom" => LengthPercentageOrAuto, + .@"scroll-margin-left" => LengthPercentageOrAuto, + .@"scroll-margin-right" => LengthPercentageOrAuto, + .@"scroll-margin-block-start" => LengthPercentageOrAuto, + .@"scroll-margin-block-end" => LengthPercentageOrAuto, + .@"scroll-margin-inline-start" => LengthPercentageOrAuto, + .@"scroll-margin-inline-end" => LengthPercentageOrAuto, + .@"scroll-margin-block" => ScrollMarginBlock, + .@"scroll-margin-inline" => ScrollMarginInline, + .@"scroll-margin" => ScrollMargin, + .@"scroll-padding-top" => LengthPercentageOrAuto, + .@"scroll-padding-bottom" => LengthPercentageOrAuto, + .@"scroll-padding-left" => LengthPercentageOrAuto, + .@"scroll-padding-right" => LengthPercentageOrAuto, + .@"scroll-padding-block-start" => LengthPercentageOrAuto, + .@"scroll-padding-block-end" => LengthPercentageOrAuto, + .@"scroll-padding-inline-start" => LengthPercentageOrAuto, + .@"scroll-padding-inline-end" => LengthPercentageOrAuto, + .@"scroll-padding-block" => ScrollPaddingBlock, + .@"scroll-padding-inline" => ScrollPaddingInline, + .@"scroll-padding" => ScrollPadding, + .@"font-weight" => FontWeight, + .@"font-size" => FontSize, + .@"font-stretch" => FontStretch, + .@"font-family" => BabyList(FontFamily), + .@"font-style" => FontStyle, + .@"font-variant-caps" => FontVariantCaps, + .@"line-height" => LineHeight, + .font => Font, + .@"text-decoration-color" => CssColor, + .@"text-emphasis-color" => CssColor, + .@"text-shadow" => SmallList(TextShadow, 1), + .direction => Direction, + .composes => Composes, + .@"mask-image" => SmallList(Image, 1), + .@"mask-mode" => SmallList(MaskMode, 1), + .@"mask-repeat" => SmallList(BackgroundRepeat, 1), + .@"mask-position-x" => SmallList(HorizontalPosition, 1), + .@"mask-position-y" => SmallList(VerticalPosition, 1), + .@"mask-position" => SmallList(Position, 1), + .@"mask-clip" => SmallList(MaskClip, 1), + .@"mask-origin" => SmallList(GeometryBox, 1), + .@"mask-size" => SmallList(BackgroundSize, 1), + .@"mask-composite" => SmallList(MaskComposite, 1), + .@"mask-type" => MaskType, + .mask => SmallList(Mask, 1), + .@"mask-border-source" => Image, + .@"mask-border-mode" => MaskBorderMode, + .@"mask-border-slice" => BorderImageSlice, + .@"mask-border-width" => Rect(BorderImageSideWidth), + .@"mask-border-outset" => Rect(LengthOrNumber), + .@"mask-border-repeat" => BorderImageRepeat, + .@"mask-border" => MaskBorder, + .@"-webkit-mask-composite" => SmallList(WebKitMaskComposite, 1), + .@"mask-source-type" => SmallList(WebKitMaskSourceType, 1), + .@"mask-box-image" => BorderImage, + .@"mask-box-image-source" => Image, + .@"mask-box-image-slice" => BorderImageSlice, + .@"mask-box-image-width" => Rect(BorderImageSideWidth), + .@"mask-box-image-outset" => Rect(LengthOrNumber), + .@"mask-box-image-repeat" => BorderImageRepeat, + .all => CSSWideKeyword, + .unparsed => UnparsedProperty, + .custom => CustomProperty, + }; + } }; diff --git a/src/css/properties/properties_impl.zig b/src/css/properties/properties_impl.zig index 12bff68858..6a56e20d0e 100644 --- a/src/css/properties/properties_impl.zig +++ b/src/css/properties/properties_impl.zig @@ -20,10 +20,10 @@ pub fn PropertyIdImpl() type { var first = true; const name = this.name(this); const prefix_value = this.prefix().orNone(); - inline for (std.meta.fields(VendorPrefix)) |field| { - if (@field(prefix_value, field.name)) { + inline for (VendorPrefix.FIELDS) |field| { + if (@field(prefix_value, field)) { var prefix: VendorPrefix = .{}; - @field(prefix, field.name) = true; + @field(prefix, field) = true; if (first) { first = false; @@ -93,27 +93,24 @@ pub fn PropertyImpl() type { const name, const prefix = this.__toCssHelper(); var first = true; - inline for (std.meta.fields(VendorPrefix)) |field| { - if (comptime !std.mem.eql(u8, field.name, "__unused")) { - if (@field(prefix, field.name)) { - var p: VendorPrefix = .{}; - @field(p, field.name) = true; + inline for (VendorPrefix.FIELDS) |field| { + if (@field(prefix, field)) { + var p: VendorPrefix = .{}; + @field(p, field) = true; - if (first) { - first = false; - } else { - try dest.writeChar(';'); - try dest.newline(); - } - try p.toCss(W, dest); - try dest.writeStr(name); - try dest.delim(':', false); - try this.valueToCss(W, dest); - if (important) { - try dest.whitespace(); - try dest.writeStr("!important"); - } - return; + if (first) { + first = false; + } else { + try dest.writeChar(';'); + try dest.newline(); + } + try p.toCss(W, dest); + try dest.writeStr(name); + try dest.delim(':', false); + try this.valueToCss(W, dest); + if (important) { + try dest.whitespace(); + try dest.writeStr("!important"); } } } diff --git a/src/css/properties/size.zig b/src/css/properties/size.zig index a2d34080dd..c0f48f137e 100644 --- a/src/css/properties/size.zig +++ b/src/css/properties/size.zig @@ -10,6 +10,13 @@ const Printer = css.Printer; const PrintErr = css.PrintErr; const Error = css.Error; +const PropertyId = css.PropertyId; +const PropertyIdTag = css.PropertyIdTag; +const Property = css.Property; +const UnparsedProperty = css.css_properties.custom.UnparsedProperty; + +const PropertyCategory = css.logical.PropertyCategory; + const ContainerName = css.css_rules.container.ContainerName; const LengthPercentage = css.css_values.length.LengthPercentage; @@ -61,16 +68,16 @@ pub const Size = union(enum) { pub fn parse(input: *css.Parser) css.Result(Size) { const Enum = enum { auto, - min_content, + @"min-content", @"-webkit-min-content", @"-moz-min-content", - max_content, + @"max-content", @"-webkit-max-content", @"-moz-max-content", stretch, @"-webkit-fill-available", @"-moz-available", - fit_content, + @"fit-content", @"-webkit-fit-content", @"-moz-fit-content", contain, @@ -83,19 +90,19 @@ pub const Size = union(enum) { .err => |e| return .{ .err = e }, }; - if (Map.get(ident)) |res| { + if (Map.getASCIIICaseInsensitive(ident)) |res| { return .{ .result = switch (res) { .auto => .auto, - .min_content => .{ .min_content = css.VendorPrefix{ .none = true } }, + .@"min-content" => .{ .min_content = css.VendorPrefix{ .none = true } }, .@"-webkit-min-content" => .{ .min_content = css.VendorPrefix{ .webkit = true } }, .@"-moz-min-content" => .{ .min_content = css.VendorPrefix{ .moz = true } }, - .max_content => .{ .max_content = css.VendorPrefix{ .none = true } }, + .@"max-content" => .{ .max_content = css.VendorPrefix{ .none = true } }, .@"-webkit-max-content" => .{ .max_content = css.VendorPrefix{ .webkit = true } }, .@"-moz-max-content" => .{ .max_content = css.VendorPrefix{ .moz = true } }, .stretch => .{ .stretch = css.VendorPrefix{ .none = true } }, .@"-webkit-fill-available" => .{ .stretch = css.VendorPrefix{ .webkit = true } }, .@"-moz-available" => .{ .stretch = css.VendorPrefix{ .moz = true } }, - .fit_content => .{ .fit_content = css.VendorPrefix{ .none = true } }, + .@"fit-content" => .{ .fit_content = css.VendorPrefix{ .none = true } }, .@"-webkit-fit-content" => .{ .fit_content = css.VendorPrefix{ .webkit = true } }, .@"-moz-fit-content" => .{ .fit_content = css.VendorPrefix{ .moz = true } }, .contain => .contain, @@ -153,6 +160,25 @@ pub const Size = union(enum) { }; } + pub fn isCompatible(this: *const @This(), browsers: css.targets.Browsers) bool { + const F = css.compat.Feature; + return switch (this.*) { + .length_percentage => |*l| l.isCompatible(browsers), + .min_content => F.isCompatible(.min_content_size, browsers), + .max_content => F.isCompatible(.max_content_size, browsers), + .fit_content => F.isCompatible(.fit_content_size, browsers), + .fit_content_function => |*l| F.isCompatible(.fit_content_function_size, browsers) and l.isCompatible(browsers), + .stretch => |*vp| F.isCompatible(switch (vp.asBits()) { + css.VendorPrefix.NONE.asBits() => F.stretch_size, + css.VendorPrefix.WEBKIT.asBits() => F.webkit_fill_available_size, + css.VendorPrefix.MOZ.asBits() => F.moz_available_size, + else => return false, + }, browsers), + .contain => false, // ??? no data in mdn + .auto => true, + }; + } + pub fn deepClone(this: *const @This(), allocator: std.mem.Allocator) @This() { return css.implementDeepClone(@This(), this, allocator); } @@ -224,7 +250,7 @@ pub const MaxSize = union(enum) { .result => |v| v, .err => |e| return .{ .err = e }, }; - const mapped = IdentMap.get(ident) orelse return .{ .err = i.newCustomError(css.ParserError.invalid_value) }; + const mapped = IdentMap.getASCIIICaseInsensitive(ident) orelse return .{ .err = i.newCustomError(css.ParserError.invalid_value) }; return .{ .result = switch (mapped) { .none => .none, .min_content => .{ .min_content = .{ .none = true } }, @@ -248,11 +274,11 @@ pub const MaxSize = union(enum) { return res; } - if (parseFitContent(input).asValue()) |v| { + if (input.tryParse(parseFitContent, .{}).asValue()) |v| { return .{ .result = .{ .fit_content_function = v } }; } - return switch (LengthPercentage.parse(input)) { + return switch (input.tryParse(LengthPercentage.parse, .{})) { .result => |v| .{ .result = .{ .length_percentage = v } }, .err => |e| .{ .err = e }, }; @@ -294,6 +320,28 @@ pub const MaxSize = union(enum) { } } + pub fn isCompatible(this: *const @This(), browsers: css.targets.Browsers) bool { + const F = css.compat.Feature; + return switch (this.*) { + .length_percentage => |*l| l.isCompatible(browsers), + .min_content => F.isCompatible(.min_content_size, browsers), + .max_content => F.isCompatible(.max_content_size, browsers), + .fit_content => F.isCompatible(.fit_content_size, browsers), + .fit_content_function => |*l| F.isCompatible(F.fit_content_function_size, browsers) and l.isCompatible(browsers), + .stretch => |*vp| F.isCompatible( + switch (vp.asBits()) { + css.VendorPrefix.NONE.asBits() => F.stretch_size, + css.VendorPrefix.WEBKIT.asBits() => F.webkit_fill_available_size, + css.VendorPrefix.MOZ.asBits() => F.moz_available_size, + else => return false, + }, + browsers, + ), + .contain => false, // ??? no data in mdn + .none => true, + }; + } + pub fn deepClone(this: *const @This(), allocator: std.mem.Allocator) @This() { return css.implementDeepClone(@This(), this, allocator); } @@ -354,3 +402,225 @@ fn parseFitContent(input: *css.Parser) css.Result(LengthPercentage) { if (input.expectFunctionMatching("fit-content").asErr()) |e| return .{ .err = e }; return input.parseNestedBlock(LengthPercentage, {}, css.voidWrap(LengthPercentage, LengthPercentage.parse)); } + +pub const SizeProperty = packed struct(u16) { + width: bool = false, + height: bool = false, + @"min-width": bool = false, + @"min-height": bool = false, + @"max-width": bool = false, + @"max-height": bool = false, + @"block-size": bool = false, + @"inline-size": bool = false, + @"min-block-size": bool = false, + @"min-inline-size": bool = false, + @"max-block-size": bool = false, + @"max-inline-size": bool = false, + __unused: u4 = 0, + + pub usingnamespace css.Bitflags(@This()); + + pub fn tryFromPropertyIdTag(property_id: PropertyIdTag) ?SizeProperty { + inline for (std.meta.fields(@This())) |field| { + if (comptime std.mem.eql(u8, field.name, "__unused")) continue; + if (@intFromEnum(@field(PropertyIdTag, field.name)) == @intFromEnum(@as(PropertyIdTag, property_id))) { + var ret: SizeProperty = .{}; + @field(ret, field.name) = true; + return ret; + } + } + return null; + } +}; + +pub const SizeHandler = struct { + width: ?Size = null, + height: ?Size = null, + min_width: ?Size = null, + min_height: ?Size = null, + max_width: ?MaxSize = null, + max_height: ?MaxSize = null, + block_size: ?Size = null, + inline_size: ?Size = null, + min_block_size: ?Size = null, + min_inline_size: ?Size = null, + max_block_size: ?MaxSize = null, + max_inline_size: ?MaxSize = null, + has_any: bool = false, + flushed_properties: SizeProperty = .{}, + category: PropertyCategory = PropertyCategory.default(), + + const Feature = css.Feature; + + pub fn handleProperty(this: *@This(), property: *const Property, dest: *css.DeclarationList, context: *css.PropertyHandlerContext) bool { + const logical_supported = !context.shouldCompileLogical(Feature.logical_size); + + switch (property.*) { + .width => |*v| this.propertyHelper("width", Size, v, PropertyCategory.physical, dest, context), + .height => |*v| this.propertyHelper("height", Size, v, PropertyCategory.physical, dest, context), + .@"min-width" => |*v| this.propertyHelper("min_width", Size, v, PropertyCategory.physical, dest, context), + .@"min-height" => |*v| this.propertyHelper("min_height", Size, v, PropertyCategory.physical, dest, context), + .@"max-width" => |*v| this.propertyHelper("max_width", MaxSize, v, PropertyCategory.physical, dest, context), + .@"max-height" => |*v| this.propertyHelper("max_height", MaxSize, v, PropertyCategory.physical, dest, context), + .@"block-size" => |*v| this.propertyHelper("block_size", Size, v, PropertyCategory.logical, dest, context), + .@"min-block-size" => |*v| this.propertyHelper("min_block_size", Size, v, PropertyCategory.logical, dest, context), + .@"max-block-size" => |*v| this.propertyHelper("max_block_size", MaxSize, v, PropertyCategory.logical, dest, context), + .@"inline-size" => |*v| this.propertyHelper("inline_size", Size, v, PropertyCategory.logical, dest, context), + .@"min-inline-size" => |*v| this.propertyHelper("min_inline_size", Size, v, PropertyCategory.logical, dest, context), + .@"max-inline-size" => |*v| this.propertyHelper("max_inline_size", MaxSize, v, PropertyCategory.logical, dest, context), + .unparsed => |*unparsed| { + switch (unparsed.property_id) { + .width, .height, .@"min-width", .@"max-width", .@"min-height", .@"max-height" => { + this.flushed_properties.insert(SizeProperty.tryFromPropertyIdTag(@as(PropertyIdTag, unparsed.property_id)).?); + dest.append(context.allocator, property.deepClone(context.allocator)) catch unreachable; + }, + .@"block-size" => this.logicalUnparsedHelper(property, unparsed, .height, logical_supported, dest, context), + .@"min-block-size" => this.logicalUnparsedHelper(property, unparsed, .@"min-height", logical_supported, dest, context), + .@"max-block-size" => this.logicalUnparsedHelper(property, unparsed, .@"max-height", logical_supported, dest, context), + .@"inline-size" => this.logicalUnparsedHelper(property, unparsed, .width, logical_supported, dest, context), + .@"min-inline-size" => this.logicalUnparsedHelper(property, unparsed, .@"min-width", logical_supported, dest, context), + .@"max-inline-size" => this.logicalUnparsedHelper(property, unparsed, .@"max-width", logical_supported, dest, context), + else => return false, + } + }, + else => return false, + } + + return true; + } + + inline fn logicalUnparsedHelper(this: *@This(), property: *const Property, unparsed: *const UnparsedProperty, comptime physical: PropertyIdTag, logical_supported: bool, dest: *css.DeclarationList, context: *css.PropertyHandlerContext) void { + if (logical_supported) { + this.flushed_properties.insert(SizeProperty.tryFromPropertyIdTag(@as(PropertyIdTag, unparsed.property_id)).?); + dest.append(context.allocator, property.deepClone(context.allocator)) catch bun.outOfMemory(); + } else { + dest.append(context.allocator, Property{ + .unparsed = unparsed.withPropertyId( + context.allocator, + @unionInit(PropertyId, @tagName(physical), {}), + ), + }) catch bun.outOfMemory(); + this.flushed_properties.insert(SizeProperty.fromName(@tagName(physical))); + } + } + + inline fn propertyHelper( + this: *@This(), + comptime property: []const u8, + comptime T: type, + value: *const T, + comptime category: PropertyCategory, + dest: *css.DeclarationList, + context: *css.PropertyHandlerContext, + ) void { + // If the category changes betweet logical and physical, + // or if the value contains syntax that isn't supported across all targets, + // preserve the previous value as a fallback. + + if (@field(PropertyCategory, @tagName(category)) != this.category or (@field(this, property) != null and context.targets.browsers != null and !value.isCompatible(context.targets.browsers.?))) { + this.flush(dest, context); + } + + @field(this, property) = value.deepClone(context.allocator); + this.category = category; + this.has_any = true; + } + + pub fn flush(this: *@This(), dest: *css.DeclarationList, context: *css.PropertyHandlerContext) void { + if (!this.has_any) return; + + this.has_any = false; + const logical_supported = !context.shouldCompileLogical(Feature.logical_size); + + this.flushPropertyHelper(PropertyIdTag.width, "width", Size, dest, context); + this.flushPropertyHelper(PropertyIdTag.@"min-width", "min_width", Size, dest, context); + this.flushPropertyHelper(PropertyIdTag.@"max-width", "max_width", MaxSize, dest, context); + this.flushPropertyHelper(PropertyIdTag.height, "height", Size, dest, context); + this.flushPropertyHelper(PropertyIdTag.@"min-height", "min_height", Size, dest, context); + this.flushPropertyHelper(PropertyIdTag.@"max-height", "max_height", MaxSize, dest, context); + this.flushLogicalHelper(PropertyIdTag.@"block-size", "block_size", PropertyIdTag.height, Size, logical_supported, dest, context); + this.flushLogicalHelper(PropertyIdTag.@"min-block-size", "min_block_size", PropertyIdTag.@"min-height", Size, logical_supported, dest, context); + this.flushLogicalHelper(PropertyIdTag.@"max-block-size", "max_block_size", PropertyIdTag.@"max-height", MaxSize, logical_supported, dest, context); + this.flushLogicalHelper(PropertyIdTag.@"inline-size", "inline_size", PropertyIdTag.width, Size, logical_supported, dest, context); + this.flushLogicalHelper(PropertyIdTag.@"min-inline-size", "min_inline_size", PropertyIdTag.@"min-width", Size, logical_supported, dest, context); + this.flushLogicalHelper(PropertyIdTag.@"max-inline-size", "max_inline_size", PropertyIdTag.@"max-width", MaxSize, logical_supported, dest, context); + } + + pub fn finalize(this: *@This(), dest: *css.DeclarationList, context: *css.PropertyHandlerContext) void { + this.flush(dest, context); + this.flushed_properties = SizeProperty.empty(); + } + + inline fn flushPrefixHelper( + this: *@This(), + comptime property: PropertyIdTag, + comptime SizeType: type, + comptime feature: css.prefixes.Feature, + dest: *css.DeclarationList, + context: *css.PropertyHandlerContext, + ) void { + if (!this.flushed_properties.contains(comptime SizeProperty.fromName(@tagName(property)))) { + const prefixes = context.targets.prefixes(css.VendorPrefix{ .none = true }, feature).difference(css.VendorPrefix{ .none = true }); + inline for (css.VendorPrefix.FIELDS) |field| { + if (@field(prefixes, field)) { + var prefix: css.VendorPrefix = .{}; + @field(prefix, field) = true; + dest.append( + context.allocator, + @unionInit( + Property, + @tagName(property), + @unionInit(SizeType, @tagName(feature), prefix), + ), + ) catch bun.outOfMemory(); + } + } + } + } + + inline fn flushPropertyHelper( + this: *@This(), + comptime property: PropertyIdTag, + comptime field: []const u8, + comptime SizeType: type, + dest: *css.DeclarationList, + context: *css.PropertyHandlerContext, + ) void { + if (bun.take(&@field(this, field))) |val| { + switch (val) { + .stretch => |vp| if (vp.eql(css.VendorPrefix{ .none = true })) { + this.flushPrefixHelper(property, SizeType, .stretch, dest, context); + }, + .min_content => |vp| if (vp.eql(css.VendorPrefix{ .none = true })) { + this.flushPrefixHelper(property, SizeType, .min_content, dest, context); + }, + .max_content => |vp| if (vp.eql(css.VendorPrefix{ .none = true })) { + this.flushPrefixHelper(property, SizeType, .max_content, dest, context); + }, + .fit_content => |vp| if (vp.eql(css.VendorPrefix{ .none = true })) { + this.flushPrefixHelper(property, SizeType, .fit_content, dest, context); + }, + else => {}, + } + dest.append(context.allocator, @unionInit(Property, @tagName(property), val.deepClone(context.allocator))) catch bun.outOfMemory(); + this.flushed_properties.insert(comptime SizeProperty.fromName(@tagName(property))); + } + } + + inline fn flushLogicalHelper( + this: *@This(), + comptime property: PropertyIdTag, + comptime field: []const u8, + comptime physical: PropertyIdTag, + comptime SizeType: type, + logical_supported: bool, + dest: *css.DeclarationList, + context: *css.PropertyHandlerContext, + ) void { + if (logical_supported) { + this.flushPropertyHelper(property, field, SizeType, dest, context); + } else { + this.flushPropertyHelper(physical, field, SizeType, dest, context); + } + } +}; diff --git a/src/css/properties/text.zig b/src/css/properties/text.zig index 1848d72833..7ad11f9a05 100644 --- a/src/css/properties/text.zig +++ b/src/css/properties/text.zig @@ -170,6 +170,96 @@ pub const TextShadow = struct { blur: Length, /// The spread distance of the text shadow. spread: Length, // added in Level 4 spec + + pub fn parse(input: *css.Parser) css.Result(@This()) { + var color: ?CssColor = null; + const Lengths = struct { Length, Length, Length, Length }; + var lengths: ?Lengths = null; + + while (true) { + if (lengths == null) { + const value = input.tryParse(struct { + pub fn parseFn(i: *css.Parser) css.Result(Lengths) { + const horizontal = switch (Length.parse(i)) { + .result => |v| v, + .err => |e| return .{ .err = e }, + }; + const vertical = switch (Length.parse(i)) { + .result => |v| v, + .err => |e| return .{ .err = e }, + }; + const blur = i.tryParse(Length.parse, .{}).asValue() orelse Length.zero(); + const spread = i.tryParse(Length.parse, .{}).asValue() orelse Length.zero(); + return .{ .result = .{ horizontal, vertical, blur, spread } }; + } + }.parseFn, .{}); + + if (value.asValue()) |v| { + lengths = v; + continue; + } + } + + if (color == null) { + if (input.tryParse(CssColor.parse, .{}).asValue()) |value| { + color = value; + continue; + } + } + + break; + } + + const l = lengths orelse return .{ .err = input.newError(.qualified_rule_invalid) }; + return .{ + .result = .{ + .color = color orelse CssColor.current_color, + .x_offset = l[0], + .y_offset = l[1], + .blur = l[2], + .spread = l[3], + }, + }; + } + + pub fn toCss(this: *const @This(), comptime W: type, dest: *css.Printer(W)) css.PrintErr!void { + try this.x_offset.toCss(W, dest); + try dest.writeChar(' '); + try this.y_offset.toCss(W, dest); + + if (!this.blur.eql(&Length.zero()) or !this.spread.eql(&Length.zero())) { + try dest.writeChar(' '); + try this.blur.toCss(W, dest); + + if (!this.spread.eql(&Length.zero())) { + try dest.writeChar(' '); + try this.spread.toCss(W, dest); + } + } + + if (!this.color.eql(&CssColor{ .current_color = {} })) { + try dest.writeChar(' '); + try this.color.toCss(W, dest); + } + + return; + } + + pub fn isCompatible(this: *const @This(), browsers: css.targets.Browsers) bool { + return this.color.isCompatible(browsers) and + this.x_offset.isCompatible(browsers) and + this.y_offset.isCompatible(browsers) and + this.blur.isCompatible(browsers) and + this.spread.isCompatible(browsers); + } + + pub fn eql(this: *const @This(), other: *const @This()) bool { + return css.implementEql(@This(), this, other); + } + + pub fn deepClone(this: *const @This(), allocator: std.mem.Allocator) @This() { + return css.implementDeepClone(@This(), this, allocator); + } }; /// A value for the [text-size-adjust](https://w3c.github.io/csswg-drafts/css-size-adjust/#adjustment-control) property. diff --git a/src/css/rules/media.zig b/src/css/rules/media.zig index da1f5e1898..7cbb5214ac 100644 --- a/src/css/rules/media.zig +++ b/src/css/rules/media.zig @@ -28,7 +28,7 @@ pub fn MediaRule(comptime R: type) type { _ = this; // autofix _ = context; // autofix _ = parent_is_unused; // autofix - @panic(css.todo_stuff.depth); + return false; } pub fn toCss(this: *const This, comptime W: type, dest: *Printer(W)) PrintErr!void { diff --git a/src/css/rules/rules.zig b/src/css/rules/rules.zig index 045aaf7ce2..8c1fb5b4ba 100644 --- a/src/css/rules/rules.zig +++ b/src/css/rules/rules.zig @@ -196,7 +196,7 @@ pub fn CssRuleList(comptime AtRule: type) type { }, .media => |*med| { moved_rule = false; - if (rules.items[rules.items.len - 1] == .media) { + if (rules.items.len > 0 and rules.items[rules.items.len - 1] == .media) { var last_rule = &rules.items[rules.items.len - 1].media; if (last_rule.query.eql(&med.query)) { last_rule.rules.v.appendSlice(context.allocator, med.rules.v.items) catch bun.outOfMemory(); @@ -210,7 +210,7 @@ pub fn CssRuleList(comptime AtRule: type) type { } }, .supports => |*supp| { - if (rules.items[rules.items.len - 1] == .supports) { + if (rules.items.len > 0 and rules.items[rules.items.len - 1] == .supports) { var last_rule = &rules.items[rules.items.len - 1].supports; if (last_rule.condition.eql(&supp.condition)) { continue; @@ -240,6 +240,7 @@ pub fn CssRuleList(comptime AtRule: type) type { const Selector = css.selector.Selector; const SelectorList = css.selector.SelectorList; const Component = css.selector.Component; + debug("Input style:\n Selectors: {}\n Decls: {}\n", .{ sty.selectors.debug(), sty.declarations.debug() }); if (parent_is_unused or try sty.minify(context, parent_is_unused)) { continue; } @@ -250,6 +251,7 @@ pub fn CssRuleList(comptime AtRule: type) type { context.targets.shouldCompileSelectors() and !sty.isCompatible(context.targets.*)) incompatible: { + debug("Making incompatible!\n", .{}); // The :is() selector accepts a forgiving selector list, so use that if possible. // Note that :is() does not allow pseudo elements, so we need to check for that. // In addition, :is() takes the highest specificity of its arguments, so if the selectors @@ -317,6 +319,7 @@ pub fn CssRuleList(comptime AtRule: type) type { // Create additional rules for logical properties, @supports overrides, and incompatible selectors. const supps = context.handler_context.getSupportsRules(AtRule, sty); const logical = context.handler_context.getAdditionalRules(AtRule, sty); + debug("LOGICAL: {d}\n", .{logical.items.len}); const StyleRule = style.StyleRule(AtRule); const IncompatibleRuleEntry = struct { rule: StyleRule, supports: ArrayList(css.CssRule(AtRule)), logical: ArrayList(css.CssRule(AtRule)) }; @@ -350,6 +353,7 @@ pub fn CssRuleList(comptime AtRule: type) type { break :incompatible_rules incompatible_rules; }; + debug("Incompatible rules: {d}\n", .{incompatible_rules.len()}); defer incompatible.deinit(context.allocator); defer incompatible_rules.deinit(context.allocator); @@ -406,6 +410,7 @@ pub fn CssRuleList(comptime AtRule: type) type { } if (logical.items.len > 0) { + debug("Adding logical: {}\n", .{logical.items[0].style.selectors.debug()}); var log = CssRuleList(AtRule){ .v = logical }; try log.minify(context, parent_is_unused); rules.appendSlice(context.allocator, log.v.items) catch bun.outOfMemory(); diff --git a/src/css/rules/style.zig b/src/css/rules/style.zig index e8d2bbe944..a972865541 100644 --- a/src/css/rules/style.zig +++ b/src/css/rules/style.zig @@ -74,8 +74,8 @@ pub fn StyleRule(comptime R: type) type { try this.toCssBase(W, dest); } else { var first_rule = true; - inline for (std.meta.fields(css.VendorPrefix)) |field| { - if (field.type == bool and @field(this.vendor_prefix, field.name)) { + inline for (css.VendorPrefix.FIELDS) |field| { + if (@field(this.vendor_prefix, field)) { if (first_rule) { first_rule = false; } else { @@ -85,7 +85,7 @@ pub fn StyleRule(comptime R: type) type { try dest.newline(); } - const prefix = css.VendorPrefix.fromName(field.name); + const prefix = css.VendorPrefix.fromName(field); dest.vendor_prefix = prefix; try this.toCssBase(W, dest); } @@ -245,10 +245,11 @@ pub fn StyleRule(comptime R: type) type { return this.declarations.len() == other.declarations.len() and this.selectors.eql(&other.selectors) and brk: { - const len = @min(this.declarations.len(), other.declarations.len()); + var len = @min(this.declarations.declarations.items.len, other.declarations.declarations.items.len); for (this.declarations.declarations.items[0..len], other.declarations.declarations.items[0..len]) |*a, *b| { if (!a.propertyId().eql(&b.propertyId())) break :brk false; } + len = @min(this.declarations.important_declarations.items.len, other.declarations.important_declarations.items.len); for (this.declarations.important_declarations.items[0..len], other.declarations.important_declarations.items[0..len]) |*a, *b| { if (!a.propertyId().eql(&b.propertyId())) break :brk false; } diff --git a/src/css/rules/supports.zig b/src/css/rules/supports.zig index 4be36b14a1..a07a78494e 100644 --- a/src/css/rules/supports.zig +++ b/src/css/rules/supports.zig @@ -319,22 +319,19 @@ pub const SupportsCondition = union(enum) { const name = property_id.name(); var first = true; - inline for (std.meta.fields(css.VendorPrefix)) |field_| { - const field: std.builtin.Type.StructField = field_; - if (!(comptime std.mem.eql(u8, field.name, "__unused"))) { - if (@field(prefix, field.name)) { - if (first) { - first = false; - } else { - try dest.writeStr(") or ("); - } - - var p = css.VendorPrefix{}; - @field(p, field.name) = true; - css.serializer.serializeName(name, dest) catch return dest.addFmtError(); - try dest.delim(':', false); - try dest.writeStr(value); + inline for (css.VendorPrefix.FIELDS) |field| { + if (@field(prefix, field)) { + if (first) { + first = false; + } else { + try dest.writeStr(") or ("); } + + var p = css.VendorPrefix{}; + @field(p, field) = true; + css.serializer.serializeName(name, dest) catch return dest.addFmtError(); + try dest.delim(':', false); + try dest.writeStr(value); } } @@ -400,7 +397,8 @@ pub fn SupportsRule(comptime R: type) type { _ = this; // autofix _ = context; // autofix _ = parent_is_unused; // autofix - @panic(css.todo_stuff.depth); + // TODO: Implement this + return; } pub fn deepClone(this: *const @This(), allocator: std.mem.Allocator) This { diff --git a/src/css/selectors/parser.zig b/src/css/selectors/parser.zig index d633d9bd4a..a89dd6345a 100644 --- a/src/css/selectors/parser.zig +++ b/src/css/selectors/parser.zig @@ -59,6 +59,10 @@ pub const attrs = struct { return css.implementEql(@This(), lhs, rhs); } + pub fn deepClone(this: *const @This(), allocator: Allocator) @This() { + return css.implementDeepClone(@This(), this, allocator); + } + pub fn hash(this: *const @This(), hasher: *std.hash.Wyhash) void { return css.implementHash(@This(), this, hasher); } @@ -73,10 +77,6 @@ pub const attrs = struct { operation: ParsedAttrSelectorOperation(Impl.SelectorImpl.AttrValue), never_matches: bool, - pub fn eql(lhs: *const @This(), rhs: *const @This()) bool { - return css.implementEql(@This(), lhs, rhs); - } - pub fn toCss(this: *const @This(), comptime W: type, dest: *Printer(W)) PrintErr!void { try dest.writeChar('['); if (this.namespace) |nsp| switch (nsp) { @@ -109,6 +109,14 @@ pub const attrs = struct { return dest.writeChar(']'); } + pub fn eql(lhs: *const @This(), rhs: *const @This()) bool { + return css.implementEql(@This(), lhs, rhs); + } + + pub fn deepClone(this: *const @This(), allocator: Allocator) @This() { + return css.implementDeepClone(@This(), this, allocator); + } + pub fn hash(this: *const @This(), hasher: *std.hash.Wyhash) void { return css.implementHash(@This(), this, hasher); } @@ -128,6 +136,10 @@ pub const attrs = struct { pub fn hash(this: *const @This(), hasher: *std.hash.Wyhash) void { return css.implementHash(@This(), this, hasher); } + + pub fn deepClone(this: *const @This(), allocator: Allocator) @This() { + return css.implementDeepClone(@This(), this, allocator); + } }; } @@ -139,13 +151,15 @@ pub const attrs = struct { case_sensitivity: ParsedCaseSensitivity, expected_value: AttrValue, - pub fn eql(lhs: *const @This(), rhs: *const @This()) bool { - return css.implementEql(@This(), lhs, rhs); - } - + pub fn __generateEql() void {} + pub fn __generateDeepClone() void {} pub fn __generateHash() void {} }, + pub fn deepClone(this: *const @This(), allocator: Allocator) @This() { + return css.implementDeepClone(@This(), this, allocator); + } + pub fn eql(lhs: *const @This(), rhs: *const @This()) bool { return css.implementEql(@This(), lhs, rhs); } @@ -730,10 +744,8 @@ pub const PseudoClass = union(enum) { /// A list of language codes. languages: ArrayList([]const u8), - pub fn eql(lhs: *const @This(), rhs: *const @This()) bool { - return css.implementEql(@This(), lhs, rhs); - } - + pub fn __generateEql() void {} + pub fn __generateDeepClone() void {} pub fn __generateHash() void {} }, /// The [:dir()](https://drafts.csswg.org/selectors-4/#the-dir-pseudo) pseudo class. @@ -741,10 +753,8 @@ pub const PseudoClass = union(enum) { /// A direction. direction: Direction, - pub fn eql(lhs: *const @This(), rhs: *const @This()) bool { - return css.implementEql(@This(), lhs, rhs); - } - + pub fn __generateEql() void {} + pub fn __generateDeepClone() void {} pub fn __generateHash() void {} }, @@ -863,10 +873,8 @@ pub const PseudoClass = union(enum) { /// A local selector. selector: *Selector, - pub fn eql(lhs: *const @This(), rhs: *const @This()) bool { - return css.implementEql(@This(), lhs, rhs); - } - + pub fn __generateEql() void {} + pub fn __generateDeepClone() void {} pub fn __generateHash() void {} }, /// The CSS modules :global() pseudo class. @@ -874,10 +882,8 @@ pub const PseudoClass = union(enum) { /// A global selector. selector: *Selector, - pub fn eql(lhs: *const @This(), rhs: *const @This()) bool { - return css.implementEql(@This(), lhs, rhs); - } - + pub fn __generateEql() void {} + pub fn __generateDeepClone() void {} pub fn __generateHash() void {} }, @@ -889,10 +895,8 @@ pub const PseudoClass = union(enum) { /// The pseudo class name. name: []const u8, - pub fn eql(lhs: *const @This(), rhs: *const @This()) bool { - return css.implementEql(@This(), lhs, rhs); - } - + pub fn __generateEql() void {} + pub fn __generateDeepClone() void {} pub fn __generateHash() void {} }, /// An unknown functional pseudo class. @@ -902,10 +906,8 @@ pub const PseudoClass = union(enum) { /// The arguments of the pseudo class function. arguments: css.TokenList, - pub fn eql(lhs: *const @This(), rhs: *const @This()) bool { - return css.implementEql(@This(), lhs, rhs); - } - + pub fn __generateEql() void {} + pub fn __generateDeepClone() void {} pub fn __generateHash() void {} }, @@ -919,14 +921,6 @@ pub const PseudoClass = union(enum) { return this.eql(other); } - pub fn eql(lhs: *const PseudoClass, rhs: *const PseudoClass) bool { - return css.implementEql(PseudoClass, lhs, rhs); - } - - pub fn hash(this: *const @This(), hasher: *std.hash.Wyhash) void { - return css.implementHash(@This(), this, hasher); - } - pub fn toCss(this: *const PseudoClass, comptime W: type, dest: *Printer(W)) PrintErr!void { var s = ArrayList(u8){}; // PERF(alloc): I don't like making these little allocations @@ -938,6 +932,18 @@ pub const PseudoClass = union(enum) { return dest.writeStr(s.items); } + pub fn eql(lhs: *const PseudoClass, rhs: *const PseudoClass) bool { + return css.implementEql(PseudoClass, lhs, rhs); + } + + pub fn hash(this: *const @This(), hasher: *std.hash.Wyhash) void { + return css.implementHash(@This(), this, hasher); + } + + pub fn deepClone(this: *const @This(), allocator: Allocator) @This() { + return css.implementDeepClone(@This(), this, allocator); + } + pub fn getPrefix(this: *const PseudoClass) css.VendorPrefix { return switch (this.*) { inline .fullscreen, .any_link, .read_only, .read_write, .placeholder_shown, .autofill => |p| p, @@ -962,7 +968,7 @@ pub const PseudoClass = union(enum) { pub fn isUserActionState(this: *const PseudoClass) bool { return switch (this.*) { - .active, .hover => true, + .active, .hover, .focus, .focus_within, .focus_visible => true, else => false, }; } @@ -1435,6 +1441,30 @@ pub fn GenericSelectorList(comptime Impl: type) type { const This = @This(); + const DebugFmt = struct { + this: *const This, + + pub fn format(this: @This(), comptime fmt: []const u8, options: std.fmt.FormatOptions, writer: anytype) !void { + if (comptime !bun.Environment.isDebug) return; + _ = fmt; // autofix + _ = options; // autofix + try writer.print("SelectorList[\n", .{}); + const last = this.this.v.len() -| 1; + for (this.this.v.slice(), 0..) |*sel, i| { + if (i != last) { + try writer.print(" {}\n", .{sel.debug()}); + } else { + try writer.print(" {},\n", .{sel.debug()}); + } + } + try writer.print("]\n", .{}); + } + }; + + pub fn debug(this: *const @This()) DebugFmt { + return DebugFmt{ .this = this }; + } + pub fn anyHasPseudoElement(this: *const This) bool { for (this.v.slice()) |*sel| { if (sel.hasPseudoElement()) return true; @@ -1650,6 +1680,28 @@ pub fn GenericSelector(comptime Impl: type) type { const This = @This(); + const DebugFmt = struct { + this: *const This, + + pub fn format(this: @This(), comptime fmt: []const u8, options: std.fmt.FormatOptions, writer: anytype) !void { + if (comptime !bun.Environment.isDebug) return; + _ = fmt; // autofix + _ = options; // autofix + try writer.print("Selector(", .{}); + var arraylist = ArrayList(u8){}; + const w = arraylist.writer(bun.default_allocator); + defer arraylist.deinit(bun.default_allocator); + var printer = css.Printer(@TypeOf(w)).new(bun.default_allocator, std.ArrayList(u8).init(bun.default_allocator), w, .{}, null); + defer printer.deinit(); + css.selector.tocss_servo.toCss_Selector(this.this, @TypeOf(w), &printer) catch |e| return try writer.print("\n", .{@errorName(e)}); + try writer.writeAll(arraylist.items); + } + }; + + pub fn debug(this: *const This) DebugFmt { + return DebugFmt{ .this = this }; + } + /// Parse a selector, without any pseudo-element. pub fn parse(parser: *SelectorParser, input: *css.Parser) Result(This) { var state = SelectorParsingState.empty(); @@ -1676,7 +1728,7 @@ pub fn GenericSelector(comptime Impl: type) type { } pub fn deepClone(this: *const @This(), allocator: Allocator) This { - return css.generic.deepClone(@This(), this, allocator); + return css.implementDeepClone(@This(), this, allocator); } pub fn eql(this: *const This, other: *const This) bool { @@ -1769,10 +1821,8 @@ pub fn GenericComponent(comptime Impl: type) type { prefix: Impl.SelectorImpl.NamespacePrefix, url: Impl.SelectorImpl.NamespaceUrl, - pub fn eql(lhs: *const @This(), rhs: *const @This()) bool { - return css.implementEql(@This(), lhs, rhs); - } - + pub fn __generateEql() void {} + pub fn __generateDeepClone() void {} pub fn __generateHash() void {} }, @@ -1786,9 +1836,8 @@ pub fn GenericComponent(comptime Impl: type) type { local_name: Impl.SelectorImpl.LocalName, local_name_lower: Impl.SelectorImpl.LocalName, - pub fn eql(lhs: *const @This(), rhs: *const @This()) bool { - return css.implementEql(@This(), lhs, rhs); - } + pub fn __generateEql() void {} + pub fn __generateDeepClone() void {} pub fn __generateHash() void {} }, /// Used only when local_name is already lowercase. @@ -1799,9 +1848,8 @@ pub fn GenericComponent(comptime Impl: type) type { case_sensitivity: attrs.ParsedCaseSensitivity, never_matches: bool, - pub fn eql(lhs: *const @This(), rhs: *const @This()) bool { - return css.implementEql(@This(), lhs, rhs); - } + pub fn __generateEql() void {} + pub fn __generateDeepClone() void {} pub fn __generateHash() void {} }, /// Use a Box in the less common cases with more data to keep size_of::() small. @@ -1857,9 +1905,8 @@ pub fn GenericComponent(comptime Impl: type) type { vendor_prefix: Impl.SelectorImpl.VendorPrefix, selectors: []GenericSelector(Impl), - pub fn eql(lhs: *const @This(), rhs: *const @This()) bool { - return css.implementEql(@This(), lhs, rhs); - } + pub fn __generateEql() void {} + pub fn __generateDeepClone() void {} pub fn __generateHash() void {} }, /// The `:has` pseudo-class. @@ -1877,8 +1924,8 @@ pub fn GenericComponent(comptime Impl: type) type { const This = @This(); - pub fn deepClone(this: *const This, allocator: Allocator) *This { - css.implementDeepClone(This, this, allocator); + pub fn deepClone(this: *const @This(), allocator: Allocator) @This() { + return css.implementDeepClone(@This(), this, allocator); } pub fn eql(lhs: *const This, rhs: *const This) bool { @@ -2157,6 +2204,10 @@ pub const SpecifityAndFlags = struct { pub fn hash(this: *const @This(), hasher: *std.hash.Wyhash) void { return css.implementHash(@This(), this, hasher); } + + pub fn deepClone(this: *const @This(), allocator: Allocator) @This() { + return css.implementDeepClone(@This(), this, allocator); + } }; pub const SelectorFlags = packed struct(u8) { @@ -2340,10 +2391,8 @@ pub const PseudoElement = union(enum) { /// The selector argument. selector: *Selector, - pub fn eql(lhs: *const @This(), rhs: *const @This()) bool { - return css.implementEql(@This(), lhs, rhs); - } - + pub fn __generateEql() void {} + pub fn __generateDeepClone() void {} pub fn __generateHash() void {} }, /// The [::cue-region()](https://w3c.github.io/webvtt/#cue-region-selector) functional pseudo element. @@ -2351,10 +2400,8 @@ pub const PseudoElement = union(enum) { /// The selector argument. selector: *Selector, - pub fn eql(lhs: *const @This(), rhs: *const @This()) bool { - return css.implementEql(@This(), lhs, rhs); - } - + pub fn __generateEql() void {} + pub fn __generateDeepClone() void {} pub fn __generateHash() void {} }, /// The [::view-transition](https://w3c.github.io/csswg-drafts/css-view-transitions-1/#view-transition) pseudo element. @@ -2364,10 +2411,8 @@ pub const PseudoElement = union(enum) { /// A part name selector. part_name: ViewTransitionPartName, - pub fn eql(lhs: *const @This(), rhs: *const @This()) bool { - return css.implementEql(@This(), lhs, rhs); - } - + pub fn __generateEql() void {} + pub fn __generateDeepClone() void {} pub fn __generateHash() void {} }, /// The [::view-transition-image-pair()](https://w3c.github.io/csswg-drafts/css-view-transitions-1/#view-transition-image-pair-pt-name-selector) functional pseudo element. @@ -2375,10 +2420,8 @@ pub const PseudoElement = union(enum) { /// A part name selector. part_name: ViewTransitionPartName, - pub fn eql(lhs: *const @This(), rhs: *const @This()) bool { - return css.implementEql(@This(), lhs, rhs); - } - + pub fn __generateEql() void {} + pub fn __generateDeepClone() void {} pub fn __generateHash() void {} }, /// The [::view-transition-old()](https://w3c.github.io/csswg-drafts/css-view-transitions-1/#view-transition-old-pt-name-selector) functional pseudo element. @@ -2386,10 +2429,8 @@ pub const PseudoElement = union(enum) { /// A part name selector. part_name: ViewTransitionPartName, - pub fn eql(lhs: *const @This(), rhs: *const @This()) bool { - return css.implementEql(@This(), lhs, rhs); - } - + pub fn __generateEql() void {} + pub fn __generateDeepClone() void {} pub fn __generateHash() void {} }, /// The [::view-transition-new()](https://w3c.github.io/csswg-drafts/css-view-transitions-1/#view-transition-new-pt-name-selector) functional pseudo element. @@ -2397,10 +2438,8 @@ pub const PseudoElement = union(enum) { /// A part name selector. part_name: ViewTransitionPartName, - pub fn eql(lhs: *const @This(), rhs: *const @This()) bool { - return css.implementEql(@This(), lhs, rhs); - } - + pub fn __generateEql() void {} + pub fn __generateDeepClone() void {} pub fn __generateHash() void {} }, /// An unknown pseudo element. @@ -2408,10 +2447,8 @@ pub const PseudoElement = union(enum) { /// The name of the pseudo element. name: []const u8, - pub fn eql(lhs: *const @This(), rhs: *const @This()) bool { - return css.implementEql(@This(), lhs, rhs); - } - + pub fn __generateEql() void {} + pub fn __generateDeepClone() void {} pub fn __generateHash() void {} }, /// An unknown functional pseudo element. @@ -2421,10 +2458,8 @@ pub const PseudoElement = union(enum) { /// The arguments of the pseudo element function. arguments: css.TokenList, - pub fn eql(lhs: *const @This(), rhs: *const @This()) bool { - return css.implementEql(@This(), lhs, rhs); - } - + pub fn __generateEql() void {} + pub fn __generateDeepClone() void {} pub fn __generateHash() void {} }, @@ -2444,6 +2479,10 @@ pub const PseudoElement = union(enum) { return css.implementHash(@This(), this, hasher); } + pub fn deepClone(this: *const @This(), allocator: Allocator) @This() { + return css.implementDeepClone(@This(), this, allocator); + } + pub fn getNecessaryPrefixes(this: *PseudoElement, targets: css.targets.Targets) css.VendorPrefix { const F = css.prefixes.Feature; const p: *css.VendorPrefix, const feature: F = switch (this.*) { @@ -3075,39 +3114,43 @@ pub fn parse_functional_pseudo_class( name: []const u8, state: *SelectorParsingState, ) Result(GenericComponent(Impl)) { - // todo_stuff.match_ignore_ascii_case - if (bun.strings.eqlCaseInsensitiveASCIIICheckLength(name, "nth-child")) { - return parse_nth_pseudo_class(Impl, parser, input, state.*, .child); - } else if (bun.strings.eqlCaseInsensitiveASCIIICheckLength(name, "nth-of-type")) { - return parse_nth_pseudo_class(Impl, parser, input, state.*, .of_type); - } else if (bun.strings.eqlCaseInsensitiveASCIIICheckLength(name, "nth-last-child")) { - return parse_nth_pseudo_class(Impl, parser, input, state.*, .last_child); - } else if (bun.strings.eqlCaseInsensitiveASCIIICheckLength(name, "nth-last-of-type")) { - return parse_nth_pseudo_class(Impl, parser, input, state.*, .last_of_type); - } else if (bun.strings.eqlCaseInsensitiveASCIIICheckLength(name, "nth-col")) { - return parse_nth_pseudo_class(Impl, parser, input, state.*, .col); - } else if (bun.strings.eqlCaseInsensitiveASCIIICheckLength(name, "nth-last-col")) { - return parse_nth_pseudo_class(Impl, parser, input, state.*, .last_col); - } else if (bun.strings.eqlCaseInsensitiveASCIIICheckLength(name, "is") and parser.parseIsAndWhere()) { - return parse_is_or_where(Impl, parser, input, state, GenericComponent(Impl).convertHelper_is, .{}); - } else if (bun.strings.eqlCaseInsensitiveASCIIICheckLength(name, "where") and parser.parseIsAndWhere()) { - return parse_is_or_where(Impl, parser, input, state, GenericComponent(Impl).convertHelper_where, .{}); - } else if (bun.strings.eqlCaseInsensitiveASCIIICheckLength(name, "has")) { - return parse_has(Impl, parser, input, state); - } else if (bun.strings.eqlCaseInsensitiveASCIIICheckLength(name, "host")) { - if (!state.allowsTreeStructuralPseudoClasses()) { - return .{ .err = input.newCustomError(SelectorParseErrorKind.intoDefaultParserError(.invalid_state)) }; + const FunctionalPseudoClass = enum { + @"nth-child", + @"nth-of-type", + @"nth-last-child", + @"nth-last-of-type", + @"nth-col", + @"nth-last-col", + is, + where, + has, + host, + not, + }; + const Map = bun.ComptimeEnumMap(FunctionalPseudoClass); + + if (Map.getASCIIICaseInsensitive(name)) |functional_pseudo_class| { + switch (functional_pseudo_class) { + .@"nth-child" => return parse_nth_pseudo_class(Impl, parser, input, state.*, .child), + .@"nth-of-type" => return parse_nth_pseudo_class(Impl, parser, input, state.*, .of_type), + .@"nth-last-child" => return parse_nth_pseudo_class(Impl, parser, input, state.*, .last_child), + .@"nth-last-of-type" => return parse_nth_pseudo_class(Impl, parser, input, state.*, .last_of_type), + .@"nth-col" => return parse_nth_pseudo_class(Impl, parser, input, state.*, .col), + .@"nth-last-col" => return parse_nth_pseudo_class(Impl, parser, input, state.*, .last_col), + .is => if (parser.parseIsAndWhere()) return parse_is_or_where(Impl, parser, input, state, GenericComponent(Impl).convertHelper_is, .{}), + .where => if (parser.parseIsAndWhere()) return parse_is_or_where(Impl, parser, input, state, GenericComponent(Impl).convertHelper_where, .{}), + .has => return parse_has(Impl, parser, input, state), + .host => if (!state.allowsTreeStructuralPseudoClasses()) + return .{ .err = input.newCustomError(SelectorParseErrorKind.intoDefaultParserError(.invalid_state)) } + else + return .{ .result = .{ + .host = switch (parse_inner_compound_selector(Impl, parser, input, state)) { + .err => |e| return .{ .err = e }, + .result => |v| v, + }, + } }, + .not => return parse_negation(Impl, parser, input, state), } - return .{ .result = .{ - .host = switch (parse_inner_compound_selector(Impl, parser, input, state)) { - .err => |e| return .{ .err = e }, - .result => |v| v, - }, - } }; - } else if (bun.strings.eqlCaseInsensitiveASCIIICheckLength(name, "not")) { - return parse_negation(Impl, parser, input, state); - } else { - // } if (parser.parseAnyPrefix(name)) |prefix| { @@ -3494,10 +3537,8 @@ pub fn LocalName(comptime Impl: type) type { return css.IdentFns.toCss(&this.name, W, dest); } - pub fn eql(lhs: *const @This(), rhs: *const @This()) bool { - return css.implementEql(@This(), lhs, rhs); - } - + pub fn __generateEql() void {} + pub fn __generateDeepClone() void {} pub fn __generateHash() void {} }; } @@ -3580,6 +3621,13 @@ pub const ViewTransitionPartName = union(enum) { /// name: css.css_values.ident.CustomIdent, + pub fn toCss(this: *const @This(), comptime W: type, dest: *css.Printer(W)) css.PrintErr!void { + return switch (this.*) { + .all => try dest.writeStr("*"), + .name => |name| try css.CustomIdentFns.toCss(&name, W, dest), + }; + } + pub fn eql(lhs: *const @This(), rhs: *const @This()) bool { return css.implementEql(@This(), lhs, rhs); } @@ -3588,11 +3636,8 @@ pub const ViewTransitionPartName = union(enum) { return css.implementHash(@This(), this, hasher); } - pub fn toCss(this: *const @This(), comptime W: type, dest: *css.Printer(W)) css.PrintErr!void { - return switch (this.*) { - .all => try dest.writeStr("*"), - .name => |name| try css.CustomIdentFns.toCss(&name, W, dest), - }; + pub fn deepClone(this: *const @This(), allocator: Allocator) @This() { + return css.implementDeepClone(@This(), this, allocator); } }; diff --git a/src/css/selectors/selector.zig b/src/css/selectors/selector.zig index 64c9eecf34..84364080ae 100644 --- a/src/css/selectors/selector.zig +++ b/src/css/selectors/selector.zig @@ -152,8 +152,14 @@ pub fn downlevelComponent(allocator: Allocator, component: *Component, targets: // Downlevel :not(.a, .b) -> :not(:is(.a, .b)) if not list is unsupported. // We need to use :is() / :-webkit-any() rather than :not(.a):not(.b) to ensure the specificity is equivalent. // https://drafts.csswg.org/selectors/#specificity-rules - if (selectors.len == 1 and css.targets.Targets.shouldCompileSame(&targets, .not_selector_list)) { - const is: Selector = Selector.fromComponent(allocator, Component{ .is = selectors }); + if (selectors.len > 1 and css.targets.Targets.shouldCompileSame(&targets, .not_selector_list)) { + const is: Selector = Selector.fromComponent(allocator, Component{ .is = selectors: { + const new_selectors = allocator.alloc(Selector, selectors.len) catch bun.outOfMemory(); + for (new_selectors, selectors) |*new, *sel| { + new.* = sel.deepClone(allocator); + } + break :selectors new_selectors; + } }); var list = ArrayList(Selector).initCapacity(allocator, 1) catch bun.outOfMemory(); list.appendAssumeCapacity(is); component.* = .{ .negation = list.items }; @@ -181,7 +187,7 @@ const RTL_LANGS: []const []const u8 = &.{ fn downlevelDir(allocator: Allocator, dir: parser.Direction, targets: css.targets.Targets) Component { // Convert :dir to :lang. If supported, use a list of languages in a single :lang, // otherwise, use :is/:not, which may be further downleveled to e.g. :-webkit-any. - if (targets.shouldCompileSame(.lang_selector_list)) { + if (!targets.shouldCompileSame(.lang_selector_list)) { const c = Component{ .non_ts_pseudo_class = PseudoClass{ .lang = .{ .languages = lang: { @@ -1178,7 +1184,7 @@ pub const serialize = struct { } }; -const tocss_servo = struct { +pub const tocss_servo = struct { pub fn toCss_SelectorList( selectors: []const parser.Selector, comptime W: type, diff --git a/src/css/small_list.zig b/src/css/small_list.zig index ccb64d4f77..fbc86efdd0 100644 --- a/src/css/small_list.zig +++ b/src/css/small_list.zig @@ -10,6 +10,7 @@ const Delimiters = css.Delimiters; const PrintErr = css.PrintErr; const Allocator = std.mem.Allocator; const implementEql = css.implementEql; +const TextShadow = css.css_properties.text.TextShadow; /// This is a type whose items can either be heap-allocated (essentially the /// same as a BabyList(T)) or inlined in the struct itself. @@ -94,6 +95,12 @@ pub fn SmallList(comptime T: type, comptime N: comptime_int) type { return &this.as_ptr()[idx]; } + pub inline fn last(this: *const @This()) ?*const T { + const sl = this.slice(); + if (sl.len == 0) return null; + return &sl[sl.len - 1]; + } + pub inline fn toOwnedSlice(this: *const @This(), allocator: Allocator) []T { if (this.spilled()) return this.data.heap.ptr[0..this.data.heap.len]; return allocator.dupe(T, this.data.inlined[0..this.capacity]) catch bun.outOfMemory(); @@ -113,6 +120,174 @@ pub fn SmallList(comptime T: type, comptime N: comptime_int) type { return this.data.inlined[0..this.capacity]; } + pub fn isCompatible(this: *const @This(), browsers: css.targets.Browsers) bool { + for (this.slice()) |*v| { + if (!v.isCompatible(browsers)) return false; + } + return true; + } + + /// For this function to be called the T here must implement the ImageFallback interface + pub fn getFallbacks(this: *@This(), allocator: Allocator, targets: css.targets.Targets) getFallbacksReturnType(T, N) { + // Implements ImageFallback interface + if (@hasDecl(T, "getImage") and N == 1) { + const ColorFallbackKind = css.css_values.color.ColorFallbackKind; + // Determine what vendor prefixes and color fallbacks are needed. + var prefixes = css.VendorPrefix.empty(); + var fallbacks = ColorFallbackKind.empty(); + var res: bun.BabyList(@This()) = .{}; + for (this.slice()) |*item| { + prefixes.insert(item.getImage().getNecessaryPrefixes(targets)); + fallbacks.insert(item.getNecessaryFallbacks(targets)); + } + + // Get RGB fallbacks if needed. + const rgb: ?SmallList(T, 1) = if (fallbacks.contains(ColorFallbackKind{ .rgb = true })) brk: { + var shallow_clone = this.shallowClone(allocator); + for (shallow_clone.slice_mut(), this.slice_mut()) |*out, *in| { + out.* = in.getFallback(allocator, ColorFallbackKind{ .rgb = true }); + } + break :brk shallow_clone; + } else null; + + // Prefixed properties only support RGB. + const prefix_images: *const SmallList(T, 1) = if (rgb) |*r| r else this; + + // Legacy -webkit-gradient() + if (prefixes.contains(css.VendorPrefix{ .webkit = true }) and targets.browsers != null and css.prefixes.Feature.isWebkitGradient(targets.browsers.?)) { + const images = images: { + var images = SmallList(T, 1){}; + for (prefix_images.slice()) |*item| { + if (item.getImage().getLegacyWebkit(allocator)) |img| { + images.append(allocator, item.withImage(allocator, img)); + } + } + break :images images; + }; + if (!images.isEmpty()) { + res.push(allocator, images) catch bun.outOfMemory(); + } + } + + const prefix = struct { + pub inline fn helper(comptime prefix: []const u8, pfs: *css.VendorPrefix, pfi: *const SmallList(T, 1), r: *bun.BabyList(This), alloc: Allocator) void { + if (pfs.contains(css.VendorPrefix.fromName(prefix))) { + var images = SmallList(T, 1).initCapacity(alloc, pfi.len()); + for (images.slice_mut(), pfi.slice()) |*out, *in| { + const image = in.getImage().getPrefixed(alloc, css.VendorPrefix.fromName(prefix)); + out.* = in.withImage(alloc, image); + } + r.push(alloc, images) catch bun.outOfMemory(); + } + } + }.helper; + + prefix("webkit", &prefixes, prefix_images, &res, allocator); + prefix("moz", &prefixes, prefix_images, &res, allocator); + prefix("o", &prefixes, prefix_images, &res, allocator); + + if (prefixes.contains(css.VendorPrefix{ .none = true })) { + if (rgb) |r| { + res.push(allocator, r) catch bun.outOfMemory(); + } + + if (fallbacks.contains(ColorFallbackKind{ .p3 = true })) { + var p3_images = this.shallowClone(allocator); + for (p3_images.slice_mut(), this.slice_mut()) |*out, *in| { + out.* = in.getFallback(allocator, ColorFallbackKind{ .p3 = true }); + } + } + + // Convert to lab if needed (e.g. if oklab is not supported but lab is). + if (fallbacks.contains(ColorFallbackKind{ .lab = true })) { + for (this.slice_mut()) |*item| { + var old = item.*; + item.* = item.getFallback(allocator, ColorFallbackKind{ .lab = true }); + old.deinit(allocator); + } + } + } else if (res.popOrNull()) |the_last| { + var old = this.*; + // Prefixed property with no unprefixed version. + // Replace self with the last prefixed version so that it doesn't + // get duplicated when the caller pushes the original value. + this.* = the_last; + old.deinit(allocator); + } + return res; + } + if (T == TextShadow and N == 1) { + var fallbacks = css.ColorFallbackKind.empty(); + for (this.slice()) |*shadow| { + fallbacks.insert(shadow.color.getNecessaryFallbacks(targets)); + } + + var res = SmallList(SmallList(TextShadow, 1), 2){}; + if (fallbacks.contains(css.ColorFallbackKind{ .rgb = true })) { + var rgb = SmallList(TextShadow, 1).initCapacity(allocator, this.len()); + for (this.slice()) |*shadow| { + var new_shadow = shadow.*; + // dummy non-alloced color to avoid deep cloning the real one since we will replace it + new_shadow.color = .current_color; + new_shadow = new_shadow.deepClone(allocator); + new_shadow.color = shadow.color.toRGB(allocator).?; + rgb.appendAssumeCapacity(new_shadow); + } + res.append(allocator, rgb); + } + + if (fallbacks.contains(css.ColorFallbackKind{ .p3 = true })) { + var p3 = SmallList(TextShadow, 1).initCapacity(allocator, this.len()); + for (this.slice()) |*shadow| { + var new_shadow = shadow.*; + // dummy non-alloced color to avoid deep cloning the real one since we will replace it + new_shadow.color = .current_color; + new_shadow = new_shadow.deepClone(allocator); + new_shadow.color = shadow.color.toP3(allocator).?; + p3.appendAssumeCapacity(new_shadow); + } + res.append(allocator, p3); + } + + if (fallbacks.contains(css.ColorFallbackKind{ .lab = true })) { + for (this.slice_mut()) |*shadow| { + const out = shadow.color.toLAB(allocator).?; + shadow.color.deinit(allocator); + shadow.color = out; + } + } + + return res; + } + @compileError("Dunno what to do here."); + } + + fn getFallbacksReturnType(comptime Type: type, comptime InlineSize: comptime_int) type { + // Implements ImageFallback interface + if (@hasDecl(Type, "getImage") and InlineSize == 1) { + return bun.BabyList(SmallList(Type, 1)); + } + if (Type == TextShadow and InlineSize == 1) { + return SmallList(SmallList(TextShadow, 1), 2); + } + @compileError("Unhandled for: " ++ @typeName(Type)); + } + + // TODO: remove this stupid function + pub fn map(this: *@This(), comptime func: anytype) void { + for (this.slice_mut()) |*item| { + func(item); + } + } + + /// `predicate` must be: `fn(*const T) bool` + pub fn any(this: *const @This(), comptime predicate: anytype) bool { + for (this.slice()) |*item| { + if (predicate(item)) return true; + } + return false; + } + pub fn orderedRemove(this: *@This(), idx: u32) T { var ptr, const len_ptr, const capp = this.tripleMut(); _ = capp; // autofix @@ -148,6 +323,16 @@ pub fn SmallList(comptime T: type, comptime N: comptime_int) type { } } + pub fn shallowClone(this: *const @This(), allocator: Allocator) @This() { + if (!this.spilled()) return this.*; + var h = HeapData.initCapacity(allocator, this.capacity); + @memcpy(h.ptr[0..this.capacity], this.data.heap.ptr[0..this.capacity]); + return .{ + .capacity = this.capacity, + .data = .{ .heap = h }, + }; + } + pub fn deepClone(this: *const @This(), allocator: Allocator) @This() { var ret: @This() = .{}; ret.appendSlice(allocator, this.slice()); @@ -207,6 +392,11 @@ pub fn SmallList(comptime T: type, comptime N: comptime_int) type { }; } + pub fn ensureTotalCapacity(this: *@This(), allocator: Allocator, new_capacity: u32) void { + if (this.capacity >= new_capacity) return; + this.tryGrow(allocator, new_capacity); + } + pub fn insert( this: *@This(), allocator: Allocator, @@ -234,6 +424,13 @@ pub fn SmallList(comptime T: type, comptime N: comptime_int) type { ptr[0] = item; } + pub fn appendAssumeCapacity(this: *@This(), item: T) void { + var ptr, const len_ptr, const capp = this.tripleMut(); + bun.debugAssert(len_ptr.* < capp); + ptr[len_ptr.*] = item; + len_ptr.* += 1; + } + pub fn append(this: *@This(), allocator: Allocator, item: T) void { var ptr, var len_ptr, const capp = this.tripleMut(); if (len_ptr.* == capp) { diff --git a/src/css/targets.zig b/src/css/targets.zig index 5da011834b..ab720f8304 100644 --- a/src/css/targets.zig +++ b/src/css/targets.zig @@ -29,6 +29,10 @@ pub const Targets = struct { } } + pub fn shouldCompileLogical(this: *const Targets, feature: css.compat.Feature) bool { + return this.shouldCompile(feature, css.Features{ .logical_properties = true }); + } + pub fn shouldCompile(this: *const Targets, feature: css.compat.Feature, flag: Features) bool { return this.include.contains(flag) or (!this.exclude.contains(flag) and !this.isCompatible(feature)); } diff --git a/src/css/values/angle.zig b/src/css/values/angle.zig index 0a50571c85..ee207c553a 100644 --- a/src/css/values/angle.zig +++ b/src/css/values/angle.zig @@ -291,6 +291,10 @@ pub const Angle = union(Tag) { pub fn hash(this: *const @This(), hasher: *std.hash.Wyhash) void { return css.implementHash(@This(), this, hasher); } + + pub fn deepClone(this: *const @This(), allocator: std.mem.Allocator) @This() { + return css.implementDeepClone(@This(), this, allocator); + } }; /// A CSS [``](https://www.w3.org/TR/css-values-4/#typedef-angle-percentage) value. diff --git a/src/css/values/calc.zig b/src/css/values/calc.zig index 176fb6c3b9..cf4d213738 100644 --- a/src/css/values/calc.zig +++ b/src/css/values/calc.zig @@ -659,7 +659,7 @@ pub fn Calc(comptime V: type) type { }; return .{ .result = This{ - .number = std.math.pow(f32, a, b), + .number = bun.powf(a, b), } }; } }; @@ -1235,7 +1235,7 @@ pub fn Calc(comptime V: type) type { for (args.items[i..]) |*arg| { const Fn = struct { pub fn applyOpFn(_: void, a: f32, b: f32) f32 { - return a + std.math.pow(f32, b, 2); + return a + bun.powf(b, 2); } }; sum = This.applyOp(&sum, arg, allocator, {}, Fn.applyOpFn) orelse { @@ -1470,6 +1470,16 @@ pub fn Calc(comptime V: type) type { css.deepDeinit(This, allocator, args); args.* = reduced; } + + pub fn isCompatible(this: *const @This(), browsers: css.targets.Browsers) bool { + return switch (this.*) { + .sum => |*args| return args.left.isCompatible(browsers) and args.right.isCompatible(browsers), + .product => |*args| return args.expression.isCompatible(browsers), + .function => |f| f.isCompatible(browsers), + .value => |v| v.isCompatible(browsers), + .number => true, + }; + } }; } @@ -1688,6 +1698,54 @@ pub fn MathFunction(comptime V: type) type { }, }; } + + pub fn isCompatible(this: *const @This(), browsers: css.targets.Browsers) bool { + const F = css.compat.Feature; + return switch (this.*) { + .calc => |*c| F.isCompatible(F.calc_function, browsers) and c.isCompatible(browsers), + .min => |*m| F.isCompatible(F.min_function, browsers) and brk: { + for (m.items) |*arg| { + if (!arg.isCompatible(browsers)) { + break :brk false; + } + } + break :brk true; + }, + .max => |*m| F.isCompatible(F.max_function, browsers) and brk: { + for (m.items) |*arg| { + if (!arg.isCompatible(browsers)) { + break :brk false; + } + } + break :brk true; + }, + .clamp => |*c| F.isCompatible(F.clamp_function, browsers) and + c.min.isCompatible(browsers) and + c.center.isCompatible(browsers) and + c.max.isCompatible(browsers), + .round => |*r| F.isCompatible(F.round_function, browsers) and + r.value.isCompatible(browsers) and + r.interval.isCompatible(browsers), + .rem => |*r| F.isCompatible(F.rem_function, browsers) and + r.dividend.isCompatible(browsers) and + r.divisor.isCompatible(browsers), + .mod_ => |*m| F.isCompatible(F.mod_function, browsers) and + m.dividend.isCompatible(browsers) and + m.divisor.isCompatible(browsers), + .abs => |*a| F.isCompatible(F.abs_function, browsers) and + a.isCompatible(browsers), + .sign => |*s| F.isCompatible(F.sign_function, browsers) and + s.isCompatible(browsers), + .hypot => |*h| F.isCompatible(F.hypot_function, browsers) and brk: { + for (h.items) |*arg| { + if (!arg.isCompatible(browsers)) { + break :brk false; + } + } + break :brk true; + }, + }; + } }; } @@ -1745,7 +1803,7 @@ fn hypot(_: void, a: f32, b: f32) f32 { } fn powi2(v: f32) f32 { - return std.math.pow(f32, v, 2); + return bun.powf(v, 2); } fn sqrtf32(v: f32) f32 { diff --git a/src/css/values/color.zig b/src/css/values/color.zig index caf3c4bcb4..e742af54b7 100644 --- a/src/css/values/color.zig +++ b/src/css/values/color.zig @@ -97,28 +97,24 @@ pub const CssColor = union(enum) { pub const jsFunctionColor = @import("./color_js.zig").jsFunctionColor; - pub fn default() @This() { - return .{ .rgba = RGBA.transparent() }; - } - - pub fn eql(this: *const This, other: *const This) bool { - if (@intFromEnum(this.*) != @intFromEnum(other.*)) return false; - + pub fn isCompatible(this: *const CssColor, browsers: css.targets.Browsers) bool { return switch (this.*) { - .current_color => true, - .rgba => std.meta.eql(this.rgba, other.rgba), - .lab => std.meta.eql(this.lab.*, other.lab.*), - .predefined => std.meta.eql(this.predefined.*, other.predefined.*), - .float => std.meta.eql(this.float.*, other.float.*), - .light_dark => this.light_dark.light.eql(other.light_dark.light) and this.light_dark.dark.eql(other.light_dark.dark), - .system => this.system == other.system, + .current_color, .rgba, .float => true, + .lab => |lab| switch (lab.*) { + .lab, .lch => css.Feature.isCompatible(.lab_colors, browsers), + .oklab, .oklch => css.Feature.isCompatible(.oklab_colors, browsers), + }, + .predefined => |predefined| switch (predefined.*) { + .display_p3 => css.Feature.isCompatible(.p3_colors, browsers), + else => css.Feature.isCompatible(.color_function, browsers), + }, + .light_dark => |light_dark| css.Feature.isCompatible(.light_dark, browsers) and + light_dark.light.isCompatible(browsers) and + light_dark.dark.isCompatible(browsers), + .system => |system| system.isCompatible(browsers), }; } - pub fn hash(this: *const @This(), hasher: *std.hash.Wyhash) void { - return css.implementHash(@This(), this, hasher); - } - pub fn toCss( this: *const This, comptime W: type, @@ -301,10 +297,10 @@ pub const CssColor = union(enum) { .current_color => {}, .rgba => {}, .lab => { - allocator.destroy(this.float); + allocator.destroy(this.lab); }, .predefined => { - allocator.destroy(this.float); + allocator.destroy(this.predefined); }, .float => { allocator.destroy(this.float); @@ -486,100 +482,248 @@ pub const CssColor = union(enum) { }, }; } + + pub fn getFallback(this: *const @This(), allocator: Allocator, kind: ColorFallbackKind) CssColor { + if (this.* == .rgba) return this.deepClone(allocator); + + return switch (kind.asBits()) { + ColorFallbackKind.RGB.asBits() => this.toRGB(allocator).?, + ColorFallbackKind.P3.asBits() => this.toP3(allocator).?, + ColorFallbackKind.LAB.asBits() => this.toLAB(allocator).?, + else => bun.unreachablePanic("Expected RGBA, P3, LAB fallback. This is a bug in Bun.", .{}), + }; + } + + pub fn getFallbacks(this: *@This(), allocator: Allocator, targets: css.targets.Targets) css.SmallList(CssColor, 2) { + const fallbacks = this.getNecessaryFallbacks(targets); + + var res = css.SmallList(CssColor, 2){}; + + if (fallbacks.contains(ColorFallbackKind{ .rgb = true })) { + res.appendAssumeCapacity(this.toRGB(allocator).?); + } + + if (fallbacks.contains(ColorFallbackKind{ .p3 = true })) { + res.appendAssumeCapacity(this.toP3(allocator).?); + } + + if (fallbacks.contains(ColorFallbackKind{ .lab = true })) { + this.* = this.toLAB(allocator).?; + } + + return res; + } + + /// Returns the color fallback types needed for the given browser targets. + pub fn getNecessaryFallbacks(this: *const @This(), targets: css.targets.Targets) ColorFallbackKind { + // Get the full set of possible fallbacks, and remove the highest one, which + // will replace the original declaration. The remaining fallbacks need to be added. + const fallbacks = this.getPossibleFallbacks(targets); + return fallbacks.difference(fallbacks.highest()); + } + + pub fn getPossibleFallbacks(this: *const @This(), targets: css.targets.Targets) ColorFallbackKind { + // Fallbacks occur in levels: Oklab -> Lab -> P3 -> RGB. We start with all levels + // below and including the authored color space, and remove the ones that aren't + // compatible with our browser targets. + var fallbacks = switch (this.*) { + .current_color, .rgba, .float, .system => return ColorFallbackKind.empty(), + .lab => |lab| brk: { + if (lab.* == .lab or lab.* == .lch and targets.shouldCompileSame(.lab_colors)) + break :brk ColorFallbackKind.andBelow(.{ .lab = true }); + if (lab.* == .oklab or lab.* == .oklch and targets.shouldCompileSame(.oklab_colors)) + break :brk ColorFallbackKind.andBelow(.{ .lab = true }); + return ColorFallbackKind.empty(); + }, + .predefined => |predefined| brk: { + if (predefined.* == .display_p3 and targets.shouldCompileSame(.p3_colors)) break :brk ColorFallbackKind.andBelow(.{ .p3 = true }); + if (targets.shouldCompileSame(.color_function)) break :brk ColorFallbackKind.andBelow(.{ .lab = true }); + return ColorFallbackKind.empty(); + }, + .light_dark => |*ld| { + return ld.light.getPossibleFallbacks(targets).bitwiseOr(ld.dark.getPossibleFallbacks(targets)); + }, + }; + + if (fallbacks.contains(.{ .oklab = true })) { + if (!targets.shouldCompileSame(.oklab_colors)) { + fallbacks.remove(ColorFallbackKind.andBelow(.{ .lab = true })); + } + } + + if (fallbacks.contains(.{ .lab = true })) { + if (!targets.shouldCompileSame(.lab_colors)) { + fallbacks = fallbacks.difference(ColorFallbackKind.andBelow(.{ .p3 = true })); + } else if (targets.browsers != null and css.compat.Feature.isPartiallyCompatible(&css.compat.Feature.lab_colors, targets.browsers.?)) { + // We don't need P3 if Lab is supported by some of our targets. + // No browser implements Lab but not P3. + fallbacks.remove(.{ .p3 = true }); + } + } + + if (fallbacks.contains(.{ .p3 = true })) { + if (!targets.shouldCompileSame(.p3_colors)) { + fallbacks.remove(.{ .rgb = true }); + } else if (fallbacks.highest().asBits() != ColorFallbackKind.asBits(.{ .p3 = true }) and + (targets.browsers == null or !css.compat.Feature.isPartiallyCompatible(&css.compat.Feature.p3_colors, targets.browsers.?))) + { + // Remove P3 if it isn't supported by any targets, and wasn't the + // original authored color. + fallbacks.remove(.{ .p3 = true }); + } + } + + return fallbacks; + } + + pub fn default() @This() { + return .{ .rgba = RGBA.transparent() }; + } + + pub fn eql(this: *const This, other: *const This) bool { + if (@intFromEnum(this.*) != @intFromEnum(other.*)) return false; + + return switch (this.*) { + .current_color => true, + .rgba => std.meta.eql(this.rgba, other.rgba), + .lab => std.meta.eql(this.lab.*, other.lab.*), + .predefined => std.meta.eql(this.predefined.*, other.predefined.*), + .float => std.meta.eql(this.float.*, other.float.*), + .light_dark => this.light_dark.light.eql(other.light_dark.light) and this.light_dark.dark.eql(other.light_dark.dark), + .system => this.system == other.system, + }; + } + + pub fn hash(this: *const @This(), hasher: *std.hash.Wyhash) void { + return css.implementHash(@This(), this, hasher); + } + + pub fn toRGB(this: *const @This(), allocator: Allocator) ?CssColor { + if (this.* == .light_dark) { + return CssColor{ .light_dark = .{ + .light = bun.create(allocator, CssColor, this.light_dark.light.toRGB(allocator) orelse return null), + .dark = bun.create(allocator, CssColor, this.light_dark.dark.toRGB(allocator) orelse return null), + } }; + } + return CssColor{ .rgba = RGBA.tryFromCssColor(this) orelse return null }; + } + + pub fn toP3(this: *const @This(), allocator: Allocator) ?CssColor { + return switch (this.*) { + .light_dark => |ld| blk: { + const light = ld.light.toP3(allocator) orelse break :blk null; + const dark = ld.dark.toP3(allocator) orelse break :blk null; + break :blk .{ + .light_dark = .{ + .light = bun.create(allocator, CssColor, light), + .dark = bun.create(allocator, CssColor, dark), + }, + }; + }, + else => return .{ .predefined = bun.create(allocator, PredefinedColor, .{ .display_p3 = P3.tryFromCssColor(this) orelse return null }) }, + }; + } + + pub fn toLAB(this: *const @This(), allocator: Allocator) ?CssColor { + return switch (this.*) { + .light_dark => |ld| blk: { + const light = ld.light.toLAB(allocator) orelse break :blk null; + const dark = ld.dark.toLAB(allocator) orelse break :blk null; + break :blk .{ + .light_dark = .{ + .light = bun.create(allocator, CssColor, light), + .dark = bun.create(allocator, CssColor, dark), + }, + }; + }, + else => .{ .lab = bun.create(allocator, LABColor, .{ .lab = LAB.tryFromCssColor(this) orelse return null }) }, + }; + } }; pub fn parseColorFunction(location: css.SourceLocation, function: []const u8, input: *css.Parser) Result(CssColor) { var parser = ComponentParser.new(true); - if (bun.strings.eqlCaseInsensitiveASCIIICheckLength(function, "lab")) { - return parseLab(LAB, input, &parser, struct { - fn callback(l: f32, a: f32, b: f32, alpha: f32) LABColor { - return .{ .lab = .{ .l = l, .a = a, .b = b, .alpha = alpha } }; - } - }.callback); - } else if (bun.strings.eqlCaseInsensitiveASCIIICheckLength(function, "oklab")) { - return parseLab(OKLAB, input, &parser, struct { - fn callback(l: f32, a: f32, b: f32, alpha: f32) LABColor { - return .{ .oklab = .{ .l = l, .a = a, .b = b, .alpha = alpha } }; - } - }.callback); - } else if (bun.strings.eqlCaseInsensitiveASCIIICheckLength(function, "lch")) { - return parseLch(LCH, input, &parser, struct { - fn callback(l: f32, c: f32, h: f32, alpha: f32) LABColor { - return .{ .lch = .{ .l = l, .c = c, .h = h, .alpha = alpha } }; - } - }.callback); - } else if (bun.strings.eqlCaseInsensitiveASCIIICheckLength(function, "oklch")) { - return parseLch(OKLCH, input, &parser, struct { - fn callback(l: f32, c: f32, h: f32, alpha: f32) LABColor { - return .{ .oklch = .{ .l = l, .c = c, .h = h, .alpha = alpha } }; - } - }.callback); - } else if (bun.strings.eqlCaseInsensitiveASCIIICheckLength(function, "color")) { - return parsePredefined(input, &parser); - } else if (bun.strings.eqlCaseInsensitiveASCIIICheckLength(function, "hsl") or - bun.strings.eqlCaseInsensitiveASCIIICheckLength(function, "hsla")) - { - return parseHslHwb(HSL, input, &parser, true, struct { - fn callback(allocator: Allocator, h: f32, s: f32, l: f32, a: f32) CssColor { - const hsl = HSL{ .h = h, .s = s, .l = l, .alpha = a }; - if (!std.math.isNan(h) and !std.math.isNan(s) and !std.math.isNan(l) and !std.math.isNan(a)) { - return CssColor{ .rgba = hsl.intoRGBA() }; - } else { - return CssColor{ .float = bun.create(allocator, FloatColor, .{ .hsl = hsl }) }; + const ColorFunctions = enum { lab, oklab, lch, oklch, color, hsl, hsla, hwb, rgb, rgba, @"color-mix", @"light-dark" }; + const Map = bun.ComptimeEnumMap(ColorFunctions); + + if (Map.getASCIIICaseInsensitive(function)) |val| { + return switch (val) { + .lab => parseLab(LAB, input, &parser, struct { + fn callback(l: f32, a: f32, b: f32, alpha: f32) LABColor { + return .{ .lab = .{ .l = l, .a = a, .b = b, .alpha = alpha } }; } - } - }.callback); - } else if (bun.strings.eqlCaseInsensitiveASCIIICheckLength(function, "hwb")) { - return parseHslHwb(HWB, input, &parser, false, struct { - fn callback(allocator: Allocator, h: f32, w: f32, b: f32, a: f32) CssColor { - const hwb = HWB{ .h = h, .w = w, .b = b, .alpha = a }; - if (!std.math.isNan(h) and !std.math.isNan(w) and !std.math.isNan(b) and !std.math.isNan(a)) { - return CssColor{ .rgba = hwb.intoRGBA() }; - } else { - return CssColor{ .float = bun.create(allocator, FloatColor, .{ .hwb = hwb }) }; + }.callback), + .oklab => parseLab(OKLAB, input, &parser, struct { + fn callback(l: f32, a: f32, b: f32, alpha: f32) LABColor { + return .{ .oklab = .{ .l = l, .a = a, .b = b, .alpha = alpha } }; } - } - }.callback); - } else if (bun.strings.eqlCaseInsensitiveASCIIICheckLength(function, "rgb") or - bun.strings.eqlCaseInsensitiveASCIIICheckLength(function, "rgba")) - { - return parseRgb(input, &parser); - } else if (bun.strings.eqlCaseInsensitiveASCIIICheckLength(function, "color-mix")) { - return input.parseNestedBlock(CssColor, {}, struct { - pub fn parseFn(_: void, i: *css.Parser) Result(CssColor) { - return parseColorMix(i); - } - }.parseFn); - } else if (bun.strings.eqlCaseInsensitiveASCIIICheckLength(function, "light-dark")) { - return input.parseNestedBlock(CssColor, {}, struct { - fn callback(_: void, i: *css.Parser) Result(CssColor) { - const light = switch (switch (CssColor.parse(i)) { - .result => |v| v, - .err => |e| return .{ .err = e }, - }) { - .light_dark => |ld| ld.takeLightFreeDark(i.allocator()), - else => |v| bun.create(i.allocator(), CssColor, v), - }; - if (i.expectComma().asErr()) |e| return .{ .err = e }; - const dark = switch (switch (CssColor.parse(i)) { - .result => |v| v, - .err => |e| return .{ .err = e }, - }) { - .light_dark => |ld| ld.takeDarkFreeLight(i.allocator()), - else => |v| bun.create(i.allocator(), CssColor, v), - }; - return .{ .result = .{ - .light_dark = .{ - .light = light, - .dark = dark, - }, - } }; - } - }.callback); - } else { - return .{ .err = location.newUnexpectedTokenError(.{ .ident = function }) }; + }.callback), + .lch => parseLch(LCH, input, &parser, struct { + fn callback(l: f32, c: f32, h: f32, alpha: f32) LABColor { + return .{ .lch = .{ .l = l, .c = c, .h = h, .alpha = alpha } }; + } + }.callback), + .oklch => parseLch(OKLCH, input, &parser, struct { + fn callback(l: f32, c: f32, h: f32, alpha: f32) LABColor { + return .{ .oklch = .{ .l = l, .c = c, .h = h, .alpha = alpha } }; + } + }.callback), + .color => parsePredefined(input, &parser), + .hsl, .hsla => parseHslHwb(HSL, input, &parser, true, struct { + fn callback(allocator: Allocator, h: f32, s: f32, l: f32, a: f32) CssColor { + const hsl = HSL{ .h = h, .s = s, .l = l, .alpha = a }; + if (!std.math.isNan(h) and !std.math.isNan(s) and !std.math.isNan(l) and !std.math.isNan(a)) { + return CssColor{ .rgba = hsl.intoRGBA() }; + } else { + return CssColor{ .float = bun.create(allocator, FloatColor, .{ .hsl = hsl }) }; + } + } + }.callback), + .hwb => parseHslHwb(HWB, input, &parser, false, struct { + fn callback(allocator: Allocator, h: f32, w: f32, b: f32, a: f32) CssColor { + const hwb = HWB{ .h = h, .w = w, .b = b, .alpha = a }; + if (!std.math.isNan(h) and !std.math.isNan(w) and !std.math.isNan(b) and !std.math.isNan(a)) { + return CssColor{ .rgba = hwb.intoRGBA() }; + } else { + return CssColor{ .float = bun.create(allocator, FloatColor, .{ .hwb = hwb }) }; + } + } + }.callback), + .rgb, .rgba => parseRgb(input, &parser), + .@"color-mix" => input.parseNestedBlock(CssColor, {}, struct { + pub fn parseFn(_: void, i: *css.Parser) Result(CssColor) { + return parseColorMix(i); + } + }.parseFn), + .@"light-dark" => input.parseNestedBlock(CssColor, {}, struct { + fn callback(_: void, i: *css.Parser) Result(CssColor) { + const light = switch (switch (CssColor.parse(i)) { + .result => |v| v, + .err => |e| return .{ .err = e }, + }) { + .light_dark => |ld| ld.takeLightFreeDark(i.allocator()), + else => |v| bun.create(i.allocator(), CssColor, v), + }; + if (i.expectComma().asErr()) |e| return .{ .err = e }; + const dark = switch (switch (CssColor.parse(i)) { + .result => |v| v, + .err => |e| return .{ .err = e }, + }) { + .light_dark => |ld| ld.takeDarkFreeLight(i.allocator()), + else => |v| bun.create(i.allocator(), CssColor, v), + }; + return .{ .result = .{ + .light_dark = .{ + .light = light, + .dark = dark, + }, + } }; + } + }.callback), + }; } + return .{ .err = location.newUnexpectedTokenError(.{ .ident = function }) }; } pub fn parseRGBComponents(input: *css.Parser, parser: *ComponentParser) Result(struct { f32, f32, f32, bool }) { @@ -736,12 +880,12 @@ pub fn deltaEok(comptime T: type, _a: T, _b: OKLCH) f32 { const delta_l = a.l - b.l; const delta_a = a.a - b.a; - const delta_b = a.b - b.a; + const delta_b = a.b - b.b; return @sqrt( - std.math.pow(f32, delta_l, 2) + - std.math.pow(f32, delta_a, 2) + - std.math.pow(f32, delta_b, 2), + bun.powf(delta_l, 2) + + bun.powf(delta_a, 2) + + bun.powf(delta_b, 2), ); } @@ -1182,111 +1326,6 @@ pub fn parseNumberOrPercentage(input: *css.Parser, parser: *const ComponentParse }; } -pub fn parseeColorFunction(location: css.SourceLocation, function: []const u8, input: *css.Parser) Result(CssColor) { - var parser = ComponentParser.new(true); - - // css.todo_stuff.match_ignore_ascii_case; - if (bun.strings.eqlCaseInsensitiveASCIIICheckLength(function, "lab")) { - return .{ .result = parseLab(LAB, input, &parser, LABColor.newLAB, .{}) }; - } else if (bun.strings.eqlCaseInsensitiveASCIIICheckLength(function, "oklab")) { - return .{ .result = parseLab(OKLAB, input, &parser, LABColor.newOKLAB, .{}) }; - } else if (bun.strings.eqlCaseInsensitiveASCIIICheckLength(function, "lch")) { - return .{ .result = parseLch(LCH, input, &parser, LABColor.newLCH, .{}) }; - } else if (bun.strings.eqlCaseInsensitiveASCIIICheckLength(function, "oklch")) { - return .{ .result = parseLch(OKLCH, input, &parser, LABColor.newOKLCH, .{}) }; - } else if (bun.strings.eqlCaseInsensitiveASCIIICheckLength(function, "color")) { - const predefined = switch (parsePredefined(input, &parser)) { - .result => |vv| vv, - .err => |e| return .{ .err = e }, - }; - return .{ .result = predefined }; - } else if (bun.strings.eqlCaseInsensitiveASCIIICheckLength(function, "hsl") or - bun.strings.eqlCaseInsensitiveASCIIICheckLength(function, "hsla")) - { - const Fn = struct { - pub fn parsefn(allocator: Allocator, h: f32, s: f32, l: f32, a: f32) CssColor { - const hsl = HSL{ .h = h, .s = s, .l = l, .alpha = a }; - - if (!std.math.isNan(h) and !std.math.isNan(s) and !std.math.isNan(l) and !std.math.isNan(a)) { - return .{ .rgba = hsl.intoRgba() }; - } - - return .{ - .float = bun.create( - allocator, - FloatColor, - .{ .hsl = hsl }, - ), - }; - } - }; - return parseHslHwb(HSL, input, &parser, true, Fn.parsefn); - } else if (bun.strings.eqlCaseInsensitiveASCIIICheckLength(function, "hwb")) { - const Fn = struct { - pub fn parsefn(allocator: Allocator, h: f32, w: f32, b: f32, a: f32) CssColor { - const hwb = HWB{ .h = h, .w = w, .b = b, .alpha = a }; - if (!std.math.isNan(h) and !std.math.isNan(w) and !std.math.isNan(b) and !std.math.isNan(a)) { - return .{ .rgba = hwb.intoRGBA() }; - } else { - return .{ .float = bun.create(allocator, FloatColor, .{ .hwb = hwb }) }; - } - } - }; - return parseHslHwb(HWB, input, &parser, true, Fn.parsefn); - } else if (bun.strings.eqlCaseInsensitiveASCIIICheckLength(function, "rgb") or - bun.strings.eqlCaseInsensitiveASCIIICheckLength(function, "rgba")) - { - return parseRgb(input, &parser); - } else if (bun.strings.eqlCaseInsensitiveASCIIICheckLength(function, "color-mix")) { - return input.parseNestedBlock(CssColor, void, css.voidWrap(CssColor, parseColorMix)); - } else if (bun.strings.eqlCaseInsensitiveASCIIICheckLength(function, "light-dark")) { - const Fn = struct { - pub fn parsefn(_: void, i: *css.Parser) Result(CssColor) { - const first_color = switch (CssColor.parse(i)) { - .result => |vv| vv, - .err => |e| return .{ .err = e }, - }; - const light = switch (first_color) { - .light_dark => |c| c.light, - else => |light| bun.create( - i.allocator(), - CssColor, - light, - ), - }; - - if (i.expectComma().asErr()) |e| return .{ .err = e }; - - const second_color = switch (CssColor.parse(i)) { - .result => |vv| vv, - .err => |e| return .{ .err = e }, - }; - const dark = switch (second_color) { - .light_dark => |c| c.dark, - else => |dark| bun.create( - i.allocator(), - CssColor, - dark, - ), - }; - return .{ - .result = .{ - .light_dark = .{ - .light = light, - .dark = dark, - }, - }, - }; - } - }; - return input.parseNestedBlock(CssColor, {}, Fn.parsefn); - } else { - return .{ .err = location.newUnexpectedTokenError(.{ - .ident = function, - }) }; - } -} - // Copied from an older version of cssparser. /// A color with red, green, blue, and alpha components, in a byte each. pub const RGBA = struct { @@ -1299,6 +1338,7 @@ pub const RGBA = struct { /// The alpha component. alpha: u8, + pub usingnamespace ColorspaceConversions(@This()); pub usingnamespace color_conversions.convert_RGBA; pub fn new(red: u8, green: u8, blue: u8, alpha: f32) RGBA { @@ -1354,10 +1394,6 @@ pub const RGBA = struct { .alpha = rgb.alphaF32(), }; } - - pub fn hash(this: *const @This(), hasher: *std.hash.Wyhash) void { - return css.implementHash(@This(), this, hasher); - } }; fn clamp_unit_f32(val: f32) u8 { @@ -1554,6 +1590,13 @@ pub const SystemColor = enum { /// Text in windows. Same as CanvasText. windowtext, + pub fn isCompatible(this: SystemColor, browsers: css.targets.Browsers) bool { + return switch (this) { + .accentcolor, .accentcolortext => css.Feature.isCompatible(.accent_system_color, browsers), + else => true, + }; + } + pub fn asStr(this: *const @This()) []const u8 { return css.enum_property_util.asStr(@This(), this); } @@ -1579,6 +1622,7 @@ pub const LAB = struct { alpha: f32, pub usingnamespace DefineColorspace(@This()); + pub usingnamespace ColorspaceConversions(@This()); pub usingnamespace UnboundedColorGamut(@This()); pub usingnamespace AdjustPowerlessLAB(@This()); @@ -1608,6 +1652,7 @@ pub const SRGB = struct { alpha: f32, pub usingnamespace DefineColorspace(@This()); + pub usingnamespace ColorspaceConversions(@This()); pub usingnamespace BoundedColorGamut(@This()); pub usingnamespace DeriveInterpolate(@This(), "r", "g", "b"); @@ -1647,6 +1692,7 @@ pub const HSL = struct { alpha: f32, pub usingnamespace DefineColorspace(@This()); + pub usingnamespace ColorspaceConversions(@This()); pub usingnamespace HslHwbColorGamut(@This(), "s", "l"); pub usingnamespace PolarPremultiply(@This(), "s", "l"); @@ -1690,6 +1736,7 @@ pub const HWB = struct { alpha: f32, pub usingnamespace DefineColorspace(@This()); + pub usingnamespace ColorspaceConversions(@This()); pub usingnamespace HslHwbColorGamut(@This(), "w", "b"); pub usingnamespace PolarPremultiply(@This(), "w", "b"); @@ -1728,6 +1775,7 @@ pub const SRGBLinear = struct { alpha: f32, pub usingnamespace DefineColorspace(@This()); + pub usingnamespace ColorspaceConversions(@This()); pub usingnamespace BoundedColorGamut(@This()); pub usingnamespace DeriveInterpolate(@This(), "r", "g", "b"); @@ -1757,6 +1805,7 @@ pub const P3 = struct { alpha: f32, pub usingnamespace DefineColorspace(@This()); + pub usingnamespace ColorspaceConversions(@This()); pub usingnamespace BoundedColorGamut(@This()); pub usingnamespace color_conversions.convert_P3; @@ -1780,6 +1829,7 @@ pub const A98 = struct { alpha: f32, pub usingnamespace DefineColorspace(@This()); + pub usingnamespace ColorspaceConversions(@This()); pub usingnamespace BoundedColorGamut(@This()); pub usingnamespace color_conversions.convert_A98; @@ -1803,6 +1853,7 @@ pub const ProPhoto = struct { alpha: f32, pub usingnamespace DefineColorspace(@This()); + pub usingnamespace ColorspaceConversions(@This()); pub usingnamespace BoundedColorGamut(@This()); pub usingnamespace color_conversions.convert_ProPhoto; @@ -1826,6 +1877,7 @@ pub const Rec2020 = struct { alpha: f32, pub usingnamespace DefineColorspace(@This()); + pub usingnamespace ColorspaceConversions(@This()); pub usingnamespace BoundedColorGamut(@This()); pub usingnamespace color_conversions.convert_Rec2020; @@ -1849,6 +1901,7 @@ pub const XYZd50 = struct { alpha: f32, pub usingnamespace DefineColorspace(@This()); + pub usingnamespace ColorspaceConversions(@This()); pub usingnamespace UnboundedColorGamut(@This()); pub usingnamespace DeriveInterpolate(@This(), "x", "y", "z"); @@ -1875,6 +1928,7 @@ pub const XYZd65 = struct { alpha: f32, pub usingnamespace DefineColorspace(@This()); + pub usingnamespace ColorspaceConversions(@This()); pub usingnamespace UnboundedColorGamut(@This()); pub usingnamespace DeriveInterpolate(@This(), "x", "y", "z"); @@ -1904,6 +1958,7 @@ pub const LCH = struct { alpha: f32, pub usingnamespace DefineColorspace(@This()); + pub usingnamespace ColorspaceConversions(@This()); pub usingnamespace UnboundedColorGamut(@This()); pub usingnamespace AdjustPowerlessLCH(@This()); @@ -1931,6 +1986,7 @@ pub const OKLAB = struct { alpha: f32, pub usingnamespace DefineColorspace(@This()); + pub usingnamespace ColorspaceConversions(@This()); pub usingnamespace UnboundedColorGamut(@This()); pub usingnamespace AdjustPowerlessLAB(@This()); @@ -1960,6 +2016,7 @@ pub const OKLCH = struct { alpha: f32, pub usingnamespace DefineColorspace(@This()); + pub usingnamespace ColorspaceConversions(@This()); pub usingnamespace UnboundedColorGamut(@This()); pub usingnamespace AdjustPowerlessLCH(@This()); @@ -2434,10 +2491,13 @@ pub const ChannelType = packed struct(u8) { }; pub fn parsePredefined(input: *css.Parser, parser: *ComponentParser) Result(CssColor) { - // https://www.w3.org/TR/css-color-4/#color-function - const Closure = struct { - p: *ComponentParser, - pub fn parseNestedBlockFn(this: *@This(), i: *css.Parser) Result(CssColor) { + const Closure = struct { p: *ComponentParser }; + var closure = Closure{ + .p = parser, + }; + const res = switch (input.parseNestedBlock(CssColor, &closure, struct { + // https://www.w3.org/TR/css-color-4/#color-function + pub fn parseFn(this: *Closure, i: *css.Parser) Result(CssColor) { const from: ?CssColor = if (i.tryParse(css.Parser.expectIdentMatching, .{"from"}).isOk()) switch (CssColor.parse(i)) { .result => |vv| vv, @@ -2482,13 +2542,7 @@ pub fn parsePredefined(input: *css.Parser, parser: *ComponentParser) Result(CssC return parsePredefinedRelative(i, this.p, colorspace, if (from) |*f| f else null); } - }; - - var closure = Closure{ - .p = parser, - }; - - const res = switch (input.parseNestedBlock(CssColor, &closure, Closure.parseNestedBlockFn)) { + }.parseFn)) { .result => |vv| vv, .err => |e| return .{ .err = e }, }; @@ -2641,6 +2695,55 @@ pub fn parsePredefinedRelative( } }; } +/// A color type that is used as a fallback when compiling colors for older browsers. +pub const ColorFallbackKind = packed struct(u8) { + rgb: bool = false, + p3: bool = false, + lab: bool = false, + oklab: bool = false, + __unused: u4 = 0, + + pub const P3 = ColorFallbackKind{ .p3 = true }; + pub const RGB = ColorFallbackKind{ .rgb = true }; + pub const LAB = ColorFallbackKind{ .lab = true }; + pub const OKLAB = ColorFallbackKind{ .oklab = true }; + + pub usingnamespace css.Bitflags(@This()); + + pub fn lowest(this: @This()) ColorFallbackKind { + return this.bitwiseAnd(ColorFallbackKind.fromBitsTruncate(bun.wrappingNegation(this.asBits()))); + } + + pub fn highest(this: @This()) ColorFallbackKind { + // This finds the highest set bit. + if (this.isEmpty()) return ColorFallbackKind.empty(); + + const zeroes: u3 = @intCast(@as(u4, 7) - this.leadingZeroes()); + return ColorFallbackKind.fromBitsTruncate(@as(u8, 1) << zeroes); + } + + pub fn andBelow(this: @This()) ColorFallbackKind { + if (this.isEmpty()) return ColorFallbackKind.empty(); + + return this.bitwiseOr(ColorFallbackKind.fromBitsTruncate(this.asBits() - 1)); + } + + pub fn supportsCondition(this: @This()) css.SupportsCondition { + const s = switch (this.asBits()) { + ColorFallbackKind.P3.asBits() => "color(display-p3 0 0 0)", + ColorFallbackKind.LAB.asBits() => "lab(0% 0 0)", + else => bun.unreachablePanic("Expected P3 or LAB. This is a bug in Bun.", .{}), + }; + + return css.SupportsCondition{ + .declaration = .{ + .property_id = .color, + .value = s, + }, + }; + } +}; + /// A [color space](https://www.w3.org/TR/css-color-4/#interpolation-space) keyword /// used in interpolation functions such as `color-mix()`. pub const ColorSpaceName = enum { @@ -2819,87 +2922,25 @@ pub const HueInterpolationMethod = enum { fn rectangularToPolar(l: f32, a: f32, b: f32) struct { f32, f32, f32 } { // https://github.com/w3c/csswg-drafts/blob/fba005e2ce9bcac55b49e4aa19b87208b3a0631e/css-color-4/conversions.js#L375 - var h = std.math.atan2(a, b) * 180.0 / std.math.pi; + var h = std.math.atan2(b, a) * 180.0 / std.math.pi; if (h < 0.0) { h += 360.0; } // const c = @sqrt(std.math.powi(f32, a, 2) + std.math.powi(f32, b, 2)); // PERF: Zig does not have Rust's f32::powi - const c = @sqrt(std.math.pow(f32, a, 2) + std.math.pow(f32, b, 2)); + const c = @sqrt(bun.powf(a, 2) + bun.powf(b, 2)); // h = h % 360.0; h = @mod(h, 360.0); return .{ l, c, h }; } -pub fn DefineColorspace(comptime T: type) type { - if (!@hasDecl(T, "ChannelTypeMap")) { - @compileError("A Colorspace must define a ChannelTypeMap"); - } - const ChannelTypeMap = T.ChannelTypeMap; - - const fields: []const std.builtin.Type.StructField = std.meta.fields(T); - const a = fields[0].name; - const b = fields[1].name; - const c = fields[2].name; - const alpha = "alpha"; - if (!@hasField(T, "alpha")) { - @compileError("A Colorspace must define an alpha field"); - } - - if (!@hasField(@TypeOf(ChannelTypeMap), a)) { - @compileError("A Colorspace must define a field for each channel, missing: " ++ a); - } - if (!@hasField(@TypeOf(ChannelTypeMap), b)) { - @compileError("A Colorspace must define a field for each channel, missing: " ++ b); - } - if (!@hasField(@TypeOf(ChannelTypeMap), c)) { - @compileError("A Colorspace must define a field for each channel, missing: " ++ c); - } - +pub fn ColorspaceConversions(comptime T: type) type { // e.g. T = LAB, so then: into_this_function_name = "intoLAB" const into_this_function_name = "into" ++ comptime bun.meta.typeName(T); return struct { - pub fn components(this: *const T) struct { f32, f32, f32, f32 } { - return .{ - @field(this, a), - @field(this, b), - @field(this, c), - @field(this, alpha), - }; - } - - pub fn channels(_: *const T) struct { []const u8, []const u8, []const u8 } { - return .{ a, b, c }; - } - - pub fn types(_: *const T) struct { ChannelType, ChannelType, ChannelType } { - return .{ - @field(ChannelTypeMap, a), - @field(ChannelTypeMap, b), - @field(ChannelTypeMap, c), - }; - } - - pub fn resolveMissing(this: *const T) T { - var result: T = this.*; - @field(result, a) = if (std.math.isNan(@field(this, a))) 0.0 else @field(this, a); - @field(result, b) = if (std.math.isNan(@field(this, b))) 0.0 else @field(this, b); - @field(result, c) = if (std.math.isNan(@field(this, c))) 0.0 else @field(this, c); - @field(result, alpha) = if (std.math.isNan(@field(this, alpha))) 0.0 else @field(this, alpha); - return result; - } - - pub fn resolve(this: *const T) T { - var resolved = resolveMissing(this); - if (!resolved.inGamut()) { - resolved = mapGamut(T, resolved); - } - return resolved; - } - pub fn fromLABColor(color: *const LABColor) T { return switch (color.*) { .lab => |*v| { @@ -2996,6 +3037,72 @@ pub fn DefineColorspace(comptime T: type) type { }; } +pub fn DefineColorspace(comptime T: type) type { + if (!@hasDecl(T, "ChannelTypeMap")) { + @compileError("A Colorspace must define a ChannelTypeMap"); + } + const ChannelTypeMap = T.ChannelTypeMap; + + const fields: []const std.builtin.Type.StructField = std.meta.fields(T); + const a = fields[0].name; + const b = fields[1].name; + const c = fields[2].name; + const alpha = "alpha"; + if (!@hasField(T, "alpha")) { + @compileError("A Colorspace must define an alpha field"); + } + + if (!@hasField(@TypeOf(ChannelTypeMap), a)) { + @compileError("A Colorspace must define a field for each channel, missing: " ++ a); + } + if (!@hasField(@TypeOf(ChannelTypeMap), b)) { + @compileError("A Colorspace must define a field for each channel, missing: " ++ b); + } + if (!@hasField(@TypeOf(ChannelTypeMap), c)) { + @compileError("A Colorspace must define a field for each channel, missing: " ++ c); + } + + return struct { + pub fn components(this: *const T) struct { f32, f32, f32, f32 } { + return .{ + @field(this, a), + @field(this, b), + @field(this, c), + @field(this, alpha), + }; + } + + pub fn channels(_: *const T) struct { []const u8, []const u8, []const u8 } { + return .{ a, b, c }; + } + + pub fn types(_: *const T) struct { ChannelType, ChannelType, ChannelType } { + return .{ + @field(ChannelTypeMap, a), + @field(ChannelTypeMap, b), + @field(ChannelTypeMap, c), + }; + } + + pub fn resolveMissing(this: *const T) T { + var result: T = this.*; + @field(result, a) = if (std.math.isNan(@field(this, a))) 0.0 else @field(this, a); + @field(result, b) = if (std.math.isNan(@field(this, b))) 0.0 else @field(this, b); + @field(result, c) = if (std.math.isNan(@field(this, c))) 0.0 else @field(this, c); + @field(result, alpha) = if (std.math.isNan(@field(this, alpha))) 0.0 else @field(this, alpha); + return result; + } + + pub fn resolve(this: *const T) T { + var resolved = resolveMissing(this); + if (!resolved.inGamut()) { + resolved = mapGamut(T, resolved); + } + return resolved; + } + }; +} + pub fn BoundedColorGamut(comptime T: type) type { const fields: []const std.builtin.Type.StructField = std.meta.fields(T); const a = fields[0].name; @@ -3281,6 +3388,8 @@ pub fn writePredefined( return dest.writeChar(')'); } +extern "c" fn powf(f32, f32) f32; + pub fn gamSrgb(r: f32, g: f32, b: f32) struct { f32, f32, f32 } { // https://github.com/w3c/csswg-drafts/blob/fba005e2ce9bcac55b49e4aa19b87208b3a0631e/css-color-4/conversions.js#L31 // convert an array of linear-light sRGB values in the range 0.0-1.0 @@ -3295,18 +3404,25 @@ pub fn gamSrgb(r: f32, g: f32, b: f32) struct { f32, f32, f32 } { const abs = @abs(c); if (abs > 0.0031308) { const sign: f32 = if (c < 0.0) @as(f32, -1.0) else @as(f32, 1.0); - - return sign * (1.055 * std.math.pow(f32, abs, 1.0 / 2.4) - 0.055); + // const x: f32 = bun.powf( abs, 1.0 / 2.4); + const x: f32 = powf(abs, 1.0 / 2.4); + const y: f32 = 1.055 * x; + const z: f32 = y - 0.055; + // return sign * (1.055 * bun.powf( abs, 1.0 / 2.4) - 0.055); + return sign * z; } return 12.92 * c; } }; + const rr = Helpers.gamSrgbComponent(r); + const gg = Helpers.gamSrgbComponent(g); + const bb = Helpers.gamSrgbComponent(b); return .{ - Helpers.gamSrgbComponent(r), - Helpers.gamSrgbComponent(g), - Helpers.gamSrgbComponent(b), + rr, + gg, + bb, }; } @@ -3327,8 +3443,7 @@ pub fn linSrgb(r: f32, g: f32, b: f32) struct { f32, f32, f32 } { } const sign: f32 = if (c < 0.0) -1.0 else 1.0; - return sign * std.math.pow( - f32, + return sign * bun.powf( ((abs + 0.055) / 1.055), 2.4, ); @@ -3358,7 +3473,8 @@ pub fn polarToRectangular(l: f32, c: f32, h: f32) struct { f32, f32, f32 } { return .{ l, a, b }; } -const D50: []const f32 = &.{ 0.3457 / 0.3585, 1.00000, (1.0 - 0.3457 - 0.3585) / 0.3585 }; +const D50: []const f32 = &.{ @floatCast(@as(f64, 0.3457) / @as(f64, 0.3585)), 1.00000, @floatCast((@as(f64, 1.0) - @as(f64, 0.3457) - @as(f64, 0.3585)) / @as(f64, 0.3585)) }; +// const D50: []const f32 = &.{ 0.9642956, 1.0, 0.82510453 }; const color_conversions = struct { const generated = @import("./color_generated.zig").generated_color_conversions; @@ -3391,8 +3507,8 @@ const color_conversions = struct { pub fn intoXYZd50(_lab: *const LAB) XYZd50 { // https://github.com/w3c/csswg-drafts/blob/fba005e2ce9bcac55b49e4aa19b87208b3a0631e/css-color-4/conversions.js#L352 - const K: f32 = 24389.0 / 27.0; // 29^3/3^3 - const E: f32 = 216.0 / 24389.0; // 6^3/29^3 + const K: f32 = @floatCast(@as(f64, 24389.0) / @as(f64, 27.0)); // 29^3/3^3 + const E: f32 = @floatCast(@as(f64, 216.0) / @as(f64, 24389.0)); // 6^3/29^3 const lab = _lab.resolveMissing(); const l = lab.l * 100.0; @@ -3400,28 +3516,32 @@ const color_conversions = struct { const b = lab.b; // compute f, starting with the luminance-related term - const f1 = (l + 16.0) / 116.0; - const f0 = a / 500.0 + f1; - const f2 = f1 - b / 200.0; + const f1: f32 = (l + 16.0) / 116.0; + const f0: f32 = a / 500.0 + f1; + const f2: f32 = f1 - b / 200.0; // compute xyz - const x = if (std.math.pow(f32, f0, 3) > E) - std.math.pow(f32, f0, 3) + const x = if (bun.powf(f0, 3) > E) + bun.powf(f0, 3) else (116.0 * f0 - 16.0) / K; - const y = if (l > K * E) std.math.pow(f32, (l + 16.0) / 116.0, 3) else l / K; + const y = if (l > K * E) bun.powf((l + 16.0) / 116.0, 3) else l / K; - const z = if (std.math.pow(f32, f2, 3) > E) - std.math.pow(f32, f0, 3) + const z = if (bun.powf(f2, 3) > E) + bun.powf(f2, 3) else - (116.0 * f2 - 16.0) / K; + (@as(f32, 116.0) * f2 - 16.0) / K; + + const final_x = x * D50[0]; + const final_y = y * D50[1]; + const final_z = z * D50[2]; // Compute XYZ by scaling xyz by reference white return XYZd50{ - .x = x * D50[0], - .y = y * D50[1], - .z = z * D50[2], + .x = final_x, + .y = final_y, + .z = final_z, .alpha = lab.alpha, }; } @@ -3686,7 +3806,7 @@ const color_conversions = struct { const H = struct { pub fn linA98rgbComponent(c: f32) f32 { const sign: f32 = if (c < 0.0) @as(f32, -1.0) else @as(f32, 1.0); - return sign * std.math.pow(f32, @abs(c), 563.0 / 256.0); + return sign * bun.powf(@abs(c), 563.0 / 256.0); } }; @@ -3760,7 +3880,7 @@ const color_conversions = struct { return c / 16.0; } const sign: f32 = if (c < 0.0) -1.0 else 1.0; - return sign * std.math.pow(f32, abs, 1.8); + return sign * bun.powf(abs, 1.8); } }; @@ -3829,8 +3949,7 @@ const color_conversions = struct { } const sign: f32 = if (c < 0.0) -1.0 else 1.0; - return sign * std.math.pow( - f32, + return sign * bun.powf( (abs + A - 1.0) / A, 1.0 / 0.45, ); @@ -3922,15 +4041,15 @@ const color_conversions = struct { pub fn intoXYZd65(_xyz: *const XYZd50) XYZd65 { // https://github.com/w3c/csswg-drafts/blob/fba005e2ce9bcac55b49e4aa19b87208b3a0631e/css-color-4/conversions.js#L105 const MATRIX: [9]f32 = .{ - 2.493496911941425, - -0.9313836179191239, - -0.40271078445071684, - -0.8294889695615747, - 1.7626640603183463, - 0.023624685841943577, - 0.03584583024378447, - -0.07617238926804182, - 0.9568845240076872, + 0.9554734527042182, + -0.023098536874261423, + 0.0632593086610217, + -0.028369706963208136, + 1.0099954580058226, + 0.021041398966943008, + 0.012314001688319899, + -0.020507696433477912, + 1.3303659366080753, }; const xyz = _xyz.resolveMissing(); @@ -3967,7 +4086,7 @@ const color_conversions = struct { const abs = @abs(c); if (abs >= ET) { const sign: f32 = if (c < 0.0) -1.0 else 1.0; - return sign * std.math.pow(f32, abs, 1.0 / 1.8); + return sign * bun.powf(abs, 1.0 / 1.8); } return 16.0 * c; } @@ -4075,7 +4194,7 @@ const color_conversions = struct { // to gamma corrected form // negative values are also now accepted const sign: f32 = if (c < 0.0) -1.0 else 1.0; - return sign * std.math.pow(f32, @abs(c), 256.0 / 563.0); + return sign * bun.powf(@abs(c), 256.0 / 563.0); } }; @@ -4118,7 +4237,7 @@ const color_conversions = struct { const abs = @abs(c); if (abs > B) { const sign: f32 = if (c < 0.0) -1.0 else 1.0; - return sign * (A * std.math.pow(f32, abs, 0.45) - (A - 1.0)); + return sign * (A * bun.powf(abs, 0.45) - (A - 1.0)); } return 4.5 * c; @@ -4164,9 +4283,11 @@ const color_conversions = struct { -0.8086757660, }; + const cbrt = std.math.cbrt; + const xyz = _xyz.resolveMissing(); const a1, const b1, const c1 = multiplyMatrix(&XYZ_TO_LMS, xyz.x, xyz.y, xyz.z); - const l, const a, const b = multiplyMatrix(&LMS_TO_OKLAB, a1, b1, c1); + const l, const a, const b = multiplyMatrix(&LMS_TO_OKLAB, cbrt(a1), cbrt(b1), cbrt(c1)); return OKLAB{ .l = l, @@ -4281,9 +4402,9 @@ const color_conversions = struct { const a, const b, const c = multiplyMatrix(&OKLAB_TO_LMS, lab.l, lab.a, lab.b); const x, const y, const z = multiplyMatrix( &LMS_TO_XYZ, - std.math.pow(f32, a, 3), - std.math.pow(f32, b, 3), - std.math.pow(f32, c, 3), + bun.powf(a, 3), + bun.powf(b, 3), + bun.powf(c, 3), ); return XYZd65{ @@ -4308,7 +4429,7 @@ const color_conversions = struct { pub fn intoOKLAB(_lch: *const OKLCH) OKLAB { const lch = _lch.resolveMissing(); - const l, const a, const b = rectangularToPolar(lch.l, lch.c, lch.h); + const l, const a, const b = polarToRectangular(lch.l, lch.c, lch.h); return OKLAB{ .l = l, .a = a, diff --git a/src/css/values/gradient.zig b/src/css/values/gradient.zig index fe97459893..292db6ec88 100644 --- a/src/css/values/gradient.zig +++ b/src/css/values/gradient.zig @@ -187,6 +187,13 @@ pub const Gradient = union(enum) { return dest.writeChar(')'); } + /// Attempts to convert the gradient to the legacy `-webkit-gradient()` syntax. + /// + /// Returns an error in case the conversion is not possible. + pub fn getLegacyWebkit(this: *const @This(), allocator: Allocator) ?Gradient { + return Gradient{ .@"webkit-gradient" = WebKitGradient.fromStandard(this, allocator) orelse return null }; + } + pub fn deepClone(this: *const @This(), allocator: std.mem.Allocator) @This() { return css.implementDeepClone(@This(), this, allocator); } @@ -210,6 +217,99 @@ pub const Gradient = union(enum) { // } // ret } + + /// Returns the vendor prefix of the gradient. + pub fn getVendorPrefix(this: *const @This()) VendorPrefix { + return switch (this.*) { + .linear => |linear| linear.vendor_prefix, + .repeating_linear => |linear| linear.vendor_prefix, + .radial => |radial| radial.vendor_prefix, + .repeating_radial => |radial| radial.vendor_prefix, + .@"webkit-gradient" => VendorPrefix{ .webkit = true }, + else => VendorPrefix{ .none = true }, + }; + } + + /// Returns the vendor prefixes needed for the given browser targets. + pub fn getNecessaryPrefixes(this: *const @This(), targets: css.targets.Targets) css.VendorPrefix { + const getPrefixes = struct { + fn call(tgts: css.targets.Targets, feature: css.prefixes.Feature, prefix: VendorPrefix) VendorPrefix { + return tgts.prefixes(prefix, feature); + } + }.call; + + return switch (this.*) { + .linear => |linear| getPrefixes(targets, .linear_gradient, linear.vendor_prefix), + .repeating_linear => |linear| getPrefixes(targets, .repeating_linear_gradient, linear.vendor_prefix), + .radial => |radial| getPrefixes(targets, .radial_gradient, radial.vendor_prefix), + .repeating_radial => |radial| getPrefixes(targets, .repeating_radial_gradient, radial.vendor_prefix), + else => VendorPrefix{ .none = true }, + }; + } + + /// Returns a copy of the gradient with the given vendor prefix. + pub fn getPrefixed(this: *const @This(), allocator: Allocator, prefix: css.VendorPrefix) Gradient { + return switch (this.*) { + .linear => |*linear| .{ .linear = brk: { + var x = linear.deepClone(allocator); + x.vendor_prefix = prefix; + break :brk x; + } }, + .repeating_linear => |*linear| .{ .repeating_linear = brk: { + var x = linear.deepClone(allocator); + x.vendor_prefix = prefix; + break :brk x; + } }, + .radial => |*radial| .{ .radial = brk: { + var x = radial.deepClone(allocator); + x.vendor_prefix = prefix; + break :brk x; + } }, + .repeating_radial => |*radial| .{ .repeating_radial = brk: { + var x = radial.deepClone(allocator); + x.vendor_prefix = prefix; + break :brk x; + } }, + else => this.deepClone(allocator), + }; + } + + /// Returns a fallback gradient for the given color fallback type. + pub fn getFallback(this: *const @This(), allocator: Allocator, kind: css.ColorFallbackKind) Gradient { + return switch (this.*) { + .linear => |g| .{ .linear = g.getFallback(allocator, kind) }, + .repeating_linear => |g| .{ .repeating_linear = g.getFallback(allocator, kind) }, + .radial => |g| .{ .radial = g.getFallback(allocator, kind) }, + .repeating_radial => |g| .{ .repeating_radial = g.getFallback(allocator, kind) }, + .conic => |g| .{ .conic = g.getFallback(allocator, kind) }, + .repeating_conic => |g| .{ .repeating_conic = g.getFallback(allocator, kind) }, + .@"webkit-gradient" => |g| .{ .@"webkit-gradient" = g.getFallback(allocator, kind) }, + }; + } + + /// Returns the color fallback types needed for the given browser targets. + pub fn getNecessaryFallbacks(this: *const @This(), targets: css.targets.Targets) css.ColorFallbackKind { + var fallbacks = css.ColorFallbackKind.empty(); + switch (this.*) { + .linear, .repeating_linear => |*linear| { + for (linear.items.items) |*item| { + fallbacks = fallbacks.bitwiseOr(item.getNecessaryFallbacks(targets)); + } + }, + .radial, .repeating_radial => |*radial| { + for (radial.items.items) |*item| { + fallbacks = fallbacks.bitwiseOr(item.getNecessaryFallbacks(targets)); + } + }, + .conic, .repeating_conic => |*conic| { + for (conic.items.items) |*item| { + fallbacks = fallbacks.bitwiseOr(item.getNecessaryFallbacks(targets)); + } + }, + .@"webkit-gradient" => {}, + } + return fallbacks; + } }; /// A CSS [`linear-gradient()`](https://www.w3.org/TR/css-images-3/#linear-gradients) or `repeating-linear-gradient()`. @@ -221,14 +321,6 @@ pub const LinearGradient = struct { /// The color stops and transition hints for the gradient. items: ArrayList(GradientItem(LengthPercentage)), - pub fn deepClone(this: *const @This(), allocator: std.mem.Allocator) @This() { - return css.implementDeepClone(@This(), this, allocator); - } - - pub fn eql(this: *const LinearGradient, other: *const LinearGradient) bool { - return this.vendor_prefix.eql(other.vendor_prefix) and this.direction.eql(&other.direction) and css.generic.eqlList(GradientItem(LengthPercentage), &this.items, &other.items); - } - pub fn parse(input: *css.Parser, vendor_prefix: VendorPrefix) Result(LinearGradient) { const direction: LineDirection = if (input.tryParse(LineDirection.parse, .{vendor_prefix.neq(VendorPrefix{ .none = true })}).asValue()) |dir| direction: { if (input.expectComma().asErr()) |e| return .{ .err = e }; @@ -304,6 +396,35 @@ pub const LinearGradient = struct { serializeItems(LengthPercentage, &this.items, W, dest) catch return dest.addFmtError(); } } + + pub fn isCompatible(this: *const @This(), browsers: css.targets.Browsers) bool { + for (this.items.items) |*item| { + if (!item.isCompatible(browsers)) return false; + } + return true; + } + + pub fn deepClone(this: *const @This(), allocator: std.mem.Allocator) @This() { + return css.implementDeepClone(@This(), this, allocator); + } + + pub fn eql(this: *const LinearGradient, other: *const LinearGradient) bool { + return this.vendor_prefix.eql(other.vendor_prefix) and this.direction.eql(&other.direction) and css.generic.eqlList(GradientItem(LengthPercentage), &this.items, &other.items); + } + + pub fn getFallback(this: *const @This(), allocator: std.mem.Allocator, kind: css.ColorFallbackKind) LinearGradient { + var fallback_items = ArrayList(GradientItem(LengthPercentage)).initCapacity(allocator, this.items.items.len) catch bun.outOfMemory(); + fallback_items.items.len = this.items.items.len; + for (fallback_items.items, this.items.items) |*out, *in| { + out.* = in.getFallback(allocator, kind); + } + + return LinearGradient{ + .direction = this.direction.deepClone(allocator), + .items = fallback_items, + .vendor_prefix = this.vendor_prefix, + }; + } }; /// A CSS [`radial-gradient()`](https://www.w3.org/TR/css-images-3/#radial-gradients) or `repeating-radial-gradient()`. @@ -317,10 +438,6 @@ pub const RadialGradient = struct { /// The color stops and transition hints for the gradient. items: ArrayList(GradientItem(LengthPercentage)), - pub fn deepClone(this: *const @This(), allocator: std.mem.Allocator) @This() { - return css.implementDeepClone(@This(), this, allocator); - } - pub fn parse(input: *css.Parser, vendor_prefix: VendorPrefix) Result(RadialGradient) { // todo_stuff.depth const shape = switch (input.tryParse(EndingShape.parse, .{})) { @@ -376,6 +493,32 @@ pub const RadialGradient = struct { try serializeItems(LengthPercentage, &this.items, W, dest); } + pub fn isCompatible(this: *const @This(), browsers: css.targets.Browsers) bool { + for (this.items.items) |*item| { + if (!item.isCompatible(browsers)) return false; + } + return true; + } + + pub fn getFallback(this: *const RadialGradient, allocator: Allocator, kind: css.ColorFallbackKind) RadialGradient { + var items = ArrayList(GradientItem(LengthPercentage)).initCapacity(allocator, this.items.items.len) catch bun.outOfMemory(); + items.items.len = this.items.items.len; + for (items.items, this.items.items) |*out, *in| { + out.* = in.getFallback(allocator, kind); + } + + return RadialGradient{ + .shape = this.shape.deepClone(allocator), + .position = this.position.deepClone(allocator), + .items = items, + .vendor_prefix = this.vendor_prefix, + }; + } + + pub fn deepClone(this: *const @This(), allocator: std.mem.Allocator) @This() { + return css.implementDeepClone(@This(), this, allocator); + } + pub fn eql(this: *const RadialGradient, other: *const RadialGradient) bool { return this.vendor_prefix.eql(other.vendor_prefix) and this.shape.eql(&other.shape) and @@ -393,10 +536,6 @@ pub const ConicGradient = struct { /// The color stops and transition hints for the gradient. items: ArrayList(GradientItem(AnglePercentage)), - pub fn deepClone(this: *const @This(), allocator: std.mem.Allocator) @This() { - return css.implementDeepClone(@This(), this, allocator); - } - pub fn parse(input: *css.Parser) Result(ConicGradient) { const angle = input.tryParse(struct { inline fn parse(i: *css.Parser) Result(Angle) { @@ -450,6 +589,31 @@ pub const ConicGradient = struct { return try serializeItems(AnglePercentage, &this.items, W, dest); } + pub fn isCompatible(this: *const @This(), browsers: css.targets.Browsers) bool { + for (this.items.items) |*item| { + if (!item.isCompatible(browsers)) return false; + } + return true; + } + + pub fn getFallback(this: *const @This(), allocator: Allocator, kind: css.ColorFallbackKind) ConicGradient { + var items = ArrayList(GradientItem(AnglePercentage)).initCapacity(allocator, this.items.items.len) catch bun.outOfMemory(); + items.items.len = this.items.items.len; + for (items.items, this.items.items) |*out, *in| { + out.* = in.getFallback(allocator, kind); + } + + return ConicGradient{ + .angle = this.angle.deepClone(allocator), + .position = this.position.deepClone(allocator), + .items = items, + }; + } + + pub fn deepClone(this: *const @This(), allocator: std.mem.Allocator) @This() { + return css.implementDeepClone(@This(), this, allocator); + } + pub fn eql(this: *const ConicGradient, other: *const ConicGradient) bool { return this.angle.eql(&other.angle) and this.position.eql(&other.position) and @@ -490,23 +654,6 @@ pub const WebKitGradient = union(enum) { } }, - pub fn deepClone(this: *const @This(), allocator: std.mem.Allocator) @This() { - return css.implementDeepClone(@This(), this, allocator); - } - - pub fn eql(this: *const WebKitGradient, other: *const WebKitGradient) bool { - return switch (this.*) { - .linear => |*a| switch (other.*) { - .linear => a.from.eql(&other.linear.from) and a.to.eql(&other.linear.to) and css.generic.eqlList(WebKitColorStop, &a.stops, &other.linear.stops), - else => false, - }, - .radial => |*a| switch (other.*) { - .radial => a.from.eql(&other.radial.from) and a.to.eql(&other.radial.to) and a.r0 == other.radial.r0 and a.r1 == other.radial.r1 and css.generic.eqlList(WebKitColorStop, &a.stops, &other.radial.stops), - else => false, - }, - }; - } - pub fn parse(input: *css.Parser) Result(WebKitGradient) { const location = input.currentSourceLocation(); const ident = switch (input.expectIdent()) { @@ -607,6 +754,139 @@ pub const WebKitGradient = union(enum) { }, } } + + pub fn getFallback(this: *const @This(), allocator: Allocator, kind: css.ColorFallbackKind) WebKitGradient { + var stops: ArrayList(WebKitColorStop) = .{}; + switch (this.*) { + .linear => |linear| { + stops = ArrayList(WebKitColorStop).initCapacity(allocator, linear.stops.items.len) catch bun.outOfMemory(); + stops.items.len = linear.stops.items.len; + for (stops.items, linear.stops.items) |*out, *in| { + out.* = in.getFallback(allocator, kind); + } + return WebKitGradient{ + .linear = .{ + .from = linear.from.deepClone(allocator), + .to = linear.to.deepClone(allocator), + .stops = stops, + }, + }; + }, + .radial => |radial| { + stops = ArrayList(WebKitColorStop).initCapacity(allocator, radial.stops.items.len) catch bun.outOfMemory(); + stops.items.len = radial.stops.items.len; + for (stops.items, radial.stops.items) |*out, *in| { + out.* = in.getFallback(allocator, kind); + } + return WebKitGradient{ + .radial = .{ + .from = radial.from.deepClone(allocator), + .r0 = radial.r0, + .to = radial.to.deepClone(allocator), + .r1 = radial.r1, + .stops = stops, + }, + }; + }, + } + } + + pub fn fromStandard(gradient: *const Gradient, allocator: Allocator) ?WebKitGradient { + switch (gradient.*) { + .linear => |*linear| { + // Convert from line direction to a from and to point, if possible. + const from: struct { f32, f32 }, const to: struct { f32, f32 } = switch (linear.direction) { + .horizontal => |horizontal| switch (horizontal) { + .left => .{ .{ 1.0, 0.0 }, .{ 0.0, 0.0 } }, + .right => .{ .{ 0.0, 0.0 }, .{ 1.0, 0.0 } }, + }, + .vertical => |vertical| switch (vertical) { + .top => .{ .{ 0.0, 1.0 }, .{ 0.0, 0.0 } }, + .bottom => .{ .{ 0.0, 0.0 }, .{ 0.0, 1.0 } }, + }, + .corner => |corner| switch (corner.horizontal) { + .left => switch (corner.vertical) { + .top => .{ .{ 1.0, 1.0 }, .{ 0.0, 0.0 } }, + .bottom => .{ .{ 1.0, 0.0 }, .{ 0.0, 1.0 } }, + }, + .right => switch (corner.vertical) { + .top => .{ .{ 0.0, 1.0 }, .{ 1.0, 0.0 } }, + .bottom => .{ .{ 0.0, 0.0 }, .{ 1.0, 1.0 } }, + }, + }, + .angle => |angle| brk: { + const degrees = angle.toDegrees(); + if (degrees == 0.0) { + break :brk .{ .{ 0.0, 1.0 }, .{ 0.0, 0.0 } }; + } else if (degrees == 90.0) { + break :brk .{ .{ 0.0, 0.0 }, .{ 1.0, 0.0 } }; + } else if (degrees == 180.0) { + break :brk .{ .{ 0.0, 0.0 }, .{ 0.0, 1.0 } }; + } else if (degrees == 270.0) { + break :brk .{ .{ 1.0, 0.0 }, .{ 0.0, 0.0 } }; + } else { + return null; + } + }, + }; + + return WebKitGradient{ + .linear = .{ + .from = .{ + .x = .{ .number = .{ .percentage = .{ .v = from[0] } } }, + .y = .{ .number = .{ .percentage = .{ .v = from[1] } } }, + }, + .to = .{ + .x = .{ .number = .{ .percentage = .{ .v = to[0] } } }, + .y = .{ .number = .{ .percentage = .{ .v = to[1] } } }, + }, + .stops = convertStopsToWebkit(allocator, &linear.items) orelse return null, + }, + }; + }, + .radial => |*radial| { + // Webkit radial gradients are always circles, not ellipses, and must be specified in pixels. + const radius = switch (radial.shape) { + .circle => |*circle| switch (circle.*) { + .radius => |r| if (r.toPx()) |px| px else return null, + else => return null, + }, + else => return null, + }; + + const x = WebKitGradientPointComponent(HorizontalPositionKeyword).fromPosition(&radial.position.x, allocator) orelse return null; + const y = WebKitGradientPointComponent(VerticalPositionKeyword).fromPosition(&radial.position.y, allocator) orelse return null; + const point = WebKitGradientPoint{ .x = x, .y = y }; + return WebKitGradient{ + .radial = .{ + .from = point.deepClone(allocator), + .r0 = 0.0, + .to = point, + .r1 = radius, + .stops = convertStopsToWebkit(allocator, &radial.items) orelse return null, + }, + }; + }, + else => return null, + } + } + + pub fn deepClone(this: *const @This(), allocator: std.mem.Allocator) @This() { + return css.implementDeepClone(@This(), this, allocator); + } + + pub fn eql(this: *const WebKitGradient, other: *const WebKitGradient) bool { + return switch (this.*) { + .linear => |*a| switch (other.*) { + .linear => a.from.eql(&other.linear.from) and a.to.eql(&other.linear.to) and css.generic.eqlList(WebKitColorStop, &a.stops, &other.linear.stops), + else => false, + }, + .radial => |*a| switch (other.*) { + .radial => a.from.eql(&other.radial.from) and a.to.eql(&other.radial.to) and a.r0 == other.radial.r0 and a.r1 == other.radial.r1 and css.generic.eqlList(WebKitColorStop, &a.stops, &other.radial.stops), + else => false, + }, + }; + } }; /// The direction of a CSS `linear-gradient()`. @@ -765,6 +1045,34 @@ pub fn GradientItem(comptime D: type) type { pub fn deepClone(this: *const @This(), allocator: std.mem.Allocator) @This() { return css.implementDeepClone(@This(), this, allocator); } + + pub fn isCompatible(this: *const @This(), browsers: css.targets.Browsers) bool { + return switch (this.*) { + .color_stop => |*c| c.color.isCompatible(browsers), + .hint => css.compat.Feature.isCompatible(.gradient_interpolation_hints, browsers), + }; + } + + /// Returns a fallback gradient item for the given color fallback type. + pub fn getFallback(this: *const @This(), allocator: Allocator, kind: css.ColorFallbackKind) GradientItem(D) { + return switch (this.*) { + .color_stop => |*stop| .{ + .color_stop = .{ + .color = stop.color.getFallback(allocator, kind), + .position = if (stop.position) |*p| p.deepClone(allocator) else null, + }, + }, + .hint => this.deepClone(allocator), + }; + } + + /// Returns the color fallback types needed for the given browser targets. + pub fn getNecessaryFallbacks(this: *const @This(), targets: css.targets.Targets) css.ColorFallbackKind { + return switch (this.*) { + .color_stop => |*stop| stop.color.getNecessaryFallbacks(targets), + .hint => css.ColorFallbackKind.empty(), + }; + } }; } @@ -891,6 +1199,27 @@ pub fn WebKitGradientPointComponent(comptime S: type) type { } } + /// Attempts to convert a standard position to a webkit gradient point. + pub fn fromPosition(this: *const css.css_values.position.PositionComponent(S), allocator: Allocator) ?WebKitGradientPointComponent(S) { + return switch (this.*) { + .center => .center, + .length => |len| .{ + .number = switch (len) { + .percentage => |p| .{ .percentage = p }, + // Webkit gradient points can only be specified in pixels. + .dimension => |*d| if (d.toPx()) |px| .{ .number = px } else return null, + else => return null, + }, + }, + .side => |s| if (s.offset != null) + return null + else + .{ + .side = s.side.deepClone(allocator), + }, + }; + } + pub fn eql(this: *const This, other: *const This) bool { return switch (this.*) { .center => switch (other.*) { @@ -973,6 +1302,13 @@ pub const WebKitColorStop = struct { try dest.writeChar(')'); } + pub fn getFallback(this: *const @This(), allocator: Allocator, kind: css.ColorFallbackKind) WebKitColorStop { + return WebKitColorStop{ + .color = this.color.getFallback(allocator, kind), + .position = this.position, + }; + } + pub fn deepClone(this: *const @This(), allocator: std.mem.Allocator) @This() { return css.implementDeepClone(@This(), this, allocator); } @@ -1289,3 +1625,38 @@ pub fn serializeItems( last = item; } } + +pub fn convertStopsToWebkit(allocator: Allocator, items: *const ArrayList(GradientItem(LengthPercentage))) ?ArrayList(WebKitColorStop) { + var stops: ArrayList(WebKitColorStop) = ArrayList(WebKitColorStop).initCapacity(allocator, items.items.len) catch bun.outOfMemory(); + for (items.items, 0..) |*item, i| { + switch (item.*) { + .color_stop => |*stop| { + // webkit stops must always be percentage based, not length based. + const position: f32 = if (stop.position) |pos| brk: { + break :brk switch (pos) { + .percentage => |percentage| percentage.v, + else => { + stops.deinit(allocator); + return null; + }, + }; + } else if (i == 0) brk: { + break :brk 0.0; + } else if (i == items.items.len - 1) brk: { + break :brk 1.0; + } else { + stops.deinit(allocator); + return null; + }; + + stops.append(allocator, .{ + .color = stop.color.deepClone(allocator), + .position = position, + }) catch return null; + }, + else => return null, + } + } + + return stops; +} diff --git a/src/css/values/image.zig b/src/css/values/image.zig index 3ac094b9bf..b19fe98efe 100644 --- a/src/css/values/image.zig +++ b/src/css/values/image.zig @@ -28,6 +28,68 @@ pub const Image = union(enum) { pub usingnamespace css.DeriveParse(@This()); pub usingnamespace css.DeriveToCss(@This()); + pub fn deinit(_: *@This(), _: std.mem.Allocator) void { + // TODO: implement this + // Right now not implementing this. + // It is not a bug to implement this since all memory allocated in CSS parser is allocated into arena. + } + + pub fn isCompatible(this: *const @This(), browsers: css.targets.Browsers) bool { + return switch (this.*) { + .gradient => |g| switch (g.*) { + .linear => |linear| css.Feature.isCompatible(.linear_gradient, browsers) and linear.isCompatible(browsers), + .repeating_linear => |repeating_linear| css.Feature.isCompatible(.repeating_linear_gradient, browsers) and repeating_linear.isCompatible(browsers), + .radial => |radial| css.Feature.isCompatible(.radial_gradient, browsers) and radial.isCompatible(browsers), + .repeating_radial => |repeating_radial| css.Feature.isCompatible(.repeating_radial_gradient, browsers) and repeating_radial.isCompatible(browsers), + .conic => |conic| css.Feature.isCompatible(.conic_gradient, browsers) and conic.isCompatible(browsers), + .repeating_conic => |repeating_conic| css.Feature.isCompatible(.repeating_conic_gradient, browsers) and repeating_conic.isCompatible(browsers), + .@"webkit-gradient" => css.prefixes.Feature.isWebkitGradient(browsers), + }, + .image_set => |image_set| image_set.isCompatible(browsers), + .url, .none => true, + }; + } + + pub fn getPrefixed(this: *const @This(), allocator: Allocator, prefix: css.VendorPrefix) Image { + return switch (this.*) { + .gradient => |grad| .{ .gradient = bun.create(allocator, Gradient, grad.getPrefixed(allocator, prefix)) }, + .image_set => |image_set| .{ .image_set = image_set.getPrefixed(allocator, prefix) }, + else => this.deepClone(allocator), + }; + } + + pub fn getNecessaryPrefixes(this: *const @This(), targets: css.targets.Targets) css.VendorPrefix { + return switch (this.*) { + .gradient => |grad| grad.getNecessaryPrefixes(targets), + .image_set => |*image_set| image_set.getNecessaryPrefixes(targets), + else => css.VendorPrefix{ .none = true }, + }; + } + + pub fn hasVendorPrefix(this: *const @This()) bool { + const prefix = this.getVendorPrefix(); + return !prefix.isEmpty() and !prefix.eq(VendorPrefix{ .none = true }); + } + + /// Returns the vendor prefix used in the image value. + pub fn getVendorPrefix(this: *const @This()) VendorPrefix { + return switch (this.*) { + .gradient => |a| a.getVendorPrefix(), + .image_set => |a| a.getVendorPrefix(), + else => VendorPrefix.empty(), + }; + } + + /// Needed to satisfy ImageFallback interface + pub fn getImage(this: *const @This()) *const Image { + return this; + } + + /// Needed to satisfy ImageFallback interface + pub fn withImage(_: *const @This(), _: Allocator, image: Image) @This() { + return image; + } + pub fn default() Image { return .none; } @@ -57,6 +119,30 @@ pub const Image = union(enum) { return css.implementDeepClone(@This(), this, allocator); } + /// Returns a legacy `-webkit-gradient()` value for the image. + /// + /// May return an error in case the gradient cannot be converted. + pub fn getLegacyWebkit(this: *const @This(), allocator: Allocator) ?Image { + return switch (this.*) { + .gradient => |gradient| Image{ .gradient = bun.create(allocator, Gradient, gradient.getLegacyWebkit(allocator) orelse return null) }, + else => this.deepClone(allocator), + }; + } + + pub fn getFallback(this: *const @This(), allocator: Allocator, kind: css.ColorFallbackKind) Image { + return switch (this.*) { + .gradient => |grad| .{ .gradient = bun.create(allocator, Gradient, grad.getFallback(allocator, kind)) }, + else => this.deepClone(allocator), + }; + } + + pub fn getNecessaryFallbacks(this: *const @This(), targets: css.targets.Targets) css.ColorFallbackKind { + return switch (this.*) { + .gradient => |grad| grad.getNecessaryFallbacks(targets), + else => css.ColorFallbackKind.empty(), + }; + } + // pub fn parse(input: *css.Parser) Result(Image) { // _ = input; // autofix // @panic(css.todo_stuff.depth); @@ -127,6 +213,22 @@ pub const ImageSet = struct { return dest.writeChar(')'); } + pub fn isCompatible(this: *const @This(), browsers: css.targets.Browsers) bool { + return css.Feature.isCompatible(.image_set, browsers) and + for (this.options.items) |opt| + { + if (!opt.image.isCompatible(browsers)) break false; + } else true; + } + + /// Returns the `image-set()` value with the given vendor prefix. + pub fn getPrefixed(this: *const @This(), allocator: Allocator, prefix: css.VendorPrefix) ImageSet { + return ImageSet{ + .options = css.deepClone(ImageSetOption, allocator, &this.options), + .vendor_prefix = prefix, + }; + } + pub fn eql(this: *const ImageSet, other: *const ImageSet) bool { return this.vendor_prefix.eql(other.vendor_prefix) and css.generic.eqlList(ImageSetOption, &this.options, &other.options); } @@ -134,6 +236,15 @@ pub const ImageSet = struct { pub fn deepClone(this: *const @This(), allocator: std.mem.Allocator) @This() { return css.implementDeepClone(@This(), this, allocator); } + + pub fn getVendorPrefix(this: *const @This()) VendorPrefix { + return this.vendor_prefix; + } + + /// Returns the vendor prefixes needed for the given browser targets. + pub fn getNecessaryPrefixes(this: *const @This(), targets: css.targets.Targets) css.VendorPrefix { + return targets.prefixes(this.vendor_prefix, css.prefixes.Feature.image_set); + } }; /// An image option within the `image-set()` function. See [ImageSet](ImageSet). diff --git a/src/css/values/length.zig b/src/css/values/length.zig index eec8bd9a80..3cd1fc1b44 100644 --- a/src/css/values/length.zig +++ b/src/css/values/length.zig @@ -9,6 +9,7 @@ const PrintErr = css.PrintErr; const CSSNumber = css.css_values.number.CSSNumber; const CSSNumberFns = css.css_values.number.CSSNumberFns; const Calc = css.css_values.calc.Calc; +const MathFunction = css.css_values.calc.MathFunction; const DimensionPercentage = css.css_values.percentage.DimensionPercentage; /// Either a [``](https://www.w3.org/TR/css-values-4/#lengths) or a [``](https://www.w3.org/TR/css-values-4/#numbers). @@ -48,6 +49,13 @@ pub const LengthPercentageOrAuto = union(enum) { pub usingnamespace css.DeriveParse(@This()); pub usingnamespace css.DeriveToCss(@This()); + pub fn isCompatible(this: *const @This(), browsers: css.targets.Browsers) bool { + return switch (this.*) { + .length => this.length.isCompatible(browsers), + else => true, + }; + } + pub fn eql(lhs: *const @This(), rhs: *const @This()) bool { return css.implementEql(@This(), lhs, rhs); } @@ -184,6 +192,69 @@ pub const LengthValue = union(enum) { /// A length in the `cqmax` unit. An `cqmin` is equal to the larger of `cqi` and `cqb`. cqmax: CSSNumber, + const FeatureMap = .{ + .px = null, + .in = null, + .cm = null, + .mm = null, + .q = css.Feature.q_unit, + .pt = null, + .pc = null, + .em = null, + .rem = css.Feature.rem_unit, + .ex = css.Feature.ex_unit, + .rex = null, + .ch = css.Feature.ch_unit, + .rch = null, + .cap = css.Feature.cap_unit, + .rcap = null, + .ic = css.Feature.ic_unit, + .ric = null, + .lh = css.Feature.lh_unit, + .rlh = css.Feature.rlh_unit, + .vw = css.Feature.vw_unit, + .lvw = css.Feature.viewport_percentage_units_large, + .svw = css.Feature.viewport_percentage_units_small, + .dvw = css.Feature.viewport_percentage_units_dynamic, + .cqw = css.Feature.container_query_length_units, + .vh = css.Feature.vh_unit, + .lvh = css.Feature.viewport_percentage_units_large, + .svh = css.Feature.viewport_percentage_units_small, + .dvh = css.Feature.viewport_percentage_units_dynamic, + .cqh = css.Feature.container_query_length_units, + .vi = css.Feature.vi_unit, + .svi = css.Feature.viewport_percentage_units_small, + .lvi = css.Feature.viewport_percentage_units_large, + .dvi = css.Feature.viewport_percentage_units_dynamic, + .cqi = css.Feature.container_query_length_units, + .vb = css.Feature.vb_unit, + .svb = css.Feature.viewport_percentage_units_small, + .lvb = css.Feature.viewport_percentage_units_large, + .dvb = css.Feature.viewport_percentage_units_dynamic, + .cqb = css.Feature.container_query_length_units, + .vmin = css.Feature.vmin_unit, + .svmin = css.Feature.viewport_percentage_units_small, + .lvmin = css.Feature.viewport_percentage_units_large, + .dvmin = css.Feature.viewport_percentage_units_dynamic, + .cqmin = css.Feature.container_query_length_units, + .vmax = css.Feature.vmax_unit, + .svmax = css.Feature.viewport_percentage_units_small, + .lvmax = css.Feature.viewport_percentage_units_large, + .dvmax = css.Feature.viewport_percentage_units_dynamic, + .cqmax = css.Feature.container_query_length_units, + }; + + comptime { + const struct_fields = std.meta.fields(LengthValue); + const feature_fields = std.meta.fields(@TypeOf(FeatureMap)); + if (struct_fields.len != feature_fields.len) { + @compileError("LengthValue and FeatureMap must have the same number of fields"); + } + for (struct_fields) |field| { + _ = @field(FeatureMap, field.name); + } + } + pub fn parse(input: *css.Parser) Result(@This()) { const location = input.currentSourceLocation(); const token = switch (input.next()) { @@ -254,6 +325,16 @@ pub const LengthValue = union(enum) { return false; } + pub fn isSignNegative(this: *const @This()) bool { + const s = this.trySign() orelse return false; + return css.signfns.isSignNegative(s); + } + + pub fn isSignPositive(this: *const @This()) bool { + const s = this.trySign() orelse return false; + return css.signfns.isSignPositive(s); + } + pub fn trySign(this: *const @This()) ?f32 { return sign(this); } @@ -328,7 +409,7 @@ pub const LengthValue = union(enum) { } const a = this.toPx(); - const b = this.toPx(); + const b = other.toPx(); if (a != null and b != null) { return css.generic.partialCmpF32(&a.?, &b.?); } @@ -406,6 +487,19 @@ pub const LengthValue = union(enum) { } return null; } + + pub fn isCompatible(this: *const @This(), browsers: css.targets.Browsers) bool { + inline for (bun.meta.EnumFields(LengthValue)) |field| { + if (field.value == @intFromEnum(this.*)) { + if (comptime @TypeOf(@field(FeatureMap, field.name)) == css.compat.Feature) { + const feature = @field(FeatureMap, field.name); + return css.compat.Feature.isCompatible(feature, browsers); + } + return true; + } + } + unreachable; + } }; /// A CSS [``](https://www.w3.org/TR/css-values-4/#lengths) value, with support for `calc()`. @@ -433,9 +527,8 @@ pub const Length = union(enum) { if (input.tryParse(Calc(Length).parse, .{}).asValue()) |calc_value| { // PERF: I don't like this redundant allocation if (calc_value == .value) { - var mutable: *Calc(Length) = @constCast(&calc_value); const ret = calc_value.value.*; - mutable.deinit(input.allocator()); + input.allocator().destroy(calc_value.value); return .{ .result = ret }; } return .{ .result = .{ @@ -472,6 +565,13 @@ pub const Length = union(enum) { return .{ .value = .{ .px = p } }; } + pub fn toPx(this: *const Length) ?CSSNumber { + return switch (this.*) { + .value => |a| a.toPx(), + else => null, + }; + } + pub fn mulF32(this: Length, allocator: Allocator, other: f32) Length { return switch (this) { .value => Length{ .value = this.value.mulF32(allocator, other) }, @@ -489,10 +589,123 @@ pub const Length = union(enum) { // Unwrap calc(...) functions so we can add inside. // Then wrap the result in a calc(...) again if necessary. const a = unwrapCalc(allocator, this); - _ = a; // autofix const b = unwrapCalc(allocator, other); - _ = b; // autofix - @panic(css.todo_stuff.depth); + const res: Length = Length.addInternal(a, allocator, b); + if (res == .calc) { + if (res.calc.* == .value) return res.calc.value.*; + if (res.calc.* == .function and res.calc.function.* != .calc) return Length{ .calc = bun.create(allocator, Calc(Length), Calc(Length){ .function = res.calc.function }) }; + return Length{ .calc = bun.create(allocator, Calc(Length), Calc(Length){ + .function = bun.create(allocator, MathFunction(Length), MathFunction(Length){ .calc = res.calc.* }), + }) }; + } + return res; + } + + fn addInternal(this: Length, allocator: Allocator, other: Length) Length { + if (this.tryAdd(allocator, &other)) |r| return r; + return this.add__(allocator, other); + } + + fn intoCalc(this: Length, allocator: Allocator) Calc(Length) { + return switch (this) { + .calc => |c| c.*, + else => |v| Calc(Length){ .value = bun.create(allocator, Length, v) }, + }; + } + + fn add__(this: Length, allocator: Allocator, other: Length) Length { + var a = this; + var b = other; + + if (a.isZero()) return b; + + if (b.isZero()) return a; + + if (a.isSignNegative() and b.isSignPositive()) { + std.mem.swap(Length, &a, &b); + } + + if (a == .calc and b == .calc) { + return Length{ .calc = bun.create(allocator, Calc(Length), a.calc.add(allocator, b.calc.*)) }; + } else if (a == .calc) { + switch (a.calc.*) { + .value => |v| return v.add__(allocator, b), + else => return Length{ .calc = bun.create(allocator, Calc(Length), Calc(Length){ + .sum = .{ + .left = bun.create(allocator, Calc(Length), a.calc.*), + .right = bun.create(allocator, Calc(Length), b.intoCalc(allocator)), + }, + }) }, + } + } else if (b == .calc) { + switch (b.calc.*) { + .value => |v| return a.add__(allocator, v.*), + else => return Length{ .calc = bun.create(allocator, Calc(Length), Calc(Length){ + .sum = .{ + .left = bun.create(allocator, Calc(Length), a.intoCalc(allocator)), + .right = bun.create(allocator, Calc(Length), b.calc.*), + }, + }) }, + } + } else { + return Length{ .calc = bun.create(allocator, Calc(Length), Calc(Length){ + .sum = .{ + .left = bun.create(allocator, Calc(Length), a.intoCalc(allocator)), + .right = bun.create(allocator, Calc(Length), b.intoCalc(allocator)), + }, + }) }; + } + } + + fn tryAdd(this: *const Length, allocator: Allocator, other: *const Length) ?Length { + if (this.* == .value and other.* == .value) { + if (this.value.tryAdd(allocator, &other.value)) |res| { + return Length{ .value = res }; + } + return null; + } + + if (this.* == .calc) { + switch (this.calc.*) { + .value => |v| return v.tryAdd(allocator, other), + .sum => |s| { + const a = Length{ .calc = s.left }; + if (a.tryAdd(allocator, other)) |res| { + return res.add__(allocator, Length{ .calc = s.right }); + } + + const b = Length{ .calc = s.right }; + if (b.tryAdd(allocator, other)) |res| { + return (Length{ .calc = s.left }).add__(allocator, res); + } + + return null; + }, + else => return null, + } + } + + if (other.* == .calc) { + switch (other.calc.*) { + .value => |v| return v.tryAdd(allocator, this), + .sum => |s| { + const a = Length{ .calc = s.left }; + if (this.tryAdd(allocator, &a)) |res| { + return res.add__(allocator, Length{ .calc = s.right }); + } + + const b = Length{ .calc = s.right }; + if (this.tryAdd(allocator, &b)) |res| { + return (Length{ .calc = s.left }).add__(allocator, res); + } + + return null; + }, + else => return null, + } + } + + return null; } fn unwrapCalc(allocator: Allocator, length: Length) Length { @@ -519,6 +732,16 @@ pub const Length = union(enum) { }; } + pub fn isSignNegative(this: *const @This()) bool { + const s = this.trySign() orelse return false; + return css.signfns.isSignNegative(s); + } + + pub fn isSignPositive(this: *const @This()) bool { + const s = this.trySign() orelse return false; + return css.signfns.isSignPositive(s); + } + pub fn partialCmp(this: *const Length, other: *const Length) ?std.math.Order { if (this.* == .value and other.* == .value) return css.generic.partialCmp(LengthValue, &this.value, &other.value); return null; @@ -560,4 +783,18 @@ pub const Length = union(enum) { } return null; } + + pub fn isZero(this: *const Length) bool { + return switch (this.*) { + .value => |v| v.isZero(), + else => false, + }; + } + + pub fn isCompatible(this: *const @This(), browsers: css.targets.Browsers) bool { + return switch (this.*) { + .value => |*v| v.isCompatible(browsers), + .calc => |c| c.isCompatible(browsers), + }; + } }; diff --git a/src/css/values/percentage.zig b/src/css/values/percentage.zig index 6c30d0621f..bdafae93e6 100644 --- a/src/css/values/percentage.zig +++ b/src/css/values/percentage.zig @@ -143,30 +143,6 @@ pub fn DimensionPercentage(comptime D: type) type { const This = @This(); - pub fn eql(this: *const This, other: *const This) bool { - return switch (this.*) { - .dimension => |*d| css.generic.eql(D, d, &other.dimension), - .percentage => |*p| p.eql(&other.percentage), - .calc => |calc| calc.eql(other.calc), - }; - } - - pub fn deepClone(this: *const @This(), allocator: std.mem.Allocator) This { - return switch (this.*) { - .dimension => |d| if (comptime needs_deepclone) .{ .dimension = d.deepClone(allocator) } else this.*, - .percentage => return this.*, - .calc => |calc| .{ .calc = bun.create(allocator, Calc(DimensionPercentage(D)), calc.deepClone(allocator)) }, - }; - } - - pub fn deinit(this: *const @This(), allocator: std.mem.Allocator) void { - return switch (this.*) { - .dimension => |d| if (comptime @hasDecl(D, "deinit")) d.deinit(allocator), - .percentage => {}, - .calc => |calc| calc.deinit(allocator), - }; - } - pub fn parse(input: *css.Parser) Result(@This()) { if (input.tryParse(Calc(This).parse, .{}).asValue()) |calc_value| { if (calc_value == .value) return .{ .result = calc_value.value.* }; @@ -194,6 +170,34 @@ pub fn DimensionPercentage(comptime D: type) type { }; } + pub fn isCompatible(this: *const @This(), browsers: css.targets.Browsers) bool { + return switch (this.*) { + .dimension => |*d| d.isCompatible(browsers), + .calc => |c| c.isCompatible(browsers), + .percentage => true, + }; + } + + pub fn eql(this: *const This, other: *const This) bool { + return css.implementEql(@This(), this, other); + } + + pub fn deepClone(this: *const @This(), allocator: std.mem.Allocator) This { + return switch (this.*) { + .dimension => |d| if (comptime needs_deepclone) .{ .dimension = d.deepClone(allocator) } else this.*, + .percentage => return this.*, + .calc => |calc| .{ .calc = bun.create(allocator, Calc(DimensionPercentage(D)), calc.deepClone(allocator)) }, + }; + } + + pub fn deinit(this: *const @This(), allocator: std.mem.Allocator) void { + return switch (this.*) { + .dimension => |d| if (comptime @hasDecl(D, "deinit")) d.deinit(allocator), + .percentage => {}, + .calc => |calc| calc.deinit(allocator), + }; + } + pub fn zero() This { return This{ .dimension = switch (D) { f32 => 0.0, @@ -403,9 +407,13 @@ pub fn DimensionPercentage(comptime D: type) type { } pub fn partialCmp(this: *const This, other: *const This) ?std.math.Order { - _ = this; // autofix - _ = other; // autofix - @panic(css.todo_stuff.depth); + if (this.* == .dimension and other.* == .dimension) { + return this.dimension.partialCmp(&other.dimension); + } else if (this.* == .percentage and other.* == .percentage) { + return this.percentage.partialCmp(&other.percentage); + } else { + return null; + } } pub fn trySign(this: *const This) ?f32 { diff --git a/src/css/values/position.zig b/src/css/values/position.zig index 35c06913b2..83c00b9692 100644 --- a/src/css/values/position.zig +++ b/src/css/values/position.zig @@ -377,6 +377,10 @@ pub const HorizontalPositionKeyword = enum { /// The `right` keyword. right, + pub fn deepClone(this: *const @This(), allocator: std.mem.Allocator) HorizontalPositionKeyword { + return css.implementDeepClone(@This(), this, allocator); + } + pub fn eql(this: *const HorizontalPositionKeyword, other: *const HorizontalPositionKeyword) bool { return this.* == other.*; } @@ -407,6 +411,10 @@ pub const VerticalPositionKeyword = enum { /// The `bottom` keyword. bottom, + pub fn deepClone(this: *const @This(), allocator: std.mem.Allocator) @This() { + return css.implementDeepClone(@This(), this, allocator); + } + pub fn eql(this: *const VerticalPositionKeyword, other: *const VerticalPositionKeyword) bool { return this.* == other.*; } diff --git a/src/meta.zig b/src/meta.zig index 23aac95ed2..d70ee0af27 100644 --- a/src/meta.zig +++ b/src/meta.zig @@ -3,6 +3,14 @@ const bun = @import("root").bun; pub usingnamespace std.meta; +pub fn OptionalChild(comptime T: type) type { + const tyinfo = @typeInfo(T); + if (tyinfo != .Pointer) @compileError("OptionalChild(T) requires that T be a pointer to an optional type."); + const child = @typeInfo(tyinfo.Pointer.child); + if (child != .Optional) @compileError("OptionalChild(T) requires that T be a pointer to an optional type."); + return child.Optional.child; +} + pub fn EnumFields(comptime T: type) []const std.builtin.Type.EnumField { const tyinfo = @typeInfo(T); return switch (tyinfo) { diff --git a/src/string_immutable.zig b/src/string_immutable.zig index c4412eafd8..594bf3386e 100644 --- a/src/string_immutable.zig +++ b/src/string_immutable.zig @@ -4397,7 +4397,7 @@ pub fn trimLeadingChar(slice: []const u8, char: u8) []const u8 { /// e.g. /// `trimLeadingPattern2("abcdef", 'a', 'b') == "cdef"` pub fn trimLeadingPattern2(slice_: []const u8, comptime byte1: u8, comptime byte2: u8) []const u8 { - const pattern: u16 = comptime @as(u16, byte1) << 8 | @as(u16, byte2); + const pattern: u16 = comptime @as(u16, byte2) << 8 | @as(u16, byte1); var slice = slice_; while (slice.len >= 2) { const sliceu16: [*]const u16 = @ptrCast(@alignCast(slice.ptr)); diff --git a/test/bun.lockb b/test/bun.lockb index 8031cfd8ca..b025efa7b6 100755 Binary files a/test/bun.lockb and b/test/bun.lockb differ diff --git a/test/bundler/css/wpt/background-computed.test.ts b/test/bundler/css/wpt/background-computed.test.ts new file mode 100644 index 0000000000..4a5c479df6 --- /dev/null +++ b/test/bundler/css/wpt/background-computed.test.ts @@ -0,0 +1,65 @@ +import { describe } from "bun:test"; +import { itBundled } from "../../expectBundled"; + +const runTest = (property: string, input: string, expected: string) => { + const testTitle = `${property}: ${input}`; + itBundled(testTitle, { + experimentalCss: true, + files: { + "/a.css": /* css */ ` +h1 { + ${property}: ${input} +} + `, + }, + outfile: "out.css", + + onAfterBundle(api) { + api.expectFile("/out.css").toEqualIgnoringWhitespace(` +/* a.css */ +h1 { + ${property}: ${expected}; +} +`); + }, + }); +}; + +describe("background-computed", () => { + runTest("background-attachment", "local", "local"); + runTest("background-attachment", "scroll, fixed", "scroll, fixed"); + runTest("background-attachment", "local, fixed, scroll", "local, fixed, scroll"); + runTest("background-attachment", "local, fixed, scroll, fixed", "local, fixed, scroll, fixed"); + runTest("background-clip", "border-box", "border-box"); + runTest("background-clip", "content-box, border-box", "content-box, border-box"); + runTest("background-clip", "border-box, padding-box, content-box", "border-box, padding-box, content-box"); + runTest( + "background-clip", + "content-box, border-box, padding-box, content-box", + "content-box, border-box, padding-box, content-box", + ); + runTest("background-clip", "content-box, border-box, padding-box", "content-box, border-box, padding-box"); + runTest("background-clip", "content-box, border-box, border-area", "content-box, border-box, border-area"); + runTest("background-color", "rgb(255, 0, 0)", "red"); + runTest("background-origin", "border-box", "border-box"); + runTest("background-origin", "content-box, border-box", "content-box, border-box"); + runTest("background-origin", "border-box, padding-box, content-box", "border-box, padding-box, content-box"); + runTest( + "background-origin", + "content-box, border-box, padding-box, content-box", + "content-box, border-box, padding-box, content-box", + ); + runTest("background-position", "50% 6px", "50% 6px"); + runTest("background-position", "12px 13px, 50% 6px", "12px 13px, 50% 6px"); + runTest("background-position", "12px 13px, 50% 6px, 30px -10px", "12px 13px, 50% 6px, 30px -10px"); + runTest( + "background-position", + "12px 13px, 50% 6px, 30px -10px, -7px 8px", + "12px 13px, 50% 6px, 30px -10px, -7px 8px", + ); + runTest("background-position-x", "0.5em", ".5em"); + runTest("background-position-x", "-20%, 10px", "-20%, 10px"); + runTest("background-position-x", "center, left, right", "center, left, right"); + runTest("background-position-x", "calc(10px - 0.5em), -20%, right, 15%", "calc(10px - .5em), -20%, right, 15%"); + runTest("background-position-y", "0.5em", ".5em"); +}); diff --git a/test/bundler/css/wpt/color-computed-rgb.test.ts b/test/bundler/css/wpt/color-computed-rgb.test.ts new file mode 100644 index 0000000000..e29ff07e54 --- /dev/null +++ b/test/bundler/css/wpt/color-computed-rgb.test.ts @@ -0,0 +1,202 @@ +import { describe } from "bun:test"; +import { itBundled } from "../../expectBundled"; + +const runTest = (testTitle: string, input: string, expected: string) => { + testTitle = testTitle.length === 0 ? input : testTitle; + itBundled(testTitle, { + experimentalCss: true, + files: { + "/a.css": /* css */ ` +h1 { + color: ${input} +} + `, + }, + outfile: "out.css", + + onAfterBundle(api) { + api.expectFile("/out.css").toEqualIgnoringWhitespace(` +/* a.css */ +h1 { + color: ${expected}; +} +`); + }, + }); +}; + +describe("color-computed-rgb", () => { + runTest("", "rgb(none none none)", "#000"); + runTest("", "rgb(none none none / none)", "#0000"); + runTest("", "rgb(128 none none)", "maroon"); + runTest("", "rgb(128 none none / none)", "#80000000"); + runTest("", "rgb(none none none / .5)", "#00000080"); + runTest("", "rgb(20% none none)", "#300"); + runTest("", "rgb(20% none none / none)", "#3000"); + runTest("", "rgb(none none none / 50%)", "#00000080"); + runTest("", "rgba(none none none)", "#000"); + runTest("", "rgba(none none none / none)", "#0000"); + runTest("", "rgba(128 none none)", "maroon"); + runTest("", "rgba(128 none none / none)", "#80000000"); + runTest("", "rgba(none none none / .5)", "#00000080"); + runTest("", "rgba(20% none none)", "#300"); + runTest("", "rgba(20% none none / none)", "#3000"); + runTest("", "rgba(none none none / 50%)", "#00000080"); + runTest("Tests that RGB channels are rounded appropriately", "rgb(2.5, 3.4, 4.6)", "#030305"); + runTest("Valid numbers should be parsed", "rgb(00, 51, 102)", "#036"); + runTest("Correct escape sequences should still parse", "r\\gb(00, 51, 102)", "#036"); + runTest("Correct escape sequences should still parse", "r\\67 b(00, 51, 102)", "#036"); + runTest("Capitalization should not affect parsing", "RGB(153, 204, 255)", "#9cf"); + runTest("Capitalization should not affect parsing", "rgB(0, 0, 0)", "#000"); + runTest("Capitalization should not affect parsing", "rgB(0, 51, 255)", "#03f"); + runTest("Lack of whitespace should not affect parsing", "rgb(0,51,255)", "#03f"); + runTest("Whitespace should not affect parsing", "rgb(0 , 51 ,255)", "#03f"); + runTest("Comments should be allowed within function", "rgb(/* R */0, /* G */51, /* B */255)", "#03f"); + runTest("Invalid values should be clamped to 0 and 255 respectively", "rgb(-51, 306, 0)", "#0f0"); + runTest("Valid percentages should be parsed", "rgb(42%, 3%, 50%)", "#6b0880"); + runTest("Capitalization should not affect parsing", "RGB(100%, 100%, 100%)", "#fff"); + runTest("Capitalization should not affect parsing", "rgB(0%, 0%, 0%)", "#000"); + runTest("Capitalization should not affect parsing", "rgB(10%, 20%, 30%)", "#1a334d"); + runTest("Whitespace should not affect parsing", "rgb(10%,20%,30%)", "#1a334d"); + runTest("Whitespace should not affect parsing", "rgb(10% , 20% ,30%)", "#1a334d"); + runTest("Comments should not affect parsing", "rgb(/* R */ 10%, /* G */ 20%, /* B */ 30%)", "#1a334d"); + runTest("Invalid values should be clamped to 0 and 255 respectively", "rgb(-12%, 110%, 1400%)", "#0ff"); + runTest("RGB and RGBA are synonyms", "rgb(0, 0, 0, 0)", "#0000"); + runTest("RGB and RGBA are synonyms", "rgb(0%, 0%, 0%, 0%)", "#0000"); + runTest("RGB and RGBA are synonyms", "rgb(0%, 0%, 0%, 0)", "#0000"); + runTest("Valid numbers should be parsed", "rgba(0, 0, 0, 0)", "#0000"); + runTest("Valid numbers should be parsed", "rgba(204, 0, 102, 0.3)", "#cc00664d"); + runTest("Capitalization should not affect parsing", "RGBA(255, 255, 255, 0)", "#fff0"); + runTest("Capitalization should not affect parsing", "rgBA(0, 51, 255, 1)", "#03f"); + runTest("Invalid alpha values should be clamped to 0 and 1 respectively", "rgba(0, 51, 255, 1.1)", "#03f"); + runTest("Invalid alpha values should be clamped to 0 and 1 respectively", "rgba(0, 51, 255, 37)", "#03f"); + runTest("Valid numbers should be parsed", "rgba(0, 51, 255, 0.42)", "#0033ff6b"); + runTest("Valid numbers should be parsed", "rgba(0, 51, 255, 0)", "#03f0"); + runTest("Invalid alpha values should be clamped to 0 and 1 respectively", "rgba(0, 51, 255, -0.1)", "#03f0"); + runTest("Invalid alpha values should be clamped to 0 and 1 respectively", "rgba(0, 51, 255, -139)", "#03f0"); + runTest("Capitalization should not affect parsing", "RGBA(100%, 100%, 100%, 0)", "#fff0"); + runTest("Valid percentages should be parsed", "rgba(42%, 3%, 50%, 0.3)", "#6b08804d"); + runTest("Capitalization should not affect parsing", "rgBA(0%, 20%, 100%, 1)", "#03f"); + runTest("Invalid alpha values should be clamped to 0 and 1 respectively", "rgba(0%, 20%, 100%, 1.1)", "#03f"); + runTest("Invalid alpha values should be clamped to 0 and 1 respectively", "rgba(0%, 20%, 100%, 37)", "#03f"); + runTest("Valid percentages should be parsed", "rgba(0%, 20%, 100%, 0.42)", "#0033ff6b"); + runTest("Valid percentages should be parsed", "rgba(0%, 20%, 100%, 0)", "#03f0"); + runTest("Invalid alpha values should be clamped to 0 and 1 respectively", "rgba(0%, 20%, 100%, -0.1)", "#03f0"); + runTest("Invalid alpha values should be clamped to 0 and 1 respectively", "rgba(0%, 20%, 100%, -139)", "#03f0"); + runTest("Percent alpha values are accepted in rgb/rgba", "rgba(255, 255, 255, 0%)", "#fff0"); + runTest("Percent alpha values are accepted in rgb/rgba", "rgba(0%, 0%, 0%, 0%)", "#0000"); + runTest("RGB and RGBA are synonyms", "rgba(0%, 0%, 0%)", "#000"); + runTest("RGB and RGBA are synonyms", "rgba(0, 0, 0)", "#000"); + runTest("Red channel resolves positive infinity to 255", "rgb(calc(infinity), 0, 0)", "red"); + runTest("Green channel resolves positive infinity to 255", "rgb(0, calc(infinity), 0)", "#0f0"); + runTest("Blue channel resolves positive infinity to 255", "rgb(0, 0, calc(infinity))", "#00f"); + runTest("Alpha channel resolves positive infinity to fully opaque", "rgba(0, 0, 0, calc(infinity))", "#000"); + runTest("Red channel resolves negative infinity to zero", "rgb(calc(-infinity), 0, 0)", "#000"); + runTest("Green channel resolves negative infinity to zero", "rgb(0, calc(-infinity), 0)", "#000"); + runTest("Blue channel resolves negative infinity to zero", "rgb(0, 0, calc(-infinity))", "#000"); + runTest("Alpha channel resolves negative infinity to fully transparent", "rgba(0, 0, 0, calc(-infinity))", "#0000"); + runTest("Red channel resolves NaN to zero", "rgb(calc(NaN), 0, 0)", "rgb(calc(NaN), 0, 0)"); + runTest("Green channel resolves NaN to zero", "rgb(0, calc(NaN), 0)", "rgb(0, calc(NaN), 0)"); + runTest("Blue channel resolves NaN to zero", "rgb(0, 0, calc(NaN))", "rgb(0, 0, calc(NaN))"); + runTest("Alpha channel resolves NaN to zero", "rgba(0, 0, 0, calc(NaN))", "#0000"); + runTest( + "Red channel resolves NaN equivalent calc statements to zero", + "rgb(calc(0 / 0), 0, 0)", + "rgb(calc(0 / 0), 0, 0)", + ); + runTest( + "Green channel resolves NaN equivalent calc statements to zero", + "rgb(0, calc(0 / 0), 0)", + "rgb(0, calc(0 / 0), 0)", + ); + runTest( + "Blue channel resolves NaN equivalent calc statements to zero", + "rgb(0, 0, calc(0 / 0))", + "rgb(0, 0, calc(0 / 0))", + ); + runTest("Alpha channel resolves NaN equivalent calc statements to zero", "rgba(0, 0, 0, calc(0 / 0))", "#0000"); + runTest("Variables above 255 get clamped to 255.", "rgb(var(--high), 0, 0)", "rgb(var(--high), 0, 0)"); + runTest("Variables below 0 get clamped to 0.", "rgb(var(--negative), 64, 128)", "rgb(var(--negative), 64, 128)"); + runTest( + "", + "rgb(calc(50% + (sign(1em - 10px) * 10%)), 0%, 0%, 50%)", + "rgb(calc(50% + (sign(1em - 10px) * 10%)), 0%, 0%, 50%)", + ); + runTest( + "", + "rgba(calc(50% + (sign(1em - 10px) * 10%)), 0%, 0%, 50%)", + "rgba(calc(50% + (sign(1em - 10px) * 10%)), 0%, 0%, 50%)", + ); + runTest( + "", + "rgb(calc(50 + (sign(1em - 10px) * 10)), 0, 0, 0.5)", + "rgb(calc(50 + (sign(1em - 10px) * 10)), 0, 0, .5)", + ); + runTest( + "", + "rgba(calc(50 + (sign(1em - 10px) * 10)), 0, 0, 0.5)", + "rgba(calc(50 + (sign(1em - 10px) * 10)), 0, 0, .5)", + ); + runTest( + "", + "rgb(0%, 0%, 0%, calc(50% + (sign(1em - 10px) * 10%)))", + "rgb(0%, 0%, 0%, calc(50% + (sign(1em - 10px) * 10%)))", + ); + runTest( + "", + "rgba(0%, 0%, 0%, calc(50% + (sign(1em - 10px) * 10%)))", + "rgba(0%, 0%, 0%, calc(50% + (sign(1em - 10px) * 10%)))", + ); + runTest( + "", + "rgb(0, 0, 0, calc(0.75 + (sign(1em - 10px) * 0.1)))", + "rgb(0, 0, 0, calc(.75 + (sign(1em - 10px) * .1)))", + ); + runTest( + "", + "rgba(0, 0, 0, calc(0.75 + (sign(1em - 10px) * 0.1)))", + "rgba(0, 0, 0, calc(.75 + (sign(1em - 10px) * .1)))", + ); + runTest( + "", + "rgb(calc(50% + (sign(1em - 10px) * 10%)) 0% 0% / 50%)", + "rgb(calc(50% + (sign(1em - 10px) * 10%)) 0% 0% / 50%)", + ); + runTest( + "", + "rgba(calc(50% + (sign(1em - 10px) * 10%)) 0% 0% / 50%)", + "rgba(calc(50% + (sign(1em - 10px) * 10%)) 0% 0% / 50%)", + ); + runTest("", "rgb(calc(50 + (sign(1em - 10px) * 10)) 0 0 / 0.5)", "rgb(calc(50 + (sign(1em - 10px) * 10)) 0 0 / .5)"); + runTest( + "", + "rgba(calc(50 + (sign(1em - 10px) * 10)) 0 0 / 0.5)", + "rgba(calc(50 + (sign(1em - 10px) * 10)) 0 0 / .5)", + ); + runTest( + "", + "rgb(0% 0% 0% / calc(50% + (sign(1em - 10px) * 10%)))", + "rgb(0 0 0 / calc(50% + (sign(1em - 10px) * 10%)))", + ); + runTest( + "", + "rgba(0% 0% 0% / calc(50% + (sign(1em - 10px) * 10%)))", + "rgba(0% 0% 0% / calc(50% + (sign(1em - 10px) * 10%)))", + ); + runTest("", "rgb(0 0 0 / calc(0.75 + (sign(1em - 10px) * 0.1)))", "rgb(0 0 0 / calc(.75 + (sign(1em - 10px) * .1)))"); + runTest( + "", + "rgba(0 0 0 / calc(0.75 + (sign(1em - 10px) * 0.1)))", + "rgba(0 0 0 / calc(.75 + (sign(1em - 10px) * .1)))", + ); + runTest( + "", + "rgba(calc(50% + (sign(1em - 10px) * 10%)) 0 0% / 0.5)", + "rgba(calc(50% + (sign(1em - 10px) * 10%)) 0 0% / .5)", + ); + runTest( + "", + "rgba(0% 0 0% / calc(0.75 + (sign(1em - 10px) * 0.1)))", + "rgba(0% 0 0% / calc(.75 + (sign(1em - 10px) * .1)))", + ); +}); diff --git a/test/bundler/css/wpt/color-computed.test.ts b/test/bundler/css/wpt/color-computed.test.ts new file mode 100644 index 0000000000..bbfe477c17 --- /dev/null +++ b/test/bundler/css/wpt/color-computed.test.ts @@ -0,0 +1,42 @@ +import { describe } from "bun:test"; +import { itBundled } from "../../expectBundled"; + +const runTest = (input: string, expected: string) => { + itBundled(input, { + experimentalCss: true, + files: { + "/a.css": /* css */ ` +h1 { + color: ${input} +} + `, + }, + outfile: "out.css", + + onAfterBundle(api) { + api.expectFile("/out.css").toEqualIgnoringWhitespace(` +/* a.css */ +h1 { + color: ${expected}; +} +`); + }, + }); +}; + +describe("color-computed", () => { + runTest("currentcolor", "currentColor"); + runTest("transparent", "#0000"); + runTest("red", "red"); + runTest("magenta", "#f0f"); + runTest("#234", "#234"); + runTest("#FEDCBA", "#fedcba"); + runTest("rgb(100%, 0%, 0%)", "red"); + runTest("rgba(2, 3, 4, 50%)", "#02030480"); + runTest("hsl(120, 100%, 50%)", "#0f0"); + runTest("hsla(120, 100%, 50%, 0.25)", "#00ff0040"); + runTest("rgb(-2, 3, 4)", "#000304"); + runTest("rgb(100, 200, 300)", "#64c8ff"); + runTest("rgb(20, 10, 0, -10)", "#140a0000"); + runTest("rgb(100%, 200%, 300%)", "#fff"); +}); diff --git a/test/bundler/css/wpt/relative_color_out_of_gamut.test.ts b/test/bundler/css/wpt/relative_color_out_of_gamut.test.ts new file mode 100644 index 0000000000..8664d4bbfb --- /dev/null +++ b/test/bundler/css/wpt/relative_color_out_of_gamut.test.ts @@ -0,0 +1,573 @@ +import { describe } from "bun:test"; +import { itBundled } from "../../expectBundled"; + +let i = 0; +const testname = () => `test-${i++}`; +describe("relative_color_out_of_gamut", () => { + itBundled(testname(), { + experimentalCss: true, + files: { + "/a.css": /* css */ ` +h1 { + color: rgb(from color(display-p3 0 1 0) r g b / alpha); +} + `, + }, + outfile: "out.css", + + onAfterBundle(api) { + api.expectFile("/out.css").toEqualIgnoringWhitespace(` +/* a.css */ +h1 { + color: #00f942; +} +`); + }, + }); + + itBundled(testname(), { + experimentalCss: true, + files: { + "/a.css": /* css */ ` + h1 { + color: rgb(from lab(100 104.3 -50.9) r g b); + } + `, + }, + outfile: "/out.css", + + onAfterBundle(api) { + api.expectFile("/out.css").toEqualIgnoringWhitespace(` + /* a.css */ + h1 { + color: rgb(from lab(100 104.3 -50.9) r g b); + } + `); + }, + }); + + itBundled(testname(), { + experimentalCss: true, + files: { + "/a.css": /* css */ ` + h1 { + color: rgb(from lab(0 104.3 -50.9) r g b); + } + `, + }, + outfile: "/out.css", + + onAfterBundle(api) { + api.expectFile("/out.css").toEqualIgnoringWhitespace(` + /* a.css */ + h1 { + color: rgb(from lab(0 104.3 -50.9) r g b); + } + `); + }, + }); + + itBundled(testname(), { + experimentalCss: true, + files: { + "/a.css": /* css */ ` + h1 { + color: rgb(from lch(100 116 334) r g b); + } + `, + }, + outfile: "/out.css", + + onAfterBundle(api) { + api.expectFile("/out.css").toEqualIgnoringWhitespace(` + /* a.css */ + h1 { + color: rgb(from lch(100 116 334) r g b); + } + `); + }, + }); + + itBundled(testname(), { + experimentalCss: true, + files: { + "/a.css": /* css */ ` + h1 { + color: rgb(from lch(0 116 334) r g b); + } + `, + }, + outfile: "/out.css", + + onAfterBundle(api) { + api.expectFile("/out.css").toEqualIgnoringWhitespace(` + /* a.css */ + h1 { + color: rgb(from lch(0 116 334) r g b); + } + `); + }, + }); + + itBundled(testname(), { + experimentalCss: true, + files: { + "/a.css": /* css */ ` + h1 { + color: rgb(from oklab(1 0.365 -0.16) r g b); + } + `, + }, + outfile: "/out.css", + + onAfterBundle(api) { + api.expectFile("/out.css").toEqualIgnoringWhitespace(` + /* a.css */ + h1 { + color: rgb(from oklab(1 .365 -.16) r g b); + } + `); + }, + }); + + itBundled(testname(), { + experimentalCss: true, + files: { + "/a.css": /* css */ ` + h1 { + color: rgb(from oklab(0 0.365 -0.16) r g b); + } + `, + }, + outfile: "/out.css", + + onAfterBundle(api) { + api.expectFile("/out.css").toEqualIgnoringWhitespace(` + /* a.css */ + h1 { + color: rgb(from oklab(0 .365 -.16) r g b); + } + `); + }, + }); + + itBundled(testname(), { + experimentalCss: true, + files: { + "/a.css": /* css */ ` + h1 { + color: rgb(from oklch(1 0.399 336.3) r g b); + } + `, + }, + outfile: "/out.css", + + onAfterBundle(api) { + api.expectFile("/out.css").toEqualIgnoringWhitespace(` + /* a.css */ + h1 { + color: rgb(from oklch(1 .399 336.3) r g b); + } + `); + }, + }); + + itBundled(testname(), { + experimentalCss: true, + files: { + "/a.css": /* css */ ` + h1 { + color: rgb(from oklch(0 0.399 336.3) r g b); + } + `, + }, + outfile: "/out.css", + + onAfterBundle(api) { + api.expectFile("/out.css").toEqualIgnoringWhitespace(` + /* a.css */ + h1 { + color: rgb(from oklch(0 .399 336.3) r g b); + } + `); + }, + }); + + itBundled(testname(), { + experimentalCss: true, + files: { + "/a.css": /* css */ ` + h1 { + color: hsl(from color(display-p3 0 1 0) h s l / alpha); + } + `, + }, + outfile: "/out.css", + + onAfterBundle(api) { + api.expectFile("/out.css").toEqualIgnoringWhitespace(` + /* a.css */ + h1 { + color: #00f942; + } + `); + }, + }); + + itBundled(testname(), { + experimentalCss: true, + files: { + "/a.css": /* css */ ` + h1 { + color: hsl(from lab(100 104.3 -50.9) h s l); + } + `, + }, + outfile: "/out.css", + + onAfterBundle(api) { + api.expectFile("/out.css").toEqualIgnoringWhitespace(` + /* a.css */ + h1 { + color: hsl(from lab(100 104.3 -50.9) h s l); + } + `); + }, + }); + + itBundled(testname(), { + experimentalCss: true, + files: { + "/a.css": /* css */ ` + h1 { + color: hsl(from lab(0 104.3 -50.9) h s l); + } + `, + }, + outfile: "/out.css", + + onAfterBundle(api) { + api.expectFile("/out.css").toEqualIgnoringWhitespace(` + /* a.css */ + h1 { + color: hsl(from lab(0 104.3 -50.9) h s l); + } + `); + }, + }); + + itBundled(testname(), { + experimentalCss: true, + files: { + "/a.css": /* css */ ` + h1 { + color: hsl(from lch(100 116 334) h s l); + } + `, + }, + outfile: "/out.css", + + onAfterBundle(api) { + api.expectFile("/out.css").toEqualIgnoringWhitespace(` + /* a.css */ + h1 { + color: hsl(from lch(100 116 334) h s l); + } + `); + }, + }); + + itBundled(testname(), { + experimentalCss: true, + files: { + "/a.css": /* css */ ` + h1 { + color: hsl(from lch(0 116 334) h s l); + } + `, + }, + outfile: "/out.css", + + onAfterBundle(api) { + api.expectFile("/out.css").toEqualIgnoringWhitespace(` + /* a.css */ + h1 { + color: hsl(from lch(0 116 334) h s l); + } + `); + }, + }); + + itBundled(testname(), { + experimentalCss: true, + files: { + "/a.css": /* css */ ` + h1 { + color: hsl(from oklab(1 0.365 -0.16) h s l); + } + `, + }, + outfile: "/out.css", + + onAfterBundle(api) { + api.expectFile("/out.css").toEqualIgnoringWhitespace(` + /* a.css */ + h1 { + color: hsl(from oklab(1 .365 -.16) h s l); + } + `); + }, + }); + + itBundled(testname(), { + experimentalCss: true, + files: { + "/a.css": /* css */ ` + h1 { + color: hsl(from oklab(0 0.365 -0.16) h s l); + } + `, + }, + outfile: "/out.css", + + onAfterBundle(api) { + api.expectFile("/out.css").toEqualIgnoringWhitespace(` + /* a.css */ + h1 { + color: hsl(from oklab(0 .365 -.16) h s l); + } + `); + }, + }); + + itBundled(testname(), { + experimentalCss: true, + files: { + "/a.css": /* css */ ` + h1 { + color: hsl(from oklch(1 0.399 336.3) h s l); + } + `, + }, + outfile: "/out.css", + + onAfterBundle(api) { + api.expectFile("/out.css").toEqualIgnoringWhitespace(` + /* a.css */ + h1 { + color: hsl(from oklch(1 .399 336.3) h s l); + } + `); + }, + }); + + itBundled(testname(), { + experimentalCss: true, + files: { + "/a.css": /* css */ ` + h1 { + color: hsl(from oklch(0 0.399 336.3) h s l); + } + `, + }, + outfile: "/out.css", + + onAfterBundle(api) { + api.expectFile("/out.css").toEqualIgnoringWhitespace(` + /* a.css */ + h1 { + color: hsl(from oklch(0 .399 336.3) h s l); + } + `); + }, + }); + + itBundled(testname(), { + experimentalCss: true, + files: { + "/a.css": /* css */ ` + h1 { + color: hwb(from color(display-p3 0 1 0) h w b / alpha); + } + `, + }, + outfile: "/out.css", + + onAfterBundle(api) { + api.expectFile("/out.css").toEqualIgnoringWhitespace(` + /* a.css */ + h1 { + color: #00f942; + } + `); + }, + }); + + itBundled(testname(), { + experimentalCss: true, + files: { + "/a.css": /* css */ ` + h1 { + color: hwb(from lab(100 104.3 -50.9) h w b); + } + `, + }, + outfile: "/out.css", + + onAfterBundle(api) { + api.expectFile("/out.css").toEqualIgnoringWhitespace(` + /* a.css */ + h1 { + color: hwb(from lab(100 104.3 -50.9) h w b); + } + `); + }, + }); + + itBundled(testname(), { + experimentalCss: true, + files: { + "/a.css": /* css */ ` + h1 { + color: hwb(from lab(0 104.3 -50.9) h w b); + } + `, + }, + outfile: "/out.css", + + onAfterBundle(api) { + api.expectFile("/out.css").toEqualIgnoringWhitespace(` + /* a.css */ + h1 { + color: hwb(from lab(0 104.3 -50.9) h w b); + } + `); + }, + }); + + itBundled(testname(), { + experimentalCss: true, + files: { + "/a.css": /* css */ ` + h1 { + color: hwb(from lch(100 116 334) h w b); + } + `, + }, + outfile: "/out.css", + + onAfterBundle(api) { + api.expectFile("/out.css").toEqualIgnoringWhitespace(` + /* a.css */ + h1 { + color: hwb(from lch(100 116 334) h w b); + } + `); + }, + }); + + itBundled(testname(), { + experimentalCss: true, + files: { + "/a.css": /* css */ ` + h1 { + color: hwb(from lch(0 116 334) h w b); + } + `, + }, + outfile: "/out.css", + + onAfterBundle(api) { + api.expectFile("/out.css").toEqualIgnoringWhitespace(` + /* a.css */ + h1 { + color: hwb(from lch(0 116 334) h w b); + } + `); + }, + }); + + itBundled(testname(), { + experimentalCss: true, + files: { + "/a.css": /* css */ ` + h1 { + color: hwb(from oklab(1 0.365 -0.16) h w b); + } + `, + }, + outfile: "/out.css", + + onAfterBundle(api) { + api.expectFile("/out.css").toEqualIgnoringWhitespace(` + /* a.css */ + h1 { + color: hwb(from oklab(1 .365 -.16) h w b); + } + `); + }, + }); + + itBundled(testname(), { + experimentalCss: true, + files: { + "/a.css": /* css */ ` + h1 { + color: hwb(from oklab(0 0.365 -0.16) h w b); + } + `, + }, + outfile: "/out.css", + + onAfterBundle(api) { + api.expectFile("/out.css").toEqualIgnoringWhitespace(` + /* a.css */ + h1 { + color: hwb(from oklab(0 .365 -.16) h w b); + } + `); + }, + }); + + itBundled(testname(), { + experimentalCss: true, + files: { + "/a.css": /* css */ ` + h1 { + color: hwb(from oklch(1 0.399 336.3) h w b); + } + `, + }, + outfile: "/out.css", + + onAfterBundle(api) { + api.expectFile("/out.css").toEqualIgnoringWhitespace(` + /* a.css */ + h1 { + color: hwb(from oklch(1 .399 336.3) h w b); + } + `); + }, + }); + + itBundled(testname(), { + experimentalCss: true, + files: { + "/a.css": /* css */ ` + h1 { + color: hwb(from oklch(0 0.399 336.3) h w b); + } + `, + }, + outfile: "/out.css", + + onAfterBundle(api) { + api.expectFile("/out.css").toEqualIgnoringWhitespace(` + /* a.css */ + h1 { + color: hwb(from oklch(0 .399 336.3) h w b); + } + `); + }, + }); +}); diff --git a/test/bundler/esbuild/css.test.ts b/test/bundler/esbuild/css.test.ts index eb5b10722e..2666a81c42 100644 --- a/test/bundler/esbuild/css.test.ts +++ b/test/bundler/esbuild/css.test.ts @@ -6,7 +6,7 @@ import { itBundled } from "../expectBundled"; // For debug, all files are written to $TEMP/bun-bundle-tests/css -describe('bundler', () => { +describe("bundler", () => { itBundled("css/CSSEntryPoint", { experimentalCss: true, files: { @@ -16,14 +16,14 @@ describe('bundler', () => { color: black } `, }, - outfile: '/out.js', + outfile: "/out.js", onAfterBundle(api) { - api.expectFile('/out.js').toEqualIgnoringWhitespace(` + api.expectFile("/out.js").toEqualIgnoringWhitespace(` /* entry.css */ body { - background: #fff; color: #000; -}`) + background: #fff; +}`); }, }); @@ -32,10 +32,10 @@ body { files: { "/entry.css": /* css */ `\n`, }, - outfile: '/out.js', + outfile: "/out.js", onAfterBundle(api) { - api.expectFile('/out.js').toEqualIgnoringWhitespace(` -/* entry.css */`) + api.expectFile("/out.js").toEqualIgnoringWhitespace(` +/* entry.css */`); }, }); @@ -49,16 +49,16 @@ body { } }`, }, - outfile: '/out.js', + outfile: "/out.js", onAfterBundle(api) { - api.expectFile('/out.js').toEqualIgnoringWhitespace(` + api.expectFile("/out.js").toEqualIgnoringWhitespace(` /* entry.css */ body { &h1 { color: #fff; } } -`) +`); }, }); @@ -83,15 +83,15 @@ body { .before { color: red } `, }, - outfile: '/out.css', + outfile: "/out.css", onAfterBundle(api) { - api.expectFile('/out.css').toEqualIgnoringWhitespace(` + api.expectFile("/out.css").toEqualIgnoringWhitespace(` /* internal.css */ -.before { - color: red; +.before { + color: red; } /* entry.css */ -`) +`); }, }); @@ -116,30 +116,29 @@ body { .second { color: red } `, }, - outfile: '/out.css', + outfile: "/out.css", onAfterBundle(api) { - api.expectFile('/out.css').toEqualIgnoringWhitespace(` + api.expectFile("/out.css").toEqualIgnoringWhitespace(` /* b.css */ -.first { - color: red; +.first { + color: red; } /* d.css */ -.second { - color: red; +.second { + color: red; } /* c.css */ -.third { - color: red; +.third { + color: red; } /* a.css */ -.last { - color: red; +.last { + color: red; } -`) +`); }, }); - itBundled("css/CSSAtImportCycle", { experimentalCss: true, files: { @@ -148,18 +147,17 @@ body { .hehe { color: red } `, }, - outfile: '/out.css', + outfile: "/out.css", onAfterBundle(api) { - api.expectFile('/out.css').toEqualIgnoringWhitespace(` + api.expectFile("/out.css").toEqualIgnoringWhitespace(` /* a.css */ -.hehe { - color: red; +.hehe { + color: red; } -`) +`); }, }); - itBundled("css/CSSUrlImport", { experimentalCss: true, files: { @@ -174,17 +172,17 @@ body { `, }, - outdir: '/out', + outdir: "/out", onAfterBundle(api) { - api.expectFile('/out/a.css').toEqualIgnoringWhitespace(` + api.expectFile("/out/a.css").toEqualIgnoringWhitespace(` /* a.css */ .hello { background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAwIiBoZWlnaHQ9IjEwMCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICA8Y2lyY2xlIGN4PSI1MCIgY3k9IjUwIiByPSI0MCIgZmlsbD0iYmx1ZSIgLz4KPC9zdmc+"); } -`) +`); }, }); -}) +}); describe.todo("bundler", () => { itBundled("css/CSSEntryPoint", { diff --git a/test/bundler/expectBundled.ts b/test/bundler/expectBundled.ts index b3e5d8ad1f..5f0052fb45 100644 --- a/test/bundler/expectBundled.ts +++ b/test/bundler/expectBundled.ts @@ -10,6 +10,7 @@ import { bunEnv, bunExe, isDebug } from "harness"; import { tmpdir } from "os"; import path from "path"; import { SourceMapConsumer } from "source-map"; +import filenamify from "filenamify"; /** Dedent module does a bit too much with their stuff. we will be much simpler */ export function dedent(str: string | TemplateStringsArray, ...args: any[]) { @@ -552,7 +553,14 @@ function expectBundled( backend = plugins !== undefined ? "api" : "cli"; } - let root = path.join(tempDirectory, id); + let root = path.join( + tempDirectory, + id + .split("/") + .map(a => filenamify(a)) + .join("/"), + ); + mkdirSync(root, { recursive: true }); root = realpathSync(root); if (DEBUG) console.log("root:", root); diff --git a/test/js/bun/css/css.test.ts b/test/js/bun/css/css.test.ts index 764e50e024..842160c315 100644 --- a/test/js/bun/css/css.test.ts +++ b/test/js/bun/css/css.test.ts @@ -5,7 +5,7 @@ import { describe, expect, test } from "bun:test"; import "harness"; import path from "path"; -import { attrTest, cssTest, indoc, minify_test, minifyTest, prefix_test } from "./util"; +import { attrTest, cssTest, indoc, indoc, minify_test, minifyTest, prefix_test } from "./util"; describe("css tests", () => { describe("border_spacing", () => { @@ -69,7 +69,6 @@ describe("css tests", () => { }); describe("border", () => { - // TODO: // cssTest( // ` // .foo { @@ -1824,4 +1823,1435 @@ describe("css tests", () => { // `, // ); }); + + describe("margin", () => { + cssTest( + ` + .foo { + margin-left: 10px; + margin-right: 10px; + margin-top: 20px; + margin-bottom: 20px; + }`, + indoc` + .foo { + margin: 20px 10px; + } +`, + ); + + cssTest( + ` + .foo { + margin-block-start: 15px; + margin-block-end: 15px; + }`, + indoc` + .foo { + margin-block: 15px; + } +`, + ); + + cssTest( + ` + .foo { + margin-left: 10px; + margin-right: 10px; + margin-inline-start: 15px; + margin-inline-end: 15px; + margin-top: 20px; + margin-bottom: 20px; + }`, + indoc` + .foo { + margin-left: 10px; + margin-right: 10px; + margin-inline: 15px; + margin-top: 20px; + margin-bottom: 20px; + } +`, + ); + + cssTest( + ` + .foo { + margin: 10px; + margin-top: 20px; + }`, + indoc` + .foo { + margin: 20px 10px 10px; + } +`, + ); + + cssTest( + ` + .foo { + margin: 10px; + margin-top: var(--top); + }`, + indoc` + .foo { + margin: 10px; + margin-top: var(--top); + } +`, + ); + + prefix_test( + ` + .foo { + margin-inline-start: 2px; + } + `, + indoc` + .foo:not(:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) { + margin-left: 2px; + } + + .foo:not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) { + margin-left: 2px; + } + + .foo:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) { + margin-right: 2px; + } + + .foo:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) { + margin-right: 2px; + } + `, + { + safari: 8 << 16, + }, + ); + + prefix_test( + ` + .foo { + margin-inline-start: 2px; + margin-inline-end: 4px; + } + `, + indoc` + .foo:not(:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) { + margin-left: 2px; + margin-right: 4px; + } + + .foo:not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) { + margin-left: 2px; + margin-right: 4px; + } + + .foo:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) { + margin-left: 4px; + margin-right: 2px; + } + + .foo:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) { + margin-left: 4px; + margin-right: 2px; + } + `, + { + safari: 8 << 16, + }, + ); + + prefix_test( + ` + .foo { + margin-inline: 2px; + } + `, + indoc` + .foo { + margin-left: 2px; + margin-right: 2px; + } + `, + { + safari: 8 << 16, + }, + ); + + prefix_test( + ` + .foo { + margin-block-start: 2px; + } + `, + indoc` + .foo { + margin-top: 2px; + } + `, + { + safari: 8 << 16, + }, + ); + + prefix_test( + ` + .foo { + margin-block-end: 2px; + } + `, + indoc` + .foo { + margin-bottom: 2px; + } + `, + { + safari: 8 << 16, + }, + ); + + prefix_test( + ` + .foo { + margin-inline-start: 2px; + margin-inline-end: 2px; + } + `, + indoc` + .foo { + margin-inline-start: 2px; + margin-inline-end: 2px; + } + `, + { + safari: 13 << 16, + }, + ); + + prefix_test( + ` + .foo { + margin-inline: 2px; + } + `, + indoc` + .foo { + margin-inline-start: 2px; + margin-inline-end: 2px; + } + `, + { + safari: 13 << 16, + }, + ); + + prefix_test( + ` + .foo { + margin-inline-start: 2px; + margin-inline-end: 2px; + } + `, + indoc` + .foo { + margin-inline: 2px; + } + `, + { + safari: 15 << 16, + }, + ); + + prefix_test( + ` + .foo { + margin-inline: 2px; + } + `, + indoc` + .foo { + margin-inline: 2px; + } + `, + { + safari: 15 << 16, + }, + ); + }); + + describe("length", () => { + const properties = [ + "margin-right", + "margin", + "padding-right", + "padding", + "width", + "height", + "min-height", + "max-height", + // "line-height", + // "border-radius", + ]; + + for (const prop of properties) { + prefix_test( + ` + .foo { + ${prop}: 22px; + ${prop}: max(4%, 22px); + } + `, + indoc` + .foo { + ${prop}: 22px; + ${prop}: max(4%, 22px); + } + `, + { + safari: 10 << 16, + }, + ); + + prefix_test( + ` + .foo { + ${prop}: 22px; + ${prop}: max(4%, 22px); + } + `, + indoc` + .foo { + ${prop}: max(4%, 22px); + } + `, + { + safari: 14 << 16, + }, + ); + + prefix_test( + ` + .foo { + ${prop}: 22px; + ${prop}: max(2cqw, 22px); + } + `, + indoc` + .foo { + ${prop}: 22px; + ${prop}: max(2cqw, 22px); + } + `, + { + safari: 14 << 16, + }, + ); + + prefix_test( + ` + .foo { + ${prop}: 22px; + ${prop}: max(2cqw, 22px); + } + `, + indoc` + .foo { + ${prop}: max(2cqw, 22px); + } + `, + { + safari: 16 << 16, + }, + ); + } + }); + + describe("padding", () => { + cssTest( + ` + .foo { + padding-left: 10px; + padding-right: 10px; + padding-top: 20px; + padding-bottom: 20px; + } + `, + indoc` + .foo { + padding: 20px 10px; + } + `, + ); + + cssTest( + ` + .foo { + padding-block-start: 15px; + padding-block-end: 15px; + } + `, + indoc` + .foo { + padding-block: 15px; + } + `, + ); + + cssTest( + ` + .foo { + padding-left: 10px; + padding-right: 10px; + padding-inline-start: 15px; + padding-inline-end: 15px; + padding-top: 20px; + padding-bottom: 20px; + } + `, + indoc` + .foo { + padding-left: 10px; + padding-right: 10px; + padding-inline: 15px; + padding-top: 20px; + padding-bottom: 20px; + } + `, + ); + + prefix_test( + ` + .foo { + padding-inline-start: 2px; + } + `, + indoc` + .foo:not(:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) { + padding-left: 2px; + } + + .foo:not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) { + padding-left: 2px; + } + + .foo:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) { + padding-right: 2px; + } + + .foo:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) { + padding-right: 2px; + } + `, + { + safari: 8 << 16, + }, + ); + + prefix_test( + ` + .foo { + padding-inline-start: 2px; + padding-inline-end: 4px; + } + `, + indoc` + .foo:not(:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) { + padding-left: 2px; + padding-right: 4px; + } + + .foo:not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) { + padding-left: 2px; + padding-right: 4px; + } + + .foo:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) { + padding-left: 4px; + padding-right: 2px; + } + + .foo:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) { + padding-left: 4px; + padding-right: 2px; + } + `, + { + safari: 8 << 16, + }, + ); + + prefix_test( + ` + .foo { + padding-inline-start: var(--padding); + } + `, + indoc` + .foo:not(:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) { + padding-left: var(--padding); + } + + .foo:not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) { + padding-left: var(--padding); + } + + .foo:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) { + padding-right: var(--padding); + } + + .foo:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) { + padding-right: var(--padding); + } + `, + { + safari: 8 << 16, + }, + ); + + prefix_test( + ` + .foo { + padding-inline: 2px; + } + `, + indoc` + .foo { + padding-left: 2px; + padding-right: 2px; + } + `, + { + safari: 8 << 16, + }, + ); + + prefix_test( + ` + .foo { + padding-block-start: 2px; + } + `, + indoc` + .foo { + padding-top: 2px; + } + `, + { + safari: 8 << 16, + }, + ); + + prefix_test( + ` + .foo { + padding-block-end: 2px; + } + `, + indoc` + .foo { + padding-bottom: 2px; + } + `, + { + safari: 8 << 16, + }, + ); + + prefix_test( + ` + .foo { + padding-top: 1px; + padding-left: 2px; + padding-bottom: 3px; + padding-right: 4px; + } + `, + indoc` + .foo { + padding: 1px 4px 3px 2px; + } + `, + { + safari: 8 << 16, + }, + ); + + prefix_test( + ` + .foo { + padding-inline-start: 2px; + padding-inline-end: 2px; + } + `, + indoc` + .foo { + padding-inline-start: 2px; + padding-inline-end: 2px; + } + `, + { + safari: 13 << 16, + }, + ); + + prefix_test( + ` + .foo { + padding-inline-start: 2px; + padding-inline-end: 2px; + } + `, + indoc` + .foo { + padding-inline: 2px; + } + `, + { + safari: 15 << 16, + }, + ); + }); + + describe("scroll-paddding", () => { + prefix_test( + ` + .foo { + scroll-padding-inline: 2px; + } + `, + indoc` + .foo { + scroll-padding-inline: 2px; + } + `, + { + safari: 8 << 16, + }, + ); + }); + + describe("size", () => { + prefix_test( + ` + .foo { + block-size: 25px; + inline-size: 25px; + min-block-size: 25px; + min-inline-size: 25px; + } + `, + indoc` + .foo { + height: 25px; + min-height: 25px; + width: 25px; + min-width: 25px; + } + `, + { + safari: 8 << 16, + }, + ); + + prefix_test( + ` + .foo { + block-size: 25px; + min-block-size: 25px; + inline-size: 25px; + min-inline-size: 25px; + } + `, + indoc` + .foo { + block-size: 25px; + min-block-size: 25px; + inline-size: 25px; + min-inline-size: 25px; + } + `, + { + safari: 14 << 16, + }, + ); + + prefix_test( + ` + .foo { + block-size: var(--size); + min-block-size: var(--size); + inline-size: var(--size); + min-inline-size: var(--size); + } + `, + indoc` + .foo { + height: var(--size); + min-height: var(--size); + width: var(--size); + min-width: var(--size); + } + `, + { + safari: 8 << 16, + }, + ); + + const sizeProps = [ + ["width", "width"], + ["height", "height"], + ["block-size", "height"], + ["inline-size", "width"], + ["min-width", "min-width"], + ["min-height", "min-height"], + ["min-block-size", "min-height"], + ["min-inline-size", "min-width"], + ["max-width", "max-width"], + ["max-height", "max-height"], + ["max-block-size", "max-height"], + ["max-inline-size", "max-width"], + ]; + + for (const [inProp, outProp] of sizeProps) { + prefix_test( + ` + .foo { + ${inProp}: stretch; + } + `, + indoc` + .foo { + ${outProp}: -webkit-fill-available; + ${outProp}: -moz-available; + ${outProp}: stretch; + } + `, + { + safari: 8 << 16, + firefox: 4 << 16, + }, + ); + + prefix_test( + ` + .foo { + ${inProp}: -webkit-fill-available; + } + `, + indoc` + .foo { + ${outProp}: -webkit-fill-available; + } + `, + { + safari: 8 << 16, + firefox: 4 << 16, + }, + ); + + prefix_test( + ` + .foo { + ${inProp}: 100vw; + ${inProp}: -webkit-fill-available; + } + `, + indoc` + .foo { + ${outProp}: 100vw; + ${outProp}: -webkit-fill-available; + } + `, + { + safari: 8 << 16, + firefox: 4 << 16, + }, + ); + + prefix_test( + ` + .foo { + ${inProp}: fit-content; + } + `, + indoc` + .foo { + ${outProp}: -webkit-fit-content; + ${outProp}: -moz-fit-content; + ${outProp}: fit-content; + } + `, + { + safari: 8 << 16, + firefox: 4 << 16, + }, + ); + + prefix_test( + ` + .foo { + ${inProp}: fit-content(50%); + } + `, + indoc` + .foo { + ${outProp}: fit-content(50%); + } + `, + { + safari: 8 << 16, + firefox: 4 << 16, + }, + ); + + prefix_test( + ` + .foo { + ${inProp}: min-content; + } + `, + indoc` + .foo { + ${outProp}: -webkit-min-content; + ${outProp}: -moz-min-content; + ${outProp}: min-content; + } + `, + { + safari: 8 << 16, + firefox: 4 << 16, + }, + ); + + prefix_test( + ` + .foo { + ${inProp}: max-content; + } + `, + indoc` + .foo { + ${outProp}: -webkit-max-content; + ${outProp}: -moz-max-content; + ${outProp}: max-content; + } + `, + { + safari: 8 << 16, + firefox: 4 << 16, + }, + ); + + prefix_test( + ` + .foo { + ${inProp}: 100%; + ${inProp}: max-content; + } + `, + indoc` + .foo { + ${outProp}: 100%; + ${outProp}: max-content; + } + `, + { + safari: 8 << 16, + firefox: 4 << 16, + }, + ); + + prefix_test( + ` + .foo { + ${inProp}: var(--fallback); + ${inProp}: max-content; + } + `, + indoc` + .foo { + ${outProp}: var(--fallback); + ${outProp}: max-content; + } + `, + { + safari: 8 << 16, + firefox: 4 << 16, + }, + ); + } + + minifyTest(".foo { aspect-ratio: auto }", ".foo{aspect-ratio:auto}"); + minifyTest(".foo { aspect-ratio: 2 / 3 }", ".foo{aspect-ratio:2/3}"); + minifyTest(".foo { aspect-ratio: auto 2 / 3 }", ".foo{aspect-ratio:auto 2/3}"); + minifyTest(".foo { aspect-ratio: 2 / 3 auto }", ".foo{aspect-ratio:auto 2/3}"); + }); + + describe("background", () => { + cssTest( + ` + .foo { + background: url(img.png); + background-position-x: 20px; + background-position-y: 10px; + background-size: 50px 100px; + background-repeat: repeat no-repeat; + } + `, + indoc` + .foo { + background: url("img.png") 20px 10px / 50px 100px repeat-x; + } + `, + ); + + cssTest( + ` + .foo { + background-color: red; + background-position: 0% 0%; + background-size: auto; + background-repeat: repeat; + background-clip: border-box; + background-origin: padding-box; + background-attachment: scroll; + background-image: none + } + `, + indoc` + .foo { + background: red; + } + `, + ); + + cssTest( + ` + .foo { + background-color: gray; + background-position: 40% 50%; + background-size: 10em auto; + background-repeat: round; + background-clip: border-box; + background-origin: border-box; + background-attachment: fixed; + background-image: url('chess.png'); + } + `, + indoc` + .foo { + background: gray url("chess.png") 40% / 10em round fixed border-box; + } + `, + ); + + cssTest( + ` + .foo { + background: url(img.png), url(test.jpg) gray; + background-position-x: right 20px, 10px; + background-position-y: top 20px, 15px; + background-size: 50px 50px, auto; + background-repeat: repeat no-repeat, no-repeat; + } + `, + indoc` + .foo { + background: url("img.png") right 20px top 20px / 50px 50px repeat-x, gray url("test.jpg") 10px 15px no-repeat; + } + `, + ); + + minify_test( + ` + .foo { + background-position: center center; + } + `, + indoc`.foo{background-position:50%}`, + ); + + cssTest( + ` + .foo { + background: url(img.png) gray; + background-clip: content-box; + -webkit-background-clip: text; + } + `, + indoc` + .foo { + background: gray url("img.png") padding-box content-box; + -webkit-background-clip: text; + } + `, + ); + + cssTest( + ` + .foo { + background: url(img.png) gray; + -webkit-background-clip: text; + background-clip: content-box; + } + `, + indoc` + .foo { + background: gray url("img.png"); + -webkit-background-clip: text; + background-clip: content-box; + } + `, + ); + + cssTest( + ` + .foo { + background: url(img.png) gray; + background-position: var(--pos); + } + `, + indoc` + .foo { + background: gray url("img.png"); + background-position: var(--pos); + } + `, + ); + + minify_test(".foo { background-position: bottom left }", ".foo{background-position:0 100%}"); + minify_test(".foo { background-position: left 10px center }", ".foo{background-position:10px 50%}"); + minify_test(".foo { background-position: right 10px center }", ".foo{background-position:right 10px center}"); + minify_test(".foo { background-position: right 10px top 20px }", ".foo{background-position:right 10px top 20px}"); + minify_test(".foo { background-position: left 10px top 20px }", ".foo{background-position:10px 20px}"); + minify_test( + ".foo { background-position: left 10px bottom 20px }", + ".foo{background-position:left 10px bottom 20px}", + ); + minify_test(".foo { background-position: left 10px top }", ".foo{background-position:10px 0}"); + minify_test(".foo { background-position: bottom right }", ".foo{background-position:100% 100%}"); + + minify_test( + ".foo { background: url('img-sprite.png') no-repeat bottom right }", + ".foo{background:url(img-sprite.png) 100% 100% no-repeat}", + ); + minify_test(".foo { background: transparent }", ".foo{background:0 0}"); + + minify_test( + ".foo { background: url(\"data:image/svg+xml,%3Csvg width='168' height='24' xmlns='http://www.w3.org/2000/svg'%3E%3C/svg%3E\") }", + ".foo{background:url(\"data:image/svg+xml,%3Csvg width='168' height='24' xmlns='http://www.w3.org/2000/svg'%3E%3C/svg%3E\")}", + ); + + cssTest( + ` + .foo { + background: url(img.png); + background-clip: text; + } + `, + indoc` + .foo { + background: url("img.png") text; + } + `, + ); + + prefix_test( + ` + .foo { + background: url(img.png); + background-clip: text; + } + `, + indoc` + .foo { + background: url("img.png"); + -webkit-background-clip: text; + background-clip: text; + } + `, + { + safari: 8 << 16, + }, + ); + + prefix_test( + ` + .foo { + background: url(img.png); + background-clip: text; + } + `, + indoc` + .foo { + background: url("img.png") text; + } + `, + { + safari: 14 << 16, + }, + ); + + prefix_test( + ` + .foo { + background: url(img.png) text; + } + `, + indoc` + .foo { + background: url("img.png"); + -webkit-background-clip: text; + background-clip: text; + } + `, + { + chrome: 45 << 16, + }, + ); + + prefix_test( + ` + .foo { + background: url(img.png); + -webkit-background-clip: text; + } + `, + indoc` + .foo { + background: url("img.png"); + -webkit-background-clip: text; + } + `, + { + chrome: 45 << 16, + }, + ); + + prefix_test( + ` + .foo { + background: url(img.png); + background-clip: text; + } + `, + indoc` + .foo { + background: url("img.png"); + -webkit-background-clip: text; + background-clip: text; + } + `, + { + safari: 14 << 16, + chrome: 95 << 16, + }, + ); + + prefix_test( + ` + .foo { + background-image: url(img.png); + background-clip: text; + } + `, + indoc` + .foo { + background-image: url("img.png"); + -webkit-background-clip: text; + background-clip: text; + } + `, + { + safari: 8 << 16, + }, + ); + + prefix_test( + ` + .foo { + -webkit-background-clip: text; + background-clip: text; + } + `, + indoc` + .foo { + -webkit-background-clip: text; + background-clip: text; + } + `, + { + chrome: 45 << 16, + }, + ); + + prefix_test( + ` + .foo { + background-image: url(img.png); + background-clip: text; + } + `, + indoc` + .foo { + background-image: url("img.png"); + background-clip: text; + } + `, + { + safari: 14 << 16, + }, + ); + + minify_test(".foo { background: none center }", ".foo{background:50%}"); + minify_test(".foo { background: none }", ".foo{background:0 0}"); + + prefix_test( + ` + .foo { + background: lab(51.5117% 43.3777 -29.0443); + } + `, + indoc` + .foo { + background: #af5cae; + background: lab(51.5117% 43.3777 -29.0443); + } + `, + { + chrome: 95 << 16, + safari: 15 << 16, + }, + ); + + prefix_test( + ` + .foo { + background: lab(51.5117% 43.3777 -29.0443) url(foo.png); + } + `, + indoc` + .foo { + background: #af5cae url("foo.png"); + background: lab(51.5117% 43.3777 -29.0443) url("foo.png"); + } + `, + { + chrome: 95 << 16, + safari: 15 << 16, + }, + ); + + prefix_test( + ` + .foo { + background: lab(51.5117% 43.3777 -29.0443) linear-gradient(lab(52.2319% 40.1449 59.9171), lab(47.7776% -34.2947 -7.65904)); + } + `, + indoc` + .foo { + background: #af5cae linear-gradient(#c65d07, #00807c); + background: lab(51.5117% 43.3777 -29.0443) linear-gradient(lab(52.2319% 40.1449 59.9171), lab(47.7776% -34.2947 -7.65904)); + } + `, + { + chrome: 95 << 16, + safari: 15 << 16, + }, + ); + + cssTest( + ".foo { background: calc(var(--v) / 0.3)", + indoc` + .foo { + background: calc(var(--v) / .3); + } + `, + ); + + prefix_test( + ` + .foo { + background-color: #4263eb; + background-color: color(display-p3 0 .5 1); + } + `, + indoc` + .foo { + background-color: #4263eb; + background-color: color(display-p3 0 .5 1); + } + `, + { + chrome: 99 << 16, + }, + ); + prefix_test( + ` + .foo { + background-color: #4263eb; + background-color: color(display-p3 0 .5 1); + } + `, + indoc` + .foo { + background-color: color(display-p3 0 .5 1); + } + `, + { + safari: 16 << 16, + }, + ); + prefix_test( + ` + .foo { + background-image: linear-gradient(red, green); + background-image: linear-gradient(lch(50% 132 50), lch(50% 130 150)); + } + `, + indoc` + .foo { + background-image: linear-gradient(red, green); + background-image: linear-gradient(lch(50% 132 50), lch(50% 130 150)); + } + `, + { + chrome: 99 << 16, + }, + ); + prefix_test( + ` + .foo { + background-image: linear-gradient(red, green); + background-image: linear-gradient(lch(50% 132 50), lch(50% 130 150)); + } + `, + indoc` + .foo { + background-image: linear-gradient(lch(50% 132 50), lch(50% 130 150)); + } + `, + { + safari: 16 << 16, + }, + ); + prefix_test( + ` + .foo { + background: #4263eb; + background: color(display-p3 0 .5 1); + } + `, + indoc` + .foo { + background: #4263eb; + background: color(display-p3 0 .5 1); + } + `, + { + chrome: 99 << 16, + }, + ); + prefix_test( + ` + .foo { + background: #4263eb; + background: color(display-p3 0 .5 1); + } + `, + indoc` + .foo { + background: color(display-p3 0 .5 1); + } + `, + { + safari: 16 << 16, + }, + ); + prefix_test( + ` + .foo { + background: linear-gradient(red, green); + background: linear-gradient(lch(50% 132 50), lch(50% 130 150)); + } + `, + indoc` + .foo { + background: linear-gradient(red, green); + background: linear-gradient(lch(50% 132 50), lch(50% 130 150)); + } + `, + { + chrome: 99 << 16, + }, + ); + prefix_test( + ` + .foo { + background: red; + background: linear-gradient(lch(50% 132 50), lch(50% 130 150)); + } + `, + indoc` + .foo { + background: red; + background: linear-gradient(lch(50% 132 50), lch(50% 130 150)); + } + `, + { + chrome: 99 << 16, + }, + ); + prefix_test( + ` + .foo { + background: linear-gradient(red, green); + background: linear-gradient(lch(50% 132 50), lch(50% 130 150)); + } + `, + indoc` + .foo { + background: linear-gradient(lch(50% 132 50), lch(50% 130 150)); + } + `, + { + safari: 16 << 16, + }, + ); + prefix_test( + ` + .foo { + background: var(--fallback); + background: linear-gradient(lch(50% 132 50), lch(50% 130 150)); + } + `, + indoc` + .foo { + background: var(--fallback); + background: linear-gradient(lch(50% 132 50), lch(50% 130 150)); + } + `, + { + chrome: 99 << 16, + }, + ); + prefix_test( + ` + .foo { + background: red url(foo.png); + background: lch(50% 132 50) url(foo.png); + } + `, + indoc` + .foo { + background: red url("foo.png"); + background: lch(50% 132 50) url("foo.png"); + } + `, + { + chrome: 99 << 16, + }, + ); + }); }); diff --git a/test/js/bun/css/doesnt_crash.test.ts b/test/js/bun/css/doesnt_crash.test.ts new file mode 100644 index 0000000000..2293e87e60 --- /dev/null +++ b/test/js/bun/css/doesnt_crash.test.ts @@ -0,0 +1,56 @@ +/* This Source Code Form is subject to the terms of the Mozilla Public + * License, v. 2.0. If a copy of the MPL was not distributed with this + * file, You can obtain one at https://mozilla.org/MPL/2.0/. */ + +import { describe, expect, test } from "bun:test"; +import { readdirSync } from "fs"; +import "harness"; +import { bunEnv, bunExe, tmpdirSync } from "harness"; +import path from "path"; +describe("doesnt_crash", async () => { + let files: string[] = []; + let temp_dir: string = tmpdirSync(); + const files_dir = path.join(import.meta.dir, "files"); + temp_dir = tmpdirSync(); + files = readdirSync(files_dir).map(file => path.join(files_dir, file)); + console.log("Tempdir", temp_dir); + + files.map(file => { + const outfile1 = path.join(temp_dir, file).replaceAll("\\", "/"); + const outfile2 = path.join(temp_dir, "lmao1-" + file).replaceAll("\\", "/"); + const outfile3 = path.join(temp_dir, "lmao2-" + file).replaceAll("\\", "/"); + const outfile4 = path.join(temp_dir, "lmao3-" + file).replaceAll("\\", "/"); + test(file, async () => { + { + const { stdout, stderr, exitCode } = + await Bun.$`${bunExe()} build --experimental-css ${file} --outfile=${outfile1}`.quiet().env(bunEnv); + expect(exitCode).toBe(0); + expect(stdout.toString()).not.toContain("error"); + expect(stderr.toString()).toBeEmpty(); + } + + const { stdout, stderr, exitCode } = + await Bun.$`${bunExe()} build --experimental-css ${outfile1} --outfile=${outfile2}`.quiet().env(bunEnv); + expect(exitCode).toBe(0); + expect(stdout.toString()).not.toContain("error"); + expect(stderr.toString()).toBeEmpty(); + }); + + test(`(minify) ${file}`, async () => { + { + const { stdout, stderr, exitCode } = + await Bun.$`${bunExe()} build --experimental-css ${file} --minify --outfile=${outfile3}`.quiet().env(bunEnv); + expect(exitCode).toBe(0); + expect(stdout.toString()).not.toContain("error"); + expect(stderr.toString()).toBeEmpty(); + } + const { stdout, stderr, exitCode } = + await Bun.$`${bunExe()} build --experimental-css ${outfile3} --minify --outfile=${outfile4}` + .quiet() + .env(bunEnv); + expect(exitCode).toBe(0); + expect(stdout.toString()).not.toContain("error"); + expect(stderr.toString()).toBeEmpty(); + }); + }); +}); diff --git a/test/js/bun/css/files/animate.css b/test/js/bun/css/files/animate.css new file mode 100644 index 0000000000..42dc0a7e1d --- /dev/null +++ b/test/js/bun/css/files/animate.css @@ -0,0 +1,4074 @@ + +@charset "UTF-8"; +/*! + * animate.css - https://animate.style/ + * Version - 4.1.1 + * Licensed under the Hippocratic License 2.1 - http://firstdonoharm.dev + * + * Copyright (c) 2022 Animate.css + */ +:root { + --animate-duration: 1s; + --animate-delay: 1s; + --animate-repeat: 1; +} +.animate__animated { + -webkit-animation-duration: 1s; + animation-duration: 1s; + -webkit-animation-duration: var(--animate-duration); + animation-duration: var(--animate-duration); + -webkit-animation-fill-mode: both; + animation-fill-mode: both; +} +.animate__animated.animate__infinite { + -webkit-animation-iteration-count: infinite; + animation-iteration-count: infinite; +} +.animate__animated.animate__repeat-1 { + -webkit-animation-iteration-count: 1; + animation-iteration-count: 1; + -webkit-animation-iteration-count: var(--animate-repeat); + animation-iteration-count: var(--animate-repeat); +} +.animate__animated.animate__repeat-2 { + -webkit-animation-iteration-count: calc(1 * 2); + animation-iteration-count: calc(1 * 2); + -webkit-animation-iteration-count: calc(var(--animate-repeat) * 2); + animation-iteration-count: calc(var(--animate-repeat) * 2); +} +.animate__animated.animate__repeat-3 { + -webkit-animation-iteration-count: calc(1 * 3); + animation-iteration-count: calc(1 * 3); + -webkit-animation-iteration-count: calc(var(--animate-repeat) * 3); + animation-iteration-count: calc(var(--animate-repeat) * 3); +} +.animate__animated.animate__delay-1s { + -webkit-animation-delay: 1s; + animation-delay: 1s; + -webkit-animation-delay: var(--animate-delay); + animation-delay: var(--animate-delay); +} +.animate__animated.animate__delay-2s { + -webkit-animation-delay: calc(1s * 2); + animation-delay: calc(1s * 2); + -webkit-animation-delay: calc(var(--animate-delay) * 2); + animation-delay: calc(var(--animate-delay) * 2); +} +.animate__animated.animate__delay-3s { + -webkit-animation-delay: calc(1s * 3); + animation-delay: calc(1s * 3); + -webkit-animation-delay: calc(var(--animate-delay) * 3); + animation-delay: calc(var(--animate-delay) * 3); +} +.animate__animated.animate__delay-4s { + -webkit-animation-delay: calc(1s * 4); + animation-delay: calc(1s * 4); + -webkit-animation-delay: calc(var(--animate-delay) * 4); + animation-delay: calc(var(--animate-delay) * 4); +} +.animate__animated.animate__delay-5s { + -webkit-animation-delay: calc(1s * 5); + animation-delay: calc(1s * 5); + -webkit-animation-delay: calc(var(--animate-delay) * 5); + animation-delay: calc(var(--animate-delay) * 5); +} +.animate__animated.animate__faster { + -webkit-animation-duration: calc(1s / 2); + animation-duration: calc(1s / 2); + -webkit-animation-duration: calc(var(--animate-duration) / 2); + animation-duration: calc(var(--animate-duration) / 2); +} +.animate__animated.animate__fast { + -webkit-animation-duration: calc(1s * 0.8); + animation-duration: calc(1s * 0.8); + -webkit-animation-duration: calc(var(--animate-duration) * 0.8); + animation-duration: calc(var(--animate-duration) * 0.8); +} +.animate__animated.animate__slow { + -webkit-animation-duration: calc(1s * 2); + animation-duration: calc(1s * 2); + -webkit-animation-duration: calc(var(--animate-duration) * 2); + animation-duration: calc(var(--animate-duration) * 2); +} +.animate__animated.animate__slower { + -webkit-animation-duration: calc(1s * 3); + animation-duration: calc(1s * 3); + -webkit-animation-duration: calc(var(--animate-duration) * 3); + animation-duration: calc(var(--animate-duration) * 3); +} +@media print, (prefers-reduced-motion: reduce) { + .animate__animated { + -webkit-animation-duration: 1ms !important; + animation-duration: 1ms !important; + -webkit-transition-duration: 1ms !important; + transition-duration: 1ms !important; + -webkit-animation-iteration-count: 1 !important; + animation-iteration-count: 1 !important; + } + + .animate__animated[class*='Out'] { + opacity: 0; + } +} +/* Attention seekers */ +@-webkit-keyframes bounce { + from, + 20%, + 53%, + to { + -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); + animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + } + + 40%, + 43% { + -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); + animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); + -webkit-transform: translate3d(0, -30px, 0) scaleY(1.1); + transform: translate3d(0, -30px, 0) scaleY(1.1); + } + + 70% { + -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); + animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); + -webkit-transform: translate3d(0, -15px, 0) scaleY(1.05); + transform: translate3d(0, -15px, 0) scaleY(1.05); + } + + 80% { + -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); + transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); + -webkit-transform: translate3d(0, 0, 0) scaleY(0.95); + transform: translate3d(0, 0, 0) scaleY(0.95); + } + + 90% { + -webkit-transform: translate3d(0, -4px, 0) scaleY(1.02); + transform: translate3d(0, -4px, 0) scaleY(1.02); + } +} +@keyframes bounce { + from, + 20%, + 53%, + to { + -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); + animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + } + + 40%, + 43% { + -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); + animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); + -webkit-transform: translate3d(0, -30px, 0) scaleY(1.1); + transform: translate3d(0, -30px, 0) scaleY(1.1); + } + + 70% { + -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); + animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); + -webkit-transform: translate3d(0, -15px, 0) scaleY(1.05); + transform: translate3d(0, -15px, 0) scaleY(1.05); + } + + 80% { + -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); + transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); + -webkit-transform: translate3d(0, 0, 0) scaleY(0.95); + transform: translate3d(0, 0, 0) scaleY(0.95); + } + + 90% { + -webkit-transform: translate3d(0, -4px, 0) scaleY(1.02); + transform: translate3d(0, -4px, 0) scaleY(1.02); + } +} +.animate__bounce { + -webkit-animation-name: bounce; + animation-name: bounce; + -webkit-transform-origin: center bottom; + transform-origin: center bottom; +} +@-webkit-keyframes flash { + from, + 50%, + to { + opacity: 1; + } + + 25%, + 75% { + opacity: 0; + } +} +@keyframes flash { + from, + 50%, + to { + opacity: 1; + } + + 25%, + 75% { + opacity: 0; + } +} +.animate__flash { + -webkit-animation-name: flash; + animation-name: flash; +} +/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ +@-webkit-keyframes pulse { + from { + -webkit-transform: scale3d(1, 1, 1); + transform: scale3d(1, 1, 1); + } + + 50% { + -webkit-transform: scale3d(1.05, 1.05, 1.05); + transform: scale3d(1.05, 1.05, 1.05); + } + + to { + -webkit-transform: scale3d(1, 1, 1); + transform: scale3d(1, 1, 1); + } +} +@keyframes pulse { + from { + -webkit-transform: scale3d(1, 1, 1); + transform: scale3d(1, 1, 1); + } + + 50% { + -webkit-transform: scale3d(1.05, 1.05, 1.05); + transform: scale3d(1.05, 1.05, 1.05); + } + + to { + -webkit-transform: scale3d(1, 1, 1); + transform: scale3d(1, 1, 1); + } +} +.animate__pulse { + -webkit-animation-name: pulse; + animation-name: pulse; + -webkit-animation-timing-function: ease-in-out; + animation-timing-function: ease-in-out; +} +@-webkit-keyframes rubberBand { + from { + -webkit-transform: scale3d(1, 1, 1); + transform: scale3d(1, 1, 1); + } + + 30% { + -webkit-transform: scale3d(1.25, 0.75, 1); + transform: scale3d(1.25, 0.75, 1); + } + + 40% { + -webkit-transform: scale3d(0.75, 1.25, 1); + transform: scale3d(0.75, 1.25, 1); + } + + 50% { + -webkit-transform: scale3d(1.15, 0.85, 1); + transform: scale3d(1.15, 0.85, 1); + } + + 65% { + -webkit-transform: scale3d(0.95, 1.05, 1); + transform: scale3d(0.95, 1.05, 1); + } + + 75% { + -webkit-transform: scale3d(1.05, 0.95, 1); + transform: scale3d(1.05, 0.95, 1); + } + + to { + -webkit-transform: scale3d(1, 1, 1); + transform: scale3d(1, 1, 1); + } +} +@keyframes rubberBand { + from { + -webkit-transform: scale3d(1, 1, 1); + transform: scale3d(1, 1, 1); + } + + 30% { + -webkit-transform: scale3d(1.25, 0.75, 1); + transform: scale3d(1.25, 0.75, 1); + } + + 40% { + -webkit-transform: scale3d(0.75, 1.25, 1); + transform: scale3d(0.75, 1.25, 1); + } + + 50% { + -webkit-transform: scale3d(1.15, 0.85, 1); + transform: scale3d(1.15, 0.85, 1); + } + + 65% { + -webkit-transform: scale3d(0.95, 1.05, 1); + transform: scale3d(0.95, 1.05, 1); + } + + 75% { + -webkit-transform: scale3d(1.05, 0.95, 1); + transform: scale3d(1.05, 0.95, 1); + } + + to { + -webkit-transform: scale3d(1, 1, 1); + transform: scale3d(1, 1, 1); + } +} +.animate__rubberBand { + -webkit-animation-name: rubberBand; + animation-name: rubberBand; +} +@-webkit-keyframes shakeX { + from, + to { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + } + + 10%, + 30%, + 50%, + 70%, + 90% { + -webkit-transform: translate3d(-10px, 0, 0); + transform: translate3d(-10px, 0, 0); + } + + 20%, + 40%, + 60%, + 80% { + -webkit-transform: translate3d(10px, 0, 0); + transform: translate3d(10px, 0, 0); + } +} +@keyframes shakeX { + from, + to { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + } + + 10%, + 30%, + 50%, + 70%, + 90% { + -webkit-transform: translate3d(-10px, 0, 0); + transform: translate3d(-10px, 0, 0); + } + + 20%, + 40%, + 60%, + 80% { + -webkit-transform: translate3d(10px, 0, 0); + transform: translate3d(10px, 0, 0); + } +} +.animate__shakeX { + -webkit-animation-name: shakeX; + animation-name: shakeX; +} +@-webkit-keyframes shakeY { + from, + to { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + } + + 10%, + 30%, + 50%, + 70%, + 90% { + -webkit-transform: translate3d(0, -10px, 0); + transform: translate3d(0, -10px, 0); + } + + 20%, + 40%, + 60%, + 80% { + -webkit-transform: translate3d(0, 10px, 0); + transform: translate3d(0, 10px, 0); + } +} +@keyframes shakeY { + from, + to { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + } + + 10%, + 30%, + 50%, + 70%, + 90% { + -webkit-transform: translate3d(0, -10px, 0); + transform: translate3d(0, -10px, 0); + } + + 20%, + 40%, + 60%, + 80% { + -webkit-transform: translate3d(0, 10px, 0); + transform: translate3d(0, 10px, 0); + } +} +.animate__shakeY { + -webkit-animation-name: shakeY; + animation-name: shakeY; +} +@-webkit-keyframes headShake { + 0% { + -webkit-transform: translateX(0); + transform: translateX(0); + } + + 6.5% { + -webkit-transform: translateX(-6px) rotateY(-9deg); + transform: translateX(-6px) rotateY(-9deg); + } + + 18.5% { + -webkit-transform: translateX(5px) rotateY(7deg); + transform: translateX(5px) rotateY(7deg); + } + + 31.5% { + -webkit-transform: translateX(-3px) rotateY(-5deg); + transform: translateX(-3px) rotateY(-5deg); + } + + 43.5% { + -webkit-transform: translateX(2px) rotateY(3deg); + transform: translateX(2px) rotateY(3deg); + } + + 50% { + -webkit-transform: translateX(0); + transform: translateX(0); + } +} +@keyframes headShake { + 0% { + -webkit-transform: translateX(0); + transform: translateX(0); + } + + 6.5% { + -webkit-transform: translateX(-6px) rotateY(-9deg); + transform: translateX(-6px) rotateY(-9deg); + } + + 18.5% { + -webkit-transform: translateX(5px) rotateY(7deg); + transform: translateX(5px) rotateY(7deg); + } + + 31.5% { + -webkit-transform: translateX(-3px) rotateY(-5deg); + transform: translateX(-3px) rotateY(-5deg); + } + + 43.5% { + -webkit-transform: translateX(2px) rotateY(3deg); + transform: translateX(2px) rotateY(3deg); + } + + 50% { + -webkit-transform: translateX(0); + transform: translateX(0); + } +} +.animate__headShake { + -webkit-animation-timing-function: ease-in-out; + animation-timing-function: ease-in-out; + -webkit-animation-name: headShake; + animation-name: headShake; +} +@-webkit-keyframes swing { + 20% { + -webkit-transform: rotate3d(0, 0, 1, 15deg); + transform: rotate3d(0, 0, 1, 15deg); + } + + 40% { + -webkit-transform: rotate3d(0, 0, 1, -10deg); + transform: rotate3d(0, 0, 1, -10deg); + } + + 60% { + -webkit-transform: rotate3d(0, 0, 1, 5deg); + transform: rotate3d(0, 0, 1, 5deg); + } + + 80% { + -webkit-transform: rotate3d(0, 0, 1, -5deg); + transform: rotate3d(0, 0, 1, -5deg); + } + + to { + -webkit-transform: rotate3d(0, 0, 1, 0deg); + transform: rotate3d(0, 0, 1, 0deg); + } +} +@keyframes swing { + 20% { + -webkit-transform: rotate3d(0, 0, 1, 15deg); + transform: rotate3d(0, 0, 1, 15deg); + } + + 40% { + -webkit-transform: rotate3d(0, 0, 1, -10deg); + transform: rotate3d(0, 0, 1, -10deg); + } + + 60% { + -webkit-transform: rotate3d(0, 0, 1, 5deg); + transform: rotate3d(0, 0, 1, 5deg); + } + + 80% { + -webkit-transform: rotate3d(0, 0, 1, -5deg); + transform: rotate3d(0, 0, 1, -5deg); + } + + to { + -webkit-transform: rotate3d(0, 0, 1, 0deg); + transform: rotate3d(0, 0, 1, 0deg); + } +} +.animate__swing { + -webkit-transform-origin: top center; + transform-origin: top center; + -webkit-animation-name: swing; + animation-name: swing; +} +@-webkit-keyframes tada { + from { + -webkit-transform: scale3d(1, 1, 1); + transform: scale3d(1, 1, 1); + } + + 10%, + 20% { + -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); + transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); + } + + 30%, + 50%, + 70%, + 90% { + -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); + transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); + } + + 40%, + 60%, + 80% { + -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); + transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); + } + + to { + -webkit-transform: scale3d(1, 1, 1); + transform: scale3d(1, 1, 1); + } +} +@keyframes tada { + from { + -webkit-transform: scale3d(1, 1, 1); + transform: scale3d(1, 1, 1); + } + + 10%, + 20% { + -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); + transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); + } + + 30%, + 50%, + 70%, + 90% { + -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); + transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); + } + + 40%, + 60%, + 80% { + -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); + transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); + } + + to { + -webkit-transform: scale3d(1, 1, 1); + transform: scale3d(1, 1, 1); + } +} +.animate__tada { + -webkit-animation-name: tada; + animation-name: tada; +} +/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ +@-webkit-keyframes wobble { + from { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + } + + 15% { + -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); + transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); + } + + 30% { + -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); + transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); + } + + 45% { + -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); + transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); + } + + 60% { + -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); + transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); + } + + 75% { + -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); + transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); + } + + to { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + } +} +@keyframes wobble { + from { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + } + + 15% { + -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); + transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); + } + + 30% { + -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); + transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); + } + + 45% { + -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); + transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); + } + + 60% { + -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); + transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); + } + + 75% { + -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); + transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); + } + + to { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + } +} +.animate__wobble { + -webkit-animation-name: wobble; + animation-name: wobble; +} +@-webkit-keyframes jello { + from, + 11.1%, + to { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + } + + 22.2% { + -webkit-transform: skewX(-12.5deg) skewY(-12.5deg); + transform: skewX(-12.5deg) skewY(-12.5deg); + } + + 33.3% { + -webkit-transform: skewX(6.25deg) skewY(6.25deg); + transform: skewX(6.25deg) skewY(6.25deg); + } + + 44.4% { + -webkit-transform: skewX(-3.125deg) skewY(-3.125deg); + transform: skewX(-3.125deg) skewY(-3.125deg); + } + + 55.5% { + -webkit-transform: skewX(1.5625deg) skewY(1.5625deg); + transform: skewX(1.5625deg) skewY(1.5625deg); + } + + 66.6% { + -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg); + transform: skewX(-0.78125deg) skewY(-0.78125deg); + } + + 77.7% { + -webkit-transform: skewX(0.390625deg) skewY(0.390625deg); + transform: skewX(0.390625deg) skewY(0.390625deg); + } + + 88.8% { + -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg); + transform: skewX(-0.1953125deg) skewY(-0.1953125deg); + } +} +@keyframes jello { + from, + 11.1%, + to { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + } + + 22.2% { + -webkit-transform: skewX(-12.5deg) skewY(-12.5deg); + transform: skewX(-12.5deg) skewY(-12.5deg); + } + + 33.3% { + -webkit-transform: skewX(6.25deg) skewY(6.25deg); + transform: skewX(6.25deg) skewY(6.25deg); + } + + 44.4% { + -webkit-transform: skewX(-3.125deg) skewY(-3.125deg); + transform: skewX(-3.125deg) skewY(-3.125deg); + } + + 55.5% { + -webkit-transform: skewX(1.5625deg) skewY(1.5625deg); + transform: skewX(1.5625deg) skewY(1.5625deg); + } + + 66.6% { + -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg); + transform: skewX(-0.78125deg) skewY(-0.78125deg); + } + + 77.7% { + -webkit-transform: skewX(0.390625deg) skewY(0.390625deg); + transform: skewX(0.390625deg) skewY(0.390625deg); + } + + 88.8% { + -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg); + transform: skewX(-0.1953125deg) skewY(-0.1953125deg); + } +} +.animate__jello { + -webkit-animation-name: jello; + animation-name: jello; + -webkit-transform-origin: center; + transform-origin: center; +} +@-webkit-keyframes heartBeat { + 0% { + -webkit-transform: scale(1); + transform: scale(1); + } + + 14% { + -webkit-transform: scale(1.3); + transform: scale(1.3); + } + + 28% { + -webkit-transform: scale(1); + transform: scale(1); + } + + 42% { + -webkit-transform: scale(1.3); + transform: scale(1.3); + } + + 70% { + -webkit-transform: scale(1); + transform: scale(1); + } +} +@keyframes heartBeat { + 0% { + -webkit-transform: scale(1); + transform: scale(1); + } + + 14% { + -webkit-transform: scale(1.3); + transform: scale(1.3); + } + + 28% { + -webkit-transform: scale(1); + transform: scale(1); + } + + 42% { + -webkit-transform: scale(1.3); + transform: scale(1.3); + } + + 70% { + -webkit-transform: scale(1); + transform: scale(1); + } +} +.animate__heartBeat { + -webkit-animation-name: heartBeat; + animation-name: heartBeat; + -webkit-animation-duration: calc(1s * 1.3); + animation-duration: calc(1s * 1.3); + -webkit-animation-duration: calc(var(--animate-duration) * 1.3); + animation-duration: calc(var(--animate-duration) * 1.3); + -webkit-animation-timing-function: ease-in-out; + animation-timing-function: ease-in-out; +} +/* Back entrances */ +@-webkit-keyframes backInDown { + 0% { + -webkit-transform: translateY(-1200px) scale(0.7); + transform: translateY(-1200px) scale(0.7); + opacity: 0.7; + } + + 80% { + -webkit-transform: translateY(0px) scale(0.7); + transform: translateY(0px) scale(0.7); + opacity: 0.7; + } + + 100% { + -webkit-transform: scale(1); + transform: scale(1); + opacity: 1; + } +} +@keyframes backInDown { + 0% { + -webkit-transform: translateY(-1200px) scale(0.7); + transform: translateY(-1200px) scale(0.7); + opacity: 0.7; + } + + 80% { + -webkit-transform: translateY(0px) scale(0.7); + transform: translateY(0px) scale(0.7); + opacity: 0.7; + } + + 100% { + -webkit-transform: scale(1); + transform: scale(1); + opacity: 1; + } +} +.animate__backInDown { + -webkit-animation-name: backInDown; + animation-name: backInDown; +} +@-webkit-keyframes backInLeft { + 0% { + -webkit-transform: translateX(-2000px) scale(0.7); + transform: translateX(-2000px) scale(0.7); + opacity: 0.7; + } + + 80% { + -webkit-transform: translateX(0px) scale(0.7); + transform: translateX(0px) scale(0.7); + opacity: 0.7; + } + + 100% { + -webkit-transform: scale(1); + transform: scale(1); + opacity: 1; + } +} +@keyframes backInLeft { + 0% { + -webkit-transform: translateX(-2000px) scale(0.7); + transform: translateX(-2000px) scale(0.7); + opacity: 0.7; + } + + 80% { + -webkit-transform: translateX(0px) scale(0.7); + transform: translateX(0px) scale(0.7); + opacity: 0.7; + } + + 100% { + -webkit-transform: scale(1); + transform: scale(1); + opacity: 1; + } +} +.animate__backInLeft { + -webkit-animation-name: backInLeft; + animation-name: backInLeft; +} +@-webkit-keyframes backInRight { + 0% { + -webkit-transform: translateX(2000px) scale(0.7); + transform: translateX(2000px) scale(0.7); + opacity: 0.7; + } + + 80% { + -webkit-transform: translateX(0px) scale(0.7); + transform: translateX(0px) scale(0.7); + opacity: 0.7; + } + + 100% { + -webkit-transform: scale(1); + transform: scale(1); + opacity: 1; + } +} +@keyframes backInRight { + 0% { + -webkit-transform: translateX(2000px) scale(0.7); + transform: translateX(2000px) scale(0.7); + opacity: 0.7; + } + + 80% { + -webkit-transform: translateX(0px) scale(0.7); + transform: translateX(0px) scale(0.7); + opacity: 0.7; + } + + 100% { + -webkit-transform: scale(1); + transform: scale(1); + opacity: 1; + } +} +.animate__backInRight { + -webkit-animation-name: backInRight; + animation-name: backInRight; +} +@-webkit-keyframes backInUp { + 0% { + -webkit-transform: translateY(1200px) scale(0.7); + transform: translateY(1200px) scale(0.7); + opacity: 0.7; + } + + 80% { + -webkit-transform: translateY(0px) scale(0.7); + transform: translateY(0px) scale(0.7); + opacity: 0.7; + } + + 100% { + -webkit-transform: scale(1); + transform: scale(1); + opacity: 1; + } +} +@keyframes backInUp { + 0% { + -webkit-transform: translateY(1200px) scale(0.7); + transform: translateY(1200px) scale(0.7); + opacity: 0.7; + } + + 80% { + -webkit-transform: translateY(0px) scale(0.7); + transform: translateY(0px) scale(0.7); + opacity: 0.7; + } + + 100% { + -webkit-transform: scale(1); + transform: scale(1); + opacity: 1; + } +} +.animate__backInUp { + -webkit-animation-name: backInUp; + animation-name: backInUp; +} +/* Back exits */ +@-webkit-keyframes backOutDown { + 0% { + -webkit-transform: scale(1); + transform: scale(1); + opacity: 1; + } + + 20% { + -webkit-transform: translateY(0px) scale(0.7); + transform: translateY(0px) scale(0.7); + opacity: 0.7; + } + + 100% { + -webkit-transform: translateY(700px) scale(0.7); + transform: translateY(700px) scale(0.7); + opacity: 0.7; + } +} +@keyframes backOutDown { + 0% { + -webkit-transform: scale(1); + transform: scale(1); + opacity: 1; + } + + 20% { + -webkit-transform: translateY(0px) scale(0.7); + transform: translateY(0px) scale(0.7); + opacity: 0.7; + } + + 100% { + -webkit-transform: translateY(700px) scale(0.7); + transform: translateY(700px) scale(0.7); + opacity: 0.7; + } +} +.animate__backOutDown { + -webkit-animation-name: backOutDown; + animation-name: backOutDown; +} +@-webkit-keyframes backOutLeft { + 0% { + -webkit-transform: scale(1); + transform: scale(1); + opacity: 1; + } + + 20% { + -webkit-transform: translateX(0px) scale(0.7); + transform: translateX(0px) scale(0.7); + opacity: 0.7; + } + + 100% { + -webkit-transform: translateX(-2000px) scale(0.7); + transform: translateX(-2000px) scale(0.7); + opacity: 0.7; + } +} +@keyframes backOutLeft { + 0% { + -webkit-transform: scale(1); + transform: scale(1); + opacity: 1; + } + + 20% { + -webkit-transform: translateX(0px) scale(0.7); + transform: translateX(0px) scale(0.7); + opacity: 0.7; + } + + 100% { + -webkit-transform: translateX(-2000px) scale(0.7); + transform: translateX(-2000px) scale(0.7); + opacity: 0.7; + } +} +.animate__backOutLeft { + -webkit-animation-name: backOutLeft; + animation-name: backOutLeft; +} +@-webkit-keyframes backOutRight { + 0% { + -webkit-transform: scale(1); + transform: scale(1); + opacity: 1; + } + + 20% { + -webkit-transform: translateX(0px) scale(0.7); + transform: translateX(0px) scale(0.7); + opacity: 0.7; + } + + 100% { + -webkit-transform: translateX(2000px) scale(0.7); + transform: translateX(2000px) scale(0.7); + opacity: 0.7; + } +} +@keyframes backOutRight { + 0% { + -webkit-transform: scale(1); + transform: scale(1); + opacity: 1; + } + + 20% { + -webkit-transform: translateX(0px) scale(0.7); + transform: translateX(0px) scale(0.7); + opacity: 0.7; + } + + 100% { + -webkit-transform: translateX(2000px) scale(0.7); + transform: translateX(2000px) scale(0.7); + opacity: 0.7; + } +} +.animate__backOutRight { + -webkit-animation-name: backOutRight; + animation-name: backOutRight; +} +@-webkit-keyframes backOutUp { + 0% { + -webkit-transform: scale(1); + transform: scale(1); + opacity: 1; + } + + 20% { + -webkit-transform: translateY(0px) scale(0.7); + transform: translateY(0px) scale(0.7); + opacity: 0.7; + } + + 100% { + -webkit-transform: translateY(-700px) scale(0.7); + transform: translateY(-700px) scale(0.7); + opacity: 0.7; + } +} +@keyframes backOutUp { + 0% { + -webkit-transform: scale(1); + transform: scale(1); + opacity: 1; + } + + 20% { + -webkit-transform: translateY(0px) scale(0.7); + transform: translateY(0px) scale(0.7); + opacity: 0.7; + } + + 100% { + -webkit-transform: translateY(-700px) scale(0.7); + transform: translateY(-700px) scale(0.7); + opacity: 0.7; + } +} +.animate__backOutUp { + -webkit-animation-name: backOutUp; + animation-name: backOutUp; +} +/* Bouncing entrances */ +@-webkit-keyframes bounceIn { + from, + 20%, + 40%, + 60%, + 80%, + to { + -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); + animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); + } + + 0% { + opacity: 0; + -webkit-transform: scale3d(0.3, 0.3, 0.3); + transform: scale3d(0.3, 0.3, 0.3); + } + + 20% { + -webkit-transform: scale3d(1.1, 1.1, 1.1); + transform: scale3d(1.1, 1.1, 1.1); + } + + 40% { + -webkit-transform: scale3d(0.9, 0.9, 0.9); + transform: scale3d(0.9, 0.9, 0.9); + } + + 60% { + opacity: 1; + -webkit-transform: scale3d(1.03, 1.03, 1.03); + transform: scale3d(1.03, 1.03, 1.03); + } + + 80% { + -webkit-transform: scale3d(0.97, 0.97, 0.97); + transform: scale3d(0.97, 0.97, 0.97); + } + + to { + opacity: 1; + -webkit-transform: scale3d(1, 1, 1); + transform: scale3d(1, 1, 1); + } +} +@keyframes bounceIn { + from, + 20%, + 40%, + 60%, + 80%, + to { + -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); + animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); + } + + 0% { + opacity: 0; + -webkit-transform: scale3d(0.3, 0.3, 0.3); + transform: scale3d(0.3, 0.3, 0.3); + } + + 20% { + -webkit-transform: scale3d(1.1, 1.1, 1.1); + transform: scale3d(1.1, 1.1, 1.1); + } + + 40% { + -webkit-transform: scale3d(0.9, 0.9, 0.9); + transform: scale3d(0.9, 0.9, 0.9); + } + + 60% { + opacity: 1; + -webkit-transform: scale3d(1.03, 1.03, 1.03); + transform: scale3d(1.03, 1.03, 1.03); + } + + 80% { + -webkit-transform: scale3d(0.97, 0.97, 0.97); + transform: scale3d(0.97, 0.97, 0.97); + } + + to { + opacity: 1; + -webkit-transform: scale3d(1, 1, 1); + transform: scale3d(1, 1, 1); + } +} +.animate__bounceIn { + -webkit-animation-duration: calc(1s * 0.75); + animation-duration: calc(1s * 0.75); + -webkit-animation-duration: calc(var(--animate-duration) * 0.75); + animation-duration: calc(var(--animate-duration) * 0.75); + -webkit-animation-name: bounceIn; + animation-name: bounceIn; +} +@-webkit-keyframes bounceInDown { + from, + 60%, + 75%, + 90%, + to { + -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); + animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); + } + + 0% { + opacity: 0; + -webkit-transform: translate3d(0, -3000px, 0) scaleY(3); + transform: translate3d(0, -3000px, 0) scaleY(3); + } + + 60% { + opacity: 1; + -webkit-transform: translate3d(0, 25px, 0) scaleY(0.9); + transform: translate3d(0, 25px, 0) scaleY(0.9); + } + + 75% { + -webkit-transform: translate3d(0, -10px, 0) scaleY(0.95); + transform: translate3d(0, -10px, 0) scaleY(0.95); + } + + 90% { + -webkit-transform: translate3d(0, 5px, 0) scaleY(0.985); + transform: translate3d(0, 5px, 0) scaleY(0.985); + } + + to { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + } +} +@keyframes bounceInDown { + from, + 60%, + 75%, + 90%, + to { + -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); + animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); + } + + 0% { + opacity: 0; + -webkit-transform: translate3d(0, -3000px, 0) scaleY(3); + transform: translate3d(0, -3000px, 0) scaleY(3); + } + + 60% { + opacity: 1; + -webkit-transform: translate3d(0, 25px, 0) scaleY(0.9); + transform: translate3d(0, 25px, 0) scaleY(0.9); + } + + 75% { + -webkit-transform: translate3d(0, -10px, 0) scaleY(0.95); + transform: translate3d(0, -10px, 0) scaleY(0.95); + } + + 90% { + -webkit-transform: translate3d(0, 5px, 0) scaleY(0.985); + transform: translate3d(0, 5px, 0) scaleY(0.985); + } + + to { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + } +} +.animate__bounceInDown { + -webkit-animation-name: bounceInDown; + animation-name: bounceInDown; +} +@-webkit-keyframes bounceInLeft { + from, + 60%, + 75%, + 90%, + to { + -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); + animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); + } + + 0% { + opacity: 0; + -webkit-transform: translate3d(-3000px, 0, 0) scaleX(3); + transform: translate3d(-3000px, 0, 0) scaleX(3); + } + + 60% { + opacity: 1; + -webkit-transform: translate3d(25px, 0, 0) scaleX(1); + transform: translate3d(25px, 0, 0) scaleX(1); + } + + 75% { + -webkit-transform: translate3d(-10px, 0, 0) scaleX(0.98); + transform: translate3d(-10px, 0, 0) scaleX(0.98); + } + + 90% { + -webkit-transform: translate3d(5px, 0, 0) scaleX(0.995); + transform: translate3d(5px, 0, 0) scaleX(0.995); + } + + to { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + } +} +@keyframes bounceInLeft { + from, + 60%, + 75%, + 90%, + to { + -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); + animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); + } + + 0% { + opacity: 0; + -webkit-transform: translate3d(-3000px, 0, 0) scaleX(3); + transform: translate3d(-3000px, 0, 0) scaleX(3); + } + + 60% { + opacity: 1; + -webkit-transform: translate3d(25px, 0, 0) scaleX(1); + transform: translate3d(25px, 0, 0) scaleX(1); + } + + 75% { + -webkit-transform: translate3d(-10px, 0, 0) scaleX(0.98); + transform: translate3d(-10px, 0, 0) scaleX(0.98); + } + + 90% { + -webkit-transform: translate3d(5px, 0, 0) scaleX(0.995); + transform: translate3d(5px, 0, 0) scaleX(0.995); + } + + to { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + } +} +.animate__bounceInLeft { + -webkit-animation-name: bounceInLeft; + animation-name: bounceInLeft; +} +@-webkit-keyframes bounceInRight { + from, + 60%, + 75%, + 90%, + to { + -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); + animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); + } + + from { + opacity: 0; + -webkit-transform: translate3d(3000px, 0, 0) scaleX(3); + transform: translate3d(3000px, 0, 0) scaleX(3); + } + + 60% { + opacity: 1; + -webkit-transform: translate3d(-25px, 0, 0) scaleX(1); + transform: translate3d(-25px, 0, 0) scaleX(1); + } + + 75% { + -webkit-transform: translate3d(10px, 0, 0) scaleX(0.98); + transform: translate3d(10px, 0, 0) scaleX(0.98); + } + + 90% { + -webkit-transform: translate3d(-5px, 0, 0) scaleX(0.995); + transform: translate3d(-5px, 0, 0) scaleX(0.995); + } + + to { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + } +} +@keyframes bounceInRight { + from, + 60%, + 75%, + 90%, + to { + -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); + animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); + } + + from { + opacity: 0; + -webkit-transform: translate3d(3000px, 0, 0) scaleX(3); + transform: translate3d(3000px, 0, 0) scaleX(3); + } + + 60% { + opacity: 1; + -webkit-transform: translate3d(-25px, 0, 0) scaleX(1); + transform: translate3d(-25px, 0, 0) scaleX(1); + } + + 75% { + -webkit-transform: translate3d(10px, 0, 0) scaleX(0.98); + transform: translate3d(10px, 0, 0) scaleX(0.98); + } + + 90% { + -webkit-transform: translate3d(-5px, 0, 0) scaleX(0.995); + transform: translate3d(-5px, 0, 0) scaleX(0.995); + } + + to { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + } +} +.animate__bounceInRight { + -webkit-animation-name: bounceInRight; + animation-name: bounceInRight; +} +@-webkit-keyframes bounceInUp { + from, + 60%, + 75%, + 90%, + to { + -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); + animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); + } + + from { + opacity: 0; + -webkit-transform: translate3d(0, 3000px, 0) scaleY(5); + transform: translate3d(0, 3000px, 0) scaleY(5); + } + + 60% { + opacity: 1; + -webkit-transform: translate3d(0, -20px, 0) scaleY(0.9); + transform: translate3d(0, -20px, 0) scaleY(0.9); + } + + 75% { + -webkit-transform: translate3d(0, 10px, 0) scaleY(0.95); + transform: translate3d(0, 10px, 0) scaleY(0.95); + } + + 90% { + -webkit-transform: translate3d(0, -5px, 0) scaleY(0.985); + transform: translate3d(0, -5px, 0) scaleY(0.985); + } + + to { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + } +} +@keyframes bounceInUp { + from, + 60%, + 75%, + 90%, + to { + -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); + animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); + } + + from { + opacity: 0; + -webkit-transform: translate3d(0, 3000px, 0) scaleY(5); + transform: translate3d(0, 3000px, 0) scaleY(5); + } + + 60% { + opacity: 1; + -webkit-transform: translate3d(0, -20px, 0) scaleY(0.9); + transform: translate3d(0, -20px, 0) scaleY(0.9); + } + + 75% { + -webkit-transform: translate3d(0, 10px, 0) scaleY(0.95); + transform: translate3d(0, 10px, 0) scaleY(0.95); + } + + 90% { + -webkit-transform: translate3d(0, -5px, 0) scaleY(0.985); + transform: translate3d(0, -5px, 0) scaleY(0.985); + } + + to { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + } +} +.animate__bounceInUp { + -webkit-animation-name: bounceInUp; + animation-name: bounceInUp; +} +/* Bouncing exits */ +@-webkit-keyframes bounceOut { + 20% { + -webkit-transform: scale3d(0.9, 0.9, 0.9); + transform: scale3d(0.9, 0.9, 0.9); + } + + 50%, + 55% { + opacity: 1; + -webkit-transform: scale3d(1.1, 1.1, 1.1); + transform: scale3d(1.1, 1.1, 1.1); + } + + to { + opacity: 0; + -webkit-transform: scale3d(0.3, 0.3, 0.3); + transform: scale3d(0.3, 0.3, 0.3); + } +} +@keyframes bounceOut { + 20% { + -webkit-transform: scale3d(0.9, 0.9, 0.9); + transform: scale3d(0.9, 0.9, 0.9); + } + + 50%, + 55% { + opacity: 1; + -webkit-transform: scale3d(1.1, 1.1, 1.1); + transform: scale3d(1.1, 1.1, 1.1); + } + + to { + opacity: 0; + -webkit-transform: scale3d(0.3, 0.3, 0.3); + transform: scale3d(0.3, 0.3, 0.3); + } +} +.animate__bounceOut { + -webkit-animation-duration: calc(1s * 0.75); + animation-duration: calc(1s * 0.75); + -webkit-animation-duration: calc(var(--animate-duration) * 0.75); + animation-duration: calc(var(--animate-duration) * 0.75); + -webkit-animation-name: bounceOut; + animation-name: bounceOut; +} +@-webkit-keyframes bounceOutDown { + 20% { + -webkit-transform: translate3d(0, 10px, 0) scaleY(0.985); + transform: translate3d(0, 10px, 0) scaleY(0.985); + } + + 40%, + 45% { + opacity: 1; + -webkit-transform: translate3d(0, -20px, 0) scaleY(0.9); + transform: translate3d(0, -20px, 0) scaleY(0.9); + } + + to { + opacity: 0; + -webkit-transform: translate3d(0, 2000px, 0) scaleY(3); + transform: translate3d(0, 2000px, 0) scaleY(3); + } +} +@keyframes bounceOutDown { + 20% { + -webkit-transform: translate3d(0, 10px, 0) scaleY(0.985); + transform: translate3d(0, 10px, 0) scaleY(0.985); + } + + 40%, + 45% { + opacity: 1; + -webkit-transform: translate3d(0, -20px, 0) scaleY(0.9); + transform: translate3d(0, -20px, 0) scaleY(0.9); + } + + to { + opacity: 0; + -webkit-transform: translate3d(0, 2000px, 0) scaleY(3); + transform: translate3d(0, 2000px, 0) scaleY(3); + } +} +.animate__bounceOutDown { + -webkit-animation-name: bounceOutDown; + animation-name: bounceOutDown; +} +@-webkit-keyframes bounceOutLeft { + 20% { + opacity: 1; + -webkit-transform: translate3d(20px, 0, 0) scaleX(0.9); + transform: translate3d(20px, 0, 0) scaleX(0.9); + } + + to { + opacity: 0; + -webkit-transform: translate3d(-2000px, 0, 0) scaleX(2); + transform: translate3d(-2000px, 0, 0) scaleX(2); + } +} +@keyframes bounceOutLeft { + 20% { + opacity: 1; + -webkit-transform: translate3d(20px, 0, 0) scaleX(0.9); + transform: translate3d(20px, 0, 0) scaleX(0.9); + } + + to { + opacity: 0; + -webkit-transform: translate3d(-2000px, 0, 0) scaleX(2); + transform: translate3d(-2000px, 0, 0) scaleX(2); + } +} +.animate__bounceOutLeft { + -webkit-animation-name: bounceOutLeft; + animation-name: bounceOutLeft; +} +@-webkit-keyframes bounceOutRight { + 20% { + opacity: 1; + -webkit-transform: translate3d(-20px, 0, 0) scaleX(0.9); + transform: translate3d(-20px, 0, 0) scaleX(0.9); + } + + to { + opacity: 0; + -webkit-transform: translate3d(2000px, 0, 0) scaleX(2); + transform: translate3d(2000px, 0, 0) scaleX(2); + } +} +@keyframes bounceOutRight { + 20% { + opacity: 1; + -webkit-transform: translate3d(-20px, 0, 0) scaleX(0.9); + transform: translate3d(-20px, 0, 0) scaleX(0.9); + } + + to { + opacity: 0; + -webkit-transform: translate3d(2000px, 0, 0) scaleX(2); + transform: translate3d(2000px, 0, 0) scaleX(2); + } +} +.animate__bounceOutRight { + -webkit-animation-name: bounceOutRight; + animation-name: bounceOutRight; +} +@-webkit-keyframes bounceOutUp { + 20% { + -webkit-transform: translate3d(0, -10px, 0) scaleY(0.985); + transform: translate3d(0, -10px, 0) scaleY(0.985); + } + + 40%, + 45% { + opacity: 1; + -webkit-transform: translate3d(0, 20px, 0) scaleY(0.9); + transform: translate3d(0, 20px, 0) scaleY(0.9); + } + + to { + opacity: 0; + -webkit-transform: translate3d(0, -2000px, 0) scaleY(3); + transform: translate3d(0, -2000px, 0) scaleY(3); + } +} +@keyframes bounceOutUp { + 20% { + -webkit-transform: translate3d(0, -10px, 0) scaleY(0.985); + transform: translate3d(0, -10px, 0) scaleY(0.985); + } + + 40%, + 45% { + opacity: 1; + -webkit-transform: translate3d(0, 20px, 0) scaleY(0.9); + transform: translate3d(0, 20px, 0) scaleY(0.9); + } + + to { + opacity: 0; + -webkit-transform: translate3d(0, -2000px, 0) scaleY(3); + transform: translate3d(0, -2000px, 0) scaleY(3); + } +} +.animate__bounceOutUp { + -webkit-animation-name: bounceOutUp; + animation-name: bounceOutUp; +} +/* Fading entrances */ +@-webkit-keyframes fadeIn { + from { + opacity: 0; + } + + to { + opacity: 1; + } +} +@keyframes fadeIn { + from { + opacity: 0; + } + + to { + opacity: 1; + } +} +.animate__fadeIn { + -webkit-animation-name: fadeIn; + animation-name: fadeIn; +} +@-webkit-keyframes fadeInDown { + from { + opacity: 0; + -webkit-transform: translate3d(0, -100%, 0); + transform: translate3d(0, -100%, 0); + } + + to { + opacity: 1; + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + } +} +@keyframes fadeInDown { + from { + opacity: 0; + -webkit-transform: translate3d(0, -100%, 0); + transform: translate3d(0, -100%, 0); + } + + to { + opacity: 1; + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + } +} +.animate__fadeInDown { + -webkit-animation-name: fadeInDown; + animation-name: fadeInDown; +} +@-webkit-keyframes fadeInDownBig { + from { + opacity: 0; + -webkit-transform: translate3d(0, -2000px, 0); + transform: translate3d(0, -2000px, 0); + } + + to { + opacity: 1; + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + } +} +@keyframes fadeInDownBig { + from { + opacity: 0; + -webkit-transform: translate3d(0, -2000px, 0); + transform: translate3d(0, -2000px, 0); + } + + to { + opacity: 1; + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + } +} +.animate__fadeInDownBig { + -webkit-animation-name: fadeInDownBig; + animation-name: fadeInDownBig; +} +@-webkit-keyframes fadeInLeft { + from { + opacity: 0; + -webkit-transform: translate3d(-100%, 0, 0); + transform: translate3d(-100%, 0, 0); + } + + to { + opacity: 1; + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + } +} +@keyframes fadeInLeft { + from { + opacity: 0; + -webkit-transform: translate3d(-100%, 0, 0); + transform: translate3d(-100%, 0, 0); + } + + to { + opacity: 1; + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + } +} +.animate__fadeInLeft { + -webkit-animation-name: fadeInLeft; + animation-name: fadeInLeft; +} +@-webkit-keyframes fadeInLeftBig { + from { + opacity: 0; + -webkit-transform: translate3d(-2000px, 0, 0); + transform: translate3d(-2000px, 0, 0); + } + + to { + opacity: 1; + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + } +} +@keyframes fadeInLeftBig { + from { + opacity: 0; + -webkit-transform: translate3d(-2000px, 0, 0); + transform: translate3d(-2000px, 0, 0); + } + + to { + opacity: 1; + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + } +} +.animate__fadeInLeftBig { + -webkit-animation-name: fadeInLeftBig; + animation-name: fadeInLeftBig; +} +@-webkit-keyframes fadeInRight { + from { + opacity: 0; + -webkit-transform: translate3d(100%, 0, 0); + transform: translate3d(100%, 0, 0); + } + + to { + opacity: 1; + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + } +} +@keyframes fadeInRight { + from { + opacity: 0; + -webkit-transform: translate3d(100%, 0, 0); + transform: translate3d(100%, 0, 0); + } + + to { + opacity: 1; + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + } +} +.animate__fadeInRight { + -webkit-animation-name: fadeInRight; + animation-name: fadeInRight; +} +@-webkit-keyframes fadeInRightBig { + from { + opacity: 0; + -webkit-transform: translate3d(2000px, 0, 0); + transform: translate3d(2000px, 0, 0); + } + + to { + opacity: 1; + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + } +} +@keyframes fadeInRightBig { + from { + opacity: 0; + -webkit-transform: translate3d(2000px, 0, 0); + transform: translate3d(2000px, 0, 0); + } + + to { + opacity: 1; + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + } +} +.animate__fadeInRightBig { + -webkit-animation-name: fadeInRightBig; + animation-name: fadeInRightBig; +} +@-webkit-keyframes fadeInUp { + from { + opacity: 0; + -webkit-transform: translate3d(0, 100%, 0); + transform: translate3d(0, 100%, 0); + } + + to { + opacity: 1; + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + } +} +@keyframes fadeInUp { + from { + opacity: 0; + -webkit-transform: translate3d(0, 100%, 0); + transform: translate3d(0, 100%, 0); + } + + to { + opacity: 1; + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + } +} +.animate__fadeInUp { + -webkit-animation-name: fadeInUp; + animation-name: fadeInUp; +} +@-webkit-keyframes fadeInUpBig { + from { + opacity: 0; + -webkit-transform: translate3d(0, 2000px, 0); + transform: translate3d(0, 2000px, 0); + } + + to { + opacity: 1; + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + } +} +@keyframes fadeInUpBig { + from { + opacity: 0; + -webkit-transform: translate3d(0, 2000px, 0); + transform: translate3d(0, 2000px, 0); + } + + to { + opacity: 1; + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + } +} +.animate__fadeInUpBig { + -webkit-animation-name: fadeInUpBig; + animation-name: fadeInUpBig; +} +@-webkit-keyframes fadeInTopLeft { + from { + opacity: 0; + -webkit-transform: translate3d(-100%, -100%, 0); + transform: translate3d(-100%, -100%, 0); + } + to { + opacity: 1; + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + } +} +@keyframes fadeInTopLeft { + from { + opacity: 0; + -webkit-transform: translate3d(-100%, -100%, 0); + transform: translate3d(-100%, -100%, 0); + } + to { + opacity: 1; + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + } +} +.animate__fadeInTopLeft { + -webkit-animation-name: fadeInTopLeft; + animation-name: fadeInTopLeft; +} +@-webkit-keyframes fadeInTopRight { + from { + opacity: 0; + -webkit-transform: translate3d(100%, -100%, 0); + transform: translate3d(100%, -100%, 0); + } + to { + opacity: 1; + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + } +} +@keyframes fadeInTopRight { + from { + opacity: 0; + -webkit-transform: translate3d(100%, -100%, 0); + transform: translate3d(100%, -100%, 0); + } + to { + opacity: 1; + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + } +} +.animate__fadeInTopRight { + -webkit-animation-name: fadeInTopRight; + animation-name: fadeInTopRight; +} +@-webkit-keyframes fadeInBottomLeft { + from { + opacity: 0; + -webkit-transform: translate3d(-100%, 100%, 0); + transform: translate3d(-100%, 100%, 0); + } + to { + opacity: 1; + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + } +} +@keyframes fadeInBottomLeft { + from { + opacity: 0; + -webkit-transform: translate3d(-100%, 100%, 0); + transform: translate3d(-100%, 100%, 0); + } + to { + opacity: 1; + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + } +} +.animate__fadeInBottomLeft { + -webkit-animation-name: fadeInBottomLeft; + animation-name: fadeInBottomLeft; +} +@-webkit-keyframes fadeInBottomRight { + from { + opacity: 0; + -webkit-transform: translate3d(100%, 100%, 0); + transform: translate3d(100%, 100%, 0); + } + to { + opacity: 1; + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + } +} +@keyframes fadeInBottomRight { + from { + opacity: 0; + -webkit-transform: translate3d(100%, 100%, 0); + transform: translate3d(100%, 100%, 0); + } + to { + opacity: 1; + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + } +} +.animate__fadeInBottomRight { + -webkit-animation-name: fadeInBottomRight; + animation-name: fadeInBottomRight; +} +/* Fading exits */ +@-webkit-keyframes fadeOut { + from { + opacity: 1; + } + + to { + opacity: 0; + } +} +@keyframes fadeOut { + from { + opacity: 1; + } + + to { + opacity: 0; + } +} +.animate__fadeOut { + -webkit-animation-name: fadeOut; + animation-name: fadeOut; +} +@-webkit-keyframes fadeOutDown { + from { + opacity: 1; + } + + to { + opacity: 0; + -webkit-transform: translate3d(0, 100%, 0); + transform: translate3d(0, 100%, 0); + } +} +@keyframes fadeOutDown { + from { + opacity: 1; + } + + to { + opacity: 0; + -webkit-transform: translate3d(0, 100%, 0); + transform: translate3d(0, 100%, 0); + } +} +.animate__fadeOutDown { + -webkit-animation-name: fadeOutDown; + animation-name: fadeOutDown; +} +@-webkit-keyframes fadeOutDownBig { + from { + opacity: 1; + } + + to { + opacity: 0; + -webkit-transform: translate3d(0, 2000px, 0); + transform: translate3d(0, 2000px, 0); + } +} +@keyframes fadeOutDownBig { + from { + opacity: 1; + } + + to { + opacity: 0; + -webkit-transform: translate3d(0, 2000px, 0); + transform: translate3d(0, 2000px, 0); + } +} +.animate__fadeOutDownBig { + -webkit-animation-name: fadeOutDownBig; + animation-name: fadeOutDownBig; +} +@-webkit-keyframes fadeOutLeft { + from { + opacity: 1; + } + + to { + opacity: 0; + -webkit-transform: translate3d(-100%, 0, 0); + transform: translate3d(-100%, 0, 0); + } +} +@keyframes fadeOutLeft { + from { + opacity: 1; + } + + to { + opacity: 0; + -webkit-transform: translate3d(-100%, 0, 0); + transform: translate3d(-100%, 0, 0); + } +} +.animate__fadeOutLeft { + -webkit-animation-name: fadeOutLeft; + animation-name: fadeOutLeft; +} +@-webkit-keyframes fadeOutLeftBig { + from { + opacity: 1; + } + + to { + opacity: 0; + -webkit-transform: translate3d(-2000px, 0, 0); + transform: translate3d(-2000px, 0, 0); + } +} +@keyframes fadeOutLeftBig { + from { + opacity: 1; + } + + to { + opacity: 0; + -webkit-transform: translate3d(-2000px, 0, 0); + transform: translate3d(-2000px, 0, 0); + } +} +.animate__fadeOutLeftBig { + -webkit-animation-name: fadeOutLeftBig; + animation-name: fadeOutLeftBig; +} +@-webkit-keyframes fadeOutRight { + from { + opacity: 1; + } + + to { + opacity: 0; + -webkit-transform: translate3d(100%, 0, 0); + transform: translate3d(100%, 0, 0); + } +} +@keyframes fadeOutRight { + from { + opacity: 1; + } + + to { + opacity: 0; + -webkit-transform: translate3d(100%, 0, 0); + transform: translate3d(100%, 0, 0); + } +} +.animate__fadeOutRight { + -webkit-animation-name: fadeOutRight; + animation-name: fadeOutRight; +} +@-webkit-keyframes fadeOutRightBig { + from { + opacity: 1; + } + + to { + opacity: 0; + -webkit-transform: translate3d(2000px, 0, 0); + transform: translate3d(2000px, 0, 0); + } +} +@keyframes fadeOutRightBig { + from { + opacity: 1; + } + + to { + opacity: 0; + -webkit-transform: translate3d(2000px, 0, 0); + transform: translate3d(2000px, 0, 0); + } +} +.animate__fadeOutRightBig { + -webkit-animation-name: fadeOutRightBig; + animation-name: fadeOutRightBig; +} +@-webkit-keyframes fadeOutUp { + from { + opacity: 1; + } + + to { + opacity: 0; + -webkit-transform: translate3d(0, -100%, 0); + transform: translate3d(0, -100%, 0); + } +} +@keyframes fadeOutUp { + from { + opacity: 1; + } + + to { + opacity: 0; + -webkit-transform: translate3d(0, -100%, 0); + transform: translate3d(0, -100%, 0); + } +} +.animate__fadeOutUp { + -webkit-animation-name: fadeOutUp; + animation-name: fadeOutUp; +} +@-webkit-keyframes fadeOutUpBig { + from { + opacity: 1; + } + + to { + opacity: 0; + -webkit-transform: translate3d(0, -2000px, 0); + transform: translate3d(0, -2000px, 0); + } +} +@keyframes fadeOutUpBig { + from { + opacity: 1; + } + + to { + opacity: 0; + -webkit-transform: translate3d(0, -2000px, 0); + transform: translate3d(0, -2000px, 0); + } +} +.animate__fadeOutUpBig { + -webkit-animation-name: fadeOutUpBig; + animation-name: fadeOutUpBig; +} +@-webkit-keyframes fadeOutTopLeft { + from { + opacity: 1; + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + } + to { + opacity: 0; + -webkit-transform: translate3d(-100%, -100%, 0); + transform: translate3d(-100%, -100%, 0); + } +} +@keyframes fadeOutTopLeft { + from { + opacity: 1; + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + } + to { + opacity: 0; + -webkit-transform: translate3d(-100%, -100%, 0); + transform: translate3d(-100%, -100%, 0); + } +} +.animate__fadeOutTopLeft { + -webkit-animation-name: fadeOutTopLeft; + animation-name: fadeOutTopLeft; +} +@-webkit-keyframes fadeOutTopRight { + from { + opacity: 1; + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + } + to { + opacity: 0; + -webkit-transform: translate3d(100%, -100%, 0); + transform: translate3d(100%, -100%, 0); + } +} +@keyframes fadeOutTopRight { + from { + opacity: 1; + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + } + to { + opacity: 0; + -webkit-transform: translate3d(100%, -100%, 0); + transform: translate3d(100%, -100%, 0); + } +} +.animate__fadeOutTopRight { + -webkit-animation-name: fadeOutTopRight; + animation-name: fadeOutTopRight; +} +@-webkit-keyframes fadeOutBottomRight { + from { + opacity: 1; + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + } + to { + opacity: 0; + -webkit-transform: translate3d(100%, 100%, 0); + transform: translate3d(100%, 100%, 0); + } +} +@keyframes fadeOutBottomRight { + from { + opacity: 1; + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + } + to { + opacity: 0; + -webkit-transform: translate3d(100%, 100%, 0); + transform: translate3d(100%, 100%, 0); + } +} +.animate__fadeOutBottomRight { + -webkit-animation-name: fadeOutBottomRight; + animation-name: fadeOutBottomRight; +} +@-webkit-keyframes fadeOutBottomLeft { + from { + opacity: 1; + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + } + to { + opacity: 0; + -webkit-transform: translate3d(-100%, 100%, 0); + transform: translate3d(-100%, 100%, 0); + } +} +@keyframes fadeOutBottomLeft { + from { + opacity: 1; + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + } + to { + opacity: 0; + -webkit-transform: translate3d(-100%, 100%, 0); + transform: translate3d(-100%, 100%, 0); + } +} +.animate__fadeOutBottomLeft { + -webkit-animation-name: fadeOutBottomLeft; + animation-name: fadeOutBottomLeft; +} +/* Flippers */ +@-webkit-keyframes flip { + from { + -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg); + transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg); + -webkit-animation-timing-function: ease-out; + animation-timing-function: ease-out; + } + + 40% { + -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) + rotate3d(0, 1, 0, -190deg); + transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) + rotate3d(0, 1, 0, -190deg); + -webkit-animation-timing-function: ease-out; + animation-timing-function: ease-out; + } + + 50% { + -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) + rotate3d(0, 1, 0, -170deg); + transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) + rotate3d(0, 1, 0, -170deg); + -webkit-animation-timing-function: ease-in; + animation-timing-function: ease-in; + } + + 80% { + -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0) + rotate3d(0, 1, 0, 0deg); + transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0) + rotate3d(0, 1, 0, 0deg); + -webkit-animation-timing-function: ease-in; + animation-timing-function: ease-in; + } + + to { + -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg); + transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg); + -webkit-animation-timing-function: ease-in; + animation-timing-function: ease-in; + } +} +@keyframes flip { + from { + -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg); + transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg); + -webkit-animation-timing-function: ease-out; + animation-timing-function: ease-out; + } + + 40% { + -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) + rotate3d(0, 1, 0, -190deg); + transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) + rotate3d(0, 1, 0, -190deg); + -webkit-animation-timing-function: ease-out; + animation-timing-function: ease-out; + } + + 50% { + -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) + rotate3d(0, 1, 0, -170deg); + transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) + rotate3d(0, 1, 0, -170deg); + -webkit-animation-timing-function: ease-in; + animation-timing-function: ease-in; + } + + 80% { + -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0) + rotate3d(0, 1, 0, 0deg); + transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0) + rotate3d(0, 1, 0, 0deg); + -webkit-animation-timing-function: ease-in; + animation-timing-function: ease-in; + } + + to { + -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg); + transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg); + -webkit-animation-timing-function: ease-in; + animation-timing-function: ease-in; + } +} +.animate__animated.animate__flip { + -webkit-backface-visibility: visible; + backface-visibility: visible; + -webkit-animation-name: flip; + animation-name: flip; +} +@-webkit-keyframes flipInX { + from { + -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); + transform: perspective(400px) rotate3d(1, 0, 0, 90deg); + -webkit-animation-timing-function: ease-in; + animation-timing-function: ease-in; + opacity: 0; + } + + 40% { + -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); + transform: perspective(400px) rotate3d(1, 0, 0, -20deg); + -webkit-animation-timing-function: ease-in; + animation-timing-function: ease-in; + } + + 60% { + -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg); + transform: perspective(400px) rotate3d(1, 0, 0, 10deg); + opacity: 1; + } + + 80% { + -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg); + transform: perspective(400px) rotate3d(1, 0, 0, -5deg); + } + + to { + -webkit-transform: perspective(400px); + transform: perspective(400px); + } +} +@keyframes flipInX { + from { + -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); + transform: perspective(400px) rotate3d(1, 0, 0, 90deg); + -webkit-animation-timing-function: ease-in; + animation-timing-function: ease-in; + opacity: 0; + } + + 40% { + -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); + transform: perspective(400px) rotate3d(1, 0, 0, -20deg); + -webkit-animation-timing-function: ease-in; + animation-timing-function: ease-in; + } + + 60% { + -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg); + transform: perspective(400px) rotate3d(1, 0, 0, 10deg); + opacity: 1; + } + + 80% { + -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg); + transform: perspective(400px) rotate3d(1, 0, 0, -5deg); + } + + to { + -webkit-transform: perspective(400px); + transform: perspective(400px); + } +} +.animate__flipInX { + -webkit-backface-visibility: visible !important; + backface-visibility: visible !important; + -webkit-animation-name: flipInX; + animation-name: flipInX; +} +@-webkit-keyframes flipInY { + from { + -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); + transform: perspective(400px) rotate3d(0, 1, 0, 90deg); + -webkit-animation-timing-function: ease-in; + animation-timing-function: ease-in; + opacity: 0; + } + + 40% { + -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg); + transform: perspective(400px) rotate3d(0, 1, 0, -20deg); + -webkit-animation-timing-function: ease-in; + animation-timing-function: ease-in; + } + + 60% { + -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg); + transform: perspective(400px) rotate3d(0, 1, 0, 10deg); + opacity: 1; + } + + 80% { + -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg); + transform: perspective(400px) rotate3d(0, 1, 0, -5deg); + } + + to { + -webkit-transform: perspective(400px); + transform: perspective(400px); + } +} +@keyframes flipInY { + from { + -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); + transform: perspective(400px) rotate3d(0, 1, 0, 90deg); + -webkit-animation-timing-function: ease-in; + animation-timing-function: ease-in; + opacity: 0; + } + + 40% { + -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg); + transform: perspective(400px) rotate3d(0, 1, 0, -20deg); + -webkit-animation-timing-function: ease-in; + animation-timing-function: ease-in; + } + + 60% { + -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg); + transform: perspective(400px) rotate3d(0, 1, 0, 10deg); + opacity: 1; + } + + 80% { + -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg); + transform: perspective(400px) rotate3d(0, 1, 0, -5deg); + } + + to { + -webkit-transform: perspective(400px); + transform: perspective(400px); + } +} +.animate__flipInY { + -webkit-backface-visibility: visible !important; + backface-visibility: visible !important; + -webkit-animation-name: flipInY; + animation-name: flipInY; +} +@-webkit-keyframes flipOutX { + from { + -webkit-transform: perspective(400px); + transform: perspective(400px); + } + + 30% { + -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); + transform: perspective(400px) rotate3d(1, 0, 0, -20deg); + opacity: 1; + } + + to { + -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); + transform: perspective(400px) rotate3d(1, 0, 0, 90deg); + opacity: 0; + } +} +@keyframes flipOutX { + from { + -webkit-transform: perspective(400px); + transform: perspective(400px); + } + + 30% { + -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); + transform: perspective(400px) rotate3d(1, 0, 0, -20deg); + opacity: 1; + } + + to { + -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); + transform: perspective(400px) rotate3d(1, 0, 0, 90deg); + opacity: 0; + } +} +.animate__flipOutX { + -webkit-animation-duration: calc(1s * 0.75); + animation-duration: calc(1s * 0.75); + -webkit-animation-duration: calc(var(--animate-duration) * 0.75); + animation-duration: calc(var(--animate-duration) * 0.75); + -webkit-animation-name: flipOutX; + animation-name: flipOutX; + -webkit-backface-visibility: visible !important; + backface-visibility: visible !important; +} +@-webkit-keyframes flipOutY { + from { + -webkit-transform: perspective(400px); + transform: perspective(400px); + } + + 30% { + -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg); + transform: perspective(400px) rotate3d(0, 1, 0, -15deg); + opacity: 1; + } + + to { + -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); + transform: perspective(400px) rotate3d(0, 1, 0, 90deg); + opacity: 0; + } +} +@keyframes flipOutY { + from { + -webkit-transform: perspective(400px); + transform: perspective(400px); + } + + 30% { + -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg); + transform: perspective(400px) rotate3d(0, 1, 0, -15deg); + opacity: 1; + } + + to { + -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); + transform: perspective(400px) rotate3d(0, 1, 0, 90deg); + opacity: 0; + } +} +.animate__flipOutY { + -webkit-animation-duration: calc(1s * 0.75); + animation-duration: calc(1s * 0.75); + -webkit-animation-duration: calc(var(--animate-duration) * 0.75); + animation-duration: calc(var(--animate-duration) * 0.75); + -webkit-backface-visibility: visible !important; + backface-visibility: visible !important; + -webkit-animation-name: flipOutY; + animation-name: flipOutY; +} +/* Lightspeed */ +@-webkit-keyframes lightSpeedInRight { + from { + -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg); + transform: translate3d(100%, 0, 0) skewX(-30deg); + opacity: 0; + } + + 60% { + -webkit-transform: skewX(20deg); + transform: skewX(20deg); + opacity: 1; + } + + 80% { + -webkit-transform: skewX(-5deg); + transform: skewX(-5deg); + } + + to { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + } +} +@keyframes lightSpeedInRight { + from { + -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg); + transform: translate3d(100%, 0, 0) skewX(-30deg); + opacity: 0; + } + + 60% { + -webkit-transform: skewX(20deg); + transform: skewX(20deg); + opacity: 1; + } + + 80% { + -webkit-transform: skewX(-5deg); + transform: skewX(-5deg); + } + + to { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + } +} +.animate__lightSpeedInRight { + -webkit-animation-name: lightSpeedInRight; + animation-name: lightSpeedInRight; + -webkit-animation-timing-function: ease-out; + animation-timing-function: ease-out; +} +@-webkit-keyframes lightSpeedInLeft { + from { + -webkit-transform: translate3d(-100%, 0, 0) skewX(30deg); + transform: translate3d(-100%, 0, 0) skewX(30deg); + opacity: 0; + } + + 60% { + -webkit-transform: skewX(-20deg); + transform: skewX(-20deg); + opacity: 1; + } + + 80% { + -webkit-transform: skewX(5deg); + transform: skewX(5deg); + } + + to { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + } +} +@keyframes lightSpeedInLeft { + from { + -webkit-transform: translate3d(-100%, 0, 0) skewX(30deg); + transform: translate3d(-100%, 0, 0) skewX(30deg); + opacity: 0; + } + + 60% { + -webkit-transform: skewX(-20deg); + transform: skewX(-20deg); + opacity: 1; + } + + 80% { + -webkit-transform: skewX(5deg); + transform: skewX(5deg); + } + + to { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + } +} +.animate__lightSpeedInLeft { + -webkit-animation-name: lightSpeedInLeft; + animation-name: lightSpeedInLeft; + -webkit-animation-timing-function: ease-out; + animation-timing-function: ease-out; +} +@-webkit-keyframes lightSpeedOutRight { + from { + opacity: 1; + } + + to { + -webkit-transform: translate3d(100%, 0, 0) skewX(30deg); + transform: translate3d(100%, 0, 0) skewX(30deg); + opacity: 0; + } +} +@keyframes lightSpeedOutRight { + from { + opacity: 1; + } + + to { + -webkit-transform: translate3d(100%, 0, 0) skewX(30deg); + transform: translate3d(100%, 0, 0) skewX(30deg); + opacity: 0; + } +} +.animate__lightSpeedOutRight { + -webkit-animation-name: lightSpeedOutRight; + animation-name: lightSpeedOutRight; + -webkit-animation-timing-function: ease-in; + animation-timing-function: ease-in; +} +@-webkit-keyframes lightSpeedOutLeft { + from { + opacity: 1; + } + + to { + -webkit-transform: translate3d(-100%, 0, 0) skewX(-30deg); + transform: translate3d(-100%, 0, 0) skewX(-30deg); + opacity: 0; + } +} +@keyframes lightSpeedOutLeft { + from { + opacity: 1; + } + + to { + -webkit-transform: translate3d(-100%, 0, 0) skewX(-30deg); + transform: translate3d(-100%, 0, 0) skewX(-30deg); + opacity: 0; + } +} +.animate__lightSpeedOutLeft { + -webkit-animation-name: lightSpeedOutLeft; + animation-name: lightSpeedOutLeft; + -webkit-animation-timing-function: ease-in; + animation-timing-function: ease-in; +} +/* Rotating entrances */ +@-webkit-keyframes rotateIn { + from { + -webkit-transform: rotate3d(0, 0, 1, -200deg); + transform: rotate3d(0, 0, 1, -200deg); + opacity: 0; + } + + to { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + opacity: 1; + } +} +@keyframes rotateIn { + from { + -webkit-transform: rotate3d(0, 0, 1, -200deg); + transform: rotate3d(0, 0, 1, -200deg); + opacity: 0; + } + + to { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + opacity: 1; + } +} +.animate__rotateIn { + -webkit-animation-name: rotateIn; + animation-name: rotateIn; + -webkit-transform-origin: center; + transform-origin: center; +} +@-webkit-keyframes rotateInDownLeft { + from { + -webkit-transform: rotate3d(0, 0, 1, -45deg); + transform: rotate3d(0, 0, 1, -45deg); + opacity: 0; + } + + to { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + opacity: 1; + } +} +@keyframes rotateInDownLeft { + from { + -webkit-transform: rotate3d(0, 0, 1, -45deg); + transform: rotate3d(0, 0, 1, -45deg); + opacity: 0; + } + + to { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + opacity: 1; + } +} +.animate__rotateInDownLeft { + -webkit-animation-name: rotateInDownLeft; + animation-name: rotateInDownLeft; + -webkit-transform-origin: left bottom; + transform-origin: left bottom; +} +@-webkit-keyframes rotateInDownRight { + from { + -webkit-transform: rotate3d(0, 0, 1, 45deg); + transform: rotate3d(0, 0, 1, 45deg); + opacity: 0; + } + + to { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + opacity: 1; + } +} +@keyframes rotateInDownRight { + from { + -webkit-transform: rotate3d(0, 0, 1, 45deg); + transform: rotate3d(0, 0, 1, 45deg); + opacity: 0; + } + + to { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + opacity: 1; + } +} +.animate__rotateInDownRight { + -webkit-animation-name: rotateInDownRight; + animation-name: rotateInDownRight; + -webkit-transform-origin: right bottom; + transform-origin: right bottom; +} +@-webkit-keyframes rotateInUpLeft { + from { + -webkit-transform: rotate3d(0, 0, 1, 45deg); + transform: rotate3d(0, 0, 1, 45deg); + opacity: 0; + } + + to { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + opacity: 1; + } +} +@keyframes rotateInUpLeft { + from { + -webkit-transform: rotate3d(0, 0, 1, 45deg); + transform: rotate3d(0, 0, 1, 45deg); + opacity: 0; + } + + to { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + opacity: 1; + } +} +.animate__rotateInUpLeft { + -webkit-animation-name: rotateInUpLeft; + animation-name: rotateInUpLeft; + -webkit-transform-origin: left bottom; + transform-origin: left bottom; +} +@-webkit-keyframes rotateInUpRight { + from { + -webkit-transform: rotate3d(0, 0, 1, -90deg); + transform: rotate3d(0, 0, 1, -90deg); + opacity: 0; + } + + to { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + opacity: 1; + } +} +@keyframes rotateInUpRight { + from { + -webkit-transform: rotate3d(0, 0, 1, -90deg); + transform: rotate3d(0, 0, 1, -90deg); + opacity: 0; + } + + to { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + opacity: 1; + } +} +.animate__rotateInUpRight { + -webkit-animation-name: rotateInUpRight; + animation-name: rotateInUpRight; + -webkit-transform-origin: right bottom; + transform-origin: right bottom; +} +/* Rotating exits */ +@-webkit-keyframes rotateOut { + from { + opacity: 1; + } + + to { + -webkit-transform: rotate3d(0, 0, 1, 200deg); + transform: rotate3d(0, 0, 1, 200deg); + opacity: 0; + } +} +@keyframes rotateOut { + from { + opacity: 1; + } + + to { + -webkit-transform: rotate3d(0, 0, 1, 200deg); + transform: rotate3d(0, 0, 1, 200deg); + opacity: 0; + } +} +.animate__rotateOut { + -webkit-animation-name: rotateOut; + animation-name: rotateOut; + -webkit-transform-origin: center; + transform-origin: center; +} +@-webkit-keyframes rotateOutDownLeft { + from { + opacity: 1; + } + + to { + -webkit-transform: rotate3d(0, 0, 1, 45deg); + transform: rotate3d(0, 0, 1, 45deg); + opacity: 0; + } +} +@keyframes rotateOutDownLeft { + from { + opacity: 1; + } + + to { + -webkit-transform: rotate3d(0, 0, 1, 45deg); + transform: rotate3d(0, 0, 1, 45deg); + opacity: 0; + } +} +.animate__rotateOutDownLeft { + -webkit-animation-name: rotateOutDownLeft; + animation-name: rotateOutDownLeft; + -webkit-transform-origin: left bottom; + transform-origin: left bottom; +} +@-webkit-keyframes rotateOutDownRight { + from { + opacity: 1; + } + + to { + -webkit-transform: rotate3d(0, 0, 1, -45deg); + transform: rotate3d(0, 0, 1, -45deg); + opacity: 0; + } +} +@keyframes rotateOutDownRight { + from { + opacity: 1; + } + + to { + -webkit-transform: rotate3d(0, 0, 1, -45deg); + transform: rotate3d(0, 0, 1, -45deg); + opacity: 0; + } +} +.animate__rotateOutDownRight { + -webkit-animation-name: rotateOutDownRight; + animation-name: rotateOutDownRight; + -webkit-transform-origin: right bottom; + transform-origin: right bottom; +} +@-webkit-keyframes rotateOutUpLeft { + from { + opacity: 1; + } + + to { + -webkit-transform: rotate3d(0, 0, 1, -45deg); + transform: rotate3d(0, 0, 1, -45deg); + opacity: 0; + } +} +@keyframes rotateOutUpLeft { + from { + opacity: 1; + } + + to { + -webkit-transform: rotate3d(0, 0, 1, -45deg); + transform: rotate3d(0, 0, 1, -45deg); + opacity: 0; + } +} +.animate__rotateOutUpLeft { + -webkit-animation-name: rotateOutUpLeft; + animation-name: rotateOutUpLeft; + -webkit-transform-origin: left bottom; + transform-origin: left bottom; +} +@-webkit-keyframes rotateOutUpRight { + from { + opacity: 1; + } + + to { + -webkit-transform: rotate3d(0, 0, 1, 90deg); + transform: rotate3d(0, 0, 1, 90deg); + opacity: 0; + } +} +@keyframes rotateOutUpRight { + from { + opacity: 1; + } + + to { + -webkit-transform: rotate3d(0, 0, 1, 90deg); + transform: rotate3d(0, 0, 1, 90deg); + opacity: 0; + } +} +.animate__rotateOutUpRight { + -webkit-animation-name: rotateOutUpRight; + animation-name: rotateOutUpRight; + -webkit-transform-origin: right bottom; + transform-origin: right bottom; +} +/* Specials */ +@-webkit-keyframes hinge { + 0% { + -webkit-animation-timing-function: ease-in-out; + animation-timing-function: ease-in-out; + } + + 20%, + 60% { + -webkit-transform: rotate3d(0, 0, 1, 80deg); + transform: rotate3d(0, 0, 1, 80deg); + -webkit-animation-timing-function: ease-in-out; + animation-timing-function: ease-in-out; + } + + 40%, + 80% { + -webkit-transform: rotate3d(0, 0, 1, 60deg); + transform: rotate3d(0, 0, 1, 60deg); + -webkit-animation-timing-function: ease-in-out; + animation-timing-function: ease-in-out; + opacity: 1; + } + + to { + -webkit-transform: translate3d(0, 700px, 0); + transform: translate3d(0, 700px, 0); + opacity: 0; + } +} +@keyframes hinge { + 0% { + -webkit-animation-timing-function: ease-in-out; + animation-timing-function: ease-in-out; + } + + 20%, + 60% { + -webkit-transform: rotate3d(0, 0, 1, 80deg); + transform: rotate3d(0, 0, 1, 80deg); + -webkit-animation-timing-function: ease-in-out; + animation-timing-function: ease-in-out; + } + + 40%, + 80% { + -webkit-transform: rotate3d(0, 0, 1, 60deg); + transform: rotate3d(0, 0, 1, 60deg); + -webkit-animation-timing-function: ease-in-out; + animation-timing-function: ease-in-out; + opacity: 1; + } + + to { + -webkit-transform: translate3d(0, 700px, 0); + transform: translate3d(0, 700px, 0); + opacity: 0; + } +} +.animate__hinge { + -webkit-animation-duration: calc(1s * 2); + animation-duration: calc(1s * 2); + -webkit-animation-duration: calc(var(--animate-duration) * 2); + animation-duration: calc(var(--animate-duration) * 2); + -webkit-animation-name: hinge; + animation-name: hinge; + -webkit-transform-origin: top left; + transform-origin: top left; +} +@-webkit-keyframes jackInTheBox { + from { + opacity: 0; + -webkit-transform: scale(0.1) rotate(30deg); + transform: scale(0.1) rotate(30deg); + -webkit-transform-origin: center bottom; + transform-origin: center bottom; + } + + 50% { + -webkit-transform: rotate(-10deg); + transform: rotate(-10deg); + } + + 70% { + -webkit-transform: rotate(3deg); + transform: rotate(3deg); + } + + to { + opacity: 1; + -webkit-transform: scale(1); + transform: scale(1); + } +} +@keyframes jackInTheBox { + from { + opacity: 0; + -webkit-transform: scale(0.1) rotate(30deg); + transform: scale(0.1) rotate(30deg); + -webkit-transform-origin: center bottom; + transform-origin: center bottom; + } + + 50% { + -webkit-transform: rotate(-10deg); + transform: rotate(-10deg); + } + + 70% { + -webkit-transform: rotate(3deg); + transform: rotate(3deg); + } + + to { + opacity: 1; + -webkit-transform: scale(1); + transform: scale(1); + } +} +.animate__jackInTheBox { + -webkit-animation-name: jackInTheBox; + animation-name: jackInTheBox; +} +/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ +@-webkit-keyframes rollIn { + from { + opacity: 0; + -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); + transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); + } + + to { + opacity: 1; + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + } +} +@keyframes rollIn { + from { + opacity: 0; + -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); + transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); + } + + to { + opacity: 1; + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + } +} +.animate__rollIn { + -webkit-animation-name: rollIn; + animation-name: rollIn; +} +/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ +@-webkit-keyframes rollOut { + from { + opacity: 1; + } + + to { + opacity: 0; + -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); + transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); + } +} +@keyframes rollOut { + from { + opacity: 1; + } + + to { + opacity: 0; + -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); + transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); + } +} +.animate__rollOut { + -webkit-animation-name: rollOut; + animation-name: rollOut; +} +/* Zooming entrances */ +@-webkit-keyframes zoomIn { + from { + opacity: 0; + -webkit-transform: scale3d(0.3, 0.3, 0.3); + transform: scale3d(0.3, 0.3, 0.3); + } + + 50% { + opacity: 1; + } +} +@keyframes zoomIn { + from { + opacity: 0; + -webkit-transform: scale3d(0.3, 0.3, 0.3); + transform: scale3d(0.3, 0.3, 0.3); + } + + 50% { + opacity: 1; + } +} +.animate__zoomIn { + -webkit-animation-name: zoomIn; + animation-name: zoomIn; +} +@-webkit-keyframes zoomInDown { + from { + opacity: 0; + -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); + transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); + -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); + animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); + } + + 60% { + opacity: 1; + -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); + transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); + -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); + animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); + } +} +@keyframes zoomInDown { + from { + opacity: 0; + -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); + transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); + -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); + animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); + } + + 60% { + opacity: 1; + -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); + transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); + -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); + animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); + } +} +.animate__zoomInDown { + -webkit-animation-name: zoomInDown; + animation-name: zoomInDown; +} +@-webkit-keyframes zoomInLeft { + from { + opacity: 0; + -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); + transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); + -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); + animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); + } + + 60% { + opacity: 1; + -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); + transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); + -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); + animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); + } +} +@keyframes zoomInLeft { + from { + opacity: 0; + -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); + transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); + -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); + animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); + } + + 60% { + opacity: 1; + -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); + transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); + -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); + animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); + } +} +.animate__zoomInLeft { + -webkit-animation-name: zoomInLeft; + animation-name: zoomInLeft; +} +@-webkit-keyframes zoomInRight { + from { + opacity: 0; + -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); + transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); + -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); + animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); + } + + 60% { + opacity: 1; + -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); + transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); + -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); + animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); + } +} +@keyframes zoomInRight { + from { + opacity: 0; + -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); + transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); + -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); + animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); + } + + 60% { + opacity: 1; + -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); + transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); + -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); + animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); + } +} +.animate__zoomInRight { + -webkit-animation-name: zoomInRight; + animation-name: zoomInRight; +} +@-webkit-keyframes zoomInUp { + from { + opacity: 0; + -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); + transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); + -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); + animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); + } + + 60% { + opacity: 1; + -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); + transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); + -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); + animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); + } +} +@keyframes zoomInUp { + from { + opacity: 0; + -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); + transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); + -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); + animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); + } + + 60% { + opacity: 1; + -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); + transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); + -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); + animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); + } +} +.animate__zoomInUp { + -webkit-animation-name: zoomInUp; + animation-name: zoomInUp; +} +/* Zooming exits */ +@-webkit-keyframes zoomOut { + from { + opacity: 1; + } + + 50% { + opacity: 0; + -webkit-transform: scale3d(0.3, 0.3, 0.3); + transform: scale3d(0.3, 0.3, 0.3); + } + + to { + opacity: 0; + } +} +@keyframes zoomOut { + from { + opacity: 1; + } + + 50% { + opacity: 0; + -webkit-transform: scale3d(0.3, 0.3, 0.3); + transform: scale3d(0.3, 0.3, 0.3); + } + + to { + opacity: 0; + } +} +.animate__zoomOut { + -webkit-animation-name: zoomOut; + animation-name: zoomOut; +} +@-webkit-keyframes zoomOutDown { + 40% { + opacity: 1; + -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); + transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); + -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); + animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); + } + + to { + opacity: 0; + -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); + transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); + -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); + animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); + } +} +@keyframes zoomOutDown { + 40% { + opacity: 1; + -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); + transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); + -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); + animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); + } + + to { + opacity: 0; + -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); + transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); + -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); + animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); + } +} +.animate__zoomOutDown { + -webkit-animation-name: zoomOutDown; + animation-name: zoomOutDown; + -webkit-transform-origin: center bottom; + transform-origin: center bottom; +} +@-webkit-keyframes zoomOutLeft { + 40% { + opacity: 1; + -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); + transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); + } + + to { + opacity: 0; + -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0); + transform: scale(0.1) translate3d(-2000px, 0, 0); + } +} +@keyframes zoomOutLeft { + 40% { + opacity: 1; + -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); + transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); + } + + to { + opacity: 0; + -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0); + transform: scale(0.1) translate3d(-2000px, 0, 0); + } +} +.animate__zoomOutLeft { + -webkit-animation-name: zoomOutLeft; + animation-name: zoomOutLeft; + -webkit-transform-origin: left center; + transform-origin: left center; +} +@-webkit-keyframes zoomOutRight { + 40% { + opacity: 1; + -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); + transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); + } + + to { + opacity: 0; + -webkit-transform: scale(0.1) translate3d(2000px, 0, 0); + transform: scale(0.1) translate3d(2000px, 0, 0); + } +} +@keyframes zoomOutRight { + 40% { + opacity: 1; + -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); + transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); + } + + to { + opacity: 0; + -webkit-transform: scale(0.1) translate3d(2000px, 0, 0); + transform: scale(0.1) translate3d(2000px, 0, 0); + } +} +.animate__zoomOutRight { + -webkit-animation-name: zoomOutRight; + animation-name: zoomOutRight; + -webkit-transform-origin: right center; + transform-origin: right center; +} +@-webkit-keyframes zoomOutUp { + 40% { + opacity: 1; + -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); + transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); + -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); + animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); + } + + to { + opacity: 0; + -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); + transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); + -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); + animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); + } +} +@keyframes zoomOutUp { + 40% { + opacity: 1; + -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); + transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); + -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); + animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); + } + + to { + opacity: 0; + -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); + transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); + -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); + animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); + } +} +.animate__zoomOutUp { + -webkit-animation-name: zoomOutUp; + animation-name: zoomOutUp; + -webkit-transform-origin: center bottom; + transform-origin: center bottom; +} +/* Sliding entrances */ +@-webkit-keyframes slideInDown { + from { + -webkit-transform: translate3d(0, -100%, 0); + transform: translate3d(0, -100%, 0); + visibility: visible; + } + + to { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + } +} +@keyframes slideInDown { + from { + -webkit-transform: translate3d(0, -100%, 0); + transform: translate3d(0, -100%, 0); + visibility: visible; + } + + to { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + } +} +.animate__slideInDown { + -webkit-animation-name: slideInDown; + animation-name: slideInDown; +} +@-webkit-keyframes slideInLeft { + from { + -webkit-transform: translate3d(-100%, 0, 0); + transform: translate3d(-100%, 0, 0); + visibility: visible; + } + + to { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + } +} +@keyframes slideInLeft { + from { + -webkit-transform: translate3d(-100%, 0, 0); + transform: translate3d(-100%, 0, 0); + visibility: visible; + } + + to { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + } +} +.animate__slideInLeft { + -webkit-animation-name: slideInLeft; + animation-name: slideInLeft; +} +@-webkit-keyframes slideInRight { + from { + -webkit-transform: translate3d(100%, 0, 0); + transform: translate3d(100%, 0, 0); + visibility: visible; + } + + to { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + } +} +@keyframes slideInRight { + from { + -webkit-transform: translate3d(100%, 0, 0); + transform: translate3d(100%, 0, 0); + visibility: visible; + } + + to { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + } +} +.animate__slideInRight { + -webkit-animation-name: slideInRight; + animation-name: slideInRight; +} +@-webkit-keyframes slideInUp { + from { + -webkit-transform: translate3d(0, 100%, 0); + transform: translate3d(0, 100%, 0); + visibility: visible; + } + + to { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + } +} +@keyframes slideInUp { + from { + -webkit-transform: translate3d(0, 100%, 0); + transform: translate3d(0, 100%, 0); + visibility: visible; + } + + to { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + } +} +.animate__slideInUp { + -webkit-animation-name: slideInUp; + animation-name: slideInUp; +} +/* Sliding exits */ +@-webkit-keyframes slideOutDown { + from { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + } + + to { + visibility: hidden; + -webkit-transform: translate3d(0, 100%, 0); + transform: translate3d(0, 100%, 0); + } +} +@keyframes slideOutDown { + from { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + } + + to { + visibility: hidden; + -webkit-transform: translate3d(0, 100%, 0); + transform: translate3d(0, 100%, 0); + } +} +.animate__slideOutDown { + -webkit-animation-name: slideOutDown; + animation-name: slideOutDown; +} +@-webkit-keyframes slideOutLeft { + from { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + } + + to { + visibility: hidden; + -webkit-transform: translate3d(-100%, 0, 0); + transform: translate3d(-100%, 0, 0); + } +} +@keyframes slideOutLeft { + from { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + } + + to { + visibility: hidden; + -webkit-transform: translate3d(-100%, 0, 0); + transform: translate3d(-100%, 0, 0); + } +} +.animate__slideOutLeft { + -webkit-animation-name: slideOutLeft; + animation-name: slideOutLeft; +} +@-webkit-keyframes slideOutRight { + from { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + } + + to { + visibility: hidden; + -webkit-transform: translate3d(100%, 0, 0); + transform: translate3d(100%, 0, 0); + } +} +@keyframes slideOutRight { + from { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + } + + to { + visibility: hidden; + -webkit-transform: translate3d(100%, 0, 0); + transform: translate3d(100%, 0, 0); + } +} +.animate__slideOutRight { + -webkit-animation-name: slideOutRight; + animation-name: slideOutRight; +} +@-webkit-keyframes slideOutUp { + from { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + } + + to { + visibility: hidden; + -webkit-transform: translate3d(0, -100%, 0); + transform: translate3d(0, -100%, 0); + } +} +@keyframes slideOutUp { + from { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + } + + to { + visibility: hidden; + -webkit-transform: translate3d(0, -100%, 0); + transform: translate3d(0, -100%, 0); + } +} +.animate__slideOutUp { + -webkit-animation-name: slideOutUp; + animation-name: slideOutUp; +} \ No newline at end of file diff --git a/test/js/bun/css/files/bootstrap-4.css b/test/js/bun/css/files/bootstrap-4.css new file mode 100644 index 0000000000..3ac15f025b --- /dev/null +++ b/test/js/bun/css/files/bootstrap-4.css @@ -0,0 +1,7 @@ +/*! + * Bootstrap v4.6.1 (https://getbootstrap.com/) + * Copyright 2011-2021 The Bootstrap Authors + * Copyright 2011-2021 Twitter, Inc. + * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE) + */ +:root{--blue:#007bff;--indigo:#6610f2;--purple:#6f42c1;--pink:#e83e8c;--red:#dc3545;--orange:#fd7e14;--yellow:#ffc107;--green:#28a745;--teal:#20c997;--cyan:#17a2b8;--white:#fff;--gray:#6c757d;--gray-dark:#343a40;--primary:#007bff;--secondary:#6c757d;--success:#28a745;--info:#17a2b8;--warning:#ffc107;--danger:#dc3545;--light:#f8f9fa;--dark:#343a40;--breakpoint-xs:0;--breakpoint-sm:576px;--breakpoint-md:768px;--breakpoint-lg:992px;--breakpoint-xl:1200px;--font-family-sans-serif:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans","Liberation Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-family-monospace:SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:#0000;font-family:sans-serif;line-height:1.15}article,aside,figcaption,figure,footer,header,hgroup,main,nav,section{display:block}body{color:#212529;text-align:left;background-color:#fff;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,Liberation Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-size:1rem;font-weight:400;line-height:1.5}[tabindex="-1"]:focus:not(:focus-visible){outline:0!important}hr{box-sizing:content-box;height:0;overflow:visible}h1,h2,h3,h4,h5,h6{margin-top:0;margin-bottom:.5rem}p{margin-top:0;margin-bottom:1rem}abbr[title],abbr[data-original-title]{text-decoration:underline;cursor:help;-webkit-text-decoration-skip-ink:none;text-decoration-skip-ink:none;border-bottom:0;text-decoration:underline dotted}address{font-style:normal;line-height:inherit;margin-bottom:1rem}ol,ul,dl{margin-top:0;margin-bottom:1rem}ol ol,ul ul,ol ul,ul ol{margin-bottom:0}dt{font-weight:700}dd{margin-bottom:.5rem;margin-left:0}blockquote{margin:0 0 1rem}b,strong{font-weight:bolder}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}a{color:#007bff;background-color:#0000;text-decoration:none}a:hover{color:#0056b3;text-decoration:underline}a:not([href]):not([class]),a:not([href]):not([class]):hover{color:inherit;text-decoration:none}pre,code,kbd,samp{font-family:SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em}pre{-ms-overflow-style:scrollbar;margin-top:0;margin-bottom:1rem;overflow:auto}figure{margin:0 0 1rem}img{vertical-align:middle;border-style:none}svg{vertical-align:middle;overflow:hidden}table{border-collapse:collapse}caption{color:#6c757d;text-align:left;caption-side:bottom;padding-top:.75rem;padding-bottom:.75rem}th{text-align:inherit;text-align:-webkit-match-parent}label{margin-bottom:.5rem;display:inline-block}button{border-radius:0}button:focus:not(:focus-visible){outline:0}input,button,select,optgroup,textarea{font-family:inherit;font-size:inherit;line-height:inherit;margin:0}button,input{overflow:visible}button,select{text-transform:none}[role=button]{cursor:pointer}select{word-wrap:normal}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button:not(:disabled),[type=button]:not(:disabled),[type=reset]:not(:disabled),[type=submit]:not(:disabled){cursor:pointer}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}input[type=radio],input[type=checkbox]{box-sizing:border-box;padding:0}textarea{resize:vertical;overflow:auto}fieldset{border:0;min-width:0;margin:0;padding:0}legend{font-size:1.5rem;line-height:inherit;color:inherit;white-space:normal;width:100%;max-width:100%;margin-bottom:.5rem;padding:0;display:block}progress{vertical-align:baseline}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{outline-offset:-2px;-webkit-appearance:none}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{font:inherit;-webkit-appearance:button}output{display:inline-block}summary{cursor:pointer;display:list-item}template{display:none}[hidden]{display:none!important}h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6{margin-bottom:.5rem;font-weight:500;line-height:1.2}h1,.h1{font-size:2.5rem}h2,.h2{font-size:2rem}h3,.h3{font-size:1.75rem}h4,.h4{font-size:1.5rem}h5,.h5{font-size:1.25rem}h6,.h6{font-size:1rem}.lead{font-size:1.25rem;font-weight:300}.display-1{font-size:6rem;font-weight:300;line-height:1.2}.display-2{font-size:5.5rem;font-weight:300;line-height:1.2}.display-3{font-size:4.5rem;font-weight:300;line-height:1.2}.display-4{font-size:3.5rem;font-weight:300;line-height:1.2}hr{border:0;border-top:1px solid #0000001a;margin-top:1rem;margin-bottom:1rem}small,.small{font-size:80%;font-weight:400}mark,.mark{background-color:#fcf8e3;padding:.2em}.list-unstyled,.list-inline{padding-left:0;list-style:none}.list-inline-item{display:inline-block}.list-inline-item:not(:last-child){margin-right:.5rem}.initialism{text-transform:uppercase;font-size:90%}.blockquote{margin-bottom:1rem;font-size:1.25rem}.blockquote-footer{color:#6c757d;font-size:80%;display:block}.blockquote-footer:before{content:"— "}.img-fluid{max-width:100%;height:auto}.img-thumbnail{background-color:#fff;border:1px solid #dee2e6;border-radius:.25rem;max-width:100%;height:auto;padding:.25rem}.figure{display:inline-block}.figure-img{margin-bottom:.5rem;line-height:1}.figure-caption{color:#6c757d;font-size:90%}code{color:#e83e8c;word-wrap:break-word;font-size:87.5%}a>code{color:inherit}kbd{color:#fff;background-color:#212529;border-radius:.2rem;padding:.2rem .4rem;font-size:87.5%}kbd kbd{padding:0;font-size:100%;font-weight:700}pre{color:#212529;font-size:87.5%;display:block}pre code{font-size:inherit;color:inherit;word-break:normal}.pre-scrollable{max-height:340px;overflow-y:scroll}.container,.container-fluid,.container-sm,.container-md,.container-lg,.container-xl{width:100%;margin-left:auto;margin-right:auto;padding-left:15px;padding-right:15px}@media (width>=576px){.container,.container-sm{max-width:540px}}@media (width>=768px){.container,.container-sm,.container-md{max-width:720px}}@media (width>=992px){.container,.container-sm,.container-md,.container-lg{max-width:960px}}@media (width>=1200px){.container,.container-sm,.container-md,.container-lg,.container-xl{max-width:1140px}}.row{-ms-flex-wrap:wrap;flex-wrap:wrap;margin-left:-15px;margin-right:-15px;display:-ms-flexbox;display:flex}.no-gutters{margin-left:0;margin-right:0}.no-gutters>.col,.no-gutters>[class*=col-]{padding-left:0;padding-right:0}.col-1,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9,.col-10,.col-11,.col-12,.col,.col-auto,.col-sm-1,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm,.col-sm-auto,.col-md-1,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-10,.col-md-11,.col-md-12,.col-md,.col-md-auto,.col-lg-1,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg,.col-lg-auto,.col-xl-1,.col-xl-2,.col-xl-3,.col-xl-4,.col-xl-5,.col-xl-6,.col-xl-7,.col-xl-8,.col-xl-9,.col-xl-10,.col-xl-11,.col-xl-12,.col-xl,.col-xl-auto{width:100%;padding-left:15px;padding-right:15px;position:relative}.col{-ms-flex-positive:1;-ms-flex-preferred-size:0;flex-grow:1;flex-basis:0;max-width:100%}.row-cols-1>*{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.row-cols-2>*{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.row-cols-3>*{-ms-flex:0 0 33.3333%;flex:0 0 33.3333%;max-width:33.3333%}.row-cols-4>*{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.row-cols-5>*{-ms-flex:0 0 20%;flex:0 0 20%;max-width:20%}.row-cols-6>*{-ms-flex:0 0 16.6667%;flex:0 0 16.6667%;max-width:16.6667%}.col-auto{-ms-flex:none;flex:none;width:auto;max-width:100%}.col-1{-ms-flex:0 0 8.33333%;flex:0 0 8.33333%;max-width:8.33333%}.col-2{-ms-flex:0 0 16.6667%;flex:0 0 16.6667%;max-width:16.6667%}.col-3{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.col-4{-ms-flex:0 0 33.3333%;flex:0 0 33.3333%;max-width:33.3333%}.col-5{-ms-flex:0 0 41.6667%;flex:0 0 41.6667%;max-width:41.6667%}.col-6{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.col-7{-ms-flex:0 0 58.3333%;flex:0 0 58.3333%;max-width:58.3333%}.col-8{-ms-flex:0 0 66.6667%;flex:0 0 66.6667%;max-width:66.6667%}.col-9{-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.col-10{-ms-flex:0 0 83.3333%;flex:0 0 83.3333%;max-width:83.3333%}.col-11{-ms-flex:0 0 91.6667%;flex:0 0 91.6667%;max-width:91.6667%}.col-12{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.order-first{-ms-flex-order:-1;order:-1}.order-last{-ms-flex-order:13;order:13}.order-0{-ms-flex-order:0;order:0}.order-1{-ms-flex-order:1;order:1}.order-2{-ms-flex-order:2;order:2}.order-3{-ms-flex-order:3;order:3}.order-4{-ms-flex-order:4;order:4}.order-5{-ms-flex-order:5;order:5}.order-6{-ms-flex-order:6;order:6}.order-7{-ms-flex-order:7;order:7}.order-8{-ms-flex-order:8;order:8}.order-9{-ms-flex-order:9;order:9}.order-10{-ms-flex-order:10;order:10}.order-11{-ms-flex-order:11;order:11}.order-12{-ms-flex-order:12;order:12}.offset-1{margin-left:8.33333%}.offset-2{margin-left:16.6667%}.offset-3{margin-left:25%}.offset-4{margin-left:33.3333%}.offset-5{margin-left:41.6667%}.offset-6{margin-left:50%}.offset-7{margin-left:58.3333%}.offset-8{margin-left:66.6667%}.offset-9{margin-left:75%}.offset-10{margin-left:83.3333%}.offset-11{margin-left:91.6667%}@media (width>=576px){.col-sm{-ms-flex-positive:1;-ms-flex-preferred-size:0;flex-grow:1;flex-basis:0;max-width:100%}.row-cols-sm-1>*{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.row-cols-sm-2>*{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.row-cols-sm-3>*{-ms-flex:0 0 33.3333%;flex:0 0 33.3333%;max-width:33.3333%}.row-cols-sm-4>*{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.row-cols-sm-5>*{-ms-flex:0 0 20%;flex:0 0 20%;max-width:20%}.row-cols-sm-6>*{-ms-flex:0 0 16.6667%;flex:0 0 16.6667%;max-width:16.6667%}.col-sm-auto{-ms-flex:none;flex:none;width:auto;max-width:100%}.col-sm-1{-ms-flex:0 0 8.33333%;flex:0 0 8.33333%;max-width:8.33333%}.col-sm-2{-ms-flex:0 0 16.6667%;flex:0 0 16.6667%;max-width:16.6667%}.col-sm-3{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.col-sm-4{-ms-flex:0 0 33.3333%;flex:0 0 33.3333%;max-width:33.3333%}.col-sm-5{-ms-flex:0 0 41.6667%;flex:0 0 41.6667%;max-width:41.6667%}.col-sm-6{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.col-sm-7{-ms-flex:0 0 58.3333%;flex:0 0 58.3333%;max-width:58.3333%}.col-sm-8{-ms-flex:0 0 66.6667%;flex:0 0 66.6667%;max-width:66.6667%}.col-sm-9{-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.col-sm-10{-ms-flex:0 0 83.3333%;flex:0 0 83.3333%;max-width:83.3333%}.col-sm-11{-ms-flex:0 0 91.6667%;flex:0 0 91.6667%;max-width:91.6667%}.col-sm-12{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.order-sm-first{-ms-flex-order:-1;order:-1}.order-sm-last{-ms-flex-order:13;order:13}.order-sm-0{-ms-flex-order:0;order:0}.order-sm-1{-ms-flex-order:1;order:1}.order-sm-2{-ms-flex-order:2;order:2}.order-sm-3{-ms-flex-order:3;order:3}.order-sm-4{-ms-flex-order:4;order:4}.order-sm-5{-ms-flex-order:5;order:5}.order-sm-6{-ms-flex-order:6;order:6}.order-sm-7{-ms-flex-order:7;order:7}.order-sm-8{-ms-flex-order:8;order:8}.order-sm-9{-ms-flex-order:9;order:9}.order-sm-10{-ms-flex-order:10;order:10}.order-sm-11{-ms-flex-order:11;order:11}.order-sm-12{-ms-flex-order:12;order:12}.offset-sm-0{margin-left:0}.offset-sm-1{margin-left:8.33333%}.offset-sm-2{margin-left:16.6667%}.offset-sm-3{margin-left:25%}.offset-sm-4{margin-left:33.3333%}.offset-sm-5{margin-left:41.6667%}.offset-sm-6{margin-left:50%}.offset-sm-7{margin-left:58.3333%}.offset-sm-8{margin-left:66.6667%}.offset-sm-9{margin-left:75%}.offset-sm-10{margin-left:83.3333%}.offset-sm-11{margin-left:91.6667%}}@media (width>=768px){.col-md{-ms-flex-positive:1;-ms-flex-preferred-size:0;flex-grow:1;flex-basis:0;max-width:100%}.row-cols-md-1>*{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.row-cols-md-2>*{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.row-cols-md-3>*{-ms-flex:0 0 33.3333%;flex:0 0 33.3333%;max-width:33.3333%}.row-cols-md-4>*{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.row-cols-md-5>*{-ms-flex:0 0 20%;flex:0 0 20%;max-width:20%}.row-cols-md-6>*{-ms-flex:0 0 16.6667%;flex:0 0 16.6667%;max-width:16.6667%}.col-md-auto{-ms-flex:none;flex:none;width:auto;max-width:100%}.col-md-1{-ms-flex:0 0 8.33333%;flex:0 0 8.33333%;max-width:8.33333%}.col-md-2{-ms-flex:0 0 16.6667%;flex:0 0 16.6667%;max-width:16.6667%}.col-md-3{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.col-md-4{-ms-flex:0 0 33.3333%;flex:0 0 33.3333%;max-width:33.3333%}.col-md-5{-ms-flex:0 0 41.6667%;flex:0 0 41.6667%;max-width:41.6667%}.col-md-6{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.col-md-7{-ms-flex:0 0 58.3333%;flex:0 0 58.3333%;max-width:58.3333%}.col-md-8{-ms-flex:0 0 66.6667%;flex:0 0 66.6667%;max-width:66.6667%}.col-md-9{-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.col-md-10{-ms-flex:0 0 83.3333%;flex:0 0 83.3333%;max-width:83.3333%}.col-md-11{-ms-flex:0 0 91.6667%;flex:0 0 91.6667%;max-width:91.6667%}.col-md-12{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.order-md-first{-ms-flex-order:-1;order:-1}.order-md-last{-ms-flex-order:13;order:13}.order-md-0{-ms-flex-order:0;order:0}.order-md-1{-ms-flex-order:1;order:1}.order-md-2{-ms-flex-order:2;order:2}.order-md-3{-ms-flex-order:3;order:3}.order-md-4{-ms-flex-order:4;order:4}.order-md-5{-ms-flex-order:5;order:5}.order-md-6{-ms-flex-order:6;order:6}.order-md-7{-ms-flex-order:7;order:7}.order-md-8{-ms-flex-order:8;order:8}.order-md-9{-ms-flex-order:9;order:9}.order-md-10{-ms-flex-order:10;order:10}.order-md-11{-ms-flex-order:11;order:11}.order-md-12{-ms-flex-order:12;order:12}.offset-md-0{margin-left:0}.offset-md-1{margin-left:8.33333%}.offset-md-2{margin-left:16.6667%}.offset-md-3{margin-left:25%}.offset-md-4{margin-left:33.3333%}.offset-md-5{margin-left:41.6667%}.offset-md-6{margin-left:50%}.offset-md-7{margin-left:58.3333%}.offset-md-8{margin-left:66.6667%}.offset-md-9{margin-left:75%}.offset-md-10{margin-left:83.3333%}.offset-md-11{margin-left:91.6667%}}@media (width>=992px){.col-lg{-ms-flex-positive:1;-ms-flex-preferred-size:0;flex-grow:1;flex-basis:0;max-width:100%}.row-cols-lg-1>*{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.row-cols-lg-2>*{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.row-cols-lg-3>*{-ms-flex:0 0 33.3333%;flex:0 0 33.3333%;max-width:33.3333%}.row-cols-lg-4>*{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.row-cols-lg-5>*{-ms-flex:0 0 20%;flex:0 0 20%;max-width:20%}.row-cols-lg-6>*{-ms-flex:0 0 16.6667%;flex:0 0 16.6667%;max-width:16.6667%}.col-lg-auto{-ms-flex:none;flex:none;width:auto;max-width:100%}.col-lg-1{-ms-flex:0 0 8.33333%;flex:0 0 8.33333%;max-width:8.33333%}.col-lg-2{-ms-flex:0 0 16.6667%;flex:0 0 16.6667%;max-width:16.6667%}.col-lg-3{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.col-lg-4{-ms-flex:0 0 33.3333%;flex:0 0 33.3333%;max-width:33.3333%}.col-lg-5{-ms-flex:0 0 41.6667%;flex:0 0 41.6667%;max-width:41.6667%}.col-lg-6{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.col-lg-7{-ms-flex:0 0 58.3333%;flex:0 0 58.3333%;max-width:58.3333%}.col-lg-8{-ms-flex:0 0 66.6667%;flex:0 0 66.6667%;max-width:66.6667%}.col-lg-9{-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.col-lg-10{-ms-flex:0 0 83.3333%;flex:0 0 83.3333%;max-width:83.3333%}.col-lg-11{-ms-flex:0 0 91.6667%;flex:0 0 91.6667%;max-width:91.6667%}.col-lg-12{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.order-lg-first{-ms-flex-order:-1;order:-1}.order-lg-last{-ms-flex-order:13;order:13}.order-lg-0{-ms-flex-order:0;order:0}.order-lg-1{-ms-flex-order:1;order:1}.order-lg-2{-ms-flex-order:2;order:2}.order-lg-3{-ms-flex-order:3;order:3}.order-lg-4{-ms-flex-order:4;order:4}.order-lg-5{-ms-flex-order:5;order:5}.order-lg-6{-ms-flex-order:6;order:6}.order-lg-7{-ms-flex-order:7;order:7}.order-lg-8{-ms-flex-order:8;order:8}.order-lg-9{-ms-flex-order:9;order:9}.order-lg-10{-ms-flex-order:10;order:10}.order-lg-11{-ms-flex-order:11;order:11}.order-lg-12{-ms-flex-order:12;order:12}.offset-lg-0{margin-left:0}.offset-lg-1{margin-left:8.33333%}.offset-lg-2{margin-left:16.6667%}.offset-lg-3{margin-left:25%}.offset-lg-4{margin-left:33.3333%}.offset-lg-5{margin-left:41.6667%}.offset-lg-6{margin-left:50%}.offset-lg-7{margin-left:58.3333%}.offset-lg-8{margin-left:66.6667%}.offset-lg-9{margin-left:75%}.offset-lg-10{margin-left:83.3333%}.offset-lg-11{margin-left:91.6667%}}@media (width>=1200px){.col-xl{-ms-flex-positive:1;-ms-flex-preferred-size:0;flex-grow:1;flex-basis:0;max-width:100%}.row-cols-xl-1>*{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.row-cols-xl-2>*{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.row-cols-xl-3>*{-ms-flex:0 0 33.3333%;flex:0 0 33.3333%;max-width:33.3333%}.row-cols-xl-4>*{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.row-cols-xl-5>*{-ms-flex:0 0 20%;flex:0 0 20%;max-width:20%}.row-cols-xl-6>*{-ms-flex:0 0 16.6667%;flex:0 0 16.6667%;max-width:16.6667%}.col-xl-auto{-ms-flex:none;flex:none;width:auto;max-width:100%}.col-xl-1{-ms-flex:0 0 8.33333%;flex:0 0 8.33333%;max-width:8.33333%}.col-xl-2{-ms-flex:0 0 16.6667%;flex:0 0 16.6667%;max-width:16.6667%}.col-xl-3{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.col-xl-4{-ms-flex:0 0 33.3333%;flex:0 0 33.3333%;max-width:33.3333%}.col-xl-5{-ms-flex:0 0 41.6667%;flex:0 0 41.6667%;max-width:41.6667%}.col-xl-6{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.col-xl-7{-ms-flex:0 0 58.3333%;flex:0 0 58.3333%;max-width:58.3333%}.col-xl-8{-ms-flex:0 0 66.6667%;flex:0 0 66.6667%;max-width:66.6667%}.col-xl-9{-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.col-xl-10{-ms-flex:0 0 83.3333%;flex:0 0 83.3333%;max-width:83.3333%}.col-xl-11{-ms-flex:0 0 91.6667%;flex:0 0 91.6667%;max-width:91.6667%}.col-xl-12{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.order-xl-first{-ms-flex-order:-1;order:-1}.order-xl-last{-ms-flex-order:13;order:13}.order-xl-0{-ms-flex-order:0;order:0}.order-xl-1{-ms-flex-order:1;order:1}.order-xl-2{-ms-flex-order:2;order:2}.order-xl-3{-ms-flex-order:3;order:3}.order-xl-4{-ms-flex-order:4;order:4}.order-xl-5{-ms-flex-order:5;order:5}.order-xl-6{-ms-flex-order:6;order:6}.order-xl-7{-ms-flex-order:7;order:7}.order-xl-8{-ms-flex-order:8;order:8}.order-xl-9{-ms-flex-order:9;order:9}.order-xl-10{-ms-flex-order:10;order:10}.order-xl-11{-ms-flex-order:11;order:11}.order-xl-12{-ms-flex-order:12;order:12}.offset-xl-0{margin-left:0}.offset-xl-1{margin-left:8.33333%}.offset-xl-2{margin-left:16.6667%}.offset-xl-3{margin-left:25%}.offset-xl-4{margin-left:33.3333%}.offset-xl-5{margin-left:41.6667%}.offset-xl-6{margin-left:50%}.offset-xl-7{margin-left:58.3333%}.offset-xl-8{margin-left:66.6667%}.offset-xl-9{margin-left:75%}.offset-xl-10{margin-left:83.3333%}.offset-xl-11{margin-left:91.6667%}}.table{color:#212529;width:100%;margin-bottom:1rem}.table th,.table td{vertical-align:top;border-top:1px solid #dee2e6;padding:.75rem}.table thead th{vertical-align:bottom;border-bottom:2px solid #dee2e6}.table tbody+tbody{border-top:2px solid #dee2e6}.table-sm th,.table-sm td{padding:.3rem}.table-bordered,.table-bordered th,.table-bordered td{border:1px solid #dee2e6}.table-bordered thead th,.table-bordered thead td{border-bottom-width:2px}.table-borderless th,.table-borderless td,.table-borderless thead th,.table-borderless tbody+tbody{border:0}.table-striped tbody tr:nth-of-type(odd){background-color:#0000000d}.table-hover tbody tr:hover{color:#212529;background-color:#00000013}.table-primary,.table-primary>th,.table-primary>td{background-color:#b8daff}.table-primary th,.table-primary td,.table-primary thead th,.table-primary tbody+tbody{border-color:#7abaff}.table-hover .table-primary:hover,.table-hover .table-primary:hover>td,.table-hover .table-primary:hover>th{background-color:#9fcdff}.table-secondary,.table-secondary>th,.table-secondary>td{background-color:#d6d8db}.table-secondary th,.table-secondary td,.table-secondary thead th,.table-secondary tbody+tbody{border-color:#b3b7bb}.table-hover .table-secondary:hover,.table-hover .table-secondary:hover>td,.table-hover .table-secondary:hover>th{background-color:#c8cbcf}.table-success,.table-success>th,.table-success>td{background-color:#c3e6cb}.table-success th,.table-success td,.table-success thead th,.table-success tbody+tbody{border-color:#8fd19e}.table-hover .table-success:hover,.table-hover .table-success:hover>td,.table-hover .table-success:hover>th{background-color:#b1dfbb}.table-info,.table-info>th,.table-info>td{background-color:#bee5eb}.table-info th,.table-info td,.table-info thead th,.table-info tbody+tbody{border-color:#86cfda}.table-hover .table-info:hover,.table-hover .table-info:hover>td,.table-hover .table-info:hover>th{background-color:#abdde5}.table-warning,.table-warning>th,.table-warning>td{background-color:#ffeeba}.table-warning th,.table-warning td,.table-warning thead th,.table-warning tbody+tbody{border-color:#ffdf7e}.table-hover .table-warning:hover,.table-hover .table-warning:hover>td,.table-hover .table-warning:hover>th{background-color:#ffe8a1}.table-danger,.table-danger>th,.table-danger>td{background-color:#f5c6cb}.table-danger th,.table-danger td,.table-danger thead th,.table-danger tbody+tbody{border-color:#ed969e}.table-hover .table-danger:hover,.table-hover .table-danger:hover>td,.table-hover .table-danger:hover>th{background-color:#f1b0b7}.table-light,.table-light>th,.table-light>td{background-color:#fdfdfe}.table-light th,.table-light td,.table-light thead th,.table-light tbody+tbody{border-color:#fbfcfc}.table-hover .table-light:hover,.table-hover .table-light:hover>td,.table-hover .table-light:hover>th{background-color:#ececf6}.table-dark,.table-dark>th,.table-dark>td{background-color:#c6c8ca}.table-dark th,.table-dark td,.table-dark thead th,.table-dark tbody+tbody{border-color:#95999c}.table-hover .table-dark:hover,.table-hover .table-dark:hover>td,.table-hover .table-dark:hover>th{background-color:#b9bbbe}.table-active,.table-active>th,.table-active>td,.table-hover .table-active:hover,.table-hover .table-active:hover>td,.table-hover .table-active:hover>th{background-color:#00000013}.table .thead-dark th{color:#fff;background-color:#343a40;border-color:#454d55}.table .thead-light th{color:#495057;background-color:#e9ecef;border-color:#dee2e6}.table-dark{color:#fff;background-color:#343a40}.table-dark th,.table-dark td,.table-dark thead th{border-color:#454d55}.table-dark.table-bordered{border:0}.table-dark.table-striped tbody tr:nth-of-type(odd){background-color:#ffffff0d}.table-dark.table-hover tbody tr:hover{color:#fff;background-color:#ffffff13}@media (width<=575.98px){.table-responsive-sm{-webkit-overflow-scrolling:touch;width:100%;display:block;overflow-x:auto}.table-responsive-sm>.table-bordered{border:0}}@media (width<=767.98px){.table-responsive-md{-webkit-overflow-scrolling:touch;width:100%;display:block;overflow-x:auto}.table-responsive-md>.table-bordered{border:0}}@media (width<=991.98px){.table-responsive-lg{-webkit-overflow-scrolling:touch;width:100%;display:block;overflow-x:auto}.table-responsive-lg>.table-bordered{border:0}}@media (width<=1199.98px){.table-responsive-xl{-webkit-overflow-scrolling:touch;width:100%;display:block;overflow-x:auto}.table-responsive-xl>.table-bordered{border:0}}.table-responsive{-webkit-overflow-scrolling:touch;width:100%;display:block;overflow-x:auto}.table-responsive>.table-bordered{border:0}.form-control{color:#495057;background-color:#fff;background-clip:padding-box;border:1px solid #ced4da;border-radius:.25rem;width:100%;height:calc(1.5em + .75rem + 2px);padding:.375rem .75rem;font-size:1rem;font-weight:400;line-height:1.5;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out;display:block}@media (prefers-reduced-motion:reduce){.form-control{transition:none}}.form-control::-ms-expand{background-color:#0000;border:0}.form-control:focus{color:#495057;background-color:#fff;border-color:#80bdff;outline:0;box-shadow:0 0 0 .2rem #007bff40}.form-control::-webkit-input-placeholder{color:#6c757d;opacity:1}.form-control::placeholder{color:#6c757d;opacity:1}.form-control:-ms-input-placeholder{color:#6c757d;opacity:1}.form-control::-moz-placeholder{color:#6c757d;opacity:1}.form-control::placeholder{color:#6c757d;opacity:1}.form-control:disabled,.form-control[readonly]{opacity:1;background-color:#e9ecef}input[type=date].form-control,input[type=time].form-control,input[type=datetime-local].form-control,input[type=month].form-control{-webkit-appearance:none;-moz-appearance:none;appearance:none}select.form-control:-moz-focusring{color:#0000;text-shadow:0 0 #495057}select.form-control:focus::-ms-value{color:#495057;background-color:#fff}.form-control-file,.form-control-range{width:100%;display:block}.col-form-label{font-size:inherit;margin-bottom:0;padding-top:calc(.375rem + 1px);padding-bottom:calc(.375rem + 1px);line-height:1.5}.col-form-label-lg{padding-top:calc(.5rem + 1px);padding-bottom:calc(.5rem + 1px);font-size:1.25rem;line-height:1.5}.col-form-label-sm{padding-top:calc(.25rem + 1px);padding-bottom:calc(.25rem + 1px);font-size:.875rem;line-height:1.5}.form-control-plaintext{color:#212529;background-color:#0000;border:1px solid #0000;border-width:1px 0;width:100%;margin-bottom:0;padding:.375rem 0;font-size:1rem;line-height:1.5;display:block}.form-control-plaintext.form-control-sm,.form-control-plaintext.form-control-lg{padding-left:0;padding-right:0}.form-control-sm{border-radius:.2rem;height:calc(1.5em + .5rem + 2px);padding:.25rem .5rem;font-size:.875rem;line-height:1.5}.form-control-lg{border-radius:.3rem;height:calc(1.5em + 1rem + 2px);padding:.5rem 1rem;font-size:1.25rem;line-height:1.5}select.form-control[size],select.form-control[multiple],textarea.form-control{height:auto}.form-group{margin-bottom:1rem}.form-text{margin-top:.25rem;display:block}.form-row{-ms-flex-wrap:wrap;flex-wrap:wrap;margin-left:-5px;margin-right:-5px;display:-ms-flexbox;display:flex}.form-row>.col,.form-row>[class*=col-]{padding-left:5px;padding-right:5px}.form-check{padding-left:1.25rem;display:block;position:relative}.form-check-input{margin-top:.3rem;margin-left:-1.25rem;position:absolute}.form-check-input[disabled]~.form-check-label,.form-check-input:disabled~.form-check-label{color:#6c757d}.form-check-label{margin-bottom:0}.form-check-inline{align-items:center;margin-right:.75rem;padding-left:0;display:-ms-inline-flexbox;display:inline-flex}.form-check-inline .form-check-input{margin-top:0;margin-left:0;margin-right:.3125rem;position:static}.valid-feedback{color:#28a745;width:100%;margin-top:.25rem;font-size:80%;display:none}.valid-tooltip{z-index:5;color:#fff;background-color:#28a745e6;border-radius:.25rem;max-width:100%;margin-top:.1rem;padding:.25rem .5rem;font-size:.875rem;line-height:1.5;display:none;position:absolute;top:100%;left:0}.form-row>.col>.valid-tooltip,.form-row>[class*=col-]>.valid-tooltip{left:5px}.was-validated :valid~.valid-feedback,.was-validated :valid~.valid-tooltip,.is-valid~.valid-feedback,.is-valid~.valid-tooltip{display:block}.was-validated .form-control:valid,.form-control.is-valid{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%2328a745' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");background-position:right calc(.375em + .1875rem) center;background-repeat:no-repeat;background-size:calc(.75em + .375rem) calc(.75em + .375rem);border-color:#28a745;padding-right:calc(1.5em + .75rem)!important}.was-validated .form-control:valid:focus,.form-control.is-valid:focus{border-color:#28a745;box-shadow:0 0 0 .2rem #28a74540}.was-validated select.form-control:valid,select.form-control.is-valid{background-position:right 1.5rem center;padding-right:3rem!important}.was-validated textarea.form-control:valid,textarea.form-control.is-valid{background-position:right calc(.375em + .1875rem) top calc(.375em + .1875rem);padding-right:calc(1.5em + .75rem)}.was-validated .custom-select:valid,.custom-select.is-valid{background:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") right .75rem center/8px 10px no-repeat,#fff url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%2328a745' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e") right 1.75rem center/calc(.75em + .375rem) calc(.75em + .375rem) no-repeat;border-color:#28a745;padding-right:calc(.75em + 2.3125rem)!important}.was-validated .custom-select:valid:focus,.custom-select.is-valid:focus{border-color:#28a745;box-shadow:0 0 0 .2rem #28a74540}.was-validated .form-check-input:valid~.form-check-label,.form-check-input.is-valid~.form-check-label{color:#28a745}.was-validated .form-check-input:valid~.valid-feedback,.was-validated .form-check-input:valid~.valid-tooltip,.form-check-input.is-valid~.valid-feedback,.form-check-input.is-valid~.valid-tooltip{display:block}.was-validated .custom-control-input:valid~.custom-control-label,.custom-control-input.is-valid~.custom-control-label{color:#28a745}.was-validated .custom-control-input:valid~.custom-control-label:before,.custom-control-input.is-valid~.custom-control-label:before{border-color:#28a745}.was-validated .custom-control-input:valid:checked~.custom-control-label:before,.custom-control-input.is-valid:checked~.custom-control-label:before{background-color:#34ce57;border-color:#34ce57}.was-validated .custom-control-input:valid:focus~.custom-control-label:before,.custom-control-input.is-valid:focus~.custom-control-label:before{box-shadow:0 0 0 .2rem #28a74540}.was-validated .custom-control-input:valid:focus:not(:checked)~.custom-control-label:before,.custom-control-input.is-valid:focus:not(:checked)~.custom-control-label:before,.was-validated .custom-file-input:valid~.custom-file-label,.custom-file-input.is-valid~.custom-file-label{border-color:#28a745}.was-validated .custom-file-input:valid:focus~.custom-file-label,.custom-file-input.is-valid:focus~.custom-file-label{border-color:#28a745;box-shadow:0 0 0 .2rem #28a74540}.invalid-feedback{color:#dc3545;width:100%;margin-top:.25rem;font-size:80%;display:none}.invalid-tooltip{z-index:5;color:#fff;background-color:#dc3545e6;border-radius:.25rem;max-width:100%;margin-top:.1rem;padding:.25rem .5rem;font-size:.875rem;line-height:1.5;display:none;position:absolute;top:100%;left:0}.form-row>.col>.invalid-tooltip,.form-row>[class*=col-]>.invalid-tooltip{left:5px}.was-validated :invalid~.invalid-feedback,.was-validated :invalid~.invalid-tooltip,.is-invalid~.invalid-feedback,.is-invalid~.invalid-tooltip{display:block}.was-validated .form-control:invalid,.form-control.is-invalid{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23dc3545' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e");background-position:right calc(.375em + .1875rem) center;background-repeat:no-repeat;background-size:calc(.75em + .375rem) calc(.75em + .375rem);border-color:#dc3545;padding-right:calc(1.5em + .75rem)!important}.was-validated .form-control:invalid:focus,.form-control.is-invalid:focus{border-color:#dc3545;box-shadow:0 0 0 .2rem #dc354540}.was-validated select.form-control:invalid,select.form-control.is-invalid{background-position:right 1.5rem center;padding-right:3rem!important}.was-validated textarea.form-control:invalid,textarea.form-control.is-invalid{background-position:right calc(.375em + .1875rem) top calc(.375em + .1875rem);padding-right:calc(1.5em + .75rem)}.was-validated .custom-select:invalid,.custom-select.is-invalid{background:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") right .75rem center/8px 10px no-repeat,#fff url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23dc3545' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e") right 1.75rem center/calc(.75em + .375rem) calc(.75em + .375rem) no-repeat;border-color:#dc3545;padding-right:calc(.75em + 2.3125rem)!important}.was-validated .custom-select:invalid:focus,.custom-select.is-invalid:focus{border-color:#dc3545;box-shadow:0 0 0 .2rem #dc354540}.was-validated .form-check-input:invalid~.form-check-label,.form-check-input.is-invalid~.form-check-label{color:#dc3545}.was-validated .form-check-input:invalid~.invalid-feedback,.was-validated .form-check-input:invalid~.invalid-tooltip,.form-check-input.is-invalid~.invalid-feedback,.form-check-input.is-invalid~.invalid-tooltip{display:block}.was-validated .custom-control-input:invalid~.custom-control-label,.custom-control-input.is-invalid~.custom-control-label{color:#dc3545}.was-validated .custom-control-input:invalid~.custom-control-label:before,.custom-control-input.is-invalid~.custom-control-label:before{border-color:#dc3545}.was-validated .custom-control-input:invalid:checked~.custom-control-label:before,.custom-control-input.is-invalid:checked~.custom-control-label:before{background-color:#e4606d;border-color:#e4606d}.was-validated .custom-control-input:invalid:focus~.custom-control-label:before,.custom-control-input.is-invalid:focus~.custom-control-label:before{box-shadow:0 0 0 .2rem #dc354540}.was-validated .custom-control-input:invalid:focus:not(:checked)~.custom-control-label:before,.custom-control-input.is-invalid:focus:not(:checked)~.custom-control-label:before,.was-validated .custom-file-input:invalid~.custom-file-label,.custom-file-input.is-invalid~.custom-file-label{border-color:#dc3545}.was-validated .custom-file-input:invalid:focus~.custom-file-label,.custom-file-input.is-invalid:focus~.custom-file-label{border-color:#dc3545;box-shadow:0 0 0 .2rem #dc354540}.form-inline{-ms-flex-flow:wrap;flex-flow:wrap;align-items:center;display:-ms-flexbox;display:flex}.form-inline .form-check{width:100%}@media (width>=576px){.form-inline label{justify-content:center;align-items:center;margin-bottom:0;display:-ms-flexbox;display:flex}.form-inline .form-group{-ms-flex-flow:wrap;flex-flow:wrap;-ms-flex:none;flex:none;align-items:center;margin-bottom:0;display:-ms-flexbox;display:flex}.form-inline .form-control{vertical-align:middle;width:auto;display:inline-block}.form-inline .form-control-plaintext{display:inline-block}.form-inline .input-group,.form-inline .custom-select{width:auto}.form-inline .form-check{justify-content:center;align-items:center;width:auto;padding-left:0;display:-ms-flexbox;display:flex}.form-inline .form-check-input{-ms-flex-negative:0;flex-shrink:0;margin-top:0;margin-left:0;margin-right:.25rem;position:relative}.form-inline .custom-control{justify-content:center;align-items:center}.form-inline .custom-control-label{margin-bottom:0}}.btn{color:#212529;text-align:center;vertical-align:middle;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background-color:#0000;border:1px solid #0000;border-radius:.25rem;padding:.375rem .75rem;font-size:1rem;font-weight:400;line-height:1.5;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;display:inline-block}@media (prefers-reduced-motion:reduce){.btn{transition:none}}.btn:hover{color:#212529;text-decoration:none}.btn:focus,.btn.focus{outline:0;box-shadow:0 0 0 .2rem #007bff40}.btn.disabled,.btn:disabled{opacity:.65}.btn:not(:disabled):not(.disabled){cursor:pointer}a.btn.disabled,fieldset:disabled a.btn{pointer-events:none}.btn-primary{color:#fff;background-color:#007bff;border-color:#007bff}.btn-primary:hover{color:#fff;background-color:#0069d9;border-color:#0062cc}.btn-primary:focus,.btn-primary.focus{color:#fff;background-color:#0069d9;border-color:#0062cc;box-shadow:0 0 0 .2rem #268fff80}.btn-primary.disabled,.btn-primary:disabled{color:#fff;background-color:#007bff;border-color:#007bff}.btn-primary:not(:disabled):not(.disabled):active,.btn-primary:not(:disabled):not(.disabled).active,.show>.btn-primary.dropdown-toggle{color:#fff;background-color:#0062cc;border-color:#005cbf}.btn-primary:not(:disabled):not(.disabled):active:focus,.btn-primary:not(:disabled):not(.disabled).active:focus,.show>.btn-primary.dropdown-toggle:focus{box-shadow:0 0 0 .2rem #268fff80}.btn-secondary{color:#fff;background-color:#6c757d;border-color:#6c757d}.btn-secondary:hover{color:#fff;background-color:#5a6268;border-color:#545b62}.btn-secondary:focus,.btn-secondary.focus{color:#fff;background-color:#5a6268;border-color:#545b62;box-shadow:0 0 0 .2rem #828a9180}.btn-secondary.disabled,.btn-secondary:disabled{color:#fff;background-color:#6c757d;border-color:#6c757d}.btn-secondary:not(:disabled):not(.disabled):active,.btn-secondary:not(:disabled):not(.disabled).active,.show>.btn-secondary.dropdown-toggle{color:#fff;background-color:#545b62;border-color:#4e555b}.btn-secondary:not(:disabled):not(.disabled):active:focus,.btn-secondary:not(:disabled):not(.disabled).active:focus,.show>.btn-secondary.dropdown-toggle:focus{box-shadow:0 0 0 .2rem #828a9180}.btn-success{color:#fff;background-color:#28a745;border-color:#28a745}.btn-success:hover{color:#fff;background-color:#218838;border-color:#1e7e34}.btn-success:focus,.btn-success.focus{color:#fff;background-color:#218838;border-color:#1e7e34;box-shadow:0 0 0 .2rem #48b46180}.btn-success.disabled,.btn-success:disabled{color:#fff;background-color:#28a745;border-color:#28a745}.btn-success:not(:disabled):not(.disabled):active,.btn-success:not(:disabled):not(.disabled).active,.show>.btn-success.dropdown-toggle{color:#fff;background-color:#1e7e34;border-color:#1c7430}.btn-success:not(:disabled):not(.disabled):active:focus,.btn-success:not(:disabled):not(.disabled).active:focus,.show>.btn-success.dropdown-toggle:focus{box-shadow:0 0 0 .2rem #48b46180}.btn-info{color:#fff;background-color:#17a2b8;border-color:#17a2b8}.btn-info:hover{color:#fff;background-color:#138496;border-color:#117a8b}.btn-info:focus,.btn-info.focus{color:#fff;background-color:#138496;border-color:#117a8b;box-shadow:0 0 0 .2rem #3ab0c380}.btn-info.disabled,.btn-info:disabled{color:#fff;background-color:#17a2b8;border-color:#17a2b8}.btn-info:not(:disabled):not(.disabled):active,.btn-info:not(:disabled):not(.disabled).active,.show>.btn-info.dropdown-toggle{color:#fff;background-color:#117a8b;border-color:#10707f}.btn-info:not(:disabled):not(.disabled):active:focus,.btn-info:not(:disabled):not(.disabled).active:focus,.show>.btn-info.dropdown-toggle:focus{box-shadow:0 0 0 .2rem #3ab0c380}.btn-warning{color:#212529;background-color:#ffc107;border-color:#ffc107}.btn-warning:hover{color:#212529;background-color:#e0a800;border-color:#d39e00}.btn-warning:focus,.btn-warning.focus{color:#212529;background-color:#e0a800;border-color:#d39e00;box-shadow:0 0 0 .2rem #deaa0c80}.btn-warning.disabled,.btn-warning:disabled{color:#212529;background-color:#ffc107;border-color:#ffc107}.btn-warning:not(:disabled):not(.disabled):active,.btn-warning:not(:disabled):not(.disabled).active,.show>.btn-warning.dropdown-toggle{color:#212529;background-color:#d39e00;border-color:#c69500}.btn-warning:not(:disabled):not(.disabled):active:focus,.btn-warning:not(:disabled):not(.disabled).active:focus,.show>.btn-warning.dropdown-toggle:focus{box-shadow:0 0 0 .2rem #deaa0c80}.btn-danger{color:#fff;background-color:#dc3545;border-color:#dc3545}.btn-danger:hover{color:#fff;background-color:#c82333;border-color:#bd2130}.btn-danger:focus,.btn-danger.focus{color:#fff;background-color:#c82333;border-color:#bd2130;box-shadow:0 0 0 .2rem #e1536180}.btn-danger.disabled,.btn-danger:disabled{color:#fff;background-color:#dc3545;border-color:#dc3545}.btn-danger:not(:disabled):not(.disabled):active,.btn-danger:not(:disabled):not(.disabled).active,.show>.btn-danger.dropdown-toggle{color:#fff;background-color:#bd2130;border-color:#b21f2d}.btn-danger:not(:disabled):not(.disabled):active:focus,.btn-danger:not(:disabled):not(.disabled).active:focus,.show>.btn-danger.dropdown-toggle:focus{box-shadow:0 0 0 .2rem #e1536180}.btn-light{color:#212529;background-color:#f8f9fa;border-color:#f8f9fa}.btn-light:hover{color:#212529;background-color:#e2e6ea;border-color:#dae0e5}.btn-light:focus,.btn-light.focus{color:#212529;background-color:#e2e6ea;border-color:#dae0e5;box-shadow:0 0 0 .2rem #d8d9db80}.btn-light.disabled,.btn-light:disabled{color:#212529;background-color:#f8f9fa;border-color:#f8f9fa}.btn-light:not(:disabled):not(.disabled):active,.btn-light:not(:disabled):not(.disabled).active,.show>.btn-light.dropdown-toggle{color:#212529;background-color:#dae0e5;border-color:#d3d9df}.btn-light:not(:disabled):not(.disabled):active:focus,.btn-light:not(:disabled):not(.disabled).active:focus,.show>.btn-light.dropdown-toggle:focus{box-shadow:0 0 0 .2rem #d8d9db80}.btn-dark{color:#fff;background-color:#343a40;border-color:#343a40}.btn-dark:hover{color:#fff;background-color:#23272b;border-color:#1d2124}.btn-dark:focus,.btn-dark.focus{color:#fff;background-color:#23272b;border-color:#1d2124;box-shadow:0 0 0 .2rem #52585d80}.btn-dark.disabled,.btn-dark:disabled{color:#fff;background-color:#343a40;border-color:#343a40}.btn-dark:not(:disabled):not(.disabled):active,.btn-dark:not(:disabled):not(.disabled).active,.show>.btn-dark.dropdown-toggle{color:#fff;background-color:#1d2124;border-color:#171a1d}.btn-dark:not(:disabled):not(.disabled):active:focus,.btn-dark:not(:disabled):not(.disabled).active:focus,.show>.btn-dark.dropdown-toggle:focus{box-shadow:0 0 0 .2rem #52585d80}.btn-outline-primary{color:#007bff;border-color:#007bff}.btn-outline-primary:hover{color:#fff;background-color:#007bff;border-color:#007bff}.btn-outline-primary:focus,.btn-outline-primary.focus{box-shadow:0 0 0 .2rem #007bff80}.btn-outline-primary.disabled,.btn-outline-primary:disabled{color:#007bff;background-color:#0000}.btn-outline-primary:not(:disabled):not(.disabled):active,.btn-outline-primary:not(:disabled):not(.disabled).active,.show>.btn-outline-primary.dropdown-toggle{color:#fff;background-color:#007bff;border-color:#007bff}.btn-outline-primary:not(:disabled):not(.disabled):active:focus,.btn-outline-primary:not(:disabled):not(.disabled).active:focus,.show>.btn-outline-primary.dropdown-toggle:focus{box-shadow:0 0 0 .2rem #007bff80}.btn-outline-secondary{color:#6c757d;border-color:#6c757d}.btn-outline-secondary:hover{color:#fff;background-color:#6c757d;border-color:#6c757d}.btn-outline-secondary:focus,.btn-outline-secondary.focus{box-shadow:0 0 0 .2rem #6c757d80}.btn-outline-secondary.disabled,.btn-outline-secondary:disabled{color:#6c757d;background-color:#0000}.btn-outline-secondary:not(:disabled):not(.disabled):active,.btn-outline-secondary:not(:disabled):not(.disabled).active,.show>.btn-outline-secondary.dropdown-toggle{color:#fff;background-color:#6c757d;border-color:#6c757d}.btn-outline-secondary:not(:disabled):not(.disabled):active:focus,.btn-outline-secondary:not(:disabled):not(.disabled).active:focus,.show>.btn-outline-secondary.dropdown-toggle:focus{box-shadow:0 0 0 .2rem #6c757d80}.btn-outline-success{color:#28a745;border-color:#28a745}.btn-outline-success:hover{color:#fff;background-color:#28a745;border-color:#28a745}.btn-outline-success:focus,.btn-outline-success.focus{box-shadow:0 0 0 .2rem #28a74580}.btn-outline-success.disabled,.btn-outline-success:disabled{color:#28a745;background-color:#0000}.btn-outline-success:not(:disabled):not(.disabled):active,.btn-outline-success:not(:disabled):not(.disabled).active,.show>.btn-outline-success.dropdown-toggle{color:#fff;background-color:#28a745;border-color:#28a745}.btn-outline-success:not(:disabled):not(.disabled):active:focus,.btn-outline-success:not(:disabled):not(.disabled).active:focus,.show>.btn-outline-success.dropdown-toggle:focus{box-shadow:0 0 0 .2rem #28a74580}.btn-outline-info{color:#17a2b8;border-color:#17a2b8}.btn-outline-info:hover{color:#fff;background-color:#17a2b8;border-color:#17a2b8}.btn-outline-info:focus,.btn-outline-info.focus{box-shadow:0 0 0 .2rem #17a2b880}.btn-outline-info.disabled,.btn-outline-info:disabled{color:#17a2b8;background-color:#0000}.btn-outline-info:not(:disabled):not(.disabled):active,.btn-outline-info:not(:disabled):not(.disabled).active,.show>.btn-outline-info.dropdown-toggle{color:#fff;background-color:#17a2b8;border-color:#17a2b8}.btn-outline-info:not(:disabled):not(.disabled):active:focus,.btn-outline-info:not(:disabled):not(.disabled).active:focus,.show>.btn-outline-info.dropdown-toggle:focus{box-shadow:0 0 0 .2rem #17a2b880}.btn-outline-warning{color:#ffc107;border-color:#ffc107}.btn-outline-warning:hover{color:#212529;background-color:#ffc107;border-color:#ffc107}.btn-outline-warning:focus,.btn-outline-warning.focus{box-shadow:0 0 0 .2rem #ffc10780}.btn-outline-warning.disabled,.btn-outline-warning:disabled{color:#ffc107;background-color:#0000}.btn-outline-warning:not(:disabled):not(.disabled):active,.btn-outline-warning:not(:disabled):not(.disabled).active,.show>.btn-outline-warning.dropdown-toggle{color:#212529;background-color:#ffc107;border-color:#ffc107}.btn-outline-warning:not(:disabled):not(.disabled):active:focus,.btn-outline-warning:not(:disabled):not(.disabled).active:focus,.show>.btn-outline-warning.dropdown-toggle:focus{box-shadow:0 0 0 .2rem #ffc10780}.btn-outline-danger{color:#dc3545;border-color:#dc3545}.btn-outline-danger:hover{color:#fff;background-color:#dc3545;border-color:#dc3545}.btn-outline-danger:focus,.btn-outline-danger.focus{box-shadow:0 0 0 .2rem #dc354580}.btn-outline-danger.disabled,.btn-outline-danger:disabled{color:#dc3545;background-color:#0000}.btn-outline-danger:not(:disabled):not(.disabled):active,.btn-outline-danger:not(:disabled):not(.disabled).active,.show>.btn-outline-danger.dropdown-toggle{color:#fff;background-color:#dc3545;border-color:#dc3545}.btn-outline-danger:not(:disabled):not(.disabled):active:focus,.btn-outline-danger:not(:disabled):not(.disabled).active:focus,.show>.btn-outline-danger.dropdown-toggle:focus{box-shadow:0 0 0 .2rem #dc354580}.btn-outline-light{color:#f8f9fa;border-color:#f8f9fa}.btn-outline-light:hover{color:#212529;background-color:#f8f9fa;border-color:#f8f9fa}.btn-outline-light:focus,.btn-outline-light.focus{box-shadow:0 0 0 .2rem #f8f9fa80}.btn-outline-light.disabled,.btn-outline-light:disabled{color:#f8f9fa;background-color:#0000}.btn-outline-light:not(:disabled):not(.disabled):active,.btn-outline-light:not(:disabled):not(.disabled).active,.show>.btn-outline-light.dropdown-toggle{color:#212529;background-color:#f8f9fa;border-color:#f8f9fa}.btn-outline-light:not(:disabled):not(.disabled):active:focus,.btn-outline-light:not(:disabled):not(.disabled).active:focus,.show>.btn-outline-light.dropdown-toggle:focus{box-shadow:0 0 0 .2rem #f8f9fa80}.btn-outline-dark{color:#343a40;border-color:#343a40}.btn-outline-dark:hover{color:#fff;background-color:#343a40;border-color:#343a40}.btn-outline-dark:focus,.btn-outline-dark.focus{box-shadow:0 0 0 .2rem #343a4080}.btn-outline-dark.disabled,.btn-outline-dark:disabled{color:#343a40;background-color:#0000}.btn-outline-dark:not(:disabled):not(.disabled):active,.btn-outline-dark:not(:disabled):not(.disabled).active,.show>.btn-outline-dark.dropdown-toggle{color:#fff;background-color:#343a40;border-color:#343a40}.btn-outline-dark:not(:disabled):not(.disabled):active:focus,.btn-outline-dark:not(:disabled):not(.disabled).active:focus,.show>.btn-outline-dark.dropdown-toggle:focus{box-shadow:0 0 0 .2rem #343a4080}.btn-link{color:#007bff;font-weight:400;text-decoration:none}.btn-link:hover{color:#0056b3;text-decoration:underline}.btn-link:focus,.btn-link.focus{text-decoration:underline}.btn-link:disabled,.btn-link.disabled{color:#6c757d;pointer-events:none}.btn-lg,.btn-group-lg>.btn{border-radius:.3rem;padding:.5rem 1rem;font-size:1.25rem;line-height:1.5}.btn-sm,.btn-group-sm>.btn{border-radius:.2rem;padding:.25rem .5rem;font-size:.875rem;line-height:1.5}.btn-block{width:100%;display:block}.btn-block+.btn-block{margin-top:.5rem}input[type=submit].btn-block,input[type=reset].btn-block,input[type=button].btn-block{width:100%}.fade{transition:opacity .15s linear}@media (prefers-reduced-motion:reduce){.fade{transition:none}}.fade:not(.show){opacity:0}.collapse:not(.show){display:none}.collapsing{height:0;transition:height .35s;position:relative;overflow:hidden}@media (prefers-reduced-motion:reduce){.collapsing{transition:none}}.dropup,.dropright,.dropdown,.dropleft{position:relative}.dropdown-toggle{white-space:nowrap}.dropdown-toggle:after{vertical-align:.255em;content:"";border:.3em solid #0000;border-top-color:currentColor;border-bottom:0;margin-left:.255em;display:inline-block}.dropdown-toggle:empty:after{margin-left:0}.dropdown-menu{z-index:1000;float:left;color:#212529;text-align:left;background-color:#fff;background-clip:padding-box;border:1px solid #00000026;border-radius:.25rem;min-width:10rem;margin:.125rem 0 0;padding:.5rem 0;font-size:1rem;list-style:none;display:none;position:absolute;top:100%;left:0}.dropdown-menu-left{left:0;right:auto}.dropdown-menu-right{left:auto;right:0}@media (width>=576px){.dropdown-menu-sm-left{left:0;right:auto}.dropdown-menu-sm-right{left:auto;right:0}}@media (width>=768px){.dropdown-menu-md-left{left:0;right:auto}.dropdown-menu-md-right{left:auto;right:0}}@media (width>=992px){.dropdown-menu-lg-left{left:0;right:auto}.dropdown-menu-lg-right{left:auto;right:0}}@media (width>=1200px){.dropdown-menu-xl-left{left:0;right:auto}.dropdown-menu-xl-right{left:auto;right:0}}.dropup .dropdown-menu{margin-top:0;margin-bottom:.125rem;top:auto;bottom:100%}.dropup .dropdown-toggle:after{vertical-align:.255em;content:"";border:.3em solid #0000;border-top:0;border-bottom-color:currentColor;margin-left:.255em;display:inline-block}.dropup .dropdown-toggle:empty:after{margin-left:0}.dropright .dropdown-menu{margin-top:0;margin-left:.125rem;top:0;left:100%;right:auto}.dropright .dropdown-toggle:after{vertical-align:.255em;content:"";border:.3em solid #0000;border-left-color:currentColor;border-right:0;margin-left:.255em;display:inline-block}.dropright .dropdown-toggle:empty:after{margin-left:0}.dropright .dropdown-toggle:after{vertical-align:0}.dropleft .dropdown-menu{margin-top:0;margin-right:.125rem;top:0;left:auto;right:100%}.dropleft .dropdown-toggle:after{vertical-align:.255em;content:"";margin-left:.255em;display:none}.dropleft .dropdown-toggle:before{vertical-align:.255em;content:"";border-top:.3em solid #0000;border-bottom:.3em solid #0000;border-right:.3em solid;margin-right:.255em;display:inline-block}.dropleft .dropdown-toggle:empty:after{margin-left:0}.dropleft .dropdown-toggle:before{vertical-align:0}.dropdown-menu[x-placement^=top],.dropdown-menu[x-placement^=right],.dropdown-menu[x-placement^=bottom],.dropdown-menu[x-placement^=left]{bottom:auto;right:auto}.dropdown-divider{border-top:1px solid #e9ecef;height:0;margin:.5rem 0;overflow:hidden}.dropdown-item{clear:both;color:#212529;text-align:inherit;white-space:nowrap;background-color:#0000;border:0;width:100%;padding:.25rem 1.5rem;font-weight:400;display:block}.dropdown-item:hover,.dropdown-item:focus{color:#16181b;background-color:#e9ecef;text-decoration:none}.dropdown-item.active,.dropdown-item:active{color:#fff;background-color:#007bff;text-decoration:none}.dropdown-item.disabled,.dropdown-item:disabled{color:#adb5bd;pointer-events:none;background-color:#0000}.dropdown-menu.show{display:block}.dropdown-header{color:#6c757d;white-space:nowrap;margin-bottom:0;padding:.5rem 1.5rem;font-size:.875rem;display:block}.dropdown-item-text{color:#212529;padding:.25rem 1.5rem;display:block}.btn-group,.btn-group-vertical{vertical-align:middle;display:-ms-inline-flexbox;display:inline-flex;position:relative}.btn-group>.btn,.btn-group-vertical>.btn{-ms-flex:auto;flex:auto;position:relative}.btn-group>.btn:hover,.btn-group-vertical>.btn:hover,.btn-group>.btn:focus,.btn-group>.btn:active,.btn-group>.btn.active,.btn-group-vertical>.btn:focus,.btn-group-vertical>.btn:active,.btn-group-vertical>.btn.active{z-index:1}.btn-toolbar{-ms-flex-wrap:wrap;flex-wrap:wrap;justify-content:flex-start;display:-ms-flexbox;display:flex}.btn-toolbar .input-group{width:auto}.btn-group>.btn:not(:first-child),.btn-group>.btn-group:not(:first-child){margin-left:-1px}.btn-group>.btn:not(:last-child):not(.dropdown-toggle),.btn-group>.btn-group:not(:last-child)>.btn{border-top-right-radius:0;border-bottom-right-radius:0}.btn-group>.btn:not(:first-child),.btn-group>.btn-group:not(:first-child)>.btn{border-top-left-radius:0;border-bottom-left-radius:0}.dropdown-toggle-split{padding-left:.5625rem;padding-right:.5625rem}.dropdown-toggle-split:after,.dropup .dropdown-toggle-split:after,.dropright .dropdown-toggle-split:after{margin-left:0}.dropleft .dropdown-toggle-split:before{margin-right:0}.btn-sm+.dropdown-toggle-split,.btn-group-sm>.btn+.dropdown-toggle-split{padding-left:.375rem;padding-right:.375rem}.btn-lg+.dropdown-toggle-split,.btn-group-lg>.btn+.dropdown-toggle-split{padding-left:.75rem;padding-right:.75rem}.btn-group-vertical{-ms-flex-direction:column;flex-direction:column;justify-content:center;align-items:flex-start}.btn-group-vertical>.btn,.btn-group-vertical>.btn-group{width:100%}.btn-group-vertical>.btn:not(:first-child),.btn-group-vertical>.btn-group:not(:first-child){margin-top:-1px}.btn-group-vertical>.btn:not(:last-child):not(.dropdown-toggle),.btn-group-vertical>.btn-group:not(:last-child)>.btn{border-bottom-right-radius:0;border-bottom-left-radius:0}.btn-group-vertical>.btn:not(:first-child),.btn-group-vertical>.btn-group:not(:first-child)>.btn{border-top-left-radius:0;border-top-right-radius:0}.btn-group-toggle>.btn,.btn-group-toggle>.btn-group>.btn{margin-bottom:0}.btn-group-toggle>.btn input[type=radio],.btn-group-toggle>.btn input[type=checkbox],.btn-group-toggle>.btn-group>.btn input[type=radio],.btn-group-toggle>.btn-group>.btn input[type=checkbox]{clip:rect(0,0,0,0);pointer-events:none;position:absolute}.input-group{-ms-flex-wrap:wrap;flex-wrap:wrap;align-items:stretch;width:100%;display:-ms-flexbox;display:flex;position:relative}.input-group>.form-control,.input-group>.form-control-plaintext,.input-group>.custom-select,.input-group>.custom-file{-ms-flex:auto;flex:auto;width:1%;min-width:0;margin-bottom:0;position:relative}.input-group>.form-control+.form-control,.input-group>.form-control+.custom-select,.input-group>.form-control+.custom-file,.input-group>.form-control-plaintext+.form-control,.input-group>.form-control-plaintext+.custom-select,.input-group>.form-control-plaintext+.custom-file,.input-group>.custom-select+.form-control,.input-group>.custom-select+.custom-select,.input-group>.custom-select+.custom-file,.input-group>.custom-file+.form-control,.input-group>.custom-file+.custom-select,.input-group>.custom-file+.custom-file{margin-left:-1px}.input-group>.form-control:focus,.input-group>.custom-select:focus,.input-group>.custom-file .custom-file-input:focus~.custom-file-label{z-index:3}.input-group>.custom-file .custom-file-input:focus{z-index:4}.input-group>.form-control:not(:first-child),.input-group>.custom-select:not(:first-child){border-top-left-radius:0;border-bottom-left-radius:0}.input-group>.custom-file{align-items:center;display:-ms-flexbox;display:flex}.input-group>.custom-file:not(:last-child) .custom-file-label,.input-group>.custom-file:not(:last-child) .custom-file-label:after{border-top-right-radius:0;border-bottom-right-radius:0}.input-group>.custom-file:not(:first-child) .custom-file-label{border-top-left-radius:0;border-bottom-left-radius:0}.input-group:not(.has-validation)>.form-control:not(:last-child),.input-group:not(.has-validation)>.custom-select:not(:last-child),.input-group:not(.has-validation)>.custom-file:not(:last-child) .custom-file-label,.input-group:not(.has-validation)>.custom-file:not(:last-child) .custom-file-label:after,.input-group.has-validation>.form-control:nth-last-child(n+3),.input-group.has-validation>.custom-select:nth-last-child(n+3),.input-group.has-validation>.custom-file:nth-last-child(n+3) .custom-file-label,.input-group.has-validation>.custom-file:nth-last-child(n+3) .custom-file-label:after{border-top-right-radius:0;border-bottom-right-radius:0}.input-group-prepend,.input-group-append{display:-ms-flexbox;display:flex}.input-group-prepend .btn,.input-group-append .btn{z-index:2;position:relative}.input-group-prepend .btn:focus,.input-group-append .btn:focus{z-index:3}.input-group-prepend .btn+.btn,.input-group-prepend .btn+.input-group-text,.input-group-prepend .input-group-text+.input-group-text,.input-group-prepend .input-group-text+.btn,.input-group-append .btn+.btn,.input-group-append .btn+.input-group-text,.input-group-append .input-group-text+.input-group-text,.input-group-append .input-group-text+.btn{margin-left:-1px}.input-group-prepend{margin-right:-1px}.input-group-append{margin-left:-1px}.input-group-text{color:#495057;text-align:center;white-space:nowrap;background-color:#e9ecef;border:1px solid #ced4da;border-radius:.25rem;align-items:center;margin-bottom:0;padding:.375rem .75rem;font-size:1rem;font-weight:400;line-height:1.5;display:-ms-flexbox;display:flex}.input-group-text input[type=radio],.input-group-text input[type=checkbox]{margin-top:0}.input-group-lg>.form-control:not(textarea),.input-group-lg>.custom-select{height:calc(1.5em + 1rem + 2px)}.input-group-lg>.form-control,.input-group-lg>.custom-select,.input-group-lg>.input-group-prepend>.input-group-text,.input-group-lg>.input-group-append>.input-group-text,.input-group-lg>.input-group-prepend>.btn,.input-group-lg>.input-group-append>.btn{border-radius:.3rem;padding:.5rem 1rem;font-size:1.25rem;line-height:1.5}.input-group-sm>.form-control:not(textarea),.input-group-sm>.custom-select{height:calc(1.5em + .5rem + 2px)}.input-group-sm>.form-control,.input-group-sm>.custom-select,.input-group-sm>.input-group-prepend>.input-group-text,.input-group-sm>.input-group-append>.input-group-text,.input-group-sm>.input-group-prepend>.btn,.input-group-sm>.input-group-append>.btn{border-radius:.2rem;padding:.25rem .5rem;font-size:.875rem;line-height:1.5}.input-group-lg>.custom-select,.input-group-sm>.custom-select{padding-right:1.75rem}.input-group>.input-group-prepend>.btn,.input-group>.input-group-prepend>.input-group-text,.input-group:not(.has-validation)>.input-group-append:not(:last-child)>.btn,.input-group:not(.has-validation)>.input-group-append:not(:last-child)>.input-group-text,.input-group.has-validation>.input-group-append:nth-last-child(n+3)>.btn,.input-group.has-validation>.input-group-append:nth-last-child(n+3)>.input-group-text,.input-group>.input-group-append:last-child>.btn:not(:last-child):not(.dropdown-toggle),.input-group>.input-group-append:last-child>.input-group-text:not(:last-child){border-top-right-radius:0;border-bottom-right-radius:0}.input-group>.input-group-append>.btn,.input-group>.input-group-append>.input-group-text,.input-group>.input-group-prepend:not(:first-child)>.btn,.input-group>.input-group-prepend:not(:first-child)>.input-group-text,.input-group>.input-group-prepend:first-child>.btn:not(:first-child),.input-group>.input-group-prepend:first-child>.input-group-text:not(:first-child){border-top-left-radius:0;border-bottom-left-radius:0}.custom-control{z-index:1;-webkit-print-color-adjust:exact;color-adjust:exact;min-height:1.5rem;padding-left:1.5rem;display:block;position:relative}.custom-control-inline{margin-right:1rem;display:-ms-inline-flexbox;display:inline-flex}.custom-control-input{z-index:-1;opacity:0;width:1rem;height:1.25rem;position:absolute;left:0}.custom-control-input:checked~.custom-control-label:before{color:#fff;background-color:#007bff;border-color:#007bff}.custom-control-input:focus~.custom-control-label:before{box-shadow:0 0 0 .2rem #007bff40}.custom-control-input:focus:not(:checked)~.custom-control-label:before{border-color:#80bdff}.custom-control-input:not(:disabled):active~.custom-control-label:before{color:#fff;background-color:#b3d7ff;border-color:#b3d7ff}.custom-control-input[disabled]~.custom-control-label,.custom-control-input:disabled~.custom-control-label{color:#6c757d}.custom-control-input[disabled]~.custom-control-label:before,.custom-control-input:disabled~.custom-control-label:before{background-color:#e9ecef}.custom-control-label{vertical-align:top;margin-bottom:0;position:relative}.custom-control-label:before{pointer-events:none;content:"";background-color:#fff;border:1px solid #adb5bd;width:1rem;height:1rem;display:block;position:absolute;top:.25rem;left:-1.5rem}.custom-control-label:after{content:"";background:50%/50% 50% no-repeat;width:1rem;height:1rem;display:block;position:absolute;top:.25rem;left:-1.5rem}.custom-checkbox .custom-control-label:before{border-radius:.25rem}.custom-checkbox .custom-control-input:checked~.custom-control-label:after{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26l2.974 2.99L8 2.193z'/%3e%3c/svg%3e")}.custom-checkbox .custom-control-input:indeterminate~.custom-control-label:before{background-color:#007bff;border-color:#007bff}.custom-checkbox .custom-control-input:indeterminate~.custom-control-label:after{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='4' viewBox='0 0 4 4'%3e%3cpath stroke='%23fff' d='M0 2h4'/%3e%3c/svg%3e")}.custom-checkbox .custom-control-input:disabled:checked~.custom-control-label:before,.custom-checkbox .custom-control-input:disabled:indeterminate~.custom-control-label:before{background-color:#007bff80}.custom-radio .custom-control-label:before{border-radius:50%}.custom-radio .custom-control-input:checked~.custom-control-label:after{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e")}.custom-radio .custom-control-input:disabled:checked~.custom-control-label:before{background-color:#007bff80}.custom-switch{padding-left:2.25rem}.custom-switch .custom-control-label:before{pointer-events:all;border-radius:.5rem;width:1.75rem;left:-2.25rem}.custom-switch .custom-control-label:after{background-color:#adb5bd;border-radius:.5rem;width:calc(1rem - 4px);height:calc(1rem - 4px);transition:transform .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out,-webkit-transform .15s ease-in-out;top:calc(.25rem + 2px);left:calc(2px - 2.25rem)}@media (prefers-reduced-motion:reduce){.custom-switch .custom-control-label:after{transition:none}}.custom-switch .custom-control-input:checked~.custom-control-label:after{background-color:#fff;-webkit-transform:translate(.75rem);transform:translate(.75rem)}.custom-switch .custom-control-input:disabled:checked~.custom-control-label:before{background-color:#007bff80}.custom-select{color:#495057;vertical-align:middle;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#fff url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") right .75rem center/8px 10px no-repeat;border:1px solid #ced4da;border-radius:.25rem;width:100%;height:calc(1.5em + .75rem + 2px);padding:.375rem 1.75rem .375rem .75rem;font-size:1rem;font-weight:400;line-height:1.5;display:inline-block}.custom-select:focus{border-color:#80bdff;outline:0;box-shadow:0 0 0 .2rem #007bff40}.custom-select:focus::-ms-value{color:#495057;background-color:#fff}.custom-select[multiple],.custom-select[size]:not([size="1"]){background-image:none;height:auto;padding-right:.75rem}.custom-select:disabled{color:#6c757d;background-color:#e9ecef}.custom-select::-ms-expand{display:none}.custom-select:-moz-focusring{color:#0000;text-shadow:0 0 #495057}.custom-select-sm{height:calc(1.5em + .5rem + 2px);padding-top:.25rem;padding-bottom:.25rem;padding-left:.5rem;font-size:.875rem}.custom-select-lg{height:calc(1.5em + 1rem + 2px);padding-top:.5rem;padding-bottom:.5rem;padding-left:1rem;font-size:1.25rem}.custom-file{width:100%;height:calc(1.5em + .75rem + 2px);margin-bottom:0;display:inline-block;position:relative}.custom-file-input{z-index:2;opacity:0;width:100%;height:calc(1.5em + .75rem + 2px);margin:0;position:relative;overflow:hidden}.custom-file-input:focus~.custom-file-label{border-color:#80bdff;box-shadow:0 0 0 .2rem #007bff40}.custom-file-input[disabled]~.custom-file-label,.custom-file-input:disabled~.custom-file-label{background-color:#e9ecef}.custom-file-input:lang(en)~.custom-file-label:after{content:"Browse"}.custom-file-input~.custom-file-label[data-browse]:after{content:attr(data-browse)}.custom-file-label{z-index:1;color:#495057;background-color:#fff;border:1px solid #ced4da;border-radius:.25rem;height:calc(1.5em + .75rem + 2px);padding:.375rem .75rem;font-weight:400;line-height:1.5;position:absolute;top:0;left:0;right:0;overflow:hidden}.custom-file-label:after{z-index:3;color:#495057;content:"Browse";border-left:inherit;background-color:#e9ecef;border-radius:0 .25rem .25rem 0;height:calc(1.5em + .75rem);padding:.375rem .75rem;line-height:1.5;display:block;position:absolute;top:0;bottom:0;right:0}.custom-range{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:#0000;width:100%;height:1.4rem;padding:0}.custom-range:focus{outline:0}.custom-range:focus::-webkit-slider-thumb{box-shadow:0 0 0 1px #fff,0 0 0 .2rem #007bff40}.custom-range:focus::-moz-range-thumb{box-shadow:0 0 0 1px #fff,0 0 0 .2rem #007bff40}.custom-range:focus::-ms-thumb{box-shadow:0 0 0 1px #fff,0 0 0 .2rem #007bff40}.custom-range::-moz-focus-outer{border:0}.custom-range::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background-color:#007bff;border:0;border-radius:1rem;width:1rem;height:1rem;margin-top:-.25rem;-webkit-transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}@media (prefers-reduced-motion:reduce){.custom-range::-webkit-slider-thumb{-webkit-transition:none;transition:none}}.custom-range::-webkit-slider-thumb:active{background-color:#b3d7ff}.custom-range::-webkit-slider-runnable-track{color:#0000;cursor:pointer;background-color:#dee2e6;border-color:#0000;border-radius:1rem;width:100%;height:.5rem}.custom-range::-moz-range-thumb{-moz-appearance:none;appearance:none;background-color:#007bff;border:0;border-radius:1rem;width:1rem;height:1rem;-moz-transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}@media (prefers-reduced-motion:reduce){.custom-range::-moz-range-thumb{-moz-transition:none;transition:none}}.custom-range::-moz-range-thumb:active{background-color:#b3d7ff}.custom-range::-moz-range-track{color:#0000;cursor:pointer;background-color:#dee2e6;border-color:#0000;border-radius:1rem;width:100%;height:.5rem}.custom-range::-ms-thumb{appearance:none;background-color:#007bff;border:0;border-radius:1rem;width:1rem;height:1rem;margin-top:0;margin-left:.2rem;margin-right:.2rem;-ms-transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}@media (prefers-reduced-motion:reduce){.custom-range::-ms-thumb{-ms-transition:none;transition:none}}.custom-range::-ms-thumb:active{background-color:#b3d7ff}.custom-range::-ms-track{color:#0000;cursor:pointer;background-color:#0000;border-width:.5rem;border-color:#0000;width:100%;height:.5rem}.custom-range::-ms-fill-lower{background-color:#dee2e6;border-radius:1rem}.custom-range::-ms-fill-upper{background-color:#dee2e6;border-radius:1rem;margin-right:15px}.custom-range:disabled::-webkit-slider-thumb{background-color:#adb5bd}.custom-range:disabled::-webkit-slider-runnable-track{cursor:default}.custom-range:disabled::-moz-range-thumb{background-color:#adb5bd}.custom-range:disabled::-moz-range-track{cursor:default}.custom-range:disabled::-ms-thumb{background-color:#adb5bd}.custom-control-label:before,.custom-file-label,.custom-select{transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}@media (prefers-reduced-motion:reduce){.custom-control-label:before,.custom-file-label,.custom-select{transition:none}}.nav{-ms-flex-wrap:wrap;flex-wrap:wrap;margin-bottom:0;padding-left:0;list-style:none;display:-ms-flexbox;display:flex}.nav-link{padding:.5rem 1rem;display:block}.nav-link:hover,.nav-link:focus{text-decoration:none}.nav-link.disabled{color:#6c757d;pointer-events:none;cursor:default}.nav-tabs{border-bottom:1px solid #dee2e6}.nav-tabs .nav-link{border:1px solid #0000;border-top-left-radius:.25rem;border-top-right-radius:.25rem;margin-bottom:-1px}.nav-tabs .nav-link:hover,.nav-tabs .nav-link:focus{border-color:#e9ecef #e9ecef #dee2e6}.nav-tabs .nav-link.disabled{color:#6c757d;background-color:#0000;border-color:#0000}.nav-tabs .nav-link.active,.nav-tabs .nav-item.show .nav-link{color:#495057;background-color:#fff;border-color:#dee2e6 #dee2e6 #fff}.nav-tabs .dropdown-menu{border-top-left-radius:0;border-top-right-radius:0;margin-top:-1px}.nav-pills .nav-link{border-radius:.25rem}.nav-pills .nav-link.active,.nav-pills .show>.nav-link{color:#fff;background-color:#007bff}.nav-fill>.nav-link,.nav-fill .nav-item{text-align:center;-ms-flex:auto;flex:auto}.nav-justified>.nav-link,.nav-justified .nav-item{text-align:center;-ms-flex-positive:1;-ms-flex-preferred-size:0;flex-grow:1;flex-basis:0}.tab-content>.tab-pane{display:none}.tab-content>.active{display:block}.navbar{-ms-flex-wrap:wrap;flex-wrap:wrap;justify-content:space-between;align-items:center;padding:.5rem 1rem;display:-ms-flexbox;display:flex;position:relative}.navbar .container,.navbar .container-fluid,.navbar .container-sm,.navbar .container-md,.navbar .container-lg,.navbar .container-xl{-ms-flex-wrap:wrap;flex-wrap:wrap;justify-content:space-between;align-items:center;display:-ms-flexbox;display:flex}.navbar-brand{font-size:1.25rem;line-height:inherit;white-space:nowrap;margin-right:1rem;padding-top:.3125rem;padding-bottom:.3125rem;display:inline-block}.navbar-brand:hover,.navbar-brand:focus{text-decoration:none}.navbar-nav{-ms-flex-direction:column;flex-direction:column;margin-bottom:0;padding-left:0;list-style:none;display:-ms-flexbox;display:flex}.navbar-nav .nav-link{padding-left:0;padding-right:0}.navbar-nav .dropdown-menu{float:none;position:static}.navbar-text{padding-top:.5rem;padding-bottom:.5rem;display:inline-block}.navbar-collapse{-ms-flex-positive:1;-ms-flex-preferred-size:100%;flex-grow:1;flex-basis:100%;align-items:center}.navbar-toggler{background-color:#0000;border:1px solid #0000;border-radius:.25rem;padding:.25rem .75rem;font-size:1.25rem;line-height:1}.navbar-toggler:hover,.navbar-toggler:focus{text-decoration:none}.navbar-toggler-icon{vertical-align:middle;content:"";background:50%/100% 100% no-repeat;width:1.5em;height:1.5em;display:inline-block}.navbar-nav-scroll{max-height:75vh;overflow-y:auto}@media (width<=575.98px){.navbar-expand-sm>.container,.navbar-expand-sm>.container-fluid,.navbar-expand-sm>.container-sm,.navbar-expand-sm>.container-md,.navbar-expand-sm>.container-lg,.navbar-expand-sm>.container-xl{padding-left:0;padding-right:0}}@media (width>=576px){.navbar-expand-sm{-ms-flex-flow:row;flex-flow:row;justify-content:flex-start}.navbar-expand-sm .navbar-nav{-ms-flex-direction:row;flex-direction:row}.navbar-expand-sm .navbar-nav .dropdown-menu{position:absolute}.navbar-expand-sm .navbar-nav .nav-link{padding-left:.5rem;padding-right:.5rem}.navbar-expand-sm>.container,.navbar-expand-sm>.container-fluid,.navbar-expand-sm>.container-sm,.navbar-expand-sm>.container-md,.navbar-expand-sm>.container-lg,.navbar-expand-sm>.container-xl{-ms-flex-wrap:nowrap;flex-wrap:nowrap}.navbar-expand-sm .navbar-nav-scroll{overflow:visible}.navbar-expand-sm .navbar-collapse{-ms-flex-preferred-size:auto;flex-basis:auto;display:-ms-flexbox!important;display:flex!important}.navbar-expand-sm .navbar-toggler{display:none}}@media (width<=767.98px){.navbar-expand-md>.container,.navbar-expand-md>.container-fluid,.navbar-expand-md>.container-sm,.navbar-expand-md>.container-md,.navbar-expand-md>.container-lg,.navbar-expand-md>.container-xl{padding-left:0;padding-right:0}}@media (width>=768px){.navbar-expand-md{-ms-flex-flow:row;flex-flow:row;justify-content:flex-start}.navbar-expand-md .navbar-nav{-ms-flex-direction:row;flex-direction:row}.navbar-expand-md .navbar-nav .dropdown-menu{position:absolute}.navbar-expand-md .navbar-nav .nav-link{padding-left:.5rem;padding-right:.5rem}.navbar-expand-md>.container,.navbar-expand-md>.container-fluid,.navbar-expand-md>.container-sm,.navbar-expand-md>.container-md,.navbar-expand-md>.container-lg,.navbar-expand-md>.container-xl{-ms-flex-wrap:nowrap;flex-wrap:nowrap}.navbar-expand-md .navbar-nav-scroll{overflow:visible}.navbar-expand-md .navbar-collapse{-ms-flex-preferred-size:auto;flex-basis:auto;display:-ms-flexbox!important;display:flex!important}.navbar-expand-md .navbar-toggler{display:none}}@media (width<=991.98px){.navbar-expand-lg>.container,.navbar-expand-lg>.container-fluid,.navbar-expand-lg>.container-sm,.navbar-expand-lg>.container-md,.navbar-expand-lg>.container-lg,.navbar-expand-lg>.container-xl{padding-left:0;padding-right:0}}@media (width>=992px){.navbar-expand-lg{-ms-flex-flow:row;flex-flow:row;justify-content:flex-start}.navbar-expand-lg .navbar-nav{-ms-flex-direction:row;flex-direction:row}.navbar-expand-lg .navbar-nav .dropdown-menu{position:absolute}.navbar-expand-lg .navbar-nav .nav-link{padding-left:.5rem;padding-right:.5rem}.navbar-expand-lg>.container,.navbar-expand-lg>.container-fluid,.navbar-expand-lg>.container-sm,.navbar-expand-lg>.container-md,.navbar-expand-lg>.container-lg,.navbar-expand-lg>.container-xl{-ms-flex-wrap:nowrap;flex-wrap:nowrap}.navbar-expand-lg .navbar-nav-scroll{overflow:visible}.navbar-expand-lg .navbar-collapse{-ms-flex-preferred-size:auto;flex-basis:auto;display:-ms-flexbox!important;display:flex!important}.navbar-expand-lg .navbar-toggler{display:none}}@media (width<=1199.98px){.navbar-expand-xl>.container,.navbar-expand-xl>.container-fluid,.navbar-expand-xl>.container-sm,.navbar-expand-xl>.container-md,.navbar-expand-xl>.container-lg,.navbar-expand-xl>.container-xl{padding-left:0;padding-right:0}}@media (width>=1200px){.navbar-expand-xl{-ms-flex-flow:row;flex-flow:row;justify-content:flex-start}.navbar-expand-xl .navbar-nav{-ms-flex-direction:row;flex-direction:row}.navbar-expand-xl .navbar-nav .dropdown-menu{position:absolute}.navbar-expand-xl .navbar-nav .nav-link{padding-left:.5rem;padding-right:.5rem}.navbar-expand-xl>.container,.navbar-expand-xl>.container-fluid,.navbar-expand-xl>.container-sm,.navbar-expand-xl>.container-md,.navbar-expand-xl>.container-lg,.navbar-expand-xl>.container-xl{-ms-flex-wrap:nowrap;flex-wrap:nowrap}.navbar-expand-xl .navbar-nav-scroll{overflow:visible}.navbar-expand-xl .navbar-collapse{-ms-flex-preferred-size:auto;flex-basis:auto;display:-ms-flexbox!important;display:flex!important}.navbar-expand-xl .navbar-toggler{display:none}}.navbar-expand{-ms-flex-flow:row;flex-flow:row;justify-content:flex-start}.navbar-expand>.container,.navbar-expand>.container-fluid,.navbar-expand>.container-sm,.navbar-expand>.container-md,.navbar-expand>.container-lg,.navbar-expand>.container-xl{padding-left:0;padding-right:0}.navbar-expand .navbar-nav{-ms-flex-direction:row;flex-direction:row}.navbar-expand .navbar-nav .dropdown-menu{position:absolute}.navbar-expand .navbar-nav .nav-link{padding-left:.5rem;padding-right:.5rem}.navbar-expand>.container,.navbar-expand>.container-fluid,.navbar-expand>.container-sm,.navbar-expand>.container-md,.navbar-expand>.container-lg,.navbar-expand>.container-xl{-ms-flex-wrap:nowrap;flex-wrap:nowrap}.navbar-expand .navbar-nav-scroll{overflow:visible}.navbar-expand .navbar-collapse{-ms-flex-preferred-size:auto;flex-basis:auto;display:-ms-flexbox!important;display:flex!important}.navbar-expand .navbar-toggler{display:none}.navbar-light .navbar-brand,.navbar-light .navbar-brand:hover,.navbar-light .navbar-brand:focus{color:#000000e6}.navbar-light .navbar-nav .nav-link{color:#00000080}.navbar-light .navbar-nav .nav-link:hover,.navbar-light .navbar-nav .nav-link:focus{color:#000000b3}.navbar-light .navbar-nav .nav-link.disabled{color:#0000004d}.navbar-light .navbar-nav .show>.nav-link,.navbar-light .navbar-nav .active>.nav-link,.navbar-light .navbar-nav .nav-link.show,.navbar-light .navbar-nav .nav-link.active{color:#000000e6}.navbar-light .navbar-toggler{color:#00000080;border-color:#0000001a}.navbar-light .navbar-toggler-icon{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%280, 0, 0, 0.5%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e")}.navbar-light .navbar-text{color:#00000080}.navbar-light .navbar-text a,.navbar-light .navbar-text a:hover,.navbar-light .navbar-text a:focus{color:#000000e6}.navbar-dark .navbar-brand,.navbar-dark .navbar-brand:hover,.navbar-dark .navbar-brand:focus{color:#fff}.navbar-dark .navbar-nav .nav-link{color:#ffffff80}.navbar-dark .navbar-nav .nav-link:hover,.navbar-dark .navbar-nav .nav-link:focus{color:#ffffffbf}.navbar-dark .navbar-nav .nav-link.disabled{color:#ffffff40}.navbar-dark .navbar-nav .show>.nav-link,.navbar-dark .navbar-nav .active>.nav-link,.navbar-dark .navbar-nav .nav-link.show,.navbar-dark .navbar-nav .nav-link.active{color:#fff}.navbar-dark .navbar-toggler{color:#ffffff80;border-color:#ffffff1a}.navbar-dark .navbar-toggler-icon{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.5%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e")}.navbar-dark .navbar-text{color:#ffffff80}.navbar-dark .navbar-text a,.navbar-dark .navbar-text a:hover,.navbar-dark .navbar-text a:focus{color:#fff}.card{word-wrap:break-word;background-color:#fff;background-clip:border-box;border:1px solid #00000020;border-radius:.25rem;-ms-flex-direction:column;flex-direction:column;min-width:0;display:-ms-flexbox;display:flex;position:relative}.card>hr{margin-left:0;margin-right:0}.card>.list-group{border-top:inherit;border-bottom:inherit}.card>.list-group:first-child{border-top-width:0;border-top-left-radius:calc(.25rem - 1px);border-top-right-radius:calc(.25rem - 1px)}.card>.list-group:last-child{border-bottom-width:0;border-bottom-right-radius:calc(.25rem - 1px);border-bottom-left-radius:calc(.25rem - 1px)}.card>.card-header+.list-group,.card>.list-group+.card-footer{border-top:0}.card-body{-ms-flex:auto;flex:auto;min-height:1px;padding:1.25rem}.card-title{margin-bottom:.75rem}.card-subtitle{margin-top:-.375rem;margin-bottom:0}.card-text:last-child{margin-bottom:0}.card-link:hover{text-decoration:none}.card-link+.card-link{margin-left:1.25rem}.card-header{background-color:#00000008;border-bottom:1px solid #00000020;margin-bottom:0;padding:.75rem 1.25rem}.card-header:first-child{border-radius:calc(.25rem - 1px) calc(.25rem - 1px) 0 0}.card-footer{background-color:#00000008;border-top:1px solid #00000020;padding:.75rem 1.25rem}.card-footer:last-child{border-radius:0 0 calc(.25rem - 1px) calc(.25rem - 1px)}.card-header-tabs{border-bottom:0;margin-bottom:-.75rem;margin-left:-.625rem;margin-right:-.625rem}.card-header-pills{margin-left:-.625rem;margin-right:-.625rem}.card-img-overlay{border-radius:calc(.25rem - 1px);padding:1.25rem;position:absolute;inset:0}.card-img,.card-img-top,.card-img-bottom{-ms-flex-negative:0;flex-shrink:0;width:100%}.card-img,.card-img-top{border-top-left-radius:calc(.25rem - 1px);border-top-right-radius:calc(.25rem - 1px)}.card-img,.card-img-bottom{border-bottom-right-radius:calc(.25rem - 1px);border-bottom-left-radius:calc(.25rem - 1px)}.card-deck .card{margin-bottom:15px}@media (width>=576px){.card-deck{-ms-flex-flow:wrap;flex-flow:wrap;margin-left:-15px;margin-right:-15px;display:-ms-flexbox;display:flex}.card-deck .card{-ms-flex:1 0;flex:1 0;margin-bottom:0;margin-left:15px;margin-right:15px}}.card-group>.card{margin-bottom:15px}@media (width>=576px){.card-group{-ms-flex-flow:wrap;flex-flow:wrap;display:-ms-flexbox;display:flex}.card-group>.card{-ms-flex:1 0;flex:1 0;margin-bottom:0}.card-group>.card+.card{border-left:0;margin-left:0}.card-group>.card:not(:last-child){border-top-right-radius:0;border-bottom-right-radius:0}.card-group>.card:not(:last-child) .card-img-top,.card-group>.card:not(:last-child) .card-header{border-top-right-radius:0}.card-group>.card:not(:last-child) .card-img-bottom,.card-group>.card:not(:last-child) .card-footer{border-bottom-right-radius:0}.card-group>.card:not(:first-child){border-top-left-radius:0;border-bottom-left-radius:0}.card-group>.card:not(:first-child) .card-img-top,.card-group>.card:not(:first-child) .card-header{border-top-left-radius:0}.card-group>.card:not(:first-child) .card-img-bottom,.card-group>.card:not(:first-child) .card-footer{border-bottom-left-radius:0}}.card-columns .card{margin-bottom:.75rem}@media (width>=576px){.card-columns{-webkit-column-count:3;-moz-column-count:3;column-count:3;-webkit-column-gap:1.25rem;-moz-column-gap:1.25rem;orphans:1;widows:1;column-gap:1.25rem}.card-columns .card{width:100%;display:inline-block}}.accordion{overflow-anchor:none}.accordion>.card{overflow:hidden}.accordion>.card:not(:last-of-type){border-bottom:0;border-bottom-right-radius:0;border-bottom-left-radius:0}.accordion>.card:not(:first-of-type){border-top-left-radius:0;border-top-right-radius:0}.accordion>.card>.card-header{border-radius:0;margin-bottom:-1px}.breadcrumb{background-color:#e9ecef;border-radius:.25rem;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-bottom:1rem;padding:.75rem 1rem;list-style:none;display:-ms-flexbox;display:flex}.breadcrumb-item+.breadcrumb-item{padding-left:.5rem}.breadcrumb-item+.breadcrumb-item:before{float:left;color:#6c757d;content:"/";padding-right:.5rem}.breadcrumb-item+.breadcrumb-item:hover:before{text-decoration:none}.breadcrumb-item.active{color:#6c757d}.pagination{border-radius:.25rem;padding-left:0;list-style:none;display:-ms-flexbox;display:flex}.page-link{color:#007bff;background-color:#fff;border:1px solid #dee2e6;margin-left:-1px;padding:.5rem .75rem;line-height:1.25;display:block;position:relative}.page-link:hover{z-index:2;color:#0056b3;background-color:#e9ecef;border-color:#dee2e6;text-decoration:none}.page-link:focus{z-index:3;outline:0;box-shadow:0 0 0 .2rem #007bff40}.page-item:first-child .page-link{border-top-left-radius:.25rem;border-bottom-left-radius:.25rem;margin-left:0}.page-item:last-child .page-link{border-top-right-radius:.25rem;border-bottom-right-radius:.25rem}.page-item.active .page-link{z-index:3;color:#fff;background-color:#007bff;border-color:#007bff}.page-item.disabled .page-link{color:#6c757d;pointer-events:none;cursor:auto;background-color:#fff;border-color:#dee2e6}.pagination-lg .page-link{padding:.75rem 1.5rem;font-size:1.25rem;line-height:1.5}.pagination-lg .page-item:first-child .page-link{border-top-left-radius:.3rem;border-bottom-left-radius:.3rem}.pagination-lg .page-item:last-child .page-link{border-top-right-radius:.3rem;border-bottom-right-radius:.3rem}.pagination-sm .page-link{padding:.25rem .5rem;font-size:.875rem;line-height:1.5}.pagination-sm .page-item:first-child .page-link{border-top-left-radius:.2rem;border-bottom-left-radius:.2rem}.pagination-sm .page-item:last-child .page-link{border-top-right-radius:.2rem;border-bottom-right-radius:.2rem}.badge{text-align:center;white-space:nowrap;vertical-align:baseline;border-radius:.25rem;padding:.25em .4em;font-size:75%;font-weight:700;line-height:1;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;display:inline-block}@media (prefers-reduced-motion:reduce){.badge{transition:none}}a.badge:hover,a.badge:focus{text-decoration:none}.badge:empty{display:none}.btn .badge{position:relative;top:-1px}.badge-pill{border-radius:10rem;padding-left:.6em;padding-right:.6em}.badge-primary{color:#fff;background-color:#007bff}a.badge-primary:hover,a.badge-primary:focus{color:#fff;background-color:#0062cc}a.badge-primary:focus,a.badge-primary.focus{outline:0;box-shadow:0 0 0 .2rem #007bff80}.badge-secondary{color:#fff;background-color:#6c757d}a.badge-secondary:hover,a.badge-secondary:focus{color:#fff;background-color:#545b62}a.badge-secondary:focus,a.badge-secondary.focus{outline:0;box-shadow:0 0 0 .2rem #6c757d80}.badge-success{color:#fff;background-color:#28a745}a.badge-success:hover,a.badge-success:focus{color:#fff;background-color:#1e7e34}a.badge-success:focus,a.badge-success.focus{outline:0;box-shadow:0 0 0 .2rem #28a74580}.badge-info{color:#fff;background-color:#17a2b8}a.badge-info:hover,a.badge-info:focus{color:#fff;background-color:#117a8b}a.badge-info:focus,a.badge-info.focus{outline:0;box-shadow:0 0 0 .2rem #17a2b880}.badge-warning{color:#212529;background-color:#ffc107}a.badge-warning:hover,a.badge-warning:focus{color:#212529;background-color:#d39e00}a.badge-warning:focus,a.badge-warning.focus{outline:0;box-shadow:0 0 0 .2rem #ffc10780}.badge-danger{color:#fff;background-color:#dc3545}a.badge-danger:hover,a.badge-danger:focus{color:#fff;background-color:#bd2130}a.badge-danger:focus,a.badge-danger.focus{outline:0;box-shadow:0 0 0 .2rem #dc354580}.badge-light{color:#212529;background-color:#f8f9fa}a.badge-light:hover,a.badge-light:focus{color:#212529;background-color:#dae0e5}a.badge-light:focus,a.badge-light.focus{outline:0;box-shadow:0 0 0 .2rem #f8f9fa80}.badge-dark{color:#fff;background-color:#343a40}a.badge-dark:hover,a.badge-dark:focus{color:#fff;background-color:#1d2124}a.badge-dark:focus,a.badge-dark.focus{outline:0;box-shadow:0 0 0 .2rem #343a4080}.jumbotron{background-color:#e9ecef;border-radius:.3rem;margin-bottom:2rem;padding:2rem 1rem}@media (width>=576px){.jumbotron{padding:4rem 2rem}}.jumbotron-fluid{border-radius:0;padding-left:0;padding-right:0}.alert{border:1px solid #0000;border-radius:.25rem;margin-bottom:1rem;padding:.75rem 1.25rem;position:relative}.alert-heading{color:inherit}.alert-link{font-weight:700}.alert-dismissible{padding-right:4rem}.alert-dismissible .close{z-index:2;color:inherit;padding:.75rem 1.25rem;position:absolute;top:0;right:0}.alert-primary{color:#004085;background-color:#cce5ff;border-color:#b8daff}.alert-primary hr{border-top-color:#9fcdff}.alert-primary .alert-link{color:#002752}.alert-secondary{color:#383d41;background-color:#e2e3e5;border-color:#d6d8db}.alert-secondary hr{border-top-color:#c8cbcf}.alert-secondary .alert-link{color:#202326}.alert-success{color:#155724;background-color:#d4edda;border-color:#c3e6cb}.alert-success hr{border-top-color:#b1dfbb}.alert-success .alert-link{color:#0b2e13}.alert-info{color:#0c5460;background-color:#d1ecf1;border-color:#bee5eb}.alert-info hr{border-top-color:#abdde5}.alert-info .alert-link{color:#062c33}.alert-warning{color:#856404;background-color:#fff3cd;border-color:#ffeeba}.alert-warning hr{border-top-color:#ffe8a1}.alert-warning .alert-link{color:#533f03}.alert-danger{color:#721c24;background-color:#f8d7da;border-color:#f5c6cb}.alert-danger hr{border-top-color:#f1b0b7}.alert-danger .alert-link{color:#491217}.alert-light{color:#818182;background-color:#fefefe;border-color:#fdfdfe}.alert-light hr{border-top-color:#ececf6}.alert-light .alert-link{color:#686868}.alert-dark{color:#1b1e21;background-color:#d6d8d9;border-color:#c6c8ca}.alert-dark hr{border-top-color:#b9bbbe}.alert-dark .alert-link{color:#040505}@-webkit-keyframes progress-bar-stripes{0%{background-position:1rem 0}to{background-position:0 0}}@keyframes progress-bar-stripes{0%{background-position:1rem 0}to{background-position:0 0}}.progress{background-color:#e9ecef;border-radius:.25rem;height:1rem;font-size:.75rem;line-height:0;display:-ms-flexbox;display:flex;overflow:hidden}.progress-bar{color:#fff;text-align:center;white-space:nowrap;background-color:#007bff;-ms-flex-direction:column;flex-direction:column;justify-content:center;transition:width .6s;display:-ms-flexbox;display:flex;overflow:hidden}@media (prefers-reduced-motion:reduce){.progress-bar{transition:none}}.progress-bar-striped{background-image:linear-gradient(45deg,#ffffff26 25%,#0000 25% 50%,#ffffff26 50% 75%,#0000 75%,#0000);background-size:1rem 1rem}.progress-bar-animated{-webkit-animation:1s linear infinite progress-bar-stripes;animation:1s linear infinite progress-bar-stripes}@media (prefers-reduced-motion:reduce){.progress-bar-animated{-webkit-animation:none;animation:none}}.media{align-items:flex-start;display:-ms-flexbox;display:flex}.media-body{-ms-flex:1;flex:1}.list-group{border-radius:.25rem;-ms-flex-direction:column;flex-direction:column;margin-bottom:0;padding-left:0;display:-ms-flexbox;display:flex}.list-group-item-action{color:#495057;text-align:inherit;width:100%}.list-group-item-action:hover,.list-group-item-action:focus{z-index:1;color:#495057;background-color:#f8f9fa;text-decoration:none}.list-group-item-action:active{color:#212529;background-color:#e9ecef}.list-group-item{background-color:#fff;border:1px solid #00000020;padding:.75rem 1.25rem;display:block;position:relative}.list-group-item:first-child{border-top-left-radius:inherit;border-top-right-radius:inherit}.list-group-item:last-child{border-bottom-right-radius:inherit;border-bottom-left-radius:inherit}.list-group-item.disabled,.list-group-item:disabled{color:#6c757d;pointer-events:none;background-color:#fff}.list-group-item.active{z-index:2;color:#fff;background-color:#007bff;border-color:#007bff}.list-group-item+.list-group-item{border-top-width:0}.list-group-item+.list-group-item.active{border-top-width:1px;margin-top:-1px}.list-group-horizontal{-ms-flex-direction:row;flex-direction:row}.list-group-horizontal>.list-group-item:first-child{border-top-right-radius:0;border-bottom-left-radius:.25rem}.list-group-horizontal>.list-group-item:last-child{border-top-right-radius:.25rem;border-bottom-left-radius:0}.list-group-horizontal>.list-group-item.active{margin-top:0}.list-group-horizontal>.list-group-item+.list-group-item{border-top-width:1px;border-left-width:0}.list-group-horizontal>.list-group-item+.list-group-item.active{border-left-width:1px;margin-left:-1px}@media (width>=576px){.list-group-horizontal-sm{-ms-flex-direction:row;flex-direction:row}.list-group-horizontal-sm>.list-group-item:first-child{border-top-right-radius:0;border-bottom-left-radius:.25rem}.list-group-horizontal-sm>.list-group-item:last-child{border-top-right-radius:.25rem;border-bottom-left-radius:0}.list-group-horizontal-sm>.list-group-item.active{margin-top:0}.list-group-horizontal-sm>.list-group-item+.list-group-item{border-top-width:1px;border-left-width:0}.list-group-horizontal-sm>.list-group-item+.list-group-item.active{border-left-width:1px;margin-left:-1px}}@media (width>=768px){.list-group-horizontal-md{-ms-flex-direction:row;flex-direction:row}.list-group-horizontal-md>.list-group-item:first-child{border-top-right-radius:0;border-bottom-left-radius:.25rem}.list-group-horizontal-md>.list-group-item:last-child{border-top-right-radius:.25rem;border-bottom-left-radius:0}.list-group-horizontal-md>.list-group-item.active{margin-top:0}.list-group-horizontal-md>.list-group-item+.list-group-item{border-top-width:1px;border-left-width:0}.list-group-horizontal-md>.list-group-item+.list-group-item.active{border-left-width:1px;margin-left:-1px}}@media (width>=992px){.list-group-horizontal-lg{-ms-flex-direction:row;flex-direction:row}.list-group-horizontal-lg>.list-group-item:first-child{border-top-right-radius:0;border-bottom-left-radius:.25rem}.list-group-horizontal-lg>.list-group-item:last-child{border-top-right-radius:.25rem;border-bottom-left-radius:0}.list-group-horizontal-lg>.list-group-item.active{margin-top:0}.list-group-horizontal-lg>.list-group-item+.list-group-item{border-top-width:1px;border-left-width:0}.list-group-horizontal-lg>.list-group-item+.list-group-item.active{border-left-width:1px;margin-left:-1px}}@media (width>=1200px){.list-group-horizontal-xl{-ms-flex-direction:row;flex-direction:row}.list-group-horizontal-xl>.list-group-item:first-child{border-top-right-radius:0;border-bottom-left-radius:.25rem}.list-group-horizontal-xl>.list-group-item:last-child{border-top-right-radius:.25rem;border-bottom-left-radius:0}.list-group-horizontal-xl>.list-group-item.active{margin-top:0}.list-group-horizontal-xl>.list-group-item+.list-group-item{border-top-width:1px;border-left-width:0}.list-group-horizontal-xl>.list-group-item+.list-group-item.active{border-left-width:1px;margin-left:-1px}}.list-group-flush{border-radius:0}.list-group-flush>.list-group-item{border-width:0 0 1px}.list-group-flush>.list-group-item:last-child{border-bottom-width:0}.list-group-item-primary{color:#004085;background-color:#b8daff}.list-group-item-primary.list-group-item-action:hover,.list-group-item-primary.list-group-item-action:focus{color:#004085;background-color:#9fcdff}.list-group-item-primary.list-group-item-action.active{color:#fff;background-color:#004085;border-color:#004085}.list-group-item-secondary{color:#383d41;background-color:#d6d8db}.list-group-item-secondary.list-group-item-action:hover,.list-group-item-secondary.list-group-item-action:focus{color:#383d41;background-color:#c8cbcf}.list-group-item-secondary.list-group-item-action.active{color:#fff;background-color:#383d41;border-color:#383d41}.list-group-item-success{color:#155724;background-color:#c3e6cb}.list-group-item-success.list-group-item-action:hover,.list-group-item-success.list-group-item-action:focus{color:#155724;background-color:#b1dfbb}.list-group-item-success.list-group-item-action.active{color:#fff;background-color:#155724;border-color:#155724}.list-group-item-info{color:#0c5460;background-color:#bee5eb}.list-group-item-info.list-group-item-action:hover,.list-group-item-info.list-group-item-action:focus{color:#0c5460;background-color:#abdde5}.list-group-item-info.list-group-item-action.active{color:#fff;background-color:#0c5460;border-color:#0c5460}.list-group-item-warning{color:#856404;background-color:#ffeeba}.list-group-item-warning.list-group-item-action:hover,.list-group-item-warning.list-group-item-action:focus{color:#856404;background-color:#ffe8a1}.list-group-item-warning.list-group-item-action.active{color:#fff;background-color:#856404;border-color:#856404}.list-group-item-danger{color:#721c24;background-color:#f5c6cb}.list-group-item-danger.list-group-item-action:hover,.list-group-item-danger.list-group-item-action:focus{color:#721c24;background-color:#f1b0b7}.list-group-item-danger.list-group-item-action.active{color:#fff;background-color:#721c24;border-color:#721c24}.list-group-item-light{color:#818182;background-color:#fdfdfe}.list-group-item-light.list-group-item-action:hover,.list-group-item-light.list-group-item-action:focus{color:#818182;background-color:#ececf6}.list-group-item-light.list-group-item-action.active{color:#fff;background-color:#818182;border-color:#818182}.list-group-item-dark{color:#1b1e21;background-color:#c6c8ca}.list-group-item-dark.list-group-item-action:hover,.list-group-item-dark.list-group-item-action:focus{color:#1b1e21;background-color:#b9bbbe}.list-group-item-dark.list-group-item-action.active{color:#fff;background-color:#1b1e21;border-color:#1b1e21}.close{float:right;color:#000;text-shadow:0 1px #fff;opacity:.5;font-size:1.5rem;font-weight:700;line-height:1}.close:hover{color:#000;text-decoration:none}.close:not(:disabled):not(.disabled):hover,.close:not(:disabled):not(.disabled):focus{opacity:.75}button.close{background-color:#0000;border:0;padding:0}a.close.disabled{pointer-events:none}.toast{opacity:0;background-color:#ffffffd9;background-clip:padding-box;border:1px solid #0000001a;border-radius:.25rem;-ms-flex-preferred-size:350px;flex-basis:350px;max-width:350px;font-size:.875rem;box-shadow:0 .25rem .75rem #0000001a}.toast:not(:last-child){margin-bottom:.75rem}.toast.showing{opacity:1}.toast.show{opacity:1;display:block}.toast.hide{display:none}.toast-header{color:#6c757d;background-color:#ffffffd9;background-clip:padding-box;border-bottom:1px solid #0000000d;border-top-left-radius:calc(.25rem - 1px);border-top-right-radius:calc(.25rem - 1px);align-items:center;padding:.25rem .75rem;display:-ms-flexbox;display:flex}.toast-body{padding:.75rem}.modal-open{overflow:hidden}.modal-open .modal{overflow:hidden auto}.modal{z-index:1050;outline:0;width:100%;height:100%;display:none;position:fixed;top:0;left:0;overflow:hidden}.modal-dialog{pointer-events:none;width:auto;margin:.5rem;position:relative}.modal.fade .modal-dialog{transition:transform .3s ease-out,-webkit-transform .3s ease-out;-webkit-transform:translateY(-50px);transform:translateY(-50px)}@media (prefers-reduced-motion:reduce){.modal.fade .modal-dialog{transition:none}}.modal.show .modal-dialog{-webkit-transform:none;transform:none}.modal.modal-static .modal-dialog{-webkit-transform:scale(1.02);transform:scale(1.02)}.modal-dialog-scrollable{max-height:calc(100% - 1rem);display:-ms-flexbox;display:flex}.modal-dialog-scrollable .modal-content{max-height:calc(100vh - 1rem);overflow:hidden}.modal-dialog-scrollable .modal-header,.modal-dialog-scrollable .modal-footer{-ms-flex-negative:0;flex-shrink:0}.modal-dialog-scrollable .modal-body{overflow-y:auto}.modal-dialog-centered{align-items:center;min-height:calc(100% - 1rem);display:-ms-flexbox;display:flex}.modal-dialog-centered:before{content:"";height:min-content;display:block}.modal-dialog-centered.modal-dialog-scrollable{-ms-flex-direction:column;flex-direction:column;justify-content:center;height:100%}.modal-dialog-centered.modal-dialog-scrollable .modal-content{max-height:none}.modal-dialog-centered.modal-dialog-scrollable:before{content:none}.modal-content{pointer-events:auto;background-color:#fff;background-clip:padding-box;border:1px solid #0003;border-radius:.3rem;outline:0;-ms-flex-direction:column;flex-direction:column;width:100%;display:-ms-flexbox;display:flex;position:relative}.modal-backdrop{z-index:1040;background-color:#000;width:100vw;height:100vh;position:fixed;top:0;left:0}.modal-backdrop.fade{opacity:0}.modal-backdrop.show{opacity:.5}.modal-header{border-bottom:1px solid #dee2e6;border-top-left-radius:calc(.3rem - 1px);border-top-right-radius:calc(.3rem - 1px);justify-content:space-between;align-items:flex-start;padding:1rem;display:-ms-flexbox;display:flex}.modal-header .close{margin:-1rem -1rem -1rem auto;padding:1rem}.modal-title{margin-bottom:0;line-height:1.5}.modal-body{-ms-flex:auto;flex:auto;padding:1rem;position:relative}.modal-footer{border-top:1px solid #dee2e6;border-bottom-right-radius:calc(.3rem - 1px);border-bottom-left-radius:calc(.3rem - 1px);-ms-flex-wrap:wrap;flex-wrap:wrap;justify-content:flex-end;align-items:center;padding:.75rem;display:-ms-flexbox;display:flex}.modal-footer>*{margin:.25rem}.modal-scrollbar-measure{width:50px;height:50px;position:absolute;top:-9999px;overflow:scroll}@media (width>=576px){.modal-dialog{max-width:500px;margin:1.75rem auto}.modal-dialog-scrollable{max-height:calc(100% - 3.5rem)}.modal-dialog-scrollable .modal-content{max-height:calc(100vh - 3.5rem)}.modal-dialog-centered{min-height:calc(100% - 3.5rem)}.modal-dialog-centered:before{height:min-content}.modal-sm{max-width:300px}}@media (width>=992px){.modal-lg,.modal-xl{max-width:800px}}@media (width>=1200px){.modal-xl{max-width:1140px}}.tooltip{z-index:1070;text-align:left;text-align:start;text-shadow:none;text-transform:none;letter-spacing:normal;word-break:normal;word-spacing:normal;white-space:normal;line-break:auto;word-wrap:break-word;opacity:0;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,Liberation Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-size:.875rem;font-style:normal;font-weight:400;line-height:1.5;text-decoration:none;display:block;position:absolute}.tooltip.show{opacity:.9}.tooltip .arrow{width:.8rem;height:.4rem;display:block;position:absolute}.tooltip .arrow:before{content:"";border-style:solid;border-color:#0000;position:absolute}.bs-tooltip-top,.bs-tooltip-auto[x-placement^=top]{padding:.4rem 0}.bs-tooltip-top .arrow,.bs-tooltip-auto[x-placement^=top] .arrow{bottom:0}.bs-tooltip-top .arrow:before,.bs-tooltip-auto[x-placement^=top] .arrow:before{border-width:.4rem .4rem 0;border-top-color:#000;top:0}.bs-tooltip-right,.bs-tooltip-auto[x-placement^=right]{padding:0 .4rem}.bs-tooltip-right .arrow,.bs-tooltip-auto[x-placement^=right] .arrow{width:.4rem;height:.8rem;left:0}.bs-tooltip-right .arrow:before,.bs-tooltip-auto[x-placement^=right] .arrow:before{border-width:.4rem .4rem .4rem 0;border-right-color:#000;right:0}.bs-tooltip-bottom,.bs-tooltip-auto[x-placement^=bottom]{padding:.4rem 0}.bs-tooltip-bottom .arrow,.bs-tooltip-auto[x-placement^=bottom] .arrow{top:0}.bs-tooltip-bottom .arrow:before,.bs-tooltip-auto[x-placement^=bottom] .arrow:before{border-width:0 .4rem .4rem;border-bottom-color:#000;bottom:0}.bs-tooltip-left,.bs-tooltip-auto[x-placement^=left]{padding:0 .4rem}.bs-tooltip-left .arrow,.bs-tooltip-auto[x-placement^=left] .arrow{width:.4rem;height:.8rem;right:0}.bs-tooltip-left .arrow:before,.bs-tooltip-auto[x-placement^=left] .arrow:before{border-width:.4rem 0 .4rem .4rem;border-left-color:#000;left:0}.tooltip-inner{color:#fff;text-align:center;background-color:#000;border-radius:.25rem;max-width:200px;padding:.25rem .5rem}.popover{z-index:1060;text-align:left;text-align:start;text-shadow:none;text-transform:none;letter-spacing:normal;word-break:normal;word-spacing:normal;white-space:normal;line-break:auto;word-wrap:break-word;background-color:#fff;background-clip:padding-box;border:1px solid #0003;border-radius:.3rem;max-width:276px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,Liberation Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-size:.875rem;font-style:normal;font-weight:400;line-height:1.5;text-decoration:none;display:block;position:absolute;top:0;left:0}.popover .arrow{width:1rem;height:.5rem;margin:0 .3rem;display:block;position:absolute}.popover .arrow:before,.popover .arrow:after{content:"";border-style:solid;border-color:#0000;display:block;position:absolute}.bs-popover-top,.bs-popover-auto[x-placement^=top]{margin-bottom:.5rem}.bs-popover-top>.arrow,.bs-popover-auto[x-placement^=top]>.arrow{bottom:calc(-.5rem - 1px)}.bs-popover-top>.arrow:before,.bs-popover-auto[x-placement^=top]>.arrow:before{border-width:.5rem .5rem 0;border-top-color:#00000040;bottom:0}.bs-popover-top>.arrow:after,.bs-popover-auto[x-placement^=top]>.arrow:after{border-width:.5rem .5rem 0;border-top-color:#fff;bottom:1px}.bs-popover-right,.bs-popover-auto[x-placement^=right]{margin-left:.5rem}.bs-popover-right>.arrow,.bs-popover-auto[x-placement^=right]>.arrow{width:.5rem;height:1rem;margin:.3rem 0;left:calc(-.5rem - 1px)}.bs-popover-right>.arrow:before,.bs-popover-auto[x-placement^=right]>.arrow:before{border-width:.5rem .5rem .5rem 0;border-right-color:#00000040;left:0}.bs-popover-right>.arrow:after,.bs-popover-auto[x-placement^=right]>.arrow:after{border-width:.5rem .5rem .5rem 0;border-right-color:#fff;left:1px}.bs-popover-bottom,.bs-popover-auto[x-placement^=bottom]{margin-top:.5rem}.bs-popover-bottom>.arrow,.bs-popover-auto[x-placement^=bottom]>.arrow{top:calc(-.5rem - 1px)}.bs-popover-bottom>.arrow:before,.bs-popover-auto[x-placement^=bottom]>.arrow:before{border-width:0 .5rem .5rem;border-bottom-color:#00000040;top:0}.bs-popover-bottom>.arrow:after,.bs-popover-auto[x-placement^=bottom]>.arrow:after{border-width:0 .5rem .5rem;border-bottom-color:#fff;top:1px}.bs-popover-bottom .popover-header:before,.bs-popover-auto[x-placement^=bottom] .popover-header:before{content:"";border-bottom:1px solid #f7f7f7;width:1rem;margin-left:-.5rem;display:block;position:absolute;top:0;left:50%}.bs-popover-left,.bs-popover-auto[x-placement^=left]{margin-right:.5rem}.bs-popover-left>.arrow,.bs-popover-auto[x-placement^=left]>.arrow{width:.5rem;height:1rem;margin:.3rem 0;right:calc(-.5rem - 1px)}.bs-popover-left>.arrow:before,.bs-popover-auto[x-placement^=left]>.arrow:before{border-width:.5rem 0 .5rem .5rem;border-left-color:#00000040;right:0}.bs-popover-left>.arrow:after,.bs-popover-auto[x-placement^=left]>.arrow:after{border-width:.5rem 0 .5rem .5rem;border-left-color:#fff;right:1px}.popover-header{background-color:#f7f7f7;border-bottom:1px solid #ebebeb;border-top-left-radius:calc(.3rem - 1px);border-top-right-radius:calc(.3rem - 1px);margin-bottom:0;padding:.5rem .75rem;font-size:1rem}.popover-header:empty{display:none}.popover-body{color:#212529;padding:.5rem .75rem}.carousel{position:relative}.carousel.pointer-event{-ms-touch-action:pan-y;touch-action:pan-y}.carousel-inner{width:100%;position:relative;overflow:hidden}.carousel-inner:after{clear:both;content:"";display:block}.carousel-item{float:left;-webkit-backface-visibility:hidden;backface-visibility:hidden;width:100%;margin-right:-100%;transition:transform .6s ease-in-out,-webkit-transform .6s ease-in-out;display:none;position:relative}@media (prefers-reduced-motion:reduce){.carousel-item{transition:none}}.carousel-item.active,.carousel-item-next,.carousel-item-prev{display:block}.carousel-item-next:not(.carousel-item-left),.active.carousel-item-right{-webkit-transform:translate(100%);transform:translate(100%)}.carousel-item-prev:not(.carousel-item-right),.active.carousel-item-left{-webkit-transform:translate(-100%);transform:translate(-100%)}.carousel-fade .carousel-item{opacity:0;transition-property:opacity;-webkit-transform:none;transform:none}.carousel-fade .carousel-item.active,.carousel-fade .carousel-item-next.carousel-item-left,.carousel-fade .carousel-item-prev.carousel-item-right{z-index:1;opacity:1}.carousel-fade .active.carousel-item-left,.carousel-fade .active.carousel-item-right{z-index:0;opacity:0;transition:opacity 0s .6s}@media (prefers-reduced-motion:reduce){.carousel-fade .active.carousel-item-left,.carousel-fade .active.carousel-item-right{transition:none}}.carousel-control-prev,.carousel-control-next{z-index:1;color:#fff;text-align:center;opacity:.5;background:0 0;border:0;justify-content:center;align-items:center;width:15%;padding:0;transition:opacity .15s;display:-ms-flexbox;display:flex;position:absolute;top:0;bottom:0}@media (prefers-reduced-motion:reduce){.carousel-control-prev,.carousel-control-next{transition:none}}.carousel-control-prev:hover,.carousel-control-prev:focus,.carousel-control-next:hover,.carousel-control-next:focus{color:#fff;opacity:.9;outline:0;text-decoration:none}.carousel-control-prev{left:0}.carousel-control-next{right:0}.carousel-control-prev-icon,.carousel-control-next-icon{background:50%/100% 100% no-repeat;width:20px;height:20px;display:inline-block}.carousel-control-prev-icon{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M5.25 0l-4 4 4 4 1.5-1.5L4.25 4l2.5-2.5L5.25 0z'/%3e%3c/svg%3e")}.carousel-control-next-icon{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M2.75 0l-1.5 1.5L3.75 4l-2.5 2.5L2.75 8l4-4-4-4z'/%3e%3c/svg%3e")}.carousel-indicators{z-index:15;justify-content:center;margin-left:15%;margin-right:15%;padding-left:0;list-style:none;display:-ms-flexbox;display:flex;position:absolute;bottom:0;left:0;right:0}.carousel-indicators li{box-sizing:content-box;text-indent:-999px;cursor:pointer;opacity:.5;background-color:#fff;background-clip:padding-box;border-top:10px solid #0000;border-bottom:10px solid #0000;-ms-flex:0 auto;flex:0 auto;width:30px;height:3px;margin-left:3px;margin-right:3px;transition:opacity .6s}@media (prefers-reduced-motion:reduce){.carousel-indicators li{transition:none}}.carousel-indicators .active{opacity:1}.carousel-caption{z-index:10;color:#fff;text-align:center;padding-top:20px;padding-bottom:20px;position:absolute;bottom:20px;left:15%;right:15%}@-webkit-keyframes spinner-border{to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes spinner-border{to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.spinner-border{vertical-align:-.125em;border:.25em solid;border-right-color:#0000;border-radius:50%;width:2rem;height:2rem;-webkit-animation:.75s linear infinite spinner-border;animation:.75s linear infinite spinner-border;display:inline-block}.spinner-border-sm{border-width:.2em;width:1rem;height:1rem}@-webkit-keyframes spinner-grow{0%{-webkit-transform:scale(0);transform:scale(0)}50%{opacity:1;-webkit-transform:none;transform:none}}@keyframes spinner-grow{0%{-webkit-transform:scale(0);transform:scale(0)}50%{opacity:1;-webkit-transform:none;transform:none}}.spinner-grow{vertical-align:-.125em;opacity:0;background-color:currentColor;border-radius:50%;width:2rem;height:2rem;-webkit-animation:.75s linear infinite spinner-grow;animation:.75s linear infinite spinner-grow;display:inline-block}.spinner-grow-sm{width:1rem;height:1rem}@media (prefers-reduced-motion:reduce){.spinner-border,.spinner-grow{-webkit-animation-duration:1.5s;animation-duration:1.5s}}.align-baseline{vertical-align:baseline!important}.align-top{vertical-align:top!important}.align-middle{vertical-align:middle!important}.align-bottom{vertical-align:bottom!important}.align-text-bottom{vertical-align:text-bottom!important}.align-text-top{vertical-align:text-top!important}.bg-primary{background-color:#007bff!important}a.bg-primary:hover,a.bg-primary:focus,button.bg-primary:hover,button.bg-primary:focus{background-color:#0062cc!important}.bg-secondary{background-color:#6c757d!important}a.bg-secondary:hover,a.bg-secondary:focus,button.bg-secondary:hover,button.bg-secondary:focus{background-color:#545b62!important}.bg-success{background-color:#28a745!important}a.bg-success:hover,a.bg-success:focus,button.bg-success:hover,button.bg-success:focus{background-color:#1e7e34!important}.bg-info{background-color:#17a2b8!important}a.bg-info:hover,a.bg-info:focus,button.bg-info:hover,button.bg-info:focus{background-color:#117a8b!important}.bg-warning{background-color:#ffc107!important}a.bg-warning:hover,a.bg-warning:focus,button.bg-warning:hover,button.bg-warning:focus{background-color:#d39e00!important}.bg-danger{background-color:#dc3545!important}a.bg-danger:hover,a.bg-danger:focus,button.bg-danger:hover,button.bg-danger:focus{background-color:#bd2130!important}.bg-light{background-color:#f8f9fa!important}a.bg-light:hover,a.bg-light:focus,button.bg-light:hover,button.bg-light:focus{background-color:#dae0e5!important}.bg-dark{background-color:#343a40!important}a.bg-dark:hover,a.bg-dark:focus,button.bg-dark:hover,button.bg-dark:focus{background-color:#1d2124!important}.bg-white{background-color:#fff!important}.bg-transparent{background-color:#0000!important}.border{border:1px solid #dee2e6!important}.border-top{border-top:1px solid #dee2e6!important}.border-right{border-right:1px solid #dee2e6!important}.border-bottom{border-bottom:1px solid #dee2e6!important}.border-left{border-left:1px solid #dee2e6!important}.border-0{border:0!important}.border-top-0{border-top:0!important}.border-right-0{border-right:0!important}.border-bottom-0{border-bottom:0!important}.border-left-0{border-left:0!important}.border-primary{border-color:#007bff!important}.border-secondary{border-color:#6c757d!important}.border-success{border-color:#28a745!important}.border-info{border-color:#17a2b8!important}.border-warning{border-color:#ffc107!important}.border-danger{border-color:#dc3545!important}.border-light{border-color:#f8f9fa!important}.border-dark{border-color:#343a40!important}.border-white{border-color:#fff!important}.rounded-sm{border-radius:.2rem!important}.rounded{border-radius:.25rem!important}.rounded-top{border-top-left-radius:.25rem!important;border-top-right-radius:.25rem!important}.rounded-right{border-top-right-radius:.25rem!important;border-bottom-right-radius:.25rem!important}.rounded-bottom{border-bottom-right-radius:.25rem!important;border-bottom-left-radius:.25rem!important}.rounded-left{border-top-left-radius:.25rem!important;border-bottom-left-radius:.25rem!important}.rounded-lg{border-radius:.3rem!important}.rounded-circle{border-radius:50%!important}.rounded-pill{border-radius:50rem!important}.rounded-0{border-radius:0!important}.clearfix:after{clear:both;content:"";display:block}.d-none{display:none!important}.d-inline{display:inline!important}.d-inline-block{display:inline-block!important}.d-block{display:block!important}.d-table{display:table!important}.d-table-row{display:table-row!important}.d-table-cell{display:table-cell!important}.d-flex{display:-ms-flexbox!important;display:flex!important}.d-inline-flex{display:-ms-inline-flexbox!important;display:inline-flex!important}@media (width>=576px){.d-sm-none{display:none!important}.d-sm-inline{display:inline!important}.d-sm-inline-block{display:inline-block!important}.d-sm-block{display:block!important}.d-sm-table{display:table!important}.d-sm-table-row{display:table-row!important}.d-sm-table-cell{display:table-cell!important}.d-sm-flex{display:-ms-flexbox!important;display:flex!important}.d-sm-inline-flex{display:-ms-inline-flexbox!important;display:inline-flex!important}}@media (width>=768px){.d-md-none{display:none!important}.d-md-inline{display:inline!important}.d-md-inline-block{display:inline-block!important}.d-md-block{display:block!important}.d-md-table{display:table!important}.d-md-table-row{display:table-row!important}.d-md-table-cell{display:table-cell!important}.d-md-flex{display:-ms-flexbox!important;display:flex!important}.d-md-inline-flex{display:-ms-inline-flexbox!important;display:inline-flex!important}}@media (width>=992px){.d-lg-none{display:none!important}.d-lg-inline{display:inline!important}.d-lg-inline-block{display:inline-block!important}.d-lg-block{display:block!important}.d-lg-table{display:table!important}.d-lg-table-row{display:table-row!important}.d-lg-table-cell{display:table-cell!important}.d-lg-flex{display:-ms-flexbox!important;display:flex!important}.d-lg-inline-flex{display:-ms-inline-flexbox!important;display:inline-flex!important}}@media (width>=1200px){.d-xl-none{display:none!important}.d-xl-inline{display:inline!important}.d-xl-inline-block{display:inline-block!important}.d-xl-block{display:block!important}.d-xl-table{display:table!important}.d-xl-table-row{display:table-row!important}.d-xl-table-cell{display:table-cell!important}.d-xl-flex{display:-ms-flexbox!important;display:flex!important}.d-xl-inline-flex{display:-ms-inline-flexbox!important;display:inline-flex!important}}@media print{.d-print-none{display:none!important}.d-print-inline{display:inline!important}.d-print-inline-block{display:inline-block!important}.d-print-block{display:block!important}.d-print-table{display:table!important}.d-print-table-row{display:table-row!important}.d-print-table-cell{display:table-cell!important}.d-print-flex{display:-ms-flexbox!important;display:flex!important}.d-print-inline-flex{display:-ms-inline-flexbox!important;display:inline-flex!important}}.embed-responsive{width:100%;padding:0;display:block;position:relative;overflow:hidden}.embed-responsive:before{content:"";display:block}.embed-responsive .embed-responsive-item,.embed-responsive iframe,.embed-responsive embed,.embed-responsive object,.embed-responsive video{border:0;width:100%;height:100%;position:absolute;top:0;bottom:0;left:0}.embed-responsive-21by9:before{padding-top:42.8571%}.embed-responsive-16by9:before{padding-top:56.25%}.embed-responsive-4by3:before{padding-top:75%}.embed-responsive-1by1:before{padding-top:100%}.flex-row{-ms-flex-direction:row!important;flex-direction:row!important}.flex-column{-ms-flex-direction:column!important;flex-direction:column!important}.flex-row-reverse{-ms-flex-direction:row-reverse!important;flex-direction:row-reverse!important}.flex-column-reverse{-ms-flex-direction:column-reverse!important;flex-direction:column-reverse!important}.flex-wrap{-ms-flex-wrap:wrap!important;flex-wrap:wrap!important}.flex-nowrap{-ms-flex-wrap:nowrap!important;flex-wrap:nowrap!important}.flex-wrap-reverse{-ms-flex-wrap:wrap-reverse!important;flex-wrap:wrap-reverse!important}.flex-fill{-ms-flex:auto!important;flex:auto!important}.flex-grow-0{-ms-flex-positive:0!important;flex-grow:0!important}.flex-grow-1{-ms-flex-positive:1!important;flex-grow:1!important}.flex-shrink-0{-ms-flex-negative:0!important;flex-shrink:0!important}.flex-shrink-1{-ms-flex-negative:1!important;flex-shrink:1!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}.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-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-stretch{align-content:stretch!important}.align-self-auto{align-self:auto!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}@media (width>=576px){.flex-sm-row{-ms-flex-direction:row!important;flex-direction:row!important}.flex-sm-column{-ms-flex-direction:column!important;flex-direction:column!important}.flex-sm-row-reverse{-ms-flex-direction:row-reverse!important;flex-direction:row-reverse!important}.flex-sm-column-reverse{-ms-flex-direction:column-reverse!important;flex-direction:column-reverse!important}.flex-sm-wrap{-ms-flex-wrap:wrap!important;flex-wrap:wrap!important}.flex-sm-nowrap{-ms-flex-wrap:nowrap!important;flex-wrap:nowrap!important}.flex-sm-wrap-reverse{-ms-flex-wrap:wrap-reverse!important;flex-wrap:wrap-reverse!important}.flex-sm-fill{-ms-flex:auto!important;flex:auto!important}.flex-sm-grow-0{-ms-flex-positive:0!important;flex-grow:0!important}.flex-sm-grow-1{-ms-flex-positive:1!important;flex-grow:1!important}.flex-sm-shrink-0{-ms-flex-negative:0!important;flex-shrink:0!important}.flex-sm-shrink-1{-ms-flex-negative:1!important;flex-shrink:1!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}.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-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-stretch{align-content:stretch!important}.align-self-sm-auto{align-self:auto!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}}@media (width>=768px){.flex-md-row{-ms-flex-direction:row!important;flex-direction:row!important}.flex-md-column{-ms-flex-direction:column!important;flex-direction:column!important}.flex-md-row-reverse{-ms-flex-direction:row-reverse!important;flex-direction:row-reverse!important}.flex-md-column-reverse{-ms-flex-direction:column-reverse!important;flex-direction:column-reverse!important}.flex-md-wrap{-ms-flex-wrap:wrap!important;flex-wrap:wrap!important}.flex-md-nowrap{-ms-flex-wrap:nowrap!important;flex-wrap:nowrap!important}.flex-md-wrap-reverse{-ms-flex-wrap:wrap-reverse!important;flex-wrap:wrap-reverse!important}.flex-md-fill{-ms-flex:auto!important;flex:auto!important}.flex-md-grow-0{-ms-flex-positive:0!important;flex-grow:0!important}.flex-md-grow-1{-ms-flex-positive:1!important;flex-grow:1!important}.flex-md-shrink-0{-ms-flex-negative:0!important;flex-shrink:0!important}.flex-md-shrink-1{-ms-flex-negative:1!important;flex-shrink:1!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}.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-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-stretch{align-content:stretch!important}.align-self-md-auto{align-self:auto!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}}@media (width>=992px){.flex-lg-row{-ms-flex-direction:row!important;flex-direction:row!important}.flex-lg-column{-ms-flex-direction:column!important;flex-direction:column!important}.flex-lg-row-reverse{-ms-flex-direction:row-reverse!important;flex-direction:row-reverse!important}.flex-lg-column-reverse{-ms-flex-direction:column-reverse!important;flex-direction:column-reverse!important}.flex-lg-wrap{-ms-flex-wrap:wrap!important;flex-wrap:wrap!important}.flex-lg-nowrap{-ms-flex-wrap:nowrap!important;flex-wrap:nowrap!important}.flex-lg-wrap-reverse{-ms-flex-wrap:wrap-reverse!important;flex-wrap:wrap-reverse!important}.flex-lg-fill{-ms-flex:auto!important;flex:auto!important}.flex-lg-grow-0{-ms-flex-positive:0!important;flex-grow:0!important}.flex-lg-grow-1{-ms-flex-positive:1!important;flex-grow:1!important}.flex-lg-shrink-0{-ms-flex-negative:0!important;flex-shrink:0!important}.flex-lg-shrink-1{-ms-flex-negative:1!important;flex-shrink:1!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}.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-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-stretch{align-content:stretch!important}.align-self-lg-auto{align-self:auto!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}}@media (width>=1200px){.flex-xl-row{-ms-flex-direction:row!important;flex-direction:row!important}.flex-xl-column{-ms-flex-direction:column!important;flex-direction:column!important}.flex-xl-row-reverse{-ms-flex-direction:row-reverse!important;flex-direction:row-reverse!important}.flex-xl-column-reverse{-ms-flex-direction:column-reverse!important;flex-direction:column-reverse!important}.flex-xl-wrap{-ms-flex-wrap:wrap!important;flex-wrap:wrap!important}.flex-xl-nowrap{-ms-flex-wrap:nowrap!important;flex-wrap:nowrap!important}.flex-xl-wrap-reverse{-ms-flex-wrap:wrap-reverse!important;flex-wrap:wrap-reverse!important}.flex-xl-fill{-ms-flex:auto!important;flex:auto!important}.flex-xl-grow-0{-ms-flex-positive:0!important;flex-grow:0!important}.flex-xl-grow-1{-ms-flex-positive:1!important;flex-grow:1!important}.flex-xl-shrink-0{-ms-flex-negative:0!important;flex-shrink:0!important}.flex-xl-shrink-1{-ms-flex-negative:1!important;flex-shrink:1!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}.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-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-stretch{align-content:stretch!important}.align-self-xl-auto{align-self:auto!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}}.float-left{float:left!important}.float-right{float:right!important}.float-none{float:none!important}@media (width>=576px){.float-sm-left{float:left!important}.float-sm-right{float:right!important}.float-sm-none{float:none!important}}@media (width>=768px){.float-md-left{float:left!important}.float-md-right{float:right!important}.float-md-none{float:none!important}}@media (width>=992px){.float-lg-left{float:left!important}.float-lg-right{float:right!important}.float-lg-none{float:none!important}}@media (width>=1200px){.float-xl-left{float:left!important}.float-xl-right{float:right!important}.float-xl-none{float:none!important}}.user-select-all{-webkit-user-select:all!important;-moz-user-select:all!important;user-select:all!important}.user-select-auto{-webkit-user-select:auto!important;-moz-user-select:auto!important;-ms-user-select:auto!important;user-select:auto!important}.user-select-none{-webkit-user-select:none!important;-moz-user-select:none!important;-ms-user-select:none!important;user-select:none!important}.overflow-auto{overflow:auto!important}.overflow-hidden{overflow:hidden!important}.position-static{position:static!important}.position-relative{position:relative!important}.position-absolute{position:absolute!important}.position-fixed{position:fixed!important}.position-sticky{position:-webkit-sticky!important;position:sticky!important}.fixed-top{z-index:1030;position:fixed;top:0;left:0;right:0}.fixed-bottom{z-index:1030;position:fixed;bottom:0;left:0;right:0}@supports (position:-webkit-sticky) or (position:sticky){.sticky-top{z-index:1020;position:-webkit-sticky;position:sticky;top:0}}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.sr-only-focusable:active,.sr-only-focusable:focus{clip:auto;white-space:normal;width:auto;height:auto;position:static;overflow:visible}.shadow-sm{box-shadow:0 .125rem .25rem #00000013!important}.shadow{box-shadow:0 .5rem 1rem #00000026!important}.shadow-lg{box-shadow:0 1rem 3rem #0000002d!important}.shadow-none{box-shadow:none!important}.w-25{width:25%!important}.w-50{width:50%!important}.w-75{width:75%!important}.w-100{width:100%!important}.w-auto{width:auto!important}.h-25{height:25%!important}.h-50{height:50%!important}.h-75{height:75%!important}.h-100{height:100%!important}.h-auto{height:auto!important}.mw-100{max-width:100%!important}.mh-100{max-height:100%!important}.min-vw-100{min-width:100vw!important}.min-vh-100{min-height:100vh!important}.vw-100{width:100vw!important}.vh-100{height:100vh!important}.m-0{margin:0!important}.mt-0,.my-0{margin-top:0!important}.mr-0,.mx-0{margin-right:0!important}.mb-0,.my-0{margin-bottom:0!important}.ml-0,.mx-0{margin-left:0!important}.m-1{margin:.25rem!important}.mt-1,.my-1{margin-top:.25rem!important}.mr-1,.mx-1{margin-right:.25rem!important}.mb-1,.my-1{margin-bottom:.25rem!important}.ml-1,.mx-1{margin-left:.25rem!important}.m-2{margin:.5rem!important}.mt-2,.my-2{margin-top:.5rem!important}.mr-2,.mx-2{margin-right:.5rem!important}.mb-2,.my-2{margin-bottom:.5rem!important}.ml-2,.mx-2{margin-left:.5rem!important}.m-3{margin:1rem!important}.mt-3,.my-3{margin-top:1rem!important}.mr-3,.mx-3{margin-right:1rem!important}.mb-3,.my-3{margin-bottom:1rem!important}.ml-3,.mx-3{margin-left:1rem!important}.m-4{margin:1.5rem!important}.mt-4,.my-4{margin-top:1.5rem!important}.mr-4,.mx-4{margin-right:1.5rem!important}.mb-4,.my-4{margin-bottom:1.5rem!important}.ml-4,.mx-4{margin-left:1.5rem!important}.m-5{margin:3rem!important}.mt-5,.my-5{margin-top:3rem!important}.mr-5,.mx-5{margin-right:3rem!important}.mb-5,.my-5{margin-bottom:3rem!important}.ml-5,.mx-5{margin-left:3rem!important}.p-0{padding:0!important}.pt-0,.py-0{padding-top:0!important}.pr-0,.px-0{padding-right:0!important}.pb-0,.py-0{padding-bottom:0!important}.pl-0,.px-0{padding-left:0!important}.p-1{padding:.25rem!important}.pt-1,.py-1{padding-top:.25rem!important}.pr-1,.px-1{padding-right:.25rem!important}.pb-1,.py-1{padding-bottom:.25rem!important}.pl-1,.px-1{padding-left:.25rem!important}.p-2{padding:.5rem!important}.pt-2,.py-2{padding-top:.5rem!important}.pr-2,.px-2{padding-right:.5rem!important}.pb-2,.py-2{padding-bottom:.5rem!important}.pl-2,.px-2{padding-left:.5rem!important}.p-3{padding:1rem!important}.pt-3,.py-3{padding-top:1rem!important}.pr-3,.px-3{padding-right:1rem!important}.pb-3,.py-3{padding-bottom:1rem!important}.pl-3,.px-3{padding-left:1rem!important}.p-4{padding:1.5rem!important}.pt-4,.py-4{padding-top:1.5rem!important}.pr-4,.px-4{padding-right:1.5rem!important}.pb-4,.py-4{padding-bottom:1.5rem!important}.pl-4,.px-4{padding-left:1.5rem!important}.p-5{padding:3rem!important}.pt-5,.py-5{padding-top:3rem!important}.pr-5,.px-5{padding-right:3rem!important}.pb-5,.py-5{padding-bottom:3rem!important}.pl-5,.px-5{padding-left:3rem!important}.m-n1{margin:-.25rem!important}.mt-n1,.my-n1{margin-top:-.25rem!important}.mr-n1,.mx-n1{margin-right:-.25rem!important}.mb-n1,.my-n1{margin-bottom:-.25rem!important}.ml-n1,.mx-n1{margin-left:-.25rem!important}.m-n2{margin:-.5rem!important}.mt-n2,.my-n2{margin-top:-.5rem!important}.mr-n2,.mx-n2{margin-right:-.5rem!important}.mb-n2,.my-n2{margin-bottom:-.5rem!important}.ml-n2,.mx-n2{margin-left:-.5rem!important}.m-n3{margin:-1rem!important}.mt-n3,.my-n3{margin-top:-1rem!important}.mr-n3,.mx-n3{margin-right:-1rem!important}.mb-n3,.my-n3{margin-bottom:-1rem!important}.ml-n3,.mx-n3{margin-left:-1rem!important}.m-n4{margin:-1.5rem!important}.mt-n4,.my-n4{margin-top:-1.5rem!important}.mr-n4,.mx-n4{margin-right:-1.5rem!important}.mb-n4,.my-n4{margin-bottom:-1.5rem!important}.ml-n4,.mx-n4{margin-left:-1.5rem!important}.m-n5{margin:-3rem!important}.mt-n5,.my-n5{margin-top:-3rem!important}.mr-n5,.mx-n5{margin-right:-3rem!important}.mb-n5,.my-n5{margin-bottom:-3rem!important}.ml-n5,.mx-n5{margin-left:-3rem!important}.m-auto{margin:auto!important}.mt-auto,.my-auto{margin-top:auto!important}.mr-auto,.mx-auto{margin-right:auto!important}.mb-auto,.my-auto{margin-bottom:auto!important}.ml-auto,.mx-auto{margin-left:auto!important}@media (width>=576px){.m-sm-0{margin:0!important}.mt-sm-0,.my-sm-0{margin-top:0!important}.mr-sm-0,.mx-sm-0{margin-right:0!important}.mb-sm-0,.my-sm-0{margin-bottom:0!important}.ml-sm-0,.mx-sm-0{margin-left:0!important}.m-sm-1{margin:.25rem!important}.mt-sm-1,.my-sm-1{margin-top:.25rem!important}.mr-sm-1,.mx-sm-1{margin-right:.25rem!important}.mb-sm-1,.my-sm-1{margin-bottom:.25rem!important}.ml-sm-1,.mx-sm-1{margin-left:.25rem!important}.m-sm-2{margin:.5rem!important}.mt-sm-2,.my-sm-2{margin-top:.5rem!important}.mr-sm-2,.mx-sm-2{margin-right:.5rem!important}.mb-sm-2,.my-sm-2{margin-bottom:.5rem!important}.ml-sm-2,.mx-sm-2{margin-left:.5rem!important}.m-sm-3{margin:1rem!important}.mt-sm-3,.my-sm-3{margin-top:1rem!important}.mr-sm-3,.mx-sm-3{margin-right:1rem!important}.mb-sm-3,.my-sm-3{margin-bottom:1rem!important}.ml-sm-3,.mx-sm-3{margin-left:1rem!important}.m-sm-4{margin:1.5rem!important}.mt-sm-4,.my-sm-4{margin-top:1.5rem!important}.mr-sm-4,.mx-sm-4{margin-right:1.5rem!important}.mb-sm-4,.my-sm-4{margin-bottom:1.5rem!important}.ml-sm-4,.mx-sm-4{margin-left:1.5rem!important}.m-sm-5{margin:3rem!important}.mt-sm-5,.my-sm-5{margin-top:3rem!important}.mr-sm-5,.mx-sm-5{margin-right:3rem!important}.mb-sm-5,.my-sm-5{margin-bottom:3rem!important}.ml-sm-5,.mx-sm-5{margin-left:3rem!important}.p-sm-0{padding:0!important}.pt-sm-0,.py-sm-0{padding-top:0!important}.pr-sm-0,.px-sm-0{padding-right:0!important}.pb-sm-0,.py-sm-0{padding-bottom:0!important}.pl-sm-0,.px-sm-0{padding-left:0!important}.p-sm-1{padding:.25rem!important}.pt-sm-1,.py-sm-1{padding-top:.25rem!important}.pr-sm-1,.px-sm-1{padding-right:.25rem!important}.pb-sm-1,.py-sm-1{padding-bottom:.25rem!important}.pl-sm-1,.px-sm-1{padding-left:.25rem!important}.p-sm-2{padding:.5rem!important}.pt-sm-2,.py-sm-2{padding-top:.5rem!important}.pr-sm-2,.px-sm-2{padding-right:.5rem!important}.pb-sm-2,.py-sm-2{padding-bottom:.5rem!important}.pl-sm-2,.px-sm-2{padding-left:.5rem!important}.p-sm-3{padding:1rem!important}.pt-sm-3,.py-sm-3{padding-top:1rem!important}.pr-sm-3,.px-sm-3{padding-right:1rem!important}.pb-sm-3,.py-sm-3{padding-bottom:1rem!important}.pl-sm-3,.px-sm-3{padding-left:1rem!important}.p-sm-4{padding:1.5rem!important}.pt-sm-4,.py-sm-4{padding-top:1.5rem!important}.pr-sm-4,.px-sm-4{padding-right:1.5rem!important}.pb-sm-4,.py-sm-4{padding-bottom:1.5rem!important}.pl-sm-4,.px-sm-4{padding-left:1.5rem!important}.p-sm-5{padding:3rem!important}.pt-sm-5,.py-sm-5{padding-top:3rem!important}.pr-sm-5,.px-sm-5{padding-right:3rem!important}.pb-sm-5,.py-sm-5{padding-bottom:3rem!important}.pl-sm-5,.px-sm-5{padding-left:3rem!important}.m-sm-n1{margin:-.25rem!important}.mt-sm-n1,.my-sm-n1{margin-top:-.25rem!important}.mr-sm-n1,.mx-sm-n1{margin-right:-.25rem!important}.mb-sm-n1,.my-sm-n1{margin-bottom:-.25rem!important}.ml-sm-n1,.mx-sm-n1{margin-left:-.25rem!important}.m-sm-n2{margin:-.5rem!important}.mt-sm-n2,.my-sm-n2{margin-top:-.5rem!important}.mr-sm-n2,.mx-sm-n2{margin-right:-.5rem!important}.mb-sm-n2,.my-sm-n2{margin-bottom:-.5rem!important}.ml-sm-n2,.mx-sm-n2{margin-left:-.5rem!important}.m-sm-n3{margin:-1rem!important}.mt-sm-n3,.my-sm-n3{margin-top:-1rem!important}.mr-sm-n3,.mx-sm-n3{margin-right:-1rem!important}.mb-sm-n3,.my-sm-n3{margin-bottom:-1rem!important}.ml-sm-n3,.mx-sm-n3{margin-left:-1rem!important}.m-sm-n4{margin:-1.5rem!important}.mt-sm-n4,.my-sm-n4{margin-top:-1.5rem!important}.mr-sm-n4,.mx-sm-n4{margin-right:-1.5rem!important}.mb-sm-n4,.my-sm-n4{margin-bottom:-1.5rem!important}.ml-sm-n4,.mx-sm-n4{margin-left:-1.5rem!important}.m-sm-n5{margin:-3rem!important}.mt-sm-n5,.my-sm-n5{margin-top:-3rem!important}.mr-sm-n5,.mx-sm-n5{margin-right:-3rem!important}.mb-sm-n5,.my-sm-n5{margin-bottom:-3rem!important}.ml-sm-n5,.mx-sm-n5{margin-left:-3rem!important}.m-sm-auto{margin:auto!important}.mt-sm-auto,.my-sm-auto{margin-top:auto!important}.mr-sm-auto,.mx-sm-auto{margin-right:auto!important}.mb-sm-auto,.my-sm-auto{margin-bottom:auto!important}.ml-sm-auto,.mx-sm-auto{margin-left:auto!important}}@media (width>=768px){.m-md-0{margin:0!important}.mt-md-0,.my-md-0{margin-top:0!important}.mr-md-0,.mx-md-0{margin-right:0!important}.mb-md-0,.my-md-0{margin-bottom:0!important}.ml-md-0,.mx-md-0{margin-left:0!important}.m-md-1{margin:.25rem!important}.mt-md-1,.my-md-1{margin-top:.25rem!important}.mr-md-1,.mx-md-1{margin-right:.25rem!important}.mb-md-1,.my-md-1{margin-bottom:.25rem!important}.ml-md-1,.mx-md-1{margin-left:.25rem!important}.m-md-2{margin:.5rem!important}.mt-md-2,.my-md-2{margin-top:.5rem!important}.mr-md-2,.mx-md-2{margin-right:.5rem!important}.mb-md-2,.my-md-2{margin-bottom:.5rem!important}.ml-md-2,.mx-md-2{margin-left:.5rem!important}.m-md-3{margin:1rem!important}.mt-md-3,.my-md-3{margin-top:1rem!important}.mr-md-3,.mx-md-3{margin-right:1rem!important}.mb-md-3,.my-md-3{margin-bottom:1rem!important}.ml-md-3,.mx-md-3{margin-left:1rem!important}.m-md-4{margin:1.5rem!important}.mt-md-4,.my-md-4{margin-top:1.5rem!important}.mr-md-4,.mx-md-4{margin-right:1.5rem!important}.mb-md-4,.my-md-4{margin-bottom:1.5rem!important}.ml-md-4,.mx-md-4{margin-left:1.5rem!important}.m-md-5{margin:3rem!important}.mt-md-5,.my-md-5{margin-top:3rem!important}.mr-md-5,.mx-md-5{margin-right:3rem!important}.mb-md-5,.my-md-5{margin-bottom:3rem!important}.ml-md-5,.mx-md-5{margin-left:3rem!important}.p-md-0{padding:0!important}.pt-md-0,.py-md-0{padding-top:0!important}.pr-md-0,.px-md-0{padding-right:0!important}.pb-md-0,.py-md-0{padding-bottom:0!important}.pl-md-0,.px-md-0{padding-left:0!important}.p-md-1{padding:.25rem!important}.pt-md-1,.py-md-1{padding-top:.25rem!important}.pr-md-1,.px-md-1{padding-right:.25rem!important}.pb-md-1,.py-md-1{padding-bottom:.25rem!important}.pl-md-1,.px-md-1{padding-left:.25rem!important}.p-md-2{padding:.5rem!important}.pt-md-2,.py-md-2{padding-top:.5rem!important}.pr-md-2,.px-md-2{padding-right:.5rem!important}.pb-md-2,.py-md-2{padding-bottom:.5rem!important}.pl-md-2,.px-md-2{padding-left:.5rem!important}.p-md-3{padding:1rem!important}.pt-md-3,.py-md-3{padding-top:1rem!important}.pr-md-3,.px-md-3{padding-right:1rem!important}.pb-md-3,.py-md-3{padding-bottom:1rem!important}.pl-md-3,.px-md-3{padding-left:1rem!important}.p-md-4{padding:1.5rem!important}.pt-md-4,.py-md-4{padding-top:1.5rem!important}.pr-md-4,.px-md-4{padding-right:1.5rem!important}.pb-md-4,.py-md-4{padding-bottom:1.5rem!important}.pl-md-4,.px-md-4{padding-left:1.5rem!important}.p-md-5{padding:3rem!important}.pt-md-5,.py-md-5{padding-top:3rem!important}.pr-md-5,.px-md-5{padding-right:3rem!important}.pb-md-5,.py-md-5{padding-bottom:3rem!important}.pl-md-5,.px-md-5{padding-left:3rem!important}.m-md-n1{margin:-.25rem!important}.mt-md-n1,.my-md-n1{margin-top:-.25rem!important}.mr-md-n1,.mx-md-n1{margin-right:-.25rem!important}.mb-md-n1,.my-md-n1{margin-bottom:-.25rem!important}.ml-md-n1,.mx-md-n1{margin-left:-.25rem!important}.m-md-n2{margin:-.5rem!important}.mt-md-n2,.my-md-n2{margin-top:-.5rem!important}.mr-md-n2,.mx-md-n2{margin-right:-.5rem!important}.mb-md-n2,.my-md-n2{margin-bottom:-.5rem!important}.ml-md-n2,.mx-md-n2{margin-left:-.5rem!important}.m-md-n3{margin:-1rem!important}.mt-md-n3,.my-md-n3{margin-top:-1rem!important}.mr-md-n3,.mx-md-n3{margin-right:-1rem!important}.mb-md-n3,.my-md-n3{margin-bottom:-1rem!important}.ml-md-n3,.mx-md-n3{margin-left:-1rem!important}.m-md-n4{margin:-1.5rem!important}.mt-md-n4,.my-md-n4{margin-top:-1.5rem!important}.mr-md-n4,.mx-md-n4{margin-right:-1.5rem!important}.mb-md-n4,.my-md-n4{margin-bottom:-1.5rem!important}.ml-md-n4,.mx-md-n4{margin-left:-1.5rem!important}.m-md-n5{margin:-3rem!important}.mt-md-n5,.my-md-n5{margin-top:-3rem!important}.mr-md-n5,.mx-md-n5{margin-right:-3rem!important}.mb-md-n5,.my-md-n5{margin-bottom:-3rem!important}.ml-md-n5,.mx-md-n5{margin-left:-3rem!important}.m-md-auto{margin:auto!important}.mt-md-auto,.my-md-auto{margin-top:auto!important}.mr-md-auto,.mx-md-auto{margin-right:auto!important}.mb-md-auto,.my-md-auto{margin-bottom:auto!important}.ml-md-auto,.mx-md-auto{margin-left:auto!important}}@media (width>=992px){.m-lg-0{margin:0!important}.mt-lg-0,.my-lg-0{margin-top:0!important}.mr-lg-0,.mx-lg-0{margin-right:0!important}.mb-lg-0,.my-lg-0{margin-bottom:0!important}.ml-lg-0,.mx-lg-0{margin-left:0!important}.m-lg-1{margin:.25rem!important}.mt-lg-1,.my-lg-1{margin-top:.25rem!important}.mr-lg-1,.mx-lg-1{margin-right:.25rem!important}.mb-lg-1,.my-lg-1{margin-bottom:.25rem!important}.ml-lg-1,.mx-lg-1{margin-left:.25rem!important}.m-lg-2{margin:.5rem!important}.mt-lg-2,.my-lg-2{margin-top:.5rem!important}.mr-lg-2,.mx-lg-2{margin-right:.5rem!important}.mb-lg-2,.my-lg-2{margin-bottom:.5rem!important}.ml-lg-2,.mx-lg-2{margin-left:.5rem!important}.m-lg-3{margin:1rem!important}.mt-lg-3,.my-lg-3{margin-top:1rem!important}.mr-lg-3,.mx-lg-3{margin-right:1rem!important}.mb-lg-3,.my-lg-3{margin-bottom:1rem!important}.ml-lg-3,.mx-lg-3{margin-left:1rem!important}.m-lg-4{margin:1.5rem!important}.mt-lg-4,.my-lg-4{margin-top:1.5rem!important}.mr-lg-4,.mx-lg-4{margin-right:1.5rem!important}.mb-lg-4,.my-lg-4{margin-bottom:1.5rem!important}.ml-lg-4,.mx-lg-4{margin-left:1.5rem!important}.m-lg-5{margin:3rem!important}.mt-lg-5,.my-lg-5{margin-top:3rem!important}.mr-lg-5,.mx-lg-5{margin-right:3rem!important}.mb-lg-5,.my-lg-5{margin-bottom:3rem!important}.ml-lg-5,.mx-lg-5{margin-left:3rem!important}.p-lg-0{padding:0!important}.pt-lg-0,.py-lg-0{padding-top:0!important}.pr-lg-0,.px-lg-0{padding-right:0!important}.pb-lg-0,.py-lg-0{padding-bottom:0!important}.pl-lg-0,.px-lg-0{padding-left:0!important}.p-lg-1{padding:.25rem!important}.pt-lg-1,.py-lg-1{padding-top:.25rem!important}.pr-lg-1,.px-lg-1{padding-right:.25rem!important}.pb-lg-1,.py-lg-1{padding-bottom:.25rem!important}.pl-lg-1,.px-lg-1{padding-left:.25rem!important}.p-lg-2{padding:.5rem!important}.pt-lg-2,.py-lg-2{padding-top:.5rem!important}.pr-lg-2,.px-lg-2{padding-right:.5rem!important}.pb-lg-2,.py-lg-2{padding-bottom:.5rem!important}.pl-lg-2,.px-lg-2{padding-left:.5rem!important}.p-lg-3{padding:1rem!important}.pt-lg-3,.py-lg-3{padding-top:1rem!important}.pr-lg-3,.px-lg-3{padding-right:1rem!important}.pb-lg-3,.py-lg-3{padding-bottom:1rem!important}.pl-lg-3,.px-lg-3{padding-left:1rem!important}.p-lg-4{padding:1.5rem!important}.pt-lg-4,.py-lg-4{padding-top:1.5rem!important}.pr-lg-4,.px-lg-4{padding-right:1.5rem!important}.pb-lg-4,.py-lg-4{padding-bottom:1.5rem!important}.pl-lg-4,.px-lg-4{padding-left:1.5rem!important}.p-lg-5{padding:3rem!important}.pt-lg-5,.py-lg-5{padding-top:3rem!important}.pr-lg-5,.px-lg-5{padding-right:3rem!important}.pb-lg-5,.py-lg-5{padding-bottom:3rem!important}.pl-lg-5,.px-lg-5{padding-left:3rem!important}.m-lg-n1{margin:-.25rem!important}.mt-lg-n1,.my-lg-n1{margin-top:-.25rem!important}.mr-lg-n1,.mx-lg-n1{margin-right:-.25rem!important}.mb-lg-n1,.my-lg-n1{margin-bottom:-.25rem!important}.ml-lg-n1,.mx-lg-n1{margin-left:-.25rem!important}.m-lg-n2{margin:-.5rem!important}.mt-lg-n2,.my-lg-n2{margin-top:-.5rem!important}.mr-lg-n2,.mx-lg-n2{margin-right:-.5rem!important}.mb-lg-n2,.my-lg-n2{margin-bottom:-.5rem!important}.ml-lg-n2,.mx-lg-n2{margin-left:-.5rem!important}.m-lg-n3{margin:-1rem!important}.mt-lg-n3,.my-lg-n3{margin-top:-1rem!important}.mr-lg-n3,.mx-lg-n3{margin-right:-1rem!important}.mb-lg-n3,.my-lg-n3{margin-bottom:-1rem!important}.ml-lg-n3,.mx-lg-n3{margin-left:-1rem!important}.m-lg-n4{margin:-1.5rem!important}.mt-lg-n4,.my-lg-n4{margin-top:-1.5rem!important}.mr-lg-n4,.mx-lg-n4{margin-right:-1.5rem!important}.mb-lg-n4,.my-lg-n4{margin-bottom:-1.5rem!important}.ml-lg-n4,.mx-lg-n4{margin-left:-1.5rem!important}.m-lg-n5{margin:-3rem!important}.mt-lg-n5,.my-lg-n5{margin-top:-3rem!important}.mr-lg-n5,.mx-lg-n5{margin-right:-3rem!important}.mb-lg-n5,.my-lg-n5{margin-bottom:-3rem!important}.ml-lg-n5,.mx-lg-n5{margin-left:-3rem!important}.m-lg-auto{margin:auto!important}.mt-lg-auto,.my-lg-auto{margin-top:auto!important}.mr-lg-auto,.mx-lg-auto{margin-right:auto!important}.mb-lg-auto,.my-lg-auto{margin-bottom:auto!important}.ml-lg-auto,.mx-lg-auto{margin-left:auto!important}}@media (width>=1200px){.m-xl-0{margin:0!important}.mt-xl-0,.my-xl-0{margin-top:0!important}.mr-xl-0,.mx-xl-0{margin-right:0!important}.mb-xl-0,.my-xl-0{margin-bottom:0!important}.ml-xl-0,.mx-xl-0{margin-left:0!important}.m-xl-1{margin:.25rem!important}.mt-xl-1,.my-xl-1{margin-top:.25rem!important}.mr-xl-1,.mx-xl-1{margin-right:.25rem!important}.mb-xl-1,.my-xl-1{margin-bottom:.25rem!important}.ml-xl-1,.mx-xl-1{margin-left:.25rem!important}.m-xl-2{margin:.5rem!important}.mt-xl-2,.my-xl-2{margin-top:.5rem!important}.mr-xl-2,.mx-xl-2{margin-right:.5rem!important}.mb-xl-2,.my-xl-2{margin-bottom:.5rem!important}.ml-xl-2,.mx-xl-2{margin-left:.5rem!important}.m-xl-3{margin:1rem!important}.mt-xl-3,.my-xl-3{margin-top:1rem!important}.mr-xl-3,.mx-xl-3{margin-right:1rem!important}.mb-xl-3,.my-xl-3{margin-bottom:1rem!important}.ml-xl-3,.mx-xl-3{margin-left:1rem!important}.m-xl-4{margin:1.5rem!important}.mt-xl-4,.my-xl-4{margin-top:1.5rem!important}.mr-xl-4,.mx-xl-4{margin-right:1.5rem!important}.mb-xl-4,.my-xl-4{margin-bottom:1.5rem!important}.ml-xl-4,.mx-xl-4{margin-left:1.5rem!important}.m-xl-5{margin:3rem!important}.mt-xl-5,.my-xl-5{margin-top:3rem!important}.mr-xl-5,.mx-xl-5{margin-right:3rem!important}.mb-xl-5,.my-xl-5{margin-bottom:3rem!important}.ml-xl-5,.mx-xl-5{margin-left:3rem!important}.p-xl-0{padding:0!important}.pt-xl-0,.py-xl-0{padding-top:0!important}.pr-xl-0,.px-xl-0{padding-right:0!important}.pb-xl-0,.py-xl-0{padding-bottom:0!important}.pl-xl-0,.px-xl-0{padding-left:0!important}.p-xl-1{padding:.25rem!important}.pt-xl-1,.py-xl-1{padding-top:.25rem!important}.pr-xl-1,.px-xl-1{padding-right:.25rem!important}.pb-xl-1,.py-xl-1{padding-bottom:.25rem!important}.pl-xl-1,.px-xl-1{padding-left:.25rem!important}.p-xl-2{padding:.5rem!important}.pt-xl-2,.py-xl-2{padding-top:.5rem!important}.pr-xl-2,.px-xl-2{padding-right:.5rem!important}.pb-xl-2,.py-xl-2{padding-bottom:.5rem!important}.pl-xl-2,.px-xl-2{padding-left:.5rem!important}.p-xl-3{padding:1rem!important}.pt-xl-3,.py-xl-3{padding-top:1rem!important}.pr-xl-3,.px-xl-3{padding-right:1rem!important}.pb-xl-3,.py-xl-3{padding-bottom:1rem!important}.pl-xl-3,.px-xl-3{padding-left:1rem!important}.p-xl-4{padding:1.5rem!important}.pt-xl-4,.py-xl-4{padding-top:1.5rem!important}.pr-xl-4,.px-xl-4{padding-right:1.5rem!important}.pb-xl-4,.py-xl-4{padding-bottom:1.5rem!important}.pl-xl-4,.px-xl-4{padding-left:1.5rem!important}.p-xl-5{padding:3rem!important}.pt-xl-5,.py-xl-5{padding-top:3rem!important}.pr-xl-5,.px-xl-5{padding-right:3rem!important}.pb-xl-5,.py-xl-5{padding-bottom:3rem!important}.pl-xl-5,.px-xl-5{padding-left:3rem!important}.m-xl-n1{margin:-.25rem!important}.mt-xl-n1,.my-xl-n1{margin-top:-.25rem!important}.mr-xl-n1,.mx-xl-n1{margin-right:-.25rem!important}.mb-xl-n1,.my-xl-n1{margin-bottom:-.25rem!important}.ml-xl-n1,.mx-xl-n1{margin-left:-.25rem!important}.m-xl-n2{margin:-.5rem!important}.mt-xl-n2,.my-xl-n2{margin-top:-.5rem!important}.mr-xl-n2,.mx-xl-n2{margin-right:-.5rem!important}.mb-xl-n2,.my-xl-n2{margin-bottom:-.5rem!important}.ml-xl-n2,.mx-xl-n2{margin-left:-.5rem!important}.m-xl-n3{margin:-1rem!important}.mt-xl-n3,.my-xl-n3{margin-top:-1rem!important}.mr-xl-n3,.mx-xl-n3{margin-right:-1rem!important}.mb-xl-n3,.my-xl-n3{margin-bottom:-1rem!important}.ml-xl-n3,.mx-xl-n3{margin-left:-1rem!important}.m-xl-n4{margin:-1.5rem!important}.mt-xl-n4,.my-xl-n4{margin-top:-1.5rem!important}.mr-xl-n4,.mx-xl-n4{margin-right:-1.5rem!important}.mb-xl-n4,.my-xl-n4{margin-bottom:-1.5rem!important}.ml-xl-n4,.mx-xl-n4{margin-left:-1.5rem!important}.m-xl-n5{margin:-3rem!important}.mt-xl-n5,.my-xl-n5{margin-top:-3rem!important}.mr-xl-n5,.mx-xl-n5{margin-right:-3rem!important}.mb-xl-n5,.my-xl-n5{margin-bottom:-3rem!important}.ml-xl-n5,.mx-xl-n5{margin-left:-3rem!important}.m-xl-auto{margin:auto!important}.mt-xl-auto,.my-xl-auto{margin-top:auto!important}.mr-xl-auto,.mx-xl-auto{margin-right:auto!important}.mb-xl-auto,.my-xl-auto{margin-bottom:auto!important}.ml-xl-auto,.mx-xl-auto{margin-left:auto!important}}.stretched-link:after{z-index:1;pointer-events:auto;content:"";background-color:#0000;position:absolute;inset:0}.text-monospace{font-family:SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace!important}.text-justify{text-align:justify!important}.text-wrap{white-space:normal!important}.text-nowrap{white-space:nowrap!important}.text-truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.text-left{text-align:left!important}.text-right{text-align:right!important}.text-center{text-align:center!important}@media (width>=576px){.text-sm-left{text-align:left!important}.text-sm-right{text-align:right!important}.text-sm-center{text-align:center!important}}@media (width>=768px){.text-md-left{text-align:left!important}.text-md-right{text-align:right!important}.text-md-center{text-align:center!important}}@media (width>=992px){.text-lg-left{text-align:left!important}.text-lg-right{text-align:right!important}.text-lg-center{text-align:center!important}}@media (width>=1200px){.text-xl-left{text-align:left!important}.text-xl-right{text-align:right!important}.text-xl-center{text-align:center!important}}.text-lowercase{text-transform:lowercase!important}.text-uppercase{text-transform:uppercase!important}.text-capitalize{text-transform:capitalize!important}.font-weight-light{font-weight:300!important}.font-weight-lighter{font-weight:lighter!important}.font-weight-normal{font-weight:400!important}.font-weight-bold{font-weight:700!important}.font-weight-bolder{font-weight:bolder!important}.font-italic{font-style:italic!important}.text-white{color:#fff!important}.text-primary{color:#007bff!important}a.text-primary:hover,a.text-primary:focus{color:#0056b3!important}.text-secondary{color:#6c757d!important}a.text-secondary:hover,a.text-secondary:focus{color:#494f54!important}.text-success{color:#28a745!important}a.text-success:hover,a.text-success:focus{color:#19692c!important}.text-info{color:#17a2b8!important}a.text-info:hover,a.text-info:focus{color:#0f6674!important}.text-warning{color:#ffc107!important}a.text-warning:hover,a.text-warning:focus{color:#ba8b00!important}.text-danger{color:#dc3545!important}a.text-danger:hover,a.text-danger:focus{color:#a71d2a!important}.text-light{color:#f8f9fa!important}a.text-light:hover,a.text-light:focus{color:#cbd3da!important}.text-dark{color:#343a40!important}a.text-dark:hover,a.text-dark:focus{color:#121416!important}.text-body{color:#212529!important}.text-muted{color:#6c757d!important}.text-black-50{color:#00000080!important}.text-white-50{color:#ffffff80!important}.text-hide{font:0/0 a;color:#0000;text-shadow:none;background-color:#0000;border:0}.text-decoration-none{text-decoration:none!important}.text-break{word-break:break-word!important;word-wrap:break-word!important}.text-reset{color:inherit!important}.visible{visibility:visible!important}.invisible{visibility:hidden!important}@media print{*,:before,:after{text-shadow:none!important;box-shadow:none!important}a:not(.btn){text-decoration:underline}abbr[title]:after{content:" (" attr(title)")"}pre{white-space:pre-wrap!important}pre,blockquote{page-break-inside:avoid;border:1px solid #adb5bd}tr,img{page-break-inside:avoid}p,h2,h3{orphans:3;widows:3}h2,h3{page-break-after:avoid}@page{size:a3}body,.container{min-width:992px!important}.navbar{display:none}.badge{border:1px solid #000}.table{border-collapse:collapse!important}.table td,.table th{background-color:#fff!important}.table-bordered th,.table-bordered td{border:1px solid #dee2e6!important}.table-dark{color:inherit}.table-dark th,.table-dark td,.table-dark thead th,.table-dark tbody+tbody{border-color:#dee2e6}.table .thead-dark th{color:inherit;border-color:#dee2e6}} \ No newline at end of file diff --git a/test/js/bun/css/files/bulma.css b/test/js/bun/css/files/bulma.css new file mode 100644 index 0000000000..06db48afa7 --- /dev/null +++ b/test/js/bun/css/files/bulma.css @@ -0,0 +1,21551 @@ +@charset "UTF-8"; +/*! bulma.io v1.0.2 | MIT License | github.com/jgthms/bulma */ +/* Bulma Utilities */ +:root { + --bulma-control-radius: var(--bulma-radius); + --bulma-control-radius-small: var(--bulma-radius-small); + --bulma-control-border-width: 1px; + --bulma-control-height: 2.5em; + --bulma-control-line-height: 1.5; + --bulma-control-padding-vertical: calc(0.5em - 1px); + --bulma-control-padding-horizontal: calc(0.75em - 1px); + --bulma-control-size: var(--bulma-size-normal); + --bulma-control-focus-shadow-l: 50%; +} + +/* Bulma Themes */ +:root { + --bulma-scheme-h: 221; + --bulma-scheme-s: 14%; + --bulma-light-l: 90%; + --bulma-light-invert-l: 20%; + --bulma-dark-l: 20%; + --bulma-dark-invert-l: 90%; + --bulma-soft-l: 90%; + --bulma-bold-l: 20%; + --bulma-soft-invert-l: 20%; + --bulma-bold-invert-l: 90%; + --bulma-hover-background-l-delta: -5%; + --bulma-active-background-l-delta: -10%; + --bulma-hover-border-l-delta: -10%; + --bulma-active-border-l-delta: -20%; + --bulma-hover-color-l-delta: -5%; + --bulma-active-color-l-delta: -10%; + --bulma-hover-shadow-a-delta: -0.05; + --bulma-active-shadow-a-delta: -0.1; + --bulma-scheme-brightness: light; + --bulma-scheme-main-l: 100%; + --bulma-scheme-main-bis-l: 98%; + --bulma-scheme-main-ter-l: 96%; + --bulma-background-l: 96%; + --bulma-border-weak-l: 93%; + --bulma-border-l: 86%; + --bulma-text-weak-l: 48%; + --bulma-text-l: 29%; + --bulma-text-strong-l: 21%; + --bulma-text-title-l: 14%; + --bulma-scheme-invert-ter-l: 14%; + --bulma-scheme-invert-bis-l: 7%; + --bulma-scheme-invert-l: 4%; + --bulma-family-primary: Inter, SF Pro, Segoe UI, Roboto, Oxygen, Ubuntu, Helvetica Neue, Helvetica, Arial, sans-serif; + --bulma-family-secondary: Inter, SF Pro, Segoe UI, Roboto, Oxygen, Ubuntu, Helvetica Neue, Helvetica, Arial, sans-serif; + --bulma-family-code: Inconsolata, Hack, SF Mono, Roboto Mono, Source Code Pro, Ubuntu Mono, monospace; + --bulma-size-small: 0.75rem; + --bulma-size-normal: 1rem; + --bulma-size-medium: 1.25rem; + --bulma-size-large: 1.5rem; + --bulma-weight-light: 300; + --bulma-weight-normal: 400; + --bulma-weight-medium: 500; + --bulma-weight-semibold: 600; + --bulma-weight-bold: 700; + --bulma-weight-extrabold: 800; + --bulma-block-spacing: 1.5rem; + --bulma-duration: 294ms; + --bulma-easing: ease-out; + --bulma-radius-small: 0.25rem; + --bulma-radius: 0.375rem; + --bulma-radius-medium: 0.5em; + --bulma-radius-large: 0.75rem; + --bulma-radius-rounded: 9999px; + --bulma-speed: 86ms; + --bulma-arrow-color: var(--bulma-link); + --bulma-loading-color: var(--bulma-border); + --bulma-burger-h: var(--bulma-link-h); + --bulma-burger-s: var(--bulma-link-s); + --bulma-burger-l: var(--bulma-link-l); + --bulma-burger-border-radius: 0.5em; + --bulma-burger-gap: 5px; + --bulma-burger-item-height: 2px; + --bulma-burger-item-width: 20px; + --bulma-white: hsla(var(--bulma-white-h), var(--bulma-white-s), var(--bulma-white-l), 1); + --bulma-white-base: hsla(var(--bulma-white-h), var(--bulma-white-s), var(--bulma-white-l), 1); + --bulma-white-rgb: 255, 255, 255; + --bulma-white-h: 221deg; + --bulma-white-s: 14%; + --bulma-white-l: 100%; + --bulma-white-invert-l: 4%; + --bulma-white-invert: hsl(221, 14%, 4%); + --bulma-white-on-scheme-l: 35%; + --bulma-white-on-scheme: hsla(var(--bulma-white-h), var(--bulma-white-s), var(--bulma-white-on-scheme-l), 1); + --bulma-black: hsla(var(--bulma-black-h), var(--bulma-black-s), var(--bulma-black-l), 1); + --bulma-black-base: hsla(var(--bulma-black-h), var(--bulma-black-s), var(--bulma-black-l), 1); + --bulma-black-rgb: 9, 10, 12; + --bulma-black-h: 221deg; + --bulma-black-s: 14%; + --bulma-black-l: 4%; + --bulma-black-invert-l: 100%; + --bulma-black-invert: hsl(221, 14%, 100%); + --bulma-black-on-scheme-l: 4%; + --bulma-black-on-scheme: hsla(var(--bulma-black-h), var(--bulma-black-s), var(--bulma-black-on-scheme-l), 1); + --bulma-light: hsla(var(--bulma-light-h), var(--bulma-light-s), var(--bulma-light-l), 1); + --bulma-light-base: hsla(var(--bulma-light-h), var(--bulma-light-s), var(--bulma-light-l), 1); + --bulma-light-rgb: 243, 244, 246; + --bulma-light-h: 221deg; + --bulma-light-s: 14%; + --bulma-light-l: 96%; + --bulma-light-invert-l: 21%; + --bulma-light-invert: hsl(221, 14%, 21%); + --bulma-light-on-scheme-l: 36%; + --bulma-light-on-scheme: hsla(var(--bulma-light-h), var(--bulma-light-s), var(--bulma-light-on-scheme-l), 1); + --bulma-dark: hsla(var(--bulma-dark-h), var(--bulma-dark-s), var(--bulma-dark-l), 1); + --bulma-dark-base: hsla(var(--bulma-dark-h), var(--bulma-dark-s), var(--bulma-dark-l), 1); + --bulma-dark-rgb: 46, 51, 61; + --bulma-dark-h: 221deg; + --bulma-dark-s: 14%; + --bulma-dark-l: 21%; + --bulma-dark-invert-l: 96%; + --bulma-dark-invert: hsl(221, 14%, 96%); + --bulma-dark-on-scheme-l: 21%; + --bulma-dark-on-scheme: hsla(var(--bulma-dark-h), var(--bulma-dark-s), var(--bulma-dark-on-scheme-l), 1); + --bulma-text: hsla(var(--bulma-text-h), var(--bulma-text-s), var(--bulma-text-l), 1); + --bulma-text-base: hsla(var(--bulma-text-h), var(--bulma-text-s), var(--bulma-text-l), 1); + --bulma-text-rgb: 64, 70, 84; + --bulma-text-h: 221deg; + --bulma-text-s: 14%; + --bulma-text-l: 29%; + --bulma-text-00-l: 0%; + --bulma-text-05-l: 4%; + --bulma-text-10-l: 9%; + --bulma-text-15-l: 14%; + --bulma-text-20-l: 19%; + --bulma-text-25-l: 24%; + --bulma-text-30-l: 29%; + --bulma-text-35-l: 34%; + --bulma-text-40-l: 39%; + --bulma-text-45-l: 44%; + --bulma-text-50-l: 49%; + --bulma-text-55-l: 54%; + --bulma-text-60-l: 59%; + --bulma-text-65-l: 64%; + --bulma-text-70-l: 69%; + --bulma-text-75-l: 74%; + --bulma-text-80-l: 79%; + --bulma-text-85-l: 84%; + --bulma-text-90-l: 89%; + --bulma-text-95-l: 94%; + --bulma-text-100-l: 99%; + --bulma-text-00: hsla(var(--bulma-text-h), var(--bulma-text-s), var(--bulma-text-00-l), 1); + --bulma-text-00-invert-l: var(--bulma-text-60-l); + --bulma-text-00-invert: hsla(var(--bulma-text-h), var(--bulma-text-s), var(--bulma-text-00-invert-l), 1); + --bulma-text-05: hsla(var(--bulma-text-h), var(--bulma-text-s), var(--bulma-text-05-l), 1); + --bulma-text-05-invert-l: var(--bulma-text-60-l); + --bulma-text-05-invert: hsla(var(--bulma-text-h), var(--bulma-text-s), var(--bulma-text-05-invert-l), 1); + --bulma-text-10: hsla(var(--bulma-text-h), var(--bulma-text-s), var(--bulma-text-10-l), 1); + --bulma-text-10-invert-l: var(--bulma-text-70-l); + --bulma-text-10-invert: hsla(var(--bulma-text-h), var(--bulma-text-s), var(--bulma-text-10-invert-l), 1); + --bulma-text-15: hsla(var(--bulma-text-h), var(--bulma-text-s), var(--bulma-text-15-l), 1); + --bulma-text-15-invert-l: var(--bulma-text-75-l); + --bulma-text-15-invert: hsla(var(--bulma-text-h), var(--bulma-text-s), var(--bulma-text-15-invert-l), 1); + --bulma-text-20: hsla(var(--bulma-text-h), var(--bulma-text-s), var(--bulma-text-20-l), 1); + --bulma-text-20-invert-l: var(--bulma-text-85-l); + --bulma-text-20-invert: hsla(var(--bulma-text-h), var(--bulma-text-s), var(--bulma-text-20-invert-l), 1); + --bulma-text-25: hsla(var(--bulma-text-h), var(--bulma-text-s), var(--bulma-text-25-l), 1); + --bulma-text-25-invert-l: var(--bulma-text-95-l); + --bulma-text-25-invert: hsla(var(--bulma-text-h), var(--bulma-text-s), var(--bulma-text-25-invert-l), 1); + --bulma-text-30: hsla(var(--bulma-text-h), var(--bulma-text-s), var(--bulma-text-30-l), 1); + --bulma-text-30-invert-l: var(--bulma-text-100-l); + --bulma-text-30-invert: hsla(var(--bulma-text-h), var(--bulma-text-s), var(--bulma-text-30-invert-l), 1); + --bulma-text-35: hsla(var(--bulma-text-h), var(--bulma-text-s), var(--bulma-text-35-l), 1); + --bulma-text-35-invert-l: var(--bulma-text-100-l); + --bulma-text-35-invert: hsla(var(--bulma-text-h), var(--bulma-text-s), var(--bulma-text-35-invert-l), 1); + --bulma-text-40: hsla(var(--bulma-text-h), var(--bulma-text-s), var(--bulma-text-40-l), 1); + --bulma-text-40-invert-l: var(--bulma-text-100-l); + --bulma-text-40-invert: hsla(var(--bulma-text-h), var(--bulma-text-s), var(--bulma-text-40-invert-l), 1); + --bulma-text-45: hsla(var(--bulma-text-h), var(--bulma-text-s), var(--bulma-text-45-l), 1); + --bulma-text-45-invert-l: var(--bulma-text-100-l); + --bulma-text-45-invert: hsla(var(--bulma-text-h), var(--bulma-text-s), var(--bulma-text-45-invert-l), 1); + --bulma-text-50: hsla(var(--bulma-text-h), var(--bulma-text-s), var(--bulma-text-50-l), 1); + --bulma-text-50-invert-l: var(--bulma-text-100-l); + --bulma-text-50-invert: hsla(var(--bulma-text-h), var(--bulma-text-s), var(--bulma-text-50-invert-l), 1); + --bulma-text-55: hsla(var(--bulma-text-h), var(--bulma-text-s), var(--bulma-text-55-l), 1); + --bulma-text-55-invert-l: var(--bulma-text-100-l); + --bulma-text-55-invert: hsla(var(--bulma-text-h), var(--bulma-text-s), var(--bulma-text-55-invert-l), 1); + --bulma-text-60: hsla(var(--bulma-text-h), var(--bulma-text-s), var(--bulma-text-60-l), 1); + --bulma-text-60-invert-l: var(--bulma-text-05-l); + --bulma-text-60-invert: hsla(var(--bulma-text-h), var(--bulma-text-s), var(--bulma-text-60-invert-l), 1); + --bulma-text-65: hsla(var(--bulma-text-h), var(--bulma-text-s), var(--bulma-text-65-l), 1); + --bulma-text-65-invert-l: var(--bulma-text-05-l); + --bulma-text-65-invert: hsla(var(--bulma-text-h), var(--bulma-text-s), var(--bulma-text-65-invert-l), 1); + --bulma-text-70: hsla(var(--bulma-text-h), var(--bulma-text-s), var(--bulma-text-70-l), 1); + --bulma-text-70-invert-l: var(--bulma-text-10-l); + --bulma-text-70-invert: hsla(var(--bulma-text-h), var(--bulma-text-s), var(--bulma-text-70-invert-l), 1); + --bulma-text-75: hsla(var(--bulma-text-h), var(--bulma-text-s), var(--bulma-text-75-l), 1); + --bulma-text-75-invert-l: var(--bulma-text-15-l); + --bulma-text-75-invert: hsla(var(--bulma-text-h), var(--bulma-text-s), var(--bulma-text-75-invert-l), 1); + --bulma-text-80: hsla(var(--bulma-text-h), var(--bulma-text-s), var(--bulma-text-80-l), 1); + --bulma-text-80-invert-l: var(--bulma-text-15-l); + --bulma-text-80-invert: hsla(var(--bulma-text-h), var(--bulma-text-s), var(--bulma-text-80-invert-l), 1); + --bulma-text-85: hsla(var(--bulma-text-h), var(--bulma-text-s), var(--bulma-text-85-l), 1); + --bulma-text-85-invert-l: var(--bulma-text-20-l); + --bulma-text-85-invert: hsla(var(--bulma-text-h), var(--bulma-text-s), var(--bulma-text-85-invert-l), 1); + --bulma-text-90: hsla(var(--bulma-text-h), var(--bulma-text-s), var(--bulma-text-90-l), 1); + --bulma-text-90-invert-l: var(--bulma-text-20-l); + --bulma-text-90-invert: hsla(var(--bulma-text-h), var(--bulma-text-s), var(--bulma-text-90-invert-l), 1); + --bulma-text-95: hsla(var(--bulma-text-h), var(--bulma-text-s), var(--bulma-text-95-l), 1); + --bulma-text-95-invert-l: var(--bulma-text-25-l); + --bulma-text-95-invert: hsla(var(--bulma-text-h), var(--bulma-text-s), var(--bulma-text-95-invert-l), 1); + --bulma-text-100: hsla(var(--bulma-text-h), var(--bulma-text-s), var(--bulma-text-100-l), 1); + --bulma-text-100-invert-l: var(--bulma-text-25-l); + --bulma-text-100-invert: hsla(var(--bulma-text-h), var(--bulma-text-s), var(--bulma-text-100-invert-l), 1); + --bulma-text-invert-l: var(--bulma-text-100-l); + --bulma-text-invert: hsla(var(--bulma-text-h), var(--bulma-text-s), var(--bulma-text-invert-l), 1); + --bulma-text-light-l: var(--bulma-text-90-l); + --bulma-text-light: hsla(var(--bulma-text-h), var(--bulma-text-s), var(--bulma-text-light-l), 1); + --bulma-text-light-invert-l: var(--bulma-text-20-l); + --bulma-text-light-invert: hsla(var(--bulma-text-h), var(--bulma-text-s), var(--bulma-text-light-invert-l), 1); + --bulma-text-dark-l: var(--bulma-text-10-l); + --bulma-text-dark: hsla(var(--bulma-text-h), var(--bulma-text-s), var(--bulma-text-dark-l), 1); + --bulma-text-dark-invert-l: var(--bulma-text-70-l); + --bulma-text-dark-invert: hsla(var(--bulma-text-h), var(--bulma-text-s), var(--bulma-text-dark-invert-l), 1); + --bulma-text-soft: hsla(var(--bulma-text-h), var(--bulma-text-s), var(--bulma-soft-l), 1); + --bulma-text-bold: hsla(var(--bulma-text-h), var(--bulma-text-s), var(--bulma-bold-l), 1); + --bulma-text-soft-invert: hsla(var(--bulma-text-h), var(--bulma-text-s), var(--bulma-soft-invert-l), 1); + --bulma-text-bold-invert: hsla(var(--bulma-text-h), var(--bulma-text-s), var(--bulma-bold-invert-l), 1); + --bulma-text-on-scheme-l: 29%; + --bulma-text-on-scheme: hsla(var(--bulma-text-h), var(--bulma-text-s), var(--bulma-text-on-scheme-l), 1); + --bulma-primary: hsla(var(--bulma-primary-h), var(--bulma-primary-s), var(--bulma-primary-l), 1); + --bulma-primary-base: hsla(var(--bulma-primary-h), var(--bulma-primary-s), var(--bulma-primary-l), 1); + --bulma-primary-rgb: 0, 209, 178; + --bulma-primary-h: 171deg; + --bulma-primary-s: 100%; + --bulma-primary-l: 41%; + --bulma-primary-00-l: 1%; + --bulma-primary-05-l: 6%; + --bulma-primary-10-l: 11%; + --bulma-primary-15-l: 16%; + --bulma-primary-20-l: 21%; + --bulma-primary-25-l: 26%; + --bulma-primary-30-l: 31%; + --bulma-primary-35-l: 36%; + --bulma-primary-40-l: 41%; + --bulma-primary-45-l: 46%; + --bulma-primary-50-l: 51%; + --bulma-primary-55-l: 56%; + --bulma-primary-60-l: 61%; + --bulma-primary-65-l: 66%; + --bulma-primary-70-l: 71%; + --bulma-primary-75-l: 76%; + --bulma-primary-80-l: 81%; + --bulma-primary-85-l: 86%; + --bulma-primary-90-l: 91%; + --bulma-primary-95-l: 96%; + --bulma-primary-100-l: 100%; + --bulma-primary-00: hsla(var(--bulma-primary-h), var(--bulma-primary-s), var(--bulma-primary-00-l), 1); + --bulma-primary-00-invert-l: var(--bulma-primary-30-l); + --bulma-primary-00-invert: hsla(var(--bulma-primary-h), var(--bulma-primary-s), var(--bulma-primary-00-invert-l), 1); + --bulma-primary-05: hsla(var(--bulma-primary-h), var(--bulma-primary-s), var(--bulma-primary-05-l), 1); + --bulma-primary-05-invert-l: var(--bulma-primary-40-l); + --bulma-primary-05-invert: hsla(var(--bulma-primary-h), var(--bulma-primary-s), var(--bulma-primary-05-invert-l), 1); + --bulma-primary-10: hsla(var(--bulma-primary-h), var(--bulma-primary-s), var(--bulma-primary-10-l), 1); + --bulma-primary-10-invert-l: var(--bulma-primary-50-l); + --bulma-primary-10-invert: hsla(var(--bulma-primary-h), var(--bulma-primary-s), var(--bulma-primary-10-invert-l), 1); + --bulma-primary-15: hsla(var(--bulma-primary-h), var(--bulma-primary-s), var(--bulma-primary-15-l), 1); + --bulma-primary-15-invert-l: var(--bulma-primary-100-l); + --bulma-primary-15-invert: hsla(var(--bulma-primary-h), var(--bulma-primary-s), var(--bulma-primary-15-invert-l), 1); + --bulma-primary-20: hsla(var(--bulma-primary-h), var(--bulma-primary-s), var(--bulma-primary-20-l), 1); + --bulma-primary-20-invert-l: var(--bulma-primary-100-l); + --bulma-primary-20-invert: hsla(var(--bulma-primary-h), var(--bulma-primary-s), var(--bulma-primary-20-invert-l), 1); + --bulma-primary-25: hsla(var(--bulma-primary-h), var(--bulma-primary-s), var(--bulma-primary-25-l), 1); + --bulma-primary-25-invert-l: var(--bulma-primary-100-l); + --bulma-primary-25-invert: hsla(var(--bulma-primary-h), var(--bulma-primary-s), var(--bulma-primary-25-invert-l), 1); + --bulma-primary-30: hsla(var(--bulma-primary-h), var(--bulma-primary-s), var(--bulma-primary-30-l), 1); + --bulma-primary-30-invert-l: var(--bulma-primary-00-l); + --bulma-primary-30-invert: hsla(var(--bulma-primary-h), var(--bulma-primary-s), var(--bulma-primary-30-invert-l), 1); + --bulma-primary-35: hsla(var(--bulma-primary-h), var(--bulma-primary-s), var(--bulma-primary-35-l), 1); + --bulma-primary-35-invert-l: var(--bulma-primary-00-l); + --bulma-primary-35-invert: hsla(var(--bulma-primary-h), var(--bulma-primary-s), var(--bulma-primary-35-invert-l), 1); + --bulma-primary-40: hsla(var(--bulma-primary-h), var(--bulma-primary-s), var(--bulma-primary-40-l), 1); + --bulma-primary-40-invert-l: var(--bulma-primary-05-l); + --bulma-primary-40-invert: hsla(var(--bulma-primary-h), var(--bulma-primary-s), var(--bulma-primary-40-invert-l), 1); + --bulma-primary-45: hsla(var(--bulma-primary-h), var(--bulma-primary-s), var(--bulma-primary-45-l), 1); + --bulma-primary-45-invert-l: var(--bulma-primary-05-l); + --bulma-primary-45-invert: hsla(var(--bulma-primary-h), var(--bulma-primary-s), var(--bulma-primary-45-invert-l), 1); + --bulma-primary-50: hsla(var(--bulma-primary-h), var(--bulma-primary-s), var(--bulma-primary-50-l), 1); + --bulma-primary-50-invert-l: var(--bulma-primary-10-l); + --bulma-primary-50-invert: hsla(var(--bulma-primary-h), var(--bulma-primary-s), var(--bulma-primary-50-invert-l), 1); + --bulma-primary-55: hsla(var(--bulma-primary-h), var(--bulma-primary-s), var(--bulma-primary-55-l), 1); + --bulma-primary-55-invert-l: var(--bulma-primary-10-l); + --bulma-primary-55-invert: hsla(var(--bulma-primary-h), var(--bulma-primary-s), var(--bulma-primary-55-invert-l), 1); + --bulma-primary-60: hsla(var(--bulma-primary-h), var(--bulma-primary-s), var(--bulma-primary-60-l), 1); + --bulma-primary-60-invert-l: var(--bulma-primary-10-l); + --bulma-primary-60-invert: hsla(var(--bulma-primary-h), var(--bulma-primary-s), var(--bulma-primary-60-invert-l), 1); + --bulma-primary-65: hsla(var(--bulma-primary-h), var(--bulma-primary-s), var(--bulma-primary-65-l), 1); + --bulma-primary-65-invert-l: var(--bulma-primary-10-l); + --bulma-primary-65-invert: hsla(var(--bulma-primary-h), var(--bulma-primary-s), var(--bulma-primary-65-invert-l), 1); + --bulma-primary-70: hsla(var(--bulma-primary-h), var(--bulma-primary-s), var(--bulma-primary-70-l), 1); + --bulma-primary-70-invert-l: var(--bulma-primary-10-l); + --bulma-primary-70-invert: hsla(var(--bulma-primary-h), var(--bulma-primary-s), var(--bulma-primary-70-invert-l), 1); + --bulma-primary-75: hsla(var(--bulma-primary-h), var(--bulma-primary-s), var(--bulma-primary-75-l), 1); + --bulma-primary-75-invert-l: var(--bulma-primary-10-l); + --bulma-primary-75-invert: hsla(var(--bulma-primary-h), var(--bulma-primary-s), var(--bulma-primary-75-invert-l), 1); + --bulma-primary-80: hsla(var(--bulma-primary-h), var(--bulma-primary-s), var(--bulma-primary-80-l), 1); + --bulma-primary-80-invert-l: var(--bulma-primary-10-l); + --bulma-primary-80-invert: hsla(var(--bulma-primary-h), var(--bulma-primary-s), var(--bulma-primary-80-invert-l), 1); + --bulma-primary-85: hsla(var(--bulma-primary-h), var(--bulma-primary-s), var(--bulma-primary-85-l), 1); + --bulma-primary-85-invert-l: var(--bulma-primary-10-l); + --bulma-primary-85-invert: hsla(var(--bulma-primary-h), var(--bulma-primary-s), var(--bulma-primary-85-invert-l), 1); + --bulma-primary-90: hsla(var(--bulma-primary-h), var(--bulma-primary-s), var(--bulma-primary-90-l), 1); + --bulma-primary-90-invert-l: var(--bulma-primary-10-l); + --bulma-primary-90-invert: hsla(var(--bulma-primary-h), var(--bulma-primary-s), var(--bulma-primary-90-invert-l), 1); + --bulma-primary-95: hsla(var(--bulma-primary-h), var(--bulma-primary-s), var(--bulma-primary-95-l), 1); + --bulma-primary-95-invert-l: var(--bulma-primary-10-l); + --bulma-primary-95-invert: hsla(var(--bulma-primary-h), var(--bulma-primary-s), var(--bulma-primary-95-invert-l), 1); + --bulma-primary-100: hsla(var(--bulma-primary-h), var(--bulma-primary-s), var(--bulma-primary-100-l), 1); + --bulma-primary-100-invert-l: var(--bulma-primary-15-l); + --bulma-primary-100-invert: hsla(var(--bulma-primary-h), var(--bulma-primary-s), var(--bulma-primary-100-invert-l), 1); + --bulma-primary-invert-l: var(--bulma-primary-05-l); + --bulma-primary-invert: hsla(var(--bulma-primary-h), var(--bulma-primary-s), var(--bulma-primary-invert-l), 1); + --bulma-primary-light-l: var(--bulma-primary-90-l); + --bulma-primary-light: hsla(var(--bulma-primary-h), var(--bulma-primary-s), var(--bulma-primary-light-l), 1); + --bulma-primary-light-invert-l: var(--bulma-primary-10-l); + --bulma-primary-light-invert: hsla(var(--bulma-primary-h), var(--bulma-primary-s), var(--bulma-primary-light-invert-l), 1); + --bulma-primary-dark-l: var(--bulma-primary-10-l); + --bulma-primary-dark: hsla(var(--bulma-primary-h), var(--bulma-primary-s), var(--bulma-primary-dark-l), 1); + --bulma-primary-dark-invert-l: var(--bulma-primary-50-l); + --bulma-primary-dark-invert: hsla(var(--bulma-primary-h), var(--bulma-primary-s), var(--bulma-primary-dark-invert-l), 1); + --bulma-primary-soft: hsla(var(--bulma-primary-h), var(--bulma-primary-s), var(--bulma-soft-l), 1); + --bulma-primary-bold: hsla(var(--bulma-primary-h), var(--bulma-primary-s), var(--bulma-bold-l), 1); + --bulma-primary-soft-invert: hsla(var(--bulma-primary-h), var(--bulma-primary-s), var(--bulma-soft-invert-l), 1); + --bulma-primary-bold-invert: hsla(var(--bulma-primary-h), var(--bulma-primary-s), var(--bulma-bold-invert-l), 1); + --bulma-primary-on-scheme-l: 21%; + --bulma-primary-on-scheme: hsla(var(--bulma-primary-h), var(--bulma-primary-s), var(--bulma-primary-on-scheme-l), 1); + --bulma-link: hsla(var(--bulma-link-h), var(--bulma-link-s), var(--bulma-link-l), 1); + --bulma-link-base: hsla(var(--bulma-link-h), var(--bulma-link-s), var(--bulma-link-l), 1); + --bulma-link-rgb: 66, 88, 255; + --bulma-link-h: 233deg; + --bulma-link-s: 100%; + --bulma-link-l: 63%; + --bulma-link-00-l: 0%; + --bulma-link-05-l: 3%; + --bulma-link-10-l: 8%; + --bulma-link-15-l: 13%; + --bulma-link-20-l: 18%; + --bulma-link-25-l: 23%; + --bulma-link-30-l: 28%; + --bulma-link-35-l: 33%; + --bulma-link-40-l: 38%; + --bulma-link-45-l: 43%; + --bulma-link-50-l: 48%; + --bulma-link-55-l: 53%; + --bulma-link-60-l: 58%; + --bulma-link-65-l: 63%; + --bulma-link-70-l: 68%; + --bulma-link-75-l: 73%; + --bulma-link-80-l: 78%; + --bulma-link-85-l: 83%; + --bulma-link-90-l: 88%; + --bulma-link-95-l: 93%; + --bulma-link-100-l: 98%; + --bulma-link-00: hsla(var(--bulma-link-h), var(--bulma-link-s), var(--bulma-link-00-l), 1); + --bulma-link-00-invert-l: var(--bulma-link-75-l); + --bulma-link-00-invert: hsla(var(--bulma-link-h), var(--bulma-link-s), var(--bulma-link-00-invert-l), 1); + --bulma-link-05: hsla(var(--bulma-link-h), var(--bulma-link-s), var(--bulma-link-05-l), 1); + --bulma-link-05-invert-l: var(--bulma-link-75-l); + --bulma-link-05-invert: hsla(var(--bulma-link-h), var(--bulma-link-s), var(--bulma-link-05-invert-l), 1); + --bulma-link-10: hsla(var(--bulma-link-h), var(--bulma-link-s), var(--bulma-link-10-l), 1); + --bulma-link-10-invert-l: var(--bulma-link-75-l); + --bulma-link-10-invert: hsla(var(--bulma-link-h), var(--bulma-link-s), var(--bulma-link-10-invert-l), 1); + --bulma-link-15: hsla(var(--bulma-link-h), var(--bulma-link-s), var(--bulma-link-15-l), 1); + --bulma-link-15-invert-l: var(--bulma-link-80-l); + --bulma-link-15-invert: hsla(var(--bulma-link-h), var(--bulma-link-s), var(--bulma-link-15-invert-l), 1); + --bulma-link-20: hsla(var(--bulma-link-h), var(--bulma-link-s), var(--bulma-link-20-l), 1); + --bulma-link-20-invert-l: var(--bulma-link-80-l); + --bulma-link-20-invert: hsla(var(--bulma-link-h), var(--bulma-link-s), var(--bulma-link-20-invert-l), 1); + --bulma-link-25: hsla(var(--bulma-link-h), var(--bulma-link-s), var(--bulma-link-25-l), 1); + --bulma-link-25-invert-l: var(--bulma-link-85-l); + --bulma-link-25-invert: hsla(var(--bulma-link-h), var(--bulma-link-s), var(--bulma-link-25-invert-l), 1); + --bulma-link-30: hsla(var(--bulma-link-h), var(--bulma-link-s), var(--bulma-link-30-l), 1); + --bulma-link-30-invert-l: var(--bulma-link-90-l); + --bulma-link-30-invert: hsla(var(--bulma-link-h), var(--bulma-link-s), var(--bulma-link-30-invert-l), 1); + --bulma-link-35: hsla(var(--bulma-link-h), var(--bulma-link-s), var(--bulma-link-35-l), 1); + --bulma-link-35-invert-l: var(--bulma-link-90-l); + --bulma-link-35-invert: hsla(var(--bulma-link-h), var(--bulma-link-s), var(--bulma-link-35-invert-l), 1); + --bulma-link-40: hsla(var(--bulma-link-h), var(--bulma-link-s), var(--bulma-link-40-l), 1); + --bulma-link-40-invert-l: var(--bulma-link-95-l); + --bulma-link-40-invert: hsla(var(--bulma-link-h), var(--bulma-link-s), var(--bulma-link-40-invert-l), 1); + --bulma-link-45: hsla(var(--bulma-link-h), var(--bulma-link-s), var(--bulma-link-45-l), 1); + --bulma-link-45-invert-l: var(--bulma-link-100-l); + --bulma-link-45-invert: hsla(var(--bulma-link-h), var(--bulma-link-s), var(--bulma-link-45-invert-l), 1); + --bulma-link-50: hsla(var(--bulma-link-h), var(--bulma-link-s), var(--bulma-link-50-l), 1); + --bulma-link-50-invert-l: var(--bulma-link-100-l); + --bulma-link-50-invert: hsla(var(--bulma-link-h), var(--bulma-link-s), var(--bulma-link-50-invert-l), 1); + --bulma-link-55: hsla(var(--bulma-link-h), var(--bulma-link-s), var(--bulma-link-55-l), 1); + --bulma-link-55-invert-l: var(--bulma-link-100-l); + --bulma-link-55-invert: hsla(var(--bulma-link-h), var(--bulma-link-s), var(--bulma-link-55-invert-l), 1); + --bulma-link-60: hsla(var(--bulma-link-h), var(--bulma-link-s), var(--bulma-link-60-l), 1); + --bulma-link-60-invert-l: var(--bulma-link-100-l); + --bulma-link-60-invert: hsla(var(--bulma-link-h), var(--bulma-link-s), var(--bulma-link-60-invert-l), 1); + --bulma-link-65: hsla(var(--bulma-link-h), var(--bulma-link-s), var(--bulma-link-65-l), 1); + --bulma-link-65-invert-l: var(--bulma-link-100-l); + --bulma-link-65-invert: hsla(var(--bulma-link-h), var(--bulma-link-s), var(--bulma-link-65-invert-l), 1); + --bulma-link-70: hsla(var(--bulma-link-h), var(--bulma-link-s), var(--bulma-link-70-l), 1); + --bulma-link-70-invert-l: var(--bulma-link-100-l); + --bulma-link-70-invert: hsla(var(--bulma-link-h), var(--bulma-link-s), var(--bulma-link-70-invert-l), 1); + --bulma-link-75: hsla(var(--bulma-link-h), var(--bulma-link-s), var(--bulma-link-75-l), 1); + --bulma-link-75-invert-l: var(--bulma-link-10-l); + --bulma-link-75-invert: hsla(var(--bulma-link-h), var(--bulma-link-s), var(--bulma-link-75-invert-l), 1); + --bulma-link-80: hsla(var(--bulma-link-h), var(--bulma-link-s), var(--bulma-link-80-l), 1); + --bulma-link-80-invert-l: var(--bulma-link-20-l); + --bulma-link-80-invert: hsla(var(--bulma-link-h), var(--bulma-link-s), var(--bulma-link-80-invert-l), 1); + --bulma-link-85: hsla(var(--bulma-link-h), var(--bulma-link-s), var(--bulma-link-85-l), 1); + --bulma-link-85-invert-l: var(--bulma-link-25-l); + --bulma-link-85-invert: hsla(var(--bulma-link-h), var(--bulma-link-s), var(--bulma-link-85-invert-l), 1); + --bulma-link-90: hsla(var(--bulma-link-h), var(--bulma-link-s), var(--bulma-link-90-l), 1); + --bulma-link-90-invert-l: var(--bulma-link-35-l); + --bulma-link-90-invert: hsla(var(--bulma-link-h), var(--bulma-link-s), var(--bulma-link-90-invert-l), 1); + --bulma-link-95: hsla(var(--bulma-link-h), var(--bulma-link-s), var(--bulma-link-95-l), 1); + --bulma-link-95-invert-l: var(--bulma-link-40-l); + --bulma-link-95-invert: hsla(var(--bulma-link-h), var(--bulma-link-s), var(--bulma-link-95-invert-l), 1); + --bulma-link-100: hsla(var(--bulma-link-h), var(--bulma-link-s), var(--bulma-link-100-l), 1); + --bulma-link-100-invert-l: var(--bulma-link-50-l); + --bulma-link-100-invert: hsla(var(--bulma-link-h), var(--bulma-link-s), var(--bulma-link-100-invert-l), 1); + --bulma-link-invert-l: var(--bulma-link-100-l); + --bulma-link-invert: hsla(var(--bulma-link-h), var(--bulma-link-s), var(--bulma-link-invert-l), 1); + --bulma-link-light-l: var(--bulma-link-90-l); + --bulma-link-light: hsla(var(--bulma-link-h), var(--bulma-link-s), var(--bulma-link-light-l), 1); + --bulma-link-light-invert-l: var(--bulma-link-35-l); + --bulma-link-light-invert: hsla(var(--bulma-link-h), var(--bulma-link-s), var(--bulma-link-light-invert-l), 1); + --bulma-link-dark-l: var(--bulma-link-10-l); + --bulma-link-dark: hsla(var(--bulma-link-h), var(--bulma-link-s), var(--bulma-link-dark-l), 1); + --bulma-link-dark-invert-l: var(--bulma-link-75-l); + --bulma-link-dark-invert: hsla(var(--bulma-link-h), var(--bulma-link-s), var(--bulma-link-dark-invert-l), 1); + --bulma-link-soft: hsla(var(--bulma-link-h), var(--bulma-link-s), var(--bulma-soft-l), 1); + --bulma-link-bold: hsla(var(--bulma-link-h), var(--bulma-link-s), var(--bulma-bold-l), 1); + --bulma-link-soft-invert: hsla(var(--bulma-link-h), var(--bulma-link-s), var(--bulma-soft-invert-l), 1); + --bulma-link-bold-invert: hsla(var(--bulma-link-h), var(--bulma-link-s), var(--bulma-bold-invert-l), 1); + --bulma-link-on-scheme-l: 58%; + --bulma-link-on-scheme: hsla(var(--bulma-link-h), var(--bulma-link-s), var(--bulma-link-on-scheme-l), 1); + --bulma-info: hsla(var(--bulma-info-h), var(--bulma-info-s), var(--bulma-info-l), 1); + --bulma-info-base: hsla(var(--bulma-info-h), var(--bulma-info-s), var(--bulma-info-l), 1); + --bulma-info-rgb: 102, 209, 255; + --bulma-info-h: 198deg; + --bulma-info-s: 100%; + --bulma-info-l: 70%; + --bulma-info-00-l: 0%; + --bulma-info-05-l: 5%; + --bulma-info-10-l: 10%; + --bulma-info-15-l: 15%; + --bulma-info-20-l: 20%; + --bulma-info-25-l: 25%; + --bulma-info-30-l: 30%; + --bulma-info-35-l: 35%; + --bulma-info-40-l: 40%; + --bulma-info-45-l: 45%; + --bulma-info-50-l: 50%; + --bulma-info-55-l: 55%; + --bulma-info-60-l: 60%; + --bulma-info-65-l: 65%; + --bulma-info-70-l: 70%; + --bulma-info-75-l: 75%; + --bulma-info-80-l: 80%; + --bulma-info-85-l: 85%; + --bulma-info-90-l: 90%; + --bulma-info-95-l: 95%; + --bulma-info-100-l: 100%; + --bulma-info-00: hsla(var(--bulma-info-h), var(--bulma-info-s), var(--bulma-info-00-l), 1); + --bulma-info-00-invert-l: var(--bulma-info-45-l); + --bulma-info-00-invert: hsla(var(--bulma-info-h), var(--bulma-info-s), var(--bulma-info-00-invert-l), 1); + --bulma-info-05: hsla(var(--bulma-info-h), var(--bulma-info-s), var(--bulma-info-05-l), 1); + --bulma-info-05-invert-l: var(--bulma-info-50-l); + --bulma-info-05-invert: hsla(var(--bulma-info-h), var(--bulma-info-s), var(--bulma-info-05-invert-l), 1); + --bulma-info-10: hsla(var(--bulma-info-h), var(--bulma-info-s), var(--bulma-info-10-l), 1); + --bulma-info-10-invert-l: var(--bulma-info-60-l); + --bulma-info-10-invert: hsla(var(--bulma-info-h), var(--bulma-info-s), var(--bulma-info-10-invert-l), 1); + --bulma-info-15: hsla(var(--bulma-info-h), var(--bulma-info-s), var(--bulma-info-15-l), 1); + --bulma-info-15-invert-l: var(--bulma-info-80-l); + --bulma-info-15-invert: hsla(var(--bulma-info-h), var(--bulma-info-s), var(--bulma-info-15-invert-l), 1); + --bulma-info-20: hsla(var(--bulma-info-h), var(--bulma-info-s), var(--bulma-info-20-l), 1); + --bulma-info-20-invert-l: var(--bulma-info-95-l); + --bulma-info-20-invert: hsla(var(--bulma-info-h), var(--bulma-info-s), var(--bulma-info-20-invert-l), 1); + --bulma-info-25: hsla(var(--bulma-info-h), var(--bulma-info-s), var(--bulma-info-25-l), 1); + --bulma-info-25-invert-l: var(--bulma-info-100-l); + --bulma-info-25-invert: hsla(var(--bulma-info-h), var(--bulma-info-s), var(--bulma-info-25-invert-l), 1); + --bulma-info-30: hsla(var(--bulma-info-h), var(--bulma-info-s), var(--bulma-info-30-l), 1); + --bulma-info-30-invert-l: var(--bulma-info-100-l); + --bulma-info-30-invert: hsla(var(--bulma-info-h), var(--bulma-info-s), var(--bulma-info-30-invert-l), 1); + --bulma-info-35: hsla(var(--bulma-info-h), var(--bulma-info-s), var(--bulma-info-35-l), 1); + --bulma-info-35-invert-l: var(--bulma-info-100-l); + --bulma-info-35-invert: hsla(var(--bulma-info-h), var(--bulma-info-s), var(--bulma-info-35-invert-l), 1); + --bulma-info-40: hsla(var(--bulma-info-h), var(--bulma-info-s), var(--bulma-info-40-l), 1); + --bulma-info-40-invert-l: var(--bulma-info-100-l); + --bulma-info-40-invert: hsla(var(--bulma-info-h), var(--bulma-info-s), var(--bulma-info-40-invert-l), 1); + --bulma-info-45: hsla(var(--bulma-info-h), var(--bulma-info-s), var(--bulma-info-45-l), 1); + --bulma-info-45-invert-l: var(--bulma-info-00-l); + --bulma-info-45-invert: hsla(var(--bulma-info-h), var(--bulma-info-s), var(--bulma-info-45-invert-l), 1); + --bulma-info-50: hsla(var(--bulma-info-h), var(--bulma-info-s), var(--bulma-info-50-l), 1); + --bulma-info-50-invert-l: var(--bulma-info-05-l); + --bulma-info-50-invert: hsla(var(--bulma-info-h), var(--bulma-info-s), var(--bulma-info-50-invert-l), 1); + --bulma-info-55: hsla(var(--bulma-info-h), var(--bulma-info-s), var(--bulma-info-55-l), 1); + --bulma-info-55-invert-l: var(--bulma-info-05-l); + --bulma-info-55-invert: hsla(var(--bulma-info-h), var(--bulma-info-s), var(--bulma-info-55-invert-l), 1); + --bulma-info-60: hsla(var(--bulma-info-h), var(--bulma-info-s), var(--bulma-info-60-l), 1); + --bulma-info-60-invert-l: var(--bulma-info-10-l); + --bulma-info-60-invert: hsla(var(--bulma-info-h), var(--bulma-info-s), var(--bulma-info-60-invert-l), 1); + --bulma-info-65: hsla(var(--bulma-info-h), var(--bulma-info-s), var(--bulma-info-65-l), 1); + --bulma-info-65-invert-l: var(--bulma-info-10-l); + --bulma-info-65-invert: hsla(var(--bulma-info-h), var(--bulma-info-s), var(--bulma-info-65-invert-l), 1); + --bulma-info-70: hsla(var(--bulma-info-h), var(--bulma-info-s), var(--bulma-info-70-l), 1); + --bulma-info-70-invert-l: var(--bulma-info-10-l); + --bulma-info-70-invert: hsla(var(--bulma-info-h), var(--bulma-info-s), var(--bulma-info-70-invert-l), 1); + --bulma-info-75: hsla(var(--bulma-info-h), var(--bulma-info-s), var(--bulma-info-75-l), 1); + --bulma-info-75-invert-l: var(--bulma-info-10-l); + --bulma-info-75-invert: hsla(var(--bulma-info-h), var(--bulma-info-s), var(--bulma-info-75-invert-l), 1); + --bulma-info-80: hsla(var(--bulma-info-h), var(--bulma-info-s), var(--bulma-info-80-l), 1); + --bulma-info-80-invert-l: var(--bulma-info-15-l); + --bulma-info-80-invert: hsla(var(--bulma-info-h), var(--bulma-info-s), var(--bulma-info-80-invert-l), 1); + --bulma-info-85: hsla(var(--bulma-info-h), var(--bulma-info-s), var(--bulma-info-85-l), 1); + --bulma-info-85-invert-l: var(--bulma-info-15-l); + --bulma-info-85-invert: hsla(var(--bulma-info-h), var(--bulma-info-s), var(--bulma-info-85-invert-l), 1); + --bulma-info-90: hsla(var(--bulma-info-h), var(--bulma-info-s), var(--bulma-info-90-l), 1); + --bulma-info-90-invert-l: var(--bulma-info-15-l); + --bulma-info-90-invert: hsla(var(--bulma-info-h), var(--bulma-info-s), var(--bulma-info-90-invert-l), 1); + --bulma-info-95: hsla(var(--bulma-info-h), var(--bulma-info-s), var(--bulma-info-95-l), 1); + --bulma-info-95-invert-l: var(--bulma-info-20-l); + --bulma-info-95-invert: hsla(var(--bulma-info-h), var(--bulma-info-s), var(--bulma-info-95-invert-l), 1); + --bulma-info-100: hsla(var(--bulma-info-h), var(--bulma-info-s), var(--bulma-info-100-l), 1); + --bulma-info-100-invert-l: var(--bulma-info-20-l); + --bulma-info-100-invert: hsla(var(--bulma-info-h), var(--bulma-info-s), var(--bulma-info-100-invert-l), 1); + --bulma-info-invert-l: var(--bulma-info-10-l); + --bulma-info-invert: hsla(var(--bulma-info-h), var(--bulma-info-s), var(--bulma-info-invert-l), 1); + --bulma-info-light-l: var(--bulma-info-90-l); + --bulma-info-light: hsla(var(--bulma-info-h), var(--bulma-info-s), var(--bulma-info-light-l), 1); + --bulma-info-light-invert-l: var(--bulma-info-15-l); + --bulma-info-light-invert: hsla(var(--bulma-info-h), var(--bulma-info-s), var(--bulma-info-light-invert-l), 1); + --bulma-info-dark-l: var(--bulma-info-10-l); + --bulma-info-dark: hsla(var(--bulma-info-h), var(--bulma-info-s), var(--bulma-info-dark-l), 1); + --bulma-info-dark-invert-l: var(--bulma-info-60-l); + --bulma-info-dark-invert: hsla(var(--bulma-info-h), var(--bulma-info-s), var(--bulma-info-dark-invert-l), 1); + --bulma-info-soft: hsla(var(--bulma-info-h), var(--bulma-info-s), var(--bulma-soft-l), 1); + --bulma-info-bold: hsla(var(--bulma-info-h), var(--bulma-info-s), var(--bulma-bold-l), 1); + --bulma-info-soft-invert: hsla(var(--bulma-info-h), var(--bulma-info-s), var(--bulma-soft-invert-l), 1); + --bulma-info-bold-invert: hsla(var(--bulma-info-h), var(--bulma-info-s), var(--bulma-bold-invert-l), 1); + --bulma-info-on-scheme-l: 25%; + --bulma-info-on-scheme: hsla(var(--bulma-info-h), var(--bulma-info-s), var(--bulma-info-on-scheme-l), 1); + --bulma-success: hsla(var(--bulma-success-h), var(--bulma-success-s), var(--bulma-success-l), 1); + --bulma-success-base: hsla(var(--bulma-success-h), var(--bulma-success-s), var(--bulma-success-l), 1); + --bulma-success-rgb: 72, 199, 142; + --bulma-success-h: 153deg; + --bulma-success-s: 53%; + --bulma-success-l: 53%; + --bulma-success-00-l: 0%; + --bulma-success-05-l: 3%; + --bulma-success-10-l: 8%; + --bulma-success-15-l: 13%; + --bulma-success-20-l: 18%; + --bulma-success-25-l: 23%; + --bulma-success-30-l: 28%; + --bulma-success-35-l: 33%; + --bulma-success-40-l: 38%; + --bulma-success-45-l: 43%; + --bulma-success-50-l: 48%; + --bulma-success-55-l: 53%; + --bulma-success-60-l: 58%; + --bulma-success-65-l: 63%; + --bulma-success-70-l: 68%; + --bulma-success-75-l: 73%; + --bulma-success-80-l: 78%; + --bulma-success-85-l: 83%; + --bulma-success-90-l: 88%; + --bulma-success-95-l: 93%; + --bulma-success-100-l: 98%; + --bulma-success-00: hsla(var(--bulma-success-h), var(--bulma-success-s), var(--bulma-success-00-l), 1); + --bulma-success-00-invert-l: var(--bulma-success-45-l); + --bulma-success-00-invert: hsla(var(--bulma-success-h), var(--bulma-success-s), var(--bulma-success-00-invert-l), 1); + --bulma-success-05: hsla(var(--bulma-success-h), var(--bulma-success-s), var(--bulma-success-05-l), 1); + --bulma-success-05-invert-l: var(--bulma-success-45-l); + --bulma-success-05-invert: hsla(var(--bulma-success-h), var(--bulma-success-s), var(--bulma-success-05-invert-l), 1); + --bulma-success-10: hsla(var(--bulma-success-h), var(--bulma-success-s), var(--bulma-success-10-l), 1); + --bulma-success-10-invert-l: var(--bulma-success-55-l); + --bulma-success-10-invert: hsla(var(--bulma-success-h), var(--bulma-success-s), var(--bulma-success-10-invert-l), 1); + --bulma-success-15: hsla(var(--bulma-success-h), var(--bulma-success-s), var(--bulma-success-15-l), 1); + --bulma-success-15-invert-l: var(--bulma-success-75-l); + --bulma-success-15-invert: hsla(var(--bulma-success-h), var(--bulma-success-s), var(--bulma-success-15-invert-l), 1); + --bulma-success-20: hsla(var(--bulma-success-h), var(--bulma-success-s), var(--bulma-success-20-l), 1); + --bulma-success-20-invert-l: var(--bulma-success-90-l); + --bulma-success-20-invert: hsla(var(--bulma-success-h), var(--bulma-success-s), var(--bulma-success-20-invert-l), 1); + --bulma-success-25: hsla(var(--bulma-success-h), var(--bulma-success-s), var(--bulma-success-25-l), 1); + --bulma-success-25-invert-l: var(--bulma-success-100-l); + --bulma-success-25-invert: hsla(var(--bulma-success-h), var(--bulma-success-s), var(--bulma-success-25-invert-l), 1); + --bulma-success-30: hsla(var(--bulma-success-h), var(--bulma-success-s), var(--bulma-success-30-l), 1); + --bulma-success-30-invert-l: var(--bulma-success-100-l); + --bulma-success-30-invert: hsla(var(--bulma-success-h), var(--bulma-success-s), var(--bulma-success-30-invert-l), 1); + --bulma-success-35: hsla(var(--bulma-success-h), var(--bulma-success-s), var(--bulma-success-35-l), 1); + --bulma-success-35-invert-l: var(--bulma-success-100-l); + --bulma-success-35-invert: hsla(var(--bulma-success-h), var(--bulma-success-s), var(--bulma-success-35-invert-l), 1); + --bulma-success-40: hsla(var(--bulma-success-h), var(--bulma-success-s), var(--bulma-success-40-l), 1); + --bulma-success-40-invert-l: var(--bulma-success-100-l); + --bulma-success-40-invert: hsla(var(--bulma-success-h), var(--bulma-success-s), var(--bulma-success-40-invert-l), 1); + --bulma-success-45: hsla(var(--bulma-success-h), var(--bulma-success-s), var(--bulma-success-45-l), 1); + --bulma-success-45-invert-l: var(--bulma-success-05-l); + --bulma-success-45-invert: hsla(var(--bulma-success-h), var(--bulma-success-s), var(--bulma-success-45-invert-l), 1); + --bulma-success-50: hsla(var(--bulma-success-h), var(--bulma-success-s), var(--bulma-success-50-l), 1); + --bulma-success-50-invert-l: var(--bulma-success-05-l); + --bulma-success-50-invert: hsla(var(--bulma-success-h), var(--bulma-success-s), var(--bulma-success-50-invert-l), 1); + --bulma-success-55: hsla(var(--bulma-success-h), var(--bulma-success-s), var(--bulma-success-55-l), 1); + --bulma-success-55-invert-l: var(--bulma-success-10-l); + --bulma-success-55-invert: hsla(var(--bulma-success-h), var(--bulma-success-s), var(--bulma-success-55-invert-l), 1); + --bulma-success-60: hsla(var(--bulma-success-h), var(--bulma-success-s), var(--bulma-success-60-l), 1); + --bulma-success-60-invert-l: var(--bulma-success-10-l); + --bulma-success-60-invert: hsla(var(--bulma-success-h), var(--bulma-success-s), var(--bulma-success-60-invert-l), 1); + --bulma-success-65: hsla(var(--bulma-success-h), var(--bulma-success-s), var(--bulma-success-65-l), 1); + --bulma-success-65-invert-l: var(--bulma-success-10-l); + --bulma-success-65-invert: hsla(var(--bulma-success-h), var(--bulma-success-s), var(--bulma-success-65-invert-l), 1); + --bulma-success-70: hsla(var(--bulma-success-h), var(--bulma-success-s), var(--bulma-success-70-l), 1); + --bulma-success-70-invert-l: var(--bulma-success-10-l); + --bulma-success-70-invert: hsla(var(--bulma-success-h), var(--bulma-success-s), var(--bulma-success-70-invert-l), 1); + --bulma-success-75: hsla(var(--bulma-success-h), var(--bulma-success-s), var(--bulma-success-75-l), 1); + --bulma-success-75-invert-l: var(--bulma-success-15-l); + --bulma-success-75-invert: hsla(var(--bulma-success-h), var(--bulma-success-s), var(--bulma-success-75-invert-l), 1); + --bulma-success-80: hsla(var(--bulma-success-h), var(--bulma-success-s), var(--bulma-success-80-l), 1); + --bulma-success-80-invert-l: var(--bulma-success-15-l); + --bulma-success-80-invert: hsla(var(--bulma-success-h), var(--bulma-success-s), var(--bulma-success-80-invert-l), 1); + --bulma-success-85: hsla(var(--bulma-success-h), var(--bulma-success-s), var(--bulma-success-85-l), 1); + --bulma-success-85-invert-l: var(--bulma-success-15-l); + --bulma-success-85-invert: hsla(var(--bulma-success-h), var(--bulma-success-s), var(--bulma-success-85-invert-l), 1); + --bulma-success-90: hsla(var(--bulma-success-h), var(--bulma-success-s), var(--bulma-success-90-l), 1); + --bulma-success-90-invert-l: var(--bulma-success-20-l); + --bulma-success-90-invert: hsla(var(--bulma-success-h), var(--bulma-success-s), var(--bulma-success-90-invert-l), 1); + --bulma-success-95: hsla(var(--bulma-success-h), var(--bulma-success-s), var(--bulma-success-95-l), 1); + --bulma-success-95-invert-l: var(--bulma-success-20-l); + --bulma-success-95-invert: hsla(var(--bulma-success-h), var(--bulma-success-s), var(--bulma-success-95-invert-l), 1); + --bulma-success-100: hsla(var(--bulma-success-h), var(--bulma-success-s), var(--bulma-success-100-l), 1); + --bulma-success-100-invert-l: var(--bulma-success-20-l); + --bulma-success-100-invert: hsla(var(--bulma-success-h), var(--bulma-success-s), var(--bulma-success-100-invert-l), 1); + --bulma-success-invert-l: var(--bulma-success-10-l); + --bulma-success-invert: hsla(var(--bulma-success-h), var(--bulma-success-s), var(--bulma-success-invert-l), 1); + --bulma-success-light-l: var(--bulma-success-90-l); + --bulma-success-light: hsla(var(--bulma-success-h), var(--bulma-success-s), var(--bulma-success-light-l), 1); + --bulma-success-light-invert-l: var(--bulma-success-20-l); + --bulma-success-light-invert: hsla(var(--bulma-success-h), var(--bulma-success-s), var(--bulma-success-light-invert-l), 1); + --bulma-success-dark-l: var(--bulma-success-10-l); + --bulma-success-dark: hsla(var(--bulma-success-h), var(--bulma-success-s), var(--bulma-success-dark-l), 1); + --bulma-success-dark-invert-l: var(--bulma-success-55-l); + --bulma-success-dark-invert: hsla(var(--bulma-success-h), var(--bulma-success-s), var(--bulma-success-dark-invert-l), 1); + --bulma-success-soft: hsla(var(--bulma-success-h), var(--bulma-success-s), var(--bulma-soft-l), 1); + --bulma-success-bold: hsla(var(--bulma-success-h), var(--bulma-success-s), var(--bulma-bold-l), 1); + --bulma-success-soft-invert: hsla(var(--bulma-success-h), var(--bulma-success-s), var(--bulma-soft-invert-l), 1); + --bulma-success-bold-invert: hsla(var(--bulma-success-h), var(--bulma-success-s), var(--bulma-bold-invert-l), 1); + --bulma-success-on-scheme-l: 23%; + --bulma-success-on-scheme: hsla(var(--bulma-success-h), var(--bulma-success-s), var(--bulma-success-on-scheme-l), 1); + --bulma-warning: hsla(var(--bulma-warning-h), var(--bulma-warning-s), var(--bulma-warning-l), 1); + --bulma-warning-base: hsla(var(--bulma-warning-h), var(--bulma-warning-s), var(--bulma-warning-l), 1); + --bulma-warning-rgb: 255, 183, 15; + --bulma-warning-h: 42deg; + --bulma-warning-s: 100%; + --bulma-warning-l: 53%; + --bulma-warning-00-l: 0%; + --bulma-warning-05-l: 3%; + --bulma-warning-10-l: 8%; + --bulma-warning-15-l: 13%; + --bulma-warning-20-l: 18%; + --bulma-warning-25-l: 23%; + --bulma-warning-30-l: 28%; + --bulma-warning-35-l: 33%; + --bulma-warning-40-l: 38%; + --bulma-warning-45-l: 43%; + --bulma-warning-50-l: 48%; + --bulma-warning-55-l: 53%; + --bulma-warning-60-l: 58%; + --bulma-warning-65-l: 63%; + --bulma-warning-70-l: 68%; + --bulma-warning-75-l: 73%; + --bulma-warning-80-l: 78%; + --bulma-warning-85-l: 83%; + --bulma-warning-90-l: 88%; + --bulma-warning-95-l: 93%; + --bulma-warning-100-l: 98%; + --bulma-warning-00: hsla(var(--bulma-warning-h), var(--bulma-warning-s), var(--bulma-warning-00-l), 1); + --bulma-warning-00-invert-l: var(--bulma-warning-40-l); + --bulma-warning-00-invert: hsla(var(--bulma-warning-h), var(--bulma-warning-s), var(--bulma-warning-00-invert-l), 1); + --bulma-warning-05: hsla(var(--bulma-warning-h), var(--bulma-warning-s), var(--bulma-warning-05-l), 1); + --bulma-warning-05-invert-l: var(--bulma-warning-45-l); + --bulma-warning-05-invert: hsla(var(--bulma-warning-h), var(--bulma-warning-s), var(--bulma-warning-05-invert-l), 1); + --bulma-warning-10: hsla(var(--bulma-warning-h), var(--bulma-warning-s), var(--bulma-warning-10-l), 1); + --bulma-warning-10-invert-l: var(--bulma-warning-50-l); + --bulma-warning-10-invert: hsla(var(--bulma-warning-h), var(--bulma-warning-s), var(--bulma-warning-10-invert-l), 1); + --bulma-warning-15: hsla(var(--bulma-warning-h), var(--bulma-warning-s), var(--bulma-warning-15-l), 1); + --bulma-warning-15-invert-l: var(--bulma-warning-70-l); + --bulma-warning-15-invert: hsla(var(--bulma-warning-h), var(--bulma-warning-s), var(--bulma-warning-15-invert-l), 1); + --bulma-warning-20: hsla(var(--bulma-warning-h), var(--bulma-warning-s), var(--bulma-warning-20-l), 1); + --bulma-warning-20-invert-l: var(--bulma-warning-100-l); + --bulma-warning-20-invert: hsla(var(--bulma-warning-h), var(--bulma-warning-s), var(--bulma-warning-20-invert-l), 1); + --bulma-warning-25: hsla(var(--bulma-warning-h), var(--bulma-warning-s), var(--bulma-warning-25-l), 1); + --bulma-warning-25-invert-l: var(--bulma-warning-100-l); + --bulma-warning-25-invert: hsla(var(--bulma-warning-h), var(--bulma-warning-s), var(--bulma-warning-25-invert-l), 1); + --bulma-warning-30: hsla(var(--bulma-warning-h), var(--bulma-warning-s), var(--bulma-warning-30-l), 1); + --bulma-warning-30-invert-l: var(--bulma-warning-100-l); + --bulma-warning-30-invert: hsla(var(--bulma-warning-h), var(--bulma-warning-s), var(--bulma-warning-30-invert-l), 1); + --bulma-warning-35: hsla(var(--bulma-warning-h), var(--bulma-warning-s), var(--bulma-warning-35-l), 1); + --bulma-warning-35-invert-l: var(--bulma-warning-100-l); + --bulma-warning-35-invert: hsla(var(--bulma-warning-h), var(--bulma-warning-s), var(--bulma-warning-35-invert-l), 1); + --bulma-warning-40: hsla(var(--bulma-warning-h), var(--bulma-warning-s), var(--bulma-warning-40-l), 1); + --bulma-warning-40-invert-l: var(--bulma-warning-00-l); + --bulma-warning-40-invert: hsla(var(--bulma-warning-h), var(--bulma-warning-s), var(--bulma-warning-40-invert-l), 1); + --bulma-warning-45: hsla(var(--bulma-warning-h), var(--bulma-warning-s), var(--bulma-warning-45-l), 1); + --bulma-warning-45-invert-l: var(--bulma-warning-05-l); + --bulma-warning-45-invert: hsla(var(--bulma-warning-h), var(--bulma-warning-s), var(--bulma-warning-45-invert-l), 1); + --bulma-warning-50: hsla(var(--bulma-warning-h), var(--bulma-warning-s), var(--bulma-warning-50-l), 1); + --bulma-warning-50-invert-l: var(--bulma-warning-10-l); + --bulma-warning-50-invert: hsla(var(--bulma-warning-h), var(--bulma-warning-s), var(--bulma-warning-50-invert-l), 1); + --bulma-warning-55: hsla(var(--bulma-warning-h), var(--bulma-warning-s), var(--bulma-warning-55-l), 1); + --bulma-warning-55-invert-l: var(--bulma-warning-10-l); + --bulma-warning-55-invert: hsla(var(--bulma-warning-h), var(--bulma-warning-s), var(--bulma-warning-55-invert-l), 1); + --bulma-warning-60: hsla(var(--bulma-warning-h), var(--bulma-warning-s), var(--bulma-warning-60-l), 1); + --bulma-warning-60-invert-l: var(--bulma-warning-10-l); + --bulma-warning-60-invert: hsla(var(--bulma-warning-h), var(--bulma-warning-s), var(--bulma-warning-60-invert-l), 1); + --bulma-warning-65: hsla(var(--bulma-warning-h), var(--bulma-warning-s), var(--bulma-warning-65-l), 1); + --bulma-warning-65-invert-l: var(--bulma-warning-10-l); + --bulma-warning-65-invert: hsla(var(--bulma-warning-h), var(--bulma-warning-s), var(--bulma-warning-65-invert-l), 1); + --bulma-warning-70: hsla(var(--bulma-warning-h), var(--bulma-warning-s), var(--bulma-warning-70-l), 1); + --bulma-warning-70-invert-l: var(--bulma-warning-15-l); + --bulma-warning-70-invert: hsla(var(--bulma-warning-h), var(--bulma-warning-s), var(--bulma-warning-70-invert-l), 1); + --bulma-warning-75: hsla(var(--bulma-warning-h), var(--bulma-warning-s), var(--bulma-warning-75-l), 1); + --bulma-warning-75-invert-l: var(--bulma-warning-15-l); + --bulma-warning-75-invert: hsla(var(--bulma-warning-h), var(--bulma-warning-s), var(--bulma-warning-75-invert-l), 1); + --bulma-warning-80: hsla(var(--bulma-warning-h), var(--bulma-warning-s), var(--bulma-warning-80-l), 1); + --bulma-warning-80-invert-l: var(--bulma-warning-15-l); + --bulma-warning-80-invert: hsla(var(--bulma-warning-h), var(--bulma-warning-s), var(--bulma-warning-80-invert-l), 1); + --bulma-warning-85: hsla(var(--bulma-warning-h), var(--bulma-warning-s), var(--bulma-warning-85-l), 1); + --bulma-warning-85-invert-l: var(--bulma-warning-15-l); + --bulma-warning-85-invert: hsla(var(--bulma-warning-h), var(--bulma-warning-s), var(--bulma-warning-85-invert-l), 1); + --bulma-warning-90: hsla(var(--bulma-warning-h), var(--bulma-warning-s), var(--bulma-warning-90-l), 1); + --bulma-warning-90-invert-l: var(--bulma-warning-15-l); + --bulma-warning-90-invert: hsla(var(--bulma-warning-h), var(--bulma-warning-s), var(--bulma-warning-90-invert-l), 1); + --bulma-warning-95: hsla(var(--bulma-warning-h), var(--bulma-warning-s), var(--bulma-warning-95-l), 1); + --bulma-warning-95-invert-l: var(--bulma-warning-15-l); + --bulma-warning-95-invert: hsla(var(--bulma-warning-h), var(--bulma-warning-s), var(--bulma-warning-95-invert-l), 1); + --bulma-warning-100: hsla(var(--bulma-warning-h), var(--bulma-warning-s), var(--bulma-warning-100-l), 1); + --bulma-warning-100-invert-l: var(--bulma-warning-20-l); + --bulma-warning-100-invert: hsla(var(--bulma-warning-h), var(--bulma-warning-s), var(--bulma-warning-100-invert-l), 1); + --bulma-warning-invert-l: var(--bulma-warning-10-l); + --bulma-warning-invert: hsla(var(--bulma-warning-h), var(--bulma-warning-s), var(--bulma-warning-invert-l), 1); + --bulma-warning-light-l: var(--bulma-warning-90-l); + --bulma-warning-light: hsla(var(--bulma-warning-h), var(--bulma-warning-s), var(--bulma-warning-light-l), 1); + --bulma-warning-light-invert-l: var(--bulma-warning-15-l); + --bulma-warning-light-invert: hsla(var(--bulma-warning-h), var(--bulma-warning-s), var(--bulma-warning-light-invert-l), 1); + --bulma-warning-dark-l: var(--bulma-warning-10-l); + --bulma-warning-dark: hsla(var(--bulma-warning-h), var(--bulma-warning-s), var(--bulma-warning-dark-l), 1); + --bulma-warning-dark-invert-l: var(--bulma-warning-50-l); + --bulma-warning-dark-invert: hsla(var(--bulma-warning-h), var(--bulma-warning-s), var(--bulma-warning-dark-invert-l), 1); + --bulma-warning-soft: hsla(var(--bulma-warning-h), var(--bulma-warning-s), var(--bulma-soft-l), 1); + --bulma-warning-bold: hsla(var(--bulma-warning-h), var(--bulma-warning-s), var(--bulma-bold-l), 1); + --bulma-warning-soft-invert: hsla(var(--bulma-warning-h), var(--bulma-warning-s), var(--bulma-soft-invert-l), 1); + --bulma-warning-bold-invert: hsla(var(--bulma-warning-h), var(--bulma-warning-s), var(--bulma-bold-invert-l), 1); + --bulma-warning-on-scheme-l: 23%; + --bulma-warning-on-scheme: hsla(var(--bulma-warning-h), var(--bulma-warning-s), var(--bulma-warning-on-scheme-l), 1); + --bulma-danger: hsla(var(--bulma-danger-h), var(--bulma-danger-s), var(--bulma-danger-l), 1); + --bulma-danger-base: hsla(var(--bulma-danger-h), var(--bulma-danger-s), var(--bulma-danger-l), 1); + --bulma-danger-rgb: 255, 102, 133; + --bulma-danger-h: 348deg; + --bulma-danger-s: 100%; + --bulma-danger-l: 70%; + --bulma-danger-00-l: 0%; + --bulma-danger-05-l: 5%; + --bulma-danger-10-l: 10%; + --bulma-danger-15-l: 15%; + --bulma-danger-20-l: 20%; + --bulma-danger-25-l: 25%; + --bulma-danger-30-l: 30%; + --bulma-danger-35-l: 35%; + --bulma-danger-40-l: 40%; + --bulma-danger-45-l: 45%; + --bulma-danger-50-l: 50%; + --bulma-danger-55-l: 55%; + --bulma-danger-60-l: 60%; + --bulma-danger-65-l: 65%; + --bulma-danger-70-l: 70%; + --bulma-danger-75-l: 75%; + --bulma-danger-80-l: 80%; + --bulma-danger-85-l: 85%; + --bulma-danger-90-l: 90%; + --bulma-danger-95-l: 95%; + --bulma-danger-100-l: 100%; + --bulma-danger-00: hsla(var(--bulma-danger-h), var(--bulma-danger-s), var(--bulma-danger-00-l), 1); + --bulma-danger-00-invert-l: var(--bulma-danger-65-l); + --bulma-danger-00-invert: hsla(var(--bulma-danger-h), var(--bulma-danger-s), var(--bulma-danger-00-invert-l), 1); + --bulma-danger-05: hsla(var(--bulma-danger-h), var(--bulma-danger-s), var(--bulma-danger-05-l), 1); + --bulma-danger-05-invert-l: var(--bulma-danger-70-l); + --bulma-danger-05-invert: hsla(var(--bulma-danger-h), var(--bulma-danger-s), var(--bulma-danger-05-invert-l), 1); + --bulma-danger-10: hsla(var(--bulma-danger-h), var(--bulma-danger-s), var(--bulma-danger-10-l), 1); + --bulma-danger-10-invert-l: var(--bulma-danger-75-l); + --bulma-danger-10-invert: hsla(var(--bulma-danger-h), var(--bulma-danger-s), var(--bulma-danger-10-invert-l), 1); + --bulma-danger-15: hsla(var(--bulma-danger-h), var(--bulma-danger-s), var(--bulma-danger-15-l), 1); + --bulma-danger-15-invert-l: var(--bulma-danger-80-l); + --bulma-danger-15-invert: hsla(var(--bulma-danger-h), var(--bulma-danger-s), var(--bulma-danger-15-invert-l), 1); + --bulma-danger-20: hsla(var(--bulma-danger-h), var(--bulma-danger-s), var(--bulma-danger-20-l), 1); + --bulma-danger-20-invert-l: var(--bulma-danger-85-l); + --bulma-danger-20-invert: hsla(var(--bulma-danger-h), var(--bulma-danger-s), var(--bulma-danger-20-invert-l), 1); + --bulma-danger-25: hsla(var(--bulma-danger-h), var(--bulma-danger-s), var(--bulma-danger-25-l), 1); + --bulma-danger-25-invert-l: var(--bulma-danger-90-l); + --bulma-danger-25-invert: hsla(var(--bulma-danger-h), var(--bulma-danger-s), var(--bulma-danger-25-invert-l), 1); + --bulma-danger-30: hsla(var(--bulma-danger-h), var(--bulma-danger-s), var(--bulma-danger-30-l), 1); + --bulma-danger-30-invert-l: var(--bulma-danger-100-l); + --bulma-danger-30-invert: hsla(var(--bulma-danger-h), var(--bulma-danger-s), var(--bulma-danger-30-invert-l), 1); + --bulma-danger-35: hsla(var(--bulma-danger-h), var(--bulma-danger-s), var(--bulma-danger-35-l), 1); + --bulma-danger-35-invert-l: var(--bulma-danger-100-l); + --bulma-danger-35-invert: hsla(var(--bulma-danger-h), var(--bulma-danger-s), var(--bulma-danger-35-invert-l), 1); + --bulma-danger-40: hsla(var(--bulma-danger-h), var(--bulma-danger-s), var(--bulma-danger-40-l), 1); + --bulma-danger-40-invert-l: var(--bulma-danger-100-l); + --bulma-danger-40-invert: hsla(var(--bulma-danger-h), var(--bulma-danger-s), var(--bulma-danger-40-invert-l), 1); + --bulma-danger-45: hsla(var(--bulma-danger-h), var(--bulma-danger-s), var(--bulma-danger-45-l), 1); + --bulma-danger-45-invert-l: var(--bulma-danger-100-l); + --bulma-danger-45-invert: hsla(var(--bulma-danger-h), var(--bulma-danger-s), var(--bulma-danger-45-invert-l), 1); + --bulma-danger-50: hsla(var(--bulma-danger-h), var(--bulma-danger-s), var(--bulma-danger-50-l), 1); + --bulma-danger-50-invert-l: var(--bulma-danger-100-l); + --bulma-danger-50-invert: hsla(var(--bulma-danger-h), var(--bulma-danger-s), var(--bulma-danger-50-invert-l), 1); + --bulma-danger-55: hsla(var(--bulma-danger-h), var(--bulma-danger-s), var(--bulma-danger-55-l), 1); + --bulma-danger-55-invert-l: var(--bulma-danger-100-l); + --bulma-danger-55-invert: hsla(var(--bulma-danger-h), var(--bulma-danger-s), var(--bulma-danger-55-invert-l), 1); + --bulma-danger-60: hsla(var(--bulma-danger-h), var(--bulma-danger-s), var(--bulma-danger-60-l), 1); + --bulma-danger-60-invert-l: var(--bulma-danger-100-l); + --bulma-danger-60-invert: hsla(var(--bulma-danger-h), var(--bulma-danger-s), var(--bulma-danger-60-invert-l), 1); + --bulma-danger-65: hsla(var(--bulma-danger-h), var(--bulma-danger-s), var(--bulma-danger-65-l), 1); + --bulma-danger-65-invert-l: var(--bulma-danger-00-l); + --bulma-danger-65-invert: hsla(var(--bulma-danger-h), var(--bulma-danger-s), var(--bulma-danger-65-invert-l), 1); + --bulma-danger-70: hsla(var(--bulma-danger-h), var(--bulma-danger-s), var(--bulma-danger-70-l), 1); + --bulma-danger-70-invert-l: var(--bulma-danger-05-l); + --bulma-danger-70-invert: hsla(var(--bulma-danger-h), var(--bulma-danger-s), var(--bulma-danger-70-invert-l), 1); + --bulma-danger-75: hsla(var(--bulma-danger-h), var(--bulma-danger-s), var(--bulma-danger-75-l), 1); + --bulma-danger-75-invert-l: var(--bulma-danger-10-l); + --bulma-danger-75-invert: hsla(var(--bulma-danger-h), var(--bulma-danger-s), var(--bulma-danger-75-invert-l), 1); + --bulma-danger-80: hsla(var(--bulma-danger-h), var(--bulma-danger-s), var(--bulma-danger-80-l), 1); + --bulma-danger-80-invert-l: var(--bulma-danger-15-l); + --bulma-danger-80-invert: hsla(var(--bulma-danger-h), var(--bulma-danger-s), var(--bulma-danger-80-invert-l), 1); + --bulma-danger-85: hsla(var(--bulma-danger-h), var(--bulma-danger-s), var(--bulma-danger-85-l), 1); + --bulma-danger-85-invert-l: var(--bulma-danger-20-l); + --bulma-danger-85-invert: hsla(var(--bulma-danger-h), var(--bulma-danger-s), var(--bulma-danger-85-invert-l), 1); + --bulma-danger-90: hsla(var(--bulma-danger-h), var(--bulma-danger-s), var(--bulma-danger-90-l), 1); + --bulma-danger-90-invert-l: var(--bulma-danger-25-l); + --bulma-danger-90-invert: hsla(var(--bulma-danger-h), var(--bulma-danger-s), var(--bulma-danger-90-invert-l), 1); + --bulma-danger-95: hsla(var(--bulma-danger-h), var(--bulma-danger-s), var(--bulma-danger-95-l), 1); + --bulma-danger-95-invert-l: var(--bulma-danger-25-l); + --bulma-danger-95-invert: hsla(var(--bulma-danger-h), var(--bulma-danger-s), var(--bulma-danger-95-invert-l), 1); + --bulma-danger-100: hsla(var(--bulma-danger-h), var(--bulma-danger-s), var(--bulma-danger-100-l), 1); + --bulma-danger-100-invert-l: var(--bulma-danger-30-l); + --bulma-danger-100-invert: hsla(var(--bulma-danger-h), var(--bulma-danger-s), var(--bulma-danger-100-invert-l), 1); + --bulma-danger-invert-l: var(--bulma-danger-05-l); + --bulma-danger-invert: hsla(var(--bulma-danger-h), var(--bulma-danger-s), var(--bulma-danger-invert-l), 1); + --bulma-danger-light-l: var(--bulma-danger-90-l); + --bulma-danger-light: hsla(var(--bulma-danger-h), var(--bulma-danger-s), var(--bulma-danger-light-l), 1); + --bulma-danger-light-invert-l: var(--bulma-danger-25-l); + --bulma-danger-light-invert: hsla(var(--bulma-danger-h), var(--bulma-danger-s), var(--bulma-danger-light-invert-l), 1); + --bulma-danger-dark-l: var(--bulma-danger-10-l); + --bulma-danger-dark: hsla(var(--bulma-danger-h), var(--bulma-danger-s), var(--bulma-danger-dark-l), 1); + --bulma-danger-dark-invert-l: var(--bulma-danger-75-l); + --bulma-danger-dark-invert: hsla(var(--bulma-danger-h), var(--bulma-danger-s), var(--bulma-danger-dark-invert-l), 1); + --bulma-danger-soft: hsla(var(--bulma-danger-h), var(--bulma-danger-s), var(--bulma-soft-l), 1); + --bulma-danger-bold: hsla(var(--bulma-danger-h), var(--bulma-danger-s), var(--bulma-bold-l), 1); + --bulma-danger-soft-invert: hsla(var(--bulma-danger-h), var(--bulma-danger-s), var(--bulma-soft-invert-l), 1); + --bulma-danger-bold-invert: hsla(var(--bulma-danger-h), var(--bulma-danger-s), var(--bulma-bold-invert-l), 1); + --bulma-danger-on-scheme-l: 40%; + --bulma-danger-on-scheme: hsla(var(--bulma-danger-h), var(--bulma-danger-s), var(--bulma-danger-on-scheme-l), 1); + --bulma-black-bis: hsl(221, 14%, 9%); + --bulma-black-ter: hsl(221, 14%, 14%); + --bulma-grey-darker: hsl(221, 14%, 21%); + --bulma-grey-dark: hsl(221, 14%, 29%); + --bulma-grey: hsl(221, 14%, 48%); + --bulma-grey-light: hsl(221, 14%, 71%); + --bulma-grey-lighter: hsl(221, 14%, 86%); + --bulma-white-ter: hsl(221, 14%, 96%); + --bulma-white-bis: hsl(221, 14%, 98%); + --bulma-shadow-h: 221deg; + --bulma-shadow-s: 14%; + --bulma-shadow-l: 4%; + --bulma-size-1: 3rem; + --bulma-size-2: 2.5rem; + --bulma-size-3: 2rem; + --bulma-size-4: 1.5rem; + --bulma-size-5: 1.25rem; + --bulma-size-6: 1rem; + --bulma-size-7: 0.75rem; + --bulma-scheme-main: hsl(var(--bulma-scheme-h), var(--bulma-scheme-s), var(--bulma-scheme-main-l)); + --bulma-scheme-main-bis: hsl(var(--bulma-scheme-h), var(--bulma-scheme-s), var(--bulma-scheme-main-bis-l)); + --bulma-scheme-main-ter: hsl(var(--bulma-scheme-h), var(--bulma-scheme-s), var(--bulma-scheme-main-ter-l)); + --bulma-background: hsl(var(--bulma-scheme-h), var(--bulma-scheme-s), var(--bulma-background-l)); + --bulma-background-hover: hsl(var(--bulma-scheme-h), var(--bulma-scheme-s), calc(var(--bulma-background-l) + var(--bulma-hover-background-l-delta))); + --bulma-background-active: hsl(var(--bulma-scheme-h), var(--bulma-scheme-s), calc(var(--bulma-background-l) + var(--bulma-active-background-l-delta))); + --bulma-border-weak: hsl(var(--bulma-scheme-h), var(--bulma-scheme-s), var(--bulma-border-weak-l)); + --bulma-border: hsl(var(--bulma-scheme-h), var(--bulma-scheme-s), var(--bulma-border-l)); + --bulma-border-hover: hsl(var(--bulma-scheme-h), var(--bulma-scheme-s), calc(var(--bulma-border-l) + var(--bulma-hover-border-l-delta))); + --bulma-border-active: hsl(var(--bulma-scheme-h), var(--bulma-scheme-s), calc(var(--bulma-border-l) + var(--bulma-active-border-l-delta))); + --bulma-text-weak: hsl(var(--bulma-text-h), var(--bulma-text-s), var(--bulma-text-weak-l)); + --bulma-text: hsl(var(--bulma-text-h), var(--bulma-text-s), var(--bulma-text-l)); + --bulma-text-strong: hsl(var(--bulma-text-h), var(--bulma-text-s), var(--bulma-text-strong-l)); + --bulma-scheme-invert-ter: hsl(var(--bulma-scheme-h), var(--bulma-scheme-s), var(--bulma-scheme-invert-ter-l)); + --bulma-scheme-invert-bis: hsl(var(--bulma-scheme-h), var(--bulma-scheme-s), var(--bulma-scheme-invert-bis-l)); + --bulma-scheme-invert: hsl(var(--bulma-scheme-h), var(--bulma-scheme-s), var(--bulma-scheme-invert-l)); + --bulma-link: hsl(var(--bulma-link-h), var(--bulma-link-s), var(--bulma-link-l)); + --bulma-link-text: hsl(var(--bulma-link-h), var(--bulma-link-s), var(--bulma-link-on-scheme-l)); + --bulma-link-text-hover: hsl(var(--bulma-link-h), var(--bulma-link-s), calc(var(--bulma-link-on-scheme-l) + var(--bulma-hover-color-l-delta))); + --bulma-link-text-active: hsl(var(--bulma-link-h), var(--bulma-link-s), calc(var(--bulma-link-on-scheme-l) + var(--bulma-active-color-l-delta))); + --bulma-focus-h: var(--bulma-link-h); + --bulma-focus-s: var(--bulma-link-s); + --bulma-focus-l: var(--bulma-link-l); + --bulma-focus-offset: 1px; + --bulma-focus-style: solid; + --bulma-focus-width: 2px; + --bulma-focus-shadow-size: 0 0 0 0.1875em; + --bulma-focus-shadow-alpha: 0.25; + --bulma-code: hsl(var(--bulma-danger-h), var(--bulma-danger-s), var(--bulma-danger-on-scheme-l)); + --bulma-code-background: var(--bulma-background); + --bulma-pre: var(--bulma-text); + --bulma-pre-background: var(--bulma-background); + --bulma-shadow: 0 0.5em 1em -0.125em hsla(var(--bulma-shadow-h), var(--bulma-shadow-s), var(--bulma-shadow-l), 0.1), 0 0px 0 1px hsla(var(--bulma-shadow-h), var(--bulma-shadow-s), var(--bulma-shadow-l), 0.02); +} + +@media (prefers-color-scheme: light) { + :root { + --bulma-scheme-h: 221; + --bulma-scheme-s: 14%; + --bulma-light-l: 90%; + --bulma-light-invert-l: 20%; + --bulma-dark-l: 20%; + --bulma-dark-invert-l: 90%; + --bulma-soft-l: 90%; + --bulma-bold-l: 20%; + --bulma-soft-invert-l: 20%; + --bulma-bold-invert-l: 90%; + --bulma-hover-background-l-delta: -5%; + --bulma-active-background-l-delta: -10%; + --bulma-hover-border-l-delta: -10%; + --bulma-active-border-l-delta: -20%; + --bulma-hover-color-l-delta: -5%; + --bulma-active-color-l-delta: -10%; + --bulma-hover-shadow-a-delta: -0.05; + --bulma-active-shadow-a-delta: -0.1; + --bulma-scheme-brightness: light; + --bulma-scheme-main-l: 100%; + --bulma-scheme-main-bis-l: 98%; + --bulma-scheme-main-ter-l: 96%; + --bulma-background-l: 96%; + --bulma-border-weak-l: 93%; + --bulma-border-l: 86%; + --bulma-text-weak-l: 48%; + --bulma-text-l: 29%; + --bulma-text-strong-l: 21%; + --bulma-text-title-l: 14%; + --bulma-scheme-invert-ter-l: 14%; + --bulma-scheme-invert-bis-l: 7%; + --bulma-scheme-invert-l: 4%; + --bulma-family-primary: Inter, SF Pro, Segoe UI, Roboto, Oxygen, Ubuntu, Helvetica Neue, Helvetica, Arial, sans-serif; + --bulma-family-secondary: Inter, SF Pro, Segoe UI, Roboto, Oxygen, Ubuntu, Helvetica Neue, Helvetica, Arial, sans-serif; + --bulma-family-code: Inconsolata, Hack, SF Mono, Roboto Mono, Source Code Pro, Ubuntu Mono, monospace; + --bulma-size-small: 0.75rem; + --bulma-size-normal: 1rem; + --bulma-size-medium: 1.25rem; + --bulma-size-large: 1.5rem; + --bulma-weight-light: 300; + --bulma-weight-normal: 400; + --bulma-weight-medium: 500; + --bulma-weight-semibold: 600; + --bulma-weight-bold: 700; + --bulma-weight-extrabold: 800; + --bulma-block-spacing: 1.5rem; + --bulma-duration: 294ms; + --bulma-easing: ease-out; + --bulma-radius-small: 0.25rem; + --bulma-radius: 0.375rem; + --bulma-radius-medium: 0.5em; + --bulma-radius-large: 0.75rem; + --bulma-radius-rounded: 9999px; + --bulma-speed: 86ms; + --bulma-arrow-color: var(--bulma-link); + --bulma-loading-color: var(--bulma-border); + --bulma-burger-h: var(--bulma-link-h); + --bulma-burger-s: var(--bulma-link-s); + --bulma-burger-l: var(--bulma-link-l); + --bulma-burger-border-radius: 0.5em; + --bulma-burger-gap: 5px; + --bulma-burger-item-height: 2px; + --bulma-burger-item-width: 20px; + --bulma-white: hsla(var(--bulma-white-h), var(--bulma-white-s), var(--bulma-white-l), 1); + --bulma-white-base: hsla(var(--bulma-white-h), var(--bulma-white-s), var(--bulma-white-l), 1); + --bulma-white-rgb: 255, 255, 255; + --bulma-white-h: 221deg; + --bulma-white-s: 14%; + --bulma-white-l: 100%; + --bulma-white-invert-l: 4%; + --bulma-white-invert: hsl(221, 14%, 4%); + --bulma-white-on-scheme-l: 35%; + --bulma-white-on-scheme: hsla(var(--bulma-white-h), var(--bulma-white-s), var(--bulma-white-on-scheme-l), 1); + --bulma-black: hsla(var(--bulma-black-h), var(--bulma-black-s), var(--bulma-black-l), 1); + --bulma-black-base: hsla(var(--bulma-black-h), var(--bulma-black-s), var(--bulma-black-l), 1); + --bulma-black-rgb: 9, 10, 12; + --bulma-black-h: 221deg; + --bulma-black-s: 14%; + --bulma-black-l: 4%; + --bulma-black-invert-l: 100%; + --bulma-black-invert: hsl(221, 14%, 100%); + --bulma-black-on-scheme-l: 4%; + --bulma-black-on-scheme: hsla(var(--bulma-black-h), var(--bulma-black-s), var(--bulma-black-on-scheme-l), 1); + --bulma-light: hsla(var(--bulma-light-h), var(--bulma-light-s), var(--bulma-light-l), 1); + --bulma-light-base: hsla(var(--bulma-light-h), var(--bulma-light-s), var(--bulma-light-l), 1); + --bulma-light-rgb: 243, 244, 246; + --bulma-light-h: 221deg; + --bulma-light-s: 14%; + --bulma-light-l: 96%; + --bulma-light-invert-l: 21%; + --bulma-light-invert: hsl(221, 14%, 21%); + --bulma-light-on-scheme-l: 36%; + --bulma-light-on-scheme: hsla(var(--bulma-light-h), var(--bulma-light-s), var(--bulma-light-on-scheme-l), 1); + --bulma-dark: hsla(var(--bulma-dark-h), var(--bulma-dark-s), var(--bulma-dark-l), 1); + --bulma-dark-base: hsla(var(--bulma-dark-h), var(--bulma-dark-s), var(--bulma-dark-l), 1); + --bulma-dark-rgb: 46, 51, 61; + --bulma-dark-h: 221deg; + --bulma-dark-s: 14%; + --bulma-dark-l: 21%; + --bulma-dark-invert-l: 96%; + --bulma-dark-invert: hsl(221, 14%, 96%); + --bulma-dark-on-scheme-l: 21%; + --bulma-dark-on-scheme: hsla(var(--bulma-dark-h), var(--bulma-dark-s), var(--bulma-dark-on-scheme-l), 1); + --bulma-text: hsla(var(--bulma-text-h), var(--bulma-text-s), var(--bulma-text-l), 1); + --bulma-text-base: hsla(var(--bulma-text-h), var(--bulma-text-s), var(--bulma-text-l), 1); + --bulma-text-rgb: 64, 70, 84; + --bulma-text-h: 221deg; + --bulma-text-s: 14%; + --bulma-text-l: 29%; + --bulma-text-00-l: 0%; + --bulma-text-05-l: 4%; + --bulma-text-10-l: 9%; + --bulma-text-15-l: 14%; + --bulma-text-20-l: 19%; + --bulma-text-25-l: 24%; + --bulma-text-30-l: 29%; + --bulma-text-35-l: 34%; + --bulma-text-40-l: 39%; + --bulma-text-45-l: 44%; + --bulma-text-50-l: 49%; + --bulma-text-55-l: 54%; + --bulma-text-60-l: 59%; + --bulma-text-65-l: 64%; + --bulma-text-70-l: 69%; + --bulma-text-75-l: 74%; + --bulma-text-80-l: 79%; + --bulma-text-85-l: 84%; + --bulma-text-90-l: 89%; + --bulma-text-95-l: 94%; + --bulma-text-100-l: 99%; + --bulma-text-00: hsla(var(--bulma-text-h), var(--bulma-text-s), var(--bulma-text-00-l), 1); + --bulma-text-00-invert-l: var(--bulma-text-60-l); + --bulma-text-00-invert: hsla(var(--bulma-text-h), var(--bulma-text-s), var(--bulma-text-00-invert-l), 1); + --bulma-text-05: hsla(var(--bulma-text-h), var(--bulma-text-s), var(--bulma-text-05-l), 1); + --bulma-text-05-invert-l: var(--bulma-text-60-l); + --bulma-text-05-invert: hsla(var(--bulma-text-h), var(--bulma-text-s), var(--bulma-text-05-invert-l), 1); + --bulma-text-10: hsla(var(--bulma-text-h), var(--bulma-text-s), var(--bulma-text-10-l), 1); + --bulma-text-10-invert-l: var(--bulma-text-70-l); + --bulma-text-10-invert: hsla(var(--bulma-text-h), var(--bulma-text-s), var(--bulma-text-10-invert-l), 1); + --bulma-text-15: hsla(var(--bulma-text-h), var(--bulma-text-s), var(--bulma-text-15-l), 1); + --bulma-text-15-invert-l: var(--bulma-text-75-l); + --bulma-text-15-invert: hsla(var(--bulma-text-h), var(--bulma-text-s), var(--bulma-text-15-invert-l), 1); + --bulma-text-20: hsla(var(--bulma-text-h), var(--bulma-text-s), var(--bulma-text-20-l), 1); + --bulma-text-20-invert-l: var(--bulma-text-85-l); + --bulma-text-20-invert: hsla(var(--bulma-text-h), var(--bulma-text-s), var(--bulma-text-20-invert-l), 1); + --bulma-text-25: hsla(var(--bulma-text-h), var(--bulma-text-s), var(--bulma-text-25-l), 1); + --bulma-text-25-invert-l: var(--bulma-text-95-l); + --bulma-text-25-invert: hsla(var(--bulma-text-h), var(--bulma-text-s), var(--bulma-text-25-invert-l), 1); + --bulma-text-30: hsla(var(--bulma-text-h), var(--bulma-text-s), var(--bulma-text-30-l), 1); + --bulma-text-30-invert-l: var(--bulma-text-100-l); + --bulma-text-30-invert: hsla(var(--bulma-text-h), var(--bulma-text-s), var(--bulma-text-30-invert-l), 1); + --bulma-text-35: hsla(var(--bulma-text-h), var(--bulma-text-s), var(--bulma-text-35-l), 1); + --bulma-text-35-invert-l: var(--bulma-text-100-l); + --bulma-text-35-invert: hsla(var(--bulma-text-h), var(--bulma-text-s), var(--bulma-text-35-invert-l), 1); + --bulma-text-40: hsla(var(--bulma-text-h), var(--bulma-text-s), var(--bulma-text-40-l), 1); + --bulma-text-40-invert-l: var(--bulma-text-100-l); + --bulma-text-40-invert: hsla(var(--bulma-text-h), var(--bulma-text-s), var(--bulma-text-40-invert-l), 1); + --bulma-text-45: hsla(var(--bulma-text-h), var(--bulma-text-s), var(--bulma-text-45-l), 1); + --bulma-text-45-invert-l: var(--bulma-text-100-l); + --bulma-text-45-invert: hsla(var(--bulma-text-h), var(--bulma-text-s), var(--bulma-text-45-invert-l), 1); + --bulma-text-50: hsla(var(--bulma-text-h), var(--bulma-text-s), var(--bulma-text-50-l), 1); + --bulma-text-50-invert-l: var(--bulma-text-100-l); + --bulma-text-50-invert: hsla(var(--bulma-text-h), var(--bulma-text-s), var(--bulma-text-50-invert-l), 1); + --bulma-text-55: hsla(var(--bulma-text-h), var(--bulma-text-s), var(--bulma-text-55-l), 1); + --bulma-text-55-invert-l: var(--bulma-text-100-l); + --bulma-text-55-invert: hsla(var(--bulma-text-h), var(--bulma-text-s), var(--bulma-text-55-invert-l), 1); + --bulma-text-60: hsla(var(--bulma-text-h), var(--bulma-text-s), var(--bulma-text-60-l), 1); + --bulma-text-60-invert-l: var(--bulma-text-05-l); + --bulma-text-60-invert: hsla(var(--bulma-text-h), var(--bulma-text-s), var(--bulma-text-60-invert-l), 1); + --bulma-text-65: hsla(var(--bulma-text-h), var(--bulma-text-s), var(--bulma-text-65-l), 1); + --bulma-text-65-invert-l: var(--bulma-text-05-l); + --bulma-text-65-invert: hsla(var(--bulma-text-h), var(--bulma-text-s), var(--bulma-text-65-invert-l), 1); + --bulma-text-70: hsla(var(--bulma-text-h), var(--bulma-text-s), var(--bulma-text-70-l), 1); + --bulma-text-70-invert-l: var(--bulma-text-10-l); + --bulma-text-70-invert: hsla(var(--bulma-text-h), var(--bulma-text-s), var(--bulma-text-70-invert-l), 1); + --bulma-text-75: hsla(var(--bulma-text-h), var(--bulma-text-s), var(--bulma-text-75-l), 1); + --bulma-text-75-invert-l: var(--bulma-text-15-l); + --bulma-text-75-invert: hsla(var(--bulma-text-h), var(--bulma-text-s), var(--bulma-text-75-invert-l), 1); + --bulma-text-80: hsla(var(--bulma-text-h), var(--bulma-text-s), var(--bulma-text-80-l), 1); + --bulma-text-80-invert-l: var(--bulma-text-15-l); + --bulma-text-80-invert: hsla(var(--bulma-text-h), var(--bulma-text-s), var(--bulma-text-80-invert-l), 1); + --bulma-text-85: hsla(var(--bulma-text-h), var(--bulma-text-s), var(--bulma-text-85-l), 1); + --bulma-text-85-invert-l: var(--bulma-text-20-l); + --bulma-text-85-invert: hsla(var(--bulma-text-h), var(--bulma-text-s), var(--bulma-text-85-invert-l), 1); + --bulma-text-90: hsla(var(--bulma-text-h), var(--bulma-text-s), var(--bulma-text-90-l), 1); + --bulma-text-90-invert-l: var(--bulma-text-20-l); + --bulma-text-90-invert: hsla(var(--bulma-text-h), var(--bulma-text-s), var(--bulma-text-90-invert-l), 1); + --bulma-text-95: hsla(var(--bulma-text-h), var(--bulma-text-s), var(--bulma-text-95-l), 1); + --bulma-text-95-invert-l: var(--bulma-text-25-l); + --bulma-text-95-invert: hsla(var(--bulma-text-h), var(--bulma-text-s), var(--bulma-text-95-invert-l), 1); + --bulma-text-100: hsla(var(--bulma-text-h), var(--bulma-text-s), var(--bulma-text-100-l), 1); + --bulma-text-100-invert-l: var(--bulma-text-25-l); + --bulma-text-100-invert: hsla(var(--bulma-text-h), var(--bulma-text-s), var(--bulma-text-100-invert-l), 1); + --bulma-text-invert-l: var(--bulma-text-100-l); + --bulma-text-invert: hsla(var(--bulma-text-h), var(--bulma-text-s), var(--bulma-text-invert-l), 1); + --bulma-text-light-l: var(--bulma-text-90-l); + --bulma-text-light: hsla(var(--bulma-text-h), var(--bulma-text-s), var(--bulma-text-light-l), 1); + --bulma-text-light-invert-l: var(--bulma-text-20-l); + --bulma-text-light-invert: hsla(var(--bulma-text-h), var(--bulma-text-s), var(--bulma-text-light-invert-l), 1); + --bulma-text-dark-l: var(--bulma-text-10-l); + --bulma-text-dark: hsla(var(--bulma-text-h), var(--bulma-text-s), var(--bulma-text-dark-l), 1); + --bulma-text-dark-invert-l: var(--bulma-text-70-l); + --bulma-text-dark-invert: hsla(var(--bulma-text-h), var(--bulma-text-s), var(--bulma-text-dark-invert-l), 1); + --bulma-text-soft: hsla(var(--bulma-text-h), var(--bulma-text-s), var(--bulma-soft-l), 1); + --bulma-text-bold: hsla(var(--bulma-text-h), var(--bulma-text-s), var(--bulma-bold-l), 1); + --bulma-text-soft-invert: hsla(var(--bulma-text-h), var(--bulma-text-s), var(--bulma-soft-invert-l), 1); + --bulma-text-bold-invert: hsla(var(--bulma-text-h), var(--bulma-text-s), var(--bulma-bold-invert-l), 1); + --bulma-text-on-scheme-l: 29%; + --bulma-text-on-scheme: hsla(var(--bulma-text-h), var(--bulma-text-s), var(--bulma-text-on-scheme-l), 1); + --bulma-primary: hsla(var(--bulma-primary-h), var(--bulma-primary-s), var(--bulma-primary-l), 1); + --bulma-primary-base: hsla(var(--bulma-primary-h), var(--bulma-primary-s), var(--bulma-primary-l), 1); + --bulma-primary-rgb: 0, 209, 178; + --bulma-primary-h: 171deg; + --bulma-primary-s: 100%; + --bulma-primary-l: 41%; + --bulma-primary-00-l: 1%; + --bulma-primary-05-l: 6%; + --bulma-primary-10-l: 11%; + --bulma-primary-15-l: 16%; + --bulma-primary-20-l: 21%; + --bulma-primary-25-l: 26%; + --bulma-primary-30-l: 31%; + --bulma-primary-35-l: 36%; + --bulma-primary-40-l: 41%; + --bulma-primary-45-l: 46%; + --bulma-primary-50-l: 51%; + --bulma-primary-55-l: 56%; + --bulma-primary-60-l: 61%; + --bulma-primary-65-l: 66%; + --bulma-primary-70-l: 71%; + --bulma-primary-75-l: 76%; + --bulma-primary-80-l: 81%; + --bulma-primary-85-l: 86%; + --bulma-primary-90-l: 91%; + --bulma-primary-95-l: 96%; + --bulma-primary-100-l: 100%; + --bulma-primary-00: hsla(var(--bulma-primary-h), var(--bulma-primary-s), var(--bulma-primary-00-l), 1); + --bulma-primary-00-invert-l: var(--bulma-primary-30-l); + --bulma-primary-00-invert: hsla(var(--bulma-primary-h), var(--bulma-primary-s), var(--bulma-primary-00-invert-l), 1); + --bulma-primary-05: hsla(var(--bulma-primary-h), var(--bulma-primary-s), var(--bulma-primary-05-l), 1); + --bulma-primary-05-invert-l: var(--bulma-primary-40-l); + --bulma-primary-05-invert: hsla(var(--bulma-primary-h), var(--bulma-primary-s), var(--bulma-primary-05-invert-l), 1); + --bulma-primary-10: hsla(var(--bulma-primary-h), var(--bulma-primary-s), var(--bulma-primary-10-l), 1); + --bulma-primary-10-invert-l: var(--bulma-primary-50-l); + --bulma-primary-10-invert: hsla(var(--bulma-primary-h), var(--bulma-primary-s), var(--bulma-primary-10-invert-l), 1); + --bulma-primary-15: hsla(var(--bulma-primary-h), var(--bulma-primary-s), var(--bulma-primary-15-l), 1); + --bulma-primary-15-invert-l: var(--bulma-primary-100-l); + --bulma-primary-15-invert: hsla(var(--bulma-primary-h), var(--bulma-primary-s), var(--bulma-primary-15-invert-l), 1); + --bulma-primary-20: hsla(var(--bulma-primary-h), var(--bulma-primary-s), var(--bulma-primary-20-l), 1); + --bulma-primary-20-invert-l: var(--bulma-primary-100-l); + --bulma-primary-20-invert: hsla(var(--bulma-primary-h), var(--bulma-primary-s), var(--bulma-primary-20-invert-l), 1); + --bulma-primary-25: hsla(var(--bulma-primary-h), var(--bulma-primary-s), var(--bulma-primary-25-l), 1); + --bulma-primary-25-invert-l: var(--bulma-primary-100-l); + --bulma-primary-25-invert: hsla(var(--bulma-primary-h), var(--bulma-primary-s), var(--bulma-primary-25-invert-l), 1); + --bulma-primary-30: hsla(var(--bulma-primary-h), var(--bulma-primary-s), var(--bulma-primary-30-l), 1); + --bulma-primary-30-invert-l: var(--bulma-primary-00-l); + --bulma-primary-30-invert: hsla(var(--bulma-primary-h), var(--bulma-primary-s), var(--bulma-primary-30-invert-l), 1); + --bulma-primary-35: hsla(var(--bulma-primary-h), var(--bulma-primary-s), var(--bulma-primary-35-l), 1); + --bulma-primary-35-invert-l: var(--bulma-primary-00-l); + --bulma-primary-35-invert: hsla(var(--bulma-primary-h), var(--bulma-primary-s), var(--bulma-primary-35-invert-l), 1); + --bulma-primary-40: hsla(var(--bulma-primary-h), var(--bulma-primary-s), var(--bulma-primary-40-l), 1); + --bulma-primary-40-invert-l: var(--bulma-primary-05-l); + --bulma-primary-40-invert: hsla(var(--bulma-primary-h), var(--bulma-primary-s), var(--bulma-primary-40-invert-l), 1); + --bulma-primary-45: hsla(var(--bulma-primary-h), var(--bulma-primary-s), var(--bulma-primary-45-l), 1); + --bulma-primary-45-invert-l: var(--bulma-primary-05-l); + --bulma-primary-45-invert: hsla(var(--bulma-primary-h), var(--bulma-primary-s), var(--bulma-primary-45-invert-l), 1); + --bulma-primary-50: hsla(var(--bulma-primary-h), var(--bulma-primary-s), var(--bulma-primary-50-l), 1); + --bulma-primary-50-invert-l: var(--bulma-primary-10-l); + --bulma-primary-50-invert: hsla(var(--bulma-primary-h), var(--bulma-primary-s), var(--bulma-primary-50-invert-l), 1); + --bulma-primary-55: hsla(var(--bulma-primary-h), var(--bulma-primary-s), var(--bulma-primary-55-l), 1); + --bulma-primary-55-invert-l: var(--bulma-primary-10-l); + --bulma-primary-55-invert: hsla(var(--bulma-primary-h), var(--bulma-primary-s), var(--bulma-primary-55-invert-l), 1); + --bulma-primary-60: hsla(var(--bulma-primary-h), var(--bulma-primary-s), var(--bulma-primary-60-l), 1); + --bulma-primary-60-invert-l: var(--bulma-primary-10-l); + --bulma-primary-60-invert: hsla(var(--bulma-primary-h), var(--bulma-primary-s), var(--bulma-primary-60-invert-l), 1); + --bulma-primary-65: hsla(var(--bulma-primary-h), var(--bulma-primary-s), var(--bulma-primary-65-l), 1); + --bulma-primary-65-invert-l: var(--bulma-primary-10-l); + --bulma-primary-65-invert: hsla(var(--bulma-primary-h), var(--bulma-primary-s), var(--bulma-primary-65-invert-l), 1); + --bulma-primary-70: hsla(var(--bulma-primary-h), var(--bulma-primary-s), var(--bulma-primary-70-l), 1); + --bulma-primary-70-invert-l: var(--bulma-primary-10-l); + --bulma-primary-70-invert: hsla(var(--bulma-primary-h), var(--bulma-primary-s), var(--bulma-primary-70-invert-l), 1); + --bulma-primary-75: hsla(var(--bulma-primary-h), var(--bulma-primary-s), var(--bulma-primary-75-l), 1); + --bulma-primary-75-invert-l: var(--bulma-primary-10-l); + --bulma-primary-75-invert: hsla(var(--bulma-primary-h), var(--bulma-primary-s), var(--bulma-primary-75-invert-l), 1); + --bulma-primary-80: hsla(var(--bulma-primary-h), var(--bulma-primary-s), var(--bulma-primary-80-l), 1); + --bulma-primary-80-invert-l: var(--bulma-primary-10-l); + --bulma-primary-80-invert: hsla(var(--bulma-primary-h), var(--bulma-primary-s), var(--bulma-primary-80-invert-l), 1); + --bulma-primary-85: hsla(var(--bulma-primary-h), var(--bulma-primary-s), var(--bulma-primary-85-l), 1); + --bulma-primary-85-invert-l: var(--bulma-primary-10-l); + --bulma-primary-85-invert: hsla(var(--bulma-primary-h), var(--bulma-primary-s), var(--bulma-primary-85-invert-l), 1); + --bulma-primary-90: hsla(var(--bulma-primary-h), var(--bulma-primary-s), var(--bulma-primary-90-l), 1); + --bulma-primary-90-invert-l: var(--bulma-primary-10-l); + --bulma-primary-90-invert: hsla(var(--bulma-primary-h), var(--bulma-primary-s), var(--bulma-primary-90-invert-l), 1); + --bulma-primary-95: hsla(var(--bulma-primary-h), var(--bulma-primary-s), var(--bulma-primary-95-l), 1); + --bulma-primary-95-invert-l: var(--bulma-primary-10-l); + --bulma-primary-95-invert: hsla(var(--bulma-primary-h), var(--bulma-primary-s), var(--bulma-primary-95-invert-l), 1); + --bulma-primary-100: hsla(var(--bulma-primary-h), var(--bulma-primary-s), var(--bulma-primary-100-l), 1); + --bulma-primary-100-invert-l: var(--bulma-primary-15-l); + --bulma-primary-100-invert: hsla(var(--bulma-primary-h), var(--bulma-primary-s), var(--bulma-primary-100-invert-l), 1); + --bulma-primary-invert-l: var(--bulma-primary-05-l); + --bulma-primary-invert: hsla(var(--bulma-primary-h), var(--bulma-primary-s), var(--bulma-primary-invert-l), 1); + --bulma-primary-light-l: var(--bulma-primary-90-l); + --bulma-primary-light: hsla(var(--bulma-primary-h), var(--bulma-primary-s), var(--bulma-primary-light-l), 1); + --bulma-primary-light-invert-l: var(--bulma-primary-10-l); + --bulma-primary-light-invert: hsla(var(--bulma-primary-h), var(--bulma-primary-s), var(--bulma-primary-light-invert-l), 1); + --bulma-primary-dark-l: var(--bulma-primary-10-l); + --bulma-primary-dark: hsla(var(--bulma-primary-h), var(--bulma-primary-s), var(--bulma-primary-dark-l), 1); + --bulma-primary-dark-invert-l: var(--bulma-primary-50-l); + --bulma-primary-dark-invert: hsla(var(--bulma-primary-h), var(--bulma-primary-s), var(--bulma-primary-dark-invert-l), 1); + --bulma-primary-soft: hsla(var(--bulma-primary-h), var(--bulma-primary-s), var(--bulma-soft-l), 1); + --bulma-primary-bold: hsla(var(--bulma-primary-h), var(--bulma-primary-s), var(--bulma-bold-l), 1); + --bulma-primary-soft-invert: hsla(var(--bulma-primary-h), var(--bulma-primary-s), var(--bulma-soft-invert-l), 1); + --bulma-primary-bold-invert: hsla(var(--bulma-primary-h), var(--bulma-primary-s), var(--bulma-bold-invert-l), 1); + --bulma-primary-on-scheme-l: 21%; + --bulma-primary-on-scheme: hsla(var(--bulma-primary-h), var(--bulma-primary-s), var(--bulma-primary-on-scheme-l), 1); + --bulma-link: hsla(var(--bulma-link-h), var(--bulma-link-s), var(--bulma-link-l), 1); + --bulma-link-base: hsla(var(--bulma-link-h), var(--bulma-link-s), var(--bulma-link-l), 1); + --bulma-link-rgb: 66, 88, 255; + --bulma-link-h: 233deg; + --bulma-link-s: 100%; + --bulma-link-l: 63%; + --bulma-link-00-l: 0%; + --bulma-link-05-l: 3%; + --bulma-link-10-l: 8%; + --bulma-link-15-l: 13%; + --bulma-link-20-l: 18%; + --bulma-link-25-l: 23%; + --bulma-link-30-l: 28%; + --bulma-link-35-l: 33%; + --bulma-link-40-l: 38%; + --bulma-link-45-l: 43%; + --bulma-link-50-l: 48%; + --bulma-link-55-l: 53%; + --bulma-link-60-l: 58%; + --bulma-link-65-l: 63%; + --bulma-link-70-l: 68%; + --bulma-link-75-l: 73%; + --bulma-link-80-l: 78%; + --bulma-link-85-l: 83%; + --bulma-link-90-l: 88%; + --bulma-link-95-l: 93%; + --bulma-link-100-l: 98%; + --bulma-link-00: hsla(var(--bulma-link-h), var(--bulma-link-s), var(--bulma-link-00-l), 1); + --bulma-link-00-invert-l: var(--bulma-link-75-l); + --bulma-link-00-invert: hsla(var(--bulma-link-h), var(--bulma-link-s), var(--bulma-link-00-invert-l), 1); + --bulma-link-05: hsla(var(--bulma-link-h), var(--bulma-link-s), var(--bulma-link-05-l), 1); + --bulma-link-05-invert-l: var(--bulma-link-75-l); + --bulma-link-05-invert: hsla(var(--bulma-link-h), var(--bulma-link-s), var(--bulma-link-05-invert-l), 1); + --bulma-link-10: hsla(var(--bulma-link-h), var(--bulma-link-s), var(--bulma-link-10-l), 1); + --bulma-link-10-invert-l: var(--bulma-link-75-l); + --bulma-link-10-invert: hsla(var(--bulma-link-h), var(--bulma-link-s), var(--bulma-link-10-invert-l), 1); + --bulma-link-15: hsla(var(--bulma-link-h), var(--bulma-link-s), var(--bulma-link-15-l), 1); + --bulma-link-15-invert-l: var(--bulma-link-80-l); + --bulma-link-15-invert: hsla(var(--bulma-link-h), var(--bulma-link-s), var(--bulma-link-15-invert-l), 1); + --bulma-link-20: hsla(var(--bulma-link-h), var(--bulma-link-s), var(--bulma-link-20-l), 1); + --bulma-link-20-invert-l: var(--bulma-link-80-l); + --bulma-link-20-invert: hsla(var(--bulma-link-h), var(--bulma-link-s), var(--bulma-link-20-invert-l), 1); + --bulma-link-25: hsla(var(--bulma-link-h), var(--bulma-link-s), var(--bulma-link-25-l), 1); + --bulma-link-25-invert-l: var(--bulma-link-85-l); + --bulma-link-25-invert: hsla(var(--bulma-link-h), var(--bulma-link-s), var(--bulma-link-25-invert-l), 1); + --bulma-link-30: hsla(var(--bulma-link-h), var(--bulma-link-s), var(--bulma-link-30-l), 1); + --bulma-link-30-invert-l: var(--bulma-link-90-l); + --bulma-link-30-invert: hsla(var(--bulma-link-h), var(--bulma-link-s), var(--bulma-link-30-invert-l), 1); + --bulma-link-35: hsla(var(--bulma-link-h), var(--bulma-link-s), var(--bulma-link-35-l), 1); + --bulma-link-35-invert-l: var(--bulma-link-90-l); + --bulma-link-35-invert: hsla(var(--bulma-link-h), var(--bulma-link-s), var(--bulma-link-35-invert-l), 1); + --bulma-link-40: hsla(var(--bulma-link-h), var(--bulma-link-s), var(--bulma-link-40-l), 1); + --bulma-link-40-invert-l: var(--bulma-link-95-l); + --bulma-link-40-invert: hsla(var(--bulma-link-h), var(--bulma-link-s), var(--bulma-link-40-invert-l), 1); + --bulma-link-45: hsla(var(--bulma-link-h), var(--bulma-link-s), var(--bulma-link-45-l), 1); + --bulma-link-45-invert-l: var(--bulma-link-100-l); + --bulma-link-45-invert: hsla(var(--bulma-link-h), var(--bulma-link-s), var(--bulma-link-45-invert-l), 1); + --bulma-link-50: hsla(var(--bulma-link-h), var(--bulma-link-s), var(--bulma-link-50-l), 1); + --bulma-link-50-invert-l: var(--bulma-link-100-l); + --bulma-link-50-invert: hsla(var(--bulma-link-h), var(--bulma-link-s), var(--bulma-link-50-invert-l), 1); + --bulma-link-55: hsla(var(--bulma-link-h), var(--bulma-link-s), var(--bulma-link-55-l), 1); + --bulma-link-55-invert-l: var(--bulma-link-100-l); + --bulma-link-55-invert: hsla(var(--bulma-link-h), var(--bulma-link-s), var(--bulma-link-55-invert-l), 1); + --bulma-link-60: hsla(var(--bulma-link-h), var(--bulma-link-s), var(--bulma-link-60-l), 1); + --bulma-link-60-invert-l: var(--bulma-link-100-l); + --bulma-link-60-invert: hsla(var(--bulma-link-h), var(--bulma-link-s), var(--bulma-link-60-invert-l), 1); + --bulma-link-65: hsla(var(--bulma-link-h), var(--bulma-link-s), var(--bulma-link-65-l), 1); + --bulma-link-65-invert-l: var(--bulma-link-100-l); + --bulma-link-65-invert: hsla(var(--bulma-link-h), var(--bulma-link-s), var(--bulma-link-65-invert-l), 1); + --bulma-link-70: hsla(var(--bulma-link-h), var(--bulma-link-s), var(--bulma-link-70-l), 1); + --bulma-link-70-invert-l: var(--bulma-link-100-l); + --bulma-link-70-invert: hsla(var(--bulma-link-h), var(--bulma-link-s), var(--bulma-link-70-invert-l), 1); + --bulma-link-75: hsla(var(--bulma-link-h), var(--bulma-link-s), var(--bulma-link-75-l), 1); + --bulma-link-75-invert-l: var(--bulma-link-10-l); + --bulma-link-75-invert: hsla(var(--bulma-link-h), var(--bulma-link-s), var(--bulma-link-75-invert-l), 1); + --bulma-link-80: hsla(var(--bulma-link-h), var(--bulma-link-s), var(--bulma-link-80-l), 1); + --bulma-link-80-invert-l: var(--bulma-link-20-l); + --bulma-link-80-invert: hsla(var(--bulma-link-h), var(--bulma-link-s), var(--bulma-link-80-invert-l), 1); + --bulma-link-85: hsla(var(--bulma-link-h), var(--bulma-link-s), var(--bulma-link-85-l), 1); + --bulma-link-85-invert-l: var(--bulma-link-25-l); + --bulma-link-85-invert: hsla(var(--bulma-link-h), var(--bulma-link-s), var(--bulma-link-85-invert-l), 1); + --bulma-link-90: hsla(var(--bulma-link-h), var(--bulma-link-s), var(--bulma-link-90-l), 1); + --bulma-link-90-invert-l: var(--bulma-link-35-l); + --bulma-link-90-invert: hsla(var(--bulma-link-h), var(--bulma-link-s), var(--bulma-link-90-invert-l), 1); + --bulma-link-95: hsla(var(--bulma-link-h), var(--bulma-link-s), var(--bulma-link-95-l), 1); + --bulma-link-95-invert-l: var(--bulma-link-40-l); + --bulma-link-95-invert: hsla(var(--bulma-link-h), var(--bulma-link-s), var(--bulma-link-95-invert-l), 1); + --bulma-link-100: hsla(var(--bulma-link-h), var(--bulma-link-s), var(--bulma-link-100-l), 1); + --bulma-link-100-invert-l: var(--bulma-link-50-l); + --bulma-link-100-invert: hsla(var(--bulma-link-h), var(--bulma-link-s), var(--bulma-link-100-invert-l), 1); + --bulma-link-invert-l: var(--bulma-link-100-l); + --bulma-link-invert: hsla(var(--bulma-link-h), var(--bulma-link-s), var(--bulma-link-invert-l), 1); + --bulma-link-light-l: var(--bulma-link-90-l); + --bulma-link-light: hsla(var(--bulma-link-h), var(--bulma-link-s), var(--bulma-link-light-l), 1); + --bulma-link-light-invert-l: var(--bulma-link-35-l); + --bulma-link-light-invert: hsla(var(--bulma-link-h), var(--bulma-link-s), var(--bulma-link-light-invert-l), 1); + --bulma-link-dark-l: var(--bulma-link-10-l); + --bulma-link-dark: hsla(var(--bulma-link-h), var(--bulma-link-s), var(--bulma-link-dark-l), 1); + --bulma-link-dark-invert-l: var(--bulma-link-75-l); + --bulma-link-dark-invert: hsla(var(--bulma-link-h), var(--bulma-link-s), var(--bulma-link-dark-invert-l), 1); + --bulma-link-soft: hsla(var(--bulma-link-h), var(--bulma-link-s), var(--bulma-soft-l), 1); + --bulma-link-bold: hsla(var(--bulma-link-h), var(--bulma-link-s), var(--bulma-bold-l), 1); + --bulma-link-soft-invert: hsla(var(--bulma-link-h), var(--bulma-link-s), var(--bulma-soft-invert-l), 1); + --bulma-link-bold-invert: hsla(var(--bulma-link-h), var(--bulma-link-s), var(--bulma-bold-invert-l), 1); + --bulma-link-on-scheme-l: 58%; + --bulma-link-on-scheme: hsla(var(--bulma-link-h), var(--bulma-link-s), var(--bulma-link-on-scheme-l), 1); + --bulma-info: hsla(var(--bulma-info-h), var(--bulma-info-s), var(--bulma-info-l), 1); + --bulma-info-base: hsla(var(--bulma-info-h), var(--bulma-info-s), var(--bulma-info-l), 1); + --bulma-info-rgb: 102, 209, 255; + --bulma-info-h: 198deg; + --bulma-info-s: 100%; + --bulma-info-l: 70%; + --bulma-info-00-l: 0%; + --bulma-info-05-l: 5%; + --bulma-info-10-l: 10%; + --bulma-info-15-l: 15%; + --bulma-info-20-l: 20%; + --bulma-info-25-l: 25%; + --bulma-info-30-l: 30%; + --bulma-info-35-l: 35%; + --bulma-info-40-l: 40%; + --bulma-info-45-l: 45%; + --bulma-info-50-l: 50%; + --bulma-info-55-l: 55%; + --bulma-info-60-l: 60%; + --bulma-info-65-l: 65%; + --bulma-info-70-l: 70%; + --bulma-info-75-l: 75%; + --bulma-info-80-l: 80%; + --bulma-info-85-l: 85%; + --bulma-info-90-l: 90%; + --bulma-info-95-l: 95%; + --bulma-info-100-l: 100%; + --bulma-info-00: hsla(var(--bulma-info-h), var(--bulma-info-s), var(--bulma-info-00-l), 1); + --bulma-info-00-invert-l: var(--bulma-info-45-l); + --bulma-info-00-invert: hsla(var(--bulma-info-h), var(--bulma-info-s), var(--bulma-info-00-invert-l), 1); + --bulma-info-05: hsla(var(--bulma-info-h), var(--bulma-info-s), var(--bulma-info-05-l), 1); + --bulma-info-05-invert-l: var(--bulma-info-50-l); + --bulma-info-05-invert: hsla(var(--bulma-info-h), var(--bulma-info-s), var(--bulma-info-05-invert-l), 1); + --bulma-info-10: hsla(var(--bulma-info-h), var(--bulma-info-s), var(--bulma-info-10-l), 1); + --bulma-info-10-invert-l: var(--bulma-info-60-l); + --bulma-info-10-invert: hsla(var(--bulma-info-h), var(--bulma-info-s), var(--bulma-info-10-invert-l), 1); + --bulma-info-15: hsla(var(--bulma-info-h), var(--bulma-info-s), var(--bulma-info-15-l), 1); + --bulma-info-15-invert-l: var(--bulma-info-80-l); + --bulma-info-15-invert: hsla(var(--bulma-info-h), var(--bulma-info-s), var(--bulma-info-15-invert-l), 1); + --bulma-info-20: hsla(var(--bulma-info-h), var(--bulma-info-s), var(--bulma-info-20-l), 1); + --bulma-info-20-invert-l: var(--bulma-info-95-l); + --bulma-info-20-invert: hsla(var(--bulma-info-h), var(--bulma-info-s), var(--bulma-info-20-invert-l), 1); + --bulma-info-25: hsla(var(--bulma-info-h), var(--bulma-info-s), var(--bulma-info-25-l), 1); + --bulma-info-25-invert-l: var(--bulma-info-100-l); + --bulma-info-25-invert: hsla(var(--bulma-info-h), var(--bulma-info-s), var(--bulma-info-25-invert-l), 1); + --bulma-info-30: hsla(var(--bulma-info-h), var(--bulma-info-s), var(--bulma-info-30-l), 1); + --bulma-info-30-invert-l: var(--bulma-info-100-l); + --bulma-info-30-invert: hsla(var(--bulma-info-h), var(--bulma-info-s), var(--bulma-info-30-invert-l), 1); + --bulma-info-35: hsla(var(--bulma-info-h), var(--bulma-info-s), var(--bulma-info-35-l), 1); + --bulma-info-35-invert-l: var(--bulma-info-100-l); + --bulma-info-35-invert: hsla(var(--bulma-info-h), var(--bulma-info-s), var(--bulma-info-35-invert-l), 1); + --bulma-info-40: hsla(var(--bulma-info-h), var(--bulma-info-s), var(--bulma-info-40-l), 1); + --bulma-info-40-invert-l: var(--bulma-info-100-l); + --bulma-info-40-invert: hsla(var(--bulma-info-h), var(--bulma-info-s), var(--bulma-info-40-invert-l), 1); + --bulma-info-45: hsla(var(--bulma-info-h), var(--bulma-info-s), var(--bulma-info-45-l), 1); + --bulma-info-45-invert-l: var(--bulma-info-00-l); + --bulma-info-45-invert: hsla(var(--bulma-info-h), var(--bulma-info-s), var(--bulma-info-45-invert-l), 1); + --bulma-info-50: hsla(var(--bulma-info-h), var(--bulma-info-s), var(--bulma-info-50-l), 1); + --bulma-info-50-invert-l: var(--bulma-info-05-l); + --bulma-info-50-invert: hsla(var(--bulma-info-h), var(--bulma-info-s), var(--bulma-info-50-invert-l), 1); + --bulma-info-55: hsla(var(--bulma-info-h), var(--bulma-info-s), var(--bulma-info-55-l), 1); + --bulma-info-55-invert-l: var(--bulma-info-05-l); + --bulma-info-55-invert: hsla(var(--bulma-info-h), var(--bulma-info-s), var(--bulma-info-55-invert-l), 1); + --bulma-info-60: hsla(var(--bulma-info-h), var(--bulma-info-s), var(--bulma-info-60-l), 1); + --bulma-info-60-invert-l: var(--bulma-info-10-l); + --bulma-info-60-invert: hsla(var(--bulma-info-h), var(--bulma-info-s), var(--bulma-info-60-invert-l), 1); + --bulma-info-65: hsla(var(--bulma-info-h), var(--bulma-info-s), var(--bulma-info-65-l), 1); + --bulma-info-65-invert-l: var(--bulma-info-10-l); + --bulma-info-65-invert: hsla(var(--bulma-info-h), var(--bulma-info-s), var(--bulma-info-65-invert-l), 1); + --bulma-info-70: hsla(var(--bulma-info-h), var(--bulma-info-s), var(--bulma-info-70-l), 1); + --bulma-info-70-invert-l: var(--bulma-info-10-l); + --bulma-info-70-invert: hsla(var(--bulma-info-h), var(--bulma-info-s), var(--bulma-info-70-invert-l), 1); + --bulma-info-75: hsla(var(--bulma-info-h), var(--bulma-info-s), var(--bulma-info-75-l), 1); + --bulma-info-75-invert-l: var(--bulma-info-10-l); + --bulma-info-75-invert: hsla(var(--bulma-info-h), var(--bulma-info-s), var(--bulma-info-75-invert-l), 1); + --bulma-info-80: hsla(var(--bulma-info-h), var(--bulma-info-s), var(--bulma-info-80-l), 1); + --bulma-info-80-invert-l: var(--bulma-info-15-l); + --bulma-info-80-invert: hsla(var(--bulma-info-h), var(--bulma-info-s), var(--bulma-info-80-invert-l), 1); + --bulma-info-85: hsla(var(--bulma-info-h), var(--bulma-info-s), var(--bulma-info-85-l), 1); + --bulma-info-85-invert-l: var(--bulma-info-15-l); + --bulma-info-85-invert: hsla(var(--bulma-info-h), var(--bulma-info-s), var(--bulma-info-85-invert-l), 1); + --bulma-info-90: hsla(var(--bulma-info-h), var(--bulma-info-s), var(--bulma-info-90-l), 1); + --bulma-info-90-invert-l: var(--bulma-info-15-l); + --bulma-info-90-invert: hsla(var(--bulma-info-h), var(--bulma-info-s), var(--bulma-info-90-invert-l), 1); + --bulma-info-95: hsla(var(--bulma-info-h), var(--bulma-info-s), var(--bulma-info-95-l), 1); + --bulma-info-95-invert-l: var(--bulma-info-20-l); + --bulma-info-95-invert: hsla(var(--bulma-info-h), var(--bulma-info-s), var(--bulma-info-95-invert-l), 1); + --bulma-info-100: hsla(var(--bulma-info-h), var(--bulma-info-s), var(--bulma-info-100-l), 1); + --bulma-info-100-invert-l: var(--bulma-info-20-l); + --bulma-info-100-invert: hsla(var(--bulma-info-h), var(--bulma-info-s), var(--bulma-info-100-invert-l), 1); + --bulma-info-invert-l: var(--bulma-info-10-l); + --bulma-info-invert: hsla(var(--bulma-info-h), var(--bulma-info-s), var(--bulma-info-invert-l), 1); + --bulma-info-light-l: var(--bulma-info-90-l); + --bulma-info-light: hsla(var(--bulma-info-h), var(--bulma-info-s), var(--bulma-info-light-l), 1); + --bulma-info-light-invert-l: var(--bulma-info-15-l); + --bulma-info-light-invert: hsla(var(--bulma-info-h), var(--bulma-info-s), var(--bulma-info-light-invert-l), 1); + --bulma-info-dark-l: var(--bulma-info-10-l); + --bulma-info-dark: hsla(var(--bulma-info-h), var(--bulma-info-s), var(--bulma-info-dark-l), 1); + --bulma-info-dark-invert-l: var(--bulma-info-60-l); + --bulma-info-dark-invert: hsla(var(--bulma-info-h), var(--bulma-info-s), var(--bulma-info-dark-invert-l), 1); + --bulma-info-soft: hsla(var(--bulma-info-h), var(--bulma-info-s), var(--bulma-soft-l), 1); + --bulma-info-bold: hsla(var(--bulma-info-h), var(--bulma-info-s), var(--bulma-bold-l), 1); + --bulma-info-soft-invert: hsla(var(--bulma-info-h), var(--bulma-info-s), var(--bulma-soft-invert-l), 1); + --bulma-info-bold-invert: hsla(var(--bulma-info-h), var(--bulma-info-s), var(--bulma-bold-invert-l), 1); + --bulma-info-on-scheme-l: 25%; + --bulma-info-on-scheme: hsla(var(--bulma-info-h), var(--bulma-info-s), var(--bulma-info-on-scheme-l), 1); + --bulma-success: hsla(var(--bulma-success-h), var(--bulma-success-s), var(--bulma-success-l), 1); + --bulma-success-base: hsla(var(--bulma-success-h), var(--bulma-success-s), var(--bulma-success-l), 1); + --bulma-success-rgb: 72, 199, 142; + --bulma-success-h: 153deg; + --bulma-success-s: 53%; + --bulma-success-l: 53%; + --bulma-success-00-l: 0%; + --bulma-success-05-l: 3%; + --bulma-success-10-l: 8%; + --bulma-success-15-l: 13%; + --bulma-success-20-l: 18%; + --bulma-success-25-l: 23%; + --bulma-success-30-l: 28%; + --bulma-success-35-l: 33%; + --bulma-success-40-l: 38%; + --bulma-success-45-l: 43%; + --bulma-success-50-l: 48%; + --bulma-success-55-l: 53%; + --bulma-success-60-l: 58%; + --bulma-success-65-l: 63%; + --bulma-success-70-l: 68%; + --bulma-success-75-l: 73%; + --bulma-success-80-l: 78%; + --bulma-success-85-l: 83%; + --bulma-success-90-l: 88%; + --bulma-success-95-l: 93%; + --bulma-success-100-l: 98%; + --bulma-success-00: hsla(var(--bulma-success-h), var(--bulma-success-s), var(--bulma-success-00-l), 1); + --bulma-success-00-invert-l: var(--bulma-success-45-l); + --bulma-success-00-invert: hsla(var(--bulma-success-h), var(--bulma-success-s), var(--bulma-success-00-invert-l), 1); + --bulma-success-05: hsla(var(--bulma-success-h), var(--bulma-success-s), var(--bulma-success-05-l), 1); + --bulma-success-05-invert-l: var(--bulma-success-45-l); + --bulma-success-05-invert: hsla(var(--bulma-success-h), var(--bulma-success-s), var(--bulma-success-05-invert-l), 1); + --bulma-success-10: hsla(var(--bulma-success-h), var(--bulma-success-s), var(--bulma-success-10-l), 1); + --bulma-success-10-invert-l: var(--bulma-success-55-l); + --bulma-success-10-invert: hsla(var(--bulma-success-h), var(--bulma-success-s), var(--bulma-success-10-invert-l), 1); + --bulma-success-15: hsla(var(--bulma-success-h), var(--bulma-success-s), var(--bulma-success-15-l), 1); + --bulma-success-15-invert-l: var(--bulma-success-75-l); + --bulma-success-15-invert: hsla(var(--bulma-success-h), var(--bulma-success-s), var(--bulma-success-15-invert-l), 1); + --bulma-success-20: hsla(var(--bulma-success-h), var(--bulma-success-s), var(--bulma-success-20-l), 1); + --bulma-success-20-invert-l: var(--bulma-success-90-l); + --bulma-success-20-invert: hsla(var(--bulma-success-h), var(--bulma-success-s), var(--bulma-success-20-invert-l), 1); + --bulma-success-25: hsla(var(--bulma-success-h), var(--bulma-success-s), var(--bulma-success-25-l), 1); + --bulma-success-25-invert-l: var(--bulma-success-100-l); + --bulma-success-25-invert: hsla(var(--bulma-success-h), var(--bulma-success-s), var(--bulma-success-25-invert-l), 1); + --bulma-success-30: hsla(var(--bulma-success-h), var(--bulma-success-s), var(--bulma-success-30-l), 1); + --bulma-success-30-invert-l: var(--bulma-success-100-l); + --bulma-success-30-invert: hsla(var(--bulma-success-h), var(--bulma-success-s), var(--bulma-success-30-invert-l), 1); + --bulma-success-35: hsla(var(--bulma-success-h), var(--bulma-success-s), var(--bulma-success-35-l), 1); + --bulma-success-35-invert-l: var(--bulma-success-100-l); + --bulma-success-35-invert: hsla(var(--bulma-success-h), var(--bulma-success-s), var(--bulma-success-35-invert-l), 1); + --bulma-success-40: hsla(var(--bulma-success-h), var(--bulma-success-s), var(--bulma-success-40-l), 1); + --bulma-success-40-invert-l: var(--bulma-success-100-l); + --bulma-success-40-invert: hsla(var(--bulma-success-h), var(--bulma-success-s), var(--bulma-success-40-invert-l), 1); + --bulma-success-45: hsla(var(--bulma-success-h), var(--bulma-success-s), var(--bulma-success-45-l), 1); + --bulma-success-45-invert-l: var(--bulma-success-05-l); + --bulma-success-45-invert: hsla(var(--bulma-success-h), var(--bulma-success-s), var(--bulma-success-45-invert-l), 1); + --bulma-success-50: hsla(var(--bulma-success-h), var(--bulma-success-s), var(--bulma-success-50-l), 1); + --bulma-success-50-invert-l: var(--bulma-success-05-l); + --bulma-success-50-invert: hsla(var(--bulma-success-h), var(--bulma-success-s), var(--bulma-success-50-invert-l), 1); + --bulma-success-55: hsla(var(--bulma-success-h), var(--bulma-success-s), var(--bulma-success-55-l), 1); + --bulma-success-55-invert-l: var(--bulma-success-10-l); + --bulma-success-55-invert: hsla(var(--bulma-success-h), var(--bulma-success-s), var(--bulma-success-55-invert-l), 1); + --bulma-success-60: hsla(var(--bulma-success-h), var(--bulma-success-s), var(--bulma-success-60-l), 1); + --bulma-success-60-invert-l: var(--bulma-success-10-l); + --bulma-success-60-invert: hsla(var(--bulma-success-h), var(--bulma-success-s), var(--bulma-success-60-invert-l), 1); + --bulma-success-65: hsla(var(--bulma-success-h), var(--bulma-success-s), var(--bulma-success-65-l), 1); + --bulma-success-65-invert-l: var(--bulma-success-10-l); + --bulma-success-65-invert: hsla(var(--bulma-success-h), var(--bulma-success-s), var(--bulma-success-65-invert-l), 1); + --bulma-success-70: hsla(var(--bulma-success-h), var(--bulma-success-s), var(--bulma-success-70-l), 1); + --bulma-success-70-invert-l: var(--bulma-success-10-l); + --bulma-success-70-invert: hsla(var(--bulma-success-h), var(--bulma-success-s), var(--bulma-success-70-invert-l), 1); + --bulma-success-75: hsla(var(--bulma-success-h), var(--bulma-success-s), var(--bulma-success-75-l), 1); + --bulma-success-75-invert-l: var(--bulma-success-15-l); + --bulma-success-75-invert: hsla(var(--bulma-success-h), var(--bulma-success-s), var(--bulma-success-75-invert-l), 1); + --bulma-success-80: hsla(var(--bulma-success-h), var(--bulma-success-s), var(--bulma-success-80-l), 1); + --bulma-success-80-invert-l: var(--bulma-success-15-l); + --bulma-success-80-invert: hsla(var(--bulma-success-h), var(--bulma-success-s), var(--bulma-success-80-invert-l), 1); + --bulma-success-85: hsla(var(--bulma-success-h), var(--bulma-success-s), var(--bulma-success-85-l), 1); + --bulma-success-85-invert-l: var(--bulma-success-15-l); + --bulma-success-85-invert: hsla(var(--bulma-success-h), var(--bulma-success-s), var(--bulma-success-85-invert-l), 1); + --bulma-success-90: hsla(var(--bulma-success-h), var(--bulma-success-s), var(--bulma-success-90-l), 1); + --bulma-success-90-invert-l: var(--bulma-success-20-l); + --bulma-success-90-invert: hsla(var(--bulma-success-h), var(--bulma-success-s), var(--bulma-success-90-invert-l), 1); + --bulma-success-95: hsla(var(--bulma-success-h), var(--bulma-success-s), var(--bulma-success-95-l), 1); + --bulma-success-95-invert-l: var(--bulma-success-20-l); + --bulma-success-95-invert: hsla(var(--bulma-success-h), var(--bulma-success-s), var(--bulma-success-95-invert-l), 1); + --bulma-success-100: hsla(var(--bulma-success-h), var(--bulma-success-s), var(--bulma-success-100-l), 1); + --bulma-success-100-invert-l: var(--bulma-success-20-l); + --bulma-success-100-invert: hsla(var(--bulma-success-h), var(--bulma-success-s), var(--bulma-success-100-invert-l), 1); + --bulma-success-invert-l: var(--bulma-success-10-l); + --bulma-success-invert: hsla(var(--bulma-success-h), var(--bulma-success-s), var(--bulma-success-invert-l), 1); + --bulma-success-light-l: var(--bulma-success-90-l); + --bulma-success-light: hsla(var(--bulma-success-h), var(--bulma-success-s), var(--bulma-success-light-l), 1); + --bulma-success-light-invert-l: var(--bulma-success-20-l); + --bulma-success-light-invert: hsla(var(--bulma-success-h), var(--bulma-success-s), var(--bulma-success-light-invert-l), 1); + --bulma-success-dark-l: var(--bulma-success-10-l); + --bulma-success-dark: hsla(var(--bulma-success-h), var(--bulma-success-s), var(--bulma-success-dark-l), 1); + --bulma-success-dark-invert-l: var(--bulma-success-55-l); + --bulma-success-dark-invert: hsla(var(--bulma-success-h), var(--bulma-success-s), var(--bulma-success-dark-invert-l), 1); + --bulma-success-soft: hsla(var(--bulma-success-h), var(--bulma-success-s), var(--bulma-soft-l), 1); + --bulma-success-bold: hsla(var(--bulma-success-h), var(--bulma-success-s), var(--bulma-bold-l), 1); + --bulma-success-soft-invert: hsla(var(--bulma-success-h), var(--bulma-success-s), var(--bulma-soft-invert-l), 1); + --bulma-success-bold-invert: hsla(var(--bulma-success-h), var(--bulma-success-s), var(--bulma-bold-invert-l), 1); + --bulma-success-on-scheme-l: 23%; + --bulma-success-on-scheme: hsla(var(--bulma-success-h), var(--bulma-success-s), var(--bulma-success-on-scheme-l), 1); + --bulma-warning: hsla(var(--bulma-warning-h), var(--bulma-warning-s), var(--bulma-warning-l), 1); + --bulma-warning-base: hsla(var(--bulma-warning-h), var(--bulma-warning-s), var(--bulma-warning-l), 1); + --bulma-warning-rgb: 255, 183, 15; + --bulma-warning-h: 42deg; + --bulma-warning-s: 100%; + --bulma-warning-l: 53%; + --bulma-warning-00-l: 0%; + --bulma-warning-05-l: 3%; + --bulma-warning-10-l: 8%; + --bulma-warning-15-l: 13%; + --bulma-warning-20-l: 18%; + --bulma-warning-25-l: 23%; + --bulma-warning-30-l: 28%; + --bulma-warning-35-l: 33%; + --bulma-warning-40-l: 38%; + --bulma-warning-45-l: 43%; + --bulma-warning-50-l: 48%; + --bulma-warning-55-l: 53%; + --bulma-warning-60-l: 58%; + --bulma-warning-65-l: 63%; + --bulma-warning-70-l: 68%; + --bulma-warning-75-l: 73%; + --bulma-warning-80-l: 78%; + --bulma-warning-85-l: 83%; + --bulma-warning-90-l: 88%; + --bulma-warning-95-l: 93%; + --bulma-warning-100-l: 98%; + --bulma-warning-00: hsla(var(--bulma-warning-h), var(--bulma-warning-s), var(--bulma-warning-00-l), 1); + --bulma-warning-00-invert-l: var(--bulma-warning-40-l); + --bulma-warning-00-invert: hsla(var(--bulma-warning-h), var(--bulma-warning-s), var(--bulma-warning-00-invert-l), 1); + --bulma-warning-05: hsla(var(--bulma-warning-h), var(--bulma-warning-s), var(--bulma-warning-05-l), 1); + --bulma-warning-05-invert-l: var(--bulma-warning-45-l); + --bulma-warning-05-invert: hsla(var(--bulma-warning-h), var(--bulma-warning-s), var(--bulma-warning-05-invert-l), 1); + --bulma-warning-10: hsla(var(--bulma-warning-h), var(--bulma-warning-s), var(--bulma-warning-10-l), 1); + --bulma-warning-10-invert-l: var(--bulma-warning-50-l); + --bulma-warning-10-invert: hsla(var(--bulma-warning-h), var(--bulma-warning-s), var(--bulma-warning-10-invert-l), 1); + --bulma-warning-15: hsla(var(--bulma-warning-h), var(--bulma-warning-s), var(--bulma-warning-15-l), 1); + --bulma-warning-15-invert-l: var(--bulma-warning-70-l); + --bulma-warning-15-invert: hsla(var(--bulma-warning-h), var(--bulma-warning-s), var(--bulma-warning-15-invert-l), 1); + --bulma-warning-20: hsla(var(--bulma-warning-h), var(--bulma-warning-s), var(--bulma-warning-20-l), 1); + --bulma-warning-20-invert-l: var(--bulma-warning-100-l); + --bulma-warning-20-invert: hsla(var(--bulma-warning-h), var(--bulma-warning-s), var(--bulma-warning-20-invert-l), 1); + --bulma-warning-25: hsla(var(--bulma-warning-h), var(--bulma-warning-s), var(--bulma-warning-25-l), 1); + --bulma-warning-25-invert-l: var(--bulma-warning-100-l); + --bulma-warning-25-invert: hsla(var(--bulma-warning-h), var(--bulma-warning-s), var(--bulma-warning-25-invert-l), 1); + --bulma-warning-30: hsla(var(--bulma-warning-h), var(--bulma-warning-s), var(--bulma-warning-30-l), 1); + --bulma-warning-30-invert-l: var(--bulma-warning-100-l); + --bulma-warning-30-invert: hsla(var(--bulma-warning-h), var(--bulma-warning-s), var(--bulma-warning-30-invert-l), 1); + --bulma-warning-35: hsla(var(--bulma-warning-h), var(--bulma-warning-s), var(--bulma-warning-35-l), 1); + --bulma-warning-35-invert-l: var(--bulma-warning-100-l); + --bulma-warning-35-invert: hsla(var(--bulma-warning-h), var(--bulma-warning-s), var(--bulma-warning-35-invert-l), 1); + --bulma-warning-40: hsla(var(--bulma-warning-h), var(--bulma-warning-s), var(--bulma-warning-40-l), 1); + --bulma-warning-40-invert-l: var(--bulma-warning-00-l); + --bulma-warning-40-invert: hsla(var(--bulma-warning-h), var(--bulma-warning-s), var(--bulma-warning-40-invert-l), 1); + --bulma-warning-45: hsla(var(--bulma-warning-h), var(--bulma-warning-s), var(--bulma-warning-45-l), 1); + --bulma-warning-45-invert-l: var(--bulma-warning-05-l); + --bulma-warning-45-invert: hsla(var(--bulma-warning-h), var(--bulma-warning-s), var(--bulma-warning-45-invert-l), 1); + --bulma-warning-50: hsla(var(--bulma-warning-h), var(--bulma-warning-s), var(--bulma-warning-50-l), 1); + --bulma-warning-50-invert-l: var(--bulma-warning-10-l); + --bulma-warning-50-invert: hsla(var(--bulma-warning-h), var(--bulma-warning-s), var(--bulma-warning-50-invert-l), 1); + --bulma-warning-55: hsla(var(--bulma-warning-h), var(--bulma-warning-s), var(--bulma-warning-55-l), 1); + --bulma-warning-55-invert-l: var(--bulma-warning-10-l); + --bulma-warning-55-invert: hsla(var(--bulma-warning-h), var(--bulma-warning-s), var(--bulma-warning-55-invert-l), 1); + --bulma-warning-60: hsla(var(--bulma-warning-h), var(--bulma-warning-s), var(--bulma-warning-60-l), 1); + --bulma-warning-60-invert-l: var(--bulma-warning-10-l); + --bulma-warning-60-invert: hsla(var(--bulma-warning-h), var(--bulma-warning-s), var(--bulma-warning-60-invert-l), 1); + --bulma-warning-65: hsla(var(--bulma-warning-h), var(--bulma-warning-s), var(--bulma-warning-65-l), 1); + --bulma-warning-65-invert-l: var(--bulma-warning-10-l); + --bulma-warning-65-invert: hsla(var(--bulma-warning-h), var(--bulma-warning-s), var(--bulma-warning-65-invert-l), 1); + --bulma-warning-70: hsla(var(--bulma-warning-h), var(--bulma-warning-s), var(--bulma-warning-70-l), 1); + --bulma-warning-70-invert-l: var(--bulma-warning-15-l); + --bulma-warning-70-invert: hsla(var(--bulma-warning-h), var(--bulma-warning-s), var(--bulma-warning-70-invert-l), 1); + --bulma-warning-75: hsla(var(--bulma-warning-h), var(--bulma-warning-s), var(--bulma-warning-75-l), 1); + --bulma-warning-75-invert-l: var(--bulma-warning-15-l); + --bulma-warning-75-invert: hsla(var(--bulma-warning-h), var(--bulma-warning-s), var(--bulma-warning-75-invert-l), 1); + --bulma-warning-80: hsla(var(--bulma-warning-h), var(--bulma-warning-s), var(--bulma-warning-80-l), 1); + --bulma-warning-80-invert-l: var(--bulma-warning-15-l); + --bulma-warning-80-invert: hsla(var(--bulma-warning-h), var(--bulma-warning-s), var(--bulma-warning-80-invert-l), 1); + --bulma-warning-85: hsla(var(--bulma-warning-h), var(--bulma-warning-s), var(--bulma-warning-85-l), 1); + --bulma-warning-85-invert-l: var(--bulma-warning-15-l); + --bulma-warning-85-invert: hsla(var(--bulma-warning-h), var(--bulma-warning-s), var(--bulma-warning-85-invert-l), 1); + --bulma-warning-90: hsla(var(--bulma-warning-h), var(--bulma-warning-s), var(--bulma-warning-90-l), 1); + --bulma-warning-90-invert-l: var(--bulma-warning-15-l); + --bulma-warning-90-invert: hsla(var(--bulma-warning-h), var(--bulma-warning-s), var(--bulma-warning-90-invert-l), 1); + --bulma-warning-95: hsla(var(--bulma-warning-h), var(--bulma-warning-s), var(--bulma-warning-95-l), 1); + --bulma-warning-95-invert-l: var(--bulma-warning-15-l); + --bulma-warning-95-invert: hsla(var(--bulma-warning-h), var(--bulma-warning-s), var(--bulma-warning-95-invert-l), 1); + --bulma-warning-100: hsla(var(--bulma-warning-h), var(--bulma-warning-s), var(--bulma-warning-100-l), 1); + --bulma-warning-100-invert-l: var(--bulma-warning-20-l); + --bulma-warning-100-invert: hsla(var(--bulma-warning-h), var(--bulma-warning-s), var(--bulma-warning-100-invert-l), 1); + --bulma-warning-invert-l: var(--bulma-warning-10-l); + --bulma-warning-invert: hsla(var(--bulma-warning-h), var(--bulma-warning-s), var(--bulma-warning-invert-l), 1); + --bulma-warning-light-l: var(--bulma-warning-90-l); + --bulma-warning-light: hsla(var(--bulma-warning-h), var(--bulma-warning-s), var(--bulma-warning-light-l), 1); + --bulma-warning-light-invert-l: var(--bulma-warning-15-l); + --bulma-warning-light-invert: hsla(var(--bulma-warning-h), var(--bulma-warning-s), var(--bulma-warning-light-invert-l), 1); + --bulma-warning-dark-l: var(--bulma-warning-10-l); + --bulma-warning-dark: hsla(var(--bulma-warning-h), var(--bulma-warning-s), var(--bulma-warning-dark-l), 1); + --bulma-warning-dark-invert-l: var(--bulma-warning-50-l); + --bulma-warning-dark-invert: hsla(var(--bulma-warning-h), var(--bulma-warning-s), var(--bulma-warning-dark-invert-l), 1); + --bulma-warning-soft: hsla(var(--bulma-warning-h), var(--bulma-warning-s), var(--bulma-soft-l), 1); + --bulma-warning-bold: hsla(var(--bulma-warning-h), var(--bulma-warning-s), var(--bulma-bold-l), 1); + --bulma-warning-soft-invert: hsla(var(--bulma-warning-h), var(--bulma-warning-s), var(--bulma-soft-invert-l), 1); + --bulma-warning-bold-invert: hsla(var(--bulma-warning-h), var(--bulma-warning-s), var(--bulma-bold-invert-l), 1); + --bulma-warning-on-scheme-l: 23%; + --bulma-warning-on-scheme: hsla(var(--bulma-warning-h), var(--bulma-warning-s), var(--bulma-warning-on-scheme-l), 1); + --bulma-danger: hsla(var(--bulma-danger-h), var(--bulma-danger-s), var(--bulma-danger-l), 1); + --bulma-danger-base: hsla(var(--bulma-danger-h), var(--bulma-danger-s), var(--bulma-danger-l), 1); + --bulma-danger-rgb: 255, 102, 133; + --bulma-danger-h: 348deg; + --bulma-danger-s: 100%; + --bulma-danger-l: 70%; + --bulma-danger-00-l: 0%; + --bulma-danger-05-l: 5%; + --bulma-danger-10-l: 10%; + --bulma-danger-15-l: 15%; + --bulma-danger-20-l: 20%; + --bulma-danger-25-l: 25%; + --bulma-danger-30-l: 30%; + --bulma-danger-35-l: 35%; + --bulma-danger-40-l: 40%; + --bulma-danger-45-l: 45%; + --bulma-danger-50-l: 50%; + --bulma-danger-55-l: 55%; + --bulma-danger-60-l: 60%; + --bulma-danger-65-l: 65%; + --bulma-danger-70-l: 70%; + --bulma-danger-75-l: 75%; + --bulma-danger-80-l: 80%; + --bulma-danger-85-l: 85%; + --bulma-danger-90-l: 90%; + --bulma-danger-95-l: 95%; + --bulma-danger-100-l: 100%; + --bulma-danger-00: hsla(var(--bulma-danger-h), var(--bulma-danger-s), var(--bulma-danger-00-l), 1); + --bulma-danger-00-invert-l: var(--bulma-danger-65-l); + --bulma-danger-00-invert: hsla(var(--bulma-danger-h), var(--bulma-danger-s), var(--bulma-danger-00-invert-l), 1); + --bulma-danger-05: hsla(var(--bulma-danger-h), var(--bulma-danger-s), var(--bulma-danger-05-l), 1); + --bulma-danger-05-invert-l: var(--bulma-danger-70-l); + --bulma-danger-05-invert: hsla(var(--bulma-danger-h), var(--bulma-danger-s), var(--bulma-danger-05-invert-l), 1); + --bulma-danger-10: hsla(var(--bulma-danger-h), var(--bulma-danger-s), var(--bulma-danger-10-l), 1); + --bulma-danger-10-invert-l: var(--bulma-danger-75-l); + --bulma-danger-10-invert: hsla(var(--bulma-danger-h), var(--bulma-danger-s), var(--bulma-danger-10-invert-l), 1); + --bulma-danger-15: hsla(var(--bulma-danger-h), var(--bulma-danger-s), var(--bulma-danger-15-l), 1); + --bulma-danger-15-invert-l: var(--bulma-danger-80-l); + --bulma-danger-15-invert: hsla(var(--bulma-danger-h), var(--bulma-danger-s), var(--bulma-danger-15-invert-l), 1); + --bulma-danger-20: hsla(var(--bulma-danger-h), var(--bulma-danger-s), var(--bulma-danger-20-l), 1); + --bulma-danger-20-invert-l: var(--bulma-danger-85-l); + --bulma-danger-20-invert: hsla(var(--bulma-danger-h), var(--bulma-danger-s), var(--bulma-danger-20-invert-l), 1); + --bulma-danger-25: hsla(var(--bulma-danger-h), var(--bulma-danger-s), var(--bulma-danger-25-l), 1); + --bulma-danger-25-invert-l: var(--bulma-danger-90-l); + --bulma-danger-25-invert: hsla(var(--bulma-danger-h), var(--bulma-danger-s), var(--bulma-danger-25-invert-l), 1); + --bulma-danger-30: hsla(var(--bulma-danger-h), var(--bulma-danger-s), var(--bulma-danger-30-l), 1); + --bulma-danger-30-invert-l: var(--bulma-danger-100-l); + --bulma-danger-30-invert: hsla(var(--bulma-danger-h), var(--bulma-danger-s), var(--bulma-danger-30-invert-l), 1); + --bulma-danger-35: hsla(var(--bulma-danger-h), var(--bulma-danger-s), var(--bulma-danger-35-l), 1); + --bulma-danger-35-invert-l: var(--bulma-danger-100-l); + --bulma-danger-35-invert: hsla(var(--bulma-danger-h), var(--bulma-danger-s), var(--bulma-danger-35-invert-l), 1); + --bulma-danger-40: hsla(var(--bulma-danger-h), var(--bulma-danger-s), var(--bulma-danger-40-l), 1); + --bulma-danger-40-invert-l: var(--bulma-danger-100-l); + --bulma-danger-40-invert: hsla(var(--bulma-danger-h), var(--bulma-danger-s), var(--bulma-danger-40-invert-l), 1); + --bulma-danger-45: hsla(var(--bulma-danger-h), var(--bulma-danger-s), var(--bulma-danger-45-l), 1); + --bulma-danger-45-invert-l: var(--bulma-danger-100-l); + --bulma-danger-45-invert: hsla(var(--bulma-danger-h), var(--bulma-danger-s), var(--bulma-danger-45-invert-l), 1); + --bulma-danger-50: hsla(var(--bulma-danger-h), var(--bulma-danger-s), var(--bulma-danger-50-l), 1); + --bulma-danger-50-invert-l: var(--bulma-danger-100-l); + --bulma-danger-50-invert: hsla(var(--bulma-danger-h), var(--bulma-danger-s), var(--bulma-danger-50-invert-l), 1); + --bulma-danger-55: hsla(var(--bulma-danger-h), var(--bulma-danger-s), var(--bulma-danger-55-l), 1); + --bulma-danger-55-invert-l: var(--bulma-danger-100-l); + --bulma-danger-55-invert: hsla(var(--bulma-danger-h), var(--bulma-danger-s), var(--bulma-danger-55-invert-l), 1); + --bulma-danger-60: hsla(var(--bulma-danger-h), var(--bulma-danger-s), var(--bulma-danger-60-l), 1); + --bulma-danger-60-invert-l: var(--bulma-danger-100-l); + --bulma-danger-60-invert: hsla(var(--bulma-danger-h), var(--bulma-danger-s), var(--bulma-danger-60-invert-l), 1); + --bulma-danger-65: hsla(var(--bulma-danger-h), var(--bulma-danger-s), var(--bulma-danger-65-l), 1); + --bulma-danger-65-invert-l: var(--bulma-danger-00-l); + --bulma-danger-65-invert: hsla(var(--bulma-danger-h), var(--bulma-danger-s), var(--bulma-danger-65-invert-l), 1); + --bulma-danger-70: hsla(var(--bulma-danger-h), var(--bulma-danger-s), var(--bulma-danger-70-l), 1); + --bulma-danger-70-invert-l: var(--bulma-danger-05-l); + --bulma-danger-70-invert: hsla(var(--bulma-danger-h), var(--bulma-danger-s), var(--bulma-danger-70-invert-l), 1); + --bulma-danger-75: hsla(var(--bulma-danger-h), var(--bulma-danger-s), var(--bulma-danger-75-l), 1); + --bulma-danger-75-invert-l: var(--bulma-danger-10-l); + --bulma-danger-75-invert: hsla(var(--bulma-danger-h), var(--bulma-danger-s), var(--bulma-danger-75-invert-l), 1); + --bulma-danger-80: hsla(var(--bulma-danger-h), var(--bulma-danger-s), var(--bulma-danger-80-l), 1); + --bulma-danger-80-invert-l: var(--bulma-danger-15-l); + --bulma-danger-80-invert: hsla(var(--bulma-danger-h), var(--bulma-danger-s), var(--bulma-danger-80-invert-l), 1); + --bulma-danger-85: hsla(var(--bulma-danger-h), var(--bulma-danger-s), var(--bulma-danger-85-l), 1); + --bulma-danger-85-invert-l: var(--bulma-danger-20-l); + --bulma-danger-85-invert: hsla(var(--bulma-danger-h), var(--bulma-danger-s), var(--bulma-danger-85-invert-l), 1); + --bulma-danger-90: hsla(var(--bulma-danger-h), var(--bulma-danger-s), var(--bulma-danger-90-l), 1); + --bulma-danger-90-invert-l: var(--bulma-danger-25-l); + --bulma-danger-90-invert: hsla(var(--bulma-danger-h), var(--bulma-danger-s), var(--bulma-danger-90-invert-l), 1); + --bulma-danger-95: hsla(var(--bulma-danger-h), var(--bulma-danger-s), var(--bulma-danger-95-l), 1); + --bulma-danger-95-invert-l: var(--bulma-danger-25-l); + --bulma-danger-95-invert: hsla(var(--bulma-danger-h), var(--bulma-danger-s), var(--bulma-danger-95-invert-l), 1); + --bulma-danger-100: hsla(var(--bulma-danger-h), var(--bulma-danger-s), var(--bulma-danger-100-l), 1); + --bulma-danger-100-invert-l: var(--bulma-danger-30-l); + --bulma-danger-100-invert: hsla(var(--bulma-danger-h), var(--bulma-danger-s), var(--bulma-danger-100-invert-l), 1); + --bulma-danger-invert-l: var(--bulma-danger-05-l); + --bulma-danger-invert: hsla(var(--bulma-danger-h), var(--bulma-danger-s), var(--bulma-danger-invert-l), 1); + --bulma-danger-light-l: var(--bulma-danger-90-l); + --bulma-danger-light: hsla(var(--bulma-danger-h), var(--bulma-danger-s), var(--bulma-danger-light-l), 1); + --bulma-danger-light-invert-l: var(--bulma-danger-25-l); + --bulma-danger-light-invert: hsla(var(--bulma-danger-h), var(--bulma-danger-s), var(--bulma-danger-light-invert-l), 1); + --bulma-danger-dark-l: var(--bulma-danger-10-l); + --bulma-danger-dark: hsla(var(--bulma-danger-h), var(--bulma-danger-s), var(--bulma-danger-dark-l), 1); + --bulma-danger-dark-invert-l: var(--bulma-danger-75-l); + --bulma-danger-dark-invert: hsla(var(--bulma-danger-h), var(--bulma-danger-s), var(--bulma-danger-dark-invert-l), 1); + --bulma-danger-soft: hsla(var(--bulma-danger-h), var(--bulma-danger-s), var(--bulma-soft-l), 1); + --bulma-danger-bold: hsla(var(--bulma-danger-h), var(--bulma-danger-s), var(--bulma-bold-l), 1); + --bulma-danger-soft-invert: hsla(var(--bulma-danger-h), var(--bulma-danger-s), var(--bulma-soft-invert-l), 1); + --bulma-danger-bold-invert: hsla(var(--bulma-danger-h), var(--bulma-danger-s), var(--bulma-bold-invert-l), 1); + --bulma-danger-on-scheme-l: 40%; + --bulma-danger-on-scheme: hsla(var(--bulma-danger-h), var(--bulma-danger-s), var(--bulma-danger-on-scheme-l), 1); + --bulma-black-bis: hsl(221, 14%, 9%); + --bulma-black-ter: hsl(221, 14%, 14%); + --bulma-grey-darker: hsl(221, 14%, 21%); + --bulma-grey-dark: hsl(221, 14%, 29%); + --bulma-grey: hsl(221, 14%, 48%); + --bulma-grey-light: hsl(221, 14%, 71%); + --bulma-grey-lighter: hsl(221, 14%, 86%); + --bulma-white-ter: hsl(221, 14%, 96%); + --bulma-white-bis: hsl(221, 14%, 98%); + --bulma-shadow-h: 221deg; + --bulma-shadow-s: 14%; + --bulma-shadow-l: 4%; + --bulma-size-1: 3rem; + --bulma-size-2: 2.5rem; + --bulma-size-3: 2rem; + --bulma-size-4: 1.5rem; + --bulma-size-5: 1.25rem; + --bulma-size-6: 1rem; + --bulma-size-7: 0.75rem; + } +} +@media (prefers-color-scheme: dark) { + :root { + --bulma-white-on-scheme-l: 100%; + --bulma-white-on-scheme: hsla(var(--bulma-white-h), var(--bulma-white-s), var(--bulma-white-on-scheme-l), 1); + --bulma-black-on-scheme-l: 0%; + --bulma-black-on-scheme: hsla(var(--bulma-black-h), var(--bulma-black-s), var(--bulma-black-on-scheme-l), 1); + --bulma-light-on-scheme-l: 96%; + --bulma-light-on-scheme: hsla(var(--bulma-light-h), var(--bulma-light-s), var(--bulma-light-on-scheme-l), 1); + --bulma-dark-on-scheme-l: 56%; + --bulma-dark-on-scheme: hsla(var(--bulma-dark-h), var(--bulma-dark-s), var(--bulma-dark-on-scheme-l), 1); + --bulma-text-on-scheme-l: 54%; + --bulma-text-on-scheme: hsla(var(--bulma-text-h), var(--bulma-text-s), var(--bulma-text-on-scheme-l), 1); + --bulma-primary-on-scheme-l: 41%; + --bulma-primary-on-scheme: hsla(var(--bulma-primary-h), var(--bulma-primary-s), var(--bulma-primary-on-scheme-l), 1); + --bulma-link-on-scheme-l: 73%; + --bulma-link-on-scheme: hsla(var(--bulma-link-h), var(--bulma-link-s), var(--bulma-link-on-scheme-l), 1); + --bulma-info-on-scheme-l: 70%; + --bulma-info-on-scheme: hsla(var(--bulma-info-h), var(--bulma-info-s), var(--bulma-info-on-scheme-l), 1); + --bulma-success-on-scheme-l: 53%; + --bulma-success-on-scheme: hsla(var(--bulma-success-h), var(--bulma-success-s), var(--bulma-success-on-scheme-l), 1); + --bulma-warning-on-scheme-l: 53%; + --bulma-warning-on-scheme: hsla(var(--bulma-warning-h), var(--bulma-warning-s), var(--bulma-warning-on-scheme-l), 1); + --bulma-danger-on-scheme-l: 70%; + --bulma-danger-on-scheme: hsla(var(--bulma-danger-h), var(--bulma-danger-s), var(--bulma-danger-on-scheme-l), 1); + --bulma-scheme-brightness: dark; + --bulma-scheme-main-l: 9%; + --bulma-scheme-main-bis-l: 11%; + --bulma-scheme-main-ter-l: 13%; + --bulma-soft-l: 20%; + --bulma-bold-l: 90%; + --bulma-soft-invert-l: 90%; + --bulma-bold-invert-l: 20%; + --bulma-background-l: 14%; + --bulma-border-weak-l: 21%; + --bulma-border-l: 24%; + --bulma-text-weak-l: 53%; + --bulma-text-l: 71%; + --bulma-text-strong-l: 93%; + --bulma-text-title-l: 100%; + --bulma-hover-background-l-delta: 5%; + --bulma-active-background-l-delta: 10%; + --bulma-hover-border-l-delta: 10%; + --bulma-active-border-l-delta: 20%; + --bulma-hover-color-l-delta: 5%; + --bulma-active-color-l-delta: 10%; + --bulma-shadow-h: 0deg; + --bulma-shadow-s: 0%; + --bulma-shadow-l: 100%; + } +} +[data-theme=light], +.theme-light { + --bulma-scheme-h: 221; + --bulma-scheme-s: 14%; + --bulma-light-l: 90%; + --bulma-light-invert-l: 20%; + --bulma-dark-l: 20%; + --bulma-dark-invert-l: 90%; + --bulma-soft-l: 90%; + --bulma-bold-l: 20%; + --bulma-soft-invert-l: 20%; + --bulma-bold-invert-l: 90%; + --bulma-hover-background-l-delta: -5%; + --bulma-active-background-l-delta: -10%; + --bulma-hover-border-l-delta: -10%; + --bulma-active-border-l-delta: -20%; + --bulma-hover-color-l-delta: -5%; + --bulma-active-color-l-delta: -10%; + --bulma-hover-shadow-a-delta: -0.05; + --bulma-active-shadow-a-delta: -0.1; + --bulma-scheme-brightness: light; + --bulma-scheme-main-l: 100%; + --bulma-scheme-main-bis-l: 98%; + --bulma-scheme-main-ter-l: 96%; + --bulma-background-l: 96%; + --bulma-border-weak-l: 93%; + --bulma-border-l: 86%; + --bulma-text-weak-l: 48%; + --bulma-text-l: 29%; + --bulma-text-strong-l: 21%; + --bulma-text-title-l: 14%; + --bulma-scheme-invert-ter-l: 14%; + --bulma-scheme-invert-bis-l: 7%; + --bulma-scheme-invert-l: 4%; + --bulma-family-primary: Inter, SF Pro, Segoe UI, Roboto, Oxygen, Ubuntu, Helvetica Neue, Helvetica, Arial, sans-serif; + --bulma-family-secondary: Inter, SF Pro, Segoe UI, Roboto, Oxygen, Ubuntu, Helvetica Neue, Helvetica, Arial, sans-serif; + --bulma-family-code: Inconsolata, Hack, SF Mono, Roboto Mono, Source Code Pro, Ubuntu Mono, monospace; + --bulma-size-small: 0.75rem; + --bulma-size-normal: 1rem; + --bulma-size-medium: 1.25rem; + --bulma-size-large: 1.5rem; + --bulma-weight-light: 300; + --bulma-weight-normal: 400; + --bulma-weight-medium: 500; + --bulma-weight-semibold: 600; + --bulma-weight-bold: 700; + --bulma-weight-extrabold: 800; + --bulma-block-spacing: 1.5rem; + --bulma-duration: 294ms; + --bulma-easing: ease-out; + --bulma-radius-small: 0.25rem; + --bulma-radius: 0.375rem; + --bulma-radius-medium: 0.5em; + --bulma-radius-large: 0.75rem; + --bulma-radius-rounded: 9999px; + --bulma-speed: 86ms; + --bulma-arrow-color: var(--bulma-link); + --bulma-loading-color: var(--bulma-border); + --bulma-burger-h: var(--bulma-link-h); + --bulma-burger-s: var(--bulma-link-s); + --bulma-burger-l: var(--bulma-link-l); + --bulma-burger-border-radius: 0.5em; + --bulma-burger-gap: 5px; + --bulma-burger-item-height: 2px; + --bulma-burger-item-width: 20px; + --bulma-white: hsla(var(--bulma-white-h), var(--bulma-white-s), var(--bulma-white-l), 1); + --bulma-white-base: hsla(var(--bulma-white-h), var(--bulma-white-s), var(--bulma-white-l), 1); + --bulma-white-rgb: 255, 255, 255; + --bulma-white-h: 221deg; + --bulma-white-s: 14%; + --bulma-white-l: 100%; + --bulma-white-invert-l: 4%; + --bulma-white-invert: hsl(221, 14%, 4%); + --bulma-white-on-scheme-l: 35%; + --bulma-white-on-scheme: hsla(var(--bulma-white-h), var(--bulma-white-s), var(--bulma-white-on-scheme-l), 1); + --bulma-black: hsla(var(--bulma-black-h), var(--bulma-black-s), var(--bulma-black-l), 1); + --bulma-black-base: hsla(var(--bulma-black-h), var(--bulma-black-s), var(--bulma-black-l), 1); + --bulma-black-rgb: 9, 10, 12; + --bulma-black-h: 221deg; + --bulma-black-s: 14%; + --bulma-black-l: 4%; + --bulma-black-invert-l: 100%; + --bulma-black-invert: hsl(221, 14%, 100%); + --bulma-black-on-scheme-l: 4%; + --bulma-black-on-scheme: hsla(var(--bulma-black-h), var(--bulma-black-s), var(--bulma-black-on-scheme-l), 1); + --bulma-light: hsla(var(--bulma-light-h), var(--bulma-light-s), var(--bulma-light-l), 1); + --bulma-light-base: hsla(var(--bulma-light-h), var(--bulma-light-s), var(--bulma-light-l), 1); + --bulma-light-rgb: 243, 244, 246; + --bulma-light-h: 221deg; + --bulma-light-s: 14%; + --bulma-light-l: 96%; + --bulma-light-invert-l: 21%; + --bulma-light-invert: hsl(221, 14%, 21%); + --bulma-light-on-scheme-l: 36%; + --bulma-light-on-scheme: hsla(var(--bulma-light-h), var(--bulma-light-s), var(--bulma-light-on-scheme-l), 1); + --bulma-dark: hsla(var(--bulma-dark-h), var(--bulma-dark-s), var(--bulma-dark-l), 1); + --bulma-dark-base: hsla(var(--bulma-dark-h), var(--bulma-dark-s), var(--bulma-dark-l), 1); + --bulma-dark-rgb: 46, 51, 61; + --bulma-dark-h: 221deg; + --bulma-dark-s: 14%; + --bulma-dark-l: 21%; + --bulma-dark-invert-l: 96%; + --bulma-dark-invert: hsl(221, 14%, 96%); + --bulma-dark-on-scheme-l: 21%; + --bulma-dark-on-scheme: hsla(var(--bulma-dark-h), var(--bulma-dark-s), var(--bulma-dark-on-scheme-l), 1); + --bulma-text: hsla(var(--bulma-text-h), var(--bulma-text-s), var(--bulma-text-l), 1); + --bulma-text-base: hsla(var(--bulma-text-h), var(--bulma-text-s), var(--bulma-text-l), 1); + --bulma-text-rgb: 64, 70, 84; + --bulma-text-h: 221deg; + --bulma-text-s: 14%; + --bulma-text-l: 29%; + --bulma-text-00-l: 0%; + --bulma-text-05-l: 4%; + --bulma-text-10-l: 9%; + --bulma-text-15-l: 14%; + --bulma-text-20-l: 19%; + --bulma-text-25-l: 24%; + --bulma-text-30-l: 29%; + --bulma-text-35-l: 34%; + --bulma-text-40-l: 39%; + --bulma-text-45-l: 44%; + --bulma-text-50-l: 49%; + --bulma-text-55-l: 54%; + --bulma-text-60-l: 59%; + --bulma-text-65-l: 64%; + --bulma-text-70-l: 69%; + --bulma-text-75-l: 74%; + --bulma-text-80-l: 79%; + --bulma-text-85-l: 84%; + --bulma-text-90-l: 89%; + --bulma-text-95-l: 94%; + --bulma-text-100-l: 99%; + --bulma-text-00: hsla(var(--bulma-text-h), var(--bulma-text-s), var(--bulma-text-00-l), 1); + --bulma-text-00-invert-l: var(--bulma-text-60-l); + --bulma-text-00-invert: hsla(var(--bulma-text-h), var(--bulma-text-s), var(--bulma-text-00-invert-l), 1); + --bulma-text-05: hsla(var(--bulma-text-h), var(--bulma-text-s), var(--bulma-text-05-l), 1); + --bulma-text-05-invert-l: var(--bulma-text-60-l); + --bulma-text-05-invert: hsla(var(--bulma-text-h), var(--bulma-text-s), var(--bulma-text-05-invert-l), 1); + --bulma-text-10: hsla(var(--bulma-text-h), var(--bulma-text-s), var(--bulma-text-10-l), 1); + --bulma-text-10-invert-l: var(--bulma-text-70-l); + --bulma-text-10-invert: hsla(var(--bulma-text-h), var(--bulma-text-s), var(--bulma-text-10-invert-l), 1); + --bulma-text-15: hsla(var(--bulma-text-h), var(--bulma-text-s), var(--bulma-text-15-l), 1); + --bulma-text-15-invert-l: var(--bulma-text-75-l); + --bulma-text-15-invert: hsla(var(--bulma-text-h), var(--bulma-text-s), var(--bulma-text-15-invert-l), 1); + --bulma-text-20: hsla(var(--bulma-text-h), var(--bulma-text-s), var(--bulma-text-20-l), 1); + --bulma-text-20-invert-l: var(--bulma-text-85-l); + --bulma-text-20-invert: hsla(var(--bulma-text-h), var(--bulma-text-s), var(--bulma-text-20-invert-l), 1); + --bulma-text-25: hsla(var(--bulma-text-h), var(--bulma-text-s), var(--bulma-text-25-l), 1); + --bulma-text-25-invert-l: var(--bulma-text-95-l); + --bulma-text-25-invert: hsla(var(--bulma-text-h), var(--bulma-text-s), var(--bulma-text-25-invert-l), 1); + --bulma-text-30: hsla(var(--bulma-text-h), var(--bulma-text-s), var(--bulma-text-30-l), 1); + --bulma-text-30-invert-l: var(--bulma-text-100-l); + --bulma-text-30-invert: hsla(var(--bulma-text-h), var(--bulma-text-s), var(--bulma-text-30-invert-l), 1); + --bulma-text-35: hsla(var(--bulma-text-h), var(--bulma-text-s), var(--bulma-text-35-l), 1); + --bulma-text-35-invert-l: var(--bulma-text-100-l); + --bulma-text-35-invert: hsla(var(--bulma-text-h), var(--bulma-text-s), var(--bulma-text-35-invert-l), 1); + --bulma-text-40: hsla(var(--bulma-text-h), var(--bulma-text-s), var(--bulma-text-40-l), 1); + --bulma-text-40-invert-l: var(--bulma-text-100-l); + --bulma-text-40-invert: hsla(var(--bulma-text-h), var(--bulma-text-s), var(--bulma-text-40-invert-l), 1); + --bulma-text-45: hsla(var(--bulma-text-h), var(--bulma-text-s), var(--bulma-text-45-l), 1); + --bulma-text-45-invert-l: var(--bulma-text-100-l); + --bulma-text-45-invert: hsla(var(--bulma-text-h), var(--bulma-text-s), var(--bulma-text-45-invert-l), 1); + --bulma-text-50: hsla(var(--bulma-text-h), var(--bulma-text-s), var(--bulma-text-50-l), 1); + --bulma-text-50-invert-l: var(--bulma-text-100-l); + --bulma-text-50-invert: hsla(var(--bulma-text-h), var(--bulma-text-s), var(--bulma-text-50-invert-l), 1); + --bulma-text-55: hsla(var(--bulma-text-h), var(--bulma-text-s), var(--bulma-text-55-l), 1); + --bulma-text-55-invert-l: var(--bulma-text-100-l); + --bulma-text-55-invert: hsla(var(--bulma-text-h), var(--bulma-text-s), var(--bulma-text-55-invert-l), 1); + --bulma-text-60: hsla(var(--bulma-text-h), var(--bulma-text-s), var(--bulma-text-60-l), 1); + --bulma-text-60-invert-l: var(--bulma-text-05-l); + --bulma-text-60-invert: hsla(var(--bulma-text-h), var(--bulma-text-s), var(--bulma-text-60-invert-l), 1); + --bulma-text-65: hsla(var(--bulma-text-h), var(--bulma-text-s), var(--bulma-text-65-l), 1); + --bulma-text-65-invert-l: var(--bulma-text-05-l); + --bulma-text-65-invert: hsla(var(--bulma-text-h), var(--bulma-text-s), var(--bulma-text-65-invert-l), 1); + --bulma-text-70: hsla(var(--bulma-text-h), var(--bulma-text-s), var(--bulma-text-70-l), 1); + --bulma-text-70-invert-l: var(--bulma-text-10-l); + --bulma-text-70-invert: hsla(var(--bulma-text-h), var(--bulma-text-s), var(--bulma-text-70-invert-l), 1); + --bulma-text-75: hsla(var(--bulma-text-h), var(--bulma-text-s), var(--bulma-text-75-l), 1); + --bulma-text-75-invert-l: var(--bulma-text-15-l); + --bulma-text-75-invert: hsla(var(--bulma-text-h), var(--bulma-text-s), var(--bulma-text-75-invert-l), 1); + --bulma-text-80: hsla(var(--bulma-text-h), var(--bulma-text-s), var(--bulma-text-80-l), 1); + --bulma-text-80-invert-l: var(--bulma-text-15-l); + --bulma-text-80-invert: hsla(var(--bulma-text-h), var(--bulma-text-s), var(--bulma-text-80-invert-l), 1); + --bulma-text-85: hsla(var(--bulma-text-h), var(--bulma-text-s), var(--bulma-text-85-l), 1); + --bulma-text-85-invert-l: var(--bulma-text-20-l); + --bulma-text-85-invert: hsla(var(--bulma-text-h), var(--bulma-text-s), var(--bulma-text-85-invert-l), 1); + --bulma-text-90: hsla(var(--bulma-text-h), var(--bulma-text-s), var(--bulma-text-90-l), 1); + --bulma-text-90-invert-l: var(--bulma-text-20-l); + --bulma-text-90-invert: hsla(var(--bulma-text-h), var(--bulma-text-s), var(--bulma-text-90-invert-l), 1); + --bulma-text-95: hsla(var(--bulma-text-h), var(--bulma-text-s), var(--bulma-text-95-l), 1); + --bulma-text-95-invert-l: var(--bulma-text-25-l); + --bulma-text-95-invert: hsla(var(--bulma-text-h), var(--bulma-text-s), var(--bulma-text-95-invert-l), 1); + --bulma-text-100: hsla(var(--bulma-text-h), var(--bulma-text-s), var(--bulma-text-100-l), 1); + --bulma-text-100-invert-l: var(--bulma-text-25-l); + --bulma-text-100-invert: hsla(var(--bulma-text-h), var(--bulma-text-s), var(--bulma-text-100-invert-l), 1); + --bulma-text-invert-l: var(--bulma-text-100-l); + --bulma-text-invert: hsla(var(--bulma-text-h), var(--bulma-text-s), var(--bulma-text-invert-l), 1); + --bulma-text-light-l: var(--bulma-text-90-l); + --bulma-text-light: hsla(var(--bulma-text-h), var(--bulma-text-s), var(--bulma-text-light-l), 1); + --bulma-text-light-invert-l: var(--bulma-text-20-l); + --bulma-text-light-invert: hsla(var(--bulma-text-h), var(--bulma-text-s), var(--bulma-text-light-invert-l), 1); + --bulma-text-dark-l: var(--bulma-text-10-l); + --bulma-text-dark: hsla(var(--bulma-text-h), var(--bulma-text-s), var(--bulma-text-dark-l), 1); + --bulma-text-dark-invert-l: var(--bulma-text-70-l); + --bulma-text-dark-invert: hsla(var(--bulma-text-h), var(--bulma-text-s), var(--bulma-text-dark-invert-l), 1); + --bulma-text-soft: hsla(var(--bulma-text-h), var(--bulma-text-s), var(--bulma-soft-l), 1); + --bulma-text-bold: hsla(var(--bulma-text-h), var(--bulma-text-s), var(--bulma-bold-l), 1); + --bulma-text-soft-invert: hsla(var(--bulma-text-h), var(--bulma-text-s), var(--bulma-soft-invert-l), 1); + --bulma-text-bold-invert: hsla(var(--bulma-text-h), var(--bulma-text-s), var(--bulma-bold-invert-l), 1); + --bulma-text-on-scheme-l: 29%; + --bulma-text-on-scheme: hsla(var(--bulma-text-h), var(--bulma-text-s), var(--bulma-text-on-scheme-l), 1); + --bulma-primary: hsla(var(--bulma-primary-h), var(--bulma-primary-s), var(--bulma-primary-l), 1); + --bulma-primary-base: hsla(var(--bulma-primary-h), var(--bulma-primary-s), var(--bulma-primary-l), 1); + --bulma-primary-rgb: 0, 209, 178; + --bulma-primary-h: 171deg; + --bulma-primary-s: 100%; + --bulma-primary-l: 41%; + --bulma-primary-00-l: 1%; + --bulma-primary-05-l: 6%; + --bulma-primary-10-l: 11%; + --bulma-primary-15-l: 16%; + --bulma-primary-20-l: 21%; + --bulma-primary-25-l: 26%; + --bulma-primary-30-l: 31%; + --bulma-primary-35-l: 36%; + --bulma-primary-40-l: 41%; + --bulma-primary-45-l: 46%; + --bulma-primary-50-l: 51%; + --bulma-primary-55-l: 56%; + --bulma-primary-60-l: 61%; + --bulma-primary-65-l: 66%; + --bulma-primary-70-l: 71%; + --bulma-primary-75-l: 76%; + --bulma-primary-80-l: 81%; + --bulma-primary-85-l: 86%; + --bulma-primary-90-l: 91%; + --bulma-primary-95-l: 96%; + --bulma-primary-100-l: 100%; + --bulma-primary-00: hsla(var(--bulma-primary-h), var(--bulma-primary-s), var(--bulma-primary-00-l), 1); + --bulma-primary-00-invert-l: var(--bulma-primary-30-l); + --bulma-primary-00-invert: hsla(var(--bulma-primary-h), var(--bulma-primary-s), var(--bulma-primary-00-invert-l), 1); + --bulma-primary-05: hsla(var(--bulma-primary-h), var(--bulma-primary-s), var(--bulma-primary-05-l), 1); + --bulma-primary-05-invert-l: var(--bulma-primary-40-l); + --bulma-primary-05-invert: hsla(var(--bulma-primary-h), var(--bulma-primary-s), var(--bulma-primary-05-invert-l), 1); + --bulma-primary-10: hsla(var(--bulma-primary-h), var(--bulma-primary-s), var(--bulma-primary-10-l), 1); + --bulma-primary-10-invert-l: var(--bulma-primary-50-l); + --bulma-primary-10-invert: hsla(var(--bulma-primary-h), var(--bulma-primary-s), var(--bulma-primary-10-invert-l), 1); + --bulma-primary-15: hsla(var(--bulma-primary-h), var(--bulma-primary-s), var(--bulma-primary-15-l), 1); + --bulma-primary-15-invert-l: var(--bulma-primary-100-l); + --bulma-primary-15-invert: hsla(var(--bulma-primary-h), var(--bulma-primary-s), var(--bulma-primary-15-invert-l), 1); + --bulma-primary-20: hsla(var(--bulma-primary-h), var(--bulma-primary-s), var(--bulma-primary-20-l), 1); + --bulma-primary-20-invert-l: var(--bulma-primary-100-l); + --bulma-primary-20-invert: hsla(var(--bulma-primary-h), var(--bulma-primary-s), var(--bulma-primary-20-invert-l), 1); + --bulma-primary-25: hsla(var(--bulma-primary-h), var(--bulma-primary-s), var(--bulma-primary-25-l), 1); + --bulma-primary-25-invert-l: var(--bulma-primary-100-l); + --bulma-primary-25-invert: hsla(var(--bulma-primary-h), var(--bulma-primary-s), var(--bulma-primary-25-invert-l), 1); + --bulma-primary-30: hsla(var(--bulma-primary-h), var(--bulma-primary-s), var(--bulma-primary-30-l), 1); + --bulma-primary-30-invert-l: var(--bulma-primary-00-l); + --bulma-primary-30-invert: hsla(var(--bulma-primary-h), var(--bulma-primary-s), var(--bulma-primary-30-invert-l), 1); + --bulma-primary-35: hsla(var(--bulma-primary-h), var(--bulma-primary-s), var(--bulma-primary-35-l), 1); + --bulma-primary-35-invert-l: var(--bulma-primary-00-l); + --bulma-primary-35-invert: hsla(var(--bulma-primary-h), var(--bulma-primary-s), var(--bulma-primary-35-invert-l), 1); + --bulma-primary-40: hsla(var(--bulma-primary-h), var(--bulma-primary-s), var(--bulma-primary-40-l), 1); + --bulma-primary-40-invert-l: var(--bulma-primary-05-l); + --bulma-primary-40-invert: hsla(var(--bulma-primary-h), var(--bulma-primary-s), var(--bulma-primary-40-invert-l), 1); + --bulma-primary-45: hsla(var(--bulma-primary-h), var(--bulma-primary-s), var(--bulma-primary-45-l), 1); + --bulma-primary-45-invert-l: var(--bulma-primary-05-l); + --bulma-primary-45-invert: hsla(var(--bulma-primary-h), var(--bulma-primary-s), var(--bulma-primary-45-invert-l), 1); + --bulma-primary-50: hsla(var(--bulma-primary-h), var(--bulma-primary-s), var(--bulma-primary-50-l), 1); + --bulma-primary-50-invert-l: var(--bulma-primary-10-l); + --bulma-primary-50-invert: hsla(var(--bulma-primary-h), var(--bulma-primary-s), var(--bulma-primary-50-invert-l), 1); + --bulma-primary-55: hsla(var(--bulma-primary-h), var(--bulma-primary-s), var(--bulma-primary-55-l), 1); + --bulma-primary-55-invert-l: var(--bulma-primary-10-l); + --bulma-primary-55-invert: hsla(var(--bulma-primary-h), var(--bulma-primary-s), var(--bulma-primary-55-invert-l), 1); + --bulma-primary-60: hsla(var(--bulma-primary-h), var(--bulma-primary-s), var(--bulma-primary-60-l), 1); + --bulma-primary-60-invert-l: var(--bulma-primary-10-l); + --bulma-primary-60-invert: hsla(var(--bulma-primary-h), var(--bulma-primary-s), var(--bulma-primary-60-invert-l), 1); + --bulma-primary-65: hsla(var(--bulma-primary-h), var(--bulma-primary-s), var(--bulma-primary-65-l), 1); + --bulma-primary-65-invert-l: var(--bulma-primary-10-l); + --bulma-primary-65-invert: hsla(var(--bulma-primary-h), var(--bulma-primary-s), var(--bulma-primary-65-invert-l), 1); + --bulma-primary-70: hsla(var(--bulma-primary-h), var(--bulma-primary-s), var(--bulma-primary-70-l), 1); + --bulma-primary-70-invert-l: var(--bulma-primary-10-l); + --bulma-primary-70-invert: hsla(var(--bulma-primary-h), var(--bulma-primary-s), var(--bulma-primary-70-invert-l), 1); + --bulma-primary-75: hsla(var(--bulma-primary-h), var(--bulma-primary-s), var(--bulma-primary-75-l), 1); + --bulma-primary-75-invert-l: var(--bulma-primary-10-l); + --bulma-primary-75-invert: hsla(var(--bulma-primary-h), var(--bulma-primary-s), var(--bulma-primary-75-invert-l), 1); + --bulma-primary-80: hsla(var(--bulma-primary-h), var(--bulma-primary-s), var(--bulma-primary-80-l), 1); + --bulma-primary-80-invert-l: var(--bulma-primary-10-l); + --bulma-primary-80-invert: hsla(var(--bulma-primary-h), var(--bulma-primary-s), var(--bulma-primary-80-invert-l), 1); + --bulma-primary-85: hsla(var(--bulma-primary-h), var(--bulma-primary-s), var(--bulma-primary-85-l), 1); + --bulma-primary-85-invert-l: var(--bulma-primary-10-l); + --bulma-primary-85-invert: hsla(var(--bulma-primary-h), var(--bulma-primary-s), var(--bulma-primary-85-invert-l), 1); + --bulma-primary-90: hsla(var(--bulma-primary-h), var(--bulma-primary-s), var(--bulma-primary-90-l), 1); + --bulma-primary-90-invert-l: var(--bulma-primary-10-l); + --bulma-primary-90-invert: hsla(var(--bulma-primary-h), var(--bulma-primary-s), var(--bulma-primary-90-invert-l), 1); + --bulma-primary-95: hsla(var(--bulma-primary-h), var(--bulma-primary-s), var(--bulma-primary-95-l), 1); + --bulma-primary-95-invert-l: var(--bulma-primary-10-l); + --bulma-primary-95-invert: hsla(var(--bulma-primary-h), var(--bulma-primary-s), var(--bulma-primary-95-invert-l), 1); + --bulma-primary-100: hsla(var(--bulma-primary-h), var(--bulma-primary-s), var(--bulma-primary-100-l), 1); + --bulma-primary-100-invert-l: var(--bulma-primary-15-l); + --bulma-primary-100-invert: hsla(var(--bulma-primary-h), var(--bulma-primary-s), var(--bulma-primary-100-invert-l), 1); + --bulma-primary-invert-l: var(--bulma-primary-05-l); + --bulma-primary-invert: hsla(var(--bulma-primary-h), var(--bulma-primary-s), var(--bulma-primary-invert-l), 1); + --bulma-primary-light-l: var(--bulma-primary-90-l); + --bulma-primary-light: hsla(var(--bulma-primary-h), var(--bulma-primary-s), var(--bulma-primary-light-l), 1); + --bulma-primary-light-invert-l: var(--bulma-primary-10-l); + --bulma-primary-light-invert: hsla(var(--bulma-primary-h), var(--bulma-primary-s), var(--bulma-primary-light-invert-l), 1); + --bulma-primary-dark-l: var(--bulma-primary-10-l); + --bulma-primary-dark: hsla(var(--bulma-primary-h), var(--bulma-primary-s), var(--bulma-primary-dark-l), 1); + --bulma-primary-dark-invert-l: var(--bulma-primary-50-l); + --bulma-primary-dark-invert: hsla(var(--bulma-primary-h), var(--bulma-primary-s), var(--bulma-primary-dark-invert-l), 1); + --bulma-primary-soft: hsla(var(--bulma-primary-h), var(--bulma-primary-s), var(--bulma-soft-l), 1); + --bulma-primary-bold: hsla(var(--bulma-primary-h), var(--bulma-primary-s), var(--bulma-bold-l), 1); + --bulma-primary-soft-invert: hsla(var(--bulma-primary-h), var(--bulma-primary-s), var(--bulma-soft-invert-l), 1); + --bulma-primary-bold-invert: hsla(var(--bulma-primary-h), var(--bulma-primary-s), var(--bulma-bold-invert-l), 1); + --bulma-primary-on-scheme-l: 21%; + --bulma-primary-on-scheme: hsla(var(--bulma-primary-h), var(--bulma-primary-s), var(--bulma-primary-on-scheme-l), 1); + --bulma-link: hsla(var(--bulma-link-h), var(--bulma-link-s), var(--bulma-link-l), 1); + --bulma-link-base: hsla(var(--bulma-link-h), var(--bulma-link-s), var(--bulma-link-l), 1); + --bulma-link-rgb: 66, 88, 255; + --bulma-link-h: 233deg; + --bulma-link-s: 100%; + --bulma-link-l: 63%; + --bulma-link-00-l: 0%; + --bulma-link-05-l: 3%; + --bulma-link-10-l: 8%; + --bulma-link-15-l: 13%; + --bulma-link-20-l: 18%; + --bulma-link-25-l: 23%; + --bulma-link-30-l: 28%; + --bulma-link-35-l: 33%; + --bulma-link-40-l: 38%; + --bulma-link-45-l: 43%; + --bulma-link-50-l: 48%; + --bulma-link-55-l: 53%; + --bulma-link-60-l: 58%; + --bulma-link-65-l: 63%; + --bulma-link-70-l: 68%; + --bulma-link-75-l: 73%; + --bulma-link-80-l: 78%; + --bulma-link-85-l: 83%; + --bulma-link-90-l: 88%; + --bulma-link-95-l: 93%; + --bulma-link-100-l: 98%; + --bulma-link-00: hsla(var(--bulma-link-h), var(--bulma-link-s), var(--bulma-link-00-l), 1); + --bulma-link-00-invert-l: var(--bulma-link-75-l); + --bulma-link-00-invert: hsla(var(--bulma-link-h), var(--bulma-link-s), var(--bulma-link-00-invert-l), 1); + --bulma-link-05: hsla(var(--bulma-link-h), var(--bulma-link-s), var(--bulma-link-05-l), 1); + --bulma-link-05-invert-l: var(--bulma-link-75-l); + --bulma-link-05-invert: hsla(var(--bulma-link-h), var(--bulma-link-s), var(--bulma-link-05-invert-l), 1); + --bulma-link-10: hsla(var(--bulma-link-h), var(--bulma-link-s), var(--bulma-link-10-l), 1); + --bulma-link-10-invert-l: var(--bulma-link-75-l); + --bulma-link-10-invert: hsla(var(--bulma-link-h), var(--bulma-link-s), var(--bulma-link-10-invert-l), 1); + --bulma-link-15: hsla(var(--bulma-link-h), var(--bulma-link-s), var(--bulma-link-15-l), 1); + --bulma-link-15-invert-l: var(--bulma-link-80-l); + --bulma-link-15-invert: hsla(var(--bulma-link-h), var(--bulma-link-s), var(--bulma-link-15-invert-l), 1); + --bulma-link-20: hsla(var(--bulma-link-h), var(--bulma-link-s), var(--bulma-link-20-l), 1); + --bulma-link-20-invert-l: var(--bulma-link-80-l); + --bulma-link-20-invert: hsla(var(--bulma-link-h), var(--bulma-link-s), var(--bulma-link-20-invert-l), 1); + --bulma-link-25: hsla(var(--bulma-link-h), var(--bulma-link-s), var(--bulma-link-25-l), 1); + --bulma-link-25-invert-l: var(--bulma-link-85-l); + --bulma-link-25-invert: hsla(var(--bulma-link-h), var(--bulma-link-s), var(--bulma-link-25-invert-l), 1); + --bulma-link-30: hsla(var(--bulma-link-h), var(--bulma-link-s), var(--bulma-link-30-l), 1); + --bulma-link-30-invert-l: var(--bulma-link-90-l); + --bulma-link-30-invert: hsla(var(--bulma-link-h), var(--bulma-link-s), var(--bulma-link-30-invert-l), 1); + --bulma-link-35: hsla(var(--bulma-link-h), var(--bulma-link-s), var(--bulma-link-35-l), 1); + --bulma-link-35-invert-l: var(--bulma-link-90-l); + --bulma-link-35-invert: hsla(var(--bulma-link-h), var(--bulma-link-s), var(--bulma-link-35-invert-l), 1); + --bulma-link-40: hsla(var(--bulma-link-h), var(--bulma-link-s), var(--bulma-link-40-l), 1); + --bulma-link-40-invert-l: var(--bulma-link-95-l); + --bulma-link-40-invert: hsla(var(--bulma-link-h), var(--bulma-link-s), var(--bulma-link-40-invert-l), 1); + --bulma-link-45: hsla(var(--bulma-link-h), var(--bulma-link-s), var(--bulma-link-45-l), 1); + --bulma-link-45-invert-l: var(--bulma-link-100-l); + --bulma-link-45-invert: hsla(var(--bulma-link-h), var(--bulma-link-s), var(--bulma-link-45-invert-l), 1); + --bulma-link-50: hsla(var(--bulma-link-h), var(--bulma-link-s), var(--bulma-link-50-l), 1); + --bulma-link-50-invert-l: var(--bulma-link-100-l); + --bulma-link-50-invert: hsla(var(--bulma-link-h), var(--bulma-link-s), var(--bulma-link-50-invert-l), 1); + --bulma-link-55: hsla(var(--bulma-link-h), var(--bulma-link-s), var(--bulma-link-55-l), 1); + --bulma-link-55-invert-l: var(--bulma-link-100-l); + --bulma-link-55-invert: hsla(var(--bulma-link-h), var(--bulma-link-s), var(--bulma-link-55-invert-l), 1); + --bulma-link-60: hsla(var(--bulma-link-h), var(--bulma-link-s), var(--bulma-link-60-l), 1); + --bulma-link-60-invert-l: var(--bulma-link-100-l); + --bulma-link-60-invert: hsla(var(--bulma-link-h), var(--bulma-link-s), var(--bulma-link-60-invert-l), 1); + --bulma-link-65: hsla(var(--bulma-link-h), var(--bulma-link-s), var(--bulma-link-65-l), 1); + --bulma-link-65-invert-l: var(--bulma-link-100-l); + --bulma-link-65-invert: hsla(var(--bulma-link-h), var(--bulma-link-s), var(--bulma-link-65-invert-l), 1); + --bulma-link-70: hsla(var(--bulma-link-h), var(--bulma-link-s), var(--bulma-link-70-l), 1); + --bulma-link-70-invert-l: var(--bulma-link-100-l); + --bulma-link-70-invert: hsla(var(--bulma-link-h), var(--bulma-link-s), var(--bulma-link-70-invert-l), 1); + --bulma-link-75: hsla(var(--bulma-link-h), var(--bulma-link-s), var(--bulma-link-75-l), 1); + --bulma-link-75-invert-l: var(--bulma-link-10-l); + --bulma-link-75-invert: hsla(var(--bulma-link-h), var(--bulma-link-s), var(--bulma-link-75-invert-l), 1); + --bulma-link-80: hsla(var(--bulma-link-h), var(--bulma-link-s), var(--bulma-link-80-l), 1); + --bulma-link-80-invert-l: var(--bulma-link-20-l); + --bulma-link-80-invert: hsla(var(--bulma-link-h), var(--bulma-link-s), var(--bulma-link-80-invert-l), 1); + --bulma-link-85: hsla(var(--bulma-link-h), var(--bulma-link-s), var(--bulma-link-85-l), 1); + --bulma-link-85-invert-l: var(--bulma-link-25-l); + --bulma-link-85-invert: hsla(var(--bulma-link-h), var(--bulma-link-s), var(--bulma-link-85-invert-l), 1); + --bulma-link-90: hsla(var(--bulma-link-h), var(--bulma-link-s), var(--bulma-link-90-l), 1); + --bulma-link-90-invert-l: var(--bulma-link-35-l); + --bulma-link-90-invert: hsla(var(--bulma-link-h), var(--bulma-link-s), var(--bulma-link-90-invert-l), 1); + --bulma-link-95: hsla(var(--bulma-link-h), var(--bulma-link-s), var(--bulma-link-95-l), 1); + --bulma-link-95-invert-l: var(--bulma-link-40-l); + --bulma-link-95-invert: hsla(var(--bulma-link-h), var(--bulma-link-s), var(--bulma-link-95-invert-l), 1); + --bulma-link-100: hsla(var(--bulma-link-h), var(--bulma-link-s), var(--bulma-link-100-l), 1); + --bulma-link-100-invert-l: var(--bulma-link-50-l); + --bulma-link-100-invert: hsla(var(--bulma-link-h), var(--bulma-link-s), var(--bulma-link-100-invert-l), 1); + --bulma-link-invert-l: var(--bulma-link-100-l); + --bulma-link-invert: hsla(var(--bulma-link-h), var(--bulma-link-s), var(--bulma-link-invert-l), 1); + --bulma-link-light-l: var(--bulma-link-90-l); + --bulma-link-light: hsla(var(--bulma-link-h), var(--bulma-link-s), var(--bulma-link-light-l), 1); + --bulma-link-light-invert-l: var(--bulma-link-35-l); + --bulma-link-light-invert: hsla(var(--bulma-link-h), var(--bulma-link-s), var(--bulma-link-light-invert-l), 1); + --bulma-link-dark-l: var(--bulma-link-10-l); + --bulma-link-dark: hsla(var(--bulma-link-h), var(--bulma-link-s), var(--bulma-link-dark-l), 1); + --bulma-link-dark-invert-l: var(--bulma-link-75-l); + --bulma-link-dark-invert: hsla(var(--bulma-link-h), var(--bulma-link-s), var(--bulma-link-dark-invert-l), 1); + --bulma-link-soft: hsla(var(--bulma-link-h), var(--bulma-link-s), var(--bulma-soft-l), 1); + --bulma-link-bold: hsla(var(--bulma-link-h), var(--bulma-link-s), var(--bulma-bold-l), 1); + --bulma-link-soft-invert: hsla(var(--bulma-link-h), var(--bulma-link-s), var(--bulma-soft-invert-l), 1); + --bulma-link-bold-invert: hsla(var(--bulma-link-h), var(--bulma-link-s), var(--bulma-bold-invert-l), 1); + --bulma-link-on-scheme-l: 58%; + --bulma-link-on-scheme: hsla(var(--bulma-link-h), var(--bulma-link-s), var(--bulma-link-on-scheme-l), 1); + --bulma-info: hsla(var(--bulma-info-h), var(--bulma-info-s), var(--bulma-info-l), 1); + --bulma-info-base: hsla(var(--bulma-info-h), var(--bulma-info-s), var(--bulma-info-l), 1); + --bulma-info-rgb: 102, 209, 255; + --bulma-info-h: 198deg; + --bulma-info-s: 100%; + --bulma-info-l: 70%; + --bulma-info-00-l: 0%; + --bulma-info-05-l: 5%; + --bulma-info-10-l: 10%; + --bulma-info-15-l: 15%; + --bulma-info-20-l: 20%; + --bulma-info-25-l: 25%; + --bulma-info-30-l: 30%; + --bulma-info-35-l: 35%; + --bulma-info-40-l: 40%; + --bulma-info-45-l: 45%; + --bulma-info-50-l: 50%; + --bulma-info-55-l: 55%; + --bulma-info-60-l: 60%; + --bulma-info-65-l: 65%; + --bulma-info-70-l: 70%; + --bulma-info-75-l: 75%; + --bulma-info-80-l: 80%; + --bulma-info-85-l: 85%; + --bulma-info-90-l: 90%; + --bulma-info-95-l: 95%; + --bulma-info-100-l: 100%; + --bulma-info-00: hsla(var(--bulma-info-h), var(--bulma-info-s), var(--bulma-info-00-l), 1); + --bulma-info-00-invert-l: var(--bulma-info-45-l); + --bulma-info-00-invert: hsla(var(--bulma-info-h), var(--bulma-info-s), var(--bulma-info-00-invert-l), 1); + --bulma-info-05: hsla(var(--bulma-info-h), var(--bulma-info-s), var(--bulma-info-05-l), 1); + --bulma-info-05-invert-l: var(--bulma-info-50-l); + --bulma-info-05-invert: hsla(var(--bulma-info-h), var(--bulma-info-s), var(--bulma-info-05-invert-l), 1); + --bulma-info-10: hsla(var(--bulma-info-h), var(--bulma-info-s), var(--bulma-info-10-l), 1); + --bulma-info-10-invert-l: var(--bulma-info-60-l); + --bulma-info-10-invert: hsla(var(--bulma-info-h), var(--bulma-info-s), var(--bulma-info-10-invert-l), 1); + --bulma-info-15: hsla(var(--bulma-info-h), var(--bulma-info-s), var(--bulma-info-15-l), 1); + --bulma-info-15-invert-l: var(--bulma-info-80-l); + --bulma-info-15-invert: hsla(var(--bulma-info-h), var(--bulma-info-s), var(--bulma-info-15-invert-l), 1); + --bulma-info-20: hsla(var(--bulma-info-h), var(--bulma-info-s), var(--bulma-info-20-l), 1); + --bulma-info-20-invert-l: var(--bulma-info-95-l); + --bulma-info-20-invert: hsla(var(--bulma-info-h), var(--bulma-info-s), var(--bulma-info-20-invert-l), 1); + --bulma-info-25: hsla(var(--bulma-info-h), var(--bulma-info-s), var(--bulma-info-25-l), 1); + --bulma-info-25-invert-l: var(--bulma-info-100-l); + --bulma-info-25-invert: hsla(var(--bulma-info-h), var(--bulma-info-s), var(--bulma-info-25-invert-l), 1); + --bulma-info-30: hsla(var(--bulma-info-h), var(--bulma-info-s), var(--bulma-info-30-l), 1); + --bulma-info-30-invert-l: var(--bulma-info-100-l); + --bulma-info-30-invert: hsla(var(--bulma-info-h), var(--bulma-info-s), var(--bulma-info-30-invert-l), 1); + --bulma-info-35: hsla(var(--bulma-info-h), var(--bulma-info-s), var(--bulma-info-35-l), 1); + --bulma-info-35-invert-l: var(--bulma-info-100-l); + --bulma-info-35-invert: hsla(var(--bulma-info-h), var(--bulma-info-s), var(--bulma-info-35-invert-l), 1); + --bulma-info-40: hsla(var(--bulma-info-h), var(--bulma-info-s), var(--bulma-info-40-l), 1); + --bulma-info-40-invert-l: var(--bulma-info-100-l); + --bulma-info-40-invert: hsla(var(--bulma-info-h), var(--bulma-info-s), var(--bulma-info-40-invert-l), 1); + --bulma-info-45: hsla(var(--bulma-info-h), var(--bulma-info-s), var(--bulma-info-45-l), 1); + --bulma-info-45-invert-l: var(--bulma-info-00-l); + --bulma-info-45-invert: hsla(var(--bulma-info-h), var(--bulma-info-s), var(--bulma-info-45-invert-l), 1); + --bulma-info-50: hsla(var(--bulma-info-h), var(--bulma-info-s), var(--bulma-info-50-l), 1); + --bulma-info-50-invert-l: var(--bulma-info-05-l); + --bulma-info-50-invert: hsla(var(--bulma-info-h), var(--bulma-info-s), var(--bulma-info-50-invert-l), 1); + --bulma-info-55: hsla(var(--bulma-info-h), var(--bulma-info-s), var(--bulma-info-55-l), 1); + --bulma-info-55-invert-l: var(--bulma-info-05-l); + --bulma-info-55-invert: hsla(var(--bulma-info-h), var(--bulma-info-s), var(--bulma-info-55-invert-l), 1); + --bulma-info-60: hsla(var(--bulma-info-h), var(--bulma-info-s), var(--bulma-info-60-l), 1); + --bulma-info-60-invert-l: var(--bulma-info-10-l); + --bulma-info-60-invert: hsla(var(--bulma-info-h), var(--bulma-info-s), var(--bulma-info-60-invert-l), 1); + --bulma-info-65: hsla(var(--bulma-info-h), var(--bulma-info-s), var(--bulma-info-65-l), 1); + --bulma-info-65-invert-l: var(--bulma-info-10-l); + --bulma-info-65-invert: hsla(var(--bulma-info-h), var(--bulma-info-s), var(--bulma-info-65-invert-l), 1); + --bulma-info-70: hsla(var(--bulma-info-h), var(--bulma-info-s), var(--bulma-info-70-l), 1); + --bulma-info-70-invert-l: var(--bulma-info-10-l); + --bulma-info-70-invert: hsla(var(--bulma-info-h), var(--bulma-info-s), var(--bulma-info-70-invert-l), 1); + --bulma-info-75: hsla(var(--bulma-info-h), var(--bulma-info-s), var(--bulma-info-75-l), 1); + --bulma-info-75-invert-l: var(--bulma-info-10-l); + --bulma-info-75-invert: hsla(var(--bulma-info-h), var(--bulma-info-s), var(--bulma-info-75-invert-l), 1); + --bulma-info-80: hsla(var(--bulma-info-h), var(--bulma-info-s), var(--bulma-info-80-l), 1); + --bulma-info-80-invert-l: var(--bulma-info-15-l); + --bulma-info-80-invert: hsla(var(--bulma-info-h), var(--bulma-info-s), var(--bulma-info-80-invert-l), 1); + --bulma-info-85: hsla(var(--bulma-info-h), var(--bulma-info-s), var(--bulma-info-85-l), 1); + --bulma-info-85-invert-l: var(--bulma-info-15-l); + --bulma-info-85-invert: hsla(var(--bulma-info-h), var(--bulma-info-s), var(--bulma-info-85-invert-l), 1); + --bulma-info-90: hsla(var(--bulma-info-h), var(--bulma-info-s), var(--bulma-info-90-l), 1); + --bulma-info-90-invert-l: var(--bulma-info-15-l); + --bulma-info-90-invert: hsla(var(--bulma-info-h), var(--bulma-info-s), var(--bulma-info-90-invert-l), 1); + --bulma-info-95: hsla(var(--bulma-info-h), var(--bulma-info-s), var(--bulma-info-95-l), 1); + --bulma-info-95-invert-l: var(--bulma-info-20-l); + --bulma-info-95-invert: hsla(var(--bulma-info-h), var(--bulma-info-s), var(--bulma-info-95-invert-l), 1); + --bulma-info-100: hsla(var(--bulma-info-h), var(--bulma-info-s), var(--bulma-info-100-l), 1); + --bulma-info-100-invert-l: var(--bulma-info-20-l); + --bulma-info-100-invert: hsla(var(--bulma-info-h), var(--bulma-info-s), var(--bulma-info-100-invert-l), 1); + --bulma-info-invert-l: var(--bulma-info-10-l); + --bulma-info-invert: hsla(var(--bulma-info-h), var(--bulma-info-s), var(--bulma-info-invert-l), 1); + --bulma-info-light-l: var(--bulma-info-90-l); + --bulma-info-light: hsla(var(--bulma-info-h), var(--bulma-info-s), var(--bulma-info-light-l), 1); + --bulma-info-light-invert-l: var(--bulma-info-15-l); + --bulma-info-light-invert: hsla(var(--bulma-info-h), var(--bulma-info-s), var(--bulma-info-light-invert-l), 1); + --bulma-info-dark-l: var(--bulma-info-10-l); + --bulma-info-dark: hsla(var(--bulma-info-h), var(--bulma-info-s), var(--bulma-info-dark-l), 1); + --bulma-info-dark-invert-l: var(--bulma-info-60-l); + --bulma-info-dark-invert: hsla(var(--bulma-info-h), var(--bulma-info-s), var(--bulma-info-dark-invert-l), 1); + --bulma-info-soft: hsla(var(--bulma-info-h), var(--bulma-info-s), var(--bulma-soft-l), 1); + --bulma-info-bold: hsla(var(--bulma-info-h), var(--bulma-info-s), var(--bulma-bold-l), 1); + --bulma-info-soft-invert: hsla(var(--bulma-info-h), var(--bulma-info-s), var(--bulma-soft-invert-l), 1); + --bulma-info-bold-invert: hsla(var(--bulma-info-h), var(--bulma-info-s), var(--bulma-bold-invert-l), 1); + --bulma-info-on-scheme-l: 25%; + --bulma-info-on-scheme: hsla(var(--bulma-info-h), var(--bulma-info-s), var(--bulma-info-on-scheme-l), 1); + --bulma-success: hsla(var(--bulma-success-h), var(--bulma-success-s), var(--bulma-success-l), 1); + --bulma-success-base: hsla(var(--bulma-success-h), var(--bulma-success-s), var(--bulma-success-l), 1); + --bulma-success-rgb: 72, 199, 142; + --bulma-success-h: 153deg; + --bulma-success-s: 53%; + --bulma-success-l: 53%; + --bulma-success-00-l: 0%; + --bulma-success-05-l: 3%; + --bulma-success-10-l: 8%; + --bulma-success-15-l: 13%; + --bulma-success-20-l: 18%; + --bulma-success-25-l: 23%; + --bulma-success-30-l: 28%; + --bulma-success-35-l: 33%; + --bulma-success-40-l: 38%; + --bulma-success-45-l: 43%; + --bulma-success-50-l: 48%; + --bulma-success-55-l: 53%; + --bulma-success-60-l: 58%; + --bulma-success-65-l: 63%; + --bulma-success-70-l: 68%; + --bulma-success-75-l: 73%; + --bulma-success-80-l: 78%; + --bulma-success-85-l: 83%; + --bulma-success-90-l: 88%; + --bulma-success-95-l: 93%; + --bulma-success-100-l: 98%; + --bulma-success-00: hsla(var(--bulma-success-h), var(--bulma-success-s), var(--bulma-success-00-l), 1); + --bulma-success-00-invert-l: var(--bulma-success-45-l); + --bulma-success-00-invert: hsla(var(--bulma-success-h), var(--bulma-success-s), var(--bulma-success-00-invert-l), 1); + --bulma-success-05: hsla(var(--bulma-success-h), var(--bulma-success-s), var(--bulma-success-05-l), 1); + --bulma-success-05-invert-l: var(--bulma-success-45-l); + --bulma-success-05-invert: hsla(var(--bulma-success-h), var(--bulma-success-s), var(--bulma-success-05-invert-l), 1); + --bulma-success-10: hsla(var(--bulma-success-h), var(--bulma-success-s), var(--bulma-success-10-l), 1); + --bulma-success-10-invert-l: var(--bulma-success-55-l); + --bulma-success-10-invert: hsla(var(--bulma-success-h), var(--bulma-success-s), var(--bulma-success-10-invert-l), 1); + --bulma-success-15: hsla(var(--bulma-success-h), var(--bulma-success-s), var(--bulma-success-15-l), 1); + --bulma-success-15-invert-l: var(--bulma-success-75-l); + --bulma-success-15-invert: hsla(var(--bulma-success-h), var(--bulma-success-s), var(--bulma-success-15-invert-l), 1); + --bulma-success-20: hsla(var(--bulma-success-h), var(--bulma-success-s), var(--bulma-success-20-l), 1); + --bulma-success-20-invert-l: var(--bulma-success-90-l); + --bulma-success-20-invert: hsla(var(--bulma-success-h), var(--bulma-success-s), var(--bulma-success-20-invert-l), 1); + --bulma-success-25: hsla(var(--bulma-success-h), var(--bulma-success-s), var(--bulma-success-25-l), 1); + --bulma-success-25-invert-l: var(--bulma-success-100-l); + --bulma-success-25-invert: hsla(var(--bulma-success-h), var(--bulma-success-s), var(--bulma-success-25-invert-l), 1); + --bulma-success-30: hsla(var(--bulma-success-h), var(--bulma-success-s), var(--bulma-success-30-l), 1); + --bulma-success-30-invert-l: var(--bulma-success-100-l); + --bulma-success-30-invert: hsla(var(--bulma-success-h), var(--bulma-success-s), var(--bulma-success-30-invert-l), 1); + --bulma-success-35: hsla(var(--bulma-success-h), var(--bulma-success-s), var(--bulma-success-35-l), 1); + --bulma-success-35-invert-l: var(--bulma-success-100-l); + --bulma-success-35-invert: hsla(var(--bulma-success-h), var(--bulma-success-s), var(--bulma-success-35-invert-l), 1); + --bulma-success-40: hsla(var(--bulma-success-h), var(--bulma-success-s), var(--bulma-success-40-l), 1); + --bulma-success-40-invert-l: var(--bulma-success-100-l); + --bulma-success-40-invert: hsla(var(--bulma-success-h), var(--bulma-success-s), var(--bulma-success-40-invert-l), 1); + --bulma-success-45: hsla(var(--bulma-success-h), var(--bulma-success-s), var(--bulma-success-45-l), 1); + --bulma-success-45-invert-l: var(--bulma-success-05-l); + --bulma-success-45-invert: hsla(var(--bulma-success-h), var(--bulma-success-s), var(--bulma-success-45-invert-l), 1); + --bulma-success-50: hsla(var(--bulma-success-h), var(--bulma-success-s), var(--bulma-success-50-l), 1); + --bulma-success-50-invert-l: var(--bulma-success-05-l); + --bulma-success-50-invert: hsla(var(--bulma-success-h), var(--bulma-success-s), var(--bulma-success-50-invert-l), 1); + --bulma-success-55: hsla(var(--bulma-success-h), var(--bulma-success-s), var(--bulma-success-55-l), 1); + --bulma-success-55-invert-l: var(--bulma-success-10-l); + --bulma-success-55-invert: hsla(var(--bulma-success-h), var(--bulma-success-s), var(--bulma-success-55-invert-l), 1); + --bulma-success-60: hsla(var(--bulma-success-h), var(--bulma-success-s), var(--bulma-success-60-l), 1); + --bulma-success-60-invert-l: var(--bulma-success-10-l); + --bulma-success-60-invert: hsla(var(--bulma-success-h), var(--bulma-success-s), var(--bulma-success-60-invert-l), 1); + --bulma-success-65: hsla(var(--bulma-success-h), var(--bulma-success-s), var(--bulma-success-65-l), 1); + --bulma-success-65-invert-l: var(--bulma-success-10-l); + --bulma-success-65-invert: hsla(var(--bulma-success-h), var(--bulma-success-s), var(--bulma-success-65-invert-l), 1); + --bulma-success-70: hsla(var(--bulma-success-h), var(--bulma-success-s), var(--bulma-success-70-l), 1); + --bulma-success-70-invert-l: var(--bulma-success-10-l); + --bulma-success-70-invert: hsla(var(--bulma-success-h), var(--bulma-success-s), var(--bulma-success-70-invert-l), 1); + --bulma-success-75: hsla(var(--bulma-success-h), var(--bulma-success-s), var(--bulma-success-75-l), 1); + --bulma-success-75-invert-l: var(--bulma-success-15-l); + --bulma-success-75-invert: hsla(var(--bulma-success-h), var(--bulma-success-s), var(--bulma-success-75-invert-l), 1); + --bulma-success-80: hsla(var(--bulma-success-h), var(--bulma-success-s), var(--bulma-success-80-l), 1); + --bulma-success-80-invert-l: var(--bulma-success-15-l); + --bulma-success-80-invert: hsla(var(--bulma-success-h), var(--bulma-success-s), var(--bulma-success-80-invert-l), 1); + --bulma-success-85: hsla(var(--bulma-success-h), var(--bulma-success-s), var(--bulma-success-85-l), 1); + --bulma-success-85-invert-l: var(--bulma-success-15-l); + --bulma-success-85-invert: hsla(var(--bulma-success-h), var(--bulma-success-s), var(--bulma-success-85-invert-l), 1); + --bulma-success-90: hsla(var(--bulma-success-h), var(--bulma-success-s), var(--bulma-success-90-l), 1); + --bulma-success-90-invert-l: var(--bulma-success-20-l); + --bulma-success-90-invert: hsla(var(--bulma-success-h), var(--bulma-success-s), var(--bulma-success-90-invert-l), 1); + --bulma-success-95: hsla(var(--bulma-success-h), var(--bulma-success-s), var(--bulma-success-95-l), 1); + --bulma-success-95-invert-l: var(--bulma-success-20-l); + --bulma-success-95-invert: hsla(var(--bulma-success-h), var(--bulma-success-s), var(--bulma-success-95-invert-l), 1); + --bulma-success-100: hsla(var(--bulma-success-h), var(--bulma-success-s), var(--bulma-success-100-l), 1); + --bulma-success-100-invert-l: var(--bulma-success-20-l); + --bulma-success-100-invert: hsla(var(--bulma-success-h), var(--bulma-success-s), var(--bulma-success-100-invert-l), 1); + --bulma-success-invert-l: var(--bulma-success-10-l); + --bulma-success-invert: hsla(var(--bulma-success-h), var(--bulma-success-s), var(--bulma-success-invert-l), 1); + --bulma-success-light-l: var(--bulma-success-90-l); + --bulma-success-light: hsla(var(--bulma-success-h), var(--bulma-success-s), var(--bulma-success-light-l), 1); + --bulma-success-light-invert-l: var(--bulma-success-20-l); + --bulma-success-light-invert: hsla(var(--bulma-success-h), var(--bulma-success-s), var(--bulma-success-light-invert-l), 1); + --bulma-success-dark-l: var(--bulma-success-10-l); + --bulma-success-dark: hsla(var(--bulma-success-h), var(--bulma-success-s), var(--bulma-success-dark-l), 1); + --bulma-success-dark-invert-l: var(--bulma-success-55-l); + --bulma-success-dark-invert: hsla(var(--bulma-success-h), var(--bulma-success-s), var(--bulma-success-dark-invert-l), 1); + --bulma-success-soft: hsla(var(--bulma-success-h), var(--bulma-success-s), var(--bulma-soft-l), 1); + --bulma-success-bold: hsla(var(--bulma-success-h), var(--bulma-success-s), var(--bulma-bold-l), 1); + --bulma-success-soft-invert: hsla(var(--bulma-success-h), var(--bulma-success-s), var(--bulma-soft-invert-l), 1); + --bulma-success-bold-invert: hsla(var(--bulma-success-h), var(--bulma-success-s), var(--bulma-bold-invert-l), 1); + --bulma-success-on-scheme-l: 23%; + --bulma-success-on-scheme: hsla(var(--bulma-success-h), var(--bulma-success-s), var(--bulma-success-on-scheme-l), 1); + --bulma-warning: hsla(var(--bulma-warning-h), var(--bulma-warning-s), var(--bulma-warning-l), 1); + --bulma-warning-base: hsla(var(--bulma-warning-h), var(--bulma-warning-s), var(--bulma-warning-l), 1); + --bulma-warning-rgb: 255, 183, 15; + --bulma-warning-h: 42deg; + --bulma-warning-s: 100%; + --bulma-warning-l: 53%; + --bulma-warning-00-l: 0%; + --bulma-warning-05-l: 3%; + --bulma-warning-10-l: 8%; + --bulma-warning-15-l: 13%; + --bulma-warning-20-l: 18%; + --bulma-warning-25-l: 23%; + --bulma-warning-30-l: 28%; + --bulma-warning-35-l: 33%; + --bulma-warning-40-l: 38%; + --bulma-warning-45-l: 43%; + --bulma-warning-50-l: 48%; + --bulma-warning-55-l: 53%; + --bulma-warning-60-l: 58%; + --bulma-warning-65-l: 63%; + --bulma-warning-70-l: 68%; + --bulma-warning-75-l: 73%; + --bulma-warning-80-l: 78%; + --bulma-warning-85-l: 83%; + --bulma-warning-90-l: 88%; + --bulma-warning-95-l: 93%; + --bulma-warning-100-l: 98%; + --bulma-warning-00: hsla(var(--bulma-warning-h), var(--bulma-warning-s), var(--bulma-warning-00-l), 1); + --bulma-warning-00-invert-l: var(--bulma-warning-40-l); + --bulma-warning-00-invert: hsla(var(--bulma-warning-h), var(--bulma-warning-s), var(--bulma-warning-00-invert-l), 1); + --bulma-warning-05: hsla(var(--bulma-warning-h), var(--bulma-warning-s), var(--bulma-warning-05-l), 1); + --bulma-warning-05-invert-l: var(--bulma-warning-45-l); + --bulma-warning-05-invert: hsla(var(--bulma-warning-h), var(--bulma-warning-s), var(--bulma-warning-05-invert-l), 1); + --bulma-warning-10: hsla(var(--bulma-warning-h), var(--bulma-warning-s), var(--bulma-warning-10-l), 1); + --bulma-warning-10-invert-l: var(--bulma-warning-50-l); + --bulma-warning-10-invert: hsla(var(--bulma-warning-h), var(--bulma-warning-s), var(--bulma-warning-10-invert-l), 1); + --bulma-warning-15: hsla(var(--bulma-warning-h), var(--bulma-warning-s), var(--bulma-warning-15-l), 1); + --bulma-warning-15-invert-l: var(--bulma-warning-70-l); + --bulma-warning-15-invert: hsla(var(--bulma-warning-h), var(--bulma-warning-s), var(--bulma-warning-15-invert-l), 1); + --bulma-warning-20: hsla(var(--bulma-warning-h), var(--bulma-warning-s), var(--bulma-warning-20-l), 1); + --bulma-warning-20-invert-l: var(--bulma-warning-100-l); + --bulma-warning-20-invert: hsla(var(--bulma-warning-h), var(--bulma-warning-s), var(--bulma-warning-20-invert-l), 1); + --bulma-warning-25: hsla(var(--bulma-warning-h), var(--bulma-warning-s), var(--bulma-warning-25-l), 1); + --bulma-warning-25-invert-l: var(--bulma-warning-100-l); + --bulma-warning-25-invert: hsla(var(--bulma-warning-h), var(--bulma-warning-s), var(--bulma-warning-25-invert-l), 1); + --bulma-warning-30: hsla(var(--bulma-warning-h), var(--bulma-warning-s), var(--bulma-warning-30-l), 1); + --bulma-warning-30-invert-l: var(--bulma-warning-100-l); + --bulma-warning-30-invert: hsla(var(--bulma-warning-h), var(--bulma-warning-s), var(--bulma-warning-30-invert-l), 1); + --bulma-warning-35: hsla(var(--bulma-warning-h), var(--bulma-warning-s), var(--bulma-warning-35-l), 1); + --bulma-warning-35-invert-l: var(--bulma-warning-100-l); + --bulma-warning-35-invert: hsla(var(--bulma-warning-h), var(--bulma-warning-s), var(--bulma-warning-35-invert-l), 1); + --bulma-warning-40: hsla(var(--bulma-warning-h), var(--bulma-warning-s), var(--bulma-warning-40-l), 1); + --bulma-warning-40-invert-l: var(--bulma-warning-00-l); + --bulma-warning-40-invert: hsla(var(--bulma-warning-h), var(--bulma-warning-s), var(--bulma-warning-40-invert-l), 1); + --bulma-warning-45: hsla(var(--bulma-warning-h), var(--bulma-warning-s), var(--bulma-warning-45-l), 1); + --bulma-warning-45-invert-l: var(--bulma-warning-05-l); + --bulma-warning-45-invert: hsla(var(--bulma-warning-h), var(--bulma-warning-s), var(--bulma-warning-45-invert-l), 1); + --bulma-warning-50: hsla(var(--bulma-warning-h), var(--bulma-warning-s), var(--bulma-warning-50-l), 1); + --bulma-warning-50-invert-l: var(--bulma-warning-10-l); + --bulma-warning-50-invert: hsla(var(--bulma-warning-h), var(--bulma-warning-s), var(--bulma-warning-50-invert-l), 1); + --bulma-warning-55: hsla(var(--bulma-warning-h), var(--bulma-warning-s), var(--bulma-warning-55-l), 1); + --bulma-warning-55-invert-l: var(--bulma-warning-10-l); + --bulma-warning-55-invert: hsla(var(--bulma-warning-h), var(--bulma-warning-s), var(--bulma-warning-55-invert-l), 1); + --bulma-warning-60: hsla(var(--bulma-warning-h), var(--bulma-warning-s), var(--bulma-warning-60-l), 1); + --bulma-warning-60-invert-l: var(--bulma-warning-10-l); + --bulma-warning-60-invert: hsla(var(--bulma-warning-h), var(--bulma-warning-s), var(--bulma-warning-60-invert-l), 1); + --bulma-warning-65: hsla(var(--bulma-warning-h), var(--bulma-warning-s), var(--bulma-warning-65-l), 1); + --bulma-warning-65-invert-l: var(--bulma-warning-10-l); + --bulma-warning-65-invert: hsla(var(--bulma-warning-h), var(--bulma-warning-s), var(--bulma-warning-65-invert-l), 1); + --bulma-warning-70: hsla(var(--bulma-warning-h), var(--bulma-warning-s), var(--bulma-warning-70-l), 1); + --bulma-warning-70-invert-l: var(--bulma-warning-15-l); + --bulma-warning-70-invert: hsla(var(--bulma-warning-h), var(--bulma-warning-s), var(--bulma-warning-70-invert-l), 1); + --bulma-warning-75: hsla(var(--bulma-warning-h), var(--bulma-warning-s), var(--bulma-warning-75-l), 1); + --bulma-warning-75-invert-l: var(--bulma-warning-15-l); + --bulma-warning-75-invert: hsla(var(--bulma-warning-h), var(--bulma-warning-s), var(--bulma-warning-75-invert-l), 1); + --bulma-warning-80: hsla(var(--bulma-warning-h), var(--bulma-warning-s), var(--bulma-warning-80-l), 1); + --bulma-warning-80-invert-l: var(--bulma-warning-15-l); + --bulma-warning-80-invert: hsla(var(--bulma-warning-h), var(--bulma-warning-s), var(--bulma-warning-80-invert-l), 1); + --bulma-warning-85: hsla(var(--bulma-warning-h), var(--bulma-warning-s), var(--bulma-warning-85-l), 1); + --bulma-warning-85-invert-l: var(--bulma-warning-15-l); + --bulma-warning-85-invert: hsla(var(--bulma-warning-h), var(--bulma-warning-s), var(--bulma-warning-85-invert-l), 1); + --bulma-warning-90: hsla(var(--bulma-warning-h), var(--bulma-warning-s), var(--bulma-warning-90-l), 1); + --bulma-warning-90-invert-l: var(--bulma-warning-15-l); + --bulma-warning-90-invert: hsla(var(--bulma-warning-h), var(--bulma-warning-s), var(--bulma-warning-90-invert-l), 1); + --bulma-warning-95: hsla(var(--bulma-warning-h), var(--bulma-warning-s), var(--bulma-warning-95-l), 1); + --bulma-warning-95-invert-l: var(--bulma-warning-15-l); + --bulma-warning-95-invert: hsla(var(--bulma-warning-h), var(--bulma-warning-s), var(--bulma-warning-95-invert-l), 1); + --bulma-warning-100: hsla(var(--bulma-warning-h), var(--bulma-warning-s), var(--bulma-warning-100-l), 1); + --bulma-warning-100-invert-l: var(--bulma-warning-20-l); + --bulma-warning-100-invert: hsla(var(--bulma-warning-h), var(--bulma-warning-s), var(--bulma-warning-100-invert-l), 1); + --bulma-warning-invert-l: var(--bulma-warning-10-l); + --bulma-warning-invert: hsla(var(--bulma-warning-h), var(--bulma-warning-s), var(--bulma-warning-invert-l), 1); + --bulma-warning-light-l: var(--bulma-warning-90-l); + --bulma-warning-light: hsla(var(--bulma-warning-h), var(--bulma-warning-s), var(--bulma-warning-light-l), 1); + --bulma-warning-light-invert-l: var(--bulma-warning-15-l); + --bulma-warning-light-invert: hsla(var(--bulma-warning-h), var(--bulma-warning-s), var(--bulma-warning-light-invert-l), 1); + --bulma-warning-dark-l: var(--bulma-warning-10-l); + --bulma-warning-dark: hsla(var(--bulma-warning-h), var(--bulma-warning-s), var(--bulma-warning-dark-l), 1); + --bulma-warning-dark-invert-l: var(--bulma-warning-50-l); + --bulma-warning-dark-invert: hsla(var(--bulma-warning-h), var(--bulma-warning-s), var(--bulma-warning-dark-invert-l), 1); + --bulma-warning-soft: hsla(var(--bulma-warning-h), var(--bulma-warning-s), var(--bulma-soft-l), 1); + --bulma-warning-bold: hsla(var(--bulma-warning-h), var(--bulma-warning-s), var(--bulma-bold-l), 1); + --bulma-warning-soft-invert: hsla(var(--bulma-warning-h), var(--bulma-warning-s), var(--bulma-soft-invert-l), 1); + --bulma-warning-bold-invert: hsla(var(--bulma-warning-h), var(--bulma-warning-s), var(--bulma-bold-invert-l), 1); + --bulma-warning-on-scheme-l: 23%; + --bulma-warning-on-scheme: hsla(var(--bulma-warning-h), var(--bulma-warning-s), var(--bulma-warning-on-scheme-l), 1); + --bulma-danger: hsla(var(--bulma-danger-h), var(--bulma-danger-s), var(--bulma-danger-l), 1); + --bulma-danger-base: hsla(var(--bulma-danger-h), var(--bulma-danger-s), var(--bulma-danger-l), 1); + --bulma-danger-rgb: 255, 102, 133; + --bulma-danger-h: 348deg; + --bulma-danger-s: 100%; + --bulma-danger-l: 70%; + --bulma-danger-00-l: 0%; + --bulma-danger-05-l: 5%; + --bulma-danger-10-l: 10%; + --bulma-danger-15-l: 15%; + --bulma-danger-20-l: 20%; + --bulma-danger-25-l: 25%; + --bulma-danger-30-l: 30%; + --bulma-danger-35-l: 35%; + --bulma-danger-40-l: 40%; + --bulma-danger-45-l: 45%; + --bulma-danger-50-l: 50%; + --bulma-danger-55-l: 55%; + --bulma-danger-60-l: 60%; + --bulma-danger-65-l: 65%; + --bulma-danger-70-l: 70%; + --bulma-danger-75-l: 75%; + --bulma-danger-80-l: 80%; + --bulma-danger-85-l: 85%; + --bulma-danger-90-l: 90%; + --bulma-danger-95-l: 95%; + --bulma-danger-100-l: 100%; + --bulma-danger-00: hsla(var(--bulma-danger-h), var(--bulma-danger-s), var(--bulma-danger-00-l), 1); + --bulma-danger-00-invert-l: var(--bulma-danger-65-l); + --bulma-danger-00-invert: hsla(var(--bulma-danger-h), var(--bulma-danger-s), var(--bulma-danger-00-invert-l), 1); + --bulma-danger-05: hsla(var(--bulma-danger-h), var(--bulma-danger-s), var(--bulma-danger-05-l), 1); + --bulma-danger-05-invert-l: var(--bulma-danger-70-l); + --bulma-danger-05-invert: hsla(var(--bulma-danger-h), var(--bulma-danger-s), var(--bulma-danger-05-invert-l), 1); + --bulma-danger-10: hsla(var(--bulma-danger-h), var(--bulma-danger-s), var(--bulma-danger-10-l), 1); + --bulma-danger-10-invert-l: var(--bulma-danger-75-l); + --bulma-danger-10-invert: hsla(var(--bulma-danger-h), var(--bulma-danger-s), var(--bulma-danger-10-invert-l), 1); + --bulma-danger-15: hsla(var(--bulma-danger-h), var(--bulma-danger-s), var(--bulma-danger-15-l), 1); + --bulma-danger-15-invert-l: var(--bulma-danger-80-l); + --bulma-danger-15-invert: hsla(var(--bulma-danger-h), var(--bulma-danger-s), var(--bulma-danger-15-invert-l), 1); + --bulma-danger-20: hsla(var(--bulma-danger-h), var(--bulma-danger-s), var(--bulma-danger-20-l), 1); + --bulma-danger-20-invert-l: var(--bulma-danger-85-l); + --bulma-danger-20-invert: hsla(var(--bulma-danger-h), var(--bulma-danger-s), var(--bulma-danger-20-invert-l), 1); + --bulma-danger-25: hsla(var(--bulma-danger-h), var(--bulma-danger-s), var(--bulma-danger-25-l), 1); + --bulma-danger-25-invert-l: var(--bulma-danger-90-l); + --bulma-danger-25-invert: hsla(var(--bulma-danger-h), var(--bulma-danger-s), var(--bulma-danger-25-invert-l), 1); + --bulma-danger-30: hsla(var(--bulma-danger-h), var(--bulma-danger-s), var(--bulma-danger-30-l), 1); + --bulma-danger-30-invert-l: var(--bulma-danger-100-l); + --bulma-danger-30-invert: hsla(var(--bulma-danger-h), var(--bulma-danger-s), var(--bulma-danger-30-invert-l), 1); + --bulma-danger-35: hsla(var(--bulma-danger-h), var(--bulma-danger-s), var(--bulma-danger-35-l), 1); + --bulma-danger-35-invert-l: var(--bulma-danger-100-l); + --bulma-danger-35-invert: hsla(var(--bulma-danger-h), var(--bulma-danger-s), var(--bulma-danger-35-invert-l), 1); + --bulma-danger-40: hsla(var(--bulma-danger-h), var(--bulma-danger-s), var(--bulma-danger-40-l), 1); + --bulma-danger-40-invert-l: var(--bulma-danger-100-l); + --bulma-danger-40-invert: hsla(var(--bulma-danger-h), var(--bulma-danger-s), var(--bulma-danger-40-invert-l), 1); + --bulma-danger-45: hsla(var(--bulma-danger-h), var(--bulma-danger-s), var(--bulma-danger-45-l), 1); + --bulma-danger-45-invert-l: var(--bulma-danger-100-l); + --bulma-danger-45-invert: hsla(var(--bulma-danger-h), var(--bulma-danger-s), var(--bulma-danger-45-invert-l), 1); + --bulma-danger-50: hsla(var(--bulma-danger-h), var(--bulma-danger-s), var(--bulma-danger-50-l), 1); + --bulma-danger-50-invert-l: var(--bulma-danger-100-l); + --bulma-danger-50-invert: hsla(var(--bulma-danger-h), var(--bulma-danger-s), var(--bulma-danger-50-invert-l), 1); + --bulma-danger-55: hsla(var(--bulma-danger-h), var(--bulma-danger-s), var(--bulma-danger-55-l), 1); + --bulma-danger-55-invert-l: var(--bulma-danger-100-l); + --bulma-danger-55-invert: hsla(var(--bulma-danger-h), var(--bulma-danger-s), var(--bulma-danger-55-invert-l), 1); + --bulma-danger-60: hsla(var(--bulma-danger-h), var(--bulma-danger-s), var(--bulma-danger-60-l), 1); + --bulma-danger-60-invert-l: var(--bulma-danger-100-l); + --bulma-danger-60-invert: hsla(var(--bulma-danger-h), var(--bulma-danger-s), var(--bulma-danger-60-invert-l), 1); + --bulma-danger-65: hsla(var(--bulma-danger-h), var(--bulma-danger-s), var(--bulma-danger-65-l), 1); + --bulma-danger-65-invert-l: var(--bulma-danger-00-l); + --bulma-danger-65-invert: hsla(var(--bulma-danger-h), var(--bulma-danger-s), var(--bulma-danger-65-invert-l), 1); + --bulma-danger-70: hsla(var(--bulma-danger-h), var(--bulma-danger-s), var(--bulma-danger-70-l), 1); + --bulma-danger-70-invert-l: var(--bulma-danger-05-l); + --bulma-danger-70-invert: hsla(var(--bulma-danger-h), var(--bulma-danger-s), var(--bulma-danger-70-invert-l), 1); + --bulma-danger-75: hsla(var(--bulma-danger-h), var(--bulma-danger-s), var(--bulma-danger-75-l), 1); + --bulma-danger-75-invert-l: var(--bulma-danger-10-l); + --bulma-danger-75-invert: hsla(var(--bulma-danger-h), var(--bulma-danger-s), var(--bulma-danger-75-invert-l), 1); + --bulma-danger-80: hsla(var(--bulma-danger-h), var(--bulma-danger-s), var(--bulma-danger-80-l), 1); + --bulma-danger-80-invert-l: var(--bulma-danger-15-l); + --bulma-danger-80-invert: hsla(var(--bulma-danger-h), var(--bulma-danger-s), var(--bulma-danger-80-invert-l), 1); + --bulma-danger-85: hsla(var(--bulma-danger-h), var(--bulma-danger-s), var(--bulma-danger-85-l), 1); + --bulma-danger-85-invert-l: var(--bulma-danger-20-l); + --bulma-danger-85-invert: hsla(var(--bulma-danger-h), var(--bulma-danger-s), var(--bulma-danger-85-invert-l), 1); + --bulma-danger-90: hsla(var(--bulma-danger-h), var(--bulma-danger-s), var(--bulma-danger-90-l), 1); + --bulma-danger-90-invert-l: var(--bulma-danger-25-l); + --bulma-danger-90-invert: hsla(var(--bulma-danger-h), var(--bulma-danger-s), var(--bulma-danger-90-invert-l), 1); + --bulma-danger-95: hsla(var(--bulma-danger-h), var(--bulma-danger-s), var(--bulma-danger-95-l), 1); + --bulma-danger-95-invert-l: var(--bulma-danger-25-l); + --bulma-danger-95-invert: hsla(var(--bulma-danger-h), var(--bulma-danger-s), var(--bulma-danger-95-invert-l), 1); + --bulma-danger-100: hsla(var(--bulma-danger-h), var(--bulma-danger-s), var(--bulma-danger-100-l), 1); + --bulma-danger-100-invert-l: var(--bulma-danger-30-l); + --bulma-danger-100-invert: hsla(var(--bulma-danger-h), var(--bulma-danger-s), var(--bulma-danger-100-invert-l), 1); + --bulma-danger-invert-l: var(--bulma-danger-05-l); + --bulma-danger-invert: hsla(var(--bulma-danger-h), var(--bulma-danger-s), var(--bulma-danger-invert-l), 1); + --bulma-danger-light-l: var(--bulma-danger-90-l); + --bulma-danger-light: hsla(var(--bulma-danger-h), var(--bulma-danger-s), var(--bulma-danger-light-l), 1); + --bulma-danger-light-invert-l: var(--bulma-danger-25-l); + --bulma-danger-light-invert: hsla(var(--bulma-danger-h), var(--bulma-danger-s), var(--bulma-danger-light-invert-l), 1); + --bulma-danger-dark-l: var(--bulma-danger-10-l); + --bulma-danger-dark: hsla(var(--bulma-danger-h), var(--bulma-danger-s), var(--bulma-danger-dark-l), 1); + --bulma-danger-dark-invert-l: var(--bulma-danger-75-l); + --bulma-danger-dark-invert: hsla(var(--bulma-danger-h), var(--bulma-danger-s), var(--bulma-danger-dark-invert-l), 1); + --bulma-danger-soft: hsla(var(--bulma-danger-h), var(--bulma-danger-s), var(--bulma-soft-l), 1); + --bulma-danger-bold: hsla(var(--bulma-danger-h), var(--bulma-danger-s), var(--bulma-bold-l), 1); + --bulma-danger-soft-invert: hsla(var(--bulma-danger-h), var(--bulma-danger-s), var(--bulma-soft-invert-l), 1); + --bulma-danger-bold-invert: hsla(var(--bulma-danger-h), var(--bulma-danger-s), var(--bulma-bold-invert-l), 1); + --bulma-danger-on-scheme-l: 40%; + --bulma-danger-on-scheme: hsla(var(--bulma-danger-h), var(--bulma-danger-s), var(--bulma-danger-on-scheme-l), 1); + --bulma-black-bis: hsl(221, 14%, 9%); + --bulma-black-ter: hsl(221, 14%, 14%); + --bulma-grey-darker: hsl(221, 14%, 21%); + --bulma-grey-dark: hsl(221, 14%, 29%); + --bulma-grey: hsl(221, 14%, 48%); + --bulma-grey-light: hsl(221, 14%, 71%); + --bulma-grey-lighter: hsl(221, 14%, 86%); + --bulma-white-ter: hsl(221, 14%, 96%); + --bulma-white-bis: hsl(221, 14%, 98%); + --bulma-shadow-h: 221deg; + --bulma-shadow-s: 14%; + --bulma-shadow-l: 4%; + --bulma-size-1: 3rem; + --bulma-size-2: 2.5rem; + --bulma-size-3: 2rem; + --bulma-size-4: 1.5rem; + --bulma-size-5: 1.25rem; + --bulma-size-6: 1rem; + --bulma-size-7: 0.75rem; + --bulma-scheme-main: hsl(var(--bulma-scheme-h), var(--bulma-scheme-s), var(--bulma-scheme-main-l)); + --bulma-scheme-main-bis: hsl(var(--bulma-scheme-h), var(--bulma-scheme-s), var(--bulma-scheme-main-bis-l)); + --bulma-scheme-main-ter: hsl(var(--bulma-scheme-h), var(--bulma-scheme-s), var(--bulma-scheme-main-ter-l)); + --bulma-background: hsl(var(--bulma-scheme-h), var(--bulma-scheme-s), var(--bulma-background-l)); + --bulma-background-hover: hsl(var(--bulma-scheme-h), var(--bulma-scheme-s), calc(var(--bulma-background-l) + var(--bulma-hover-background-l-delta))); + --bulma-background-active: hsl(var(--bulma-scheme-h), var(--bulma-scheme-s), calc(var(--bulma-background-l) + var(--bulma-active-background-l-delta))); + --bulma-border-weak: hsl(var(--bulma-scheme-h), var(--bulma-scheme-s), var(--bulma-border-weak-l)); + --bulma-border: hsl(var(--bulma-scheme-h), var(--bulma-scheme-s), var(--bulma-border-l)); + --bulma-border-hover: hsl(var(--bulma-scheme-h), var(--bulma-scheme-s), calc(var(--bulma-border-l) + var(--bulma-hover-border-l-delta))); + --bulma-border-active: hsl(var(--bulma-scheme-h), var(--bulma-scheme-s), calc(var(--bulma-border-l) + var(--bulma-active-border-l-delta))); + --bulma-text-weak: hsl(var(--bulma-text-h), var(--bulma-text-s), var(--bulma-text-weak-l)); + --bulma-text: hsl(var(--bulma-text-h), var(--bulma-text-s), var(--bulma-text-l)); + --bulma-text-strong: hsl(var(--bulma-text-h), var(--bulma-text-s), var(--bulma-text-strong-l)); + --bulma-scheme-invert-ter: hsl(var(--bulma-scheme-h), var(--bulma-scheme-s), var(--bulma-scheme-invert-ter-l)); + --bulma-scheme-invert-bis: hsl(var(--bulma-scheme-h), var(--bulma-scheme-s), var(--bulma-scheme-invert-bis-l)); + --bulma-scheme-invert: hsl(var(--bulma-scheme-h), var(--bulma-scheme-s), var(--bulma-scheme-invert-l)); + --bulma-link: hsl(var(--bulma-link-h), var(--bulma-link-s), var(--bulma-link-l)); + --bulma-link-text: hsl(var(--bulma-link-h), var(--bulma-link-s), var(--bulma-link-on-scheme-l)); + --bulma-link-text-hover: hsl(var(--bulma-link-h), var(--bulma-link-s), calc(var(--bulma-link-on-scheme-l) + var(--bulma-hover-color-l-delta))); + --bulma-link-text-active: hsl(var(--bulma-link-h), var(--bulma-link-s), calc(var(--bulma-link-on-scheme-l) + var(--bulma-active-color-l-delta))); + --bulma-focus-h: var(--bulma-link-h); + --bulma-focus-s: var(--bulma-link-s); + --bulma-focus-l: var(--bulma-link-l); + --bulma-focus-offset: 1px; + --bulma-focus-style: solid; + --bulma-focus-width: 2px; + --bulma-focus-shadow-size: 0 0 0 0.1875em; + --bulma-focus-shadow-alpha: 0.25; + --bulma-code: hsl(var(--bulma-danger-h), var(--bulma-danger-s), var(--bulma-danger-on-scheme-l)); + --bulma-code-background: var(--bulma-background); + --bulma-pre: var(--bulma-text); + --bulma-pre-background: var(--bulma-background); + --bulma-shadow: 0 0.5em 1em -0.125em hsla(var(--bulma-shadow-h), var(--bulma-shadow-s), var(--bulma-shadow-l), 0.1), 0 0px 0 1px hsla(var(--bulma-shadow-h), var(--bulma-shadow-s), var(--bulma-shadow-l), 0.02); +} + +[data-theme=dark], +.theme-dark { + --bulma-white-on-scheme-l: 100%; + --bulma-white-on-scheme: hsla(var(--bulma-white-h), var(--bulma-white-s), var(--bulma-white-on-scheme-l), 1); + --bulma-black-on-scheme-l: 0%; + --bulma-black-on-scheme: hsla(var(--bulma-black-h), var(--bulma-black-s), var(--bulma-black-on-scheme-l), 1); + --bulma-light-on-scheme-l: 96%; + --bulma-light-on-scheme: hsla(var(--bulma-light-h), var(--bulma-light-s), var(--bulma-light-on-scheme-l), 1); + --bulma-dark-on-scheme-l: 56%; + --bulma-dark-on-scheme: hsla(var(--bulma-dark-h), var(--bulma-dark-s), var(--bulma-dark-on-scheme-l), 1); + --bulma-text-on-scheme-l: 54%; + --bulma-text-on-scheme: hsla(var(--bulma-text-h), var(--bulma-text-s), var(--bulma-text-on-scheme-l), 1); + --bulma-primary-on-scheme-l: 41%; + --bulma-primary-on-scheme: hsla(var(--bulma-primary-h), var(--bulma-primary-s), var(--bulma-primary-on-scheme-l), 1); + --bulma-link-on-scheme-l: 73%; + --bulma-link-on-scheme: hsla(var(--bulma-link-h), var(--bulma-link-s), var(--bulma-link-on-scheme-l), 1); + --bulma-info-on-scheme-l: 70%; + --bulma-info-on-scheme: hsla(var(--bulma-info-h), var(--bulma-info-s), var(--bulma-info-on-scheme-l), 1); + --bulma-success-on-scheme-l: 53%; + --bulma-success-on-scheme: hsla(var(--bulma-success-h), var(--bulma-success-s), var(--bulma-success-on-scheme-l), 1); + --bulma-warning-on-scheme-l: 53%; + --bulma-warning-on-scheme: hsla(var(--bulma-warning-h), var(--bulma-warning-s), var(--bulma-warning-on-scheme-l), 1); + --bulma-danger-on-scheme-l: 70%; + --bulma-danger-on-scheme: hsla(var(--bulma-danger-h), var(--bulma-danger-s), var(--bulma-danger-on-scheme-l), 1); + --bulma-scheme-brightness: dark; + --bulma-scheme-main-l: 9%; + --bulma-scheme-main-bis-l: 11%; + --bulma-scheme-main-ter-l: 13%; + --bulma-soft-l: 20%; + --bulma-bold-l: 90%; + --bulma-soft-invert-l: 90%; + --bulma-bold-invert-l: 20%; + --bulma-background-l: 14%; + --bulma-border-weak-l: 21%; + --bulma-border-l: 24%; + --bulma-text-weak-l: 53%; + --bulma-text-l: 71%; + --bulma-text-strong-l: 93%; + --bulma-text-title-l: 100%; + --bulma-hover-background-l-delta: 5%; + --bulma-active-background-l-delta: 10%; + --bulma-hover-border-l-delta: 10%; + --bulma-active-border-l-delta: 20%; + --bulma-hover-color-l-delta: 5%; + --bulma-active-color-l-delta: 10%; + --bulma-shadow-h: 0deg; + --bulma-shadow-s: 0%; + --bulma-shadow-l: 100%; + --bulma-scheme-main: hsl(var(--bulma-scheme-h), var(--bulma-scheme-s), var(--bulma-scheme-main-l)); + --bulma-scheme-main-bis: hsl(var(--bulma-scheme-h), var(--bulma-scheme-s), var(--bulma-scheme-main-bis-l)); + --bulma-scheme-main-ter: hsl(var(--bulma-scheme-h), var(--bulma-scheme-s), var(--bulma-scheme-main-ter-l)); + --bulma-background: hsl(var(--bulma-scheme-h), var(--bulma-scheme-s), var(--bulma-background-l)); + --bulma-background-hover: hsl(var(--bulma-scheme-h), var(--bulma-scheme-s), calc(var(--bulma-background-l) + var(--bulma-hover-background-l-delta))); + --bulma-background-active: hsl(var(--bulma-scheme-h), var(--bulma-scheme-s), calc(var(--bulma-background-l) + var(--bulma-active-background-l-delta))); + --bulma-border-weak: hsl(var(--bulma-scheme-h), var(--bulma-scheme-s), var(--bulma-border-weak-l)); + --bulma-border: hsl(var(--bulma-scheme-h), var(--bulma-scheme-s), var(--bulma-border-l)); + --bulma-border-hover: hsl(var(--bulma-scheme-h), var(--bulma-scheme-s), calc(var(--bulma-border-l) + var(--bulma-hover-border-l-delta))); + --bulma-border-active: hsl(var(--bulma-scheme-h), var(--bulma-scheme-s), calc(var(--bulma-border-l) + var(--bulma-active-border-l-delta))); + --bulma-text-weak: hsl(var(--bulma-text-h), var(--bulma-text-s), var(--bulma-text-weak-l)); + --bulma-text: hsl(var(--bulma-text-h), var(--bulma-text-s), var(--bulma-text-l)); + --bulma-text-strong: hsl(var(--bulma-text-h), var(--bulma-text-s), var(--bulma-text-strong-l)); + --bulma-scheme-invert-ter: hsl(var(--bulma-scheme-h), var(--bulma-scheme-s), var(--bulma-scheme-invert-ter-l)); + --bulma-scheme-invert-bis: hsl(var(--bulma-scheme-h), var(--bulma-scheme-s), var(--bulma-scheme-invert-bis-l)); + --bulma-scheme-invert: hsl(var(--bulma-scheme-h), var(--bulma-scheme-s), var(--bulma-scheme-invert-l)); + --bulma-link: hsl(var(--bulma-link-h), var(--bulma-link-s), var(--bulma-link-l)); + --bulma-link-text: hsl(var(--bulma-link-h), var(--bulma-link-s), var(--bulma-link-on-scheme-l)); + --bulma-link-text-hover: hsl(var(--bulma-link-h), var(--bulma-link-s), calc(var(--bulma-link-on-scheme-l) + var(--bulma-hover-color-l-delta))); + --bulma-link-text-active: hsl(var(--bulma-link-h), var(--bulma-link-s), calc(var(--bulma-link-on-scheme-l) + var(--bulma-active-color-l-delta))); + --bulma-focus-h: var(--bulma-link-h); + --bulma-focus-s: var(--bulma-link-s); + --bulma-focus-l: var(--bulma-link-l); + --bulma-focus-offset: 1px; + --bulma-focus-style: solid; + --bulma-focus-width: 2px; + --bulma-focus-shadow-size: 0 0 0 0.1875em; + --bulma-focus-shadow-alpha: 0.25; + --bulma-code: hsl(var(--bulma-danger-h), var(--bulma-danger-s), var(--bulma-danger-on-scheme-l)); + --bulma-code-background: var(--bulma-background); + --bulma-pre: var(--bulma-text); + --bulma-pre-background: var(--bulma-background); + --bulma-shadow: 0 0.5em 1em -0.125em hsla(var(--bulma-shadow-h), var(--bulma-shadow-s), var(--bulma-shadow-l), 0.1), 0 0px 0 1px hsla(var(--bulma-shadow-h), var(--bulma-shadow-s), var(--bulma-shadow-l), 0.02); +} + +/* Bulma Base */ +/*! minireset.css v0.0.6 | MIT License | github.com/jgthms/minireset.css */ +html, +body, +p, +ol, +ul, +li, +dl, +dt, +dd, +blockquote, +figure, +fieldset, +legend, +textarea, +pre, +iframe, +hr, +h1, +h2, +h3, +h4, +h5, +h6 { + margin: 0; + padding: 0; +} + +h1, +h2, +h3, +h4, +h5, +h6 { + font-size: 100%; + font-weight: normal; +} + +ul { + list-style: none; +} + +button, +input, +select, +textarea { + margin: 0; +} + +html { + box-sizing: border-box; +} + +*, *::before, *::after { + box-sizing: inherit; +} + +img, +video { + height: auto; + max-width: 100%; +} + +iframe { + border: 0; +} + +table { + border-collapse: collapse; + border-spacing: 0; +} + +td, +th { + padding: 0; +} +td:not([align]), +th:not([align]) { + text-align: inherit; +} + +:root { + --bulma-body-background-color: var(--bulma-scheme-main); + --bulma-body-size: 1em; + --bulma-body-min-width: 300px; + --bulma-body-rendering: optimizeLegibility; + --bulma-body-family: var(--bulma-family-primary); + --bulma-body-overflow-x: hidden; + --bulma-body-overflow-y: scroll; + --bulma-body-color: var(--bulma-text); + --bulma-body-font-size: 1em; + --bulma-body-weight: var(--bulma-weight-normal); + --bulma-body-line-height: 1.5; + --bulma-code-family: var(--bulma-family-code); + --bulma-code-padding: 0.25em 0.5em 0.25em; + --bulma-code-weight: normal; + --bulma-code-size: 0.875em; + --bulma-small-font-size: 0.875em; + --bulma-hr-background-color: var(--bulma-background); + --bulma-hr-height: 2px; + --bulma-hr-margin: 1.5rem 0; + --bulma-strong-color: var(--bulma-text-strong); + --bulma-strong-weight: var(--bulma-weight-semibold); + --bulma-pre-font-size: 0.875em; + --bulma-pre-padding: 1.25rem 1.5rem; + --bulma-pre-code-font-size: 1em; +} + +html { + background-color: var(--bulma-body-background-color); + font-size: var(--bulma-body-size); + -moz-osx-font-smoothing: grayscale; + -webkit-font-smoothing: antialiased; + min-width: var(--bulma-body-min-width); + overflow-x: var(--bulma-body-overflow-x); + overflow-y: var(--bulma-body-overflow-y); + text-rendering: var(--bulma-body-rendering); + text-size-adjust: 100%; +} + +article, +aside, +figure, +footer, +header, +hgroup, +section { + display: block; +} + +body, +button, +input, +optgroup, +select, +textarea { + font-family: var(--bulma-body-family); +} + +code, +pre { + -moz-osx-font-smoothing: auto; + -webkit-font-smoothing: auto; + font-family: var(--bulma-code-family); +} + +body { + color: var(--bulma-body-color); + font-size: var(--bulma-body-font-size); + font-weight: var(--bulma-body-weight); + line-height: var(--bulma-body-line-height); +} + +a, +button { + cursor: pointer; +} +a:focus-visible, +button:focus-visible { + outline-color: hsl(var(--bulma-focus-h), var(--bulma-focus-s), var(--bulma-focus-l)); + outline-offset: var(--bulma-focus-offset); + outline-style: var(--bulma-focus-style); + outline-width: var(--bulma-focus-width); +} +a:focus-visible:active, +button:focus-visible:active { + outline-width: 1px; +} +a:active, +button:active { + outline-width: 1px; +} + +a { + color: var(--bulma-link-text); + cursor: pointer; + text-decoration: none; + transition-duration: var(--bulma-duration); + transition-property: background-color, border-color, color; +} +a strong { + color: currentColor; +} + +button { + appearance: none; + background: none; + border: none; + color: inherit; + font-family: inherit; + font-size: 1em; + margin: 0; + padding: 0; + transition-duration: var(--bulma-duration); + transition-property: background-color, border-color, color; +} + +code { + background-color: var(--bulma-code-background); + border-radius: 0.5em; + color: var(--bulma-code); + font-size: var(--bulma-code-size); + font-weight: var(--bulma-code-weight); + padding: var(--bulma-code-padding); +} + +hr { + background-color: var(--bulma-hr-background-color); + border: none; + display: block; + height: var(--bulma-hr-height); + margin: var(--bulma-hr-margin); +} + +img { + height: auto; + max-width: 100%; +} + +input[type=checkbox], +input[type=radio] { + vertical-align: baseline; +} + +small { + font-size: var(--bulma-small-font-size); +} + +span { + font-style: inherit; + font-weight: inherit; +} + +strong { + color: var(--bulma-strong-color); + font-weight: var(--bulma-strong-weight); +} + +svg { + height: auto; + width: auto; +} + +fieldset { + border: none; +} + +pre { + -webkit-overflow-scrolling: touch; + background-color: var(--bulma-pre-background); + color: var(--bulma-pre); + font-size: var(--bulma-pre-font-size); + overflow-x: auto; + padding: var(--bulma-pre-padding); + white-space: pre; + word-wrap: normal; +} +pre code { + background-color: transparent; + color: currentColor; + font-size: var(--bulma-pre-code-font-size); + padding: 0; +} + +table td, +table th { + vertical-align: top; +} +table td:not([align]), +table th:not([align]) { + text-align: inherit; +} +table th { + color: var(--bulma-text-strong); +} + +@keyframes spinAround { + from { + transform: rotate(0deg); + } + to { + transform: rotate(359deg); + } +} +@keyframes pulsate { + 50% { + opacity: 0.5; + } +} +/* Bulma Elements */ +.navbar-link:not(.is-arrowless)::after, .select:not(.is-multiple):not(.is-loading)::after { + border: 0.125em solid var(--bulma-arrow-color); + border-right: 0; + border-top: 0; + content: " "; + display: block; + height: 0.625em; + margin-top: -0.4375em; + pointer-events: none; + position: absolute; + top: 50%; + transform: rotate(-45deg); + transform-origin: center; + transition-duration: var(--bulma-duration); + transition-property: border-color; + width: 0.625em; +} + +.skeleton-block:not(:last-child), .media:not(:last-child), .level:not(:last-child), .fixed-grid:not(:last-child), .grid:not(:last-child), .tabs:not(:last-child), .pagination:not(:last-child), .message:not(:last-child), .card:not(:last-child), .breadcrumb:not(:last-child), .field:not(:last-child), .file:not(:last-child), .title:not(:last-child), +.subtitle:not(:last-child), .tags:not(:last-child), .table:not(:last-child), .table-container:not(:last-child), .progress:not(:last-child), .notification:not(:last-child), .content:not(:last-child), .buttons:not(:last-child), .box:not(:last-child), .block:not(:last-child) { + margin-bottom: var(--bulma-block-spacing); +} + +.pagination-previous, +.pagination-next, +.pagination-link, +.pagination-ellipsis, .file-cta, +.file-name, .select select, .input, .textarea, .button { + align-items: center; + appearance: none; + border-color: transparent; + border-style: solid; + border-width: var(--bulma-control-border-width); + border-radius: var(--bulma-control-radius); + box-shadow: none; + display: inline-flex; + font-size: var(--bulma-control-size); + height: var(--bulma-control-height); + justify-content: flex-start; + line-height: var(--bulma-control-line-height); + padding-bottom: var(--bulma-control-padding-vertical); + padding-left: var(--bulma-control-padding-horizontal); + padding-right: var(--bulma-control-padding-horizontal); + padding-top: var(--bulma-control-padding-vertical); + position: relative; + transition-duration: var(--bulma-duration); + transition-property: background-color, border-color, box-shadow, color; + vertical-align: top; +} +.pagination-previous:focus, +.pagination-next:focus, +.pagination-link:focus, +.pagination-ellipsis:focus, .file-cta:focus, +.file-name:focus, .select select:focus, .input:focus, .textarea:focus, .button:focus, .pagination-previous:focus-visible, +.pagination-next:focus-visible, +.pagination-link:focus-visible, +.pagination-ellipsis:focus-visible, .file-cta:focus-visible, +.file-name:focus-visible, .select select:focus-visible, .input:focus-visible, .textarea:focus-visible, .button:focus-visible, .pagination-previous:focus-within, +.pagination-next:focus-within, +.pagination-link:focus-within, +.pagination-ellipsis:focus-within, .file-cta:focus-within, +.file-name:focus-within, .select select:focus-within, .input:focus-within, .textarea:focus-within, .button:focus-within, .is-focused.pagination-previous, +.is-focused.pagination-next, +.is-focused.pagination-link, +.is-focused.pagination-ellipsis, .is-focused.file-cta, +.is-focused.file-name, .select select.is-focused, .is-focused.input, .is-focused.textarea, .is-focused.button, .pagination-previous:active, +.pagination-next:active, +.pagination-link:active, +.pagination-ellipsis:active, .file-cta:active, +.file-name:active, .select select:active, .input:active, .textarea:active, .button:active, .is-active.pagination-previous, +.is-active.pagination-next, +.is-active.pagination-link, +.is-active.pagination-ellipsis, .is-active.file-cta, +.is-active.file-name, .select select.is-active, .is-active.input, .is-active.textarea, .is-active.button { + outline: none; +} +[disabled].pagination-previous, +[disabled].pagination-next, +[disabled].pagination-link, +[disabled].pagination-ellipsis, [disabled].file-cta, +[disabled].file-name, .select select[disabled], [disabled].input, [disabled].textarea, [disabled].button, fieldset[disabled] .pagination-previous, +fieldset[disabled] .pagination-next, +fieldset[disabled] .pagination-link, +fieldset[disabled] .pagination-ellipsis, fieldset[disabled] .file-cta, +fieldset[disabled] .file-name, fieldset[disabled] .select select, .select fieldset[disabled] select, fieldset[disabled] .input, fieldset[disabled] .textarea, fieldset[disabled] .button { + cursor: not-allowed; +} + +.modal-close { + --bulma-delete-dimensions: 1.25rem; + --bulma-delete-background-l: 0%; + --bulma-delete-background-alpha: 0.5; + --bulma-delete-color: var(--bulma-white); + appearance: none; + background-color: hsla(var(--bulma-scheme-h), var(--bulma-scheme-s), var(--bulma-delete-background-l), var(--bulma-delete-background-alpha)); + border: none; + border-radius: var(--bulma-radius-rounded); + cursor: pointer; + pointer-events: auto; + display: inline-flex; + flex-grow: 0; + flex-shrink: 0; + font-size: 1em; + height: var(--bulma-delete-dimensions); + max-height: var(--bulma-delete-dimensions); + max-width: var(--bulma-delete-dimensions); + min-height: var(--bulma-delete-dimensions); + min-width: var(--bulma-delete-dimensions); + outline: none; + position: relative; + vertical-align: top; + width: var(--bulma-delete-dimensions); +} +.modal-close::before, .modal-close::after { + background-color: var(--bulma-delete-color); + content: ""; + display: block; + left: 50%; + position: absolute; + top: 50%; + transform: translateX(-50%) translateY(-50%) rotate(45deg); + transform-origin: center center; +} +.modal-close::before { + height: 2px; + width: 50%; +} +.modal-close::after { + height: 50%; + width: 2px; +} +.modal-close:hover, .modal-close:focus { + --bulma-delete-background-alpha: 0.4; +} +.modal-close:active { + --bulma-delete-background-alpha: 0.5; +} +.is-small.modal-close { + --bulma-delete-dimensions: 1rem; +} +.is-medium.modal-close { + --bulma-delete-dimensions: 1.5rem; +} +.is-large.modal-close { + --bulma-delete-dimensions: 2rem; +} + +.control.is-loading::after, .select.is-loading::after, .button.is-loading::after { + animation: spinAround 500ms infinite linear; + border: 2px solid var(--bulma-loading-color); + border-radius: var(--bulma-radius-rounded); + border-right-color: transparent; + border-top-color: transparent; + content: ""; + display: block; + height: 1em; + position: relative; + width: 1em; +} + +.is-overlay, .hero-video, .modal, .modal-background { + bottom: 0; + left: 0; + position: absolute; + right: 0; + top: 0; +} + +.navbar-burger, .menu-list a, +.menu-list button, +.menu-list .menu-item { + appearance: none; + background: none; + border: none; + color: inherit; + font-family: inherit; + font-size: 1em; + margin: 0; + padding: 0; +} + +.is-unselectable, .tabs, .pagination-previous, +.pagination-next, +.pagination-link, +.pagination-ellipsis, .breadcrumb, .file, .button { + -webkit-touch-callout: none; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; +} + +.box { + --bulma-box-background-color: var(--bulma-scheme-main); + --bulma-box-color: var(--bulma-text); + --bulma-box-radius: var(--bulma-radius-large); + --bulma-box-shadow: var(--bulma-shadow); + --bulma-box-padding: 1.25rem; + --bulma-box-link-hover-shadow: 0 0.5em 1em -0.125em hsla(var(--bulma-scheme-h), var(--bulma-scheme-s), var(--bulma-scheme-invert-l), 0.1), 0 0 0 1px var(--bulma-link); + --bulma-box-link-active-shadow: inset 0 1px 2px hsla(var(--bulma-scheme-h), var(--bulma-scheme-s), var(--bulma-scheme-invert-l), 0.2), 0 0 0 1px var(--bulma-link); +} + +.box { + background-color: var(--bulma-box-background-color); + border-radius: var(--bulma-box-radius); + box-shadow: var(--bulma-box-shadow); + color: var(--bulma-box-color); + display: block; + padding: var(--bulma-box-padding); +} + +a.box:hover, a.box:focus { + box-shadow: var(--bulma-box-link-hover-shadow); +} +a.box:active { + box-shadow: var(--bulma-box-link-active-shadow); +} + +.button { + --bulma-button-family: false; + --bulma-button-weight: var(--bulma-weight-medium); + --bulma-button-border-color: var(--bulma-border); + --bulma-button-border-style: solid; + --bulma-button-border-width: var(--bulma-control-border-width); + --bulma-button-padding-vertical: 0.5em; + --bulma-button-padding-horizontal: 1em; + --bulma-button-focus-border-color: var(--bulma-link-focus-border); + --bulma-button-focus-box-shadow-size: 0 0 0 0.125em; + --bulma-button-focus-box-shadow-color: hsla(var(--bulma-link-h), var(--bulma-link-s), var(--bulma-link-on-scheme-l), 0.25); + --bulma-button-active-color: var(--bulma-link-active); + --bulma-button-active-border-color: var(--bulma-link-active-border); + --bulma-button-text-color: var(--bulma-text); + --bulma-button-text-decoration: underline; + --bulma-button-text-hover-background-color: var(--bulma-background); + --bulma-button-text-hover-color: var(--bulma-text-strong); + --bulma-button-ghost-background: none; + --bulma-button-ghost-border-color: transparent; + --bulma-button-ghost-color: var(--bulma-link-text); + --bulma-button-ghost-decoration: none; + --bulma-button-ghost-hover-color: var(--bulma-link); + --bulma-button-ghost-hover-decoration: underline; + --bulma-button-disabled-background-color: var(--bulma-scheme-main); + --bulma-button-disabled-border-color: var(--bulma-border); + --bulma-button-disabled-shadow: none; + --bulma-button-disabled-opacity: 0.5; + --bulma-button-static-color: var(--bulma-text-weak); + --bulma-button-static-background-color: var(--bulma-scheme-main-ter); + --bulma-button-static-border-color: var(--bulma-border); +} + +.button { + --bulma-button-h: var(--bulma-scheme-h); + --bulma-button-s: var(--bulma-scheme-s); + --bulma-button-l: var(--bulma-scheme-main-l); + --bulma-button-background-l: var(--bulma-scheme-main-l); + --bulma-button-background-l-delta: 0%; + --bulma-button-hover-background-l-delta: var(--bulma-hover-background-l-delta); + --bulma-button-active-background-l-delta: var(--bulma-active-background-l-delta); + --bulma-button-color-l: var(--bulma-text-strong-l); + --bulma-button-border-l: var(--bulma-border-l); + --bulma-button-border-l-delta: 0%; + --bulma-button-hover-border-l-delta: var(--bulma-hover-border-l-delta); + --bulma-button-active-border-l-delta: var(--bulma-active-border-l-delta); + --bulma-button-focus-border-l-delta: var(--bulma-focus-border-l-delta); + --bulma-button-outer-shadow-h: 0; + --bulma-button-outer-shadow-s: 0%; + --bulma-button-outer-shadow-l: 20%; + --bulma-button-outer-shadow-a: 0.05; + --bulma-loading-color: hsl(var(--bulma-button-h), var(--bulma-button-s), var(--bulma-button-color-l)); + background-color: hsl(var(--bulma-button-h), var(--bulma-button-s), calc(var(--bulma-button-background-l) + var(--bulma-button-background-l-delta))); + border-color: hsl(var(--bulma-button-h), var(--bulma-button-s), calc(var(--bulma-button-border-l) + var(--bulma-button-border-l-delta))); + border-style: var(--bulma-button-border-style); + border-width: var(--bulma-button-border-width); + box-shadow: 0px 0.0625em 0.125em hsla(var(--bulma-button-outer-shadow-h), var(--bulma-button-outer-shadow-s), var(--bulma-button-outer-shadow-l), var(--bulma-button-outer-shadow-a)), 0px 0.125em 0.25em hsla(var(--bulma-button-outer-shadow-h), var(--bulma-button-outer-shadow-s), var(--bulma-button-outer-shadow-l), var(--bulma-button-outer-shadow-a)); + color: hsl(var(--bulma-button-h), var(--bulma-button-s), var(--bulma-button-color-l)); + cursor: pointer; + font-weight: var(--bulma-button-weight); + height: auto; + justify-content: center; + padding-bottom: calc(var(--bulma-button-padding-vertical) - var(--bulma-button-border-width)); + padding-left: calc(var(--bulma-button-padding-horizontal) - var(--bulma-button-border-width)); + padding-right: calc(var(--bulma-button-padding-horizontal) - var(--bulma-button-border-width)); + padding-top: calc(var(--bulma-button-padding-vertical) - var(--bulma-button-border-width)); + text-align: center; + white-space: nowrap; +} +.button strong { + color: inherit; +} +.button .icon, .button .icon.is-small, .button .icon.is-medium, .button .icon.is-large { + height: 1.5em; + width: 1.5em; +} +.button .icon:first-child:not(:last-child) { + margin-inline-start: calc(-0.5 * var(--bulma-button-padding-horizontal)); + margin-inline-end: calc(var(--bulma-button-padding-horizontal) * 0.25); +} +.button .icon:last-child:not(:first-child) { + margin-inline-start: calc(var(--bulma-button-padding-horizontal) * 0.25); + margin-inline-end: calc(-0.5 * var(--bulma-button-padding-horizontal)); +} +.button .icon:first-child:last-child { + margin-inline-start: calc(-0.5 * var(--bulma-button-padding-horizontal)); + margin-inline-end: calc(-0.5 * var(--bulma-button-padding-horizontal)); +} +.button:hover, .button.is-hovered { + --bulma-button-background-l-delta: var(--bulma-button-hover-background-l-delta); + --bulma-button-border-l-delta: var(--bulma-button-hover-border-l-delta); +} +.button:focus-visible, .button.is-focused { + --bulma-button-border-width: 1px; + border-color: hsl(var(--bulma-focus-h), var(--bulma-focus-s), var(--bulma-focus-l)); + box-shadow: var(--bulma-focus-shadow-size) hsla(var(--bulma-focus-h), var(--bulma-focus-s), var(--bulma-focus-l), var(--bulma-focus-shadow-alpha)); +} +.button:active, .button.is-active { + --bulma-button-background-l-delta: var(--bulma-button-active-background-l-delta); + --bulma-button-border-l-delta: var(--bulma-button-active-border-l-delta); + --bulma-button-outer-shadow-a: 0; +} +.button[disabled], fieldset[disabled] .button { + background-color: var(--bulma-button-disabled-background-color); + border-color: var(--bulma-button-disabled-border-color); + box-shadow: var(--bulma-button-disabled-shadow); + opacity: var(--bulma-button-disabled-opacity); +} +.button.is-white { + --bulma-button-h: var(--bulma-white-h); + --bulma-button-s: var(--bulma-white-s); + --bulma-button-l: var(--bulma-white-l); + --bulma-button-background-l: var(--bulma-white-l); + --bulma-button-border-l: var(--bulma-white-l); + --bulma-button-border-width: 0px; + --bulma-button-color-l: var(--bulma-white-invert-l); + --bulma-button-outer-shadow-a: 0; +} +.button.is-white:focus-visible, .button.is-white.is-focused { + --bulma-button-border-width: 1px; +} +.button.is-white.is-soft { + --bulma-button-background-l: var(--bulma-soft-l); + --bulma-button-color-l: var(--bulma-soft-invert-l); +} +.button.is-white.is-bold { + --bulma-button-background-l: var(--bulma-bold-l); + --bulma-button-color-l: var(--bulma-bold-invert-l); +} +.button.is-white[disabled], fieldset[disabled] .button.is-white { + background-color: var(--bulma-white); + border-color: var(--bulma-white); + box-shadow: none; +} +.button.is-black { + --bulma-button-h: var(--bulma-black-h); + --bulma-button-s: var(--bulma-black-s); + --bulma-button-l: var(--bulma-black-l); + --bulma-button-background-l: var(--bulma-black-l); + --bulma-button-border-l: var(--bulma-black-l); + --bulma-button-border-width: 0px; + --bulma-button-color-l: var(--bulma-black-invert-l); + --bulma-button-outer-shadow-a: 0; +} +.button.is-black:focus-visible, .button.is-black.is-focused { + --bulma-button-border-width: 1px; +} +.button.is-black.is-soft { + --bulma-button-background-l: var(--bulma-soft-l); + --bulma-button-color-l: var(--bulma-soft-invert-l); +} +.button.is-black.is-bold { + --bulma-button-background-l: var(--bulma-bold-l); + --bulma-button-color-l: var(--bulma-bold-invert-l); +} +.button.is-black[disabled], fieldset[disabled] .button.is-black { + background-color: var(--bulma-black); + border-color: var(--bulma-black); + box-shadow: none; +} +.button.is-light { + --bulma-button-h: var(--bulma-light-h); + --bulma-button-s: var(--bulma-light-s); + --bulma-button-l: var(--bulma-light-l); + --bulma-button-background-l: var(--bulma-light-l); + --bulma-button-border-l: var(--bulma-light-l); + --bulma-button-border-width: 0px; + --bulma-button-color-l: var(--bulma-light-invert-l); + --bulma-button-outer-shadow-a: 0; +} +.button.is-light:focus-visible, .button.is-light.is-focused { + --bulma-button-border-width: 1px; +} +.button.is-light.is-soft { + --bulma-button-background-l: var(--bulma-soft-l); + --bulma-button-color-l: var(--bulma-soft-invert-l); +} +.button.is-light.is-bold { + --bulma-button-background-l: var(--bulma-bold-l); + --bulma-button-color-l: var(--bulma-bold-invert-l); +} +.button.is-light[disabled], fieldset[disabled] .button.is-light { + background-color: var(--bulma-light); + border-color: var(--bulma-light); + box-shadow: none; +} +.button.is-dark { + --bulma-button-h: var(--bulma-dark-h); + --bulma-button-s: var(--bulma-dark-s); + --bulma-button-l: var(--bulma-dark-l); + --bulma-button-background-l: var(--bulma-dark-l); + --bulma-button-border-l: var(--bulma-dark-l); + --bulma-button-border-width: 0px; + --bulma-button-color-l: var(--bulma-dark-invert-l); + --bulma-button-outer-shadow-a: 0; +} +.button.is-dark:focus-visible, .button.is-dark.is-focused { + --bulma-button-border-width: 1px; +} +.button.is-dark.is-soft { + --bulma-button-background-l: var(--bulma-soft-l); + --bulma-button-color-l: var(--bulma-soft-invert-l); +} +.button.is-dark.is-bold { + --bulma-button-background-l: var(--bulma-bold-l); + --bulma-button-color-l: var(--bulma-bold-invert-l); +} +.button.is-dark[disabled], fieldset[disabled] .button.is-dark { + background-color: var(--bulma-dark); + border-color: var(--bulma-dark); + box-shadow: none; +} +.button.is-text { + --bulma-button-h: var(--bulma-text-h); + --bulma-button-s: var(--bulma-text-s); + --bulma-button-l: var(--bulma-text-l); + --bulma-button-background-l: var(--bulma-text-l); + --bulma-button-border-l: var(--bulma-text-l); + --bulma-button-border-width: 0px; + --bulma-button-color-l: var(--bulma-text-invert-l); + --bulma-button-outer-shadow-a: 0; +} +.button.is-text:focus-visible, .button.is-text.is-focused { + --bulma-button-border-width: 1px; +} +.button.is-text.is-light { + --bulma-button-background-l: var(--bulma-light-l); + --bulma-button-color-l: var(--bulma-text-light-invert-l); +} +.button.is-text.is-dark { + --bulma-button-background-l: var(--bulma-dark-l); + --bulma-button-color-l: var(--bulma-text-dark-invert-l); +} +.button.is-text.is-soft { + --bulma-button-background-l: var(--bulma-soft-l); + --bulma-button-color-l: var(--bulma-soft-invert-l); +} +.button.is-text.is-bold { + --bulma-button-background-l: var(--bulma-bold-l); + --bulma-button-color-l: var(--bulma-bold-invert-l); +} +.button.is-text[disabled], fieldset[disabled] .button.is-text { + background-color: var(--bulma-text); + border-color: var(--bulma-text); + box-shadow: none; +} +.button.is-primary { + --bulma-button-h: var(--bulma-primary-h); + --bulma-button-s: var(--bulma-primary-s); + --bulma-button-l: var(--bulma-primary-l); + --bulma-button-background-l: var(--bulma-primary-l); + --bulma-button-border-l: var(--bulma-primary-l); + --bulma-button-border-width: 0px; + --bulma-button-color-l: var(--bulma-primary-invert-l); + --bulma-button-outer-shadow-a: 0; +} +.button.is-primary:focus-visible, .button.is-primary.is-focused { + --bulma-button-border-width: 1px; +} +.button.is-primary.is-light { + --bulma-button-background-l: var(--bulma-light-l); + --bulma-button-color-l: var(--bulma-primary-light-invert-l); +} +.button.is-primary.is-dark { + --bulma-button-background-l: var(--bulma-dark-l); + --bulma-button-color-l: var(--bulma-primary-dark-invert-l); +} +.button.is-primary.is-soft { + --bulma-button-background-l: var(--bulma-soft-l); + --bulma-button-color-l: var(--bulma-soft-invert-l); +} +.button.is-primary.is-bold { + --bulma-button-background-l: var(--bulma-bold-l); + --bulma-button-color-l: var(--bulma-bold-invert-l); +} +.button.is-primary[disabled], fieldset[disabled] .button.is-primary { + background-color: var(--bulma-primary); + border-color: var(--bulma-primary); + box-shadow: none; +} +.button.is-link { + --bulma-button-h: var(--bulma-link-h); + --bulma-button-s: var(--bulma-link-s); + --bulma-button-l: var(--bulma-link-l); + --bulma-button-background-l: var(--bulma-link-l); + --bulma-button-border-l: var(--bulma-link-l); + --bulma-button-border-width: 0px; + --bulma-button-color-l: var(--bulma-link-invert-l); + --bulma-button-outer-shadow-a: 0; +} +.button.is-link:focus-visible, .button.is-link.is-focused { + --bulma-button-border-width: 1px; +} +.button.is-link.is-light { + --bulma-button-background-l: var(--bulma-light-l); + --bulma-button-color-l: var(--bulma-link-light-invert-l); +} +.button.is-link.is-dark { + --bulma-button-background-l: var(--bulma-dark-l); + --bulma-button-color-l: var(--bulma-link-dark-invert-l); +} +.button.is-link.is-soft { + --bulma-button-background-l: var(--bulma-soft-l); + --bulma-button-color-l: var(--bulma-soft-invert-l); +} +.button.is-link.is-bold { + --bulma-button-background-l: var(--bulma-bold-l); + --bulma-button-color-l: var(--bulma-bold-invert-l); +} +.button.is-link[disabled], fieldset[disabled] .button.is-link { + background-color: var(--bulma-link); + border-color: var(--bulma-link); + box-shadow: none; +} +.button.is-info { + --bulma-button-h: var(--bulma-info-h); + --bulma-button-s: var(--bulma-info-s); + --bulma-button-l: var(--bulma-info-l); + --bulma-button-background-l: var(--bulma-info-l); + --bulma-button-border-l: var(--bulma-info-l); + --bulma-button-border-width: 0px; + --bulma-button-color-l: var(--bulma-info-invert-l); + --bulma-button-outer-shadow-a: 0; +} +.button.is-info:focus-visible, .button.is-info.is-focused { + --bulma-button-border-width: 1px; +} +.button.is-info.is-light { + --bulma-button-background-l: var(--bulma-light-l); + --bulma-button-color-l: var(--bulma-info-light-invert-l); +} +.button.is-info.is-dark { + --bulma-button-background-l: var(--bulma-dark-l); + --bulma-button-color-l: var(--bulma-info-dark-invert-l); +} +.button.is-info.is-soft { + --bulma-button-background-l: var(--bulma-soft-l); + --bulma-button-color-l: var(--bulma-soft-invert-l); +} +.button.is-info.is-bold { + --bulma-button-background-l: var(--bulma-bold-l); + --bulma-button-color-l: var(--bulma-bold-invert-l); +} +.button.is-info[disabled], fieldset[disabled] .button.is-info { + background-color: var(--bulma-info); + border-color: var(--bulma-info); + box-shadow: none; +} +.button.is-success { + --bulma-button-h: var(--bulma-success-h); + --bulma-button-s: var(--bulma-success-s); + --bulma-button-l: var(--bulma-success-l); + --bulma-button-background-l: var(--bulma-success-l); + --bulma-button-border-l: var(--bulma-success-l); + --bulma-button-border-width: 0px; + --bulma-button-color-l: var(--bulma-success-invert-l); + --bulma-button-outer-shadow-a: 0; +} +.button.is-success:focus-visible, .button.is-success.is-focused { + --bulma-button-border-width: 1px; +} +.button.is-success.is-light { + --bulma-button-background-l: var(--bulma-light-l); + --bulma-button-color-l: var(--bulma-success-light-invert-l); +} +.button.is-success.is-dark { + --bulma-button-background-l: var(--bulma-dark-l); + --bulma-button-color-l: var(--bulma-success-dark-invert-l); +} +.button.is-success.is-soft { + --bulma-button-background-l: var(--bulma-soft-l); + --bulma-button-color-l: var(--bulma-soft-invert-l); +} +.button.is-success.is-bold { + --bulma-button-background-l: var(--bulma-bold-l); + --bulma-button-color-l: var(--bulma-bold-invert-l); +} +.button.is-success[disabled], fieldset[disabled] .button.is-success { + background-color: var(--bulma-success); + border-color: var(--bulma-success); + box-shadow: none; +} +.button.is-warning { + --bulma-button-h: var(--bulma-warning-h); + --bulma-button-s: var(--bulma-warning-s); + --bulma-button-l: var(--bulma-warning-l); + --bulma-button-background-l: var(--bulma-warning-l); + --bulma-button-border-l: var(--bulma-warning-l); + --bulma-button-border-width: 0px; + --bulma-button-color-l: var(--bulma-warning-invert-l); + --bulma-button-outer-shadow-a: 0; +} +.button.is-warning:focus-visible, .button.is-warning.is-focused { + --bulma-button-border-width: 1px; +} +.button.is-warning.is-light { + --bulma-button-background-l: var(--bulma-light-l); + --bulma-button-color-l: var(--bulma-warning-light-invert-l); +} +.button.is-warning.is-dark { + --bulma-button-background-l: var(--bulma-dark-l); + --bulma-button-color-l: var(--bulma-warning-dark-invert-l); +} +.button.is-warning.is-soft { + --bulma-button-background-l: var(--bulma-soft-l); + --bulma-button-color-l: var(--bulma-soft-invert-l); +} +.button.is-warning.is-bold { + --bulma-button-background-l: var(--bulma-bold-l); + --bulma-button-color-l: var(--bulma-bold-invert-l); +} +.button.is-warning[disabled], fieldset[disabled] .button.is-warning { + background-color: var(--bulma-warning); + border-color: var(--bulma-warning); + box-shadow: none; +} +.button.is-danger { + --bulma-button-h: var(--bulma-danger-h); + --bulma-button-s: var(--bulma-danger-s); + --bulma-button-l: var(--bulma-danger-l); + --bulma-button-background-l: var(--bulma-danger-l); + --bulma-button-border-l: var(--bulma-danger-l); + --bulma-button-border-width: 0px; + --bulma-button-color-l: var(--bulma-danger-invert-l); + --bulma-button-outer-shadow-a: 0; +} +.button.is-danger:focus-visible, .button.is-danger.is-focused { + --bulma-button-border-width: 1px; +} +.button.is-danger.is-light { + --bulma-button-background-l: var(--bulma-light-l); + --bulma-button-color-l: var(--bulma-danger-light-invert-l); +} +.button.is-danger.is-dark { + --bulma-button-background-l: var(--bulma-dark-l); + --bulma-button-color-l: var(--bulma-danger-dark-invert-l); +} +.button.is-danger.is-soft { + --bulma-button-background-l: var(--bulma-soft-l); + --bulma-button-color-l: var(--bulma-soft-invert-l); +} +.button.is-danger.is-bold { + --bulma-button-background-l: var(--bulma-bold-l); + --bulma-button-color-l: var(--bulma-bold-invert-l); +} +.button.is-danger[disabled], fieldset[disabled] .button.is-danger { + background-color: var(--bulma-danger); + border-color: var(--bulma-danger); + box-shadow: none; +} +.button.is-outlined { + --bulma-button-border-width: max(1px, 0.0625em); + background-color: transparent; + border-color: hsl(var(--bulma-button-h), var(--bulma-button-s), var(--bulma-button-l)); + color: hsl(var(--bulma-button-h), var(--bulma-button-s), var(--bulma-button-l)); +} +.button.is-outlined:hover { + --bulma-button-border-width: max(2px, 0.125em); + --bulma-button-outer-shadow-alpha: 1; +} +.button.is-inverted { + background-color: hsl(var(--bulma-button-h), var(--bulma-button-s), calc(var(--bulma-button-color-l) + var(--bulma-button-background-l-delta))); + color: hsl(var(--bulma-button-h), var(--bulma-button-s), var(--bulma-button-background-l)); +} +.button.is-text { + background-color: transparent; + border-color: transparent; + color: var(--bulma-button-text-color); + text-decoration: var(--bulma-button-text-decoration); +} +.button.is-text:hover, .button.is-text.is-hovered { + background-color: var(--bulma-button-text-hover-background-color); + color: var(--bulma-button-text-hover-color); +} +.button.is-text:active, .button.is-text.is-active { + color: var(--bulma-button-text-hover-color); +} +.button.is-text[disabled], fieldset[disabled] .button.is-text { + background-color: transparent; + border-color: transparent; + box-shadow: none; +} +.button.is-ghost { + background: var(--bulma-button-ghost-background); + border-color: var(--bulma-button-ghost-border-color); + box-shadow: none; + color: var(--bulma-button-ghost-color); + text-decoration: var(--bulma-button-ghost-decoration); +} +.button.is-ghost:hover, .button.is-ghost.is-hovered { + color: var(--bulma-button-ghost-hover-color); + text-decoration: var(--bulma-button-ghost-hover-decoration); +} +.button.is-small { + --bulma-control-size: var(--bulma-size-small); + --bulma-control-radius: var(--bulma-radius-small); +} +.button.is-normal { + --bulma-control-size: var(--bulma-size-normal); + --bulma-control-radius: var(--bulma-radius); +} +.button.is-medium { + --bulma-control-size: var(--bulma-size-medium); + --bulma-control-radius: var(--bulma-radius-medium); +} +.button.is-large { + --bulma-control-size: var(--bulma-size-large); + --bulma-control-radius: var(--bulma-radius-medium); +} +.button.is-fullwidth { + display: flex; + width: 100%; +} +.button.is-loading { + box-shadow: none; + color: transparent !important; + pointer-events: none; +} +.button.is-loading::after { + position: absolute; + left: calc(50% - 1em * 0.5); + top: calc(50% - 1em * 0.5); + position: absolute !important; +} +.button.is-static { + background-color: var(--bulma-button-static-background-color); + border-color: var(--bulma-button-static-border-color); + color: var(--bulma-button-static-color); + box-shadow: none; + pointer-events: none; +} +.button.is-rounded { + border-radius: var(--bulma-radius-rounded); + padding-left: calc(var(--bulma-button-padding-horizontal) + 0.25em - var(--bulma-button-border-width)); + padding-right: calc(var(--bulma-button-padding-horizontal) + 0.25em - var(--bulma-button-border-width)); +} + +.buttons { + align-items: center; + display: flex; + flex-wrap: wrap; + gap: 0.75rem; + justify-content: flex-start; +} +.buttons.are-small { + --bulma-control-size: var(--bulma-size-small); + --bulma-control-radius: var(--bulma-radius-small); +} +.buttons.are-medium { + --bulma-control-size: var(--bulma-size-medium); + --bulma-control-radius: var(--bulma-radius-medium); +} +.buttons.are-large { + --bulma-control-size: var(--bulma-size-large); + --bulma-control-radius: var(--bulma-radius-large); +} +.buttons.has-addons { + gap: 0; +} +.buttons.has-addons .button:not(:first-child) { + border-end-start-radius: 0; + border-start-start-radius: 0; +} +.buttons.has-addons .button:not(:last-child) { + border-end-end-radius: 0; + border-start-end-radius: 0; + margin-inline-end: -1px; +} +.buttons.has-addons .button:hover, .buttons.has-addons .button.is-hovered { + z-index: 2; +} +.buttons.has-addons .button:focus, .buttons.has-addons .button.is-focused, .buttons.has-addons .button:active, .buttons.has-addons .button.is-active, .buttons.has-addons .button.is-selected { + z-index: 3; +} +.buttons.has-addons .button:focus:hover, .buttons.has-addons .button.is-focused:hover, .buttons.has-addons .button:active:hover, .buttons.has-addons .button.is-active:hover, .buttons.has-addons .button.is-selected:hover { + z-index: 4; +} +.buttons.has-addons .button.is-expanded { + flex-grow: 1; + flex-shrink: 1; +} +.buttons.is-centered { + justify-content: center; +} +.buttons.is-right { + justify-content: flex-end; +} + +@media screen and (max-width: 768px) { + .button.is-responsive.is-small { + font-size: calc(var(--bulma-size-small) * 0.75); + } + .button.is-responsive, + .button.is-responsive.is-normal { + font-size: calc(var(--bulma-size-small) * 0.875); + } + .button.is-responsive.is-medium { + font-size: var(--bulma-size-small); + } + .button.is-responsive.is-large { + font-size: var(--bulma-size-normal); + } +} +@media screen and (min-width: 769px) and (max-width: 1023px) { + .button.is-responsive.is-small { + font-size: calc(var(--bulma-size-small) * 0.875); + } + .button.is-responsive, + .button.is-responsive.is-normal { + font-size: var(--bulma-size-small); + } + .button.is-responsive.is-medium { + font-size: var(--bulma-size-normal); + } + .button.is-responsive.is-large { + font-size: var(--bulma-size-medium); + } +} +.content { + --bulma-content-heading-color: var(--bulma-text-strong); + --bulma-content-heading-weight: var(--bulma-weight-extrabold); + --bulma-content-heading-line-height: 1.125; + --bulma-content-block-margin-bottom: 1em; + --bulma-content-blockquote-background-color: var(--bulma-background); + --bulma-content-blockquote-border-left: 5px solid var(--bulma-border); + --bulma-content-blockquote-padding: 1.25em 1.5em; + --bulma-content-pre-padding: 1.25em 1.5em; + --bulma-content-table-cell-border: 1px solid var(--bulma-border); + --bulma-content-table-cell-border-width: 0 0 1px; + --bulma-content-table-cell-padding: 0.5em 0.75em; + --bulma-content-table-cell-heading-color: var(--bulma-text-strong); + --bulma-content-table-head-cell-border-width: 0 0 2px; + --bulma-content-table-head-cell-color: var(--bulma-text-strong); + --bulma-content-table-body-last-row-cell-border-bottom-width: 0; + --bulma-content-table-foot-cell-border-width: 2px 0 0; + --bulma-content-table-foot-cell-color: var(--bulma-text-strong); +} + +.content li + li { + margin-top: 0.25em; +} +.content p:not(:last-child), +.content dl:not(:last-child), +.content ol:not(:last-child), +.content ul:not(:last-child), +.content blockquote:not(:last-child), +.content pre:not(:last-child), +.content table:not(:last-child) { + margin-bottom: var(--bulma-content-block-margin-bottom); +} +.content h1, +.content h2, +.content h3, +.content h4, +.content h5, +.content h6 { + color: var(--bulma-content-heading-color); + font-weight: var(--bulma-content-heading-weight); + line-height: var(--bulma-content-heading-line-height); +} +.content h1 { + font-size: 2em; + margin-bottom: 0.5em; +} +.content h1:not(:first-child) { + margin-top: 1em; +} +.content h2 { + font-size: 1.75em; + margin-bottom: 0.5714em; +} +.content h2:not(:first-child) { + margin-top: 1.1428em; +} +.content h3 { + font-size: 1.5em; + margin-bottom: 0.6666em; +} +.content h3:not(:first-child) { + margin-top: 1.3333em; +} +.content h4 { + font-size: 1.25em; + margin-bottom: 0.8em; +} +.content h5 { + font-size: 1.125em; + margin-bottom: 0.8888em; +} +.content h6 { + font-size: 1em; + margin-bottom: 1em; +} +.content blockquote { + background-color: var(--bulma-content-blockquote-background-color); + border-inline-start: var(--bulma-content-blockquote-border-left); + padding: var(--bulma-content-blockquote-padding); +} +.content ol { + list-style-position: outside; + margin-inline-start: 2em; +} +.content ol:not(:first-child) { + margin-top: 1em; +} +.content ol:not([type]) { + list-style-type: decimal; +} +.content ol:not([type]).is-lower-alpha { + list-style-type: lower-alpha; +} +.content ol:not([type]).is-lower-roman { + list-style-type: lower-roman; +} +.content ol:not([type]).is-upper-alpha { + list-style-type: upper-alpha; +} +.content ol:not([type]).is-upper-roman { + list-style-type: upper-roman; +} +.content ul { + list-style: disc outside; + margin-inline-start: 2em; +} +.content ul:not(:first-child) { + margin-top: 1em; +} +.content ul ul { + list-style-type: circle; + margin-bottom: 0.25em; + margin-top: 0.25em; +} +.content ul ul ul { + list-style-type: square; +} +.content dd { + margin-inline-start: 2em; +} +.content figure:not([class]) { + margin-left: 2em; + margin-right: 2em; + text-align: center; +} +.content figure:not([class]):not(:first-child) { + margin-top: 2em; +} +.content figure:not([class]):not(:last-child) { + margin-bottom: 2em; +} +.content figure:not([class]) img { + display: inline-block; +} +.content figure:not([class]) figcaption { + font-style: italic; +} +.content pre { + -webkit-overflow-scrolling: touch; + overflow-x: auto; + padding: var(--bulma-content-pre-padding); + white-space: pre; + word-wrap: normal; +} +.content sup, +.content sub { + font-size: 75%; +} +.content table td, +.content table th { + border: var(--bulma-content-table-cell-border); + border-width: var(--bulma-content-table-cell-border-width); + padding: var(--bulma-content-table-cell-padding); + vertical-align: top; +} +.content table th { + color: var(--bulma-content-table-cell-heading-color); +} +.content table th:not([align]) { + text-align: inherit; +} +.content table thead td, +.content table thead th { + border-width: var(--bulma-content-table-head-cell-border-width); + color: var(--bulma-content-table-head-cell-color); +} +.content table tfoot td, +.content table tfoot th { + border-width: var(--bulma-content-table-foot-cell-border-width); + color: var(--bulma-content-table-foot-cell-color); +} +.content table tbody tr:last-child td, +.content table tbody tr:last-child th { + border-bottom-width: var(--bulma-content-table-body-last-row-cell-border-bottom-width); +} +.content .tabs li + li { + margin-top: 0; +} +.content.is-small { + font-size: var(--bulma-size-small); +} +.content.is-normal { + font-size: var(--bulma-size-normal); +} +.content.is-medium { + font-size: var(--bulma-size-medium); +} +.content.is-large { + font-size: var(--bulma-size-large); +} + +.delete { + --bulma-delete-dimensions: 1.25rem; + --bulma-delete-background-l: 0%; + --bulma-delete-background-alpha: 0.5; + --bulma-delete-color: var(--bulma-white); + appearance: none; + background-color: hsla(var(--bulma-scheme-h), var(--bulma-scheme-s), var(--bulma-delete-background-l), var(--bulma-delete-background-alpha)); + border: none; + border-radius: var(--bulma-radius-rounded); + cursor: pointer; + pointer-events: auto; + display: inline-flex; + flex-grow: 0; + flex-shrink: 0; + font-size: 1em; + height: var(--bulma-delete-dimensions); + max-height: var(--bulma-delete-dimensions); + max-width: var(--bulma-delete-dimensions); + min-height: var(--bulma-delete-dimensions); + min-width: var(--bulma-delete-dimensions); + outline: none; + position: relative; + vertical-align: top; + width: var(--bulma-delete-dimensions); +} +.delete::before, .delete::after { + background-color: var(--bulma-delete-color); + content: ""; + display: block; + left: 50%; + position: absolute; + top: 50%; + transform: translateX(-50%) translateY(-50%) rotate(45deg); + transform-origin: center center; +} +.delete::before { + height: 2px; + width: 50%; +} +.delete::after { + height: 50%; + width: 2px; +} +.delete:hover, .delete:focus { + --bulma-delete-background-alpha: 0.4; +} +.delete:active { + --bulma-delete-background-alpha: 0.5; +} +.delete.is-small { + --bulma-delete-dimensions: 1rem; +} +.delete.is-medium { + --bulma-delete-dimensions: 1.5rem; +} +.delete.is-large { + --bulma-delete-dimensions: 2rem; +} + +.icon, +.icon-text { + --bulma-icon-dimensions: 1.5rem; + --bulma-icon-dimensions-small: 1rem; + --bulma-icon-dimensions-medium: 2rem; + --bulma-icon-dimensions-large: 3rem; + --bulma-icon-text-spacing: 0.25em; +} + +.icon { + align-items: center; + display: inline-flex; + flex-shrink: 0; + justify-content: center; + height: var(--bulma-icon-dimensions); + transition-duration: var(--bulma-duration); + transition-property: color; + width: var(--bulma-icon-dimensions); +} +.icon.is-small { + height: var(--bulma-icon-dimensions-small); + width: var(--bulma-icon-dimensions-small); +} +.icon.is-medium { + height: var(--bulma-icon-dimensions-medium); + width: var(--bulma-icon-dimensions-medium); +} +.icon.is-large { + height: var(--bulma-icon-dimensions-large); + width: var(--bulma-icon-dimensions-large); +} + +.icon-text { + align-items: flex-start; + color: inherit; + display: inline-flex; + flex-wrap: wrap; + gap: var(--bulma-icon-text-spacing); + line-height: var(--bulma-icon-dimensions); + vertical-align: top; +} +.icon-text .icon { + flex-grow: 0; + flex-shrink: 0; +} + +div.icon-text { + display: flex; +} + +.image { + display: block; + position: relative; +} +.image img { + display: block; + height: auto; + width: 100%; +} +.image img.is-rounded { + border-radius: var(--bulma-radius-rounded); +} +.image.is-fullwidth { + width: 100%; +} +.image.is-square img, +.image.is-square .has-ratio { + bottom: 0; + left: 0; + position: absolute; + right: 0; + top: 0; + height: 100%; + width: 100%; +} +.image.is-square { + aspect-ratio: 1; +} +.image.is-1by1 { + aspect-ratio: 1/1; +} +.image.is-1by1 img, +.image.is-1by1 .has-ratio { + bottom: 0; + left: 0; + position: absolute; + right: 0; + top: 0; + height: 100%; + width: 100%; +} +.image.is-5by4 { + aspect-ratio: 5/4; +} +.image.is-5by4 img, +.image.is-5by4 .has-ratio { + bottom: 0; + left: 0; + position: absolute; + right: 0; + top: 0; + height: 100%; + width: 100%; +} +.image.is-4by3 { + aspect-ratio: 4/3; +} +.image.is-4by3 img, +.image.is-4by3 .has-ratio { + bottom: 0; + left: 0; + position: absolute; + right: 0; + top: 0; + height: 100%; + width: 100%; +} +.image.is-3by2 { + aspect-ratio: 3/2; +} +.image.is-3by2 img, +.image.is-3by2 .has-ratio { + bottom: 0; + left: 0; + position: absolute; + right: 0; + top: 0; + height: 100%; + width: 100%; +} +.image.is-5by3 { + aspect-ratio: 5/3; +} +.image.is-5by3 img, +.image.is-5by3 .has-ratio { + bottom: 0; + left: 0; + position: absolute; + right: 0; + top: 0; + height: 100%; + width: 100%; +} +.image.is-16by9 { + aspect-ratio: 16/9; +} +.image.is-16by9 img, +.image.is-16by9 .has-ratio { + bottom: 0; + left: 0; + position: absolute; + right: 0; + top: 0; + height: 100%; + width: 100%; +} +.image.is-2by1 { + aspect-ratio: 2/1; +} +.image.is-2by1 img, +.image.is-2by1 .has-ratio { + bottom: 0; + left: 0; + position: absolute; + right: 0; + top: 0; + height: 100%; + width: 100%; +} +.image.is-3by1 { + aspect-ratio: 3/1; +} +.image.is-3by1 img, +.image.is-3by1 .has-ratio { + bottom: 0; + left: 0; + position: absolute; + right: 0; + top: 0; + height: 100%; + width: 100%; +} +.image.is-4by5 { + aspect-ratio: 4/5; +} +.image.is-4by5 img, +.image.is-4by5 .has-ratio { + bottom: 0; + left: 0; + position: absolute; + right: 0; + top: 0; + height: 100%; + width: 100%; +} +.image.is-3by4 { + aspect-ratio: 3/4; +} +.image.is-3by4 img, +.image.is-3by4 .has-ratio { + bottom: 0; + left: 0; + position: absolute; + right: 0; + top: 0; + height: 100%; + width: 100%; +} +.image.is-2by3 { + aspect-ratio: 2/3; +} +.image.is-2by3 img, +.image.is-2by3 .has-ratio { + bottom: 0; + left: 0; + position: absolute; + right: 0; + top: 0; + height: 100%; + width: 100%; +} +.image.is-3by5 { + aspect-ratio: 3/5; +} +.image.is-3by5 img, +.image.is-3by5 .has-ratio { + bottom: 0; + left: 0; + position: absolute; + right: 0; + top: 0; + height: 100%; + width: 100%; +} +.image.is-9by16 { + aspect-ratio: 9/16; +} +.image.is-9by16 img, +.image.is-9by16 .has-ratio { + bottom: 0; + left: 0; + position: absolute; + right: 0; + top: 0; + height: 100%; + width: 100%; +} +.image.is-1by2 { + aspect-ratio: 1/2; +} +.image.is-1by2 img, +.image.is-1by2 .has-ratio { + bottom: 0; + left: 0; + position: absolute; + right: 0; + top: 0; + height: 100%; + width: 100%; +} +.image.is-1by3 { + aspect-ratio: 1/3; +} +.image.is-1by3 img, +.image.is-1by3 .has-ratio { + bottom: 0; + left: 0; + position: absolute; + right: 0; + top: 0; + height: 100%; + width: 100%; +} +.image.is-16x16 { + height: 16px; + width: 16px; +} +.image.is-24x24 { + height: 24px; + width: 24px; +} +.image.is-32x32 { + height: 32px; + width: 32px; +} +.image.is-48x48 { + height: 48px; + width: 48px; +} +.image.is-64x64 { + height: 64px; + width: 64px; +} +.image.is-96x96 { + height: 96px; + width: 96px; +} +.image.is-128x128 { + height: 128px; + width: 128px; +} + +.loader { + animation: spinAround 500ms infinite linear; + border: 2px solid var(--bulma-border); + border-radius: var(--bulma-radius-rounded); + border-right-color: transparent; + border-top-color: transparent; + content: ""; + display: block; + height: 1em; + position: relative; + width: 1em; +} + +.notification { + --bulma-notification-h: var(--bulma-scheme-h); + --bulma-notification-s: var(--bulma-scheme-s); + --bulma-notification-background-l: var(--bulma-background-l); + --bulma-notification-color-l: var(--bulma-text-strong-l); + --bulma-notification-code-background-color: var(--bulma-scheme-main); + --bulma-notification-radius: var(--bulma-radius); + --bulma-notification-padding: 1.375em 1.5em; +} + +.notification { + background-color: hsl(var(--bulma-notification-h), var(--bulma-notification-s), var(--bulma-notification-background-l)); + border-radius: var(--bulma-notification-radius); + color: hsl(var(--bulma-notification-h), var(--bulma-notification-s), var(--bulma-notification-color-l)); + padding: var(--bulma-notification-padding); + position: relative; +} +.notification a:not(.button):not(.dropdown-item) { + color: currentColor; + text-decoration: underline; +} +.notification strong { + color: currentColor; +} +.notification code, +.notification pre { + background: var(--bulma-notification-code-background-color); +} +.notification pre code { + background: transparent; +} +.notification > .delete { + position: absolute; + inset-inline-end: 1rem; + top: 1rem; +} +.notification .title, +.notification .subtitle, +.notification .content { + color: currentColor; +} +.notification.is-white { + --bulma-notification-h: var(--bulma-white-h); + --bulma-notification-s: var(--bulma-white-s); + --bulma-notification-background-l: var(--bulma-white-l); + --bulma-notification-color-l: var(--bulma-white-invert-l); +} +.notification.is-white.is-light { + --bulma-notification-background-l: 90%; + --bulma-notification-color-l: var(--bulma-white-light-invert-l); +} +.notification.is-white.is-dark { + --bulma-notification-background-l: 20%; + --bulma-notification-color-l: var(--bulma-white-dark-invert-l); +} +.notification.is-black { + --bulma-notification-h: var(--bulma-black-h); + --bulma-notification-s: var(--bulma-black-s); + --bulma-notification-background-l: var(--bulma-black-l); + --bulma-notification-color-l: var(--bulma-black-invert-l); +} +.notification.is-black.is-light { + --bulma-notification-background-l: 90%; + --bulma-notification-color-l: var(--bulma-black-light-invert-l); +} +.notification.is-black.is-dark { + --bulma-notification-background-l: 20%; + --bulma-notification-color-l: var(--bulma-black-dark-invert-l); +} +.notification.is-light { + --bulma-notification-h: var(--bulma-light-h); + --bulma-notification-s: var(--bulma-light-s); + --bulma-notification-background-l: var(--bulma-light-l); + --bulma-notification-color-l: var(--bulma-light-invert-l); +} +.notification.is-light.is-light { + --bulma-notification-background-l: 90%; + --bulma-notification-color-l: var(--bulma-light-light-invert-l); +} +.notification.is-light.is-dark { + --bulma-notification-background-l: 20%; + --bulma-notification-color-l: var(--bulma-light-dark-invert-l); +} +.notification.is-dark { + --bulma-notification-h: var(--bulma-dark-h); + --bulma-notification-s: var(--bulma-dark-s); + --bulma-notification-background-l: var(--bulma-dark-l); + --bulma-notification-color-l: var(--bulma-dark-invert-l); +} +.notification.is-dark.is-light { + --bulma-notification-background-l: 90%; + --bulma-notification-color-l: var(--bulma-dark-light-invert-l); +} +.notification.is-dark.is-dark { + --bulma-notification-background-l: 20%; + --bulma-notification-color-l: var(--bulma-dark-dark-invert-l); +} +.notification.is-text { + --bulma-notification-h: var(--bulma-text-h); + --bulma-notification-s: var(--bulma-text-s); + --bulma-notification-background-l: var(--bulma-text-l); + --bulma-notification-color-l: var(--bulma-text-invert-l); +} +.notification.is-text.is-light { + --bulma-notification-background-l: 90%; + --bulma-notification-color-l: var(--bulma-text-light-invert-l); +} +.notification.is-text.is-dark { + --bulma-notification-background-l: 20%; + --bulma-notification-color-l: var(--bulma-text-dark-invert-l); +} +.notification.is-primary { + --bulma-notification-h: var(--bulma-primary-h); + --bulma-notification-s: var(--bulma-primary-s); + --bulma-notification-background-l: var(--bulma-primary-l); + --bulma-notification-color-l: var(--bulma-primary-invert-l); +} +.notification.is-primary.is-light { + --bulma-notification-background-l: 90%; + --bulma-notification-color-l: var(--bulma-primary-light-invert-l); +} +.notification.is-primary.is-dark { + --bulma-notification-background-l: 20%; + --bulma-notification-color-l: var(--bulma-primary-dark-invert-l); +} +.notification.is-link { + --bulma-notification-h: var(--bulma-link-h); + --bulma-notification-s: var(--bulma-link-s); + --bulma-notification-background-l: var(--bulma-link-l); + --bulma-notification-color-l: var(--bulma-link-invert-l); +} +.notification.is-link.is-light { + --bulma-notification-background-l: 90%; + --bulma-notification-color-l: var(--bulma-link-light-invert-l); +} +.notification.is-link.is-dark { + --bulma-notification-background-l: 20%; + --bulma-notification-color-l: var(--bulma-link-dark-invert-l); +} +.notification.is-info { + --bulma-notification-h: var(--bulma-info-h); + --bulma-notification-s: var(--bulma-info-s); + --bulma-notification-background-l: var(--bulma-info-l); + --bulma-notification-color-l: var(--bulma-info-invert-l); +} +.notification.is-info.is-light { + --bulma-notification-background-l: 90%; + --bulma-notification-color-l: var(--bulma-info-light-invert-l); +} +.notification.is-info.is-dark { + --bulma-notification-background-l: 20%; + --bulma-notification-color-l: var(--bulma-info-dark-invert-l); +} +.notification.is-success { + --bulma-notification-h: var(--bulma-success-h); + --bulma-notification-s: var(--bulma-success-s); + --bulma-notification-background-l: var(--bulma-success-l); + --bulma-notification-color-l: var(--bulma-success-invert-l); +} +.notification.is-success.is-light { + --bulma-notification-background-l: 90%; + --bulma-notification-color-l: var(--bulma-success-light-invert-l); +} +.notification.is-success.is-dark { + --bulma-notification-background-l: 20%; + --bulma-notification-color-l: var(--bulma-success-dark-invert-l); +} +.notification.is-warning { + --bulma-notification-h: var(--bulma-warning-h); + --bulma-notification-s: var(--bulma-warning-s); + --bulma-notification-background-l: var(--bulma-warning-l); + --bulma-notification-color-l: var(--bulma-warning-invert-l); +} +.notification.is-warning.is-light { + --bulma-notification-background-l: 90%; + --bulma-notification-color-l: var(--bulma-warning-light-invert-l); +} +.notification.is-warning.is-dark { + --bulma-notification-background-l: 20%; + --bulma-notification-color-l: var(--bulma-warning-dark-invert-l); +} +.notification.is-danger { + --bulma-notification-h: var(--bulma-danger-h); + --bulma-notification-s: var(--bulma-danger-s); + --bulma-notification-background-l: var(--bulma-danger-l); + --bulma-notification-color-l: var(--bulma-danger-invert-l); +} +.notification.is-danger.is-light { + --bulma-notification-background-l: 90%; + --bulma-notification-color-l: var(--bulma-danger-light-invert-l); +} +.notification.is-danger.is-dark { + --bulma-notification-background-l: 20%; + --bulma-notification-color-l: var(--bulma-danger-dark-invert-l); +} + +.progress { + --bulma-progress-border-radius: var(--bulma-radius-rounded); + --bulma-progress-bar-background-color: var(--bulma-border-weak); + --bulma-progress-value-background-color: var(--bulma-text); + --bulma-progress-indeterminate-duration: 1.5s; +} + +.progress { + appearance: none; + border: none; + border-radius: var(--bulma-progress-border-radius); + display: block; + height: var(--bulma-size-normal); + overflow: hidden; + padding: 0; + width: 100%; +} +.progress::-webkit-progress-bar { + background-color: var(--bulma-progress-bar-background-color); +} +.progress::-webkit-progress-value { + background-color: var(--bulma-progress-value-background-color); +} +.progress::-moz-progress-bar { + background-color: var(--bulma-progress-value-background-color); +} +.progress::-ms-fill { + background-color: var(--bulma-progress-value-background-color); + border: none; +} +.progress.is-white { + --bulma-progress-value-background-color: var(--bulma-white); +} +.progress.is-black { + --bulma-progress-value-background-color: var(--bulma-black); +} +.progress.is-light { + --bulma-progress-value-background-color: var(--bulma-light); +} +.progress.is-dark { + --bulma-progress-value-background-color: var(--bulma-dark); +} +.progress.is-text { + --bulma-progress-value-background-color: var(--bulma-text); +} +.progress.is-primary { + --bulma-progress-value-background-color: var(--bulma-primary); +} +.progress.is-link { + --bulma-progress-value-background-color: var(--bulma-link); +} +.progress.is-info { + --bulma-progress-value-background-color: var(--bulma-info); +} +.progress.is-success { + --bulma-progress-value-background-color: var(--bulma-success); +} +.progress.is-warning { + --bulma-progress-value-background-color: var(--bulma-warning); +} +.progress.is-danger { + --bulma-progress-value-background-color: var(--bulma-danger); +} +.progress:indeterminate { + animation-duration: var(--bulma-progress-indeterminate-duration); + animation-iteration-count: infinite; + animation-name: moveIndeterminate; + animation-timing-function: linear; + background-color: var(--bulma-progress-bar-background-color); + background-image: linear-gradient(to right, var(--bulma-progress-value-background-color) 30%, var(--bulma-progress-bar-background-color) 30%); + background-position: top left; + background-repeat: no-repeat; + background-size: 150% 150%; +} +.progress:indeterminate::-webkit-progress-bar { + background-color: transparent; +} +.progress:indeterminate::-moz-progress-bar { + background-color: transparent; +} +.progress:indeterminate::-ms-fill { + animation-name: none; +} +.progress.is-small { + height: var(--bulma-size-small); +} +.progress.is-medium { + height: var(--bulma-size-medium); +} +.progress.is-large { + height: var(--bulma-size-large); +} + +@keyframes moveIndeterminate { + from { + background-position: 200% 0; + } + to { + background-position: -200% 0; + } +} +.table { + --bulma-table-color: var(--bulma-text-strong); + --bulma-table-background-color: var(--bulma-scheme-main); + --bulma-table-cell-border-color: var(--bulma-border); + --bulma-table-cell-border-style: solid; + --bulma-table-cell-border-width: 0 0 1px; + --bulma-table-cell-padding: 0.5em 0.75em; + --bulma-table-cell-heading-color: var(--bulma-text-strong); + --bulma-table-cell-text-align: left; + --bulma-table-head-cell-border-width: 0 0 2px; + --bulma-table-head-cell-color: var(--bulma-text-strong); + --bulma-table-foot-cell-border-width: 2px 0 0; + --bulma-table-foot-cell-color: var(--bulma-text-strong); + --bulma-table-head-background-color: transparent; + --bulma-table-body-background-color: transparent; + --bulma-table-foot-background-color: transparent; + --bulma-table-row-hover-background-color: var(--bulma-scheme-main-bis); + --bulma-table-row-active-background-color: var(--bulma-primary); + --bulma-table-row-active-color: var(--bulma-primary-invert); + --bulma-table-striped-row-even-background-color: var(--bulma-scheme-main-bis); + --bulma-table-striped-row-even-hover-background-color: var(--bulma-scheme-main-ter); +} + +.table { + background-color: var(--bulma-table-background-color); + color: var(--bulma-table-color); +} +.table td, +.table th { + background-color: var(--bulma-table-cell-background-color); + border-color: var(--bulma-table-cell-border-color); + border-style: var(--bulma-table-cell-border-style); + border-width: var(--bulma-table-cell-border-width); + color: var(--bulma-table-color); + padding: var(--bulma-table-cell-padding); + vertical-align: top; +} +.table td.is-white, +.table th.is-white { + --bulma-table-color: var(--bulma-white-invert); + --bulma-table-cell-heading-color: var(--bulma-white-invert); + --bulma-table-cell-background-color: var(--bulma-white); + --bulma-table-cell-border-color: var(--bulma-white); +} +.table td.is-black, +.table th.is-black { + --bulma-table-color: var(--bulma-black-invert); + --bulma-table-cell-heading-color: var(--bulma-black-invert); + --bulma-table-cell-background-color: var(--bulma-black); + --bulma-table-cell-border-color: var(--bulma-black); +} +.table td.is-light, +.table th.is-light { + --bulma-table-color: var(--bulma-light-invert); + --bulma-table-cell-heading-color: var(--bulma-light-invert); + --bulma-table-cell-background-color: var(--bulma-light); + --bulma-table-cell-border-color: var(--bulma-light); +} +.table td.is-dark, +.table th.is-dark { + --bulma-table-color: var(--bulma-dark-invert); + --bulma-table-cell-heading-color: var(--bulma-dark-invert); + --bulma-table-cell-background-color: var(--bulma-dark); + --bulma-table-cell-border-color: var(--bulma-dark); +} +.table td.is-text, +.table th.is-text { + --bulma-table-color: var(--bulma-text-invert); + --bulma-table-cell-heading-color: var(--bulma-text-invert); + --bulma-table-cell-background-color: var(--bulma-text); + --bulma-table-cell-border-color: var(--bulma-text); +} +.table td.is-primary, +.table th.is-primary { + --bulma-table-color: var(--bulma-primary-invert); + --bulma-table-cell-heading-color: var(--bulma-primary-invert); + --bulma-table-cell-background-color: var(--bulma-primary); + --bulma-table-cell-border-color: var(--bulma-primary); +} +.table td.is-link, +.table th.is-link { + --bulma-table-color: var(--bulma-link-invert); + --bulma-table-cell-heading-color: var(--bulma-link-invert); + --bulma-table-cell-background-color: var(--bulma-link); + --bulma-table-cell-border-color: var(--bulma-link); +} +.table td.is-info, +.table th.is-info { + --bulma-table-color: var(--bulma-info-invert); + --bulma-table-cell-heading-color: var(--bulma-info-invert); + --bulma-table-cell-background-color: var(--bulma-info); + --bulma-table-cell-border-color: var(--bulma-info); +} +.table td.is-success, +.table th.is-success { + --bulma-table-color: var(--bulma-success-invert); + --bulma-table-cell-heading-color: var(--bulma-success-invert); + --bulma-table-cell-background-color: var(--bulma-success); + --bulma-table-cell-border-color: var(--bulma-success); +} +.table td.is-warning, +.table th.is-warning { + --bulma-table-color: var(--bulma-warning-invert); + --bulma-table-cell-heading-color: var(--bulma-warning-invert); + --bulma-table-cell-background-color: var(--bulma-warning); + --bulma-table-cell-border-color: var(--bulma-warning); +} +.table td.is-danger, +.table th.is-danger { + --bulma-table-color: var(--bulma-danger-invert); + --bulma-table-cell-heading-color: var(--bulma-danger-invert); + --bulma-table-cell-background-color: var(--bulma-danger); + --bulma-table-cell-border-color: var(--bulma-danger); +} +.table td.is-narrow, +.table th.is-narrow { + white-space: nowrap; + width: 1%; +} +.table td.is-selected, +.table th.is-selected { + background-color: var(--bulma-table-row-active-background-color); + color: var(--bulma-table-row-active-color); +} +.table td.is-selected a, +.table td.is-selected strong, +.table th.is-selected a, +.table th.is-selected strong { + color: currentColor; +} +.table td.is-vcentered, +.table th.is-vcentered { + vertical-align: middle; +} +.table th { + color: var(--bulma-table-cell-heading-color); +} +.table th:not([align]) { + text-align: var(--bulma-table-cell-text-align); +} +.table tr.is-selected { + background-color: var(--bulma-table-row-active-background-color); + color: var(--bulma-table-row-active-color); +} +.table tr.is-selected a, +.table tr.is-selected strong { + color: currentColor; +} +.table tr.is-selected td, +.table tr.is-selected th { + border-color: var(--bulma-table-row-active-color); + color: currentColor; +} +.table tr.is-white { + --bulma-table-color: var(--bulma-white-invert); + --bulma-table-cell-heading-color: var(--bulma-white-invert); + --bulma-table-cell-background-color: var(--bulma-white); + --bulma-table-cell-border-color: var(--bulma-white); +} +.table tr.is-black { + --bulma-table-color: var(--bulma-black-invert); + --bulma-table-cell-heading-color: var(--bulma-black-invert); + --bulma-table-cell-background-color: var(--bulma-black); + --bulma-table-cell-border-color: var(--bulma-black); +} +.table tr.is-light { + --bulma-table-color: var(--bulma-light-invert); + --bulma-table-cell-heading-color: var(--bulma-light-invert); + --bulma-table-cell-background-color: var(--bulma-light); + --bulma-table-cell-border-color: var(--bulma-light); +} +.table tr.is-dark { + --bulma-table-color: var(--bulma-dark-invert); + --bulma-table-cell-heading-color: var(--bulma-dark-invert); + --bulma-table-cell-background-color: var(--bulma-dark); + --bulma-table-cell-border-color: var(--bulma-dark); +} +.table tr.is-text { + --bulma-table-color: var(--bulma-text-invert); + --bulma-table-cell-heading-color: var(--bulma-text-invert); + --bulma-table-cell-background-color: var(--bulma-text); + --bulma-table-cell-border-color: var(--bulma-text); +} +.table tr.is-primary { + --bulma-table-color: var(--bulma-primary-invert); + --bulma-table-cell-heading-color: var(--bulma-primary-invert); + --bulma-table-cell-background-color: var(--bulma-primary); + --bulma-table-cell-border-color: var(--bulma-primary); +} +.table tr.is-link { + --bulma-table-color: var(--bulma-link-invert); + --bulma-table-cell-heading-color: var(--bulma-link-invert); + --bulma-table-cell-background-color: var(--bulma-link); + --bulma-table-cell-border-color: var(--bulma-link); +} +.table tr.is-info { + --bulma-table-color: var(--bulma-info-invert); + --bulma-table-cell-heading-color: var(--bulma-info-invert); + --bulma-table-cell-background-color: var(--bulma-info); + --bulma-table-cell-border-color: var(--bulma-info); +} +.table tr.is-success { + --bulma-table-color: var(--bulma-success-invert); + --bulma-table-cell-heading-color: var(--bulma-success-invert); + --bulma-table-cell-background-color: var(--bulma-success); + --bulma-table-cell-border-color: var(--bulma-success); +} +.table tr.is-warning { + --bulma-table-color: var(--bulma-warning-invert); + --bulma-table-cell-heading-color: var(--bulma-warning-invert); + --bulma-table-cell-background-color: var(--bulma-warning); + --bulma-table-cell-border-color: var(--bulma-warning); +} +.table tr.is-danger { + --bulma-table-color: var(--bulma-danger-invert); + --bulma-table-cell-heading-color: var(--bulma-danger-invert); + --bulma-table-cell-background-color: var(--bulma-danger); + --bulma-table-cell-border-color: var(--bulma-danger); +} +.table thead { + background-color: var(--bulma-table-head-background-color); +} +.table thead td, +.table thead th { + border-width: var(--bulma-table-head-cell-border-width); + color: var(--bulma-table-head-cell-color); +} +.table tfoot { + background-color: var(--bulma-table-foot-background-color); +} +.table tfoot td, +.table tfoot th { + border-width: var(--bulma-table-foot-cell-border-width); + color: var(--bulma-table-foot-cell-color); +} +.table tbody { + background-color: var(--bulma-table-body-background-color); +} +.table tbody tr:last-child td, +.table tbody tr:last-child th { + border-bottom-width: 0; +} +.table.is-bordered td, +.table.is-bordered th { + border-width: 1px; +} +.table.is-bordered tr:last-child td, +.table.is-bordered tr:last-child th { + border-bottom-width: 1px; +} +.table.is-fullwidth { + width: 100%; +} +.table.is-hoverable tbody tr:not(.is-selected):hover { + background-color: var(--bulma-table-row-hover-background-color); +} +.table.is-hoverable.is-striped tbody tr:not(.is-selected):hover { + background-color: var(--bulma-table-row-hover-background-color); +} +.table.is-hoverable.is-striped tbody tr:not(.is-selected):hover:nth-child(even) { + background-color: var(--bulma-table-striped-row-even-hover-background-color); +} +.table.is-narrow td, +.table.is-narrow th { + padding: 0.25em 0.5em; +} +.table.is-striped tbody tr:not(.is-selected):nth-child(even) { + background-color: var(--bulma-table-striped-row-even-background-color); +} + +.table-container { + -webkit-overflow-scrolling: touch; + overflow: auto; + overflow-y: hidden; + max-width: 100%; +} + +.tags { + align-items: center; + color: hsl(var(--bulma-tag-h), var(--bulma-tag-s), var(--bulma-tag-color-l)); + display: flex; + flex-wrap: wrap; + gap: 0.5rem; + justify-content: flex-start; +} +.tags.are-medium .tag:not(.is-normal):not(.is-large) { + font-size: var(--bulma-size-normal); +} +.tags.are-large .tag:not(.is-normal):not(.is-medium) { + font-size: var(--bulma-size-medium); +} +.tags.is-centered { + gap: 0.25rem; + justify-content: center; +} +.tags.is-right { + justify-content: flex-end; +} +.tags.has-addons { + gap: 0; +} +.tags.has-addons .tag:not(:first-child) { + border-start-start-radius: 0; + border-end-start-radius: 0; +} +.tags.has-addons .tag:not(:last-child) { + border-start-end-radius: 0; + border-end-end-radius: 0; +} + +.tag { + --bulma-tag-h: var(--bulma-scheme-h); + --bulma-tag-s: var(--bulma-scheme-s); + --bulma-tag-background-l: var(--bulma-background-l); + --bulma-tag-background-l-delta: 0%; + --bulma-tag-hover-background-l-delta: var(--bulma-hover-background-l-delta); + --bulma-tag-active-background-l-delta: var(--bulma-active-background-l-delta); + --bulma-tag-color-l: var(--bulma-text-l); + --bulma-tag-radius: var(--bulma-radius); + --bulma-tag-delete-margin: 1px; + align-items: center; + background-color: hsl(var(--bulma-tag-h), var(--bulma-tag-s), calc(var(--bulma-tag-background-l) + var(--bulma-tag-background-l-delta))); + border-radius: var(--bulma-radius); + color: hsl(var(--bulma-tag-h), var(--bulma-tag-s), var(--bulma-tag-color-l)); + display: inline-flex; + font-size: var(--bulma-size-small); + height: 2em; + justify-content: center; + line-height: 1.5; + padding-left: 0.75em; + padding-right: 0.75em; + white-space: nowrap; +} +.tag .delete { + margin-inline-start: 0.25rem; + margin-inline-end: -0.375rem; +} +.tag.is-white { + --bulma-tag-h: var(--bulma-white-h); + --bulma-tag-s: var(--bulma-white-s); + --bulma-tag-background-l: var(--bulma-white-l); + --bulma-tag-color-l: var(--bulma-white-invert-l); +} +.tag.is-white.is-light { + --bulma-tag-background-l: var(--bulma-light-l); + --bulma-tag-color-l: var(--bulma-white-light-invert-l); +} +.tag.is-black { + --bulma-tag-h: var(--bulma-black-h); + --bulma-tag-s: var(--bulma-black-s); + --bulma-tag-background-l: var(--bulma-black-l); + --bulma-tag-color-l: var(--bulma-black-invert-l); +} +.tag.is-black.is-light { + --bulma-tag-background-l: var(--bulma-light-l); + --bulma-tag-color-l: var(--bulma-black-light-invert-l); +} +.tag.is-light { + --bulma-tag-h: var(--bulma-light-h); + --bulma-tag-s: var(--bulma-light-s); + --bulma-tag-background-l: var(--bulma-light-l); + --bulma-tag-color-l: var(--bulma-light-invert-l); +} +.tag.is-light.is-light { + --bulma-tag-background-l: var(--bulma-light-l); + --bulma-tag-color-l: var(--bulma-light-light-invert-l); +} +.tag.is-dark { + --bulma-tag-h: var(--bulma-dark-h); + --bulma-tag-s: var(--bulma-dark-s); + --bulma-tag-background-l: var(--bulma-dark-l); + --bulma-tag-color-l: var(--bulma-dark-invert-l); +} +.tag.is-dark.is-light { + --bulma-tag-background-l: var(--bulma-light-l); + --bulma-tag-color-l: var(--bulma-dark-light-invert-l); +} +.tag.is-text { + --bulma-tag-h: var(--bulma-text-h); + --bulma-tag-s: var(--bulma-text-s); + --bulma-tag-background-l: var(--bulma-text-l); + --bulma-tag-color-l: var(--bulma-text-invert-l); +} +.tag.is-text.is-light { + --bulma-tag-background-l: var(--bulma-light-l); + --bulma-tag-color-l: var(--bulma-text-light-invert-l); +} +.tag.is-primary { + --bulma-tag-h: var(--bulma-primary-h); + --bulma-tag-s: var(--bulma-primary-s); + --bulma-tag-background-l: var(--bulma-primary-l); + --bulma-tag-color-l: var(--bulma-primary-invert-l); +} +.tag.is-primary.is-light { + --bulma-tag-background-l: var(--bulma-light-l); + --bulma-tag-color-l: var(--bulma-primary-light-invert-l); +} +.tag.is-link { + --bulma-tag-h: var(--bulma-link-h); + --bulma-tag-s: var(--bulma-link-s); + --bulma-tag-background-l: var(--bulma-link-l); + --bulma-tag-color-l: var(--bulma-link-invert-l); +} +.tag.is-link.is-light { + --bulma-tag-background-l: var(--bulma-light-l); + --bulma-tag-color-l: var(--bulma-link-light-invert-l); +} +.tag.is-info { + --bulma-tag-h: var(--bulma-info-h); + --bulma-tag-s: var(--bulma-info-s); + --bulma-tag-background-l: var(--bulma-info-l); + --bulma-tag-color-l: var(--bulma-info-invert-l); +} +.tag.is-info.is-light { + --bulma-tag-background-l: var(--bulma-light-l); + --bulma-tag-color-l: var(--bulma-info-light-invert-l); +} +.tag.is-success { + --bulma-tag-h: var(--bulma-success-h); + --bulma-tag-s: var(--bulma-success-s); + --bulma-tag-background-l: var(--bulma-success-l); + --bulma-tag-color-l: var(--bulma-success-invert-l); +} +.tag.is-success.is-light { + --bulma-tag-background-l: var(--bulma-light-l); + --bulma-tag-color-l: var(--bulma-success-light-invert-l); +} +.tag.is-warning { + --bulma-tag-h: var(--bulma-warning-h); + --bulma-tag-s: var(--bulma-warning-s); + --bulma-tag-background-l: var(--bulma-warning-l); + --bulma-tag-color-l: var(--bulma-warning-invert-l); +} +.tag.is-warning.is-light { + --bulma-tag-background-l: var(--bulma-light-l); + --bulma-tag-color-l: var(--bulma-warning-light-invert-l); +} +.tag.is-danger { + --bulma-tag-h: var(--bulma-danger-h); + --bulma-tag-s: var(--bulma-danger-s); + --bulma-tag-background-l: var(--bulma-danger-l); + --bulma-tag-color-l: var(--bulma-danger-invert-l); +} +.tag.is-danger.is-light { + --bulma-tag-background-l: var(--bulma-light-l); + --bulma-tag-color-l: var(--bulma-danger-light-invert-l); +} +.tag.is-normal { + font-size: var(--bulma-size-small); +} +.tag.is-medium { + font-size: var(--bulma-size-normal); +} +.tag.is-large { + font-size: var(--bulma-size-medium); +} +.tag .icon:first-child:not(:last-child) { + margin-inline-start: -0.375em; + margin-inline-end: 0.1875em; +} +.tag .icon:last-child:not(:first-child) { + margin-inline-start: 0.1875em; + margin-inline-end: -0.375em; +} +.tag .icon:first-child:last-child { + margin-inline-start: -0.375em; + margin-inline-end: -0.375em; +} +.tag.is-delete { + margin-inline-start: var(--bulma-tag-delete-margin); + padding: 0; + position: relative; + width: 2em; +} +.tag.is-delete::before, .tag.is-delete::after { + background-color: currentColor; + content: ""; + display: block; + left: 50%; + position: absolute; + top: 50%; + transform: translateX(-50%) translateY(-50%) rotate(45deg); + transform-origin: center center; +} +.tag.is-delete::before { + height: 1px; + width: 50%; +} +.tag.is-delete::after { + height: 50%; + width: 1px; +} +.tag.is-rounded { + border-radius: var(--bulma-radius-rounded); +} + +a.tag, +button.tag, +.tag.is-hoverable { + cursor: pointer; +} +a.tag:hover, +button.tag:hover, +.tag.is-hoverable:hover { + --bulma-tag-background-l-delta: var(--bulma-tag-hover-background-l-delta); +} +a.tag:active, +button.tag:active, +.tag.is-hoverable:active { + --bulma-tag-background-l-delta: var(--bulma-tag-active-background-l-delta); +} + +.title, +.subtitle { + --bulma-title-color: var(--bulma-text-strong); + --bulma-title-family: false; + --bulma-title-size: var(--bulma-size-3); + --bulma-title-weight: var(--bulma-weight-extrabold); + --bulma-title-line-height: 1.125; + --bulma-title-strong-color: inherit; + --bulma-title-strong-weight: inherit; + --bulma-title-sub-size: 0.75em; + --bulma-title-sup-size: 0.75em; + --bulma-subtitle-color: var(--bulma-text); + --bulma-subtitle-family: false; + --bulma-subtitle-size: var(--bulma-size-5); + --bulma-subtitle-weight: var(--bulma-weight-normal); + --bulma-subtitle-line-height: 1.25; + --bulma-subtitle-strong-color: var(--bulma-text-strong); + --bulma-subtitle-strong-weight: var(--bulma-weight-semibold); +} + +.title, +.subtitle { + word-break: break-word; +} +.title em, +.title span, +.subtitle em, +.subtitle span { + font-weight: inherit; +} +.title sub, +.subtitle sub { + font-size: var(--bulma-title-sub-size); +} +.title sup, +.subtitle sup { + font-size: var(--bulma-title-sup-size); +} +.title .tag, +.subtitle .tag { + vertical-align: middle; +} + +.title { + color: var(--bulma-title-color); + font-size: var(--bulma-title-size); + font-weight: var(--bulma-title-weight); + line-height: var(--bulma-title-line-height); +} +.title strong { + color: var(--bulma-title-strong-color); + font-weight: var(--bulma-title-strong-weight); +} +.title:not(.is-spaced):has(+ .subtitle) { + margin-bottom: 0; +} +.title.is-1 { + font-size: 3rem; +} +.title.is-2 { + font-size: 2.5rem; +} +.title.is-3 { + font-size: 2rem; +} +.title.is-4 { + font-size: 1.5rem; +} +.title.is-5 { + font-size: 1.25rem; +} +.title.is-6 { + font-size: 1rem; +} +.title.is-7 { + font-size: 0.75rem; +} + +.subtitle { + color: var(--bulma-subtitle-color); + font-size: var(--bulma-subtitle-size); + font-weight: var(--bulma-subtitle-weight); + line-height: var(--bulma-subtitle-line-height); +} +.subtitle strong { + color: var(--bulma-subtitle-strong-color); + font-weight: var(--bulma-subtitle-strong-weight); +} +.subtitle:not(.is-spaced):has(+ .title) { + margin-bottom: 0; +} +.subtitle.is-1 { + font-size: 3rem; +} +.subtitle.is-2 { + font-size: 2.5rem; +} +.subtitle.is-3 { + font-size: 2rem; +} +.subtitle.is-4 { + font-size: 1.5rem; +} +.subtitle.is-5 { + font-size: 1.25rem; +} +.subtitle.is-6 { + font-size: 1rem; +} +.subtitle.is-7 { + font-size: 0.75rem; +} + +/* Bulma Form */ +.control, +.input, +.textarea, +.select { + --bulma-input-h: var(--bulma-scheme-h); + --bulma-input-s: var(--bulma-scheme-s); + --bulma-input-l: var(--bulma-scheme-main-l); + --bulma-input-border-style: solid; + --bulma-input-border-width: var(--bulma-control-border-width); + --bulma-input-border-l: var(--bulma-border-l); + --bulma-input-border-l-delta: 0%; + --bulma-input-hover-border-l-delta: var(--bulma-hover-border-l-delta); + --bulma-input-active-border-l-delta: var(--bulma-active-border-l-delta); + --bulma-input-focus-h: var(--bulma-focus-h); + --bulma-input-focus-s: var(--bulma-focus-s); + --bulma-input-focus-l: var(--bulma-focus-l); + --bulma-input-focus-shadow-size: var(--bulma-focus-shadow-size); + --bulma-input-focus-shadow-alpha: var(--bulma-focus-shadow-alpha); + --bulma-input-color-l: var(--bulma-text-strong-l); + --bulma-input-background-l: var(--bulma-scheme-main-l); + --bulma-input-background-l-delta: 0%; + --bulma-input-height: var(--bulma-control-height); + --bulma-input-shadow: inset 0 0.0625em 0.125em hsla(var(--bulma-scheme-h), var(--bulma-scheme-s), var(--bulma-scheme-invert-l), 0.05); + --bulma-input-placeholder-color: hsla(var(--bulma-text-h), var(--bulma-text-s), var(--bulma-text-strong-l), 0.3); + --bulma-input-disabled-color: var(--bulma-text-weak); + --bulma-input-disabled-background-color: var(--bulma-background); + --bulma-input-disabled-border-color: var(--bulma-background); + --bulma-input-disabled-placeholder-color: hsla(var(--bulma-text-h), var(--bulma-text-s), var(--bulma-text-weak-l), 0.3); + --bulma-input-arrow: var(--bulma-link); + --bulma-input-icon-color: var(--bulma-text-light); + --bulma-input-icon-hover-color: var(--bulma-text-weak); + --bulma-input-icon-focus-color: var(--bulma-link); + --bulma-input-radius: var(--bulma-radius); +} + +.select select, .input, .textarea { + background-color: hsl(var(--bulma-input-h), var(--bulma-input-s), calc(var(--bulma-input-background-l) + var(--bulma-input-background-l-delta))); + border-color: hsl(var(--bulma-input-h), var(--bulma-input-s), calc(var(--bulma-input-border-l) + var(--bulma-input-border-l-delta))); + border-radius: var(--bulma-input-radius); + color: hsl(var(--bulma-input-h), var(--bulma-input-s), var(--bulma-input-color-l)); +} +.select select::-moz-placeholder, .input::-moz-placeholder, .textarea::-moz-placeholder { + color: var(--bulma-input-placeholder-color); +} +.select select::-webkit-input-placeholder, .input::-webkit-input-placeholder, .textarea::-webkit-input-placeholder { + color: var(--bulma-input-placeholder-color); +} +.select select:-moz-placeholder, .input:-moz-placeholder, .textarea:-moz-placeholder { + color: var(--bulma-input-placeholder-color); +} +.select select:-ms-input-placeholder, .input:-ms-input-placeholder, .textarea:-ms-input-placeholder { + color: var(--bulma-input-placeholder-color); +} +.select select:hover, .input:hover, .textarea:hover, .select select.is-hovered, .is-hovered.input, .is-hovered.textarea { + --bulma-input-border-l-delta: var(--bulma-input-hover-border-l-delta); +} +.select select:active, .input:active, .textarea:active, .select select.is-active, .is-active.input, .is-active.textarea { + --bulma-input-border-l-delta: var(--bulma-input-active-border-l-delta); +} +.select select:focus, .input:focus, .textarea:focus, .select select:focus-within, .input:focus-within, .textarea:focus-within, .select select.is-focused, .is-focused.input, .is-focused.textarea { + border-color: hsl(var(--bulma-input-focus-h), var(--bulma-input-focus-s), var(--bulma-input-focus-l)); + box-shadow: var(--bulma-input-focus-shadow-size) hsla(var(--bulma-input-focus-h), var(--bulma-input-focus-s), var(--bulma-input-focus-l), var(--bulma-input-focus-shadow-alpha)); +} +.select select[disabled], [disabled].input, [disabled].textarea, fieldset[disabled] .select select, .select fieldset[disabled] select, fieldset[disabled] .input, fieldset[disabled] .textarea { + background-color: var(--bulma-input-disabled-background-color); + border-color: var(--bulma-input-disabled-border-color); + box-shadow: none; + color: var(--bulma-input-disabled-color); +} +.select select[disabled]::-moz-placeholder, [disabled].input::-moz-placeholder, [disabled].textarea::-moz-placeholder, fieldset[disabled] .select select::-moz-placeholder, .select fieldset[disabled] select::-moz-placeholder, fieldset[disabled] .input::-moz-placeholder, fieldset[disabled] .textarea::-moz-placeholder { + color: var(--bulma-input-disabled-placeholder-color); +} +.select select[disabled]::-webkit-input-placeholder, [disabled].input::-webkit-input-placeholder, [disabled].textarea::-webkit-input-placeholder, fieldset[disabled] .select select::-webkit-input-placeholder, .select fieldset[disabled] select::-webkit-input-placeholder, fieldset[disabled] .input::-webkit-input-placeholder, fieldset[disabled] .textarea::-webkit-input-placeholder { + color: var(--bulma-input-disabled-placeholder-color); +} +.select select[disabled]:-moz-placeholder, [disabled].input:-moz-placeholder, [disabled].textarea:-moz-placeholder, fieldset[disabled] .select select:-moz-placeholder, .select fieldset[disabled] select:-moz-placeholder, fieldset[disabled] .input:-moz-placeholder, fieldset[disabled] .textarea:-moz-placeholder { + color: var(--bulma-input-disabled-placeholder-color); +} +.select select[disabled]:-ms-input-placeholder, [disabled].input:-ms-input-placeholder, [disabled].textarea:-ms-input-placeholder, fieldset[disabled] .select select:-ms-input-placeholder, .select fieldset[disabled] select:-ms-input-placeholder, fieldset[disabled] .input:-ms-input-placeholder, fieldset[disabled] .textarea:-ms-input-placeholder { + color: var(--bulma-input-disabled-placeholder-color); +} + +/* Bulma Form */ +.textarea, .input { + box-shadow: inset 0 0.0625em 0.125em hsla(var(--bulma-scheme-h), var(--bulma-scheme-s), var(--bulma-scheme-invert-l), 0.05); + max-width: 100%; + width: 100%; +} +[readonly].textarea, [readonly].input { + box-shadow: none; +} +.is-white.textarea, .is-white.input { + --bulma-input-h: var(--bulma-white-h); + --bulma-input-s: var(--bulma-white-s); + --bulma-input-l: var(--bulma-white-l); + --bulma-input-focus-h: var(--bulma-white-h); + --bulma-input-focus-s: var(--bulma-white-s); + --bulma-input-focus-l: var(--bulma-white-l); + --bulma-input-border-l: var(--bulma-white-l); +} +.is-black.textarea, .is-black.input { + --bulma-input-h: var(--bulma-black-h); + --bulma-input-s: var(--bulma-black-s); + --bulma-input-l: var(--bulma-black-l); + --bulma-input-focus-h: var(--bulma-black-h); + --bulma-input-focus-s: var(--bulma-black-s); + --bulma-input-focus-l: var(--bulma-black-l); + --bulma-input-border-l: var(--bulma-black-l); +} +.is-light.textarea, .is-light.input { + --bulma-input-h: var(--bulma-light-h); + --bulma-input-s: var(--bulma-light-s); + --bulma-input-l: var(--bulma-light-l); + --bulma-input-focus-h: var(--bulma-light-h); + --bulma-input-focus-s: var(--bulma-light-s); + --bulma-input-focus-l: var(--bulma-light-l); + --bulma-input-border-l: var(--bulma-light-l); +} +.is-dark.textarea, .is-dark.input { + --bulma-input-h: var(--bulma-dark-h); + --bulma-input-s: var(--bulma-dark-s); + --bulma-input-l: var(--bulma-dark-l); + --bulma-input-focus-h: var(--bulma-dark-h); + --bulma-input-focus-s: var(--bulma-dark-s); + --bulma-input-focus-l: var(--bulma-dark-l); + --bulma-input-border-l: var(--bulma-dark-l); +} +.is-text.textarea, .is-text.input { + --bulma-input-h: var(--bulma-text-h); + --bulma-input-s: var(--bulma-text-s); + --bulma-input-l: var(--bulma-text-l); + --bulma-input-focus-h: var(--bulma-text-h); + --bulma-input-focus-s: var(--bulma-text-s); + --bulma-input-focus-l: var(--bulma-text-l); + --bulma-input-border-l: var(--bulma-text-l); +} +.is-primary.textarea, .is-primary.input { + --bulma-input-h: var(--bulma-primary-h); + --bulma-input-s: var(--bulma-primary-s); + --bulma-input-l: var(--bulma-primary-l); + --bulma-input-focus-h: var(--bulma-primary-h); + --bulma-input-focus-s: var(--bulma-primary-s); + --bulma-input-focus-l: var(--bulma-primary-l); + --bulma-input-border-l: var(--bulma-primary-l); +} +.is-link.textarea, .is-link.input { + --bulma-input-h: var(--bulma-link-h); + --bulma-input-s: var(--bulma-link-s); + --bulma-input-l: var(--bulma-link-l); + --bulma-input-focus-h: var(--bulma-link-h); + --bulma-input-focus-s: var(--bulma-link-s); + --bulma-input-focus-l: var(--bulma-link-l); + --bulma-input-border-l: var(--bulma-link-l); +} +.is-info.textarea, .is-info.input { + --bulma-input-h: var(--bulma-info-h); + --bulma-input-s: var(--bulma-info-s); + --bulma-input-l: var(--bulma-info-l); + --bulma-input-focus-h: var(--bulma-info-h); + --bulma-input-focus-s: var(--bulma-info-s); + --bulma-input-focus-l: var(--bulma-info-l); + --bulma-input-border-l: var(--bulma-info-l); +} +.is-success.textarea, .is-success.input { + --bulma-input-h: var(--bulma-success-h); + --bulma-input-s: var(--bulma-success-s); + --bulma-input-l: var(--bulma-success-l); + --bulma-input-focus-h: var(--bulma-success-h); + --bulma-input-focus-s: var(--bulma-success-s); + --bulma-input-focus-l: var(--bulma-success-l); + --bulma-input-border-l: var(--bulma-success-l); +} +.is-warning.textarea, .is-warning.input { + --bulma-input-h: var(--bulma-warning-h); + --bulma-input-s: var(--bulma-warning-s); + --bulma-input-l: var(--bulma-warning-l); + --bulma-input-focus-h: var(--bulma-warning-h); + --bulma-input-focus-s: var(--bulma-warning-s); + --bulma-input-focus-l: var(--bulma-warning-l); + --bulma-input-border-l: var(--bulma-warning-l); +} +.is-danger.textarea, .is-danger.input { + --bulma-input-h: var(--bulma-danger-h); + --bulma-input-s: var(--bulma-danger-s); + --bulma-input-l: var(--bulma-danger-l); + --bulma-input-focus-h: var(--bulma-danger-h); + --bulma-input-focus-s: var(--bulma-danger-s); + --bulma-input-focus-l: var(--bulma-danger-l); + --bulma-input-border-l: var(--bulma-danger-l); +} +.is-small.textarea, .is-small.input { + border-radius: var(--bulma-radius-small); + font-size: var(--bulma-size-small); +} +.is-medium.textarea, .is-medium.input { + font-size: var(--bulma-size-medium); +} +.is-large.textarea, .is-large.input { + font-size: var(--bulma-size-large); +} +.is-fullwidth.textarea, .is-fullwidth.input { + display: block; + width: 100%; +} +.is-inline.textarea, .is-inline.input { + display: inline; + width: auto; +} + +.input.is-rounded { + border-radius: var(--bulma-radius-rounded); + padding-left: calc(calc(0.75em - 1px) + 0.375em); + padding-right: calc(calc(0.75em - 1px) + 0.375em); +} +.input.is-static { + background-color: transparent; + border-color: transparent; + box-shadow: none; + padding-left: 0; + padding-right: 0; +} + +.textarea { + --bulma-textarea-padding: var(--bulma-control-padding-horizontal); + --bulma-textarea-max-height: 40em; + --bulma-textarea-min-height: 8em; + display: block; + max-width: 100%; + min-width: 100%; + padding: var(--bulma-textarea-padding); + resize: vertical; +} +.textarea:not([rows]) { + max-height: var(--bulma-textarea-max-height); + min-height: var(--bulma-textarea-min-height); +} +.textarea[rows] { + height: initial; +} +.textarea.has-fixed-size { + resize: none; +} + +/* Bulma Form */ +.radio, .checkbox { + cursor: pointer; + display: inline-block; + line-height: 1.25; + position: relative; +} +.radio input, .checkbox input { + cursor: pointer; +} +[disabled].radio, [disabled].checkbox, fieldset[disabled] .radio, fieldset[disabled] .checkbox, +.radio input[disabled], +.checkbox input[disabled] { + color: var(--bulma-text-weak); + cursor: not-allowed; +} + +.checkboxes, +.radios { + display: flex; + flex-wrap: wrap; + column-gap: 1em; + row-gap: 0.5em; +} + +/* Bulma Form */ +.select { + --bulma-input-h: var(--bulma-scheme-h); + --bulma-input-s: var(--bulma-scheme-s); + --bulma-input-border-style: solid; + --bulma-input-border-width: 1px; + --bulma-input-border-l: var(--bulma-border-l); + display: inline-block; + max-width: 100%; + position: relative; + vertical-align: top; +} +.select:not(.is-multiple) { + height: var(--bulma-control-height); +} +.select:not(.is-multiple):not(.is-loading)::after { + inset-inline-end: 1.125em; + z-index: 4; +} +.select.is-rounded select { + border-radius: var(--bulma-radius-rounded); + padding-inline-start: 1em; +} +.select select { + cursor: pointer; + display: block; + font-size: 1em; + max-width: 100%; + outline: none; +} +.select select::-ms-expand { + display: none; +} +.select select[disabled]:hover, fieldset[disabled] .select select:hover { + border-color: var(--bulma-background); +} +.select select:not([multiple]) { + padding-inline-end: 2.5em; +} +.select select[multiple] { + height: auto; + padding: 0; +} +.select select[multiple] option { + padding: 0.5em 1em; +} +.select.is-white { + --bulma-input-h: var(--bulma-white-h); + --bulma-input-s: var(--bulma-white-s); + --bulma-input-l: var(--bulma-white-l); + --bulma-input-focus-h: var(--bulma-white-h); + --bulma-input-focus-s: var(--bulma-white-s); + --bulma-input-focus-l: var(--bulma-white-l); + --bulma-input-border-l: var(--bulma-white-l); + --bulma-arrow-color: var(--bulma-white); +} +.select.is-black { + --bulma-input-h: var(--bulma-black-h); + --bulma-input-s: var(--bulma-black-s); + --bulma-input-l: var(--bulma-black-l); + --bulma-input-focus-h: var(--bulma-black-h); + --bulma-input-focus-s: var(--bulma-black-s); + --bulma-input-focus-l: var(--bulma-black-l); + --bulma-input-border-l: var(--bulma-black-l); + --bulma-arrow-color: var(--bulma-black); +} +.select.is-light { + --bulma-input-h: var(--bulma-light-h); + --bulma-input-s: var(--bulma-light-s); + --bulma-input-l: var(--bulma-light-l); + --bulma-input-focus-h: var(--bulma-light-h); + --bulma-input-focus-s: var(--bulma-light-s); + --bulma-input-focus-l: var(--bulma-light-l); + --bulma-input-border-l: var(--bulma-light-l); + --bulma-arrow-color: var(--bulma-light); +} +.select.is-dark { + --bulma-input-h: var(--bulma-dark-h); + --bulma-input-s: var(--bulma-dark-s); + --bulma-input-l: var(--bulma-dark-l); + --bulma-input-focus-h: var(--bulma-dark-h); + --bulma-input-focus-s: var(--bulma-dark-s); + --bulma-input-focus-l: var(--bulma-dark-l); + --bulma-input-border-l: var(--bulma-dark-l); + --bulma-arrow-color: var(--bulma-dark); +} +.select.is-text { + --bulma-input-h: var(--bulma-text-h); + --bulma-input-s: var(--bulma-text-s); + --bulma-input-l: var(--bulma-text-l); + --bulma-input-focus-h: var(--bulma-text-h); + --bulma-input-focus-s: var(--bulma-text-s); + --bulma-input-focus-l: var(--bulma-text-l); + --bulma-input-border-l: var(--bulma-text-l); + --bulma-arrow-color: var(--bulma-text); +} +.select.is-primary { + --bulma-input-h: var(--bulma-primary-h); + --bulma-input-s: var(--bulma-primary-s); + --bulma-input-l: var(--bulma-primary-l); + --bulma-input-focus-h: var(--bulma-primary-h); + --bulma-input-focus-s: var(--bulma-primary-s); + --bulma-input-focus-l: var(--bulma-primary-l); + --bulma-input-border-l: var(--bulma-primary-l); + --bulma-arrow-color: var(--bulma-primary); +} +.select.is-link { + --bulma-input-h: var(--bulma-link-h); + --bulma-input-s: var(--bulma-link-s); + --bulma-input-l: var(--bulma-link-l); + --bulma-input-focus-h: var(--bulma-link-h); + --bulma-input-focus-s: var(--bulma-link-s); + --bulma-input-focus-l: var(--bulma-link-l); + --bulma-input-border-l: var(--bulma-link-l); + --bulma-arrow-color: var(--bulma-link); +} +.select.is-info { + --bulma-input-h: var(--bulma-info-h); + --bulma-input-s: var(--bulma-info-s); + --bulma-input-l: var(--bulma-info-l); + --bulma-input-focus-h: var(--bulma-info-h); + --bulma-input-focus-s: var(--bulma-info-s); + --bulma-input-focus-l: var(--bulma-info-l); + --bulma-input-border-l: var(--bulma-info-l); + --bulma-arrow-color: var(--bulma-info); +} +.select.is-success { + --bulma-input-h: var(--bulma-success-h); + --bulma-input-s: var(--bulma-success-s); + --bulma-input-l: var(--bulma-success-l); + --bulma-input-focus-h: var(--bulma-success-h); + --bulma-input-focus-s: var(--bulma-success-s); + --bulma-input-focus-l: var(--bulma-success-l); + --bulma-input-border-l: var(--bulma-success-l); + --bulma-arrow-color: var(--bulma-success); +} +.select.is-warning { + --bulma-input-h: var(--bulma-warning-h); + --bulma-input-s: var(--bulma-warning-s); + --bulma-input-l: var(--bulma-warning-l); + --bulma-input-focus-h: var(--bulma-warning-h); + --bulma-input-focus-s: var(--bulma-warning-s); + --bulma-input-focus-l: var(--bulma-warning-l); + --bulma-input-border-l: var(--bulma-warning-l); + --bulma-arrow-color: var(--bulma-warning); +} +.select.is-danger { + --bulma-input-h: var(--bulma-danger-h); + --bulma-input-s: var(--bulma-danger-s); + --bulma-input-l: var(--bulma-danger-l); + --bulma-input-focus-h: var(--bulma-danger-h); + --bulma-input-focus-s: var(--bulma-danger-s); + --bulma-input-focus-l: var(--bulma-danger-l); + --bulma-input-border-l: var(--bulma-danger-l); + --bulma-arrow-color: var(--bulma-danger); +} +.select.is-small { + border-radius: var(--bulma-radius-small); + font-size: var(--bulma-size-small); +} +.select.is-medium { + font-size: var(--bulma-size-medium); +} +.select.is-large { + font-size: var(--bulma-size-large); +} +.select.is-disabled::after { + border-color: var(--bulma-text-weak) !important; + opacity: 0.5; +} +.select.is-fullwidth { + width: 100%; +} +.select.is-fullwidth select { + width: 100%; +} +.select.is-loading::after { + inset-inline-end: 0.625em; + margin-top: 0; + position: absolute; + top: 0.625em; + transform: none; +} +.select.is-loading.is-small:after { + font-size: var(--bulma-size-small); +} +.select.is-loading.is-medium:after { + font-size: var(--bulma-size-medium); +} +.select.is-loading.is-large:after { + font-size: var(--bulma-size-large); +} + +/* Bulma Form */ +.file { + --bulma-file-radius: var(--bulma-radius); + --bulma-file-name-border-color: var(--bulma-border); + --bulma-file-name-border-style: solid; + --bulma-file-name-border-width: 1px 1px 1px 0; + --bulma-file-name-max-width: 16em; + --bulma-file-h: var(--bulma-scheme-h); + --bulma-file-s: var(--bulma-scheme-s); + --bulma-file-background-l: var(--bulma-scheme-main-ter-l); + --bulma-file-background-l-delta: 0%; + --bulma-file-hover-background-l-delta: -5%; + --bulma-file-active-background-l-delta: -10%; + --bulma-file-border-l: var(--bulma-border-l); + --bulma-file-border-l-delta: 0%; + --bulma-file-hover-border-l-delta: -10%; + --bulma-file-active-border-l-delta: -20%; + --bulma-file-cta-color-l: var(--bulma-text-strong-l); + --bulma-file-name-color-l: var(--bulma-text-strong-l); + --bulma-file-color-l-delta: 0%; + --bulma-file-hover-color-l-delta: -5%; + --bulma-file-active-color-l-delta: -10%; + align-items: stretch; + display: flex; + justify-content: flex-start; + position: relative; +} +.file.is-white { + --bulma-file-h: var(--bulma-white-h); + --bulma-file-s: var(--bulma-white-s); + --bulma-file-background-l: var(--bulma-white-l); + --bulma-file-border-l: var(--bulma-white-l); + --bulma-file-cta-color-l: var(--bulma-white-invert-l); + --bulma-file-name-color-l: var(--bulma-white-on-scheme-l); +} +.file.is-black { + --bulma-file-h: var(--bulma-black-h); + --bulma-file-s: var(--bulma-black-s); + --bulma-file-background-l: var(--bulma-black-l); + --bulma-file-border-l: var(--bulma-black-l); + --bulma-file-cta-color-l: var(--bulma-black-invert-l); + --bulma-file-name-color-l: var(--bulma-black-on-scheme-l); +} +.file.is-light { + --bulma-file-h: var(--bulma-light-h); + --bulma-file-s: var(--bulma-light-s); + --bulma-file-background-l: var(--bulma-light-l); + --bulma-file-border-l: var(--bulma-light-l); + --bulma-file-cta-color-l: var(--bulma-light-invert-l); + --bulma-file-name-color-l: var(--bulma-light-on-scheme-l); +} +.file.is-dark { + --bulma-file-h: var(--bulma-dark-h); + --bulma-file-s: var(--bulma-dark-s); + --bulma-file-background-l: var(--bulma-dark-l); + --bulma-file-border-l: var(--bulma-dark-l); + --bulma-file-cta-color-l: var(--bulma-dark-invert-l); + --bulma-file-name-color-l: var(--bulma-dark-on-scheme-l); +} +.file.is-text { + --bulma-file-h: var(--bulma-text-h); + --bulma-file-s: var(--bulma-text-s); + --bulma-file-background-l: var(--bulma-text-l); + --bulma-file-border-l: var(--bulma-text-l); + --bulma-file-cta-color-l: var(--bulma-text-invert-l); + --bulma-file-name-color-l: var(--bulma-text-on-scheme-l); +} +.file.is-primary { + --bulma-file-h: var(--bulma-primary-h); + --bulma-file-s: var(--bulma-primary-s); + --bulma-file-background-l: var(--bulma-primary-l); + --bulma-file-border-l: var(--bulma-primary-l); + --bulma-file-cta-color-l: var(--bulma-primary-invert-l); + --bulma-file-name-color-l: var(--bulma-primary-on-scheme-l); +} +.file.is-link { + --bulma-file-h: var(--bulma-link-h); + --bulma-file-s: var(--bulma-link-s); + --bulma-file-background-l: var(--bulma-link-l); + --bulma-file-border-l: var(--bulma-link-l); + --bulma-file-cta-color-l: var(--bulma-link-invert-l); + --bulma-file-name-color-l: var(--bulma-link-on-scheme-l); +} +.file.is-info { + --bulma-file-h: var(--bulma-info-h); + --bulma-file-s: var(--bulma-info-s); + --bulma-file-background-l: var(--bulma-info-l); + --bulma-file-border-l: var(--bulma-info-l); + --bulma-file-cta-color-l: var(--bulma-info-invert-l); + --bulma-file-name-color-l: var(--bulma-info-on-scheme-l); +} +.file.is-success { + --bulma-file-h: var(--bulma-success-h); + --bulma-file-s: var(--bulma-success-s); + --bulma-file-background-l: var(--bulma-success-l); + --bulma-file-border-l: var(--bulma-success-l); + --bulma-file-cta-color-l: var(--bulma-success-invert-l); + --bulma-file-name-color-l: var(--bulma-success-on-scheme-l); +} +.file.is-warning { + --bulma-file-h: var(--bulma-warning-h); + --bulma-file-s: var(--bulma-warning-s); + --bulma-file-background-l: var(--bulma-warning-l); + --bulma-file-border-l: var(--bulma-warning-l); + --bulma-file-cta-color-l: var(--bulma-warning-invert-l); + --bulma-file-name-color-l: var(--bulma-warning-on-scheme-l); +} +.file.is-danger { + --bulma-file-h: var(--bulma-danger-h); + --bulma-file-s: var(--bulma-danger-s); + --bulma-file-background-l: var(--bulma-danger-l); + --bulma-file-border-l: var(--bulma-danger-l); + --bulma-file-cta-color-l: var(--bulma-danger-invert-l); + --bulma-file-name-color-l: var(--bulma-danger-on-scheme-l); +} +.file.is-small { + font-size: var(--bulma-size-small); +} +.file.is-normal { + font-size: var(--bulma-size-normal); +} +.file.is-medium { + font-size: var(--bulma-size-medium); +} +.file.is-medium .file-icon .fa { + font-size: 1.5rem; +} +.file.is-large { + font-size: var(--bulma-size-large); +} +.file.is-large .file-icon .fa { + font-size: 2rem; +} +.file.has-name .file-cta { + border-end-end-radius: 0; + border-start-end-radius: 0; +} +.file.has-name .file-name { + border-end-start-radius: 0; + border-start-start-radius: 0; +} +.file.has-name.is-empty .file-cta { + border-radius: var(--bulma-file-radius); +} +.file.has-name.is-empty .file-name { + display: none; +} +.file.is-boxed .file-label { + flex-direction: column; +} +.file.is-boxed .file-cta { + flex-direction: column; + height: auto; + padding: 1em 3em; +} +.file.is-boxed .file-name { + border-width: 0 1px 1px; +} +.file.is-boxed .file-icon { + height: 1.5em; + width: 1.5em; +} +.file.is-boxed .file-icon .fa { + font-size: 1.5rem; +} +.file.is-boxed.is-small .file-icon .fa { + font-size: 1rem; +} +.file.is-boxed.is-medium .file-icon .fa { + font-size: 2rem; +} +.file.is-boxed.is-large .file-icon .fa { + font-size: 2.5rem; +} +.file.is-boxed.has-name .file-cta { + border-end-end-radius: 0; + border-end-start-radius: 0; + border-start-end-radius: var(--bulma-file-radius); + border-start-start-radius: var(--bulma-file-radius); +} +.file.is-boxed.has-name .file-name { + border-end-end-radius: var(--bulma-file-radius); + border-end-start-radius: var(--bulma-file-radius); + border-start-end-radius: 0; + border-start-start-radius: 0; + border-width: 0 1px 1px; +} +.file.is-centered { + justify-content: center; +} +.file.is-fullwidth .file-label { + width: 100%; +} +.file.is-fullwidth .file-name { + flex-grow: 1; + max-width: none; +} +.file.is-right { + justify-content: flex-end; +} +.file.is-right .file-cta { + border-radius: 0 var(--bulma-file-radius) var(--bulma-file-radius) 0; +} +.file.is-right .file-name { + border-radius: var(--bulma-file-radius) 0 0 var(--bulma-file-radius); + border-width: 1px 0 1px 1px; + order: -1; +} + +.file-label { + align-items: stretch; + display: flex; + cursor: pointer; + justify-content: flex-start; + overflow: hidden; + position: relative; +} +.file-label:hover { + --bulma-file-background-l-delta: var(--bulma-file-hover-background-l-delta); + --bulma-file-border-l-delta: var(--bulma-file-hover-border-l-delta); + --bulma-file-color-l-delta: var(--bulma-file-hover-color-l-delta); +} +.file-label:active { + --bulma-file-background-l-delta: var(--bulma-file-active-background-l-delta); + --bulma-file-border-l-delta: var(--bulma-file-active-border-l-delta); + --bulma-file-color-l-delta: var(--bulma-file-active-color-l-delta); +} + +.file-input { + height: 100%; + left: 0; + opacity: 0; + outline: none; + position: absolute; + top: 0; + width: 100%; +} + +.file-cta, +.file-name { + border-color: hsl(var(--bulma-file-h), var(--bulma-file-s), calc(var(--bulma-file-border-l) + var(--bulma-file-border-l-delta))); + border-radius: var(--bulma-file-radius); + font-size: 1em; + padding-left: 1em; + padding-right: 1em; + white-space: nowrap; +} + +.file-cta { + background-color: hsl(var(--bulma-file-h), var(--bulma-file-s), calc(var(--bulma-file-background-l) + var(--bulma-file-background-l-delta))); + color: hsl(var(--bulma-file-h), var(--bulma-file-s), calc(var(--bulma-file-cta-color-l) + var(--bulma-file-color-l-delta))); +} + +.file-name { + border-color: hsl(var(--bulma-file-h), var(--bulma-file-s), calc(var(--bulma-file-border-l) + var(--bulma-file-color-l-delta))); + border-style: var(--bulma-file-name-border-style); + border-width: var(--bulma-file-name-border-width); + color: hsl(var(--bulma-file-h), var(--bulma-file-s), calc(var(--bulma-file-name-color-l) + var(--bulma-file-color-l-delta))); + display: block; + max-width: var(--bulma-file-name-max-width); + overflow: hidden; + text-align: inherit; + text-overflow: ellipsis; +} + +.file-icon { + align-items: center; + display: flex; + height: 1em; + justify-content: center; + margin-inline-end: 0.5em; + width: 1em; +} +.file-icon .fa { + font-size: 1rem; +} + +/* Bulma Form */ +:root { + --bulma-label-color: var(--bulma-text-strong); + --bulma-label-spacing: 0.5em; + --bulma-label-weight: var(--bulma-weight-semibold); + --bulma-help-size: var(--bulma-size-small); + --bulma-field-block-spacing: 0.75rem; +} + +.label { + color: var(--bulma-label-color); + display: block; + font-size: var(--bulma-size-normal); + font-weight: var(--bulma-weight-semibold); +} +.label:not(:last-child) { + margin-bottom: var(--bulma-label-spacing); +} +.label.is-small { + font-size: var(--bulma-size-small); +} +.label.is-medium { + font-size: var(--bulma-size-medium); +} +.label.is-large { + font-size: var(--bulma-size-large); +} + +.help { + display: block; + font-size: var(--bulma-help-size); + margin-top: 0.25rem; +} +.help.is-white { + color: hsl(var(--bulma-white-h), var(--bulma-white-s), var(--bulma-white-on-scheme-l)); +} +.help.is-black { + color: hsl(var(--bulma-black-h), var(--bulma-black-s), var(--bulma-black-on-scheme-l)); +} +.help.is-light { + color: hsl(var(--bulma-light-h), var(--bulma-light-s), var(--bulma-light-on-scheme-l)); +} +.help.is-dark { + color: hsl(var(--bulma-dark-h), var(--bulma-dark-s), var(--bulma-dark-on-scheme-l)); +} +.help.is-text { + color: hsl(var(--bulma-text-h), var(--bulma-text-s), var(--bulma-text-on-scheme-l)); +} +.help.is-primary { + color: hsl(var(--bulma-primary-h), var(--bulma-primary-s), var(--bulma-primary-on-scheme-l)); +} +.help.is-link { + color: hsl(var(--bulma-link-h), var(--bulma-link-s), var(--bulma-link-on-scheme-l)); +} +.help.is-info { + color: hsl(var(--bulma-info-h), var(--bulma-info-s), var(--bulma-info-on-scheme-l)); +} +.help.is-success { + color: hsl(var(--bulma-success-h), var(--bulma-success-s), var(--bulma-success-on-scheme-l)); +} +.help.is-warning { + color: hsl(var(--bulma-warning-h), var(--bulma-warning-s), var(--bulma-warning-on-scheme-l)); +} +.help.is-danger { + color: hsl(var(--bulma-danger-h), var(--bulma-danger-s), var(--bulma-danger-on-scheme-l)); +} + +.field { + --bulma-block-spacing: var(--bulma-field-block-spacing); +} +.field.has-addons { + display: flex; + justify-content: flex-start; +} +.field.has-addons .control:not(:last-child) { + margin-inline-end: -1px; +} +.field.has-addons .control:not(:first-child):not(:last-child) .button, +.field.has-addons .control:not(:first-child):not(:last-child) .input, +.field.has-addons .control:not(:first-child):not(:last-child) .select select { + border-radius: 0; +} +.field.has-addons .control:first-child:not(:only-child) .button, +.field.has-addons .control:first-child:not(:only-child) .input, +.field.has-addons .control:first-child:not(:only-child) .select select { + border-start-end-radius: 0; + border-end-end-radius: 0; +} +.field.has-addons .control:last-child:not(:only-child) .button, +.field.has-addons .control:last-child:not(:only-child) .input, +.field.has-addons .control:last-child:not(:only-child) .select select { + border-start-start-radius: 0; + border-end-start-radius: 0; +} +.field.has-addons .control .button:not([disabled]):hover, .field.has-addons .control .button:not([disabled]).is-hovered, +.field.has-addons .control .input:not([disabled]):hover, +.field.has-addons .control .input:not([disabled]).is-hovered, +.field.has-addons .control .select select:not([disabled]):hover, +.field.has-addons .control .select select:not([disabled]).is-hovered { + z-index: 2; +} +.field.has-addons .control .button:not([disabled]):focus, .field.has-addons .control .button:not([disabled]).is-focused, .field.has-addons .control .button:not([disabled]):active, .field.has-addons .control .button:not([disabled]).is-active, +.field.has-addons .control .input:not([disabled]):focus, +.field.has-addons .control .input:not([disabled]).is-focused, +.field.has-addons .control .input:not([disabled]):active, +.field.has-addons .control .input:not([disabled]).is-active, +.field.has-addons .control .select select:not([disabled]):focus, +.field.has-addons .control .select select:not([disabled]).is-focused, +.field.has-addons .control .select select:not([disabled]):active, +.field.has-addons .control .select select:not([disabled]).is-active { + z-index: 3; +} +.field.has-addons .control .button:not([disabled]):focus:hover, .field.has-addons .control .button:not([disabled]).is-focused:hover, .field.has-addons .control .button:not([disabled]):active:hover, .field.has-addons .control .button:not([disabled]).is-active:hover, +.field.has-addons .control .input:not([disabled]):focus:hover, +.field.has-addons .control .input:not([disabled]).is-focused:hover, +.field.has-addons .control .input:not([disabled]):active:hover, +.field.has-addons .control .input:not([disabled]).is-active:hover, +.field.has-addons .control .select select:not([disabled]):focus:hover, +.field.has-addons .control .select select:not([disabled]).is-focused:hover, +.field.has-addons .control .select select:not([disabled]):active:hover, +.field.has-addons .control .select select:not([disabled]).is-active:hover { + z-index: 4; +} +.field.has-addons .control.is-expanded { + flex-grow: 1; + flex-shrink: 1; +} +.field.has-addons.has-addons-centered { + justify-content: center; +} +.field.has-addons.has-addons-right { + justify-content: flex-end; +} +.field.has-addons.has-addons-fullwidth .control { + flex-grow: 1; + flex-shrink: 0; +} +.field.is-grouped { + display: flex; + gap: 0.75rem; + justify-content: flex-start; +} +.field.is-grouped > .control { + flex-shrink: 0; +} +.field.is-grouped > .control.is-expanded { + flex-grow: 1; + flex-shrink: 1; +} +.field.is-grouped.is-grouped-centered { + justify-content: center; +} +.field.is-grouped.is-grouped-right { + justify-content: flex-end; +} +.field.is-grouped.is-grouped-multiline { + flex-wrap: wrap; +} +@media screen and (min-width: 769px), print { + .field.is-horizontal { + display: flex; + } +} + +.field-label .label { + font-size: inherit; +} +@media screen and (max-width: 768px) { + .field-label { + margin-bottom: 0.5rem; + } +} +@media screen and (min-width: 769px), print { + .field-label { + flex-basis: 0; + flex-grow: 1; + flex-shrink: 0; + margin-inline-end: 1.5rem; + text-align: right; + } + .field-label.is-small { + font-size: var(--bulma-size-small); + padding-top: 0.375em; + } + .field-label.is-normal { + padding-top: 0.375em; + } + .field-label.is-medium { + font-size: var(--bulma-size-medium); + padding-top: 0.375em; + } + .field-label.is-large { + font-size: var(--bulma-size-large); + padding-top: 0.375em; + } +} + +.field-body .field .field { + margin-bottom: 0; +} +@media screen and (min-width: 769px), print { + .field-body { + display: flex; + flex-basis: 0; + flex-grow: 5; + flex-shrink: 1; + } + .field-body .field { + margin-bottom: 0; + } + .field-body > .field { + flex-shrink: 1; + } + .field-body > .field:not(.is-narrow) { + flex-grow: 1; + } + .field-body > .field:not(:last-child) { + margin-inline-end: 0.75rem; + } +} + +.control { + box-sizing: border-box; + clear: both; + font-size: var(--bulma-size-normal); + position: relative; + text-align: inherit; +} +.control.has-icons-left .input:hover ~ .icon, +.control.has-icons-left .select:hover ~ .icon, .control.has-icons-right .input:hover ~ .icon, +.control.has-icons-right .select:hover ~ .icon { + color: var(--bulma-input-icon-hover-color); +} +.control.has-icons-left .input:focus ~ .icon, +.control.has-icons-left .select:focus ~ .icon, .control.has-icons-right .input:focus ~ .icon, +.control.has-icons-right .select:focus ~ .icon { + color: var(--bulma-input-icon-focus-color); +} +.control.has-icons-left .input.is-small ~ .icon, +.control.has-icons-left .select.is-small ~ .icon, .control.has-icons-right .input.is-small ~ .icon, +.control.has-icons-right .select.is-small ~ .icon { + font-size: var(--bulma-size-small); +} +.control.has-icons-left .input.is-medium ~ .icon, +.control.has-icons-left .select.is-medium ~ .icon, .control.has-icons-right .input.is-medium ~ .icon, +.control.has-icons-right .select.is-medium ~ .icon { + font-size: var(--bulma-size-medium); +} +.control.has-icons-left .input.is-large ~ .icon, +.control.has-icons-left .select.is-large ~ .icon, .control.has-icons-right .input.is-large ~ .icon, +.control.has-icons-right .select.is-large ~ .icon { + font-size: var(--bulma-size-large); +} +.control.has-icons-left .icon, .control.has-icons-right .icon { + color: var(--bulma-input-icon-color); + height: var(--bulma-input-height); + pointer-events: none; + position: absolute; + top: 0; + width: var(--bulma-input-height); + z-index: 4; +} +.control.has-icons-left .input, +.control.has-icons-left .select select { + padding-left: var(--bulma-input-height); +} +.control.has-icons-left .icon.is-left { + left: 0; +} +.control.has-icons-right .input, +.control.has-icons-right .select select { + padding-right: var(--bulma-input-height); +} +.control.has-icons-right .icon.is-right { + right: 0; +} +.control.is-loading::after { + inset-inline-end: 0.75em; + position: absolute !important; + top: 0.75em; + z-index: 4; +} +.control.is-loading.is-small:after { + font-size: var(--bulma-size-small); +} +.control.is-loading.is-medium:after { + font-size: var(--bulma-size-medium); +} +.control.is-loading.is-large:after { + font-size: var(--bulma-size-large); +} + +/* Bulma Components */ +.breadcrumb { + --bulma-breadcrumb-item-color: var(--bulma-link-text); + --bulma-breadcrumb-item-hover-color: var(--bulma-link-text-hover); + --bulma-breadcrumb-item-active-color: var(--bulma-link-text-active); + --bulma-breadcrumb-item-padding-vertical: 0; + --bulma-breadcrumb-item-padding-horizontal: 0.75em; + --bulma-breadcrumb-item-separator-color: var(--bulma-border); +} + +.breadcrumb { + font-size: var(--bulma-size-normal); + white-space: nowrap; +} +.breadcrumb a { + align-items: center; + color: var(--bulma-breadcrumb-item-color); + display: flex; + justify-content: center; + padding: var(--bulma-breadcrumb-item-padding-vertical) var(--bulma-breadcrumb-item-padding-horizontal); +} +.breadcrumb a:hover { + color: var(--bulma-breadcrumb-item-hover-color); +} +.breadcrumb li { + align-items: center; + display: flex; +} +.breadcrumb li:first-child a { + padding-inline-start: 0; +} +.breadcrumb li.is-active a { + color: var(--bulma-breadcrumb-item-active-color); + cursor: default; + pointer-events: none; +} +.breadcrumb li + li::before { + color: var(--bulma-breadcrumb-item-separator-color); + content: "/"; +} +.breadcrumb ul, +.breadcrumb ol { + align-items: flex-start; + display: flex; + flex-wrap: wrap; + justify-content: flex-start; +} +.breadcrumb .icon:first-child { + margin-inline-end: 0.5em; +} +.breadcrumb .icon:last-child { + margin-inline-start: 0.5em; +} +.breadcrumb.is-centered ol, +.breadcrumb.is-centered ul { + justify-content: center; +} +.breadcrumb.is-right ol, +.breadcrumb.is-right ul { + justify-content: flex-end; +} +.breadcrumb.is-small { + font-size: var(--bulma-size-small); +} +.breadcrumb.is-medium { + font-size: var(--bulma-size-medium); +} +.breadcrumb.is-large { + font-size: var(--bulma-size-large); +} +.breadcrumb.has-arrow-separator li + li::before { + content: "→"; +} +.breadcrumb.has-bullet-separator li + li::before { + content: "•"; +} +.breadcrumb.has-dot-separator li + li::before { + content: "·"; +} +.breadcrumb.has-succeeds-separator li + li::before { + content: "≻"; +} + +.card { + --bulma-card-color: var(--bulma-text); + --bulma-card-background-color: var(--bulma-scheme-main); + --bulma-card-shadow: var(--bulma-shadow); + --bulma-card-radius: 0.75rem; + --bulma-card-header-background-color: transparent; + --bulma-card-header-color: var(--bulma-text-strong); + --bulma-card-header-padding: 0.75rem 1rem; + --bulma-card-header-shadow: 0 0.125em 0.25em hsla(var(--bulma-scheme-h), var(--bulma-scheme-s), var(--bulma-scheme-invert-l), 0.1); + --bulma-card-header-weight: var(--bulma-weight-bold); + --bulma-card-content-background-color: transparent; + --bulma-card-content-padding: 1.5rem; + --bulma-card-footer-background-color: transparent; + --bulma-card-footer-border-top: 1px solid var(--bulma-border-weak); + --bulma-card-footer-padding: 0.75rem; + --bulma-card-media-margin: var(--bulma-block-spacing); +} + +.card { + background-color: var(--bulma-card-background-color); + border-radius: var(--bulma-card-radius); + box-shadow: var(--bulma-card-shadow); + color: var(--bulma-card-color); + max-width: 100%; + position: relative; +} + +.card-footer:first-child, .card-content:first-child, .card-header:first-child { + border-start-start-radius: var(--bulma-card-radius); + border-start-end-radius: var(--bulma-card-radius); +} +.card-footer:last-child, .card-content:last-child, .card-header:last-child { + border-end-start-radius: var(--bulma-card-radius); + border-end-end-radius: var(--bulma-card-radius); +} + +.card-header { + background-color: var(--bulma-card-header-background-color); + align-items: stretch; + box-shadow: var(--bulma-card-header-shadow); + display: flex; +} + +.card-header-title { + align-items: center; + color: var(--bulma-card-header-color); + display: flex; + flex-grow: 1; + font-weight: var(--bulma-card-header-weight); + padding: var(--bulma-card-header-padding); +} +.card-header-title.is-centered { + justify-content: center; +} + +.card-header-icon { + appearance: none; + background: none; + border: none; + color: inherit; + font-family: inherit; + font-size: 1em; + margin: 0; + padding: 0; + align-items: center; + cursor: pointer; + display: flex; + justify-content: center; + padding: var(--bulma-card-header-padding); +} + +.card-image { + display: block; + position: relative; +} +.card-image:first-child img { + border-start-start-radius: var(--bulma-card-radius); + border-start-end-radius: var(--bulma-card-radius); +} +.card-image:last-child img { + border-end-start-radius: var(--bulma-card-radius); + border-end-end-radius: var(--bulma-card-radius); +} + +.card-content { + background-color: var(--bulma-card-content-background-color); + padding: var(--bulma-card-content-padding); +} + +.card-footer { + background-color: var(--bulma-card-footer-background-color); + border-top: var(--bulma-card-footer-border-top); + align-items: stretch; + display: flex; +} + +.card-footer-item { + align-items: center; + display: flex; + flex-basis: 0; + flex-grow: 1; + flex-shrink: 0; + justify-content: center; + padding: var(--bulma-card-footer-padding); +} +.card-footer-item:not(:last-child) { + border-inline-end: var(--bulma-card-footer-border-top); +} + +.card .media:not(:last-child) { + margin-bottom: var(--bulma-card-media-margin); +} + +.dropdown { + --bulma-dropdown-menu-min-width: 12rem; + --bulma-dropdown-content-background-color: var(--bulma-scheme-main); + --bulma-dropdown-content-offset: 0.25rem; + --bulma-dropdown-content-padding-bottom: 0.5rem; + --bulma-dropdown-content-padding-top: 0.5rem; + --bulma-dropdown-content-radius: var(--bulma-radius); + --bulma-dropdown-content-shadow: var(--bulma-shadow); + --bulma-dropdown-content-z: 20; + --bulma-dropdown-item-h: var(--bulma-scheme-h); + --bulma-dropdown-item-s: var(--bulma-scheme-s); + --bulma-dropdown-item-l: var(--bulma-scheme-main-l); + --bulma-dropdown-item-background-l: var(--bulma-scheme-main-l); + --bulma-dropdown-item-background-l-delta: 0%; + --bulma-dropdown-item-hover-background-l-delta: var(--bulma-hover-background-l-delta); + --bulma-dropdown-item-active-background-l-delta: var(--bulma-active-background-l-delta); + --bulma-dropdown-item-color-l: var(--bulma-text-strong-l); + --bulma-dropdown-item-selected-h: var(--bulma-link-h); + --bulma-dropdown-item-selected-s: var(--bulma-link-s); + --bulma-dropdown-item-selected-l: var(--bulma-link-l); + --bulma-dropdown-item-selected-background-l: var(--bulma-link-l); + --bulma-dropdown-item-selected-color-l: var(--bulma-link-invert-l); + --bulma-dropdown-divider-background-color: var(--bulma-border-weak); +} + +.dropdown { + display: inline-flex; + position: relative; + vertical-align: top; +} +.dropdown.is-active .dropdown-menu, .dropdown.is-hoverable:hover .dropdown-menu { + display: block; +} +.dropdown.is-right .dropdown-menu { + left: auto; + right: 0; +} +.dropdown.is-up .dropdown-menu { + bottom: 100%; + padding-bottom: var(--bulma-dropdown-content-offset); + padding-top: initial; + top: auto; +} + +.dropdown-menu { + display: none; + left: 0; + min-width: var(--bulma-dropdown-menu-min-width); + padding-top: var(--bulma-dropdown-content-offset); + position: absolute; + top: 100%; + z-index: var(--bulma-dropdown-content-z); +} + +.dropdown-content { + background-color: var(--bulma-dropdown-content-background-color); + border-radius: var(--bulma-dropdown-content-radius); + box-shadow: var(--bulma-dropdown-content-shadow); + padding-bottom: var(--bulma-dropdown-content-padding-bottom); + padding-top: var(--bulma-dropdown-content-padding-top); +} + +.dropdown-item { + color: hsl(var(--bulma-dropdown-item-h), var(--bulma-dropdown-item-s), var(--bulma-dropdown-item-color-l)); + display: block; + font-size: 0.875rem; + line-height: 1.5; + padding: 0.375rem 1rem; +} + +a.dropdown-item, +button.dropdown-item { + background-color: hsl(var(--bulma-dropdown-item-h), var(--bulma-dropdown-item-s), calc(var(--bulma-dropdown-item-background-l) + var(--bulma-dropdown-item-background-l-delta))); + padding-inline-end: 3rem; + text-align: inherit; + white-space: nowrap; + width: 100%; +} +a.dropdown-item:hover, +button.dropdown-item:hover { + --bulma-dropdown-item-background-l-delta: var(--bulma-dropdown-item-hover-background-l-delta); + --bulma-dropdown-item-border-l-delta: var(--bulma-dropdown-item-hover-border-l-delta); +} +a.dropdown-item:active, +button.dropdown-item:active { + --bulma-dropdown-item-background-l-delta: var(--bulma-dropdown-item-active-background-l-delta); + --bulma-dropdown-item-border-l-delta: var(--bulma-dropdown-item-active-border-l-delta); +} +a.dropdown-item.is-active, a.dropdown-item.is-selected, +button.dropdown-item.is-active, +button.dropdown-item.is-selected { + --bulma-dropdown-item-h: var(--bulma-dropdown-item-selected-h); + --bulma-dropdown-item-s: var(--bulma-dropdown-item-selected-s); + --bulma-dropdown-item-l: var(--bulma-dropdown-item-selected-l); + --bulma-dropdown-item-background-l: var(--bulma-dropdown-item-selected-background-l); + --bulma-dropdown-item-color-l: var(--bulma-dropdown-item-selected-color-l); +} + +.dropdown-divider { + background-color: var(--bulma-dropdown-divider-background-color); + border: none; + display: block; + height: 1px; + margin: 0.5rem 0; +} + +.menu { + --bulma-menu-item-h: var(--bulma-scheme-h); + --bulma-menu-item-s: var(--bulma-scheme-s); + --bulma-menu-item-l: var(--bulma-scheme-main-l); + --bulma-menu-item-background-l: var(--bulma-scheme-main-l); + --bulma-menu-item-background-l-delta: 0%; + --bulma-menu-item-hover-background-l-delta: var(--bulma-hover-background-l-delta); + --bulma-menu-item-active-background-l-delta: var(--bulma-active-background-l-delta); + --bulma-menu-item-color-l: var(--bulma-text-l); + --bulma-menu-item-radius: var(--bulma-radius-small); + --bulma-menu-item-selected-h: var(--bulma-link-h); + --bulma-menu-item-selected-s: var(--bulma-link-s); + --bulma-menu-item-selected-l: var(--bulma-link-l); + --bulma-menu-item-selected-background-l: var(--bulma-link-l); + --bulma-menu-item-selected-color-l: var(--bulma-link-invert-l); + --bulma-menu-list-border-left: 1px solid var(--bulma-border); + --bulma-menu-list-line-height: 1.25; + --bulma-menu-list-link-padding: 0.5em 0.75em; + --bulma-menu-nested-list-margin: 0.75em; + --bulma-menu-nested-list-padding-left: 0.75em; + --bulma-menu-label-color: var(--bulma-text-weak); + --bulma-menu-label-font-size: 0.75em; + --bulma-menu-label-letter-spacing: 0.1em; + --bulma-menu-label-spacing: 1em; +} + +.menu { + font-size: var(--bulma-size-normal); +} +.menu.is-small { + font-size: var(--bulma-size-small); +} +.menu.is-medium { + font-size: var(--bulma-size-medium); +} +.menu.is-large { + font-size: var(--bulma-size-large); +} + +.menu-list { + line-height: var(--bulma-menu-list-line-height); +} +.menu-list a, +.menu-list button, +.menu-list .menu-item { + background-color: hsl(var(--bulma-menu-item-h), var(--bulma-menu-item-s), calc(var(--bulma-menu-item-background-l) + var(--bulma-menu-item-background-l-delta))); + border-radius: var(--bulma-menu-item-radius); + color: hsl(var(--bulma-menu-item-h), var(--bulma-menu-item-s), var(--bulma-menu-item-color-l)); + display: block; + padding: var(--bulma-menu-list-link-padding); + text-align: left; + width: 100%; +} +.menu-list a:hover, +.menu-list button:hover, +.menu-list .menu-item:hover { + --bulma-menu-item-background-l-delta: var(--bulma-menu-item-hover-background-l-delta); +} +.menu-list a:active, +.menu-list button:active, +.menu-list .menu-item:active { + --bulma-menu-item-background-l-delta: var(--bulma-menu-item-active-background-l-delta); +} +.menu-list a.is-active, .menu-list a.is-selected, +.menu-list button.is-active, +.menu-list button.is-selected, +.menu-list .menu-item.is-active, +.menu-list .menu-item.is-selected { + --bulma-menu-item-h: var(--bulma-menu-item-selected-h); + --bulma-menu-item-s: var(--bulma-menu-item-selected-s); + --bulma-menu-item-l: var(--bulma-menu-item-selected-l); + --bulma-menu-item-background-l: var(--bulma-menu-item-selected-background-l); + --bulma-menu-item-color-l: var(--bulma-menu-item-selected-color-l); +} +.menu-list li ul { + border-inline-start: var(--bulma-menu-list-border-left); + margin: var(--bulma-menu-nested-list-margin); + padding-inline-start: var(--bulma-menu-nested-list-padding-left); +} + +.menu-label { + color: var(--bulma-menu-label-color); + font-size: var(--bulma-menu-label-font-size); + letter-spacing: var(--bulma-menu-label-letter-spacing); + text-transform: uppercase; +} +.menu-label:not(:first-child) { + margin-top: var(--bulma-menu-label-spacing); +} +.menu-label:not(:last-child) { + margin-bottom: var(--bulma-menu-label-spacing); +} + +.message { + --bulma-message-border-l-delta: -20%; + --bulma-message-radius: var(--bulma-radius); + --bulma-message-header-weight: var(--bulma-weight-semibold); + --bulma-message-header-padding: 1em 1.25em; + --bulma-message-header-radius: var(--bulma-radius); + --bulma-message-body-border-width: 0 0 0 4px; + --bulma-message-body-color: var(--bulma-text); + --bulma-message-body-padding: 1.25em 1.5em; + --bulma-message-body-radius: var(--bulma-radius-small); + --bulma-message-body-pre-code-background-color: transparent; + --bulma-message-header-body-border-width: 0; + --bulma-message-h: var(--bulma-scheme-h); + --bulma-message-s: var(--bulma-scheme-s); + --bulma-message-background-l: var(--bulma-background-l); + --bulma-message-border-l: var(--bulma-border-l); + --bulma-message-border-style: solid; + --bulma-message-border-width: 0.25em; + --bulma-message-color-l: var(--bulma-text-l); + --bulma-message-header-background-l: var(--bulma-dark-l); + --bulma-message-header-color-l: var(--bulma-text-dark-invert-l); +} + +.message { + border-radius: var(--bulma-message-radius); + color: hsl(var(--bulma-message-h), var(--bulma-message-s), var(--bulma-message-color-l)); + font-size: var(--bulma-size-normal); +} +.message strong { + color: currentColor; +} +.message a:not(.button):not(.tag):not(.dropdown-item) { + color: currentColor; + text-decoration: underline; +} +.message.is-small { + font-size: var(--bulma-size-small); +} +.message.is-medium { + font-size: var(--bulma-size-medium); +} +.message.is-large { + font-size: var(--bulma-size-large); +} +.message.is-white { + --bulma-message-h: var(--bulma-white-h); + --bulma-message-s: var(--bulma-white-s); + --bulma-message-border-l: calc(var(--bulma-white-l) + var(--bulma-message-border-l-delta)); + --bulma-message-color-l: var(--bulma-white-on-scheme-l); + --bulma-message-header-background-l: var(--bulma-white-l); + --bulma-message-header-color-l: var(--bulma-white-invert-l); +} +.message.is-black { + --bulma-message-h: var(--bulma-black-h); + --bulma-message-s: var(--bulma-black-s); + --bulma-message-border-l: calc(var(--bulma-black-l) + var(--bulma-message-border-l-delta)); + --bulma-message-color-l: var(--bulma-black-on-scheme-l); + --bulma-message-header-background-l: var(--bulma-black-l); + --bulma-message-header-color-l: var(--bulma-black-invert-l); +} +.message.is-light { + --bulma-message-h: var(--bulma-light-h); + --bulma-message-s: var(--bulma-light-s); + --bulma-message-border-l: calc(var(--bulma-light-l) + var(--bulma-message-border-l-delta)); + --bulma-message-color-l: var(--bulma-light-on-scheme-l); + --bulma-message-header-background-l: var(--bulma-light-l); + --bulma-message-header-color-l: var(--bulma-light-invert-l); +} +.message.is-dark { + --bulma-message-h: var(--bulma-dark-h); + --bulma-message-s: var(--bulma-dark-s); + --bulma-message-border-l: calc(var(--bulma-dark-l) + var(--bulma-message-border-l-delta)); + --bulma-message-color-l: var(--bulma-dark-on-scheme-l); + --bulma-message-header-background-l: var(--bulma-dark-l); + --bulma-message-header-color-l: var(--bulma-dark-invert-l); +} +.message.is-text { + --bulma-message-h: var(--bulma-text-h); + --bulma-message-s: var(--bulma-text-s); + --bulma-message-border-l: calc(var(--bulma-text-l) + var(--bulma-message-border-l-delta)); + --bulma-message-color-l: var(--bulma-text-on-scheme-l); + --bulma-message-header-background-l: var(--bulma-text-l); + --bulma-message-header-color-l: var(--bulma-text-invert-l); +} +.message.is-primary { + --bulma-message-h: var(--bulma-primary-h); + --bulma-message-s: var(--bulma-primary-s); + --bulma-message-border-l: calc(var(--bulma-primary-l) + var(--bulma-message-border-l-delta)); + --bulma-message-color-l: var(--bulma-primary-on-scheme-l); + --bulma-message-header-background-l: var(--bulma-primary-l); + --bulma-message-header-color-l: var(--bulma-primary-invert-l); +} +.message.is-link { + --bulma-message-h: var(--bulma-link-h); + --bulma-message-s: var(--bulma-link-s); + --bulma-message-border-l: calc(var(--bulma-link-l) + var(--bulma-message-border-l-delta)); + --bulma-message-color-l: var(--bulma-link-on-scheme-l); + --bulma-message-header-background-l: var(--bulma-link-l); + --bulma-message-header-color-l: var(--bulma-link-invert-l); +} +.message.is-info { + --bulma-message-h: var(--bulma-info-h); + --bulma-message-s: var(--bulma-info-s); + --bulma-message-border-l: calc(var(--bulma-info-l) + var(--bulma-message-border-l-delta)); + --bulma-message-color-l: var(--bulma-info-on-scheme-l); + --bulma-message-header-background-l: var(--bulma-info-l); + --bulma-message-header-color-l: var(--bulma-info-invert-l); +} +.message.is-success { + --bulma-message-h: var(--bulma-success-h); + --bulma-message-s: var(--bulma-success-s); + --bulma-message-border-l: calc(var(--bulma-success-l) + var(--bulma-message-border-l-delta)); + --bulma-message-color-l: var(--bulma-success-on-scheme-l); + --bulma-message-header-background-l: var(--bulma-success-l); + --bulma-message-header-color-l: var(--bulma-success-invert-l); +} +.message.is-warning { + --bulma-message-h: var(--bulma-warning-h); + --bulma-message-s: var(--bulma-warning-s); + --bulma-message-border-l: calc(var(--bulma-warning-l) + var(--bulma-message-border-l-delta)); + --bulma-message-color-l: var(--bulma-warning-on-scheme-l); + --bulma-message-header-background-l: var(--bulma-warning-l); + --bulma-message-header-color-l: var(--bulma-warning-invert-l); +} +.message.is-danger { + --bulma-message-h: var(--bulma-danger-h); + --bulma-message-s: var(--bulma-danger-s); + --bulma-message-border-l: calc(var(--bulma-danger-l) + var(--bulma-message-border-l-delta)); + --bulma-message-color-l: var(--bulma-danger-on-scheme-l); + --bulma-message-header-background-l: var(--bulma-danger-l); + --bulma-message-header-color-l: var(--bulma-danger-invert-l); +} + +.message-header { + align-items: center; + background-color: hsl(var(--bulma-message-h), var(--bulma-message-s), var(--bulma-message-header-background-l)); + border-start-start-radius: var(--bulma-message-header-radius); + border-start-end-radius: var(--bulma-message-header-radius); + color: hsl(var(--bulma-message-h), var(--bulma-message-s), var(--bulma-message-header-color-l)); + display: flex; + font-weight: var(--bulma-message-header-weight); + justify-content: space-between; + line-height: 1.25; + padding: var(--bulma-message-header-padding); + position: relative; +} +.message-header .delete { + flex-grow: 0; + flex-shrink: 0; + margin-inline-start: 0.75em; +} +.message-header + .message-body { + border-width: var(--bulma-message-header-body-border-width); + border-start-start-radius: 0; + border-start-end-radius: 0; +} + +.message-body { + background-color: hsl(var(--bulma-message-h), var(--bulma-message-s), var(--bulma-message-background-l)); + border-inline-start-color: hsl(var(--bulma-message-h), var(--bulma-message-s), var(--bulma-message-border-l)); + border-inline-start-style: var(--bulma-message-border-style); + border-inline-start-width: var(--bulma-message-border-width); + border-radius: var(--bulma-message-body-radius); + padding: var(--bulma-message-body-padding); +} +.message-body code, +.message-body pre { + background-color: hsl(var(--bulma-message-h), var(--bulma-message-s), var(--bulma-message-header-color-l)); + color: hsl(var(--bulma-message-h), var(--bulma-message-s), var(--bulma-message-header-background-l)); +} +.message-body pre code { + background-color: var(--bulma-message-body-pre-code-background-color); +} + +.modal { + --bulma-modal-z: 40; + --bulma-modal-background-background-color: hsla(var(--bulma-scheme-h), var(--bulma-scheme-s), var(--bulma-scheme-invert-l), 0.86); + --bulma-modal-content-width: 40rem; + --bulma-modal-content-margin-mobile: 1.25rem; + --bulma-modal-content-spacing-mobile: 10rem; + --bulma-modal-content-spacing-tablet: 2.5rem; + --bulma-modal-close-dimensions: 2.5rem; + --bulma-modal-close-right: 1.25rem; + --bulma-modal-close-top: 1.25rem; + --bulma-modal-card-spacing: 2.5rem; + --bulma-modal-card-head-background-color: var(--bulma-scheme-main); + --bulma-modal-card-head-padding: 2rem; + --bulma-modal-card-head-radius: var(--bulma-radius-large); + --bulma-modal-card-title-color: var(--bulma-text-strong); + --bulma-modal-card-title-line-height: 1; + --bulma-modal-card-title-size: var(--bulma-size-4); + --bulma-modal-card-foot-background-color: var(--bulma-scheme-main-bis); + --bulma-modal-card-foot-radius: var(--bulma-radius-large); + --bulma-modal-card-body-background-color: var(--bulma-scheme-main); + --bulma-modal-card-body-padding: 2rem; +} + +.modal { + align-items: center; + display: none; + flex-direction: column; + justify-content: center; + overflow: hidden; + position: fixed; + z-index: var(--bulma-modal-z); +} +.modal.is-active { + display: flex; +} + +.modal-background { + background-color: var(--bulma-modal-background-background-color); +} + +.modal-content, +.modal-card { + margin: 0 var(--bulma-modal-content-margin-mobile); + max-height: calc(100vh - var(--bulma-modal-content-spacing-mobile)); + overflow: auto; + position: relative; + width: 100%; +} +@media screen and (min-width: 769px) { + .modal-content, + .modal-card { + margin: 0 auto; + max-height: calc(100vh - var(--bulma-modal-content-spacing-tablet)); + width: var(--bulma-modal-content-width); + } +} + +.modal-close { + background: none; + height: var(--bulma-modal-close-dimensions); + inset-inline-end: var(--bulma-modal-close-right); + position: fixed; + top: var(--bulma-modal-close-top); + width: var(--bulma-modal-close-dimensions); +} + +.modal-card { + display: flex; + flex-direction: column; + max-height: calc(100vh - var(--bulma-modal-card-spacing)); + overflow: hidden; + overflow-y: visible; +} + +.modal-card-head, +.modal-card-foot { + align-items: center; + display: flex; + flex-shrink: 0; + justify-content: flex-start; + padding: var(--bulma-modal-card-head-padding); + position: relative; +} + +.modal-card-head { + background-color: var(--bulma-modal-card-head-background-color); + border-start-start-radius: var(--bulma-modal-card-head-radius); + border-start-end-radius: var(--bulma-modal-card-head-radius); + box-shadow: var(--bulma-shadow); +} + +.modal-card-title { + color: var(--bulma-modal-card-title-color); + flex-grow: 1; + flex-shrink: 0; + font-size: var(--bulma-modal-card-title-size); + line-height: var(--bulma-modal-card-title-line-height); +} + +.modal-card-foot { + background-color: var(--bulma-modal-card-foot-background-color); + border-end-start-radius: var(--bulma-modal-card-foot-radius); + border-end-end-radius: var(--bulma-modal-card-foot-radius); +} + +.modal-card-body { + -webkit-overflow-scrolling: touch; + background-color: var(--bulma-modal-card-body-background-color); + flex-grow: 1; + flex-shrink: 1; + overflow: auto; + padding: var(--bulma-modal-card-body-padding); +} + +:root { + --bulma-navbar-height: 3.25rem; +} + +.navbar { + --bulma-navbar-h: var(--bulma-scheme-h); + --bulma-navbar-s: var(--bulma-scheme-s); + --bulma-navbar-l: var(--bulma-scheme-main-l); + --bulma-navbar-background-color: var(--bulma-scheme-main); + --bulma-navbar-box-shadow-size: 0 0.125em 0 0; + --bulma-navbar-box-shadow-color: var(--bulma-background); + --bulma-navbar-padding-vertical: 1rem; + --bulma-navbar-padding-horizontal: 2rem; + --bulma-navbar-z: 30; + --bulma-navbar-fixed-z: 30; + --bulma-navbar-item-background-a: 0; + --bulma-navbar-item-background-l: var(--bulma-scheme-main-l); + --bulma-navbar-item-background-l-delta: 0%; + --bulma-navbar-item-hover-background-l-delta: var(--bulma-hover-background-l-delta); + --bulma-navbar-item-active-background-l-delta: var(--bulma-active-background-l-delta); + --bulma-navbar-item-color-l: var(--bulma-text-l); + --bulma-navbar-item-color: hsl(var(--bulma-navbar-h), var(--bulma-navbar-s), var(--bulma-navbar-item-color-l)); + --bulma-navbar-item-selected-h: var(--bulma-link-h); + --bulma-navbar-item-selected-s: var(--bulma-link-s); + --bulma-navbar-item-selected-l: var(--bulma-link-l); + --bulma-navbar-item-selected-background-l: var(--bulma-link-l); + --bulma-navbar-item-selected-color-l: var(--bulma-link-invert-l); + --bulma-navbar-item-img-max-height: 1.75rem; + --bulma-navbar-burger-color: var(--bulma-link); + --bulma-navbar-tab-hover-background-color: transparent; + --bulma-navbar-tab-hover-border-bottom-color: var(--bulma-link); + --bulma-navbar-tab-active-color: var(--bulma-link); + --bulma-navbar-tab-active-background-color: transparent; + --bulma-navbar-tab-active-border-bottom-color: var(--bulma-link); + --bulma-navbar-tab-active-border-bottom-style: solid; + --bulma-navbar-tab-active-border-bottom-width: 0.1875em; + --bulma-navbar-dropdown-background-color: var(--bulma-scheme-main); + --bulma-navbar-dropdown-border-l: var(--bulma-border-l); + --bulma-navbar-dropdown-border-color: hsl(var(--bulma-navbar-h), var(--bulma-navbar-s), var(--bulma-navbar-dropdown-border-l)); + --bulma-navbar-dropdown-border-style: solid; + --bulma-navbar-dropdown-border-width: 0.125em; + --bulma-navbar-dropdown-offset: -0.25em; + --bulma-navbar-dropdown-arrow: var(--bulma-link); + --bulma-navbar-dropdown-radius: var(--bulma-radius-large); + --bulma-navbar-dropdown-z: 20; + --bulma-navbar-dropdown-boxed-radius: var(--bulma-radius-large); + --bulma-navbar-dropdown-boxed-shadow: 0 0.5em 0.5em hsla(var(--bulma-scheme-h), var(--bulma-scheme-s), var(--bulma-scheme-invert-l), 0.1), 0 0 0 1px hsla(var(--bulma-scheme-h), var(--bulma-scheme-s), var(--bulma-scheme-invert-l), 0.1); + --bulma-navbar-dropdown-item-h: var(--bulma-scheme-h); + --bulma-navbar-dropdown-item-s: var(--bulma-scheme-s); + --bulma-navbar-dropdown-item-l: var(--bulma-scheme-main-l); + --bulma-navbar-dropdown-item-background-l: var(--bulma-scheme-main-l); + --bulma-navbar-dropdown-item-color-l: var(--bulma-text-l); + --bulma-navbar-divider-background-l: var(--bulma-background-l); + --bulma-navbar-divider-height: 0.125em; + --bulma-navbar-bottom-box-shadow-size: 0 -0.125em 0 0; +} + +.navbar { + background-color: var(--bulma-navbar-background-color); + min-height: var(--bulma-navbar-height); + position: relative; + z-index: var(--bulma-navbar-z); +} +.navbar.is-white { + --bulma-navbar-h: var(--bulma-white-h); + --bulma-navbar-s: var(--bulma-white-s); + --bulma-navbar-l: var(--bulma-white-l); + --bulma-burger-h: var(--bulma-white-h); + --bulma-burger-s: var(--bulma-white-s); + --bulma-burger-l: var(--bulma-white-invert-l); + --bulma-navbar-background-color: var(--bulma-white); + --bulma-navbar-item-background-l: var(--bulma-white-l); + --bulma-navbar-item-color-l: var(--bulma-white-invert-l); + --bulma-navbar-item-selected-h: var(--bulma-white-h); + --bulma-navbar-item-selected-s: var(--bulma-white-s); + --bulma-navbar-item-selected-l: var(--bulma-white-l); + --bulma-navbar-item-selected-background-l: var(--bulma-white-l); + --bulma-navbar-item-selected-color-l: var(--bulma-white-invert-l); + --bulma-navbar-dropdown-arrow: var(--bulma-white-invert-l); + --bulma-navbar-dropdown-background-color: hsl(var(--bulma-white-h), var(--bulma-white-s), var(--bulma-navbar-dropdown-item-background-l)); + --bulma-navbar-dropdown-item-h: var(--bulma-white-h); + --bulma-navbar-dropdown-item-s: var(--bulma-white-s); +} +.navbar.is-black { + --bulma-navbar-h: var(--bulma-black-h); + --bulma-navbar-s: var(--bulma-black-s); + --bulma-navbar-l: var(--bulma-black-l); + --bulma-burger-h: var(--bulma-black-h); + --bulma-burger-s: var(--bulma-black-s); + --bulma-burger-l: var(--bulma-black-invert-l); + --bulma-navbar-background-color: var(--bulma-black); + --bulma-navbar-item-background-l: var(--bulma-black-l); + --bulma-navbar-item-color-l: var(--bulma-black-invert-l); + --bulma-navbar-item-selected-h: var(--bulma-black-h); + --bulma-navbar-item-selected-s: var(--bulma-black-s); + --bulma-navbar-item-selected-l: var(--bulma-black-l); + --bulma-navbar-item-selected-background-l: var(--bulma-black-l); + --bulma-navbar-item-selected-color-l: var(--bulma-black-invert-l); + --bulma-navbar-dropdown-arrow: var(--bulma-black-invert-l); + --bulma-navbar-dropdown-background-color: hsl(var(--bulma-black-h), var(--bulma-black-s), var(--bulma-navbar-dropdown-item-background-l)); + --bulma-navbar-dropdown-item-h: var(--bulma-black-h); + --bulma-navbar-dropdown-item-s: var(--bulma-black-s); +} +.navbar.is-light { + --bulma-navbar-h: var(--bulma-light-h); + --bulma-navbar-s: var(--bulma-light-s); + --bulma-navbar-l: var(--bulma-light-l); + --bulma-burger-h: var(--bulma-light-h); + --bulma-burger-s: var(--bulma-light-s); + --bulma-burger-l: var(--bulma-light-invert-l); + --bulma-navbar-background-color: var(--bulma-light); + --bulma-navbar-item-background-l: var(--bulma-light-l); + --bulma-navbar-item-color-l: var(--bulma-light-invert-l); + --bulma-navbar-item-selected-h: var(--bulma-light-h); + --bulma-navbar-item-selected-s: var(--bulma-light-s); + --bulma-navbar-item-selected-l: var(--bulma-light-l); + --bulma-navbar-item-selected-background-l: var(--bulma-light-l); + --bulma-navbar-item-selected-color-l: var(--bulma-light-invert-l); + --bulma-navbar-dropdown-arrow: var(--bulma-light-invert-l); + --bulma-navbar-dropdown-background-color: hsl(var(--bulma-light-h), var(--bulma-light-s), var(--bulma-navbar-dropdown-item-background-l)); + --bulma-navbar-dropdown-item-h: var(--bulma-light-h); + --bulma-navbar-dropdown-item-s: var(--bulma-light-s); +} +.navbar.is-dark { + --bulma-navbar-h: var(--bulma-dark-h); + --bulma-navbar-s: var(--bulma-dark-s); + --bulma-navbar-l: var(--bulma-dark-l); + --bulma-burger-h: var(--bulma-dark-h); + --bulma-burger-s: var(--bulma-dark-s); + --bulma-burger-l: var(--bulma-dark-invert-l); + --bulma-navbar-background-color: var(--bulma-dark); + --bulma-navbar-item-background-l: var(--bulma-dark-l); + --bulma-navbar-item-color-l: var(--bulma-dark-invert-l); + --bulma-navbar-item-selected-h: var(--bulma-dark-h); + --bulma-navbar-item-selected-s: var(--bulma-dark-s); + --bulma-navbar-item-selected-l: var(--bulma-dark-l); + --bulma-navbar-item-selected-background-l: var(--bulma-dark-l); + --bulma-navbar-item-selected-color-l: var(--bulma-dark-invert-l); + --bulma-navbar-dropdown-arrow: var(--bulma-dark-invert-l); + --bulma-navbar-dropdown-background-color: hsl(var(--bulma-dark-h), var(--bulma-dark-s), var(--bulma-navbar-dropdown-item-background-l)); + --bulma-navbar-dropdown-item-h: var(--bulma-dark-h); + --bulma-navbar-dropdown-item-s: var(--bulma-dark-s); +} +.navbar.is-text { + --bulma-navbar-h: var(--bulma-text-h); + --bulma-navbar-s: var(--bulma-text-s); + --bulma-navbar-l: var(--bulma-text-l); + --bulma-burger-h: var(--bulma-text-h); + --bulma-burger-s: var(--bulma-text-s); + --bulma-burger-l: var(--bulma-text-invert-l); + --bulma-navbar-background-color: var(--bulma-text); + --bulma-navbar-item-background-l: var(--bulma-text-l); + --bulma-navbar-item-color-l: var(--bulma-text-invert-l); + --bulma-navbar-item-selected-h: var(--bulma-text-h); + --bulma-navbar-item-selected-s: var(--bulma-text-s); + --bulma-navbar-item-selected-l: var(--bulma-text-l); + --bulma-navbar-item-selected-background-l: var(--bulma-text-l); + --bulma-navbar-item-selected-color-l: var(--bulma-text-invert-l); + --bulma-navbar-dropdown-arrow: var(--bulma-text-invert-l); + --bulma-navbar-dropdown-background-color: hsl(var(--bulma-text-h), var(--bulma-text-s), var(--bulma-navbar-dropdown-item-background-l)); + --bulma-navbar-dropdown-item-h: var(--bulma-text-h); + --bulma-navbar-dropdown-item-s: var(--bulma-text-s); +} +.navbar.is-primary { + --bulma-navbar-h: var(--bulma-primary-h); + --bulma-navbar-s: var(--bulma-primary-s); + --bulma-navbar-l: var(--bulma-primary-l); + --bulma-burger-h: var(--bulma-primary-h); + --bulma-burger-s: var(--bulma-primary-s); + --bulma-burger-l: var(--bulma-primary-invert-l); + --bulma-navbar-background-color: var(--bulma-primary); + --bulma-navbar-item-background-l: var(--bulma-primary-l); + --bulma-navbar-item-color-l: var(--bulma-primary-invert-l); + --bulma-navbar-item-selected-h: var(--bulma-primary-h); + --bulma-navbar-item-selected-s: var(--bulma-primary-s); + --bulma-navbar-item-selected-l: var(--bulma-primary-l); + --bulma-navbar-item-selected-background-l: var(--bulma-primary-l); + --bulma-navbar-item-selected-color-l: var(--bulma-primary-invert-l); + --bulma-navbar-dropdown-arrow: var(--bulma-primary-invert-l); + --bulma-navbar-dropdown-background-color: hsl(var(--bulma-primary-h), var(--bulma-primary-s), var(--bulma-navbar-dropdown-item-background-l)); + --bulma-navbar-dropdown-item-h: var(--bulma-primary-h); + --bulma-navbar-dropdown-item-s: var(--bulma-primary-s); +} +.navbar.is-link { + --bulma-navbar-h: var(--bulma-link-h); + --bulma-navbar-s: var(--bulma-link-s); + --bulma-navbar-l: var(--bulma-link-l); + --bulma-burger-h: var(--bulma-link-h); + --bulma-burger-s: var(--bulma-link-s); + --bulma-burger-l: var(--bulma-link-invert-l); + --bulma-navbar-background-color: var(--bulma-link); + --bulma-navbar-item-background-l: var(--bulma-link-l); + --bulma-navbar-item-color-l: var(--bulma-link-invert-l); + --bulma-navbar-item-selected-h: var(--bulma-link-h); + --bulma-navbar-item-selected-s: var(--bulma-link-s); + --bulma-navbar-item-selected-l: var(--bulma-link-l); + --bulma-navbar-item-selected-background-l: var(--bulma-link-l); + --bulma-navbar-item-selected-color-l: var(--bulma-link-invert-l); + --bulma-navbar-dropdown-arrow: var(--bulma-link-invert-l); + --bulma-navbar-dropdown-background-color: hsl(var(--bulma-link-h), var(--bulma-link-s), var(--bulma-navbar-dropdown-item-background-l)); + --bulma-navbar-dropdown-item-h: var(--bulma-link-h); + --bulma-navbar-dropdown-item-s: var(--bulma-link-s); +} +.navbar.is-info { + --bulma-navbar-h: var(--bulma-info-h); + --bulma-navbar-s: var(--bulma-info-s); + --bulma-navbar-l: var(--bulma-info-l); + --bulma-burger-h: var(--bulma-info-h); + --bulma-burger-s: var(--bulma-info-s); + --bulma-burger-l: var(--bulma-info-invert-l); + --bulma-navbar-background-color: var(--bulma-info); + --bulma-navbar-item-background-l: var(--bulma-info-l); + --bulma-navbar-item-color-l: var(--bulma-info-invert-l); + --bulma-navbar-item-selected-h: var(--bulma-info-h); + --bulma-navbar-item-selected-s: var(--bulma-info-s); + --bulma-navbar-item-selected-l: var(--bulma-info-l); + --bulma-navbar-item-selected-background-l: var(--bulma-info-l); + --bulma-navbar-item-selected-color-l: var(--bulma-info-invert-l); + --bulma-navbar-dropdown-arrow: var(--bulma-info-invert-l); + --bulma-navbar-dropdown-background-color: hsl(var(--bulma-info-h), var(--bulma-info-s), var(--bulma-navbar-dropdown-item-background-l)); + --bulma-navbar-dropdown-item-h: var(--bulma-info-h); + --bulma-navbar-dropdown-item-s: var(--bulma-info-s); +} +.navbar.is-success { + --bulma-navbar-h: var(--bulma-success-h); + --bulma-navbar-s: var(--bulma-success-s); + --bulma-navbar-l: var(--bulma-success-l); + --bulma-burger-h: var(--bulma-success-h); + --bulma-burger-s: var(--bulma-success-s); + --bulma-burger-l: var(--bulma-success-invert-l); + --bulma-navbar-background-color: var(--bulma-success); + --bulma-navbar-item-background-l: var(--bulma-success-l); + --bulma-navbar-item-color-l: var(--bulma-success-invert-l); + --bulma-navbar-item-selected-h: var(--bulma-success-h); + --bulma-navbar-item-selected-s: var(--bulma-success-s); + --bulma-navbar-item-selected-l: var(--bulma-success-l); + --bulma-navbar-item-selected-background-l: var(--bulma-success-l); + --bulma-navbar-item-selected-color-l: var(--bulma-success-invert-l); + --bulma-navbar-dropdown-arrow: var(--bulma-success-invert-l); + --bulma-navbar-dropdown-background-color: hsl(var(--bulma-success-h), var(--bulma-success-s), var(--bulma-navbar-dropdown-item-background-l)); + --bulma-navbar-dropdown-item-h: var(--bulma-success-h); + --bulma-navbar-dropdown-item-s: var(--bulma-success-s); +} +.navbar.is-warning { + --bulma-navbar-h: var(--bulma-warning-h); + --bulma-navbar-s: var(--bulma-warning-s); + --bulma-navbar-l: var(--bulma-warning-l); + --bulma-burger-h: var(--bulma-warning-h); + --bulma-burger-s: var(--bulma-warning-s); + --bulma-burger-l: var(--bulma-warning-invert-l); + --bulma-navbar-background-color: var(--bulma-warning); + --bulma-navbar-item-background-l: var(--bulma-warning-l); + --bulma-navbar-item-color-l: var(--bulma-warning-invert-l); + --bulma-navbar-item-selected-h: var(--bulma-warning-h); + --bulma-navbar-item-selected-s: var(--bulma-warning-s); + --bulma-navbar-item-selected-l: var(--bulma-warning-l); + --bulma-navbar-item-selected-background-l: var(--bulma-warning-l); + --bulma-navbar-item-selected-color-l: var(--bulma-warning-invert-l); + --bulma-navbar-dropdown-arrow: var(--bulma-warning-invert-l); + --bulma-navbar-dropdown-background-color: hsl(var(--bulma-warning-h), var(--bulma-warning-s), var(--bulma-navbar-dropdown-item-background-l)); + --bulma-navbar-dropdown-item-h: var(--bulma-warning-h); + --bulma-navbar-dropdown-item-s: var(--bulma-warning-s); +} +.navbar.is-danger { + --bulma-navbar-h: var(--bulma-danger-h); + --bulma-navbar-s: var(--bulma-danger-s); + --bulma-navbar-l: var(--bulma-danger-l); + --bulma-burger-h: var(--bulma-danger-h); + --bulma-burger-s: var(--bulma-danger-s); + --bulma-burger-l: var(--bulma-danger-invert-l); + --bulma-navbar-background-color: var(--bulma-danger); + --bulma-navbar-item-background-l: var(--bulma-danger-l); + --bulma-navbar-item-color-l: var(--bulma-danger-invert-l); + --bulma-navbar-item-selected-h: var(--bulma-danger-h); + --bulma-navbar-item-selected-s: var(--bulma-danger-s); + --bulma-navbar-item-selected-l: var(--bulma-danger-l); + --bulma-navbar-item-selected-background-l: var(--bulma-danger-l); + --bulma-navbar-item-selected-color-l: var(--bulma-danger-invert-l); + --bulma-navbar-dropdown-arrow: var(--bulma-danger-invert-l); + --bulma-navbar-dropdown-background-color: hsl(var(--bulma-danger-h), var(--bulma-danger-s), var(--bulma-navbar-dropdown-item-background-l)); + --bulma-navbar-dropdown-item-h: var(--bulma-danger-h); + --bulma-navbar-dropdown-item-s: var(--bulma-danger-s); +} +.navbar > .container { + align-items: stretch; + display: flex; + min-height: var(--bulma-navbar-height); + width: 100%; +} +.navbar.has-shadow { + box-shadow: var(--bulma-navbar-box-shadow-size) var(--bulma-navbar-box-shadow-color); +} +.navbar.is-fixed-bottom, .navbar.is-fixed-top { + left: 0; + position: fixed; + right: 0; + z-index: var(--bulma-navbar-fixed-z); +} +.navbar.is-fixed-bottom { + bottom: 0; +} +.navbar.is-fixed-bottom.has-shadow { + box-shadow: var(--bulma-navbar-bottom-box-shadow-size) var(--bulma-navbar-box-shadow-color); +} +.navbar.is-fixed-top { + top: 0; +} + +html.has-navbar-fixed-top, +body.has-navbar-fixed-top { + padding-top: var(--bulma-navbar-height); +} +html.has-navbar-fixed-bottom, +body.has-navbar-fixed-bottom { + padding-bottom: var(--bulma-navbar-height); +} + +.navbar-brand, +.navbar-tabs { + align-items: stretch; + display: flex; + flex-shrink: 0; + min-height: var(--bulma-navbar-height); +} + +.navbar-tabs { + -webkit-overflow-scrolling: touch; + max-width: 100vw; + overflow-x: auto; + overflow-y: hidden; +} + +.navbar-burger { + align-items: center; + appearance: none; + background: none; + border: none; + border-radius: var(--bulma-burger-border-radius); + color: hsl(var(--bulma-burger-h), var(--bulma-burger-s), var(--bulma-burger-l)); + cursor: pointer; + display: inline-flex; + flex-direction: column; + flex-shrink: 0; + height: 2.5rem; + justify-content: center; + position: relative; + vertical-align: top; + width: 2.5rem; +} +.navbar-burger span { + background-color: currentColor; + display: block; + height: var(--bulma-burger-item-height); + left: calc(50% - (var(--bulma-burger-item-width)) / 2); + position: absolute; + transform-origin: center; + transition-duration: var(--bulma-duration); + transition-property: background-color, color, opacity, transform; + transition-timing-function: var(--bulma-easing); + width: var(--bulma-burger-item-width); +} +.navbar-burger span:nth-child(1), .navbar-burger span:nth-child(2) { + top: calc(50% - (var(--bulma-burger-item-height)) / 2); +} +.navbar-burger span:nth-child(3) { + bottom: calc(50% + var(--bulma-burger-gap)); +} +.navbar-burger span:nth-child(4) { + top: calc(50% + var(--bulma-burger-gap)); +} +.navbar-burger:hover { + background-color: hsla(var(--bulma-burger-h), var(--bulma-burger-s), var(--bulma-burger-l), 0.1); +} +.navbar-burger:active { + background-color: hsla(var(--bulma-burger-h), var(--bulma-burger-s), var(--bulma-burger-l), 0.2); +} +.navbar-burger.is-active span:nth-child(1) { + transform: rotate(-45deg); +} +.navbar-burger.is-active span:nth-child(2) { + transform: rotate(45deg); +} +.navbar-burger.is-active span:nth-child(3), .navbar-burger.is-active span:nth-child(4) { + opacity: 0; +} +.navbar-burger { + align-self: center; + color: var(--bulma-navbar-burger-color); + margin-inline-start: auto; + margin-inline-end: 0.375rem; +} + +.navbar-menu { + display: none; +} + +.navbar-item, +.navbar-link { + color: var(--bulma-navbar-item-color); + display: block; + gap: 0.75rem; + line-height: 1.5; + padding: 0.5rem 0.75rem; + position: relative; +} +.navbar-item .icon:only-child, +.navbar-link .icon:only-child { + margin-left: -0.25rem; + margin-right: -0.25rem; +} + +a.navbar-item, +.navbar-link { + background-color: hsla(var(--bulma-navbar-h), var(--bulma-navbar-s), calc(var(--bulma-navbar-item-background-l) + var(--bulma-navbar-item-background-l-delta)), var(--bulma-navbar-item-background-a)); + cursor: pointer; +} +a.navbar-item:focus, a.navbar-item:focus-within, a.navbar-item:hover, +.navbar-link:focus, +.navbar-link:focus-within, +.navbar-link:hover { + --bulma-navbar-item-background-l-delta: var(--bulma-navbar-item-hover-background-l-delta); + --bulma-navbar-item-background-a: 1; +} +a.navbar-item:active, +.navbar-link:active { + --bulma-navbar-item-background-l-delta: var(--bulma-navbar-item-active-background-l-delta); + --bulma-navbar-item-background-a: 1; +} +a.navbar-item.is-active, a.navbar-item.is-selected, +.navbar-link.is-active, +.navbar-link.is-selected { + --bulma-navbar-h: var(--bulma-navbar-item-selected-h); + --bulma-navbar-s: var(--bulma-navbar-item-selected-s); + --bulma-navbar-l: var(--bulma-navbar-item-selected-l); + --bulma-navbar-item-background-l: var(--bulma-navbar-item-selected-background-l); + --bulma-navbar-item-background-a: 1; + --bulma-navbar-item-color-l: var(--bulma-navbar-item-selected-color-l); +} + +.navbar-item { + flex-grow: 0; + flex-shrink: 0; +} +.navbar-item img, +.navbar-item svg { + max-height: var(--bulma-navbar-item-img-max-height); +} +.navbar-item.has-dropdown { + padding: 0; +} +.navbar-item.is-expanded { + flex-grow: 1; + flex-shrink: 1; +} +.navbar-item.is-tab { + border-bottom: 1px solid transparent; + min-height: var(--bulma-navbar-height); + padding-bottom: calc(0.5rem - 1px); +} +.navbar-item.is-tab:focus, .navbar-item.is-tab:hover { + background-color: var(--bulma-navbar-tab-hover-background-color); + border-bottom-color: var(--bulma-navbar-tab-hover-border-bottom-color); +} +.navbar-item.is-tab.is-active { + background-color: var(--bulma-navbar-tab-active-background-color); + border-bottom-color: var(--bulma-navbar-tab-active-border-bottom-color); + border-bottom-style: var(--bulma-navbar-tab-active-border-bottom-style); + border-bottom-width: var(--bulma-navbar-tab-active-border-bottom-width); + color: var(--bulma-navbar-tab-active-color); + padding-bottom: calc(0.5rem - var(--bulma-navbar-tab-active-border-bottom-width)); +} + +.navbar-content { + flex-grow: 1; + flex-shrink: 1; +} + +.navbar-link:not(.is-arrowless) { + padding-inline-end: 2.5em; +} +.navbar-link:not(.is-arrowless)::after { + border-color: var(--bulma-navbar-dropdown-arrow); + margin-top: -0.375em; + inset-inline-end: 1.125em; +} + +.navbar-dropdown { + font-size: 0.875rem; + padding-bottom: 0.75rem; + padding-top: 0.5rem; +} +.navbar-dropdown .navbar-item { + padding-left: 1.5rem; + padding-right: 1.5rem; +} +.navbar-dropdown .navbar-item:not(.is-active, .is-selected) { + background-color: hsl(var(--bulma-navbar-dropdown-item-h), var(--bulma-navbar-dropdown-item-s), calc(var(--bulma-navbar-dropdown-item-background-l) + var(--bulma-navbar-item-background-l-delta))); + color: hsl(var(--bulma-navbar-dropdown-item-h), var(--bulma-navbar-dropdown-item-s), var(--bulma-navbar-dropdown-item-color-l)); +} + +.navbar-divider { + background-color: hsl(var(--bulma-navbar-h), var(--bulma-navbar-s), var(--bulma-navbar-divider-background-l)); + border: none; + display: none; + height: var(--bulma-navbar-divider-height); + margin: 0.5rem 0; +} + +@media screen and (max-width: 1023px) { + .navbar > .container { + display: block; + } + .navbar-brand .navbar-item, + .navbar-tabs .navbar-item { + align-items: center; + display: flex; + } + .navbar-link::after { + display: none; + } + .navbar-menu { + background-color: var(--bulma-navbar-background-color); + box-shadow: 0 0.5em 1em hsla(var(--bulma-scheme-h), var(--bulma-scheme-s), var(--bulma-scheme-invert-l), 0.1); + padding: 0.5rem 0; + } + .navbar-menu.is-active { + display: block; + } + .navbar.is-fixed-bottom-touch, .navbar.is-fixed-top-touch { + left: 0; + position: fixed; + right: 0; + z-index: var(--bulma-navbar-fixed-z); + } + .navbar.is-fixed-bottom-touch { + bottom: 0; + } + .navbar.is-fixed-bottom-touch.has-shadow { + box-shadow: 0 -0.125em 0.1875em hsla(var(--bulma-scheme-h), var(--bulma-scheme-s), var(--bulma-scheme-invert-l), 0.1); + } + .navbar.is-fixed-top-touch { + top: 0; + } + .navbar.is-fixed-top .navbar-menu, .navbar.is-fixed-top-touch .navbar-menu { + -webkit-overflow-scrolling: touch; + max-height: calc(100vh - var(--bulma-navbar-height)); + overflow: auto; + } + html.has-navbar-fixed-top-touch, + body.has-navbar-fixed-top-touch { + padding-top: var(--bulma-navbar-height); + } + html.has-navbar-fixed-bottom-touch, + body.has-navbar-fixed-bottom-touch { + padding-bottom: var(--bulma-navbar-height); + } +} +@media screen and (min-width: 1024px) { + .navbar, + .navbar-menu, + .navbar-start, + .navbar-end { + align-items: stretch; + display: flex; + } + .navbar { + min-height: var(--bulma-navbar-height); + } + .navbar.is-spaced { + padding: var(--bulma-navbar-padding-vertical) var(--bulma-navbar-padding-horizontal); + } + .navbar.is-spaced .navbar-start, + .navbar.is-spaced .navbar-end { + align-items: center; + } + .navbar.is-spaced a.navbar-item, + .navbar.is-spaced .navbar-link { + border-radius: var(--bulma-radius); + } + .navbar.is-transparent { + --bulma-navbar-item-background-a: 0; + } + .navbar.is-transparent .navbar-dropdown a.navbar-item { + background-color: hsl(var(--bulma-navbar-h), var(--bulma-navbar-s), calc(var(--bulma-navbar-item-background-l) + var(--bulma-navbar-item-background-l-delta))); + } + .navbar.is-transparent .navbar-dropdown a.navbar-item.is-active, .navbar.is-transparent .navbar-dropdown a.navbar-item.is-selected { + --bulma-navbar-h: var(--bulma-navbar-item-selected-h); + --bulma-navbar-s: var(--bulma-navbar-item-selected-s); + --bulma-navbar-l: var(--bulma-navbar-item-selected-l); + --bulma-navbar-item-background-l: var(--bulma-navbar-item-selected-background-l); + --bulma-navbar-item-color-l: var(--bulma-navbar-item-selected-color-l); + } + .navbar-burger { + display: none; + } + .navbar-item, + .navbar-link { + align-items: center; + display: flex; + } + .navbar-item.has-dropdown { + align-items: stretch; + } + .navbar-item.has-dropdown-up .navbar-link::after { + transform: rotate(135deg) translate(0.25em, -0.25em); + } + .navbar-item.has-dropdown-up .navbar-dropdown { + border-bottom-color: var(--bulma-navbar-dropdown-border-color); + border-bottom-style: var(--bulma-navbar-dropdown-border-style); + border-bottom-width: var(--bulma-navbar-dropdown-border-width); + border-radius: var(--bulma-navbar-dropdown-radius) var(--bulma-navbar-dropdown-radius) 0 0; + border-top: none; + bottom: 100%; + box-shadow: 0 -0.5em 0.5em hsla(var(--bulma-scheme-h), var(--bulma-scheme-s), var(--bulma-scheme-invert-l), 0.1); + top: auto; + } + .navbar-item.is-active .navbar-dropdown, .navbar-item.is-hoverable:focus .navbar-dropdown, .navbar-item.is-hoverable:focus-within .navbar-dropdown, .navbar-item.is-hoverable:hover .navbar-dropdown { + display: block; + } + .navbar.is-spaced .navbar-item.is-active .navbar-dropdown, .navbar-item.is-active .navbar-dropdown.is-boxed, .navbar.is-spaced .navbar-item.is-hoverable:focus .navbar-dropdown, .navbar-item.is-hoverable:focus .navbar-dropdown.is-boxed, .navbar.is-spaced .navbar-item.is-hoverable:focus-within .navbar-dropdown, .navbar-item.is-hoverable:focus-within .navbar-dropdown.is-boxed, .navbar.is-spaced .navbar-item.is-hoverable:hover .navbar-dropdown, .navbar-item.is-hoverable:hover .navbar-dropdown.is-boxed { + opacity: 1; + pointer-events: auto; + transform: translateY(0); + } + .navbar-menu { + flex-grow: 1; + flex-shrink: 0; + } + .navbar-start { + justify-content: flex-start; + margin-inline-end: auto; + } + .navbar-end { + justify-content: flex-end; + margin-inline-start: auto; + } + .navbar-dropdown { + background-color: var(--bulma-navbar-dropdown-background-color); + border-end-start-radius: var(--bulma-navbar-dropdown-radius); + border-end-end-radius: var(--bulma-navbar-dropdown-radius); + border-top-color: var(--bulma-navbar-dropdown-border-color); + border-top-style: var(--bulma-navbar-dropdown-border-style); + border-top-width: var(--bulma-navbar-dropdown-border-width); + box-shadow: 0 0.5em 0.5em hsla(var(--bulma-scheme-h), var(--bulma-scheme-s), var(--bulma-scheme-invert-l), 0.1); + display: none; + font-size: 0.875rem; + inset-inline-start: 0; + min-width: 100%; + position: absolute; + top: 100%; + z-index: var(--bulma-navbar-dropdown-z); + } + .navbar-dropdown .navbar-item { + padding: 0.375rem 1rem; + white-space: nowrap; + } + .navbar-dropdown a.navbar-item { + padding-inline-end: 3rem; + } + .navbar-dropdown a.navbar-item:not(.is-active, .is-selected) { + background-color: hsl(var(--bulma-navbar-dropdown-item-h), var(--bulma-navbar-dropdown-item-s), calc(var(--bulma-navbar-dropdown-item-background-l) + var(--bulma-navbar-item-background-l-delta))); + color: hsl(var(--bulma-navbar-dropdown-item-h), var(--bulma-navbar-dropdown-item-s), var(--bulma-navbar-dropdown-item-color-l)); + } + .navbar.is-spaced .navbar-dropdown, .navbar-dropdown.is-boxed { + border-radius: var(--bulma-navbar-dropdown-boxed-radius); + border-top: none; + box-shadow: var(--bulma-navbar-dropdown-boxed-shadow); + display: block; + opacity: 0; + pointer-events: none; + top: calc(100% + (var(--bulma-navbar-dropdown-offset))); + transform: translateY(-5px); + transition-duration: var(--bulma-duration); + transition-property: opacity, transform; + } + .navbar-dropdown.is-right { + left: auto; + right: 0; + } + .navbar-divider { + display: block; + } + .navbar > .container .navbar-brand, + .container > .navbar .navbar-brand { + margin-inline-start: -0.75rem; + } + .navbar > .container .navbar-menu, + .container > .navbar .navbar-menu { + margin-inline-end: -0.75rem; + } + .navbar.is-fixed-bottom-desktop, .navbar.is-fixed-top-desktop { + left: 0; + position: fixed; + right: 0; + z-index: var(--bulma-navbar-fixed-z); + } + .navbar.is-fixed-bottom-desktop { + bottom: 0; + } + .navbar.is-fixed-bottom-desktop.has-shadow { + box-shadow: 0 -0.125em 0.1875em hsla(var(--bulma-scheme-h), var(--bulma-scheme-s), var(--bulma-scheme-invert-l), 0.1); + } + .navbar.is-fixed-top-desktop { + top: 0; + } + html.has-navbar-fixed-top-desktop, + body.has-navbar-fixed-top-desktop { + padding-top: var(--bulma-navbar-height); + } + html.has-navbar-fixed-bottom-desktop, + body.has-navbar-fixed-bottom-desktop { + padding-bottom: var(--bulma-navbar-height); + } + html.has-spaced-navbar-fixed-top, + body.has-spaced-navbar-fixed-top { + padding-top: calc(var(--bulma-navbar-height) + var(--bulma-navbar-padding-vertical) * 2); + } + html.has-spaced-navbar-fixed-bottom, + body.has-spaced-navbar-fixed-bottom { + padding-bottom: calc(var(--bulma-navbar-height) + var(--bulma-navbar-padding-vertical) * 2); + } +} +.hero.is-fullheight-with-navbar { + min-height: calc(100vh - var(--bulma-navbar-height)); +} + +.pagination { + --bulma-pagination-margin: -0.25rem; + --bulma-pagination-min-width: var(--bulma-control-height); + --bulma-pagination-item-h: var(--bulma-scheme-h); + --bulma-pagination-item-s: var(--bulma-scheme-s); + --bulma-pagination-item-l: var(--bulma-scheme-main-l); + --bulma-pagination-item-background-l-delta: 0%; + --bulma-pagination-item-hover-background-l-delta: var(--bulma-hover-background-l-delta); + --bulma-pagination-item-active-background-l-delta: var(--bulma-active-background-l-delta); + --bulma-pagination-item-border-style: solid; + --bulma-pagination-item-border-width: var(--bulma-control-border-width); + --bulma-pagination-item-border-l: var(--bulma-border-l); + --bulma-pagination-item-border-l-delta: 0%; + --bulma-pagination-item-hover-border-l-delta: var(--bulma-hover-border-l-delta); + --bulma-pagination-item-active-border-l-delta: var(--bulma-active-border-l-delta); + --bulma-pagination-item-focus-border-l-delta: var(--bulma-focus-border-l-delta); + --bulma-pagination-item-color-l: var(--bulma-text-strong-l); + --bulma-pagination-item-font-size: 1em; + --bulma-pagination-item-margin: 0.25rem; + --bulma-pagination-item-padding-left: 0.5em; + --bulma-pagination-item-padding-right: 0.5em; + --bulma-pagination-item-outer-shadow-h: 0; + --bulma-pagination-item-outer-shadow-s: 0%; + --bulma-pagination-item-outer-shadow-l: 20%; + --bulma-pagination-item-outer-shadow-a: 0.05; + --bulma-pagination-nav-padding-left: 0.75em; + --bulma-pagination-nav-padding-right: 0.75em; + --bulma-pagination-disabled-color: var(--bulma-text-weak); + --bulma-pagination-disabled-background-color: var(--bulma-border); + --bulma-pagination-disabled-border-color: var(--bulma-border); + --bulma-pagination-current-color: var(--bulma-link-invert); + --bulma-pagination-current-background-color: var(--bulma-link); + --bulma-pagination-current-border-color: var(--bulma-link); + --bulma-pagination-ellipsis-color: var(--bulma-text-weak); + --bulma-pagination-shadow-inset: inset 0 0.0625em 0.125em hsla(var(--bulma-scheme-h), var(--bulma-scheme-s), var(--bulma-scheme-invert-l), 0.2); + --bulma-pagination-selected-item-h: var(--bulma-link-h); + --bulma-pagination-selected-item-s: var(--bulma-link-s); + --bulma-pagination-selected-item-l: var(--bulma-link-l); + --bulma-pagination-selected-item-background-l: var(--bulma-link-l); + --bulma-pagination-selected-item-border-l: var(--bulma-link-l); + --bulma-pagination-selected-item-color-l: var(--bulma-link-invert-l); +} + +.pagination { + font-size: var(--bulma-size-normal); + margin: var(--bulma-pagination-margin); +} +.pagination.is-small { + font-size: var(--bulma-size-small); +} +.pagination.is-medium { + font-size: var(--bulma-size-medium); +} +.pagination.is-large { + font-size: var(--bulma-size-large); +} +.pagination.is-rounded .pagination-previous, +.pagination.is-rounded .pagination-next { + padding-left: 1em; + padding-right: 1em; + border-radius: var(--bulma-radius-rounded); +} +.pagination.is-rounded .pagination-link { + border-radius: var(--bulma-radius-rounded); +} + +.pagination, +.pagination-list { + align-items: center; + display: flex; + justify-content: center; + text-align: center; +} + +.pagination-previous, +.pagination-next, +.pagination-link, +.pagination-ellipsis { + color: hsl(var(--bulma-pagination-item-h), var(--bulma-pagination-item-s), var(--bulma-pagination-item-color-l)); + font-size: var(--bulma-pagination-item-font-size); + justify-content: center; + margin: var(--bulma-pagination-item-margin); + padding-left: var(--bulma-pagination-item-padding-left); + padding-right: var(--bulma-pagination-item-padding-right); + text-align: center; +} + +.pagination-previous, +.pagination-next, +.pagination-link { + background-color: hsl(var(--bulma-pagination-item-h), var(--bulma-pagination-item-s), calc(var(--bulma-pagination-item-background-l) + var(--bulma-pagination-item-background-l-delta))); + border-color: hsl(var(--bulma-pagination-item-h), var(--bulma-pagination-item-s), calc(var(--bulma-pagination-item-border-l) + var(--bulma-pagination-item-border-l-delta))); + border-style: var(--bulma-pagination-item-border-style); + border-width: var(--bulma-pagination-item-border-width); + box-shadow: 0px 0.0625em 0.125em hsla(var(--bulma-pagination-item-outer-shadow-h), var(--bulma-pagination-item-outer-shadow-s), var(--bulma-pagination-item-outer-shadow-l), var(--bulma-pagination-item-outer-shadow-a)), 0px 0.125em 0.25em hsla(var(--bulma-pagination-item-outer-shadow-h), var(--bulma-pagination-item-outer-shadow-s), var(--bulma-pagination-item-outer-shadow-l), var(--bulma-pagination-item-outer-shadow-a)); + color: hsl(var(--bulma-pagination-item-h), var(--bulma-pagination-item-s), var(--bulma-pagination-item-color-l)); + min-width: var(--bulma-pagination-min-width); + transition-duration: var(--bulma-duration); + transition-property: background-color, border-color, box-shadow, color; +} +.pagination-previous:hover, +.pagination-next:hover, +.pagination-link:hover { + --bulma-pagination-item-background-l-delta: var(--bulma-pagination-item-hover-background-l-delta); + --bulma-pagination-item-border-l-delta: var(--bulma-pagination-item-hover-border-l-delta); +} +.pagination-previous:focus, +.pagination-next:focus, +.pagination-link:focus { + --bulma-pagination-item-background-l-delta: var(--bulma-pagination-item-hover-background-l-delta); + --bulma-pagination-item-border-l-delta: var(--bulma-pagination-item-hover-border-l-delta); +} +.pagination-previous:active, +.pagination-next:active, +.pagination-link:active { + box-shadow: var(--bulma-pagination-shadow-inset); +} +.pagination-previous[disabled], .pagination-previous.is-disabled, +.pagination-next[disabled], +.pagination-next.is-disabled, +.pagination-link[disabled], +.pagination-link.is-disabled { + background-color: var(--bulma-pagination-disabled-background-color); + border-color: var(--bulma-pagination-disabled-border-color); + box-shadow: none; + color: var(--bulma-pagination-disabled-color); + opacity: 0.5; +} + +.pagination-previous, +.pagination-next { + padding-left: var(--bulma-pagination-nav-padding-left); + padding-right: var(--bulma-pagination-nav-padding-right); + white-space: nowrap; +} + +.pagination-link.is-current, .pagination-link.is-selected { + --bulma-pagination-item-h: var(--bulma-pagination-selected-item-h); + --bulma-pagination-item-s: var(--bulma-pagination-selected-item-s); + --bulma-pagination-item-l: var(--bulma-pagination-selected-item-l); + --bulma-pagination-item-background-l: var(--bulma-pagination-selected-item-background-l); + --bulma-pagination-item-border-l: var(--bulma-pagination-selected-item-border-l); + --bulma-pagination-item-color-l: var(--bulma-pagination-selected-item-color-l); +} + +.pagination-ellipsis { + color: var(--bulma-pagination-ellipsis-color); + pointer-events: none; +} + +.pagination-list { + flex-wrap: wrap; +} +.pagination-list li { + list-style: none; +} + +@media screen and (max-width: 768px) { + .pagination { + flex-wrap: wrap; + } + .pagination-previous, + .pagination-next { + flex-grow: 1; + flex-shrink: 1; + } + .pagination-list li { + flex-grow: 1; + flex-shrink: 1; + } +} +@media screen and (min-width: 769px), print { + .pagination-list { + flex-grow: 1; + flex-shrink: 1; + justify-content: flex-start; + order: 1; + } + .pagination-previous, + .pagination-next, + .pagination-link, + .pagination-ellipsis { + margin-bottom: 0; + margin-top: 0; + } + .pagination-previous { + order: 2; + } + .pagination-next { + order: 3; + } + .pagination { + justify-content: space-between; + margin-bottom: 0; + margin-top: 0; + } + .pagination.is-centered .pagination-previous { + order: 1; + } + .pagination.is-centered .pagination-list { + justify-content: center; + order: 2; + } + .pagination.is-centered .pagination-next { + order: 3; + } + .pagination.is-right .pagination-previous { + order: 1; + } + .pagination.is-right .pagination-next { + order: 2; + } + .pagination.is-right .pagination-list { + justify-content: flex-end; + order: 3; + } +} +.panel { + --bulma-panel-margin: var(--bulma-block-spacing); + --bulma-panel-item-border: 1px solid var(--bulma-border-weak); + --bulma-panel-radius: var(--bulma-radius-large); + --bulma-panel-shadow: var(--bulma-shadow); + --bulma-panel-heading-line-height: 1.25; + --bulma-panel-heading-padding: 1em 1.25em; + --bulma-panel-heading-radius: var(--bulma-radius); + --bulma-panel-heading-size: 1.25em; + --bulma-panel-heading-weight: var(--bulma-weight-bold); + --bulma-panel-tabs-font-size: 1em; + --bulma-panel-tab-border-bottom-color: var(--bulma-border); + --bulma-panel-tab-border-bottom-style: solid; + --bulma-panel-tab-border-bottom-width: 1px; + --bulma-panel-tab-active-color: var(--bulma-link-active); + --bulma-panel-list-item-color: var(--bulma-text); + --bulma-panel-list-item-hover-color: var(--bulma-link); + --bulma-panel-block-color: var(--bulma-text-strong); + --bulma-panel-block-hover-background-color: var(--bulma-background); + --bulma-panel-block-active-border-left-color: var(--bulma-link); + --bulma-panel-block-active-color: var(--bulma-link-active); + --bulma-panel-block-active-icon-color: var(--bulma-link); + --bulma-panel-icon-color: var(--bulma-text-weak); +} + +.panel { + --bulma-panel-h: var(--bulma-scheme-h); + --bulma-panel-s: var(--bulma-scheme-s); + --bulma-panel-color-l: var(--bulma-text-l); + --bulma-panel-heading-background-l: var(--bulma-text-l); + --bulma-panel-heading-color-l: var(--bulma-text-invert-l); + border-radius: var(--bulma-panel-radius); + box-shadow: var(--bulma-panel-shadow); + font-size: var(--bulma-size-normal); +} +.panel:not(:last-child) { + margin-bottom: var(--bulma-panel-margin); +} +.panel.is-white { + --bulma-panel-h: var(--bulma-white-h); + --bulma-panel-s: var(--bulma-white-s); + --bulma-panel-color-l: var(--bulma-white-l); + --bulma-panel-heading-background-l: var(--bulma-white-l); + --bulma-panel-heading-color-l: var(--bulma-white-invert-l); +} +.panel.is-black { + --bulma-panel-h: var(--bulma-black-h); + --bulma-panel-s: var(--bulma-black-s); + --bulma-panel-color-l: var(--bulma-black-l); + --bulma-panel-heading-background-l: var(--bulma-black-l); + --bulma-panel-heading-color-l: var(--bulma-black-invert-l); +} +.panel.is-light { + --bulma-panel-h: var(--bulma-light-h); + --bulma-panel-s: var(--bulma-light-s); + --bulma-panel-color-l: var(--bulma-light-l); + --bulma-panel-heading-background-l: var(--bulma-light-l); + --bulma-panel-heading-color-l: var(--bulma-light-invert-l); +} +.panel.is-dark { + --bulma-panel-h: var(--bulma-dark-h); + --bulma-panel-s: var(--bulma-dark-s); + --bulma-panel-color-l: var(--bulma-dark-l); + --bulma-panel-heading-background-l: var(--bulma-dark-l); + --bulma-panel-heading-color-l: var(--bulma-dark-invert-l); +} +.panel.is-text { + --bulma-panel-h: var(--bulma-text-h); + --bulma-panel-s: var(--bulma-text-s); + --bulma-panel-color-l: var(--bulma-text-l); + --bulma-panel-heading-background-l: var(--bulma-text-l); + --bulma-panel-heading-color-l: var(--bulma-text-invert-l); +} +.panel.is-primary { + --bulma-panel-h: var(--bulma-primary-h); + --bulma-panel-s: var(--bulma-primary-s); + --bulma-panel-color-l: var(--bulma-primary-l); + --bulma-panel-heading-background-l: var(--bulma-primary-l); + --bulma-panel-heading-color-l: var(--bulma-primary-invert-l); +} +.panel.is-link { + --bulma-panel-h: var(--bulma-link-h); + --bulma-panel-s: var(--bulma-link-s); + --bulma-panel-color-l: var(--bulma-link-l); + --bulma-panel-heading-background-l: var(--bulma-link-l); + --bulma-panel-heading-color-l: var(--bulma-link-invert-l); +} +.panel.is-info { + --bulma-panel-h: var(--bulma-info-h); + --bulma-panel-s: var(--bulma-info-s); + --bulma-panel-color-l: var(--bulma-info-l); + --bulma-panel-heading-background-l: var(--bulma-info-l); + --bulma-panel-heading-color-l: var(--bulma-info-invert-l); +} +.panel.is-success { + --bulma-panel-h: var(--bulma-success-h); + --bulma-panel-s: var(--bulma-success-s); + --bulma-panel-color-l: var(--bulma-success-l); + --bulma-panel-heading-background-l: var(--bulma-success-l); + --bulma-panel-heading-color-l: var(--bulma-success-invert-l); +} +.panel.is-warning { + --bulma-panel-h: var(--bulma-warning-h); + --bulma-panel-s: var(--bulma-warning-s); + --bulma-panel-color-l: var(--bulma-warning-l); + --bulma-panel-heading-background-l: var(--bulma-warning-l); + --bulma-panel-heading-color-l: var(--bulma-warning-invert-l); +} +.panel.is-danger { + --bulma-panel-h: var(--bulma-danger-h); + --bulma-panel-s: var(--bulma-danger-s); + --bulma-panel-color-l: var(--bulma-danger-l); + --bulma-panel-heading-background-l: var(--bulma-danger-l); + --bulma-panel-heading-color-l: var(--bulma-danger-invert-l); +} + +.panel-tabs:not(:last-child), +.panel-block:not(:last-child) { + border-bottom: var(--bulma-panel-item-border); +} + +.panel-heading { + background-color: hsl(var(--bulma-panel-h), var(--bulma-panel-s), var(--bulma-panel-heading-background-l)); + border-radius: var(--bulma-panel-radius) var(--bulma-panel-radius) 0 0; + color: hsl(var(--bulma-panel-h), var(--bulma-panel-s), var(--bulma-panel-heading-color-l)); + font-size: var(--bulma-panel-heading-size); + font-weight: var(--bulma-panel-heading-weight); + line-height: var(--bulma-panel-heading-line-height); + padding: var(--bulma-panel-heading-padding); +} + +.panel-tabs { + align-items: flex-end; + display: flex; + font-size: var(--bulma-panel-tabs-font-size); + justify-content: center; +} +.panel-tabs a { + border-bottom-color: var(--bulma-panel-tab-border-bottom-color); + border-bottom-style: var(--bulma-panel-tab-border-bottom-style); + border-bottom-width: var(--bulma-panel-tab-border-bottom-width); + margin-bottom: calc(-1 * 1px); + padding: 0.75em; +} +.panel-tabs a.is-active { + border-bottom-color: hsl(var(--bulma-panel-h), var(--bulma-panel-s), var(--bulma-panel-color-l)); + color: var(--bulma-panel-tab-active-color); +} + +.panel-list a { + color: var(--bulma-panel-list-item-color); +} +.panel-list a:hover { + color: var(--bulma-panel-list-item-hover-color); +} + +.panel-block { + align-items: center; + color: var(--bulma-panel-block-color); + display: flex; + justify-content: flex-start; + padding: 0.75em 1em; +} +.panel-block input[type=checkbox] { + margin-inline-end: 0.75em; +} +.panel-block > .control { + flex-grow: 1; + flex-shrink: 1; + width: 100%; +} +.panel-block.is-wrapped { + flex-wrap: wrap; +} +.panel-block.is-active { + border-left-color: var(--bulma-panel-block-active-border-left-color); + color: var(--bulma-panel-block-active-color); +} +.panel-block.is-active .panel-icon { + color: hsl(var(--bulma-panel-h), var(--bulma-panel-s), var(--bulma-panel-color-l)); +} +.panel-block:last-child { + border-end-start-radius: var(--bulma-panel-radius); + border-end-end-radius: var(--bulma-panel-radius); +} + +a.panel-block, +label.panel-block { + cursor: pointer; +} +a.panel-block:hover, +label.panel-block:hover { + background-color: var(--bulma-panel-block-hover-background-color); +} + +.panel-icon { + display: inline-block; + font-size: 1em; + height: 1em; + line-height: 1em; + text-align: center; + vertical-align: top; + width: 1em; + color: var(--bulma-panel-icon-color); + margin-inline-end: 0.75em; +} +.panel-icon .fa { + font-size: inherit; + line-height: inherit; +} + +.tabs { + --bulma-tabs-border-bottom-color: var(--bulma-border); + --bulma-tabs-border-bottom-style: solid; + --bulma-tabs-border-bottom-width: 1px; + --bulma-tabs-link-color: var(--bulma-text); + --bulma-tabs-link-hover-border-bottom-color: var(--bulma-text-strong); + --bulma-tabs-link-hover-color: var(--bulma-text-strong); + --bulma-tabs-link-active-border-bottom-color: var(--bulma-link-text); + --bulma-tabs-link-active-color: var(--bulma-link-text); + --bulma-tabs-link-padding: 0.5em 1em; + --bulma-tabs-boxed-link-radius: var(--bulma-radius); + --bulma-tabs-boxed-link-hover-background-color: var(--bulma-background); + --bulma-tabs-boxed-link-hover-border-bottom-color: var(--bulma-border); + --bulma-tabs-boxed-link-active-background-color: var(--bulma-scheme-main); + --bulma-tabs-boxed-link-active-border-color: var(--bulma-border); + --bulma-tabs-boxed-link-active-border-bottom-color: transparent; + --bulma-tabs-toggle-link-border-color: var(--bulma-border); + --bulma-tabs-toggle-link-border-style: solid; + --bulma-tabs-toggle-link-border-width: 1px; + --bulma-tabs-toggle-link-hover-background-color: var(--bulma-background); + --bulma-tabs-toggle-link-hover-border-color: var(--bulma-border-hover); + --bulma-tabs-toggle-link-radius: var(--bulma-radius); + --bulma-tabs-toggle-link-active-background-color: var(--bulma-link); + --bulma-tabs-toggle-link-active-border-color: var(--bulma-link); + --bulma-tabs-toggle-link-active-color: var(--bulma-link-invert); +} + +.tabs { + -webkit-overflow-scrolling: touch; + align-items: stretch; + display: flex; + font-size: var(--bulma-size-normal); + justify-content: space-between; + overflow: hidden; + overflow-x: auto; + white-space: nowrap; +} +.tabs a { + align-items: center; + border-bottom-color: var(--bulma-tabs-border-bottom-color); + border-bottom-style: var(--bulma-tabs-border-bottom-style); + border-bottom-width: var(--bulma-tabs-border-bottom-width); + color: var(--bulma-tabs-link-color); + display: flex; + justify-content: center; + margin-bottom: calc(-1 * var(--bulma-tabs-border-bottom-width)); + padding: var(--bulma-tabs-link-padding); + transition-duration: var(--bulma-duration); + transition-property: background-color, border-color, color; + vertical-align: top; +} +.tabs a:hover { + border-bottom-color: var(--bulma-tabs-link-hover-border-bottom-color); + color: var(--bulma-tabs-link-hover-color); +} +.tabs li { + display: block; +} +.tabs li.is-active a { + border-bottom-color: var(--bulma-tabs-link-active-border-bottom-color); + color: var(--bulma-tabs-link-active-color); +} +.tabs ul { + align-items: center; + border-bottom-color: var(--bulma-tabs-border-bottom-color); + border-bottom-style: var(--bulma-tabs-border-bottom-style); + border-bottom-width: var(--bulma-tabs-border-bottom-width); + display: flex; + flex-grow: 1; + flex-shrink: 0; + justify-content: flex-start; +} +.tabs ul.is-left { + padding-right: 0.75em; +} +.tabs ul.is-center { + flex: none; + justify-content: center; + padding-left: 0.75em; + padding-right: 0.75em; +} +.tabs ul.is-right { + justify-content: flex-end; + padding-left: 0.75em; +} +.tabs .icon:first-child { + margin-inline-end: 0.5em; +} +.tabs .icon:last-child { + margin-inline-start: 0.5em; +} +.tabs.is-centered ul { + justify-content: center; +} +.tabs.is-right ul { + justify-content: flex-end; +} +.tabs.is-boxed a { + border: 1px solid transparent; + border-start-start-radius: var(--bulma-tabs-boxed-link-radius); + border-start-end-radius: var(--bulma-tabs-boxed-link-radius); +} +.tabs.is-boxed a:hover { + background-color: var(--bulma-tabs-boxed-link-hover-background-color); + border-bottom-color: var(--bulma-tabs-boxed-link-hover-border-bottom-color); +} +.tabs.is-boxed li.is-active a { + background-color: var(--bulma-tabs-boxed-link-active-background-color); + border-color: var(--bulma-tabs-boxed-link-active-border-color); + border-bottom-color: var(--bulma-tabs-boxed-link-active-border-bottom-color) !important; +} +.tabs.is-fullwidth li { + flex-grow: 1; + flex-shrink: 0; +} +.tabs.is-toggle a { + border-color: var(--bulma-tabs-toggle-link-border-color); + border-style: var(--bulma-tabs-toggle-link-border-style); + border-width: var(--bulma-tabs-toggle-link-border-width); + margin-bottom: 0; + position: relative; +} +.tabs.is-toggle a:hover { + background-color: var(--bulma-tabs-toggle-link-hover-background-color); + border-color: var(--bulma-tabs-toggle-link-hover-border-color); + z-index: 2; +} +.tabs.is-toggle li + li { + margin-inline-start: calc(-1 * var(--bulma-tabs-toggle-link-border-width)); +} +.tabs.is-toggle li:first-child a { + border-start-start-radius: var(--bulma-tabs-toggle-link-radius); + border-end-start-radius: var(--bulma-tabs-toggle-link-radius); +} +.tabs.is-toggle li:last-child a { + border-start-end-radius: var(--bulma-tabs-toggle-link-radius); + border-end-end-radius: var(--bulma-tabs-toggle-link-radius); +} +.tabs.is-toggle li.is-active a { + background-color: var(--bulma-tabs-toggle-link-active-background-color); + border-color: var(--bulma-tabs-toggle-link-active-border-color); + color: var(--bulma-tabs-toggle-link-active-color); + z-index: 1; +} +.tabs.is-toggle ul { + border-bottom: none; +} +.tabs.is-toggle.is-toggle-rounded li:first-child a { + border-start-start-radius: var(--bulma-radius-rounded); + border-end-start-radius: var(--bulma-radius-rounded); + padding-inline-start: 1.25em; +} +.tabs.is-toggle.is-toggle-rounded li:last-child a { + border-start-end-radius: var(--bulma-radius-rounded); + border-end-end-radius: var(--bulma-radius-rounded); + padding-inline-end: 1.25em; +} +.tabs.is-small { + font-size: var(--bulma-size-small); +} +.tabs.is-medium { + font-size: var(--bulma-size-medium); +} +.tabs.is-large { + font-size: var(--bulma-size-large); +} + +/* Bulma Grid */ +:root { + --bulma-column-gap: 0.75rem; +} + +.column { + display: block; + flex-basis: 0; + flex-grow: 1; + flex-shrink: 1; + padding: var(--bulma-column-gap); +} +.columns.is-mobile > .column.is-narrow { + flex: none; + width: unset; +} +.columns.is-mobile > .column.is-full { + flex: none; + width: 100%; +} +.columns.is-mobile > .column.is-three-quarters { + flex: none; + width: 75%; +} +.columns.is-mobile > .column.is-two-thirds { + flex: none; + width: 66.6666%; +} +.columns.is-mobile > .column.is-half { + flex: none; + width: 50%; +} +.columns.is-mobile > .column.is-one-third { + flex: none; + width: 33.3333%; +} +.columns.is-mobile > .column.is-one-quarter { + flex: none; + width: 25%; +} +.columns.is-mobile > .column.is-one-fifth { + flex: none; + width: 20%; +} +.columns.is-mobile > .column.is-two-fifths { + flex: none; + width: 40%; +} +.columns.is-mobile > .column.is-three-fifths { + flex: none; + width: 60%; +} +.columns.is-mobile > .column.is-four-fifths { + flex: none; + width: 80%; +} +.columns.is-mobile > .column.is-offset-three-quarters { + margin-inline-start: 75%; +} +.columns.is-mobile > .column.is-offset-two-thirds { + margin-inline-start: 66.6666%; +} +.columns.is-mobile > .column.is-offset-half { + margin-inline-start: 50%; +} +.columns.is-mobile > .column.is-offset-one-third { + margin-inline-start: 0.3333%; +} +.columns.is-mobile > .column.is-offset-one-quarter { + margin-inline-start: 25%; +} +.columns.is-mobile > .column.is-offset-one-fifth { + margin-inline-start: 20%; +} +.columns.is-mobile > .column.is-offset-two-fifths { + margin-inline-start: 40%; +} +.columns.is-mobile > .column.is-offset-three-fifths { + margin-inline-start: 60%; +} +.columns.is-mobile > .column.is-offset-four-fifths { + margin-inline-start: 80%; +} +.columns.is-mobile > .column.is-0 { + flex: none; + width: 0%; +} +.columns.is-mobile > .column.is-offset-0 { + margin-inline-start: 0%; +} +.columns.is-mobile > .column.is-1 { + flex: none; + width: 8.3333333333%; +} +.columns.is-mobile > .column.is-offset-1 { + margin-inline-start: 8.3333333333%; +} +.columns.is-mobile > .column.is-2 { + flex: none; + width: 16.6666666667%; +} +.columns.is-mobile > .column.is-offset-2 { + margin-inline-start: 16.6666666667%; +} +.columns.is-mobile > .column.is-3 { + flex: none; + width: 25%; +} +.columns.is-mobile > .column.is-offset-3 { + margin-inline-start: 25%; +} +.columns.is-mobile > .column.is-4 { + flex: none; + width: 33.3333333333%; +} +.columns.is-mobile > .column.is-offset-4 { + margin-inline-start: 33.3333333333%; +} +.columns.is-mobile > .column.is-5 { + flex: none; + width: 41.6666666667%; +} +.columns.is-mobile > .column.is-offset-5 { + margin-inline-start: 41.6666666667%; +} +.columns.is-mobile > .column.is-6 { + flex: none; + width: 50%; +} +.columns.is-mobile > .column.is-offset-6 { + margin-inline-start: 50%; +} +.columns.is-mobile > .column.is-7 { + flex: none; + width: 58.3333333333%; +} +.columns.is-mobile > .column.is-offset-7 { + margin-inline-start: 58.3333333333%; +} +.columns.is-mobile > .column.is-8 { + flex: none; + width: 66.6666666667%; +} +.columns.is-mobile > .column.is-offset-8 { + margin-inline-start: 66.6666666667%; +} +.columns.is-mobile > .column.is-9 { + flex: none; + width: 75%; +} +.columns.is-mobile > .column.is-offset-9 { + margin-inline-start: 75%; +} +.columns.is-mobile > .column.is-10 { + flex: none; + width: 83.3333333333%; +} +.columns.is-mobile > .column.is-offset-10 { + margin-inline-start: 83.3333333333%; +} +.columns.is-mobile > .column.is-11 { + flex: none; + width: 91.6666666667%; +} +.columns.is-mobile > .column.is-offset-11 { + margin-inline-start: 91.6666666667%; +} +.columns.is-mobile > .column.is-12 { + flex: none; + width: 100%; +} +.columns.is-mobile > .column.is-offset-12 { + margin-inline-start: 100%; +} +@media screen and (max-width: 768px) { + .column.is-narrow-mobile { + flex: none; + width: unset; + } + .column.is-full-mobile { + flex: none; + width: 100%; + } + .column.is-three-quarters-mobile { + flex: none; + width: 75%; + } + .column.is-two-thirds-mobile { + flex: none; + width: 66.6666%; + } + .column.is-half-mobile { + flex: none; + width: 50%; + } + .column.is-one-third-mobile { + flex: none; + width: 33.3333%; + } + .column.is-one-quarter-mobile { + flex: none; + width: 25%; + } + .column.is-one-fifth-mobile { + flex: none; + width: 20%; + } + .column.is-two-fifths-mobile { + flex: none; + width: 40%; + } + .column.is-three-fifths-mobile { + flex: none; + width: 60%; + } + .column.is-four-fifths-mobile { + flex: none; + width: 80%; + } + .column.is-offset-three-quarters-mobile { + margin-inline-start: 75%; + } + .column.is-offset-two-thirds-mobile { + margin-inline-start: 66.6666%; + } + .column.is-offset-half-mobile { + margin-inline-start: 50%; + } + .column.is-offset-one-third-mobile { + margin-inline-start: 0.3333%; + } + .column.is-offset-one-quarter-mobile { + margin-inline-start: 25%; + } + .column.is-offset-one-fifth-mobile { + margin-inline-start: 20%; + } + .column.is-offset-two-fifths-mobile { + margin-inline-start: 40%; + } + .column.is-offset-three-fifths-mobile { + margin-inline-start: 60%; + } + .column.is-offset-four-fifths-mobile { + margin-inline-start: 80%; + } + .column.is-0-mobile { + flex: none; + width: 0%; + } + .column.is-offset-0-mobile { + margin-inline-start: 0%; + } + .column.is-1-mobile { + flex: none; + width: 8.3333333333%; + } + .column.is-offset-1-mobile { + margin-inline-start: 8.3333333333%; + } + .column.is-2-mobile { + flex: none; + width: 16.6666666667%; + } + .column.is-offset-2-mobile { + margin-inline-start: 16.6666666667%; + } + .column.is-3-mobile { + flex: none; + width: 25%; + } + .column.is-offset-3-mobile { + margin-inline-start: 25%; + } + .column.is-4-mobile { + flex: none; + width: 33.3333333333%; + } + .column.is-offset-4-mobile { + margin-inline-start: 33.3333333333%; + } + .column.is-5-mobile { + flex: none; + width: 41.6666666667%; + } + .column.is-offset-5-mobile { + margin-inline-start: 41.6666666667%; + } + .column.is-6-mobile { + flex: none; + width: 50%; + } + .column.is-offset-6-mobile { + margin-inline-start: 50%; + } + .column.is-7-mobile { + flex: none; + width: 58.3333333333%; + } + .column.is-offset-7-mobile { + margin-inline-start: 58.3333333333%; + } + .column.is-8-mobile { + flex: none; + width: 66.6666666667%; + } + .column.is-offset-8-mobile { + margin-inline-start: 66.6666666667%; + } + .column.is-9-mobile { + flex: none; + width: 75%; + } + .column.is-offset-9-mobile { + margin-inline-start: 75%; + } + .column.is-10-mobile { + flex: none; + width: 83.3333333333%; + } + .column.is-offset-10-mobile { + margin-inline-start: 83.3333333333%; + } + .column.is-11-mobile { + flex: none; + width: 91.6666666667%; + } + .column.is-offset-11-mobile { + margin-inline-start: 91.6666666667%; + } + .column.is-12-mobile { + flex: none; + width: 100%; + } + .column.is-offset-12-mobile { + margin-inline-start: 100%; + } +} +@media screen and (min-width: 769px), print { + .column.is-narrow, .column.is-narrow-tablet { + flex: none; + width: unset; + } + .column.is-full, .column.is-full-tablet { + flex: none; + width: 100%; + } + .column.is-three-quarters, .column.is-three-quarters-tablet { + flex: none; + width: 75%; + } + .column.is-two-thirds, .column.is-two-thirds-tablet { + flex: none; + width: 66.6666%; + } + .column.is-half, .column.is-half-tablet { + flex: none; + width: 50%; + } + .column.is-one-third, .column.is-one-third-tablet { + flex: none; + width: 33.3333%; + } + .column.is-one-quarter, .column.is-one-quarter-tablet { + flex: none; + width: 25%; + } + .column.is-one-fifth, .column.is-one-fifth-tablet { + flex: none; + width: 20%; + } + .column.is-two-fifths, .column.is-two-fifths-tablet { + flex: none; + width: 40%; + } + .column.is-three-fifths, .column.is-three-fifths-tablet { + flex: none; + width: 60%; + } + .column.is-four-fifths, .column.is-four-fifths-tablet { + flex: none; + width: 80%; + } + .column.is-offset-three-quarters, .column.is-offset-three-quarters-tablet { + margin-inline-start: 75%; + } + .column.is-offset-two-thirds, .column.is-offset-two-thirds-tablet { + margin-inline-start: 66.6666%; + } + .column.is-offset-half, .column.is-offset-half-tablet { + margin-inline-start: 50%; + } + .column.is-offset-one-third, .column.is-offset-one-third-tablet { + margin-inline-start: 0.3333%; + } + .column.is-offset-one-quarter, .column.is-offset-one-quarter-tablet { + margin-inline-start: 25%; + } + .column.is-offset-one-fifth, .column.is-offset-one-fifth-tablet { + margin-inline-start: 20%; + } + .column.is-offset-two-fifths, .column.is-offset-two-fifths-tablet { + margin-inline-start: 40%; + } + .column.is-offset-three-fifths, .column.is-offset-three-fifths-tablet { + margin-inline-start: 60%; + } + .column.is-offset-four-fifths, .column.is-offset-four-fifths-tablet { + margin-inline-start: 80%; + } + .column.is-0, .column.is-0-tablet { + flex: none; + width: 0%; + } + .column.is-offset-0, .column.is-offset-0-tablet { + margin-inline-start: 0%; + } + .column.is-1, .column.is-1-tablet { + flex: none; + width: 8.3333333333%; + } + .column.is-offset-1, .column.is-offset-1-tablet { + margin-inline-start: 8.3333333333%; + } + .column.is-2, .column.is-2-tablet { + flex: none; + width: 16.6666666667%; + } + .column.is-offset-2, .column.is-offset-2-tablet { + margin-inline-start: 16.6666666667%; + } + .column.is-3, .column.is-3-tablet { + flex: none; + width: 25%; + } + .column.is-offset-3, .column.is-offset-3-tablet { + margin-inline-start: 25%; + } + .column.is-4, .column.is-4-tablet { + flex: none; + width: 33.3333333333%; + } + .column.is-offset-4, .column.is-offset-4-tablet { + margin-inline-start: 33.3333333333%; + } + .column.is-5, .column.is-5-tablet { + flex: none; + width: 41.6666666667%; + } + .column.is-offset-5, .column.is-offset-5-tablet { + margin-inline-start: 41.6666666667%; + } + .column.is-6, .column.is-6-tablet { + flex: none; + width: 50%; + } + .column.is-offset-6, .column.is-offset-6-tablet { + margin-inline-start: 50%; + } + .column.is-7, .column.is-7-tablet { + flex: none; + width: 58.3333333333%; + } + .column.is-offset-7, .column.is-offset-7-tablet { + margin-inline-start: 58.3333333333%; + } + .column.is-8, .column.is-8-tablet { + flex: none; + width: 66.6666666667%; + } + .column.is-offset-8, .column.is-offset-8-tablet { + margin-inline-start: 66.6666666667%; + } + .column.is-9, .column.is-9-tablet { + flex: none; + width: 75%; + } + .column.is-offset-9, .column.is-offset-9-tablet { + margin-inline-start: 75%; + } + .column.is-10, .column.is-10-tablet { + flex: none; + width: 83.3333333333%; + } + .column.is-offset-10, .column.is-offset-10-tablet { + margin-inline-start: 83.3333333333%; + } + .column.is-11, .column.is-11-tablet { + flex: none; + width: 91.6666666667%; + } + .column.is-offset-11, .column.is-offset-11-tablet { + margin-inline-start: 91.6666666667%; + } + .column.is-12, .column.is-12-tablet { + flex: none; + width: 100%; + } + .column.is-offset-12, .column.is-offset-12-tablet { + margin-inline-start: 100%; + } +} +@media screen and (max-width: 1023px) { + .column.is-narrow-touch { + flex: none; + width: unset; + } + .column.is-full-touch { + flex: none; + width: 100%; + } + .column.is-three-quarters-touch { + flex: none; + width: 75%; + } + .column.is-two-thirds-touch { + flex: none; + width: 66.6666%; + } + .column.is-half-touch { + flex: none; + width: 50%; + } + .column.is-one-third-touch { + flex: none; + width: 33.3333%; + } + .column.is-one-quarter-touch { + flex: none; + width: 25%; + } + .column.is-one-fifth-touch { + flex: none; + width: 20%; + } + .column.is-two-fifths-touch { + flex: none; + width: 40%; + } + .column.is-three-fifths-touch { + flex: none; + width: 60%; + } + .column.is-four-fifths-touch { + flex: none; + width: 80%; + } + .column.is-offset-three-quarters-touch { + margin-inline-start: 75%; + } + .column.is-offset-two-thirds-touch { + margin-inline-start: 66.6666%; + } + .column.is-offset-half-touch { + margin-inline-start: 50%; + } + .column.is-offset-one-third-touch { + margin-inline-start: 0.3333%; + } + .column.is-offset-one-quarter-touch { + margin-inline-start: 25%; + } + .column.is-offset-one-fifth-touch { + margin-inline-start: 20%; + } + .column.is-offset-two-fifths-touch { + margin-inline-start: 40%; + } + .column.is-offset-three-fifths-touch { + margin-inline-start: 60%; + } + .column.is-offset-four-fifths-touch { + margin-inline-start: 80%; + } + .column.is-0-touch { + flex: none; + width: 0%; + } + .column.is-offset-0-touch { + margin-inline-start: 0%; + } + .column.is-1-touch { + flex: none; + width: 8.3333333333%; + } + .column.is-offset-1-touch { + margin-inline-start: 8.3333333333%; + } + .column.is-2-touch { + flex: none; + width: 16.6666666667%; + } + .column.is-offset-2-touch { + margin-inline-start: 16.6666666667%; + } + .column.is-3-touch { + flex: none; + width: 25%; + } + .column.is-offset-3-touch { + margin-inline-start: 25%; + } + .column.is-4-touch { + flex: none; + width: 33.3333333333%; + } + .column.is-offset-4-touch { + margin-inline-start: 33.3333333333%; + } + .column.is-5-touch { + flex: none; + width: 41.6666666667%; + } + .column.is-offset-5-touch { + margin-inline-start: 41.6666666667%; + } + .column.is-6-touch { + flex: none; + width: 50%; + } + .column.is-offset-6-touch { + margin-inline-start: 50%; + } + .column.is-7-touch { + flex: none; + width: 58.3333333333%; + } + .column.is-offset-7-touch { + margin-inline-start: 58.3333333333%; + } + .column.is-8-touch { + flex: none; + width: 66.6666666667%; + } + .column.is-offset-8-touch { + margin-inline-start: 66.6666666667%; + } + .column.is-9-touch { + flex: none; + width: 75%; + } + .column.is-offset-9-touch { + margin-inline-start: 75%; + } + .column.is-10-touch { + flex: none; + width: 83.3333333333%; + } + .column.is-offset-10-touch { + margin-inline-start: 83.3333333333%; + } + .column.is-11-touch { + flex: none; + width: 91.6666666667%; + } + .column.is-offset-11-touch { + margin-inline-start: 91.6666666667%; + } + .column.is-12-touch { + flex: none; + width: 100%; + } + .column.is-offset-12-touch { + margin-inline-start: 100%; + } +} +@media screen and (min-width: 1024px) { + .column.is-narrow-desktop { + flex: none; + width: unset; + } + .column.is-full-desktop { + flex: none; + width: 100%; + } + .column.is-three-quarters-desktop { + flex: none; + width: 75%; + } + .column.is-two-thirds-desktop { + flex: none; + width: 66.6666%; + } + .column.is-half-desktop { + flex: none; + width: 50%; + } + .column.is-one-third-desktop { + flex: none; + width: 33.3333%; + } + .column.is-one-quarter-desktop { + flex: none; + width: 25%; + } + .column.is-one-fifth-desktop { + flex: none; + width: 20%; + } + .column.is-two-fifths-desktop { + flex: none; + width: 40%; + } + .column.is-three-fifths-desktop { + flex: none; + width: 60%; + } + .column.is-four-fifths-desktop { + flex: none; + width: 80%; + } + .column.is-offset-three-quarters-desktop { + margin-inline-start: 75%; + } + .column.is-offset-two-thirds-desktop { + margin-inline-start: 66.6666%; + } + .column.is-offset-half-desktop { + margin-inline-start: 50%; + } + .column.is-offset-one-third-desktop { + margin-inline-start: 0.3333%; + } + .column.is-offset-one-quarter-desktop { + margin-inline-start: 25%; + } + .column.is-offset-one-fifth-desktop { + margin-inline-start: 20%; + } + .column.is-offset-two-fifths-desktop { + margin-inline-start: 40%; + } + .column.is-offset-three-fifths-desktop { + margin-inline-start: 60%; + } + .column.is-offset-four-fifths-desktop { + margin-inline-start: 80%; + } + .column.is-0-desktop { + flex: none; + width: 0%; + } + .column.is-offset-0-desktop { + margin-inline-start: 0%; + } + .column.is-1-desktop { + flex: none; + width: 8.3333333333%; + } + .column.is-offset-1-desktop { + margin-inline-start: 8.3333333333%; + } + .column.is-2-desktop { + flex: none; + width: 16.6666666667%; + } + .column.is-offset-2-desktop { + margin-inline-start: 16.6666666667%; + } + .column.is-3-desktop { + flex: none; + width: 25%; + } + .column.is-offset-3-desktop { + margin-inline-start: 25%; + } + .column.is-4-desktop { + flex: none; + width: 33.3333333333%; + } + .column.is-offset-4-desktop { + margin-inline-start: 33.3333333333%; + } + .column.is-5-desktop { + flex: none; + width: 41.6666666667%; + } + .column.is-offset-5-desktop { + margin-inline-start: 41.6666666667%; + } + .column.is-6-desktop { + flex: none; + width: 50%; + } + .column.is-offset-6-desktop { + margin-inline-start: 50%; + } + .column.is-7-desktop { + flex: none; + width: 58.3333333333%; + } + .column.is-offset-7-desktop { + margin-inline-start: 58.3333333333%; + } + .column.is-8-desktop { + flex: none; + width: 66.6666666667%; + } + .column.is-offset-8-desktop { + margin-inline-start: 66.6666666667%; + } + .column.is-9-desktop { + flex: none; + width: 75%; + } + .column.is-offset-9-desktop { + margin-inline-start: 75%; + } + .column.is-10-desktop { + flex: none; + width: 83.3333333333%; + } + .column.is-offset-10-desktop { + margin-inline-start: 83.3333333333%; + } + .column.is-11-desktop { + flex: none; + width: 91.6666666667%; + } + .column.is-offset-11-desktop { + margin-inline-start: 91.6666666667%; + } + .column.is-12-desktop { + flex: none; + width: 100%; + } + .column.is-offset-12-desktop { + margin-inline-start: 100%; + } +} +@media screen and (min-width: 1216px) { + .column.is-narrow-widescreen { + flex: none; + width: unset; + } + .column.is-full-widescreen { + flex: none; + width: 100%; + } + .column.is-three-quarters-widescreen { + flex: none; + width: 75%; + } + .column.is-two-thirds-widescreen { + flex: none; + width: 66.6666%; + } + .column.is-half-widescreen { + flex: none; + width: 50%; + } + .column.is-one-third-widescreen { + flex: none; + width: 33.3333%; + } + .column.is-one-quarter-widescreen { + flex: none; + width: 25%; + } + .column.is-one-fifth-widescreen { + flex: none; + width: 20%; + } + .column.is-two-fifths-widescreen { + flex: none; + width: 40%; + } + .column.is-three-fifths-widescreen { + flex: none; + width: 60%; + } + .column.is-four-fifths-widescreen { + flex: none; + width: 80%; + } + .column.is-offset-three-quarters-widescreen { + margin-inline-start: 75%; + } + .column.is-offset-two-thirds-widescreen { + margin-inline-start: 66.6666%; + } + .column.is-offset-half-widescreen { + margin-inline-start: 50%; + } + .column.is-offset-one-third-widescreen { + margin-inline-start: 0.3333%; + } + .column.is-offset-one-quarter-widescreen { + margin-inline-start: 25%; + } + .column.is-offset-one-fifth-widescreen { + margin-inline-start: 20%; + } + .column.is-offset-two-fifths-widescreen { + margin-inline-start: 40%; + } + .column.is-offset-three-fifths-widescreen { + margin-inline-start: 60%; + } + .column.is-offset-four-fifths-widescreen { + margin-inline-start: 80%; + } + .column.is-0-widescreen { + flex: none; + width: 0%; + } + .column.is-offset-0-widescreen { + margin-inline-start: 0%; + } + .column.is-1-widescreen { + flex: none; + width: 8.3333333333%; + } + .column.is-offset-1-widescreen { + margin-inline-start: 8.3333333333%; + } + .column.is-2-widescreen { + flex: none; + width: 16.6666666667%; + } + .column.is-offset-2-widescreen { + margin-inline-start: 16.6666666667%; + } + .column.is-3-widescreen { + flex: none; + width: 25%; + } + .column.is-offset-3-widescreen { + margin-inline-start: 25%; + } + .column.is-4-widescreen { + flex: none; + width: 33.3333333333%; + } + .column.is-offset-4-widescreen { + margin-inline-start: 33.3333333333%; + } + .column.is-5-widescreen { + flex: none; + width: 41.6666666667%; + } + .column.is-offset-5-widescreen { + margin-inline-start: 41.6666666667%; + } + .column.is-6-widescreen { + flex: none; + width: 50%; + } + .column.is-offset-6-widescreen { + margin-inline-start: 50%; + } + .column.is-7-widescreen { + flex: none; + width: 58.3333333333%; + } + .column.is-offset-7-widescreen { + margin-inline-start: 58.3333333333%; + } + .column.is-8-widescreen { + flex: none; + width: 66.6666666667%; + } + .column.is-offset-8-widescreen { + margin-inline-start: 66.6666666667%; + } + .column.is-9-widescreen { + flex: none; + width: 75%; + } + .column.is-offset-9-widescreen { + margin-inline-start: 75%; + } + .column.is-10-widescreen { + flex: none; + width: 83.3333333333%; + } + .column.is-offset-10-widescreen { + margin-inline-start: 83.3333333333%; + } + .column.is-11-widescreen { + flex: none; + width: 91.6666666667%; + } + .column.is-offset-11-widescreen { + margin-inline-start: 91.6666666667%; + } + .column.is-12-widescreen { + flex: none; + width: 100%; + } + .column.is-offset-12-widescreen { + margin-inline-start: 100%; + } +} +@media screen and (min-width: 1408px) { + .column.is-narrow-fullhd { + flex: none; + width: unset; + } + .column.is-full-fullhd { + flex: none; + width: 100%; + } + .column.is-three-quarters-fullhd { + flex: none; + width: 75%; + } + .column.is-two-thirds-fullhd { + flex: none; + width: 66.6666%; + } + .column.is-half-fullhd { + flex: none; + width: 50%; + } + .column.is-one-third-fullhd { + flex: none; + width: 33.3333%; + } + .column.is-one-quarter-fullhd { + flex: none; + width: 25%; + } + .column.is-one-fifth-fullhd { + flex: none; + width: 20%; + } + .column.is-two-fifths-fullhd { + flex: none; + width: 40%; + } + .column.is-three-fifths-fullhd { + flex: none; + width: 60%; + } + .column.is-four-fifths-fullhd { + flex: none; + width: 80%; + } + .column.is-offset-three-quarters-fullhd { + margin-inline-start: 75%; + } + .column.is-offset-two-thirds-fullhd { + margin-inline-start: 66.6666%; + } + .column.is-offset-half-fullhd { + margin-inline-start: 50%; + } + .column.is-offset-one-third-fullhd { + margin-inline-start: 33.3333%; + } + .column.is-offset-one-quarter-fullhd { + margin-inline-start: 25%; + } + .column.is-offset-one-fifth-fullhd { + margin-inline-start: 20%; + } + .column.is-offset-two-fifths-fullhd { + margin-inline-start: 40%; + } + .column.is-offset-three-fifths-fullhd { + margin-inline-start: 60%; + } + .column.is-offset-four-fifths-fullhd { + margin-inline-start: 80%; + } + .column.is-0-fullhd { + flex: none; + width: 0%; + } + .column.is-offset-0-fullhd { + margin-inline-start: 0%; + } + .column.is-1-fullhd { + flex: none; + width: 8.3333333333%; + } + .column.is-offset-1-fullhd { + margin-inline-start: 8.3333333333%; + } + .column.is-2-fullhd { + flex: none; + width: 16.6666666667%; + } + .column.is-offset-2-fullhd { + margin-inline-start: 16.6666666667%; + } + .column.is-3-fullhd { + flex: none; + width: 25%; + } + .column.is-offset-3-fullhd { + margin-inline-start: 25%; + } + .column.is-4-fullhd { + flex: none; + width: 33.3333333333%; + } + .column.is-offset-4-fullhd { + margin-inline-start: 33.3333333333%; + } + .column.is-5-fullhd { + flex: none; + width: 41.6666666667%; + } + .column.is-offset-5-fullhd { + margin-inline-start: 41.6666666667%; + } + .column.is-6-fullhd { + flex: none; + width: 50%; + } + .column.is-offset-6-fullhd { + margin-inline-start: 50%; + } + .column.is-7-fullhd { + flex: none; + width: 58.3333333333%; + } + .column.is-offset-7-fullhd { + margin-inline-start: 58.3333333333%; + } + .column.is-8-fullhd { + flex: none; + width: 66.6666666667%; + } + .column.is-offset-8-fullhd { + margin-inline-start: 66.6666666667%; + } + .column.is-9-fullhd { + flex: none; + width: 75%; + } + .column.is-offset-9-fullhd { + margin-inline-start: 75%; + } + .column.is-10-fullhd { + flex: none; + width: 83.3333333333%; + } + .column.is-offset-10-fullhd { + margin-inline-start: 83.3333333333%; + } + .column.is-11-fullhd { + flex: none; + width: 91.6666666667%; + } + .column.is-offset-11-fullhd { + margin-inline-start: 91.6666666667%; + } + .column.is-12-fullhd { + flex: none; + width: 100%; + } + .column.is-offset-12-fullhd { + margin-inline-start: 100%; + } +} + +.columns { + margin-inline-start: calc(-1 * var(--bulma-column-gap)); + margin-inline-end: calc(-1 * var(--bulma-column-gap)); + margin-top: calc(-1 * var(--bulma-column-gap)); +} +.columns:last-child { + margin-bottom: calc(-1 * var(--bulma-column-gap)); +} +.columns:not(:last-child) { + margin-bottom: calc(var(--bulma-block-spacing) - var(--bulma-column-gap)); +} +.columns.is-centered { + justify-content: center; +} +.columns.is-gapless { + margin-inline-start: 0; + margin-inline-end: 0; + margin-top: 0; +} +.columns.is-gapless > .column { + margin: 0; + padding: 0 !important; +} +.columns.is-gapless:not(:last-child) { + margin-bottom: 1.5rem; +} +.columns.is-gapless:last-child { + margin-bottom: 0; +} +.columns.is-mobile { + display: flex; +} +.columns.is-multiline { + flex-wrap: wrap; +} +.columns.is-vcentered { + align-items: center; +} +@media screen and (min-width: 769px), print { + .columns:not(.is-desktop) { + display: flex; + } +} +@media screen and (min-width: 1024px) { + .columns.is-desktop { + display: flex; + } +} +.columns.is-0 { + --bulma-column-gap: 0rem; +} +@media screen and (max-width: 768px) { + .columns.is-0-mobile { + --bulma-column-gap: 0rem; + } +} +@media screen and (min-width: 769px), print { + .columns.is-0-tablet { + --bulma-column-gap: 0rem; + } +} +@media screen and (min-width: 769px) and (max-width: 1023px) { + .columns.is-0-tablet-only { + --bulma-column-gap: 0rem; + } +} +@media screen and (max-width: 1023px) { + .columns.is-0-touch { + --bulma-column-gap: 0rem; + } +} +@media screen and (min-width: 1024px) { + .columns.is-0-desktop { + --bulma-column-gap: 0rem; + } +} +@media screen and (min-width: 1024px) and (max-width: 1215px) { + .columns.is-0-desktop-only { + --bulma-column-gap: 0rem; + } +} +@media screen and (min-width: 1216px) { + .columns.is-0-widescreen { + --bulma-column-gap: 0rem; + } +} +@media screen and (min-width: 1216px) and (max-width: 1407px) { + .columns.is-0-widescreen-only { + --bulma-column-gap: 0rem; + } +} +@media screen and (min-width: 1408px) { + .columns.is-0-fullhd { + --bulma-column-gap: 0rem; + } +} +.columns.is-1 { + --bulma-column-gap: 0.25rem; +} +@media screen and (max-width: 768px) { + .columns.is-1-mobile { + --bulma-column-gap: 0.25rem; + } +} +@media screen and (min-width: 769px), print { + .columns.is-1-tablet { + --bulma-column-gap: 0.25rem; + } +} +@media screen and (min-width: 769px) and (max-width: 1023px) { + .columns.is-1-tablet-only { + --bulma-column-gap: 0.25rem; + } +} +@media screen and (max-width: 1023px) { + .columns.is-1-touch { + --bulma-column-gap: 0.25rem; + } +} +@media screen and (min-width: 1024px) { + .columns.is-1-desktop { + --bulma-column-gap: 0.25rem; + } +} +@media screen and (min-width: 1024px) and (max-width: 1215px) { + .columns.is-1-desktop-only { + --bulma-column-gap: 0.25rem; + } +} +@media screen and (min-width: 1216px) { + .columns.is-1-widescreen { + --bulma-column-gap: 0.25rem; + } +} +@media screen and (min-width: 1216px) and (max-width: 1407px) { + .columns.is-1-widescreen-only { + --bulma-column-gap: 0.25rem; + } +} +@media screen and (min-width: 1408px) { + .columns.is-1-fullhd { + --bulma-column-gap: 0.25rem; + } +} +.columns.is-2 { + --bulma-column-gap: 0.5rem; +} +@media screen and (max-width: 768px) { + .columns.is-2-mobile { + --bulma-column-gap: 0.5rem; + } +} +@media screen and (min-width: 769px), print { + .columns.is-2-tablet { + --bulma-column-gap: 0.5rem; + } +} +@media screen and (min-width: 769px) and (max-width: 1023px) { + .columns.is-2-tablet-only { + --bulma-column-gap: 0.5rem; + } +} +@media screen and (max-width: 1023px) { + .columns.is-2-touch { + --bulma-column-gap: 0.5rem; + } +} +@media screen and (min-width: 1024px) { + .columns.is-2-desktop { + --bulma-column-gap: 0.5rem; + } +} +@media screen and (min-width: 1024px) and (max-width: 1215px) { + .columns.is-2-desktop-only { + --bulma-column-gap: 0.5rem; + } +} +@media screen and (min-width: 1216px) { + .columns.is-2-widescreen { + --bulma-column-gap: 0.5rem; + } +} +@media screen and (min-width: 1216px) and (max-width: 1407px) { + .columns.is-2-widescreen-only { + --bulma-column-gap: 0.5rem; + } +} +@media screen and (min-width: 1408px) { + .columns.is-2-fullhd { + --bulma-column-gap: 0.5rem; + } +} +.columns.is-3 { + --bulma-column-gap: 0.75rem; +} +@media screen and (max-width: 768px) { + .columns.is-3-mobile { + --bulma-column-gap: 0.75rem; + } +} +@media screen and (min-width: 769px), print { + .columns.is-3-tablet { + --bulma-column-gap: 0.75rem; + } +} +@media screen and (min-width: 769px) and (max-width: 1023px) { + .columns.is-3-tablet-only { + --bulma-column-gap: 0.75rem; + } +} +@media screen and (max-width: 1023px) { + .columns.is-3-touch { + --bulma-column-gap: 0.75rem; + } +} +@media screen and (min-width: 1024px) { + .columns.is-3-desktop { + --bulma-column-gap: 0.75rem; + } +} +@media screen and (min-width: 1024px) and (max-width: 1215px) { + .columns.is-3-desktop-only { + --bulma-column-gap: 0.75rem; + } +} +@media screen and (min-width: 1216px) { + .columns.is-3-widescreen { + --bulma-column-gap: 0.75rem; + } +} +@media screen and (min-width: 1216px) and (max-width: 1407px) { + .columns.is-3-widescreen-only { + --bulma-column-gap: 0.75rem; + } +} +@media screen and (min-width: 1408px) { + .columns.is-3-fullhd { + --bulma-column-gap: 0.75rem; + } +} +.columns.is-4 { + --bulma-column-gap: 1rem; +} +@media screen and (max-width: 768px) { + .columns.is-4-mobile { + --bulma-column-gap: 1rem; + } +} +@media screen and (min-width: 769px), print { + .columns.is-4-tablet { + --bulma-column-gap: 1rem; + } +} +@media screen and (min-width: 769px) and (max-width: 1023px) { + .columns.is-4-tablet-only { + --bulma-column-gap: 1rem; + } +} +@media screen and (max-width: 1023px) { + .columns.is-4-touch { + --bulma-column-gap: 1rem; + } +} +@media screen and (min-width: 1024px) { + .columns.is-4-desktop { + --bulma-column-gap: 1rem; + } +} +@media screen and (min-width: 1024px) and (max-width: 1215px) { + .columns.is-4-desktop-only { + --bulma-column-gap: 1rem; + } +} +@media screen and (min-width: 1216px) { + .columns.is-4-widescreen { + --bulma-column-gap: 1rem; + } +} +@media screen and (min-width: 1216px) and (max-width: 1407px) { + .columns.is-4-widescreen-only { + --bulma-column-gap: 1rem; + } +} +@media screen and (min-width: 1408px) { + .columns.is-4-fullhd { + --bulma-column-gap: 1rem; + } +} +.columns.is-5 { + --bulma-column-gap: 1.25rem; +} +@media screen and (max-width: 768px) { + .columns.is-5-mobile { + --bulma-column-gap: 1.25rem; + } +} +@media screen and (min-width: 769px), print { + .columns.is-5-tablet { + --bulma-column-gap: 1.25rem; + } +} +@media screen and (min-width: 769px) and (max-width: 1023px) { + .columns.is-5-tablet-only { + --bulma-column-gap: 1.25rem; + } +} +@media screen and (max-width: 1023px) { + .columns.is-5-touch { + --bulma-column-gap: 1.25rem; + } +} +@media screen and (min-width: 1024px) { + .columns.is-5-desktop { + --bulma-column-gap: 1.25rem; + } +} +@media screen and (min-width: 1024px) and (max-width: 1215px) { + .columns.is-5-desktop-only { + --bulma-column-gap: 1.25rem; + } +} +@media screen and (min-width: 1216px) { + .columns.is-5-widescreen { + --bulma-column-gap: 1.25rem; + } +} +@media screen and (min-width: 1216px) and (max-width: 1407px) { + .columns.is-5-widescreen-only { + --bulma-column-gap: 1.25rem; + } +} +@media screen and (min-width: 1408px) { + .columns.is-5-fullhd { + --bulma-column-gap: 1.25rem; + } +} +.columns.is-6 { + --bulma-column-gap: 1.5rem; +} +@media screen and (max-width: 768px) { + .columns.is-6-mobile { + --bulma-column-gap: 1.5rem; + } +} +@media screen and (min-width: 769px), print { + .columns.is-6-tablet { + --bulma-column-gap: 1.5rem; + } +} +@media screen and (min-width: 769px) and (max-width: 1023px) { + .columns.is-6-tablet-only { + --bulma-column-gap: 1.5rem; + } +} +@media screen and (max-width: 1023px) { + .columns.is-6-touch { + --bulma-column-gap: 1.5rem; + } +} +@media screen and (min-width: 1024px) { + .columns.is-6-desktop { + --bulma-column-gap: 1.5rem; + } +} +@media screen and (min-width: 1024px) and (max-width: 1215px) { + .columns.is-6-desktop-only { + --bulma-column-gap: 1.5rem; + } +} +@media screen and (min-width: 1216px) { + .columns.is-6-widescreen { + --bulma-column-gap: 1.5rem; + } +} +@media screen and (min-width: 1216px) and (max-width: 1407px) { + .columns.is-6-widescreen-only { + --bulma-column-gap: 1.5rem; + } +} +@media screen and (min-width: 1408px) { + .columns.is-6-fullhd { + --bulma-column-gap: 1.5rem; + } +} +.columns.is-7 { + --bulma-column-gap: 1.75rem; +} +@media screen and (max-width: 768px) { + .columns.is-7-mobile { + --bulma-column-gap: 1.75rem; + } +} +@media screen and (min-width: 769px), print { + .columns.is-7-tablet { + --bulma-column-gap: 1.75rem; + } +} +@media screen and (min-width: 769px) and (max-width: 1023px) { + .columns.is-7-tablet-only { + --bulma-column-gap: 1.75rem; + } +} +@media screen and (max-width: 1023px) { + .columns.is-7-touch { + --bulma-column-gap: 1.75rem; + } +} +@media screen and (min-width: 1024px) { + .columns.is-7-desktop { + --bulma-column-gap: 1.75rem; + } +} +@media screen and (min-width: 1024px) and (max-width: 1215px) { + .columns.is-7-desktop-only { + --bulma-column-gap: 1.75rem; + } +} +@media screen and (min-width: 1216px) { + .columns.is-7-widescreen { + --bulma-column-gap: 1.75rem; + } +} +@media screen and (min-width: 1216px) and (max-width: 1407px) { + .columns.is-7-widescreen-only { + --bulma-column-gap: 1.75rem; + } +} +@media screen and (min-width: 1408px) { + .columns.is-7-fullhd { + --bulma-column-gap: 1.75rem; + } +} +.columns.is-8 { + --bulma-column-gap: 2rem; +} +@media screen and (max-width: 768px) { + .columns.is-8-mobile { + --bulma-column-gap: 2rem; + } +} +@media screen and (min-width: 769px), print { + .columns.is-8-tablet { + --bulma-column-gap: 2rem; + } +} +@media screen and (min-width: 769px) and (max-width: 1023px) { + .columns.is-8-tablet-only { + --bulma-column-gap: 2rem; + } +} +@media screen and (max-width: 1023px) { + .columns.is-8-touch { + --bulma-column-gap: 2rem; + } +} +@media screen and (min-width: 1024px) { + .columns.is-8-desktop { + --bulma-column-gap: 2rem; + } +} +@media screen and (min-width: 1024px) and (max-width: 1215px) { + .columns.is-8-desktop-only { + --bulma-column-gap: 2rem; + } +} +@media screen and (min-width: 1216px) { + .columns.is-8-widescreen { + --bulma-column-gap: 2rem; + } +} +@media screen and (min-width: 1216px) and (max-width: 1407px) { + .columns.is-8-widescreen-only { + --bulma-column-gap: 2rem; + } +} +@media screen and (min-width: 1408px) { + .columns.is-8-fullhd { + --bulma-column-gap: 2rem; + } +} + +.fixed-grid { + container-name: bulma-fixed-grid; + container-type: inline-size; +} +.fixed-grid > .grid { + --bulma-grid-gap-count: calc(var(--bulma-grid-column-count) - 1); + --bulma-grid-column-count: 2; + grid-template-columns: repeat(var(--bulma-grid-column-count), 1fr); +} +.fixed-grid.has-1-cols > .grid { + --bulma-grid-column-count: 1; +} +.fixed-grid.has-2-cols > .grid { + --bulma-grid-column-count: 2; +} +.fixed-grid.has-3-cols > .grid { + --bulma-grid-column-count: 3; +} +.fixed-grid.has-4-cols > .grid { + --bulma-grid-column-count: 4; +} +.fixed-grid.has-5-cols > .grid { + --bulma-grid-column-count: 5; +} +.fixed-grid.has-6-cols > .grid { + --bulma-grid-column-count: 6; +} +.fixed-grid.has-7-cols > .grid { + --bulma-grid-column-count: 7; +} +.fixed-grid.has-8-cols > .grid { + --bulma-grid-column-count: 8; +} +.fixed-grid.has-9-cols > .grid { + --bulma-grid-column-count: 9; +} +.fixed-grid.has-10-cols > .grid { + --bulma-grid-column-count: 10; +} +.fixed-grid.has-11-cols > .grid { + --bulma-grid-column-count: 11; +} +.fixed-grid.has-12-cols > .grid { + --bulma-grid-column-count: 12; +} +@container bulma-fixed-grid (max-width: 768px) { + .fixed-grid.has-1-cols-mobile > .grid { + --bulma-grid-column-count: 1; + } + .fixed-grid.has-2-cols-mobile > .grid { + --bulma-grid-column-count: 2; + } + .fixed-grid.has-3-cols-mobile > .grid { + --bulma-grid-column-count: 3; + } + .fixed-grid.has-4-cols-mobile > .grid { + --bulma-grid-column-count: 4; + } + .fixed-grid.has-5-cols-mobile > .grid { + --bulma-grid-column-count: 5; + } + .fixed-grid.has-6-cols-mobile > .grid { + --bulma-grid-column-count: 6; + } + .fixed-grid.has-7-cols-mobile > .grid { + --bulma-grid-column-count: 7; + } + .fixed-grid.has-8-cols-mobile > .grid { + --bulma-grid-column-count: 8; + } + .fixed-grid.has-9-cols-mobile > .grid { + --bulma-grid-column-count: 9; + } + .fixed-grid.has-10-cols-mobile > .grid { + --bulma-grid-column-count: 10; + } + .fixed-grid.has-11-cols-mobile > .grid { + --bulma-grid-column-count: 11; + } + .fixed-grid.has-12-cols-mobile > .grid { + --bulma-grid-column-count: 12; + } +} +@container bulma-fixed-grid (min-width: 769px) { + .fixed-grid.has-1-cols-tablet > .grid { + --bulma-grid-column-count: 1; + } + .fixed-grid.has-2-cols-tablet > .grid { + --bulma-grid-column-count: 2; + } + .fixed-grid.has-3-cols-tablet > .grid { + --bulma-grid-column-count: 3; + } + .fixed-grid.has-4-cols-tablet > .grid { + --bulma-grid-column-count: 4; + } + .fixed-grid.has-5-cols-tablet > .grid { + --bulma-grid-column-count: 5; + } + .fixed-grid.has-6-cols-tablet > .grid { + --bulma-grid-column-count: 6; + } + .fixed-grid.has-7-cols-tablet > .grid { + --bulma-grid-column-count: 7; + } + .fixed-grid.has-8-cols-tablet > .grid { + --bulma-grid-column-count: 8; + } + .fixed-grid.has-9-cols-tablet > .grid { + --bulma-grid-column-count: 9; + } + .fixed-grid.has-10-cols-tablet > .grid { + --bulma-grid-column-count: 10; + } + .fixed-grid.has-11-cols-tablet > .grid { + --bulma-grid-column-count: 11; + } + .fixed-grid.has-12-cols-tablet > .grid { + --bulma-grid-column-count: 12; + } +} +@container bulma-fixed-grid (min-width: 1024px) { + .fixed-grid.has-1-cols-desktop > .grid { + --bulma-grid-column-count: 1; + } + .fixed-grid.has-2-cols-desktop > .grid { + --bulma-grid-column-count: 2; + } + .fixed-grid.has-3-cols-desktop > .grid { + --bulma-grid-column-count: 3; + } + .fixed-grid.has-4-cols-desktop > .grid { + --bulma-grid-column-count: 4; + } + .fixed-grid.has-5-cols-desktop > .grid { + --bulma-grid-column-count: 5; + } + .fixed-grid.has-6-cols-desktop > .grid { + --bulma-grid-column-count: 6; + } + .fixed-grid.has-7-cols-desktop > .grid { + --bulma-grid-column-count: 7; + } + .fixed-grid.has-8-cols-desktop > .grid { + --bulma-grid-column-count: 8; + } + .fixed-grid.has-9-cols-desktop > .grid { + --bulma-grid-column-count: 9; + } + .fixed-grid.has-10-cols-desktop > .grid { + --bulma-grid-column-count: 10; + } + .fixed-grid.has-11-cols-desktop > .grid { + --bulma-grid-column-count: 11; + } + .fixed-grid.has-12-cols-desktop > .grid { + --bulma-grid-column-count: 12; + } +} +@container bulma-fixed-grid (min-width: 1216px) { + .fixed-grid.has-1-cols-widescreen > .grid { + --bulma-grid-column-count: 1; + } + .fixed-grid.has-2-cols-widescreen > .grid { + --bulma-grid-column-count: 2; + } + .fixed-grid.has-3-cols-widescreen > .grid { + --bulma-grid-column-count: 3; + } + .fixed-grid.has-4-cols-widescreen > .grid { + --bulma-grid-column-count: 4; + } + .fixed-grid.has-5-cols-widescreen > .grid { + --bulma-grid-column-count: 5; + } + .fixed-grid.has-6-cols-widescreen > .grid { + --bulma-grid-column-count: 6; + } + .fixed-grid.has-7-cols-widescreen > .grid { + --bulma-grid-column-count: 7; + } + .fixed-grid.has-8-cols-widescreen > .grid { + --bulma-grid-column-count: 8; + } + .fixed-grid.has-9-cols-widescreen > .grid { + --bulma-grid-column-count: 9; + } + .fixed-grid.has-10-cols-widescreen > .grid { + --bulma-grid-column-count: 10; + } + .fixed-grid.has-11-cols-widescreen > .grid { + --bulma-grid-column-count: 11; + } + .fixed-grid.has-12-cols-widescreen > .grid { + --bulma-grid-column-count: 12; + } +} +@container bulma-fixed-grid (min-width: 1408px) { + .fixed-grid.has-1-cols-fullhd > .grid { + --bulma-grid-column-count: 1; + } + .fixed-grid.has-2-cols-fullhd > .grid { + --bulma-grid-column-count: 2; + } + .fixed-grid.has-3-cols-fullhd > .grid { + --bulma-grid-column-count: 3; + } + .fixed-grid.has-4-cols-fullhd > .grid { + --bulma-grid-column-count: 4; + } + .fixed-grid.has-5-cols-fullhd > .grid { + --bulma-grid-column-count: 5; + } + .fixed-grid.has-6-cols-fullhd > .grid { + --bulma-grid-column-count: 6; + } + .fixed-grid.has-7-cols-fullhd > .grid { + --bulma-grid-column-count: 7; + } + .fixed-grid.has-8-cols-fullhd > .grid { + --bulma-grid-column-count: 8; + } + .fixed-grid.has-9-cols-fullhd > .grid { + --bulma-grid-column-count: 9; + } + .fixed-grid.has-10-cols-fullhd > .grid { + --bulma-grid-column-count: 10; + } + .fixed-grid.has-11-cols-fullhd > .grid { + --bulma-grid-column-count: 11; + } + .fixed-grid.has-12-cols-fullhd > .grid { + --bulma-grid-column-count: 12; + } +} +@container bulma-fixed-grid (max-width: 768px) { + .fixed-grid.has-auto-count .grid { + --bulma-grid-column-count: 2; + } +} +@container bulma-fixed-grid (min-width: 769px) { + .fixed-grid.has-auto-count .grid { + --bulma-grid-column-count: 4; + } +} +@container bulma-fixed-grid (min-width: 1024px) { + .fixed-grid.has-auto-count .grid { + --bulma-grid-column-count: 8; + } +} +@container bulma-fixed-grid (min-width: 1216px) { + .fixed-grid.has-auto-count .grid { + --bulma-grid-column-count: 12; + } +} +@container bulma-fixed-grid (min-width: 1408px) { + .fixed-grid.has-auto-count .grid { + --bulma-grid-column-count: 16; + } +} + +.grid { + --bulma-grid-gap: 0.75rem; + --bulma-grid-column-min: 9rem; + --bulma-grid-cell-column-span: 1; + --bulma-grid-cell-row-span: 1; + display: grid; + gap: var(--bulma-grid-gap); + column-gap: var(--bulma-grid-column-gap, var(--bulma-grid-gap)); + row-gap: var(--bulma-grid-row-gap, var(--bulma-grid-gap)); + grid-template-columns: repeat(auto-fit, minmax(var(--bulma-grid-column-min), 1fr)); + grid-template-rows: auto; +} +.grid.is-auto-fill { + grid-template-columns: repeat(auto-fill, minmax(var(--bulma-grid-column-min), 1fr)); +} +.grid.is-col-min-1 { + --bulma-grid-column-min: 1.5rem; +} +.grid.is-col-min-2 { + --bulma-grid-column-min: 3rem; +} +.grid.is-col-min-3 { + --bulma-grid-column-min: 4.5rem; +} +.grid.is-col-min-4 { + --bulma-grid-column-min: 6rem; +} +.grid.is-col-min-5 { + --bulma-grid-column-min: 7.5rem; +} +.grid.is-col-min-6 { + --bulma-grid-column-min: 9rem; +} +.grid.is-col-min-7 { + --bulma-grid-column-min: 10.5rem; +} +.grid.is-col-min-8 { + --bulma-grid-column-min: 12rem; +} +.grid.is-col-min-9 { + --bulma-grid-column-min: 13.5rem; +} +.grid.is-col-min-10 { + --bulma-grid-column-min: 15rem; +} +.grid.is-col-min-11 { + --bulma-grid-column-min: 16.5rem; +} +.grid.is-col-min-12 { + --bulma-grid-column-min: 18rem; +} +.grid.is-col-min-13 { + --bulma-grid-column-min: 19.5rem; +} +.grid.is-col-min-14 { + --bulma-grid-column-min: 21rem; +} +.grid.is-col-min-15 { + --bulma-grid-column-min: 22.5rem; +} +.grid.is-col-min-16 { + --bulma-grid-column-min: 24rem; +} +.grid.is-col-min-17 { + --bulma-grid-column-min: 25.5rem; +} +.grid.is-col-min-18 { + --bulma-grid-column-min: 27rem; +} +.grid.is-col-min-19 { + --bulma-grid-column-min: 28.5rem; +} +.grid.is-col-min-20 { + --bulma-grid-column-min: 30rem; +} +.grid.is-col-min-21 { + --bulma-grid-column-min: 31.5rem; +} +.grid.is-col-min-22 { + --bulma-grid-column-min: 33rem; +} +.grid.is-col-min-23 { + --bulma-grid-column-min: 34.5rem; +} +.grid.is-col-min-24 { + --bulma-grid-column-min: 36rem; +} +.grid.is-col-min-25 { + --bulma-grid-column-min: 37.5rem; +} +.grid.is-col-min-26 { + --bulma-grid-column-min: 39rem; +} +.grid.is-col-min-27 { + --bulma-grid-column-min: 40.5rem; +} +.grid.is-col-min-28 { + --bulma-grid-column-min: 42rem; +} +.grid.is-col-min-29 { + --bulma-grid-column-min: 43.5rem; +} +.grid.is-col-min-30 { + --bulma-grid-column-min: 45rem; +} +.grid.is-col-min-31 { + --bulma-grid-column-min: 46.5rem; +} +.grid.is-col-min-32 { + --bulma-grid-column-min: 48rem; +} + +.cell { + grid-column-end: span var(--bulma-grid-cell-column-span); + grid-column-start: var(--bulma-grid-cell-column-start); + grid-row-end: span var(--bulma-grid-cell-row-span); + grid-row-start: var(--bulma-grid-cell-row-start); +} +.cell.is-col-start-end { + --bulma-grid-cell-column-start: -1; +} +.cell.is-row-start-end { + --bulma-grid-cell-row-start: -1; +} +.cell.is-col-start-1 { + --bulma-grid-cell-column-start: 1; +} +.cell.is-col-end-1 { + --bulma-grid-cell-column-end: 1; +} +.cell.is-col-from-end-1 { + --bulma-grid-cell-column-start: -1; +} +.cell.is-col-span-1 { + --bulma-grid-cell-column-span: 1; +} +.cell.is-row-start-1 { + --bulma-grid-cell-row-start: 1; +} +.cell.is-row-end-1 { + --bulma-grid-cell-row-end: 1; +} +.cell.is-row-from-end-1 { + --bulma-grid-cell-row-start: -1; +} +.cell.is-row-span-1 { + --bulma-grid-cell-row-span: 1; +} +.cell.is-col-start-2 { + --bulma-grid-cell-column-start: 2; +} +.cell.is-col-end-2 { + --bulma-grid-cell-column-end: 2; +} +.cell.is-col-from-end-2 { + --bulma-grid-cell-column-start: -2; +} +.cell.is-col-span-2 { + --bulma-grid-cell-column-span: 2; +} +.cell.is-row-start-2 { + --bulma-grid-cell-row-start: 2; +} +.cell.is-row-end-2 { + --bulma-grid-cell-row-end: 2; +} +.cell.is-row-from-end-2 { + --bulma-grid-cell-row-start: -2; +} +.cell.is-row-span-2 { + --bulma-grid-cell-row-span: 2; +} +.cell.is-col-start-3 { + --bulma-grid-cell-column-start: 3; +} +.cell.is-col-end-3 { + --bulma-grid-cell-column-end: 3; +} +.cell.is-col-from-end-3 { + --bulma-grid-cell-column-start: -3; +} +.cell.is-col-span-3 { + --bulma-grid-cell-column-span: 3; +} +.cell.is-row-start-3 { + --bulma-grid-cell-row-start: 3; +} +.cell.is-row-end-3 { + --bulma-grid-cell-row-end: 3; +} +.cell.is-row-from-end-3 { + --bulma-grid-cell-row-start: -3; +} +.cell.is-row-span-3 { + --bulma-grid-cell-row-span: 3; +} +.cell.is-col-start-4 { + --bulma-grid-cell-column-start: 4; +} +.cell.is-col-end-4 { + --bulma-grid-cell-column-end: 4; +} +.cell.is-col-from-end-4 { + --bulma-grid-cell-column-start: -4; +} +.cell.is-col-span-4 { + --bulma-grid-cell-column-span: 4; +} +.cell.is-row-start-4 { + --bulma-grid-cell-row-start: 4; +} +.cell.is-row-end-4 { + --bulma-grid-cell-row-end: 4; +} +.cell.is-row-from-end-4 { + --bulma-grid-cell-row-start: -4; +} +.cell.is-row-span-4 { + --bulma-grid-cell-row-span: 4; +} +.cell.is-col-start-5 { + --bulma-grid-cell-column-start: 5; +} +.cell.is-col-end-5 { + --bulma-grid-cell-column-end: 5; +} +.cell.is-col-from-end-5 { + --bulma-grid-cell-column-start: -5; +} +.cell.is-col-span-5 { + --bulma-grid-cell-column-span: 5; +} +.cell.is-row-start-5 { + --bulma-grid-cell-row-start: 5; +} +.cell.is-row-end-5 { + --bulma-grid-cell-row-end: 5; +} +.cell.is-row-from-end-5 { + --bulma-grid-cell-row-start: -5; +} +.cell.is-row-span-5 { + --bulma-grid-cell-row-span: 5; +} +.cell.is-col-start-6 { + --bulma-grid-cell-column-start: 6; +} +.cell.is-col-end-6 { + --bulma-grid-cell-column-end: 6; +} +.cell.is-col-from-end-6 { + --bulma-grid-cell-column-start: -6; +} +.cell.is-col-span-6 { + --bulma-grid-cell-column-span: 6; +} +.cell.is-row-start-6 { + --bulma-grid-cell-row-start: 6; +} +.cell.is-row-end-6 { + --bulma-grid-cell-row-end: 6; +} +.cell.is-row-from-end-6 { + --bulma-grid-cell-row-start: -6; +} +.cell.is-row-span-6 { + --bulma-grid-cell-row-span: 6; +} +.cell.is-col-start-7 { + --bulma-grid-cell-column-start: 7; +} +.cell.is-col-end-7 { + --bulma-grid-cell-column-end: 7; +} +.cell.is-col-from-end-7 { + --bulma-grid-cell-column-start: -7; +} +.cell.is-col-span-7 { + --bulma-grid-cell-column-span: 7; +} +.cell.is-row-start-7 { + --bulma-grid-cell-row-start: 7; +} +.cell.is-row-end-7 { + --bulma-grid-cell-row-end: 7; +} +.cell.is-row-from-end-7 { + --bulma-grid-cell-row-start: -7; +} +.cell.is-row-span-7 { + --bulma-grid-cell-row-span: 7; +} +.cell.is-col-start-8 { + --bulma-grid-cell-column-start: 8; +} +.cell.is-col-end-8 { + --bulma-grid-cell-column-end: 8; +} +.cell.is-col-from-end-8 { + --bulma-grid-cell-column-start: -8; +} +.cell.is-col-span-8 { + --bulma-grid-cell-column-span: 8; +} +.cell.is-row-start-8 { + --bulma-grid-cell-row-start: 8; +} +.cell.is-row-end-8 { + --bulma-grid-cell-row-end: 8; +} +.cell.is-row-from-end-8 { + --bulma-grid-cell-row-start: -8; +} +.cell.is-row-span-8 { + --bulma-grid-cell-row-span: 8; +} +.cell.is-col-start-9 { + --bulma-grid-cell-column-start: 9; +} +.cell.is-col-end-9 { + --bulma-grid-cell-column-end: 9; +} +.cell.is-col-from-end-9 { + --bulma-grid-cell-column-start: -9; +} +.cell.is-col-span-9 { + --bulma-grid-cell-column-span: 9; +} +.cell.is-row-start-9 { + --bulma-grid-cell-row-start: 9; +} +.cell.is-row-end-9 { + --bulma-grid-cell-row-end: 9; +} +.cell.is-row-from-end-9 { + --bulma-grid-cell-row-start: -9; +} +.cell.is-row-span-9 { + --bulma-grid-cell-row-span: 9; +} +.cell.is-col-start-10 { + --bulma-grid-cell-column-start: 10; +} +.cell.is-col-end-10 { + --bulma-grid-cell-column-end: 10; +} +.cell.is-col-from-end-10 { + --bulma-grid-cell-column-start: -10; +} +.cell.is-col-span-10 { + --bulma-grid-cell-column-span: 10; +} +.cell.is-row-start-10 { + --bulma-grid-cell-row-start: 10; +} +.cell.is-row-end-10 { + --bulma-grid-cell-row-end: 10; +} +.cell.is-row-from-end-10 { + --bulma-grid-cell-row-start: -10; +} +.cell.is-row-span-10 { + --bulma-grid-cell-row-span: 10; +} +.cell.is-col-start-11 { + --bulma-grid-cell-column-start: 11; +} +.cell.is-col-end-11 { + --bulma-grid-cell-column-end: 11; +} +.cell.is-col-from-end-11 { + --bulma-grid-cell-column-start: -11; +} +.cell.is-col-span-11 { + --bulma-grid-cell-column-span: 11; +} +.cell.is-row-start-11 { + --bulma-grid-cell-row-start: 11; +} +.cell.is-row-end-11 { + --bulma-grid-cell-row-end: 11; +} +.cell.is-row-from-end-11 { + --bulma-grid-cell-row-start: -11; +} +.cell.is-row-span-11 { + --bulma-grid-cell-row-span: 11; +} +.cell.is-col-start-12 { + --bulma-grid-cell-column-start: 12; +} +.cell.is-col-end-12 { + --bulma-grid-cell-column-end: 12; +} +.cell.is-col-from-end-12 { + --bulma-grid-cell-column-start: -12; +} +.cell.is-col-span-12 { + --bulma-grid-cell-column-span: 12; +} +.cell.is-row-start-12 { + --bulma-grid-cell-row-start: 12; +} +.cell.is-row-end-12 { + --bulma-grid-cell-row-end: 12; +} +.cell.is-row-from-end-12 { + --bulma-grid-cell-row-start: -12; +} +.cell.is-row-span-12 { + --bulma-grid-cell-row-span: 12; +} +@media screen and (max-width: 768px) { + .cell.is-col-start-1-mobile { + --bulma-grid-cell-column-start: 1; + } + .cell.is-col-end-1-mobile { + --bulma-grid-cell-column-end: 1; + } + .cell.is-col-from-end-1-mobile { + --bulma-grid-cell-column-start: -1; + } + .cell.is-col-span-1-mobile { + --bulma-grid-cell-column-span: 1; + } + .cell.is-row-start-1-mobile { + --bulma-grid-cell-row-start: 1; + } + .cell.is-row-end-1-mobile { + --bulma-grid-cell-row-end: 1; + } + .cell.is-row-from-end-1-mobile { + --bulma-grid-cell-row-start: -1; + } + .cell.is-row-span-1-mobile { + --bulma-grid-cell-row-span: 1; + } + .cell.is-col-start-2-mobile { + --bulma-grid-cell-column-start: 2; + } + .cell.is-col-end-2-mobile { + --bulma-grid-cell-column-end: 2; + } + .cell.is-col-from-end-2-mobile { + --bulma-grid-cell-column-start: -2; + } + .cell.is-col-span-2-mobile { + --bulma-grid-cell-column-span: 2; + } + .cell.is-row-start-2-mobile { + --bulma-grid-cell-row-start: 2; + } + .cell.is-row-end-2-mobile { + --bulma-grid-cell-row-end: 2; + } + .cell.is-row-from-end-2-mobile { + --bulma-grid-cell-row-start: -2; + } + .cell.is-row-span-2-mobile { + --bulma-grid-cell-row-span: 2; + } + .cell.is-col-start-3-mobile { + --bulma-grid-cell-column-start: 3; + } + .cell.is-col-end-3-mobile { + --bulma-grid-cell-column-end: 3; + } + .cell.is-col-from-end-3-mobile { + --bulma-grid-cell-column-start: -3; + } + .cell.is-col-span-3-mobile { + --bulma-grid-cell-column-span: 3; + } + .cell.is-row-start-3-mobile { + --bulma-grid-cell-row-start: 3; + } + .cell.is-row-end-3-mobile { + --bulma-grid-cell-row-end: 3; + } + .cell.is-row-from-end-3-mobile { + --bulma-grid-cell-row-start: -3; + } + .cell.is-row-span-3-mobile { + --bulma-grid-cell-row-span: 3; + } + .cell.is-col-start-4-mobile { + --bulma-grid-cell-column-start: 4; + } + .cell.is-col-end-4-mobile { + --bulma-grid-cell-column-end: 4; + } + .cell.is-col-from-end-4-mobile { + --bulma-grid-cell-column-start: -4; + } + .cell.is-col-span-4-mobile { + --bulma-grid-cell-column-span: 4; + } + .cell.is-row-start-4-mobile { + --bulma-grid-cell-row-start: 4; + } + .cell.is-row-end-4-mobile { + --bulma-grid-cell-row-end: 4; + } + .cell.is-row-from-end-4-mobile { + --bulma-grid-cell-row-start: -4; + } + .cell.is-row-span-4-mobile { + --bulma-grid-cell-row-span: 4; + } + .cell.is-col-start-5-mobile { + --bulma-grid-cell-column-start: 5; + } + .cell.is-col-end-5-mobile { + --bulma-grid-cell-column-end: 5; + } + .cell.is-col-from-end-5-mobile { + --bulma-grid-cell-column-start: -5; + } + .cell.is-col-span-5-mobile { + --bulma-grid-cell-column-span: 5; + } + .cell.is-row-start-5-mobile { + --bulma-grid-cell-row-start: 5; + } + .cell.is-row-end-5-mobile { + --bulma-grid-cell-row-end: 5; + } + .cell.is-row-from-end-5-mobile { + --bulma-grid-cell-row-start: -5; + } + .cell.is-row-span-5-mobile { + --bulma-grid-cell-row-span: 5; + } + .cell.is-col-start-6-mobile { + --bulma-grid-cell-column-start: 6; + } + .cell.is-col-end-6-mobile { + --bulma-grid-cell-column-end: 6; + } + .cell.is-col-from-end-6-mobile { + --bulma-grid-cell-column-start: -6; + } + .cell.is-col-span-6-mobile { + --bulma-grid-cell-column-span: 6; + } + .cell.is-row-start-6-mobile { + --bulma-grid-cell-row-start: 6; + } + .cell.is-row-end-6-mobile { + --bulma-grid-cell-row-end: 6; + } + .cell.is-row-from-end-6-mobile { + --bulma-grid-cell-row-start: -6; + } + .cell.is-row-span-6-mobile { + --bulma-grid-cell-row-span: 6; + } + .cell.is-col-start-7-mobile { + --bulma-grid-cell-column-start: 7; + } + .cell.is-col-end-7-mobile { + --bulma-grid-cell-column-end: 7; + } + .cell.is-col-from-end-7-mobile { + --bulma-grid-cell-column-start: -7; + } + .cell.is-col-span-7-mobile { + --bulma-grid-cell-column-span: 7; + } + .cell.is-row-start-7-mobile { + --bulma-grid-cell-row-start: 7; + } + .cell.is-row-end-7-mobile { + --bulma-grid-cell-row-end: 7; + } + .cell.is-row-from-end-7-mobile { + --bulma-grid-cell-row-start: -7; + } + .cell.is-row-span-7-mobile { + --bulma-grid-cell-row-span: 7; + } + .cell.is-col-start-8-mobile { + --bulma-grid-cell-column-start: 8; + } + .cell.is-col-end-8-mobile { + --bulma-grid-cell-column-end: 8; + } + .cell.is-col-from-end-8-mobile { + --bulma-grid-cell-column-start: -8; + } + .cell.is-col-span-8-mobile { + --bulma-grid-cell-column-span: 8; + } + .cell.is-row-start-8-mobile { + --bulma-grid-cell-row-start: 8; + } + .cell.is-row-end-8-mobile { + --bulma-grid-cell-row-end: 8; + } + .cell.is-row-from-end-8-mobile { + --bulma-grid-cell-row-start: -8; + } + .cell.is-row-span-8-mobile { + --bulma-grid-cell-row-span: 8; + } + .cell.is-col-start-9-mobile { + --bulma-grid-cell-column-start: 9; + } + .cell.is-col-end-9-mobile { + --bulma-grid-cell-column-end: 9; + } + .cell.is-col-from-end-9-mobile { + --bulma-grid-cell-column-start: -9; + } + .cell.is-col-span-9-mobile { + --bulma-grid-cell-column-span: 9; + } + .cell.is-row-start-9-mobile { + --bulma-grid-cell-row-start: 9; + } + .cell.is-row-end-9-mobile { + --bulma-grid-cell-row-end: 9; + } + .cell.is-row-from-end-9-mobile { + --bulma-grid-cell-row-start: -9; + } + .cell.is-row-span-9-mobile { + --bulma-grid-cell-row-span: 9; + } + .cell.is-col-start-10-mobile { + --bulma-grid-cell-column-start: 10; + } + .cell.is-col-end-10-mobile { + --bulma-grid-cell-column-end: 10; + } + .cell.is-col-from-end-10-mobile { + --bulma-grid-cell-column-start: -10; + } + .cell.is-col-span-10-mobile { + --bulma-grid-cell-column-span: 10; + } + .cell.is-row-start-10-mobile { + --bulma-grid-cell-row-start: 10; + } + .cell.is-row-end-10-mobile { + --bulma-grid-cell-row-end: 10; + } + .cell.is-row-from-end-10-mobile { + --bulma-grid-cell-row-start: -10; + } + .cell.is-row-span-10-mobile { + --bulma-grid-cell-row-span: 10; + } + .cell.is-col-start-11-mobile { + --bulma-grid-cell-column-start: 11; + } + .cell.is-col-end-11-mobile { + --bulma-grid-cell-column-end: 11; + } + .cell.is-col-from-end-11-mobile { + --bulma-grid-cell-column-start: -11; + } + .cell.is-col-span-11-mobile { + --bulma-grid-cell-column-span: 11; + } + .cell.is-row-start-11-mobile { + --bulma-grid-cell-row-start: 11; + } + .cell.is-row-end-11-mobile { + --bulma-grid-cell-row-end: 11; + } + .cell.is-row-from-end-11-mobile { + --bulma-grid-cell-row-start: -11; + } + .cell.is-row-span-11-mobile { + --bulma-grid-cell-row-span: 11; + } + .cell.is-col-start-12-mobile { + --bulma-grid-cell-column-start: 12; + } + .cell.is-col-end-12-mobile { + --bulma-grid-cell-column-end: 12; + } + .cell.is-col-from-end-12-mobile { + --bulma-grid-cell-column-start: -12; + } + .cell.is-col-span-12-mobile { + --bulma-grid-cell-column-span: 12; + } + .cell.is-row-start-12-mobile { + --bulma-grid-cell-row-start: 12; + } + .cell.is-row-end-12-mobile { + --bulma-grid-cell-row-end: 12; + } + .cell.is-row-from-end-12-mobile { + --bulma-grid-cell-row-start: -12; + } + .cell.is-row-span-12-mobile { + --bulma-grid-cell-row-span: 12; + } +} +@media screen and (min-width: 769px), print { + .cell.is-col-start-1-tablet { + --bulma-grid-cell-column-start: 1; + } + .cell.is-col-end-1-tablet { + --bulma-grid-cell-column-end: 1; + } + .cell.is-col-from-end-1-tablet { + --bulma-grid-cell-column-start: -1; + } + .cell.is-col-span-1-tablet { + --bulma-grid-cell-column-span: 1; + } + .cell.is-row-start-1-tablet { + --bulma-grid-cell-row-start: 1; + } + .cell.is-row-end-1-tablet { + --bulma-grid-cell-row-end: 1; + } + .cell.is-row-from-end-1-tablet { + --bulma-grid-cell-row-start: -1; + } + .cell.is-row-span-1-tablet { + --bulma-grid-cell-row-span: 1; + } + .cell.is-col-start-2-tablet { + --bulma-grid-cell-column-start: 2; + } + .cell.is-col-end-2-tablet { + --bulma-grid-cell-column-end: 2; + } + .cell.is-col-from-end-2-tablet { + --bulma-grid-cell-column-start: -2; + } + .cell.is-col-span-2-tablet { + --bulma-grid-cell-column-span: 2; + } + .cell.is-row-start-2-tablet { + --bulma-grid-cell-row-start: 2; + } + .cell.is-row-end-2-tablet { + --bulma-grid-cell-row-end: 2; + } + .cell.is-row-from-end-2-tablet { + --bulma-grid-cell-row-start: -2; + } + .cell.is-row-span-2-tablet { + --bulma-grid-cell-row-span: 2; + } + .cell.is-col-start-3-tablet { + --bulma-grid-cell-column-start: 3; + } + .cell.is-col-end-3-tablet { + --bulma-grid-cell-column-end: 3; + } + .cell.is-col-from-end-3-tablet { + --bulma-grid-cell-column-start: -3; + } + .cell.is-col-span-3-tablet { + --bulma-grid-cell-column-span: 3; + } + .cell.is-row-start-3-tablet { + --bulma-grid-cell-row-start: 3; + } + .cell.is-row-end-3-tablet { + --bulma-grid-cell-row-end: 3; + } + .cell.is-row-from-end-3-tablet { + --bulma-grid-cell-row-start: -3; + } + .cell.is-row-span-3-tablet { + --bulma-grid-cell-row-span: 3; + } + .cell.is-col-start-4-tablet { + --bulma-grid-cell-column-start: 4; + } + .cell.is-col-end-4-tablet { + --bulma-grid-cell-column-end: 4; + } + .cell.is-col-from-end-4-tablet { + --bulma-grid-cell-column-start: -4; + } + .cell.is-col-span-4-tablet { + --bulma-grid-cell-column-span: 4; + } + .cell.is-row-start-4-tablet { + --bulma-grid-cell-row-start: 4; + } + .cell.is-row-end-4-tablet { + --bulma-grid-cell-row-end: 4; + } + .cell.is-row-from-end-4-tablet { + --bulma-grid-cell-row-start: -4; + } + .cell.is-row-span-4-tablet { + --bulma-grid-cell-row-span: 4; + } + .cell.is-col-start-5-tablet { + --bulma-grid-cell-column-start: 5; + } + .cell.is-col-end-5-tablet { + --bulma-grid-cell-column-end: 5; + } + .cell.is-col-from-end-5-tablet { + --bulma-grid-cell-column-start: -5; + } + .cell.is-col-span-5-tablet { + --bulma-grid-cell-column-span: 5; + } + .cell.is-row-start-5-tablet { + --bulma-grid-cell-row-start: 5; + } + .cell.is-row-end-5-tablet { + --bulma-grid-cell-row-end: 5; + } + .cell.is-row-from-end-5-tablet { + --bulma-grid-cell-row-start: -5; + } + .cell.is-row-span-5-tablet { + --bulma-grid-cell-row-span: 5; + } + .cell.is-col-start-6-tablet { + --bulma-grid-cell-column-start: 6; + } + .cell.is-col-end-6-tablet { + --bulma-grid-cell-column-end: 6; + } + .cell.is-col-from-end-6-tablet { + --bulma-grid-cell-column-start: -6; + } + .cell.is-col-span-6-tablet { + --bulma-grid-cell-column-span: 6; + } + .cell.is-row-start-6-tablet { + --bulma-grid-cell-row-start: 6; + } + .cell.is-row-end-6-tablet { + --bulma-grid-cell-row-end: 6; + } + .cell.is-row-from-end-6-tablet { + --bulma-grid-cell-row-start: -6; + } + .cell.is-row-span-6-tablet { + --bulma-grid-cell-row-span: 6; + } + .cell.is-col-start-7-tablet { + --bulma-grid-cell-column-start: 7; + } + .cell.is-col-end-7-tablet { + --bulma-grid-cell-column-end: 7; + } + .cell.is-col-from-end-7-tablet { + --bulma-grid-cell-column-start: -7; + } + .cell.is-col-span-7-tablet { + --bulma-grid-cell-column-span: 7; + } + .cell.is-row-start-7-tablet { + --bulma-grid-cell-row-start: 7; + } + .cell.is-row-end-7-tablet { + --bulma-grid-cell-row-end: 7; + } + .cell.is-row-from-end-7-tablet { + --bulma-grid-cell-row-start: -7; + } + .cell.is-row-span-7-tablet { + --bulma-grid-cell-row-span: 7; + } + .cell.is-col-start-8-tablet { + --bulma-grid-cell-column-start: 8; + } + .cell.is-col-end-8-tablet { + --bulma-grid-cell-column-end: 8; + } + .cell.is-col-from-end-8-tablet { + --bulma-grid-cell-column-start: -8; + } + .cell.is-col-span-8-tablet { + --bulma-grid-cell-column-span: 8; + } + .cell.is-row-start-8-tablet { + --bulma-grid-cell-row-start: 8; + } + .cell.is-row-end-8-tablet { + --bulma-grid-cell-row-end: 8; + } + .cell.is-row-from-end-8-tablet { + --bulma-grid-cell-row-start: -8; + } + .cell.is-row-span-8-tablet { + --bulma-grid-cell-row-span: 8; + } + .cell.is-col-start-9-tablet { + --bulma-grid-cell-column-start: 9; + } + .cell.is-col-end-9-tablet { + --bulma-grid-cell-column-end: 9; + } + .cell.is-col-from-end-9-tablet { + --bulma-grid-cell-column-start: -9; + } + .cell.is-col-span-9-tablet { + --bulma-grid-cell-column-span: 9; + } + .cell.is-row-start-9-tablet { + --bulma-grid-cell-row-start: 9; + } + .cell.is-row-end-9-tablet { + --bulma-grid-cell-row-end: 9; + } + .cell.is-row-from-end-9-tablet { + --bulma-grid-cell-row-start: -9; + } + .cell.is-row-span-9-tablet { + --bulma-grid-cell-row-span: 9; + } + .cell.is-col-start-10-tablet { + --bulma-grid-cell-column-start: 10; + } + .cell.is-col-end-10-tablet { + --bulma-grid-cell-column-end: 10; + } + .cell.is-col-from-end-10-tablet { + --bulma-grid-cell-column-start: -10; + } + .cell.is-col-span-10-tablet { + --bulma-grid-cell-column-span: 10; + } + .cell.is-row-start-10-tablet { + --bulma-grid-cell-row-start: 10; + } + .cell.is-row-end-10-tablet { + --bulma-grid-cell-row-end: 10; + } + .cell.is-row-from-end-10-tablet { + --bulma-grid-cell-row-start: -10; + } + .cell.is-row-span-10-tablet { + --bulma-grid-cell-row-span: 10; + } + .cell.is-col-start-11-tablet { + --bulma-grid-cell-column-start: 11; + } + .cell.is-col-end-11-tablet { + --bulma-grid-cell-column-end: 11; + } + .cell.is-col-from-end-11-tablet { + --bulma-grid-cell-column-start: -11; + } + .cell.is-col-span-11-tablet { + --bulma-grid-cell-column-span: 11; + } + .cell.is-row-start-11-tablet { + --bulma-grid-cell-row-start: 11; + } + .cell.is-row-end-11-tablet { + --bulma-grid-cell-row-end: 11; + } + .cell.is-row-from-end-11-tablet { + --bulma-grid-cell-row-start: -11; + } + .cell.is-row-span-11-tablet { + --bulma-grid-cell-row-span: 11; + } + .cell.is-col-start-12-tablet { + --bulma-grid-cell-column-start: 12; + } + .cell.is-col-end-12-tablet { + --bulma-grid-cell-column-end: 12; + } + .cell.is-col-from-end-12-tablet { + --bulma-grid-cell-column-start: -12; + } + .cell.is-col-span-12-tablet { + --bulma-grid-cell-column-span: 12; + } + .cell.is-row-start-12-tablet { + --bulma-grid-cell-row-start: 12; + } + .cell.is-row-end-12-tablet { + --bulma-grid-cell-row-end: 12; + } + .cell.is-row-from-end-12-tablet { + --bulma-grid-cell-row-start: -12; + } + .cell.is-row-span-12-tablet { + --bulma-grid-cell-row-span: 12; + } +} +@media screen and (min-width: 769px) and (max-width: 1023px) { + .cell.is-col-start-1-tablet-only { + --bulma-grid-cell-column-start: 1; + } + .cell.is-col-end-1-tablet-only { + --bulma-grid-cell-column-end: 1; + } + .cell.is-col-from-end-1-tablet-only { + --bulma-grid-cell-column-start: -1; + } + .cell.is-col-span-1-tablet-only { + --bulma-grid-cell-column-span: 1; + } + .cell.is-row-start-1-tablet-only { + --bulma-grid-cell-row-start: 1; + } + .cell.is-row-end-1-tablet-only { + --bulma-grid-cell-row-end: 1; + } + .cell.is-row-from-end-1-tablet-only { + --bulma-grid-cell-row-start: -1; + } + .cell.is-row-span-1-tablet-only { + --bulma-grid-cell-row-span: 1; + } + .cell.is-col-start-2-tablet-only { + --bulma-grid-cell-column-start: 2; + } + .cell.is-col-end-2-tablet-only { + --bulma-grid-cell-column-end: 2; + } + .cell.is-col-from-end-2-tablet-only { + --bulma-grid-cell-column-start: -2; + } + .cell.is-col-span-2-tablet-only { + --bulma-grid-cell-column-span: 2; + } + .cell.is-row-start-2-tablet-only { + --bulma-grid-cell-row-start: 2; + } + .cell.is-row-end-2-tablet-only { + --bulma-grid-cell-row-end: 2; + } + .cell.is-row-from-end-2-tablet-only { + --bulma-grid-cell-row-start: -2; + } + .cell.is-row-span-2-tablet-only { + --bulma-grid-cell-row-span: 2; + } + .cell.is-col-start-3-tablet-only { + --bulma-grid-cell-column-start: 3; + } + .cell.is-col-end-3-tablet-only { + --bulma-grid-cell-column-end: 3; + } + .cell.is-col-from-end-3-tablet-only { + --bulma-grid-cell-column-start: -3; + } + .cell.is-col-span-3-tablet-only { + --bulma-grid-cell-column-span: 3; + } + .cell.is-row-start-3-tablet-only { + --bulma-grid-cell-row-start: 3; + } + .cell.is-row-end-3-tablet-only { + --bulma-grid-cell-row-end: 3; + } + .cell.is-row-from-end-3-tablet-only { + --bulma-grid-cell-row-start: -3; + } + .cell.is-row-span-3-tablet-only { + --bulma-grid-cell-row-span: 3; + } + .cell.is-col-start-4-tablet-only { + --bulma-grid-cell-column-start: 4; + } + .cell.is-col-end-4-tablet-only { + --bulma-grid-cell-column-end: 4; + } + .cell.is-col-from-end-4-tablet-only { + --bulma-grid-cell-column-start: -4; + } + .cell.is-col-span-4-tablet-only { + --bulma-grid-cell-column-span: 4; + } + .cell.is-row-start-4-tablet-only { + --bulma-grid-cell-row-start: 4; + } + .cell.is-row-end-4-tablet-only { + --bulma-grid-cell-row-end: 4; + } + .cell.is-row-from-end-4-tablet-only { + --bulma-grid-cell-row-start: -4; + } + .cell.is-row-span-4-tablet-only { + --bulma-grid-cell-row-span: 4; + } + .cell.is-col-start-5-tablet-only { + --bulma-grid-cell-column-start: 5; + } + .cell.is-col-end-5-tablet-only { + --bulma-grid-cell-column-end: 5; + } + .cell.is-col-from-end-5-tablet-only { + --bulma-grid-cell-column-start: -5; + } + .cell.is-col-span-5-tablet-only { + --bulma-grid-cell-column-span: 5; + } + .cell.is-row-start-5-tablet-only { + --bulma-grid-cell-row-start: 5; + } + .cell.is-row-end-5-tablet-only { + --bulma-grid-cell-row-end: 5; + } + .cell.is-row-from-end-5-tablet-only { + --bulma-grid-cell-row-start: -5; + } + .cell.is-row-span-5-tablet-only { + --bulma-grid-cell-row-span: 5; + } + .cell.is-col-start-6-tablet-only { + --bulma-grid-cell-column-start: 6; + } + .cell.is-col-end-6-tablet-only { + --bulma-grid-cell-column-end: 6; + } + .cell.is-col-from-end-6-tablet-only { + --bulma-grid-cell-column-start: -6; + } + .cell.is-col-span-6-tablet-only { + --bulma-grid-cell-column-span: 6; + } + .cell.is-row-start-6-tablet-only { + --bulma-grid-cell-row-start: 6; + } + .cell.is-row-end-6-tablet-only { + --bulma-grid-cell-row-end: 6; + } + .cell.is-row-from-end-6-tablet-only { + --bulma-grid-cell-row-start: -6; + } + .cell.is-row-span-6-tablet-only { + --bulma-grid-cell-row-span: 6; + } + .cell.is-col-start-7-tablet-only { + --bulma-grid-cell-column-start: 7; + } + .cell.is-col-end-7-tablet-only { + --bulma-grid-cell-column-end: 7; + } + .cell.is-col-from-end-7-tablet-only { + --bulma-grid-cell-column-start: -7; + } + .cell.is-col-span-7-tablet-only { + --bulma-grid-cell-column-span: 7; + } + .cell.is-row-start-7-tablet-only { + --bulma-grid-cell-row-start: 7; + } + .cell.is-row-end-7-tablet-only { + --bulma-grid-cell-row-end: 7; + } + .cell.is-row-from-end-7-tablet-only { + --bulma-grid-cell-row-start: -7; + } + .cell.is-row-span-7-tablet-only { + --bulma-grid-cell-row-span: 7; + } + .cell.is-col-start-8-tablet-only { + --bulma-grid-cell-column-start: 8; + } + .cell.is-col-end-8-tablet-only { + --bulma-grid-cell-column-end: 8; + } + .cell.is-col-from-end-8-tablet-only { + --bulma-grid-cell-column-start: -8; + } + .cell.is-col-span-8-tablet-only { + --bulma-grid-cell-column-span: 8; + } + .cell.is-row-start-8-tablet-only { + --bulma-grid-cell-row-start: 8; + } + .cell.is-row-end-8-tablet-only { + --bulma-grid-cell-row-end: 8; + } + .cell.is-row-from-end-8-tablet-only { + --bulma-grid-cell-row-start: -8; + } + .cell.is-row-span-8-tablet-only { + --bulma-grid-cell-row-span: 8; + } + .cell.is-col-start-9-tablet-only { + --bulma-grid-cell-column-start: 9; + } + .cell.is-col-end-9-tablet-only { + --bulma-grid-cell-column-end: 9; + } + .cell.is-col-from-end-9-tablet-only { + --bulma-grid-cell-column-start: -9; + } + .cell.is-col-span-9-tablet-only { + --bulma-grid-cell-column-span: 9; + } + .cell.is-row-start-9-tablet-only { + --bulma-grid-cell-row-start: 9; + } + .cell.is-row-end-9-tablet-only { + --bulma-grid-cell-row-end: 9; + } + .cell.is-row-from-end-9-tablet-only { + --bulma-grid-cell-row-start: -9; + } + .cell.is-row-span-9-tablet-only { + --bulma-grid-cell-row-span: 9; + } + .cell.is-col-start-10-tablet-only { + --bulma-grid-cell-column-start: 10; + } + .cell.is-col-end-10-tablet-only { + --bulma-grid-cell-column-end: 10; + } + .cell.is-col-from-end-10-tablet-only { + --bulma-grid-cell-column-start: -10; + } + .cell.is-col-span-10-tablet-only { + --bulma-grid-cell-column-span: 10; + } + .cell.is-row-start-10-tablet-only { + --bulma-grid-cell-row-start: 10; + } + .cell.is-row-end-10-tablet-only { + --bulma-grid-cell-row-end: 10; + } + .cell.is-row-from-end-10-tablet-only { + --bulma-grid-cell-row-start: -10; + } + .cell.is-row-span-10-tablet-only { + --bulma-grid-cell-row-span: 10; + } + .cell.is-col-start-11-tablet-only { + --bulma-grid-cell-column-start: 11; + } + .cell.is-col-end-11-tablet-only { + --bulma-grid-cell-column-end: 11; + } + .cell.is-col-from-end-11-tablet-only { + --bulma-grid-cell-column-start: -11; + } + .cell.is-col-span-11-tablet-only { + --bulma-grid-cell-column-span: 11; + } + .cell.is-row-start-11-tablet-only { + --bulma-grid-cell-row-start: 11; + } + .cell.is-row-end-11-tablet-only { + --bulma-grid-cell-row-end: 11; + } + .cell.is-row-from-end-11-tablet-only { + --bulma-grid-cell-row-start: -11; + } + .cell.is-row-span-11-tablet-only { + --bulma-grid-cell-row-span: 11; + } + .cell.is-col-start-12-tablet-only { + --bulma-grid-cell-column-start: 12; + } + .cell.is-col-end-12-tablet-only { + --bulma-grid-cell-column-end: 12; + } + .cell.is-col-from-end-12-tablet-only { + --bulma-grid-cell-column-start: -12; + } + .cell.is-col-span-12-tablet-only { + --bulma-grid-cell-column-span: 12; + } + .cell.is-row-start-12-tablet-only { + --bulma-grid-cell-row-start: 12; + } + .cell.is-row-end-12-tablet-only { + --bulma-grid-cell-row-end: 12; + } + .cell.is-row-from-end-12-tablet-only { + --bulma-grid-cell-row-start: -12; + } + .cell.is-row-span-12-tablet-only { + --bulma-grid-cell-row-span: 12; + } +} +@media screen and (min-width: 1024px) { + .cell.is-col-start-1-desktop { + --bulma-grid-cell-column-start: 1; + } + .cell.is-col-end-1-desktop { + --bulma-grid-cell-column-end: 1; + } + .cell.is-col-from-end-1-desktop { + --bulma-grid-cell-column-start: -1; + } + .cell.is-col-span-1-desktop { + --bulma-grid-cell-column-span: 1; + } + .cell.is-row-start-1-desktop { + --bulma-grid-cell-row-start: 1; + } + .cell.is-row-end-1-desktop { + --bulma-grid-cell-row-end: 1; + } + .cell.is-row-from-end-1-desktop { + --bulma-grid-cell-row-start: -1; + } + .cell.is-row-span-1-desktop { + --bulma-grid-cell-row-span: 1; + } + .cell.is-col-start-2-desktop { + --bulma-grid-cell-column-start: 2; + } + .cell.is-col-end-2-desktop { + --bulma-grid-cell-column-end: 2; + } + .cell.is-col-from-end-2-desktop { + --bulma-grid-cell-column-start: -2; + } + .cell.is-col-span-2-desktop { + --bulma-grid-cell-column-span: 2; + } + .cell.is-row-start-2-desktop { + --bulma-grid-cell-row-start: 2; + } + .cell.is-row-end-2-desktop { + --bulma-grid-cell-row-end: 2; + } + .cell.is-row-from-end-2-desktop { + --bulma-grid-cell-row-start: -2; + } + .cell.is-row-span-2-desktop { + --bulma-grid-cell-row-span: 2; + } + .cell.is-col-start-3-desktop { + --bulma-grid-cell-column-start: 3; + } + .cell.is-col-end-3-desktop { + --bulma-grid-cell-column-end: 3; + } + .cell.is-col-from-end-3-desktop { + --bulma-grid-cell-column-start: -3; + } + .cell.is-col-span-3-desktop { + --bulma-grid-cell-column-span: 3; + } + .cell.is-row-start-3-desktop { + --bulma-grid-cell-row-start: 3; + } + .cell.is-row-end-3-desktop { + --bulma-grid-cell-row-end: 3; + } + .cell.is-row-from-end-3-desktop { + --bulma-grid-cell-row-start: -3; + } + .cell.is-row-span-3-desktop { + --bulma-grid-cell-row-span: 3; + } + .cell.is-col-start-4-desktop { + --bulma-grid-cell-column-start: 4; + } + .cell.is-col-end-4-desktop { + --bulma-grid-cell-column-end: 4; + } + .cell.is-col-from-end-4-desktop { + --bulma-grid-cell-column-start: -4; + } + .cell.is-col-span-4-desktop { + --bulma-grid-cell-column-span: 4; + } + .cell.is-row-start-4-desktop { + --bulma-grid-cell-row-start: 4; + } + .cell.is-row-end-4-desktop { + --bulma-grid-cell-row-end: 4; + } + .cell.is-row-from-end-4-desktop { + --bulma-grid-cell-row-start: -4; + } + .cell.is-row-span-4-desktop { + --bulma-grid-cell-row-span: 4; + } + .cell.is-col-start-5-desktop { + --bulma-grid-cell-column-start: 5; + } + .cell.is-col-end-5-desktop { + --bulma-grid-cell-column-end: 5; + } + .cell.is-col-from-end-5-desktop { + --bulma-grid-cell-column-start: -5; + } + .cell.is-col-span-5-desktop { + --bulma-grid-cell-column-span: 5; + } + .cell.is-row-start-5-desktop { + --bulma-grid-cell-row-start: 5; + } + .cell.is-row-end-5-desktop { + --bulma-grid-cell-row-end: 5; + } + .cell.is-row-from-end-5-desktop { + --bulma-grid-cell-row-start: -5; + } + .cell.is-row-span-5-desktop { + --bulma-grid-cell-row-span: 5; + } + .cell.is-col-start-6-desktop { + --bulma-grid-cell-column-start: 6; + } + .cell.is-col-end-6-desktop { + --bulma-grid-cell-column-end: 6; + } + .cell.is-col-from-end-6-desktop { + --bulma-grid-cell-column-start: -6; + } + .cell.is-col-span-6-desktop { + --bulma-grid-cell-column-span: 6; + } + .cell.is-row-start-6-desktop { + --bulma-grid-cell-row-start: 6; + } + .cell.is-row-end-6-desktop { + --bulma-grid-cell-row-end: 6; + } + .cell.is-row-from-end-6-desktop { + --bulma-grid-cell-row-start: -6; + } + .cell.is-row-span-6-desktop { + --bulma-grid-cell-row-span: 6; + } + .cell.is-col-start-7-desktop { + --bulma-grid-cell-column-start: 7; + } + .cell.is-col-end-7-desktop { + --bulma-grid-cell-column-end: 7; + } + .cell.is-col-from-end-7-desktop { + --bulma-grid-cell-column-start: -7; + } + .cell.is-col-span-7-desktop { + --bulma-grid-cell-column-span: 7; + } + .cell.is-row-start-7-desktop { + --bulma-grid-cell-row-start: 7; + } + .cell.is-row-end-7-desktop { + --bulma-grid-cell-row-end: 7; + } + .cell.is-row-from-end-7-desktop { + --bulma-grid-cell-row-start: -7; + } + .cell.is-row-span-7-desktop { + --bulma-grid-cell-row-span: 7; + } + .cell.is-col-start-8-desktop { + --bulma-grid-cell-column-start: 8; + } + .cell.is-col-end-8-desktop { + --bulma-grid-cell-column-end: 8; + } + .cell.is-col-from-end-8-desktop { + --bulma-grid-cell-column-start: -8; + } + .cell.is-col-span-8-desktop { + --bulma-grid-cell-column-span: 8; + } + .cell.is-row-start-8-desktop { + --bulma-grid-cell-row-start: 8; + } + .cell.is-row-end-8-desktop { + --bulma-grid-cell-row-end: 8; + } + .cell.is-row-from-end-8-desktop { + --bulma-grid-cell-row-start: -8; + } + .cell.is-row-span-8-desktop { + --bulma-grid-cell-row-span: 8; + } + .cell.is-col-start-9-desktop { + --bulma-grid-cell-column-start: 9; + } + .cell.is-col-end-9-desktop { + --bulma-grid-cell-column-end: 9; + } + .cell.is-col-from-end-9-desktop { + --bulma-grid-cell-column-start: -9; + } + .cell.is-col-span-9-desktop { + --bulma-grid-cell-column-span: 9; + } + .cell.is-row-start-9-desktop { + --bulma-grid-cell-row-start: 9; + } + .cell.is-row-end-9-desktop { + --bulma-grid-cell-row-end: 9; + } + .cell.is-row-from-end-9-desktop { + --bulma-grid-cell-row-start: -9; + } + .cell.is-row-span-9-desktop { + --bulma-grid-cell-row-span: 9; + } + .cell.is-col-start-10-desktop { + --bulma-grid-cell-column-start: 10; + } + .cell.is-col-end-10-desktop { + --bulma-grid-cell-column-end: 10; + } + .cell.is-col-from-end-10-desktop { + --bulma-grid-cell-column-start: -10; + } + .cell.is-col-span-10-desktop { + --bulma-grid-cell-column-span: 10; + } + .cell.is-row-start-10-desktop { + --bulma-grid-cell-row-start: 10; + } + .cell.is-row-end-10-desktop { + --bulma-grid-cell-row-end: 10; + } + .cell.is-row-from-end-10-desktop { + --bulma-grid-cell-row-start: -10; + } + .cell.is-row-span-10-desktop { + --bulma-grid-cell-row-span: 10; + } + .cell.is-col-start-11-desktop { + --bulma-grid-cell-column-start: 11; + } + .cell.is-col-end-11-desktop { + --bulma-grid-cell-column-end: 11; + } + .cell.is-col-from-end-11-desktop { + --bulma-grid-cell-column-start: -11; + } + .cell.is-col-span-11-desktop { + --bulma-grid-cell-column-span: 11; + } + .cell.is-row-start-11-desktop { + --bulma-grid-cell-row-start: 11; + } + .cell.is-row-end-11-desktop { + --bulma-grid-cell-row-end: 11; + } + .cell.is-row-from-end-11-desktop { + --bulma-grid-cell-row-start: -11; + } + .cell.is-row-span-11-desktop { + --bulma-grid-cell-row-span: 11; + } + .cell.is-col-start-12-desktop { + --bulma-grid-cell-column-start: 12; + } + .cell.is-col-end-12-desktop { + --bulma-grid-cell-column-end: 12; + } + .cell.is-col-from-end-12-desktop { + --bulma-grid-cell-column-start: -12; + } + .cell.is-col-span-12-desktop { + --bulma-grid-cell-column-span: 12; + } + .cell.is-row-start-12-desktop { + --bulma-grid-cell-row-start: 12; + } + .cell.is-row-end-12-desktop { + --bulma-grid-cell-row-end: 12; + } + .cell.is-row-from-end-12-desktop { + --bulma-grid-cell-row-start: -12; + } + .cell.is-row-span-12-desktop { + --bulma-grid-cell-row-span: 12; + } +} +@media screen and (min-width: 1024px) and (max-width: 1215px) { + .cell.is-col-start-1-desktop-only { + --bulma-grid-cell-column-start: 1; + } + .cell.is-col-end-1-desktop-only { + --bulma-grid-cell-column-end: 1; + } + .cell.is-col-from-end-1-desktop-only { + --bulma-grid-cell-column-start: -1; + } + .cell.is-col-span-1-desktop-only { + --bulma-grid-cell-column-span: 1; + } + .cell.is-row-start-1-desktop-only { + --bulma-grid-cell-row-start: 1; + } + .cell.is-row-end-1-desktop-only { + --bulma-grid-cell-row-end: 1; + } + .cell.is-row-from-end-1-desktop-only { + --bulma-grid-cell-row-start: -1; + } + .cell.is-row-span-1-desktop-only { + --bulma-grid-cell-row-span: 1; + } + .cell.is-col-start-2-desktop-only { + --bulma-grid-cell-column-start: 2; + } + .cell.is-col-end-2-desktop-only { + --bulma-grid-cell-column-end: 2; + } + .cell.is-col-from-end-2-desktop-only { + --bulma-grid-cell-column-start: -2; + } + .cell.is-col-span-2-desktop-only { + --bulma-grid-cell-column-span: 2; + } + .cell.is-row-start-2-desktop-only { + --bulma-grid-cell-row-start: 2; + } + .cell.is-row-end-2-desktop-only { + --bulma-grid-cell-row-end: 2; + } + .cell.is-row-from-end-2-desktop-only { + --bulma-grid-cell-row-start: -2; + } + .cell.is-row-span-2-desktop-only { + --bulma-grid-cell-row-span: 2; + } + .cell.is-col-start-3-desktop-only { + --bulma-grid-cell-column-start: 3; + } + .cell.is-col-end-3-desktop-only { + --bulma-grid-cell-column-end: 3; + } + .cell.is-col-from-end-3-desktop-only { + --bulma-grid-cell-column-start: -3; + } + .cell.is-col-span-3-desktop-only { + --bulma-grid-cell-column-span: 3; + } + .cell.is-row-start-3-desktop-only { + --bulma-grid-cell-row-start: 3; + } + .cell.is-row-end-3-desktop-only { + --bulma-grid-cell-row-end: 3; + } + .cell.is-row-from-end-3-desktop-only { + --bulma-grid-cell-row-start: -3; + } + .cell.is-row-span-3-desktop-only { + --bulma-grid-cell-row-span: 3; + } + .cell.is-col-start-4-desktop-only { + --bulma-grid-cell-column-start: 4; + } + .cell.is-col-end-4-desktop-only { + --bulma-grid-cell-column-end: 4; + } + .cell.is-col-from-end-4-desktop-only { + --bulma-grid-cell-column-start: -4; + } + .cell.is-col-span-4-desktop-only { + --bulma-grid-cell-column-span: 4; + } + .cell.is-row-start-4-desktop-only { + --bulma-grid-cell-row-start: 4; + } + .cell.is-row-end-4-desktop-only { + --bulma-grid-cell-row-end: 4; + } + .cell.is-row-from-end-4-desktop-only { + --bulma-grid-cell-row-start: -4; + } + .cell.is-row-span-4-desktop-only { + --bulma-grid-cell-row-span: 4; + } + .cell.is-col-start-5-desktop-only { + --bulma-grid-cell-column-start: 5; + } + .cell.is-col-end-5-desktop-only { + --bulma-grid-cell-column-end: 5; + } + .cell.is-col-from-end-5-desktop-only { + --bulma-grid-cell-column-start: -5; + } + .cell.is-col-span-5-desktop-only { + --bulma-grid-cell-column-span: 5; + } + .cell.is-row-start-5-desktop-only { + --bulma-grid-cell-row-start: 5; + } + .cell.is-row-end-5-desktop-only { + --bulma-grid-cell-row-end: 5; + } + .cell.is-row-from-end-5-desktop-only { + --bulma-grid-cell-row-start: -5; + } + .cell.is-row-span-5-desktop-only { + --bulma-grid-cell-row-span: 5; + } + .cell.is-col-start-6-desktop-only { + --bulma-grid-cell-column-start: 6; + } + .cell.is-col-end-6-desktop-only { + --bulma-grid-cell-column-end: 6; + } + .cell.is-col-from-end-6-desktop-only { + --bulma-grid-cell-column-start: -6; + } + .cell.is-col-span-6-desktop-only { + --bulma-grid-cell-column-span: 6; + } + .cell.is-row-start-6-desktop-only { + --bulma-grid-cell-row-start: 6; + } + .cell.is-row-end-6-desktop-only { + --bulma-grid-cell-row-end: 6; + } + .cell.is-row-from-end-6-desktop-only { + --bulma-grid-cell-row-start: -6; + } + .cell.is-row-span-6-desktop-only { + --bulma-grid-cell-row-span: 6; + } + .cell.is-col-start-7-desktop-only { + --bulma-grid-cell-column-start: 7; + } + .cell.is-col-end-7-desktop-only { + --bulma-grid-cell-column-end: 7; + } + .cell.is-col-from-end-7-desktop-only { + --bulma-grid-cell-column-start: -7; + } + .cell.is-col-span-7-desktop-only { + --bulma-grid-cell-column-span: 7; + } + .cell.is-row-start-7-desktop-only { + --bulma-grid-cell-row-start: 7; + } + .cell.is-row-end-7-desktop-only { + --bulma-grid-cell-row-end: 7; + } + .cell.is-row-from-end-7-desktop-only { + --bulma-grid-cell-row-start: -7; + } + .cell.is-row-span-7-desktop-only { + --bulma-grid-cell-row-span: 7; + } + .cell.is-col-start-8-desktop-only { + --bulma-grid-cell-column-start: 8; + } + .cell.is-col-end-8-desktop-only { + --bulma-grid-cell-column-end: 8; + } + .cell.is-col-from-end-8-desktop-only { + --bulma-grid-cell-column-start: -8; + } + .cell.is-col-span-8-desktop-only { + --bulma-grid-cell-column-span: 8; + } + .cell.is-row-start-8-desktop-only { + --bulma-grid-cell-row-start: 8; + } + .cell.is-row-end-8-desktop-only { + --bulma-grid-cell-row-end: 8; + } + .cell.is-row-from-end-8-desktop-only { + --bulma-grid-cell-row-start: -8; + } + .cell.is-row-span-8-desktop-only { + --bulma-grid-cell-row-span: 8; + } + .cell.is-col-start-9-desktop-only { + --bulma-grid-cell-column-start: 9; + } + .cell.is-col-end-9-desktop-only { + --bulma-grid-cell-column-end: 9; + } + .cell.is-col-from-end-9-desktop-only { + --bulma-grid-cell-column-start: -9; + } + .cell.is-col-span-9-desktop-only { + --bulma-grid-cell-column-span: 9; + } + .cell.is-row-start-9-desktop-only { + --bulma-grid-cell-row-start: 9; + } + .cell.is-row-end-9-desktop-only { + --bulma-grid-cell-row-end: 9; + } + .cell.is-row-from-end-9-desktop-only { + --bulma-grid-cell-row-start: -9; + } + .cell.is-row-span-9-desktop-only { + --bulma-grid-cell-row-span: 9; + } + .cell.is-col-start-10-desktop-only { + --bulma-grid-cell-column-start: 10; + } + .cell.is-col-end-10-desktop-only { + --bulma-grid-cell-column-end: 10; + } + .cell.is-col-from-end-10-desktop-only { + --bulma-grid-cell-column-start: -10; + } + .cell.is-col-span-10-desktop-only { + --bulma-grid-cell-column-span: 10; + } + .cell.is-row-start-10-desktop-only { + --bulma-grid-cell-row-start: 10; + } + .cell.is-row-end-10-desktop-only { + --bulma-grid-cell-row-end: 10; + } + .cell.is-row-from-end-10-desktop-only { + --bulma-grid-cell-row-start: -10; + } + .cell.is-row-span-10-desktop-only { + --bulma-grid-cell-row-span: 10; + } + .cell.is-col-start-11-desktop-only { + --bulma-grid-cell-column-start: 11; + } + .cell.is-col-end-11-desktop-only { + --bulma-grid-cell-column-end: 11; + } + .cell.is-col-from-end-11-desktop-only { + --bulma-grid-cell-column-start: -11; + } + .cell.is-col-span-11-desktop-only { + --bulma-grid-cell-column-span: 11; + } + .cell.is-row-start-11-desktop-only { + --bulma-grid-cell-row-start: 11; + } + .cell.is-row-end-11-desktop-only { + --bulma-grid-cell-row-end: 11; + } + .cell.is-row-from-end-11-desktop-only { + --bulma-grid-cell-row-start: -11; + } + .cell.is-row-span-11-desktop-only { + --bulma-grid-cell-row-span: 11; + } + .cell.is-col-start-12-desktop-only { + --bulma-grid-cell-column-start: 12; + } + .cell.is-col-end-12-desktop-only { + --bulma-grid-cell-column-end: 12; + } + .cell.is-col-from-end-12-desktop-only { + --bulma-grid-cell-column-start: -12; + } + .cell.is-col-span-12-desktop-only { + --bulma-grid-cell-column-span: 12; + } + .cell.is-row-start-12-desktop-only { + --bulma-grid-cell-row-start: 12; + } + .cell.is-row-end-12-desktop-only { + --bulma-grid-cell-row-end: 12; + } + .cell.is-row-from-end-12-desktop-only { + --bulma-grid-cell-row-start: -12; + } + .cell.is-row-span-12-desktop-only { + --bulma-grid-cell-row-span: 12; + } +} +@media screen and (min-width: 1216px) { + .cell.is-col-start-1-widescreen { + --bulma-grid-cell-column-start: 1; + } + .cell.is-col-end-1-widescreen { + --bulma-grid-cell-column-end: 1; + } + .cell.is-col-from-end-1-widescreen { + --bulma-grid-cell-column-start: -1; + } + .cell.is-col-span-1-widescreen { + --bulma-grid-cell-column-span: 1; + } + .cell.is-row-start-1-widescreen { + --bulma-grid-cell-row-start: 1; + } + .cell.is-row-end-1-widescreen { + --bulma-grid-cell-row-end: 1; + } + .cell.is-row-from-end-1-widescreen { + --bulma-grid-cell-row-start: -1; + } + .cell.is-row-span-1-widescreen { + --bulma-grid-cell-row-span: 1; + } + .cell.is-col-start-2-widescreen { + --bulma-grid-cell-column-start: 2; + } + .cell.is-col-end-2-widescreen { + --bulma-grid-cell-column-end: 2; + } + .cell.is-col-from-end-2-widescreen { + --bulma-grid-cell-column-start: -2; + } + .cell.is-col-span-2-widescreen { + --bulma-grid-cell-column-span: 2; + } + .cell.is-row-start-2-widescreen { + --bulma-grid-cell-row-start: 2; + } + .cell.is-row-end-2-widescreen { + --bulma-grid-cell-row-end: 2; + } + .cell.is-row-from-end-2-widescreen { + --bulma-grid-cell-row-start: -2; + } + .cell.is-row-span-2-widescreen { + --bulma-grid-cell-row-span: 2; + } + .cell.is-col-start-3-widescreen { + --bulma-grid-cell-column-start: 3; + } + .cell.is-col-end-3-widescreen { + --bulma-grid-cell-column-end: 3; + } + .cell.is-col-from-end-3-widescreen { + --bulma-grid-cell-column-start: -3; + } + .cell.is-col-span-3-widescreen { + --bulma-grid-cell-column-span: 3; + } + .cell.is-row-start-3-widescreen { + --bulma-grid-cell-row-start: 3; + } + .cell.is-row-end-3-widescreen { + --bulma-grid-cell-row-end: 3; + } + .cell.is-row-from-end-3-widescreen { + --bulma-grid-cell-row-start: -3; + } + .cell.is-row-span-3-widescreen { + --bulma-grid-cell-row-span: 3; + } + .cell.is-col-start-4-widescreen { + --bulma-grid-cell-column-start: 4; + } + .cell.is-col-end-4-widescreen { + --bulma-grid-cell-column-end: 4; + } + .cell.is-col-from-end-4-widescreen { + --bulma-grid-cell-column-start: -4; + } + .cell.is-col-span-4-widescreen { + --bulma-grid-cell-column-span: 4; + } + .cell.is-row-start-4-widescreen { + --bulma-grid-cell-row-start: 4; + } + .cell.is-row-end-4-widescreen { + --bulma-grid-cell-row-end: 4; + } + .cell.is-row-from-end-4-widescreen { + --bulma-grid-cell-row-start: -4; + } + .cell.is-row-span-4-widescreen { + --bulma-grid-cell-row-span: 4; + } + .cell.is-col-start-5-widescreen { + --bulma-grid-cell-column-start: 5; + } + .cell.is-col-end-5-widescreen { + --bulma-grid-cell-column-end: 5; + } + .cell.is-col-from-end-5-widescreen { + --bulma-grid-cell-column-start: -5; + } + .cell.is-col-span-5-widescreen { + --bulma-grid-cell-column-span: 5; + } + .cell.is-row-start-5-widescreen { + --bulma-grid-cell-row-start: 5; + } + .cell.is-row-end-5-widescreen { + --bulma-grid-cell-row-end: 5; + } + .cell.is-row-from-end-5-widescreen { + --bulma-grid-cell-row-start: -5; + } + .cell.is-row-span-5-widescreen { + --bulma-grid-cell-row-span: 5; + } + .cell.is-col-start-6-widescreen { + --bulma-grid-cell-column-start: 6; + } + .cell.is-col-end-6-widescreen { + --bulma-grid-cell-column-end: 6; + } + .cell.is-col-from-end-6-widescreen { + --bulma-grid-cell-column-start: -6; + } + .cell.is-col-span-6-widescreen { + --bulma-grid-cell-column-span: 6; + } + .cell.is-row-start-6-widescreen { + --bulma-grid-cell-row-start: 6; + } + .cell.is-row-end-6-widescreen { + --bulma-grid-cell-row-end: 6; + } + .cell.is-row-from-end-6-widescreen { + --bulma-grid-cell-row-start: -6; + } + .cell.is-row-span-6-widescreen { + --bulma-grid-cell-row-span: 6; + } + .cell.is-col-start-7-widescreen { + --bulma-grid-cell-column-start: 7; + } + .cell.is-col-end-7-widescreen { + --bulma-grid-cell-column-end: 7; + } + .cell.is-col-from-end-7-widescreen { + --bulma-grid-cell-column-start: -7; + } + .cell.is-col-span-7-widescreen { + --bulma-grid-cell-column-span: 7; + } + .cell.is-row-start-7-widescreen { + --bulma-grid-cell-row-start: 7; + } + .cell.is-row-end-7-widescreen { + --bulma-grid-cell-row-end: 7; + } + .cell.is-row-from-end-7-widescreen { + --bulma-grid-cell-row-start: -7; + } + .cell.is-row-span-7-widescreen { + --bulma-grid-cell-row-span: 7; + } + .cell.is-col-start-8-widescreen { + --bulma-grid-cell-column-start: 8; + } + .cell.is-col-end-8-widescreen { + --bulma-grid-cell-column-end: 8; + } + .cell.is-col-from-end-8-widescreen { + --bulma-grid-cell-column-start: -8; + } + .cell.is-col-span-8-widescreen { + --bulma-grid-cell-column-span: 8; + } + .cell.is-row-start-8-widescreen { + --bulma-grid-cell-row-start: 8; + } + .cell.is-row-end-8-widescreen { + --bulma-grid-cell-row-end: 8; + } + .cell.is-row-from-end-8-widescreen { + --bulma-grid-cell-row-start: -8; + } + .cell.is-row-span-8-widescreen { + --bulma-grid-cell-row-span: 8; + } + .cell.is-col-start-9-widescreen { + --bulma-grid-cell-column-start: 9; + } + .cell.is-col-end-9-widescreen { + --bulma-grid-cell-column-end: 9; + } + .cell.is-col-from-end-9-widescreen { + --bulma-grid-cell-column-start: -9; + } + .cell.is-col-span-9-widescreen { + --bulma-grid-cell-column-span: 9; + } + .cell.is-row-start-9-widescreen { + --bulma-grid-cell-row-start: 9; + } + .cell.is-row-end-9-widescreen { + --bulma-grid-cell-row-end: 9; + } + .cell.is-row-from-end-9-widescreen { + --bulma-grid-cell-row-start: -9; + } + .cell.is-row-span-9-widescreen { + --bulma-grid-cell-row-span: 9; + } + .cell.is-col-start-10-widescreen { + --bulma-grid-cell-column-start: 10; + } + .cell.is-col-end-10-widescreen { + --bulma-grid-cell-column-end: 10; + } + .cell.is-col-from-end-10-widescreen { + --bulma-grid-cell-column-start: -10; + } + .cell.is-col-span-10-widescreen { + --bulma-grid-cell-column-span: 10; + } + .cell.is-row-start-10-widescreen { + --bulma-grid-cell-row-start: 10; + } + .cell.is-row-end-10-widescreen { + --bulma-grid-cell-row-end: 10; + } + .cell.is-row-from-end-10-widescreen { + --bulma-grid-cell-row-start: -10; + } + .cell.is-row-span-10-widescreen { + --bulma-grid-cell-row-span: 10; + } + .cell.is-col-start-11-widescreen { + --bulma-grid-cell-column-start: 11; + } + .cell.is-col-end-11-widescreen { + --bulma-grid-cell-column-end: 11; + } + .cell.is-col-from-end-11-widescreen { + --bulma-grid-cell-column-start: -11; + } + .cell.is-col-span-11-widescreen { + --bulma-grid-cell-column-span: 11; + } + .cell.is-row-start-11-widescreen { + --bulma-grid-cell-row-start: 11; + } + .cell.is-row-end-11-widescreen { + --bulma-grid-cell-row-end: 11; + } + .cell.is-row-from-end-11-widescreen { + --bulma-grid-cell-row-start: -11; + } + .cell.is-row-span-11-widescreen { + --bulma-grid-cell-row-span: 11; + } + .cell.is-col-start-12-widescreen { + --bulma-grid-cell-column-start: 12; + } + .cell.is-col-end-12-widescreen { + --bulma-grid-cell-column-end: 12; + } + .cell.is-col-from-end-12-widescreen { + --bulma-grid-cell-column-start: -12; + } + .cell.is-col-span-12-widescreen { + --bulma-grid-cell-column-span: 12; + } + .cell.is-row-start-12-widescreen { + --bulma-grid-cell-row-start: 12; + } + .cell.is-row-end-12-widescreen { + --bulma-grid-cell-row-end: 12; + } + .cell.is-row-from-end-12-widescreen { + --bulma-grid-cell-row-start: -12; + } + .cell.is-row-span-12-widescreen { + --bulma-grid-cell-row-span: 12; + } +} +@media screen and (min-width: 1216px) and (max-width: 1407px) { + .cell.is-col-start-1-widescreen-only { + --bulma-grid-cell-column-start: 1; + } + .cell.is-col-end-1-widescreen-only { + --bulma-grid-cell-column-end: 1; + } + .cell.is-col-from-end-1-widescreen-only { + --bulma-grid-cell-column-start: -1; + } + .cell.is-col-span-1-widescreen-only { + --bulma-grid-cell-column-span: 1; + } + .cell.is-row-start-1-widescreen-only { + --bulma-grid-cell-row-start: 1; + } + .cell.is-row-end-1-widescreen-only { + --bulma-grid-cell-row-end: 1; + } + .cell.is-row-from-end-1-widescreen-only { + --bulma-grid-cell-row-start: -1; + } + .cell.is-row-span-1-widescreen-only { + --bulma-grid-cell-row-span: 1; + } + .cell.is-col-start-2-widescreen-only { + --bulma-grid-cell-column-start: 2; + } + .cell.is-col-end-2-widescreen-only { + --bulma-grid-cell-column-end: 2; + } + .cell.is-col-from-end-2-widescreen-only { + --bulma-grid-cell-column-start: -2; + } + .cell.is-col-span-2-widescreen-only { + --bulma-grid-cell-column-span: 2; + } + .cell.is-row-start-2-widescreen-only { + --bulma-grid-cell-row-start: 2; + } + .cell.is-row-end-2-widescreen-only { + --bulma-grid-cell-row-end: 2; + } + .cell.is-row-from-end-2-widescreen-only { + --bulma-grid-cell-row-start: -2; + } + .cell.is-row-span-2-widescreen-only { + --bulma-grid-cell-row-span: 2; + } + .cell.is-col-start-3-widescreen-only { + --bulma-grid-cell-column-start: 3; + } + .cell.is-col-end-3-widescreen-only { + --bulma-grid-cell-column-end: 3; + } + .cell.is-col-from-end-3-widescreen-only { + --bulma-grid-cell-column-start: -3; + } + .cell.is-col-span-3-widescreen-only { + --bulma-grid-cell-column-span: 3; + } + .cell.is-row-start-3-widescreen-only { + --bulma-grid-cell-row-start: 3; + } + .cell.is-row-end-3-widescreen-only { + --bulma-grid-cell-row-end: 3; + } + .cell.is-row-from-end-3-widescreen-only { + --bulma-grid-cell-row-start: -3; + } + .cell.is-row-span-3-widescreen-only { + --bulma-grid-cell-row-span: 3; + } + .cell.is-col-start-4-widescreen-only { + --bulma-grid-cell-column-start: 4; + } + .cell.is-col-end-4-widescreen-only { + --bulma-grid-cell-column-end: 4; + } + .cell.is-col-from-end-4-widescreen-only { + --bulma-grid-cell-column-start: -4; + } + .cell.is-col-span-4-widescreen-only { + --bulma-grid-cell-column-span: 4; + } + .cell.is-row-start-4-widescreen-only { + --bulma-grid-cell-row-start: 4; + } + .cell.is-row-end-4-widescreen-only { + --bulma-grid-cell-row-end: 4; + } + .cell.is-row-from-end-4-widescreen-only { + --bulma-grid-cell-row-start: -4; + } + .cell.is-row-span-4-widescreen-only { + --bulma-grid-cell-row-span: 4; + } + .cell.is-col-start-5-widescreen-only { + --bulma-grid-cell-column-start: 5; + } + .cell.is-col-end-5-widescreen-only { + --bulma-grid-cell-column-end: 5; + } + .cell.is-col-from-end-5-widescreen-only { + --bulma-grid-cell-column-start: -5; + } + .cell.is-col-span-5-widescreen-only { + --bulma-grid-cell-column-span: 5; + } + .cell.is-row-start-5-widescreen-only { + --bulma-grid-cell-row-start: 5; + } + .cell.is-row-end-5-widescreen-only { + --bulma-grid-cell-row-end: 5; + } + .cell.is-row-from-end-5-widescreen-only { + --bulma-grid-cell-row-start: -5; + } + .cell.is-row-span-5-widescreen-only { + --bulma-grid-cell-row-span: 5; + } + .cell.is-col-start-6-widescreen-only { + --bulma-grid-cell-column-start: 6; + } + .cell.is-col-end-6-widescreen-only { + --bulma-grid-cell-column-end: 6; + } + .cell.is-col-from-end-6-widescreen-only { + --bulma-grid-cell-column-start: -6; + } + .cell.is-col-span-6-widescreen-only { + --bulma-grid-cell-column-span: 6; + } + .cell.is-row-start-6-widescreen-only { + --bulma-grid-cell-row-start: 6; + } + .cell.is-row-end-6-widescreen-only { + --bulma-grid-cell-row-end: 6; + } + .cell.is-row-from-end-6-widescreen-only { + --bulma-grid-cell-row-start: -6; + } + .cell.is-row-span-6-widescreen-only { + --bulma-grid-cell-row-span: 6; + } + .cell.is-col-start-7-widescreen-only { + --bulma-grid-cell-column-start: 7; + } + .cell.is-col-end-7-widescreen-only { + --bulma-grid-cell-column-end: 7; + } + .cell.is-col-from-end-7-widescreen-only { + --bulma-grid-cell-column-start: -7; + } + .cell.is-col-span-7-widescreen-only { + --bulma-grid-cell-column-span: 7; + } + .cell.is-row-start-7-widescreen-only { + --bulma-grid-cell-row-start: 7; + } + .cell.is-row-end-7-widescreen-only { + --bulma-grid-cell-row-end: 7; + } + .cell.is-row-from-end-7-widescreen-only { + --bulma-grid-cell-row-start: -7; + } + .cell.is-row-span-7-widescreen-only { + --bulma-grid-cell-row-span: 7; + } + .cell.is-col-start-8-widescreen-only { + --bulma-grid-cell-column-start: 8; + } + .cell.is-col-end-8-widescreen-only { + --bulma-grid-cell-column-end: 8; + } + .cell.is-col-from-end-8-widescreen-only { + --bulma-grid-cell-column-start: -8; + } + .cell.is-col-span-8-widescreen-only { + --bulma-grid-cell-column-span: 8; + } + .cell.is-row-start-8-widescreen-only { + --bulma-grid-cell-row-start: 8; + } + .cell.is-row-end-8-widescreen-only { + --bulma-grid-cell-row-end: 8; + } + .cell.is-row-from-end-8-widescreen-only { + --bulma-grid-cell-row-start: -8; + } + .cell.is-row-span-8-widescreen-only { + --bulma-grid-cell-row-span: 8; + } + .cell.is-col-start-9-widescreen-only { + --bulma-grid-cell-column-start: 9; + } + .cell.is-col-end-9-widescreen-only { + --bulma-grid-cell-column-end: 9; + } + .cell.is-col-from-end-9-widescreen-only { + --bulma-grid-cell-column-start: -9; + } + .cell.is-col-span-9-widescreen-only { + --bulma-grid-cell-column-span: 9; + } + .cell.is-row-start-9-widescreen-only { + --bulma-grid-cell-row-start: 9; + } + .cell.is-row-end-9-widescreen-only { + --bulma-grid-cell-row-end: 9; + } + .cell.is-row-from-end-9-widescreen-only { + --bulma-grid-cell-row-start: -9; + } + .cell.is-row-span-9-widescreen-only { + --bulma-grid-cell-row-span: 9; + } + .cell.is-col-start-10-widescreen-only { + --bulma-grid-cell-column-start: 10; + } + .cell.is-col-end-10-widescreen-only { + --bulma-grid-cell-column-end: 10; + } + .cell.is-col-from-end-10-widescreen-only { + --bulma-grid-cell-column-start: -10; + } + .cell.is-col-span-10-widescreen-only { + --bulma-grid-cell-column-span: 10; + } + .cell.is-row-start-10-widescreen-only { + --bulma-grid-cell-row-start: 10; + } + .cell.is-row-end-10-widescreen-only { + --bulma-grid-cell-row-end: 10; + } + .cell.is-row-from-end-10-widescreen-only { + --bulma-grid-cell-row-start: -10; + } + .cell.is-row-span-10-widescreen-only { + --bulma-grid-cell-row-span: 10; + } + .cell.is-col-start-11-widescreen-only { + --bulma-grid-cell-column-start: 11; + } + .cell.is-col-end-11-widescreen-only { + --bulma-grid-cell-column-end: 11; + } + .cell.is-col-from-end-11-widescreen-only { + --bulma-grid-cell-column-start: -11; + } + .cell.is-col-span-11-widescreen-only { + --bulma-grid-cell-column-span: 11; + } + .cell.is-row-start-11-widescreen-only { + --bulma-grid-cell-row-start: 11; + } + .cell.is-row-end-11-widescreen-only { + --bulma-grid-cell-row-end: 11; + } + .cell.is-row-from-end-11-widescreen-only { + --bulma-grid-cell-row-start: -11; + } + .cell.is-row-span-11-widescreen-only { + --bulma-grid-cell-row-span: 11; + } + .cell.is-col-start-12-widescreen-only { + --bulma-grid-cell-column-start: 12; + } + .cell.is-col-end-12-widescreen-only { + --bulma-grid-cell-column-end: 12; + } + .cell.is-col-from-end-12-widescreen-only { + --bulma-grid-cell-column-start: -12; + } + .cell.is-col-span-12-widescreen-only { + --bulma-grid-cell-column-span: 12; + } + .cell.is-row-start-12-widescreen-only { + --bulma-grid-cell-row-start: 12; + } + .cell.is-row-end-12-widescreen-only { + --bulma-grid-cell-row-end: 12; + } + .cell.is-row-from-end-12-widescreen-only { + --bulma-grid-cell-row-start: -12; + } + .cell.is-row-span-12-widescreen-only { + --bulma-grid-cell-row-span: 12; + } +} +@media screen and (min-width: 1408px) { + .cell.is-col-start-1-fullhd { + --bulma-grid-cell-column-start: 1; + } + .cell.is-col-end-1-fullhd { + --bulma-grid-cell-column-end: 1; + } + .cell.is-col-from-end-1-fullhd { + --bulma-grid-cell-column-start: -1; + } + .cell.is-col-span-1-fullhd { + --bulma-grid-cell-column-span: 1; + } + .cell.is-row-start-1-fullhd { + --bulma-grid-cell-row-start: 1; + } + .cell.is-row-end-1-fullhd { + --bulma-grid-cell-row-end: 1; + } + .cell.is-row-from-end-1-fullhd { + --bulma-grid-cell-row-start: -1; + } + .cell.is-row-span-1-fullhd { + --bulma-grid-cell-row-span: 1; + } + .cell.is-col-start-2-fullhd { + --bulma-grid-cell-column-start: 2; + } + .cell.is-col-end-2-fullhd { + --bulma-grid-cell-column-end: 2; + } + .cell.is-col-from-end-2-fullhd { + --bulma-grid-cell-column-start: -2; + } + .cell.is-col-span-2-fullhd { + --bulma-grid-cell-column-span: 2; + } + .cell.is-row-start-2-fullhd { + --bulma-grid-cell-row-start: 2; + } + .cell.is-row-end-2-fullhd { + --bulma-grid-cell-row-end: 2; + } + .cell.is-row-from-end-2-fullhd { + --bulma-grid-cell-row-start: -2; + } + .cell.is-row-span-2-fullhd { + --bulma-grid-cell-row-span: 2; + } + .cell.is-col-start-3-fullhd { + --bulma-grid-cell-column-start: 3; + } + .cell.is-col-end-3-fullhd { + --bulma-grid-cell-column-end: 3; + } + .cell.is-col-from-end-3-fullhd { + --bulma-grid-cell-column-start: -3; + } + .cell.is-col-span-3-fullhd { + --bulma-grid-cell-column-span: 3; + } + .cell.is-row-start-3-fullhd { + --bulma-grid-cell-row-start: 3; + } + .cell.is-row-end-3-fullhd { + --bulma-grid-cell-row-end: 3; + } + .cell.is-row-from-end-3-fullhd { + --bulma-grid-cell-row-start: -3; + } + .cell.is-row-span-3-fullhd { + --bulma-grid-cell-row-span: 3; + } + .cell.is-col-start-4-fullhd { + --bulma-grid-cell-column-start: 4; + } + .cell.is-col-end-4-fullhd { + --bulma-grid-cell-column-end: 4; + } + .cell.is-col-from-end-4-fullhd { + --bulma-grid-cell-column-start: -4; + } + .cell.is-col-span-4-fullhd { + --bulma-grid-cell-column-span: 4; + } + .cell.is-row-start-4-fullhd { + --bulma-grid-cell-row-start: 4; + } + .cell.is-row-end-4-fullhd { + --bulma-grid-cell-row-end: 4; + } + .cell.is-row-from-end-4-fullhd { + --bulma-grid-cell-row-start: -4; + } + .cell.is-row-span-4-fullhd { + --bulma-grid-cell-row-span: 4; + } + .cell.is-col-start-5-fullhd { + --bulma-grid-cell-column-start: 5; + } + .cell.is-col-end-5-fullhd { + --bulma-grid-cell-column-end: 5; + } + .cell.is-col-from-end-5-fullhd { + --bulma-grid-cell-column-start: -5; + } + .cell.is-col-span-5-fullhd { + --bulma-grid-cell-column-span: 5; + } + .cell.is-row-start-5-fullhd { + --bulma-grid-cell-row-start: 5; + } + .cell.is-row-end-5-fullhd { + --bulma-grid-cell-row-end: 5; + } + .cell.is-row-from-end-5-fullhd { + --bulma-grid-cell-row-start: -5; + } + .cell.is-row-span-5-fullhd { + --bulma-grid-cell-row-span: 5; + } + .cell.is-col-start-6-fullhd { + --bulma-grid-cell-column-start: 6; + } + .cell.is-col-end-6-fullhd { + --bulma-grid-cell-column-end: 6; + } + .cell.is-col-from-end-6-fullhd { + --bulma-grid-cell-column-start: -6; + } + .cell.is-col-span-6-fullhd { + --bulma-grid-cell-column-span: 6; + } + .cell.is-row-start-6-fullhd { + --bulma-grid-cell-row-start: 6; + } + .cell.is-row-end-6-fullhd { + --bulma-grid-cell-row-end: 6; + } + .cell.is-row-from-end-6-fullhd { + --bulma-grid-cell-row-start: -6; + } + .cell.is-row-span-6-fullhd { + --bulma-grid-cell-row-span: 6; + } + .cell.is-col-start-7-fullhd { + --bulma-grid-cell-column-start: 7; + } + .cell.is-col-end-7-fullhd { + --bulma-grid-cell-column-end: 7; + } + .cell.is-col-from-end-7-fullhd { + --bulma-grid-cell-column-start: -7; + } + .cell.is-col-span-7-fullhd { + --bulma-grid-cell-column-span: 7; + } + .cell.is-row-start-7-fullhd { + --bulma-grid-cell-row-start: 7; + } + .cell.is-row-end-7-fullhd { + --bulma-grid-cell-row-end: 7; + } + .cell.is-row-from-end-7-fullhd { + --bulma-grid-cell-row-start: -7; + } + .cell.is-row-span-7-fullhd { + --bulma-grid-cell-row-span: 7; + } + .cell.is-col-start-8-fullhd { + --bulma-grid-cell-column-start: 8; + } + .cell.is-col-end-8-fullhd { + --bulma-grid-cell-column-end: 8; + } + .cell.is-col-from-end-8-fullhd { + --bulma-grid-cell-column-start: -8; + } + .cell.is-col-span-8-fullhd { + --bulma-grid-cell-column-span: 8; + } + .cell.is-row-start-8-fullhd { + --bulma-grid-cell-row-start: 8; + } + .cell.is-row-end-8-fullhd { + --bulma-grid-cell-row-end: 8; + } + .cell.is-row-from-end-8-fullhd { + --bulma-grid-cell-row-start: -8; + } + .cell.is-row-span-8-fullhd { + --bulma-grid-cell-row-span: 8; + } + .cell.is-col-start-9-fullhd { + --bulma-grid-cell-column-start: 9; + } + .cell.is-col-end-9-fullhd { + --bulma-grid-cell-column-end: 9; + } + .cell.is-col-from-end-9-fullhd { + --bulma-grid-cell-column-start: -9; + } + .cell.is-col-span-9-fullhd { + --bulma-grid-cell-column-span: 9; + } + .cell.is-row-start-9-fullhd { + --bulma-grid-cell-row-start: 9; + } + .cell.is-row-end-9-fullhd { + --bulma-grid-cell-row-end: 9; + } + .cell.is-row-from-end-9-fullhd { + --bulma-grid-cell-row-start: -9; + } + .cell.is-row-span-9-fullhd { + --bulma-grid-cell-row-span: 9; + } + .cell.is-col-start-10-fullhd { + --bulma-grid-cell-column-start: 10; + } + .cell.is-col-end-10-fullhd { + --bulma-grid-cell-column-end: 10; + } + .cell.is-col-from-end-10-fullhd { + --bulma-grid-cell-column-start: -10; + } + .cell.is-col-span-10-fullhd { + --bulma-grid-cell-column-span: 10; + } + .cell.is-row-start-10-fullhd { + --bulma-grid-cell-row-start: 10; + } + .cell.is-row-end-10-fullhd { + --bulma-grid-cell-row-end: 10; + } + .cell.is-row-from-end-10-fullhd { + --bulma-grid-cell-row-start: -10; + } + .cell.is-row-span-10-fullhd { + --bulma-grid-cell-row-span: 10; + } + .cell.is-col-start-11-fullhd { + --bulma-grid-cell-column-start: 11; + } + .cell.is-col-end-11-fullhd { + --bulma-grid-cell-column-end: 11; + } + .cell.is-col-from-end-11-fullhd { + --bulma-grid-cell-column-start: -11; + } + .cell.is-col-span-11-fullhd { + --bulma-grid-cell-column-span: 11; + } + .cell.is-row-start-11-fullhd { + --bulma-grid-cell-row-start: 11; + } + .cell.is-row-end-11-fullhd { + --bulma-grid-cell-row-end: 11; + } + .cell.is-row-from-end-11-fullhd { + --bulma-grid-cell-row-start: -11; + } + .cell.is-row-span-11-fullhd { + --bulma-grid-cell-row-span: 11; + } + .cell.is-col-start-12-fullhd { + --bulma-grid-cell-column-start: 12; + } + .cell.is-col-end-12-fullhd { + --bulma-grid-cell-column-end: 12; + } + .cell.is-col-from-end-12-fullhd { + --bulma-grid-cell-column-start: -12; + } + .cell.is-col-span-12-fullhd { + --bulma-grid-cell-column-span: 12; + } + .cell.is-row-start-12-fullhd { + --bulma-grid-cell-row-start: 12; + } + .cell.is-row-end-12-fullhd { + --bulma-grid-cell-row-end: 12; + } + .cell.is-row-from-end-12-fullhd { + --bulma-grid-cell-row-start: -12; + } + .cell.is-row-span-12-fullhd { + --bulma-grid-cell-row-span: 12; + } +} + +/* Bulma Components */ +.container { + flex-grow: 1; + margin: 0 auto; + position: relative; + width: 100%; +} +.container.is-fluid { + max-width: none !important; + padding-left: 32px; + padding-right: 32px; + width: 100%; +} +.container.is-max-tablet { + max-width: 705px; +} +@media screen and (min-width: 1024px) { + .container { + max-width: 960px; + } +} +@media screen and (max-width: 1215px) { + .container.is-widescreen:not(.is-max-tablet):not(.is-max-desktop) { + max-width: 1152px; + } +} +@media screen and (max-width: 1407px) { + .container.is-fullhd:not(.is-max-tablet):not(.is-max-desktop):not(.is-max-widescreen) { + max-width: 1344px; + } +} +@media screen and (min-width: 1216px) { + .container:not(.is-max-tablet):not(.is-max-desktop) { + max-width: 1152px; + } +} +@media screen and (min-width: 1408px) { + .container:not(.is-max-tablet):not(.is-max-desktop):not(.is-max-widescreen) { + max-width: 1344px; + } +} + +.footer { + --bulma-footer-background-color: var(--bulma-scheme-main-bis); + --bulma-footer-color: false; + --bulma-footer-padding: 3rem 1.5rem 6rem; + background-color: var(--bulma-footer-background-color); + padding: var(--bulma-footer-padding); +} + +.hero { + --bulma-hero-body-padding: 3rem 1.5rem; + --bulma-hero-body-padding-tablet: 3rem 3rem; + --bulma-hero-body-padding-small: 1.5rem; + --bulma-hero-body-padding-medium: 9rem 4.5rem; + --bulma-hero-body-padding-large: 18rem 6rem; +} + +.hero { + align-items: stretch; + display: flex; + flex-direction: column; + justify-content: space-between; +} +.hero .navbar { + background: none; +} +.hero .tabs ul { + border-bottom: none; +} +.hero.is-white { + --bulma-hero-h: var(--bulma-white-h); + --bulma-hero-s: var(--bulma-white-s); + --bulma-hero-background-l: var(--bulma-white-l); + --bulma-hero-color-l: var(--bulma-white-invert-l); + background-color: hsl(var(--bulma-hero-h), var(--bulma-hero-s), var(--bulma-hero-background-l)); + color: hsl(var(--bulma-hero-h), var(--bulma-hero-s), var(--bulma-hero-color-l)); +} +.hero.is-white .navbar { + --bulma-navbar-item-color: hsl(var(--bulma-hero-h), var(--bulma-hero-s), var(--bulma-hero-color-l)); + --bulma-navbar-item-hover-background-color: hsl(var(--bulma-hero-h), var(--bulma-hero-s), var(--bulma-hero-color-l)); + --bulma-navbar-item-hover-color: hsl(var(--bulma-hero-h), var(--bulma-hero-s), var(--bulma-hero-background-l)); + --bulma-navbar-item-active-background-color: hsl(var(--bulma-hero-h), var(--bulma-hero-s), var(--bulma-hero-color-l)); + --bulma-navbar-item-active-color: hsl(var(--bulma-hero-h), var(--bulma-hero-s), var(--bulma-hero-background-l)); +} +.hero.is-white .tabs { + --bulma-tabs-link-color: hsl(var(--bulma-hero-h), var(--bulma-hero-s), var(--bulma-hero-color-l)); + --bulma-tabs-boxed-link-active-background-color: hsl(var(--bulma-hero-h), var(--bulma-hero-s), var(--bulma-hero-color-l)); + --bulma-tabs-boxed-link-active-border-color: hsl(var(--bulma-hero-h), var(--bulma-hero-s), var(--bulma-hero-background-l)); + --bulma-tabs-link-active-color: hsl(var(--bulma-hero-h), var(--bulma-hero-s), var(--bulma-hero-background-l)); +} +.hero.is-white .subtitle { + --bulma-subtitle-color: hsl(var(--bulma-hero-h), var(--bulma-hero-s), var(--bulma-hero-color-l)); + --bulma-subtitle-strong-color: hsl(var(--bulma-hero-h), var(--bulma-hero-s), var(--bulma-hero-color-l)); +} +.hero.is-white .title { + --bulma-title-color: hsl(var(--bulma-hero-h), var(--bulma-hero-s), var(--bulma-hero-color-l)); + --bulma-title-strong-color: hsl(var(--bulma-hero-h), var(--bulma-hero-s), var(--bulma-hero-color-l)); +} +.hero.is-white.is-bold { + background-image: linear-gradient(141deg, hsl(calc(var(--bulma-hero-h) - 5deg), calc(var(--bulma-hero-s) + 10%), calc(var(--bulma-hero-background-l) + 5%)) 0%, hsl(var(--bulma-hero-h), var(--bulma-hero-s), var(--bulma-hero-background-l)) 71%, hsl(calc(var(--bulma-hero-h) + 5deg), calc(var(--bulma-hero-s) - 10%), calc(var(--bulma-hero-background-l) - 5%)) 100%); +} +@media screen and (max-width: 768px) { + .hero.is-white.is-bold .navbar-menu { + background-image: linear-gradient(141deg, hsl(calc(var(--bulma-hero-h) - 5deg), calc(var(--bulma-hero-s) + 10%), calc(var(--bulma-hero-background-l) + 5%)) 0%, hsl(var(--bulma-hero-h), var(--bulma-hero-s), var(--bulma-hero-color-l)) 71%, hsl(calc(var(--bulma-hero-h) + 5deg), calc(var(--bulma-hero-s) - 10%), calc(var(--bulma-hero-background-l) - 5%)) 100%); + } +} +.hero.is-black { + --bulma-hero-h: var(--bulma-black-h); + --bulma-hero-s: var(--bulma-black-s); + --bulma-hero-background-l: var(--bulma-black-l); + --bulma-hero-color-l: var(--bulma-black-invert-l); + background-color: hsl(var(--bulma-hero-h), var(--bulma-hero-s), var(--bulma-hero-background-l)); + color: hsl(var(--bulma-hero-h), var(--bulma-hero-s), var(--bulma-hero-color-l)); +} +.hero.is-black .navbar { + --bulma-navbar-item-color: hsl(var(--bulma-hero-h), var(--bulma-hero-s), var(--bulma-hero-color-l)); + --bulma-navbar-item-hover-background-color: hsl(var(--bulma-hero-h), var(--bulma-hero-s), var(--bulma-hero-color-l)); + --bulma-navbar-item-hover-color: hsl(var(--bulma-hero-h), var(--bulma-hero-s), var(--bulma-hero-background-l)); + --bulma-navbar-item-active-background-color: hsl(var(--bulma-hero-h), var(--bulma-hero-s), var(--bulma-hero-color-l)); + --bulma-navbar-item-active-color: hsl(var(--bulma-hero-h), var(--bulma-hero-s), var(--bulma-hero-background-l)); +} +.hero.is-black .tabs { + --bulma-tabs-link-color: hsl(var(--bulma-hero-h), var(--bulma-hero-s), var(--bulma-hero-color-l)); + --bulma-tabs-boxed-link-active-background-color: hsl(var(--bulma-hero-h), var(--bulma-hero-s), var(--bulma-hero-color-l)); + --bulma-tabs-boxed-link-active-border-color: hsl(var(--bulma-hero-h), var(--bulma-hero-s), var(--bulma-hero-background-l)); + --bulma-tabs-link-active-color: hsl(var(--bulma-hero-h), var(--bulma-hero-s), var(--bulma-hero-background-l)); +} +.hero.is-black .subtitle { + --bulma-subtitle-color: hsl(var(--bulma-hero-h), var(--bulma-hero-s), var(--bulma-hero-color-l)); + --bulma-subtitle-strong-color: hsl(var(--bulma-hero-h), var(--bulma-hero-s), var(--bulma-hero-color-l)); +} +.hero.is-black .title { + --bulma-title-color: hsl(var(--bulma-hero-h), var(--bulma-hero-s), var(--bulma-hero-color-l)); + --bulma-title-strong-color: hsl(var(--bulma-hero-h), var(--bulma-hero-s), var(--bulma-hero-color-l)); +} +.hero.is-black.is-bold { + background-image: linear-gradient(141deg, hsl(calc(var(--bulma-hero-h) - 5deg), calc(var(--bulma-hero-s) + 10%), calc(var(--bulma-hero-background-l) + 5%)) 0%, hsl(var(--bulma-hero-h), var(--bulma-hero-s), var(--bulma-hero-background-l)) 71%, hsl(calc(var(--bulma-hero-h) + 5deg), calc(var(--bulma-hero-s) - 10%), calc(var(--bulma-hero-background-l) - 5%)) 100%); +} +@media screen and (max-width: 768px) { + .hero.is-black.is-bold .navbar-menu { + background-image: linear-gradient(141deg, hsl(calc(var(--bulma-hero-h) - 5deg), calc(var(--bulma-hero-s) + 10%), calc(var(--bulma-hero-background-l) + 5%)) 0%, hsl(var(--bulma-hero-h), var(--bulma-hero-s), var(--bulma-hero-color-l)) 71%, hsl(calc(var(--bulma-hero-h) + 5deg), calc(var(--bulma-hero-s) - 10%), calc(var(--bulma-hero-background-l) - 5%)) 100%); + } +} +.hero.is-light { + --bulma-hero-h: var(--bulma-light-h); + --bulma-hero-s: var(--bulma-light-s); + --bulma-hero-background-l: var(--bulma-light-l); + --bulma-hero-color-l: var(--bulma-light-invert-l); + background-color: hsl(var(--bulma-hero-h), var(--bulma-hero-s), var(--bulma-hero-background-l)); + color: hsl(var(--bulma-hero-h), var(--bulma-hero-s), var(--bulma-hero-color-l)); +} +.hero.is-light .navbar { + --bulma-navbar-item-color: hsl(var(--bulma-hero-h), var(--bulma-hero-s), var(--bulma-hero-color-l)); + --bulma-navbar-item-hover-background-color: hsl(var(--bulma-hero-h), var(--bulma-hero-s), var(--bulma-hero-color-l)); + --bulma-navbar-item-hover-color: hsl(var(--bulma-hero-h), var(--bulma-hero-s), var(--bulma-hero-background-l)); + --bulma-navbar-item-active-background-color: hsl(var(--bulma-hero-h), var(--bulma-hero-s), var(--bulma-hero-color-l)); + --bulma-navbar-item-active-color: hsl(var(--bulma-hero-h), var(--bulma-hero-s), var(--bulma-hero-background-l)); +} +.hero.is-light .tabs { + --bulma-tabs-link-color: hsl(var(--bulma-hero-h), var(--bulma-hero-s), var(--bulma-hero-color-l)); + --bulma-tabs-boxed-link-active-background-color: hsl(var(--bulma-hero-h), var(--bulma-hero-s), var(--bulma-hero-color-l)); + --bulma-tabs-boxed-link-active-border-color: hsl(var(--bulma-hero-h), var(--bulma-hero-s), var(--bulma-hero-background-l)); + --bulma-tabs-link-active-color: hsl(var(--bulma-hero-h), var(--bulma-hero-s), var(--bulma-hero-background-l)); +} +.hero.is-light .subtitle { + --bulma-subtitle-color: hsl(var(--bulma-hero-h), var(--bulma-hero-s), var(--bulma-hero-color-l)); + --bulma-subtitle-strong-color: hsl(var(--bulma-hero-h), var(--bulma-hero-s), var(--bulma-hero-color-l)); +} +.hero.is-light .title { + --bulma-title-color: hsl(var(--bulma-hero-h), var(--bulma-hero-s), var(--bulma-hero-color-l)); + --bulma-title-strong-color: hsl(var(--bulma-hero-h), var(--bulma-hero-s), var(--bulma-hero-color-l)); +} +.hero.is-light.is-bold { + background-image: linear-gradient(141deg, hsl(calc(var(--bulma-hero-h) - 5deg), calc(var(--bulma-hero-s) + 10%), calc(var(--bulma-hero-background-l) + 5%)) 0%, hsl(var(--bulma-hero-h), var(--bulma-hero-s), var(--bulma-hero-background-l)) 71%, hsl(calc(var(--bulma-hero-h) + 5deg), calc(var(--bulma-hero-s) - 10%), calc(var(--bulma-hero-background-l) - 5%)) 100%); +} +@media screen and (max-width: 768px) { + .hero.is-light.is-bold .navbar-menu { + background-image: linear-gradient(141deg, hsl(calc(var(--bulma-hero-h) - 5deg), calc(var(--bulma-hero-s) + 10%), calc(var(--bulma-hero-background-l) + 5%)) 0%, hsl(var(--bulma-hero-h), var(--bulma-hero-s), var(--bulma-hero-color-l)) 71%, hsl(calc(var(--bulma-hero-h) + 5deg), calc(var(--bulma-hero-s) - 10%), calc(var(--bulma-hero-background-l) - 5%)) 100%); + } +} +.hero.is-dark { + --bulma-hero-h: var(--bulma-dark-h); + --bulma-hero-s: var(--bulma-dark-s); + --bulma-hero-background-l: var(--bulma-dark-l); + --bulma-hero-color-l: var(--bulma-dark-invert-l); + background-color: hsl(var(--bulma-hero-h), var(--bulma-hero-s), var(--bulma-hero-background-l)); + color: hsl(var(--bulma-hero-h), var(--bulma-hero-s), var(--bulma-hero-color-l)); +} +.hero.is-dark .navbar { + --bulma-navbar-item-color: hsl(var(--bulma-hero-h), var(--bulma-hero-s), var(--bulma-hero-color-l)); + --bulma-navbar-item-hover-background-color: hsl(var(--bulma-hero-h), var(--bulma-hero-s), var(--bulma-hero-color-l)); + --bulma-navbar-item-hover-color: hsl(var(--bulma-hero-h), var(--bulma-hero-s), var(--bulma-hero-background-l)); + --bulma-navbar-item-active-background-color: hsl(var(--bulma-hero-h), var(--bulma-hero-s), var(--bulma-hero-color-l)); + --bulma-navbar-item-active-color: hsl(var(--bulma-hero-h), var(--bulma-hero-s), var(--bulma-hero-background-l)); +} +.hero.is-dark .tabs { + --bulma-tabs-link-color: hsl(var(--bulma-hero-h), var(--bulma-hero-s), var(--bulma-hero-color-l)); + --bulma-tabs-boxed-link-active-background-color: hsl(var(--bulma-hero-h), var(--bulma-hero-s), var(--bulma-hero-color-l)); + --bulma-tabs-boxed-link-active-border-color: hsl(var(--bulma-hero-h), var(--bulma-hero-s), var(--bulma-hero-background-l)); + --bulma-tabs-link-active-color: hsl(var(--bulma-hero-h), var(--bulma-hero-s), var(--bulma-hero-background-l)); +} +.hero.is-dark .subtitle { + --bulma-subtitle-color: hsl(var(--bulma-hero-h), var(--bulma-hero-s), var(--bulma-hero-color-l)); + --bulma-subtitle-strong-color: hsl(var(--bulma-hero-h), var(--bulma-hero-s), var(--bulma-hero-color-l)); +} +.hero.is-dark .title { + --bulma-title-color: hsl(var(--bulma-hero-h), var(--bulma-hero-s), var(--bulma-hero-color-l)); + --bulma-title-strong-color: hsl(var(--bulma-hero-h), var(--bulma-hero-s), var(--bulma-hero-color-l)); +} +.hero.is-dark.is-bold { + background-image: linear-gradient(141deg, hsl(calc(var(--bulma-hero-h) - 5deg), calc(var(--bulma-hero-s) + 10%), calc(var(--bulma-hero-background-l) + 5%)) 0%, hsl(var(--bulma-hero-h), var(--bulma-hero-s), var(--bulma-hero-background-l)) 71%, hsl(calc(var(--bulma-hero-h) + 5deg), calc(var(--bulma-hero-s) - 10%), calc(var(--bulma-hero-background-l) - 5%)) 100%); +} +@media screen and (max-width: 768px) { + .hero.is-dark.is-bold .navbar-menu { + background-image: linear-gradient(141deg, hsl(calc(var(--bulma-hero-h) - 5deg), calc(var(--bulma-hero-s) + 10%), calc(var(--bulma-hero-background-l) + 5%)) 0%, hsl(var(--bulma-hero-h), var(--bulma-hero-s), var(--bulma-hero-color-l)) 71%, hsl(calc(var(--bulma-hero-h) + 5deg), calc(var(--bulma-hero-s) - 10%), calc(var(--bulma-hero-background-l) - 5%)) 100%); + } +} +.hero.is-text { + --bulma-hero-h: var(--bulma-text-h); + --bulma-hero-s: var(--bulma-text-s); + --bulma-hero-background-l: var(--bulma-text-l); + --bulma-hero-color-l: var(--bulma-text-invert-l); + background-color: hsl(var(--bulma-hero-h), var(--bulma-hero-s), var(--bulma-hero-background-l)); + color: hsl(var(--bulma-hero-h), var(--bulma-hero-s), var(--bulma-hero-color-l)); +} +.hero.is-text .navbar { + --bulma-navbar-item-color: hsl(var(--bulma-hero-h), var(--bulma-hero-s), var(--bulma-hero-color-l)); + --bulma-navbar-item-hover-background-color: hsl(var(--bulma-hero-h), var(--bulma-hero-s), var(--bulma-hero-color-l)); + --bulma-navbar-item-hover-color: hsl(var(--bulma-hero-h), var(--bulma-hero-s), var(--bulma-hero-background-l)); + --bulma-navbar-item-active-background-color: hsl(var(--bulma-hero-h), var(--bulma-hero-s), var(--bulma-hero-color-l)); + --bulma-navbar-item-active-color: hsl(var(--bulma-hero-h), var(--bulma-hero-s), var(--bulma-hero-background-l)); +} +.hero.is-text .tabs { + --bulma-tabs-link-color: hsl(var(--bulma-hero-h), var(--bulma-hero-s), var(--bulma-hero-color-l)); + --bulma-tabs-boxed-link-active-background-color: hsl(var(--bulma-hero-h), var(--bulma-hero-s), var(--bulma-hero-color-l)); + --bulma-tabs-boxed-link-active-border-color: hsl(var(--bulma-hero-h), var(--bulma-hero-s), var(--bulma-hero-background-l)); + --bulma-tabs-link-active-color: hsl(var(--bulma-hero-h), var(--bulma-hero-s), var(--bulma-hero-background-l)); +} +.hero.is-text .subtitle { + --bulma-subtitle-color: hsl(var(--bulma-hero-h), var(--bulma-hero-s), var(--bulma-hero-color-l)); + --bulma-subtitle-strong-color: hsl(var(--bulma-hero-h), var(--bulma-hero-s), var(--bulma-hero-color-l)); +} +.hero.is-text .title { + --bulma-title-color: hsl(var(--bulma-hero-h), var(--bulma-hero-s), var(--bulma-hero-color-l)); + --bulma-title-strong-color: hsl(var(--bulma-hero-h), var(--bulma-hero-s), var(--bulma-hero-color-l)); +} +.hero.is-text.is-bold { + background-image: linear-gradient(141deg, hsl(calc(var(--bulma-hero-h) - 5deg), calc(var(--bulma-hero-s) + 10%), calc(var(--bulma-hero-background-l) + 5%)) 0%, hsl(var(--bulma-hero-h), var(--bulma-hero-s), var(--bulma-hero-background-l)) 71%, hsl(calc(var(--bulma-hero-h) + 5deg), calc(var(--bulma-hero-s) - 10%), calc(var(--bulma-hero-background-l) - 5%)) 100%); +} +@media screen and (max-width: 768px) { + .hero.is-text.is-bold .navbar-menu { + background-image: linear-gradient(141deg, hsl(calc(var(--bulma-hero-h) - 5deg), calc(var(--bulma-hero-s) + 10%), calc(var(--bulma-hero-background-l) + 5%)) 0%, hsl(var(--bulma-hero-h), var(--bulma-hero-s), var(--bulma-hero-color-l)) 71%, hsl(calc(var(--bulma-hero-h) + 5deg), calc(var(--bulma-hero-s) - 10%), calc(var(--bulma-hero-background-l) - 5%)) 100%); + } +} +.hero.is-primary { + --bulma-hero-h: var(--bulma-primary-h); + --bulma-hero-s: var(--bulma-primary-s); + --bulma-hero-background-l: var(--bulma-primary-l); + --bulma-hero-color-l: var(--bulma-primary-invert-l); + background-color: hsl(var(--bulma-hero-h), var(--bulma-hero-s), var(--bulma-hero-background-l)); + color: hsl(var(--bulma-hero-h), var(--bulma-hero-s), var(--bulma-hero-color-l)); +} +.hero.is-primary .navbar { + --bulma-navbar-item-color: hsl(var(--bulma-hero-h), var(--bulma-hero-s), var(--bulma-hero-color-l)); + --bulma-navbar-item-hover-background-color: hsl(var(--bulma-hero-h), var(--bulma-hero-s), var(--bulma-hero-color-l)); + --bulma-navbar-item-hover-color: hsl(var(--bulma-hero-h), var(--bulma-hero-s), var(--bulma-hero-background-l)); + --bulma-navbar-item-active-background-color: hsl(var(--bulma-hero-h), var(--bulma-hero-s), var(--bulma-hero-color-l)); + --bulma-navbar-item-active-color: hsl(var(--bulma-hero-h), var(--bulma-hero-s), var(--bulma-hero-background-l)); +} +.hero.is-primary .tabs { + --bulma-tabs-link-color: hsl(var(--bulma-hero-h), var(--bulma-hero-s), var(--bulma-hero-color-l)); + --bulma-tabs-boxed-link-active-background-color: hsl(var(--bulma-hero-h), var(--bulma-hero-s), var(--bulma-hero-color-l)); + --bulma-tabs-boxed-link-active-border-color: hsl(var(--bulma-hero-h), var(--bulma-hero-s), var(--bulma-hero-background-l)); + --bulma-tabs-link-active-color: hsl(var(--bulma-hero-h), var(--bulma-hero-s), var(--bulma-hero-background-l)); +} +.hero.is-primary .subtitle { + --bulma-subtitle-color: hsl(var(--bulma-hero-h), var(--bulma-hero-s), var(--bulma-hero-color-l)); + --bulma-subtitle-strong-color: hsl(var(--bulma-hero-h), var(--bulma-hero-s), var(--bulma-hero-color-l)); +} +.hero.is-primary .title { + --bulma-title-color: hsl(var(--bulma-hero-h), var(--bulma-hero-s), var(--bulma-hero-color-l)); + --bulma-title-strong-color: hsl(var(--bulma-hero-h), var(--bulma-hero-s), var(--bulma-hero-color-l)); +} +.hero.is-primary.is-bold { + background-image: linear-gradient(141deg, hsl(calc(var(--bulma-hero-h) - 5deg), calc(var(--bulma-hero-s) + 10%), calc(var(--bulma-hero-background-l) + 5%)) 0%, hsl(var(--bulma-hero-h), var(--bulma-hero-s), var(--bulma-hero-background-l)) 71%, hsl(calc(var(--bulma-hero-h) + 5deg), calc(var(--bulma-hero-s) - 10%), calc(var(--bulma-hero-background-l) - 5%)) 100%); +} +@media screen and (max-width: 768px) { + .hero.is-primary.is-bold .navbar-menu { + background-image: linear-gradient(141deg, hsl(calc(var(--bulma-hero-h) - 5deg), calc(var(--bulma-hero-s) + 10%), calc(var(--bulma-hero-background-l) + 5%)) 0%, hsl(var(--bulma-hero-h), var(--bulma-hero-s), var(--bulma-hero-color-l)) 71%, hsl(calc(var(--bulma-hero-h) + 5deg), calc(var(--bulma-hero-s) - 10%), calc(var(--bulma-hero-background-l) - 5%)) 100%); + } +} +.hero.is-link { + --bulma-hero-h: var(--bulma-link-h); + --bulma-hero-s: var(--bulma-link-s); + --bulma-hero-background-l: var(--bulma-link-l); + --bulma-hero-color-l: var(--bulma-link-invert-l); + background-color: hsl(var(--bulma-hero-h), var(--bulma-hero-s), var(--bulma-hero-background-l)); + color: hsl(var(--bulma-hero-h), var(--bulma-hero-s), var(--bulma-hero-color-l)); +} +.hero.is-link .navbar { + --bulma-navbar-item-color: hsl(var(--bulma-hero-h), var(--bulma-hero-s), var(--bulma-hero-color-l)); + --bulma-navbar-item-hover-background-color: hsl(var(--bulma-hero-h), var(--bulma-hero-s), var(--bulma-hero-color-l)); + --bulma-navbar-item-hover-color: hsl(var(--bulma-hero-h), var(--bulma-hero-s), var(--bulma-hero-background-l)); + --bulma-navbar-item-active-background-color: hsl(var(--bulma-hero-h), var(--bulma-hero-s), var(--bulma-hero-color-l)); + --bulma-navbar-item-active-color: hsl(var(--bulma-hero-h), var(--bulma-hero-s), var(--bulma-hero-background-l)); +} +.hero.is-link .tabs { + --bulma-tabs-link-color: hsl(var(--bulma-hero-h), var(--bulma-hero-s), var(--bulma-hero-color-l)); + --bulma-tabs-boxed-link-active-background-color: hsl(var(--bulma-hero-h), var(--bulma-hero-s), var(--bulma-hero-color-l)); + --bulma-tabs-boxed-link-active-border-color: hsl(var(--bulma-hero-h), var(--bulma-hero-s), var(--bulma-hero-background-l)); + --bulma-tabs-link-active-color: hsl(var(--bulma-hero-h), var(--bulma-hero-s), var(--bulma-hero-background-l)); +} +.hero.is-link .subtitle { + --bulma-subtitle-color: hsl(var(--bulma-hero-h), var(--bulma-hero-s), var(--bulma-hero-color-l)); + --bulma-subtitle-strong-color: hsl(var(--bulma-hero-h), var(--bulma-hero-s), var(--bulma-hero-color-l)); +} +.hero.is-link .title { + --bulma-title-color: hsl(var(--bulma-hero-h), var(--bulma-hero-s), var(--bulma-hero-color-l)); + --bulma-title-strong-color: hsl(var(--bulma-hero-h), var(--bulma-hero-s), var(--bulma-hero-color-l)); +} +.hero.is-link.is-bold { + background-image: linear-gradient(141deg, hsl(calc(var(--bulma-hero-h) - 5deg), calc(var(--bulma-hero-s) + 10%), calc(var(--bulma-hero-background-l) + 5%)) 0%, hsl(var(--bulma-hero-h), var(--bulma-hero-s), var(--bulma-hero-background-l)) 71%, hsl(calc(var(--bulma-hero-h) + 5deg), calc(var(--bulma-hero-s) - 10%), calc(var(--bulma-hero-background-l) - 5%)) 100%); +} +@media screen and (max-width: 768px) { + .hero.is-link.is-bold .navbar-menu { + background-image: linear-gradient(141deg, hsl(calc(var(--bulma-hero-h) - 5deg), calc(var(--bulma-hero-s) + 10%), calc(var(--bulma-hero-background-l) + 5%)) 0%, hsl(var(--bulma-hero-h), var(--bulma-hero-s), var(--bulma-hero-color-l)) 71%, hsl(calc(var(--bulma-hero-h) + 5deg), calc(var(--bulma-hero-s) - 10%), calc(var(--bulma-hero-background-l) - 5%)) 100%); + } +} +.hero.is-info { + --bulma-hero-h: var(--bulma-info-h); + --bulma-hero-s: var(--bulma-info-s); + --bulma-hero-background-l: var(--bulma-info-l); + --bulma-hero-color-l: var(--bulma-info-invert-l); + background-color: hsl(var(--bulma-hero-h), var(--bulma-hero-s), var(--bulma-hero-background-l)); + color: hsl(var(--bulma-hero-h), var(--bulma-hero-s), var(--bulma-hero-color-l)); +} +.hero.is-info .navbar { + --bulma-navbar-item-color: hsl(var(--bulma-hero-h), var(--bulma-hero-s), var(--bulma-hero-color-l)); + --bulma-navbar-item-hover-background-color: hsl(var(--bulma-hero-h), var(--bulma-hero-s), var(--bulma-hero-color-l)); + --bulma-navbar-item-hover-color: hsl(var(--bulma-hero-h), var(--bulma-hero-s), var(--bulma-hero-background-l)); + --bulma-navbar-item-active-background-color: hsl(var(--bulma-hero-h), var(--bulma-hero-s), var(--bulma-hero-color-l)); + --bulma-navbar-item-active-color: hsl(var(--bulma-hero-h), var(--bulma-hero-s), var(--bulma-hero-background-l)); +} +.hero.is-info .tabs { + --bulma-tabs-link-color: hsl(var(--bulma-hero-h), var(--bulma-hero-s), var(--bulma-hero-color-l)); + --bulma-tabs-boxed-link-active-background-color: hsl(var(--bulma-hero-h), var(--bulma-hero-s), var(--bulma-hero-color-l)); + --bulma-tabs-boxed-link-active-border-color: hsl(var(--bulma-hero-h), var(--bulma-hero-s), var(--bulma-hero-background-l)); + --bulma-tabs-link-active-color: hsl(var(--bulma-hero-h), var(--bulma-hero-s), var(--bulma-hero-background-l)); +} +.hero.is-info .subtitle { + --bulma-subtitle-color: hsl(var(--bulma-hero-h), var(--bulma-hero-s), var(--bulma-hero-color-l)); + --bulma-subtitle-strong-color: hsl(var(--bulma-hero-h), var(--bulma-hero-s), var(--bulma-hero-color-l)); +} +.hero.is-info .title { + --bulma-title-color: hsl(var(--bulma-hero-h), var(--bulma-hero-s), var(--bulma-hero-color-l)); + --bulma-title-strong-color: hsl(var(--bulma-hero-h), var(--bulma-hero-s), var(--bulma-hero-color-l)); +} +.hero.is-info.is-bold { + background-image: linear-gradient(141deg, hsl(calc(var(--bulma-hero-h) - 5deg), calc(var(--bulma-hero-s) + 10%), calc(var(--bulma-hero-background-l) + 5%)) 0%, hsl(var(--bulma-hero-h), var(--bulma-hero-s), var(--bulma-hero-background-l)) 71%, hsl(calc(var(--bulma-hero-h) + 5deg), calc(var(--bulma-hero-s) - 10%), calc(var(--bulma-hero-background-l) - 5%)) 100%); +} +@media screen and (max-width: 768px) { + .hero.is-info.is-bold .navbar-menu { + background-image: linear-gradient(141deg, hsl(calc(var(--bulma-hero-h) - 5deg), calc(var(--bulma-hero-s) + 10%), calc(var(--bulma-hero-background-l) + 5%)) 0%, hsl(var(--bulma-hero-h), var(--bulma-hero-s), var(--bulma-hero-color-l)) 71%, hsl(calc(var(--bulma-hero-h) + 5deg), calc(var(--bulma-hero-s) - 10%), calc(var(--bulma-hero-background-l) - 5%)) 100%); + } +} +.hero.is-success { + --bulma-hero-h: var(--bulma-success-h); + --bulma-hero-s: var(--bulma-success-s); + --bulma-hero-background-l: var(--bulma-success-l); + --bulma-hero-color-l: var(--bulma-success-invert-l); + background-color: hsl(var(--bulma-hero-h), var(--bulma-hero-s), var(--bulma-hero-background-l)); + color: hsl(var(--bulma-hero-h), var(--bulma-hero-s), var(--bulma-hero-color-l)); +} +.hero.is-success .navbar { + --bulma-navbar-item-color: hsl(var(--bulma-hero-h), var(--bulma-hero-s), var(--bulma-hero-color-l)); + --bulma-navbar-item-hover-background-color: hsl(var(--bulma-hero-h), var(--bulma-hero-s), var(--bulma-hero-color-l)); + --bulma-navbar-item-hover-color: hsl(var(--bulma-hero-h), var(--bulma-hero-s), var(--bulma-hero-background-l)); + --bulma-navbar-item-active-background-color: hsl(var(--bulma-hero-h), var(--bulma-hero-s), var(--bulma-hero-color-l)); + --bulma-navbar-item-active-color: hsl(var(--bulma-hero-h), var(--bulma-hero-s), var(--bulma-hero-background-l)); +} +.hero.is-success .tabs { + --bulma-tabs-link-color: hsl(var(--bulma-hero-h), var(--bulma-hero-s), var(--bulma-hero-color-l)); + --bulma-tabs-boxed-link-active-background-color: hsl(var(--bulma-hero-h), var(--bulma-hero-s), var(--bulma-hero-color-l)); + --bulma-tabs-boxed-link-active-border-color: hsl(var(--bulma-hero-h), var(--bulma-hero-s), var(--bulma-hero-background-l)); + --bulma-tabs-link-active-color: hsl(var(--bulma-hero-h), var(--bulma-hero-s), var(--bulma-hero-background-l)); +} +.hero.is-success .subtitle { + --bulma-subtitle-color: hsl(var(--bulma-hero-h), var(--bulma-hero-s), var(--bulma-hero-color-l)); + --bulma-subtitle-strong-color: hsl(var(--bulma-hero-h), var(--bulma-hero-s), var(--bulma-hero-color-l)); +} +.hero.is-success .title { + --bulma-title-color: hsl(var(--bulma-hero-h), var(--bulma-hero-s), var(--bulma-hero-color-l)); + --bulma-title-strong-color: hsl(var(--bulma-hero-h), var(--bulma-hero-s), var(--bulma-hero-color-l)); +} +.hero.is-success.is-bold { + background-image: linear-gradient(141deg, hsl(calc(var(--bulma-hero-h) - 5deg), calc(var(--bulma-hero-s) + 10%), calc(var(--bulma-hero-background-l) + 5%)) 0%, hsl(var(--bulma-hero-h), var(--bulma-hero-s), var(--bulma-hero-background-l)) 71%, hsl(calc(var(--bulma-hero-h) + 5deg), calc(var(--bulma-hero-s) - 10%), calc(var(--bulma-hero-background-l) - 5%)) 100%); +} +@media screen and (max-width: 768px) { + .hero.is-success.is-bold .navbar-menu { + background-image: linear-gradient(141deg, hsl(calc(var(--bulma-hero-h) - 5deg), calc(var(--bulma-hero-s) + 10%), calc(var(--bulma-hero-background-l) + 5%)) 0%, hsl(var(--bulma-hero-h), var(--bulma-hero-s), var(--bulma-hero-color-l)) 71%, hsl(calc(var(--bulma-hero-h) + 5deg), calc(var(--bulma-hero-s) - 10%), calc(var(--bulma-hero-background-l) - 5%)) 100%); + } +} +.hero.is-warning { + --bulma-hero-h: var(--bulma-warning-h); + --bulma-hero-s: var(--bulma-warning-s); + --bulma-hero-background-l: var(--bulma-warning-l); + --bulma-hero-color-l: var(--bulma-warning-invert-l); + background-color: hsl(var(--bulma-hero-h), var(--bulma-hero-s), var(--bulma-hero-background-l)); + color: hsl(var(--bulma-hero-h), var(--bulma-hero-s), var(--bulma-hero-color-l)); +} +.hero.is-warning .navbar { + --bulma-navbar-item-color: hsl(var(--bulma-hero-h), var(--bulma-hero-s), var(--bulma-hero-color-l)); + --bulma-navbar-item-hover-background-color: hsl(var(--bulma-hero-h), var(--bulma-hero-s), var(--bulma-hero-color-l)); + --bulma-navbar-item-hover-color: hsl(var(--bulma-hero-h), var(--bulma-hero-s), var(--bulma-hero-background-l)); + --bulma-navbar-item-active-background-color: hsl(var(--bulma-hero-h), var(--bulma-hero-s), var(--bulma-hero-color-l)); + --bulma-navbar-item-active-color: hsl(var(--bulma-hero-h), var(--bulma-hero-s), var(--bulma-hero-background-l)); +} +.hero.is-warning .tabs { + --bulma-tabs-link-color: hsl(var(--bulma-hero-h), var(--bulma-hero-s), var(--bulma-hero-color-l)); + --bulma-tabs-boxed-link-active-background-color: hsl(var(--bulma-hero-h), var(--bulma-hero-s), var(--bulma-hero-color-l)); + --bulma-tabs-boxed-link-active-border-color: hsl(var(--bulma-hero-h), var(--bulma-hero-s), var(--bulma-hero-background-l)); + --bulma-tabs-link-active-color: hsl(var(--bulma-hero-h), var(--bulma-hero-s), var(--bulma-hero-background-l)); +} +.hero.is-warning .subtitle { + --bulma-subtitle-color: hsl(var(--bulma-hero-h), var(--bulma-hero-s), var(--bulma-hero-color-l)); + --bulma-subtitle-strong-color: hsl(var(--bulma-hero-h), var(--bulma-hero-s), var(--bulma-hero-color-l)); +} +.hero.is-warning .title { + --bulma-title-color: hsl(var(--bulma-hero-h), var(--bulma-hero-s), var(--bulma-hero-color-l)); + --bulma-title-strong-color: hsl(var(--bulma-hero-h), var(--bulma-hero-s), var(--bulma-hero-color-l)); +} +.hero.is-warning.is-bold { + background-image: linear-gradient(141deg, hsl(calc(var(--bulma-hero-h) - 5deg), calc(var(--bulma-hero-s) + 10%), calc(var(--bulma-hero-background-l) + 5%)) 0%, hsl(var(--bulma-hero-h), var(--bulma-hero-s), var(--bulma-hero-background-l)) 71%, hsl(calc(var(--bulma-hero-h) + 5deg), calc(var(--bulma-hero-s) - 10%), calc(var(--bulma-hero-background-l) - 5%)) 100%); +} +@media screen and (max-width: 768px) { + .hero.is-warning.is-bold .navbar-menu { + background-image: linear-gradient(141deg, hsl(calc(var(--bulma-hero-h) - 5deg), calc(var(--bulma-hero-s) + 10%), calc(var(--bulma-hero-background-l) + 5%)) 0%, hsl(var(--bulma-hero-h), var(--bulma-hero-s), var(--bulma-hero-color-l)) 71%, hsl(calc(var(--bulma-hero-h) + 5deg), calc(var(--bulma-hero-s) - 10%), calc(var(--bulma-hero-background-l) - 5%)) 100%); + } +} +.hero.is-danger { + --bulma-hero-h: var(--bulma-danger-h); + --bulma-hero-s: var(--bulma-danger-s); + --bulma-hero-background-l: var(--bulma-danger-l); + --bulma-hero-color-l: var(--bulma-danger-invert-l); + background-color: hsl(var(--bulma-hero-h), var(--bulma-hero-s), var(--bulma-hero-background-l)); + color: hsl(var(--bulma-hero-h), var(--bulma-hero-s), var(--bulma-hero-color-l)); +} +.hero.is-danger .navbar { + --bulma-navbar-item-color: hsl(var(--bulma-hero-h), var(--bulma-hero-s), var(--bulma-hero-color-l)); + --bulma-navbar-item-hover-background-color: hsl(var(--bulma-hero-h), var(--bulma-hero-s), var(--bulma-hero-color-l)); + --bulma-navbar-item-hover-color: hsl(var(--bulma-hero-h), var(--bulma-hero-s), var(--bulma-hero-background-l)); + --bulma-navbar-item-active-background-color: hsl(var(--bulma-hero-h), var(--bulma-hero-s), var(--bulma-hero-color-l)); + --bulma-navbar-item-active-color: hsl(var(--bulma-hero-h), var(--bulma-hero-s), var(--bulma-hero-background-l)); +} +.hero.is-danger .tabs { + --bulma-tabs-link-color: hsl(var(--bulma-hero-h), var(--bulma-hero-s), var(--bulma-hero-color-l)); + --bulma-tabs-boxed-link-active-background-color: hsl(var(--bulma-hero-h), var(--bulma-hero-s), var(--bulma-hero-color-l)); + --bulma-tabs-boxed-link-active-border-color: hsl(var(--bulma-hero-h), var(--bulma-hero-s), var(--bulma-hero-background-l)); + --bulma-tabs-link-active-color: hsl(var(--bulma-hero-h), var(--bulma-hero-s), var(--bulma-hero-background-l)); +} +.hero.is-danger .subtitle { + --bulma-subtitle-color: hsl(var(--bulma-hero-h), var(--bulma-hero-s), var(--bulma-hero-color-l)); + --bulma-subtitle-strong-color: hsl(var(--bulma-hero-h), var(--bulma-hero-s), var(--bulma-hero-color-l)); +} +.hero.is-danger .title { + --bulma-title-color: hsl(var(--bulma-hero-h), var(--bulma-hero-s), var(--bulma-hero-color-l)); + --bulma-title-strong-color: hsl(var(--bulma-hero-h), var(--bulma-hero-s), var(--bulma-hero-color-l)); +} +.hero.is-danger.is-bold { + background-image: linear-gradient(141deg, hsl(calc(var(--bulma-hero-h) - 5deg), calc(var(--bulma-hero-s) + 10%), calc(var(--bulma-hero-background-l) + 5%)) 0%, hsl(var(--bulma-hero-h), var(--bulma-hero-s), var(--bulma-hero-background-l)) 71%, hsl(calc(var(--bulma-hero-h) + 5deg), calc(var(--bulma-hero-s) - 10%), calc(var(--bulma-hero-background-l) - 5%)) 100%); +} +@media screen and (max-width: 768px) { + .hero.is-danger.is-bold .navbar-menu { + background-image: linear-gradient(141deg, hsl(calc(var(--bulma-hero-h) - 5deg), calc(var(--bulma-hero-s) + 10%), calc(var(--bulma-hero-background-l) + 5%)) 0%, hsl(var(--bulma-hero-h), var(--bulma-hero-s), var(--bulma-hero-color-l)) 71%, hsl(calc(var(--bulma-hero-h) + 5deg), calc(var(--bulma-hero-s) - 10%), calc(var(--bulma-hero-background-l) - 5%)) 100%); + } +} +.hero.is-small .hero-body { + padding: var(--bulma-hero-body-padding-small); +} +@media screen and (min-width: 769px), print { + .hero.is-medium .hero-body { + padding: var(--bulma-hero-body-padding-medium); + } +} +@media screen and (min-width: 769px), print { + .hero.is-large .hero-body { + padding: var(--bulma-hero-body-padding-large); + } +} +.hero.is-halfheight .hero-body, .hero.is-fullheight .hero-body, .hero.is-fullheight-with-navbar .hero-body { + align-items: center; + display: flex; +} +.hero.is-halfheight .hero-body > .container, .hero.is-fullheight .hero-body > .container, .hero.is-fullheight-with-navbar .hero-body > .container { + flex-grow: 1; + flex-shrink: 1; +} +.hero.is-halfheight { + min-height: 50vh; +} +.hero.is-fullheight { + min-height: 100vh; +} + +.hero-video { + overflow: hidden; +} +.hero-video video { + left: 50%; + min-height: 100%; + min-width: 100%; + position: absolute; + top: 50%; + transform: translate3d(-50%, -50%, 0); +} +.hero-video.is-transparent { + opacity: 0.3; +} +@media screen and (max-width: 768px) { + .hero-video { + display: none; + } +} + +.hero-buttons { + margin-top: 1.5rem; +} +@media screen and (max-width: 768px) { + .hero-buttons .button { + display: flex; + } + .hero-buttons .button:not(:last-child) { + margin-bottom: 0.75rem; + } +} +@media screen and (min-width: 769px), print { + .hero-buttons { + display: flex; + justify-content: center; + } + .hero-buttons .button:not(:last-child) { + margin-inline-end: 1.5rem; + } +} + +.hero-head, +.hero-foot { + flex-grow: 0; + flex-shrink: 0; +} + +.hero-body { + flex-grow: 1; + flex-shrink: 0; + padding: var(--bulma-hero-body-padding); +} +@media screen and (min-width: 769px), print { + .hero-body { + padding: var(--bulma-hero-body-padding-tablet); + } +} + +.level { + --bulma-level-item-spacing: calc(var(--bulma-block-spacing) * 0.5); + align-items: center; + display: flex; + flex-direction: column; + justify-content: space-between; + gap: var(--bulma-level-item-spacing); +} +.level code { + border-radius: var(--bulma-radius); +} +.level img { + display: inline-block; + vertical-align: top; +} +.level.is-mobile { + display: flex; + flex-direction: row; +} +.level.is-mobile .level-left, +.level.is-mobile .level-right { + display: flex; +} +.level.is-mobile .level-item:not(.is-narrow) { + flex-grow: 1; +} +@media screen and (min-width: 769px), print { + .level { + display: flex; + flex-direction: row; + } + .level > .level-item:not(.is-narrow) { + flex-grow: 1; + } +} + +.level-item { + align-items: center; + display: flex; + flex-basis: auto; + flex-grow: 0; + flex-shrink: 0; + justify-content: center; +} +.level-item .title, +.level-item .subtitle { + margin-bottom: 0; +} + +.level-left, +.level-right { + flex-basis: auto; + flex-grow: 0; + flex-shrink: 0; + gap: calc(var(--bulma-block-spacing) * 0.5); +} +.level-left .level-item.is-flexible, +.level-right .level-item.is-flexible { + flex-grow: 1; +} + +.level-left { + align-items: center; + display: flex; + flex-direction: column; + justify-content: flex-start; +} +@media screen and (min-width: 769px), print { + .level-left { + flex-direction: row; + } +} + +.level-right { + align-items: center; + display: flex; + flex-direction: column; + justify-content: flex-end; +} +@media screen and (min-width: 769px), print { + .level-right { + flex-direction: row; + } +} + +.media { + --bulma-media-border-color: hsla(var(--bulma-scheme-h), var(--bulma-scheme-s), var(--bulma-border-l), 0.5); + --bulma-media-border-size: 1px; + --bulma-media-spacing: 1rem; + --bulma-media-spacing-large: 1.5rem; + --bulma-media-content-spacing: 0.75rem; + --bulma-media-level-1-spacing: 0.75rem; + --bulma-media-level-1-content-spacing: 0.5rem; + --bulma-media-level-2-spacing: 0.5rem; + align-items: flex-start; + display: flex; + text-align: inherit; +} +.media .content:not(:last-child) { + margin-bottom: var(--bulma-media-content-spacing); +} +.media .media { + border-top-color: var(--bulma-media-border-color); + border-top-style: solid; + border-top-width: var(--bulma-media-border-size); + display: flex; + padding-top: var(--bulma-media-level-1-spacing); +} +.media .media .content:not(:last-child), +.media .media .control:not(:last-child) { + margin-bottom: var(--bulma-media-level-1-content-spacing); +} +.media .media .media { + padding-top: var(--bulma-media-level-2-spacing); +} +.media .media .media + .media { + margin-top: var(--bulma-media-level-2-spacing); +} +.media + .media { + border-top-color: var(--bulma-media-border-color); + border-top-style: solid; + border-top-width: var(--bulma-media-border-size); + margin-top: var(--bulma-media-spacing); + padding-top: var(--bulma-media-spacing); +} +.media.is-large + .media { + margin-top: var(--bulma-media-spacing-large); + padding-top: var(--bulma-media-spacing-large); +} + +.media-left, +.media-right { + flex-basis: auto; + flex-grow: 0; + flex-shrink: 0; +} + +.media-left { + margin-inline-end: var(--bulma-media-spacing); +} + +.media-right { + margin-inline-start: var(--bulma-media-spacing); +} + +.media-content { + flex-basis: auto; + flex-grow: 1; + flex-shrink: 1; + text-align: inherit; +} + +@media screen and (max-width: 768px) { + .media-content { + overflow-x: auto; + } +} +.section { + --bulma-section-padding: 3rem 1.5rem; + --bulma-section-padding-desktop: 3rem 3rem; + --bulma-section-padding-medium: 9rem 4.5rem; + --bulma-section-padding-large: 18rem 6rem; + padding: var(--bulma-section-padding); +} +@media screen and (min-width: 1024px) { + .section { + padding: var(--bulma-section-padding-desktop); + } + .section.is-medium { + padding: var(--bulma-section-padding-medium); + } + .section.is-large { + padding: var(--bulma-section-padding-large); + } +} +.section.is-fullheight { + min-height: 100vh; +} + +:root { + --bulma-skeleton-background: var(--bulma-border); + --bulma-skeleton-radius: var(--bulma-radius-small); + --bulma-skeleton-block-min-height: 4.5em; + --bulma-skeleton-lines-gap: 0.75em; + --bulma-skeleton-line-height: 0.75em; +} + +.skeleton-lines > div, .skeleton-block, .has-skeleton::after, .is-skeleton { + animation-duration: 2s; + animation-iteration-count: infinite; + animation-name: pulsate; + animation-timing-function: cubic-bezier(0.4, 0, 0.6, 1); + background-color: var(--bulma-skeleton-background); + border-radius: var(--bulma-skeleton-radius); + box-shadow: none; + pointer-events: none; +} + +.is-skeleton { + color: transparent !important; +} +.is-skeleton em, +.is-skeleton strong { + color: inherit; +} +.is-skeleton img { + visibility: hidden; +} +.is-skeleton.checkbox input { + opacity: 0; +} +.is-skeleton.delete { + border-radius: var(--bulma-radius-rounded); +} +.is-skeleton.delete::before, .is-skeleton.delete::after { + display: none; +} + +input.is-skeleton, +textarea.is-skeleton { + resize: none; +} +input.is-skeleton::-moz-placeholder, +textarea.is-skeleton::-moz-placeholder { + color: transparent !important; +} +input.is-skeleton::-webkit-input-placeholder, +textarea.is-skeleton::-webkit-input-placeholder { + color: transparent !important; +} +input.is-skeleton:-moz-placeholder, +textarea.is-skeleton:-moz-placeholder { + color: transparent !important; +} +input.is-skeleton:-ms-input-placeholder, +textarea.is-skeleton:-ms-input-placeholder { + color: transparent !important; +} + +.has-skeleton { + color: transparent !important; + position: relative; +} +.has-skeleton::after { + content: ""; + display: block; + height: 100%; + left: 0; + max-width: 100%; + min-width: 10%; + position: absolute; + top: 0; + width: 7em; +} + +.skeleton-block { + color: transparent !important; + min-height: var(--bulma-skeleton-block-min-height); +} + +.skeleton-lines { + color: transparent !important; + display: flex; + flex-direction: column; + gap: var(--bulma-skeleton-lines-gap); + position: relative; +} +.skeleton-lines > div { + height: var(--bulma-skeleton-line-height); +} +.skeleton-lines > div:last-child { + min-width: 4em; + width: 30%; +} + +/* Bulma Helpers */ +.is-aspect-ratio-1by1 { + aspect-ratio: 1/1; +} + +.is-aspect-ratio-5by4 { + aspect-ratio: 5/4; +} + +.is-aspect-ratio-4by3 { + aspect-ratio: 4/3; +} + +.is-aspect-ratio-3by2 { + aspect-ratio: 3/2; +} + +.is-aspect-ratio-5by3 { + aspect-ratio: 5/3; +} + +.is-aspect-ratio-16by9 { + aspect-ratio: 16/9; +} + +.is-aspect-ratio-2by1 { + aspect-ratio: 2/1; +} + +.is-aspect-ratio-3by1 { + aspect-ratio: 3/1; +} + +.is-aspect-ratio-4by5 { + aspect-ratio: 4/5; +} + +.is-aspect-ratio-3by4 { + aspect-ratio: 3/4; +} + +.is-aspect-ratio-2by3 { + aspect-ratio: 2/3; +} + +.is-aspect-ratio-3by5 { + aspect-ratio: 3/5; +} + +.is-aspect-ratio-9by16 { + aspect-ratio: 9/16; +} + +.is-aspect-ratio-1by2 { + aspect-ratio: 1/2; +} + +.is-aspect-ratio-1by3 { + aspect-ratio: 1/3; +} + +.has-radius-small { + border-radius: var(--bulma-radius-small); +} + +.has-radius-normal { + border-radius: var(--bulma-radius); +} + +.has-radius-large { + border-radius: var(--bulma-radius-large); +} + +.has-radius-rounded { + border-radius: var(--bulma-radius-rounded); +} + +.has-background { + background-color: var(--bulma-background); +} + +.has-text-white { + color: hsl(var(--bulma-white-h), var(--bulma-white-s), var(--bulma-white-l)) !important; +} + +.has-background-white { + background-color: hsl(var(--bulma-white-h), var(--bulma-white-s), var(--bulma-white-l)) !important; +} + +.has-text-white-invert { + color: hsl(var(--bulma-white-h), var(--bulma-white-s), var(--bulma-white-invert-l)) !important; +} + +.has-background-white-invert { + background-color: hsl(var(--bulma-white-h), var(--bulma-white-s), var(--bulma-white-invert-l)) !important; +} + +.has-text-white-on-scheme { + color: hsl(var(--bulma-white-h), var(--bulma-white-s), var(--bulma-white-on-scheme-l)) !important; +} + +.has-background-white-on-scheme { + background-color: hsl(var(--bulma-white-h), var(--bulma-white-s), var(--bulma-white-on-scheme-l)) !important; +} + +.has-text-white-light { + color: hsl(var(--bulma-white-h), var(--bulma-white-s), var(--bulma-white-light-l)) !important; +} + +.has-background-white-light { + background-color: hsl(var(--bulma-white-h), var(--bulma-white-s), var(--bulma-white-light-l)) !important; +} + +.has-text-white-light-invert { + color: hsl(var(--bulma-white-h), var(--bulma-white-s), var(--bulma-white-light-invert-l)) !important; +} + +.has-background-white-light-invert { + background-color: hsl(var(--bulma-white-h), var(--bulma-white-s), var(--bulma-white-light-invert-l)) !important; +} + +.has-text-white-dark { + color: hsl(var(--bulma-white-h), var(--bulma-white-s), var(--bulma-white-dark-l)) !important; +} + +.has-background-white-dark { + background-color: hsl(var(--bulma-white-h), var(--bulma-white-s), var(--bulma-white-dark-l)) !important; +} + +.has-text-white-dark-invert { + color: hsl(var(--bulma-white-h), var(--bulma-white-s), var(--bulma-white-dark-invert-l)) !important; +} + +.has-background-white-dark-invert { + background-color: hsl(var(--bulma-white-h), var(--bulma-white-s), var(--bulma-white-dark-invert-l)) !important; +} + +.has-text-white-soft { + color: hsl(var(--bulma-white-h), var(--bulma-white-s), var(--bulma-soft-l)) !important; +} + +.has-background-white-soft { + background-color: hsl(var(--bulma-white-h), var(--bulma-white-s), var(--bulma-soft-l)) !important; +} + +.has-text-white-bold { + color: hsl(var(--bulma-white-h), var(--bulma-white-s), var(--bulma-bold-l)) !important; +} + +.has-background-white-bold { + background-color: hsl(var(--bulma-white-h), var(--bulma-white-s), var(--bulma-bold-l)) !important; +} + +.has-text-white-soft-invert { + color: hsl(var(--bulma-white-h), var(--bulma-white-s), var(--bulma-soft-invert-l)) !important; +} + +.has-background-white-soft-invert { + background-color: hsl(var(--bulma-white-h), var(--bulma-white-s), var(--bulma-soft-invert-l)) !important; +} + +.has-text-white-bold-invert { + color: hsl(var(--bulma-white-h), var(--bulma-white-s), var(--bulma-bold-invert-l)) !important; +} + +.has-background-white-bold-invert { + background-color: hsl(var(--bulma-white-h), var(--bulma-white-s), var(--bulma-bold-invert-l)) !important; +} + +.has-text-white-00 { + color: hsl(var(--bulma-white-h), var(--bulma-white-s), var(--bulma-white-00-l)) !important; +} + +.has-background-white-00 { + background-color: hsl(var(--bulma-white-h), var(--bulma-white-s), var(--bulma-white-00-l)) !important; +} + +.has-text-white-00-invert { + color: hsl(var(--bulma-white-h), var(--bulma-white-s), var(--bulma-white-00-invert-l)) !important; +} + +.has-background-white-00-invert { + background-color: hsl(var(--bulma-white-h), var(--bulma-white-s), var(--bulma-white-00-invert-l)) !important; +} + +.has-text-white-05 { + color: hsl(var(--bulma-white-h), var(--bulma-white-s), var(--bulma-white-05-l)) !important; +} + +.has-background-white-05 { + background-color: hsl(var(--bulma-white-h), var(--bulma-white-s), var(--bulma-white-05-l)) !important; +} + +.has-text-white-05-invert { + color: hsl(var(--bulma-white-h), var(--bulma-white-s), var(--bulma-white-05-invert-l)) !important; +} + +.has-background-white-05-invert { + background-color: hsl(var(--bulma-white-h), var(--bulma-white-s), var(--bulma-white-05-invert-l)) !important; +} + +.has-text-white-10 { + color: hsl(var(--bulma-white-h), var(--bulma-white-s), var(--bulma-white-10-l)) !important; +} + +.has-background-white-10 { + background-color: hsl(var(--bulma-white-h), var(--bulma-white-s), var(--bulma-white-10-l)) !important; +} + +.has-text-white-10-invert { + color: hsl(var(--bulma-white-h), var(--bulma-white-s), var(--bulma-white-10-invert-l)) !important; +} + +.has-background-white-10-invert { + background-color: hsl(var(--bulma-white-h), var(--bulma-white-s), var(--bulma-white-10-invert-l)) !important; +} + +.has-text-white-15 { + color: hsl(var(--bulma-white-h), var(--bulma-white-s), var(--bulma-white-15-l)) !important; +} + +.has-background-white-15 { + background-color: hsl(var(--bulma-white-h), var(--bulma-white-s), var(--bulma-white-15-l)) !important; +} + +.has-text-white-15-invert { + color: hsl(var(--bulma-white-h), var(--bulma-white-s), var(--bulma-white-15-invert-l)) !important; +} + +.has-background-white-15-invert { + background-color: hsl(var(--bulma-white-h), var(--bulma-white-s), var(--bulma-white-15-invert-l)) !important; +} + +.has-text-white-20 { + color: hsl(var(--bulma-white-h), var(--bulma-white-s), var(--bulma-white-20-l)) !important; +} + +.has-background-white-20 { + background-color: hsl(var(--bulma-white-h), var(--bulma-white-s), var(--bulma-white-20-l)) !important; +} + +.has-text-white-20-invert { + color: hsl(var(--bulma-white-h), var(--bulma-white-s), var(--bulma-white-20-invert-l)) !important; +} + +.has-background-white-20-invert { + background-color: hsl(var(--bulma-white-h), var(--bulma-white-s), var(--bulma-white-20-invert-l)) !important; +} + +.has-text-white-25 { + color: hsl(var(--bulma-white-h), var(--bulma-white-s), var(--bulma-white-25-l)) !important; +} + +.has-background-white-25 { + background-color: hsl(var(--bulma-white-h), var(--bulma-white-s), var(--bulma-white-25-l)) !important; +} + +.has-text-white-25-invert { + color: hsl(var(--bulma-white-h), var(--bulma-white-s), var(--bulma-white-25-invert-l)) !important; +} + +.has-background-white-25-invert { + background-color: hsl(var(--bulma-white-h), var(--bulma-white-s), var(--bulma-white-25-invert-l)) !important; +} + +.has-text-white-30 { + color: hsl(var(--bulma-white-h), var(--bulma-white-s), var(--bulma-white-30-l)) !important; +} + +.has-background-white-30 { + background-color: hsl(var(--bulma-white-h), var(--bulma-white-s), var(--bulma-white-30-l)) !important; +} + +.has-text-white-30-invert { + color: hsl(var(--bulma-white-h), var(--bulma-white-s), var(--bulma-white-30-invert-l)) !important; +} + +.has-background-white-30-invert { + background-color: hsl(var(--bulma-white-h), var(--bulma-white-s), var(--bulma-white-30-invert-l)) !important; +} + +.has-text-white-35 { + color: hsl(var(--bulma-white-h), var(--bulma-white-s), var(--bulma-white-35-l)) !important; +} + +.has-background-white-35 { + background-color: hsl(var(--bulma-white-h), var(--bulma-white-s), var(--bulma-white-35-l)) !important; +} + +.has-text-white-35-invert { + color: hsl(var(--bulma-white-h), var(--bulma-white-s), var(--bulma-white-35-invert-l)) !important; +} + +.has-background-white-35-invert { + background-color: hsl(var(--bulma-white-h), var(--bulma-white-s), var(--bulma-white-35-invert-l)) !important; +} + +.has-text-white-40 { + color: hsl(var(--bulma-white-h), var(--bulma-white-s), var(--bulma-white-40-l)) !important; +} + +.has-background-white-40 { + background-color: hsl(var(--bulma-white-h), var(--bulma-white-s), var(--bulma-white-40-l)) !important; +} + +.has-text-white-40-invert { + color: hsl(var(--bulma-white-h), var(--bulma-white-s), var(--bulma-white-40-invert-l)) !important; +} + +.has-background-white-40-invert { + background-color: hsl(var(--bulma-white-h), var(--bulma-white-s), var(--bulma-white-40-invert-l)) !important; +} + +.has-text-white-45 { + color: hsl(var(--bulma-white-h), var(--bulma-white-s), var(--bulma-white-45-l)) !important; +} + +.has-background-white-45 { + background-color: hsl(var(--bulma-white-h), var(--bulma-white-s), var(--bulma-white-45-l)) !important; +} + +.has-text-white-45-invert { + color: hsl(var(--bulma-white-h), var(--bulma-white-s), var(--bulma-white-45-invert-l)) !important; +} + +.has-background-white-45-invert { + background-color: hsl(var(--bulma-white-h), var(--bulma-white-s), var(--bulma-white-45-invert-l)) !important; +} + +.has-text-white-50 { + color: hsl(var(--bulma-white-h), var(--bulma-white-s), var(--bulma-white-50-l)) !important; +} + +.has-background-white-50 { + background-color: hsl(var(--bulma-white-h), var(--bulma-white-s), var(--bulma-white-50-l)) !important; +} + +.has-text-white-50-invert { + color: hsl(var(--bulma-white-h), var(--bulma-white-s), var(--bulma-white-50-invert-l)) !important; +} + +.has-background-white-50-invert { + background-color: hsl(var(--bulma-white-h), var(--bulma-white-s), var(--bulma-white-50-invert-l)) !important; +} + +.has-text-white-55 { + color: hsl(var(--bulma-white-h), var(--bulma-white-s), var(--bulma-white-55-l)) !important; +} + +.has-background-white-55 { + background-color: hsl(var(--bulma-white-h), var(--bulma-white-s), var(--bulma-white-55-l)) !important; +} + +.has-text-white-55-invert { + color: hsl(var(--bulma-white-h), var(--bulma-white-s), var(--bulma-white-55-invert-l)) !important; +} + +.has-background-white-55-invert { + background-color: hsl(var(--bulma-white-h), var(--bulma-white-s), var(--bulma-white-55-invert-l)) !important; +} + +.has-text-white-60 { + color: hsl(var(--bulma-white-h), var(--bulma-white-s), var(--bulma-white-60-l)) !important; +} + +.has-background-white-60 { + background-color: hsl(var(--bulma-white-h), var(--bulma-white-s), var(--bulma-white-60-l)) !important; +} + +.has-text-white-60-invert { + color: hsl(var(--bulma-white-h), var(--bulma-white-s), var(--bulma-white-60-invert-l)) !important; +} + +.has-background-white-60-invert { + background-color: hsl(var(--bulma-white-h), var(--bulma-white-s), var(--bulma-white-60-invert-l)) !important; +} + +.has-text-white-65 { + color: hsl(var(--bulma-white-h), var(--bulma-white-s), var(--bulma-white-65-l)) !important; +} + +.has-background-white-65 { + background-color: hsl(var(--bulma-white-h), var(--bulma-white-s), var(--bulma-white-65-l)) !important; +} + +.has-text-white-65-invert { + color: hsl(var(--bulma-white-h), var(--bulma-white-s), var(--bulma-white-65-invert-l)) !important; +} + +.has-background-white-65-invert { + background-color: hsl(var(--bulma-white-h), var(--bulma-white-s), var(--bulma-white-65-invert-l)) !important; +} + +.has-text-white-70 { + color: hsl(var(--bulma-white-h), var(--bulma-white-s), var(--bulma-white-70-l)) !important; +} + +.has-background-white-70 { + background-color: hsl(var(--bulma-white-h), var(--bulma-white-s), var(--bulma-white-70-l)) !important; +} + +.has-text-white-70-invert { + color: hsl(var(--bulma-white-h), var(--bulma-white-s), var(--bulma-white-70-invert-l)) !important; +} + +.has-background-white-70-invert { + background-color: hsl(var(--bulma-white-h), var(--bulma-white-s), var(--bulma-white-70-invert-l)) !important; +} + +.has-text-white-75 { + color: hsl(var(--bulma-white-h), var(--bulma-white-s), var(--bulma-white-75-l)) !important; +} + +.has-background-white-75 { + background-color: hsl(var(--bulma-white-h), var(--bulma-white-s), var(--bulma-white-75-l)) !important; +} + +.has-text-white-75-invert { + color: hsl(var(--bulma-white-h), var(--bulma-white-s), var(--bulma-white-75-invert-l)) !important; +} + +.has-background-white-75-invert { + background-color: hsl(var(--bulma-white-h), var(--bulma-white-s), var(--bulma-white-75-invert-l)) !important; +} + +.has-text-white-80 { + color: hsl(var(--bulma-white-h), var(--bulma-white-s), var(--bulma-white-80-l)) !important; +} + +.has-background-white-80 { + background-color: hsl(var(--bulma-white-h), var(--bulma-white-s), var(--bulma-white-80-l)) !important; +} + +.has-text-white-80-invert { + color: hsl(var(--bulma-white-h), var(--bulma-white-s), var(--bulma-white-80-invert-l)) !important; +} + +.has-background-white-80-invert { + background-color: hsl(var(--bulma-white-h), var(--bulma-white-s), var(--bulma-white-80-invert-l)) !important; +} + +.has-text-white-85 { + color: hsl(var(--bulma-white-h), var(--bulma-white-s), var(--bulma-white-85-l)) !important; +} + +.has-background-white-85 { + background-color: hsl(var(--bulma-white-h), var(--bulma-white-s), var(--bulma-white-85-l)) !important; +} + +.has-text-white-85-invert { + color: hsl(var(--bulma-white-h), var(--bulma-white-s), var(--bulma-white-85-invert-l)) !important; +} + +.has-background-white-85-invert { + background-color: hsl(var(--bulma-white-h), var(--bulma-white-s), var(--bulma-white-85-invert-l)) !important; +} + +.has-text-white-90 { + color: hsl(var(--bulma-white-h), var(--bulma-white-s), var(--bulma-white-90-l)) !important; +} + +.has-background-white-90 { + background-color: hsl(var(--bulma-white-h), var(--bulma-white-s), var(--bulma-white-90-l)) !important; +} + +.has-text-white-90-invert { + color: hsl(var(--bulma-white-h), var(--bulma-white-s), var(--bulma-white-90-invert-l)) !important; +} + +.has-background-white-90-invert { + background-color: hsl(var(--bulma-white-h), var(--bulma-white-s), var(--bulma-white-90-invert-l)) !important; +} + +.has-text-white-95 { + color: hsl(var(--bulma-white-h), var(--bulma-white-s), var(--bulma-white-95-l)) !important; +} + +.has-background-white-95 { + background-color: hsl(var(--bulma-white-h), var(--bulma-white-s), var(--bulma-white-95-l)) !important; +} + +.has-text-white-95-invert { + color: hsl(var(--bulma-white-h), var(--bulma-white-s), var(--bulma-white-95-invert-l)) !important; +} + +.has-background-white-95-invert { + background-color: hsl(var(--bulma-white-h), var(--bulma-white-s), var(--bulma-white-95-invert-l)) !important; +} + +.has-text-white-100 { + color: hsl(var(--bulma-white-h), var(--bulma-white-s), var(--bulma-white-100-l)) !important; +} + +.has-background-white-100 { + background-color: hsl(var(--bulma-white-h), var(--bulma-white-s), var(--bulma-white-100-l)) !important; +} + +.has-text-white-100-invert { + color: hsl(var(--bulma-white-h), var(--bulma-white-s), var(--bulma-white-100-invert-l)) !important; +} + +.has-background-white-100-invert { + background-color: hsl(var(--bulma-white-h), var(--bulma-white-s), var(--bulma-white-100-invert-l)) !important; +} + +a.has-text-white:hover, a.has-text-white:focus-visible, +button.has-text-white:hover, +button.has-text-white:focus-visible, +has-text-white.is-hoverable:hover, +has-text-white.is-hoverable:focus-visible { + color: hsl(var(--bulma-white-h), var(--bulma-white-s), calc(var(--bulma-white-l) + var(--bulma-hover-color-l-delta))) !important; +} +a.has-text-white:active, +button.has-text-white:active, +has-text-white.is-hoverable:active { + color: hsl(var(--bulma-white-h), var(--bulma-white-s), calc(var(--bulma-white-l) + var(--bulma-active-color-l-delta))) !important; +} + +a.has-background-white:hover, a.has-background-white:focus-visible, +button.has-background-white:hover, +button.has-background-white:focus-visible, +has-background-white.is-hoverable:hover, +has-background-white.is-hoverable:focus-visible { + background-color: hsl(var(--bulma-white-h), var(--bulma-white-s), calc(var(--bulma-white-l) + var(--bulma-hover-background-l-delta))) !important; +} +a.has-background-white:active, +button.has-background-white:active, +has-background-white.is-hoverable:active { + background-color: hsl(var(--bulma-white-h), var(--bulma-white-s), calc(var(--bulma-white-l) + var(--bulma-active-background-l-delta))) !important; +} + +.is-palette-white { + --h: var(--bulma-white-h); + --s: var(--bulma-white-s); + --l: var(--bulma-white-l); + --color: hsl(var(--h), var(--s), var(--l)); + --00-l: var(--bulma-white-00-l); + --color-00: hsl(var(--h), var(--s), var(--00-l)); + --05-l: var(--bulma-white-05-l); + --color-05: hsl(var(--h), var(--s), var(--05-l)); + --10-l: var(--bulma-white-10-l); + --color-10: hsl(var(--h), var(--s), var(--10-l)); + --15-l: var(--bulma-white-15-l); + --color-15: hsl(var(--h), var(--s), var(--15-l)); + --20-l: var(--bulma-white-20-l); + --color-20: hsl(var(--h), var(--s), var(--20-l)); + --25-l: var(--bulma-white-25-l); + --color-25: hsl(var(--h), var(--s), var(--25-l)); + --30-l: var(--bulma-white-30-l); + --color-30: hsl(var(--h), var(--s), var(--30-l)); + --35-l: var(--bulma-white-35-l); + --color-35: hsl(var(--h), var(--s), var(--35-l)); + --40-l: var(--bulma-white-40-l); + --color-40: hsl(var(--h), var(--s), var(--40-l)); + --45-l: var(--bulma-white-45-l); + --color-45: hsl(var(--h), var(--s), var(--45-l)); + --50-l: var(--bulma-white-50-l); + --color-50: hsl(var(--h), var(--s), var(--50-l)); + --55-l: var(--bulma-white-55-l); + --color-55: hsl(var(--h), var(--s), var(--55-l)); + --60-l: var(--bulma-white-60-l); + --color-60: hsl(var(--h), var(--s), var(--60-l)); + --65-l: var(--bulma-white-65-l); + --color-65: hsl(var(--h), var(--s), var(--65-l)); + --70-l: var(--bulma-white-70-l); + --color-70: hsl(var(--h), var(--s), var(--70-l)); + --75-l: var(--bulma-white-75-l); + --color-75: hsl(var(--h), var(--s), var(--75-l)); + --80-l: var(--bulma-white-80-l); + --color-80: hsl(var(--h), var(--s), var(--80-l)); + --85-l: var(--bulma-white-85-l); + --color-85: hsl(var(--h), var(--s), var(--85-l)); + --90-l: var(--bulma-white-90-l); + --color-90: hsl(var(--h), var(--s), var(--90-l)); + --95-l: var(--bulma-white-95-l); + --color-95: hsl(var(--h), var(--s), var(--95-l)); + --100-l: var(--bulma-white-100-l); + --color-100: hsl(var(--h), var(--s), var(--100-l)); +} + +.has-text-black { + color: hsl(var(--bulma-black-h), var(--bulma-black-s), var(--bulma-black-l)) !important; +} + +.has-background-black { + background-color: hsl(var(--bulma-black-h), var(--bulma-black-s), var(--bulma-black-l)) !important; +} + +.has-text-black-invert { + color: hsl(var(--bulma-black-h), var(--bulma-black-s), var(--bulma-black-invert-l)) !important; +} + +.has-background-black-invert { + background-color: hsl(var(--bulma-black-h), var(--bulma-black-s), var(--bulma-black-invert-l)) !important; +} + +.has-text-black-on-scheme { + color: hsl(var(--bulma-black-h), var(--bulma-black-s), var(--bulma-black-on-scheme-l)) !important; +} + +.has-background-black-on-scheme { + background-color: hsl(var(--bulma-black-h), var(--bulma-black-s), var(--bulma-black-on-scheme-l)) !important; +} + +.has-text-black-light { + color: hsl(var(--bulma-black-h), var(--bulma-black-s), var(--bulma-black-light-l)) !important; +} + +.has-background-black-light { + background-color: hsl(var(--bulma-black-h), var(--bulma-black-s), var(--bulma-black-light-l)) !important; +} + +.has-text-black-light-invert { + color: hsl(var(--bulma-black-h), var(--bulma-black-s), var(--bulma-black-light-invert-l)) !important; +} + +.has-background-black-light-invert { + background-color: hsl(var(--bulma-black-h), var(--bulma-black-s), var(--bulma-black-light-invert-l)) !important; +} + +.has-text-black-dark { + color: hsl(var(--bulma-black-h), var(--bulma-black-s), var(--bulma-black-dark-l)) !important; +} + +.has-background-black-dark { + background-color: hsl(var(--bulma-black-h), var(--bulma-black-s), var(--bulma-black-dark-l)) !important; +} + +.has-text-black-dark-invert { + color: hsl(var(--bulma-black-h), var(--bulma-black-s), var(--bulma-black-dark-invert-l)) !important; +} + +.has-background-black-dark-invert { + background-color: hsl(var(--bulma-black-h), var(--bulma-black-s), var(--bulma-black-dark-invert-l)) !important; +} + +.has-text-black-soft { + color: hsl(var(--bulma-black-h), var(--bulma-black-s), var(--bulma-soft-l)) !important; +} + +.has-background-black-soft { + background-color: hsl(var(--bulma-black-h), var(--bulma-black-s), var(--bulma-soft-l)) !important; +} + +.has-text-black-bold { + color: hsl(var(--bulma-black-h), var(--bulma-black-s), var(--bulma-bold-l)) !important; +} + +.has-background-black-bold { + background-color: hsl(var(--bulma-black-h), var(--bulma-black-s), var(--bulma-bold-l)) !important; +} + +.has-text-black-soft-invert { + color: hsl(var(--bulma-black-h), var(--bulma-black-s), var(--bulma-soft-invert-l)) !important; +} + +.has-background-black-soft-invert { + background-color: hsl(var(--bulma-black-h), var(--bulma-black-s), var(--bulma-soft-invert-l)) !important; +} + +.has-text-black-bold-invert { + color: hsl(var(--bulma-black-h), var(--bulma-black-s), var(--bulma-bold-invert-l)) !important; +} + +.has-background-black-bold-invert { + background-color: hsl(var(--bulma-black-h), var(--bulma-black-s), var(--bulma-bold-invert-l)) !important; +} + +.has-text-black-00 { + color: hsl(var(--bulma-black-h), var(--bulma-black-s), var(--bulma-black-00-l)) !important; +} + +.has-background-black-00 { + background-color: hsl(var(--bulma-black-h), var(--bulma-black-s), var(--bulma-black-00-l)) !important; +} + +.has-text-black-00-invert { + color: hsl(var(--bulma-black-h), var(--bulma-black-s), var(--bulma-black-00-invert-l)) !important; +} + +.has-background-black-00-invert { + background-color: hsl(var(--bulma-black-h), var(--bulma-black-s), var(--bulma-black-00-invert-l)) !important; +} + +.has-text-black-05 { + color: hsl(var(--bulma-black-h), var(--bulma-black-s), var(--bulma-black-05-l)) !important; +} + +.has-background-black-05 { + background-color: hsl(var(--bulma-black-h), var(--bulma-black-s), var(--bulma-black-05-l)) !important; +} + +.has-text-black-05-invert { + color: hsl(var(--bulma-black-h), var(--bulma-black-s), var(--bulma-black-05-invert-l)) !important; +} + +.has-background-black-05-invert { + background-color: hsl(var(--bulma-black-h), var(--bulma-black-s), var(--bulma-black-05-invert-l)) !important; +} + +.has-text-black-10 { + color: hsl(var(--bulma-black-h), var(--bulma-black-s), var(--bulma-black-10-l)) !important; +} + +.has-background-black-10 { + background-color: hsl(var(--bulma-black-h), var(--bulma-black-s), var(--bulma-black-10-l)) !important; +} + +.has-text-black-10-invert { + color: hsl(var(--bulma-black-h), var(--bulma-black-s), var(--bulma-black-10-invert-l)) !important; +} + +.has-background-black-10-invert { + background-color: hsl(var(--bulma-black-h), var(--bulma-black-s), var(--bulma-black-10-invert-l)) !important; +} + +.has-text-black-15 { + color: hsl(var(--bulma-black-h), var(--bulma-black-s), var(--bulma-black-15-l)) !important; +} + +.has-background-black-15 { + background-color: hsl(var(--bulma-black-h), var(--bulma-black-s), var(--bulma-black-15-l)) !important; +} + +.has-text-black-15-invert { + color: hsl(var(--bulma-black-h), var(--bulma-black-s), var(--bulma-black-15-invert-l)) !important; +} + +.has-background-black-15-invert { + background-color: hsl(var(--bulma-black-h), var(--bulma-black-s), var(--bulma-black-15-invert-l)) !important; +} + +.has-text-black-20 { + color: hsl(var(--bulma-black-h), var(--bulma-black-s), var(--bulma-black-20-l)) !important; +} + +.has-background-black-20 { + background-color: hsl(var(--bulma-black-h), var(--bulma-black-s), var(--bulma-black-20-l)) !important; +} + +.has-text-black-20-invert { + color: hsl(var(--bulma-black-h), var(--bulma-black-s), var(--bulma-black-20-invert-l)) !important; +} + +.has-background-black-20-invert { + background-color: hsl(var(--bulma-black-h), var(--bulma-black-s), var(--bulma-black-20-invert-l)) !important; +} + +.has-text-black-25 { + color: hsl(var(--bulma-black-h), var(--bulma-black-s), var(--bulma-black-25-l)) !important; +} + +.has-background-black-25 { + background-color: hsl(var(--bulma-black-h), var(--bulma-black-s), var(--bulma-black-25-l)) !important; +} + +.has-text-black-25-invert { + color: hsl(var(--bulma-black-h), var(--bulma-black-s), var(--bulma-black-25-invert-l)) !important; +} + +.has-background-black-25-invert { + background-color: hsl(var(--bulma-black-h), var(--bulma-black-s), var(--bulma-black-25-invert-l)) !important; +} + +.has-text-black-30 { + color: hsl(var(--bulma-black-h), var(--bulma-black-s), var(--bulma-black-30-l)) !important; +} + +.has-background-black-30 { + background-color: hsl(var(--bulma-black-h), var(--bulma-black-s), var(--bulma-black-30-l)) !important; +} + +.has-text-black-30-invert { + color: hsl(var(--bulma-black-h), var(--bulma-black-s), var(--bulma-black-30-invert-l)) !important; +} + +.has-background-black-30-invert { + background-color: hsl(var(--bulma-black-h), var(--bulma-black-s), var(--bulma-black-30-invert-l)) !important; +} + +.has-text-black-35 { + color: hsl(var(--bulma-black-h), var(--bulma-black-s), var(--bulma-black-35-l)) !important; +} + +.has-background-black-35 { + background-color: hsl(var(--bulma-black-h), var(--bulma-black-s), var(--bulma-black-35-l)) !important; +} + +.has-text-black-35-invert { + color: hsl(var(--bulma-black-h), var(--bulma-black-s), var(--bulma-black-35-invert-l)) !important; +} + +.has-background-black-35-invert { + background-color: hsl(var(--bulma-black-h), var(--bulma-black-s), var(--bulma-black-35-invert-l)) !important; +} + +.has-text-black-40 { + color: hsl(var(--bulma-black-h), var(--bulma-black-s), var(--bulma-black-40-l)) !important; +} + +.has-background-black-40 { + background-color: hsl(var(--bulma-black-h), var(--bulma-black-s), var(--bulma-black-40-l)) !important; +} + +.has-text-black-40-invert { + color: hsl(var(--bulma-black-h), var(--bulma-black-s), var(--bulma-black-40-invert-l)) !important; +} + +.has-background-black-40-invert { + background-color: hsl(var(--bulma-black-h), var(--bulma-black-s), var(--bulma-black-40-invert-l)) !important; +} + +.has-text-black-45 { + color: hsl(var(--bulma-black-h), var(--bulma-black-s), var(--bulma-black-45-l)) !important; +} + +.has-background-black-45 { + background-color: hsl(var(--bulma-black-h), var(--bulma-black-s), var(--bulma-black-45-l)) !important; +} + +.has-text-black-45-invert { + color: hsl(var(--bulma-black-h), var(--bulma-black-s), var(--bulma-black-45-invert-l)) !important; +} + +.has-background-black-45-invert { + background-color: hsl(var(--bulma-black-h), var(--bulma-black-s), var(--bulma-black-45-invert-l)) !important; +} + +.has-text-black-50 { + color: hsl(var(--bulma-black-h), var(--bulma-black-s), var(--bulma-black-50-l)) !important; +} + +.has-background-black-50 { + background-color: hsl(var(--bulma-black-h), var(--bulma-black-s), var(--bulma-black-50-l)) !important; +} + +.has-text-black-50-invert { + color: hsl(var(--bulma-black-h), var(--bulma-black-s), var(--bulma-black-50-invert-l)) !important; +} + +.has-background-black-50-invert { + background-color: hsl(var(--bulma-black-h), var(--bulma-black-s), var(--bulma-black-50-invert-l)) !important; +} + +.has-text-black-55 { + color: hsl(var(--bulma-black-h), var(--bulma-black-s), var(--bulma-black-55-l)) !important; +} + +.has-background-black-55 { + background-color: hsl(var(--bulma-black-h), var(--bulma-black-s), var(--bulma-black-55-l)) !important; +} + +.has-text-black-55-invert { + color: hsl(var(--bulma-black-h), var(--bulma-black-s), var(--bulma-black-55-invert-l)) !important; +} + +.has-background-black-55-invert { + background-color: hsl(var(--bulma-black-h), var(--bulma-black-s), var(--bulma-black-55-invert-l)) !important; +} + +.has-text-black-60 { + color: hsl(var(--bulma-black-h), var(--bulma-black-s), var(--bulma-black-60-l)) !important; +} + +.has-background-black-60 { + background-color: hsl(var(--bulma-black-h), var(--bulma-black-s), var(--bulma-black-60-l)) !important; +} + +.has-text-black-60-invert { + color: hsl(var(--bulma-black-h), var(--bulma-black-s), var(--bulma-black-60-invert-l)) !important; +} + +.has-background-black-60-invert { + background-color: hsl(var(--bulma-black-h), var(--bulma-black-s), var(--bulma-black-60-invert-l)) !important; +} + +.has-text-black-65 { + color: hsl(var(--bulma-black-h), var(--bulma-black-s), var(--bulma-black-65-l)) !important; +} + +.has-background-black-65 { + background-color: hsl(var(--bulma-black-h), var(--bulma-black-s), var(--bulma-black-65-l)) !important; +} + +.has-text-black-65-invert { + color: hsl(var(--bulma-black-h), var(--bulma-black-s), var(--bulma-black-65-invert-l)) !important; +} + +.has-background-black-65-invert { + background-color: hsl(var(--bulma-black-h), var(--bulma-black-s), var(--bulma-black-65-invert-l)) !important; +} + +.has-text-black-70 { + color: hsl(var(--bulma-black-h), var(--bulma-black-s), var(--bulma-black-70-l)) !important; +} + +.has-background-black-70 { + background-color: hsl(var(--bulma-black-h), var(--bulma-black-s), var(--bulma-black-70-l)) !important; +} + +.has-text-black-70-invert { + color: hsl(var(--bulma-black-h), var(--bulma-black-s), var(--bulma-black-70-invert-l)) !important; +} + +.has-background-black-70-invert { + background-color: hsl(var(--bulma-black-h), var(--bulma-black-s), var(--bulma-black-70-invert-l)) !important; +} + +.has-text-black-75 { + color: hsl(var(--bulma-black-h), var(--bulma-black-s), var(--bulma-black-75-l)) !important; +} + +.has-background-black-75 { + background-color: hsl(var(--bulma-black-h), var(--bulma-black-s), var(--bulma-black-75-l)) !important; +} + +.has-text-black-75-invert { + color: hsl(var(--bulma-black-h), var(--bulma-black-s), var(--bulma-black-75-invert-l)) !important; +} + +.has-background-black-75-invert { + background-color: hsl(var(--bulma-black-h), var(--bulma-black-s), var(--bulma-black-75-invert-l)) !important; +} + +.has-text-black-80 { + color: hsl(var(--bulma-black-h), var(--bulma-black-s), var(--bulma-black-80-l)) !important; +} + +.has-background-black-80 { + background-color: hsl(var(--bulma-black-h), var(--bulma-black-s), var(--bulma-black-80-l)) !important; +} + +.has-text-black-80-invert { + color: hsl(var(--bulma-black-h), var(--bulma-black-s), var(--bulma-black-80-invert-l)) !important; +} + +.has-background-black-80-invert { + background-color: hsl(var(--bulma-black-h), var(--bulma-black-s), var(--bulma-black-80-invert-l)) !important; +} + +.has-text-black-85 { + color: hsl(var(--bulma-black-h), var(--bulma-black-s), var(--bulma-black-85-l)) !important; +} + +.has-background-black-85 { + background-color: hsl(var(--bulma-black-h), var(--bulma-black-s), var(--bulma-black-85-l)) !important; +} + +.has-text-black-85-invert { + color: hsl(var(--bulma-black-h), var(--bulma-black-s), var(--bulma-black-85-invert-l)) !important; +} + +.has-background-black-85-invert { + background-color: hsl(var(--bulma-black-h), var(--bulma-black-s), var(--bulma-black-85-invert-l)) !important; +} + +.has-text-black-90 { + color: hsl(var(--bulma-black-h), var(--bulma-black-s), var(--bulma-black-90-l)) !important; +} + +.has-background-black-90 { + background-color: hsl(var(--bulma-black-h), var(--bulma-black-s), var(--bulma-black-90-l)) !important; +} + +.has-text-black-90-invert { + color: hsl(var(--bulma-black-h), var(--bulma-black-s), var(--bulma-black-90-invert-l)) !important; +} + +.has-background-black-90-invert { + background-color: hsl(var(--bulma-black-h), var(--bulma-black-s), var(--bulma-black-90-invert-l)) !important; +} + +.has-text-black-95 { + color: hsl(var(--bulma-black-h), var(--bulma-black-s), var(--bulma-black-95-l)) !important; +} + +.has-background-black-95 { + background-color: hsl(var(--bulma-black-h), var(--bulma-black-s), var(--bulma-black-95-l)) !important; +} + +.has-text-black-95-invert { + color: hsl(var(--bulma-black-h), var(--bulma-black-s), var(--bulma-black-95-invert-l)) !important; +} + +.has-background-black-95-invert { + background-color: hsl(var(--bulma-black-h), var(--bulma-black-s), var(--bulma-black-95-invert-l)) !important; +} + +.has-text-black-100 { + color: hsl(var(--bulma-black-h), var(--bulma-black-s), var(--bulma-black-100-l)) !important; +} + +.has-background-black-100 { + background-color: hsl(var(--bulma-black-h), var(--bulma-black-s), var(--bulma-black-100-l)) !important; +} + +.has-text-black-100-invert { + color: hsl(var(--bulma-black-h), var(--bulma-black-s), var(--bulma-black-100-invert-l)) !important; +} + +.has-background-black-100-invert { + background-color: hsl(var(--bulma-black-h), var(--bulma-black-s), var(--bulma-black-100-invert-l)) !important; +} + +a.has-text-black:hover, a.has-text-black:focus-visible, +button.has-text-black:hover, +button.has-text-black:focus-visible, +has-text-black.is-hoverable:hover, +has-text-black.is-hoverable:focus-visible { + color: hsl(var(--bulma-black-h), var(--bulma-black-s), calc(var(--bulma-black-l) + var(--bulma-hover-color-l-delta))) !important; +} +a.has-text-black:active, +button.has-text-black:active, +has-text-black.is-hoverable:active { + color: hsl(var(--bulma-black-h), var(--bulma-black-s), calc(var(--bulma-black-l) + var(--bulma-active-color-l-delta))) !important; +} + +a.has-background-black:hover, a.has-background-black:focus-visible, +button.has-background-black:hover, +button.has-background-black:focus-visible, +has-background-black.is-hoverable:hover, +has-background-black.is-hoverable:focus-visible { + background-color: hsl(var(--bulma-black-h), var(--bulma-black-s), calc(var(--bulma-black-l) + var(--bulma-hover-background-l-delta))) !important; +} +a.has-background-black:active, +button.has-background-black:active, +has-background-black.is-hoverable:active { + background-color: hsl(var(--bulma-black-h), var(--bulma-black-s), calc(var(--bulma-black-l) + var(--bulma-active-background-l-delta))) !important; +} + +.is-palette-black { + --h: var(--bulma-black-h); + --s: var(--bulma-black-s); + --l: var(--bulma-black-l); + --color: hsl(var(--h), var(--s), var(--l)); + --00-l: var(--bulma-black-00-l); + --color-00: hsl(var(--h), var(--s), var(--00-l)); + --05-l: var(--bulma-black-05-l); + --color-05: hsl(var(--h), var(--s), var(--05-l)); + --10-l: var(--bulma-black-10-l); + --color-10: hsl(var(--h), var(--s), var(--10-l)); + --15-l: var(--bulma-black-15-l); + --color-15: hsl(var(--h), var(--s), var(--15-l)); + --20-l: var(--bulma-black-20-l); + --color-20: hsl(var(--h), var(--s), var(--20-l)); + --25-l: var(--bulma-black-25-l); + --color-25: hsl(var(--h), var(--s), var(--25-l)); + --30-l: var(--bulma-black-30-l); + --color-30: hsl(var(--h), var(--s), var(--30-l)); + --35-l: var(--bulma-black-35-l); + --color-35: hsl(var(--h), var(--s), var(--35-l)); + --40-l: var(--bulma-black-40-l); + --color-40: hsl(var(--h), var(--s), var(--40-l)); + --45-l: var(--bulma-black-45-l); + --color-45: hsl(var(--h), var(--s), var(--45-l)); + --50-l: var(--bulma-black-50-l); + --color-50: hsl(var(--h), var(--s), var(--50-l)); + --55-l: var(--bulma-black-55-l); + --color-55: hsl(var(--h), var(--s), var(--55-l)); + --60-l: var(--bulma-black-60-l); + --color-60: hsl(var(--h), var(--s), var(--60-l)); + --65-l: var(--bulma-black-65-l); + --color-65: hsl(var(--h), var(--s), var(--65-l)); + --70-l: var(--bulma-black-70-l); + --color-70: hsl(var(--h), var(--s), var(--70-l)); + --75-l: var(--bulma-black-75-l); + --color-75: hsl(var(--h), var(--s), var(--75-l)); + --80-l: var(--bulma-black-80-l); + --color-80: hsl(var(--h), var(--s), var(--80-l)); + --85-l: var(--bulma-black-85-l); + --color-85: hsl(var(--h), var(--s), var(--85-l)); + --90-l: var(--bulma-black-90-l); + --color-90: hsl(var(--h), var(--s), var(--90-l)); + --95-l: var(--bulma-black-95-l); + --color-95: hsl(var(--h), var(--s), var(--95-l)); + --100-l: var(--bulma-black-100-l); + --color-100: hsl(var(--h), var(--s), var(--100-l)); +} + +.has-text-light { + color: hsl(var(--bulma-light-h), var(--bulma-light-s), var(--bulma-light-l)) !important; +} + +.has-background-light { + background-color: hsl(var(--bulma-light-h), var(--bulma-light-s), var(--bulma-light-l)) !important; +} + +.has-text-light-invert { + color: hsl(var(--bulma-light-h), var(--bulma-light-s), var(--bulma-light-invert-l)) !important; +} + +.has-background-light-invert { + background-color: hsl(var(--bulma-light-h), var(--bulma-light-s), var(--bulma-light-invert-l)) !important; +} + +.has-text-light-on-scheme { + color: hsl(var(--bulma-light-h), var(--bulma-light-s), var(--bulma-light-on-scheme-l)) !important; +} + +.has-background-light-on-scheme { + background-color: hsl(var(--bulma-light-h), var(--bulma-light-s), var(--bulma-light-on-scheme-l)) !important; +} + +.has-text-light-light { + color: hsl(var(--bulma-light-h), var(--bulma-light-s), var(--bulma-light-light-l)) !important; +} + +.has-background-light-light { + background-color: hsl(var(--bulma-light-h), var(--bulma-light-s), var(--bulma-light-light-l)) !important; +} + +.has-text-light-light-invert { + color: hsl(var(--bulma-light-h), var(--bulma-light-s), var(--bulma-light-light-invert-l)) !important; +} + +.has-background-light-light-invert { + background-color: hsl(var(--bulma-light-h), var(--bulma-light-s), var(--bulma-light-light-invert-l)) !important; +} + +.has-text-light-dark { + color: hsl(var(--bulma-light-h), var(--bulma-light-s), var(--bulma-light-dark-l)) !important; +} + +.has-background-light-dark { + background-color: hsl(var(--bulma-light-h), var(--bulma-light-s), var(--bulma-light-dark-l)) !important; +} + +.has-text-light-dark-invert { + color: hsl(var(--bulma-light-h), var(--bulma-light-s), var(--bulma-light-dark-invert-l)) !important; +} + +.has-background-light-dark-invert { + background-color: hsl(var(--bulma-light-h), var(--bulma-light-s), var(--bulma-light-dark-invert-l)) !important; +} + +.has-text-light-soft { + color: hsl(var(--bulma-light-h), var(--bulma-light-s), var(--bulma-soft-l)) !important; +} + +.has-background-light-soft { + background-color: hsl(var(--bulma-light-h), var(--bulma-light-s), var(--bulma-soft-l)) !important; +} + +.has-text-light-bold { + color: hsl(var(--bulma-light-h), var(--bulma-light-s), var(--bulma-bold-l)) !important; +} + +.has-background-light-bold { + background-color: hsl(var(--bulma-light-h), var(--bulma-light-s), var(--bulma-bold-l)) !important; +} + +.has-text-light-soft-invert { + color: hsl(var(--bulma-light-h), var(--bulma-light-s), var(--bulma-soft-invert-l)) !important; +} + +.has-background-light-soft-invert { + background-color: hsl(var(--bulma-light-h), var(--bulma-light-s), var(--bulma-soft-invert-l)) !important; +} + +.has-text-light-bold-invert { + color: hsl(var(--bulma-light-h), var(--bulma-light-s), var(--bulma-bold-invert-l)) !important; +} + +.has-background-light-bold-invert { + background-color: hsl(var(--bulma-light-h), var(--bulma-light-s), var(--bulma-bold-invert-l)) !important; +} + +.has-text-light-00 { + color: hsl(var(--bulma-light-h), var(--bulma-light-s), var(--bulma-light-00-l)) !important; +} + +.has-background-light-00 { + background-color: hsl(var(--bulma-light-h), var(--bulma-light-s), var(--bulma-light-00-l)) !important; +} + +.has-text-light-00-invert { + color: hsl(var(--bulma-light-h), var(--bulma-light-s), var(--bulma-light-00-invert-l)) !important; +} + +.has-background-light-00-invert { + background-color: hsl(var(--bulma-light-h), var(--bulma-light-s), var(--bulma-light-00-invert-l)) !important; +} + +.has-text-light-05 { + color: hsl(var(--bulma-light-h), var(--bulma-light-s), var(--bulma-light-05-l)) !important; +} + +.has-background-light-05 { + background-color: hsl(var(--bulma-light-h), var(--bulma-light-s), var(--bulma-light-05-l)) !important; +} + +.has-text-light-05-invert { + color: hsl(var(--bulma-light-h), var(--bulma-light-s), var(--bulma-light-05-invert-l)) !important; +} + +.has-background-light-05-invert { + background-color: hsl(var(--bulma-light-h), var(--bulma-light-s), var(--bulma-light-05-invert-l)) !important; +} + +.has-text-light-10 { + color: hsl(var(--bulma-light-h), var(--bulma-light-s), var(--bulma-light-10-l)) !important; +} + +.has-background-light-10 { + background-color: hsl(var(--bulma-light-h), var(--bulma-light-s), var(--bulma-light-10-l)) !important; +} + +.has-text-light-10-invert { + color: hsl(var(--bulma-light-h), var(--bulma-light-s), var(--bulma-light-10-invert-l)) !important; +} + +.has-background-light-10-invert { + background-color: hsl(var(--bulma-light-h), var(--bulma-light-s), var(--bulma-light-10-invert-l)) !important; +} + +.has-text-light-15 { + color: hsl(var(--bulma-light-h), var(--bulma-light-s), var(--bulma-light-15-l)) !important; +} + +.has-background-light-15 { + background-color: hsl(var(--bulma-light-h), var(--bulma-light-s), var(--bulma-light-15-l)) !important; +} + +.has-text-light-15-invert { + color: hsl(var(--bulma-light-h), var(--bulma-light-s), var(--bulma-light-15-invert-l)) !important; +} + +.has-background-light-15-invert { + background-color: hsl(var(--bulma-light-h), var(--bulma-light-s), var(--bulma-light-15-invert-l)) !important; +} + +.has-text-light-20 { + color: hsl(var(--bulma-light-h), var(--bulma-light-s), var(--bulma-light-20-l)) !important; +} + +.has-background-light-20 { + background-color: hsl(var(--bulma-light-h), var(--bulma-light-s), var(--bulma-light-20-l)) !important; +} + +.has-text-light-20-invert { + color: hsl(var(--bulma-light-h), var(--bulma-light-s), var(--bulma-light-20-invert-l)) !important; +} + +.has-background-light-20-invert { + background-color: hsl(var(--bulma-light-h), var(--bulma-light-s), var(--bulma-light-20-invert-l)) !important; +} + +.has-text-light-25 { + color: hsl(var(--bulma-light-h), var(--bulma-light-s), var(--bulma-light-25-l)) !important; +} + +.has-background-light-25 { + background-color: hsl(var(--bulma-light-h), var(--bulma-light-s), var(--bulma-light-25-l)) !important; +} + +.has-text-light-25-invert { + color: hsl(var(--bulma-light-h), var(--bulma-light-s), var(--bulma-light-25-invert-l)) !important; +} + +.has-background-light-25-invert { + background-color: hsl(var(--bulma-light-h), var(--bulma-light-s), var(--bulma-light-25-invert-l)) !important; +} + +.has-text-light-30 { + color: hsl(var(--bulma-light-h), var(--bulma-light-s), var(--bulma-light-30-l)) !important; +} + +.has-background-light-30 { + background-color: hsl(var(--bulma-light-h), var(--bulma-light-s), var(--bulma-light-30-l)) !important; +} + +.has-text-light-30-invert { + color: hsl(var(--bulma-light-h), var(--bulma-light-s), var(--bulma-light-30-invert-l)) !important; +} + +.has-background-light-30-invert { + background-color: hsl(var(--bulma-light-h), var(--bulma-light-s), var(--bulma-light-30-invert-l)) !important; +} + +.has-text-light-35 { + color: hsl(var(--bulma-light-h), var(--bulma-light-s), var(--bulma-light-35-l)) !important; +} + +.has-background-light-35 { + background-color: hsl(var(--bulma-light-h), var(--bulma-light-s), var(--bulma-light-35-l)) !important; +} + +.has-text-light-35-invert { + color: hsl(var(--bulma-light-h), var(--bulma-light-s), var(--bulma-light-35-invert-l)) !important; +} + +.has-background-light-35-invert { + background-color: hsl(var(--bulma-light-h), var(--bulma-light-s), var(--bulma-light-35-invert-l)) !important; +} + +.has-text-light-40 { + color: hsl(var(--bulma-light-h), var(--bulma-light-s), var(--bulma-light-40-l)) !important; +} + +.has-background-light-40 { + background-color: hsl(var(--bulma-light-h), var(--bulma-light-s), var(--bulma-light-40-l)) !important; +} + +.has-text-light-40-invert { + color: hsl(var(--bulma-light-h), var(--bulma-light-s), var(--bulma-light-40-invert-l)) !important; +} + +.has-background-light-40-invert { + background-color: hsl(var(--bulma-light-h), var(--bulma-light-s), var(--bulma-light-40-invert-l)) !important; +} + +.has-text-light-45 { + color: hsl(var(--bulma-light-h), var(--bulma-light-s), var(--bulma-light-45-l)) !important; +} + +.has-background-light-45 { + background-color: hsl(var(--bulma-light-h), var(--bulma-light-s), var(--bulma-light-45-l)) !important; +} + +.has-text-light-45-invert { + color: hsl(var(--bulma-light-h), var(--bulma-light-s), var(--bulma-light-45-invert-l)) !important; +} + +.has-background-light-45-invert { + background-color: hsl(var(--bulma-light-h), var(--bulma-light-s), var(--bulma-light-45-invert-l)) !important; +} + +.has-text-light-50 { + color: hsl(var(--bulma-light-h), var(--bulma-light-s), var(--bulma-light-50-l)) !important; +} + +.has-background-light-50 { + background-color: hsl(var(--bulma-light-h), var(--bulma-light-s), var(--bulma-light-50-l)) !important; +} + +.has-text-light-50-invert { + color: hsl(var(--bulma-light-h), var(--bulma-light-s), var(--bulma-light-50-invert-l)) !important; +} + +.has-background-light-50-invert { + background-color: hsl(var(--bulma-light-h), var(--bulma-light-s), var(--bulma-light-50-invert-l)) !important; +} + +.has-text-light-55 { + color: hsl(var(--bulma-light-h), var(--bulma-light-s), var(--bulma-light-55-l)) !important; +} + +.has-background-light-55 { + background-color: hsl(var(--bulma-light-h), var(--bulma-light-s), var(--bulma-light-55-l)) !important; +} + +.has-text-light-55-invert { + color: hsl(var(--bulma-light-h), var(--bulma-light-s), var(--bulma-light-55-invert-l)) !important; +} + +.has-background-light-55-invert { + background-color: hsl(var(--bulma-light-h), var(--bulma-light-s), var(--bulma-light-55-invert-l)) !important; +} + +.has-text-light-60 { + color: hsl(var(--bulma-light-h), var(--bulma-light-s), var(--bulma-light-60-l)) !important; +} + +.has-background-light-60 { + background-color: hsl(var(--bulma-light-h), var(--bulma-light-s), var(--bulma-light-60-l)) !important; +} + +.has-text-light-60-invert { + color: hsl(var(--bulma-light-h), var(--bulma-light-s), var(--bulma-light-60-invert-l)) !important; +} + +.has-background-light-60-invert { + background-color: hsl(var(--bulma-light-h), var(--bulma-light-s), var(--bulma-light-60-invert-l)) !important; +} + +.has-text-light-65 { + color: hsl(var(--bulma-light-h), var(--bulma-light-s), var(--bulma-light-65-l)) !important; +} + +.has-background-light-65 { + background-color: hsl(var(--bulma-light-h), var(--bulma-light-s), var(--bulma-light-65-l)) !important; +} + +.has-text-light-65-invert { + color: hsl(var(--bulma-light-h), var(--bulma-light-s), var(--bulma-light-65-invert-l)) !important; +} + +.has-background-light-65-invert { + background-color: hsl(var(--bulma-light-h), var(--bulma-light-s), var(--bulma-light-65-invert-l)) !important; +} + +.has-text-light-70 { + color: hsl(var(--bulma-light-h), var(--bulma-light-s), var(--bulma-light-70-l)) !important; +} + +.has-background-light-70 { + background-color: hsl(var(--bulma-light-h), var(--bulma-light-s), var(--bulma-light-70-l)) !important; +} + +.has-text-light-70-invert { + color: hsl(var(--bulma-light-h), var(--bulma-light-s), var(--bulma-light-70-invert-l)) !important; +} + +.has-background-light-70-invert { + background-color: hsl(var(--bulma-light-h), var(--bulma-light-s), var(--bulma-light-70-invert-l)) !important; +} + +.has-text-light-75 { + color: hsl(var(--bulma-light-h), var(--bulma-light-s), var(--bulma-light-75-l)) !important; +} + +.has-background-light-75 { + background-color: hsl(var(--bulma-light-h), var(--bulma-light-s), var(--bulma-light-75-l)) !important; +} + +.has-text-light-75-invert { + color: hsl(var(--bulma-light-h), var(--bulma-light-s), var(--bulma-light-75-invert-l)) !important; +} + +.has-background-light-75-invert { + background-color: hsl(var(--bulma-light-h), var(--bulma-light-s), var(--bulma-light-75-invert-l)) !important; +} + +.has-text-light-80 { + color: hsl(var(--bulma-light-h), var(--bulma-light-s), var(--bulma-light-80-l)) !important; +} + +.has-background-light-80 { + background-color: hsl(var(--bulma-light-h), var(--bulma-light-s), var(--bulma-light-80-l)) !important; +} + +.has-text-light-80-invert { + color: hsl(var(--bulma-light-h), var(--bulma-light-s), var(--bulma-light-80-invert-l)) !important; +} + +.has-background-light-80-invert { + background-color: hsl(var(--bulma-light-h), var(--bulma-light-s), var(--bulma-light-80-invert-l)) !important; +} + +.has-text-light-85 { + color: hsl(var(--bulma-light-h), var(--bulma-light-s), var(--bulma-light-85-l)) !important; +} + +.has-background-light-85 { + background-color: hsl(var(--bulma-light-h), var(--bulma-light-s), var(--bulma-light-85-l)) !important; +} + +.has-text-light-85-invert { + color: hsl(var(--bulma-light-h), var(--bulma-light-s), var(--bulma-light-85-invert-l)) !important; +} + +.has-background-light-85-invert { + background-color: hsl(var(--bulma-light-h), var(--bulma-light-s), var(--bulma-light-85-invert-l)) !important; +} + +.has-text-light-90 { + color: hsl(var(--bulma-light-h), var(--bulma-light-s), var(--bulma-light-90-l)) !important; +} + +.has-background-light-90 { + background-color: hsl(var(--bulma-light-h), var(--bulma-light-s), var(--bulma-light-90-l)) !important; +} + +.has-text-light-90-invert { + color: hsl(var(--bulma-light-h), var(--bulma-light-s), var(--bulma-light-90-invert-l)) !important; +} + +.has-background-light-90-invert { + background-color: hsl(var(--bulma-light-h), var(--bulma-light-s), var(--bulma-light-90-invert-l)) !important; +} + +.has-text-light-95 { + color: hsl(var(--bulma-light-h), var(--bulma-light-s), var(--bulma-light-95-l)) !important; +} + +.has-background-light-95 { + background-color: hsl(var(--bulma-light-h), var(--bulma-light-s), var(--bulma-light-95-l)) !important; +} + +.has-text-light-95-invert { + color: hsl(var(--bulma-light-h), var(--bulma-light-s), var(--bulma-light-95-invert-l)) !important; +} + +.has-background-light-95-invert { + background-color: hsl(var(--bulma-light-h), var(--bulma-light-s), var(--bulma-light-95-invert-l)) !important; +} + +.has-text-light-100 { + color: hsl(var(--bulma-light-h), var(--bulma-light-s), var(--bulma-light-100-l)) !important; +} + +.has-background-light-100 { + background-color: hsl(var(--bulma-light-h), var(--bulma-light-s), var(--bulma-light-100-l)) !important; +} + +.has-text-light-100-invert { + color: hsl(var(--bulma-light-h), var(--bulma-light-s), var(--bulma-light-100-invert-l)) !important; +} + +.has-background-light-100-invert { + background-color: hsl(var(--bulma-light-h), var(--bulma-light-s), var(--bulma-light-100-invert-l)) !important; +} + +a.has-text-light:hover, a.has-text-light:focus-visible, +button.has-text-light:hover, +button.has-text-light:focus-visible, +has-text-light.is-hoverable:hover, +has-text-light.is-hoverable:focus-visible { + color: hsl(var(--bulma-light-h), var(--bulma-light-s), calc(var(--bulma-light-l) + var(--bulma-hover-color-l-delta))) !important; +} +a.has-text-light:active, +button.has-text-light:active, +has-text-light.is-hoverable:active { + color: hsl(var(--bulma-light-h), var(--bulma-light-s), calc(var(--bulma-light-l) + var(--bulma-active-color-l-delta))) !important; +} + +a.has-background-light:hover, a.has-background-light:focus-visible, +button.has-background-light:hover, +button.has-background-light:focus-visible, +has-background-light.is-hoverable:hover, +has-background-light.is-hoverable:focus-visible { + background-color: hsl(var(--bulma-light-h), var(--bulma-light-s), calc(var(--bulma-light-l) + var(--bulma-hover-background-l-delta))) !important; +} +a.has-background-light:active, +button.has-background-light:active, +has-background-light.is-hoverable:active { + background-color: hsl(var(--bulma-light-h), var(--bulma-light-s), calc(var(--bulma-light-l) + var(--bulma-active-background-l-delta))) !important; +} + +.is-palette-light { + --h: var(--bulma-light-h); + --s: var(--bulma-light-s); + --l: var(--bulma-light-l); + --color: hsl(var(--h), var(--s), var(--l)); + --00-l: var(--bulma-light-00-l); + --color-00: hsl(var(--h), var(--s), var(--00-l)); + --05-l: var(--bulma-light-05-l); + --color-05: hsl(var(--h), var(--s), var(--05-l)); + --10-l: var(--bulma-light-10-l); + --color-10: hsl(var(--h), var(--s), var(--10-l)); + --15-l: var(--bulma-light-15-l); + --color-15: hsl(var(--h), var(--s), var(--15-l)); + --20-l: var(--bulma-light-20-l); + --color-20: hsl(var(--h), var(--s), var(--20-l)); + --25-l: var(--bulma-light-25-l); + --color-25: hsl(var(--h), var(--s), var(--25-l)); + --30-l: var(--bulma-light-30-l); + --color-30: hsl(var(--h), var(--s), var(--30-l)); + --35-l: var(--bulma-light-35-l); + --color-35: hsl(var(--h), var(--s), var(--35-l)); + --40-l: var(--bulma-light-40-l); + --color-40: hsl(var(--h), var(--s), var(--40-l)); + --45-l: var(--bulma-light-45-l); + --color-45: hsl(var(--h), var(--s), var(--45-l)); + --50-l: var(--bulma-light-50-l); + --color-50: hsl(var(--h), var(--s), var(--50-l)); + --55-l: var(--bulma-light-55-l); + --color-55: hsl(var(--h), var(--s), var(--55-l)); + --60-l: var(--bulma-light-60-l); + --color-60: hsl(var(--h), var(--s), var(--60-l)); + --65-l: var(--bulma-light-65-l); + --color-65: hsl(var(--h), var(--s), var(--65-l)); + --70-l: var(--bulma-light-70-l); + --color-70: hsl(var(--h), var(--s), var(--70-l)); + --75-l: var(--bulma-light-75-l); + --color-75: hsl(var(--h), var(--s), var(--75-l)); + --80-l: var(--bulma-light-80-l); + --color-80: hsl(var(--h), var(--s), var(--80-l)); + --85-l: var(--bulma-light-85-l); + --color-85: hsl(var(--h), var(--s), var(--85-l)); + --90-l: var(--bulma-light-90-l); + --color-90: hsl(var(--h), var(--s), var(--90-l)); + --95-l: var(--bulma-light-95-l); + --color-95: hsl(var(--h), var(--s), var(--95-l)); + --100-l: var(--bulma-light-100-l); + --color-100: hsl(var(--h), var(--s), var(--100-l)); +} + +.has-text-dark { + color: hsl(var(--bulma-dark-h), var(--bulma-dark-s), var(--bulma-dark-l)) !important; +} + +.has-background-dark { + background-color: hsl(var(--bulma-dark-h), var(--bulma-dark-s), var(--bulma-dark-l)) !important; +} + +.has-text-dark-invert { + color: hsl(var(--bulma-dark-h), var(--bulma-dark-s), var(--bulma-dark-invert-l)) !important; +} + +.has-background-dark-invert { + background-color: hsl(var(--bulma-dark-h), var(--bulma-dark-s), var(--bulma-dark-invert-l)) !important; +} + +.has-text-dark-on-scheme { + color: hsl(var(--bulma-dark-h), var(--bulma-dark-s), var(--bulma-dark-on-scheme-l)) !important; +} + +.has-background-dark-on-scheme { + background-color: hsl(var(--bulma-dark-h), var(--bulma-dark-s), var(--bulma-dark-on-scheme-l)) !important; +} + +.has-text-dark-light { + color: hsl(var(--bulma-dark-h), var(--bulma-dark-s), var(--bulma-dark-light-l)) !important; +} + +.has-background-dark-light { + background-color: hsl(var(--bulma-dark-h), var(--bulma-dark-s), var(--bulma-dark-light-l)) !important; +} + +.has-text-dark-light-invert { + color: hsl(var(--bulma-dark-h), var(--bulma-dark-s), var(--bulma-dark-light-invert-l)) !important; +} + +.has-background-dark-light-invert { + background-color: hsl(var(--bulma-dark-h), var(--bulma-dark-s), var(--bulma-dark-light-invert-l)) !important; +} + +.has-text-dark-dark { + color: hsl(var(--bulma-dark-h), var(--bulma-dark-s), var(--bulma-dark-dark-l)) !important; +} + +.has-background-dark-dark { + background-color: hsl(var(--bulma-dark-h), var(--bulma-dark-s), var(--bulma-dark-dark-l)) !important; +} + +.has-text-dark-dark-invert { + color: hsl(var(--bulma-dark-h), var(--bulma-dark-s), var(--bulma-dark-dark-invert-l)) !important; +} + +.has-background-dark-dark-invert { + background-color: hsl(var(--bulma-dark-h), var(--bulma-dark-s), var(--bulma-dark-dark-invert-l)) !important; +} + +.has-text-dark-soft { + color: hsl(var(--bulma-dark-h), var(--bulma-dark-s), var(--bulma-soft-l)) !important; +} + +.has-background-dark-soft { + background-color: hsl(var(--bulma-dark-h), var(--bulma-dark-s), var(--bulma-soft-l)) !important; +} + +.has-text-dark-bold { + color: hsl(var(--bulma-dark-h), var(--bulma-dark-s), var(--bulma-bold-l)) !important; +} + +.has-background-dark-bold { + background-color: hsl(var(--bulma-dark-h), var(--bulma-dark-s), var(--bulma-bold-l)) !important; +} + +.has-text-dark-soft-invert { + color: hsl(var(--bulma-dark-h), var(--bulma-dark-s), var(--bulma-soft-invert-l)) !important; +} + +.has-background-dark-soft-invert { + background-color: hsl(var(--bulma-dark-h), var(--bulma-dark-s), var(--bulma-soft-invert-l)) !important; +} + +.has-text-dark-bold-invert { + color: hsl(var(--bulma-dark-h), var(--bulma-dark-s), var(--bulma-bold-invert-l)) !important; +} + +.has-background-dark-bold-invert { + background-color: hsl(var(--bulma-dark-h), var(--bulma-dark-s), var(--bulma-bold-invert-l)) !important; +} + +.has-text-dark-00 { + color: hsl(var(--bulma-dark-h), var(--bulma-dark-s), var(--bulma-dark-00-l)) !important; +} + +.has-background-dark-00 { + background-color: hsl(var(--bulma-dark-h), var(--bulma-dark-s), var(--bulma-dark-00-l)) !important; +} + +.has-text-dark-00-invert { + color: hsl(var(--bulma-dark-h), var(--bulma-dark-s), var(--bulma-dark-00-invert-l)) !important; +} + +.has-background-dark-00-invert { + background-color: hsl(var(--bulma-dark-h), var(--bulma-dark-s), var(--bulma-dark-00-invert-l)) !important; +} + +.has-text-dark-05 { + color: hsl(var(--bulma-dark-h), var(--bulma-dark-s), var(--bulma-dark-05-l)) !important; +} + +.has-background-dark-05 { + background-color: hsl(var(--bulma-dark-h), var(--bulma-dark-s), var(--bulma-dark-05-l)) !important; +} + +.has-text-dark-05-invert { + color: hsl(var(--bulma-dark-h), var(--bulma-dark-s), var(--bulma-dark-05-invert-l)) !important; +} + +.has-background-dark-05-invert { + background-color: hsl(var(--bulma-dark-h), var(--bulma-dark-s), var(--bulma-dark-05-invert-l)) !important; +} + +.has-text-dark-10 { + color: hsl(var(--bulma-dark-h), var(--bulma-dark-s), var(--bulma-dark-10-l)) !important; +} + +.has-background-dark-10 { + background-color: hsl(var(--bulma-dark-h), var(--bulma-dark-s), var(--bulma-dark-10-l)) !important; +} + +.has-text-dark-10-invert { + color: hsl(var(--bulma-dark-h), var(--bulma-dark-s), var(--bulma-dark-10-invert-l)) !important; +} + +.has-background-dark-10-invert { + background-color: hsl(var(--bulma-dark-h), var(--bulma-dark-s), var(--bulma-dark-10-invert-l)) !important; +} + +.has-text-dark-15 { + color: hsl(var(--bulma-dark-h), var(--bulma-dark-s), var(--bulma-dark-15-l)) !important; +} + +.has-background-dark-15 { + background-color: hsl(var(--bulma-dark-h), var(--bulma-dark-s), var(--bulma-dark-15-l)) !important; +} + +.has-text-dark-15-invert { + color: hsl(var(--bulma-dark-h), var(--bulma-dark-s), var(--bulma-dark-15-invert-l)) !important; +} + +.has-background-dark-15-invert { + background-color: hsl(var(--bulma-dark-h), var(--bulma-dark-s), var(--bulma-dark-15-invert-l)) !important; +} + +.has-text-dark-20 { + color: hsl(var(--bulma-dark-h), var(--bulma-dark-s), var(--bulma-dark-20-l)) !important; +} + +.has-background-dark-20 { + background-color: hsl(var(--bulma-dark-h), var(--bulma-dark-s), var(--bulma-dark-20-l)) !important; +} + +.has-text-dark-20-invert { + color: hsl(var(--bulma-dark-h), var(--bulma-dark-s), var(--bulma-dark-20-invert-l)) !important; +} + +.has-background-dark-20-invert { + background-color: hsl(var(--bulma-dark-h), var(--bulma-dark-s), var(--bulma-dark-20-invert-l)) !important; +} + +.has-text-dark-25 { + color: hsl(var(--bulma-dark-h), var(--bulma-dark-s), var(--bulma-dark-25-l)) !important; +} + +.has-background-dark-25 { + background-color: hsl(var(--bulma-dark-h), var(--bulma-dark-s), var(--bulma-dark-25-l)) !important; +} + +.has-text-dark-25-invert { + color: hsl(var(--bulma-dark-h), var(--bulma-dark-s), var(--bulma-dark-25-invert-l)) !important; +} + +.has-background-dark-25-invert { + background-color: hsl(var(--bulma-dark-h), var(--bulma-dark-s), var(--bulma-dark-25-invert-l)) !important; +} + +.has-text-dark-30 { + color: hsl(var(--bulma-dark-h), var(--bulma-dark-s), var(--bulma-dark-30-l)) !important; +} + +.has-background-dark-30 { + background-color: hsl(var(--bulma-dark-h), var(--bulma-dark-s), var(--bulma-dark-30-l)) !important; +} + +.has-text-dark-30-invert { + color: hsl(var(--bulma-dark-h), var(--bulma-dark-s), var(--bulma-dark-30-invert-l)) !important; +} + +.has-background-dark-30-invert { + background-color: hsl(var(--bulma-dark-h), var(--bulma-dark-s), var(--bulma-dark-30-invert-l)) !important; +} + +.has-text-dark-35 { + color: hsl(var(--bulma-dark-h), var(--bulma-dark-s), var(--bulma-dark-35-l)) !important; +} + +.has-background-dark-35 { + background-color: hsl(var(--bulma-dark-h), var(--bulma-dark-s), var(--bulma-dark-35-l)) !important; +} + +.has-text-dark-35-invert { + color: hsl(var(--bulma-dark-h), var(--bulma-dark-s), var(--bulma-dark-35-invert-l)) !important; +} + +.has-background-dark-35-invert { + background-color: hsl(var(--bulma-dark-h), var(--bulma-dark-s), var(--bulma-dark-35-invert-l)) !important; +} + +.has-text-dark-40 { + color: hsl(var(--bulma-dark-h), var(--bulma-dark-s), var(--bulma-dark-40-l)) !important; +} + +.has-background-dark-40 { + background-color: hsl(var(--bulma-dark-h), var(--bulma-dark-s), var(--bulma-dark-40-l)) !important; +} + +.has-text-dark-40-invert { + color: hsl(var(--bulma-dark-h), var(--bulma-dark-s), var(--bulma-dark-40-invert-l)) !important; +} + +.has-background-dark-40-invert { + background-color: hsl(var(--bulma-dark-h), var(--bulma-dark-s), var(--bulma-dark-40-invert-l)) !important; +} + +.has-text-dark-45 { + color: hsl(var(--bulma-dark-h), var(--bulma-dark-s), var(--bulma-dark-45-l)) !important; +} + +.has-background-dark-45 { + background-color: hsl(var(--bulma-dark-h), var(--bulma-dark-s), var(--bulma-dark-45-l)) !important; +} + +.has-text-dark-45-invert { + color: hsl(var(--bulma-dark-h), var(--bulma-dark-s), var(--bulma-dark-45-invert-l)) !important; +} + +.has-background-dark-45-invert { + background-color: hsl(var(--bulma-dark-h), var(--bulma-dark-s), var(--bulma-dark-45-invert-l)) !important; +} + +.has-text-dark-50 { + color: hsl(var(--bulma-dark-h), var(--bulma-dark-s), var(--bulma-dark-50-l)) !important; +} + +.has-background-dark-50 { + background-color: hsl(var(--bulma-dark-h), var(--bulma-dark-s), var(--bulma-dark-50-l)) !important; +} + +.has-text-dark-50-invert { + color: hsl(var(--bulma-dark-h), var(--bulma-dark-s), var(--bulma-dark-50-invert-l)) !important; +} + +.has-background-dark-50-invert { + background-color: hsl(var(--bulma-dark-h), var(--bulma-dark-s), var(--bulma-dark-50-invert-l)) !important; +} + +.has-text-dark-55 { + color: hsl(var(--bulma-dark-h), var(--bulma-dark-s), var(--bulma-dark-55-l)) !important; +} + +.has-background-dark-55 { + background-color: hsl(var(--bulma-dark-h), var(--bulma-dark-s), var(--bulma-dark-55-l)) !important; +} + +.has-text-dark-55-invert { + color: hsl(var(--bulma-dark-h), var(--bulma-dark-s), var(--bulma-dark-55-invert-l)) !important; +} + +.has-background-dark-55-invert { + background-color: hsl(var(--bulma-dark-h), var(--bulma-dark-s), var(--bulma-dark-55-invert-l)) !important; +} + +.has-text-dark-60 { + color: hsl(var(--bulma-dark-h), var(--bulma-dark-s), var(--bulma-dark-60-l)) !important; +} + +.has-background-dark-60 { + background-color: hsl(var(--bulma-dark-h), var(--bulma-dark-s), var(--bulma-dark-60-l)) !important; +} + +.has-text-dark-60-invert { + color: hsl(var(--bulma-dark-h), var(--bulma-dark-s), var(--bulma-dark-60-invert-l)) !important; +} + +.has-background-dark-60-invert { + background-color: hsl(var(--bulma-dark-h), var(--bulma-dark-s), var(--bulma-dark-60-invert-l)) !important; +} + +.has-text-dark-65 { + color: hsl(var(--bulma-dark-h), var(--bulma-dark-s), var(--bulma-dark-65-l)) !important; +} + +.has-background-dark-65 { + background-color: hsl(var(--bulma-dark-h), var(--bulma-dark-s), var(--bulma-dark-65-l)) !important; +} + +.has-text-dark-65-invert { + color: hsl(var(--bulma-dark-h), var(--bulma-dark-s), var(--bulma-dark-65-invert-l)) !important; +} + +.has-background-dark-65-invert { + background-color: hsl(var(--bulma-dark-h), var(--bulma-dark-s), var(--bulma-dark-65-invert-l)) !important; +} + +.has-text-dark-70 { + color: hsl(var(--bulma-dark-h), var(--bulma-dark-s), var(--bulma-dark-70-l)) !important; +} + +.has-background-dark-70 { + background-color: hsl(var(--bulma-dark-h), var(--bulma-dark-s), var(--bulma-dark-70-l)) !important; +} + +.has-text-dark-70-invert { + color: hsl(var(--bulma-dark-h), var(--bulma-dark-s), var(--bulma-dark-70-invert-l)) !important; +} + +.has-background-dark-70-invert { + background-color: hsl(var(--bulma-dark-h), var(--bulma-dark-s), var(--bulma-dark-70-invert-l)) !important; +} + +.has-text-dark-75 { + color: hsl(var(--bulma-dark-h), var(--bulma-dark-s), var(--bulma-dark-75-l)) !important; +} + +.has-background-dark-75 { + background-color: hsl(var(--bulma-dark-h), var(--bulma-dark-s), var(--bulma-dark-75-l)) !important; +} + +.has-text-dark-75-invert { + color: hsl(var(--bulma-dark-h), var(--bulma-dark-s), var(--bulma-dark-75-invert-l)) !important; +} + +.has-background-dark-75-invert { + background-color: hsl(var(--bulma-dark-h), var(--bulma-dark-s), var(--bulma-dark-75-invert-l)) !important; +} + +.has-text-dark-80 { + color: hsl(var(--bulma-dark-h), var(--bulma-dark-s), var(--bulma-dark-80-l)) !important; +} + +.has-background-dark-80 { + background-color: hsl(var(--bulma-dark-h), var(--bulma-dark-s), var(--bulma-dark-80-l)) !important; +} + +.has-text-dark-80-invert { + color: hsl(var(--bulma-dark-h), var(--bulma-dark-s), var(--bulma-dark-80-invert-l)) !important; +} + +.has-background-dark-80-invert { + background-color: hsl(var(--bulma-dark-h), var(--bulma-dark-s), var(--bulma-dark-80-invert-l)) !important; +} + +.has-text-dark-85 { + color: hsl(var(--bulma-dark-h), var(--bulma-dark-s), var(--bulma-dark-85-l)) !important; +} + +.has-background-dark-85 { + background-color: hsl(var(--bulma-dark-h), var(--bulma-dark-s), var(--bulma-dark-85-l)) !important; +} + +.has-text-dark-85-invert { + color: hsl(var(--bulma-dark-h), var(--bulma-dark-s), var(--bulma-dark-85-invert-l)) !important; +} + +.has-background-dark-85-invert { + background-color: hsl(var(--bulma-dark-h), var(--bulma-dark-s), var(--bulma-dark-85-invert-l)) !important; +} + +.has-text-dark-90 { + color: hsl(var(--bulma-dark-h), var(--bulma-dark-s), var(--bulma-dark-90-l)) !important; +} + +.has-background-dark-90 { + background-color: hsl(var(--bulma-dark-h), var(--bulma-dark-s), var(--bulma-dark-90-l)) !important; +} + +.has-text-dark-90-invert { + color: hsl(var(--bulma-dark-h), var(--bulma-dark-s), var(--bulma-dark-90-invert-l)) !important; +} + +.has-background-dark-90-invert { + background-color: hsl(var(--bulma-dark-h), var(--bulma-dark-s), var(--bulma-dark-90-invert-l)) !important; +} + +.has-text-dark-95 { + color: hsl(var(--bulma-dark-h), var(--bulma-dark-s), var(--bulma-dark-95-l)) !important; +} + +.has-background-dark-95 { + background-color: hsl(var(--bulma-dark-h), var(--bulma-dark-s), var(--bulma-dark-95-l)) !important; +} + +.has-text-dark-95-invert { + color: hsl(var(--bulma-dark-h), var(--bulma-dark-s), var(--bulma-dark-95-invert-l)) !important; +} + +.has-background-dark-95-invert { + background-color: hsl(var(--bulma-dark-h), var(--bulma-dark-s), var(--bulma-dark-95-invert-l)) !important; +} + +.has-text-dark-100 { + color: hsl(var(--bulma-dark-h), var(--bulma-dark-s), var(--bulma-dark-100-l)) !important; +} + +.has-background-dark-100 { + background-color: hsl(var(--bulma-dark-h), var(--bulma-dark-s), var(--bulma-dark-100-l)) !important; +} + +.has-text-dark-100-invert { + color: hsl(var(--bulma-dark-h), var(--bulma-dark-s), var(--bulma-dark-100-invert-l)) !important; +} + +.has-background-dark-100-invert { + background-color: hsl(var(--bulma-dark-h), var(--bulma-dark-s), var(--bulma-dark-100-invert-l)) !important; +} + +a.has-text-dark:hover, a.has-text-dark:focus-visible, +button.has-text-dark:hover, +button.has-text-dark:focus-visible, +has-text-dark.is-hoverable:hover, +has-text-dark.is-hoverable:focus-visible { + color: hsl(var(--bulma-dark-h), var(--bulma-dark-s), calc(var(--bulma-dark-l) + var(--bulma-hover-color-l-delta))) !important; +} +a.has-text-dark:active, +button.has-text-dark:active, +has-text-dark.is-hoverable:active { + color: hsl(var(--bulma-dark-h), var(--bulma-dark-s), calc(var(--bulma-dark-l) + var(--bulma-active-color-l-delta))) !important; +} + +a.has-background-dark:hover, a.has-background-dark:focus-visible, +button.has-background-dark:hover, +button.has-background-dark:focus-visible, +has-background-dark.is-hoverable:hover, +has-background-dark.is-hoverable:focus-visible { + background-color: hsl(var(--bulma-dark-h), var(--bulma-dark-s), calc(var(--bulma-dark-l) + var(--bulma-hover-background-l-delta))) !important; +} +a.has-background-dark:active, +button.has-background-dark:active, +has-background-dark.is-hoverable:active { + background-color: hsl(var(--bulma-dark-h), var(--bulma-dark-s), calc(var(--bulma-dark-l) + var(--bulma-active-background-l-delta))) !important; +} + +.is-palette-dark { + --h: var(--bulma-dark-h); + --s: var(--bulma-dark-s); + --l: var(--bulma-dark-l); + --color: hsl(var(--h), var(--s), var(--l)); + --00-l: var(--bulma-dark-00-l); + --color-00: hsl(var(--h), var(--s), var(--00-l)); + --05-l: var(--bulma-dark-05-l); + --color-05: hsl(var(--h), var(--s), var(--05-l)); + --10-l: var(--bulma-dark-10-l); + --color-10: hsl(var(--h), var(--s), var(--10-l)); + --15-l: var(--bulma-dark-15-l); + --color-15: hsl(var(--h), var(--s), var(--15-l)); + --20-l: var(--bulma-dark-20-l); + --color-20: hsl(var(--h), var(--s), var(--20-l)); + --25-l: var(--bulma-dark-25-l); + --color-25: hsl(var(--h), var(--s), var(--25-l)); + --30-l: var(--bulma-dark-30-l); + --color-30: hsl(var(--h), var(--s), var(--30-l)); + --35-l: var(--bulma-dark-35-l); + --color-35: hsl(var(--h), var(--s), var(--35-l)); + --40-l: var(--bulma-dark-40-l); + --color-40: hsl(var(--h), var(--s), var(--40-l)); + --45-l: var(--bulma-dark-45-l); + --color-45: hsl(var(--h), var(--s), var(--45-l)); + --50-l: var(--bulma-dark-50-l); + --color-50: hsl(var(--h), var(--s), var(--50-l)); + --55-l: var(--bulma-dark-55-l); + --color-55: hsl(var(--h), var(--s), var(--55-l)); + --60-l: var(--bulma-dark-60-l); + --color-60: hsl(var(--h), var(--s), var(--60-l)); + --65-l: var(--bulma-dark-65-l); + --color-65: hsl(var(--h), var(--s), var(--65-l)); + --70-l: var(--bulma-dark-70-l); + --color-70: hsl(var(--h), var(--s), var(--70-l)); + --75-l: var(--bulma-dark-75-l); + --color-75: hsl(var(--h), var(--s), var(--75-l)); + --80-l: var(--bulma-dark-80-l); + --color-80: hsl(var(--h), var(--s), var(--80-l)); + --85-l: var(--bulma-dark-85-l); + --color-85: hsl(var(--h), var(--s), var(--85-l)); + --90-l: var(--bulma-dark-90-l); + --color-90: hsl(var(--h), var(--s), var(--90-l)); + --95-l: var(--bulma-dark-95-l); + --color-95: hsl(var(--h), var(--s), var(--95-l)); + --100-l: var(--bulma-dark-100-l); + --color-100: hsl(var(--h), var(--s), var(--100-l)); +} + +.has-text-text { + color: hsl(var(--bulma-text-h), var(--bulma-text-s), var(--bulma-text-l)) !important; +} + +.has-background-text { + background-color: hsl(var(--bulma-text-h), var(--bulma-text-s), var(--bulma-text-l)) !important; +} + +.has-text-text-invert { + color: hsl(var(--bulma-text-h), var(--bulma-text-s), var(--bulma-text-invert-l)) !important; +} + +.has-background-text-invert { + background-color: hsl(var(--bulma-text-h), var(--bulma-text-s), var(--bulma-text-invert-l)) !important; +} + +.has-text-text-on-scheme { + color: hsl(var(--bulma-text-h), var(--bulma-text-s), var(--bulma-text-on-scheme-l)) !important; +} + +.has-background-text-on-scheme { + background-color: hsl(var(--bulma-text-h), var(--bulma-text-s), var(--bulma-text-on-scheme-l)) !important; +} + +.has-text-text-light { + color: hsl(var(--bulma-text-h), var(--bulma-text-s), var(--bulma-text-light-l)) !important; +} + +.has-background-text-light { + background-color: hsl(var(--bulma-text-h), var(--bulma-text-s), var(--bulma-text-light-l)) !important; +} + +.has-text-text-light-invert { + color: hsl(var(--bulma-text-h), var(--bulma-text-s), var(--bulma-text-light-invert-l)) !important; +} + +.has-background-text-light-invert { + background-color: hsl(var(--bulma-text-h), var(--bulma-text-s), var(--bulma-text-light-invert-l)) !important; +} + +.has-text-text-dark { + color: hsl(var(--bulma-text-h), var(--bulma-text-s), var(--bulma-text-dark-l)) !important; +} + +.has-background-text-dark { + background-color: hsl(var(--bulma-text-h), var(--bulma-text-s), var(--bulma-text-dark-l)) !important; +} + +.has-text-text-dark-invert { + color: hsl(var(--bulma-text-h), var(--bulma-text-s), var(--bulma-text-dark-invert-l)) !important; +} + +.has-background-text-dark-invert { + background-color: hsl(var(--bulma-text-h), var(--bulma-text-s), var(--bulma-text-dark-invert-l)) !important; +} + +.has-text-text-soft { + color: hsl(var(--bulma-text-h), var(--bulma-text-s), var(--bulma-soft-l)) !important; +} + +.has-background-text-soft { + background-color: hsl(var(--bulma-text-h), var(--bulma-text-s), var(--bulma-soft-l)) !important; +} + +.has-text-text-bold { + color: hsl(var(--bulma-text-h), var(--bulma-text-s), var(--bulma-bold-l)) !important; +} + +.has-background-text-bold { + background-color: hsl(var(--bulma-text-h), var(--bulma-text-s), var(--bulma-bold-l)) !important; +} + +.has-text-text-soft-invert { + color: hsl(var(--bulma-text-h), var(--bulma-text-s), var(--bulma-soft-invert-l)) !important; +} + +.has-background-text-soft-invert { + background-color: hsl(var(--bulma-text-h), var(--bulma-text-s), var(--bulma-soft-invert-l)) !important; +} + +.has-text-text-bold-invert { + color: hsl(var(--bulma-text-h), var(--bulma-text-s), var(--bulma-bold-invert-l)) !important; +} + +.has-background-text-bold-invert { + background-color: hsl(var(--bulma-text-h), var(--bulma-text-s), var(--bulma-bold-invert-l)) !important; +} + +.has-text-text-00 { + color: hsl(var(--bulma-text-h), var(--bulma-text-s), var(--bulma-text-00-l)) !important; +} + +.has-background-text-00 { + background-color: hsl(var(--bulma-text-h), var(--bulma-text-s), var(--bulma-text-00-l)) !important; +} + +.has-text-text-00-invert { + color: hsl(var(--bulma-text-h), var(--bulma-text-s), var(--bulma-text-00-invert-l)) !important; +} + +.has-background-text-00-invert { + background-color: hsl(var(--bulma-text-h), var(--bulma-text-s), var(--bulma-text-00-invert-l)) !important; +} + +.has-text-text-05 { + color: hsl(var(--bulma-text-h), var(--bulma-text-s), var(--bulma-text-05-l)) !important; +} + +.has-background-text-05 { + background-color: hsl(var(--bulma-text-h), var(--bulma-text-s), var(--bulma-text-05-l)) !important; +} + +.has-text-text-05-invert { + color: hsl(var(--bulma-text-h), var(--bulma-text-s), var(--bulma-text-05-invert-l)) !important; +} + +.has-background-text-05-invert { + background-color: hsl(var(--bulma-text-h), var(--bulma-text-s), var(--bulma-text-05-invert-l)) !important; +} + +.has-text-text-10 { + color: hsl(var(--bulma-text-h), var(--bulma-text-s), var(--bulma-text-10-l)) !important; +} + +.has-background-text-10 { + background-color: hsl(var(--bulma-text-h), var(--bulma-text-s), var(--bulma-text-10-l)) !important; +} + +.has-text-text-10-invert { + color: hsl(var(--bulma-text-h), var(--bulma-text-s), var(--bulma-text-10-invert-l)) !important; +} + +.has-background-text-10-invert { + background-color: hsl(var(--bulma-text-h), var(--bulma-text-s), var(--bulma-text-10-invert-l)) !important; +} + +.has-text-text-15 { + color: hsl(var(--bulma-text-h), var(--bulma-text-s), var(--bulma-text-15-l)) !important; +} + +.has-background-text-15 { + background-color: hsl(var(--bulma-text-h), var(--bulma-text-s), var(--bulma-text-15-l)) !important; +} + +.has-text-text-15-invert { + color: hsl(var(--bulma-text-h), var(--bulma-text-s), var(--bulma-text-15-invert-l)) !important; +} + +.has-background-text-15-invert { + background-color: hsl(var(--bulma-text-h), var(--bulma-text-s), var(--bulma-text-15-invert-l)) !important; +} + +.has-text-text-20 { + color: hsl(var(--bulma-text-h), var(--bulma-text-s), var(--bulma-text-20-l)) !important; +} + +.has-background-text-20 { + background-color: hsl(var(--bulma-text-h), var(--bulma-text-s), var(--bulma-text-20-l)) !important; +} + +.has-text-text-20-invert { + color: hsl(var(--bulma-text-h), var(--bulma-text-s), var(--bulma-text-20-invert-l)) !important; +} + +.has-background-text-20-invert { + background-color: hsl(var(--bulma-text-h), var(--bulma-text-s), var(--bulma-text-20-invert-l)) !important; +} + +.has-text-text-25 { + color: hsl(var(--bulma-text-h), var(--bulma-text-s), var(--bulma-text-25-l)) !important; +} + +.has-background-text-25 { + background-color: hsl(var(--bulma-text-h), var(--bulma-text-s), var(--bulma-text-25-l)) !important; +} + +.has-text-text-25-invert { + color: hsl(var(--bulma-text-h), var(--bulma-text-s), var(--bulma-text-25-invert-l)) !important; +} + +.has-background-text-25-invert { + background-color: hsl(var(--bulma-text-h), var(--bulma-text-s), var(--bulma-text-25-invert-l)) !important; +} + +.has-text-text-30 { + color: hsl(var(--bulma-text-h), var(--bulma-text-s), var(--bulma-text-30-l)) !important; +} + +.has-background-text-30 { + background-color: hsl(var(--bulma-text-h), var(--bulma-text-s), var(--bulma-text-30-l)) !important; +} + +.has-text-text-30-invert { + color: hsl(var(--bulma-text-h), var(--bulma-text-s), var(--bulma-text-30-invert-l)) !important; +} + +.has-background-text-30-invert { + background-color: hsl(var(--bulma-text-h), var(--bulma-text-s), var(--bulma-text-30-invert-l)) !important; +} + +.has-text-text-35 { + color: hsl(var(--bulma-text-h), var(--bulma-text-s), var(--bulma-text-35-l)) !important; +} + +.has-background-text-35 { + background-color: hsl(var(--bulma-text-h), var(--bulma-text-s), var(--bulma-text-35-l)) !important; +} + +.has-text-text-35-invert { + color: hsl(var(--bulma-text-h), var(--bulma-text-s), var(--bulma-text-35-invert-l)) !important; +} + +.has-background-text-35-invert { + background-color: hsl(var(--bulma-text-h), var(--bulma-text-s), var(--bulma-text-35-invert-l)) !important; +} + +.has-text-text-40 { + color: hsl(var(--bulma-text-h), var(--bulma-text-s), var(--bulma-text-40-l)) !important; +} + +.has-background-text-40 { + background-color: hsl(var(--bulma-text-h), var(--bulma-text-s), var(--bulma-text-40-l)) !important; +} + +.has-text-text-40-invert { + color: hsl(var(--bulma-text-h), var(--bulma-text-s), var(--bulma-text-40-invert-l)) !important; +} + +.has-background-text-40-invert { + background-color: hsl(var(--bulma-text-h), var(--bulma-text-s), var(--bulma-text-40-invert-l)) !important; +} + +.has-text-text-45 { + color: hsl(var(--bulma-text-h), var(--bulma-text-s), var(--bulma-text-45-l)) !important; +} + +.has-background-text-45 { + background-color: hsl(var(--bulma-text-h), var(--bulma-text-s), var(--bulma-text-45-l)) !important; +} + +.has-text-text-45-invert { + color: hsl(var(--bulma-text-h), var(--bulma-text-s), var(--bulma-text-45-invert-l)) !important; +} + +.has-background-text-45-invert { + background-color: hsl(var(--bulma-text-h), var(--bulma-text-s), var(--bulma-text-45-invert-l)) !important; +} + +.has-text-text-50 { + color: hsl(var(--bulma-text-h), var(--bulma-text-s), var(--bulma-text-50-l)) !important; +} + +.has-background-text-50 { + background-color: hsl(var(--bulma-text-h), var(--bulma-text-s), var(--bulma-text-50-l)) !important; +} + +.has-text-text-50-invert { + color: hsl(var(--bulma-text-h), var(--bulma-text-s), var(--bulma-text-50-invert-l)) !important; +} + +.has-background-text-50-invert { + background-color: hsl(var(--bulma-text-h), var(--bulma-text-s), var(--bulma-text-50-invert-l)) !important; +} + +.has-text-text-55 { + color: hsl(var(--bulma-text-h), var(--bulma-text-s), var(--bulma-text-55-l)) !important; +} + +.has-background-text-55 { + background-color: hsl(var(--bulma-text-h), var(--bulma-text-s), var(--bulma-text-55-l)) !important; +} + +.has-text-text-55-invert { + color: hsl(var(--bulma-text-h), var(--bulma-text-s), var(--bulma-text-55-invert-l)) !important; +} + +.has-background-text-55-invert { + background-color: hsl(var(--bulma-text-h), var(--bulma-text-s), var(--bulma-text-55-invert-l)) !important; +} + +.has-text-text-60 { + color: hsl(var(--bulma-text-h), var(--bulma-text-s), var(--bulma-text-60-l)) !important; +} + +.has-background-text-60 { + background-color: hsl(var(--bulma-text-h), var(--bulma-text-s), var(--bulma-text-60-l)) !important; +} + +.has-text-text-60-invert { + color: hsl(var(--bulma-text-h), var(--bulma-text-s), var(--bulma-text-60-invert-l)) !important; +} + +.has-background-text-60-invert { + background-color: hsl(var(--bulma-text-h), var(--bulma-text-s), var(--bulma-text-60-invert-l)) !important; +} + +.has-text-text-65 { + color: hsl(var(--bulma-text-h), var(--bulma-text-s), var(--bulma-text-65-l)) !important; +} + +.has-background-text-65 { + background-color: hsl(var(--bulma-text-h), var(--bulma-text-s), var(--bulma-text-65-l)) !important; +} + +.has-text-text-65-invert { + color: hsl(var(--bulma-text-h), var(--bulma-text-s), var(--bulma-text-65-invert-l)) !important; +} + +.has-background-text-65-invert { + background-color: hsl(var(--bulma-text-h), var(--bulma-text-s), var(--bulma-text-65-invert-l)) !important; +} + +.has-text-text-70 { + color: hsl(var(--bulma-text-h), var(--bulma-text-s), var(--bulma-text-70-l)) !important; +} + +.has-background-text-70 { + background-color: hsl(var(--bulma-text-h), var(--bulma-text-s), var(--bulma-text-70-l)) !important; +} + +.has-text-text-70-invert { + color: hsl(var(--bulma-text-h), var(--bulma-text-s), var(--bulma-text-70-invert-l)) !important; +} + +.has-background-text-70-invert { + background-color: hsl(var(--bulma-text-h), var(--bulma-text-s), var(--bulma-text-70-invert-l)) !important; +} + +.has-text-text-75 { + color: hsl(var(--bulma-text-h), var(--bulma-text-s), var(--bulma-text-75-l)) !important; +} + +.has-background-text-75 { + background-color: hsl(var(--bulma-text-h), var(--bulma-text-s), var(--bulma-text-75-l)) !important; +} + +.has-text-text-75-invert { + color: hsl(var(--bulma-text-h), var(--bulma-text-s), var(--bulma-text-75-invert-l)) !important; +} + +.has-background-text-75-invert { + background-color: hsl(var(--bulma-text-h), var(--bulma-text-s), var(--bulma-text-75-invert-l)) !important; +} + +.has-text-text-80 { + color: hsl(var(--bulma-text-h), var(--bulma-text-s), var(--bulma-text-80-l)) !important; +} + +.has-background-text-80 { + background-color: hsl(var(--bulma-text-h), var(--bulma-text-s), var(--bulma-text-80-l)) !important; +} + +.has-text-text-80-invert { + color: hsl(var(--bulma-text-h), var(--bulma-text-s), var(--bulma-text-80-invert-l)) !important; +} + +.has-background-text-80-invert { + background-color: hsl(var(--bulma-text-h), var(--bulma-text-s), var(--bulma-text-80-invert-l)) !important; +} + +.has-text-text-85 { + color: hsl(var(--bulma-text-h), var(--bulma-text-s), var(--bulma-text-85-l)) !important; +} + +.has-background-text-85 { + background-color: hsl(var(--bulma-text-h), var(--bulma-text-s), var(--bulma-text-85-l)) !important; +} + +.has-text-text-85-invert { + color: hsl(var(--bulma-text-h), var(--bulma-text-s), var(--bulma-text-85-invert-l)) !important; +} + +.has-background-text-85-invert { + background-color: hsl(var(--bulma-text-h), var(--bulma-text-s), var(--bulma-text-85-invert-l)) !important; +} + +.has-text-text-90 { + color: hsl(var(--bulma-text-h), var(--bulma-text-s), var(--bulma-text-90-l)) !important; +} + +.has-background-text-90 { + background-color: hsl(var(--bulma-text-h), var(--bulma-text-s), var(--bulma-text-90-l)) !important; +} + +.has-text-text-90-invert { + color: hsl(var(--bulma-text-h), var(--bulma-text-s), var(--bulma-text-90-invert-l)) !important; +} + +.has-background-text-90-invert { + background-color: hsl(var(--bulma-text-h), var(--bulma-text-s), var(--bulma-text-90-invert-l)) !important; +} + +.has-text-text-95 { + color: hsl(var(--bulma-text-h), var(--bulma-text-s), var(--bulma-text-95-l)) !important; +} + +.has-background-text-95 { + background-color: hsl(var(--bulma-text-h), var(--bulma-text-s), var(--bulma-text-95-l)) !important; +} + +.has-text-text-95-invert { + color: hsl(var(--bulma-text-h), var(--bulma-text-s), var(--bulma-text-95-invert-l)) !important; +} + +.has-background-text-95-invert { + background-color: hsl(var(--bulma-text-h), var(--bulma-text-s), var(--bulma-text-95-invert-l)) !important; +} + +.has-text-text-100 { + color: hsl(var(--bulma-text-h), var(--bulma-text-s), var(--bulma-text-100-l)) !important; +} + +.has-background-text-100 { + background-color: hsl(var(--bulma-text-h), var(--bulma-text-s), var(--bulma-text-100-l)) !important; +} + +.has-text-text-100-invert { + color: hsl(var(--bulma-text-h), var(--bulma-text-s), var(--bulma-text-100-invert-l)) !important; +} + +.has-background-text-100-invert { + background-color: hsl(var(--bulma-text-h), var(--bulma-text-s), var(--bulma-text-100-invert-l)) !important; +} + +a.has-text-text:hover, a.has-text-text:focus-visible, +button.has-text-text:hover, +button.has-text-text:focus-visible, +has-text-text.is-hoverable:hover, +has-text-text.is-hoverable:focus-visible { + color: hsl(var(--bulma-text-h), var(--bulma-text-s), calc(var(--bulma-text-l) + var(--bulma-hover-color-l-delta))) !important; +} +a.has-text-text:active, +button.has-text-text:active, +has-text-text.is-hoverable:active { + color: hsl(var(--bulma-text-h), var(--bulma-text-s), calc(var(--bulma-text-l) + var(--bulma-active-color-l-delta))) !important; +} + +a.has-background-text:hover, a.has-background-text:focus-visible, +button.has-background-text:hover, +button.has-background-text:focus-visible, +has-background-text.is-hoverable:hover, +has-background-text.is-hoverable:focus-visible { + background-color: hsl(var(--bulma-text-h), var(--bulma-text-s), calc(var(--bulma-text-l) + var(--bulma-hover-background-l-delta))) !important; +} +a.has-background-text:active, +button.has-background-text:active, +has-background-text.is-hoverable:active { + background-color: hsl(var(--bulma-text-h), var(--bulma-text-s), calc(var(--bulma-text-l) + var(--bulma-active-background-l-delta))) !important; +} + +.is-palette-text { + --h: var(--bulma-text-h); + --s: var(--bulma-text-s); + --l: var(--bulma-text-l); + --color: hsl(var(--h), var(--s), var(--l)); + --00-l: var(--bulma-text-00-l); + --color-00: hsl(var(--h), var(--s), var(--00-l)); + --05-l: var(--bulma-text-05-l); + --color-05: hsl(var(--h), var(--s), var(--05-l)); + --10-l: var(--bulma-text-10-l); + --color-10: hsl(var(--h), var(--s), var(--10-l)); + --15-l: var(--bulma-text-15-l); + --color-15: hsl(var(--h), var(--s), var(--15-l)); + --20-l: var(--bulma-text-20-l); + --color-20: hsl(var(--h), var(--s), var(--20-l)); + --25-l: var(--bulma-text-25-l); + --color-25: hsl(var(--h), var(--s), var(--25-l)); + --30-l: var(--bulma-text-30-l); + --color-30: hsl(var(--h), var(--s), var(--30-l)); + --35-l: var(--bulma-text-35-l); + --color-35: hsl(var(--h), var(--s), var(--35-l)); + --40-l: var(--bulma-text-40-l); + --color-40: hsl(var(--h), var(--s), var(--40-l)); + --45-l: var(--bulma-text-45-l); + --color-45: hsl(var(--h), var(--s), var(--45-l)); + --50-l: var(--bulma-text-50-l); + --color-50: hsl(var(--h), var(--s), var(--50-l)); + --55-l: var(--bulma-text-55-l); + --color-55: hsl(var(--h), var(--s), var(--55-l)); + --60-l: var(--bulma-text-60-l); + --color-60: hsl(var(--h), var(--s), var(--60-l)); + --65-l: var(--bulma-text-65-l); + --color-65: hsl(var(--h), var(--s), var(--65-l)); + --70-l: var(--bulma-text-70-l); + --color-70: hsl(var(--h), var(--s), var(--70-l)); + --75-l: var(--bulma-text-75-l); + --color-75: hsl(var(--h), var(--s), var(--75-l)); + --80-l: var(--bulma-text-80-l); + --color-80: hsl(var(--h), var(--s), var(--80-l)); + --85-l: var(--bulma-text-85-l); + --color-85: hsl(var(--h), var(--s), var(--85-l)); + --90-l: var(--bulma-text-90-l); + --color-90: hsl(var(--h), var(--s), var(--90-l)); + --95-l: var(--bulma-text-95-l); + --color-95: hsl(var(--h), var(--s), var(--95-l)); + --100-l: var(--bulma-text-100-l); + --color-100: hsl(var(--h), var(--s), var(--100-l)); +} + +.has-text-primary { + color: hsl(var(--bulma-primary-h), var(--bulma-primary-s), var(--bulma-primary-l)) !important; +} + +.has-background-primary { + background-color: hsl(var(--bulma-primary-h), var(--bulma-primary-s), var(--bulma-primary-l)) !important; +} + +.has-text-primary-invert { + color: hsl(var(--bulma-primary-h), var(--bulma-primary-s), var(--bulma-primary-invert-l)) !important; +} + +.has-background-primary-invert { + background-color: hsl(var(--bulma-primary-h), var(--bulma-primary-s), var(--bulma-primary-invert-l)) !important; +} + +.has-text-primary-on-scheme { + color: hsl(var(--bulma-primary-h), var(--bulma-primary-s), var(--bulma-primary-on-scheme-l)) !important; +} + +.has-background-primary-on-scheme { + background-color: hsl(var(--bulma-primary-h), var(--bulma-primary-s), var(--bulma-primary-on-scheme-l)) !important; +} + +.has-text-primary-light { + color: hsl(var(--bulma-primary-h), var(--bulma-primary-s), var(--bulma-primary-light-l)) !important; +} + +.has-background-primary-light { + background-color: hsl(var(--bulma-primary-h), var(--bulma-primary-s), var(--bulma-primary-light-l)) !important; +} + +.has-text-primary-light-invert { + color: hsl(var(--bulma-primary-h), var(--bulma-primary-s), var(--bulma-primary-light-invert-l)) !important; +} + +.has-background-primary-light-invert { + background-color: hsl(var(--bulma-primary-h), var(--bulma-primary-s), var(--bulma-primary-light-invert-l)) !important; +} + +.has-text-primary-dark { + color: hsl(var(--bulma-primary-h), var(--bulma-primary-s), var(--bulma-primary-dark-l)) !important; +} + +.has-background-primary-dark { + background-color: hsl(var(--bulma-primary-h), var(--bulma-primary-s), var(--bulma-primary-dark-l)) !important; +} + +.has-text-primary-dark-invert { + color: hsl(var(--bulma-primary-h), var(--bulma-primary-s), var(--bulma-primary-dark-invert-l)) !important; +} + +.has-background-primary-dark-invert { + background-color: hsl(var(--bulma-primary-h), var(--bulma-primary-s), var(--bulma-primary-dark-invert-l)) !important; +} + +.has-text-primary-soft { + color: hsl(var(--bulma-primary-h), var(--bulma-primary-s), var(--bulma-soft-l)) !important; +} + +.has-background-primary-soft { + background-color: hsl(var(--bulma-primary-h), var(--bulma-primary-s), var(--bulma-soft-l)) !important; +} + +.has-text-primary-bold { + color: hsl(var(--bulma-primary-h), var(--bulma-primary-s), var(--bulma-bold-l)) !important; +} + +.has-background-primary-bold { + background-color: hsl(var(--bulma-primary-h), var(--bulma-primary-s), var(--bulma-bold-l)) !important; +} + +.has-text-primary-soft-invert { + color: hsl(var(--bulma-primary-h), var(--bulma-primary-s), var(--bulma-soft-invert-l)) !important; +} + +.has-background-primary-soft-invert { + background-color: hsl(var(--bulma-primary-h), var(--bulma-primary-s), var(--bulma-soft-invert-l)) !important; +} + +.has-text-primary-bold-invert { + color: hsl(var(--bulma-primary-h), var(--bulma-primary-s), var(--bulma-bold-invert-l)) !important; +} + +.has-background-primary-bold-invert { + background-color: hsl(var(--bulma-primary-h), var(--bulma-primary-s), var(--bulma-bold-invert-l)) !important; +} + +.has-text-primary-00 { + color: hsl(var(--bulma-primary-h), var(--bulma-primary-s), var(--bulma-primary-00-l)) !important; +} + +.has-background-primary-00 { + background-color: hsl(var(--bulma-primary-h), var(--bulma-primary-s), var(--bulma-primary-00-l)) !important; +} + +.has-text-primary-00-invert { + color: hsl(var(--bulma-primary-h), var(--bulma-primary-s), var(--bulma-primary-00-invert-l)) !important; +} + +.has-background-primary-00-invert { + background-color: hsl(var(--bulma-primary-h), var(--bulma-primary-s), var(--bulma-primary-00-invert-l)) !important; +} + +.has-text-primary-05 { + color: hsl(var(--bulma-primary-h), var(--bulma-primary-s), var(--bulma-primary-05-l)) !important; +} + +.has-background-primary-05 { + background-color: hsl(var(--bulma-primary-h), var(--bulma-primary-s), var(--bulma-primary-05-l)) !important; +} + +.has-text-primary-05-invert { + color: hsl(var(--bulma-primary-h), var(--bulma-primary-s), var(--bulma-primary-05-invert-l)) !important; +} + +.has-background-primary-05-invert { + background-color: hsl(var(--bulma-primary-h), var(--bulma-primary-s), var(--bulma-primary-05-invert-l)) !important; +} + +.has-text-primary-10 { + color: hsl(var(--bulma-primary-h), var(--bulma-primary-s), var(--bulma-primary-10-l)) !important; +} + +.has-background-primary-10 { + background-color: hsl(var(--bulma-primary-h), var(--bulma-primary-s), var(--bulma-primary-10-l)) !important; +} + +.has-text-primary-10-invert { + color: hsl(var(--bulma-primary-h), var(--bulma-primary-s), var(--bulma-primary-10-invert-l)) !important; +} + +.has-background-primary-10-invert { + background-color: hsl(var(--bulma-primary-h), var(--bulma-primary-s), var(--bulma-primary-10-invert-l)) !important; +} + +.has-text-primary-15 { + color: hsl(var(--bulma-primary-h), var(--bulma-primary-s), var(--bulma-primary-15-l)) !important; +} + +.has-background-primary-15 { + background-color: hsl(var(--bulma-primary-h), var(--bulma-primary-s), var(--bulma-primary-15-l)) !important; +} + +.has-text-primary-15-invert { + color: hsl(var(--bulma-primary-h), var(--bulma-primary-s), var(--bulma-primary-15-invert-l)) !important; +} + +.has-background-primary-15-invert { + background-color: hsl(var(--bulma-primary-h), var(--bulma-primary-s), var(--bulma-primary-15-invert-l)) !important; +} + +.has-text-primary-20 { + color: hsl(var(--bulma-primary-h), var(--bulma-primary-s), var(--bulma-primary-20-l)) !important; +} + +.has-background-primary-20 { + background-color: hsl(var(--bulma-primary-h), var(--bulma-primary-s), var(--bulma-primary-20-l)) !important; +} + +.has-text-primary-20-invert { + color: hsl(var(--bulma-primary-h), var(--bulma-primary-s), var(--bulma-primary-20-invert-l)) !important; +} + +.has-background-primary-20-invert { + background-color: hsl(var(--bulma-primary-h), var(--bulma-primary-s), var(--bulma-primary-20-invert-l)) !important; +} + +.has-text-primary-25 { + color: hsl(var(--bulma-primary-h), var(--bulma-primary-s), var(--bulma-primary-25-l)) !important; +} + +.has-background-primary-25 { + background-color: hsl(var(--bulma-primary-h), var(--bulma-primary-s), var(--bulma-primary-25-l)) !important; +} + +.has-text-primary-25-invert { + color: hsl(var(--bulma-primary-h), var(--bulma-primary-s), var(--bulma-primary-25-invert-l)) !important; +} + +.has-background-primary-25-invert { + background-color: hsl(var(--bulma-primary-h), var(--bulma-primary-s), var(--bulma-primary-25-invert-l)) !important; +} + +.has-text-primary-30 { + color: hsl(var(--bulma-primary-h), var(--bulma-primary-s), var(--bulma-primary-30-l)) !important; +} + +.has-background-primary-30 { + background-color: hsl(var(--bulma-primary-h), var(--bulma-primary-s), var(--bulma-primary-30-l)) !important; +} + +.has-text-primary-30-invert { + color: hsl(var(--bulma-primary-h), var(--bulma-primary-s), var(--bulma-primary-30-invert-l)) !important; +} + +.has-background-primary-30-invert { + background-color: hsl(var(--bulma-primary-h), var(--bulma-primary-s), var(--bulma-primary-30-invert-l)) !important; +} + +.has-text-primary-35 { + color: hsl(var(--bulma-primary-h), var(--bulma-primary-s), var(--bulma-primary-35-l)) !important; +} + +.has-background-primary-35 { + background-color: hsl(var(--bulma-primary-h), var(--bulma-primary-s), var(--bulma-primary-35-l)) !important; +} + +.has-text-primary-35-invert { + color: hsl(var(--bulma-primary-h), var(--bulma-primary-s), var(--bulma-primary-35-invert-l)) !important; +} + +.has-background-primary-35-invert { + background-color: hsl(var(--bulma-primary-h), var(--bulma-primary-s), var(--bulma-primary-35-invert-l)) !important; +} + +.has-text-primary-40 { + color: hsl(var(--bulma-primary-h), var(--bulma-primary-s), var(--bulma-primary-40-l)) !important; +} + +.has-background-primary-40 { + background-color: hsl(var(--bulma-primary-h), var(--bulma-primary-s), var(--bulma-primary-40-l)) !important; +} + +.has-text-primary-40-invert { + color: hsl(var(--bulma-primary-h), var(--bulma-primary-s), var(--bulma-primary-40-invert-l)) !important; +} + +.has-background-primary-40-invert { + background-color: hsl(var(--bulma-primary-h), var(--bulma-primary-s), var(--bulma-primary-40-invert-l)) !important; +} + +.has-text-primary-45 { + color: hsl(var(--bulma-primary-h), var(--bulma-primary-s), var(--bulma-primary-45-l)) !important; +} + +.has-background-primary-45 { + background-color: hsl(var(--bulma-primary-h), var(--bulma-primary-s), var(--bulma-primary-45-l)) !important; +} + +.has-text-primary-45-invert { + color: hsl(var(--bulma-primary-h), var(--bulma-primary-s), var(--bulma-primary-45-invert-l)) !important; +} + +.has-background-primary-45-invert { + background-color: hsl(var(--bulma-primary-h), var(--bulma-primary-s), var(--bulma-primary-45-invert-l)) !important; +} + +.has-text-primary-50 { + color: hsl(var(--bulma-primary-h), var(--bulma-primary-s), var(--bulma-primary-50-l)) !important; +} + +.has-background-primary-50 { + background-color: hsl(var(--bulma-primary-h), var(--bulma-primary-s), var(--bulma-primary-50-l)) !important; +} + +.has-text-primary-50-invert { + color: hsl(var(--bulma-primary-h), var(--bulma-primary-s), var(--bulma-primary-50-invert-l)) !important; +} + +.has-background-primary-50-invert { + background-color: hsl(var(--bulma-primary-h), var(--bulma-primary-s), var(--bulma-primary-50-invert-l)) !important; +} + +.has-text-primary-55 { + color: hsl(var(--bulma-primary-h), var(--bulma-primary-s), var(--bulma-primary-55-l)) !important; +} + +.has-background-primary-55 { + background-color: hsl(var(--bulma-primary-h), var(--bulma-primary-s), var(--bulma-primary-55-l)) !important; +} + +.has-text-primary-55-invert { + color: hsl(var(--bulma-primary-h), var(--bulma-primary-s), var(--bulma-primary-55-invert-l)) !important; +} + +.has-background-primary-55-invert { + background-color: hsl(var(--bulma-primary-h), var(--bulma-primary-s), var(--bulma-primary-55-invert-l)) !important; +} + +.has-text-primary-60 { + color: hsl(var(--bulma-primary-h), var(--bulma-primary-s), var(--bulma-primary-60-l)) !important; +} + +.has-background-primary-60 { + background-color: hsl(var(--bulma-primary-h), var(--bulma-primary-s), var(--bulma-primary-60-l)) !important; +} + +.has-text-primary-60-invert { + color: hsl(var(--bulma-primary-h), var(--bulma-primary-s), var(--bulma-primary-60-invert-l)) !important; +} + +.has-background-primary-60-invert { + background-color: hsl(var(--bulma-primary-h), var(--bulma-primary-s), var(--bulma-primary-60-invert-l)) !important; +} + +.has-text-primary-65 { + color: hsl(var(--bulma-primary-h), var(--bulma-primary-s), var(--bulma-primary-65-l)) !important; +} + +.has-background-primary-65 { + background-color: hsl(var(--bulma-primary-h), var(--bulma-primary-s), var(--bulma-primary-65-l)) !important; +} + +.has-text-primary-65-invert { + color: hsl(var(--bulma-primary-h), var(--bulma-primary-s), var(--bulma-primary-65-invert-l)) !important; +} + +.has-background-primary-65-invert { + background-color: hsl(var(--bulma-primary-h), var(--bulma-primary-s), var(--bulma-primary-65-invert-l)) !important; +} + +.has-text-primary-70 { + color: hsl(var(--bulma-primary-h), var(--bulma-primary-s), var(--bulma-primary-70-l)) !important; +} + +.has-background-primary-70 { + background-color: hsl(var(--bulma-primary-h), var(--bulma-primary-s), var(--bulma-primary-70-l)) !important; +} + +.has-text-primary-70-invert { + color: hsl(var(--bulma-primary-h), var(--bulma-primary-s), var(--bulma-primary-70-invert-l)) !important; +} + +.has-background-primary-70-invert { + background-color: hsl(var(--bulma-primary-h), var(--bulma-primary-s), var(--bulma-primary-70-invert-l)) !important; +} + +.has-text-primary-75 { + color: hsl(var(--bulma-primary-h), var(--bulma-primary-s), var(--bulma-primary-75-l)) !important; +} + +.has-background-primary-75 { + background-color: hsl(var(--bulma-primary-h), var(--bulma-primary-s), var(--bulma-primary-75-l)) !important; +} + +.has-text-primary-75-invert { + color: hsl(var(--bulma-primary-h), var(--bulma-primary-s), var(--bulma-primary-75-invert-l)) !important; +} + +.has-background-primary-75-invert { + background-color: hsl(var(--bulma-primary-h), var(--bulma-primary-s), var(--bulma-primary-75-invert-l)) !important; +} + +.has-text-primary-80 { + color: hsl(var(--bulma-primary-h), var(--bulma-primary-s), var(--bulma-primary-80-l)) !important; +} + +.has-background-primary-80 { + background-color: hsl(var(--bulma-primary-h), var(--bulma-primary-s), var(--bulma-primary-80-l)) !important; +} + +.has-text-primary-80-invert { + color: hsl(var(--bulma-primary-h), var(--bulma-primary-s), var(--bulma-primary-80-invert-l)) !important; +} + +.has-background-primary-80-invert { + background-color: hsl(var(--bulma-primary-h), var(--bulma-primary-s), var(--bulma-primary-80-invert-l)) !important; +} + +.has-text-primary-85 { + color: hsl(var(--bulma-primary-h), var(--bulma-primary-s), var(--bulma-primary-85-l)) !important; +} + +.has-background-primary-85 { + background-color: hsl(var(--bulma-primary-h), var(--bulma-primary-s), var(--bulma-primary-85-l)) !important; +} + +.has-text-primary-85-invert { + color: hsl(var(--bulma-primary-h), var(--bulma-primary-s), var(--bulma-primary-85-invert-l)) !important; +} + +.has-background-primary-85-invert { + background-color: hsl(var(--bulma-primary-h), var(--bulma-primary-s), var(--bulma-primary-85-invert-l)) !important; +} + +.has-text-primary-90 { + color: hsl(var(--bulma-primary-h), var(--bulma-primary-s), var(--bulma-primary-90-l)) !important; +} + +.has-background-primary-90 { + background-color: hsl(var(--bulma-primary-h), var(--bulma-primary-s), var(--bulma-primary-90-l)) !important; +} + +.has-text-primary-90-invert { + color: hsl(var(--bulma-primary-h), var(--bulma-primary-s), var(--bulma-primary-90-invert-l)) !important; +} + +.has-background-primary-90-invert { + background-color: hsl(var(--bulma-primary-h), var(--bulma-primary-s), var(--bulma-primary-90-invert-l)) !important; +} + +.has-text-primary-95 { + color: hsl(var(--bulma-primary-h), var(--bulma-primary-s), var(--bulma-primary-95-l)) !important; +} + +.has-background-primary-95 { + background-color: hsl(var(--bulma-primary-h), var(--bulma-primary-s), var(--bulma-primary-95-l)) !important; +} + +.has-text-primary-95-invert { + color: hsl(var(--bulma-primary-h), var(--bulma-primary-s), var(--bulma-primary-95-invert-l)) !important; +} + +.has-background-primary-95-invert { + background-color: hsl(var(--bulma-primary-h), var(--bulma-primary-s), var(--bulma-primary-95-invert-l)) !important; +} + +.has-text-primary-100 { + color: hsl(var(--bulma-primary-h), var(--bulma-primary-s), var(--bulma-primary-100-l)) !important; +} + +.has-background-primary-100 { + background-color: hsl(var(--bulma-primary-h), var(--bulma-primary-s), var(--bulma-primary-100-l)) !important; +} + +.has-text-primary-100-invert { + color: hsl(var(--bulma-primary-h), var(--bulma-primary-s), var(--bulma-primary-100-invert-l)) !important; +} + +.has-background-primary-100-invert { + background-color: hsl(var(--bulma-primary-h), var(--bulma-primary-s), var(--bulma-primary-100-invert-l)) !important; +} + +a.has-text-primary:hover, a.has-text-primary:focus-visible, +button.has-text-primary:hover, +button.has-text-primary:focus-visible, +has-text-primary.is-hoverable:hover, +has-text-primary.is-hoverable:focus-visible { + color: hsl(var(--bulma-primary-h), var(--bulma-primary-s), calc(var(--bulma-primary-l) + var(--bulma-hover-color-l-delta))) !important; +} +a.has-text-primary:active, +button.has-text-primary:active, +has-text-primary.is-hoverable:active { + color: hsl(var(--bulma-primary-h), var(--bulma-primary-s), calc(var(--bulma-primary-l) + var(--bulma-active-color-l-delta))) !important; +} + +a.has-background-primary:hover, a.has-background-primary:focus-visible, +button.has-background-primary:hover, +button.has-background-primary:focus-visible, +has-background-primary.is-hoverable:hover, +has-background-primary.is-hoverable:focus-visible { + background-color: hsl(var(--bulma-primary-h), var(--bulma-primary-s), calc(var(--bulma-primary-l) + var(--bulma-hover-background-l-delta))) !important; +} +a.has-background-primary:active, +button.has-background-primary:active, +has-background-primary.is-hoverable:active { + background-color: hsl(var(--bulma-primary-h), var(--bulma-primary-s), calc(var(--bulma-primary-l) + var(--bulma-active-background-l-delta))) !important; +} + +.is-palette-primary { + --h: var(--bulma-primary-h); + --s: var(--bulma-primary-s); + --l: var(--bulma-primary-l); + --color: hsl(var(--h), var(--s), var(--l)); + --00-l: var(--bulma-primary-00-l); + --color-00: hsl(var(--h), var(--s), var(--00-l)); + --05-l: var(--bulma-primary-05-l); + --color-05: hsl(var(--h), var(--s), var(--05-l)); + --10-l: var(--bulma-primary-10-l); + --color-10: hsl(var(--h), var(--s), var(--10-l)); + --15-l: var(--bulma-primary-15-l); + --color-15: hsl(var(--h), var(--s), var(--15-l)); + --20-l: var(--bulma-primary-20-l); + --color-20: hsl(var(--h), var(--s), var(--20-l)); + --25-l: var(--bulma-primary-25-l); + --color-25: hsl(var(--h), var(--s), var(--25-l)); + --30-l: var(--bulma-primary-30-l); + --color-30: hsl(var(--h), var(--s), var(--30-l)); + --35-l: var(--bulma-primary-35-l); + --color-35: hsl(var(--h), var(--s), var(--35-l)); + --40-l: var(--bulma-primary-40-l); + --color-40: hsl(var(--h), var(--s), var(--40-l)); + --45-l: var(--bulma-primary-45-l); + --color-45: hsl(var(--h), var(--s), var(--45-l)); + --50-l: var(--bulma-primary-50-l); + --color-50: hsl(var(--h), var(--s), var(--50-l)); + --55-l: var(--bulma-primary-55-l); + --color-55: hsl(var(--h), var(--s), var(--55-l)); + --60-l: var(--bulma-primary-60-l); + --color-60: hsl(var(--h), var(--s), var(--60-l)); + --65-l: var(--bulma-primary-65-l); + --color-65: hsl(var(--h), var(--s), var(--65-l)); + --70-l: var(--bulma-primary-70-l); + --color-70: hsl(var(--h), var(--s), var(--70-l)); + --75-l: var(--bulma-primary-75-l); + --color-75: hsl(var(--h), var(--s), var(--75-l)); + --80-l: var(--bulma-primary-80-l); + --color-80: hsl(var(--h), var(--s), var(--80-l)); + --85-l: var(--bulma-primary-85-l); + --color-85: hsl(var(--h), var(--s), var(--85-l)); + --90-l: var(--bulma-primary-90-l); + --color-90: hsl(var(--h), var(--s), var(--90-l)); + --95-l: var(--bulma-primary-95-l); + --color-95: hsl(var(--h), var(--s), var(--95-l)); + --100-l: var(--bulma-primary-100-l); + --color-100: hsl(var(--h), var(--s), var(--100-l)); +} + +.has-text-link { + color: hsl(var(--bulma-link-h), var(--bulma-link-s), var(--bulma-link-l)) !important; +} + +.has-background-link { + background-color: hsl(var(--bulma-link-h), var(--bulma-link-s), var(--bulma-link-l)) !important; +} + +.has-text-link-invert { + color: hsl(var(--bulma-link-h), var(--bulma-link-s), var(--bulma-link-invert-l)) !important; +} + +.has-background-link-invert { + background-color: hsl(var(--bulma-link-h), var(--bulma-link-s), var(--bulma-link-invert-l)) !important; +} + +.has-text-link-on-scheme { + color: hsl(var(--bulma-link-h), var(--bulma-link-s), var(--bulma-link-on-scheme-l)) !important; +} + +.has-background-link-on-scheme { + background-color: hsl(var(--bulma-link-h), var(--bulma-link-s), var(--bulma-link-on-scheme-l)) !important; +} + +.has-text-link-light { + color: hsl(var(--bulma-link-h), var(--bulma-link-s), var(--bulma-link-light-l)) !important; +} + +.has-background-link-light { + background-color: hsl(var(--bulma-link-h), var(--bulma-link-s), var(--bulma-link-light-l)) !important; +} + +.has-text-link-light-invert { + color: hsl(var(--bulma-link-h), var(--bulma-link-s), var(--bulma-link-light-invert-l)) !important; +} + +.has-background-link-light-invert { + background-color: hsl(var(--bulma-link-h), var(--bulma-link-s), var(--bulma-link-light-invert-l)) !important; +} + +.has-text-link-dark { + color: hsl(var(--bulma-link-h), var(--bulma-link-s), var(--bulma-link-dark-l)) !important; +} + +.has-background-link-dark { + background-color: hsl(var(--bulma-link-h), var(--bulma-link-s), var(--bulma-link-dark-l)) !important; +} + +.has-text-link-dark-invert { + color: hsl(var(--bulma-link-h), var(--bulma-link-s), var(--bulma-link-dark-invert-l)) !important; +} + +.has-background-link-dark-invert { + background-color: hsl(var(--bulma-link-h), var(--bulma-link-s), var(--bulma-link-dark-invert-l)) !important; +} + +.has-text-link-soft { + color: hsl(var(--bulma-link-h), var(--bulma-link-s), var(--bulma-soft-l)) !important; +} + +.has-background-link-soft { + background-color: hsl(var(--bulma-link-h), var(--bulma-link-s), var(--bulma-soft-l)) !important; +} + +.has-text-link-bold { + color: hsl(var(--bulma-link-h), var(--bulma-link-s), var(--bulma-bold-l)) !important; +} + +.has-background-link-bold { + background-color: hsl(var(--bulma-link-h), var(--bulma-link-s), var(--bulma-bold-l)) !important; +} + +.has-text-link-soft-invert { + color: hsl(var(--bulma-link-h), var(--bulma-link-s), var(--bulma-soft-invert-l)) !important; +} + +.has-background-link-soft-invert { + background-color: hsl(var(--bulma-link-h), var(--bulma-link-s), var(--bulma-soft-invert-l)) !important; +} + +.has-text-link-bold-invert { + color: hsl(var(--bulma-link-h), var(--bulma-link-s), var(--bulma-bold-invert-l)) !important; +} + +.has-background-link-bold-invert { + background-color: hsl(var(--bulma-link-h), var(--bulma-link-s), var(--bulma-bold-invert-l)) !important; +} + +.has-text-link-00 { + color: hsl(var(--bulma-link-h), var(--bulma-link-s), var(--bulma-link-00-l)) !important; +} + +.has-background-link-00 { + background-color: hsl(var(--bulma-link-h), var(--bulma-link-s), var(--bulma-link-00-l)) !important; +} + +.has-text-link-00-invert { + color: hsl(var(--bulma-link-h), var(--bulma-link-s), var(--bulma-link-00-invert-l)) !important; +} + +.has-background-link-00-invert { + background-color: hsl(var(--bulma-link-h), var(--bulma-link-s), var(--bulma-link-00-invert-l)) !important; +} + +.has-text-link-05 { + color: hsl(var(--bulma-link-h), var(--bulma-link-s), var(--bulma-link-05-l)) !important; +} + +.has-background-link-05 { + background-color: hsl(var(--bulma-link-h), var(--bulma-link-s), var(--bulma-link-05-l)) !important; +} + +.has-text-link-05-invert { + color: hsl(var(--bulma-link-h), var(--bulma-link-s), var(--bulma-link-05-invert-l)) !important; +} + +.has-background-link-05-invert { + background-color: hsl(var(--bulma-link-h), var(--bulma-link-s), var(--bulma-link-05-invert-l)) !important; +} + +.has-text-link-10 { + color: hsl(var(--bulma-link-h), var(--bulma-link-s), var(--bulma-link-10-l)) !important; +} + +.has-background-link-10 { + background-color: hsl(var(--bulma-link-h), var(--bulma-link-s), var(--bulma-link-10-l)) !important; +} + +.has-text-link-10-invert { + color: hsl(var(--bulma-link-h), var(--bulma-link-s), var(--bulma-link-10-invert-l)) !important; +} + +.has-background-link-10-invert { + background-color: hsl(var(--bulma-link-h), var(--bulma-link-s), var(--bulma-link-10-invert-l)) !important; +} + +.has-text-link-15 { + color: hsl(var(--bulma-link-h), var(--bulma-link-s), var(--bulma-link-15-l)) !important; +} + +.has-background-link-15 { + background-color: hsl(var(--bulma-link-h), var(--bulma-link-s), var(--bulma-link-15-l)) !important; +} + +.has-text-link-15-invert { + color: hsl(var(--bulma-link-h), var(--bulma-link-s), var(--bulma-link-15-invert-l)) !important; +} + +.has-background-link-15-invert { + background-color: hsl(var(--bulma-link-h), var(--bulma-link-s), var(--bulma-link-15-invert-l)) !important; +} + +.has-text-link-20 { + color: hsl(var(--bulma-link-h), var(--bulma-link-s), var(--bulma-link-20-l)) !important; +} + +.has-background-link-20 { + background-color: hsl(var(--bulma-link-h), var(--bulma-link-s), var(--bulma-link-20-l)) !important; +} + +.has-text-link-20-invert { + color: hsl(var(--bulma-link-h), var(--bulma-link-s), var(--bulma-link-20-invert-l)) !important; +} + +.has-background-link-20-invert { + background-color: hsl(var(--bulma-link-h), var(--bulma-link-s), var(--bulma-link-20-invert-l)) !important; +} + +.has-text-link-25 { + color: hsl(var(--bulma-link-h), var(--bulma-link-s), var(--bulma-link-25-l)) !important; +} + +.has-background-link-25 { + background-color: hsl(var(--bulma-link-h), var(--bulma-link-s), var(--bulma-link-25-l)) !important; +} + +.has-text-link-25-invert { + color: hsl(var(--bulma-link-h), var(--bulma-link-s), var(--bulma-link-25-invert-l)) !important; +} + +.has-background-link-25-invert { + background-color: hsl(var(--bulma-link-h), var(--bulma-link-s), var(--bulma-link-25-invert-l)) !important; +} + +.has-text-link-30 { + color: hsl(var(--bulma-link-h), var(--bulma-link-s), var(--bulma-link-30-l)) !important; +} + +.has-background-link-30 { + background-color: hsl(var(--bulma-link-h), var(--bulma-link-s), var(--bulma-link-30-l)) !important; +} + +.has-text-link-30-invert { + color: hsl(var(--bulma-link-h), var(--bulma-link-s), var(--bulma-link-30-invert-l)) !important; +} + +.has-background-link-30-invert { + background-color: hsl(var(--bulma-link-h), var(--bulma-link-s), var(--bulma-link-30-invert-l)) !important; +} + +.has-text-link-35 { + color: hsl(var(--bulma-link-h), var(--bulma-link-s), var(--bulma-link-35-l)) !important; +} + +.has-background-link-35 { + background-color: hsl(var(--bulma-link-h), var(--bulma-link-s), var(--bulma-link-35-l)) !important; +} + +.has-text-link-35-invert { + color: hsl(var(--bulma-link-h), var(--bulma-link-s), var(--bulma-link-35-invert-l)) !important; +} + +.has-background-link-35-invert { + background-color: hsl(var(--bulma-link-h), var(--bulma-link-s), var(--bulma-link-35-invert-l)) !important; +} + +.has-text-link-40 { + color: hsl(var(--bulma-link-h), var(--bulma-link-s), var(--bulma-link-40-l)) !important; +} + +.has-background-link-40 { + background-color: hsl(var(--bulma-link-h), var(--bulma-link-s), var(--bulma-link-40-l)) !important; +} + +.has-text-link-40-invert { + color: hsl(var(--bulma-link-h), var(--bulma-link-s), var(--bulma-link-40-invert-l)) !important; +} + +.has-background-link-40-invert { + background-color: hsl(var(--bulma-link-h), var(--bulma-link-s), var(--bulma-link-40-invert-l)) !important; +} + +.has-text-link-45 { + color: hsl(var(--bulma-link-h), var(--bulma-link-s), var(--bulma-link-45-l)) !important; +} + +.has-background-link-45 { + background-color: hsl(var(--bulma-link-h), var(--bulma-link-s), var(--bulma-link-45-l)) !important; +} + +.has-text-link-45-invert { + color: hsl(var(--bulma-link-h), var(--bulma-link-s), var(--bulma-link-45-invert-l)) !important; +} + +.has-background-link-45-invert { + background-color: hsl(var(--bulma-link-h), var(--bulma-link-s), var(--bulma-link-45-invert-l)) !important; +} + +.has-text-link-50 { + color: hsl(var(--bulma-link-h), var(--bulma-link-s), var(--bulma-link-50-l)) !important; +} + +.has-background-link-50 { + background-color: hsl(var(--bulma-link-h), var(--bulma-link-s), var(--bulma-link-50-l)) !important; +} + +.has-text-link-50-invert { + color: hsl(var(--bulma-link-h), var(--bulma-link-s), var(--bulma-link-50-invert-l)) !important; +} + +.has-background-link-50-invert { + background-color: hsl(var(--bulma-link-h), var(--bulma-link-s), var(--bulma-link-50-invert-l)) !important; +} + +.has-text-link-55 { + color: hsl(var(--bulma-link-h), var(--bulma-link-s), var(--bulma-link-55-l)) !important; +} + +.has-background-link-55 { + background-color: hsl(var(--bulma-link-h), var(--bulma-link-s), var(--bulma-link-55-l)) !important; +} + +.has-text-link-55-invert { + color: hsl(var(--bulma-link-h), var(--bulma-link-s), var(--bulma-link-55-invert-l)) !important; +} + +.has-background-link-55-invert { + background-color: hsl(var(--bulma-link-h), var(--bulma-link-s), var(--bulma-link-55-invert-l)) !important; +} + +.has-text-link-60 { + color: hsl(var(--bulma-link-h), var(--bulma-link-s), var(--bulma-link-60-l)) !important; +} + +.has-background-link-60 { + background-color: hsl(var(--bulma-link-h), var(--bulma-link-s), var(--bulma-link-60-l)) !important; +} + +.has-text-link-60-invert { + color: hsl(var(--bulma-link-h), var(--bulma-link-s), var(--bulma-link-60-invert-l)) !important; +} + +.has-background-link-60-invert { + background-color: hsl(var(--bulma-link-h), var(--bulma-link-s), var(--bulma-link-60-invert-l)) !important; +} + +.has-text-link-65 { + color: hsl(var(--bulma-link-h), var(--bulma-link-s), var(--bulma-link-65-l)) !important; +} + +.has-background-link-65 { + background-color: hsl(var(--bulma-link-h), var(--bulma-link-s), var(--bulma-link-65-l)) !important; +} + +.has-text-link-65-invert { + color: hsl(var(--bulma-link-h), var(--bulma-link-s), var(--bulma-link-65-invert-l)) !important; +} + +.has-background-link-65-invert { + background-color: hsl(var(--bulma-link-h), var(--bulma-link-s), var(--bulma-link-65-invert-l)) !important; +} + +.has-text-link-70 { + color: hsl(var(--bulma-link-h), var(--bulma-link-s), var(--bulma-link-70-l)) !important; +} + +.has-background-link-70 { + background-color: hsl(var(--bulma-link-h), var(--bulma-link-s), var(--bulma-link-70-l)) !important; +} + +.has-text-link-70-invert { + color: hsl(var(--bulma-link-h), var(--bulma-link-s), var(--bulma-link-70-invert-l)) !important; +} + +.has-background-link-70-invert { + background-color: hsl(var(--bulma-link-h), var(--bulma-link-s), var(--bulma-link-70-invert-l)) !important; +} + +.has-text-link-75 { + color: hsl(var(--bulma-link-h), var(--bulma-link-s), var(--bulma-link-75-l)) !important; +} + +.has-background-link-75 { + background-color: hsl(var(--bulma-link-h), var(--bulma-link-s), var(--bulma-link-75-l)) !important; +} + +.has-text-link-75-invert { + color: hsl(var(--bulma-link-h), var(--bulma-link-s), var(--bulma-link-75-invert-l)) !important; +} + +.has-background-link-75-invert { + background-color: hsl(var(--bulma-link-h), var(--bulma-link-s), var(--bulma-link-75-invert-l)) !important; +} + +.has-text-link-80 { + color: hsl(var(--bulma-link-h), var(--bulma-link-s), var(--bulma-link-80-l)) !important; +} + +.has-background-link-80 { + background-color: hsl(var(--bulma-link-h), var(--bulma-link-s), var(--bulma-link-80-l)) !important; +} + +.has-text-link-80-invert { + color: hsl(var(--bulma-link-h), var(--bulma-link-s), var(--bulma-link-80-invert-l)) !important; +} + +.has-background-link-80-invert { + background-color: hsl(var(--bulma-link-h), var(--bulma-link-s), var(--bulma-link-80-invert-l)) !important; +} + +.has-text-link-85 { + color: hsl(var(--bulma-link-h), var(--bulma-link-s), var(--bulma-link-85-l)) !important; +} + +.has-background-link-85 { + background-color: hsl(var(--bulma-link-h), var(--bulma-link-s), var(--bulma-link-85-l)) !important; +} + +.has-text-link-85-invert { + color: hsl(var(--bulma-link-h), var(--bulma-link-s), var(--bulma-link-85-invert-l)) !important; +} + +.has-background-link-85-invert { + background-color: hsl(var(--bulma-link-h), var(--bulma-link-s), var(--bulma-link-85-invert-l)) !important; +} + +.has-text-link-90 { + color: hsl(var(--bulma-link-h), var(--bulma-link-s), var(--bulma-link-90-l)) !important; +} + +.has-background-link-90 { + background-color: hsl(var(--bulma-link-h), var(--bulma-link-s), var(--bulma-link-90-l)) !important; +} + +.has-text-link-90-invert { + color: hsl(var(--bulma-link-h), var(--bulma-link-s), var(--bulma-link-90-invert-l)) !important; +} + +.has-background-link-90-invert { + background-color: hsl(var(--bulma-link-h), var(--bulma-link-s), var(--bulma-link-90-invert-l)) !important; +} + +.has-text-link-95 { + color: hsl(var(--bulma-link-h), var(--bulma-link-s), var(--bulma-link-95-l)) !important; +} + +.has-background-link-95 { + background-color: hsl(var(--bulma-link-h), var(--bulma-link-s), var(--bulma-link-95-l)) !important; +} + +.has-text-link-95-invert { + color: hsl(var(--bulma-link-h), var(--bulma-link-s), var(--bulma-link-95-invert-l)) !important; +} + +.has-background-link-95-invert { + background-color: hsl(var(--bulma-link-h), var(--bulma-link-s), var(--bulma-link-95-invert-l)) !important; +} + +.has-text-link-100 { + color: hsl(var(--bulma-link-h), var(--bulma-link-s), var(--bulma-link-100-l)) !important; +} + +.has-background-link-100 { + background-color: hsl(var(--bulma-link-h), var(--bulma-link-s), var(--bulma-link-100-l)) !important; +} + +.has-text-link-100-invert { + color: hsl(var(--bulma-link-h), var(--bulma-link-s), var(--bulma-link-100-invert-l)) !important; +} + +.has-background-link-100-invert { + background-color: hsl(var(--bulma-link-h), var(--bulma-link-s), var(--bulma-link-100-invert-l)) !important; +} + +a.has-text-link:hover, a.has-text-link:focus-visible, +button.has-text-link:hover, +button.has-text-link:focus-visible, +has-text-link.is-hoverable:hover, +has-text-link.is-hoverable:focus-visible { + color: hsl(var(--bulma-link-h), var(--bulma-link-s), calc(var(--bulma-link-l) + var(--bulma-hover-color-l-delta))) !important; +} +a.has-text-link:active, +button.has-text-link:active, +has-text-link.is-hoverable:active { + color: hsl(var(--bulma-link-h), var(--bulma-link-s), calc(var(--bulma-link-l) + var(--bulma-active-color-l-delta))) !important; +} + +a.has-background-link:hover, a.has-background-link:focus-visible, +button.has-background-link:hover, +button.has-background-link:focus-visible, +has-background-link.is-hoverable:hover, +has-background-link.is-hoverable:focus-visible { + background-color: hsl(var(--bulma-link-h), var(--bulma-link-s), calc(var(--bulma-link-l) + var(--bulma-hover-background-l-delta))) !important; +} +a.has-background-link:active, +button.has-background-link:active, +has-background-link.is-hoverable:active { + background-color: hsl(var(--bulma-link-h), var(--bulma-link-s), calc(var(--bulma-link-l) + var(--bulma-active-background-l-delta))) !important; +} + +.is-palette-link { + --h: var(--bulma-link-h); + --s: var(--bulma-link-s); + --l: var(--bulma-link-l); + --color: hsl(var(--h), var(--s), var(--l)); + --00-l: var(--bulma-link-00-l); + --color-00: hsl(var(--h), var(--s), var(--00-l)); + --05-l: var(--bulma-link-05-l); + --color-05: hsl(var(--h), var(--s), var(--05-l)); + --10-l: var(--bulma-link-10-l); + --color-10: hsl(var(--h), var(--s), var(--10-l)); + --15-l: var(--bulma-link-15-l); + --color-15: hsl(var(--h), var(--s), var(--15-l)); + --20-l: var(--bulma-link-20-l); + --color-20: hsl(var(--h), var(--s), var(--20-l)); + --25-l: var(--bulma-link-25-l); + --color-25: hsl(var(--h), var(--s), var(--25-l)); + --30-l: var(--bulma-link-30-l); + --color-30: hsl(var(--h), var(--s), var(--30-l)); + --35-l: var(--bulma-link-35-l); + --color-35: hsl(var(--h), var(--s), var(--35-l)); + --40-l: var(--bulma-link-40-l); + --color-40: hsl(var(--h), var(--s), var(--40-l)); + --45-l: var(--bulma-link-45-l); + --color-45: hsl(var(--h), var(--s), var(--45-l)); + --50-l: var(--bulma-link-50-l); + --color-50: hsl(var(--h), var(--s), var(--50-l)); + --55-l: var(--bulma-link-55-l); + --color-55: hsl(var(--h), var(--s), var(--55-l)); + --60-l: var(--bulma-link-60-l); + --color-60: hsl(var(--h), var(--s), var(--60-l)); + --65-l: var(--bulma-link-65-l); + --color-65: hsl(var(--h), var(--s), var(--65-l)); + --70-l: var(--bulma-link-70-l); + --color-70: hsl(var(--h), var(--s), var(--70-l)); + --75-l: var(--bulma-link-75-l); + --color-75: hsl(var(--h), var(--s), var(--75-l)); + --80-l: var(--bulma-link-80-l); + --color-80: hsl(var(--h), var(--s), var(--80-l)); + --85-l: var(--bulma-link-85-l); + --color-85: hsl(var(--h), var(--s), var(--85-l)); + --90-l: var(--bulma-link-90-l); + --color-90: hsl(var(--h), var(--s), var(--90-l)); + --95-l: var(--bulma-link-95-l); + --color-95: hsl(var(--h), var(--s), var(--95-l)); + --100-l: var(--bulma-link-100-l); + --color-100: hsl(var(--h), var(--s), var(--100-l)); +} + +.has-text-info { + color: hsl(var(--bulma-info-h), var(--bulma-info-s), var(--bulma-info-l)) !important; +} + +.has-background-info { + background-color: hsl(var(--bulma-info-h), var(--bulma-info-s), var(--bulma-info-l)) !important; +} + +.has-text-info-invert { + color: hsl(var(--bulma-info-h), var(--bulma-info-s), var(--bulma-info-invert-l)) !important; +} + +.has-background-info-invert { + background-color: hsl(var(--bulma-info-h), var(--bulma-info-s), var(--bulma-info-invert-l)) !important; +} + +.has-text-info-on-scheme { + color: hsl(var(--bulma-info-h), var(--bulma-info-s), var(--bulma-info-on-scheme-l)) !important; +} + +.has-background-info-on-scheme { + background-color: hsl(var(--bulma-info-h), var(--bulma-info-s), var(--bulma-info-on-scheme-l)) !important; +} + +.has-text-info-light { + color: hsl(var(--bulma-info-h), var(--bulma-info-s), var(--bulma-info-light-l)) !important; +} + +.has-background-info-light { + background-color: hsl(var(--bulma-info-h), var(--bulma-info-s), var(--bulma-info-light-l)) !important; +} + +.has-text-info-light-invert { + color: hsl(var(--bulma-info-h), var(--bulma-info-s), var(--bulma-info-light-invert-l)) !important; +} + +.has-background-info-light-invert { + background-color: hsl(var(--bulma-info-h), var(--bulma-info-s), var(--bulma-info-light-invert-l)) !important; +} + +.has-text-info-dark { + color: hsl(var(--bulma-info-h), var(--bulma-info-s), var(--bulma-info-dark-l)) !important; +} + +.has-background-info-dark { + background-color: hsl(var(--bulma-info-h), var(--bulma-info-s), var(--bulma-info-dark-l)) !important; +} + +.has-text-info-dark-invert { + color: hsl(var(--bulma-info-h), var(--bulma-info-s), var(--bulma-info-dark-invert-l)) !important; +} + +.has-background-info-dark-invert { + background-color: hsl(var(--bulma-info-h), var(--bulma-info-s), var(--bulma-info-dark-invert-l)) !important; +} + +.has-text-info-soft { + color: hsl(var(--bulma-info-h), var(--bulma-info-s), var(--bulma-soft-l)) !important; +} + +.has-background-info-soft { + background-color: hsl(var(--bulma-info-h), var(--bulma-info-s), var(--bulma-soft-l)) !important; +} + +.has-text-info-bold { + color: hsl(var(--bulma-info-h), var(--bulma-info-s), var(--bulma-bold-l)) !important; +} + +.has-background-info-bold { + background-color: hsl(var(--bulma-info-h), var(--bulma-info-s), var(--bulma-bold-l)) !important; +} + +.has-text-info-soft-invert { + color: hsl(var(--bulma-info-h), var(--bulma-info-s), var(--bulma-soft-invert-l)) !important; +} + +.has-background-info-soft-invert { + background-color: hsl(var(--bulma-info-h), var(--bulma-info-s), var(--bulma-soft-invert-l)) !important; +} + +.has-text-info-bold-invert { + color: hsl(var(--bulma-info-h), var(--bulma-info-s), var(--bulma-bold-invert-l)) !important; +} + +.has-background-info-bold-invert { + background-color: hsl(var(--bulma-info-h), var(--bulma-info-s), var(--bulma-bold-invert-l)) !important; +} + +.has-text-info-00 { + color: hsl(var(--bulma-info-h), var(--bulma-info-s), var(--bulma-info-00-l)) !important; +} + +.has-background-info-00 { + background-color: hsl(var(--bulma-info-h), var(--bulma-info-s), var(--bulma-info-00-l)) !important; +} + +.has-text-info-00-invert { + color: hsl(var(--bulma-info-h), var(--bulma-info-s), var(--bulma-info-00-invert-l)) !important; +} + +.has-background-info-00-invert { + background-color: hsl(var(--bulma-info-h), var(--bulma-info-s), var(--bulma-info-00-invert-l)) !important; +} + +.has-text-info-05 { + color: hsl(var(--bulma-info-h), var(--bulma-info-s), var(--bulma-info-05-l)) !important; +} + +.has-background-info-05 { + background-color: hsl(var(--bulma-info-h), var(--bulma-info-s), var(--bulma-info-05-l)) !important; +} + +.has-text-info-05-invert { + color: hsl(var(--bulma-info-h), var(--bulma-info-s), var(--bulma-info-05-invert-l)) !important; +} + +.has-background-info-05-invert { + background-color: hsl(var(--bulma-info-h), var(--bulma-info-s), var(--bulma-info-05-invert-l)) !important; +} + +.has-text-info-10 { + color: hsl(var(--bulma-info-h), var(--bulma-info-s), var(--bulma-info-10-l)) !important; +} + +.has-background-info-10 { + background-color: hsl(var(--bulma-info-h), var(--bulma-info-s), var(--bulma-info-10-l)) !important; +} + +.has-text-info-10-invert { + color: hsl(var(--bulma-info-h), var(--bulma-info-s), var(--bulma-info-10-invert-l)) !important; +} + +.has-background-info-10-invert { + background-color: hsl(var(--bulma-info-h), var(--bulma-info-s), var(--bulma-info-10-invert-l)) !important; +} + +.has-text-info-15 { + color: hsl(var(--bulma-info-h), var(--bulma-info-s), var(--bulma-info-15-l)) !important; +} + +.has-background-info-15 { + background-color: hsl(var(--bulma-info-h), var(--bulma-info-s), var(--bulma-info-15-l)) !important; +} + +.has-text-info-15-invert { + color: hsl(var(--bulma-info-h), var(--bulma-info-s), var(--bulma-info-15-invert-l)) !important; +} + +.has-background-info-15-invert { + background-color: hsl(var(--bulma-info-h), var(--bulma-info-s), var(--bulma-info-15-invert-l)) !important; +} + +.has-text-info-20 { + color: hsl(var(--bulma-info-h), var(--bulma-info-s), var(--bulma-info-20-l)) !important; +} + +.has-background-info-20 { + background-color: hsl(var(--bulma-info-h), var(--bulma-info-s), var(--bulma-info-20-l)) !important; +} + +.has-text-info-20-invert { + color: hsl(var(--bulma-info-h), var(--bulma-info-s), var(--bulma-info-20-invert-l)) !important; +} + +.has-background-info-20-invert { + background-color: hsl(var(--bulma-info-h), var(--bulma-info-s), var(--bulma-info-20-invert-l)) !important; +} + +.has-text-info-25 { + color: hsl(var(--bulma-info-h), var(--bulma-info-s), var(--bulma-info-25-l)) !important; +} + +.has-background-info-25 { + background-color: hsl(var(--bulma-info-h), var(--bulma-info-s), var(--bulma-info-25-l)) !important; +} + +.has-text-info-25-invert { + color: hsl(var(--bulma-info-h), var(--bulma-info-s), var(--bulma-info-25-invert-l)) !important; +} + +.has-background-info-25-invert { + background-color: hsl(var(--bulma-info-h), var(--bulma-info-s), var(--bulma-info-25-invert-l)) !important; +} + +.has-text-info-30 { + color: hsl(var(--bulma-info-h), var(--bulma-info-s), var(--bulma-info-30-l)) !important; +} + +.has-background-info-30 { + background-color: hsl(var(--bulma-info-h), var(--bulma-info-s), var(--bulma-info-30-l)) !important; +} + +.has-text-info-30-invert { + color: hsl(var(--bulma-info-h), var(--bulma-info-s), var(--bulma-info-30-invert-l)) !important; +} + +.has-background-info-30-invert { + background-color: hsl(var(--bulma-info-h), var(--bulma-info-s), var(--bulma-info-30-invert-l)) !important; +} + +.has-text-info-35 { + color: hsl(var(--bulma-info-h), var(--bulma-info-s), var(--bulma-info-35-l)) !important; +} + +.has-background-info-35 { + background-color: hsl(var(--bulma-info-h), var(--bulma-info-s), var(--bulma-info-35-l)) !important; +} + +.has-text-info-35-invert { + color: hsl(var(--bulma-info-h), var(--bulma-info-s), var(--bulma-info-35-invert-l)) !important; +} + +.has-background-info-35-invert { + background-color: hsl(var(--bulma-info-h), var(--bulma-info-s), var(--bulma-info-35-invert-l)) !important; +} + +.has-text-info-40 { + color: hsl(var(--bulma-info-h), var(--bulma-info-s), var(--bulma-info-40-l)) !important; +} + +.has-background-info-40 { + background-color: hsl(var(--bulma-info-h), var(--bulma-info-s), var(--bulma-info-40-l)) !important; +} + +.has-text-info-40-invert { + color: hsl(var(--bulma-info-h), var(--bulma-info-s), var(--bulma-info-40-invert-l)) !important; +} + +.has-background-info-40-invert { + background-color: hsl(var(--bulma-info-h), var(--bulma-info-s), var(--bulma-info-40-invert-l)) !important; +} + +.has-text-info-45 { + color: hsl(var(--bulma-info-h), var(--bulma-info-s), var(--bulma-info-45-l)) !important; +} + +.has-background-info-45 { + background-color: hsl(var(--bulma-info-h), var(--bulma-info-s), var(--bulma-info-45-l)) !important; +} + +.has-text-info-45-invert { + color: hsl(var(--bulma-info-h), var(--bulma-info-s), var(--bulma-info-45-invert-l)) !important; +} + +.has-background-info-45-invert { + background-color: hsl(var(--bulma-info-h), var(--bulma-info-s), var(--bulma-info-45-invert-l)) !important; +} + +.has-text-info-50 { + color: hsl(var(--bulma-info-h), var(--bulma-info-s), var(--bulma-info-50-l)) !important; +} + +.has-background-info-50 { + background-color: hsl(var(--bulma-info-h), var(--bulma-info-s), var(--bulma-info-50-l)) !important; +} + +.has-text-info-50-invert { + color: hsl(var(--bulma-info-h), var(--bulma-info-s), var(--bulma-info-50-invert-l)) !important; +} + +.has-background-info-50-invert { + background-color: hsl(var(--bulma-info-h), var(--bulma-info-s), var(--bulma-info-50-invert-l)) !important; +} + +.has-text-info-55 { + color: hsl(var(--bulma-info-h), var(--bulma-info-s), var(--bulma-info-55-l)) !important; +} + +.has-background-info-55 { + background-color: hsl(var(--bulma-info-h), var(--bulma-info-s), var(--bulma-info-55-l)) !important; +} + +.has-text-info-55-invert { + color: hsl(var(--bulma-info-h), var(--bulma-info-s), var(--bulma-info-55-invert-l)) !important; +} + +.has-background-info-55-invert { + background-color: hsl(var(--bulma-info-h), var(--bulma-info-s), var(--bulma-info-55-invert-l)) !important; +} + +.has-text-info-60 { + color: hsl(var(--bulma-info-h), var(--bulma-info-s), var(--bulma-info-60-l)) !important; +} + +.has-background-info-60 { + background-color: hsl(var(--bulma-info-h), var(--bulma-info-s), var(--bulma-info-60-l)) !important; +} + +.has-text-info-60-invert { + color: hsl(var(--bulma-info-h), var(--bulma-info-s), var(--bulma-info-60-invert-l)) !important; +} + +.has-background-info-60-invert { + background-color: hsl(var(--bulma-info-h), var(--bulma-info-s), var(--bulma-info-60-invert-l)) !important; +} + +.has-text-info-65 { + color: hsl(var(--bulma-info-h), var(--bulma-info-s), var(--bulma-info-65-l)) !important; +} + +.has-background-info-65 { + background-color: hsl(var(--bulma-info-h), var(--bulma-info-s), var(--bulma-info-65-l)) !important; +} + +.has-text-info-65-invert { + color: hsl(var(--bulma-info-h), var(--bulma-info-s), var(--bulma-info-65-invert-l)) !important; +} + +.has-background-info-65-invert { + background-color: hsl(var(--bulma-info-h), var(--bulma-info-s), var(--bulma-info-65-invert-l)) !important; +} + +.has-text-info-70 { + color: hsl(var(--bulma-info-h), var(--bulma-info-s), var(--bulma-info-70-l)) !important; +} + +.has-background-info-70 { + background-color: hsl(var(--bulma-info-h), var(--bulma-info-s), var(--bulma-info-70-l)) !important; +} + +.has-text-info-70-invert { + color: hsl(var(--bulma-info-h), var(--bulma-info-s), var(--bulma-info-70-invert-l)) !important; +} + +.has-background-info-70-invert { + background-color: hsl(var(--bulma-info-h), var(--bulma-info-s), var(--bulma-info-70-invert-l)) !important; +} + +.has-text-info-75 { + color: hsl(var(--bulma-info-h), var(--bulma-info-s), var(--bulma-info-75-l)) !important; +} + +.has-background-info-75 { + background-color: hsl(var(--bulma-info-h), var(--bulma-info-s), var(--bulma-info-75-l)) !important; +} + +.has-text-info-75-invert { + color: hsl(var(--bulma-info-h), var(--bulma-info-s), var(--bulma-info-75-invert-l)) !important; +} + +.has-background-info-75-invert { + background-color: hsl(var(--bulma-info-h), var(--bulma-info-s), var(--bulma-info-75-invert-l)) !important; +} + +.has-text-info-80 { + color: hsl(var(--bulma-info-h), var(--bulma-info-s), var(--bulma-info-80-l)) !important; +} + +.has-background-info-80 { + background-color: hsl(var(--bulma-info-h), var(--bulma-info-s), var(--bulma-info-80-l)) !important; +} + +.has-text-info-80-invert { + color: hsl(var(--bulma-info-h), var(--bulma-info-s), var(--bulma-info-80-invert-l)) !important; +} + +.has-background-info-80-invert { + background-color: hsl(var(--bulma-info-h), var(--bulma-info-s), var(--bulma-info-80-invert-l)) !important; +} + +.has-text-info-85 { + color: hsl(var(--bulma-info-h), var(--bulma-info-s), var(--bulma-info-85-l)) !important; +} + +.has-background-info-85 { + background-color: hsl(var(--bulma-info-h), var(--bulma-info-s), var(--bulma-info-85-l)) !important; +} + +.has-text-info-85-invert { + color: hsl(var(--bulma-info-h), var(--bulma-info-s), var(--bulma-info-85-invert-l)) !important; +} + +.has-background-info-85-invert { + background-color: hsl(var(--bulma-info-h), var(--bulma-info-s), var(--bulma-info-85-invert-l)) !important; +} + +.has-text-info-90 { + color: hsl(var(--bulma-info-h), var(--bulma-info-s), var(--bulma-info-90-l)) !important; +} + +.has-background-info-90 { + background-color: hsl(var(--bulma-info-h), var(--bulma-info-s), var(--bulma-info-90-l)) !important; +} + +.has-text-info-90-invert { + color: hsl(var(--bulma-info-h), var(--bulma-info-s), var(--bulma-info-90-invert-l)) !important; +} + +.has-background-info-90-invert { + background-color: hsl(var(--bulma-info-h), var(--bulma-info-s), var(--bulma-info-90-invert-l)) !important; +} + +.has-text-info-95 { + color: hsl(var(--bulma-info-h), var(--bulma-info-s), var(--bulma-info-95-l)) !important; +} + +.has-background-info-95 { + background-color: hsl(var(--bulma-info-h), var(--bulma-info-s), var(--bulma-info-95-l)) !important; +} + +.has-text-info-95-invert { + color: hsl(var(--bulma-info-h), var(--bulma-info-s), var(--bulma-info-95-invert-l)) !important; +} + +.has-background-info-95-invert { + background-color: hsl(var(--bulma-info-h), var(--bulma-info-s), var(--bulma-info-95-invert-l)) !important; +} + +.has-text-info-100 { + color: hsl(var(--bulma-info-h), var(--bulma-info-s), var(--bulma-info-100-l)) !important; +} + +.has-background-info-100 { + background-color: hsl(var(--bulma-info-h), var(--bulma-info-s), var(--bulma-info-100-l)) !important; +} + +.has-text-info-100-invert { + color: hsl(var(--bulma-info-h), var(--bulma-info-s), var(--bulma-info-100-invert-l)) !important; +} + +.has-background-info-100-invert { + background-color: hsl(var(--bulma-info-h), var(--bulma-info-s), var(--bulma-info-100-invert-l)) !important; +} + +a.has-text-info:hover, a.has-text-info:focus-visible, +button.has-text-info:hover, +button.has-text-info:focus-visible, +has-text-info.is-hoverable:hover, +has-text-info.is-hoverable:focus-visible { + color: hsl(var(--bulma-info-h), var(--bulma-info-s), calc(var(--bulma-info-l) + var(--bulma-hover-color-l-delta))) !important; +} +a.has-text-info:active, +button.has-text-info:active, +has-text-info.is-hoverable:active { + color: hsl(var(--bulma-info-h), var(--bulma-info-s), calc(var(--bulma-info-l) + var(--bulma-active-color-l-delta))) !important; +} + +a.has-background-info:hover, a.has-background-info:focus-visible, +button.has-background-info:hover, +button.has-background-info:focus-visible, +has-background-info.is-hoverable:hover, +has-background-info.is-hoverable:focus-visible { + background-color: hsl(var(--bulma-info-h), var(--bulma-info-s), calc(var(--bulma-info-l) + var(--bulma-hover-background-l-delta))) !important; +} +a.has-background-info:active, +button.has-background-info:active, +has-background-info.is-hoverable:active { + background-color: hsl(var(--bulma-info-h), var(--bulma-info-s), calc(var(--bulma-info-l) + var(--bulma-active-background-l-delta))) !important; +} + +.is-palette-info { + --h: var(--bulma-info-h); + --s: var(--bulma-info-s); + --l: var(--bulma-info-l); + --color: hsl(var(--h), var(--s), var(--l)); + --00-l: var(--bulma-info-00-l); + --color-00: hsl(var(--h), var(--s), var(--00-l)); + --05-l: var(--bulma-info-05-l); + --color-05: hsl(var(--h), var(--s), var(--05-l)); + --10-l: var(--bulma-info-10-l); + --color-10: hsl(var(--h), var(--s), var(--10-l)); + --15-l: var(--bulma-info-15-l); + --color-15: hsl(var(--h), var(--s), var(--15-l)); + --20-l: var(--bulma-info-20-l); + --color-20: hsl(var(--h), var(--s), var(--20-l)); + --25-l: var(--bulma-info-25-l); + --color-25: hsl(var(--h), var(--s), var(--25-l)); + --30-l: var(--bulma-info-30-l); + --color-30: hsl(var(--h), var(--s), var(--30-l)); + --35-l: var(--bulma-info-35-l); + --color-35: hsl(var(--h), var(--s), var(--35-l)); + --40-l: var(--bulma-info-40-l); + --color-40: hsl(var(--h), var(--s), var(--40-l)); + --45-l: var(--bulma-info-45-l); + --color-45: hsl(var(--h), var(--s), var(--45-l)); + --50-l: var(--bulma-info-50-l); + --color-50: hsl(var(--h), var(--s), var(--50-l)); + --55-l: var(--bulma-info-55-l); + --color-55: hsl(var(--h), var(--s), var(--55-l)); + --60-l: var(--bulma-info-60-l); + --color-60: hsl(var(--h), var(--s), var(--60-l)); + --65-l: var(--bulma-info-65-l); + --color-65: hsl(var(--h), var(--s), var(--65-l)); + --70-l: var(--bulma-info-70-l); + --color-70: hsl(var(--h), var(--s), var(--70-l)); + --75-l: var(--bulma-info-75-l); + --color-75: hsl(var(--h), var(--s), var(--75-l)); + --80-l: var(--bulma-info-80-l); + --color-80: hsl(var(--h), var(--s), var(--80-l)); + --85-l: var(--bulma-info-85-l); + --color-85: hsl(var(--h), var(--s), var(--85-l)); + --90-l: var(--bulma-info-90-l); + --color-90: hsl(var(--h), var(--s), var(--90-l)); + --95-l: var(--bulma-info-95-l); + --color-95: hsl(var(--h), var(--s), var(--95-l)); + --100-l: var(--bulma-info-100-l); + --color-100: hsl(var(--h), var(--s), var(--100-l)); +} + +.has-text-success { + color: hsl(var(--bulma-success-h), var(--bulma-success-s), var(--bulma-success-l)) !important; +} + +.has-background-success { + background-color: hsl(var(--bulma-success-h), var(--bulma-success-s), var(--bulma-success-l)) !important; +} + +.has-text-success-invert { + color: hsl(var(--bulma-success-h), var(--bulma-success-s), var(--bulma-success-invert-l)) !important; +} + +.has-background-success-invert { + background-color: hsl(var(--bulma-success-h), var(--bulma-success-s), var(--bulma-success-invert-l)) !important; +} + +.has-text-success-on-scheme { + color: hsl(var(--bulma-success-h), var(--bulma-success-s), var(--bulma-success-on-scheme-l)) !important; +} + +.has-background-success-on-scheme { + background-color: hsl(var(--bulma-success-h), var(--bulma-success-s), var(--bulma-success-on-scheme-l)) !important; +} + +.has-text-success-light { + color: hsl(var(--bulma-success-h), var(--bulma-success-s), var(--bulma-success-light-l)) !important; +} + +.has-background-success-light { + background-color: hsl(var(--bulma-success-h), var(--bulma-success-s), var(--bulma-success-light-l)) !important; +} + +.has-text-success-light-invert { + color: hsl(var(--bulma-success-h), var(--bulma-success-s), var(--bulma-success-light-invert-l)) !important; +} + +.has-background-success-light-invert { + background-color: hsl(var(--bulma-success-h), var(--bulma-success-s), var(--bulma-success-light-invert-l)) !important; +} + +.has-text-success-dark { + color: hsl(var(--bulma-success-h), var(--bulma-success-s), var(--bulma-success-dark-l)) !important; +} + +.has-background-success-dark { + background-color: hsl(var(--bulma-success-h), var(--bulma-success-s), var(--bulma-success-dark-l)) !important; +} + +.has-text-success-dark-invert { + color: hsl(var(--bulma-success-h), var(--bulma-success-s), var(--bulma-success-dark-invert-l)) !important; +} + +.has-background-success-dark-invert { + background-color: hsl(var(--bulma-success-h), var(--bulma-success-s), var(--bulma-success-dark-invert-l)) !important; +} + +.has-text-success-soft { + color: hsl(var(--bulma-success-h), var(--bulma-success-s), var(--bulma-soft-l)) !important; +} + +.has-background-success-soft { + background-color: hsl(var(--bulma-success-h), var(--bulma-success-s), var(--bulma-soft-l)) !important; +} + +.has-text-success-bold { + color: hsl(var(--bulma-success-h), var(--bulma-success-s), var(--bulma-bold-l)) !important; +} + +.has-background-success-bold { + background-color: hsl(var(--bulma-success-h), var(--bulma-success-s), var(--bulma-bold-l)) !important; +} + +.has-text-success-soft-invert { + color: hsl(var(--bulma-success-h), var(--bulma-success-s), var(--bulma-soft-invert-l)) !important; +} + +.has-background-success-soft-invert { + background-color: hsl(var(--bulma-success-h), var(--bulma-success-s), var(--bulma-soft-invert-l)) !important; +} + +.has-text-success-bold-invert { + color: hsl(var(--bulma-success-h), var(--bulma-success-s), var(--bulma-bold-invert-l)) !important; +} + +.has-background-success-bold-invert { + background-color: hsl(var(--bulma-success-h), var(--bulma-success-s), var(--bulma-bold-invert-l)) !important; +} + +.has-text-success-00 { + color: hsl(var(--bulma-success-h), var(--bulma-success-s), var(--bulma-success-00-l)) !important; +} + +.has-background-success-00 { + background-color: hsl(var(--bulma-success-h), var(--bulma-success-s), var(--bulma-success-00-l)) !important; +} + +.has-text-success-00-invert { + color: hsl(var(--bulma-success-h), var(--bulma-success-s), var(--bulma-success-00-invert-l)) !important; +} + +.has-background-success-00-invert { + background-color: hsl(var(--bulma-success-h), var(--bulma-success-s), var(--bulma-success-00-invert-l)) !important; +} + +.has-text-success-05 { + color: hsl(var(--bulma-success-h), var(--bulma-success-s), var(--bulma-success-05-l)) !important; +} + +.has-background-success-05 { + background-color: hsl(var(--bulma-success-h), var(--bulma-success-s), var(--bulma-success-05-l)) !important; +} + +.has-text-success-05-invert { + color: hsl(var(--bulma-success-h), var(--bulma-success-s), var(--bulma-success-05-invert-l)) !important; +} + +.has-background-success-05-invert { + background-color: hsl(var(--bulma-success-h), var(--bulma-success-s), var(--bulma-success-05-invert-l)) !important; +} + +.has-text-success-10 { + color: hsl(var(--bulma-success-h), var(--bulma-success-s), var(--bulma-success-10-l)) !important; +} + +.has-background-success-10 { + background-color: hsl(var(--bulma-success-h), var(--bulma-success-s), var(--bulma-success-10-l)) !important; +} + +.has-text-success-10-invert { + color: hsl(var(--bulma-success-h), var(--bulma-success-s), var(--bulma-success-10-invert-l)) !important; +} + +.has-background-success-10-invert { + background-color: hsl(var(--bulma-success-h), var(--bulma-success-s), var(--bulma-success-10-invert-l)) !important; +} + +.has-text-success-15 { + color: hsl(var(--bulma-success-h), var(--bulma-success-s), var(--bulma-success-15-l)) !important; +} + +.has-background-success-15 { + background-color: hsl(var(--bulma-success-h), var(--bulma-success-s), var(--bulma-success-15-l)) !important; +} + +.has-text-success-15-invert { + color: hsl(var(--bulma-success-h), var(--bulma-success-s), var(--bulma-success-15-invert-l)) !important; +} + +.has-background-success-15-invert { + background-color: hsl(var(--bulma-success-h), var(--bulma-success-s), var(--bulma-success-15-invert-l)) !important; +} + +.has-text-success-20 { + color: hsl(var(--bulma-success-h), var(--bulma-success-s), var(--bulma-success-20-l)) !important; +} + +.has-background-success-20 { + background-color: hsl(var(--bulma-success-h), var(--bulma-success-s), var(--bulma-success-20-l)) !important; +} + +.has-text-success-20-invert { + color: hsl(var(--bulma-success-h), var(--bulma-success-s), var(--bulma-success-20-invert-l)) !important; +} + +.has-background-success-20-invert { + background-color: hsl(var(--bulma-success-h), var(--bulma-success-s), var(--bulma-success-20-invert-l)) !important; +} + +.has-text-success-25 { + color: hsl(var(--bulma-success-h), var(--bulma-success-s), var(--bulma-success-25-l)) !important; +} + +.has-background-success-25 { + background-color: hsl(var(--bulma-success-h), var(--bulma-success-s), var(--bulma-success-25-l)) !important; +} + +.has-text-success-25-invert { + color: hsl(var(--bulma-success-h), var(--bulma-success-s), var(--bulma-success-25-invert-l)) !important; +} + +.has-background-success-25-invert { + background-color: hsl(var(--bulma-success-h), var(--bulma-success-s), var(--bulma-success-25-invert-l)) !important; +} + +.has-text-success-30 { + color: hsl(var(--bulma-success-h), var(--bulma-success-s), var(--bulma-success-30-l)) !important; +} + +.has-background-success-30 { + background-color: hsl(var(--bulma-success-h), var(--bulma-success-s), var(--bulma-success-30-l)) !important; +} + +.has-text-success-30-invert { + color: hsl(var(--bulma-success-h), var(--bulma-success-s), var(--bulma-success-30-invert-l)) !important; +} + +.has-background-success-30-invert { + background-color: hsl(var(--bulma-success-h), var(--bulma-success-s), var(--bulma-success-30-invert-l)) !important; +} + +.has-text-success-35 { + color: hsl(var(--bulma-success-h), var(--bulma-success-s), var(--bulma-success-35-l)) !important; +} + +.has-background-success-35 { + background-color: hsl(var(--bulma-success-h), var(--bulma-success-s), var(--bulma-success-35-l)) !important; +} + +.has-text-success-35-invert { + color: hsl(var(--bulma-success-h), var(--bulma-success-s), var(--bulma-success-35-invert-l)) !important; +} + +.has-background-success-35-invert { + background-color: hsl(var(--bulma-success-h), var(--bulma-success-s), var(--bulma-success-35-invert-l)) !important; +} + +.has-text-success-40 { + color: hsl(var(--bulma-success-h), var(--bulma-success-s), var(--bulma-success-40-l)) !important; +} + +.has-background-success-40 { + background-color: hsl(var(--bulma-success-h), var(--bulma-success-s), var(--bulma-success-40-l)) !important; +} + +.has-text-success-40-invert { + color: hsl(var(--bulma-success-h), var(--bulma-success-s), var(--bulma-success-40-invert-l)) !important; +} + +.has-background-success-40-invert { + background-color: hsl(var(--bulma-success-h), var(--bulma-success-s), var(--bulma-success-40-invert-l)) !important; +} + +.has-text-success-45 { + color: hsl(var(--bulma-success-h), var(--bulma-success-s), var(--bulma-success-45-l)) !important; +} + +.has-background-success-45 { + background-color: hsl(var(--bulma-success-h), var(--bulma-success-s), var(--bulma-success-45-l)) !important; +} + +.has-text-success-45-invert { + color: hsl(var(--bulma-success-h), var(--bulma-success-s), var(--bulma-success-45-invert-l)) !important; +} + +.has-background-success-45-invert { + background-color: hsl(var(--bulma-success-h), var(--bulma-success-s), var(--bulma-success-45-invert-l)) !important; +} + +.has-text-success-50 { + color: hsl(var(--bulma-success-h), var(--bulma-success-s), var(--bulma-success-50-l)) !important; +} + +.has-background-success-50 { + background-color: hsl(var(--bulma-success-h), var(--bulma-success-s), var(--bulma-success-50-l)) !important; +} + +.has-text-success-50-invert { + color: hsl(var(--bulma-success-h), var(--bulma-success-s), var(--bulma-success-50-invert-l)) !important; +} + +.has-background-success-50-invert { + background-color: hsl(var(--bulma-success-h), var(--bulma-success-s), var(--bulma-success-50-invert-l)) !important; +} + +.has-text-success-55 { + color: hsl(var(--bulma-success-h), var(--bulma-success-s), var(--bulma-success-55-l)) !important; +} + +.has-background-success-55 { + background-color: hsl(var(--bulma-success-h), var(--bulma-success-s), var(--bulma-success-55-l)) !important; +} + +.has-text-success-55-invert { + color: hsl(var(--bulma-success-h), var(--bulma-success-s), var(--bulma-success-55-invert-l)) !important; +} + +.has-background-success-55-invert { + background-color: hsl(var(--bulma-success-h), var(--bulma-success-s), var(--bulma-success-55-invert-l)) !important; +} + +.has-text-success-60 { + color: hsl(var(--bulma-success-h), var(--bulma-success-s), var(--bulma-success-60-l)) !important; +} + +.has-background-success-60 { + background-color: hsl(var(--bulma-success-h), var(--bulma-success-s), var(--bulma-success-60-l)) !important; +} + +.has-text-success-60-invert { + color: hsl(var(--bulma-success-h), var(--bulma-success-s), var(--bulma-success-60-invert-l)) !important; +} + +.has-background-success-60-invert { + background-color: hsl(var(--bulma-success-h), var(--bulma-success-s), var(--bulma-success-60-invert-l)) !important; +} + +.has-text-success-65 { + color: hsl(var(--bulma-success-h), var(--bulma-success-s), var(--bulma-success-65-l)) !important; +} + +.has-background-success-65 { + background-color: hsl(var(--bulma-success-h), var(--bulma-success-s), var(--bulma-success-65-l)) !important; +} + +.has-text-success-65-invert { + color: hsl(var(--bulma-success-h), var(--bulma-success-s), var(--bulma-success-65-invert-l)) !important; +} + +.has-background-success-65-invert { + background-color: hsl(var(--bulma-success-h), var(--bulma-success-s), var(--bulma-success-65-invert-l)) !important; +} + +.has-text-success-70 { + color: hsl(var(--bulma-success-h), var(--bulma-success-s), var(--bulma-success-70-l)) !important; +} + +.has-background-success-70 { + background-color: hsl(var(--bulma-success-h), var(--bulma-success-s), var(--bulma-success-70-l)) !important; +} + +.has-text-success-70-invert { + color: hsl(var(--bulma-success-h), var(--bulma-success-s), var(--bulma-success-70-invert-l)) !important; +} + +.has-background-success-70-invert { + background-color: hsl(var(--bulma-success-h), var(--bulma-success-s), var(--bulma-success-70-invert-l)) !important; +} + +.has-text-success-75 { + color: hsl(var(--bulma-success-h), var(--bulma-success-s), var(--bulma-success-75-l)) !important; +} + +.has-background-success-75 { + background-color: hsl(var(--bulma-success-h), var(--bulma-success-s), var(--bulma-success-75-l)) !important; +} + +.has-text-success-75-invert { + color: hsl(var(--bulma-success-h), var(--bulma-success-s), var(--bulma-success-75-invert-l)) !important; +} + +.has-background-success-75-invert { + background-color: hsl(var(--bulma-success-h), var(--bulma-success-s), var(--bulma-success-75-invert-l)) !important; +} + +.has-text-success-80 { + color: hsl(var(--bulma-success-h), var(--bulma-success-s), var(--bulma-success-80-l)) !important; +} + +.has-background-success-80 { + background-color: hsl(var(--bulma-success-h), var(--bulma-success-s), var(--bulma-success-80-l)) !important; +} + +.has-text-success-80-invert { + color: hsl(var(--bulma-success-h), var(--bulma-success-s), var(--bulma-success-80-invert-l)) !important; +} + +.has-background-success-80-invert { + background-color: hsl(var(--bulma-success-h), var(--bulma-success-s), var(--bulma-success-80-invert-l)) !important; +} + +.has-text-success-85 { + color: hsl(var(--bulma-success-h), var(--bulma-success-s), var(--bulma-success-85-l)) !important; +} + +.has-background-success-85 { + background-color: hsl(var(--bulma-success-h), var(--bulma-success-s), var(--bulma-success-85-l)) !important; +} + +.has-text-success-85-invert { + color: hsl(var(--bulma-success-h), var(--bulma-success-s), var(--bulma-success-85-invert-l)) !important; +} + +.has-background-success-85-invert { + background-color: hsl(var(--bulma-success-h), var(--bulma-success-s), var(--bulma-success-85-invert-l)) !important; +} + +.has-text-success-90 { + color: hsl(var(--bulma-success-h), var(--bulma-success-s), var(--bulma-success-90-l)) !important; +} + +.has-background-success-90 { + background-color: hsl(var(--bulma-success-h), var(--bulma-success-s), var(--bulma-success-90-l)) !important; +} + +.has-text-success-90-invert { + color: hsl(var(--bulma-success-h), var(--bulma-success-s), var(--bulma-success-90-invert-l)) !important; +} + +.has-background-success-90-invert { + background-color: hsl(var(--bulma-success-h), var(--bulma-success-s), var(--bulma-success-90-invert-l)) !important; +} + +.has-text-success-95 { + color: hsl(var(--bulma-success-h), var(--bulma-success-s), var(--bulma-success-95-l)) !important; +} + +.has-background-success-95 { + background-color: hsl(var(--bulma-success-h), var(--bulma-success-s), var(--bulma-success-95-l)) !important; +} + +.has-text-success-95-invert { + color: hsl(var(--bulma-success-h), var(--bulma-success-s), var(--bulma-success-95-invert-l)) !important; +} + +.has-background-success-95-invert { + background-color: hsl(var(--bulma-success-h), var(--bulma-success-s), var(--bulma-success-95-invert-l)) !important; +} + +.has-text-success-100 { + color: hsl(var(--bulma-success-h), var(--bulma-success-s), var(--bulma-success-100-l)) !important; +} + +.has-background-success-100 { + background-color: hsl(var(--bulma-success-h), var(--bulma-success-s), var(--bulma-success-100-l)) !important; +} + +.has-text-success-100-invert { + color: hsl(var(--bulma-success-h), var(--bulma-success-s), var(--bulma-success-100-invert-l)) !important; +} + +.has-background-success-100-invert { + background-color: hsl(var(--bulma-success-h), var(--bulma-success-s), var(--bulma-success-100-invert-l)) !important; +} + +a.has-text-success:hover, a.has-text-success:focus-visible, +button.has-text-success:hover, +button.has-text-success:focus-visible, +has-text-success.is-hoverable:hover, +has-text-success.is-hoverable:focus-visible { + color: hsl(var(--bulma-success-h), var(--bulma-success-s), calc(var(--bulma-success-l) + var(--bulma-hover-color-l-delta))) !important; +} +a.has-text-success:active, +button.has-text-success:active, +has-text-success.is-hoverable:active { + color: hsl(var(--bulma-success-h), var(--bulma-success-s), calc(var(--bulma-success-l) + var(--bulma-active-color-l-delta))) !important; +} + +a.has-background-success:hover, a.has-background-success:focus-visible, +button.has-background-success:hover, +button.has-background-success:focus-visible, +has-background-success.is-hoverable:hover, +has-background-success.is-hoverable:focus-visible { + background-color: hsl(var(--bulma-success-h), var(--bulma-success-s), calc(var(--bulma-success-l) + var(--bulma-hover-background-l-delta))) !important; +} +a.has-background-success:active, +button.has-background-success:active, +has-background-success.is-hoverable:active { + background-color: hsl(var(--bulma-success-h), var(--bulma-success-s), calc(var(--bulma-success-l) + var(--bulma-active-background-l-delta))) !important; +} + +.is-palette-success { + --h: var(--bulma-success-h); + --s: var(--bulma-success-s); + --l: var(--bulma-success-l); + --color: hsl(var(--h), var(--s), var(--l)); + --00-l: var(--bulma-success-00-l); + --color-00: hsl(var(--h), var(--s), var(--00-l)); + --05-l: var(--bulma-success-05-l); + --color-05: hsl(var(--h), var(--s), var(--05-l)); + --10-l: var(--bulma-success-10-l); + --color-10: hsl(var(--h), var(--s), var(--10-l)); + --15-l: var(--bulma-success-15-l); + --color-15: hsl(var(--h), var(--s), var(--15-l)); + --20-l: var(--bulma-success-20-l); + --color-20: hsl(var(--h), var(--s), var(--20-l)); + --25-l: var(--bulma-success-25-l); + --color-25: hsl(var(--h), var(--s), var(--25-l)); + --30-l: var(--bulma-success-30-l); + --color-30: hsl(var(--h), var(--s), var(--30-l)); + --35-l: var(--bulma-success-35-l); + --color-35: hsl(var(--h), var(--s), var(--35-l)); + --40-l: var(--bulma-success-40-l); + --color-40: hsl(var(--h), var(--s), var(--40-l)); + --45-l: var(--bulma-success-45-l); + --color-45: hsl(var(--h), var(--s), var(--45-l)); + --50-l: var(--bulma-success-50-l); + --color-50: hsl(var(--h), var(--s), var(--50-l)); + --55-l: var(--bulma-success-55-l); + --color-55: hsl(var(--h), var(--s), var(--55-l)); + --60-l: var(--bulma-success-60-l); + --color-60: hsl(var(--h), var(--s), var(--60-l)); + --65-l: var(--bulma-success-65-l); + --color-65: hsl(var(--h), var(--s), var(--65-l)); + --70-l: var(--bulma-success-70-l); + --color-70: hsl(var(--h), var(--s), var(--70-l)); + --75-l: var(--bulma-success-75-l); + --color-75: hsl(var(--h), var(--s), var(--75-l)); + --80-l: var(--bulma-success-80-l); + --color-80: hsl(var(--h), var(--s), var(--80-l)); + --85-l: var(--bulma-success-85-l); + --color-85: hsl(var(--h), var(--s), var(--85-l)); + --90-l: var(--bulma-success-90-l); + --color-90: hsl(var(--h), var(--s), var(--90-l)); + --95-l: var(--bulma-success-95-l); + --color-95: hsl(var(--h), var(--s), var(--95-l)); + --100-l: var(--bulma-success-100-l); + --color-100: hsl(var(--h), var(--s), var(--100-l)); +} + +.has-text-warning { + color: hsl(var(--bulma-warning-h), var(--bulma-warning-s), var(--bulma-warning-l)) !important; +} + +.has-background-warning { + background-color: hsl(var(--bulma-warning-h), var(--bulma-warning-s), var(--bulma-warning-l)) !important; +} + +.has-text-warning-invert { + color: hsl(var(--bulma-warning-h), var(--bulma-warning-s), var(--bulma-warning-invert-l)) !important; +} + +.has-background-warning-invert { + background-color: hsl(var(--bulma-warning-h), var(--bulma-warning-s), var(--bulma-warning-invert-l)) !important; +} + +.has-text-warning-on-scheme { + color: hsl(var(--bulma-warning-h), var(--bulma-warning-s), var(--bulma-warning-on-scheme-l)) !important; +} + +.has-background-warning-on-scheme { + background-color: hsl(var(--bulma-warning-h), var(--bulma-warning-s), var(--bulma-warning-on-scheme-l)) !important; +} + +.has-text-warning-light { + color: hsl(var(--bulma-warning-h), var(--bulma-warning-s), var(--bulma-warning-light-l)) !important; +} + +.has-background-warning-light { + background-color: hsl(var(--bulma-warning-h), var(--bulma-warning-s), var(--bulma-warning-light-l)) !important; +} + +.has-text-warning-light-invert { + color: hsl(var(--bulma-warning-h), var(--bulma-warning-s), var(--bulma-warning-light-invert-l)) !important; +} + +.has-background-warning-light-invert { + background-color: hsl(var(--bulma-warning-h), var(--bulma-warning-s), var(--bulma-warning-light-invert-l)) !important; +} + +.has-text-warning-dark { + color: hsl(var(--bulma-warning-h), var(--bulma-warning-s), var(--bulma-warning-dark-l)) !important; +} + +.has-background-warning-dark { + background-color: hsl(var(--bulma-warning-h), var(--bulma-warning-s), var(--bulma-warning-dark-l)) !important; +} + +.has-text-warning-dark-invert { + color: hsl(var(--bulma-warning-h), var(--bulma-warning-s), var(--bulma-warning-dark-invert-l)) !important; +} + +.has-background-warning-dark-invert { + background-color: hsl(var(--bulma-warning-h), var(--bulma-warning-s), var(--bulma-warning-dark-invert-l)) !important; +} + +.has-text-warning-soft { + color: hsl(var(--bulma-warning-h), var(--bulma-warning-s), var(--bulma-soft-l)) !important; +} + +.has-background-warning-soft { + background-color: hsl(var(--bulma-warning-h), var(--bulma-warning-s), var(--bulma-soft-l)) !important; +} + +.has-text-warning-bold { + color: hsl(var(--bulma-warning-h), var(--bulma-warning-s), var(--bulma-bold-l)) !important; +} + +.has-background-warning-bold { + background-color: hsl(var(--bulma-warning-h), var(--bulma-warning-s), var(--bulma-bold-l)) !important; +} + +.has-text-warning-soft-invert { + color: hsl(var(--bulma-warning-h), var(--bulma-warning-s), var(--bulma-soft-invert-l)) !important; +} + +.has-background-warning-soft-invert { + background-color: hsl(var(--bulma-warning-h), var(--bulma-warning-s), var(--bulma-soft-invert-l)) !important; +} + +.has-text-warning-bold-invert { + color: hsl(var(--bulma-warning-h), var(--bulma-warning-s), var(--bulma-bold-invert-l)) !important; +} + +.has-background-warning-bold-invert { + background-color: hsl(var(--bulma-warning-h), var(--bulma-warning-s), var(--bulma-bold-invert-l)) !important; +} + +.has-text-warning-00 { + color: hsl(var(--bulma-warning-h), var(--bulma-warning-s), var(--bulma-warning-00-l)) !important; +} + +.has-background-warning-00 { + background-color: hsl(var(--bulma-warning-h), var(--bulma-warning-s), var(--bulma-warning-00-l)) !important; +} + +.has-text-warning-00-invert { + color: hsl(var(--bulma-warning-h), var(--bulma-warning-s), var(--bulma-warning-00-invert-l)) !important; +} + +.has-background-warning-00-invert { + background-color: hsl(var(--bulma-warning-h), var(--bulma-warning-s), var(--bulma-warning-00-invert-l)) !important; +} + +.has-text-warning-05 { + color: hsl(var(--bulma-warning-h), var(--bulma-warning-s), var(--bulma-warning-05-l)) !important; +} + +.has-background-warning-05 { + background-color: hsl(var(--bulma-warning-h), var(--bulma-warning-s), var(--bulma-warning-05-l)) !important; +} + +.has-text-warning-05-invert { + color: hsl(var(--bulma-warning-h), var(--bulma-warning-s), var(--bulma-warning-05-invert-l)) !important; +} + +.has-background-warning-05-invert { + background-color: hsl(var(--bulma-warning-h), var(--bulma-warning-s), var(--bulma-warning-05-invert-l)) !important; +} + +.has-text-warning-10 { + color: hsl(var(--bulma-warning-h), var(--bulma-warning-s), var(--bulma-warning-10-l)) !important; +} + +.has-background-warning-10 { + background-color: hsl(var(--bulma-warning-h), var(--bulma-warning-s), var(--bulma-warning-10-l)) !important; +} + +.has-text-warning-10-invert { + color: hsl(var(--bulma-warning-h), var(--bulma-warning-s), var(--bulma-warning-10-invert-l)) !important; +} + +.has-background-warning-10-invert { + background-color: hsl(var(--bulma-warning-h), var(--bulma-warning-s), var(--bulma-warning-10-invert-l)) !important; +} + +.has-text-warning-15 { + color: hsl(var(--bulma-warning-h), var(--bulma-warning-s), var(--bulma-warning-15-l)) !important; +} + +.has-background-warning-15 { + background-color: hsl(var(--bulma-warning-h), var(--bulma-warning-s), var(--bulma-warning-15-l)) !important; +} + +.has-text-warning-15-invert { + color: hsl(var(--bulma-warning-h), var(--bulma-warning-s), var(--bulma-warning-15-invert-l)) !important; +} + +.has-background-warning-15-invert { + background-color: hsl(var(--bulma-warning-h), var(--bulma-warning-s), var(--bulma-warning-15-invert-l)) !important; +} + +.has-text-warning-20 { + color: hsl(var(--bulma-warning-h), var(--bulma-warning-s), var(--bulma-warning-20-l)) !important; +} + +.has-background-warning-20 { + background-color: hsl(var(--bulma-warning-h), var(--bulma-warning-s), var(--bulma-warning-20-l)) !important; +} + +.has-text-warning-20-invert { + color: hsl(var(--bulma-warning-h), var(--bulma-warning-s), var(--bulma-warning-20-invert-l)) !important; +} + +.has-background-warning-20-invert { + background-color: hsl(var(--bulma-warning-h), var(--bulma-warning-s), var(--bulma-warning-20-invert-l)) !important; +} + +.has-text-warning-25 { + color: hsl(var(--bulma-warning-h), var(--bulma-warning-s), var(--bulma-warning-25-l)) !important; +} + +.has-background-warning-25 { + background-color: hsl(var(--bulma-warning-h), var(--bulma-warning-s), var(--bulma-warning-25-l)) !important; +} + +.has-text-warning-25-invert { + color: hsl(var(--bulma-warning-h), var(--bulma-warning-s), var(--bulma-warning-25-invert-l)) !important; +} + +.has-background-warning-25-invert { + background-color: hsl(var(--bulma-warning-h), var(--bulma-warning-s), var(--bulma-warning-25-invert-l)) !important; +} + +.has-text-warning-30 { + color: hsl(var(--bulma-warning-h), var(--bulma-warning-s), var(--bulma-warning-30-l)) !important; +} + +.has-background-warning-30 { + background-color: hsl(var(--bulma-warning-h), var(--bulma-warning-s), var(--bulma-warning-30-l)) !important; +} + +.has-text-warning-30-invert { + color: hsl(var(--bulma-warning-h), var(--bulma-warning-s), var(--bulma-warning-30-invert-l)) !important; +} + +.has-background-warning-30-invert { + background-color: hsl(var(--bulma-warning-h), var(--bulma-warning-s), var(--bulma-warning-30-invert-l)) !important; +} + +.has-text-warning-35 { + color: hsl(var(--bulma-warning-h), var(--bulma-warning-s), var(--bulma-warning-35-l)) !important; +} + +.has-background-warning-35 { + background-color: hsl(var(--bulma-warning-h), var(--bulma-warning-s), var(--bulma-warning-35-l)) !important; +} + +.has-text-warning-35-invert { + color: hsl(var(--bulma-warning-h), var(--bulma-warning-s), var(--bulma-warning-35-invert-l)) !important; +} + +.has-background-warning-35-invert { + background-color: hsl(var(--bulma-warning-h), var(--bulma-warning-s), var(--bulma-warning-35-invert-l)) !important; +} + +.has-text-warning-40 { + color: hsl(var(--bulma-warning-h), var(--bulma-warning-s), var(--bulma-warning-40-l)) !important; +} + +.has-background-warning-40 { + background-color: hsl(var(--bulma-warning-h), var(--bulma-warning-s), var(--bulma-warning-40-l)) !important; +} + +.has-text-warning-40-invert { + color: hsl(var(--bulma-warning-h), var(--bulma-warning-s), var(--bulma-warning-40-invert-l)) !important; +} + +.has-background-warning-40-invert { + background-color: hsl(var(--bulma-warning-h), var(--bulma-warning-s), var(--bulma-warning-40-invert-l)) !important; +} + +.has-text-warning-45 { + color: hsl(var(--bulma-warning-h), var(--bulma-warning-s), var(--bulma-warning-45-l)) !important; +} + +.has-background-warning-45 { + background-color: hsl(var(--bulma-warning-h), var(--bulma-warning-s), var(--bulma-warning-45-l)) !important; +} + +.has-text-warning-45-invert { + color: hsl(var(--bulma-warning-h), var(--bulma-warning-s), var(--bulma-warning-45-invert-l)) !important; +} + +.has-background-warning-45-invert { + background-color: hsl(var(--bulma-warning-h), var(--bulma-warning-s), var(--bulma-warning-45-invert-l)) !important; +} + +.has-text-warning-50 { + color: hsl(var(--bulma-warning-h), var(--bulma-warning-s), var(--bulma-warning-50-l)) !important; +} + +.has-background-warning-50 { + background-color: hsl(var(--bulma-warning-h), var(--bulma-warning-s), var(--bulma-warning-50-l)) !important; +} + +.has-text-warning-50-invert { + color: hsl(var(--bulma-warning-h), var(--bulma-warning-s), var(--bulma-warning-50-invert-l)) !important; +} + +.has-background-warning-50-invert { + background-color: hsl(var(--bulma-warning-h), var(--bulma-warning-s), var(--bulma-warning-50-invert-l)) !important; +} + +.has-text-warning-55 { + color: hsl(var(--bulma-warning-h), var(--bulma-warning-s), var(--bulma-warning-55-l)) !important; +} + +.has-background-warning-55 { + background-color: hsl(var(--bulma-warning-h), var(--bulma-warning-s), var(--bulma-warning-55-l)) !important; +} + +.has-text-warning-55-invert { + color: hsl(var(--bulma-warning-h), var(--bulma-warning-s), var(--bulma-warning-55-invert-l)) !important; +} + +.has-background-warning-55-invert { + background-color: hsl(var(--bulma-warning-h), var(--bulma-warning-s), var(--bulma-warning-55-invert-l)) !important; +} + +.has-text-warning-60 { + color: hsl(var(--bulma-warning-h), var(--bulma-warning-s), var(--bulma-warning-60-l)) !important; +} + +.has-background-warning-60 { + background-color: hsl(var(--bulma-warning-h), var(--bulma-warning-s), var(--bulma-warning-60-l)) !important; +} + +.has-text-warning-60-invert { + color: hsl(var(--bulma-warning-h), var(--bulma-warning-s), var(--bulma-warning-60-invert-l)) !important; +} + +.has-background-warning-60-invert { + background-color: hsl(var(--bulma-warning-h), var(--bulma-warning-s), var(--bulma-warning-60-invert-l)) !important; +} + +.has-text-warning-65 { + color: hsl(var(--bulma-warning-h), var(--bulma-warning-s), var(--bulma-warning-65-l)) !important; +} + +.has-background-warning-65 { + background-color: hsl(var(--bulma-warning-h), var(--bulma-warning-s), var(--bulma-warning-65-l)) !important; +} + +.has-text-warning-65-invert { + color: hsl(var(--bulma-warning-h), var(--bulma-warning-s), var(--bulma-warning-65-invert-l)) !important; +} + +.has-background-warning-65-invert { + background-color: hsl(var(--bulma-warning-h), var(--bulma-warning-s), var(--bulma-warning-65-invert-l)) !important; +} + +.has-text-warning-70 { + color: hsl(var(--bulma-warning-h), var(--bulma-warning-s), var(--bulma-warning-70-l)) !important; +} + +.has-background-warning-70 { + background-color: hsl(var(--bulma-warning-h), var(--bulma-warning-s), var(--bulma-warning-70-l)) !important; +} + +.has-text-warning-70-invert { + color: hsl(var(--bulma-warning-h), var(--bulma-warning-s), var(--bulma-warning-70-invert-l)) !important; +} + +.has-background-warning-70-invert { + background-color: hsl(var(--bulma-warning-h), var(--bulma-warning-s), var(--bulma-warning-70-invert-l)) !important; +} + +.has-text-warning-75 { + color: hsl(var(--bulma-warning-h), var(--bulma-warning-s), var(--bulma-warning-75-l)) !important; +} + +.has-background-warning-75 { + background-color: hsl(var(--bulma-warning-h), var(--bulma-warning-s), var(--bulma-warning-75-l)) !important; +} + +.has-text-warning-75-invert { + color: hsl(var(--bulma-warning-h), var(--bulma-warning-s), var(--bulma-warning-75-invert-l)) !important; +} + +.has-background-warning-75-invert { + background-color: hsl(var(--bulma-warning-h), var(--bulma-warning-s), var(--bulma-warning-75-invert-l)) !important; +} + +.has-text-warning-80 { + color: hsl(var(--bulma-warning-h), var(--bulma-warning-s), var(--bulma-warning-80-l)) !important; +} + +.has-background-warning-80 { + background-color: hsl(var(--bulma-warning-h), var(--bulma-warning-s), var(--bulma-warning-80-l)) !important; +} + +.has-text-warning-80-invert { + color: hsl(var(--bulma-warning-h), var(--bulma-warning-s), var(--bulma-warning-80-invert-l)) !important; +} + +.has-background-warning-80-invert { + background-color: hsl(var(--bulma-warning-h), var(--bulma-warning-s), var(--bulma-warning-80-invert-l)) !important; +} + +.has-text-warning-85 { + color: hsl(var(--bulma-warning-h), var(--bulma-warning-s), var(--bulma-warning-85-l)) !important; +} + +.has-background-warning-85 { + background-color: hsl(var(--bulma-warning-h), var(--bulma-warning-s), var(--bulma-warning-85-l)) !important; +} + +.has-text-warning-85-invert { + color: hsl(var(--bulma-warning-h), var(--bulma-warning-s), var(--bulma-warning-85-invert-l)) !important; +} + +.has-background-warning-85-invert { + background-color: hsl(var(--bulma-warning-h), var(--bulma-warning-s), var(--bulma-warning-85-invert-l)) !important; +} + +.has-text-warning-90 { + color: hsl(var(--bulma-warning-h), var(--bulma-warning-s), var(--bulma-warning-90-l)) !important; +} + +.has-background-warning-90 { + background-color: hsl(var(--bulma-warning-h), var(--bulma-warning-s), var(--bulma-warning-90-l)) !important; +} + +.has-text-warning-90-invert { + color: hsl(var(--bulma-warning-h), var(--bulma-warning-s), var(--bulma-warning-90-invert-l)) !important; +} + +.has-background-warning-90-invert { + background-color: hsl(var(--bulma-warning-h), var(--bulma-warning-s), var(--bulma-warning-90-invert-l)) !important; +} + +.has-text-warning-95 { + color: hsl(var(--bulma-warning-h), var(--bulma-warning-s), var(--bulma-warning-95-l)) !important; +} + +.has-background-warning-95 { + background-color: hsl(var(--bulma-warning-h), var(--bulma-warning-s), var(--bulma-warning-95-l)) !important; +} + +.has-text-warning-95-invert { + color: hsl(var(--bulma-warning-h), var(--bulma-warning-s), var(--bulma-warning-95-invert-l)) !important; +} + +.has-background-warning-95-invert { + background-color: hsl(var(--bulma-warning-h), var(--bulma-warning-s), var(--bulma-warning-95-invert-l)) !important; +} + +.has-text-warning-100 { + color: hsl(var(--bulma-warning-h), var(--bulma-warning-s), var(--bulma-warning-100-l)) !important; +} + +.has-background-warning-100 { + background-color: hsl(var(--bulma-warning-h), var(--bulma-warning-s), var(--bulma-warning-100-l)) !important; +} + +.has-text-warning-100-invert { + color: hsl(var(--bulma-warning-h), var(--bulma-warning-s), var(--bulma-warning-100-invert-l)) !important; +} + +.has-background-warning-100-invert { + background-color: hsl(var(--bulma-warning-h), var(--bulma-warning-s), var(--bulma-warning-100-invert-l)) !important; +} + +a.has-text-warning:hover, a.has-text-warning:focus-visible, +button.has-text-warning:hover, +button.has-text-warning:focus-visible, +has-text-warning.is-hoverable:hover, +has-text-warning.is-hoverable:focus-visible { + color: hsl(var(--bulma-warning-h), var(--bulma-warning-s), calc(var(--bulma-warning-l) + var(--bulma-hover-color-l-delta))) !important; +} +a.has-text-warning:active, +button.has-text-warning:active, +has-text-warning.is-hoverable:active { + color: hsl(var(--bulma-warning-h), var(--bulma-warning-s), calc(var(--bulma-warning-l) + var(--bulma-active-color-l-delta))) !important; +} + +a.has-background-warning:hover, a.has-background-warning:focus-visible, +button.has-background-warning:hover, +button.has-background-warning:focus-visible, +has-background-warning.is-hoverable:hover, +has-background-warning.is-hoverable:focus-visible { + background-color: hsl(var(--bulma-warning-h), var(--bulma-warning-s), calc(var(--bulma-warning-l) + var(--bulma-hover-background-l-delta))) !important; +} +a.has-background-warning:active, +button.has-background-warning:active, +has-background-warning.is-hoverable:active { + background-color: hsl(var(--bulma-warning-h), var(--bulma-warning-s), calc(var(--bulma-warning-l) + var(--bulma-active-background-l-delta))) !important; +} + +.is-palette-warning { + --h: var(--bulma-warning-h); + --s: var(--bulma-warning-s); + --l: var(--bulma-warning-l); + --color: hsl(var(--h), var(--s), var(--l)); + --00-l: var(--bulma-warning-00-l); + --color-00: hsl(var(--h), var(--s), var(--00-l)); + --05-l: var(--bulma-warning-05-l); + --color-05: hsl(var(--h), var(--s), var(--05-l)); + --10-l: var(--bulma-warning-10-l); + --color-10: hsl(var(--h), var(--s), var(--10-l)); + --15-l: var(--bulma-warning-15-l); + --color-15: hsl(var(--h), var(--s), var(--15-l)); + --20-l: var(--bulma-warning-20-l); + --color-20: hsl(var(--h), var(--s), var(--20-l)); + --25-l: var(--bulma-warning-25-l); + --color-25: hsl(var(--h), var(--s), var(--25-l)); + --30-l: var(--bulma-warning-30-l); + --color-30: hsl(var(--h), var(--s), var(--30-l)); + --35-l: var(--bulma-warning-35-l); + --color-35: hsl(var(--h), var(--s), var(--35-l)); + --40-l: var(--bulma-warning-40-l); + --color-40: hsl(var(--h), var(--s), var(--40-l)); + --45-l: var(--bulma-warning-45-l); + --color-45: hsl(var(--h), var(--s), var(--45-l)); + --50-l: var(--bulma-warning-50-l); + --color-50: hsl(var(--h), var(--s), var(--50-l)); + --55-l: var(--bulma-warning-55-l); + --color-55: hsl(var(--h), var(--s), var(--55-l)); + --60-l: var(--bulma-warning-60-l); + --color-60: hsl(var(--h), var(--s), var(--60-l)); + --65-l: var(--bulma-warning-65-l); + --color-65: hsl(var(--h), var(--s), var(--65-l)); + --70-l: var(--bulma-warning-70-l); + --color-70: hsl(var(--h), var(--s), var(--70-l)); + --75-l: var(--bulma-warning-75-l); + --color-75: hsl(var(--h), var(--s), var(--75-l)); + --80-l: var(--bulma-warning-80-l); + --color-80: hsl(var(--h), var(--s), var(--80-l)); + --85-l: var(--bulma-warning-85-l); + --color-85: hsl(var(--h), var(--s), var(--85-l)); + --90-l: var(--bulma-warning-90-l); + --color-90: hsl(var(--h), var(--s), var(--90-l)); + --95-l: var(--bulma-warning-95-l); + --color-95: hsl(var(--h), var(--s), var(--95-l)); + --100-l: var(--bulma-warning-100-l); + --color-100: hsl(var(--h), var(--s), var(--100-l)); +} + +.has-text-danger { + color: hsl(var(--bulma-danger-h), var(--bulma-danger-s), var(--bulma-danger-l)) !important; +} + +.has-background-danger { + background-color: hsl(var(--bulma-danger-h), var(--bulma-danger-s), var(--bulma-danger-l)) !important; +} + +.has-text-danger-invert { + color: hsl(var(--bulma-danger-h), var(--bulma-danger-s), var(--bulma-danger-invert-l)) !important; +} + +.has-background-danger-invert { + background-color: hsl(var(--bulma-danger-h), var(--bulma-danger-s), var(--bulma-danger-invert-l)) !important; +} + +.has-text-danger-on-scheme { + color: hsl(var(--bulma-danger-h), var(--bulma-danger-s), var(--bulma-danger-on-scheme-l)) !important; +} + +.has-background-danger-on-scheme { + background-color: hsl(var(--bulma-danger-h), var(--bulma-danger-s), var(--bulma-danger-on-scheme-l)) !important; +} + +.has-text-danger-light { + color: hsl(var(--bulma-danger-h), var(--bulma-danger-s), var(--bulma-danger-light-l)) !important; +} + +.has-background-danger-light { + background-color: hsl(var(--bulma-danger-h), var(--bulma-danger-s), var(--bulma-danger-light-l)) !important; +} + +.has-text-danger-light-invert { + color: hsl(var(--bulma-danger-h), var(--bulma-danger-s), var(--bulma-danger-light-invert-l)) !important; +} + +.has-background-danger-light-invert { + background-color: hsl(var(--bulma-danger-h), var(--bulma-danger-s), var(--bulma-danger-light-invert-l)) !important; +} + +.has-text-danger-dark { + color: hsl(var(--bulma-danger-h), var(--bulma-danger-s), var(--bulma-danger-dark-l)) !important; +} + +.has-background-danger-dark { + background-color: hsl(var(--bulma-danger-h), var(--bulma-danger-s), var(--bulma-danger-dark-l)) !important; +} + +.has-text-danger-dark-invert { + color: hsl(var(--bulma-danger-h), var(--bulma-danger-s), var(--bulma-danger-dark-invert-l)) !important; +} + +.has-background-danger-dark-invert { + background-color: hsl(var(--bulma-danger-h), var(--bulma-danger-s), var(--bulma-danger-dark-invert-l)) !important; +} + +.has-text-danger-soft { + color: hsl(var(--bulma-danger-h), var(--bulma-danger-s), var(--bulma-soft-l)) !important; +} + +.has-background-danger-soft { + background-color: hsl(var(--bulma-danger-h), var(--bulma-danger-s), var(--bulma-soft-l)) !important; +} + +.has-text-danger-bold { + color: hsl(var(--bulma-danger-h), var(--bulma-danger-s), var(--bulma-bold-l)) !important; +} + +.has-background-danger-bold { + background-color: hsl(var(--bulma-danger-h), var(--bulma-danger-s), var(--bulma-bold-l)) !important; +} + +.has-text-danger-soft-invert { + color: hsl(var(--bulma-danger-h), var(--bulma-danger-s), var(--bulma-soft-invert-l)) !important; +} + +.has-background-danger-soft-invert { + background-color: hsl(var(--bulma-danger-h), var(--bulma-danger-s), var(--bulma-soft-invert-l)) !important; +} + +.has-text-danger-bold-invert { + color: hsl(var(--bulma-danger-h), var(--bulma-danger-s), var(--bulma-bold-invert-l)) !important; +} + +.has-background-danger-bold-invert { + background-color: hsl(var(--bulma-danger-h), var(--bulma-danger-s), var(--bulma-bold-invert-l)) !important; +} + +.has-text-danger-00 { + color: hsl(var(--bulma-danger-h), var(--bulma-danger-s), var(--bulma-danger-00-l)) !important; +} + +.has-background-danger-00 { + background-color: hsl(var(--bulma-danger-h), var(--bulma-danger-s), var(--bulma-danger-00-l)) !important; +} + +.has-text-danger-00-invert { + color: hsl(var(--bulma-danger-h), var(--bulma-danger-s), var(--bulma-danger-00-invert-l)) !important; +} + +.has-background-danger-00-invert { + background-color: hsl(var(--bulma-danger-h), var(--bulma-danger-s), var(--bulma-danger-00-invert-l)) !important; +} + +.has-text-danger-05 { + color: hsl(var(--bulma-danger-h), var(--bulma-danger-s), var(--bulma-danger-05-l)) !important; +} + +.has-background-danger-05 { + background-color: hsl(var(--bulma-danger-h), var(--bulma-danger-s), var(--bulma-danger-05-l)) !important; +} + +.has-text-danger-05-invert { + color: hsl(var(--bulma-danger-h), var(--bulma-danger-s), var(--bulma-danger-05-invert-l)) !important; +} + +.has-background-danger-05-invert { + background-color: hsl(var(--bulma-danger-h), var(--bulma-danger-s), var(--bulma-danger-05-invert-l)) !important; +} + +.has-text-danger-10 { + color: hsl(var(--bulma-danger-h), var(--bulma-danger-s), var(--bulma-danger-10-l)) !important; +} + +.has-background-danger-10 { + background-color: hsl(var(--bulma-danger-h), var(--bulma-danger-s), var(--bulma-danger-10-l)) !important; +} + +.has-text-danger-10-invert { + color: hsl(var(--bulma-danger-h), var(--bulma-danger-s), var(--bulma-danger-10-invert-l)) !important; +} + +.has-background-danger-10-invert { + background-color: hsl(var(--bulma-danger-h), var(--bulma-danger-s), var(--bulma-danger-10-invert-l)) !important; +} + +.has-text-danger-15 { + color: hsl(var(--bulma-danger-h), var(--bulma-danger-s), var(--bulma-danger-15-l)) !important; +} + +.has-background-danger-15 { + background-color: hsl(var(--bulma-danger-h), var(--bulma-danger-s), var(--bulma-danger-15-l)) !important; +} + +.has-text-danger-15-invert { + color: hsl(var(--bulma-danger-h), var(--bulma-danger-s), var(--bulma-danger-15-invert-l)) !important; +} + +.has-background-danger-15-invert { + background-color: hsl(var(--bulma-danger-h), var(--bulma-danger-s), var(--bulma-danger-15-invert-l)) !important; +} + +.has-text-danger-20 { + color: hsl(var(--bulma-danger-h), var(--bulma-danger-s), var(--bulma-danger-20-l)) !important; +} + +.has-background-danger-20 { + background-color: hsl(var(--bulma-danger-h), var(--bulma-danger-s), var(--bulma-danger-20-l)) !important; +} + +.has-text-danger-20-invert { + color: hsl(var(--bulma-danger-h), var(--bulma-danger-s), var(--bulma-danger-20-invert-l)) !important; +} + +.has-background-danger-20-invert { + background-color: hsl(var(--bulma-danger-h), var(--bulma-danger-s), var(--bulma-danger-20-invert-l)) !important; +} + +.has-text-danger-25 { + color: hsl(var(--bulma-danger-h), var(--bulma-danger-s), var(--bulma-danger-25-l)) !important; +} + +.has-background-danger-25 { + background-color: hsl(var(--bulma-danger-h), var(--bulma-danger-s), var(--bulma-danger-25-l)) !important; +} + +.has-text-danger-25-invert { + color: hsl(var(--bulma-danger-h), var(--bulma-danger-s), var(--bulma-danger-25-invert-l)) !important; +} + +.has-background-danger-25-invert { + background-color: hsl(var(--bulma-danger-h), var(--bulma-danger-s), var(--bulma-danger-25-invert-l)) !important; +} + +.has-text-danger-30 { + color: hsl(var(--bulma-danger-h), var(--bulma-danger-s), var(--bulma-danger-30-l)) !important; +} + +.has-background-danger-30 { + background-color: hsl(var(--bulma-danger-h), var(--bulma-danger-s), var(--bulma-danger-30-l)) !important; +} + +.has-text-danger-30-invert { + color: hsl(var(--bulma-danger-h), var(--bulma-danger-s), var(--bulma-danger-30-invert-l)) !important; +} + +.has-background-danger-30-invert { + background-color: hsl(var(--bulma-danger-h), var(--bulma-danger-s), var(--bulma-danger-30-invert-l)) !important; +} + +.has-text-danger-35 { + color: hsl(var(--bulma-danger-h), var(--bulma-danger-s), var(--bulma-danger-35-l)) !important; +} + +.has-background-danger-35 { + background-color: hsl(var(--bulma-danger-h), var(--bulma-danger-s), var(--bulma-danger-35-l)) !important; +} + +.has-text-danger-35-invert { + color: hsl(var(--bulma-danger-h), var(--bulma-danger-s), var(--bulma-danger-35-invert-l)) !important; +} + +.has-background-danger-35-invert { + background-color: hsl(var(--bulma-danger-h), var(--bulma-danger-s), var(--bulma-danger-35-invert-l)) !important; +} + +.has-text-danger-40 { + color: hsl(var(--bulma-danger-h), var(--bulma-danger-s), var(--bulma-danger-40-l)) !important; +} + +.has-background-danger-40 { + background-color: hsl(var(--bulma-danger-h), var(--bulma-danger-s), var(--bulma-danger-40-l)) !important; +} + +.has-text-danger-40-invert { + color: hsl(var(--bulma-danger-h), var(--bulma-danger-s), var(--bulma-danger-40-invert-l)) !important; +} + +.has-background-danger-40-invert { + background-color: hsl(var(--bulma-danger-h), var(--bulma-danger-s), var(--bulma-danger-40-invert-l)) !important; +} + +.has-text-danger-45 { + color: hsl(var(--bulma-danger-h), var(--bulma-danger-s), var(--bulma-danger-45-l)) !important; +} + +.has-background-danger-45 { + background-color: hsl(var(--bulma-danger-h), var(--bulma-danger-s), var(--bulma-danger-45-l)) !important; +} + +.has-text-danger-45-invert { + color: hsl(var(--bulma-danger-h), var(--bulma-danger-s), var(--bulma-danger-45-invert-l)) !important; +} + +.has-background-danger-45-invert { + background-color: hsl(var(--bulma-danger-h), var(--bulma-danger-s), var(--bulma-danger-45-invert-l)) !important; +} + +.has-text-danger-50 { + color: hsl(var(--bulma-danger-h), var(--bulma-danger-s), var(--bulma-danger-50-l)) !important; +} + +.has-background-danger-50 { + background-color: hsl(var(--bulma-danger-h), var(--bulma-danger-s), var(--bulma-danger-50-l)) !important; +} + +.has-text-danger-50-invert { + color: hsl(var(--bulma-danger-h), var(--bulma-danger-s), var(--bulma-danger-50-invert-l)) !important; +} + +.has-background-danger-50-invert { + background-color: hsl(var(--bulma-danger-h), var(--bulma-danger-s), var(--bulma-danger-50-invert-l)) !important; +} + +.has-text-danger-55 { + color: hsl(var(--bulma-danger-h), var(--bulma-danger-s), var(--bulma-danger-55-l)) !important; +} + +.has-background-danger-55 { + background-color: hsl(var(--bulma-danger-h), var(--bulma-danger-s), var(--bulma-danger-55-l)) !important; +} + +.has-text-danger-55-invert { + color: hsl(var(--bulma-danger-h), var(--bulma-danger-s), var(--bulma-danger-55-invert-l)) !important; +} + +.has-background-danger-55-invert { + background-color: hsl(var(--bulma-danger-h), var(--bulma-danger-s), var(--bulma-danger-55-invert-l)) !important; +} + +.has-text-danger-60 { + color: hsl(var(--bulma-danger-h), var(--bulma-danger-s), var(--bulma-danger-60-l)) !important; +} + +.has-background-danger-60 { + background-color: hsl(var(--bulma-danger-h), var(--bulma-danger-s), var(--bulma-danger-60-l)) !important; +} + +.has-text-danger-60-invert { + color: hsl(var(--bulma-danger-h), var(--bulma-danger-s), var(--bulma-danger-60-invert-l)) !important; +} + +.has-background-danger-60-invert { + background-color: hsl(var(--bulma-danger-h), var(--bulma-danger-s), var(--bulma-danger-60-invert-l)) !important; +} + +.has-text-danger-65 { + color: hsl(var(--bulma-danger-h), var(--bulma-danger-s), var(--bulma-danger-65-l)) !important; +} + +.has-background-danger-65 { + background-color: hsl(var(--bulma-danger-h), var(--bulma-danger-s), var(--bulma-danger-65-l)) !important; +} + +.has-text-danger-65-invert { + color: hsl(var(--bulma-danger-h), var(--bulma-danger-s), var(--bulma-danger-65-invert-l)) !important; +} + +.has-background-danger-65-invert { + background-color: hsl(var(--bulma-danger-h), var(--bulma-danger-s), var(--bulma-danger-65-invert-l)) !important; +} + +.has-text-danger-70 { + color: hsl(var(--bulma-danger-h), var(--bulma-danger-s), var(--bulma-danger-70-l)) !important; +} + +.has-background-danger-70 { + background-color: hsl(var(--bulma-danger-h), var(--bulma-danger-s), var(--bulma-danger-70-l)) !important; +} + +.has-text-danger-70-invert { + color: hsl(var(--bulma-danger-h), var(--bulma-danger-s), var(--bulma-danger-70-invert-l)) !important; +} + +.has-background-danger-70-invert { + background-color: hsl(var(--bulma-danger-h), var(--bulma-danger-s), var(--bulma-danger-70-invert-l)) !important; +} + +.has-text-danger-75 { + color: hsl(var(--bulma-danger-h), var(--bulma-danger-s), var(--bulma-danger-75-l)) !important; +} + +.has-background-danger-75 { + background-color: hsl(var(--bulma-danger-h), var(--bulma-danger-s), var(--bulma-danger-75-l)) !important; +} + +.has-text-danger-75-invert { + color: hsl(var(--bulma-danger-h), var(--bulma-danger-s), var(--bulma-danger-75-invert-l)) !important; +} + +.has-background-danger-75-invert { + background-color: hsl(var(--bulma-danger-h), var(--bulma-danger-s), var(--bulma-danger-75-invert-l)) !important; +} + +.has-text-danger-80 { + color: hsl(var(--bulma-danger-h), var(--bulma-danger-s), var(--bulma-danger-80-l)) !important; +} + +.has-background-danger-80 { + background-color: hsl(var(--bulma-danger-h), var(--bulma-danger-s), var(--bulma-danger-80-l)) !important; +} + +.has-text-danger-80-invert { + color: hsl(var(--bulma-danger-h), var(--bulma-danger-s), var(--bulma-danger-80-invert-l)) !important; +} + +.has-background-danger-80-invert { + background-color: hsl(var(--bulma-danger-h), var(--bulma-danger-s), var(--bulma-danger-80-invert-l)) !important; +} + +.has-text-danger-85 { + color: hsl(var(--bulma-danger-h), var(--bulma-danger-s), var(--bulma-danger-85-l)) !important; +} + +.has-background-danger-85 { + background-color: hsl(var(--bulma-danger-h), var(--bulma-danger-s), var(--bulma-danger-85-l)) !important; +} + +.has-text-danger-85-invert { + color: hsl(var(--bulma-danger-h), var(--bulma-danger-s), var(--bulma-danger-85-invert-l)) !important; +} + +.has-background-danger-85-invert { + background-color: hsl(var(--bulma-danger-h), var(--bulma-danger-s), var(--bulma-danger-85-invert-l)) !important; +} + +.has-text-danger-90 { + color: hsl(var(--bulma-danger-h), var(--bulma-danger-s), var(--bulma-danger-90-l)) !important; +} + +.has-background-danger-90 { + background-color: hsl(var(--bulma-danger-h), var(--bulma-danger-s), var(--bulma-danger-90-l)) !important; +} + +.has-text-danger-90-invert { + color: hsl(var(--bulma-danger-h), var(--bulma-danger-s), var(--bulma-danger-90-invert-l)) !important; +} + +.has-background-danger-90-invert { + background-color: hsl(var(--bulma-danger-h), var(--bulma-danger-s), var(--bulma-danger-90-invert-l)) !important; +} + +.has-text-danger-95 { + color: hsl(var(--bulma-danger-h), var(--bulma-danger-s), var(--bulma-danger-95-l)) !important; +} + +.has-background-danger-95 { + background-color: hsl(var(--bulma-danger-h), var(--bulma-danger-s), var(--bulma-danger-95-l)) !important; +} + +.has-text-danger-95-invert { + color: hsl(var(--bulma-danger-h), var(--bulma-danger-s), var(--bulma-danger-95-invert-l)) !important; +} + +.has-background-danger-95-invert { + background-color: hsl(var(--bulma-danger-h), var(--bulma-danger-s), var(--bulma-danger-95-invert-l)) !important; +} + +.has-text-danger-100 { + color: hsl(var(--bulma-danger-h), var(--bulma-danger-s), var(--bulma-danger-100-l)) !important; +} + +.has-background-danger-100 { + background-color: hsl(var(--bulma-danger-h), var(--bulma-danger-s), var(--bulma-danger-100-l)) !important; +} + +.has-text-danger-100-invert { + color: hsl(var(--bulma-danger-h), var(--bulma-danger-s), var(--bulma-danger-100-invert-l)) !important; +} + +.has-background-danger-100-invert { + background-color: hsl(var(--bulma-danger-h), var(--bulma-danger-s), var(--bulma-danger-100-invert-l)) !important; +} + +a.has-text-danger:hover, a.has-text-danger:focus-visible, +button.has-text-danger:hover, +button.has-text-danger:focus-visible, +has-text-danger.is-hoverable:hover, +has-text-danger.is-hoverable:focus-visible { + color: hsl(var(--bulma-danger-h), var(--bulma-danger-s), calc(var(--bulma-danger-l) + var(--bulma-hover-color-l-delta))) !important; +} +a.has-text-danger:active, +button.has-text-danger:active, +has-text-danger.is-hoverable:active { + color: hsl(var(--bulma-danger-h), var(--bulma-danger-s), calc(var(--bulma-danger-l) + var(--bulma-active-color-l-delta))) !important; +} + +a.has-background-danger:hover, a.has-background-danger:focus-visible, +button.has-background-danger:hover, +button.has-background-danger:focus-visible, +has-background-danger.is-hoverable:hover, +has-background-danger.is-hoverable:focus-visible { + background-color: hsl(var(--bulma-danger-h), var(--bulma-danger-s), calc(var(--bulma-danger-l) + var(--bulma-hover-background-l-delta))) !important; +} +a.has-background-danger:active, +button.has-background-danger:active, +has-background-danger.is-hoverable:active { + background-color: hsl(var(--bulma-danger-h), var(--bulma-danger-s), calc(var(--bulma-danger-l) + var(--bulma-active-background-l-delta))) !important; +} + +.is-palette-danger { + --h: var(--bulma-danger-h); + --s: var(--bulma-danger-s); + --l: var(--bulma-danger-l); + --color: hsl(var(--h), var(--s), var(--l)); + --00-l: var(--bulma-danger-00-l); + --color-00: hsl(var(--h), var(--s), var(--00-l)); + --05-l: var(--bulma-danger-05-l); + --color-05: hsl(var(--h), var(--s), var(--05-l)); + --10-l: var(--bulma-danger-10-l); + --color-10: hsl(var(--h), var(--s), var(--10-l)); + --15-l: var(--bulma-danger-15-l); + --color-15: hsl(var(--h), var(--s), var(--15-l)); + --20-l: var(--bulma-danger-20-l); + --color-20: hsl(var(--h), var(--s), var(--20-l)); + --25-l: var(--bulma-danger-25-l); + --color-25: hsl(var(--h), var(--s), var(--25-l)); + --30-l: var(--bulma-danger-30-l); + --color-30: hsl(var(--h), var(--s), var(--30-l)); + --35-l: var(--bulma-danger-35-l); + --color-35: hsl(var(--h), var(--s), var(--35-l)); + --40-l: var(--bulma-danger-40-l); + --color-40: hsl(var(--h), var(--s), var(--40-l)); + --45-l: var(--bulma-danger-45-l); + --color-45: hsl(var(--h), var(--s), var(--45-l)); + --50-l: var(--bulma-danger-50-l); + --color-50: hsl(var(--h), var(--s), var(--50-l)); + --55-l: var(--bulma-danger-55-l); + --color-55: hsl(var(--h), var(--s), var(--55-l)); + --60-l: var(--bulma-danger-60-l); + --color-60: hsl(var(--h), var(--s), var(--60-l)); + --65-l: var(--bulma-danger-65-l); + --color-65: hsl(var(--h), var(--s), var(--65-l)); + --70-l: var(--bulma-danger-70-l); + --color-70: hsl(var(--h), var(--s), var(--70-l)); + --75-l: var(--bulma-danger-75-l); + --color-75: hsl(var(--h), var(--s), var(--75-l)); + --80-l: var(--bulma-danger-80-l); + --color-80: hsl(var(--h), var(--s), var(--80-l)); + --85-l: var(--bulma-danger-85-l); + --color-85: hsl(var(--h), var(--s), var(--85-l)); + --90-l: var(--bulma-danger-90-l); + --color-90: hsl(var(--h), var(--s), var(--90-l)); + --95-l: var(--bulma-danger-95-l); + --color-95: hsl(var(--h), var(--s), var(--95-l)); + --100-l: var(--bulma-danger-100-l); + --color-100: hsl(var(--h), var(--s), var(--100-l)); +} + +.has-text-black-bis { + color: hsl(221, 14%, 9%) !important; +} + +.has-background-black-bis { + background-color: hsl(221, 14%, 9%) !important; +} + +.has-text-black-ter { + color: hsl(221, 14%, 14%) !important; +} + +.has-background-black-ter { + background-color: hsl(221, 14%, 14%) !important; +} + +.has-text-grey-darker { + color: hsl(221, 14%, 21%) !important; +} + +.has-background-grey-darker { + background-color: hsl(221, 14%, 21%) !important; +} + +.has-text-grey-dark { + color: hsl(221, 14%, 29%) !important; +} + +.has-background-grey-dark { + background-color: hsl(221, 14%, 29%) !important; +} + +.has-text-grey { + color: hsl(221, 14%, 48%) !important; +} + +.has-background-grey { + background-color: hsl(221, 14%, 48%) !important; +} + +.has-text-grey-light { + color: hsl(221, 14%, 71%) !important; +} + +.has-background-grey-light { + background-color: hsl(221, 14%, 71%) !important; +} + +.has-text-grey-lighter { + color: hsl(221, 14%, 86%) !important; +} + +.has-background-grey-lighter { + background-color: hsl(221, 14%, 86%) !important; +} + +.has-text-white-ter { + color: hsl(221, 14%, 96%) !important; +} + +.has-background-white-ter { + background-color: hsl(221, 14%, 96%) !important; +} + +.has-text-white-bis { + color: hsl(221, 14%, 98%) !important; +} + +.has-background-white-bis { + background-color: hsl(221, 14%, 98%) !important; +} + +.has-text-current { + color: currentColor !important; +} + +.has-text-inherit { + color: inherit !important; +} + +.has-background-current { + background-color: currentColor !important; +} + +.has-background-inherit { + background-color: inherit !important; +} + +.is-flex-direction-row { + flex-direction: row !important; +} + +.is-flex-direction-row-reverse { + flex-direction: row-reverse !important; +} + +.is-flex-direction-column { + flex-direction: column !important; +} + +.is-flex-direction-column-reverse { + flex-direction: column-reverse !important; +} + +.is-flex-wrap-nowrap { + flex-wrap: nowrap !important; +} + +.is-flex-wrap-wrap { + flex-wrap: wrap !important; +} + +.is-flex-wrap-wrap-reverse { + flex-wrap: wrap-reverse !important; +} + +.is-justify-content-flex-start { + justify-content: flex-start !important; +} + +.is-justify-content-flex-end { + justify-content: flex-end !important; +} + +.is-justify-content-center { + justify-content: center !important; +} + +.is-justify-content-space-between { + justify-content: space-between !important; +} + +.is-justify-content-space-around { + justify-content: space-around !important; +} + +.is-justify-content-space-evenly { + justify-content: space-evenly !important; +} + +.is-justify-content-start { + justify-content: start !important; +} + +.is-justify-content-end { + justify-content: end !important; +} + +.is-justify-content-left { + justify-content: left !important; +} + +.is-justify-content-right { + justify-content: right !important; +} + +.is-align-content-flex-start { + align-content: flex-start !important; +} + +.is-align-content-flex-end { + align-content: flex-end !important; +} + +.is-align-content-center { + align-content: center !important; +} + +.is-align-content-space-between { + align-content: space-between !important; +} + +.is-align-content-space-around { + align-content: space-around !important; +} + +.is-align-content-space-evenly { + align-content: space-evenly !important; +} + +.is-align-content-stretch { + align-content: stretch !important; +} + +.is-align-content-start { + align-content: start !important; +} + +.is-align-content-end { + align-content: end !important; +} + +.is-align-content-baseline { + align-content: baseline !important; +} + +.is-align-items-stretch { + align-items: stretch !important; +} + +.is-align-items-flex-start { + align-items: flex-start !important; +} + +.is-align-items-flex-end { + align-items: flex-end !important; +} + +.is-align-items-center { + align-items: center !important; +} + +.is-align-items-baseline { + align-items: baseline !important; +} + +.is-align-items-start { + align-items: start !important; +} + +.is-align-items-end { + align-items: end !important; +} + +.is-align-items-self-start { + align-items: self-start !important; +} + +.is-align-items-self-end { + align-items: self-end !important; +} + +.is-align-self-auto { + align-self: auto !important; +} + +.is-align-self-flex-start { + align-self: flex-start !important; +} + +.is-align-self-flex-end { + align-self: flex-end !important; +} + +.is-align-self-center { + align-self: center !important; +} + +.is-align-self-baseline { + align-self: baseline !important; +} + +.is-align-self-stretch { + align-self: stretch !important; +} + +.is-flex-grow-0 { + flex-grow: 0 !important; +} + +.is-flex-grow-1 { + flex-grow: 1 !important; +} + +.is-flex-grow-2 { + flex-grow: 2 !important; +} + +.is-flex-grow-3 { + flex-grow: 3 !important; +} + +.is-flex-grow-4 { + flex-grow: 4 !important; +} + +.is-flex-grow-5 { + flex-grow: 5 !important; +} + +.is-flex-shrink-0 { + flex-shrink: 0 !important; +} + +.is-flex-shrink-1 { + flex-shrink: 1 !important; +} + +.is-flex-shrink-2 { + flex-shrink: 2 !important; +} + +.is-flex-shrink-3 { + flex-shrink: 3 !important; +} + +.is-flex-shrink-4 { + flex-shrink: 4 !important; +} + +.is-flex-shrink-5 { + flex-shrink: 5 !important; +} + +.is-clearfix::after { + clear: both; + content: " "; + display: table; +} + +.is-float-left, +.is-pulled-left { + float: left !important; +} + +.is-float-right, +.is-pulled-right { + float: right !important; +} + +.is-float-none { + float: none !important; +} + +.is-clear-both { + clear: both !important; +} + +.is-clear-left { + clear: left !important; +} + +.is-clear-none { + clear: none !important; +} + +.is-clear-right { + clear: right !important; +} + +.is-gapless { + gap: 0 !important; +} + +.is-gap-0 { + gap: 0rem !important; +} + +.is-gap-0\.5 { + gap: 0.25rem !important; +} + +.is-gap-1 { + gap: 0.5rem !important; +} + +.is-gap-1\.5 { + gap: 0.75rem !important; +} + +.is-gap-2 { + gap: 1rem !important; +} + +.is-gap-2\.5 { + gap: 1.25rem !important; +} + +.is-gap-3 { + gap: 1.5rem !important; +} + +.is-gap-3\.5 { + gap: 1.75rem !important; +} + +.is-gap-4 { + gap: 2rem !important; +} + +.is-gap-4\.5 { + gap: 2.25rem !important; +} + +.is-gap-5 { + gap: 2.5rem !important; +} + +.is-gap-5\.5 { + gap: 2.75rem !important; +} + +.is-gap-6 { + gap: 3rem !important; +} + +.is-gap-6\.5 { + gap: 3.25rem !important; +} + +.is-gap-7 { + gap: 3.5rem !important; +} + +.is-gap-7\.5 { + gap: 3.75rem !important; +} + +.is-gap-8 { + gap: 4rem !important; +} + +.is-column-gap-0 { + column-gap: 0rem !important; +} + +.is-column-gap-0\.5 { + column-gap: 0.25rem !important; +} + +.is-column-gap-1 { + column-gap: 0.5rem !important; +} + +.is-column-gap-1\.5 { + column-gap: 0.75rem !important; +} + +.is-column-gap-2 { + column-gap: 1rem !important; +} + +.is-column-gap-2\.5 { + column-gap: 1.25rem !important; +} + +.is-column-gap-3 { + column-gap: 1.5rem !important; +} + +.is-column-gap-3\.5 { + column-gap: 1.75rem !important; +} + +.is-column-gap-4 { + column-gap: 2rem !important; +} + +.is-column-gap-4\.5 { + column-gap: 2.25rem !important; +} + +.is-column-gap-5 { + column-gap: 2.5rem !important; +} + +.is-column-gap-5\.5 { + column-gap: 2.75rem !important; +} + +.is-column-gap-6 { + column-gap: 3rem !important; +} + +.is-column-gap-6\.5 { + column-gap: 3.25rem !important; +} + +.is-column-gap-7 { + column-gap: 3.5rem !important; +} + +.is-column-gap-7\.5 { + column-gap: 3.75rem !important; +} + +.is-column-gap-8 { + column-gap: 4rem !important; +} + +.is-row-gap-0 { + row-gap: 0rem !important; +} + +.is-row-gap-0\.5 { + row-gap: 0.25rem !important; +} + +.is-row-gap-1 { + row-gap: 0.5rem !important; +} + +.is-row-gap-1\.5 { + row-gap: 0.75rem !important; +} + +.is-row-gap-2 { + row-gap: 1rem !important; +} + +.is-row-gap-2\.5 { + row-gap: 1.25rem !important; +} + +.is-row-gap-3 { + row-gap: 1.5rem !important; +} + +.is-row-gap-3\.5 { + row-gap: 1.75rem !important; +} + +.is-row-gap-4 { + row-gap: 2rem !important; +} + +.is-row-gap-4\.5 { + row-gap: 2.25rem !important; +} + +.is-row-gap-5 { + row-gap: 2.5rem !important; +} + +.is-row-gap-5\.5 { + row-gap: 2.75rem !important; +} + +.is-row-gap-6 { + row-gap: 3rem !important; +} + +.is-row-gap-6\.5 { + row-gap: 3.25rem !important; +} + +.is-row-gap-7 { + row-gap: 3.5rem !important; +} + +.is-row-gap-7\.5 { + row-gap: 3.75rem !important; +} + +.is-row-gap-8 { + row-gap: 4rem !important; +} + +.is-clipped { + overflow: hidden !important; +} + +.is-overflow-auto { + overflow: auto !important; +} + +.is-overflow-x-auto { + overflow-x: auto !important; +} + +.is-overflow-y-auto { + overflow-y: auto !important; +} + +.is-overflow-clip { + overflow: clip !important; +} + +.is-overflow-x-clip { + overflow-x: clip !important; +} + +.is-overflow-y-clip { + overflow-y: clip !important; +} + +.is-overflow-hidden { + overflow: hidden !important; +} + +.is-overflow-x-hidden { + overflow-x: hidden !important; +} + +.is-overflow-y-hidden { + overflow-y: hidden !important; +} + +.is-overflow-scroll { + overflow: scroll !important; +} + +.is-overflow-x-scroll { + overflow-x: scroll !important; +} + +.is-overflow-y-scroll { + overflow-y: scroll !important; +} + +.is-overflow-visible { + overflow: visible !important; +} + +.is-overflow-x-visible { + overflow-x: visible !important; +} + +.is-overflow-y-visible { + overflow-y: visible !important; +} + +.is-relative { + position: relative !important; +} + +.is-position-absolute { + position: absolute !important; +} + +.is-position-fixed { + position: fixed !important; +} + +.is-position-relative { + position: relative !important; +} + +.is-position-static { + position: static !important; +} + +.is-position-sticky { + position: sticky !important; +} + +.marginless { + margin: 0 !important; +} + +.paddingless { + padding: 0 !important; +} + +.m-0 { + margin: 0 !important; +} + +.mt-0 { + margin-top: 0 !important; +} + +.mr-0 { + margin-right: 0 !important; +} + +.mb-0 { + margin-bottom: 0 !important; +} + +.ml-0 { + margin-left: 0 !important; +} + +.mx-0 { + margin-left: 0 !important; + margin-right: 0 !important; +} + +.my-0 { + margin-top: 0 !important; + margin-bottom: 0 !important; +} + +.m-1 { + margin: 0.25rem !important; +} + +.mt-1 { + margin-top: 0.25rem !important; +} + +.mr-1 { + margin-right: 0.25rem !important; +} + +.mb-1 { + margin-bottom: 0.25rem !important; +} + +.ml-1 { + margin-left: 0.25rem !important; +} + +.mx-1 { + margin-left: 0.25rem !important; + margin-right: 0.25rem !important; +} + +.my-1 { + margin-top: 0.25rem !important; + margin-bottom: 0.25rem !important; +} + +.m-2 { + margin: 0.5rem !important; +} + +.mt-2 { + margin-top: 0.5rem !important; +} + +.mr-2 { + margin-right: 0.5rem !important; +} + +.mb-2 { + margin-bottom: 0.5rem !important; +} + +.ml-2 { + margin-left: 0.5rem !important; +} + +.mx-2 { + margin-left: 0.5rem !important; + margin-right: 0.5rem !important; +} + +.my-2 { + margin-top: 0.5rem !important; + margin-bottom: 0.5rem !important; +} + +.m-3 { + margin: 0.75rem !important; +} + +.mt-3 { + margin-top: 0.75rem !important; +} + +.mr-3 { + margin-right: 0.75rem !important; +} + +.mb-3 { + margin-bottom: 0.75rem !important; +} + +.ml-3 { + margin-left: 0.75rem !important; +} + +.mx-3 { + margin-left: 0.75rem !important; + margin-right: 0.75rem !important; +} + +.my-3 { + margin-top: 0.75rem !important; + margin-bottom: 0.75rem !important; +} + +.m-4 { + margin: 1rem !important; +} + +.mt-4 { + margin-top: 1rem !important; +} + +.mr-4 { + margin-right: 1rem !important; +} + +.mb-4 { + margin-bottom: 1rem !important; +} + +.ml-4 { + margin-left: 1rem !important; +} + +.mx-4 { + margin-left: 1rem !important; + margin-right: 1rem !important; +} + +.my-4 { + margin-top: 1rem !important; + margin-bottom: 1rem !important; +} + +.m-5 { + margin: 1.5rem !important; +} + +.mt-5 { + margin-top: 1.5rem !important; +} + +.mr-5 { + margin-right: 1.5rem !important; +} + +.mb-5 { + margin-bottom: 1.5rem !important; +} + +.ml-5 { + margin-left: 1.5rem !important; +} + +.mx-5 { + margin-left: 1.5rem !important; + margin-right: 1.5rem !important; +} + +.my-5 { + margin-top: 1.5rem !important; + margin-bottom: 1.5rem !important; +} + +.m-6 { + margin: 3rem !important; +} + +.mt-6 { + margin-top: 3rem !important; +} + +.mr-6 { + margin-right: 3rem !important; +} + +.mb-6 { + margin-bottom: 3rem !important; +} + +.ml-6 { + margin-left: 3rem !important; +} + +.mx-6 { + margin-left: 3rem !important; + margin-right: 3rem !important; +} + +.my-6 { + margin-top: 3rem !important; + margin-bottom: 3rem !important; +} + +.m-auto { + margin: 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; +} + +.mx-auto { + margin-left: auto !important; + margin-right: auto !important; +} + +.my-auto { + margin-top: auto !important; + margin-bottom: auto !important; +} + +.p-0 { + padding: 0 !important; +} + +.pt-0 { + padding-top: 0 !important; +} + +.pr-0 { + padding-right: 0 !important; +} + +.pb-0 { + padding-bottom: 0 !important; +} + +.pl-0 { + padding-left: 0 !important; +} + +.px-0 { + padding-left: 0 !important; + padding-right: 0 !important; +} + +.py-0 { + padding-top: 0 !important; + padding-bottom: 0 !important; +} + +.p-1 { + padding: 0.25rem !important; +} + +.pt-1 { + padding-top: 0.25rem !important; +} + +.pr-1 { + padding-right: 0.25rem !important; +} + +.pb-1 { + padding-bottom: 0.25rem !important; +} + +.pl-1 { + padding-left: 0.25rem !important; +} + +.px-1 { + padding-left: 0.25rem !important; + padding-right: 0.25rem !important; +} + +.py-1 { + padding-top: 0.25rem !important; + padding-bottom: 0.25rem !important; +} + +.p-2 { + padding: 0.5rem !important; +} + +.pt-2 { + padding-top: 0.5rem !important; +} + +.pr-2 { + padding-right: 0.5rem !important; +} + +.pb-2 { + padding-bottom: 0.5rem !important; +} + +.pl-2 { + padding-left: 0.5rem !important; +} + +.px-2 { + padding-left: 0.5rem !important; + padding-right: 0.5rem !important; +} + +.py-2 { + padding-top: 0.5rem !important; + padding-bottom: 0.5rem !important; +} + +.p-3 { + padding: 0.75rem !important; +} + +.pt-3 { + padding-top: 0.75rem !important; +} + +.pr-3 { + padding-right: 0.75rem !important; +} + +.pb-3 { + padding-bottom: 0.75rem !important; +} + +.pl-3 { + padding-left: 0.75rem !important; +} + +.px-3 { + padding-left: 0.75rem !important; + padding-right: 0.75rem !important; +} + +.py-3 { + padding-top: 0.75rem !important; + padding-bottom: 0.75rem !important; +} + +.p-4 { + padding: 1rem !important; +} + +.pt-4 { + padding-top: 1rem !important; +} + +.pr-4 { + padding-right: 1rem !important; +} + +.pb-4 { + padding-bottom: 1rem !important; +} + +.pl-4 { + padding-left: 1rem !important; +} + +.px-4 { + padding-left: 1rem !important; + padding-right: 1rem !important; +} + +.py-4 { + padding-top: 1rem !important; + padding-bottom: 1rem !important; +} + +.p-5 { + padding: 1.5rem !important; +} + +.pt-5 { + padding-top: 1.5rem !important; +} + +.pr-5 { + padding-right: 1.5rem !important; +} + +.pb-5 { + padding-bottom: 1.5rem !important; +} + +.pl-5 { + padding-left: 1.5rem !important; +} + +.px-5 { + padding-left: 1.5rem !important; + padding-right: 1.5rem !important; +} + +.py-5 { + padding-top: 1.5rem !important; + padding-bottom: 1.5rem !important; +} + +.p-6 { + padding: 3rem !important; +} + +.pt-6 { + padding-top: 3rem !important; +} + +.pr-6 { + padding-right: 3rem !important; +} + +.pb-6 { + padding-bottom: 3rem !important; +} + +.pl-6 { + padding-left: 3rem !important; +} + +.px-6 { + padding-left: 3rem !important; + padding-right: 3rem !important; +} + +.py-6 { + padding-top: 3rem !important; + padding-bottom: 3rem !important; +} + +.p-auto { + padding: auto !important; +} + +.pt-auto { + padding-top: auto !important; +} + +.pr-auto { + padding-right: auto !important; +} + +.pb-auto { + padding-bottom: auto !important; +} + +.pl-auto { + padding-left: auto !important; +} + +.px-auto { + padding-left: auto !important; + padding-right: auto !important; +} + +.py-auto { + padding-top: auto !important; + padding-bottom: auto !important; +} + +.is-size-1 { + font-size: 3rem !important; +} + +.is-size-2 { + font-size: 2.5rem !important; +} + +.is-size-3 { + font-size: 2rem !important; +} + +.is-size-4 { + font-size: 1.5rem !important; +} + +.is-size-5 { + font-size: 1.25rem !important; +} + +.is-size-6 { + font-size: 1rem !important; +} + +.is-size-7 { + font-size: 0.75rem !important; +} + +@media screen and (max-width: 768px) { + .is-size-1-mobile { + font-size: 3rem !important; + } + .is-size-2-mobile { + font-size: 2.5rem !important; + } + .is-size-3-mobile { + font-size: 2rem !important; + } + .is-size-4-mobile { + font-size: 1.5rem !important; + } + .is-size-5-mobile { + font-size: 1.25rem !important; + } + .is-size-6-mobile { + font-size: 1rem !important; + } + .is-size-7-mobile { + font-size: 0.75rem !important; + } +} +@media screen and (min-width: 769px), print { + .is-size-1-tablet { + font-size: 3rem !important; + } + .is-size-2-tablet { + font-size: 2.5rem !important; + } + .is-size-3-tablet { + font-size: 2rem !important; + } + .is-size-4-tablet { + font-size: 1.5rem !important; + } + .is-size-5-tablet { + font-size: 1.25rem !important; + } + .is-size-6-tablet { + font-size: 1rem !important; + } + .is-size-7-tablet { + font-size: 0.75rem !important; + } +} +@media screen and (max-width: 1023px) { + .is-size-1-touch { + font-size: 3rem !important; + } + .is-size-2-touch { + font-size: 2.5rem !important; + } + .is-size-3-touch { + font-size: 2rem !important; + } + .is-size-4-touch { + font-size: 1.5rem !important; + } + .is-size-5-touch { + font-size: 1.25rem !important; + } + .is-size-6-touch { + font-size: 1rem !important; + } + .is-size-7-touch { + font-size: 0.75rem !important; + } +} +@media screen and (min-width: 1024px) { + .is-size-1-desktop { + font-size: 3rem !important; + } + .is-size-2-desktop { + font-size: 2.5rem !important; + } + .is-size-3-desktop { + font-size: 2rem !important; + } + .is-size-4-desktop { + font-size: 1.5rem !important; + } + .is-size-5-desktop { + font-size: 1.25rem !important; + } + .is-size-6-desktop { + font-size: 1rem !important; + } + .is-size-7-desktop { + font-size: 0.75rem !important; + } +} +@media screen and (min-width: 1216px) { + .is-size-1-widescreen { + font-size: 3rem !important; + } + .is-size-2-widescreen { + font-size: 2.5rem !important; + } + .is-size-3-widescreen { + font-size: 2rem !important; + } + .is-size-4-widescreen { + font-size: 1.5rem !important; + } + .is-size-5-widescreen { + font-size: 1.25rem !important; + } + .is-size-6-widescreen { + font-size: 1rem !important; + } + .is-size-7-widescreen { + font-size: 0.75rem !important; + } +} +@media screen and (min-width: 1408px) { + .is-size-1-fullhd { + font-size: 3rem !important; + } + .is-size-2-fullhd { + font-size: 2.5rem !important; + } + .is-size-3-fullhd { + font-size: 2rem !important; + } + .is-size-4-fullhd { + font-size: 1.5rem !important; + } + .is-size-5-fullhd { + font-size: 1.25rem !important; + } + .is-size-6-fullhd { + font-size: 1rem !important; + } + .is-size-7-fullhd { + font-size: 0.75rem !important; + } +} +.has-text-centered { + text-align: center !important; +} + +.has-text-justified { + text-align: justify !important; +} + +.has-text-left { + text-align: left !important; +} + +.has-text-right { + text-align: right !important; +} + +@media screen and (max-width: 768px) { + .has-text-centered-mobile { + text-align: center !important; + } +} +@media screen and (min-width: 769px), print { + .has-text-centered-tablet { + text-align: center !important; + } +} +@media screen and (min-width: 769px) and (max-width: 1023px) { + .has-text-centered-tablet-only { + text-align: center !important; + } +} +@media screen and (max-width: 1023px) { + .has-text-centered-touch { + text-align: center !important; + } +} +@media screen and (min-width: 1024px) { + .has-text-centered-desktop { + text-align: center !important; + } +} +@media screen and (min-width: 1024px) and (max-width: 1215px) { + .has-text-centered-desktop-only { + text-align: center !important; + } +} +@media screen and (min-width: 1216px) { + .has-text-centered-widescreen { + text-align: center !important; + } +} +@media screen and (min-width: 1216px) and (max-width: 1407px) { + .has-text-centered-widescreen-only { + text-align: center !important; + } +} +@media screen and (min-width: 1408px) { + .has-text-centered-fullhd { + text-align: center !important; + } +} +@media screen and (max-width: 768px) { + .has-text-justified-mobile { + text-align: justify !important; + } +} +@media screen and (min-width: 769px), print { + .has-text-justified-tablet { + text-align: justify !important; + } +} +@media screen and (min-width: 769px) and (max-width: 1023px) { + .has-text-justified-tablet-only { + text-align: justify !important; + } +} +@media screen and (max-width: 1023px) { + .has-text-justified-touch { + text-align: justify !important; + } +} +@media screen and (min-width: 1024px) { + .has-text-justified-desktop { + text-align: justify !important; + } +} +@media screen and (min-width: 1024px) and (max-width: 1215px) { + .has-text-justified-desktop-only { + text-align: justify !important; + } +} +@media screen and (min-width: 1216px) { + .has-text-justified-widescreen { + text-align: justify !important; + } +} +@media screen and (min-width: 1216px) and (max-width: 1407px) { + .has-text-justified-widescreen-only { + text-align: justify !important; + } +} +@media screen and (min-width: 1408px) { + .has-text-justified-fullhd { + text-align: justify !important; + } +} +@media screen and (max-width: 768px) { + .has-text-left-mobile { + text-align: left !important; + } +} +@media screen and (min-width: 769px), print { + .has-text-left-tablet { + text-align: left !important; + } +} +@media screen and (min-width: 769px) and (max-width: 1023px) { + .has-text-left-tablet-only { + text-align: left !important; + } +} +@media screen and (max-width: 1023px) { + .has-text-left-touch { + text-align: left !important; + } +} +@media screen and (min-width: 1024px) { + .has-text-left-desktop { + text-align: left !important; + } +} +@media screen and (min-width: 1024px) and (max-width: 1215px) { + .has-text-left-desktop-only { + text-align: left !important; + } +} +@media screen and (min-width: 1216px) { + .has-text-left-widescreen { + text-align: left !important; + } +} +@media screen and (min-width: 1216px) and (max-width: 1407px) { + .has-text-left-widescreen-only { + text-align: left !important; + } +} +@media screen and (min-width: 1408px) { + .has-text-left-fullhd { + text-align: left !important; + } +} +@media screen and (max-width: 768px) { + .has-text-right-mobile { + text-align: right !important; + } +} +@media screen and (min-width: 769px), print { + .has-text-right-tablet { + text-align: right !important; + } +} +@media screen and (min-width: 769px) and (max-width: 1023px) { + .has-text-right-tablet-only { + text-align: right !important; + } +} +@media screen and (max-width: 1023px) { + .has-text-right-touch { + text-align: right !important; + } +} +@media screen and (min-width: 1024px) { + .has-text-right-desktop { + text-align: right !important; + } +} +@media screen and (min-width: 1024px) and (max-width: 1215px) { + .has-text-right-desktop-only { + text-align: right !important; + } +} +@media screen and (min-width: 1216px) { + .has-text-right-widescreen { + text-align: right !important; + } +} +@media screen and (min-width: 1216px) and (max-width: 1407px) { + .has-text-right-widescreen-only { + text-align: right !important; + } +} +@media screen and (min-width: 1408px) { + .has-text-right-fullhd { + text-align: right !important; + } +} +.is-capitalized { + text-transform: capitalize !important; +} + +.is-lowercase { + text-transform: lowercase !important; +} + +.is-uppercase { + text-transform: uppercase !important; +} + +.is-italic { + font-style: italic !important; +} + +.is-underlined { + text-decoration: underline !important; +} + +.has-text-weight-light { + font-weight: 300 !important; +} + +.has-text-weight-normal { + font-weight: 400 !important; +} + +.has-text-weight-medium { + font-weight: 500 !important; +} + +.has-text-weight-semibold { + font-weight: 600 !important; +} + +.has-text-weight-bold { + font-weight: 700 !important; +} + +.is-family-primary { + font-family: "Inter", "SF Pro", "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Helvetica Neue", "Helvetica", "Arial", sans-serif !important; +} + +.is-family-secondary { + font-family: "Inter", "SF Pro", "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Helvetica Neue", "Helvetica", "Arial", sans-serif !important; +} + +.is-family-sans-serif { + font-family: "Inter", "SF Pro", "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Helvetica Neue", "Helvetica", "Arial", sans-serif !important; +} + +.is-family-monospace { + font-family: "Inconsolata", "Hack", "SF Mono", "Roboto Mono", "Source Code Pro", "Ubuntu Mono", monospace !important; +} + +.is-family-code { + font-family: "Inconsolata", "Hack", "SF Mono", "Roboto Mono", "Source Code Pro", "Ubuntu Mono", monospace !important; +} + +.is-display-none, +.is-hidden { + display: none !important; +} + +.is-display-block, +.is-block { + display: block !important; +} + +@media screen and (max-width: 768px) { + .is-display-block-mobile, + .is-block-mobile { + display: block !important; + } +} +@media screen and (min-width: 769px), print { + .is-display-block-tablet, + .is-block-tablet { + display: block !important; + } +} +@media screen and (min-width: 769px) and (max-width: 1023px) { + .is-display-block-tablet-only, + .is-block-tablet-only { + display: block !important; + } +} +@media screen and (max-width: 1023px) { + .is-display-block-touch, + .is-block-touch { + display: block !important; + } +} +@media screen and (min-width: 1024px) { + .is-display-block-desktop, + .is-block-desktop { + display: block !important; + } +} +@media screen and (min-width: 1024px) and (max-width: 1215px) { + .is-display-block-desktop-only, + .is-block-desktop-only { + display: block !important; + } +} +@media screen and (min-width: 1216px) { + .is-display-block-widescreen, + .is-block-widescreen { + display: block !important; + } +} +@media screen and (min-width: 1216px) and (max-width: 1407px) { + .is-display-block-widescreen-only, + .is-block-widescreen-only { + display: block !important; + } +} +@media screen and (min-width: 1408px) { + .is-display-block-fullhd, + .is-block-fullhd { + display: block !important; + } +} +.is-display-flex, +.is-flex { + display: flex !important; +} + +@media screen and (max-width: 768px) { + .is-display-flex-mobile, + .is-flex-mobile { + display: flex !important; + } +} +@media screen and (min-width: 769px), print { + .is-display-flex-tablet, + .is-flex-tablet { + display: flex !important; + } +} +@media screen and (min-width: 769px) and (max-width: 1023px) { + .is-display-flex-tablet-only, + .is-flex-tablet-only { + display: flex !important; + } +} +@media screen and (max-width: 1023px) { + .is-display-flex-touch, + .is-flex-touch { + display: flex !important; + } +} +@media screen and (min-width: 1024px) { + .is-display-flex-desktop, + .is-flex-desktop { + display: flex !important; + } +} +@media screen and (min-width: 1024px) and (max-width: 1215px) { + .is-display-flex-desktop-only, + .is-flex-desktop-only { + display: flex !important; + } +} +@media screen and (min-width: 1216px) { + .is-display-flex-widescreen, + .is-flex-widescreen { + display: flex !important; + } +} +@media screen and (min-width: 1216px) and (max-width: 1407px) { + .is-display-flex-widescreen-only, + .is-flex-widescreen-only { + display: flex !important; + } +} +@media screen and (min-width: 1408px) { + .is-display-flex-fullhd, + .is-flex-fullhd { + display: flex !important; + } +} +.is-display-inline, +.is-inline { + display: inline !important; +} + +@media screen and (max-width: 768px) { + .is-display-inline-mobile, + .is-inline-mobile { + display: inline !important; + } +} +@media screen and (min-width: 769px), print { + .is-display-inline-tablet, + .is-inline-tablet { + display: inline !important; + } +} +@media screen and (min-width: 769px) and (max-width: 1023px) { + .is-display-inline-tablet-only, + .is-inline-tablet-only { + display: inline !important; + } +} +@media screen and (max-width: 1023px) { + .is-display-inline-touch, + .is-inline-touch { + display: inline !important; + } +} +@media screen and (min-width: 1024px) { + .is-display-inline-desktop, + .is-inline-desktop { + display: inline !important; + } +} +@media screen and (min-width: 1024px) and (max-width: 1215px) { + .is-display-inline-desktop-only, + .is-inline-desktop-only { + display: inline !important; + } +} +@media screen and (min-width: 1216px) { + .is-display-inline-widescreen, + .is-inline-widescreen { + display: inline !important; + } +} +@media screen and (min-width: 1216px) and (max-width: 1407px) { + .is-display-inline-widescreen-only, + .is-inline-widescreen-only { + display: inline !important; + } +} +@media screen and (min-width: 1408px) { + .is-display-inline-fullhd, + .is-inline-fullhd { + display: inline !important; + } +} +.is-display-inline-block, +.is-inline-block { + display: inline-block !important; +} + +@media screen and (max-width: 768px) { + .is-display-inline-block-mobile, + .is-inline-block-mobile { + display: inline-block !important; + } +} +@media screen and (min-width: 769px), print { + .is-display-inline-block-tablet, + .is-inline-block-tablet { + display: inline-block !important; + } +} +@media screen and (min-width: 769px) and (max-width: 1023px) { + .is-display-inline-block-tablet-only, + .is-inline-block-tablet-only { + display: inline-block !important; + } +} +@media screen and (max-width: 1023px) { + .is-display-inline-block-touch, + .is-inline-block-touch { + display: inline-block !important; + } +} +@media screen and (min-width: 1024px) { + .is-display-inline-block-desktop, + .is-inline-block-desktop { + display: inline-block !important; + } +} +@media screen and (min-width: 1024px) and (max-width: 1215px) { + .is-display-inline-block-desktop-only, + .is-inline-block-desktop-only { + display: inline-block !important; + } +} +@media screen and (min-width: 1216px) { + .is-display-inline-block-widescreen, + .is-inline-block-widescreen { + display: inline-block !important; + } +} +@media screen and (min-width: 1216px) and (max-width: 1407px) { + .is-display-inline-block-widescreen-only, + .is-inline-block-widescreen-only { + display: inline-block !important; + } +} +@media screen and (min-width: 1408px) { + .is-display-inline-block-fullhd, + .is-inline-block-fullhd { + display: inline-block !important; + } +} +.is-display-inline-flex, +.is-inline-flex { + display: inline-flex !important; +} + +@media screen and (max-width: 768px) { + .is-display-inline-flex-mobile, + .is-inline-flex-mobile { + display: inline-flex !important; + } +} +@media screen and (min-width: 769px), print { + .is-display-inline-flex-tablet, + .is-inline-flex-tablet { + display: inline-flex !important; + } +} +@media screen and (min-width: 769px) and (max-width: 1023px) { + .is-display-inline-flex-tablet-only, + .is-inline-flex-tablet-only { + display: inline-flex !important; + } +} +@media screen and (max-width: 1023px) { + .is-display-inline-flex-touch, + .is-inline-flex-touch { + display: inline-flex !important; + } +} +@media screen and (min-width: 1024px) { + .is-display-inline-flex-desktop, + .is-inline-flex-desktop { + display: inline-flex !important; + } +} +@media screen and (min-width: 1024px) and (max-width: 1215px) { + .is-display-inline-flex-desktop-only, + .is-inline-flex-desktop-only { + display: inline-flex !important; + } +} +@media screen and (min-width: 1216px) { + .is-display-inline-flex-widescreen, + .is-inline-flex-widescreen { + display: inline-flex !important; + } +} +@media screen and (min-width: 1216px) and (max-width: 1407px) { + .is-display-inline-flex-widescreen-only, + .is-inline-flex-widescreen-only { + display: inline-flex !important; + } +} +@media screen and (min-width: 1408px) { + .is-display-inline-flex-fullhd, + .is-inline-flex-fullhd { + display: inline-flex !important; + } +} +.is-display-grid, +.is-grid { + display: grid !important; +} + +@media screen and (max-width: 768px) { + .is-display-grid-mobile, + .is-grid-mobile { + display: grid !important; + } +} +@media screen and (min-width: 769px), print { + .is-display-grid-tablet, + .is-grid-tablet { + display: grid !important; + } +} +@media screen and (min-width: 769px) and (max-width: 1023px) { + .is-display-grid-tablet-only, + .is-grid-tablet-only { + display: grid !important; + } +} +@media screen and (max-width: 1023px) { + .is-display-grid-touch, + .is-grid-touch { + display: grid !important; + } +} +@media screen and (min-width: 1024px) { + .is-display-grid-desktop, + .is-grid-desktop { + display: grid !important; + } +} +@media screen and (min-width: 1024px) and (max-width: 1215px) { + .is-display-grid-desktop-only, + .is-grid-desktop-only { + display: grid !important; + } +} +@media screen and (min-width: 1216px) { + .is-display-grid-widescreen, + .is-grid-widescreen { + display: grid !important; + } +} +@media screen and (min-width: 1216px) and (max-width: 1407px) { + .is-display-grid-widescreen-only, + .is-grid-widescreen-only { + display: grid !important; + } +} +@media screen and (min-width: 1408px) { + .is-display-grid-fullhd, + .is-grid-fullhd { + display: grid !important; + } +} +.is-sr-only { + border: none !important; + clip: rect(0, 0, 0, 0) !important; + height: 0.01em !important; + overflow: hidden !important; + padding: 0 !important; + position: absolute !important; + white-space: nowrap !important; + width: 0.01em !important; +} + +@media screen and (max-width: 768px) { + .is-display-none-mobile, + .is-hidden-mobile { + display: none !important; + } +} +@media screen and (min-width: 769px), print { + .is-display-none-tablet, + .is-hidden-tablet { + display: none !important; + } +} +@media screen and (min-width: 769px) and (max-width: 1023px) { + .is-display-none-tablet-only, + .is-hidden-tablet-only { + display: none !important; + } +} +@media screen and (max-width: 1023px) { + .is-display-none-touch, + .is-hidden-touch { + display: none !important; + } +} +@media screen and (min-width: 1024px) { + .is-display-none-desktop, + .is-hidden-desktop { + display: none !important; + } +} +@media screen and (min-width: 1024px) and (max-width: 1215px) { + .is-display-none-desktop-only, + .is-hidden-desktop-only { + display: none !important; + } +} +@media screen and (min-width: 1216px) { + .is-display-none-widescreen, + .is-hidden-widescreen { + display: none !important; + } +} +@media screen and (min-width: 1216px) and (max-width: 1407px) { + .is-display-none-widescreen-only, + .is-hidden-widescreen-only { + display: none !important; + } +} +@media screen and (min-width: 1408px) { + .is-display-none-fullhd, + .is-hidden-fullhd { + display: none !important; + } +} +.is-visibility-hidden, +.is-invisible { + visibility: hidden !important; +} + +@media screen and (max-width: 768px) { + .is-visibility-hidden-mobile, + .is-invisible-mobile { + visibility: hidden !important; + } +} +@media screen and (min-width: 769px), print { + .is-visibility-hidden-tablet, + .is-invisible-tablet { + visibility: hidden !important; + } +} +@media screen and (min-width: 769px) and (max-width: 1023px) { + .is-visibility-hidden-tablet-only, + .is-invisible-tablet-only { + visibility: hidden !important; + } +} +@media screen and (max-width: 1023px) { + .is-visibility-hidden-touch, + .is-invisible-touch { + visibility: hidden !important; + } +} +@media screen and (min-width: 1024px) { + .is-visibility-hidden-desktop, + .is-invisible-desktop { + visibility: hidden !important; + } +} +@media screen and (min-width: 1024px) and (max-width: 1215px) { + .is-visibility-hidden-desktop-only, + .is-invisible-desktop-only { + visibility: hidden !important; + } +} +@media screen and (min-width: 1216px) { + .is-visibility-hidden-widescreen, + .is-invisible-widescreen { + visibility: hidden !important; + } +} +@media screen and (min-width: 1216px) and (max-width: 1407px) { + .is-visibility-hidden-widescreen-only, + .is-invisible-widescreen-only { + visibility: hidden !important; + } +} +@media screen and (min-width: 1408px) { + .is-visibility-hidden-fullhd, + .is-invisible-fullhd { + visibility: hidden !important; + } +} +.is-radiusless { + border-radius: 0 !important; +} + +.is-shadowless { + box-shadow: none !important; +} + +.is-clickable { + cursor: pointer !important; + pointer-events: all !important; +} + +/*# sourceMappingURL=bulma.css.map */ diff --git a/test/js/bun/css/files/bulma.min.css b/test/js/bun/css/files/bulma.min.css new file mode 100644 index 0000000000..8c4a583cdf --- /dev/null +++ b/test/js/bun/css/files/bulma.min.css @@ -0,0 +1 @@ +:root{--bulma-control-radius:var(--bulma-radius);--bulma-control-radius-small:var(--bulma-radius-small);--bulma-control-border-width:1px;--bulma-control-height:2.5em;--bulma-control-line-height:1.5;--bulma-control-padding-vertical:calc(.5em - 1px);--bulma-control-padding-horizontal:calc(.75em - 1px);--bulma-control-size:var(--bulma-size-normal);--bulma-control-focus-shadow-l:50%;--bulma-scheme-h:221;--bulma-scheme-s:14%;--bulma-light-l:96%;--bulma-light-invert-l:21%;--bulma-dark-l:21%;--bulma-dark-invert-l:96%;--bulma-soft-l:90%;--bulma-bold-l:20%;--bulma-soft-invert-l:20%;--bulma-bold-invert-l:90%;--bulma-hover-background-l-delta:-5%;--bulma-active-background-l-delta:-10%;--bulma-hover-border-l-delta:-10%;--bulma-active-border-l-delta:-20%;--bulma-hover-color-l-delta:-5%;--bulma-active-color-l-delta:-10%;--bulma-hover-shadow-a-delta:-.05;--bulma-active-shadow-a-delta:-.1;--bulma-scheme-brightness:light;--bulma-scheme-main-l:100%;--bulma-scheme-main-bis-l:98%;--bulma-scheme-main-ter-l:96%;--bulma-background-l:96%;--bulma-border-weak-l:93%;--bulma-border-l:86%;--bulma-text-weak-l:48%;--bulma-text-l:29%;--bulma-text-strong-l:21%;--bulma-text-title-l:14%;--bulma-scheme-invert-ter-l:14%;--bulma-scheme-invert-bis-l:7%;--bulma-scheme-invert-l:4%;--bulma-family-primary:Inter,SF Pro,Segoe UI,Roboto,Oxygen,Ubuntu,Helvetica Neue,Helvetica,Arial,sans-serif;--bulma-family-secondary:Inter,SF Pro,Segoe UI,Roboto,Oxygen,Ubuntu,Helvetica Neue,Helvetica,Arial,sans-serif;--bulma-family-code:Inconsolata,Hack,SF Mono,Roboto Mono,Source Code Pro,Ubuntu Mono,monospace;--bulma-size-small:.75rem;--bulma-size-normal:1rem;--bulma-size-medium:1.25rem;--bulma-size-large:1.5rem;--bulma-weight-light:300;--bulma-weight-normal:400;--bulma-weight-medium:500;--bulma-weight-semibold:600;--bulma-weight-bold:700;--bulma-weight-extrabold:800;--bulma-block-spacing:1.5rem;--bulma-duration:.294s;--bulma-easing:ease-out;--bulma-radius-small:.25rem;--bulma-radius:.375rem;--bulma-radius-medium:.5em;--bulma-radius-large:.75rem;--bulma-radius-rounded:9999px;--bulma-speed:86ms;--bulma-arrow-color:var(--bulma-link);--bulma-loading-color:var(--bulma-border);--bulma-burger-h:var(--bulma-link-h);--bulma-burger-s:var(--bulma-link-s);--bulma-burger-l:var(--bulma-link-l);--bulma-burger-border-radius:.5em;--bulma-burger-gap:5px;--bulma-burger-item-height:2px;--bulma-burger-item-width:20px;--bulma-white:hsla(var(--bulma-white-h),var(--bulma-white-s),var(--bulma-white-l),1);--bulma-white-base:hsla(var(--bulma-white-h),var(--bulma-white-s),var(--bulma-white-l),1);--bulma-white-rgb:255,255,255;--bulma-white-h:221deg;--bulma-white-s:14%;--bulma-white-l:100%;--bulma-white-invert-l:4%;--bulma-white-invert:#090a0c;--bulma-white-on-scheme-l:35%;--bulma-white-on-scheme:hsla(var(--bulma-white-h),var(--bulma-white-s),var(--bulma-white-on-scheme-l),1);--bulma-black:hsla(var(--bulma-black-h),var(--bulma-black-s),var(--bulma-black-l),1);--bulma-black-base:hsla(var(--bulma-black-h),var(--bulma-black-s),var(--bulma-black-l),1);--bulma-black-rgb:9,10,12;--bulma-black-h:221deg;--bulma-black-s:14%;--bulma-black-l:4%;--bulma-black-invert-l:100%;--bulma-black-invert:#fff;--bulma-black-on-scheme-l:4%;--bulma-black-on-scheme:hsla(var(--bulma-black-h),var(--bulma-black-s),var(--bulma-black-on-scheme-l),1);--bulma-light:hsla(var(--bulma-light-h),var(--bulma-light-s),var(--bulma-light-l),1);--bulma-light-base:hsla(var(--bulma-light-h),var(--bulma-light-s),var(--bulma-light-l),1);--bulma-light-rgb:243,244,246;--bulma-light-h:221deg;--bulma-light-s:14%;--bulma-light-invert:#2e333d;--bulma-light-on-scheme-l:36%;--bulma-light-on-scheme:hsla(var(--bulma-light-h),var(--bulma-light-s),var(--bulma-light-on-scheme-l),1);--bulma-dark:hsla(var(--bulma-dark-h),var(--bulma-dark-s),var(--bulma-dark-l),1);--bulma-dark-base:hsla(var(--bulma-dark-h),var(--bulma-dark-s),var(--bulma-dark-l),1);--bulma-dark-rgb:46,51,61;--bulma-dark-h:221deg;--bulma-dark-s:14%;--bulma-dark-invert:#f3f4f6;--bulma-dark-on-scheme-l:21%;--bulma-dark-on-scheme:hsla(var(--bulma-dark-h),var(--bulma-dark-s),var(--bulma-dark-on-scheme-l),1);--bulma-text:hsl(var(--bulma-text-h),var(--bulma-text-s),var(--bulma-text-l));--bulma-text-base:hsla(var(--bulma-text-h),var(--bulma-text-s),var(--bulma-text-l),1);--bulma-text-rgb:64,70,84;--bulma-text-h:221deg;--bulma-text-s:14%;--bulma-text-00-l:0%;--bulma-text-05-l:4%;--bulma-text-10-l:9%;--bulma-text-15-l:14%;--bulma-text-20-l:19%;--bulma-text-25-l:24%;--bulma-text-30-l:29%;--bulma-text-35-l:34%;--bulma-text-40-l:39%;--bulma-text-45-l:44%;--bulma-text-50-l:49%;--bulma-text-55-l:54%;--bulma-text-60-l:59%;--bulma-text-65-l:64%;--bulma-text-70-l:69%;--bulma-text-75-l:74%;--bulma-text-80-l:79%;--bulma-text-85-l:84%;--bulma-text-90-l:89%;--bulma-text-95-l:94%;--bulma-text-100-l:99%;--bulma-text-00:hsla(var(--bulma-text-h),var(--bulma-text-s),var(--bulma-text-00-l),1);--bulma-text-00-invert-l:var(--bulma-text-60-l);--bulma-text-00-invert:hsla(var(--bulma-text-h),var(--bulma-text-s),var(--bulma-text-00-invert-l),1);--bulma-text-05:hsla(var(--bulma-text-h),var(--bulma-text-s),var(--bulma-text-05-l),1);--bulma-text-05-invert-l:var(--bulma-text-60-l);--bulma-text-05-invert:hsla(var(--bulma-text-h),var(--bulma-text-s),var(--bulma-text-05-invert-l),1);--bulma-text-10:hsla(var(--bulma-text-h),var(--bulma-text-s),var(--bulma-text-10-l),1);--bulma-text-10-invert-l:var(--bulma-text-70-l);--bulma-text-10-invert:hsla(var(--bulma-text-h),var(--bulma-text-s),var(--bulma-text-10-invert-l),1);--bulma-text-15:hsla(var(--bulma-text-h),var(--bulma-text-s),var(--bulma-text-15-l),1);--bulma-text-15-invert-l:var(--bulma-text-75-l);--bulma-text-15-invert:hsla(var(--bulma-text-h),var(--bulma-text-s),var(--bulma-text-15-invert-l),1);--bulma-text-20:hsla(var(--bulma-text-h),var(--bulma-text-s),var(--bulma-text-20-l),1);--bulma-text-20-invert-l:var(--bulma-text-85-l);--bulma-text-20-invert:hsla(var(--bulma-text-h),var(--bulma-text-s),var(--bulma-text-20-invert-l),1);--bulma-text-25:hsla(var(--bulma-text-h),var(--bulma-text-s),var(--bulma-text-25-l),1);--bulma-text-25-invert-l:var(--bulma-text-95-l);--bulma-text-25-invert:hsla(var(--bulma-text-h),var(--bulma-text-s),var(--bulma-text-25-invert-l),1);--bulma-text-30:hsla(var(--bulma-text-h),var(--bulma-text-s),var(--bulma-text-30-l),1);--bulma-text-30-invert-l:var(--bulma-text-100-l);--bulma-text-30-invert:hsla(var(--bulma-text-h),var(--bulma-text-s),var(--bulma-text-30-invert-l),1);--bulma-text-35:hsla(var(--bulma-text-h),var(--bulma-text-s),var(--bulma-text-35-l),1);--bulma-text-35-invert-l:var(--bulma-text-100-l);--bulma-text-35-invert:hsla(var(--bulma-text-h),var(--bulma-text-s),var(--bulma-text-35-invert-l),1);--bulma-text-40:hsla(var(--bulma-text-h),var(--bulma-text-s),var(--bulma-text-40-l),1);--bulma-text-40-invert-l:var(--bulma-text-100-l);--bulma-text-40-invert:hsla(var(--bulma-text-h),var(--bulma-text-s),var(--bulma-text-40-invert-l),1);--bulma-text-45:hsla(var(--bulma-text-h),var(--bulma-text-s),var(--bulma-text-45-l),1);--bulma-text-45-invert-l:var(--bulma-text-100-l);--bulma-text-45-invert:hsla(var(--bulma-text-h),var(--bulma-text-s),var(--bulma-text-45-invert-l),1);--bulma-text-50:hsla(var(--bulma-text-h),var(--bulma-text-s),var(--bulma-text-50-l),1);--bulma-text-50-invert-l:var(--bulma-text-100-l);--bulma-text-50-invert:hsla(var(--bulma-text-h),var(--bulma-text-s),var(--bulma-text-50-invert-l),1);--bulma-text-55:hsla(var(--bulma-text-h),var(--bulma-text-s),var(--bulma-text-55-l),1);--bulma-text-55-invert-l:var(--bulma-text-100-l);--bulma-text-55-invert:hsla(var(--bulma-text-h),var(--bulma-text-s),var(--bulma-text-55-invert-l),1);--bulma-text-60:hsla(var(--bulma-text-h),var(--bulma-text-s),var(--bulma-text-60-l),1);--bulma-text-60-invert-l:var(--bulma-text-05-l);--bulma-text-60-invert:hsla(var(--bulma-text-h),var(--bulma-text-s),var(--bulma-text-60-invert-l),1);--bulma-text-65:hsla(var(--bulma-text-h),var(--bulma-text-s),var(--bulma-text-65-l),1);--bulma-text-65-invert-l:var(--bulma-text-05-l);--bulma-text-65-invert:hsla(var(--bulma-text-h),var(--bulma-text-s),var(--bulma-text-65-invert-l),1);--bulma-text-70:hsla(var(--bulma-text-h),var(--bulma-text-s),var(--bulma-text-70-l),1);--bulma-text-70-invert-l:var(--bulma-text-10-l);--bulma-text-70-invert:hsla(var(--bulma-text-h),var(--bulma-text-s),var(--bulma-text-70-invert-l),1);--bulma-text-75:hsla(var(--bulma-text-h),var(--bulma-text-s),var(--bulma-text-75-l),1);--bulma-text-75-invert-l:var(--bulma-text-15-l);--bulma-text-75-invert:hsla(var(--bulma-text-h),var(--bulma-text-s),var(--bulma-text-75-invert-l),1);--bulma-text-80:hsla(var(--bulma-text-h),var(--bulma-text-s),var(--bulma-text-80-l),1);--bulma-text-80-invert-l:var(--bulma-text-15-l);--bulma-text-80-invert:hsla(var(--bulma-text-h),var(--bulma-text-s),var(--bulma-text-80-invert-l),1);--bulma-text-85:hsla(var(--bulma-text-h),var(--bulma-text-s),var(--bulma-text-85-l),1);--bulma-text-85-invert-l:var(--bulma-text-20-l);--bulma-text-85-invert:hsla(var(--bulma-text-h),var(--bulma-text-s),var(--bulma-text-85-invert-l),1);--bulma-text-90:hsla(var(--bulma-text-h),var(--bulma-text-s),var(--bulma-text-90-l),1);--bulma-text-90-invert-l:var(--bulma-text-20-l);--bulma-text-90-invert:hsla(var(--bulma-text-h),var(--bulma-text-s),var(--bulma-text-90-invert-l),1);--bulma-text-95:hsla(var(--bulma-text-h),var(--bulma-text-s),var(--bulma-text-95-l),1);--bulma-text-95-invert-l:var(--bulma-text-25-l);--bulma-text-95-invert:hsla(var(--bulma-text-h),var(--bulma-text-s),var(--bulma-text-95-invert-l),1);--bulma-text-100:hsla(var(--bulma-text-h),var(--bulma-text-s),var(--bulma-text-100-l),1);--bulma-text-100-invert-l:var(--bulma-text-25-l);--bulma-text-100-invert:hsla(var(--bulma-text-h),var(--bulma-text-s),var(--bulma-text-100-invert-l),1);--bulma-text-invert-l:var(--bulma-text-100-l);--bulma-text-invert:hsla(var(--bulma-text-h),var(--bulma-text-s),var(--bulma-text-invert-l),1);--bulma-text-light-l:var(--bulma-text-90-l);--bulma-text-light:hsla(var(--bulma-text-h),var(--bulma-text-s),var(--bulma-text-light-l),1);--bulma-text-light-invert-l:var(--bulma-text-20-l);--bulma-text-light-invert:hsla(var(--bulma-text-h),var(--bulma-text-s),var(--bulma-text-light-invert-l),1);--bulma-text-dark-l:var(--bulma-text-10-l);--bulma-text-dark:hsla(var(--bulma-text-h),var(--bulma-text-s),var(--bulma-text-dark-l),1);--bulma-text-dark-invert-l:var(--bulma-text-70-l);--bulma-text-dark-invert:hsla(var(--bulma-text-h),var(--bulma-text-s),var(--bulma-text-dark-invert-l),1);--bulma-text-soft:hsla(var(--bulma-text-h),var(--bulma-text-s),var(--bulma-soft-l),1);--bulma-text-bold:hsla(var(--bulma-text-h),var(--bulma-text-s),var(--bulma-bold-l),1);--bulma-text-soft-invert:hsla(var(--bulma-text-h),var(--bulma-text-s),var(--bulma-soft-invert-l),1);--bulma-text-bold-invert:hsla(var(--bulma-text-h),var(--bulma-text-s),var(--bulma-bold-invert-l),1);--bulma-text-on-scheme-l:29%;--bulma-text-on-scheme:hsla(var(--bulma-text-h),var(--bulma-text-s),var(--bulma-text-on-scheme-l),1);--bulma-primary:hsla(var(--bulma-primary-h),var(--bulma-primary-s),var(--bulma-primary-l),1);--bulma-primary-base:hsla(var(--bulma-primary-h),var(--bulma-primary-s),var(--bulma-primary-l),1);--bulma-primary-rgb:0,209,178;--bulma-primary-h:171deg;--bulma-primary-s:100%;--bulma-primary-l:41%;--bulma-primary-00-l:1%;--bulma-primary-05-l:6%;--bulma-primary-10-l:11%;--bulma-primary-15-l:16%;--bulma-primary-20-l:21%;--bulma-primary-25-l:26%;--bulma-primary-30-l:31%;--bulma-primary-35-l:36%;--bulma-primary-40-l:41%;--bulma-primary-45-l:46%;--bulma-primary-50-l:51%;--bulma-primary-55-l:56%;--bulma-primary-60-l:61%;--bulma-primary-65-l:66%;--bulma-primary-70-l:71%;--bulma-primary-75-l:76%;--bulma-primary-80-l:81%;--bulma-primary-85-l:86%;--bulma-primary-90-l:91%;--bulma-primary-95-l:96%;--bulma-primary-100-l:100%;--bulma-primary-00:hsla(var(--bulma-primary-h),var(--bulma-primary-s),var(--bulma-primary-00-l),1);--bulma-primary-00-invert-l:var(--bulma-primary-30-l);--bulma-primary-00-invert:hsla(var(--bulma-primary-h),var(--bulma-primary-s),var(--bulma-primary-00-invert-l),1);--bulma-primary-05:hsla(var(--bulma-primary-h),var(--bulma-primary-s),var(--bulma-primary-05-l),1);--bulma-primary-05-invert-l:var(--bulma-primary-40-l);--bulma-primary-05-invert:hsla(var(--bulma-primary-h),var(--bulma-primary-s),var(--bulma-primary-05-invert-l),1);--bulma-primary-10:hsla(var(--bulma-primary-h),var(--bulma-primary-s),var(--bulma-primary-10-l),1);--bulma-primary-10-invert-l:var(--bulma-primary-50-l);--bulma-primary-10-invert:hsla(var(--bulma-primary-h),var(--bulma-primary-s),var(--bulma-primary-10-invert-l),1);--bulma-primary-15:hsla(var(--bulma-primary-h),var(--bulma-primary-s),var(--bulma-primary-15-l),1);--bulma-primary-15-invert-l:var(--bulma-primary-100-l);--bulma-primary-15-invert:hsla(var(--bulma-primary-h),var(--bulma-primary-s),var(--bulma-primary-15-invert-l),1);--bulma-primary-20:hsla(var(--bulma-primary-h),var(--bulma-primary-s),var(--bulma-primary-20-l),1);--bulma-primary-20-invert-l:var(--bulma-primary-100-l);--bulma-primary-20-invert:hsla(var(--bulma-primary-h),var(--bulma-primary-s),var(--bulma-primary-20-invert-l),1);--bulma-primary-25:hsla(var(--bulma-primary-h),var(--bulma-primary-s),var(--bulma-primary-25-l),1);--bulma-primary-25-invert-l:var(--bulma-primary-100-l);--bulma-primary-25-invert:hsla(var(--bulma-primary-h),var(--bulma-primary-s),var(--bulma-primary-25-invert-l),1);--bulma-primary-30:hsla(var(--bulma-primary-h),var(--bulma-primary-s),var(--bulma-primary-30-l),1);--bulma-primary-30-invert-l:var(--bulma-primary-00-l);--bulma-primary-30-invert:hsla(var(--bulma-primary-h),var(--bulma-primary-s),var(--bulma-primary-30-invert-l),1);--bulma-primary-35:hsla(var(--bulma-primary-h),var(--bulma-primary-s),var(--bulma-primary-35-l),1);--bulma-primary-35-invert-l:var(--bulma-primary-00-l);--bulma-primary-35-invert:hsla(var(--bulma-primary-h),var(--bulma-primary-s),var(--bulma-primary-35-invert-l),1);--bulma-primary-40:hsla(var(--bulma-primary-h),var(--bulma-primary-s),var(--bulma-primary-40-l),1);--bulma-primary-40-invert-l:var(--bulma-primary-05-l);--bulma-primary-40-invert:hsla(var(--bulma-primary-h),var(--bulma-primary-s),var(--bulma-primary-40-invert-l),1);--bulma-primary-45:hsla(var(--bulma-primary-h),var(--bulma-primary-s),var(--bulma-primary-45-l),1);--bulma-primary-45-invert-l:var(--bulma-primary-05-l);--bulma-primary-45-invert:hsla(var(--bulma-primary-h),var(--bulma-primary-s),var(--bulma-primary-45-invert-l),1);--bulma-primary-50:hsla(var(--bulma-primary-h),var(--bulma-primary-s),var(--bulma-primary-50-l),1);--bulma-primary-50-invert-l:var(--bulma-primary-10-l);--bulma-primary-50-invert:hsla(var(--bulma-primary-h),var(--bulma-primary-s),var(--bulma-primary-50-invert-l),1);--bulma-primary-55:hsla(var(--bulma-primary-h),var(--bulma-primary-s),var(--bulma-primary-55-l),1);--bulma-primary-55-invert-l:var(--bulma-primary-10-l);--bulma-primary-55-invert:hsla(var(--bulma-primary-h),var(--bulma-primary-s),var(--bulma-primary-55-invert-l),1);--bulma-primary-60:hsla(var(--bulma-primary-h),var(--bulma-primary-s),var(--bulma-primary-60-l),1);--bulma-primary-60-invert-l:var(--bulma-primary-10-l);--bulma-primary-60-invert:hsla(var(--bulma-primary-h),var(--bulma-primary-s),var(--bulma-primary-60-invert-l),1);--bulma-primary-65:hsla(var(--bulma-primary-h),var(--bulma-primary-s),var(--bulma-primary-65-l),1);--bulma-primary-65-invert-l:var(--bulma-primary-10-l);--bulma-primary-65-invert:hsla(var(--bulma-primary-h),var(--bulma-primary-s),var(--bulma-primary-65-invert-l),1);--bulma-primary-70:hsla(var(--bulma-primary-h),var(--bulma-primary-s),var(--bulma-primary-70-l),1);--bulma-primary-70-invert-l:var(--bulma-primary-10-l);--bulma-primary-70-invert:hsla(var(--bulma-primary-h),var(--bulma-primary-s),var(--bulma-primary-70-invert-l),1);--bulma-primary-75:hsla(var(--bulma-primary-h),var(--bulma-primary-s),var(--bulma-primary-75-l),1);--bulma-primary-75-invert-l:var(--bulma-primary-10-l);--bulma-primary-75-invert:hsla(var(--bulma-primary-h),var(--bulma-primary-s),var(--bulma-primary-75-invert-l),1);--bulma-primary-80:hsla(var(--bulma-primary-h),var(--bulma-primary-s),var(--bulma-primary-80-l),1);--bulma-primary-80-invert-l:var(--bulma-primary-10-l);--bulma-primary-80-invert:hsla(var(--bulma-primary-h),var(--bulma-primary-s),var(--bulma-primary-80-invert-l),1);--bulma-primary-85:hsla(var(--bulma-primary-h),var(--bulma-primary-s),var(--bulma-primary-85-l),1);--bulma-primary-85-invert-l:var(--bulma-primary-10-l);--bulma-primary-85-invert:hsla(var(--bulma-primary-h),var(--bulma-primary-s),var(--bulma-primary-85-invert-l),1);--bulma-primary-90:hsla(var(--bulma-primary-h),var(--bulma-primary-s),var(--bulma-primary-90-l),1);--bulma-primary-90-invert-l:var(--bulma-primary-10-l);--bulma-primary-90-invert:hsla(var(--bulma-primary-h),var(--bulma-primary-s),var(--bulma-primary-90-invert-l),1);--bulma-primary-95:hsla(var(--bulma-primary-h),var(--bulma-primary-s),var(--bulma-primary-95-l),1);--bulma-primary-95-invert-l:var(--bulma-primary-10-l);--bulma-primary-95-invert:hsla(var(--bulma-primary-h),var(--bulma-primary-s),var(--bulma-primary-95-invert-l),1);--bulma-primary-100:hsla(var(--bulma-primary-h),var(--bulma-primary-s),var(--bulma-primary-100-l),1);--bulma-primary-100-invert-l:var(--bulma-primary-15-l);--bulma-primary-100-invert:hsla(var(--bulma-primary-h),var(--bulma-primary-s),var(--bulma-primary-100-invert-l),1);--bulma-primary-invert-l:var(--bulma-primary-05-l);--bulma-primary-invert:hsla(var(--bulma-primary-h),var(--bulma-primary-s),var(--bulma-primary-invert-l),1);--bulma-primary-light-l:var(--bulma-primary-90-l);--bulma-primary-light:hsla(var(--bulma-primary-h),var(--bulma-primary-s),var(--bulma-primary-light-l),1);--bulma-primary-light-invert-l:var(--bulma-primary-10-l);--bulma-primary-light-invert:hsla(var(--bulma-primary-h),var(--bulma-primary-s),var(--bulma-primary-light-invert-l),1);--bulma-primary-dark-l:var(--bulma-primary-10-l);--bulma-primary-dark:hsla(var(--bulma-primary-h),var(--bulma-primary-s),var(--bulma-primary-dark-l),1);--bulma-primary-dark-invert-l:var(--bulma-primary-50-l);--bulma-primary-dark-invert:hsla(var(--bulma-primary-h),var(--bulma-primary-s),var(--bulma-primary-dark-invert-l),1);--bulma-primary-soft:hsla(var(--bulma-primary-h),var(--bulma-primary-s),var(--bulma-soft-l),1);--bulma-primary-bold:hsla(var(--bulma-primary-h),var(--bulma-primary-s),var(--bulma-bold-l),1);--bulma-primary-soft-invert:hsla(var(--bulma-primary-h),var(--bulma-primary-s),var(--bulma-soft-invert-l),1);--bulma-primary-bold-invert:hsla(var(--bulma-primary-h),var(--bulma-primary-s),var(--bulma-bold-invert-l),1);--bulma-primary-on-scheme-l:21%;--bulma-primary-on-scheme:hsla(var(--bulma-primary-h),var(--bulma-primary-s),var(--bulma-primary-on-scheme-l),1);--bulma-link:hsl(var(--bulma-link-h),var(--bulma-link-s),var(--bulma-link-l));--bulma-link-base:hsla(var(--bulma-link-h),var(--bulma-link-s),var(--bulma-link-l),1);--bulma-link-rgb:66,88,255;--bulma-link-h:233deg;--bulma-link-s:100%;--bulma-link-l:63%;--bulma-link-00-l:0%;--bulma-link-05-l:3%;--bulma-link-10-l:8%;--bulma-link-15-l:13%;--bulma-link-20-l:18%;--bulma-link-25-l:23%;--bulma-link-30-l:28%;--bulma-link-35-l:33%;--bulma-link-40-l:38%;--bulma-link-45-l:43%;--bulma-link-50-l:48%;--bulma-link-55-l:53%;--bulma-link-60-l:58%;--bulma-link-65-l:63%;--bulma-link-70-l:68%;--bulma-link-75-l:73%;--bulma-link-80-l:78%;--bulma-link-85-l:83%;--bulma-link-90-l:88%;--bulma-link-95-l:93%;--bulma-link-100-l:98%;--bulma-link-00:hsla(var(--bulma-link-h),var(--bulma-link-s),var(--bulma-link-00-l),1);--bulma-link-00-invert-l:var(--bulma-link-75-l);--bulma-link-00-invert:hsla(var(--bulma-link-h),var(--bulma-link-s),var(--bulma-link-00-invert-l),1);--bulma-link-05:hsla(var(--bulma-link-h),var(--bulma-link-s),var(--bulma-link-05-l),1);--bulma-link-05-invert-l:var(--bulma-link-75-l);--bulma-link-05-invert:hsla(var(--bulma-link-h),var(--bulma-link-s),var(--bulma-link-05-invert-l),1);--bulma-link-10:hsla(var(--bulma-link-h),var(--bulma-link-s),var(--bulma-link-10-l),1);--bulma-link-10-invert-l:var(--bulma-link-75-l);--bulma-link-10-invert:hsla(var(--bulma-link-h),var(--bulma-link-s),var(--bulma-link-10-invert-l),1);--bulma-link-15:hsla(var(--bulma-link-h),var(--bulma-link-s),var(--bulma-link-15-l),1);--bulma-link-15-invert-l:var(--bulma-link-80-l);--bulma-link-15-invert:hsla(var(--bulma-link-h),var(--bulma-link-s),var(--bulma-link-15-invert-l),1);--bulma-link-20:hsla(var(--bulma-link-h),var(--bulma-link-s),var(--bulma-link-20-l),1);--bulma-link-20-invert-l:var(--bulma-link-80-l);--bulma-link-20-invert:hsla(var(--bulma-link-h),var(--bulma-link-s),var(--bulma-link-20-invert-l),1);--bulma-link-25:hsla(var(--bulma-link-h),var(--bulma-link-s),var(--bulma-link-25-l),1);--bulma-link-25-invert-l:var(--bulma-link-85-l);--bulma-link-25-invert:hsla(var(--bulma-link-h),var(--bulma-link-s),var(--bulma-link-25-invert-l),1);--bulma-link-30:hsla(var(--bulma-link-h),var(--bulma-link-s),var(--bulma-link-30-l),1);--bulma-link-30-invert-l:var(--bulma-link-90-l);--bulma-link-30-invert:hsla(var(--bulma-link-h),var(--bulma-link-s),var(--bulma-link-30-invert-l),1);--bulma-link-35:hsla(var(--bulma-link-h),var(--bulma-link-s),var(--bulma-link-35-l),1);--bulma-link-35-invert-l:var(--bulma-link-90-l);--bulma-link-35-invert:hsla(var(--bulma-link-h),var(--bulma-link-s),var(--bulma-link-35-invert-l),1);--bulma-link-40:hsla(var(--bulma-link-h),var(--bulma-link-s),var(--bulma-link-40-l),1);--bulma-link-40-invert-l:var(--bulma-link-95-l);--bulma-link-40-invert:hsla(var(--bulma-link-h),var(--bulma-link-s),var(--bulma-link-40-invert-l),1);--bulma-link-45:hsla(var(--bulma-link-h),var(--bulma-link-s),var(--bulma-link-45-l),1);--bulma-link-45-invert-l:var(--bulma-link-100-l);--bulma-link-45-invert:hsla(var(--bulma-link-h),var(--bulma-link-s),var(--bulma-link-45-invert-l),1);--bulma-link-50:hsla(var(--bulma-link-h),var(--bulma-link-s),var(--bulma-link-50-l),1);--bulma-link-50-invert-l:var(--bulma-link-100-l);--bulma-link-50-invert:hsla(var(--bulma-link-h),var(--bulma-link-s),var(--bulma-link-50-invert-l),1);--bulma-link-55:hsla(var(--bulma-link-h),var(--bulma-link-s),var(--bulma-link-55-l),1);--bulma-link-55-invert-l:var(--bulma-link-100-l);--bulma-link-55-invert:hsla(var(--bulma-link-h),var(--bulma-link-s),var(--bulma-link-55-invert-l),1);--bulma-link-60:hsla(var(--bulma-link-h),var(--bulma-link-s),var(--bulma-link-60-l),1);--bulma-link-60-invert-l:var(--bulma-link-100-l);--bulma-link-60-invert:hsla(var(--bulma-link-h),var(--bulma-link-s),var(--bulma-link-60-invert-l),1);--bulma-link-65:hsla(var(--bulma-link-h),var(--bulma-link-s),var(--bulma-link-65-l),1);--bulma-link-65-invert-l:var(--bulma-link-100-l);--bulma-link-65-invert:hsla(var(--bulma-link-h),var(--bulma-link-s),var(--bulma-link-65-invert-l),1);--bulma-link-70:hsla(var(--bulma-link-h),var(--bulma-link-s),var(--bulma-link-70-l),1);--bulma-link-70-invert-l:var(--bulma-link-100-l);--bulma-link-70-invert:hsla(var(--bulma-link-h),var(--bulma-link-s),var(--bulma-link-70-invert-l),1);--bulma-link-75:hsla(var(--bulma-link-h),var(--bulma-link-s),var(--bulma-link-75-l),1);--bulma-link-75-invert-l:var(--bulma-link-10-l);--bulma-link-75-invert:hsla(var(--bulma-link-h),var(--bulma-link-s),var(--bulma-link-75-invert-l),1);--bulma-link-80:hsla(var(--bulma-link-h),var(--bulma-link-s),var(--bulma-link-80-l),1);--bulma-link-80-invert-l:var(--bulma-link-20-l);--bulma-link-80-invert:hsla(var(--bulma-link-h),var(--bulma-link-s),var(--bulma-link-80-invert-l),1);--bulma-link-85:hsla(var(--bulma-link-h),var(--bulma-link-s),var(--bulma-link-85-l),1);--bulma-link-85-invert-l:var(--bulma-link-25-l);--bulma-link-85-invert:hsla(var(--bulma-link-h),var(--bulma-link-s),var(--bulma-link-85-invert-l),1);--bulma-link-90:hsla(var(--bulma-link-h),var(--bulma-link-s),var(--bulma-link-90-l),1);--bulma-link-90-invert-l:var(--bulma-link-35-l);--bulma-link-90-invert:hsla(var(--bulma-link-h),var(--bulma-link-s),var(--bulma-link-90-invert-l),1);--bulma-link-95:hsla(var(--bulma-link-h),var(--bulma-link-s),var(--bulma-link-95-l),1);--bulma-link-95-invert-l:var(--bulma-link-40-l);--bulma-link-95-invert:hsla(var(--bulma-link-h),var(--bulma-link-s),var(--bulma-link-95-invert-l),1);--bulma-link-100:hsla(var(--bulma-link-h),var(--bulma-link-s),var(--bulma-link-100-l),1);--bulma-link-100-invert-l:var(--bulma-link-50-l);--bulma-link-100-invert:hsla(var(--bulma-link-h),var(--bulma-link-s),var(--bulma-link-100-invert-l),1);--bulma-link-invert-l:var(--bulma-link-100-l);--bulma-link-invert:hsla(var(--bulma-link-h),var(--bulma-link-s),var(--bulma-link-invert-l),1);--bulma-link-light-l:var(--bulma-link-90-l);--bulma-link-light:hsla(var(--bulma-link-h),var(--bulma-link-s),var(--bulma-link-light-l),1);--bulma-link-light-invert-l:var(--bulma-link-35-l);--bulma-link-light-invert:hsla(var(--bulma-link-h),var(--bulma-link-s),var(--bulma-link-light-invert-l),1);--bulma-link-dark-l:var(--bulma-link-10-l);--bulma-link-dark:hsla(var(--bulma-link-h),var(--bulma-link-s),var(--bulma-link-dark-l),1);--bulma-link-dark-invert-l:var(--bulma-link-75-l);--bulma-link-dark-invert:hsla(var(--bulma-link-h),var(--bulma-link-s),var(--bulma-link-dark-invert-l),1);--bulma-link-soft:hsla(var(--bulma-link-h),var(--bulma-link-s),var(--bulma-soft-l),1);--bulma-link-bold:hsla(var(--bulma-link-h),var(--bulma-link-s),var(--bulma-bold-l),1);--bulma-link-soft-invert:hsla(var(--bulma-link-h),var(--bulma-link-s),var(--bulma-soft-invert-l),1);--bulma-link-bold-invert:hsla(var(--bulma-link-h),var(--bulma-link-s),var(--bulma-bold-invert-l),1);--bulma-link-on-scheme-l:58%;--bulma-link-on-scheme:hsla(var(--bulma-link-h),var(--bulma-link-s),var(--bulma-link-on-scheme-l),1);--bulma-info:hsla(var(--bulma-info-h),var(--bulma-info-s),var(--bulma-info-l),1);--bulma-info-base:hsla(var(--bulma-info-h),var(--bulma-info-s),var(--bulma-info-l),1);--bulma-info-rgb:102,209,255;--bulma-info-h:198deg;--bulma-info-s:100%;--bulma-info-l:70%;--bulma-info-00-l:0%;--bulma-info-05-l:5%;--bulma-info-10-l:10%;--bulma-info-15-l:15%;--bulma-info-20-l:20%;--bulma-info-25-l:25%;--bulma-info-30-l:30%;--bulma-info-35-l:35%;--bulma-info-40-l:40%;--bulma-info-45-l:45%;--bulma-info-50-l:50%;--bulma-info-55-l:55%;--bulma-info-60-l:60%;--bulma-info-65-l:65%;--bulma-info-70-l:70%;--bulma-info-75-l:75%;--bulma-info-80-l:80%;--bulma-info-85-l:85%;--bulma-info-90-l:90%;--bulma-info-95-l:95%;--bulma-info-100-l:100%;--bulma-info-00:hsla(var(--bulma-info-h),var(--bulma-info-s),var(--bulma-info-00-l),1);--bulma-info-00-invert-l:var(--bulma-info-45-l);--bulma-info-00-invert:hsla(var(--bulma-info-h),var(--bulma-info-s),var(--bulma-info-00-invert-l),1);--bulma-info-05:hsla(var(--bulma-info-h),var(--bulma-info-s),var(--bulma-info-05-l),1);--bulma-info-05-invert-l:var(--bulma-info-50-l);--bulma-info-05-invert:hsla(var(--bulma-info-h),var(--bulma-info-s),var(--bulma-info-05-invert-l),1);--bulma-info-10:hsla(var(--bulma-info-h),var(--bulma-info-s),var(--bulma-info-10-l),1);--bulma-info-10-invert-l:var(--bulma-info-60-l);--bulma-info-10-invert:hsla(var(--bulma-info-h),var(--bulma-info-s),var(--bulma-info-10-invert-l),1);--bulma-info-15:hsla(var(--bulma-info-h),var(--bulma-info-s),var(--bulma-info-15-l),1);--bulma-info-15-invert-l:var(--bulma-info-80-l);--bulma-info-15-invert:hsla(var(--bulma-info-h),var(--bulma-info-s),var(--bulma-info-15-invert-l),1);--bulma-info-20:hsla(var(--bulma-info-h),var(--bulma-info-s),var(--bulma-info-20-l),1);--bulma-info-20-invert-l:var(--bulma-info-95-l);--bulma-info-20-invert:hsla(var(--bulma-info-h),var(--bulma-info-s),var(--bulma-info-20-invert-l),1);--bulma-info-25:hsla(var(--bulma-info-h),var(--bulma-info-s),var(--bulma-info-25-l),1);--bulma-info-25-invert-l:var(--bulma-info-100-l);--bulma-info-25-invert:hsla(var(--bulma-info-h),var(--bulma-info-s),var(--bulma-info-25-invert-l),1);--bulma-info-30:hsla(var(--bulma-info-h),var(--bulma-info-s),var(--bulma-info-30-l),1);--bulma-info-30-invert-l:var(--bulma-info-100-l);--bulma-info-30-invert:hsla(var(--bulma-info-h),var(--bulma-info-s),var(--bulma-info-30-invert-l),1);--bulma-info-35:hsla(var(--bulma-info-h),var(--bulma-info-s),var(--bulma-info-35-l),1);--bulma-info-35-invert-l:var(--bulma-info-100-l);--bulma-info-35-invert:hsla(var(--bulma-info-h),var(--bulma-info-s),var(--bulma-info-35-invert-l),1);--bulma-info-40:hsla(var(--bulma-info-h),var(--bulma-info-s),var(--bulma-info-40-l),1);--bulma-info-40-invert-l:var(--bulma-info-100-l);--bulma-info-40-invert:hsla(var(--bulma-info-h),var(--bulma-info-s),var(--bulma-info-40-invert-l),1);--bulma-info-45:hsla(var(--bulma-info-h),var(--bulma-info-s),var(--bulma-info-45-l),1);--bulma-info-45-invert-l:var(--bulma-info-00-l);--bulma-info-45-invert:hsla(var(--bulma-info-h),var(--bulma-info-s),var(--bulma-info-45-invert-l),1);--bulma-info-50:hsla(var(--bulma-info-h),var(--bulma-info-s),var(--bulma-info-50-l),1);--bulma-info-50-invert-l:var(--bulma-info-05-l);--bulma-info-50-invert:hsla(var(--bulma-info-h),var(--bulma-info-s),var(--bulma-info-50-invert-l),1);--bulma-info-55:hsla(var(--bulma-info-h),var(--bulma-info-s),var(--bulma-info-55-l),1);--bulma-info-55-invert-l:var(--bulma-info-05-l);--bulma-info-55-invert:hsla(var(--bulma-info-h),var(--bulma-info-s),var(--bulma-info-55-invert-l),1);--bulma-info-60:hsla(var(--bulma-info-h),var(--bulma-info-s),var(--bulma-info-60-l),1);--bulma-info-60-invert-l:var(--bulma-info-10-l);--bulma-info-60-invert:hsla(var(--bulma-info-h),var(--bulma-info-s),var(--bulma-info-60-invert-l),1);--bulma-info-65:hsla(var(--bulma-info-h),var(--bulma-info-s),var(--bulma-info-65-l),1);--bulma-info-65-invert-l:var(--bulma-info-10-l);--bulma-info-65-invert:hsla(var(--bulma-info-h),var(--bulma-info-s),var(--bulma-info-65-invert-l),1);--bulma-info-70:hsla(var(--bulma-info-h),var(--bulma-info-s),var(--bulma-info-70-l),1);--bulma-info-70-invert-l:var(--bulma-info-10-l);--bulma-info-70-invert:hsla(var(--bulma-info-h),var(--bulma-info-s),var(--bulma-info-70-invert-l),1);--bulma-info-75:hsla(var(--bulma-info-h),var(--bulma-info-s),var(--bulma-info-75-l),1);--bulma-info-75-invert-l:var(--bulma-info-10-l);--bulma-info-75-invert:hsla(var(--bulma-info-h),var(--bulma-info-s),var(--bulma-info-75-invert-l),1);--bulma-info-80:hsla(var(--bulma-info-h),var(--bulma-info-s),var(--bulma-info-80-l),1);--bulma-info-80-invert-l:var(--bulma-info-15-l);--bulma-info-80-invert:hsla(var(--bulma-info-h),var(--bulma-info-s),var(--bulma-info-80-invert-l),1);--bulma-info-85:hsla(var(--bulma-info-h),var(--bulma-info-s),var(--bulma-info-85-l),1);--bulma-info-85-invert-l:var(--bulma-info-15-l);--bulma-info-85-invert:hsla(var(--bulma-info-h),var(--bulma-info-s),var(--bulma-info-85-invert-l),1);--bulma-info-90:hsla(var(--bulma-info-h),var(--bulma-info-s),var(--bulma-info-90-l),1);--bulma-info-90-invert-l:var(--bulma-info-15-l);--bulma-info-90-invert:hsla(var(--bulma-info-h),var(--bulma-info-s),var(--bulma-info-90-invert-l),1);--bulma-info-95:hsla(var(--bulma-info-h),var(--bulma-info-s),var(--bulma-info-95-l),1);--bulma-info-95-invert-l:var(--bulma-info-20-l);--bulma-info-95-invert:hsla(var(--bulma-info-h),var(--bulma-info-s),var(--bulma-info-95-invert-l),1);--bulma-info-100:hsla(var(--bulma-info-h),var(--bulma-info-s),var(--bulma-info-100-l),1);--bulma-info-100-invert-l:var(--bulma-info-20-l);--bulma-info-100-invert:hsla(var(--bulma-info-h),var(--bulma-info-s),var(--bulma-info-100-invert-l),1);--bulma-info-invert-l:var(--bulma-info-10-l);--bulma-info-invert:hsla(var(--bulma-info-h),var(--bulma-info-s),var(--bulma-info-invert-l),1);--bulma-info-light-l:var(--bulma-info-90-l);--bulma-info-light:hsla(var(--bulma-info-h),var(--bulma-info-s),var(--bulma-info-light-l),1);--bulma-info-light-invert-l:var(--bulma-info-15-l);--bulma-info-light-invert:hsla(var(--bulma-info-h),var(--bulma-info-s),var(--bulma-info-light-invert-l),1);--bulma-info-dark-l:var(--bulma-info-10-l);--bulma-info-dark:hsla(var(--bulma-info-h),var(--bulma-info-s),var(--bulma-info-dark-l),1);--bulma-info-dark-invert-l:var(--bulma-info-60-l);--bulma-info-dark-invert:hsla(var(--bulma-info-h),var(--bulma-info-s),var(--bulma-info-dark-invert-l),1);--bulma-info-soft:hsla(var(--bulma-info-h),var(--bulma-info-s),var(--bulma-soft-l),1);--bulma-info-bold:hsla(var(--bulma-info-h),var(--bulma-info-s),var(--bulma-bold-l),1);--bulma-info-soft-invert:hsla(var(--bulma-info-h),var(--bulma-info-s),var(--bulma-soft-invert-l),1);--bulma-info-bold-invert:hsla(var(--bulma-info-h),var(--bulma-info-s),var(--bulma-bold-invert-l),1);--bulma-info-on-scheme-l:25%;--bulma-info-on-scheme:hsla(var(--bulma-info-h),var(--bulma-info-s),var(--bulma-info-on-scheme-l),1);--bulma-success:hsla(var(--bulma-success-h),var(--bulma-success-s),var(--bulma-success-l),1);--bulma-success-base:hsla(var(--bulma-success-h),var(--bulma-success-s),var(--bulma-success-l),1);--bulma-success-rgb:72,199,142;--bulma-success-h:153deg;--bulma-success-s:53%;--bulma-success-l:53%;--bulma-success-00-l:0%;--bulma-success-05-l:3%;--bulma-success-10-l:8%;--bulma-success-15-l:13%;--bulma-success-20-l:18%;--bulma-success-25-l:23%;--bulma-success-30-l:28%;--bulma-success-35-l:33%;--bulma-success-40-l:38%;--bulma-success-45-l:43%;--bulma-success-50-l:48%;--bulma-success-55-l:53%;--bulma-success-60-l:58%;--bulma-success-65-l:63%;--bulma-success-70-l:68%;--bulma-success-75-l:73%;--bulma-success-80-l:78%;--bulma-success-85-l:83%;--bulma-success-90-l:88%;--bulma-success-95-l:93%;--bulma-success-100-l:98%;--bulma-success-00:hsla(var(--bulma-success-h),var(--bulma-success-s),var(--bulma-success-00-l),1);--bulma-success-00-invert-l:var(--bulma-success-45-l);--bulma-success-00-invert:hsla(var(--bulma-success-h),var(--bulma-success-s),var(--bulma-success-00-invert-l),1);--bulma-success-05:hsla(var(--bulma-success-h),var(--bulma-success-s),var(--bulma-success-05-l),1);--bulma-success-05-invert-l:var(--bulma-success-45-l);--bulma-success-05-invert:hsla(var(--bulma-success-h),var(--bulma-success-s),var(--bulma-success-05-invert-l),1);--bulma-success-10:hsla(var(--bulma-success-h),var(--bulma-success-s),var(--bulma-success-10-l),1);--bulma-success-10-invert-l:var(--bulma-success-55-l);--bulma-success-10-invert:hsla(var(--bulma-success-h),var(--bulma-success-s),var(--bulma-success-10-invert-l),1);--bulma-success-15:hsla(var(--bulma-success-h),var(--bulma-success-s),var(--bulma-success-15-l),1);--bulma-success-15-invert-l:var(--bulma-success-75-l);--bulma-success-15-invert:hsla(var(--bulma-success-h),var(--bulma-success-s),var(--bulma-success-15-invert-l),1);--bulma-success-20:hsla(var(--bulma-success-h),var(--bulma-success-s),var(--bulma-success-20-l),1);--bulma-success-20-invert-l:var(--bulma-success-90-l);--bulma-success-20-invert:hsla(var(--bulma-success-h),var(--bulma-success-s),var(--bulma-success-20-invert-l),1);--bulma-success-25:hsla(var(--bulma-success-h),var(--bulma-success-s),var(--bulma-success-25-l),1);--bulma-success-25-invert-l:var(--bulma-success-100-l);--bulma-success-25-invert:hsla(var(--bulma-success-h),var(--bulma-success-s),var(--bulma-success-25-invert-l),1);--bulma-success-30:hsla(var(--bulma-success-h),var(--bulma-success-s),var(--bulma-success-30-l),1);--bulma-success-30-invert-l:var(--bulma-success-100-l);--bulma-success-30-invert:hsla(var(--bulma-success-h),var(--bulma-success-s),var(--bulma-success-30-invert-l),1);--bulma-success-35:hsla(var(--bulma-success-h),var(--bulma-success-s),var(--bulma-success-35-l),1);--bulma-success-35-invert-l:var(--bulma-success-100-l);--bulma-success-35-invert:hsla(var(--bulma-success-h),var(--bulma-success-s),var(--bulma-success-35-invert-l),1);--bulma-success-40:hsla(var(--bulma-success-h),var(--bulma-success-s),var(--bulma-success-40-l),1);--bulma-success-40-invert-l:var(--bulma-success-100-l);--bulma-success-40-invert:hsla(var(--bulma-success-h),var(--bulma-success-s),var(--bulma-success-40-invert-l),1);--bulma-success-45:hsla(var(--bulma-success-h),var(--bulma-success-s),var(--bulma-success-45-l),1);--bulma-success-45-invert-l:var(--bulma-success-05-l);--bulma-success-45-invert:hsla(var(--bulma-success-h),var(--bulma-success-s),var(--bulma-success-45-invert-l),1);--bulma-success-50:hsla(var(--bulma-success-h),var(--bulma-success-s),var(--bulma-success-50-l),1);--bulma-success-50-invert-l:var(--bulma-success-05-l);--bulma-success-50-invert:hsla(var(--bulma-success-h),var(--bulma-success-s),var(--bulma-success-50-invert-l),1);--bulma-success-55:hsla(var(--bulma-success-h),var(--bulma-success-s),var(--bulma-success-55-l),1);--bulma-success-55-invert-l:var(--bulma-success-10-l);--bulma-success-55-invert:hsla(var(--bulma-success-h),var(--bulma-success-s),var(--bulma-success-55-invert-l),1);--bulma-success-60:hsla(var(--bulma-success-h),var(--bulma-success-s),var(--bulma-success-60-l),1);--bulma-success-60-invert-l:var(--bulma-success-10-l);--bulma-success-60-invert:hsla(var(--bulma-success-h),var(--bulma-success-s),var(--bulma-success-60-invert-l),1);--bulma-success-65:hsla(var(--bulma-success-h),var(--bulma-success-s),var(--bulma-success-65-l),1);--bulma-success-65-invert-l:var(--bulma-success-10-l);--bulma-success-65-invert:hsla(var(--bulma-success-h),var(--bulma-success-s),var(--bulma-success-65-invert-l),1);--bulma-success-70:hsla(var(--bulma-success-h),var(--bulma-success-s),var(--bulma-success-70-l),1);--bulma-success-70-invert-l:var(--bulma-success-10-l);--bulma-success-70-invert:hsla(var(--bulma-success-h),var(--bulma-success-s),var(--bulma-success-70-invert-l),1);--bulma-success-75:hsla(var(--bulma-success-h),var(--bulma-success-s),var(--bulma-success-75-l),1);--bulma-success-75-invert-l:var(--bulma-success-15-l);--bulma-success-75-invert:hsla(var(--bulma-success-h),var(--bulma-success-s),var(--bulma-success-75-invert-l),1);--bulma-success-80:hsla(var(--bulma-success-h),var(--bulma-success-s),var(--bulma-success-80-l),1);--bulma-success-80-invert-l:var(--bulma-success-15-l);--bulma-success-80-invert:hsla(var(--bulma-success-h),var(--bulma-success-s),var(--bulma-success-80-invert-l),1);--bulma-success-85:hsla(var(--bulma-success-h),var(--bulma-success-s),var(--bulma-success-85-l),1);--bulma-success-85-invert-l:var(--bulma-success-15-l);--bulma-success-85-invert:hsla(var(--bulma-success-h),var(--bulma-success-s),var(--bulma-success-85-invert-l),1);--bulma-success-90:hsla(var(--bulma-success-h),var(--bulma-success-s),var(--bulma-success-90-l),1);--bulma-success-90-invert-l:var(--bulma-success-20-l);--bulma-success-90-invert:hsla(var(--bulma-success-h),var(--bulma-success-s),var(--bulma-success-90-invert-l),1);--bulma-success-95:hsla(var(--bulma-success-h),var(--bulma-success-s),var(--bulma-success-95-l),1);--bulma-success-95-invert-l:var(--bulma-success-20-l);--bulma-success-95-invert:hsla(var(--bulma-success-h),var(--bulma-success-s),var(--bulma-success-95-invert-l),1);--bulma-success-100:hsla(var(--bulma-success-h),var(--bulma-success-s),var(--bulma-success-100-l),1);--bulma-success-100-invert-l:var(--bulma-success-20-l);--bulma-success-100-invert:hsla(var(--bulma-success-h),var(--bulma-success-s),var(--bulma-success-100-invert-l),1);--bulma-success-invert-l:var(--bulma-success-10-l);--bulma-success-invert:hsla(var(--bulma-success-h),var(--bulma-success-s),var(--bulma-success-invert-l),1);--bulma-success-light-l:var(--bulma-success-90-l);--bulma-success-light:hsla(var(--bulma-success-h),var(--bulma-success-s),var(--bulma-success-light-l),1);--bulma-success-light-invert-l:var(--bulma-success-20-l);--bulma-success-light-invert:hsla(var(--bulma-success-h),var(--bulma-success-s),var(--bulma-success-light-invert-l),1);--bulma-success-dark-l:var(--bulma-success-10-l);--bulma-success-dark:hsla(var(--bulma-success-h),var(--bulma-success-s),var(--bulma-success-dark-l),1);--bulma-success-dark-invert-l:var(--bulma-success-55-l);--bulma-success-dark-invert:hsla(var(--bulma-success-h),var(--bulma-success-s),var(--bulma-success-dark-invert-l),1);--bulma-success-soft:hsla(var(--bulma-success-h),var(--bulma-success-s),var(--bulma-soft-l),1);--bulma-success-bold:hsla(var(--bulma-success-h),var(--bulma-success-s),var(--bulma-bold-l),1);--bulma-success-soft-invert:hsla(var(--bulma-success-h),var(--bulma-success-s),var(--bulma-soft-invert-l),1);--bulma-success-bold-invert:hsla(var(--bulma-success-h),var(--bulma-success-s),var(--bulma-bold-invert-l),1);--bulma-success-on-scheme-l:23%;--bulma-success-on-scheme:hsla(var(--bulma-success-h),var(--bulma-success-s),var(--bulma-success-on-scheme-l),1);--bulma-warning:hsla(var(--bulma-warning-h),var(--bulma-warning-s),var(--bulma-warning-l),1);--bulma-warning-base:hsla(var(--bulma-warning-h),var(--bulma-warning-s),var(--bulma-warning-l),1);--bulma-warning-rgb:255,183,15;--bulma-warning-h:42deg;--bulma-warning-s:100%;--bulma-warning-l:53%;--bulma-warning-00-l:0%;--bulma-warning-05-l:3%;--bulma-warning-10-l:8%;--bulma-warning-15-l:13%;--bulma-warning-20-l:18%;--bulma-warning-25-l:23%;--bulma-warning-30-l:28%;--bulma-warning-35-l:33%;--bulma-warning-40-l:38%;--bulma-warning-45-l:43%;--bulma-warning-50-l:48%;--bulma-warning-55-l:53%;--bulma-warning-60-l:58%;--bulma-warning-65-l:63%;--bulma-warning-70-l:68%;--bulma-warning-75-l:73%;--bulma-warning-80-l:78%;--bulma-warning-85-l:83%;--bulma-warning-90-l:88%;--bulma-warning-95-l:93%;--bulma-warning-100-l:98%;--bulma-warning-00:hsla(var(--bulma-warning-h),var(--bulma-warning-s),var(--bulma-warning-00-l),1);--bulma-warning-00-invert-l:var(--bulma-warning-40-l);--bulma-warning-00-invert:hsla(var(--bulma-warning-h),var(--bulma-warning-s),var(--bulma-warning-00-invert-l),1);--bulma-warning-05:hsla(var(--bulma-warning-h),var(--bulma-warning-s),var(--bulma-warning-05-l),1);--bulma-warning-05-invert-l:var(--bulma-warning-45-l);--bulma-warning-05-invert:hsla(var(--bulma-warning-h),var(--bulma-warning-s),var(--bulma-warning-05-invert-l),1);--bulma-warning-10:hsla(var(--bulma-warning-h),var(--bulma-warning-s),var(--bulma-warning-10-l),1);--bulma-warning-10-invert-l:var(--bulma-warning-50-l);--bulma-warning-10-invert:hsla(var(--bulma-warning-h),var(--bulma-warning-s),var(--bulma-warning-10-invert-l),1);--bulma-warning-15:hsla(var(--bulma-warning-h),var(--bulma-warning-s),var(--bulma-warning-15-l),1);--bulma-warning-15-invert-l:var(--bulma-warning-70-l);--bulma-warning-15-invert:hsla(var(--bulma-warning-h),var(--bulma-warning-s),var(--bulma-warning-15-invert-l),1);--bulma-warning-20:hsla(var(--bulma-warning-h),var(--bulma-warning-s),var(--bulma-warning-20-l),1);--bulma-warning-20-invert-l:var(--bulma-warning-100-l);--bulma-warning-20-invert:hsla(var(--bulma-warning-h),var(--bulma-warning-s),var(--bulma-warning-20-invert-l),1);--bulma-warning-25:hsla(var(--bulma-warning-h),var(--bulma-warning-s),var(--bulma-warning-25-l),1);--bulma-warning-25-invert-l:var(--bulma-warning-100-l);--bulma-warning-25-invert:hsla(var(--bulma-warning-h),var(--bulma-warning-s),var(--bulma-warning-25-invert-l),1);--bulma-warning-30:hsla(var(--bulma-warning-h),var(--bulma-warning-s),var(--bulma-warning-30-l),1);--bulma-warning-30-invert-l:var(--bulma-warning-100-l);--bulma-warning-30-invert:hsla(var(--bulma-warning-h),var(--bulma-warning-s),var(--bulma-warning-30-invert-l),1);--bulma-warning-35:hsla(var(--bulma-warning-h),var(--bulma-warning-s),var(--bulma-warning-35-l),1);--bulma-warning-35-invert-l:var(--bulma-warning-100-l);--bulma-warning-35-invert:hsla(var(--bulma-warning-h),var(--bulma-warning-s),var(--bulma-warning-35-invert-l),1);--bulma-warning-40:hsla(var(--bulma-warning-h),var(--bulma-warning-s),var(--bulma-warning-40-l),1);--bulma-warning-40-invert-l:var(--bulma-warning-00-l);--bulma-warning-40-invert:hsla(var(--bulma-warning-h),var(--bulma-warning-s),var(--bulma-warning-40-invert-l),1);--bulma-warning-45:hsla(var(--bulma-warning-h),var(--bulma-warning-s),var(--bulma-warning-45-l),1);--bulma-warning-45-invert-l:var(--bulma-warning-05-l);--bulma-warning-45-invert:hsla(var(--bulma-warning-h),var(--bulma-warning-s),var(--bulma-warning-45-invert-l),1);--bulma-warning-50:hsla(var(--bulma-warning-h),var(--bulma-warning-s),var(--bulma-warning-50-l),1);--bulma-warning-50-invert-l:var(--bulma-warning-10-l);--bulma-warning-50-invert:hsla(var(--bulma-warning-h),var(--bulma-warning-s),var(--bulma-warning-50-invert-l),1);--bulma-warning-55:hsla(var(--bulma-warning-h),var(--bulma-warning-s),var(--bulma-warning-55-l),1);--bulma-warning-55-invert-l:var(--bulma-warning-10-l);--bulma-warning-55-invert:hsla(var(--bulma-warning-h),var(--bulma-warning-s),var(--bulma-warning-55-invert-l),1);--bulma-warning-60:hsla(var(--bulma-warning-h),var(--bulma-warning-s),var(--bulma-warning-60-l),1);--bulma-warning-60-invert-l:var(--bulma-warning-10-l);--bulma-warning-60-invert:hsla(var(--bulma-warning-h),var(--bulma-warning-s),var(--bulma-warning-60-invert-l),1);--bulma-warning-65:hsla(var(--bulma-warning-h),var(--bulma-warning-s),var(--bulma-warning-65-l),1);--bulma-warning-65-invert-l:var(--bulma-warning-10-l);--bulma-warning-65-invert:hsla(var(--bulma-warning-h),var(--bulma-warning-s),var(--bulma-warning-65-invert-l),1);--bulma-warning-70:hsla(var(--bulma-warning-h),var(--bulma-warning-s),var(--bulma-warning-70-l),1);--bulma-warning-70-invert-l:var(--bulma-warning-15-l);--bulma-warning-70-invert:hsla(var(--bulma-warning-h),var(--bulma-warning-s),var(--bulma-warning-70-invert-l),1);--bulma-warning-75:hsla(var(--bulma-warning-h),var(--bulma-warning-s),var(--bulma-warning-75-l),1);--bulma-warning-75-invert-l:var(--bulma-warning-15-l);--bulma-warning-75-invert:hsla(var(--bulma-warning-h),var(--bulma-warning-s),var(--bulma-warning-75-invert-l),1);--bulma-warning-80:hsla(var(--bulma-warning-h),var(--bulma-warning-s),var(--bulma-warning-80-l),1);--bulma-warning-80-invert-l:var(--bulma-warning-15-l);--bulma-warning-80-invert:hsla(var(--bulma-warning-h),var(--bulma-warning-s),var(--bulma-warning-80-invert-l),1);--bulma-warning-85:hsla(var(--bulma-warning-h),var(--bulma-warning-s),var(--bulma-warning-85-l),1);--bulma-warning-85-invert-l:var(--bulma-warning-15-l);--bulma-warning-85-invert:hsla(var(--bulma-warning-h),var(--bulma-warning-s),var(--bulma-warning-85-invert-l),1);--bulma-warning-90:hsla(var(--bulma-warning-h),var(--bulma-warning-s),var(--bulma-warning-90-l),1);--bulma-warning-90-invert-l:var(--bulma-warning-15-l);--bulma-warning-90-invert:hsla(var(--bulma-warning-h),var(--bulma-warning-s),var(--bulma-warning-90-invert-l),1);--bulma-warning-95:hsla(var(--bulma-warning-h),var(--bulma-warning-s),var(--bulma-warning-95-l),1);--bulma-warning-95-invert-l:var(--bulma-warning-15-l);--bulma-warning-95-invert:hsla(var(--bulma-warning-h),var(--bulma-warning-s),var(--bulma-warning-95-invert-l),1);--bulma-warning-100:hsla(var(--bulma-warning-h),var(--bulma-warning-s),var(--bulma-warning-100-l),1);--bulma-warning-100-invert-l:var(--bulma-warning-20-l);--bulma-warning-100-invert:hsla(var(--bulma-warning-h),var(--bulma-warning-s),var(--bulma-warning-100-invert-l),1);--bulma-warning-invert-l:var(--bulma-warning-10-l);--bulma-warning-invert:hsla(var(--bulma-warning-h),var(--bulma-warning-s),var(--bulma-warning-invert-l),1);--bulma-warning-light-l:var(--bulma-warning-90-l);--bulma-warning-light:hsla(var(--bulma-warning-h),var(--bulma-warning-s),var(--bulma-warning-light-l),1);--bulma-warning-light-invert-l:var(--bulma-warning-15-l);--bulma-warning-light-invert:hsla(var(--bulma-warning-h),var(--bulma-warning-s),var(--bulma-warning-light-invert-l),1);--bulma-warning-dark-l:var(--bulma-warning-10-l);--bulma-warning-dark:hsla(var(--bulma-warning-h),var(--bulma-warning-s),var(--bulma-warning-dark-l),1);--bulma-warning-dark-invert-l:var(--bulma-warning-50-l);--bulma-warning-dark-invert:hsla(var(--bulma-warning-h),var(--bulma-warning-s),var(--bulma-warning-dark-invert-l),1);--bulma-warning-soft:hsla(var(--bulma-warning-h),var(--bulma-warning-s),var(--bulma-soft-l),1);--bulma-warning-bold:hsla(var(--bulma-warning-h),var(--bulma-warning-s),var(--bulma-bold-l),1);--bulma-warning-soft-invert:hsla(var(--bulma-warning-h),var(--bulma-warning-s),var(--bulma-soft-invert-l),1);--bulma-warning-bold-invert:hsla(var(--bulma-warning-h),var(--bulma-warning-s),var(--bulma-bold-invert-l),1);--bulma-warning-on-scheme-l:23%;--bulma-warning-on-scheme:hsla(var(--bulma-warning-h),var(--bulma-warning-s),var(--bulma-warning-on-scheme-l),1);--bulma-danger:hsla(var(--bulma-danger-h),var(--bulma-danger-s),var(--bulma-danger-l),1);--bulma-danger-base:hsla(var(--bulma-danger-h),var(--bulma-danger-s),var(--bulma-danger-l),1);--bulma-danger-rgb:255,102,133;--bulma-danger-h:348deg;--bulma-danger-s:100%;--bulma-danger-l:70%;--bulma-danger-00-l:0%;--bulma-danger-05-l:5%;--bulma-danger-10-l:10%;--bulma-danger-15-l:15%;--bulma-danger-20-l:20%;--bulma-danger-25-l:25%;--bulma-danger-30-l:30%;--bulma-danger-35-l:35%;--bulma-danger-40-l:40%;--bulma-danger-45-l:45%;--bulma-danger-50-l:50%;--bulma-danger-55-l:55%;--bulma-danger-60-l:60%;--bulma-danger-65-l:65%;--bulma-danger-70-l:70%;--bulma-danger-75-l:75%;--bulma-danger-80-l:80%;--bulma-danger-85-l:85%;--bulma-danger-90-l:90%;--bulma-danger-95-l:95%;--bulma-danger-100-l:100%;--bulma-danger-00:hsla(var(--bulma-danger-h),var(--bulma-danger-s),var(--bulma-danger-00-l),1);--bulma-danger-00-invert-l:var(--bulma-danger-65-l);--bulma-danger-00-invert:hsla(var(--bulma-danger-h),var(--bulma-danger-s),var(--bulma-danger-00-invert-l),1);--bulma-danger-05:hsla(var(--bulma-danger-h),var(--bulma-danger-s),var(--bulma-danger-05-l),1);--bulma-danger-05-invert-l:var(--bulma-danger-70-l);--bulma-danger-05-invert:hsla(var(--bulma-danger-h),var(--bulma-danger-s),var(--bulma-danger-05-invert-l),1);--bulma-danger-10:hsla(var(--bulma-danger-h),var(--bulma-danger-s),var(--bulma-danger-10-l),1);--bulma-danger-10-invert-l:var(--bulma-danger-75-l);--bulma-danger-10-invert:hsla(var(--bulma-danger-h),var(--bulma-danger-s),var(--bulma-danger-10-invert-l),1);--bulma-danger-15:hsla(var(--bulma-danger-h),var(--bulma-danger-s),var(--bulma-danger-15-l),1);--bulma-danger-15-invert-l:var(--bulma-danger-80-l);--bulma-danger-15-invert:hsla(var(--bulma-danger-h),var(--bulma-danger-s),var(--bulma-danger-15-invert-l),1);--bulma-danger-20:hsla(var(--bulma-danger-h),var(--bulma-danger-s),var(--bulma-danger-20-l),1);--bulma-danger-20-invert-l:var(--bulma-danger-85-l);--bulma-danger-20-invert:hsla(var(--bulma-danger-h),var(--bulma-danger-s),var(--bulma-danger-20-invert-l),1);--bulma-danger-25:hsla(var(--bulma-danger-h),var(--bulma-danger-s),var(--bulma-danger-25-l),1);--bulma-danger-25-invert-l:var(--bulma-danger-90-l);--bulma-danger-25-invert:hsla(var(--bulma-danger-h),var(--bulma-danger-s),var(--bulma-danger-25-invert-l),1);--bulma-danger-30:hsla(var(--bulma-danger-h),var(--bulma-danger-s),var(--bulma-danger-30-l),1);--bulma-danger-30-invert-l:var(--bulma-danger-100-l);--bulma-danger-30-invert:hsla(var(--bulma-danger-h),var(--bulma-danger-s),var(--bulma-danger-30-invert-l),1);--bulma-danger-35:hsla(var(--bulma-danger-h),var(--bulma-danger-s),var(--bulma-danger-35-l),1);--bulma-danger-35-invert-l:var(--bulma-danger-100-l);--bulma-danger-35-invert:hsla(var(--bulma-danger-h),var(--bulma-danger-s),var(--bulma-danger-35-invert-l),1);--bulma-danger-40:hsla(var(--bulma-danger-h),var(--bulma-danger-s),var(--bulma-danger-40-l),1);--bulma-danger-40-invert-l:var(--bulma-danger-100-l);--bulma-danger-40-invert:hsla(var(--bulma-danger-h),var(--bulma-danger-s),var(--bulma-danger-40-invert-l),1);--bulma-danger-45:hsla(var(--bulma-danger-h),var(--bulma-danger-s),var(--bulma-danger-45-l),1);--bulma-danger-45-invert-l:var(--bulma-danger-100-l);--bulma-danger-45-invert:hsla(var(--bulma-danger-h),var(--bulma-danger-s),var(--bulma-danger-45-invert-l),1);--bulma-danger-50:hsla(var(--bulma-danger-h),var(--bulma-danger-s),var(--bulma-danger-50-l),1);--bulma-danger-50-invert-l:var(--bulma-danger-100-l);--bulma-danger-50-invert:hsla(var(--bulma-danger-h),var(--bulma-danger-s),var(--bulma-danger-50-invert-l),1);--bulma-danger-55:hsla(var(--bulma-danger-h),var(--bulma-danger-s),var(--bulma-danger-55-l),1);--bulma-danger-55-invert-l:var(--bulma-danger-100-l);--bulma-danger-55-invert:hsla(var(--bulma-danger-h),var(--bulma-danger-s),var(--bulma-danger-55-invert-l),1);--bulma-danger-60:hsla(var(--bulma-danger-h),var(--bulma-danger-s),var(--bulma-danger-60-l),1);--bulma-danger-60-invert-l:var(--bulma-danger-100-l);--bulma-danger-60-invert:hsla(var(--bulma-danger-h),var(--bulma-danger-s),var(--bulma-danger-60-invert-l),1);--bulma-danger-65:hsla(var(--bulma-danger-h),var(--bulma-danger-s),var(--bulma-danger-65-l),1);--bulma-danger-65-invert-l:var(--bulma-danger-00-l);--bulma-danger-65-invert:hsla(var(--bulma-danger-h),var(--bulma-danger-s),var(--bulma-danger-65-invert-l),1);--bulma-danger-70:hsla(var(--bulma-danger-h),var(--bulma-danger-s),var(--bulma-danger-70-l),1);--bulma-danger-70-invert-l:var(--bulma-danger-05-l);--bulma-danger-70-invert:hsla(var(--bulma-danger-h),var(--bulma-danger-s),var(--bulma-danger-70-invert-l),1);--bulma-danger-75:hsla(var(--bulma-danger-h),var(--bulma-danger-s),var(--bulma-danger-75-l),1);--bulma-danger-75-invert-l:var(--bulma-danger-10-l);--bulma-danger-75-invert:hsla(var(--bulma-danger-h),var(--bulma-danger-s),var(--bulma-danger-75-invert-l),1);--bulma-danger-80:hsla(var(--bulma-danger-h),var(--bulma-danger-s),var(--bulma-danger-80-l),1);--bulma-danger-80-invert-l:var(--bulma-danger-15-l);--bulma-danger-80-invert:hsla(var(--bulma-danger-h),var(--bulma-danger-s),var(--bulma-danger-80-invert-l),1);--bulma-danger-85:hsla(var(--bulma-danger-h),var(--bulma-danger-s),var(--bulma-danger-85-l),1);--bulma-danger-85-invert-l:var(--bulma-danger-20-l);--bulma-danger-85-invert:hsla(var(--bulma-danger-h),var(--bulma-danger-s),var(--bulma-danger-85-invert-l),1);--bulma-danger-90:hsla(var(--bulma-danger-h),var(--bulma-danger-s),var(--bulma-danger-90-l),1);--bulma-danger-90-invert-l:var(--bulma-danger-25-l);--bulma-danger-90-invert:hsla(var(--bulma-danger-h),var(--bulma-danger-s),var(--bulma-danger-90-invert-l),1);--bulma-danger-95:hsla(var(--bulma-danger-h),var(--bulma-danger-s),var(--bulma-danger-95-l),1);--bulma-danger-95-invert-l:var(--bulma-danger-25-l);--bulma-danger-95-invert:hsla(var(--bulma-danger-h),var(--bulma-danger-s),var(--bulma-danger-95-invert-l),1);--bulma-danger-100:hsla(var(--bulma-danger-h),var(--bulma-danger-s),var(--bulma-danger-100-l),1);--bulma-danger-100-invert-l:var(--bulma-danger-30-l);--bulma-danger-100-invert:hsla(var(--bulma-danger-h),var(--bulma-danger-s),var(--bulma-danger-100-invert-l),1);--bulma-danger-invert-l:var(--bulma-danger-05-l);--bulma-danger-invert:hsla(var(--bulma-danger-h),var(--bulma-danger-s),var(--bulma-danger-invert-l),1);--bulma-danger-light-l:var(--bulma-danger-90-l);--bulma-danger-light:hsla(var(--bulma-danger-h),var(--bulma-danger-s),var(--bulma-danger-light-l),1);--bulma-danger-light-invert-l:var(--bulma-danger-25-l);--bulma-danger-light-invert:hsla(var(--bulma-danger-h),var(--bulma-danger-s),var(--bulma-danger-light-invert-l),1);--bulma-danger-dark-l:var(--bulma-danger-10-l);--bulma-danger-dark:hsla(var(--bulma-danger-h),var(--bulma-danger-s),var(--bulma-danger-dark-l),1);--bulma-danger-dark-invert-l:var(--bulma-danger-75-l);--bulma-danger-dark-invert:hsla(var(--bulma-danger-h),var(--bulma-danger-s),var(--bulma-danger-dark-invert-l),1);--bulma-danger-soft:hsla(var(--bulma-danger-h),var(--bulma-danger-s),var(--bulma-soft-l),1);--bulma-danger-bold:hsla(var(--bulma-danger-h),var(--bulma-danger-s),var(--bulma-bold-l),1);--bulma-danger-soft-invert:hsla(var(--bulma-danger-h),var(--bulma-danger-s),var(--bulma-soft-invert-l),1);--bulma-danger-bold-invert:hsla(var(--bulma-danger-h),var(--bulma-danger-s),var(--bulma-bold-invert-l),1);--bulma-danger-on-scheme-l:40%;--bulma-danger-on-scheme:hsla(var(--bulma-danger-h),var(--bulma-danger-s),var(--bulma-danger-on-scheme-l),1);--bulma-black-bis:#14161a;--bulma-black-ter:#1f2229;--bulma-grey-darker:#2e333d;--bulma-grey-dark:#404654;--bulma-grey:#69748c;--bulma-grey-light:#abb1bf;--bulma-grey-lighter:#d6d9e0;--bulma-white-ter:#f3f4f6;--bulma-white-bis:#f9fafb;--bulma-shadow-h:221deg;--bulma-shadow-s:14%;--bulma-shadow-l:4%;--bulma-size-1:3rem;--bulma-size-2:2.5rem;--bulma-size-3:2rem;--bulma-size-4:1.5rem;--bulma-size-5:1.25rem;--bulma-size-6:1rem;--bulma-size-7:.75rem;--bulma-scheme-main:hsl(var(--bulma-scheme-h),var(--bulma-scheme-s),var(--bulma-scheme-main-l));--bulma-scheme-main-bis:hsl(var(--bulma-scheme-h),var(--bulma-scheme-s),var(--bulma-scheme-main-bis-l));--bulma-scheme-main-ter:hsl(var(--bulma-scheme-h),var(--bulma-scheme-s),var(--bulma-scheme-main-ter-l));--bulma-background:hsl(var(--bulma-scheme-h),var(--bulma-scheme-s),var(--bulma-background-l));--bulma-background-hover:hsl(var(--bulma-scheme-h),var(--bulma-scheme-s),calc(var(--bulma-background-l) + var(--bulma-hover-background-l-delta)));--bulma-background-active:hsl(var(--bulma-scheme-h),var(--bulma-scheme-s),calc(var(--bulma-background-l) + var(--bulma-active-background-l-delta)));--bulma-border-weak:hsl(var(--bulma-scheme-h),var(--bulma-scheme-s),var(--bulma-border-weak-l));--bulma-border:hsl(var(--bulma-scheme-h),var(--bulma-scheme-s),var(--bulma-border-l));--bulma-border-hover:hsl(var(--bulma-scheme-h),var(--bulma-scheme-s),calc(var(--bulma-border-l) + var(--bulma-hover-border-l-delta)));--bulma-border-active:hsl(var(--bulma-scheme-h),var(--bulma-scheme-s),calc(var(--bulma-border-l) + var(--bulma-active-border-l-delta)));--bulma-text-weak:hsl(var(--bulma-text-h),var(--bulma-text-s),var(--bulma-text-weak-l));--bulma-text-strong:hsl(var(--bulma-text-h),var(--bulma-text-s),var(--bulma-text-strong-l));--bulma-scheme-invert-ter:hsl(var(--bulma-scheme-h),var(--bulma-scheme-s),var(--bulma-scheme-invert-ter-l));--bulma-scheme-invert-bis:hsl(var(--bulma-scheme-h),var(--bulma-scheme-s),var(--bulma-scheme-invert-bis-l));--bulma-scheme-invert:hsl(var(--bulma-scheme-h),var(--bulma-scheme-s),var(--bulma-scheme-invert-l));--bulma-link-text:hsl(var(--bulma-link-h),var(--bulma-link-s),var(--bulma-link-on-scheme-l));--bulma-link-text-hover:hsl(var(--bulma-link-h),var(--bulma-link-s),calc(var(--bulma-link-on-scheme-l) + var(--bulma-hover-color-l-delta)));--bulma-link-text-active:hsl(var(--bulma-link-h),var(--bulma-link-s),calc(var(--bulma-link-on-scheme-l) + var(--bulma-active-color-l-delta)));--bulma-focus-h:var(--bulma-link-h);--bulma-focus-s:var(--bulma-link-s);--bulma-focus-l:var(--bulma-link-l);--bulma-focus-offset:1px;--bulma-focus-style:solid;--bulma-focus-width:2px;--bulma-focus-shadow-size:0 0 0 .1875em;--bulma-focus-shadow-alpha:.25;--bulma-code:hsl(var(--bulma-danger-h),var(--bulma-danger-s),var(--bulma-danger-on-scheme-l));--bulma-code-background:var(--bulma-background);--bulma-pre:var(--bulma-text);--bulma-pre-background:var(--bulma-background);--bulma-shadow:0 .5em 1em -.125em hsla(var(--bulma-shadow-h),var(--bulma-shadow-s),var(--bulma-shadow-l),.1),0 0px 0 1px hsla(var(--bulma-shadow-h),var(--bulma-shadow-s),var(--bulma-shadow-l),.02)}@media (prefers-color-scheme:light){:root{--bulma-scheme-h:221;--bulma-scheme-s:14%;--bulma-light-l:96%;--bulma-light-invert-l:21%;--bulma-dark-l:21%;--bulma-dark-invert-l:96%;--bulma-soft-l:90%;--bulma-bold-l:20%;--bulma-soft-invert-l:20%;--bulma-bold-invert-l:90%;--bulma-hover-background-l-delta:-5%;--bulma-active-background-l-delta:-10%;--bulma-hover-border-l-delta:-10%;--bulma-active-border-l-delta:-20%;--bulma-hover-color-l-delta:-5%;--bulma-active-color-l-delta:-10%;--bulma-hover-shadow-a-delta:-.05;--bulma-active-shadow-a-delta:-.1;--bulma-scheme-brightness:light;--bulma-scheme-main-l:100%;--bulma-scheme-main-bis-l:98%;--bulma-scheme-main-ter-l:96%;--bulma-background-l:96%;--bulma-border-weak-l:93%;--bulma-border-l:86%;--bulma-text-weak-l:48%;--bulma-text-l:29%;--bulma-text-strong-l:21%;--bulma-text-title-l:14%;--bulma-scheme-invert-ter-l:14%;--bulma-scheme-invert-bis-l:7%;--bulma-scheme-invert-l:4%;--bulma-family-primary:Inter,SF Pro,Segoe UI,Roboto,Oxygen,Ubuntu,Helvetica Neue,Helvetica,Arial,sans-serif;--bulma-family-secondary:Inter,SF Pro,Segoe UI,Roboto,Oxygen,Ubuntu,Helvetica Neue,Helvetica,Arial,sans-serif;--bulma-family-code:Inconsolata,Hack,SF Mono,Roboto Mono,Source Code Pro,Ubuntu Mono,monospace;--bulma-size-small:.75rem;--bulma-size-normal:1rem;--bulma-size-medium:1.25rem;--bulma-size-large:1.5rem;--bulma-weight-light:300;--bulma-weight-normal:400;--bulma-weight-medium:500;--bulma-weight-semibold:600;--bulma-weight-bold:700;--bulma-weight-extrabold:800;--bulma-block-spacing:1.5rem;--bulma-duration:.294s;--bulma-easing:ease-out;--bulma-radius-small:.25rem;--bulma-radius:.375rem;--bulma-radius-medium:.5em;--bulma-radius-large:.75rem;--bulma-radius-rounded:9999px;--bulma-speed:86ms;--bulma-arrow-color:var(--bulma-link);--bulma-loading-color:var(--bulma-border);--bulma-burger-h:var(--bulma-link-h);--bulma-burger-s:var(--bulma-link-s);--bulma-burger-l:var(--bulma-link-l);--bulma-burger-border-radius:.5em;--bulma-burger-gap:5px;--bulma-burger-item-height:2px;--bulma-burger-item-width:20px;--bulma-white:hsla(var(--bulma-white-h),var(--bulma-white-s),var(--bulma-white-l),1);--bulma-white-base:hsla(var(--bulma-white-h),var(--bulma-white-s),var(--bulma-white-l),1);--bulma-white-rgb:255,255,255;--bulma-white-h:221deg;--bulma-white-s:14%;--bulma-white-l:100%;--bulma-white-invert-l:4%;--bulma-white-invert:#090a0c;--bulma-white-on-scheme-l:35%;--bulma-white-on-scheme:hsla(var(--bulma-white-h),var(--bulma-white-s),var(--bulma-white-on-scheme-l),1);--bulma-black:hsla(var(--bulma-black-h),var(--bulma-black-s),var(--bulma-black-l),1);--bulma-black-base:hsla(var(--bulma-black-h),var(--bulma-black-s),var(--bulma-black-l),1);--bulma-black-rgb:9,10,12;--bulma-black-h:221deg;--bulma-black-s:14%;--bulma-black-l:4%;--bulma-black-invert-l:100%;--bulma-black-invert:#fff;--bulma-black-on-scheme-l:4%;--bulma-black-on-scheme:hsla(var(--bulma-black-h),var(--bulma-black-s),var(--bulma-black-on-scheme-l),1);--bulma-light:hsla(var(--bulma-light-h),var(--bulma-light-s),var(--bulma-light-l),1);--bulma-light-base:hsla(var(--bulma-light-h),var(--bulma-light-s),var(--bulma-light-l),1);--bulma-light-rgb:243,244,246;--bulma-light-h:221deg;--bulma-light-s:14%;--bulma-light-invert:#2e333d;--bulma-light-on-scheme-l:36%;--bulma-light-on-scheme:hsla(var(--bulma-light-h),var(--bulma-light-s),var(--bulma-light-on-scheme-l),1);--bulma-dark:hsla(var(--bulma-dark-h),var(--bulma-dark-s),var(--bulma-dark-l),1);--bulma-dark-base:hsla(var(--bulma-dark-h),var(--bulma-dark-s),var(--bulma-dark-l),1);--bulma-dark-rgb:46,51,61;--bulma-dark-h:221deg;--bulma-dark-s:14%;--bulma-dark-invert:#f3f4f6;--bulma-dark-on-scheme-l:21%;--bulma-dark-on-scheme:hsla(var(--bulma-dark-h),var(--bulma-dark-s),var(--bulma-dark-on-scheme-l),1);--bulma-text:hsla(var(--bulma-text-h),var(--bulma-text-s),var(--bulma-text-l),1);--bulma-text-base:hsla(var(--bulma-text-h),var(--bulma-text-s),var(--bulma-text-l),1);--bulma-text-rgb:64,70,84;--bulma-text-h:221deg;--bulma-text-s:14%;--bulma-text-00-l:0%;--bulma-text-05-l:4%;--bulma-text-10-l:9%;--bulma-text-15-l:14%;--bulma-text-20-l:19%;--bulma-text-25-l:24%;--bulma-text-30-l:29%;--bulma-text-35-l:34%;--bulma-text-40-l:39%;--bulma-text-45-l:44%;--bulma-text-50-l:49%;--bulma-text-55-l:54%;--bulma-text-60-l:59%;--bulma-text-65-l:64%;--bulma-text-70-l:69%;--bulma-text-75-l:74%;--bulma-text-80-l:79%;--bulma-text-85-l:84%;--bulma-text-90-l:89%;--bulma-text-95-l:94%;--bulma-text-100-l:99%;--bulma-text-00:hsla(var(--bulma-text-h),var(--bulma-text-s),var(--bulma-text-00-l),1);--bulma-text-00-invert-l:var(--bulma-text-60-l);--bulma-text-00-invert:hsla(var(--bulma-text-h),var(--bulma-text-s),var(--bulma-text-00-invert-l),1);--bulma-text-05:hsla(var(--bulma-text-h),var(--bulma-text-s),var(--bulma-text-05-l),1);--bulma-text-05-invert-l:var(--bulma-text-60-l);--bulma-text-05-invert:hsla(var(--bulma-text-h),var(--bulma-text-s),var(--bulma-text-05-invert-l),1);--bulma-text-10:hsla(var(--bulma-text-h),var(--bulma-text-s),var(--bulma-text-10-l),1);--bulma-text-10-invert-l:var(--bulma-text-70-l);--bulma-text-10-invert:hsla(var(--bulma-text-h),var(--bulma-text-s),var(--bulma-text-10-invert-l),1);--bulma-text-15:hsla(var(--bulma-text-h),var(--bulma-text-s),var(--bulma-text-15-l),1);--bulma-text-15-invert-l:var(--bulma-text-75-l);--bulma-text-15-invert:hsla(var(--bulma-text-h),var(--bulma-text-s),var(--bulma-text-15-invert-l),1);--bulma-text-20:hsla(var(--bulma-text-h),var(--bulma-text-s),var(--bulma-text-20-l),1);--bulma-text-20-invert-l:var(--bulma-text-85-l);--bulma-text-20-invert:hsla(var(--bulma-text-h),var(--bulma-text-s),var(--bulma-text-20-invert-l),1);--bulma-text-25:hsla(var(--bulma-text-h),var(--bulma-text-s),var(--bulma-text-25-l),1);--bulma-text-25-invert-l:var(--bulma-text-95-l);--bulma-text-25-invert:hsla(var(--bulma-text-h),var(--bulma-text-s),var(--bulma-text-25-invert-l),1);--bulma-text-30:hsla(var(--bulma-text-h),var(--bulma-text-s),var(--bulma-text-30-l),1);--bulma-text-30-invert-l:var(--bulma-text-100-l);--bulma-text-30-invert:hsla(var(--bulma-text-h),var(--bulma-text-s),var(--bulma-text-30-invert-l),1);--bulma-text-35:hsla(var(--bulma-text-h),var(--bulma-text-s),var(--bulma-text-35-l),1);--bulma-text-35-invert-l:var(--bulma-text-100-l);--bulma-text-35-invert:hsla(var(--bulma-text-h),var(--bulma-text-s),var(--bulma-text-35-invert-l),1);--bulma-text-40:hsla(var(--bulma-text-h),var(--bulma-text-s),var(--bulma-text-40-l),1);--bulma-text-40-invert-l:var(--bulma-text-100-l);--bulma-text-40-invert:hsla(var(--bulma-text-h),var(--bulma-text-s),var(--bulma-text-40-invert-l),1);--bulma-text-45:hsla(var(--bulma-text-h),var(--bulma-text-s),var(--bulma-text-45-l),1);--bulma-text-45-invert-l:var(--bulma-text-100-l);--bulma-text-45-invert:hsla(var(--bulma-text-h),var(--bulma-text-s),var(--bulma-text-45-invert-l),1);--bulma-text-50:hsla(var(--bulma-text-h),var(--bulma-text-s),var(--bulma-text-50-l),1);--bulma-text-50-invert-l:var(--bulma-text-100-l);--bulma-text-50-invert:hsla(var(--bulma-text-h),var(--bulma-text-s),var(--bulma-text-50-invert-l),1);--bulma-text-55:hsla(var(--bulma-text-h),var(--bulma-text-s),var(--bulma-text-55-l),1);--bulma-text-55-invert-l:var(--bulma-text-100-l);--bulma-text-55-invert:hsla(var(--bulma-text-h),var(--bulma-text-s),var(--bulma-text-55-invert-l),1);--bulma-text-60:hsla(var(--bulma-text-h),var(--bulma-text-s),var(--bulma-text-60-l),1);--bulma-text-60-invert-l:var(--bulma-text-05-l);--bulma-text-60-invert:hsla(var(--bulma-text-h),var(--bulma-text-s),var(--bulma-text-60-invert-l),1);--bulma-text-65:hsla(var(--bulma-text-h),var(--bulma-text-s),var(--bulma-text-65-l),1);--bulma-text-65-invert-l:var(--bulma-text-05-l);--bulma-text-65-invert:hsla(var(--bulma-text-h),var(--bulma-text-s),var(--bulma-text-65-invert-l),1);--bulma-text-70:hsla(var(--bulma-text-h),var(--bulma-text-s),var(--bulma-text-70-l),1);--bulma-text-70-invert-l:var(--bulma-text-10-l);--bulma-text-70-invert:hsla(var(--bulma-text-h),var(--bulma-text-s),var(--bulma-text-70-invert-l),1);--bulma-text-75:hsla(var(--bulma-text-h),var(--bulma-text-s),var(--bulma-text-75-l),1);--bulma-text-75-invert-l:var(--bulma-text-15-l);--bulma-text-75-invert:hsla(var(--bulma-text-h),var(--bulma-text-s),var(--bulma-text-75-invert-l),1);--bulma-text-80:hsla(var(--bulma-text-h),var(--bulma-text-s),var(--bulma-text-80-l),1);--bulma-text-80-invert-l:var(--bulma-text-15-l);--bulma-text-80-invert:hsla(var(--bulma-text-h),var(--bulma-text-s),var(--bulma-text-80-invert-l),1);--bulma-text-85:hsla(var(--bulma-text-h),var(--bulma-text-s),var(--bulma-text-85-l),1);--bulma-text-85-invert-l:var(--bulma-text-20-l);--bulma-text-85-invert:hsla(var(--bulma-text-h),var(--bulma-text-s),var(--bulma-text-85-invert-l),1);--bulma-text-90:hsla(var(--bulma-text-h),var(--bulma-text-s),var(--bulma-text-90-l),1);--bulma-text-90-invert-l:var(--bulma-text-20-l);--bulma-text-90-invert:hsla(var(--bulma-text-h),var(--bulma-text-s),var(--bulma-text-90-invert-l),1);--bulma-text-95:hsla(var(--bulma-text-h),var(--bulma-text-s),var(--bulma-text-95-l),1);--bulma-text-95-invert-l:var(--bulma-text-25-l);--bulma-text-95-invert:hsla(var(--bulma-text-h),var(--bulma-text-s),var(--bulma-text-95-invert-l),1);--bulma-text-100:hsla(var(--bulma-text-h),var(--bulma-text-s),var(--bulma-text-100-l),1);--bulma-text-100-invert-l:var(--bulma-text-25-l);--bulma-text-100-invert:hsla(var(--bulma-text-h),var(--bulma-text-s),var(--bulma-text-100-invert-l),1);--bulma-text-invert-l:var(--bulma-text-100-l);--bulma-text-invert:hsla(var(--bulma-text-h),var(--bulma-text-s),var(--bulma-text-invert-l),1);--bulma-text-light-l:var(--bulma-text-90-l);--bulma-text-light:hsla(var(--bulma-text-h),var(--bulma-text-s),var(--bulma-text-light-l),1);--bulma-text-light-invert-l:var(--bulma-text-20-l);--bulma-text-light-invert:hsla(var(--bulma-text-h),var(--bulma-text-s),var(--bulma-text-light-invert-l),1);--bulma-text-dark-l:var(--bulma-text-10-l);--bulma-text-dark:hsla(var(--bulma-text-h),var(--bulma-text-s),var(--bulma-text-dark-l),1);--bulma-text-dark-invert-l:var(--bulma-text-70-l);--bulma-text-dark-invert:hsla(var(--bulma-text-h),var(--bulma-text-s),var(--bulma-text-dark-invert-l),1);--bulma-text-soft:hsla(var(--bulma-text-h),var(--bulma-text-s),var(--bulma-soft-l),1);--bulma-text-bold:hsla(var(--bulma-text-h),var(--bulma-text-s),var(--bulma-bold-l),1);--bulma-text-soft-invert:hsla(var(--bulma-text-h),var(--bulma-text-s),var(--bulma-soft-invert-l),1);--bulma-text-bold-invert:hsla(var(--bulma-text-h),var(--bulma-text-s),var(--bulma-bold-invert-l),1);--bulma-text-on-scheme-l:29%;--bulma-text-on-scheme:hsla(var(--bulma-text-h),var(--bulma-text-s),var(--bulma-text-on-scheme-l),1);--bulma-primary:hsla(var(--bulma-primary-h),var(--bulma-primary-s),var(--bulma-primary-l),1);--bulma-primary-base:hsla(var(--bulma-primary-h),var(--bulma-primary-s),var(--bulma-primary-l),1);--bulma-primary-rgb:0,209,178;--bulma-primary-h:171deg;--bulma-primary-s:100%;--bulma-primary-l:41%;--bulma-primary-00-l:1%;--bulma-primary-05-l:6%;--bulma-primary-10-l:11%;--bulma-primary-15-l:16%;--bulma-primary-20-l:21%;--bulma-primary-25-l:26%;--bulma-primary-30-l:31%;--bulma-primary-35-l:36%;--bulma-primary-40-l:41%;--bulma-primary-45-l:46%;--bulma-primary-50-l:51%;--bulma-primary-55-l:56%;--bulma-primary-60-l:61%;--bulma-primary-65-l:66%;--bulma-primary-70-l:71%;--bulma-primary-75-l:76%;--bulma-primary-80-l:81%;--bulma-primary-85-l:86%;--bulma-primary-90-l:91%;--bulma-primary-95-l:96%;--bulma-primary-100-l:100%;--bulma-primary-00:hsla(var(--bulma-primary-h),var(--bulma-primary-s),var(--bulma-primary-00-l),1);--bulma-primary-00-invert-l:var(--bulma-primary-30-l);--bulma-primary-00-invert:hsla(var(--bulma-primary-h),var(--bulma-primary-s),var(--bulma-primary-00-invert-l),1);--bulma-primary-05:hsla(var(--bulma-primary-h),var(--bulma-primary-s),var(--bulma-primary-05-l),1);--bulma-primary-05-invert-l:var(--bulma-primary-40-l);--bulma-primary-05-invert:hsla(var(--bulma-primary-h),var(--bulma-primary-s),var(--bulma-primary-05-invert-l),1);--bulma-primary-10:hsla(var(--bulma-primary-h),var(--bulma-primary-s),var(--bulma-primary-10-l),1);--bulma-primary-10-invert-l:var(--bulma-primary-50-l);--bulma-primary-10-invert:hsla(var(--bulma-primary-h),var(--bulma-primary-s),var(--bulma-primary-10-invert-l),1);--bulma-primary-15:hsla(var(--bulma-primary-h),var(--bulma-primary-s),var(--bulma-primary-15-l),1);--bulma-primary-15-invert-l:var(--bulma-primary-100-l);--bulma-primary-15-invert:hsla(var(--bulma-primary-h),var(--bulma-primary-s),var(--bulma-primary-15-invert-l),1);--bulma-primary-20:hsla(var(--bulma-primary-h),var(--bulma-primary-s),var(--bulma-primary-20-l),1);--bulma-primary-20-invert-l:var(--bulma-primary-100-l);--bulma-primary-20-invert:hsla(var(--bulma-primary-h),var(--bulma-primary-s),var(--bulma-primary-20-invert-l),1);--bulma-primary-25:hsla(var(--bulma-primary-h),var(--bulma-primary-s),var(--bulma-primary-25-l),1);--bulma-primary-25-invert-l:var(--bulma-primary-100-l);--bulma-primary-25-invert:hsla(var(--bulma-primary-h),var(--bulma-primary-s),var(--bulma-primary-25-invert-l),1);--bulma-primary-30:hsla(var(--bulma-primary-h),var(--bulma-primary-s),var(--bulma-primary-30-l),1);--bulma-primary-30-invert-l:var(--bulma-primary-00-l);--bulma-primary-30-invert:hsla(var(--bulma-primary-h),var(--bulma-primary-s),var(--bulma-primary-30-invert-l),1);--bulma-primary-35:hsla(var(--bulma-primary-h),var(--bulma-primary-s),var(--bulma-primary-35-l),1);--bulma-primary-35-invert-l:var(--bulma-primary-00-l);--bulma-primary-35-invert:hsla(var(--bulma-primary-h),var(--bulma-primary-s),var(--bulma-primary-35-invert-l),1);--bulma-primary-40:hsla(var(--bulma-primary-h),var(--bulma-primary-s),var(--bulma-primary-40-l),1);--bulma-primary-40-invert-l:var(--bulma-primary-05-l);--bulma-primary-40-invert:hsla(var(--bulma-primary-h),var(--bulma-primary-s),var(--bulma-primary-40-invert-l),1);--bulma-primary-45:hsla(var(--bulma-primary-h),var(--bulma-primary-s),var(--bulma-primary-45-l),1);--bulma-primary-45-invert-l:var(--bulma-primary-05-l);--bulma-primary-45-invert:hsla(var(--bulma-primary-h),var(--bulma-primary-s),var(--bulma-primary-45-invert-l),1);--bulma-primary-50:hsla(var(--bulma-primary-h),var(--bulma-primary-s),var(--bulma-primary-50-l),1);--bulma-primary-50-invert-l:var(--bulma-primary-10-l);--bulma-primary-50-invert:hsla(var(--bulma-primary-h),var(--bulma-primary-s),var(--bulma-primary-50-invert-l),1);--bulma-primary-55:hsla(var(--bulma-primary-h),var(--bulma-primary-s),var(--bulma-primary-55-l),1);--bulma-primary-55-invert-l:var(--bulma-primary-10-l);--bulma-primary-55-invert:hsla(var(--bulma-primary-h),var(--bulma-primary-s),var(--bulma-primary-55-invert-l),1);--bulma-primary-60:hsla(var(--bulma-primary-h),var(--bulma-primary-s),var(--bulma-primary-60-l),1);--bulma-primary-60-invert-l:var(--bulma-primary-10-l);--bulma-primary-60-invert:hsla(var(--bulma-primary-h),var(--bulma-primary-s),var(--bulma-primary-60-invert-l),1);--bulma-primary-65:hsla(var(--bulma-primary-h),var(--bulma-primary-s),var(--bulma-primary-65-l),1);--bulma-primary-65-invert-l:var(--bulma-primary-10-l);--bulma-primary-65-invert:hsla(var(--bulma-primary-h),var(--bulma-primary-s),var(--bulma-primary-65-invert-l),1);--bulma-primary-70:hsla(var(--bulma-primary-h),var(--bulma-primary-s),var(--bulma-primary-70-l),1);--bulma-primary-70-invert-l:var(--bulma-primary-10-l);--bulma-primary-70-invert:hsla(var(--bulma-primary-h),var(--bulma-primary-s),var(--bulma-primary-70-invert-l),1);--bulma-primary-75:hsla(var(--bulma-primary-h),var(--bulma-primary-s),var(--bulma-primary-75-l),1);--bulma-primary-75-invert-l:var(--bulma-primary-10-l);--bulma-primary-75-invert:hsla(var(--bulma-primary-h),var(--bulma-primary-s),var(--bulma-primary-75-invert-l),1);--bulma-primary-80:hsla(var(--bulma-primary-h),var(--bulma-primary-s),var(--bulma-primary-80-l),1);--bulma-primary-80-invert-l:var(--bulma-primary-10-l);--bulma-primary-80-invert:hsla(var(--bulma-primary-h),var(--bulma-primary-s),var(--bulma-primary-80-invert-l),1);--bulma-primary-85:hsla(var(--bulma-primary-h),var(--bulma-primary-s),var(--bulma-primary-85-l),1);--bulma-primary-85-invert-l:var(--bulma-primary-10-l);--bulma-primary-85-invert:hsla(var(--bulma-primary-h),var(--bulma-primary-s),var(--bulma-primary-85-invert-l),1);--bulma-primary-90:hsla(var(--bulma-primary-h),var(--bulma-primary-s),var(--bulma-primary-90-l),1);--bulma-primary-90-invert-l:var(--bulma-primary-10-l);--bulma-primary-90-invert:hsla(var(--bulma-primary-h),var(--bulma-primary-s),var(--bulma-primary-90-invert-l),1);--bulma-primary-95:hsla(var(--bulma-primary-h),var(--bulma-primary-s),var(--bulma-primary-95-l),1);--bulma-primary-95-invert-l:var(--bulma-primary-10-l);--bulma-primary-95-invert:hsla(var(--bulma-primary-h),var(--bulma-primary-s),var(--bulma-primary-95-invert-l),1);--bulma-primary-100:hsla(var(--bulma-primary-h),var(--bulma-primary-s),var(--bulma-primary-100-l),1);--bulma-primary-100-invert-l:var(--bulma-primary-15-l);--bulma-primary-100-invert:hsla(var(--bulma-primary-h),var(--bulma-primary-s),var(--bulma-primary-100-invert-l),1);--bulma-primary-invert-l:var(--bulma-primary-05-l);--bulma-primary-invert:hsla(var(--bulma-primary-h),var(--bulma-primary-s),var(--bulma-primary-invert-l),1);--bulma-primary-light-l:var(--bulma-primary-90-l);--bulma-primary-light:hsla(var(--bulma-primary-h),var(--bulma-primary-s),var(--bulma-primary-light-l),1);--bulma-primary-light-invert-l:var(--bulma-primary-10-l);--bulma-primary-light-invert:hsla(var(--bulma-primary-h),var(--bulma-primary-s),var(--bulma-primary-light-invert-l),1);--bulma-primary-dark-l:var(--bulma-primary-10-l);--bulma-primary-dark:hsla(var(--bulma-primary-h),var(--bulma-primary-s),var(--bulma-primary-dark-l),1);--bulma-primary-dark-invert-l:var(--bulma-primary-50-l);--bulma-primary-dark-invert:hsla(var(--bulma-primary-h),var(--bulma-primary-s),var(--bulma-primary-dark-invert-l),1);--bulma-primary-soft:hsla(var(--bulma-primary-h),var(--bulma-primary-s),var(--bulma-soft-l),1);--bulma-primary-bold:hsla(var(--bulma-primary-h),var(--bulma-primary-s),var(--bulma-bold-l),1);--bulma-primary-soft-invert:hsla(var(--bulma-primary-h),var(--bulma-primary-s),var(--bulma-soft-invert-l),1);--bulma-primary-bold-invert:hsla(var(--bulma-primary-h),var(--bulma-primary-s),var(--bulma-bold-invert-l),1);--bulma-primary-on-scheme-l:21%;--bulma-primary-on-scheme:hsla(var(--bulma-primary-h),var(--bulma-primary-s),var(--bulma-primary-on-scheme-l),1);--bulma-link:hsla(var(--bulma-link-h),var(--bulma-link-s),var(--bulma-link-l),1);--bulma-link-base:hsla(var(--bulma-link-h),var(--bulma-link-s),var(--bulma-link-l),1);--bulma-link-rgb:66,88,255;--bulma-link-h:233deg;--bulma-link-s:100%;--bulma-link-l:63%;--bulma-link-00-l:0%;--bulma-link-05-l:3%;--bulma-link-10-l:8%;--bulma-link-15-l:13%;--bulma-link-20-l:18%;--bulma-link-25-l:23%;--bulma-link-30-l:28%;--bulma-link-35-l:33%;--bulma-link-40-l:38%;--bulma-link-45-l:43%;--bulma-link-50-l:48%;--bulma-link-55-l:53%;--bulma-link-60-l:58%;--bulma-link-65-l:63%;--bulma-link-70-l:68%;--bulma-link-75-l:73%;--bulma-link-80-l:78%;--bulma-link-85-l:83%;--bulma-link-90-l:88%;--bulma-link-95-l:93%;--bulma-link-100-l:98%;--bulma-link-00:hsla(var(--bulma-link-h),var(--bulma-link-s),var(--bulma-link-00-l),1);--bulma-link-00-invert-l:var(--bulma-link-75-l);--bulma-link-00-invert:hsla(var(--bulma-link-h),var(--bulma-link-s),var(--bulma-link-00-invert-l),1);--bulma-link-05:hsla(var(--bulma-link-h),var(--bulma-link-s),var(--bulma-link-05-l),1);--bulma-link-05-invert-l:var(--bulma-link-75-l);--bulma-link-05-invert:hsla(var(--bulma-link-h),var(--bulma-link-s),var(--bulma-link-05-invert-l),1);--bulma-link-10:hsla(var(--bulma-link-h),var(--bulma-link-s),var(--bulma-link-10-l),1);--bulma-link-10-invert-l:var(--bulma-link-75-l);--bulma-link-10-invert:hsla(var(--bulma-link-h),var(--bulma-link-s),var(--bulma-link-10-invert-l),1);--bulma-link-15:hsla(var(--bulma-link-h),var(--bulma-link-s),var(--bulma-link-15-l),1);--bulma-link-15-invert-l:var(--bulma-link-80-l);--bulma-link-15-invert:hsla(var(--bulma-link-h),var(--bulma-link-s),var(--bulma-link-15-invert-l),1);--bulma-link-20:hsla(var(--bulma-link-h),var(--bulma-link-s),var(--bulma-link-20-l),1);--bulma-link-20-invert-l:var(--bulma-link-80-l);--bulma-link-20-invert:hsla(var(--bulma-link-h),var(--bulma-link-s),var(--bulma-link-20-invert-l),1);--bulma-link-25:hsla(var(--bulma-link-h),var(--bulma-link-s),var(--bulma-link-25-l),1);--bulma-link-25-invert-l:var(--bulma-link-85-l);--bulma-link-25-invert:hsla(var(--bulma-link-h),var(--bulma-link-s),var(--bulma-link-25-invert-l),1);--bulma-link-30:hsla(var(--bulma-link-h),var(--bulma-link-s),var(--bulma-link-30-l),1);--bulma-link-30-invert-l:var(--bulma-link-90-l);--bulma-link-30-invert:hsla(var(--bulma-link-h),var(--bulma-link-s),var(--bulma-link-30-invert-l),1);--bulma-link-35:hsla(var(--bulma-link-h),var(--bulma-link-s),var(--bulma-link-35-l),1);--bulma-link-35-invert-l:var(--bulma-link-90-l);--bulma-link-35-invert:hsla(var(--bulma-link-h),var(--bulma-link-s),var(--bulma-link-35-invert-l),1);--bulma-link-40:hsla(var(--bulma-link-h),var(--bulma-link-s),var(--bulma-link-40-l),1);--bulma-link-40-invert-l:var(--bulma-link-95-l);--bulma-link-40-invert:hsla(var(--bulma-link-h),var(--bulma-link-s),var(--bulma-link-40-invert-l),1);--bulma-link-45:hsla(var(--bulma-link-h),var(--bulma-link-s),var(--bulma-link-45-l),1);--bulma-link-45-invert-l:var(--bulma-link-100-l);--bulma-link-45-invert:hsla(var(--bulma-link-h),var(--bulma-link-s),var(--bulma-link-45-invert-l),1);--bulma-link-50:hsla(var(--bulma-link-h),var(--bulma-link-s),var(--bulma-link-50-l),1);--bulma-link-50-invert-l:var(--bulma-link-100-l);--bulma-link-50-invert:hsla(var(--bulma-link-h),var(--bulma-link-s),var(--bulma-link-50-invert-l),1);--bulma-link-55:hsla(var(--bulma-link-h),var(--bulma-link-s),var(--bulma-link-55-l),1);--bulma-link-55-invert-l:var(--bulma-link-100-l);--bulma-link-55-invert:hsla(var(--bulma-link-h),var(--bulma-link-s),var(--bulma-link-55-invert-l),1);--bulma-link-60:hsla(var(--bulma-link-h),var(--bulma-link-s),var(--bulma-link-60-l),1);--bulma-link-60-invert-l:var(--bulma-link-100-l);--bulma-link-60-invert:hsla(var(--bulma-link-h),var(--bulma-link-s),var(--bulma-link-60-invert-l),1);--bulma-link-65:hsla(var(--bulma-link-h),var(--bulma-link-s),var(--bulma-link-65-l),1);--bulma-link-65-invert-l:var(--bulma-link-100-l);--bulma-link-65-invert:hsla(var(--bulma-link-h),var(--bulma-link-s),var(--bulma-link-65-invert-l),1);--bulma-link-70:hsla(var(--bulma-link-h),var(--bulma-link-s),var(--bulma-link-70-l),1);--bulma-link-70-invert-l:var(--bulma-link-100-l);--bulma-link-70-invert:hsla(var(--bulma-link-h),var(--bulma-link-s),var(--bulma-link-70-invert-l),1);--bulma-link-75:hsla(var(--bulma-link-h),var(--bulma-link-s),var(--bulma-link-75-l),1);--bulma-link-75-invert-l:var(--bulma-link-10-l);--bulma-link-75-invert:hsla(var(--bulma-link-h),var(--bulma-link-s),var(--bulma-link-75-invert-l),1);--bulma-link-80:hsla(var(--bulma-link-h),var(--bulma-link-s),var(--bulma-link-80-l),1);--bulma-link-80-invert-l:var(--bulma-link-20-l);--bulma-link-80-invert:hsla(var(--bulma-link-h),var(--bulma-link-s),var(--bulma-link-80-invert-l),1);--bulma-link-85:hsla(var(--bulma-link-h),var(--bulma-link-s),var(--bulma-link-85-l),1);--bulma-link-85-invert-l:var(--bulma-link-25-l);--bulma-link-85-invert:hsla(var(--bulma-link-h),var(--bulma-link-s),var(--bulma-link-85-invert-l),1);--bulma-link-90:hsla(var(--bulma-link-h),var(--bulma-link-s),var(--bulma-link-90-l),1);--bulma-link-90-invert-l:var(--bulma-link-35-l);--bulma-link-90-invert:hsla(var(--bulma-link-h),var(--bulma-link-s),var(--bulma-link-90-invert-l),1);--bulma-link-95:hsla(var(--bulma-link-h),var(--bulma-link-s),var(--bulma-link-95-l),1);--bulma-link-95-invert-l:var(--bulma-link-40-l);--bulma-link-95-invert:hsla(var(--bulma-link-h),var(--bulma-link-s),var(--bulma-link-95-invert-l),1);--bulma-link-100:hsla(var(--bulma-link-h),var(--bulma-link-s),var(--bulma-link-100-l),1);--bulma-link-100-invert-l:var(--bulma-link-50-l);--bulma-link-100-invert:hsla(var(--bulma-link-h),var(--bulma-link-s),var(--bulma-link-100-invert-l),1);--bulma-link-invert-l:var(--bulma-link-100-l);--bulma-link-invert:hsla(var(--bulma-link-h),var(--bulma-link-s),var(--bulma-link-invert-l),1);--bulma-link-light-l:var(--bulma-link-90-l);--bulma-link-light:hsla(var(--bulma-link-h),var(--bulma-link-s),var(--bulma-link-light-l),1);--bulma-link-light-invert-l:var(--bulma-link-35-l);--bulma-link-light-invert:hsla(var(--bulma-link-h),var(--bulma-link-s),var(--bulma-link-light-invert-l),1);--bulma-link-dark-l:var(--bulma-link-10-l);--bulma-link-dark:hsla(var(--bulma-link-h),var(--bulma-link-s),var(--bulma-link-dark-l),1);--bulma-link-dark-invert-l:var(--bulma-link-75-l);--bulma-link-dark-invert:hsla(var(--bulma-link-h),var(--bulma-link-s),var(--bulma-link-dark-invert-l),1);--bulma-link-soft:hsla(var(--bulma-link-h),var(--bulma-link-s),var(--bulma-soft-l),1);--bulma-link-bold:hsla(var(--bulma-link-h),var(--bulma-link-s),var(--bulma-bold-l),1);--bulma-link-soft-invert:hsla(var(--bulma-link-h),var(--bulma-link-s),var(--bulma-soft-invert-l),1);--bulma-link-bold-invert:hsla(var(--bulma-link-h),var(--bulma-link-s),var(--bulma-bold-invert-l),1);--bulma-link-on-scheme-l:58%;--bulma-link-on-scheme:hsla(var(--bulma-link-h),var(--bulma-link-s),var(--bulma-link-on-scheme-l),1);--bulma-info:hsla(var(--bulma-info-h),var(--bulma-info-s),var(--bulma-info-l),1);--bulma-info-base:hsla(var(--bulma-info-h),var(--bulma-info-s),var(--bulma-info-l),1);--bulma-info-rgb:102,209,255;--bulma-info-h:198deg;--bulma-info-s:100%;--bulma-info-l:70%;--bulma-info-00-l:0%;--bulma-info-05-l:5%;--bulma-info-10-l:10%;--bulma-info-15-l:15%;--bulma-info-20-l:20%;--bulma-info-25-l:25%;--bulma-info-30-l:30%;--bulma-info-35-l:35%;--bulma-info-40-l:40%;--bulma-info-45-l:45%;--bulma-info-50-l:50%;--bulma-info-55-l:55%;--bulma-info-60-l:60%;--bulma-info-65-l:65%;--bulma-info-70-l:70%;--bulma-info-75-l:75%;--bulma-info-80-l:80%;--bulma-info-85-l:85%;--bulma-info-90-l:90%;--bulma-info-95-l:95%;--bulma-info-100-l:100%;--bulma-info-00:hsla(var(--bulma-info-h),var(--bulma-info-s),var(--bulma-info-00-l),1);--bulma-info-00-invert-l:var(--bulma-info-45-l);--bulma-info-00-invert:hsla(var(--bulma-info-h),var(--bulma-info-s),var(--bulma-info-00-invert-l),1);--bulma-info-05:hsla(var(--bulma-info-h),var(--bulma-info-s),var(--bulma-info-05-l),1);--bulma-info-05-invert-l:var(--bulma-info-50-l);--bulma-info-05-invert:hsla(var(--bulma-info-h),var(--bulma-info-s),var(--bulma-info-05-invert-l),1);--bulma-info-10:hsla(var(--bulma-info-h),var(--bulma-info-s),var(--bulma-info-10-l),1);--bulma-info-10-invert-l:var(--bulma-info-60-l);--bulma-info-10-invert:hsla(var(--bulma-info-h),var(--bulma-info-s),var(--bulma-info-10-invert-l),1);--bulma-info-15:hsla(var(--bulma-info-h),var(--bulma-info-s),var(--bulma-info-15-l),1);--bulma-info-15-invert-l:var(--bulma-info-80-l);--bulma-info-15-invert:hsla(var(--bulma-info-h),var(--bulma-info-s),var(--bulma-info-15-invert-l),1);--bulma-info-20:hsla(var(--bulma-info-h),var(--bulma-info-s),var(--bulma-info-20-l),1);--bulma-info-20-invert-l:var(--bulma-info-95-l);--bulma-info-20-invert:hsla(var(--bulma-info-h),var(--bulma-info-s),var(--bulma-info-20-invert-l),1);--bulma-info-25:hsla(var(--bulma-info-h),var(--bulma-info-s),var(--bulma-info-25-l),1);--bulma-info-25-invert-l:var(--bulma-info-100-l);--bulma-info-25-invert:hsla(var(--bulma-info-h),var(--bulma-info-s),var(--bulma-info-25-invert-l),1);--bulma-info-30:hsla(var(--bulma-info-h),var(--bulma-info-s),var(--bulma-info-30-l),1);--bulma-info-30-invert-l:var(--bulma-info-100-l);--bulma-info-30-invert:hsla(var(--bulma-info-h),var(--bulma-info-s),var(--bulma-info-30-invert-l),1);--bulma-info-35:hsla(var(--bulma-info-h),var(--bulma-info-s),var(--bulma-info-35-l),1);--bulma-info-35-invert-l:var(--bulma-info-100-l);--bulma-info-35-invert:hsla(var(--bulma-info-h),var(--bulma-info-s),var(--bulma-info-35-invert-l),1);--bulma-info-40:hsla(var(--bulma-info-h),var(--bulma-info-s),var(--bulma-info-40-l),1);--bulma-info-40-invert-l:var(--bulma-info-100-l);--bulma-info-40-invert:hsla(var(--bulma-info-h),var(--bulma-info-s),var(--bulma-info-40-invert-l),1);--bulma-info-45:hsla(var(--bulma-info-h),var(--bulma-info-s),var(--bulma-info-45-l),1);--bulma-info-45-invert-l:var(--bulma-info-00-l);--bulma-info-45-invert:hsla(var(--bulma-info-h),var(--bulma-info-s),var(--bulma-info-45-invert-l),1);--bulma-info-50:hsla(var(--bulma-info-h),var(--bulma-info-s),var(--bulma-info-50-l),1);--bulma-info-50-invert-l:var(--bulma-info-05-l);--bulma-info-50-invert:hsla(var(--bulma-info-h),var(--bulma-info-s),var(--bulma-info-50-invert-l),1);--bulma-info-55:hsla(var(--bulma-info-h),var(--bulma-info-s),var(--bulma-info-55-l),1);--bulma-info-55-invert-l:var(--bulma-info-05-l);--bulma-info-55-invert:hsla(var(--bulma-info-h),var(--bulma-info-s),var(--bulma-info-55-invert-l),1);--bulma-info-60:hsla(var(--bulma-info-h),var(--bulma-info-s),var(--bulma-info-60-l),1);--bulma-info-60-invert-l:var(--bulma-info-10-l);--bulma-info-60-invert:hsla(var(--bulma-info-h),var(--bulma-info-s),var(--bulma-info-60-invert-l),1);--bulma-info-65:hsla(var(--bulma-info-h),var(--bulma-info-s),var(--bulma-info-65-l),1);--bulma-info-65-invert-l:var(--bulma-info-10-l);--bulma-info-65-invert:hsla(var(--bulma-info-h),var(--bulma-info-s),var(--bulma-info-65-invert-l),1);--bulma-info-70:hsla(var(--bulma-info-h),var(--bulma-info-s),var(--bulma-info-70-l),1);--bulma-info-70-invert-l:var(--bulma-info-10-l);--bulma-info-70-invert:hsla(var(--bulma-info-h),var(--bulma-info-s),var(--bulma-info-70-invert-l),1);--bulma-info-75:hsla(var(--bulma-info-h),var(--bulma-info-s),var(--bulma-info-75-l),1);--bulma-info-75-invert-l:var(--bulma-info-10-l);--bulma-info-75-invert:hsla(var(--bulma-info-h),var(--bulma-info-s),var(--bulma-info-75-invert-l),1);--bulma-info-80:hsla(var(--bulma-info-h),var(--bulma-info-s),var(--bulma-info-80-l),1);--bulma-info-80-invert-l:var(--bulma-info-15-l);--bulma-info-80-invert:hsla(var(--bulma-info-h),var(--bulma-info-s),var(--bulma-info-80-invert-l),1);--bulma-info-85:hsla(var(--bulma-info-h),var(--bulma-info-s),var(--bulma-info-85-l),1);--bulma-info-85-invert-l:var(--bulma-info-15-l);--bulma-info-85-invert:hsla(var(--bulma-info-h),var(--bulma-info-s),var(--bulma-info-85-invert-l),1);--bulma-info-90:hsla(var(--bulma-info-h),var(--bulma-info-s),var(--bulma-info-90-l),1);--bulma-info-90-invert-l:var(--bulma-info-15-l);--bulma-info-90-invert:hsla(var(--bulma-info-h),var(--bulma-info-s),var(--bulma-info-90-invert-l),1);--bulma-info-95:hsla(var(--bulma-info-h),var(--bulma-info-s),var(--bulma-info-95-l),1);--bulma-info-95-invert-l:var(--bulma-info-20-l);--bulma-info-95-invert:hsla(var(--bulma-info-h),var(--bulma-info-s),var(--bulma-info-95-invert-l),1);--bulma-info-100:hsla(var(--bulma-info-h),var(--bulma-info-s),var(--bulma-info-100-l),1);--bulma-info-100-invert-l:var(--bulma-info-20-l);--bulma-info-100-invert:hsla(var(--bulma-info-h),var(--bulma-info-s),var(--bulma-info-100-invert-l),1);--bulma-info-invert-l:var(--bulma-info-10-l);--bulma-info-invert:hsla(var(--bulma-info-h),var(--bulma-info-s),var(--bulma-info-invert-l),1);--bulma-info-light-l:var(--bulma-info-90-l);--bulma-info-light:hsla(var(--bulma-info-h),var(--bulma-info-s),var(--bulma-info-light-l),1);--bulma-info-light-invert-l:var(--bulma-info-15-l);--bulma-info-light-invert:hsla(var(--bulma-info-h),var(--bulma-info-s),var(--bulma-info-light-invert-l),1);--bulma-info-dark-l:var(--bulma-info-10-l);--bulma-info-dark:hsla(var(--bulma-info-h),var(--bulma-info-s),var(--bulma-info-dark-l),1);--bulma-info-dark-invert-l:var(--bulma-info-60-l);--bulma-info-dark-invert:hsla(var(--bulma-info-h),var(--bulma-info-s),var(--bulma-info-dark-invert-l),1);--bulma-info-soft:hsla(var(--bulma-info-h),var(--bulma-info-s),var(--bulma-soft-l),1);--bulma-info-bold:hsla(var(--bulma-info-h),var(--bulma-info-s),var(--bulma-bold-l),1);--bulma-info-soft-invert:hsla(var(--bulma-info-h),var(--bulma-info-s),var(--bulma-soft-invert-l),1);--bulma-info-bold-invert:hsla(var(--bulma-info-h),var(--bulma-info-s),var(--bulma-bold-invert-l),1);--bulma-info-on-scheme-l:25%;--bulma-info-on-scheme:hsla(var(--bulma-info-h),var(--bulma-info-s),var(--bulma-info-on-scheme-l),1);--bulma-success:hsla(var(--bulma-success-h),var(--bulma-success-s),var(--bulma-success-l),1);--bulma-success-base:hsla(var(--bulma-success-h),var(--bulma-success-s),var(--bulma-success-l),1);--bulma-success-rgb:72,199,142;--bulma-success-h:153deg;--bulma-success-s:53%;--bulma-success-l:53%;--bulma-success-00-l:0%;--bulma-success-05-l:3%;--bulma-success-10-l:8%;--bulma-success-15-l:13%;--bulma-success-20-l:18%;--bulma-success-25-l:23%;--bulma-success-30-l:28%;--bulma-success-35-l:33%;--bulma-success-40-l:38%;--bulma-success-45-l:43%;--bulma-success-50-l:48%;--bulma-success-55-l:53%;--bulma-success-60-l:58%;--bulma-success-65-l:63%;--bulma-success-70-l:68%;--bulma-success-75-l:73%;--bulma-success-80-l:78%;--bulma-success-85-l:83%;--bulma-success-90-l:88%;--bulma-success-95-l:93%;--bulma-success-100-l:98%;--bulma-success-00:hsla(var(--bulma-success-h),var(--bulma-success-s),var(--bulma-success-00-l),1);--bulma-success-00-invert-l:var(--bulma-success-45-l);--bulma-success-00-invert:hsla(var(--bulma-success-h),var(--bulma-success-s),var(--bulma-success-00-invert-l),1);--bulma-success-05:hsla(var(--bulma-success-h),var(--bulma-success-s),var(--bulma-success-05-l),1);--bulma-success-05-invert-l:var(--bulma-success-45-l);--bulma-success-05-invert:hsla(var(--bulma-success-h),var(--bulma-success-s),var(--bulma-success-05-invert-l),1);--bulma-success-10:hsla(var(--bulma-success-h),var(--bulma-success-s),var(--bulma-success-10-l),1);--bulma-success-10-invert-l:var(--bulma-success-55-l);--bulma-success-10-invert:hsla(var(--bulma-success-h),var(--bulma-success-s),var(--bulma-success-10-invert-l),1);--bulma-success-15:hsla(var(--bulma-success-h),var(--bulma-success-s),var(--bulma-success-15-l),1);--bulma-success-15-invert-l:var(--bulma-success-75-l);--bulma-success-15-invert:hsla(var(--bulma-success-h),var(--bulma-success-s),var(--bulma-success-15-invert-l),1);--bulma-success-20:hsla(var(--bulma-success-h),var(--bulma-success-s),var(--bulma-success-20-l),1);--bulma-success-20-invert-l:var(--bulma-success-90-l);--bulma-success-20-invert:hsla(var(--bulma-success-h),var(--bulma-success-s),var(--bulma-success-20-invert-l),1);--bulma-success-25:hsla(var(--bulma-success-h),var(--bulma-success-s),var(--bulma-success-25-l),1);--bulma-success-25-invert-l:var(--bulma-success-100-l);--bulma-success-25-invert:hsla(var(--bulma-success-h),var(--bulma-success-s),var(--bulma-success-25-invert-l),1);--bulma-success-30:hsla(var(--bulma-success-h),var(--bulma-success-s),var(--bulma-success-30-l),1);--bulma-success-30-invert-l:var(--bulma-success-100-l);--bulma-success-30-invert:hsla(var(--bulma-success-h),var(--bulma-success-s),var(--bulma-success-30-invert-l),1);--bulma-success-35:hsla(var(--bulma-success-h),var(--bulma-success-s),var(--bulma-success-35-l),1);--bulma-success-35-invert-l:var(--bulma-success-100-l);--bulma-success-35-invert:hsla(var(--bulma-success-h),var(--bulma-success-s),var(--bulma-success-35-invert-l),1);--bulma-success-40:hsla(var(--bulma-success-h),var(--bulma-success-s),var(--bulma-success-40-l),1);--bulma-success-40-invert-l:var(--bulma-success-100-l);--bulma-success-40-invert:hsla(var(--bulma-success-h),var(--bulma-success-s),var(--bulma-success-40-invert-l),1);--bulma-success-45:hsla(var(--bulma-success-h),var(--bulma-success-s),var(--bulma-success-45-l),1);--bulma-success-45-invert-l:var(--bulma-success-05-l);--bulma-success-45-invert:hsla(var(--bulma-success-h),var(--bulma-success-s),var(--bulma-success-45-invert-l),1);--bulma-success-50:hsla(var(--bulma-success-h),var(--bulma-success-s),var(--bulma-success-50-l),1);--bulma-success-50-invert-l:var(--bulma-success-05-l);--bulma-success-50-invert:hsla(var(--bulma-success-h),var(--bulma-success-s),var(--bulma-success-50-invert-l),1);--bulma-success-55:hsla(var(--bulma-success-h),var(--bulma-success-s),var(--bulma-success-55-l),1);--bulma-success-55-invert-l:var(--bulma-success-10-l);--bulma-success-55-invert:hsla(var(--bulma-success-h),var(--bulma-success-s),var(--bulma-success-55-invert-l),1);--bulma-success-60:hsla(var(--bulma-success-h),var(--bulma-success-s),var(--bulma-success-60-l),1);--bulma-success-60-invert-l:var(--bulma-success-10-l);--bulma-success-60-invert:hsla(var(--bulma-success-h),var(--bulma-success-s),var(--bulma-success-60-invert-l),1);--bulma-success-65:hsla(var(--bulma-success-h),var(--bulma-success-s),var(--bulma-success-65-l),1);--bulma-success-65-invert-l:var(--bulma-success-10-l);--bulma-success-65-invert:hsla(var(--bulma-success-h),var(--bulma-success-s),var(--bulma-success-65-invert-l),1);--bulma-success-70:hsla(var(--bulma-success-h),var(--bulma-success-s),var(--bulma-success-70-l),1);--bulma-success-70-invert-l:var(--bulma-success-10-l);--bulma-success-70-invert:hsla(var(--bulma-success-h),var(--bulma-success-s),var(--bulma-success-70-invert-l),1);--bulma-success-75:hsla(var(--bulma-success-h),var(--bulma-success-s),var(--bulma-success-75-l),1);--bulma-success-75-invert-l:var(--bulma-success-15-l);--bulma-success-75-invert:hsla(var(--bulma-success-h),var(--bulma-success-s),var(--bulma-success-75-invert-l),1);--bulma-success-80:hsla(var(--bulma-success-h),var(--bulma-success-s),var(--bulma-success-80-l),1);--bulma-success-80-invert-l:var(--bulma-success-15-l);--bulma-success-80-invert:hsla(var(--bulma-success-h),var(--bulma-success-s),var(--bulma-success-80-invert-l),1);--bulma-success-85:hsla(var(--bulma-success-h),var(--bulma-success-s),var(--bulma-success-85-l),1);--bulma-success-85-invert-l:var(--bulma-success-15-l);--bulma-success-85-invert:hsla(var(--bulma-success-h),var(--bulma-success-s),var(--bulma-success-85-invert-l),1);--bulma-success-90:hsla(var(--bulma-success-h),var(--bulma-success-s),var(--bulma-success-90-l),1);--bulma-success-90-invert-l:var(--bulma-success-20-l);--bulma-success-90-invert:hsla(var(--bulma-success-h),var(--bulma-success-s),var(--bulma-success-90-invert-l),1);--bulma-success-95:hsla(var(--bulma-success-h),var(--bulma-success-s),var(--bulma-success-95-l),1);--bulma-success-95-invert-l:var(--bulma-success-20-l);--bulma-success-95-invert:hsla(var(--bulma-success-h),var(--bulma-success-s),var(--bulma-success-95-invert-l),1);--bulma-success-100:hsla(var(--bulma-success-h),var(--bulma-success-s),var(--bulma-success-100-l),1);--bulma-success-100-invert-l:var(--bulma-success-20-l);--bulma-success-100-invert:hsla(var(--bulma-success-h),var(--bulma-success-s),var(--bulma-success-100-invert-l),1);--bulma-success-invert-l:var(--bulma-success-10-l);--bulma-success-invert:hsla(var(--bulma-success-h),var(--bulma-success-s),var(--bulma-success-invert-l),1);--bulma-success-light-l:var(--bulma-success-90-l);--bulma-success-light:hsla(var(--bulma-success-h),var(--bulma-success-s),var(--bulma-success-light-l),1);--bulma-success-light-invert-l:var(--bulma-success-20-l);--bulma-success-light-invert:hsla(var(--bulma-success-h),var(--bulma-success-s),var(--bulma-success-light-invert-l),1);--bulma-success-dark-l:var(--bulma-success-10-l);--bulma-success-dark:hsla(var(--bulma-success-h),var(--bulma-success-s),var(--bulma-success-dark-l),1);--bulma-success-dark-invert-l:var(--bulma-success-55-l);--bulma-success-dark-invert:hsla(var(--bulma-success-h),var(--bulma-success-s),var(--bulma-success-dark-invert-l),1);--bulma-success-soft:hsla(var(--bulma-success-h),var(--bulma-success-s),var(--bulma-soft-l),1);--bulma-success-bold:hsla(var(--bulma-success-h),var(--bulma-success-s),var(--bulma-bold-l),1);--bulma-success-soft-invert:hsla(var(--bulma-success-h),var(--bulma-success-s),var(--bulma-soft-invert-l),1);--bulma-success-bold-invert:hsla(var(--bulma-success-h),var(--bulma-success-s),var(--bulma-bold-invert-l),1);--bulma-success-on-scheme-l:23%;--bulma-success-on-scheme:hsla(var(--bulma-success-h),var(--bulma-success-s),var(--bulma-success-on-scheme-l),1);--bulma-warning:hsla(var(--bulma-warning-h),var(--bulma-warning-s),var(--bulma-warning-l),1);--bulma-warning-base:hsla(var(--bulma-warning-h),var(--bulma-warning-s),var(--bulma-warning-l),1);--bulma-warning-rgb:255,183,15;--bulma-warning-h:42deg;--bulma-warning-s:100%;--bulma-warning-l:53%;--bulma-warning-00-l:0%;--bulma-warning-05-l:3%;--bulma-warning-10-l:8%;--bulma-warning-15-l:13%;--bulma-warning-20-l:18%;--bulma-warning-25-l:23%;--bulma-warning-30-l:28%;--bulma-warning-35-l:33%;--bulma-warning-40-l:38%;--bulma-warning-45-l:43%;--bulma-warning-50-l:48%;--bulma-warning-55-l:53%;--bulma-warning-60-l:58%;--bulma-warning-65-l:63%;--bulma-warning-70-l:68%;--bulma-warning-75-l:73%;--bulma-warning-80-l:78%;--bulma-warning-85-l:83%;--bulma-warning-90-l:88%;--bulma-warning-95-l:93%;--bulma-warning-100-l:98%;--bulma-warning-00:hsla(var(--bulma-warning-h),var(--bulma-warning-s),var(--bulma-warning-00-l),1);--bulma-warning-00-invert-l:var(--bulma-warning-40-l);--bulma-warning-00-invert:hsla(var(--bulma-warning-h),var(--bulma-warning-s),var(--bulma-warning-00-invert-l),1);--bulma-warning-05:hsla(var(--bulma-warning-h),var(--bulma-warning-s),var(--bulma-warning-05-l),1);--bulma-warning-05-invert-l:var(--bulma-warning-45-l);--bulma-warning-05-invert:hsla(var(--bulma-warning-h),var(--bulma-warning-s),var(--bulma-warning-05-invert-l),1);--bulma-warning-10:hsla(var(--bulma-warning-h),var(--bulma-warning-s),var(--bulma-warning-10-l),1);--bulma-warning-10-invert-l:var(--bulma-warning-50-l);--bulma-warning-10-invert:hsla(var(--bulma-warning-h),var(--bulma-warning-s),var(--bulma-warning-10-invert-l),1);--bulma-warning-15:hsla(var(--bulma-warning-h),var(--bulma-warning-s),var(--bulma-warning-15-l),1);--bulma-warning-15-invert-l:var(--bulma-warning-70-l);--bulma-warning-15-invert:hsla(var(--bulma-warning-h),var(--bulma-warning-s),var(--bulma-warning-15-invert-l),1);--bulma-warning-20:hsla(var(--bulma-warning-h),var(--bulma-warning-s),var(--bulma-warning-20-l),1);--bulma-warning-20-invert-l:var(--bulma-warning-100-l);--bulma-warning-20-invert:hsla(var(--bulma-warning-h),var(--bulma-warning-s),var(--bulma-warning-20-invert-l),1);--bulma-warning-25:hsla(var(--bulma-warning-h),var(--bulma-warning-s),var(--bulma-warning-25-l),1);--bulma-warning-25-invert-l:var(--bulma-warning-100-l);--bulma-warning-25-invert:hsla(var(--bulma-warning-h),var(--bulma-warning-s),var(--bulma-warning-25-invert-l),1);--bulma-warning-30:hsla(var(--bulma-warning-h),var(--bulma-warning-s),var(--bulma-warning-30-l),1);--bulma-warning-30-invert-l:var(--bulma-warning-100-l);--bulma-warning-30-invert:hsla(var(--bulma-warning-h),var(--bulma-warning-s),var(--bulma-warning-30-invert-l),1);--bulma-warning-35:hsla(var(--bulma-warning-h),var(--bulma-warning-s),var(--bulma-warning-35-l),1);--bulma-warning-35-invert-l:var(--bulma-warning-100-l);--bulma-warning-35-invert:hsla(var(--bulma-warning-h),var(--bulma-warning-s),var(--bulma-warning-35-invert-l),1);--bulma-warning-40:hsla(var(--bulma-warning-h),var(--bulma-warning-s),var(--bulma-warning-40-l),1);--bulma-warning-40-invert-l:var(--bulma-warning-00-l);--bulma-warning-40-invert:hsla(var(--bulma-warning-h),var(--bulma-warning-s),var(--bulma-warning-40-invert-l),1);--bulma-warning-45:hsla(var(--bulma-warning-h),var(--bulma-warning-s),var(--bulma-warning-45-l),1);--bulma-warning-45-invert-l:var(--bulma-warning-05-l);--bulma-warning-45-invert:hsla(var(--bulma-warning-h),var(--bulma-warning-s),var(--bulma-warning-45-invert-l),1);--bulma-warning-50:hsla(var(--bulma-warning-h),var(--bulma-warning-s),var(--bulma-warning-50-l),1);--bulma-warning-50-invert-l:var(--bulma-warning-10-l);--bulma-warning-50-invert:hsla(var(--bulma-warning-h),var(--bulma-warning-s),var(--bulma-warning-50-invert-l),1);--bulma-warning-55:hsla(var(--bulma-warning-h),var(--bulma-warning-s),var(--bulma-warning-55-l),1);--bulma-warning-55-invert-l:var(--bulma-warning-10-l);--bulma-warning-55-invert:hsla(var(--bulma-warning-h),var(--bulma-warning-s),var(--bulma-warning-55-invert-l),1);--bulma-warning-60:hsla(var(--bulma-warning-h),var(--bulma-warning-s),var(--bulma-warning-60-l),1);--bulma-warning-60-invert-l:var(--bulma-warning-10-l);--bulma-warning-60-invert:hsla(var(--bulma-warning-h),var(--bulma-warning-s),var(--bulma-warning-60-invert-l),1);--bulma-warning-65:hsla(var(--bulma-warning-h),var(--bulma-warning-s),var(--bulma-warning-65-l),1);--bulma-warning-65-invert-l:var(--bulma-warning-10-l);--bulma-warning-65-invert:hsla(var(--bulma-warning-h),var(--bulma-warning-s),var(--bulma-warning-65-invert-l),1);--bulma-warning-70:hsla(var(--bulma-warning-h),var(--bulma-warning-s),var(--bulma-warning-70-l),1);--bulma-warning-70-invert-l:var(--bulma-warning-15-l);--bulma-warning-70-invert:hsla(var(--bulma-warning-h),var(--bulma-warning-s),var(--bulma-warning-70-invert-l),1);--bulma-warning-75:hsla(var(--bulma-warning-h),var(--bulma-warning-s),var(--bulma-warning-75-l),1);--bulma-warning-75-invert-l:var(--bulma-warning-15-l);--bulma-warning-75-invert:hsla(var(--bulma-warning-h),var(--bulma-warning-s),var(--bulma-warning-75-invert-l),1);--bulma-warning-80:hsla(var(--bulma-warning-h),var(--bulma-warning-s),var(--bulma-warning-80-l),1);--bulma-warning-80-invert-l:var(--bulma-warning-15-l);--bulma-warning-80-invert:hsla(var(--bulma-warning-h),var(--bulma-warning-s),var(--bulma-warning-80-invert-l),1);--bulma-warning-85:hsla(var(--bulma-warning-h),var(--bulma-warning-s),var(--bulma-warning-85-l),1);--bulma-warning-85-invert-l:var(--bulma-warning-15-l);--bulma-warning-85-invert:hsla(var(--bulma-warning-h),var(--bulma-warning-s),var(--bulma-warning-85-invert-l),1);--bulma-warning-90:hsla(var(--bulma-warning-h),var(--bulma-warning-s),var(--bulma-warning-90-l),1);--bulma-warning-90-invert-l:var(--bulma-warning-15-l);--bulma-warning-90-invert:hsla(var(--bulma-warning-h),var(--bulma-warning-s),var(--bulma-warning-90-invert-l),1);--bulma-warning-95:hsla(var(--bulma-warning-h),var(--bulma-warning-s),var(--bulma-warning-95-l),1);--bulma-warning-95-invert-l:var(--bulma-warning-15-l);--bulma-warning-95-invert:hsla(var(--bulma-warning-h),var(--bulma-warning-s),var(--bulma-warning-95-invert-l),1);--bulma-warning-100:hsla(var(--bulma-warning-h),var(--bulma-warning-s),var(--bulma-warning-100-l),1);--bulma-warning-100-invert-l:var(--bulma-warning-20-l);--bulma-warning-100-invert:hsla(var(--bulma-warning-h),var(--bulma-warning-s),var(--bulma-warning-100-invert-l),1);--bulma-warning-invert-l:var(--bulma-warning-10-l);--bulma-warning-invert:hsla(var(--bulma-warning-h),var(--bulma-warning-s),var(--bulma-warning-invert-l),1);--bulma-warning-light-l:var(--bulma-warning-90-l);--bulma-warning-light:hsla(var(--bulma-warning-h),var(--bulma-warning-s),var(--bulma-warning-light-l),1);--bulma-warning-light-invert-l:var(--bulma-warning-15-l);--bulma-warning-light-invert:hsla(var(--bulma-warning-h),var(--bulma-warning-s),var(--bulma-warning-light-invert-l),1);--bulma-warning-dark-l:var(--bulma-warning-10-l);--bulma-warning-dark:hsla(var(--bulma-warning-h),var(--bulma-warning-s),var(--bulma-warning-dark-l),1);--bulma-warning-dark-invert-l:var(--bulma-warning-50-l);--bulma-warning-dark-invert:hsla(var(--bulma-warning-h),var(--bulma-warning-s),var(--bulma-warning-dark-invert-l),1);--bulma-warning-soft:hsla(var(--bulma-warning-h),var(--bulma-warning-s),var(--bulma-soft-l),1);--bulma-warning-bold:hsla(var(--bulma-warning-h),var(--bulma-warning-s),var(--bulma-bold-l),1);--bulma-warning-soft-invert:hsla(var(--bulma-warning-h),var(--bulma-warning-s),var(--bulma-soft-invert-l),1);--bulma-warning-bold-invert:hsla(var(--bulma-warning-h),var(--bulma-warning-s),var(--bulma-bold-invert-l),1);--bulma-warning-on-scheme-l:23%;--bulma-warning-on-scheme:hsla(var(--bulma-warning-h),var(--bulma-warning-s),var(--bulma-warning-on-scheme-l),1);--bulma-danger:hsla(var(--bulma-danger-h),var(--bulma-danger-s),var(--bulma-danger-l),1);--bulma-danger-base:hsla(var(--bulma-danger-h),var(--bulma-danger-s),var(--bulma-danger-l),1);--bulma-danger-rgb:255,102,133;--bulma-danger-h:348deg;--bulma-danger-s:100%;--bulma-danger-l:70%;--bulma-danger-00-l:0%;--bulma-danger-05-l:5%;--bulma-danger-10-l:10%;--bulma-danger-15-l:15%;--bulma-danger-20-l:20%;--bulma-danger-25-l:25%;--bulma-danger-30-l:30%;--bulma-danger-35-l:35%;--bulma-danger-40-l:40%;--bulma-danger-45-l:45%;--bulma-danger-50-l:50%;--bulma-danger-55-l:55%;--bulma-danger-60-l:60%;--bulma-danger-65-l:65%;--bulma-danger-70-l:70%;--bulma-danger-75-l:75%;--bulma-danger-80-l:80%;--bulma-danger-85-l:85%;--bulma-danger-90-l:90%;--bulma-danger-95-l:95%;--bulma-danger-100-l:100%;--bulma-danger-00:hsla(var(--bulma-danger-h),var(--bulma-danger-s),var(--bulma-danger-00-l),1);--bulma-danger-00-invert-l:var(--bulma-danger-65-l);--bulma-danger-00-invert:hsla(var(--bulma-danger-h),var(--bulma-danger-s),var(--bulma-danger-00-invert-l),1);--bulma-danger-05:hsla(var(--bulma-danger-h),var(--bulma-danger-s),var(--bulma-danger-05-l),1);--bulma-danger-05-invert-l:var(--bulma-danger-70-l);--bulma-danger-05-invert:hsla(var(--bulma-danger-h),var(--bulma-danger-s),var(--bulma-danger-05-invert-l),1);--bulma-danger-10:hsla(var(--bulma-danger-h),var(--bulma-danger-s),var(--bulma-danger-10-l),1);--bulma-danger-10-invert-l:var(--bulma-danger-75-l);--bulma-danger-10-invert:hsla(var(--bulma-danger-h),var(--bulma-danger-s),var(--bulma-danger-10-invert-l),1);--bulma-danger-15:hsla(var(--bulma-danger-h),var(--bulma-danger-s),var(--bulma-danger-15-l),1);--bulma-danger-15-invert-l:var(--bulma-danger-80-l);--bulma-danger-15-invert:hsla(var(--bulma-danger-h),var(--bulma-danger-s),var(--bulma-danger-15-invert-l),1);--bulma-danger-20:hsla(var(--bulma-danger-h),var(--bulma-danger-s),var(--bulma-danger-20-l),1);--bulma-danger-20-invert-l:var(--bulma-danger-85-l);--bulma-danger-20-invert:hsla(var(--bulma-danger-h),var(--bulma-danger-s),var(--bulma-danger-20-invert-l),1);--bulma-danger-25:hsla(var(--bulma-danger-h),var(--bulma-danger-s),var(--bulma-danger-25-l),1);--bulma-danger-25-invert-l:var(--bulma-danger-90-l);--bulma-danger-25-invert:hsla(var(--bulma-danger-h),var(--bulma-danger-s),var(--bulma-danger-25-invert-l),1);--bulma-danger-30:hsla(var(--bulma-danger-h),var(--bulma-danger-s),var(--bulma-danger-30-l),1);--bulma-danger-30-invert-l:var(--bulma-danger-100-l);--bulma-danger-30-invert:hsla(var(--bulma-danger-h),var(--bulma-danger-s),var(--bulma-danger-30-invert-l),1);--bulma-danger-35:hsla(var(--bulma-danger-h),var(--bulma-danger-s),var(--bulma-danger-35-l),1);--bulma-danger-35-invert-l:var(--bulma-danger-100-l);--bulma-danger-35-invert:hsla(var(--bulma-danger-h),var(--bulma-danger-s),var(--bulma-danger-35-invert-l),1);--bulma-danger-40:hsla(var(--bulma-danger-h),var(--bulma-danger-s),var(--bulma-danger-40-l),1);--bulma-danger-40-invert-l:var(--bulma-danger-100-l);--bulma-danger-40-invert:hsla(var(--bulma-danger-h),var(--bulma-danger-s),var(--bulma-danger-40-invert-l),1);--bulma-danger-45:hsla(var(--bulma-danger-h),var(--bulma-danger-s),var(--bulma-danger-45-l),1);--bulma-danger-45-invert-l:var(--bulma-danger-100-l);--bulma-danger-45-invert:hsla(var(--bulma-danger-h),var(--bulma-danger-s),var(--bulma-danger-45-invert-l),1);--bulma-danger-50:hsla(var(--bulma-danger-h),var(--bulma-danger-s),var(--bulma-danger-50-l),1);--bulma-danger-50-invert-l:var(--bulma-danger-100-l);--bulma-danger-50-invert:hsla(var(--bulma-danger-h),var(--bulma-danger-s),var(--bulma-danger-50-invert-l),1);--bulma-danger-55:hsla(var(--bulma-danger-h),var(--bulma-danger-s),var(--bulma-danger-55-l),1);--bulma-danger-55-invert-l:var(--bulma-danger-100-l);--bulma-danger-55-invert:hsla(var(--bulma-danger-h),var(--bulma-danger-s),var(--bulma-danger-55-invert-l),1);--bulma-danger-60:hsla(var(--bulma-danger-h),var(--bulma-danger-s),var(--bulma-danger-60-l),1);--bulma-danger-60-invert-l:var(--bulma-danger-100-l);--bulma-danger-60-invert:hsla(var(--bulma-danger-h),var(--bulma-danger-s),var(--bulma-danger-60-invert-l),1);--bulma-danger-65:hsla(var(--bulma-danger-h),var(--bulma-danger-s),var(--bulma-danger-65-l),1);--bulma-danger-65-invert-l:var(--bulma-danger-00-l);--bulma-danger-65-invert:hsla(var(--bulma-danger-h),var(--bulma-danger-s),var(--bulma-danger-65-invert-l),1);--bulma-danger-70:hsla(var(--bulma-danger-h),var(--bulma-danger-s),var(--bulma-danger-70-l),1);--bulma-danger-70-invert-l:var(--bulma-danger-05-l);--bulma-danger-70-invert:hsla(var(--bulma-danger-h),var(--bulma-danger-s),var(--bulma-danger-70-invert-l),1);--bulma-danger-75:hsla(var(--bulma-danger-h),var(--bulma-danger-s),var(--bulma-danger-75-l),1);--bulma-danger-75-invert-l:var(--bulma-danger-10-l);--bulma-danger-75-invert:hsla(var(--bulma-danger-h),var(--bulma-danger-s),var(--bulma-danger-75-invert-l),1);--bulma-danger-80:hsla(var(--bulma-danger-h),var(--bulma-danger-s),var(--bulma-danger-80-l),1);--bulma-danger-80-invert-l:var(--bulma-danger-15-l);--bulma-danger-80-invert:hsla(var(--bulma-danger-h),var(--bulma-danger-s),var(--bulma-danger-80-invert-l),1);--bulma-danger-85:hsla(var(--bulma-danger-h),var(--bulma-danger-s),var(--bulma-danger-85-l),1);--bulma-danger-85-invert-l:var(--bulma-danger-20-l);--bulma-danger-85-invert:hsla(var(--bulma-danger-h),var(--bulma-danger-s),var(--bulma-danger-85-invert-l),1);--bulma-danger-90:hsla(var(--bulma-danger-h),var(--bulma-danger-s),var(--bulma-danger-90-l),1);--bulma-danger-90-invert-l:var(--bulma-danger-25-l);--bulma-danger-90-invert:hsla(var(--bulma-danger-h),var(--bulma-danger-s),var(--bulma-danger-90-invert-l),1);--bulma-danger-95:hsla(var(--bulma-danger-h),var(--bulma-danger-s),var(--bulma-danger-95-l),1);--bulma-danger-95-invert-l:var(--bulma-danger-25-l);--bulma-danger-95-invert:hsla(var(--bulma-danger-h),var(--bulma-danger-s),var(--bulma-danger-95-invert-l),1);--bulma-danger-100:hsla(var(--bulma-danger-h),var(--bulma-danger-s),var(--bulma-danger-100-l),1);--bulma-danger-100-invert-l:var(--bulma-danger-30-l);--bulma-danger-100-invert:hsla(var(--bulma-danger-h),var(--bulma-danger-s),var(--bulma-danger-100-invert-l),1);--bulma-danger-invert-l:var(--bulma-danger-05-l);--bulma-danger-invert:hsla(var(--bulma-danger-h),var(--bulma-danger-s),var(--bulma-danger-invert-l),1);--bulma-danger-light-l:var(--bulma-danger-90-l);--bulma-danger-light:hsla(var(--bulma-danger-h),var(--bulma-danger-s),var(--bulma-danger-light-l),1);--bulma-danger-light-invert-l:var(--bulma-danger-25-l);--bulma-danger-light-invert:hsla(var(--bulma-danger-h),var(--bulma-danger-s),var(--bulma-danger-light-invert-l),1);--bulma-danger-dark-l:var(--bulma-danger-10-l);--bulma-danger-dark:hsla(var(--bulma-danger-h),var(--bulma-danger-s),var(--bulma-danger-dark-l),1);--bulma-danger-dark-invert-l:var(--bulma-danger-75-l);--bulma-danger-dark-invert:hsla(var(--bulma-danger-h),var(--bulma-danger-s),var(--bulma-danger-dark-invert-l),1);--bulma-danger-soft:hsla(var(--bulma-danger-h),var(--bulma-danger-s),var(--bulma-soft-l),1);--bulma-danger-bold:hsla(var(--bulma-danger-h),var(--bulma-danger-s),var(--bulma-bold-l),1);--bulma-danger-soft-invert:hsla(var(--bulma-danger-h),var(--bulma-danger-s),var(--bulma-soft-invert-l),1);--bulma-danger-bold-invert:hsla(var(--bulma-danger-h),var(--bulma-danger-s),var(--bulma-bold-invert-l),1);--bulma-danger-on-scheme-l:40%;--bulma-danger-on-scheme:hsla(var(--bulma-danger-h),var(--bulma-danger-s),var(--bulma-danger-on-scheme-l),1);--bulma-black-bis:#14161a;--bulma-black-ter:#1f2229;--bulma-grey-darker:#2e333d;--bulma-grey-dark:#404654;--bulma-grey:#69748c;--bulma-grey-light:#abb1bf;--bulma-grey-lighter:#d6d9e0;--bulma-white-ter:#f3f4f6;--bulma-white-bis:#f9fafb;--bulma-shadow-h:221deg;--bulma-shadow-s:14%;--bulma-shadow-l:4%;--bulma-size-1:3rem;--bulma-size-2:2.5rem;--bulma-size-3:2rem;--bulma-size-4:1.5rem;--bulma-size-5:1.25rem;--bulma-size-6:1rem;--bulma-size-7:.75rem}}@media (prefers-color-scheme:dark){:root{--bulma-white-on-scheme-l:100%;--bulma-white-on-scheme:hsla(var(--bulma-white-h),var(--bulma-white-s),var(--bulma-white-on-scheme-l),1);--bulma-black-on-scheme-l:0%;--bulma-black-on-scheme:hsla(var(--bulma-black-h),var(--bulma-black-s),var(--bulma-black-on-scheme-l),1);--bulma-light-on-scheme-l:96%;--bulma-light-on-scheme:hsla(var(--bulma-light-h),var(--bulma-light-s),var(--bulma-light-on-scheme-l),1);--bulma-dark-on-scheme-l:56%;--bulma-dark-on-scheme:hsla(var(--bulma-dark-h),var(--bulma-dark-s),var(--bulma-dark-on-scheme-l),1);--bulma-text-on-scheme-l:54%;--bulma-text-on-scheme:hsla(var(--bulma-text-h),var(--bulma-text-s),var(--bulma-text-on-scheme-l),1);--bulma-primary-on-scheme-l:41%;--bulma-primary-on-scheme:hsla(var(--bulma-primary-h),var(--bulma-primary-s),var(--bulma-primary-on-scheme-l),1);--bulma-link-on-scheme-l:73%;--bulma-link-on-scheme:hsla(var(--bulma-link-h),var(--bulma-link-s),var(--bulma-link-on-scheme-l),1);--bulma-info-on-scheme-l:70%;--bulma-info-on-scheme:hsla(var(--bulma-info-h),var(--bulma-info-s),var(--bulma-info-on-scheme-l),1);--bulma-success-on-scheme-l:53%;--bulma-success-on-scheme:hsla(var(--bulma-success-h),var(--bulma-success-s),var(--bulma-success-on-scheme-l),1);--bulma-warning-on-scheme-l:53%;--bulma-warning-on-scheme:hsla(var(--bulma-warning-h),var(--bulma-warning-s),var(--bulma-warning-on-scheme-l),1);--bulma-danger-on-scheme-l:70%;--bulma-danger-on-scheme:hsla(var(--bulma-danger-h),var(--bulma-danger-s),var(--bulma-danger-on-scheme-l),1);--bulma-scheme-brightness:dark;--bulma-scheme-main-l:9%;--bulma-scheme-main-bis-l:11%;--bulma-scheme-main-ter-l:13%;--bulma-soft-l:20%;--bulma-bold-l:90%;--bulma-soft-invert-l:90%;--bulma-bold-invert-l:20%;--bulma-background-l:14%;--bulma-border-weak-l:21%;--bulma-border-l:24%;--bulma-text-weak-l:53%;--bulma-text-l:71%;--bulma-text-strong-l:93%;--bulma-text-title-l:100%;--bulma-hover-background-l-delta:5%;--bulma-active-background-l-delta:10%;--bulma-hover-border-l-delta:10%;--bulma-active-border-l-delta:20%;--bulma-hover-color-l-delta:5%;--bulma-active-color-l-delta:10%;--bulma-shadow-h:0deg;--bulma-shadow-s:0%;--bulma-shadow-l:100%}}[data-theme=light],.theme-light{--bulma-scheme-h:221;--bulma-scheme-s:14%;--bulma-light-l:96%;--bulma-light-invert-l:21%;--bulma-dark-l:21%;--bulma-dark-invert-l:96%;--bulma-soft-l:90%;--bulma-bold-l:20%;--bulma-soft-invert-l:20%;--bulma-bold-invert-l:90%;--bulma-hover-background-l-delta:-5%;--bulma-active-background-l-delta:-10%;--bulma-hover-border-l-delta:-10%;--bulma-active-border-l-delta:-20%;--bulma-hover-color-l-delta:-5%;--bulma-active-color-l-delta:-10%;--bulma-hover-shadow-a-delta:-.05;--bulma-active-shadow-a-delta:-.1;--bulma-scheme-brightness:light;--bulma-scheme-main-l:100%;--bulma-scheme-main-bis-l:98%;--bulma-scheme-main-ter-l:96%;--bulma-background-l:96%;--bulma-border-weak-l:93%;--bulma-border-l:86%;--bulma-text-weak-l:48%;--bulma-text-l:29%;--bulma-text-strong-l:21%;--bulma-text-title-l:14%;--bulma-scheme-invert-ter-l:14%;--bulma-scheme-invert-bis-l:7%;--bulma-scheme-invert-l:4%;--bulma-family-primary:Inter,SF Pro,Segoe UI,Roboto,Oxygen,Ubuntu,Helvetica Neue,Helvetica,Arial,sans-serif;--bulma-family-secondary:Inter,SF Pro,Segoe UI,Roboto,Oxygen,Ubuntu,Helvetica Neue,Helvetica,Arial,sans-serif;--bulma-family-code:Inconsolata,Hack,SF Mono,Roboto Mono,Source Code Pro,Ubuntu Mono,monospace;--bulma-size-small:.75rem;--bulma-size-normal:1rem;--bulma-size-medium:1.25rem;--bulma-size-large:1.5rem;--bulma-weight-light:300;--bulma-weight-normal:400;--bulma-weight-medium:500;--bulma-weight-semibold:600;--bulma-weight-bold:700;--bulma-weight-extrabold:800;--bulma-block-spacing:1.5rem;--bulma-duration:.294s;--bulma-easing:ease-out;--bulma-radius-small:.25rem;--bulma-radius:.375rem;--bulma-radius-medium:.5em;--bulma-radius-large:.75rem;--bulma-radius-rounded:9999px;--bulma-speed:86ms;--bulma-arrow-color:var(--bulma-link);--bulma-loading-color:var(--bulma-border);--bulma-burger-h:var(--bulma-link-h);--bulma-burger-s:var(--bulma-link-s);--bulma-burger-l:var(--bulma-link-l);--bulma-burger-border-radius:.5em;--bulma-burger-gap:5px;--bulma-burger-item-height:2px;--bulma-burger-item-width:20px;--bulma-white:hsla(var(--bulma-white-h),var(--bulma-white-s),var(--bulma-white-l),1);--bulma-white-base:hsla(var(--bulma-white-h),var(--bulma-white-s),var(--bulma-white-l),1);--bulma-white-rgb:255,255,255;--bulma-white-h:221deg;--bulma-white-s:14%;--bulma-white-l:100%;--bulma-white-invert-l:4%;--bulma-white-invert:#090a0c;--bulma-white-on-scheme-l:35%;--bulma-white-on-scheme:hsla(var(--bulma-white-h),var(--bulma-white-s),var(--bulma-white-on-scheme-l),1);--bulma-black:hsla(var(--bulma-black-h),var(--bulma-black-s),var(--bulma-black-l),1);--bulma-black-base:hsla(var(--bulma-black-h),var(--bulma-black-s),var(--bulma-black-l),1);--bulma-black-rgb:9,10,12;--bulma-black-h:221deg;--bulma-black-s:14%;--bulma-black-l:4%;--bulma-black-invert-l:100%;--bulma-black-invert:#fff;--bulma-black-on-scheme-l:4%;--bulma-black-on-scheme:hsla(var(--bulma-black-h),var(--bulma-black-s),var(--bulma-black-on-scheme-l),1);--bulma-light:hsla(var(--bulma-light-h),var(--bulma-light-s),var(--bulma-light-l),1);--bulma-light-base:hsla(var(--bulma-light-h),var(--bulma-light-s),var(--bulma-light-l),1);--bulma-light-rgb:243,244,246;--bulma-light-h:221deg;--bulma-light-s:14%;--bulma-light-invert:#2e333d;--bulma-light-on-scheme-l:36%;--bulma-light-on-scheme:hsla(var(--bulma-light-h),var(--bulma-light-s),var(--bulma-light-on-scheme-l),1);--bulma-dark:hsla(var(--bulma-dark-h),var(--bulma-dark-s),var(--bulma-dark-l),1);--bulma-dark-base:hsla(var(--bulma-dark-h),var(--bulma-dark-s),var(--bulma-dark-l),1);--bulma-dark-rgb:46,51,61;--bulma-dark-h:221deg;--bulma-dark-s:14%;--bulma-dark-invert:#f3f4f6;--bulma-dark-on-scheme-l:21%;--bulma-dark-on-scheme:hsla(var(--bulma-dark-h),var(--bulma-dark-s),var(--bulma-dark-on-scheme-l),1);--bulma-text:hsl(var(--bulma-text-h),var(--bulma-text-s),var(--bulma-text-l));--bulma-text-base:hsla(var(--bulma-text-h),var(--bulma-text-s),var(--bulma-text-l),1);--bulma-text-rgb:64,70,84;--bulma-text-h:221deg;--bulma-text-s:14%;--bulma-text-00-l:0%;--bulma-text-05-l:4%;--bulma-text-10-l:9%;--bulma-text-15-l:14%;--bulma-text-20-l:19%;--bulma-text-25-l:24%;--bulma-text-30-l:29%;--bulma-text-35-l:34%;--bulma-text-40-l:39%;--bulma-text-45-l:44%;--bulma-text-50-l:49%;--bulma-text-55-l:54%;--bulma-text-60-l:59%;--bulma-text-65-l:64%;--bulma-text-70-l:69%;--bulma-text-75-l:74%;--bulma-text-80-l:79%;--bulma-text-85-l:84%;--bulma-text-90-l:89%;--bulma-text-95-l:94%;--bulma-text-100-l:99%;--bulma-text-00:hsla(var(--bulma-text-h),var(--bulma-text-s),var(--bulma-text-00-l),1);--bulma-text-00-invert-l:var(--bulma-text-60-l);--bulma-text-00-invert:hsla(var(--bulma-text-h),var(--bulma-text-s),var(--bulma-text-00-invert-l),1);--bulma-text-05:hsla(var(--bulma-text-h),var(--bulma-text-s),var(--bulma-text-05-l),1);--bulma-text-05-invert-l:var(--bulma-text-60-l);--bulma-text-05-invert:hsla(var(--bulma-text-h),var(--bulma-text-s),var(--bulma-text-05-invert-l),1);--bulma-text-10:hsla(var(--bulma-text-h),var(--bulma-text-s),var(--bulma-text-10-l),1);--bulma-text-10-invert-l:var(--bulma-text-70-l);--bulma-text-10-invert:hsla(var(--bulma-text-h),var(--bulma-text-s),var(--bulma-text-10-invert-l),1);--bulma-text-15:hsla(var(--bulma-text-h),var(--bulma-text-s),var(--bulma-text-15-l),1);--bulma-text-15-invert-l:var(--bulma-text-75-l);--bulma-text-15-invert:hsla(var(--bulma-text-h),var(--bulma-text-s),var(--bulma-text-15-invert-l),1);--bulma-text-20:hsla(var(--bulma-text-h),var(--bulma-text-s),var(--bulma-text-20-l),1);--bulma-text-20-invert-l:var(--bulma-text-85-l);--bulma-text-20-invert:hsla(var(--bulma-text-h),var(--bulma-text-s),var(--bulma-text-20-invert-l),1);--bulma-text-25:hsla(var(--bulma-text-h),var(--bulma-text-s),var(--bulma-text-25-l),1);--bulma-text-25-invert-l:var(--bulma-text-95-l);--bulma-text-25-invert:hsla(var(--bulma-text-h),var(--bulma-text-s),var(--bulma-text-25-invert-l),1);--bulma-text-30:hsla(var(--bulma-text-h),var(--bulma-text-s),var(--bulma-text-30-l),1);--bulma-text-30-invert-l:var(--bulma-text-100-l);--bulma-text-30-invert:hsla(var(--bulma-text-h),var(--bulma-text-s),var(--bulma-text-30-invert-l),1);--bulma-text-35:hsla(var(--bulma-text-h),var(--bulma-text-s),var(--bulma-text-35-l),1);--bulma-text-35-invert-l:var(--bulma-text-100-l);--bulma-text-35-invert:hsla(var(--bulma-text-h),var(--bulma-text-s),var(--bulma-text-35-invert-l),1);--bulma-text-40:hsla(var(--bulma-text-h),var(--bulma-text-s),var(--bulma-text-40-l),1);--bulma-text-40-invert-l:var(--bulma-text-100-l);--bulma-text-40-invert:hsla(var(--bulma-text-h),var(--bulma-text-s),var(--bulma-text-40-invert-l),1);--bulma-text-45:hsla(var(--bulma-text-h),var(--bulma-text-s),var(--bulma-text-45-l),1);--bulma-text-45-invert-l:var(--bulma-text-100-l);--bulma-text-45-invert:hsla(var(--bulma-text-h),var(--bulma-text-s),var(--bulma-text-45-invert-l),1);--bulma-text-50:hsla(var(--bulma-text-h),var(--bulma-text-s),var(--bulma-text-50-l),1);--bulma-text-50-invert-l:var(--bulma-text-100-l);--bulma-text-50-invert:hsla(var(--bulma-text-h),var(--bulma-text-s),var(--bulma-text-50-invert-l),1);--bulma-text-55:hsla(var(--bulma-text-h),var(--bulma-text-s),var(--bulma-text-55-l),1);--bulma-text-55-invert-l:var(--bulma-text-100-l);--bulma-text-55-invert:hsla(var(--bulma-text-h),var(--bulma-text-s),var(--bulma-text-55-invert-l),1);--bulma-text-60:hsla(var(--bulma-text-h),var(--bulma-text-s),var(--bulma-text-60-l),1);--bulma-text-60-invert-l:var(--bulma-text-05-l);--bulma-text-60-invert:hsla(var(--bulma-text-h),var(--bulma-text-s),var(--bulma-text-60-invert-l),1);--bulma-text-65:hsla(var(--bulma-text-h),var(--bulma-text-s),var(--bulma-text-65-l),1);--bulma-text-65-invert-l:var(--bulma-text-05-l);--bulma-text-65-invert:hsla(var(--bulma-text-h),var(--bulma-text-s),var(--bulma-text-65-invert-l),1);--bulma-text-70:hsla(var(--bulma-text-h),var(--bulma-text-s),var(--bulma-text-70-l),1);--bulma-text-70-invert-l:var(--bulma-text-10-l);--bulma-text-70-invert:hsla(var(--bulma-text-h),var(--bulma-text-s),var(--bulma-text-70-invert-l),1);--bulma-text-75:hsla(var(--bulma-text-h),var(--bulma-text-s),var(--bulma-text-75-l),1);--bulma-text-75-invert-l:var(--bulma-text-15-l);--bulma-text-75-invert:hsla(var(--bulma-text-h),var(--bulma-text-s),var(--bulma-text-75-invert-l),1);--bulma-text-80:hsla(var(--bulma-text-h),var(--bulma-text-s),var(--bulma-text-80-l),1);--bulma-text-80-invert-l:var(--bulma-text-15-l);--bulma-text-80-invert:hsla(var(--bulma-text-h),var(--bulma-text-s),var(--bulma-text-80-invert-l),1);--bulma-text-85:hsla(var(--bulma-text-h),var(--bulma-text-s),var(--bulma-text-85-l),1);--bulma-text-85-invert-l:var(--bulma-text-20-l);--bulma-text-85-invert:hsla(var(--bulma-text-h),var(--bulma-text-s),var(--bulma-text-85-invert-l),1);--bulma-text-90:hsla(var(--bulma-text-h),var(--bulma-text-s),var(--bulma-text-90-l),1);--bulma-text-90-invert-l:var(--bulma-text-20-l);--bulma-text-90-invert:hsla(var(--bulma-text-h),var(--bulma-text-s),var(--bulma-text-90-invert-l),1);--bulma-text-95:hsla(var(--bulma-text-h),var(--bulma-text-s),var(--bulma-text-95-l),1);--bulma-text-95-invert-l:var(--bulma-text-25-l);--bulma-text-95-invert:hsla(var(--bulma-text-h),var(--bulma-text-s),var(--bulma-text-95-invert-l),1);--bulma-text-100:hsla(var(--bulma-text-h),var(--bulma-text-s),var(--bulma-text-100-l),1);--bulma-text-100-invert-l:var(--bulma-text-25-l);--bulma-text-100-invert:hsla(var(--bulma-text-h),var(--bulma-text-s),var(--bulma-text-100-invert-l),1);--bulma-text-invert-l:var(--bulma-text-100-l);--bulma-text-invert:hsla(var(--bulma-text-h),var(--bulma-text-s),var(--bulma-text-invert-l),1);--bulma-text-light-l:var(--bulma-text-90-l);--bulma-text-light:hsla(var(--bulma-text-h),var(--bulma-text-s),var(--bulma-text-light-l),1);--bulma-text-light-invert-l:var(--bulma-text-20-l);--bulma-text-light-invert:hsla(var(--bulma-text-h),var(--bulma-text-s),var(--bulma-text-light-invert-l),1);--bulma-text-dark-l:var(--bulma-text-10-l);--bulma-text-dark:hsla(var(--bulma-text-h),var(--bulma-text-s),var(--bulma-text-dark-l),1);--bulma-text-dark-invert-l:var(--bulma-text-70-l);--bulma-text-dark-invert:hsla(var(--bulma-text-h),var(--bulma-text-s),var(--bulma-text-dark-invert-l),1);--bulma-text-soft:hsla(var(--bulma-text-h),var(--bulma-text-s),var(--bulma-soft-l),1);--bulma-text-bold:hsla(var(--bulma-text-h),var(--bulma-text-s),var(--bulma-bold-l),1);--bulma-text-soft-invert:hsla(var(--bulma-text-h),var(--bulma-text-s),var(--bulma-soft-invert-l),1);--bulma-text-bold-invert:hsla(var(--bulma-text-h),var(--bulma-text-s),var(--bulma-bold-invert-l),1);--bulma-text-on-scheme-l:29%;--bulma-text-on-scheme:hsla(var(--bulma-text-h),var(--bulma-text-s),var(--bulma-text-on-scheme-l),1);--bulma-primary:hsla(var(--bulma-primary-h),var(--bulma-primary-s),var(--bulma-primary-l),1);--bulma-primary-base:hsla(var(--bulma-primary-h),var(--bulma-primary-s),var(--bulma-primary-l),1);--bulma-primary-rgb:0,209,178;--bulma-primary-h:171deg;--bulma-primary-s:100%;--bulma-primary-l:41%;--bulma-primary-00-l:1%;--bulma-primary-05-l:6%;--bulma-primary-10-l:11%;--bulma-primary-15-l:16%;--bulma-primary-20-l:21%;--bulma-primary-25-l:26%;--bulma-primary-30-l:31%;--bulma-primary-35-l:36%;--bulma-primary-40-l:41%;--bulma-primary-45-l:46%;--bulma-primary-50-l:51%;--bulma-primary-55-l:56%;--bulma-primary-60-l:61%;--bulma-primary-65-l:66%;--bulma-primary-70-l:71%;--bulma-primary-75-l:76%;--bulma-primary-80-l:81%;--bulma-primary-85-l:86%;--bulma-primary-90-l:91%;--bulma-primary-95-l:96%;--bulma-primary-100-l:100%;--bulma-primary-00:hsla(var(--bulma-primary-h),var(--bulma-primary-s),var(--bulma-primary-00-l),1);--bulma-primary-00-invert-l:var(--bulma-primary-30-l);--bulma-primary-00-invert:hsla(var(--bulma-primary-h),var(--bulma-primary-s),var(--bulma-primary-00-invert-l),1);--bulma-primary-05:hsla(var(--bulma-primary-h),var(--bulma-primary-s),var(--bulma-primary-05-l),1);--bulma-primary-05-invert-l:var(--bulma-primary-40-l);--bulma-primary-05-invert:hsla(var(--bulma-primary-h),var(--bulma-primary-s),var(--bulma-primary-05-invert-l),1);--bulma-primary-10:hsla(var(--bulma-primary-h),var(--bulma-primary-s),var(--bulma-primary-10-l),1);--bulma-primary-10-invert-l:var(--bulma-primary-50-l);--bulma-primary-10-invert:hsla(var(--bulma-primary-h),var(--bulma-primary-s),var(--bulma-primary-10-invert-l),1);--bulma-primary-15:hsla(var(--bulma-primary-h),var(--bulma-primary-s),var(--bulma-primary-15-l),1);--bulma-primary-15-invert-l:var(--bulma-primary-100-l);--bulma-primary-15-invert:hsla(var(--bulma-primary-h),var(--bulma-primary-s),var(--bulma-primary-15-invert-l),1);--bulma-primary-20:hsla(var(--bulma-primary-h),var(--bulma-primary-s),var(--bulma-primary-20-l),1);--bulma-primary-20-invert-l:var(--bulma-primary-100-l);--bulma-primary-20-invert:hsla(var(--bulma-primary-h),var(--bulma-primary-s),var(--bulma-primary-20-invert-l),1);--bulma-primary-25:hsla(var(--bulma-primary-h),var(--bulma-primary-s),var(--bulma-primary-25-l),1);--bulma-primary-25-invert-l:var(--bulma-primary-100-l);--bulma-primary-25-invert:hsla(var(--bulma-primary-h),var(--bulma-primary-s),var(--bulma-primary-25-invert-l),1);--bulma-primary-30:hsla(var(--bulma-primary-h),var(--bulma-primary-s),var(--bulma-primary-30-l),1);--bulma-primary-30-invert-l:var(--bulma-primary-00-l);--bulma-primary-30-invert:hsla(var(--bulma-primary-h),var(--bulma-primary-s),var(--bulma-primary-30-invert-l),1);--bulma-primary-35:hsla(var(--bulma-primary-h),var(--bulma-primary-s),var(--bulma-primary-35-l),1);--bulma-primary-35-invert-l:var(--bulma-primary-00-l);--bulma-primary-35-invert:hsla(var(--bulma-primary-h),var(--bulma-primary-s),var(--bulma-primary-35-invert-l),1);--bulma-primary-40:hsla(var(--bulma-primary-h),var(--bulma-primary-s),var(--bulma-primary-40-l),1);--bulma-primary-40-invert-l:var(--bulma-primary-05-l);--bulma-primary-40-invert:hsla(var(--bulma-primary-h),var(--bulma-primary-s),var(--bulma-primary-40-invert-l),1);--bulma-primary-45:hsla(var(--bulma-primary-h),var(--bulma-primary-s),var(--bulma-primary-45-l),1);--bulma-primary-45-invert-l:var(--bulma-primary-05-l);--bulma-primary-45-invert:hsla(var(--bulma-primary-h),var(--bulma-primary-s),var(--bulma-primary-45-invert-l),1);--bulma-primary-50:hsla(var(--bulma-primary-h),var(--bulma-primary-s),var(--bulma-primary-50-l),1);--bulma-primary-50-invert-l:var(--bulma-primary-10-l);--bulma-primary-50-invert:hsla(var(--bulma-primary-h),var(--bulma-primary-s),var(--bulma-primary-50-invert-l),1);--bulma-primary-55:hsla(var(--bulma-primary-h),var(--bulma-primary-s),var(--bulma-primary-55-l),1);--bulma-primary-55-invert-l:var(--bulma-primary-10-l);--bulma-primary-55-invert:hsla(var(--bulma-primary-h),var(--bulma-primary-s),var(--bulma-primary-55-invert-l),1);--bulma-primary-60:hsla(var(--bulma-primary-h),var(--bulma-primary-s),var(--bulma-primary-60-l),1);--bulma-primary-60-invert-l:var(--bulma-primary-10-l);--bulma-primary-60-invert:hsla(var(--bulma-primary-h),var(--bulma-primary-s),var(--bulma-primary-60-invert-l),1);--bulma-primary-65:hsla(var(--bulma-primary-h),var(--bulma-primary-s),var(--bulma-primary-65-l),1);--bulma-primary-65-invert-l:var(--bulma-primary-10-l);--bulma-primary-65-invert:hsla(var(--bulma-primary-h),var(--bulma-primary-s),var(--bulma-primary-65-invert-l),1);--bulma-primary-70:hsla(var(--bulma-primary-h),var(--bulma-primary-s),var(--bulma-primary-70-l),1);--bulma-primary-70-invert-l:var(--bulma-primary-10-l);--bulma-primary-70-invert:hsla(var(--bulma-primary-h),var(--bulma-primary-s),var(--bulma-primary-70-invert-l),1);--bulma-primary-75:hsla(var(--bulma-primary-h),var(--bulma-primary-s),var(--bulma-primary-75-l),1);--bulma-primary-75-invert-l:var(--bulma-primary-10-l);--bulma-primary-75-invert:hsla(var(--bulma-primary-h),var(--bulma-primary-s),var(--bulma-primary-75-invert-l),1);--bulma-primary-80:hsla(var(--bulma-primary-h),var(--bulma-primary-s),var(--bulma-primary-80-l),1);--bulma-primary-80-invert-l:var(--bulma-primary-10-l);--bulma-primary-80-invert:hsla(var(--bulma-primary-h),var(--bulma-primary-s),var(--bulma-primary-80-invert-l),1);--bulma-primary-85:hsla(var(--bulma-primary-h),var(--bulma-primary-s),var(--bulma-primary-85-l),1);--bulma-primary-85-invert-l:var(--bulma-primary-10-l);--bulma-primary-85-invert:hsla(var(--bulma-primary-h),var(--bulma-primary-s),var(--bulma-primary-85-invert-l),1);--bulma-primary-90:hsla(var(--bulma-primary-h),var(--bulma-primary-s),var(--bulma-primary-90-l),1);--bulma-primary-90-invert-l:var(--bulma-primary-10-l);--bulma-primary-90-invert:hsla(var(--bulma-primary-h),var(--bulma-primary-s),var(--bulma-primary-90-invert-l),1);--bulma-primary-95:hsla(var(--bulma-primary-h),var(--bulma-primary-s),var(--bulma-primary-95-l),1);--bulma-primary-95-invert-l:var(--bulma-primary-10-l);--bulma-primary-95-invert:hsla(var(--bulma-primary-h),var(--bulma-primary-s),var(--bulma-primary-95-invert-l),1);--bulma-primary-100:hsla(var(--bulma-primary-h),var(--bulma-primary-s),var(--bulma-primary-100-l),1);--bulma-primary-100-invert-l:var(--bulma-primary-15-l);--bulma-primary-100-invert:hsla(var(--bulma-primary-h),var(--bulma-primary-s),var(--bulma-primary-100-invert-l),1);--bulma-primary-invert-l:var(--bulma-primary-05-l);--bulma-primary-invert:hsla(var(--bulma-primary-h),var(--bulma-primary-s),var(--bulma-primary-invert-l),1);--bulma-primary-light-l:var(--bulma-primary-90-l);--bulma-primary-light:hsla(var(--bulma-primary-h),var(--bulma-primary-s),var(--bulma-primary-light-l),1);--bulma-primary-light-invert-l:var(--bulma-primary-10-l);--bulma-primary-light-invert:hsla(var(--bulma-primary-h),var(--bulma-primary-s),var(--bulma-primary-light-invert-l),1);--bulma-primary-dark-l:var(--bulma-primary-10-l);--bulma-primary-dark:hsla(var(--bulma-primary-h),var(--bulma-primary-s),var(--bulma-primary-dark-l),1);--bulma-primary-dark-invert-l:var(--bulma-primary-50-l);--bulma-primary-dark-invert:hsla(var(--bulma-primary-h),var(--bulma-primary-s),var(--bulma-primary-dark-invert-l),1);--bulma-primary-soft:hsla(var(--bulma-primary-h),var(--bulma-primary-s),var(--bulma-soft-l),1);--bulma-primary-bold:hsla(var(--bulma-primary-h),var(--bulma-primary-s),var(--bulma-bold-l),1);--bulma-primary-soft-invert:hsla(var(--bulma-primary-h),var(--bulma-primary-s),var(--bulma-soft-invert-l),1);--bulma-primary-bold-invert:hsla(var(--bulma-primary-h),var(--bulma-primary-s),var(--bulma-bold-invert-l),1);--bulma-primary-on-scheme-l:21%;--bulma-primary-on-scheme:hsla(var(--bulma-primary-h),var(--bulma-primary-s),var(--bulma-primary-on-scheme-l),1);--bulma-link:hsl(var(--bulma-link-h),var(--bulma-link-s),var(--bulma-link-l));--bulma-link-base:hsla(var(--bulma-link-h),var(--bulma-link-s),var(--bulma-link-l),1);--bulma-link-rgb:66,88,255;--bulma-link-h:233deg;--bulma-link-s:100%;--bulma-link-l:63%;--bulma-link-00-l:0%;--bulma-link-05-l:3%;--bulma-link-10-l:8%;--bulma-link-15-l:13%;--bulma-link-20-l:18%;--bulma-link-25-l:23%;--bulma-link-30-l:28%;--bulma-link-35-l:33%;--bulma-link-40-l:38%;--bulma-link-45-l:43%;--bulma-link-50-l:48%;--bulma-link-55-l:53%;--bulma-link-60-l:58%;--bulma-link-65-l:63%;--bulma-link-70-l:68%;--bulma-link-75-l:73%;--bulma-link-80-l:78%;--bulma-link-85-l:83%;--bulma-link-90-l:88%;--bulma-link-95-l:93%;--bulma-link-100-l:98%;--bulma-link-00:hsla(var(--bulma-link-h),var(--bulma-link-s),var(--bulma-link-00-l),1);--bulma-link-00-invert-l:var(--bulma-link-75-l);--bulma-link-00-invert:hsla(var(--bulma-link-h),var(--bulma-link-s),var(--bulma-link-00-invert-l),1);--bulma-link-05:hsla(var(--bulma-link-h),var(--bulma-link-s),var(--bulma-link-05-l),1);--bulma-link-05-invert-l:var(--bulma-link-75-l);--bulma-link-05-invert:hsla(var(--bulma-link-h),var(--bulma-link-s),var(--bulma-link-05-invert-l),1);--bulma-link-10:hsla(var(--bulma-link-h),var(--bulma-link-s),var(--bulma-link-10-l),1);--bulma-link-10-invert-l:var(--bulma-link-75-l);--bulma-link-10-invert:hsla(var(--bulma-link-h),var(--bulma-link-s),var(--bulma-link-10-invert-l),1);--bulma-link-15:hsla(var(--bulma-link-h),var(--bulma-link-s),var(--bulma-link-15-l),1);--bulma-link-15-invert-l:var(--bulma-link-80-l);--bulma-link-15-invert:hsla(var(--bulma-link-h),var(--bulma-link-s),var(--bulma-link-15-invert-l),1);--bulma-link-20:hsla(var(--bulma-link-h),var(--bulma-link-s),var(--bulma-link-20-l),1);--bulma-link-20-invert-l:var(--bulma-link-80-l);--bulma-link-20-invert:hsla(var(--bulma-link-h),var(--bulma-link-s),var(--bulma-link-20-invert-l),1);--bulma-link-25:hsla(var(--bulma-link-h),var(--bulma-link-s),var(--bulma-link-25-l),1);--bulma-link-25-invert-l:var(--bulma-link-85-l);--bulma-link-25-invert:hsla(var(--bulma-link-h),var(--bulma-link-s),var(--bulma-link-25-invert-l),1);--bulma-link-30:hsla(var(--bulma-link-h),var(--bulma-link-s),var(--bulma-link-30-l),1);--bulma-link-30-invert-l:var(--bulma-link-90-l);--bulma-link-30-invert:hsla(var(--bulma-link-h),var(--bulma-link-s),var(--bulma-link-30-invert-l),1);--bulma-link-35:hsla(var(--bulma-link-h),var(--bulma-link-s),var(--bulma-link-35-l),1);--bulma-link-35-invert-l:var(--bulma-link-90-l);--bulma-link-35-invert:hsla(var(--bulma-link-h),var(--bulma-link-s),var(--bulma-link-35-invert-l),1);--bulma-link-40:hsla(var(--bulma-link-h),var(--bulma-link-s),var(--bulma-link-40-l),1);--bulma-link-40-invert-l:var(--bulma-link-95-l);--bulma-link-40-invert:hsla(var(--bulma-link-h),var(--bulma-link-s),var(--bulma-link-40-invert-l),1);--bulma-link-45:hsla(var(--bulma-link-h),var(--bulma-link-s),var(--bulma-link-45-l),1);--bulma-link-45-invert-l:var(--bulma-link-100-l);--bulma-link-45-invert:hsla(var(--bulma-link-h),var(--bulma-link-s),var(--bulma-link-45-invert-l),1);--bulma-link-50:hsla(var(--bulma-link-h),var(--bulma-link-s),var(--bulma-link-50-l),1);--bulma-link-50-invert-l:var(--bulma-link-100-l);--bulma-link-50-invert:hsla(var(--bulma-link-h),var(--bulma-link-s),var(--bulma-link-50-invert-l),1);--bulma-link-55:hsla(var(--bulma-link-h),var(--bulma-link-s),var(--bulma-link-55-l),1);--bulma-link-55-invert-l:var(--bulma-link-100-l);--bulma-link-55-invert:hsla(var(--bulma-link-h),var(--bulma-link-s),var(--bulma-link-55-invert-l),1);--bulma-link-60:hsla(var(--bulma-link-h),var(--bulma-link-s),var(--bulma-link-60-l),1);--bulma-link-60-invert-l:var(--bulma-link-100-l);--bulma-link-60-invert:hsla(var(--bulma-link-h),var(--bulma-link-s),var(--bulma-link-60-invert-l),1);--bulma-link-65:hsla(var(--bulma-link-h),var(--bulma-link-s),var(--bulma-link-65-l),1);--bulma-link-65-invert-l:var(--bulma-link-100-l);--bulma-link-65-invert:hsla(var(--bulma-link-h),var(--bulma-link-s),var(--bulma-link-65-invert-l),1);--bulma-link-70:hsla(var(--bulma-link-h),var(--bulma-link-s),var(--bulma-link-70-l),1);--bulma-link-70-invert-l:var(--bulma-link-100-l);--bulma-link-70-invert:hsla(var(--bulma-link-h),var(--bulma-link-s),var(--bulma-link-70-invert-l),1);--bulma-link-75:hsla(var(--bulma-link-h),var(--bulma-link-s),var(--bulma-link-75-l),1);--bulma-link-75-invert-l:var(--bulma-link-10-l);--bulma-link-75-invert:hsla(var(--bulma-link-h),var(--bulma-link-s),var(--bulma-link-75-invert-l),1);--bulma-link-80:hsla(var(--bulma-link-h),var(--bulma-link-s),var(--bulma-link-80-l),1);--bulma-link-80-invert-l:var(--bulma-link-20-l);--bulma-link-80-invert:hsla(var(--bulma-link-h),var(--bulma-link-s),var(--bulma-link-80-invert-l),1);--bulma-link-85:hsla(var(--bulma-link-h),var(--bulma-link-s),var(--bulma-link-85-l),1);--bulma-link-85-invert-l:var(--bulma-link-25-l);--bulma-link-85-invert:hsla(var(--bulma-link-h),var(--bulma-link-s),var(--bulma-link-85-invert-l),1);--bulma-link-90:hsla(var(--bulma-link-h),var(--bulma-link-s),var(--bulma-link-90-l),1);--bulma-link-90-invert-l:var(--bulma-link-35-l);--bulma-link-90-invert:hsla(var(--bulma-link-h),var(--bulma-link-s),var(--bulma-link-90-invert-l),1);--bulma-link-95:hsla(var(--bulma-link-h),var(--bulma-link-s),var(--bulma-link-95-l),1);--bulma-link-95-invert-l:var(--bulma-link-40-l);--bulma-link-95-invert:hsla(var(--bulma-link-h),var(--bulma-link-s),var(--bulma-link-95-invert-l),1);--bulma-link-100:hsla(var(--bulma-link-h),var(--bulma-link-s),var(--bulma-link-100-l),1);--bulma-link-100-invert-l:var(--bulma-link-50-l);--bulma-link-100-invert:hsla(var(--bulma-link-h),var(--bulma-link-s),var(--bulma-link-100-invert-l),1);--bulma-link-invert-l:var(--bulma-link-100-l);--bulma-link-invert:hsla(var(--bulma-link-h),var(--bulma-link-s),var(--bulma-link-invert-l),1);--bulma-link-light-l:var(--bulma-link-90-l);--bulma-link-light:hsla(var(--bulma-link-h),var(--bulma-link-s),var(--bulma-link-light-l),1);--bulma-link-light-invert-l:var(--bulma-link-35-l);--bulma-link-light-invert:hsla(var(--bulma-link-h),var(--bulma-link-s),var(--bulma-link-light-invert-l),1);--bulma-link-dark-l:var(--bulma-link-10-l);--bulma-link-dark:hsla(var(--bulma-link-h),var(--bulma-link-s),var(--bulma-link-dark-l),1);--bulma-link-dark-invert-l:var(--bulma-link-75-l);--bulma-link-dark-invert:hsla(var(--bulma-link-h),var(--bulma-link-s),var(--bulma-link-dark-invert-l),1);--bulma-link-soft:hsla(var(--bulma-link-h),var(--bulma-link-s),var(--bulma-soft-l),1);--bulma-link-bold:hsla(var(--bulma-link-h),var(--bulma-link-s),var(--bulma-bold-l),1);--bulma-link-soft-invert:hsla(var(--bulma-link-h),var(--bulma-link-s),var(--bulma-soft-invert-l),1);--bulma-link-bold-invert:hsla(var(--bulma-link-h),var(--bulma-link-s),var(--bulma-bold-invert-l),1);--bulma-link-on-scheme-l:58%;--bulma-link-on-scheme:hsla(var(--bulma-link-h),var(--bulma-link-s),var(--bulma-link-on-scheme-l),1);--bulma-info:hsla(var(--bulma-info-h),var(--bulma-info-s),var(--bulma-info-l),1);--bulma-info-base:hsla(var(--bulma-info-h),var(--bulma-info-s),var(--bulma-info-l),1);--bulma-info-rgb:102,209,255;--bulma-info-h:198deg;--bulma-info-s:100%;--bulma-info-l:70%;--bulma-info-00-l:0%;--bulma-info-05-l:5%;--bulma-info-10-l:10%;--bulma-info-15-l:15%;--bulma-info-20-l:20%;--bulma-info-25-l:25%;--bulma-info-30-l:30%;--bulma-info-35-l:35%;--bulma-info-40-l:40%;--bulma-info-45-l:45%;--bulma-info-50-l:50%;--bulma-info-55-l:55%;--bulma-info-60-l:60%;--bulma-info-65-l:65%;--bulma-info-70-l:70%;--bulma-info-75-l:75%;--bulma-info-80-l:80%;--bulma-info-85-l:85%;--bulma-info-90-l:90%;--bulma-info-95-l:95%;--bulma-info-100-l:100%;--bulma-info-00:hsla(var(--bulma-info-h),var(--bulma-info-s),var(--bulma-info-00-l),1);--bulma-info-00-invert-l:var(--bulma-info-45-l);--bulma-info-00-invert:hsla(var(--bulma-info-h),var(--bulma-info-s),var(--bulma-info-00-invert-l),1);--bulma-info-05:hsla(var(--bulma-info-h),var(--bulma-info-s),var(--bulma-info-05-l),1);--bulma-info-05-invert-l:var(--bulma-info-50-l);--bulma-info-05-invert:hsla(var(--bulma-info-h),var(--bulma-info-s),var(--bulma-info-05-invert-l),1);--bulma-info-10:hsla(var(--bulma-info-h),var(--bulma-info-s),var(--bulma-info-10-l),1);--bulma-info-10-invert-l:var(--bulma-info-60-l);--bulma-info-10-invert:hsla(var(--bulma-info-h),var(--bulma-info-s),var(--bulma-info-10-invert-l),1);--bulma-info-15:hsla(var(--bulma-info-h),var(--bulma-info-s),var(--bulma-info-15-l),1);--bulma-info-15-invert-l:var(--bulma-info-80-l);--bulma-info-15-invert:hsla(var(--bulma-info-h),var(--bulma-info-s),var(--bulma-info-15-invert-l),1);--bulma-info-20:hsla(var(--bulma-info-h),var(--bulma-info-s),var(--bulma-info-20-l),1);--bulma-info-20-invert-l:var(--bulma-info-95-l);--bulma-info-20-invert:hsla(var(--bulma-info-h),var(--bulma-info-s),var(--bulma-info-20-invert-l),1);--bulma-info-25:hsla(var(--bulma-info-h),var(--bulma-info-s),var(--bulma-info-25-l),1);--bulma-info-25-invert-l:var(--bulma-info-100-l);--bulma-info-25-invert:hsla(var(--bulma-info-h),var(--bulma-info-s),var(--bulma-info-25-invert-l),1);--bulma-info-30:hsla(var(--bulma-info-h),var(--bulma-info-s),var(--bulma-info-30-l),1);--bulma-info-30-invert-l:var(--bulma-info-100-l);--bulma-info-30-invert:hsla(var(--bulma-info-h),var(--bulma-info-s),var(--bulma-info-30-invert-l),1);--bulma-info-35:hsla(var(--bulma-info-h),var(--bulma-info-s),var(--bulma-info-35-l),1);--bulma-info-35-invert-l:var(--bulma-info-100-l);--bulma-info-35-invert:hsla(var(--bulma-info-h),var(--bulma-info-s),var(--bulma-info-35-invert-l),1);--bulma-info-40:hsla(var(--bulma-info-h),var(--bulma-info-s),var(--bulma-info-40-l),1);--bulma-info-40-invert-l:var(--bulma-info-100-l);--bulma-info-40-invert:hsla(var(--bulma-info-h),var(--bulma-info-s),var(--bulma-info-40-invert-l),1);--bulma-info-45:hsla(var(--bulma-info-h),var(--bulma-info-s),var(--bulma-info-45-l),1);--bulma-info-45-invert-l:var(--bulma-info-00-l);--bulma-info-45-invert:hsla(var(--bulma-info-h),var(--bulma-info-s),var(--bulma-info-45-invert-l),1);--bulma-info-50:hsla(var(--bulma-info-h),var(--bulma-info-s),var(--bulma-info-50-l),1);--bulma-info-50-invert-l:var(--bulma-info-05-l);--bulma-info-50-invert:hsla(var(--bulma-info-h),var(--bulma-info-s),var(--bulma-info-50-invert-l),1);--bulma-info-55:hsla(var(--bulma-info-h),var(--bulma-info-s),var(--bulma-info-55-l),1);--bulma-info-55-invert-l:var(--bulma-info-05-l);--bulma-info-55-invert:hsla(var(--bulma-info-h),var(--bulma-info-s),var(--bulma-info-55-invert-l),1);--bulma-info-60:hsla(var(--bulma-info-h),var(--bulma-info-s),var(--bulma-info-60-l),1);--bulma-info-60-invert-l:var(--bulma-info-10-l);--bulma-info-60-invert:hsla(var(--bulma-info-h),var(--bulma-info-s),var(--bulma-info-60-invert-l),1);--bulma-info-65:hsla(var(--bulma-info-h),var(--bulma-info-s),var(--bulma-info-65-l),1);--bulma-info-65-invert-l:var(--bulma-info-10-l);--bulma-info-65-invert:hsla(var(--bulma-info-h),var(--bulma-info-s),var(--bulma-info-65-invert-l),1);--bulma-info-70:hsla(var(--bulma-info-h),var(--bulma-info-s),var(--bulma-info-70-l),1);--bulma-info-70-invert-l:var(--bulma-info-10-l);--bulma-info-70-invert:hsla(var(--bulma-info-h),var(--bulma-info-s),var(--bulma-info-70-invert-l),1);--bulma-info-75:hsla(var(--bulma-info-h),var(--bulma-info-s),var(--bulma-info-75-l),1);--bulma-info-75-invert-l:var(--bulma-info-10-l);--bulma-info-75-invert:hsla(var(--bulma-info-h),var(--bulma-info-s),var(--bulma-info-75-invert-l),1);--bulma-info-80:hsla(var(--bulma-info-h),var(--bulma-info-s),var(--bulma-info-80-l),1);--bulma-info-80-invert-l:var(--bulma-info-15-l);--bulma-info-80-invert:hsla(var(--bulma-info-h),var(--bulma-info-s),var(--bulma-info-80-invert-l),1);--bulma-info-85:hsla(var(--bulma-info-h),var(--bulma-info-s),var(--bulma-info-85-l),1);--bulma-info-85-invert-l:var(--bulma-info-15-l);--bulma-info-85-invert:hsla(var(--bulma-info-h),var(--bulma-info-s),var(--bulma-info-85-invert-l),1);--bulma-info-90:hsla(var(--bulma-info-h),var(--bulma-info-s),var(--bulma-info-90-l),1);--bulma-info-90-invert-l:var(--bulma-info-15-l);--bulma-info-90-invert:hsla(var(--bulma-info-h),var(--bulma-info-s),var(--bulma-info-90-invert-l),1);--bulma-info-95:hsla(var(--bulma-info-h),var(--bulma-info-s),var(--bulma-info-95-l),1);--bulma-info-95-invert-l:var(--bulma-info-20-l);--bulma-info-95-invert:hsla(var(--bulma-info-h),var(--bulma-info-s),var(--bulma-info-95-invert-l),1);--bulma-info-100:hsla(var(--bulma-info-h),var(--bulma-info-s),var(--bulma-info-100-l),1);--bulma-info-100-invert-l:var(--bulma-info-20-l);--bulma-info-100-invert:hsla(var(--bulma-info-h),var(--bulma-info-s),var(--bulma-info-100-invert-l),1);--bulma-info-invert-l:var(--bulma-info-10-l);--bulma-info-invert:hsla(var(--bulma-info-h),var(--bulma-info-s),var(--bulma-info-invert-l),1);--bulma-info-light-l:var(--bulma-info-90-l);--bulma-info-light:hsla(var(--bulma-info-h),var(--bulma-info-s),var(--bulma-info-light-l),1);--bulma-info-light-invert-l:var(--bulma-info-15-l);--bulma-info-light-invert:hsla(var(--bulma-info-h),var(--bulma-info-s),var(--bulma-info-light-invert-l),1);--bulma-info-dark-l:var(--bulma-info-10-l);--bulma-info-dark:hsla(var(--bulma-info-h),var(--bulma-info-s),var(--bulma-info-dark-l),1);--bulma-info-dark-invert-l:var(--bulma-info-60-l);--bulma-info-dark-invert:hsla(var(--bulma-info-h),var(--bulma-info-s),var(--bulma-info-dark-invert-l),1);--bulma-info-soft:hsla(var(--bulma-info-h),var(--bulma-info-s),var(--bulma-soft-l),1);--bulma-info-bold:hsla(var(--bulma-info-h),var(--bulma-info-s),var(--bulma-bold-l),1);--bulma-info-soft-invert:hsla(var(--bulma-info-h),var(--bulma-info-s),var(--bulma-soft-invert-l),1);--bulma-info-bold-invert:hsla(var(--bulma-info-h),var(--bulma-info-s),var(--bulma-bold-invert-l),1);--bulma-info-on-scheme-l:25%;--bulma-info-on-scheme:hsla(var(--bulma-info-h),var(--bulma-info-s),var(--bulma-info-on-scheme-l),1);--bulma-success:hsla(var(--bulma-success-h),var(--bulma-success-s),var(--bulma-success-l),1);--bulma-success-base:hsla(var(--bulma-success-h),var(--bulma-success-s),var(--bulma-success-l),1);--bulma-success-rgb:72,199,142;--bulma-success-h:153deg;--bulma-success-s:53%;--bulma-success-l:53%;--bulma-success-00-l:0%;--bulma-success-05-l:3%;--bulma-success-10-l:8%;--bulma-success-15-l:13%;--bulma-success-20-l:18%;--bulma-success-25-l:23%;--bulma-success-30-l:28%;--bulma-success-35-l:33%;--bulma-success-40-l:38%;--bulma-success-45-l:43%;--bulma-success-50-l:48%;--bulma-success-55-l:53%;--bulma-success-60-l:58%;--bulma-success-65-l:63%;--bulma-success-70-l:68%;--bulma-success-75-l:73%;--bulma-success-80-l:78%;--bulma-success-85-l:83%;--bulma-success-90-l:88%;--bulma-success-95-l:93%;--bulma-success-100-l:98%;--bulma-success-00:hsla(var(--bulma-success-h),var(--bulma-success-s),var(--bulma-success-00-l),1);--bulma-success-00-invert-l:var(--bulma-success-45-l);--bulma-success-00-invert:hsla(var(--bulma-success-h),var(--bulma-success-s),var(--bulma-success-00-invert-l),1);--bulma-success-05:hsla(var(--bulma-success-h),var(--bulma-success-s),var(--bulma-success-05-l),1);--bulma-success-05-invert-l:var(--bulma-success-45-l);--bulma-success-05-invert:hsla(var(--bulma-success-h),var(--bulma-success-s),var(--bulma-success-05-invert-l),1);--bulma-success-10:hsla(var(--bulma-success-h),var(--bulma-success-s),var(--bulma-success-10-l),1);--bulma-success-10-invert-l:var(--bulma-success-55-l);--bulma-success-10-invert:hsla(var(--bulma-success-h),var(--bulma-success-s),var(--bulma-success-10-invert-l),1);--bulma-success-15:hsla(var(--bulma-success-h),var(--bulma-success-s),var(--bulma-success-15-l),1);--bulma-success-15-invert-l:var(--bulma-success-75-l);--bulma-success-15-invert:hsla(var(--bulma-success-h),var(--bulma-success-s),var(--bulma-success-15-invert-l),1);--bulma-success-20:hsla(var(--bulma-success-h),var(--bulma-success-s),var(--bulma-success-20-l),1);--bulma-success-20-invert-l:var(--bulma-success-90-l);--bulma-success-20-invert:hsla(var(--bulma-success-h),var(--bulma-success-s),var(--bulma-success-20-invert-l),1);--bulma-success-25:hsla(var(--bulma-success-h),var(--bulma-success-s),var(--bulma-success-25-l),1);--bulma-success-25-invert-l:var(--bulma-success-100-l);--bulma-success-25-invert:hsla(var(--bulma-success-h),var(--bulma-success-s),var(--bulma-success-25-invert-l),1);--bulma-success-30:hsla(var(--bulma-success-h),var(--bulma-success-s),var(--bulma-success-30-l),1);--bulma-success-30-invert-l:var(--bulma-success-100-l);--bulma-success-30-invert:hsla(var(--bulma-success-h),var(--bulma-success-s),var(--bulma-success-30-invert-l),1);--bulma-success-35:hsla(var(--bulma-success-h),var(--bulma-success-s),var(--bulma-success-35-l),1);--bulma-success-35-invert-l:var(--bulma-success-100-l);--bulma-success-35-invert:hsla(var(--bulma-success-h),var(--bulma-success-s),var(--bulma-success-35-invert-l),1);--bulma-success-40:hsla(var(--bulma-success-h),var(--bulma-success-s),var(--bulma-success-40-l),1);--bulma-success-40-invert-l:var(--bulma-success-100-l);--bulma-success-40-invert:hsla(var(--bulma-success-h),var(--bulma-success-s),var(--bulma-success-40-invert-l),1);--bulma-success-45:hsla(var(--bulma-success-h),var(--bulma-success-s),var(--bulma-success-45-l),1);--bulma-success-45-invert-l:var(--bulma-success-05-l);--bulma-success-45-invert:hsla(var(--bulma-success-h),var(--bulma-success-s),var(--bulma-success-45-invert-l),1);--bulma-success-50:hsla(var(--bulma-success-h),var(--bulma-success-s),var(--bulma-success-50-l),1);--bulma-success-50-invert-l:var(--bulma-success-05-l);--bulma-success-50-invert:hsla(var(--bulma-success-h),var(--bulma-success-s),var(--bulma-success-50-invert-l),1);--bulma-success-55:hsla(var(--bulma-success-h),var(--bulma-success-s),var(--bulma-success-55-l),1);--bulma-success-55-invert-l:var(--bulma-success-10-l);--bulma-success-55-invert:hsla(var(--bulma-success-h),var(--bulma-success-s),var(--bulma-success-55-invert-l),1);--bulma-success-60:hsla(var(--bulma-success-h),var(--bulma-success-s),var(--bulma-success-60-l),1);--bulma-success-60-invert-l:var(--bulma-success-10-l);--bulma-success-60-invert:hsla(var(--bulma-success-h),var(--bulma-success-s),var(--bulma-success-60-invert-l),1);--bulma-success-65:hsla(var(--bulma-success-h),var(--bulma-success-s),var(--bulma-success-65-l),1);--bulma-success-65-invert-l:var(--bulma-success-10-l);--bulma-success-65-invert:hsla(var(--bulma-success-h),var(--bulma-success-s),var(--bulma-success-65-invert-l),1);--bulma-success-70:hsla(var(--bulma-success-h),var(--bulma-success-s),var(--bulma-success-70-l),1);--bulma-success-70-invert-l:var(--bulma-success-10-l);--bulma-success-70-invert:hsla(var(--bulma-success-h),var(--bulma-success-s),var(--bulma-success-70-invert-l),1);--bulma-success-75:hsla(var(--bulma-success-h),var(--bulma-success-s),var(--bulma-success-75-l),1);--bulma-success-75-invert-l:var(--bulma-success-15-l);--bulma-success-75-invert:hsla(var(--bulma-success-h),var(--bulma-success-s),var(--bulma-success-75-invert-l),1);--bulma-success-80:hsla(var(--bulma-success-h),var(--bulma-success-s),var(--bulma-success-80-l),1);--bulma-success-80-invert-l:var(--bulma-success-15-l);--bulma-success-80-invert:hsla(var(--bulma-success-h),var(--bulma-success-s),var(--bulma-success-80-invert-l),1);--bulma-success-85:hsla(var(--bulma-success-h),var(--bulma-success-s),var(--bulma-success-85-l),1);--bulma-success-85-invert-l:var(--bulma-success-15-l);--bulma-success-85-invert:hsla(var(--bulma-success-h),var(--bulma-success-s),var(--bulma-success-85-invert-l),1);--bulma-success-90:hsla(var(--bulma-success-h),var(--bulma-success-s),var(--bulma-success-90-l),1);--bulma-success-90-invert-l:var(--bulma-success-20-l);--bulma-success-90-invert:hsla(var(--bulma-success-h),var(--bulma-success-s),var(--bulma-success-90-invert-l),1);--bulma-success-95:hsla(var(--bulma-success-h),var(--bulma-success-s),var(--bulma-success-95-l),1);--bulma-success-95-invert-l:var(--bulma-success-20-l);--bulma-success-95-invert:hsla(var(--bulma-success-h),var(--bulma-success-s),var(--bulma-success-95-invert-l),1);--bulma-success-100:hsla(var(--bulma-success-h),var(--bulma-success-s),var(--bulma-success-100-l),1);--bulma-success-100-invert-l:var(--bulma-success-20-l);--bulma-success-100-invert:hsla(var(--bulma-success-h),var(--bulma-success-s),var(--bulma-success-100-invert-l),1);--bulma-success-invert-l:var(--bulma-success-10-l);--bulma-success-invert:hsla(var(--bulma-success-h),var(--bulma-success-s),var(--bulma-success-invert-l),1);--bulma-success-light-l:var(--bulma-success-90-l);--bulma-success-light:hsla(var(--bulma-success-h),var(--bulma-success-s),var(--bulma-success-light-l),1);--bulma-success-light-invert-l:var(--bulma-success-20-l);--bulma-success-light-invert:hsla(var(--bulma-success-h),var(--bulma-success-s),var(--bulma-success-light-invert-l),1);--bulma-success-dark-l:var(--bulma-success-10-l);--bulma-success-dark:hsla(var(--bulma-success-h),var(--bulma-success-s),var(--bulma-success-dark-l),1);--bulma-success-dark-invert-l:var(--bulma-success-55-l);--bulma-success-dark-invert:hsla(var(--bulma-success-h),var(--bulma-success-s),var(--bulma-success-dark-invert-l),1);--bulma-success-soft:hsla(var(--bulma-success-h),var(--bulma-success-s),var(--bulma-soft-l),1);--bulma-success-bold:hsla(var(--bulma-success-h),var(--bulma-success-s),var(--bulma-bold-l),1);--bulma-success-soft-invert:hsla(var(--bulma-success-h),var(--bulma-success-s),var(--bulma-soft-invert-l),1);--bulma-success-bold-invert:hsla(var(--bulma-success-h),var(--bulma-success-s),var(--bulma-bold-invert-l),1);--bulma-success-on-scheme-l:23%;--bulma-success-on-scheme:hsla(var(--bulma-success-h),var(--bulma-success-s),var(--bulma-success-on-scheme-l),1);--bulma-warning:hsla(var(--bulma-warning-h),var(--bulma-warning-s),var(--bulma-warning-l),1);--bulma-warning-base:hsla(var(--bulma-warning-h),var(--bulma-warning-s),var(--bulma-warning-l),1);--bulma-warning-rgb:255,183,15;--bulma-warning-h:42deg;--bulma-warning-s:100%;--bulma-warning-l:53%;--bulma-warning-00-l:0%;--bulma-warning-05-l:3%;--bulma-warning-10-l:8%;--bulma-warning-15-l:13%;--bulma-warning-20-l:18%;--bulma-warning-25-l:23%;--bulma-warning-30-l:28%;--bulma-warning-35-l:33%;--bulma-warning-40-l:38%;--bulma-warning-45-l:43%;--bulma-warning-50-l:48%;--bulma-warning-55-l:53%;--bulma-warning-60-l:58%;--bulma-warning-65-l:63%;--bulma-warning-70-l:68%;--bulma-warning-75-l:73%;--bulma-warning-80-l:78%;--bulma-warning-85-l:83%;--bulma-warning-90-l:88%;--bulma-warning-95-l:93%;--bulma-warning-100-l:98%;--bulma-warning-00:hsla(var(--bulma-warning-h),var(--bulma-warning-s),var(--bulma-warning-00-l),1);--bulma-warning-00-invert-l:var(--bulma-warning-40-l);--bulma-warning-00-invert:hsla(var(--bulma-warning-h),var(--bulma-warning-s),var(--bulma-warning-00-invert-l),1);--bulma-warning-05:hsla(var(--bulma-warning-h),var(--bulma-warning-s),var(--bulma-warning-05-l),1);--bulma-warning-05-invert-l:var(--bulma-warning-45-l);--bulma-warning-05-invert:hsla(var(--bulma-warning-h),var(--bulma-warning-s),var(--bulma-warning-05-invert-l),1);--bulma-warning-10:hsla(var(--bulma-warning-h),var(--bulma-warning-s),var(--bulma-warning-10-l),1);--bulma-warning-10-invert-l:var(--bulma-warning-50-l);--bulma-warning-10-invert:hsla(var(--bulma-warning-h),var(--bulma-warning-s),var(--bulma-warning-10-invert-l),1);--bulma-warning-15:hsla(var(--bulma-warning-h),var(--bulma-warning-s),var(--bulma-warning-15-l),1);--bulma-warning-15-invert-l:var(--bulma-warning-70-l);--bulma-warning-15-invert:hsla(var(--bulma-warning-h),var(--bulma-warning-s),var(--bulma-warning-15-invert-l),1);--bulma-warning-20:hsla(var(--bulma-warning-h),var(--bulma-warning-s),var(--bulma-warning-20-l),1);--bulma-warning-20-invert-l:var(--bulma-warning-100-l);--bulma-warning-20-invert:hsla(var(--bulma-warning-h),var(--bulma-warning-s),var(--bulma-warning-20-invert-l),1);--bulma-warning-25:hsla(var(--bulma-warning-h),var(--bulma-warning-s),var(--bulma-warning-25-l),1);--bulma-warning-25-invert-l:var(--bulma-warning-100-l);--bulma-warning-25-invert:hsla(var(--bulma-warning-h),var(--bulma-warning-s),var(--bulma-warning-25-invert-l),1);--bulma-warning-30:hsla(var(--bulma-warning-h),var(--bulma-warning-s),var(--bulma-warning-30-l),1);--bulma-warning-30-invert-l:var(--bulma-warning-100-l);--bulma-warning-30-invert:hsla(var(--bulma-warning-h),var(--bulma-warning-s),var(--bulma-warning-30-invert-l),1);--bulma-warning-35:hsla(var(--bulma-warning-h),var(--bulma-warning-s),var(--bulma-warning-35-l),1);--bulma-warning-35-invert-l:var(--bulma-warning-100-l);--bulma-warning-35-invert:hsla(var(--bulma-warning-h),var(--bulma-warning-s),var(--bulma-warning-35-invert-l),1);--bulma-warning-40:hsla(var(--bulma-warning-h),var(--bulma-warning-s),var(--bulma-warning-40-l),1);--bulma-warning-40-invert-l:var(--bulma-warning-00-l);--bulma-warning-40-invert:hsla(var(--bulma-warning-h),var(--bulma-warning-s),var(--bulma-warning-40-invert-l),1);--bulma-warning-45:hsla(var(--bulma-warning-h),var(--bulma-warning-s),var(--bulma-warning-45-l),1);--bulma-warning-45-invert-l:var(--bulma-warning-05-l);--bulma-warning-45-invert:hsla(var(--bulma-warning-h),var(--bulma-warning-s),var(--bulma-warning-45-invert-l),1);--bulma-warning-50:hsla(var(--bulma-warning-h),var(--bulma-warning-s),var(--bulma-warning-50-l),1);--bulma-warning-50-invert-l:var(--bulma-warning-10-l);--bulma-warning-50-invert:hsla(var(--bulma-warning-h),var(--bulma-warning-s),var(--bulma-warning-50-invert-l),1);--bulma-warning-55:hsla(var(--bulma-warning-h),var(--bulma-warning-s),var(--bulma-warning-55-l),1);--bulma-warning-55-invert-l:var(--bulma-warning-10-l);--bulma-warning-55-invert:hsla(var(--bulma-warning-h),var(--bulma-warning-s),var(--bulma-warning-55-invert-l),1);--bulma-warning-60:hsla(var(--bulma-warning-h),var(--bulma-warning-s),var(--bulma-warning-60-l),1);--bulma-warning-60-invert-l:var(--bulma-warning-10-l);--bulma-warning-60-invert:hsla(var(--bulma-warning-h),var(--bulma-warning-s),var(--bulma-warning-60-invert-l),1);--bulma-warning-65:hsla(var(--bulma-warning-h),var(--bulma-warning-s),var(--bulma-warning-65-l),1);--bulma-warning-65-invert-l:var(--bulma-warning-10-l);--bulma-warning-65-invert:hsla(var(--bulma-warning-h),var(--bulma-warning-s),var(--bulma-warning-65-invert-l),1);--bulma-warning-70:hsla(var(--bulma-warning-h),var(--bulma-warning-s),var(--bulma-warning-70-l),1);--bulma-warning-70-invert-l:var(--bulma-warning-15-l);--bulma-warning-70-invert:hsla(var(--bulma-warning-h),var(--bulma-warning-s),var(--bulma-warning-70-invert-l),1);--bulma-warning-75:hsla(var(--bulma-warning-h),var(--bulma-warning-s),var(--bulma-warning-75-l),1);--bulma-warning-75-invert-l:var(--bulma-warning-15-l);--bulma-warning-75-invert:hsla(var(--bulma-warning-h),var(--bulma-warning-s),var(--bulma-warning-75-invert-l),1);--bulma-warning-80:hsla(var(--bulma-warning-h),var(--bulma-warning-s),var(--bulma-warning-80-l),1);--bulma-warning-80-invert-l:var(--bulma-warning-15-l);--bulma-warning-80-invert:hsla(var(--bulma-warning-h),var(--bulma-warning-s),var(--bulma-warning-80-invert-l),1);--bulma-warning-85:hsla(var(--bulma-warning-h),var(--bulma-warning-s),var(--bulma-warning-85-l),1);--bulma-warning-85-invert-l:var(--bulma-warning-15-l);--bulma-warning-85-invert:hsla(var(--bulma-warning-h),var(--bulma-warning-s),var(--bulma-warning-85-invert-l),1);--bulma-warning-90:hsla(var(--bulma-warning-h),var(--bulma-warning-s),var(--bulma-warning-90-l),1);--bulma-warning-90-invert-l:var(--bulma-warning-15-l);--bulma-warning-90-invert:hsla(var(--bulma-warning-h),var(--bulma-warning-s),var(--bulma-warning-90-invert-l),1);--bulma-warning-95:hsla(var(--bulma-warning-h),var(--bulma-warning-s),var(--bulma-warning-95-l),1);--bulma-warning-95-invert-l:var(--bulma-warning-15-l);--bulma-warning-95-invert:hsla(var(--bulma-warning-h),var(--bulma-warning-s),var(--bulma-warning-95-invert-l),1);--bulma-warning-100:hsla(var(--bulma-warning-h),var(--bulma-warning-s),var(--bulma-warning-100-l),1);--bulma-warning-100-invert-l:var(--bulma-warning-20-l);--bulma-warning-100-invert:hsla(var(--bulma-warning-h),var(--bulma-warning-s),var(--bulma-warning-100-invert-l),1);--bulma-warning-invert-l:var(--bulma-warning-10-l);--bulma-warning-invert:hsla(var(--bulma-warning-h),var(--bulma-warning-s),var(--bulma-warning-invert-l),1);--bulma-warning-light-l:var(--bulma-warning-90-l);--bulma-warning-light:hsla(var(--bulma-warning-h),var(--bulma-warning-s),var(--bulma-warning-light-l),1);--bulma-warning-light-invert-l:var(--bulma-warning-15-l);--bulma-warning-light-invert:hsla(var(--bulma-warning-h),var(--bulma-warning-s),var(--bulma-warning-light-invert-l),1);--bulma-warning-dark-l:var(--bulma-warning-10-l);--bulma-warning-dark:hsla(var(--bulma-warning-h),var(--bulma-warning-s),var(--bulma-warning-dark-l),1);--bulma-warning-dark-invert-l:var(--bulma-warning-50-l);--bulma-warning-dark-invert:hsla(var(--bulma-warning-h),var(--bulma-warning-s),var(--bulma-warning-dark-invert-l),1);--bulma-warning-soft:hsla(var(--bulma-warning-h),var(--bulma-warning-s),var(--bulma-soft-l),1);--bulma-warning-bold:hsla(var(--bulma-warning-h),var(--bulma-warning-s),var(--bulma-bold-l),1);--bulma-warning-soft-invert:hsla(var(--bulma-warning-h),var(--bulma-warning-s),var(--bulma-soft-invert-l),1);--bulma-warning-bold-invert:hsla(var(--bulma-warning-h),var(--bulma-warning-s),var(--bulma-bold-invert-l),1);--bulma-warning-on-scheme-l:23%;--bulma-warning-on-scheme:hsla(var(--bulma-warning-h),var(--bulma-warning-s),var(--bulma-warning-on-scheme-l),1);--bulma-danger:hsla(var(--bulma-danger-h),var(--bulma-danger-s),var(--bulma-danger-l),1);--bulma-danger-base:hsla(var(--bulma-danger-h),var(--bulma-danger-s),var(--bulma-danger-l),1);--bulma-danger-rgb:255,102,133;--bulma-danger-h:348deg;--bulma-danger-s:100%;--bulma-danger-l:70%;--bulma-danger-00-l:0%;--bulma-danger-05-l:5%;--bulma-danger-10-l:10%;--bulma-danger-15-l:15%;--bulma-danger-20-l:20%;--bulma-danger-25-l:25%;--bulma-danger-30-l:30%;--bulma-danger-35-l:35%;--bulma-danger-40-l:40%;--bulma-danger-45-l:45%;--bulma-danger-50-l:50%;--bulma-danger-55-l:55%;--bulma-danger-60-l:60%;--bulma-danger-65-l:65%;--bulma-danger-70-l:70%;--bulma-danger-75-l:75%;--bulma-danger-80-l:80%;--bulma-danger-85-l:85%;--bulma-danger-90-l:90%;--bulma-danger-95-l:95%;--bulma-danger-100-l:100%;--bulma-danger-00:hsla(var(--bulma-danger-h),var(--bulma-danger-s),var(--bulma-danger-00-l),1);--bulma-danger-00-invert-l:var(--bulma-danger-65-l);--bulma-danger-00-invert:hsla(var(--bulma-danger-h),var(--bulma-danger-s),var(--bulma-danger-00-invert-l),1);--bulma-danger-05:hsla(var(--bulma-danger-h),var(--bulma-danger-s),var(--bulma-danger-05-l),1);--bulma-danger-05-invert-l:var(--bulma-danger-70-l);--bulma-danger-05-invert:hsla(var(--bulma-danger-h),var(--bulma-danger-s),var(--bulma-danger-05-invert-l),1);--bulma-danger-10:hsla(var(--bulma-danger-h),var(--bulma-danger-s),var(--bulma-danger-10-l),1);--bulma-danger-10-invert-l:var(--bulma-danger-75-l);--bulma-danger-10-invert:hsla(var(--bulma-danger-h),var(--bulma-danger-s),var(--bulma-danger-10-invert-l),1);--bulma-danger-15:hsla(var(--bulma-danger-h),var(--bulma-danger-s),var(--bulma-danger-15-l),1);--bulma-danger-15-invert-l:var(--bulma-danger-80-l);--bulma-danger-15-invert:hsla(var(--bulma-danger-h),var(--bulma-danger-s),var(--bulma-danger-15-invert-l),1);--bulma-danger-20:hsla(var(--bulma-danger-h),var(--bulma-danger-s),var(--bulma-danger-20-l),1);--bulma-danger-20-invert-l:var(--bulma-danger-85-l);--bulma-danger-20-invert:hsla(var(--bulma-danger-h),var(--bulma-danger-s),var(--bulma-danger-20-invert-l),1);--bulma-danger-25:hsla(var(--bulma-danger-h),var(--bulma-danger-s),var(--bulma-danger-25-l),1);--bulma-danger-25-invert-l:var(--bulma-danger-90-l);--bulma-danger-25-invert:hsla(var(--bulma-danger-h),var(--bulma-danger-s),var(--bulma-danger-25-invert-l),1);--bulma-danger-30:hsla(var(--bulma-danger-h),var(--bulma-danger-s),var(--bulma-danger-30-l),1);--bulma-danger-30-invert-l:var(--bulma-danger-100-l);--bulma-danger-30-invert:hsla(var(--bulma-danger-h),var(--bulma-danger-s),var(--bulma-danger-30-invert-l),1);--bulma-danger-35:hsla(var(--bulma-danger-h),var(--bulma-danger-s),var(--bulma-danger-35-l),1);--bulma-danger-35-invert-l:var(--bulma-danger-100-l);--bulma-danger-35-invert:hsla(var(--bulma-danger-h),var(--bulma-danger-s),var(--bulma-danger-35-invert-l),1);--bulma-danger-40:hsla(var(--bulma-danger-h),var(--bulma-danger-s),var(--bulma-danger-40-l),1);--bulma-danger-40-invert-l:var(--bulma-danger-100-l);--bulma-danger-40-invert:hsla(var(--bulma-danger-h),var(--bulma-danger-s),var(--bulma-danger-40-invert-l),1);--bulma-danger-45:hsla(var(--bulma-danger-h),var(--bulma-danger-s),var(--bulma-danger-45-l),1);--bulma-danger-45-invert-l:var(--bulma-danger-100-l);--bulma-danger-45-invert:hsla(var(--bulma-danger-h),var(--bulma-danger-s),var(--bulma-danger-45-invert-l),1);--bulma-danger-50:hsla(var(--bulma-danger-h),var(--bulma-danger-s),var(--bulma-danger-50-l),1);--bulma-danger-50-invert-l:var(--bulma-danger-100-l);--bulma-danger-50-invert:hsla(var(--bulma-danger-h),var(--bulma-danger-s),var(--bulma-danger-50-invert-l),1);--bulma-danger-55:hsla(var(--bulma-danger-h),var(--bulma-danger-s),var(--bulma-danger-55-l),1);--bulma-danger-55-invert-l:var(--bulma-danger-100-l);--bulma-danger-55-invert:hsla(var(--bulma-danger-h),var(--bulma-danger-s),var(--bulma-danger-55-invert-l),1);--bulma-danger-60:hsla(var(--bulma-danger-h),var(--bulma-danger-s),var(--bulma-danger-60-l),1);--bulma-danger-60-invert-l:var(--bulma-danger-100-l);--bulma-danger-60-invert:hsla(var(--bulma-danger-h),var(--bulma-danger-s),var(--bulma-danger-60-invert-l),1);--bulma-danger-65:hsla(var(--bulma-danger-h),var(--bulma-danger-s),var(--bulma-danger-65-l),1);--bulma-danger-65-invert-l:var(--bulma-danger-00-l);--bulma-danger-65-invert:hsla(var(--bulma-danger-h),var(--bulma-danger-s),var(--bulma-danger-65-invert-l),1);--bulma-danger-70:hsla(var(--bulma-danger-h),var(--bulma-danger-s),var(--bulma-danger-70-l),1);--bulma-danger-70-invert-l:var(--bulma-danger-05-l);--bulma-danger-70-invert:hsla(var(--bulma-danger-h),var(--bulma-danger-s),var(--bulma-danger-70-invert-l),1);--bulma-danger-75:hsla(var(--bulma-danger-h),var(--bulma-danger-s),var(--bulma-danger-75-l),1);--bulma-danger-75-invert-l:var(--bulma-danger-10-l);--bulma-danger-75-invert:hsla(var(--bulma-danger-h),var(--bulma-danger-s),var(--bulma-danger-75-invert-l),1);--bulma-danger-80:hsla(var(--bulma-danger-h),var(--bulma-danger-s),var(--bulma-danger-80-l),1);--bulma-danger-80-invert-l:var(--bulma-danger-15-l);--bulma-danger-80-invert:hsla(var(--bulma-danger-h),var(--bulma-danger-s),var(--bulma-danger-80-invert-l),1);--bulma-danger-85:hsla(var(--bulma-danger-h),var(--bulma-danger-s),var(--bulma-danger-85-l),1);--bulma-danger-85-invert-l:var(--bulma-danger-20-l);--bulma-danger-85-invert:hsla(var(--bulma-danger-h),var(--bulma-danger-s),var(--bulma-danger-85-invert-l),1);--bulma-danger-90:hsla(var(--bulma-danger-h),var(--bulma-danger-s),var(--bulma-danger-90-l),1);--bulma-danger-90-invert-l:var(--bulma-danger-25-l);--bulma-danger-90-invert:hsla(var(--bulma-danger-h),var(--bulma-danger-s),var(--bulma-danger-90-invert-l),1);--bulma-danger-95:hsla(var(--bulma-danger-h),var(--bulma-danger-s),var(--bulma-danger-95-l),1);--bulma-danger-95-invert-l:var(--bulma-danger-25-l);--bulma-danger-95-invert:hsla(var(--bulma-danger-h),var(--bulma-danger-s),var(--bulma-danger-95-invert-l),1);--bulma-danger-100:hsla(var(--bulma-danger-h),var(--bulma-danger-s),var(--bulma-danger-100-l),1);--bulma-danger-100-invert-l:var(--bulma-danger-30-l);--bulma-danger-100-invert:hsla(var(--bulma-danger-h),var(--bulma-danger-s),var(--bulma-danger-100-invert-l),1);--bulma-danger-invert-l:var(--bulma-danger-05-l);--bulma-danger-invert:hsla(var(--bulma-danger-h),var(--bulma-danger-s),var(--bulma-danger-invert-l),1);--bulma-danger-light-l:var(--bulma-danger-90-l);--bulma-danger-light:hsla(var(--bulma-danger-h),var(--bulma-danger-s),var(--bulma-danger-light-l),1);--bulma-danger-light-invert-l:var(--bulma-danger-25-l);--bulma-danger-light-invert:hsla(var(--bulma-danger-h),var(--bulma-danger-s),var(--bulma-danger-light-invert-l),1);--bulma-danger-dark-l:var(--bulma-danger-10-l);--bulma-danger-dark:hsla(var(--bulma-danger-h),var(--bulma-danger-s),var(--bulma-danger-dark-l),1);--bulma-danger-dark-invert-l:var(--bulma-danger-75-l);--bulma-danger-dark-invert:hsla(var(--bulma-danger-h),var(--bulma-danger-s),var(--bulma-danger-dark-invert-l),1);--bulma-danger-soft:hsla(var(--bulma-danger-h),var(--bulma-danger-s),var(--bulma-soft-l),1);--bulma-danger-bold:hsla(var(--bulma-danger-h),var(--bulma-danger-s),var(--bulma-bold-l),1);--bulma-danger-soft-invert:hsla(var(--bulma-danger-h),var(--bulma-danger-s),var(--bulma-soft-invert-l),1);--bulma-danger-bold-invert:hsla(var(--bulma-danger-h),var(--bulma-danger-s),var(--bulma-bold-invert-l),1);--bulma-danger-on-scheme-l:40%;--bulma-danger-on-scheme:hsla(var(--bulma-danger-h),var(--bulma-danger-s),var(--bulma-danger-on-scheme-l),1);--bulma-black-bis:#14161a;--bulma-black-ter:#1f2229;--bulma-grey-darker:#2e333d;--bulma-grey-dark:#404654;--bulma-grey:#69748c;--bulma-grey-light:#abb1bf;--bulma-grey-lighter:#d6d9e0;--bulma-white-ter:#f3f4f6;--bulma-white-bis:#f9fafb;--bulma-shadow-h:221deg;--bulma-shadow-s:14%;--bulma-shadow-l:4%;--bulma-size-1:3rem;--bulma-size-2:2.5rem;--bulma-size-3:2rem;--bulma-size-4:1.5rem;--bulma-size-5:1.25rem;--bulma-size-6:1rem;--bulma-size-7:.75rem;--bulma-scheme-main:hsl(var(--bulma-scheme-h),var(--bulma-scheme-s),var(--bulma-scheme-main-l));--bulma-scheme-main-bis:hsl(var(--bulma-scheme-h),var(--bulma-scheme-s),var(--bulma-scheme-main-bis-l));--bulma-scheme-main-ter:hsl(var(--bulma-scheme-h),var(--bulma-scheme-s),var(--bulma-scheme-main-ter-l));--bulma-background:hsl(var(--bulma-scheme-h),var(--bulma-scheme-s),var(--bulma-background-l));--bulma-background-hover:hsl(var(--bulma-scheme-h),var(--bulma-scheme-s),calc(var(--bulma-background-l) + var(--bulma-hover-background-l-delta)));--bulma-background-active:hsl(var(--bulma-scheme-h),var(--bulma-scheme-s),calc(var(--bulma-background-l) + var(--bulma-active-background-l-delta)));--bulma-border-weak:hsl(var(--bulma-scheme-h),var(--bulma-scheme-s),var(--bulma-border-weak-l));--bulma-border:hsl(var(--bulma-scheme-h),var(--bulma-scheme-s),var(--bulma-border-l));--bulma-border-hover:hsl(var(--bulma-scheme-h),var(--bulma-scheme-s),calc(var(--bulma-border-l) + var(--bulma-hover-border-l-delta)));--bulma-border-active:hsl(var(--bulma-scheme-h),var(--bulma-scheme-s),calc(var(--bulma-border-l) + var(--bulma-active-border-l-delta)));--bulma-text-weak:hsl(var(--bulma-text-h),var(--bulma-text-s),var(--bulma-text-weak-l));--bulma-text-strong:hsl(var(--bulma-text-h),var(--bulma-text-s),var(--bulma-text-strong-l));--bulma-scheme-invert-ter:hsl(var(--bulma-scheme-h),var(--bulma-scheme-s),var(--bulma-scheme-invert-ter-l));--bulma-scheme-invert-bis:hsl(var(--bulma-scheme-h),var(--bulma-scheme-s),var(--bulma-scheme-invert-bis-l));--bulma-scheme-invert:hsl(var(--bulma-scheme-h),var(--bulma-scheme-s),var(--bulma-scheme-invert-l));--bulma-link-text:hsl(var(--bulma-link-h),var(--bulma-link-s),var(--bulma-link-on-scheme-l));--bulma-link-text-hover:hsl(var(--bulma-link-h),var(--bulma-link-s),calc(var(--bulma-link-on-scheme-l) + var(--bulma-hover-color-l-delta)));--bulma-link-text-active:hsl(var(--bulma-link-h),var(--bulma-link-s),calc(var(--bulma-link-on-scheme-l) + var(--bulma-active-color-l-delta)));--bulma-focus-h:var(--bulma-link-h);--bulma-focus-s:var(--bulma-link-s);--bulma-focus-l:var(--bulma-link-l);--bulma-focus-offset:1px;--bulma-focus-style:solid;--bulma-focus-width:2px;--bulma-focus-shadow-size:0 0 0 .1875em;--bulma-focus-shadow-alpha:.25;--bulma-code:hsl(var(--bulma-danger-h),var(--bulma-danger-s),var(--bulma-danger-on-scheme-l));--bulma-code-background:var(--bulma-background);--bulma-pre:var(--bulma-text);--bulma-pre-background:var(--bulma-background);--bulma-shadow:0 .5em 1em -.125em hsla(var(--bulma-shadow-h),var(--bulma-shadow-s),var(--bulma-shadow-l),.1),0 0px 0 1px hsla(var(--bulma-shadow-h),var(--bulma-shadow-s),var(--bulma-shadow-l),.02)}[data-theme=dark],.theme-dark{--bulma-white-on-scheme-l:100%;--bulma-white-on-scheme:hsla(var(--bulma-white-h),var(--bulma-white-s),var(--bulma-white-on-scheme-l),1);--bulma-black-on-scheme-l:0%;--bulma-black-on-scheme:hsla(var(--bulma-black-h),var(--bulma-black-s),var(--bulma-black-on-scheme-l),1);--bulma-light-on-scheme-l:96%;--bulma-light-on-scheme:hsla(var(--bulma-light-h),var(--bulma-light-s),var(--bulma-light-on-scheme-l),1);--bulma-dark-on-scheme-l:56%;--bulma-dark-on-scheme:hsla(var(--bulma-dark-h),var(--bulma-dark-s),var(--bulma-dark-on-scheme-l),1);--bulma-text-on-scheme-l:54%;--bulma-text-on-scheme:hsla(var(--bulma-text-h),var(--bulma-text-s),var(--bulma-text-on-scheme-l),1);--bulma-primary-on-scheme-l:41%;--bulma-primary-on-scheme:hsla(var(--bulma-primary-h),var(--bulma-primary-s),var(--bulma-primary-on-scheme-l),1);--bulma-link-on-scheme-l:73%;--bulma-link-on-scheme:hsla(var(--bulma-link-h),var(--bulma-link-s),var(--bulma-link-on-scheme-l),1);--bulma-info-on-scheme-l:70%;--bulma-info-on-scheme:hsla(var(--bulma-info-h),var(--bulma-info-s),var(--bulma-info-on-scheme-l),1);--bulma-success-on-scheme-l:53%;--bulma-success-on-scheme:hsla(var(--bulma-success-h),var(--bulma-success-s),var(--bulma-success-on-scheme-l),1);--bulma-warning-on-scheme-l:53%;--bulma-warning-on-scheme:hsla(var(--bulma-warning-h),var(--bulma-warning-s),var(--bulma-warning-on-scheme-l),1);--bulma-danger-on-scheme-l:70%;--bulma-danger-on-scheme:hsla(var(--bulma-danger-h),var(--bulma-danger-s),var(--bulma-danger-on-scheme-l),1);--bulma-scheme-brightness:dark;--bulma-scheme-main-l:9%;--bulma-scheme-main-bis-l:11%;--bulma-scheme-main-ter-l:13%;--bulma-soft-l:20%;--bulma-bold-l:90%;--bulma-soft-invert-l:90%;--bulma-bold-invert-l:20%;--bulma-background-l:14%;--bulma-border-weak-l:21%;--bulma-border-l:24%;--bulma-text-weak-l:53%;--bulma-text-l:71%;--bulma-text-strong-l:93%;--bulma-text-title-l:100%;--bulma-hover-background-l-delta:5%;--bulma-active-background-l-delta:10%;--bulma-hover-border-l-delta:10%;--bulma-active-border-l-delta:20%;--bulma-hover-color-l-delta:5%;--bulma-active-color-l-delta:10%;--bulma-shadow-h:0deg;--bulma-shadow-s:0%;--bulma-shadow-l:100%;--bulma-scheme-main:hsl(var(--bulma-scheme-h),var(--bulma-scheme-s),var(--bulma-scheme-main-l));--bulma-scheme-main-bis:hsl(var(--bulma-scheme-h),var(--bulma-scheme-s),var(--bulma-scheme-main-bis-l));--bulma-scheme-main-ter:hsl(var(--bulma-scheme-h),var(--bulma-scheme-s),var(--bulma-scheme-main-ter-l));--bulma-background:hsl(var(--bulma-scheme-h),var(--bulma-scheme-s),var(--bulma-background-l));--bulma-background-hover:hsl(var(--bulma-scheme-h),var(--bulma-scheme-s),calc(var(--bulma-background-l) + var(--bulma-hover-background-l-delta)));--bulma-background-active:hsl(var(--bulma-scheme-h),var(--bulma-scheme-s),calc(var(--bulma-background-l) + var(--bulma-active-background-l-delta)));--bulma-border-weak:hsl(var(--bulma-scheme-h),var(--bulma-scheme-s),var(--bulma-border-weak-l));--bulma-border:hsl(var(--bulma-scheme-h),var(--bulma-scheme-s),var(--bulma-border-l));--bulma-border-hover:hsl(var(--bulma-scheme-h),var(--bulma-scheme-s),calc(var(--bulma-border-l) + var(--bulma-hover-border-l-delta)));--bulma-border-active:hsl(var(--bulma-scheme-h),var(--bulma-scheme-s),calc(var(--bulma-border-l) + var(--bulma-active-border-l-delta)));--bulma-text-weak:hsl(var(--bulma-text-h),var(--bulma-text-s),var(--bulma-text-weak-l));--bulma-text:hsl(var(--bulma-text-h),var(--bulma-text-s),var(--bulma-text-l));--bulma-text-strong:hsl(var(--bulma-text-h),var(--bulma-text-s),var(--bulma-text-strong-l));--bulma-scheme-invert-ter:hsl(var(--bulma-scheme-h),var(--bulma-scheme-s),var(--bulma-scheme-invert-ter-l));--bulma-scheme-invert-bis:hsl(var(--bulma-scheme-h),var(--bulma-scheme-s),var(--bulma-scheme-invert-bis-l));--bulma-scheme-invert:hsl(var(--bulma-scheme-h),var(--bulma-scheme-s),var(--bulma-scheme-invert-l));--bulma-link:hsl(var(--bulma-link-h),var(--bulma-link-s),var(--bulma-link-l));--bulma-link-text:hsl(var(--bulma-link-h),var(--bulma-link-s),var(--bulma-link-on-scheme-l));--bulma-link-text-hover:hsl(var(--bulma-link-h),var(--bulma-link-s),calc(var(--bulma-link-on-scheme-l) + var(--bulma-hover-color-l-delta)));--bulma-link-text-active:hsl(var(--bulma-link-h),var(--bulma-link-s),calc(var(--bulma-link-on-scheme-l) + var(--bulma-active-color-l-delta)));--bulma-focus-h:var(--bulma-link-h);--bulma-focus-s:var(--bulma-link-s);--bulma-focus-l:var(--bulma-link-l);--bulma-focus-offset:1px;--bulma-focus-style:solid;--bulma-focus-width:2px;--bulma-focus-shadow-size:0 0 0 .1875em;--bulma-focus-shadow-alpha:.25;--bulma-code:hsl(var(--bulma-danger-h),var(--bulma-danger-s),var(--bulma-danger-on-scheme-l));--bulma-code-background:var(--bulma-background);--bulma-pre:var(--bulma-text);--bulma-pre-background:var(--bulma-background);--bulma-shadow:0 .5em 1em -.125em hsla(var(--bulma-shadow-h),var(--bulma-shadow-s),var(--bulma-shadow-l),.1),0 0px 0 1px hsla(var(--bulma-shadow-h),var(--bulma-shadow-s),var(--bulma-shadow-l),.02)}html,body,p,ol,ul,li,dl,dt,dd,blockquote,figure,fieldset,legend,textarea,pre,iframe,hr,h1,h2,h3,h4,h5,h6{margin:0;padding:0}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:400}ul{list-style:none}button,input,select,textarea{margin:0}html{box-sizing:border-box}*,:before,:after{box-sizing:inherit}img,video{max-width:100%;height:auto}iframe{border:0}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}td:not([align]),th:not([align]){text-align:inherit}:root{--bulma-body-background-color:var(--bulma-scheme-main);--bulma-body-size:1em;--bulma-body-min-width:300px;--bulma-body-rendering:optimizeLegibility;--bulma-body-family:var(--bulma-family-primary);--bulma-body-overflow-x:hidden;--bulma-body-overflow-y:scroll;--bulma-body-color:var(--bulma-text);--bulma-body-font-size:1em;--bulma-body-weight:var(--bulma-weight-normal);--bulma-body-line-height:1.5;--bulma-code-family:var(--bulma-family-code);--bulma-code-padding:.25em .5em .25em;--bulma-code-weight:normal;--bulma-code-size:.875em;--bulma-small-font-size:.875em;--bulma-hr-background-color:var(--bulma-background);--bulma-hr-height:2px;--bulma-hr-margin:1.5rem 0;--bulma-strong-color:var(--bulma-text-strong);--bulma-strong-weight:var(--bulma-weight-semibold);--bulma-pre-font-size:.875em;--bulma-pre-padding:1.25rem 1.5rem;--bulma-pre-code-font-size:1em}html{background-color:var(--bulma-body-background-color);font-size:var(--bulma-body-size);-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;min-width:var(--bulma-body-min-width);overflow-x:var(--bulma-body-overflow-x);overflow-y:var(--bulma-body-overflow-y);text-rendering:var(--bulma-body-rendering);text-size-adjust:100%}article,aside,figure,footer,header,hgroup,section{display:block}body,button,input,optgroup,select,textarea{font-family:var(--bulma-body-family)}code,pre{-moz-osx-font-smoothing:auto;-webkit-font-smoothing:auto;font-family:var(--bulma-code-family)}body{color:var(--bulma-body-color);font-size:var(--bulma-body-font-size);font-weight:var(--bulma-body-weight);line-height:var(--bulma-body-line-height)}a,button{cursor:pointer}a:focus-visible,button:focus-visible{outline-color:hsl(var(--bulma-focus-h),var(--bulma-focus-s),var(--bulma-focus-l));outline-offset:var(--bulma-focus-offset);outline-style:var(--bulma-focus-style);outline-width:var(--bulma-focus-width)}a:focus-visible:active,button:focus-visible:active,a:active,button:active{outline-width:1px}a{color:var(--bulma-link-text);cursor:pointer;transition-duration:var(--bulma-duration);text-decoration:none;transition-property:background-color,border-color,color}a strong{color:currentColor}button{appearance:none;color:inherit;transition-duration:var(--bulma-duration);background:0 0;border:none;margin:0;padding:0;font-family:inherit;font-size:1em;transition-property:background-color,border-color,color}code{background-color:var(--bulma-code-background);color:var(--bulma-code);font-size:var(--bulma-code-size);font-weight:var(--bulma-code-weight);padding:var(--bulma-code-padding);border-radius:.5em}hr{background-color:var(--bulma-hr-background-color);height:var(--bulma-hr-height);margin:var(--bulma-hr-margin);border:none;display:block}img{max-width:100%;height:auto}input[type=checkbox],input[type=radio]{vertical-align:baseline}small{font-size:var(--bulma-small-font-size)}span{font-style:inherit;font-weight:inherit}strong{color:var(--bulma-strong-color);font-weight:var(--bulma-strong-weight)}svg{width:auto;height:auto}fieldset{border:none}pre{-webkit-overflow-scrolling:touch;background-color:var(--bulma-pre-background);color:var(--bulma-pre);font-size:var(--bulma-pre-font-size);padding:var(--bulma-pre-padding);white-space:pre;word-wrap:normal;overflow-x:auto}pre code{color:currentColor;font-size:var(--bulma-pre-code-font-size);background-color:#0000;padding:0}table td,table th{vertical-align:top}table td:not([align]),table th:not([align]){text-align:inherit}table th{color:var(--bulma-text-strong)}@keyframes spinAround{0%{transform:rotate(0)}to{transform:rotate(359deg)}}@keyframes pulsate{50%{opacity:.5}}.navbar-link:not(.is-arrowless):after,.select:not(.is-multiple):not(.is-loading):after{border:.125em solid var(--bulma-arrow-color);content:" ";pointer-events:none;transform-origin:50%;transition-duration:var(--bulma-duration);border-top:0;border-right:0;width:.625em;height:.625em;margin-top:-.4375em;transition-property:border-color;display:block;position:absolute;top:50%;transform:rotate(-45deg)}.skeleton-block:not(:last-child),.media:not(:last-child),.level:not(:last-child),.fixed-grid:not(:last-child),.grid:not(:last-child),.tabs:not(:last-child),.pagination:not(:last-child),.message:not(:last-child),.card:not(:last-child),.breadcrumb:not(:last-child),.field:not(:last-child),.file:not(:last-child),.title:not(:last-child),.subtitle:not(:last-child),.tags:not(:last-child),.table:not(:last-child),.table-container:not(:last-child),.progress:not(:last-child),.notification:not(:last-child),.content:not(:last-child),.buttons:not(:last-child),.box:not(:last-child),.block:not(:last-child){margin-bottom:var(--bulma-block-spacing)}.pagination-previous,.pagination-next,.pagination-link,.pagination-ellipsis,.file-cta,.file-name,.select select,.input,.textarea,.button{appearance:none;border-style:solid;border-color:#0000;border-width:var(--bulma-control-border-width);border-radius:var(--bulma-control-radius);box-shadow:none;font-size:var(--bulma-control-size);height:var(--bulma-control-height);line-height:var(--bulma-control-line-height);padding-bottom:var(--bulma-control-padding-vertical);padding-left:var(--bulma-control-padding-horizontal);padding-right:var(--bulma-control-padding-horizontal);padding-top:var(--bulma-control-padding-vertical);transition-duration:var(--bulma-duration);vertical-align:top;justify-content:flex-start;align-items:center;transition-property:background-color,border-color,box-shadow,color;display:inline-flex;position:relative}.pagination-previous:focus,.pagination-next:focus,.pagination-link:focus,.pagination-ellipsis:focus,.file-cta:focus,.file-name:focus,.select select:focus,.input:focus,.textarea:focus,.button:focus,.pagination-previous:focus-visible,.pagination-next:focus-visible,.pagination-link:focus-visible,.pagination-ellipsis:focus-visible,.file-cta:focus-visible,.file-name:focus-visible,.select select:focus-visible,.input:focus-visible,.textarea:focus-visible,.button:focus-visible,.pagination-previous:focus-within,.pagination-next:focus-within,.pagination-link:focus-within,.pagination-ellipsis:focus-within,.file-cta:focus-within,.file-name:focus-within,.select select:focus-within,.input:focus-within,.textarea:focus-within,.button:focus-within,.is-focused.pagination-previous,.is-focused.pagination-next,.is-focused.pagination-link,.is-focused.pagination-ellipsis,.is-focused.file-cta,.is-focused.file-name,.select select.is-focused,.is-focused.input,.is-focused.textarea,.is-focused.button,.pagination-previous:active,.pagination-next:active,.pagination-link:active,.pagination-ellipsis:active,.file-cta:active,.file-name:active,.select select:active,.input:active,.textarea:active,.button:active,.is-active.pagination-previous,.is-active.pagination-next,.is-active.pagination-link,.is-active.pagination-ellipsis,.is-active.file-cta,.is-active.file-name,.select select.is-active,.is-active.input,.is-active.textarea,.is-active.button{outline:none}[disabled].pagination-previous,[disabled].pagination-next,[disabled].pagination-link,[disabled].pagination-ellipsis,[disabled].file-cta,[disabled].file-name,.select select[disabled],[disabled].input,[disabled].textarea,[disabled].button,fieldset[disabled] .pagination-previous,fieldset[disabled] .pagination-next,fieldset[disabled] .pagination-link,fieldset[disabled] .pagination-ellipsis,fieldset[disabled] .file-cta,fieldset[disabled] .file-name,fieldset[disabled] .select select,.select fieldset[disabled] select,fieldset[disabled] .input,fieldset[disabled] .textarea,fieldset[disabled] .button{cursor:not-allowed}.modal-close{--bulma-delete-dimensions:1.25rem;--bulma-delete-background-l:0%;--bulma-delete-background-alpha:.5;--bulma-delete-color:var(--bulma-white);appearance:none;background-color:hsla(var(--bulma-scheme-h),var(--bulma-scheme-s),var(--bulma-delete-background-l),var(--bulma-delete-background-alpha));border-radius:var(--bulma-radius-rounded);cursor:pointer;pointer-events:auto;height:var(--bulma-delete-dimensions);max-height:var(--bulma-delete-dimensions);max-width:var(--bulma-delete-dimensions);min-height:var(--bulma-delete-dimensions);min-width:var(--bulma-delete-dimensions);vertical-align:top;width:var(--bulma-delete-dimensions);border:none;outline:none;flex-grow:0;flex-shrink:0;font-size:1em;display:inline-flex;position:relative}.modal-close:before,.modal-close:after{background-color:var(--bulma-delete-color);content:"";transform-origin:50%;display:block;position:absolute;top:50%;left:50%;transform:translate(-50%)translateY(-50%)rotate(45deg)}.modal-close:before{width:50%;height:2px}.modal-close:after{width:2px;height:50%}.modal-close:hover,.modal-close:focus{--bulma-delete-background-alpha:.4}.modal-close:active{--bulma-delete-background-alpha:.5}.is-small.modal-close{--bulma-delete-dimensions:1rem}.is-medium.modal-close{--bulma-delete-dimensions:1.5rem}.is-large.modal-close{--bulma-delete-dimensions:2rem}.control.is-loading:after,.select.is-loading:after,.button.is-loading:after{border:2px solid var(--bulma-loading-color);border-radius:var(--bulma-radius-rounded);content:"";border-top-color:#0000;border-right-color:#0000;width:1em;height:1em;animation:.5s linear infinite spinAround;display:block;position:relative}.is-overlay,.hero-video,.modal,.modal-background{position:absolute;inset:0}.navbar-burger,.menu-list a,.menu-list button,.menu-list .menu-item{appearance:none;color:inherit;background:0 0;border:none;margin:0;padding:0;font-family:inherit;font-size:1em}.is-unselectable,.tabs,.pagination-previous,.pagination-next,.pagination-link,.pagination-ellipsis,.breadcrumb,.file,.button{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.box{--bulma-box-background-color:var(--bulma-scheme-main);--bulma-box-color:var(--bulma-text);--bulma-box-radius:var(--bulma-radius-large);--bulma-box-shadow:var(--bulma-shadow);--bulma-box-padding:1.25rem;--bulma-box-link-hover-shadow:0 .5em 1em -.125em hsla(var(--bulma-scheme-h),var(--bulma-scheme-s),var(--bulma-scheme-invert-l),.1),0 0 0 1px var(--bulma-link);--bulma-box-link-active-shadow:inset 0 1px 2px hsla(var(--bulma-scheme-h),var(--bulma-scheme-s),var(--bulma-scheme-invert-l),.2),0 0 0 1px var(--bulma-link);background-color:var(--bulma-box-background-color);border-radius:var(--bulma-box-radius);box-shadow:var(--bulma-box-shadow);color:var(--bulma-box-color);padding:var(--bulma-box-padding);display:block}a.box:hover,a.box:focus{box-shadow:var(--bulma-box-link-hover-shadow)}a.box:active{box-shadow:var(--bulma-box-link-active-shadow)}.button{--bulma-button-family:false;--bulma-button-weight:var(--bulma-weight-medium);--bulma-button-border-color:var(--bulma-border);--bulma-button-border-style:solid;--bulma-button-border-width:var(--bulma-control-border-width);--bulma-button-padding-vertical:.5em;--bulma-button-padding-horizontal:1em;--bulma-button-focus-border-color:var(--bulma-link-focus-border);--bulma-button-focus-box-shadow-size:0 0 0 .125em;--bulma-button-focus-box-shadow-color:hsla(var(--bulma-link-h),var(--bulma-link-s),var(--bulma-link-on-scheme-l),.25);--bulma-button-active-color:var(--bulma-link-active);--bulma-button-active-border-color:var(--bulma-link-active-border);--bulma-button-text-color:var(--bulma-text);--bulma-button-text-decoration:underline;--bulma-button-text-hover-background-color:var(--bulma-background);--bulma-button-text-hover-color:var(--bulma-text-strong);--bulma-button-ghost-background:none;--bulma-button-ghost-border-color:transparent;--bulma-button-ghost-color:var(--bulma-link-text);--bulma-button-ghost-decoration:none;--bulma-button-ghost-hover-color:var(--bulma-link);--bulma-button-ghost-hover-decoration:underline;--bulma-button-disabled-background-color:var(--bulma-scheme-main);--bulma-button-disabled-border-color:var(--bulma-border);--bulma-button-disabled-shadow:none;--bulma-button-disabled-opacity:.5;--bulma-button-static-color:var(--bulma-text-weak);--bulma-button-static-background-color:var(--bulma-scheme-main-ter);--bulma-button-static-border-color:var(--bulma-border);--bulma-button-h:var(--bulma-scheme-h);--bulma-button-s:var(--bulma-scheme-s);--bulma-button-l:var(--bulma-scheme-main-l);--bulma-button-background-l:var(--bulma-scheme-main-l);--bulma-button-background-l-delta:0%;--bulma-button-hover-background-l-delta:var(--bulma-hover-background-l-delta);--bulma-button-active-background-l-delta:var(--bulma-active-background-l-delta);--bulma-button-color-l:var(--bulma-text-strong-l);--bulma-button-border-l:var(--bulma-border-l);--bulma-button-border-l-delta:0%;--bulma-button-hover-border-l-delta:var(--bulma-hover-border-l-delta);--bulma-button-active-border-l-delta:var(--bulma-active-border-l-delta);--bulma-button-focus-border-l-delta:var(--bulma-focus-border-l-delta);--bulma-button-outer-shadow-h:0;--bulma-button-outer-shadow-s:0%;--bulma-button-outer-shadow-l:20%;--bulma-button-outer-shadow-a:.05;--bulma-loading-color:hsl(var(--bulma-button-h),var(--bulma-button-s),var(--bulma-button-color-l));background-color:hsl(var(--bulma-button-h),var(--bulma-button-s),calc(var(--bulma-button-background-l) + var(--bulma-button-background-l-delta)));border-color:hsl(var(--bulma-button-h),var(--bulma-button-s),calc(var(--bulma-button-border-l) + var(--bulma-button-border-l-delta)));border-style:var(--bulma-button-border-style);border-width:var(--bulma-button-border-width);box-shadow:0px .0625em .125em hsla(var(--bulma-button-outer-shadow-h),var(--bulma-button-outer-shadow-s),var(--bulma-button-outer-shadow-l),var(--bulma-button-outer-shadow-a)),0px .125em .25em hsla(var(--bulma-button-outer-shadow-h),var(--bulma-button-outer-shadow-s),var(--bulma-button-outer-shadow-l),var(--bulma-button-outer-shadow-a));color:hsl(var(--bulma-button-h),var(--bulma-button-s),var(--bulma-button-color-l));cursor:pointer;font-weight:var(--bulma-button-weight);padding-bottom:calc(var(--bulma-button-padding-vertical) - var(--bulma-button-border-width));padding-left:calc(var(--bulma-button-padding-horizontal) - var(--bulma-button-border-width));padding-right:calc(var(--bulma-button-padding-horizontal) - var(--bulma-button-border-width));padding-top:calc(var(--bulma-button-padding-vertical) - var(--bulma-button-border-width));text-align:center;white-space:nowrap;justify-content:center;height:auto}.button strong{color:inherit}.button .icon,.button .icon.is-small,.button .icon.is-medium,.button .icon.is-large{width:1.5em;height:1.5em}.button .icon:first-child:not(:last-child){margin-inline-start:calc(-.5*var(--bulma-button-padding-horizontal));margin-inline-end:calc(var(--bulma-button-padding-horizontal)*.25)}.button .icon:last-child:not(:first-child){margin-inline-start:calc(var(--bulma-button-padding-horizontal)*.25);margin-inline-end:calc(-.5*var(--bulma-button-padding-horizontal))}.button .icon:first-child:last-child{margin-inline-start:calc(-.5*var(--bulma-button-padding-horizontal));margin-inline-end:calc(-.5*var(--bulma-button-padding-horizontal))}.button:hover,.button.is-hovered{--bulma-button-background-l-delta:var(--bulma-button-hover-background-l-delta);--bulma-button-border-l-delta:var(--bulma-button-hover-border-l-delta)}.button:focus-visible,.button.is-focused{--bulma-button-border-width:1px;border-color:hsl(var(--bulma-focus-h),var(--bulma-focus-s),var(--bulma-focus-l));box-shadow:var(--bulma-focus-shadow-size)hsla(var(--bulma-focus-h),var(--bulma-focus-s),var(--bulma-focus-l),var(--bulma-focus-shadow-alpha))}.button:active,.button.is-active{--bulma-button-background-l-delta:var(--bulma-button-active-background-l-delta);--bulma-button-border-l-delta:var(--bulma-button-active-border-l-delta);--bulma-button-outer-shadow-a:0}.button[disabled],fieldset[disabled] .button{background-color:var(--bulma-button-disabled-background-color);border-color:var(--bulma-button-disabled-border-color);box-shadow:var(--bulma-button-disabled-shadow);opacity:var(--bulma-button-disabled-opacity)}.button.is-white{--bulma-button-h:var(--bulma-white-h);--bulma-button-s:var(--bulma-white-s);--bulma-button-l:var(--bulma-white-l);--bulma-button-background-l:var(--bulma-white-l);--bulma-button-border-l:var(--bulma-white-l);--bulma-button-border-width:0px;--bulma-button-color-l:var(--bulma-white-invert-l);--bulma-button-outer-shadow-a:0}.button.is-white:focus-visible,.button.is-white.is-focused{--bulma-button-border-width:1px}.button.is-white.is-soft{--bulma-button-background-l:var(--bulma-soft-l);--bulma-button-color-l:var(--bulma-soft-invert-l)}.button.is-white.is-bold{--bulma-button-background-l:var(--bulma-bold-l);--bulma-button-color-l:var(--bulma-bold-invert-l)}.button.is-white[disabled],fieldset[disabled] .button.is-white{background-color:var(--bulma-white);border-color:var(--bulma-white);box-shadow:none}.button.is-black{--bulma-button-h:var(--bulma-black-h);--bulma-button-s:var(--bulma-black-s);--bulma-button-l:var(--bulma-black-l);--bulma-button-background-l:var(--bulma-black-l);--bulma-button-border-l:var(--bulma-black-l);--bulma-button-border-width:0px;--bulma-button-color-l:var(--bulma-black-invert-l);--bulma-button-outer-shadow-a:0}.button.is-black:focus-visible,.button.is-black.is-focused{--bulma-button-border-width:1px}.button.is-black.is-soft{--bulma-button-background-l:var(--bulma-soft-l);--bulma-button-color-l:var(--bulma-soft-invert-l)}.button.is-black.is-bold{--bulma-button-background-l:var(--bulma-bold-l);--bulma-button-color-l:var(--bulma-bold-invert-l)}.button.is-black[disabled],fieldset[disabled] .button.is-black{background-color:var(--bulma-black);border-color:var(--bulma-black);box-shadow:none}.button.is-light{--bulma-button-h:var(--bulma-light-h);--bulma-button-s:var(--bulma-light-s);--bulma-button-l:var(--bulma-light-l);--bulma-button-background-l:var(--bulma-light-l);--bulma-button-border-l:var(--bulma-light-l);--bulma-button-border-width:0px;--bulma-button-color-l:var(--bulma-light-invert-l);--bulma-button-outer-shadow-a:0}.button.is-light:focus-visible,.button.is-light.is-focused{--bulma-button-border-width:1px}.button.is-light.is-soft{--bulma-button-background-l:var(--bulma-soft-l);--bulma-button-color-l:var(--bulma-soft-invert-l)}.button.is-light.is-bold{--bulma-button-background-l:var(--bulma-bold-l);--bulma-button-color-l:var(--bulma-bold-invert-l)}.button.is-light[disabled],fieldset[disabled] .button.is-light{background-color:var(--bulma-light);border-color:var(--bulma-light);box-shadow:none}.button.is-dark{--bulma-button-h:var(--bulma-dark-h);--bulma-button-s:var(--bulma-dark-s);--bulma-button-l:var(--bulma-dark-l);--bulma-button-background-l:var(--bulma-dark-l);--bulma-button-border-l:var(--bulma-dark-l);--bulma-button-border-width:0px;--bulma-button-color-l:var(--bulma-dark-invert-l);--bulma-button-outer-shadow-a:0}.button.is-dark:focus-visible,.button.is-dark.is-focused{--bulma-button-border-width:1px}.button.is-dark.is-soft{--bulma-button-background-l:var(--bulma-soft-l);--bulma-button-color-l:var(--bulma-soft-invert-l)}.button.is-dark.is-bold{--bulma-button-background-l:var(--bulma-bold-l);--bulma-button-color-l:var(--bulma-bold-invert-l)}.button.is-dark[disabled],fieldset[disabled] .button.is-dark{background-color:var(--bulma-dark);border-color:var(--bulma-dark);box-shadow:none}.button.is-text{--bulma-button-h:var(--bulma-text-h);--bulma-button-s:var(--bulma-text-s);--bulma-button-l:var(--bulma-text-l);--bulma-button-background-l:var(--bulma-text-l);--bulma-button-border-l:var(--bulma-text-l);--bulma-button-border-width:0px;--bulma-button-color-l:var(--bulma-text-invert-l);--bulma-button-outer-shadow-a:0}.button.is-text:focus-visible,.button.is-text.is-focused{--bulma-button-border-width:1px}.button.is-text.is-light{--bulma-button-background-l:var(--bulma-light-l);--bulma-button-color-l:var(--bulma-text-light-invert-l)}.button.is-text.is-dark{--bulma-button-background-l:var(--bulma-dark-l);--bulma-button-color-l:var(--bulma-text-dark-invert-l)}.button.is-text.is-soft{--bulma-button-background-l:var(--bulma-soft-l);--bulma-button-color-l:var(--bulma-soft-invert-l)}.button.is-text.is-bold{--bulma-button-background-l:var(--bulma-bold-l);--bulma-button-color-l:var(--bulma-bold-invert-l)}.button.is-text[disabled],fieldset[disabled] .button.is-text{background-color:var(--bulma-text);border-color:var(--bulma-text);box-shadow:none}.button.is-primary{--bulma-button-h:var(--bulma-primary-h);--bulma-button-s:var(--bulma-primary-s);--bulma-button-l:var(--bulma-primary-l);--bulma-button-background-l:var(--bulma-primary-l);--bulma-button-border-l:var(--bulma-primary-l);--bulma-button-border-width:0px;--bulma-button-color-l:var(--bulma-primary-invert-l);--bulma-button-outer-shadow-a:0}.button.is-primary:focus-visible,.button.is-primary.is-focused{--bulma-button-border-width:1px}.button.is-primary.is-light{--bulma-button-background-l:var(--bulma-light-l);--bulma-button-color-l:var(--bulma-primary-light-invert-l)}.button.is-primary.is-dark{--bulma-button-background-l:var(--bulma-dark-l);--bulma-button-color-l:var(--bulma-primary-dark-invert-l)}.button.is-primary.is-soft{--bulma-button-background-l:var(--bulma-soft-l);--bulma-button-color-l:var(--bulma-soft-invert-l)}.button.is-primary.is-bold{--bulma-button-background-l:var(--bulma-bold-l);--bulma-button-color-l:var(--bulma-bold-invert-l)}.button.is-primary[disabled],fieldset[disabled] .button.is-primary{background-color:var(--bulma-primary);border-color:var(--bulma-primary);box-shadow:none}.button.is-link{--bulma-button-h:var(--bulma-link-h);--bulma-button-s:var(--bulma-link-s);--bulma-button-l:var(--bulma-link-l);--bulma-button-background-l:var(--bulma-link-l);--bulma-button-border-l:var(--bulma-link-l);--bulma-button-border-width:0px;--bulma-button-color-l:var(--bulma-link-invert-l);--bulma-button-outer-shadow-a:0}.button.is-link:focus-visible,.button.is-link.is-focused{--bulma-button-border-width:1px}.button.is-link.is-light{--bulma-button-background-l:var(--bulma-light-l);--bulma-button-color-l:var(--bulma-link-light-invert-l)}.button.is-link.is-dark{--bulma-button-background-l:var(--bulma-dark-l);--bulma-button-color-l:var(--bulma-link-dark-invert-l)}.button.is-link.is-soft{--bulma-button-background-l:var(--bulma-soft-l);--bulma-button-color-l:var(--bulma-soft-invert-l)}.button.is-link.is-bold{--bulma-button-background-l:var(--bulma-bold-l);--bulma-button-color-l:var(--bulma-bold-invert-l)}.button.is-link[disabled],fieldset[disabled] .button.is-link{background-color:var(--bulma-link);border-color:var(--bulma-link);box-shadow:none}.button.is-info{--bulma-button-h:var(--bulma-info-h);--bulma-button-s:var(--bulma-info-s);--bulma-button-l:var(--bulma-info-l);--bulma-button-background-l:var(--bulma-info-l);--bulma-button-border-l:var(--bulma-info-l);--bulma-button-border-width:0px;--bulma-button-color-l:var(--bulma-info-invert-l);--bulma-button-outer-shadow-a:0}.button.is-info:focus-visible,.button.is-info.is-focused{--bulma-button-border-width:1px}.button.is-info.is-light{--bulma-button-background-l:var(--bulma-light-l);--bulma-button-color-l:var(--bulma-info-light-invert-l)}.button.is-info.is-dark{--bulma-button-background-l:var(--bulma-dark-l);--bulma-button-color-l:var(--bulma-info-dark-invert-l)}.button.is-info.is-soft{--bulma-button-background-l:var(--bulma-soft-l);--bulma-button-color-l:var(--bulma-soft-invert-l)}.button.is-info.is-bold{--bulma-button-background-l:var(--bulma-bold-l);--bulma-button-color-l:var(--bulma-bold-invert-l)}.button.is-info[disabled],fieldset[disabled] .button.is-info{background-color:var(--bulma-info);border-color:var(--bulma-info);box-shadow:none}.button.is-success{--bulma-button-h:var(--bulma-success-h);--bulma-button-s:var(--bulma-success-s);--bulma-button-l:var(--bulma-success-l);--bulma-button-background-l:var(--bulma-success-l);--bulma-button-border-l:var(--bulma-success-l);--bulma-button-border-width:0px;--bulma-button-color-l:var(--bulma-success-invert-l);--bulma-button-outer-shadow-a:0}.button.is-success:focus-visible,.button.is-success.is-focused{--bulma-button-border-width:1px}.button.is-success.is-light{--bulma-button-background-l:var(--bulma-light-l);--bulma-button-color-l:var(--bulma-success-light-invert-l)}.button.is-success.is-dark{--bulma-button-background-l:var(--bulma-dark-l);--bulma-button-color-l:var(--bulma-success-dark-invert-l)}.button.is-success.is-soft{--bulma-button-background-l:var(--bulma-soft-l);--bulma-button-color-l:var(--bulma-soft-invert-l)}.button.is-success.is-bold{--bulma-button-background-l:var(--bulma-bold-l);--bulma-button-color-l:var(--bulma-bold-invert-l)}.button.is-success[disabled],fieldset[disabled] .button.is-success{background-color:var(--bulma-success);border-color:var(--bulma-success);box-shadow:none}.button.is-warning{--bulma-button-h:var(--bulma-warning-h);--bulma-button-s:var(--bulma-warning-s);--bulma-button-l:var(--bulma-warning-l);--bulma-button-background-l:var(--bulma-warning-l);--bulma-button-border-l:var(--bulma-warning-l);--bulma-button-border-width:0px;--bulma-button-color-l:var(--bulma-warning-invert-l);--bulma-button-outer-shadow-a:0}.button.is-warning:focus-visible,.button.is-warning.is-focused{--bulma-button-border-width:1px}.button.is-warning.is-light{--bulma-button-background-l:var(--bulma-light-l);--bulma-button-color-l:var(--bulma-warning-light-invert-l)}.button.is-warning.is-dark{--bulma-button-background-l:var(--bulma-dark-l);--bulma-button-color-l:var(--bulma-warning-dark-invert-l)}.button.is-warning.is-soft{--bulma-button-background-l:var(--bulma-soft-l);--bulma-button-color-l:var(--bulma-soft-invert-l)}.button.is-warning.is-bold{--bulma-button-background-l:var(--bulma-bold-l);--bulma-button-color-l:var(--bulma-bold-invert-l)}.button.is-warning[disabled],fieldset[disabled] .button.is-warning{background-color:var(--bulma-warning);border-color:var(--bulma-warning);box-shadow:none}.button.is-danger{--bulma-button-h:var(--bulma-danger-h);--bulma-button-s:var(--bulma-danger-s);--bulma-button-l:var(--bulma-danger-l);--bulma-button-background-l:var(--bulma-danger-l);--bulma-button-border-l:var(--bulma-danger-l);--bulma-button-border-width:0px;--bulma-button-color-l:var(--bulma-danger-invert-l);--bulma-button-outer-shadow-a:0}.button.is-danger:focus-visible,.button.is-danger.is-focused{--bulma-button-border-width:1px}.button.is-danger.is-light{--bulma-button-background-l:var(--bulma-light-l);--bulma-button-color-l:var(--bulma-danger-light-invert-l)}.button.is-danger.is-dark{--bulma-button-background-l:var(--bulma-dark-l);--bulma-button-color-l:var(--bulma-danger-dark-invert-l)}.button.is-danger.is-soft{--bulma-button-background-l:var(--bulma-soft-l);--bulma-button-color-l:var(--bulma-soft-invert-l)}.button.is-danger.is-bold{--bulma-button-background-l:var(--bulma-bold-l);--bulma-button-color-l:var(--bulma-bold-invert-l)}.button.is-danger[disabled],fieldset[disabled] .button.is-danger{background-color:var(--bulma-danger);border-color:var(--bulma-danger);box-shadow:none}.button.is-outlined{--bulma-button-border-width:max(1px,.0625em);border-color:hsl(var(--bulma-button-h),var(--bulma-button-s),var(--bulma-button-l));color:hsl(var(--bulma-button-h),var(--bulma-button-s),var(--bulma-button-l));background-color:#0000}.button.is-outlined:hover{--bulma-button-border-width:max(2px,.125em);--bulma-button-outer-shadow-alpha:1}.button.is-inverted{background-color:hsl(var(--bulma-button-h),var(--bulma-button-s),calc(var(--bulma-button-color-l) + var(--bulma-button-background-l-delta)));color:hsl(var(--bulma-button-h),var(--bulma-button-s),var(--bulma-button-background-l))}.button.is-text{color:var(--bulma-button-text-color);text-decoration:var(--bulma-button-text-decoration);background-color:#0000;border-color:#0000}.button.is-text:hover,.button.is-text.is-hovered{background-color:var(--bulma-button-text-hover-background-color);color:var(--bulma-button-text-hover-color)}.button.is-text:active,.button.is-text.is-active{color:var(--bulma-button-text-hover-color)}.button.is-text[disabled],fieldset[disabled] .button.is-text{box-shadow:none;background-color:#0000;border-color:#0000}.button.is-ghost{background:var(--bulma-button-ghost-background);border-color:var(--bulma-button-ghost-border-color);box-shadow:none;color:var(--bulma-button-ghost-color);text-decoration:var(--bulma-button-ghost-decoration)}.button.is-ghost:hover,.button.is-ghost.is-hovered{color:var(--bulma-button-ghost-hover-color);text-decoration:var(--bulma-button-ghost-hover-decoration)}.button.is-small{--bulma-control-size:var(--bulma-size-small);--bulma-control-radius:var(--bulma-radius-small)}.button.is-normal{--bulma-control-size:var(--bulma-size-normal);--bulma-control-radius:var(--bulma-radius)}.button.is-medium{--bulma-control-size:var(--bulma-size-medium);--bulma-control-radius:var(--bulma-radius-medium)}.button.is-large{--bulma-control-size:var(--bulma-size-large);--bulma-control-radius:var(--bulma-radius-medium)}.button.is-fullwidth{width:100%;display:flex}.button.is-loading{box-shadow:none;pointer-events:none;color:#0000!important}.button.is-loading:after{position:absolute;top:calc(50% - .5em);left:calc(50% - .5em);position:absolute!important}.button.is-static{background-color:var(--bulma-button-static-background-color);border-color:var(--bulma-button-static-border-color);color:var(--bulma-button-static-color);box-shadow:none;pointer-events:none}.button.is-rounded{border-radius:var(--bulma-radius-rounded);padding-left:calc(var(--bulma-button-padding-horizontal) + .25em - var(--bulma-button-border-width));padding-right:calc(var(--bulma-button-padding-horizontal) + .25em - var(--bulma-button-border-width))}.buttons{flex-wrap:wrap;justify-content:flex-start;align-items:center;gap:.75rem;display:flex}.buttons.are-small{--bulma-control-size:var(--bulma-size-small);--bulma-control-radius:var(--bulma-radius-small)}.buttons.are-medium{--bulma-control-size:var(--bulma-size-medium);--bulma-control-radius:var(--bulma-radius-medium)}.buttons.are-large{--bulma-control-size:var(--bulma-size-large);--bulma-control-radius:var(--bulma-radius-large)}.buttons.has-addons{gap:0}.buttons.has-addons .button:not(:first-child){border-start-start-radius:0;border-end-start-radius:0}.buttons.has-addons .button:not(:last-child){border-start-end-radius:0;border-end-end-radius:0;margin-inline-end:-1px}.buttons.has-addons .button:hover,.buttons.has-addons .button.is-hovered{z-index:2}.buttons.has-addons .button:focus,.buttons.has-addons .button.is-focused,.buttons.has-addons .button:active,.buttons.has-addons .button.is-active,.buttons.has-addons .button.is-selected{z-index:3}.buttons.has-addons .button:focus:hover,.buttons.has-addons .button.is-focused:hover,.buttons.has-addons .button:active:hover,.buttons.has-addons .button.is-active:hover,.buttons.has-addons .button.is-selected:hover{z-index:4}.buttons.has-addons .button.is-expanded{flex-grow:1;flex-shrink:1}.buttons.is-centered{justify-content:center}.buttons.is-right{justify-content:flex-end}@media screen and (width<=768px){.button.is-responsive.is-small{font-size:calc(var(--bulma-size-small)*.75)}.button.is-responsive,.button.is-responsive.is-normal{font-size:calc(var(--bulma-size-small)*.875)}.button.is-responsive.is-medium{font-size:var(--bulma-size-small)}.button.is-responsive.is-large{font-size:var(--bulma-size-normal)}}@media screen and (width>=769px) and (width<=1023px){.button.is-responsive.is-small{font-size:calc(var(--bulma-size-small)*.875)}.button.is-responsive,.button.is-responsive.is-normal{font-size:var(--bulma-size-small)}.button.is-responsive.is-medium{font-size:var(--bulma-size-normal)}.button.is-responsive.is-large{font-size:var(--bulma-size-medium)}}.content{--bulma-content-heading-color:var(--bulma-text-strong);--bulma-content-heading-weight:var(--bulma-weight-extrabold);--bulma-content-heading-line-height:1.125;--bulma-content-block-margin-bottom:1em;--bulma-content-blockquote-background-color:var(--bulma-background);--bulma-content-blockquote-border-left:5px solid var(--bulma-border);--bulma-content-blockquote-padding:1.25em 1.5em;--bulma-content-pre-padding:1.25em 1.5em;--bulma-content-table-cell-border:1px solid var(--bulma-border);--bulma-content-table-cell-border-width:0 0 1px;--bulma-content-table-cell-padding:.5em .75em;--bulma-content-table-cell-heading-color:var(--bulma-text-strong);--bulma-content-table-head-cell-border-width:0 0 2px;--bulma-content-table-head-cell-color:var(--bulma-text-strong);--bulma-content-table-body-last-row-cell-border-bottom-width:0;--bulma-content-table-foot-cell-border-width:2px 0 0;--bulma-content-table-foot-cell-color:var(--bulma-text-strong)}.content li+li{margin-top:.25em}.content p:not(:last-child),.content dl:not(:last-child),.content ol:not(:last-child),.content ul:not(:last-child),.content blockquote:not(:last-child),.content pre:not(:last-child),.content table:not(:last-child){margin-bottom:var(--bulma-content-block-margin-bottom)}.content h1,.content h2,.content h3,.content h4,.content h5,.content h6{color:var(--bulma-content-heading-color);font-weight:var(--bulma-content-heading-weight);line-height:var(--bulma-content-heading-line-height)}.content h1{margin-bottom:.5em;font-size:2em}.content h1:not(:first-child){margin-top:1em}.content h2{margin-bottom:.5714em;font-size:1.75em}.content h2:not(:first-child){margin-top:1.1428em}.content h3{margin-bottom:.6666em;font-size:1.5em}.content h3:not(:first-child){margin-top:1.3333em}.content h4{margin-bottom:.8em;font-size:1.25em}.content h5{margin-bottom:.8888em;font-size:1.125em}.content h6{margin-bottom:1em;font-size:1em}.content blockquote{background-color:var(--bulma-content-blockquote-background-color);border-inline-start:var(--bulma-content-blockquote-border-left);padding:var(--bulma-content-blockquote-padding)}.content ol{margin-inline-start:2em;list-style-position:outside}.content ol:not(:first-child){margin-top:1em}.content ol:not([type]){list-style-type:decimal}.content ol:not([type]).is-lower-alpha{list-style-type:lower-alpha}.content ol:not([type]).is-lower-roman{list-style-type:lower-roman}.content ol:not([type]).is-upper-alpha{list-style-type:upper-alpha}.content ol:not([type]).is-upper-roman{list-style-type:upper-roman}.content ul{margin-inline-start:2em;list-style:disc}.content ul:not(:first-child){margin-top:1em}.content ul ul{margin-top:.25em;margin-bottom:.25em;list-style-type:circle}.content ul ul ul{list-style-type:square}.content dd{margin-inline-start:2em}.content figure:not([class]){text-align:center;margin-left:2em;margin-right:2em}.content figure:not([class]):not(:first-child){margin-top:2em}.content figure:not([class]):not(:last-child){margin-bottom:2em}.content figure:not([class]) img{display:inline-block}.content figure:not([class]) figcaption{font-style:italic}.content pre{-webkit-overflow-scrolling:touch;padding:var(--bulma-content-pre-padding);white-space:pre;word-wrap:normal;overflow-x:auto}.content sup,.content sub{font-size:75%}.content table td,.content table th{border:var(--bulma-content-table-cell-border);border-width:var(--bulma-content-table-cell-border-width);padding:var(--bulma-content-table-cell-padding);vertical-align:top}.content table th{color:var(--bulma-content-table-cell-heading-color)}.content table th:not([align]){text-align:inherit}.content table thead td,.content table thead th{border-width:var(--bulma-content-table-head-cell-border-width);color:var(--bulma-content-table-head-cell-color)}.content table tfoot td,.content table tfoot th{border-width:var(--bulma-content-table-foot-cell-border-width);color:var(--bulma-content-table-foot-cell-color)}.content table tbody tr:last-child td,.content table tbody tr:last-child th{border-bottom-width:var(--bulma-content-table-body-last-row-cell-border-bottom-width)}.content .tabs li+li{margin-top:0}.content.is-small{font-size:var(--bulma-size-small)}.content.is-normal{font-size:var(--bulma-size-normal)}.content.is-medium{font-size:var(--bulma-size-medium)}.content.is-large{font-size:var(--bulma-size-large)}.delete{--bulma-delete-dimensions:1.25rem;--bulma-delete-background-l:0%;--bulma-delete-background-alpha:.5;--bulma-delete-color:var(--bulma-white);appearance:none;background-color:hsla(var(--bulma-scheme-h),var(--bulma-scheme-s),var(--bulma-delete-background-l),var(--bulma-delete-background-alpha));border-radius:var(--bulma-radius-rounded);cursor:pointer;pointer-events:auto;height:var(--bulma-delete-dimensions);max-height:var(--bulma-delete-dimensions);max-width:var(--bulma-delete-dimensions);min-height:var(--bulma-delete-dimensions);min-width:var(--bulma-delete-dimensions);vertical-align:top;width:var(--bulma-delete-dimensions);border:none;outline:none;flex-grow:0;flex-shrink:0;font-size:1em;display:inline-flex;position:relative}.delete:before,.delete:after{background-color:var(--bulma-delete-color);content:"";transform-origin:50%;display:block;position:absolute;top:50%;left:50%;transform:translate(-50%)translateY(-50%)rotate(45deg)}.delete:before{width:50%;height:2px}.delete:after{width:2px;height:50%}.delete:hover,.delete:focus{--bulma-delete-background-alpha:.4}.delete:active{--bulma-delete-background-alpha:.5}.delete.is-small{--bulma-delete-dimensions:1rem}.delete.is-medium{--bulma-delete-dimensions:1.5rem}.delete.is-large{--bulma-delete-dimensions:2rem}.icon,.icon-text{--bulma-icon-dimensions:1.5rem;--bulma-icon-dimensions-small:1rem;--bulma-icon-dimensions-medium:2rem;--bulma-icon-dimensions-large:3rem;--bulma-icon-text-spacing:.25em}.icon{height:var(--bulma-icon-dimensions);transition-duration:var(--bulma-duration);width:var(--bulma-icon-dimensions);flex-shrink:0;justify-content:center;align-items:center;transition-property:color;display:inline-flex}.icon.is-small{height:var(--bulma-icon-dimensions-small);width:var(--bulma-icon-dimensions-small)}.icon.is-medium{height:var(--bulma-icon-dimensions-medium);width:var(--bulma-icon-dimensions-medium)}.icon.is-large{height:var(--bulma-icon-dimensions-large);width:var(--bulma-icon-dimensions-large)}.icon-text{color:inherit;align-items:flex-start;gap:var(--bulma-icon-text-spacing);line-height:var(--bulma-icon-dimensions);vertical-align:top;flex-wrap:wrap;display:inline-flex}.icon-text .icon{flex-grow:0;flex-shrink:0}div.icon-text{display:flex}.image{display:block;position:relative}.image img{width:100%;height:auto;display:block}.image img.is-rounded{border-radius:var(--bulma-radius-rounded)}.image.is-fullwidth{width:100%}.image.is-square img,.image.is-square .has-ratio{width:100%;height:100%;position:absolute;inset:0}.image.is-square,.image.is-1by1{aspect-ratio:1}.image.is-1by1 img,.image.is-1by1 .has-ratio{width:100%;height:100%;position:absolute;inset:0}.image.is-5by4{aspect-ratio:5/4}.image.is-5by4 img,.image.is-5by4 .has-ratio{width:100%;height:100%;position:absolute;inset:0}.image.is-4by3{aspect-ratio:4/3}.image.is-4by3 img,.image.is-4by3 .has-ratio{width:100%;height:100%;position:absolute;inset:0}.image.is-3by2{aspect-ratio:3/2}.image.is-3by2 img,.image.is-3by2 .has-ratio{width:100%;height:100%;position:absolute;inset:0}.image.is-5by3{aspect-ratio:5/3}.image.is-5by3 img,.image.is-5by3 .has-ratio{width:100%;height:100%;position:absolute;inset:0}.image.is-16by9{aspect-ratio:16/9}.image.is-16by9 img,.image.is-16by9 .has-ratio{width:100%;height:100%;position:absolute;inset:0}.image.is-2by1{aspect-ratio:2}.image.is-2by1 img,.image.is-2by1 .has-ratio{width:100%;height:100%;position:absolute;inset:0}.image.is-3by1{aspect-ratio:3}.image.is-3by1 img,.image.is-3by1 .has-ratio{width:100%;height:100%;position:absolute;inset:0}.image.is-4by5{aspect-ratio:4/5}.image.is-4by5 img,.image.is-4by5 .has-ratio{width:100%;height:100%;position:absolute;inset:0}.image.is-3by4{aspect-ratio:3/4}.image.is-3by4 img,.image.is-3by4 .has-ratio{width:100%;height:100%;position:absolute;inset:0}.image.is-2by3{aspect-ratio:2/3}.image.is-2by3 img,.image.is-2by3 .has-ratio{width:100%;height:100%;position:absolute;inset:0}.image.is-3by5{aspect-ratio:3/5}.image.is-3by5 img,.image.is-3by5 .has-ratio{width:100%;height:100%;position:absolute;inset:0}.image.is-9by16{aspect-ratio:9/16}.image.is-9by16 img,.image.is-9by16 .has-ratio{width:100%;height:100%;position:absolute;inset:0}.image.is-1by2{aspect-ratio:1/2}.image.is-1by2 img,.image.is-1by2 .has-ratio{width:100%;height:100%;position:absolute;inset:0}.image.is-1by3{aspect-ratio:1/3}.image.is-1by3 img,.image.is-1by3 .has-ratio{width:100%;height:100%;position:absolute;inset:0}.image.is-16x16{width:16px;height:16px}.image.is-24x24{width:24px;height:24px}.image.is-32x32{width:32px;height:32px}.image.is-48x48{width:48px;height:48px}.image.is-64x64{width:64px;height:64px}.image.is-96x96{width:96px;height:96px}.image.is-128x128{width:128px;height:128px}.loader{border:2px solid var(--bulma-border);border-radius:var(--bulma-radius-rounded);content:"";border-top-color:#0000;border-right-color:#0000;width:1em;height:1em;animation:.5s linear infinite spinAround;display:block;position:relative}.notification{--bulma-notification-h:var(--bulma-scheme-h);--bulma-notification-s:var(--bulma-scheme-s);--bulma-notification-background-l:var(--bulma-background-l);--bulma-notification-color-l:var(--bulma-text-strong-l);--bulma-notification-code-background-color:var(--bulma-scheme-main);--bulma-notification-radius:var(--bulma-radius);--bulma-notification-padding:1.375em 1.5em;background-color:hsl(var(--bulma-notification-h),var(--bulma-notification-s),var(--bulma-notification-background-l));border-radius:var(--bulma-notification-radius);color:hsl(var(--bulma-notification-h),var(--bulma-notification-s),var(--bulma-notification-color-l));padding:var(--bulma-notification-padding);position:relative}.notification a:not(.button):not(.dropdown-item){color:currentColor;text-decoration:underline}.notification strong{color:currentColor}.notification code,.notification pre{background:var(--bulma-notification-code-background-color)}.notification pre code{background:0 0}.notification>.delete{inset-inline-end:1rem;position:absolute;top:1rem}.notification .title,.notification .subtitle,.notification .content{color:currentColor}.notification.is-white{--bulma-notification-h:var(--bulma-white-h);--bulma-notification-s:var(--bulma-white-s);--bulma-notification-background-l:var(--bulma-white-l);--bulma-notification-color-l:var(--bulma-white-invert-l)}.notification.is-white.is-light{--bulma-notification-background-l:90%;--bulma-notification-color-l:var(--bulma-white-light-invert-l)}.notification.is-white.is-dark{--bulma-notification-background-l:20%;--bulma-notification-color-l:var(--bulma-white-dark-invert-l)}.notification.is-black{--bulma-notification-h:var(--bulma-black-h);--bulma-notification-s:var(--bulma-black-s);--bulma-notification-background-l:var(--bulma-black-l);--bulma-notification-color-l:var(--bulma-black-invert-l)}.notification.is-black.is-light{--bulma-notification-background-l:90%;--bulma-notification-color-l:var(--bulma-black-light-invert-l)}.notification.is-black.is-dark{--bulma-notification-background-l:20%;--bulma-notification-color-l:var(--bulma-black-dark-invert-l)}.notification.is-light{--bulma-notification-h:var(--bulma-light-h);--bulma-notification-s:var(--bulma-light-s);--bulma-notification-background-l:var(--bulma-light-l);--bulma-notification-color-l:var(--bulma-light-invert-l)}.notification.is-light.is-light{--bulma-notification-background-l:90%;--bulma-notification-color-l:var(--bulma-light-light-invert-l)}.notification.is-light.is-dark{--bulma-notification-background-l:20%;--bulma-notification-color-l:var(--bulma-light-dark-invert-l)}.notification.is-dark{--bulma-notification-h:var(--bulma-dark-h);--bulma-notification-s:var(--bulma-dark-s);--bulma-notification-background-l:var(--bulma-dark-l);--bulma-notification-color-l:var(--bulma-dark-invert-l)}.notification.is-dark.is-light{--bulma-notification-background-l:90%;--bulma-notification-color-l:var(--bulma-dark-light-invert-l)}.notification.is-dark.is-dark{--bulma-notification-background-l:20%;--bulma-notification-color-l:var(--bulma-dark-dark-invert-l)}.notification.is-text{--bulma-notification-h:var(--bulma-text-h);--bulma-notification-s:var(--bulma-text-s);--bulma-notification-background-l:var(--bulma-text-l);--bulma-notification-color-l:var(--bulma-text-invert-l)}.notification.is-text.is-light{--bulma-notification-background-l:90%;--bulma-notification-color-l:var(--bulma-text-light-invert-l)}.notification.is-text.is-dark{--bulma-notification-background-l:20%;--bulma-notification-color-l:var(--bulma-text-dark-invert-l)}.notification.is-primary{--bulma-notification-h:var(--bulma-primary-h);--bulma-notification-s:var(--bulma-primary-s);--bulma-notification-background-l:var(--bulma-primary-l);--bulma-notification-color-l:var(--bulma-primary-invert-l)}.notification.is-primary.is-light{--bulma-notification-background-l:90%;--bulma-notification-color-l:var(--bulma-primary-light-invert-l)}.notification.is-primary.is-dark{--bulma-notification-background-l:20%;--bulma-notification-color-l:var(--bulma-primary-dark-invert-l)}.notification.is-link{--bulma-notification-h:var(--bulma-link-h);--bulma-notification-s:var(--bulma-link-s);--bulma-notification-background-l:var(--bulma-link-l);--bulma-notification-color-l:var(--bulma-link-invert-l)}.notification.is-link.is-light{--bulma-notification-background-l:90%;--bulma-notification-color-l:var(--bulma-link-light-invert-l)}.notification.is-link.is-dark{--bulma-notification-background-l:20%;--bulma-notification-color-l:var(--bulma-link-dark-invert-l)}.notification.is-info{--bulma-notification-h:var(--bulma-info-h);--bulma-notification-s:var(--bulma-info-s);--bulma-notification-background-l:var(--bulma-info-l);--bulma-notification-color-l:var(--bulma-info-invert-l)}.notification.is-info.is-light{--bulma-notification-background-l:90%;--bulma-notification-color-l:var(--bulma-info-light-invert-l)}.notification.is-info.is-dark{--bulma-notification-background-l:20%;--bulma-notification-color-l:var(--bulma-info-dark-invert-l)}.notification.is-success{--bulma-notification-h:var(--bulma-success-h);--bulma-notification-s:var(--bulma-success-s);--bulma-notification-background-l:var(--bulma-success-l);--bulma-notification-color-l:var(--bulma-success-invert-l)}.notification.is-success.is-light{--bulma-notification-background-l:90%;--bulma-notification-color-l:var(--bulma-success-light-invert-l)}.notification.is-success.is-dark{--bulma-notification-background-l:20%;--bulma-notification-color-l:var(--bulma-success-dark-invert-l)}.notification.is-warning{--bulma-notification-h:var(--bulma-warning-h);--bulma-notification-s:var(--bulma-warning-s);--bulma-notification-background-l:var(--bulma-warning-l);--bulma-notification-color-l:var(--bulma-warning-invert-l)}.notification.is-warning.is-light{--bulma-notification-background-l:90%;--bulma-notification-color-l:var(--bulma-warning-light-invert-l)}.notification.is-warning.is-dark{--bulma-notification-background-l:20%;--bulma-notification-color-l:var(--bulma-warning-dark-invert-l)}.notification.is-danger{--bulma-notification-h:var(--bulma-danger-h);--bulma-notification-s:var(--bulma-danger-s);--bulma-notification-background-l:var(--bulma-danger-l);--bulma-notification-color-l:var(--bulma-danger-invert-l)}.notification.is-danger.is-light{--bulma-notification-background-l:90%;--bulma-notification-color-l:var(--bulma-danger-light-invert-l)}.notification.is-danger.is-dark{--bulma-notification-background-l:20%;--bulma-notification-color-l:var(--bulma-danger-dark-invert-l)}.progress{--bulma-progress-border-radius:var(--bulma-radius-rounded);--bulma-progress-bar-background-color:var(--bulma-border-weak);--bulma-progress-value-background-color:var(--bulma-text);--bulma-progress-indeterminate-duration:1.5s;appearance:none;border-radius:var(--bulma-progress-border-radius);height:var(--bulma-size-normal);border:none;width:100%;padding:0;display:block;overflow:hidden}.progress::-webkit-progress-bar{background-color:var(--bulma-progress-bar-background-color)}.progress::-webkit-progress-value{background-color:var(--bulma-progress-value-background-color)}.progress::-moz-progress-bar{background-color:var(--bulma-progress-value-background-color)}.progress::-ms-fill{background-color:var(--bulma-progress-value-background-color);border:none}.progress.is-white{--bulma-progress-value-background-color:var(--bulma-white)}.progress.is-black{--bulma-progress-value-background-color:var(--bulma-black)}.progress.is-light{--bulma-progress-value-background-color:var(--bulma-light)}.progress.is-dark{--bulma-progress-value-background-color:var(--bulma-dark)}.progress.is-text{--bulma-progress-value-background-color:var(--bulma-text)}.progress.is-primary{--bulma-progress-value-background-color:var(--bulma-primary)}.progress.is-link{--bulma-progress-value-background-color:var(--bulma-link)}.progress.is-info{--bulma-progress-value-background-color:var(--bulma-info)}.progress.is-success{--bulma-progress-value-background-color:var(--bulma-success)}.progress.is-warning{--bulma-progress-value-background-color:var(--bulma-warning)}.progress.is-danger{--bulma-progress-value-background-color:var(--bulma-danger)}.progress:indeterminate{animation-duration:var(--bulma-progress-indeterminate-duration);background-color:var(--bulma-progress-bar-background-color);background-image:linear-gradient(to right,var(--bulma-progress-value-background-color)30%,var(--bulma-progress-bar-background-color)30%);background-position:0 0;background-repeat:no-repeat;background-size:150% 150%;animation-name:moveIndeterminate;animation-timing-function:linear;animation-iteration-count:infinite}.progress:indeterminate::-webkit-progress-bar{background-color:#0000}.progress:indeterminate::-moz-progress-bar{background-color:#0000}.progress:indeterminate::-ms-fill{animation-name:none}.progress.is-small{height:var(--bulma-size-small)}.progress.is-medium{height:var(--bulma-size-medium)}.progress.is-large{height:var(--bulma-size-large)}@keyframes moveIndeterminate{0%{background-position:200% 0}to{background-position:-200% 0}}.table{--bulma-table-color:var(--bulma-text-strong);--bulma-table-background-color:var(--bulma-scheme-main);--bulma-table-cell-border-color:var(--bulma-border);--bulma-table-cell-border-style:solid;--bulma-table-cell-border-width:0 0 1px;--bulma-table-cell-padding:.5em .75em;--bulma-table-cell-heading-color:var(--bulma-text-strong);--bulma-table-cell-text-align:left;--bulma-table-head-cell-border-width:0 0 2px;--bulma-table-head-cell-color:var(--bulma-text-strong);--bulma-table-foot-cell-border-width:2px 0 0;--bulma-table-foot-cell-color:var(--bulma-text-strong);--bulma-table-head-background-color:transparent;--bulma-table-body-background-color:transparent;--bulma-table-foot-background-color:transparent;--bulma-table-row-hover-background-color:var(--bulma-scheme-main-bis);--bulma-table-row-active-background-color:var(--bulma-primary);--bulma-table-row-active-color:var(--bulma-primary-invert);--bulma-table-striped-row-even-background-color:var(--bulma-scheme-main-bis);--bulma-table-striped-row-even-hover-background-color:var(--bulma-scheme-main-ter);background-color:var(--bulma-table-background-color);color:var(--bulma-table-color)}.table td,.table th{background-color:var(--bulma-table-cell-background-color);border-color:var(--bulma-table-cell-border-color);border-style:var(--bulma-table-cell-border-style);border-width:var(--bulma-table-cell-border-width);color:var(--bulma-table-color);padding:var(--bulma-table-cell-padding);vertical-align:top}.table td.is-white,.table th.is-white{--bulma-table-color:var(--bulma-white-invert);--bulma-table-cell-heading-color:var(--bulma-white-invert);--bulma-table-cell-background-color:var(--bulma-white);--bulma-table-cell-border-color:var(--bulma-white)}.table td.is-black,.table th.is-black{--bulma-table-color:var(--bulma-black-invert);--bulma-table-cell-heading-color:var(--bulma-black-invert);--bulma-table-cell-background-color:var(--bulma-black);--bulma-table-cell-border-color:var(--bulma-black)}.table td.is-light,.table th.is-light{--bulma-table-color:var(--bulma-light-invert);--bulma-table-cell-heading-color:var(--bulma-light-invert);--bulma-table-cell-background-color:var(--bulma-light);--bulma-table-cell-border-color:var(--bulma-light)}.table td.is-dark,.table th.is-dark{--bulma-table-color:var(--bulma-dark-invert);--bulma-table-cell-heading-color:var(--bulma-dark-invert);--bulma-table-cell-background-color:var(--bulma-dark);--bulma-table-cell-border-color:var(--bulma-dark)}.table td.is-text,.table th.is-text{--bulma-table-color:var(--bulma-text-invert);--bulma-table-cell-heading-color:var(--bulma-text-invert);--bulma-table-cell-background-color:var(--bulma-text);--bulma-table-cell-border-color:var(--bulma-text)}.table td.is-primary,.table th.is-primary{--bulma-table-color:var(--bulma-primary-invert);--bulma-table-cell-heading-color:var(--bulma-primary-invert);--bulma-table-cell-background-color:var(--bulma-primary);--bulma-table-cell-border-color:var(--bulma-primary)}.table td.is-link,.table th.is-link{--bulma-table-color:var(--bulma-link-invert);--bulma-table-cell-heading-color:var(--bulma-link-invert);--bulma-table-cell-background-color:var(--bulma-link);--bulma-table-cell-border-color:var(--bulma-link)}.table td.is-info,.table th.is-info{--bulma-table-color:var(--bulma-info-invert);--bulma-table-cell-heading-color:var(--bulma-info-invert);--bulma-table-cell-background-color:var(--bulma-info);--bulma-table-cell-border-color:var(--bulma-info)}.table td.is-success,.table th.is-success{--bulma-table-color:var(--bulma-success-invert);--bulma-table-cell-heading-color:var(--bulma-success-invert);--bulma-table-cell-background-color:var(--bulma-success);--bulma-table-cell-border-color:var(--bulma-success)}.table td.is-warning,.table th.is-warning{--bulma-table-color:var(--bulma-warning-invert);--bulma-table-cell-heading-color:var(--bulma-warning-invert);--bulma-table-cell-background-color:var(--bulma-warning);--bulma-table-cell-border-color:var(--bulma-warning)}.table td.is-danger,.table th.is-danger{--bulma-table-color:var(--bulma-danger-invert);--bulma-table-cell-heading-color:var(--bulma-danger-invert);--bulma-table-cell-background-color:var(--bulma-danger);--bulma-table-cell-border-color:var(--bulma-danger)}.table td.is-narrow,.table th.is-narrow{white-space:nowrap;width:1%}.table td.is-selected,.table th.is-selected{background-color:var(--bulma-table-row-active-background-color);color:var(--bulma-table-row-active-color)}.table td.is-selected a,.table td.is-selected strong,.table th.is-selected a,.table th.is-selected strong{color:currentColor}.table td.is-vcentered,.table th.is-vcentered{vertical-align:middle}.table th{color:var(--bulma-table-cell-heading-color)}.table th:not([align]){text-align:var(--bulma-table-cell-text-align)}.table tr.is-selected{background-color:var(--bulma-table-row-active-background-color);color:var(--bulma-table-row-active-color)}.table tr.is-selected a,.table tr.is-selected strong{color:currentColor}.table tr.is-selected td,.table tr.is-selected th{border-color:var(--bulma-table-row-active-color);color:currentColor}.table tr.is-white{--bulma-table-color:var(--bulma-white-invert);--bulma-table-cell-heading-color:var(--bulma-white-invert);--bulma-table-cell-background-color:var(--bulma-white);--bulma-table-cell-border-color:var(--bulma-white)}.table tr.is-black{--bulma-table-color:var(--bulma-black-invert);--bulma-table-cell-heading-color:var(--bulma-black-invert);--bulma-table-cell-background-color:var(--bulma-black);--bulma-table-cell-border-color:var(--bulma-black)}.table tr.is-light{--bulma-table-color:var(--bulma-light-invert);--bulma-table-cell-heading-color:var(--bulma-light-invert);--bulma-table-cell-background-color:var(--bulma-light);--bulma-table-cell-border-color:var(--bulma-light)}.table tr.is-dark{--bulma-table-color:var(--bulma-dark-invert);--bulma-table-cell-heading-color:var(--bulma-dark-invert);--bulma-table-cell-background-color:var(--bulma-dark);--bulma-table-cell-border-color:var(--bulma-dark)}.table tr.is-text{--bulma-table-color:var(--bulma-text-invert);--bulma-table-cell-heading-color:var(--bulma-text-invert);--bulma-table-cell-background-color:var(--bulma-text);--bulma-table-cell-border-color:var(--bulma-text)}.table tr.is-primary{--bulma-table-color:var(--bulma-primary-invert);--bulma-table-cell-heading-color:var(--bulma-primary-invert);--bulma-table-cell-background-color:var(--bulma-primary);--bulma-table-cell-border-color:var(--bulma-primary)}.table tr.is-link{--bulma-table-color:var(--bulma-link-invert);--bulma-table-cell-heading-color:var(--bulma-link-invert);--bulma-table-cell-background-color:var(--bulma-link);--bulma-table-cell-border-color:var(--bulma-link)}.table tr.is-info{--bulma-table-color:var(--bulma-info-invert);--bulma-table-cell-heading-color:var(--bulma-info-invert);--bulma-table-cell-background-color:var(--bulma-info);--bulma-table-cell-border-color:var(--bulma-info)}.table tr.is-success{--bulma-table-color:var(--bulma-success-invert);--bulma-table-cell-heading-color:var(--bulma-success-invert);--bulma-table-cell-background-color:var(--bulma-success);--bulma-table-cell-border-color:var(--bulma-success)}.table tr.is-warning{--bulma-table-color:var(--bulma-warning-invert);--bulma-table-cell-heading-color:var(--bulma-warning-invert);--bulma-table-cell-background-color:var(--bulma-warning);--bulma-table-cell-border-color:var(--bulma-warning)}.table tr.is-danger{--bulma-table-color:var(--bulma-danger-invert);--bulma-table-cell-heading-color:var(--bulma-danger-invert);--bulma-table-cell-background-color:var(--bulma-danger);--bulma-table-cell-border-color:var(--bulma-danger)}.table thead{background-color:var(--bulma-table-head-background-color)}.table thead td,.table thead th{border-width:var(--bulma-table-head-cell-border-width);color:var(--bulma-table-head-cell-color)}.table tfoot{background-color:var(--bulma-table-foot-background-color)}.table tfoot td,.table tfoot th{border-width:var(--bulma-table-foot-cell-border-width);color:var(--bulma-table-foot-cell-color)}.table tbody{background-color:var(--bulma-table-body-background-color)}.table tbody tr:last-child td,.table tbody tr:last-child th{border-bottom-width:0}.table.is-bordered td,.table.is-bordered th{border-width:1px}.table.is-bordered tr:last-child td,.table.is-bordered tr:last-child th{border-bottom-width:1px}.table.is-fullwidth{width:100%}.table.is-hoverable tbody tr:not(.is-selected):hover,.table.is-hoverable.is-striped tbody tr:not(.is-selected):hover{background-color:var(--bulma-table-row-hover-background-color)}.table.is-hoverable.is-striped tbody tr:not(.is-selected):hover:nth-child(2n){background-color:var(--bulma-table-striped-row-even-hover-background-color)}.table.is-narrow td,.table.is-narrow th{padding:.25em .5em}.table.is-striped tbody tr:not(.is-selected):nth-child(2n){background-color:var(--bulma-table-striped-row-even-background-color)}.table-container{-webkit-overflow-scrolling:touch;max-width:100%;overflow:auto hidden}.tags{color:hsl(var(--bulma-tag-h),var(--bulma-tag-s),var(--bulma-tag-color-l));flex-wrap:wrap;justify-content:flex-start;align-items:center;gap:.5rem;display:flex}.tags.are-medium .tag:not(.is-normal):not(.is-large){font-size:var(--bulma-size-normal)}.tags.are-large .tag:not(.is-normal):not(.is-medium){font-size:var(--bulma-size-medium)}.tags.is-centered{justify-content:center;gap:.25rem}.tags.is-right{justify-content:flex-end}.tags.has-addons{gap:0}.tags.has-addons .tag:not(:first-child){border-start-start-radius:0;border-end-start-radius:0}.tags.has-addons .tag:not(:last-child){border-start-end-radius:0;border-end-end-radius:0}.tag{--bulma-tag-h:var(--bulma-scheme-h);--bulma-tag-s:var(--bulma-scheme-s);--bulma-tag-background-l:var(--bulma-background-l);--bulma-tag-background-l-delta:0%;--bulma-tag-hover-background-l-delta:var(--bulma-hover-background-l-delta);--bulma-tag-active-background-l-delta:var(--bulma-active-background-l-delta);--bulma-tag-color-l:var(--bulma-text-l);--bulma-tag-radius:var(--bulma-radius);--bulma-tag-delete-margin:1px;background-color:hsl(var(--bulma-tag-h),var(--bulma-tag-s),calc(var(--bulma-tag-background-l) + var(--bulma-tag-background-l-delta)));border-radius:var(--bulma-radius);color:hsl(var(--bulma-tag-h),var(--bulma-tag-s),var(--bulma-tag-color-l));font-size:var(--bulma-size-small);white-space:nowrap;justify-content:center;align-items:center;height:2em;padding-left:.75em;padding-right:.75em;line-height:1.5;display:inline-flex}.tag .delete{margin-inline:.25rem -.375rem}.tag.is-white{--bulma-tag-h:var(--bulma-white-h);--bulma-tag-s:var(--bulma-white-s);--bulma-tag-background-l:var(--bulma-white-l);--bulma-tag-color-l:var(--bulma-white-invert-l)}.tag.is-white.is-light{--bulma-tag-background-l:var(--bulma-light-l);--bulma-tag-color-l:var(--bulma-white-light-invert-l)}.tag.is-black{--bulma-tag-h:var(--bulma-black-h);--bulma-tag-s:var(--bulma-black-s);--bulma-tag-background-l:var(--bulma-black-l);--bulma-tag-color-l:var(--bulma-black-invert-l)}.tag.is-black.is-light{--bulma-tag-background-l:var(--bulma-light-l);--bulma-tag-color-l:var(--bulma-black-light-invert-l)}.tag.is-light{--bulma-tag-h:var(--bulma-light-h);--bulma-tag-s:var(--bulma-light-s);--bulma-tag-background-l:var(--bulma-light-l);--bulma-tag-color-l:var(--bulma-light-invert-l)}.tag.is-light.is-light{--bulma-tag-background-l:var(--bulma-light-l);--bulma-tag-color-l:var(--bulma-light-light-invert-l)}.tag.is-dark{--bulma-tag-h:var(--bulma-dark-h);--bulma-tag-s:var(--bulma-dark-s);--bulma-tag-background-l:var(--bulma-dark-l);--bulma-tag-color-l:var(--bulma-dark-invert-l)}.tag.is-dark.is-light{--bulma-tag-background-l:var(--bulma-light-l);--bulma-tag-color-l:var(--bulma-dark-light-invert-l)}.tag.is-text{--bulma-tag-h:var(--bulma-text-h);--bulma-tag-s:var(--bulma-text-s);--bulma-tag-background-l:var(--bulma-text-l);--bulma-tag-color-l:var(--bulma-text-invert-l)}.tag.is-text.is-light{--bulma-tag-background-l:var(--bulma-light-l);--bulma-tag-color-l:var(--bulma-text-light-invert-l)}.tag.is-primary{--bulma-tag-h:var(--bulma-primary-h);--bulma-tag-s:var(--bulma-primary-s);--bulma-tag-background-l:var(--bulma-primary-l);--bulma-tag-color-l:var(--bulma-primary-invert-l)}.tag.is-primary.is-light{--bulma-tag-background-l:var(--bulma-light-l);--bulma-tag-color-l:var(--bulma-primary-light-invert-l)}.tag.is-link{--bulma-tag-h:var(--bulma-link-h);--bulma-tag-s:var(--bulma-link-s);--bulma-tag-background-l:var(--bulma-link-l);--bulma-tag-color-l:var(--bulma-link-invert-l)}.tag.is-link.is-light{--bulma-tag-background-l:var(--bulma-light-l);--bulma-tag-color-l:var(--bulma-link-light-invert-l)}.tag.is-info{--bulma-tag-h:var(--bulma-info-h);--bulma-tag-s:var(--bulma-info-s);--bulma-tag-background-l:var(--bulma-info-l);--bulma-tag-color-l:var(--bulma-info-invert-l)}.tag.is-info.is-light{--bulma-tag-background-l:var(--bulma-light-l);--bulma-tag-color-l:var(--bulma-info-light-invert-l)}.tag.is-success{--bulma-tag-h:var(--bulma-success-h);--bulma-tag-s:var(--bulma-success-s);--bulma-tag-background-l:var(--bulma-success-l);--bulma-tag-color-l:var(--bulma-success-invert-l)}.tag.is-success.is-light{--bulma-tag-background-l:var(--bulma-light-l);--bulma-tag-color-l:var(--bulma-success-light-invert-l)}.tag.is-warning{--bulma-tag-h:var(--bulma-warning-h);--bulma-tag-s:var(--bulma-warning-s);--bulma-tag-background-l:var(--bulma-warning-l);--bulma-tag-color-l:var(--bulma-warning-invert-l)}.tag.is-warning.is-light{--bulma-tag-background-l:var(--bulma-light-l);--bulma-tag-color-l:var(--bulma-warning-light-invert-l)}.tag.is-danger{--bulma-tag-h:var(--bulma-danger-h);--bulma-tag-s:var(--bulma-danger-s);--bulma-tag-background-l:var(--bulma-danger-l);--bulma-tag-color-l:var(--bulma-danger-invert-l)}.tag.is-danger.is-light{--bulma-tag-background-l:var(--bulma-light-l);--bulma-tag-color-l:var(--bulma-danger-light-invert-l)}.tag.is-normal{font-size:var(--bulma-size-small)}.tag.is-medium{font-size:var(--bulma-size-normal)}.tag.is-large{font-size:var(--bulma-size-medium)}.tag .icon:first-child:not(:last-child){margin-inline:-.375em .1875em}.tag .icon:last-child:not(:first-child){margin-inline:.1875em -.375em}.tag .icon:first-child:last-child{margin-inline:-.375em}.tag.is-delete{width:2em;margin-inline-start:var(--bulma-tag-delete-margin);padding:0;position:relative}.tag.is-delete:before,.tag.is-delete:after{content:"";transform-origin:50%;background-color:currentColor;display:block;position:absolute;top:50%;left:50%;transform:translate(-50%)translateY(-50%)rotate(45deg)}.tag.is-delete:before{width:50%;height:1px}.tag.is-delete:after{width:1px;height:50%}.tag.is-rounded{border-radius:var(--bulma-radius-rounded)}a.tag,button.tag,.tag.is-hoverable{cursor:pointer}a.tag:hover,button.tag:hover,.tag.is-hoverable:hover{--bulma-tag-background-l-delta:var(--bulma-tag-hover-background-l-delta)}a.tag:active,button.tag:active,.tag.is-hoverable:active{--bulma-tag-background-l-delta:var(--bulma-tag-active-background-l-delta)}.title,.subtitle{--bulma-title-color:var(--bulma-text-strong);--bulma-title-family:false;--bulma-title-size:var(--bulma-size-3);--bulma-title-weight:var(--bulma-weight-extrabold);--bulma-title-line-height:1.125;--bulma-title-strong-color:inherit;--bulma-title-strong-weight:inherit;--bulma-title-sub-size:.75em;--bulma-title-sup-size:.75em;--bulma-subtitle-color:var(--bulma-text);--bulma-subtitle-family:false;--bulma-subtitle-size:var(--bulma-size-5);--bulma-subtitle-weight:var(--bulma-weight-normal);--bulma-subtitle-line-height:1.25;--bulma-subtitle-strong-color:var(--bulma-text-strong);--bulma-subtitle-strong-weight:var(--bulma-weight-semibold);word-break:break-word}.title em,.title span,.subtitle em,.subtitle span{font-weight:inherit}.title sub,.subtitle sub{font-size:var(--bulma-title-sub-size)}.title sup,.subtitle sup{font-size:var(--bulma-title-sup-size)}.title .tag,.subtitle .tag{vertical-align:middle}.title{color:var(--bulma-title-color);font-size:var(--bulma-title-size);font-weight:var(--bulma-title-weight);line-height:var(--bulma-title-line-height)}.title strong{color:var(--bulma-title-strong-color);font-weight:var(--bulma-title-strong-weight)}.title:not(.is-spaced):has(+.subtitle){margin-bottom:0}.title.is-1{font-size:3rem}.title.is-2{font-size:2.5rem}.title.is-3{font-size:2rem}.title.is-4{font-size:1.5rem}.title.is-5{font-size:1.25rem}.title.is-6{font-size:1rem}.title.is-7{font-size:.75rem}.subtitle{color:var(--bulma-subtitle-color);font-size:var(--bulma-subtitle-size);font-weight:var(--bulma-subtitle-weight);line-height:var(--bulma-subtitle-line-height)}.subtitle strong{color:var(--bulma-subtitle-strong-color);font-weight:var(--bulma-subtitle-strong-weight)}.subtitle:not(.is-spaced):has(+.title){margin-bottom:0}.subtitle.is-1{font-size:3rem}.subtitle.is-2{font-size:2.5rem}.subtitle.is-3{font-size:2rem}.subtitle.is-4{font-size:1.5rem}.subtitle.is-5{font-size:1.25rem}.subtitle.is-6{font-size:1rem}.subtitle.is-7{font-size:.75rem}.control,.input,.textarea,.select{--bulma-input-h:var(--bulma-scheme-h);--bulma-input-s:var(--bulma-scheme-s);--bulma-input-l:var(--bulma-scheme-main-l);--bulma-input-border-style:solid;--bulma-input-border-width:var(--bulma-control-border-width);--bulma-input-border-l:var(--bulma-border-l);--bulma-input-border-l-delta:0%;--bulma-input-hover-border-l-delta:var(--bulma-hover-border-l-delta);--bulma-input-active-border-l-delta:var(--bulma-active-border-l-delta);--bulma-input-focus-h:var(--bulma-focus-h);--bulma-input-focus-s:var(--bulma-focus-s);--bulma-input-focus-l:var(--bulma-focus-l);--bulma-input-focus-shadow-size:var(--bulma-focus-shadow-size);--bulma-input-focus-shadow-alpha:var(--bulma-focus-shadow-alpha);--bulma-input-color-l:var(--bulma-text-strong-l);--bulma-input-background-l:var(--bulma-scheme-main-l);--bulma-input-background-l-delta:0%;--bulma-input-height:var(--bulma-control-height);--bulma-input-shadow:inset 0 .0625em .125em hsla(var(--bulma-scheme-h),var(--bulma-scheme-s),var(--bulma-scheme-invert-l),.05);--bulma-input-placeholder-color:hsla(var(--bulma-text-h),var(--bulma-text-s),var(--bulma-text-strong-l),.3);--bulma-input-disabled-color:var(--bulma-text-weak);--bulma-input-disabled-background-color:var(--bulma-background);--bulma-input-disabled-border-color:var(--bulma-background);--bulma-input-disabled-placeholder-color:hsla(var(--bulma-text-h),var(--bulma-text-s),var(--bulma-text-weak-l),.3);--bulma-input-arrow:var(--bulma-link);--bulma-input-icon-color:var(--bulma-text-light);--bulma-input-icon-hover-color:var(--bulma-text-weak);--bulma-input-icon-focus-color:var(--bulma-link);--bulma-input-radius:var(--bulma-radius)}.select select,.input,.textarea{background-color:hsl(var(--bulma-input-h),var(--bulma-input-s),calc(var(--bulma-input-background-l) + var(--bulma-input-background-l-delta)));border-color:hsl(var(--bulma-input-h),var(--bulma-input-s),calc(var(--bulma-input-border-l) + var(--bulma-input-border-l-delta)));border-radius:var(--bulma-input-radius);color:hsl(var(--bulma-input-h),var(--bulma-input-s),var(--bulma-input-color-l))}.select select::placeholder,.input::placeholder,.textarea::placeholder{color:var(--bulma-input-placeholder-color)}.select select::-moz-placeholder,.input::-moz-placeholder,.textarea::-moz-placeholder{color:var(--bulma-input-placeholder-color)}.select select:-moz-placeholder,.input:-moz-placeholder,.textarea:-moz-placeholder{color:var(--bulma-input-placeholder-color)}.select select:-ms-input-placeholder,.input:-ms-input-placeholder,.textarea:-ms-input-placeholder{color:var(--bulma-input-placeholder-color)}.select select:hover,.input:hover,.textarea:hover,.select select.is-hovered,.is-hovered.input,.is-hovered.textarea{--bulma-input-border-l-delta:var(--bulma-input-hover-border-l-delta)}.select select:active,.input:active,.textarea:active,.select select.is-active,.is-active.input,.is-active.textarea{--bulma-input-border-l-delta:var(--bulma-input-active-border-l-delta)}.select select:focus,.input:focus,.textarea:focus,.select select:focus-within,.input:focus-within,.textarea:focus-within,.select select.is-focused,.is-focused.input,.is-focused.textarea{border-color:hsl(var(--bulma-input-focus-h),var(--bulma-input-focus-s),var(--bulma-input-focus-l));box-shadow:var(--bulma-input-focus-shadow-size)hsla(var(--bulma-input-focus-h),var(--bulma-input-focus-s),var(--bulma-input-focus-l),var(--bulma-input-focus-shadow-alpha))}.select select[disabled],[disabled].input,[disabled].textarea,fieldset[disabled] .select select,.select fieldset[disabled] select,fieldset[disabled] .input,fieldset[disabled] .textarea{background-color:var(--bulma-input-disabled-background-color);border-color:var(--bulma-input-disabled-border-color);box-shadow:none;color:var(--bulma-input-disabled-color)}.select select[disabled]::placeholder,[disabled].input::placeholder,[disabled].textarea::placeholder,fieldset[disabled] .select select::placeholder,.select fieldset[disabled] select::placeholder,fieldset[disabled] .input::placeholder,fieldset[disabled] .textarea::placeholder{color:var(--bulma-input-disabled-placeholder-color)}.select select[disabled]::-moz-placeholder,[disabled].input::-moz-placeholder,[disabled].textarea::-moz-placeholder,fieldset[disabled] .select select::-moz-placeholder,.select fieldset[disabled] select::-moz-placeholder,fieldset[disabled] .input::-moz-placeholder,fieldset[disabled] .textarea::-moz-placeholder{color:var(--bulma-input-disabled-placeholder-color)}.select select[disabled]:-moz-placeholder,[disabled].input:-moz-placeholder,[disabled].textarea:-moz-placeholder,fieldset[disabled] .select select:-moz-placeholder,.select fieldset[disabled] select:-moz-placeholder,fieldset[disabled] .input:-moz-placeholder,fieldset[disabled] .textarea:-moz-placeholder{color:var(--bulma-input-disabled-placeholder-color)}.select select[disabled]:-ms-input-placeholder,[disabled].input:-ms-input-placeholder,[disabled].textarea:-ms-input-placeholder,fieldset[disabled] .select select:-ms-input-placeholder,.select fieldset[disabled] select:-ms-input-placeholder,fieldset[disabled] .input:-ms-input-placeholder,fieldset[disabled] .textarea:-ms-input-placeholder{color:var(--bulma-input-disabled-placeholder-color)}.textarea,.input{box-shadow:inset 0 .0625em .125em hsla(var(--bulma-scheme-h),var(--bulma-scheme-s),var(--bulma-scheme-invert-l),.05);width:100%;max-width:100%}[readonly].textarea,[readonly].input{box-shadow:none}.is-white.textarea,.is-white.input{--bulma-input-h:var(--bulma-white-h);--bulma-input-s:var(--bulma-white-s);--bulma-input-l:var(--bulma-white-l);--bulma-input-focus-h:var(--bulma-white-h);--bulma-input-focus-s:var(--bulma-white-s);--bulma-input-focus-l:var(--bulma-white-l);--bulma-input-border-l:var(--bulma-white-l)}.is-black.textarea,.is-black.input{--bulma-input-h:var(--bulma-black-h);--bulma-input-s:var(--bulma-black-s);--bulma-input-l:var(--bulma-black-l);--bulma-input-focus-h:var(--bulma-black-h);--bulma-input-focus-s:var(--bulma-black-s);--bulma-input-focus-l:var(--bulma-black-l);--bulma-input-border-l:var(--bulma-black-l)}.is-light.textarea,.is-light.input{--bulma-input-h:var(--bulma-light-h);--bulma-input-s:var(--bulma-light-s);--bulma-input-l:var(--bulma-light-l);--bulma-input-focus-h:var(--bulma-light-h);--bulma-input-focus-s:var(--bulma-light-s);--bulma-input-focus-l:var(--bulma-light-l);--bulma-input-border-l:var(--bulma-light-l)}.is-dark.textarea,.is-dark.input{--bulma-input-h:var(--bulma-dark-h);--bulma-input-s:var(--bulma-dark-s);--bulma-input-l:var(--bulma-dark-l);--bulma-input-focus-h:var(--bulma-dark-h);--bulma-input-focus-s:var(--bulma-dark-s);--bulma-input-focus-l:var(--bulma-dark-l);--bulma-input-border-l:var(--bulma-dark-l)}.is-text.textarea,.is-text.input{--bulma-input-h:var(--bulma-text-h);--bulma-input-s:var(--bulma-text-s);--bulma-input-l:var(--bulma-text-l);--bulma-input-focus-h:var(--bulma-text-h);--bulma-input-focus-s:var(--bulma-text-s);--bulma-input-focus-l:var(--bulma-text-l);--bulma-input-border-l:var(--bulma-text-l)}.is-primary.textarea,.is-primary.input{--bulma-input-h:var(--bulma-primary-h);--bulma-input-s:var(--bulma-primary-s);--bulma-input-l:var(--bulma-primary-l);--bulma-input-focus-h:var(--bulma-primary-h);--bulma-input-focus-s:var(--bulma-primary-s);--bulma-input-focus-l:var(--bulma-primary-l);--bulma-input-border-l:var(--bulma-primary-l)}.is-link.textarea,.is-link.input{--bulma-input-h:var(--bulma-link-h);--bulma-input-s:var(--bulma-link-s);--bulma-input-l:var(--bulma-link-l);--bulma-input-focus-h:var(--bulma-link-h);--bulma-input-focus-s:var(--bulma-link-s);--bulma-input-focus-l:var(--bulma-link-l);--bulma-input-border-l:var(--bulma-link-l)}.is-info.textarea,.is-info.input{--bulma-input-h:var(--bulma-info-h);--bulma-input-s:var(--bulma-info-s);--bulma-input-l:var(--bulma-info-l);--bulma-input-focus-h:var(--bulma-info-h);--bulma-input-focus-s:var(--bulma-info-s);--bulma-input-focus-l:var(--bulma-info-l);--bulma-input-border-l:var(--bulma-info-l)}.is-success.textarea,.is-success.input{--bulma-input-h:var(--bulma-success-h);--bulma-input-s:var(--bulma-success-s);--bulma-input-l:var(--bulma-success-l);--bulma-input-focus-h:var(--bulma-success-h);--bulma-input-focus-s:var(--bulma-success-s);--bulma-input-focus-l:var(--bulma-success-l);--bulma-input-border-l:var(--bulma-success-l)}.is-warning.textarea,.is-warning.input{--bulma-input-h:var(--bulma-warning-h);--bulma-input-s:var(--bulma-warning-s);--bulma-input-l:var(--bulma-warning-l);--bulma-input-focus-h:var(--bulma-warning-h);--bulma-input-focus-s:var(--bulma-warning-s);--bulma-input-focus-l:var(--bulma-warning-l);--bulma-input-border-l:var(--bulma-warning-l)}.is-danger.textarea,.is-danger.input{--bulma-input-h:var(--bulma-danger-h);--bulma-input-s:var(--bulma-danger-s);--bulma-input-l:var(--bulma-danger-l);--bulma-input-focus-h:var(--bulma-danger-h);--bulma-input-focus-s:var(--bulma-danger-s);--bulma-input-focus-l:var(--bulma-danger-l);--bulma-input-border-l:var(--bulma-danger-l)}.is-small.textarea,.is-small.input{border-radius:var(--bulma-radius-small);font-size:var(--bulma-size-small)}.is-medium.textarea,.is-medium.input{font-size:var(--bulma-size-medium)}.is-large.textarea,.is-large.input{font-size:var(--bulma-size-large)}.is-fullwidth.textarea,.is-fullwidth.input{width:100%;display:block}.is-inline.textarea,.is-inline.input{width:auto;display:inline}.input.is-rounded{border-radius:var(--bulma-radius-rounded);padding-left:calc(1.125em - 1px);padding-right:calc(1.125em - 1px)}.input.is-static{box-shadow:none;background-color:#0000;border-color:#0000;padding-left:0;padding-right:0}.textarea{--bulma-textarea-padding:var(--bulma-control-padding-horizontal);--bulma-textarea-max-height:40em;--bulma-textarea-min-height:8em;padding:var(--bulma-textarea-padding);resize:vertical;min-width:100%;max-width:100%;display:block}.textarea:not([rows]){max-height:var(--bulma-textarea-max-height);min-height:var(--bulma-textarea-min-height)}.textarea[rows]{height:initial}.textarea.has-fixed-size{resize:none}.radio,.checkbox{cursor:pointer;line-height:1.25;display:inline-block;position:relative}.radio input,.checkbox input{cursor:pointer}[disabled].radio,[disabled].checkbox,fieldset[disabled] .radio,fieldset[disabled] .checkbox,.radio input[disabled],.checkbox input[disabled]{color:var(--bulma-text-weak);cursor:not-allowed}.checkboxes,.radios{flex-wrap:wrap;gap:.5em 1em;display:flex}.select{--bulma-input-h:var(--bulma-scheme-h);--bulma-input-s:var(--bulma-scheme-s);--bulma-input-border-style:solid;--bulma-input-border-width:1px;--bulma-input-border-l:var(--bulma-border-l);vertical-align:top;max-width:100%;display:inline-block;position:relative}.select:not(.is-multiple){height:var(--bulma-control-height)}.select:not(.is-multiple):not(.is-loading):after{z-index:4;inset-inline-end:1.125em}.select.is-rounded select{border-radius:var(--bulma-radius-rounded);padding-inline-start:1em}.select select{cursor:pointer;outline:none;max-width:100%;font-size:1em;display:block}.select select::-ms-expand{display:none}.select select[disabled]:hover,fieldset[disabled] .select select:hover{border-color:var(--bulma-background)}.select select:not([multiple]){padding-inline-end:2.5em}.select select[multiple]{height:auto;padding:0}.select select[multiple] option{padding:.5em 1em}.select.is-white{--bulma-input-h:var(--bulma-white-h);--bulma-input-s:var(--bulma-white-s);--bulma-input-l:var(--bulma-white-l);--bulma-input-focus-h:var(--bulma-white-h);--bulma-input-focus-s:var(--bulma-white-s);--bulma-input-focus-l:var(--bulma-white-l);--bulma-input-border-l:var(--bulma-white-l);--bulma-arrow-color:var(--bulma-white)}.select.is-black{--bulma-input-h:var(--bulma-black-h);--bulma-input-s:var(--bulma-black-s);--bulma-input-l:var(--bulma-black-l);--bulma-input-focus-h:var(--bulma-black-h);--bulma-input-focus-s:var(--bulma-black-s);--bulma-input-focus-l:var(--bulma-black-l);--bulma-input-border-l:var(--bulma-black-l);--bulma-arrow-color:var(--bulma-black)}.select.is-light{--bulma-input-h:var(--bulma-light-h);--bulma-input-s:var(--bulma-light-s);--bulma-input-l:var(--bulma-light-l);--bulma-input-focus-h:var(--bulma-light-h);--bulma-input-focus-s:var(--bulma-light-s);--bulma-input-focus-l:var(--bulma-light-l);--bulma-input-border-l:var(--bulma-light-l);--bulma-arrow-color:var(--bulma-light)}.select.is-dark{--bulma-input-h:var(--bulma-dark-h);--bulma-input-s:var(--bulma-dark-s);--bulma-input-l:var(--bulma-dark-l);--bulma-input-focus-h:var(--bulma-dark-h);--bulma-input-focus-s:var(--bulma-dark-s);--bulma-input-focus-l:var(--bulma-dark-l);--bulma-input-border-l:var(--bulma-dark-l);--bulma-arrow-color:var(--bulma-dark)}.select.is-text{--bulma-input-h:var(--bulma-text-h);--bulma-input-s:var(--bulma-text-s);--bulma-input-l:var(--bulma-text-l);--bulma-input-focus-h:var(--bulma-text-h);--bulma-input-focus-s:var(--bulma-text-s);--bulma-input-focus-l:var(--bulma-text-l);--bulma-input-border-l:var(--bulma-text-l);--bulma-arrow-color:var(--bulma-text)}.select.is-primary{--bulma-input-h:var(--bulma-primary-h);--bulma-input-s:var(--bulma-primary-s);--bulma-input-l:var(--bulma-primary-l);--bulma-input-focus-h:var(--bulma-primary-h);--bulma-input-focus-s:var(--bulma-primary-s);--bulma-input-focus-l:var(--bulma-primary-l);--bulma-input-border-l:var(--bulma-primary-l);--bulma-arrow-color:var(--bulma-primary)}.select.is-link{--bulma-input-h:var(--bulma-link-h);--bulma-input-s:var(--bulma-link-s);--bulma-input-l:var(--bulma-link-l);--bulma-input-focus-h:var(--bulma-link-h);--bulma-input-focus-s:var(--bulma-link-s);--bulma-input-focus-l:var(--bulma-link-l);--bulma-input-border-l:var(--bulma-link-l);--bulma-arrow-color:var(--bulma-link)}.select.is-info{--bulma-input-h:var(--bulma-info-h);--bulma-input-s:var(--bulma-info-s);--bulma-input-l:var(--bulma-info-l);--bulma-input-focus-h:var(--bulma-info-h);--bulma-input-focus-s:var(--bulma-info-s);--bulma-input-focus-l:var(--bulma-info-l);--bulma-input-border-l:var(--bulma-info-l);--bulma-arrow-color:var(--bulma-info)}.select.is-success{--bulma-input-h:var(--bulma-success-h);--bulma-input-s:var(--bulma-success-s);--bulma-input-l:var(--bulma-success-l);--bulma-input-focus-h:var(--bulma-success-h);--bulma-input-focus-s:var(--bulma-success-s);--bulma-input-focus-l:var(--bulma-success-l);--bulma-input-border-l:var(--bulma-success-l);--bulma-arrow-color:var(--bulma-success)}.select.is-warning{--bulma-input-h:var(--bulma-warning-h);--bulma-input-s:var(--bulma-warning-s);--bulma-input-l:var(--bulma-warning-l);--bulma-input-focus-h:var(--bulma-warning-h);--bulma-input-focus-s:var(--bulma-warning-s);--bulma-input-focus-l:var(--bulma-warning-l);--bulma-input-border-l:var(--bulma-warning-l);--bulma-arrow-color:var(--bulma-warning)}.select.is-danger{--bulma-input-h:var(--bulma-danger-h);--bulma-input-s:var(--bulma-danger-s);--bulma-input-l:var(--bulma-danger-l);--bulma-input-focus-h:var(--bulma-danger-h);--bulma-input-focus-s:var(--bulma-danger-s);--bulma-input-focus-l:var(--bulma-danger-l);--bulma-input-border-l:var(--bulma-danger-l);--bulma-arrow-color:var(--bulma-danger)}.select.is-small{border-radius:var(--bulma-radius-small);font-size:var(--bulma-size-small)}.select.is-medium{font-size:var(--bulma-size-medium)}.select.is-large{font-size:var(--bulma-size-large)}.select.is-disabled:after{opacity:.5;border-color:var(--bulma-text-weak)!important}.select.is-fullwidth,.select.is-fullwidth select{width:100%}.select.is-loading:after{inset-inline-end:.625em;margin-top:0;position:absolute;top:.625em;transform:none}.select.is-loading.is-small:after{font-size:var(--bulma-size-small)}.select.is-loading.is-medium:after{font-size:var(--bulma-size-medium)}.select.is-loading.is-large:after{font-size:var(--bulma-size-large)}.file{--bulma-file-radius:var(--bulma-radius);--bulma-file-name-border-color:var(--bulma-border);--bulma-file-name-border-style:solid;--bulma-file-name-border-width:1px 1px 1px 0;--bulma-file-name-max-width:16em;--bulma-file-h:var(--bulma-scheme-h);--bulma-file-s:var(--bulma-scheme-s);--bulma-file-background-l:var(--bulma-scheme-main-ter-l);--bulma-file-background-l-delta:0%;--bulma-file-hover-background-l-delta:-5%;--bulma-file-active-background-l-delta:-10%;--bulma-file-border-l:var(--bulma-border-l);--bulma-file-border-l-delta:0%;--bulma-file-hover-border-l-delta:-10%;--bulma-file-active-border-l-delta:-20%;--bulma-file-cta-color-l:var(--bulma-text-strong-l);--bulma-file-name-color-l:var(--bulma-text-strong-l);--bulma-file-color-l-delta:0%;--bulma-file-hover-color-l-delta:-5%;--bulma-file-active-color-l-delta:-10%;justify-content:flex-start;align-items:stretch;display:flex;position:relative}.file.is-white{--bulma-file-h:var(--bulma-white-h);--bulma-file-s:var(--bulma-white-s);--bulma-file-background-l:var(--bulma-white-l);--bulma-file-border-l:var(--bulma-white-l);--bulma-file-cta-color-l:var(--bulma-white-invert-l);--bulma-file-name-color-l:var(--bulma-white-on-scheme-l)}.file.is-black{--bulma-file-h:var(--bulma-black-h);--bulma-file-s:var(--bulma-black-s);--bulma-file-background-l:var(--bulma-black-l);--bulma-file-border-l:var(--bulma-black-l);--bulma-file-cta-color-l:var(--bulma-black-invert-l);--bulma-file-name-color-l:var(--bulma-black-on-scheme-l)}.file.is-light{--bulma-file-h:var(--bulma-light-h);--bulma-file-s:var(--bulma-light-s);--bulma-file-background-l:var(--bulma-light-l);--bulma-file-border-l:var(--bulma-light-l);--bulma-file-cta-color-l:var(--bulma-light-invert-l);--bulma-file-name-color-l:var(--bulma-light-on-scheme-l)}.file.is-dark{--bulma-file-h:var(--bulma-dark-h);--bulma-file-s:var(--bulma-dark-s);--bulma-file-background-l:var(--bulma-dark-l);--bulma-file-border-l:var(--bulma-dark-l);--bulma-file-cta-color-l:var(--bulma-dark-invert-l);--bulma-file-name-color-l:var(--bulma-dark-on-scheme-l)}.file.is-text{--bulma-file-h:var(--bulma-text-h);--bulma-file-s:var(--bulma-text-s);--bulma-file-background-l:var(--bulma-text-l);--bulma-file-border-l:var(--bulma-text-l);--bulma-file-cta-color-l:var(--bulma-text-invert-l);--bulma-file-name-color-l:var(--bulma-text-on-scheme-l)}.file.is-primary{--bulma-file-h:var(--bulma-primary-h);--bulma-file-s:var(--bulma-primary-s);--bulma-file-background-l:var(--bulma-primary-l);--bulma-file-border-l:var(--bulma-primary-l);--bulma-file-cta-color-l:var(--bulma-primary-invert-l);--bulma-file-name-color-l:var(--bulma-primary-on-scheme-l)}.file.is-link{--bulma-file-h:var(--bulma-link-h);--bulma-file-s:var(--bulma-link-s);--bulma-file-background-l:var(--bulma-link-l);--bulma-file-border-l:var(--bulma-link-l);--bulma-file-cta-color-l:var(--bulma-link-invert-l);--bulma-file-name-color-l:var(--bulma-link-on-scheme-l)}.file.is-info{--bulma-file-h:var(--bulma-info-h);--bulma-file-s:var(--bulma-info-s);--bulma-file-background-l:var(--bulma-info-l);--bulma-file-border-l:var(--bulma-info-l);--bulma-file-cta-color-l:var(--bulma-info-invert-l);--bulma-file-name-color-l:var(--bulma-info-on-scheme-l)}.file.is-success{--bulma-file-h:var(--bulma-success-h);--bulma-file-s:var(--bulma-success-s);--bulma-file-background-l:var(--bulma-success-l);--bulma-file-border-l:var(--bulma-success-l);--bulma-file-cta-color-l:var(--bulma-success-invert-l);--bulma-file-name-color-l:var(--bulma-success-on-scheme-l)}.file.is-warning{--bulma-file-h:var(--bulma-warning-h);--bulma-file-s:var(--bulma-warning-s);--bulma-file-background-l:var(--bulma-warning-l);--bulma-file-border-l:var(--bulma-warning-l);--bulma-file-cta-color-l:var(--bulma-warning-invert-l);--bulma-file-name-color-l:var(--bulma-warning-on-scheme-l)}.file.is-danger{--bulma-file-h:var(--bulma-danger-h);--bulma-file-s:var(--bulma-danger-s);--bulma-file-background-l:var(--bulma-danger-l);--bulma-file-border-l:var(--bulma-danger-l);--bulma-file-cta-color-l:var(--bulma-danger-invert-l);--bulma-file-name-color-l:var(--bulma-danger-on-scheme-l)}.file.is-small{font-size:var(--bulma-size-small)}.file.is-normal{font-size:var(--bulma-size-normal)}.file.is-medium{font-size:var(--bulma-size-medium)}.file.is-medium .file-icon .fa{font-size:1.5rem}.file.is-large{font-size:var(--bulma-size-large)}.file.is-large .file-icon .fa{font-size:2rem}.file.has-name .file-cta{border-start-end-radius:0;border-end-end-radius:0}.file.has-name .file-name{border-start-start-radius:0;border-end-start-radius:0}.file.has-name.is-empty .file-cta{border-radius:var(--bulma-file-radius)}.file.has-name.is-empty .file-name{display:none}.file.is-boxed .file-label{flex-direction:column}.file.is-boxed .file-cta{flex-direction:column;height:auto;padding:1em 3em}.file.is-boxed .file-name{border-width:0 1px 1px}.file.is-boxed .file-icon{width:1.5em;height:1.5em}.file.is-boxed .file-icon .fa{font-size:1.5rem}.file.is-boxed.is-small .file-icon .fa{font-size:1rem}.file.is-boxed.is-medium .file-icon .fa{font-size:2rem}.file.is-boxed.is-large .file-icon .fa{font-size:2.5rem}.file.is-boxed.has-name .file-cta{border-start-start-radius:var(--bulma-file-radius);border-start-end-radius:var(--bulma-file-radius);border-end-end-radius:0;border-end-start-radius:0}.file.is-boxed.has-name .file-name{border-width:0 1px 1px;border-start-start-radius:0;border-start-end-radius:0;border-end-end-radius:var(--bulma-file-radius);border-end-start-radius:var(--bulma-file-radius)}.file.is-centered{justify-content:center}.file.is-fullwidth .file-label{width:100%}.file.is-fullwidth .file-name{flex-grow:1;max-width:none}.file.is-right{justify-content:flex-end}.file.is-right .file-cta{border-radius:0 var(--bulma-file-radius)var(--bulma-file-radius)0}.file.is-right .file-name{border-radius:var(--bulma-file-radius)0 0 var(--bulma-file-radius);border-width:1px 0 1px 1px;order:-1}.file-label{cursor:pointer;justify-content:flex-start;align-items:stretch;display:flex;position:relative;overflow:hidden}.file-label:hover{--bulma-file-background-l-delta:var(--bulma-file-hover-background-l-delta);--bulma-file-border-l-delta:var(--bulma-file-hover-border-l-delta);--bulma-file-color-l-delta:var(--bulma-file-hover-color-l-delta)}.file-label:active{--bulma-file-background-l-delta:var(--bulma-file-active-background-l-delta);--bulma-file-border-l-delta:var(--bulma-file-active-border-l-delta);--bulma-file-color-l-delta:var(--bulma-file-active-color-l-delta)}.file-input{opacity:0;outline:none;width:100%;height:100%;position:absolute;top:0;left:0}.file-cta,.file-name{border-color:hsl(var(--bulma-file-h),var(--bulma-file-s),calc(var(--bulma-file-border-l) + var(--bulma-file-border-l-delta)));border-radius:var(--bulma-file-radius);white-space:nowrap;padding-left:1em;padding-right:1em;font-size:1em}.file-cta{background-color:hsl(var(--bulma-file-h),var(--bulma-file-s),calc(var(--bulma-file-background-l) + var(--bulma-file-background-l-delta)));color:hsl(var(--bulma-file-h),var(--bulma-file-s),calc(var(--bulma-file-cta-color-l) + var(--bulma-file-color-l-delta)))}.file-name{border-color:hsl(var(--bulma-file-h),var(--bulma-file-s),calc(var(--bulma-file-border-l) + var(--bulma-file-color-l-delta)));border-style:var(--bulma-file-name-border-style);border-width:var(--bulma-file-name-border-width);color:hsl(var(--bulma-file-h),var(--bulma-file-s),calc(var(--bulma-file-name-color-l) + var(--bulma-file-color-l-delta)));max-width:var(--bulma-file-name-max-width);text-align:inherit;text-overflow:ellipsis;display:block;overflow:hidden}.file-icon{justify-content:center;align-items:center;width:1em;height:1em;margin-inline-end:.5em;display:flex}.file-icon .fa{font-size:1rem}:root{--bulma-label-color:var(--bulma-text-strong);--bulma-label-spacing:.5em;--bulma-label-weight:var(--bulma-weight-semibold);--bulma-help-size:var(--bulma-size-small);--bulma-field-block-spacing:.75rem}.label{color:var(--bulma-label-color);font-size:var(--bulma-size-normal);font-weight:var(--bulma-weight-semibold);display:block}.label:not(:last-child){margin-bottom:var(--bulma-label-spacing)}.label.is-small{font-size:var(--bulma-size-small)}.label.is-medium{font-size:var(--bulma-size-medium)}.label.is-large{font-size:var(--bulma-size-large)}.help{font-size:var(--bulma-help-size);margin-top:.25rem;display:block}.help.is-white{color:hsl(var(--bulma-white-h),var(--bulma-white-s),var(--bulma-white-on-scheme-l))}.help.is-black{color:hsl(var(--bulma-black-h),var(--bulma-black-s),var(--bulma-black-on-scheme-l))}.help.is-light{color:hsl(var(--bulma-light-h),var(--bulma-light-s),var(--bulma-light-on-scheme-l))}.help.is-dark{color:hsl(var(--bulma-dark-h),var(--bulma-dark-s),var(--bulma-dark-on-scheme-l))}.help.is-text{color:hsl(var(--bulma-text-h),var(--bulma-text-s),var(--bulma-text-on-scheme-l))}.help.is-primary{color:hsl(var(--bulma-primary-h),var(--bulma-primary-s),var(--bulma-primary-on-scheme-l))}.help.is-link{color:hsl(var(--bulma-link-h),var(--bulma-link-s),var(--bulma-link-on-scheme-l))}.help.is-info{color:hsl(var(--bulma-info-h),var(--bulma-info-s),var(--bulma-info-on-scheme-l))}.help.is-success{color:hsl(var(--bulma-success-h),var(--bulma-success-s),var(--bulma-success-on-scheme-l))}.help.is-warning{color:hsl(var(--bulma-warning-h),var(--bulma-warning-s),var(--bulma-warning-on-scheme-l))}.help.is-danger{color:hsl(var(--bulma-danger-h),var(--bulma-danger-s),var(--bulma-danger-on-scheme-l))}.field{--bulma-block-spacing:var(--bulma-field-block-spacing)}.field.has-addons{justify-content:flex-start;display:flex}.field.has-addons .control:not(:last-child){margin-inline-end:-1px}.field.has-addons .control:not(:first-child):not(:last-child) .button,.field.has-addons .control:not(:first-child):not(:last-child) .input,.field.has-addons .control:not(:first-child):not(:last-child) .select select{border-radius:0}.field.has-addons .control:first-child:not(:only-child) .button,.field.has-addons .control:first-child:not(:only-child) .input,.field.has-addons .control:first-child:not(:only-child) .select select{border-start-end-radius:0;border-end-end-radius:0}.field.has-addons .control:last-child:not(:only-child) .button,.field.has-addons .control:last-child:not(:only-child) .input,.field.has-addons .control:last-child:not(:only-child) .select select{border-start-start-radius:0;border-end-start-radius:0}.field.has-addons .control .button:not([disabled]):hover,.field.has-addons .control .button:not([disabled]).is-hovered,.field.has-addons .control .input:not([disabled]):hover,.field.has-addons .control .input:not([disabled]).is-hovered,.field.has-addons .control .select select:not([disabled]):hover,.field.has-addons .control .select select:not([disabled]).is-hovered{z-index:2}.field.has-addons .control .button:not([disabled]):focus,.field.has-addons .control .button:not([disabled]).is-focused,.field.has-addons .control .button:not([disabled]):active,.field.has-addons .control .button:not([disabled]).is-active,.field.has-addons .control .input:not([disabled]):focus,.field.has-addons .control .input:not([disabled]).is-focused,.field.has-addons .control .input:not([disabled]):active,.field.has-addons .control .input:not([disabled]).is-active,.field.has-addons .control .select select:not([disabled]):focus,.field.has-addons .control .select select:not([disabled]).is-focused,.field.has-addons .control .select select:not([disabled]):active,.field.has-addons .control .select select:not([disabled]).is-active{z-index:3}.field.has-addons .control .button:not([disabled]):focus:hover,.field.has-addons .control .button:not([disabled]).is-focused:hover,.field.has-addons .control .button:not([disabled]):active:hover,.field.has-addons .control .button:not([disabled]).is-active:hover,.field.has-addons .control .input:not([disabled]):focus:hover,.field.has-addons .control .input:not([disabled]).is-focused:hover,.field.has-addons .control .input:not([disabled]):active:hover,.field.has-addons .control .input:not([disabled]).is-active:hover,.field.has-addons .control .select select:not([disabled]):focus:hover,.field.has-addons .control .select select:not([disabled]).is-focused:hover,.field.has-addons .control .select select:not([disabled]):active:hover,.field.has-addons .control .select select:not([disabled]).is-active:hover{z-index:4}.field.has-addons .control.is-expanded{flex-grow:1;flex-shrink:1}.field.has-addons.has-addons-centered{justify-content:center}.field.has-addons.has-addons-right{justify-content:flex-end}.field.has-addons.has-addons-fullwidth .control{flex-grow:1;flex-shrink:0}.field.is-grouped{justify-content:flex-start;gap:.75rem;display:flex}.field.is-grouped>.control{flex-shrink:0}.field.is-grouped>.control.is-expanded{flex-grow:1;flex-shrink:1}.field.is-grouped.is-grouped-centered{justify-content:center}.field.is-grouped.is-grouped-right{justify-content:flex-end}.field.is-grouped.is-grouped-multiline{flex-wrap:wrap}@media screen and (width>=769px),print{.field.is-horizontal{display:flex}}.field-label .label{font-size:inherit}@media screen and (width<=768px){.field-label{margin-bottom:.5rem}}@media screen and (width>=769px),print{.field-label{text-align:right;flex:1 0 0;margin-inline-end:1.5rem}.field-label.is-small{font-size:var(--bulma-size-small);padding-top:.375em}.field-label.is-normal{padding-top:.375em}.field-label.is-medium{font-size:var(--bulma-size-medium);padding-top:.375em}.field-label.is-large{font-size:var(--bulma-size-large);padding-top:.375em}}.field-body .field .field{margin-bottom:0}@media screen and (width>=769px),print{.field-body{flex:5 1 0;display:flex}.field-body .field{margin-bottom:0}.field-body>.field{flex-shrink:1}.field-body>.field:not(.is-narrow){flex-grow:1}.field-body>.field:not(:last-child){margin-inline-end:.75rem}}.control{box-sizing:border-box;clear:both;font-size:var(--bulma-size-normal);text-align:inherit;position:relative}.control.has-icons-left .input:hover~.icon,.control.has-icons-left .select:hover~.icon,.control.has-icons-right .input:hover~.icon,.control.has-icons-right .select:hover~.icon{color:var(--bulma-input-icon-hover-color)}.control.has-icons-left .input:focus~.icon,.control.has-icons-left .select:focus~.icon,.control.has-icons-right .input:focus~.icon,.control.has-icons-right .select:focus~.icon{color:var(--bulma-input-icon-focus-color)}.control.has-icons-left .input.is-small~.icon,.control.has-icons-left .select.is-small~.icon,.control.has-icons-right .input.is-small~.icon,.control.has-icons-right .select.is-small~.icon{font-size:var(--bulma-size-small)}.control.has-icons-left .input.is-medium~.icon,.control.has-icons-left .select.is-medium~.icon,.control.has-icons-right .input.is-medium~.icon,.control.has-icons-right .select.is-medium~.icon{font-size:var(--bulma-size-medium)}.control.has-icons-left .input.is-large~.icon,.control.has-icons-left .select.is-large~.icon,.control.has-icons-right .input.is-large~.icon,.control.has-icons-right .select.is-large~.icon{font-size:var(--bulma-size-large)}.control.has-icons-left .icon,.control.has-icons-right .icon{color:var(--bulma-input-icon-color);height:var(--bulma-input-height);pointer-events:none;width:var(--bulma-input-height);z-index:4;position:absolute;top:0}.control.has-icons-left .input,.control.has-icons-left .select select{padding-left:var(--bulma-input-height)}.control.has-icons-left .icon.is-left{left:0}.control.has-icons-right .input,.control.has-icons-right .select select{padding-right:var(--bulma-input-height)}.control.has-icons-right .icon.is-right{right:0}.control.is-loading:after{inset-inline-end:.75em;z-index:4;top:.75em;position:absolute!important}.control.is-loading.is-small:after{font-size:var(--bulma-size-small)}.control.is-loading.is-medium:after{font-size:var(--bulma-size-medium)}.control.is-loading.is-large:after{font-size:var(--bulma-size-large)}.breadcrumb{--bulma-breadcrumb-item-color:var(--bulma-link-text);--bulma-breadcrumb-item-hover-color:var(--bulma-link-text-hover);--bulma-breadcrumb-item-active-color:var(--bulma-link-text-active);--bulma-breadcrumb-item-padding-vertical:0;--bulma-breadcrumb-item-padding-horizontal:.75em;--bulma-breadcrumb-item-separator-color:var(--bulma-border);font-size:var(--bulma-size-normal);white-space:nowrap}.breadcrumb a{color:var(--bulma-breadcrumb-item-color);padding:var(--bulma-breadcrumb-item-padding-vertical)var(--bulma-breadcrumb-item-padding-horizontal);justify-content:center;align-items:center;display:flex}.breadcrumb a:hover{color:var(--bulma-breadcrumb-item-hover-color)}.breadcrumb li{align-items:center;display:flex}.breadcrumb li:first-child a{padding-inline-start:0}.breadcrumb li.is-active a{color:var(--bulma-breadcrumb-item-active-color);cursor:default;pointer-events:none}.breadcrumb li+li:before{color:var(--bulma-breadcrumb-item-separator-color);content:"/"}.breadcrumb ul,.breadcrumb ol{flex-wrap:wrap;justify-content:flex-start;align-items:flex-start;display:flex}.breadcrumb .icon:first-child{margin-inline-end:.5em}.breadcrumb .icon:last-child{margin-inline-start:.5em}.breadcrumb.is-centered ol,.breadcrumb.is-centered ul{justify-content:center}.breadcrumb.is-right ol,.breadcrumb.is-right ul{justify-content:flex-end}.breadcrumb.is-small{font-size:var(--bulma-size-small)}.breadcrumb.is-medium{font-size:var(--bulma-size-medium)}.breadcrumb.is-large{font-size:var(--bulma-size-large)}.breadcrumb.has-arrow-separator li+li:before{content:"→"}.breadcrumb.has-bullet-separator li+li:before{content:"•"}.breadcrumb.has-dot-separator li+li:before{content:"·"}.breadcrumb.has-succeeds-separator li+li:before{content:"≻"}.card{--bulma-card-color:var(--bulma-text);--bulma-card-background-color:var(--bulma-scheme-main);--bulma-card-shadow:var(--bulma-shadow);--bulma-card-radius:.75rem;--bulma-card-header-background-color:transparent;--bulma-card-header-color:var(--bulma-text-strong);--bulma-card-header-padding:.75rem 1rem;--bulma-card-header-shadow:0 .125em .25em hsla(var(--bulma-scheme-h),var(--bulma-scheme-s),var(--bulma-scheme-invert-l),.1);--bulma-card-header-weight:var(--bulma-weight-bold);--bulma-card-content-background-color:transparent;--bulma-card-content-padding:1.5rem;--bulma-card-footer-background-color:transparent;--bulma-card-footer-border-top:1px solid var(--bulma-border-weak);--bulma-card-footer-padding:.75rem;--bulma-card-media-margin:var(--bulma-block-spacing);background-color:var(--bulma-card-background-color);border-radius:var(--bulma-card-radius);box-shadow:var(--bulma-card-shadow);color:var(--bulma-card-color);max-width:100%;position:relative}.card-footer:first-child,.card-content:first-child,.card-header:first-child{border-start-start-radius:var(--bulma-card-radius);border-start-end-radius:var(--bulma-card-radius)}.card-footer:last-child,.card-content:last-child,.card-header:last-child{border-end-end-radius:var(--bulma-card-radius);border-end-start-radius:var(--bulma-card-radius)}.card-header{background-color:var(--bulma-card-header-background-color);box-shadow:var(--bulma-card-header-shadow);align-items:stretch;display:flex}.card-header-title{color:var(--bulma-card-header-color);font-weight:var(--bulma-card-header-weight);padding:var(--bulma-card-header-padding);flex-grow:1;align-items:center;display:flex}.card-header-title.is-centered{justify-content:center}.card-header-icon{appearance:none;color:inherit;cursor:pointer;padding:0;padding:var(--bulma-card-header-padding);background:0 0;border:none;justify-content:center;align-items:center;margin:0;font-family:inherit;font-size:1em;display:flex}.card-image{display:block;position:relative}.card-image:first-child img{border-start-start-radius:var(--bulma-card-radius);border-start-end-radius:var(--bulma-card-radius)}.card-image:last-child img{border-end-end-radius:var(--bulma-card-radius);border-end-start-radius:var(--bulma-card-radius)}.card-content{background-color:var(--bulma-card-content-background-color);padding:var(--bulma-card-content-padding)}.card-footer{background-color:var(--bulma-card-footer-background-color);border-top:var(--bulma-card-footer-border-top);align-items:stretch;display:flex}.card-footer-item{padding:var(--bulma-card-footer-padding);flex:1 0 0;justify-content:center;align-items:center;display:flex}.card-footer-item:not(:last-child){border-inline-end:var(--bulma-card-footer-border-top)}.card .media:not(:last-child){margin-bottom:var(--bulma-card-media-margin)}.dropdown{--bulma-dropdown-menu-min-width:12rem;--bulma-dropdown-content-background-color:var(--bulma-scheme-main);--bulma-dropdown-content-offset:.25rem;--bulma-dropdown-content-padding-bottom:.5rem;--bulma-dropdown-content-padding-top:.5rem;--bulma-dropdown-content-radius:var(--bulma-radius);--bulma-dropdown-content-shadow:var(--bulma-shadow);--bulma-dropdown-content-z:20;--bulma-dropdown-item-h:var(--bulma-scheme-h);--bulma-dropdown-item-s:var(--bulma-scheme-s);--bulma-dropdown-item-l:var(--bulma-scheme-main-l);--bulma-dropdown-item-background-l:var(--bulma-scheme-main-l);--bulma-dropdown-item-background-l-delta:0%;--bulma-dropdown-item-hover-background-l-delta:var(--bulma-hover-background-l-delta);--bulma-dropdown-item-active-background-l-delta:var(--bulma-active-background-l-delta);--bulma-dropdown-item-color-l:var(--bulma-text-strong-l);--bulma-dropdown-item-selected-h:var(--bulma-link-h);--bulma-dropdown-item-selected-s:var(--bulma-link-s);--bulma-dropdown-item-selected-l:var(--bulma-link-l);--bulma-dropdown-item-selected-background-l:var(--bulma-link-l);--bulma-dropdown-item-selected-color-l:var(--bulma-link-invert-l);--bulma-dropdown-divider-background-color:var(--bulma-border-weak);vertical-align:top;display:inline-flex;position:relative}.dropdown.is-active .dropdown-menu,.dropdown.is-hoverable:hover .dropdown-menu{display:block}.dropdown.is-right .dropdown-menu{left:auto;right:0}.dropdown.is-up .dropdown-menu{padding-bottom:var(--bulma-dropdown-content-offset);padding-top:initial;top:auto;bottom:100%}.dropdown-menu{min-width:var(--bulma-dropdown-menu-min-width);padding-top:var(--bulma-dropdown-content-offset);z-index:var(--bulma-dropdown-content-z);display:none;position:absolute;top:100%;left:0}.dropdown-content{background-color:var(--bulma-dropdown-content-background-color);border-radius:var(--bulma-dropdown-content-radius);box-shadow:var(--bulma-dropdown-content-shadow);padding-bottom:var(--bulma-dropdown-content-padding-bottom);padding-top:var(--bulma-dropdown-content-padding-top)}.dropdown-item{color:hsl(var(--bulma-dropdown-item-h),var(--bulma-dropdown-item-s),var(--bulma-dropdown-item-color-l));padding:.375rem 1rem;font-size:.875rem;line-height:1.5;display:block}a.dropdown-item,button.dropdown-item{background-color:hsl(var(--bulma-dropdown-item-h),var(--bulma-dropdown-item-s),calc(var(--bulma-dropdown-item-background-l) + var(--bulma-dropdown-item-background-l-delta)));text-align:inherit;white-space:nowrap;width:100%;padding-inline-end:3rem}a.dropdown-item:hover,button.dropdown-item:hover{--bulma-dropdown-item-background-l-delta:var(--bulma-dropdown-item-hover-background-l-delta);--bulma-dropdown-item-border-l-delta:var(--bulma-dropdown-item-hover-border-l-delta)}a.dropdown-item:active,button.dropdown-item:active{--bulma-dropdown-item-background-l-delta:var(--bulma-dropdown-item-active-background-l-delta);--bulma-dropdown-item-border-l-delta:var(--bulma-dropdown-item-active-border-l-delta)}a.dropdown-item.is-active,a.dropdown-item.is-selected,button.dropdown-item.is-active,button.dropdown-item.is-selected{--bulma-dropdown-item-h:var(--bulma-dropdown-item-selected-h);--bulma-dropdown-item-s:var(--bulma-dropdown-item-selected-s);--bulma-dropdown-item-l:var(--bulma-dropdown-item-selected-l);--bulma-dropdown-item-background-l:var(--bulma-dropdown-item-selected-background-l);--bulma-dropdown-item-color-l:var(--bulma-dropdown-item-selected-color-l)}.dropdown-divider{background-color:var(--bulma-dropdown-divider-background-color);border:none;height:1px;margin:.5rem 0;display:block}.menu{--bulma-menu-item-h:var(--bulma-scheme-h);--bulma-menu-item-s:var(--bulma-scheme-s);--bulma-menu-item-l:var(--bulma-scheme-main-l);--bulma-menu-item-background-l:var(--bulma-scheme-main-l);--bulma-menu-item-background-l-delta:0%;--bulma-menu-item-hover-background-l-delta:var(--bulma-hover-background-l-delta);--bulma-menu-item-active-background-l-delta:var(--bulma-active-background-l-delta);--bulma-menu-item-color-l:var(--bulma-text-l);--bulma-menu-item-radius:var(--bulma-radius-small);--bulma-menu-item-selected-h:var(--bulma-link-h);--bulma-menu-item-selected-s:var(--bulma-link-s);--bulma-menu-item-selected-l:var(--bulma-link-l);--bulma-menu-item-selected-background-l:var(--bulma-link-l);--bulma-menu-item-selected-color-l:var(--bulma-link-invert-l);--bulma-menu-list-border-left:1px solid var(--bulma-border);--bulma-menu-list-line-height:1.25;--bulma-menu-list-link-padding:.5em .75em;--bulma-menu-nested-list-margin:.75em;--bulma-menu-nested-list-padding-left:.75em;--bulma-menu-label-color:var(--bulma-text-weak);--bulma-menu-label-font-size:.75em;--bulma-menu-label-letter-spacing:.1em;--bulma-menu-label-spacing:1em;font-size:var(--bulma-size-normal)}.menu.is-small{font-size:var(--bulma-size-small)}.menu.is-medium{font-size:var(--bulma-size-medium)}.menu.is-large{font-size:var(--bulma-size-large)}.menu-list{line-height:var(--bulma-menu-list-line-height)}.menu-list a,.menu-list button,.menu-list .menu-item{background-color:hsl(var(--bulma-menu-item-h),var(--bulma-menu-item-s),calc(var(--bulma-menu-item-background-l) + var(--bulma-menu-item-background-l-delta)));border-radius:var(--bulma-menu-item-radius);color:hsl(var(--bulma-menu-item-h),var(--bulma-menu-item-s),var(--bulma-menu-item-color-l));padding:var(--bulma-menu-list-link-padding);text-align:left;width:100%;display:block}.menu-list a:hover,.menu-list button:hover,.menu-list .menu-item:hover{--bulma-menu-item-background-l-delta:var(--bulma-menu-item-hover-background-l-delta)}.menu-list a:active,.menu-list button:active,.menu-list .menu-item:active{--bulma-menu-item-background-l-delta:var(--bulma-menu-item-active-background-l-delta)}.menu-list a.is-active,.menu-list a.is-selected,.menu-list button.is-active,.menu-list button.is-selected,.menu-list .menu-item.is-active,.menu-list .menu-item.is-selected{--bulma-menu-item-h:var(--bulma-menu-item-selected-h);--bulma-menu-item-s:var(--bulma-menu-item-selected-s);--bulma-menu-item-l:var(--bulma-menu-item-selected-l);--bulma-menu-item-background-l:var(--bulma-menu-item-selected-background-l);--bulma-menu-item-color-l:var(--bulma-menu-item-selected-color-l)}.menu-list li ul{border-inline-start:var(--bulma-menu-list-border-left);margin:var(--bulma-menu-nested-list-margin);padding-inline-start:var(--bulma-menu-nested-list-padding-left)}.menu-label{color:var(--bulma-menu-label-color);font-size:var(--bulma-menu-label-font-size);letter-spacing:var(--bulma-menu-label-letter-spacing);text-transform:uppercase}.menu-label:not(:first-child){margin-top:var(--bulma-menu-label-spacing)}.menu-label:not(:last-child){margin-bottom:var(--bulma-menu-label-spacing)}.message{--bulma-message-border-l-delta:-20%;--bulma-message-radius:var(--bulma-radius);--bulma-message-header-weight:var(--bulma-weight-semibold);--bulma-message-header-padding:1em 1.25em;--bulma-message-header-radius:var(--bulma-radius);--bulma-message-body-border-width:0 0 0 4px;--bulma-message-body-color:var(--bulma-text);--bulma-message-body-padding:1.25em 1.5em;--bulma-message-body-radius:var(--bulma-radius-small);--bulma-message-body-pre-code-background-color:transparent;--bulma-message-header-body-border-width:0;--bulma-message-h:var(--bulma-scheme-h);--bulma-message-s:var(--bulma-scheme-s);--bulma-message-background-l:var(--bulma-background-l);--bulma-message-border-l:var(--bulma-border-l);--bulma-message-border-style:solid;--bulma-message-border-width:.25em;--bulma-message-color-l:var(--bulma-text-l);--bulma-message-header-background-l:var(--bulma-dark-l);--bulma-message-header-color-l:var(--bulma-text-dark-invert-l);border-radius:var(--bulma-message-radius);color:hsl(var(--bulma-message-h),var(--bulma-message-s),var(--bulma-message-color-l));font-size:var(--bulma-size-normal)}.message strong{color:currentColor}.message a:not(.button):not(.tag):not(.dropdown-item){color:currentColor;text-decoration:underline}.message.is-small{font-size:var(--bulma-size-small)}.message.is-medium{font-size:var(--bulma-size-medium)}.message.is-large{font-size:var(--bulma-size-large)}.message.is-white{--bulma-message-h:var(--bulma-white-h);--bulma-message-s:var(--bulma-white-s);--bulma-message-border-l:calc(var(--bulma-white-l) + var(--bulma-message-border-l-delta));--bulma-message-color-l:var(--bulma-white-on-scheme-l);--bulma-message-header-background-l:var(--bulma-white-l);--bulma-message-header-color-l:var(--bulma-white-invert-l)}.message.is-black{--bulma-message-h:var(--bulma-black-h);--bulma-message-s:var(--bulma-black-s);--bulma-message-border-l:calc(var(--bulma-black-l) + var(--bulma-message-border-l-delta));--bulma-message-color-l:var(--bulma-black-on-scheme-l);--bulma-message-header-background-l:var(--bulma-black-l);--bulma-message-header-color-l:var(--bulma-black-invert-l)}.message.is-light{--bulma-message-h:var(--bulma-light-h);--bulma-message-s:var(--bulma-light-s);--bulma-message-border-l:calc(var(--bulma-light-l) + var(--bulma-message-border-l-delta));--bulma-message-color-l:var(--bulma-light-on-scheme-l);--bulma-message-header-background-l:var(--bulma-light-l);--bulma-message-header-color-l:var(--bulma-light-invert-l)}.message.is-dark{--bulma-message-h:var(--bulma-dark-h);--bulma-message-s:var(--bulma-dark-s);--bulma-message-border-l:calc(var(--bulma-dark-l) + var(--bulma-message-border-l-delta));--bulma-message-color-l:var(--bulma-dark-on-scheme-l);--bulma-message-header-background-l:var(--bulma-dark-l);--bulma-message-header-color-l:var(--bulma-dark-invert-l)}.message.is-text{--bulma-message-h:var(--bulma-text-h);--bulma-message-s:var(--bulma-text-s);--bulma-message-border-l:calc(var(--bulma-text-l) + var(--bulma-message-border-l-delta));--bulma-message-color-l:var(--bulma-text-on-scheme-l);--bulma-message-header-background-l:var(--bulma-text-l);--bulma-message-header-color-l:var(--bulma-text-invert-l)}.message.is-primary{--bulma-message-h:var(--bulma-primary-h);--bulma-message-s:var(--bulma-primary-s);--bulma-message-border-l:calc(var(--bulma-primary-l) + var(--bulma-message-border-l-delta));--bulma-message-color-l:var(--bulma-primary-on-scheme-l);--bulma-message-header-background-l:var(--bulma-primary-l);--bulma-message-header-color-l:var(--bulma-primary-invert-l)}.message.is-link{--bulma-message-h:var(--bulma-link-h);--bulma-message-s:var(--bulma-link-s);--bulma-message-border-l:calc(var(--bulma-link-l) + var(--bulma-message-border-l-delta));--bulma-message-color-l:var(--bulma-link-on-scheme-l);--bulma-message-header-background-l:var(--bulma-link-l);--bulma-message-header-color-l:var(--bulma-link-invert-l)}.message.is-info{--bulma-message-h:var(--bulma-info-h);--bulma-message-s:var(--bulma-info-s);--bulma-message-border-l:calc(var(--bulma-info-l) + var(--bulma-message-border-l-delta));--bulma-message-color-l:var(--bulma-info-on-scheme-l);--bulma-message-header-background-l:var(--bulma-info-l);--bulma-message-header-color-l:var(--bulma-info-invert-l)}.message.is-success{--bulma-message-h:var(--bulma-success-h);--bulma-message-s:var(--bulma-success-s);--bulma-message-border-l:calc(var(--bulma-success-l) + var(--bulma-message-border-l-delta));--bulma-message-color-l:var(--bulma-success-on-scheme-l);--bulma-message-header-background-l:var(--bulma-success-l);--bulma-message-header-color-l:var(--bulma-success-invert-l)}.message.is-warning{--bulma-message-h:var(--bulma-warning-h);--bulma-message-s:var(--bulma-warning-s);--bulma-message-border-l:calc(var(--bulma-warning-l) + var(--bulma-message-border-l-delta));--bulma-message-color-l:var(--bulma-warning-on-scheme-l);--bulma-message-header-background-l:var(--bulma-warning-l);--bulma-message-header-color-l:var(--bulma-warning-invert-l)}.message.is-danger{--bulma-message-h:var(--bulma-danger-h);--bulma-message-s:var(--bulma-danger-s);--bulma-message-border-l:calc(var(--bulma-danger-l) + var(--bulma-message-border-l-delta));--bulma-message-color-l:var(--bulma-danger-on-scheme-l);--bulma-message-header-background-l:var(--bulma-danger-l);--bulma-message-header-color-l:var(--bulma-danger-invert-l)}.message-header{background-color:hsl(var(--bulma-message-h),var(--bulma-message-s),var(--bulma-message-header-background-l));color:hsl(var(--bulma-message-h),var(--bulma-message-s),var(--bulma-message-header-color-l));font-weight:var(--bulma-message-header-weight);padding:var(--bulma-message-header-padding);border-start-start-radius:var(--bulma-message-header-radius);border-start-end-radius:var(--bulma-message-header-radius);justify-content:space-between;align-items:center;line-height:1.25;display:flex;position:relative}.message-header .delete{flex-grow:0;flex-shrink:0;margin-inline-start:.75em}.message-header+.message-body{border-width:var(--bulma-message-header-body-border-width);border-start-start-radius:0;border-start-end-radius:0}.message-body{background-color:hsl(var(--bulma-message-h),var(--bulma-message-s),var(--bulma-message-background-l));border-inline-start-color:hsl(var(--bulma-message-h),var(--bulma-message-s),var(--bulma-message-border-l));border-inline-start-style:var(--bulma-message-border-style);border-inline-start-width:var(--bulma-message-border-width);border-radius:var(--bulma-message-body-radius);padding:var(--bulma-message-body-padding)}.message-body code,.message-body pre{background-color:hsl(var(--bulma-message-h),var(--bulma-message-s),var(--bulma-message-header-color-l));color:hsl(var(--bulma-message-h),var(--bulma-message-s),var(--bulma-message-header-background-l))}.message-body pre code{background-color:var(--bulma-message-body-pre-code-background-color)}.modal{--bulma-modal-z:40;--bulma-modal-background-background-color:hsla(var(--bulma-scheme-h),var(--bulma-scheme-s),var(--bulma-scheme-invert-l),.86);--bulma-modal-content-width:40rem;--bulma-modal-content-margin-mobile:1.25rem;--bulma-modal-content-spacing-mobile:10rem;--bulma-modal-content-spacing-tablet:2.5rem;--bulma-modal-close-dimensions:2.5rem;--bulma-modal-close-right:1.25rem;--bulma-modal-close-top:1.25rem;--bulma-modal-card-spacing:2.5rem;--bulma-modal-card-head-background-color:var(--bulma-scheme-main);--bulma-modal-card-head-padding:2rem;--bulma-modal-card-head-radius:var(--bulma-radius-large);--bulma-modal-card-title-color:var(--bulma-text-strong);--bulma-modal-card-title-line-height:1;--bulma-modal-card-title-size:var(--bulma-size-4);--bulma-modal-card-foot-background-color:var(--bulma-scheme-main-bis);--bulma-modal-card-foot-radius:var(--bulma-radius-large);--bulma-modal-card-body-background-color:var(--bulma-scheme-main);--bulma-modal-card-body-padding:2rem;z-index:var(--bulma-modal-z);flex-direction:column;justify-content:center;align-items:center;display:none;position:fixed;overflow:hidden}.modal.is-active{display:flex}.modal-background{background-color:var(--bulma-modal-background-background-color)}.modal-content,.modal-card{margin:0 var(--bulma-modal-content-margin-mobile);max-height:calc(100vh - var(--bulma-modal-content-spacing-mobile));width:100%;position:relative;overflow:auto}@media screen and (width>=769px){.modal-content,.modal-card{max-height:calc(100vh - var(--bulma-modal-content-spacing-tablet));width:var(--bulma-modal-content-width);margin:0 auto}}.modal-close{height:var(--bulma-modal-close-dimensions);inset-inline-end:var(--bulma-modal-close-right);top:var(--bulma-modal-close-top);width:var(--bulma-modal-close-dimensions);background:0 0;position:fixed}.modal-card{max-height:calc(100vh - var(--bulma-modal-card-spacing));flex-direction:column;display:flex;overflow:hidden visible}.modal-card-head,.modal-card-foot{padding:var(--bulma-modal-card-head-padding);flex-shrink:0;justify-content:flex-start;align-items:center;display:flex;position:relative}.modal-card-head{background-color:var(--bulma-modal-card-head-background-color);box-shadow:var(--bulma-shadow);border-start-start-radius:var(--bulma-modal-card-head-radius);border-start-end-radius:var(--bulma-modal-card-head-radius)}.modal-card-title{color:var(--bulma-modal-card-title-color);font-size:var(--bulma-modal-card-title-size);line-height:var(--bulma-modal-card-title-line-height);flex-grow:1;flex-shrink:0}.modal-card-foot{background-color:var(--bulma-modal-card-foot-background-color);border-end-end-radius:var(--bulma-modal-card-foot-radius);border-end-start-radius:var(--bulma-modal-card-foot-radius)}.modal-card-body{-webkit-overflow-scrolling:touch;background-color:var(--bulma-modal-card-body-background-color);padding:var(--bulma-modal-card-body-padding);flex-grow:1;flex-shrink:1;overflow:auto}:root{--bulma-navbar-height:3.25rem}.navbar{--bulma-navbar-h:var(--bulma-scheme-h);--bulma-navbar-s:var(--bulma-scheme-s);--bulma-navbar-l:var(--bulma-scheme-main-l);--bulma-navbar-background-color:var(--bulma-scheme-main);--bulma-navbar-box-shadow-size:0 .125em 0 0;--bulma-navbar-box-shadow-color:var(--bulma-background);--bulma-navbar-padding-vertical:1rem;--bulma-navbar-padding-horizontal:2rem;--bulma-navbar-z:30;--bulma-navbar-fixed-z:30;--bulma-navbar-item-background-a:0;--bulma-navbar-item-background-l:var(--bulma-scheme-main-l);--bulma-navbar-item-background-l-delta:0%;--bulma-navbar-item-hover-background-l-delta:var(--bulma-hover-background-l-delta);--bulma-navbar-item-active-background-l-delta:var(--bulma-active-background-l-delta);--bulma-navbar-item-color-l:var(--bulma-text-l);--bulma-navbar-item-color:hsl(var(--bulma-navbar-h),var(--bulma-navbar-s),var(--bulma-navbar-item-color-l));--bulma-navbar-item-selected-h:var(--bulma-link-h);--bulma-navbar-item-selected-s:var(--bulma-link-s);--bulma-navbar-item-selected-l:var(--bulma-link-l);--bulma-navbar-item-selected-background-l:var(--bulma-link-l);--bulma-navbar-item-selected-color-l:var(--bulma-link-invert-l);--bulma-navbar-item-img-max-height:1.75rem;--bulma-navbar-burger-color:var(--bulma-link);--bulma-navbar-tab-hover-background-color:transparent;--bulma-navbar-tab-hover-border-bottom-color:var(--bulma-link);--bulma-navbar-tab-active-color:var(--bulma-link);--bulma-navbar-tab-active-background-color:transparent;--bulma-navbar-tab-active-border-bottom-color:var(--bulma-link);--bulma-navbar-tab-active-border-bottom-style:solid;--bulma-navbar-tab-active-border-bottom-width:.1875em;--bulma-navbar-dropdown-background-color:var(--bulma-scheme-main);--bulma-navbar-dropdown-border-l:var(--bulma-border-l);--bulma-navbar-dropdown-border-color:hsl(var(--bulma-navbar-h),var(--bulma-navbar-s),var(--bulma-navbar-dropdown-border-l));--bulma-navbar-dropdown-border-style:solid;--bulma-navbar-dropdown-border-width:.125em;--bulma-navbar-dropdown-offset:-.25em;--bulma-navbar-dropdown-arrow:var(--bulma-link);--bulma-navbar-dropdown-radius:var(--bulma-radius-large);--bulma-navbar-dropdown-z:20;--bulma-navbar-dropdown-boxed-radius:var(--bulma-radius-large);--bulma-navbar-dropdown-boxed-shadow:0 .5em .5em hsla(var(--bulma-scheme-h),var(--bulma-scheme-s),var(--bulma-scheme-invert-l),.1),0 0 0 1px hsla(var(--bulma-scheme-h),var(--bulma-scheme-s),var(--bulma-scheme-invert-l),.1);--bulma-navbar-dropdown-item-h:var(--bulma-scheme-h);--bulma-navbar-dropdown-item-s:var(--bulma-scheme-s);--bulma-navbar-dropdown-item-l:var(--bulma-scheme-main-l);--bulma-navbar-dropdown-item-background-l:var(--bulma-scheme-main-l);--bulma-navbar-dropdown-item-color-l:var(--bulma-text-l);--bulma-navbar-divider-background-l:var(--bulma-background-l);--bulma-navbar-divider-height:.125em;--bulma-navbar-bottom-box-shadow-size:0 -.125em 0 0;background-color:var(--bulma-navbar-background-color);min-height:var(--bulma-navbar-height);z-index:var(--bulma-navbar-z);position:relative}.navbar.is-white{--bulma-navbar-h:var(--bulma-white-h);--bulma-navbar-s:var(--bulma-white-s);--bulma-navbar-l:var(--bulma-white-l);--bulma-burger-h:var(--bulma-white-h);--bulma-burger-s:var(--bulma-white-s);--bulma-burger-l:var(--bulma-white-invert-l);--bulma-navbar-background-color:var(--bulma-white);--bulma-navbar-item-background-l:var(--bulma-white-l);--bulma-navbar-item-color-l:var(--bulma-white-invert-l);--bulma-navbar-item-selected-h:var(--bulma-white-h);--bulma-navbar-item-selected-s:var(--bulma-white-s);--bulma-navbar-item-selected-l:var(--bulma-white-l);--bulma-navbar-item-selected-background-l:var(--bulma-white-l);--bulma-navbar-item-selected-color-l:var(--bulma-white-invert-l);--bulma-navbar-dropdown-arrow:var(--bulma-white-invert-l);--bulma-navbar-dropdown-background-color:hsl(var(--bulma-white-h),var(--bulma-white-s),var(--bulma-navbar-dropdown-item-background-l));--bulma-navbar-dropdown-item-h:var(--bulma-white-h);--bulma-navbar-dropdown-item-s:var(--bulma-white-s)}.navbar.is-black{--bulma-navbar-h:var(--bulma-black-h);--bulma-navbar-s:var(--bulma-black-s);--bulma-navbar-l:var(--bulma-black-l);--bulma-burger-h:var(--bulma-black-h);--bulma-burger-s:var(--bulma-black-s);--bulma-burger-l:var(--bulma-black-invert-l);--bulma-navbar-background-color:var(--bulma-black);--bulma-navbar-item-background-l:var(--bulma-black-l);--bulma-navbar-item-color-l:var(--bulma-black-invert-l);--bulma-navbar-item-selected-h:var(--bulma-black-h);--bulma-navbar-item-selected-s:var(--bulma-black-s);--bulma-navbar-item-selected-l:var(--bulma-black-l);--bulma-navbar-item-selected-background-l:var(--bulma-black-l);--bulma-navbar-item-selected-color-l:var(--bulma-black-invert-l);--bulma-navbar-dropdown-arrow:var(--bulma-black-invert-l);--bulma-navbar-dropdown-background-color:hsl(var(--bulma-black-h),var(--bulma-black-s),var(--bulma-navbar-dropdown-item-background-l));--bulma-navbar-dropdown-item-h:var(--bulma-black-h);--bulma-navbar-dropdown-item-s:var(--bulma-black-s)}.navbar.is-light{--bulma-navbar-h:var(--bulma-light-h);--bulma-navbar-s:var(--bulma-light-s);--bulma-navbar-l:var(--bulma-light-l);--bulma-burger-h:var(--bulma-light-h);--bulma-burger-s:var(--bulma-light-s);--bulma-burger-l:var(--bulma-light-invert-l);--bulma-navbar-background-color:var(--bulma-light);--bulma-navbar-item-background-l:var(--bulma-light-l);--bulma-navbar-item-color-l:var(--bulma-light-invert-l);--bulma-navbar-item-selected-h:var(--bulma-light-h);--bulma-navbar-item-selected-s:var(--bulma-light-s);--bulma-navbar-item-selected-l:var(--bulma-light-l);--bulma-navbar-item-selected-background-l:var(--bulma-light-l);--bulma-navbar-item-selected-color-l:var(--bulma-light-invert-l);--bulma-navbar-dropdown-arrow:var(--bulma-light-invert-l);--bulma-navbar-dropdown-background-color:hsl(var(--bulma-light-h),var(--bulma-light-s),var(--bulma-navbar-dropdown-item-background-l));--bulma-navbar-dropdown-item-h:var(--bulma-light-h);--bulma-navbar-dropdown-item-s:var(--bulma-light-s)}.navbar.is-dark{--bulma-navbar-h:var(--bulma-dark-h);--bulma-navbar-s:var(--bulma-dark-s);--bulma-navbar-l:var(--bulma-dark-l);--bulma-burger-h:var(--bulma-dark-h);--bulma-burger-s:var(--bulma-dark-s);--bulma-burger-l:var(--bulma-dark-invert-l);--bulma-navbar-background-color:var(--bulma-dark);--bulma-navbar-item-background-l:var(--bulma-dark-l);--bulma-navbar-item-color-l:var(--bulma-dark-invert-l);--bulma-navbar-item-selected-h:var(--bulma-dark-h);--bulma-navbar-item-selected-s:var(--bulma-dark-s);--bulma-navbar-item-selected-l:var(--bulma-dark-l);--bulma-navbar-item-selected-background-l:var(--bulma-dark-l);--bulma-navbar-item-selected-color-l:var(--bulma-dark-invert-l);--bulma-navbar-dropdown-arrow:var(--bulma-dark-invert-l);--bulma-navbar-dropdown-background-color:hsl(var(--bulma-dark-h),var(--bulma-dark-s),var(--bulma-navbar-dropdown-item-background-l));--bulma-navbar-dropdown-item-h:var(--bulma-dark-h);--bulma-navbar-dropdown-item-s:var(--bulma-dark-s)}.navbar.is-text{--bulma-navbar-h:var(--bulma-text-h);--bulma-navbar-s:var(--bulma-text-s);--bulma-navbar-l:var(--bulma-text-l);--bulma-burger-h:var(--bulma-text-h);--bulma-burger-s:var(--bulma-text-s);--bulma-burger-l:var(--bulma-text-invert-l);--bulma-navbar-background-color:var(--bulma-text);--bulma-navbar-item-background-l:var(--bulma-text-l);--bulma-navbar-item-color-l:var(--bulma-text-invert-l);--bulma-navbar-item-selected-h:var(--bulma-text-h);--bulma-navbar-item-selected-s:var(--bulma-text-s);--bulma-navbar-item-selected-l:var(--bulma-text-l);--bulma-navbar-item-selected-background-l:var(--bulma-text-l);--bulma-navbar-item-selected-color-l:var(--bulma-text-invert-l);--bulma-navbar-dropdown-arrow:var(--bulma-text-invert-l);--bulma-navbar-dropdown-background-color:hsl(var(--bulma-text-h),var(--bulma-text-s),var(--bulma-navbar-dropdown-item-background-l));--bulma-navbar-dropdown-item-h:var(--bulma-text-h);--bulma-navbar-dropdown-item-s:var(--bulma-text-s)}.navbar.is-primary{--bulma-navbar-h:var(--bulma-primary-h);--bulma-navbar-s:var(--bulma-primary-s);--bulma-navbar-l:var(--bulma-primary-l);--bulma-burger-h:var(--bulma-primary-h);--bulma-burger-s:var(--bulma-primary-s);--bulma-burger-l:var(--bulma-primary-invert-l);--bulma-navbar-background-color:var(--bulma-primary);--bulma-navbar-item-background-l:var(--bulma-primary-l);--bulma-navbar-item-color-l:var(--bulma-primary-invert-l);--bulma-navbar-item-selected-h:var(--bulma-primary-h);--bulma-navbar-item-selected-s:var(--bulma-primary-s);--bulma-navbar-item-selected-l:var(--bulma-primary-l);--bulma-navbar-item-selected-background-l:var(--bulma-primary-l);--bulma-navbar-item-selected-color-l:var(--bulma-primary-invert-l);--bulma-navbar-dropdown-arrow:var(--bulma-primary-invert-l);--bulma-navbar-dropdown-background-color:hsl(var(--bulma-primary-h),var(--bulma-primary-s),var(--bulma-navbar-dropdown-item-background-l));--bulma-navbar-dropdown-item-h:var(--bulma-primary-h);--bulma-navbar-dropdown-item-s:var(--bulma-primary-s)}.navbar.is-link{--bulma-navbar-h:var(--bulma-link-h);--bulma-navbar-s:var(--bulma-link-s);--bulma-navbar-l:var(--bulma-link-l);--bulma-burger-h:var(--bulma-link-h);--bulma-burger-s:var(--bulma-link-s);--bulma-burger-l:var(--bulma-link-invert-l);--bulma-navbar-background-color:var(--bulma-link);--bulma-navbar-item-background-l:var(--bulma-link-l);--bulma-navbar-item-color-l:var(--bulma-link-invert-l);--bulma-navbar-item-selected-h:var(--bulma-link-h);--bulma-navbar-item-selected-s:var(--bulma-link-s);--bulma-navbar-item-selected-l:var(--bulma-link-l);--bulma-navbar-item-selected-background-l:var(--bulma-link-l);--bulma-navbar-item-selected-color-l:var(--bulma-link-invert-l);--bulma-navbar-dropdown-arrow:var(--bulma-link-invert-l);--bulma-navbar-dropdown-background-color:hsl(var(--bulma-link-h),var(--bulma-link-s),var(--bulma-navbar-dropdown-item-background-l));--bulma-navbar-dropdown-item-h:var(--bulma-link-h);--bulma-navbar-dropdown-item-s:var(--bulma-link-s)}.navbar.is-info{--bulma-navbar-h:var(--bulma-info-h);--bulma-navbar-s:var(--bulma-info-s);--bulma-navbar-l:var(--bulma-info-l);--bulma-burger-h:var(--bulma-info-h);--bulma-burger-s:var(--bulma-info-s);--bulma-burger-l:var(--bulma-info-invert-l);--bulma-navbar-background-color:var(--bulma-info);--bulma-navbar-item-background-l:var(--bulma-info-l);--bulma-navbar-item-color-l:var(--bulma-info-invert-l);--bulma-navbar-item-selected-h:var(--bulma-info-h);--bulma-navbar-item-selected-s:var(--bulma-info-s);--bulma-navbar-item-selected-l:var(--bulma-info-l);--bulma-navbar-item-selected-background-l:var(--bulma-info-l);--bulma-navbar-item-selected-color-l:var(--bulma-info-invert-l);--bulma-navbar-dropdown-arrow:var(--bulma-info-invert-l);--bulma-navbar-dropdown-background-color:hsl(var(--bulma-info-h),var(--bulma-info-s),var(--bulma-navbar-dropdown-item-background-l));--bulma-navbar-dropdown-item-h:var(--bulma-info-h);--bulma-navbar-dropdown-item-s:var(--bulma-info-s)}.navbar.is-success{--bulma-navbar-h:var(--bulma-success-h);--bulma-navbar-s:var(--bulma-success-s);--bulma-navbar-l:var(--bulma-success-l);--bulma-burger-h:var(--bulma-success-h);--bulma-burger-s:var(--bulma-success-s);--bulma-burger-l:var(--bulma-success-invert-l);--bulma-navbar-background-color:var(--bulma-success);--bulma-navbar-item-background-l:var(--bulma-success-l);--bulma-navbar-item-color-l:var(--bulma-success-invert-l);--bulma-navbar-item-selected-h:var(--bulma-success-h);--bulma-navbar-item-selected-s:var(--bulma-success-s);--bulma-navbar-item-selected-l:var(--bulma-success-l);--bulma-navbar-item-selected-background-l:var(--bulma-success-l);--bulma-navbar-item-selected-color-l:var(--bulma-success-invert-l);--bulma-navbar-dropdown-arrow:var(--bulma-success-invert-l);--bulma-navbar-dropdown-background-color:hsl(var(--bulma-success-h),var(--bulma-success-s),var(--bulma-navbar-dropdown-item-background-l));--bulma-navbar-dropdown-item-h:var(--bulma-success-h);--bulma-navbar-dropdown-item-s:var(--bulma-success-s)}.navbar.is-warning{--bulma-navbar-h:var(--bulma-warning-h);--bulma-navbar-s:var(--bulma-warning-s);--bulma-navbar-l:var(--bulma-warning-l);--bulma-burger-h:var(--bulma-warning-h);--bulma-burger-s:var(--bulma-warning-s);--bulma-burger-l:var(--bulma-warning-invert-l);--bulma-navbar-background-color:var(--bulma-warning);--bulma-navbar-item-background-l:var(--bulma-warning-l);--bulma-navbar-item-color-l:var(--bulma-warning-invert-l);--bulma-navbar-item-selected-h:var(--bulma-warning-h);--bulma-navbar-item-selected-s:var(--bulma-warning-s);--bulma-navbar-item-selected-l:var(--bulma-warning-l);--bulma-navbar-item-selected-background-l:var(--bulma-warning-l);--bulma-navbar-item-selected-color-l:var(--bulma-warning-invert-l);--bulma-navbar-dropdown-arrow:var(--bulma-warning-invert-l);--bulma-navbar-dropdown-background-color:hsl(var(--bulma-warning-h),var(--bulma-warning-s),var(--bulma-navbar-dropdown-item-background-l));--bulma-navbar-dropdown-item-h:var(--bulma-warning-h);--bulma-navbar-dropdown-item-s:var(--bulma-warning-s)}.navbar.is-danger{--bulma-navbar-h:var(--bulma-danger-h);--bulma-navbar-s:var(--bulma-danger-s);--bulma-navbar-l:var(--bulma-danger-l);--bulma-burger-h:var(--bulma-danger-h);--bulma-burger-s:var(--bulma-danger-s);--bulma-burger-l:var(--bulma-danger-invert-l);--bulma-navbar-background-color:var(--bulma-danger);--bulma-navbar-item-background-l:var(--bulma-danger-l);--bulma-navbar-item-color-l:var(--bulma-danger-invert-l);--bulma-navbar-item-selected-h:var(--bulma-danger-h);--bulma-navbar-item-selected-s:var(--bulma-danger-s);--bulma-navbar-item-selected-l:var(--bulma-danger-l);--bulma-navbar-item-selected-background-l:var(--bulma-danger-l);--bulma-navbar-item-selected-color-l:var(--bulma-danger-invert-l);--bulma-navbar-dropdown-arrow:var(--bulma-danger-invert-l);--bulma-navbar-dropdown-background-color:hsl(var(--bulma-danger-h),var(--bulma-danger-s),var(--bulma-navbar-dropdown-item-background-l));--bulma-navbar-dropdown-item-h:var(--bulma-danger-h);--bulma-navbar-dropdown-item-s:var(--bulma-danger-s)}.navbar>.container{min-height:var(--bulma-navbar-height);align-items:stretch;width:100%;display:flex}.navbar.has-shadow{box-shadow:var(--bulma-navbar-box-shadow-size)var(--bulma-navbar-box-shadow-color)}.navbar.is-fixed-bottom,.navbar.is-fixed-top{z-index:var(--bulma-navbar-fixed-z);position:fixed;left:0;right:0}.navbar.is-fixed-bottom{bottom:0}.navbar.is-fixed-bottom.has-shadow{box-shadow:var(--bulma-navbar-bottom-box-shadow-size)var(--bulma-navbar-box-shadow-color)}.navbar.is-fixed-top{top:0}html.has-navbar-fixed-top,body.has-navbar-fixed-top{padding-top:var(--bulma-navbar-height)}html.has-navbar-fixed-bottom,body.has-navbar-fixed-bottom{padding-bottom:var(--bulma-navbar-height)}.navbar-brand,.navbar-tabs{min-height:var(--bulma-navbar-height);flex-shrink:0;align-items:stretch;display:flex}.navbar-tabs{-webkit-overflow-scrolling:touch;max-width:100vw;overflow:auto hidden}.navbar-burger{appearance:none;border-radius:var(--bulma-burger-border-radius);color:hsl(var(--bulma-burger-h),var(--bulma-burger-s),var(--bulma-burger-l));cursor:pointer;vertical-align:top;background:0 0;border:none;flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;width:2.5rem;height:2.5rem;display:inline-flex;position:relative}.navbar-burger span{height:var(--bulma-burger-item-height);left:calc(50% - (var(--bulma-burger-item-width))/2);transform-origin:50%;transition-duration:var(--bulma-duration);transition-property:background-color,color,opacity,transform;transition-timing-function:var(--bulma-easing);width:var(--bulma-burger-item-width);background-color:currentColor;display:block;position:absolute}.navbar-burger span:first-child,.navbar-burger span:nth-child(2){top:calc(50% - (var(--bulma-burger-item-height))/2)}.navbar-burger span:nth-child(3){bottom:calc(50% + var(--bulma-burger-gap))}.navbar-burger span:nth-child(4){top:calc(50% + var(--bulma-burger-gap))}.navbar-burger:hover{background-color:hsla(var(--bulma-burger-h),var(--bulma-burger-s),var(--bulma-burger-l),.1)}.navbar-burger:active{background-color:hsla(var(--bulma-burger-h),var(--bulma-burger-s),var(--bulma-burger-l),.2)}.navbar-burger.is-active span:first-child{transform:rotate(-45deg)}.navbar-burger.is-active span:nth-child(2){transform:rotate(45deg)}.navbar-burger.is-active span:nth-child(3),.navbar-burger.is-active span:nth-child(4){opacity:0}.navbar-burger{color:var(--bulma-navbar-burger-color);align-self:center;margin-inline:auto .375rem}.navbar-menu{display:none}.navbar-item,.navbar-link{color:var(--bulma-navbar-item-color);gap:.75rem;padding:.5rem .75rem;line-height:1.5;display:block;position:relative}.navbar-item .icon:only-child,.navbar-link .icon:only-child{margin-left:-.25rem;margin-right:-.25rem}a.navbar-item,.navbar-link{background-color:hsla(var(--bulma-navbar-h),var(--bulma-navbar-s),calc(var(--bulma-navbar-item-background-l) + var(--bulma-navbar-item-background-l-delta)),var(--bulma-navbar-item-background-a));cursor:pointer}a.navbar-item:focus,a.navbar-item:focus-within,a.navbar-item:hover,.navbar-link:focus,.navbar-link:focus-within,.navbar-link:hover{--bulma-navbar-item-background-l-delta:var(--bulma-navbar-item-hover-background-l-delta);--bulma-navbar-item-background-a:1}a.navbar-item:active,.navbar-link:active{--bulma-navbar-item-background-l-delta:var(--bulma-navbar-item-active-background-l-delta);--bulma-navbar-item-background-a:1}a.navbar-item.is-active,a.navbar-item.is-selected,.navbar-link.is-active,.navbar-link.is-selected{--bulma-navbar-h:var(--bulma-navbar-item-selected-h);--bulma-navbar-s:var(--bulma-navbar-item-selected-s);--bulma-navbar-l:var(--bulma-navbar-item-selected-l);--bulma-navbar-item-background-l:var(--bulma-navbar-item-selected-background-l);--bulma-navbar-item-background-a:1;--bulma-navbar-item-color-l:var(--bulma-navbar-item-selected-color-l)}.navbar-item{flex-grow:0;flex-shrink:0}.navbar-item img,.navbar-item svg{max-height:var(--bulma-navbar-item-img-max-height)}.navbar-item.has-dropdown{padding:0}.navbar-item.is-expanded{flex-grow:1;flex-shrink:1}.navbar-item.is-tab{min-height:var(--bulma-navbar-height);border-bottom:1px solid #0000;padding-bottom:calc(.5rem - 1px)}.navbar-item.is-tab:focus,.navbar-item.is-tab:hover{background-color:var(--bulma-navbar-tab-hover-background-color);border-bottom-color:var(--bulma-navbar-tab-hover-border-bottom-color)}.navbar-item.is-tab.is-active{background-color:var(--bulma-navbar-tab-active-background-color);border-bottom-color:var(--bulma-navbar-tab-active-border-bottom-color);border-bottom-style:var(--bulma-navbar-tab-active-border-bottom-style);border-bottom-width:var(--bulma-navbar-tab-active-border-bottom-width);color:var(--bulma-navbar-tab-active-color);padding-bottom:calc(.5rem - var(--bulma-navbar-tab-active-border-bottom-width))}.navbar-content{flex-grow:1;flex-shrink:1}.navbar-link:not(.is-arrowless){padding-inline-end:2.5em}.navbar-link:not(.is-arrowless):after{border-color:var(--bulma-navbar-dropdown-arrow);margin-top:-.375em;inset-inline-end:1.125em}.navbar-dropdown{padding-top:.5rem;padding-bottom:.75rem;font-size:.875rem}.navbar-dropdown .navbar-item{padding-left:1.5rem;padding-right:1.5rem}.navbar-dropdown .navbar-item:not(.is-active,.is-selected){background-color:hsl(var(--bulma-navbar-dropdown-item-h),var(--bulma-navbar-dropdown-item-s),calc(var(--bulma-navbar-dropdown-item-background-l) + var(--bulma-navbar-item-background-l-delta)));color:hsl(var(--bulma-navbar-dropdown-item-h),var(--bulma-navbar-dropdown-item-s),var(--bulma-navbar-dropdown-item-color-l))}.navbar-divider{background-color:hsl(var(--bulma-navbar-h),var(--bulma-navbar-s),var(--bulma-navbar-divider-background-l));height:var(--bulma-navbar-divider-height);border:none;margin:.5rem 0;display:none}@media screen and (width<=1023px){.navbar>.container{display:block}.navbar-brand .navbar-item,.navbar-tabs .navbar-item{align-items:center;display:flex}.navbar-link:after{display:none}.navbar-menu{background-color:var(--bulma-navbar-background-color);box-shadow:0 .5em 1em hsla(var(--bulma-scheme-h),var(--bulma-scheme-s),var(--bulma-scheme-invert-l),.1);padding:.5rem 0}.navbar-menu.is-active{display:block}.navbar.is-fixed-bottom-touch,.navbar.is-fixed-top-touch{z-index:var(--bulma-navbar-fixed-z);position:fixed;left:0;right:0}.navbar.is-fixed-bottom-touch{bottom:0}.navbar.is-fixed-bottom-touch.has-shadow{box-shadow:0 -.125em .1875em hsla(var(--bulma-scheme-h),var(--bulma-scheme-s),var(--bulma-scheme-invert-l),.1)}.navbar.is-fixed-top-touch{top:0}.navbar.is-fixed-top .navbar-menu,.navbar.is-fixed-top-touch .navbar-menu{-webkit-overflow-scrolling:touch;max-height:calc(100vh - var(--bulma-navbar-height));overflow:auto}html.has-navbar-fixed-top-touch,body.has-navbar-fixed-top-touch{padding-top:var(--bulma-navbar-height)}html.has-navbar-fixed-bottom-touch,body.has-navbar-fixed-bottom-touch{padding-bottom:var(--bulma-navbar-height)}}@media screen and (width>=1024px){.navbar,.navbar-menu,.navbar-start,.navbar-end{align-items:stretch;display:flex}.navbar{min-height:var(--bulma-navbar-height)}.navbar.is-spaced{padding:var(--bulma-navbar-padding-vertical)var(--bulma-navbar-padding-horizontal)}.navbar.is-spaced .navbar-start,.navbar.is-spaced .navbar-end{align-items:center}.navbar.is-spaced a.navbar-item,.navbar.is-spaced .navbar-link{border-radius:var(--bulma-radius)}.navbar.is-transparent{--bulma-navbar-item-background-a:0}.navbar.is-transparent .navbar-dropdown a.navbar-item{background-color:hsl(var(--bulma-navbar-h),var(--bulma-navbar-s),calc(var(--bulma-navbar-item-background-l) + var(--bulma-navbar-item-background-l-delta)))}.navbar.is-transparent .navbar-dropdown a.navbar-item.is-active,.navbar.is-transparent .navbar-dropdown a.navbar-item.is-selected{--bulma-navbar-h:var(--bulma-navbar-item-selected-h);--bulma-navbar-s:var(--bulma-navbar-item-selected-s);--bulma-navbar-l:var(--bulma-navbar-item-selected-l);--bulma-navbar-item-background-l:var(--bulma-navbar-item-selected-background-l);--bulma-navbar-item-color-l:var(--bulma-navbar-item-selected-color-l)}.navbar-burger{display:none}.navbar-item,.navbar-link{align-items:center;display:flex}.navbar-item.has-dropdown{align-items:stretch}.navbar-item.has-dropdown-up .navbar-link:after{transform:rotate(135deg)translate(.25em,-.25em)}.navbar-item.has-dropdown-up .navbar-dropdown{border-bottom-color:var(--bulma-navbar-dropdown-border-color);border-bottom-style:var(--bulma-navbar-dropdown-border-style);border-bottom-width:var(--bulma-navbar-dropdown-border-width);border-radius:var(--bulma-navbar-dropdown-radius)var(--bulma-navbar-dropdown-radius)0 0;box-shadow:0 -.5em .5em hsla(var(--bulma-scheme-h),var(--bulma-scheme-s),var(--bulma-scheme-invert-l),.1);border-top:none;top:auto;bottom:100%}.navbar-item.is-active .navbar-dropdown,.navbar-item.is-hoverable:focus .navbar-dropdown,.navbar-item.is-hoverable:focus-within .navbar-dropdown,.navbar-item.is-hoverable:hover .navbar-dropdown{display:block}.navbar.is-spaced .navbar-item.is-active .navbar-dropdown,.navbar-item.is-active .navbar-dropdown.is-boxed,.navbar.is-spaced .navbar-item.is-hoverable:focus .navbar-dropdown,.navbar-item.is-hoverable:focus .navbar-dropdown.is-boxed,.navbar.is-spaced .navbar-item.is-hoverable:focus-within .navbar-dropdown,.navbar-item.is-hoverable:focus-within .navbar-dropdown.is-boxed,.navbar.is-spaced .navbar-item.is-hoverable:hover .navbar-dropdown,.navbar-item.is-hoverable:hover .navbar-dropdown.is-boxed{opacity:1;pointer-events:auto;transform:translateY(0)}.navbar-menu{flex-grow:1;flex-shrink:0}.navbar-start{justify-content:flex-start;margin-inline-end:auto}.navbar-end{justify-content:flex-end;margin-inline-start:auto}.navbar-dropdown{background-color:var(--bulma-navbar-dropdown-background-color);border-top-color:var(--bulma-navbar-dropdown-border-color);border-top-style:var(--bulma-navbar-dropdown-border-style);border-top-width:var(--bulma-navbar-dropdown-border-width);box-shadow:0 .5em .5em hsla(var(--bulma-scheme-h),var(--bulma-scheme-s),var(--bulma-scheme-invert-l),.1);inset-inline-start:0;z-index:var(--bulma-navbar-dropdown-z);border-end-end-radius:var(--bulma-navbar-dropdown-radius);border-end-start-radius:var(--bulma-navbar-dropdown-radius);min-width:100%;font-size:.875rem;display:none;position:absolute;top:100%}.navbar-dropdown .navbar-item{white-space:nowrap;padding:.375rem 1rem}.navbar-dropdown a.navbar-item{padding-inline-end:3rem}.navbar-dropdown a.navbar-item:not(.is-active,.is-selected){background-color:hsl(var(--bulma-navbar-dropdown-item-h),var(--bulma-navbar-dropdown-item-s),calc(var(--bulma-navbar-dropdown-item-background-l) + var(--bulma-navbar-item-background-l-delta)));color:hsl(var(--bulma-navbar-dropdown-item-h),var(--bulma-navbar-dropdown-item-s),var(--bulma-navbar-dropdown-item-color-l))}.navbar.is-spaced .navbar-dropdown,.navbar-dropdown.is-boxed{border-radius:var(--bulma-navbar-dropdown-boxed-radius);box-shadow:var(--bulma-navbar-dropdown-boxed-shadow);opacity:0;pointer-events:none;top:calc(100% + (var(--bulma-navbar-dropdown-offset)));transition-duration:var(--bulma-duration);border-top:none;transition-property:opacity,transform;display:block;transform:translateY(-5px)}.navbar-dropdown.is-right{left:auto;right:0}.navbar-divider{display:block}.navbar>.container .navbar-brand,.container>.navbar .navbar-brand{margin-inline-start:-.75rem}.navbar>.container .navbar-menu,.container>.navbar .navbar-menu{margin-inline-end:-.75rem}.navbar.is-fixed-bottom-desktop,.navbar.is-fixed-top-desktop{z-index:var(--bulma-navbar-fixed-z);position:fixed;left:0;right:0}.navbar.is-fixed-bottom-desktop{bottom:0}.navbar.is-fixed-bottom-desktop.has-shadow{box-shadow:0 -.125em .1875em hsla(var(--bulma-scheme-h),var(--bulma-scheme-s),var(--bulma-scheme-invert-l),.1)}.navbar.is-fixed-top-desktop{top:0}html.has-navbar-fixed-top-desktop,body.has-navbar-fixed-top-desktop{padding-top:var(--bulma-navbar-height)}html.has-navbar-fixed-bottom-desktop,body.has-navbar-fixed-bottom-desktop{padding-bottom:var(--bulma-navbar-height)}html.has-spaced-navbar-fixed-top,body.has-spaced-navbar-fixed-top{padding-top:calc(var(--bulma-navbar-height) + var(--bulma-navbar-padding-vertical)*2)}html.has-spaced-navbar-fixed-bottom,body.has-spaced-navbar-fixed-bottom{padding-bottom:calc(var(--bulma-navbar-height) + var(--bulma-navbar-padding-vertical)*2)}}.hero.is-fullheight-with-navbar{min-height:calc(100vh - var(--bulma-navbar-height))}.pagination{--bulma-pagination-margin:-.25rem;--bulma-pagination-min-width:var(--bulma-control-height);--bulma-pagination-item-h:var(--bulma-scheme-h);--bulma-pagination-item-s:var(--bulma-scheme-s);--bulma-pagination-item-l:var(--bulma-scheme-main-l);--bulma-pagination-item-background-l-delta:0%;--bulma-pagination-item-hover-background-l-delta:var(--bulma-hover-background-l-delta);--bulma-pagination-item-active-background-l-delta:var(--bulma-active-background-l-delta);--bulma-pagination-item-border-style:solid;--bulma-pagination-item-border-width:var(--bulma-control-border-width);--bulma-pagination-item-border-l:var(--bulma-border-l);--bulma-pagination-item-border-l-delta:0%;--bulma-pagination-item-hover-border-l-delta:var(--bulma-hover-border-l-delta);--bulma-pagination-item-active-border-l-delta:var(--bulma-active-border-l-delta);--bulma-pagination-item-focus-border-l-delta:var(--bulma-focus-border-l-delta);--bulma-pagination-item-color-l:var(--bulma-text-strong-l);--bulma-pagination-item-font-size:1em;--bulma-pagination-item-margin:.25rem;--bulma-pagination-item-padding-left:.5em;--bulma-pagination-item-padding-right:.5em;--bulma-pagination-item-outer-shadow-h:0;--bulma-pagination-item-outer-shadow-s:0%;--bulma-pagination-item-outer-shadow-l:20%;--bulma-pagination-item-outer-shadow-a:.05;--bulma-pagination-nav-padding-left:.75em;--bulma-pagination-nav-padding-right:.75em;--bulma-pagination-disabled-color:var(--bulma-text-weak);--bulma-pagination-disabled-background-color:var(--bulma-border);--bulma-pagination-disabled-border-color:var(--bulma-border);--bulma-pagination-current-color:var(--bulma-link-invert);--bulma-pagination-current-background-color:var(--bulma-link);--bulma-pagination-current-border-color:var(--bulma-link);--bulma-pagination-ellipsis-color:var(--bulma-text-weak);--bulma-pagination-shadow-inset:inset 0 .0625em .125em hsla(var(--bulma-scheme-h),var(--bulma-scheme-s),var(--bulma-scheme-invert-l),.2);--bulma-pagination-selected-item-h:var(--bulma-link-h);--bulma-pagination-selected-item-s:var(--bulma-link-s);--bulma-pagination-selected-item-l:var(--bulma-link-l);--bulma-pagination-selected-item-background-l:var(--bulma-link-l);--bulma-pagination-selected-item-border-l:var(--bulma-link-l);--bulma-pagination-selected-item-color-l:var(--bulma-link-invert-l);font-size:var(--bulma-size-normal);margin:var(--bulma-pagination-margin)}.pagination.is-small{font-size:var(--bulma-size-small)}.pagination.is-medium{font-size:var(--bulma-size-medium)}.pagination.is-large{font-size:var(--bulma-size-large)}.pagination.is-rounded .pagination-previous,.pagination.is-rounded .pagination-next{border-radius:var(--bulma-radius-rounded);padding-left:1em;padding-right:1em}.pagination.is-rounded .pagination-link{border-radius:var(--bulma-radius-rounded)}.pagination,.pagination-list{text-align:center;justify-content:center;align-items:center;display:flex}.pagination-previous,.pagination-next,.pagination-link,.pagination-ellipsis{color:hsl(var(--bulma-pagination-item-h),var(--bulma-pagination-item-s),var(--bulma-pagination-item-color-l));font-size:var(--bulma-pagination-item-font-size);margin:var(--bulma-pagination-item-margin);padding-left:var(--bulma-pagination-item-padding-left);padding-right:var(--bulma-pagination-item-padding-right);text-align:center;justify-content:center}.pagination-previous,.pagination-next,.pagination-link{background-color:hsl(var(--bulma-pagination-item-h),var(--bulma-pagination-item-s),calc(var(--bulma-pagination-item-background-l) + var(--bulma-pagination-item-background-l-delta)));border-color:hsl(var(--bulma-pagination-item-h),var(--bulma-pagination-item-s),calc(var(--bulma-pagination-item-border-l) + var(--bulma-pagination-item-border-l-delta)));border-style:var(--bulma-pagination-item-border-style);border-width:var(--bulma-pagination-item-border-width);box-shadow:0px .0625em .125em hsla(var(--bulma-pagination-item-outer-shadow-h),var(--bulma-pagination-item-outer-shadow-s),var(--bulma-pagination-item-outer-shadow-l),var(--bulma-pagination-item-outer-shadow-a)),0px .125em .25em hsla(var(--bulma-pagination-item-outer-shadow-h),var(--bulma-pagination-item-outer-shadow-s),var(--bulma-pagination-item-outer-shadow-l),var(--bulma-pagination-item-outer-shadow-a));color:hsl(var(--bulma-pagination-item-h),var(--bulma-pagination-item-s),var(--bulma-pagination-item-color-l));min-width:var(--bulma-pagination-min-width);transition-duration:var(--bulma-duration);transition-property:background-color,border-color,box-shadow,color}.pagination-previous:hover,.pagination-next:hover,.pagination-link:hover,.pagination-previous:focus,.pagination-next:focus,.pagination-link:focus{--bulma-pagination-item-background-l-delta:var(--bulma-pagination-item-hover-background-l-delta);--bulma-pagination-item-border-l-delta:var(--bulma-pagination-item-hover-border-l-delta)}.pagination-previous:active,.pagination-next:active,.pagination-link:active{box-shadow:var(--bulma-pagination-shadow-inset)}.pagination-previous[disabled],.pagination-previous.is-disabled,.pagination-next[disabled],.pagination-next.is-disabled,.pagination-link[disabled],.pagination-link.is-disabled{background-color:var(--bulma-pagination-disabled-background-color);border-color:var(--bulma-pagination-disabled-border-color);box-shadow:none;color:var(--bulma-pagination-disabled-color);opacity:.5}.pagination-previous,.pagination-next{padding-left:var(--bulma-pagination-nav-padding-left);padding-right:var(--bulma-pagination-nav-padding-right);white-space:nowrap}.pagination-link.is-current,.pagination-link.is-selected{--bulma-pagination-item-h:var(--bulma-pagination-selected-item-h);--bulma-pagination-item-s:var(--bulma-pagination-selected-item-s);--bulma-pagination-item-l:var(--bulma-pagination-selected-item-l);--bulma-pagination-item-background-l:var(--bulma-pagination-selected-item-background-l);--bulma-pagination-item-border-l:var(--bulma-pagination-selected-item-border-l);--bulma-pagination-item-color-l:var(--bulma-pagination-selected-item-color-l)}.pagination-ellipsis{color:var(--bulma-pagination-ellipsis-color);pointer-events:none}.pagination-list{flex-wrap:wrap}.pagination-list li{list-style:none}@media screen and (width<=768px){.pagination{flex-wrap:wrap}.pagination-previous,.pagination-next,.pagination-list li{flex-grow:1;flex-shrink:1}}@media screen and (width>=769px),print{.pagination-list{flex-grow:1;flex-shrink:1;order:1;justify-content:flex-start}.pagination-previous,.pagination-next,.pagination-link,.pagination-ellipsis{margin-top:0;margin-bottom:0}.pagination-previous{order:2}.pagination-next{order:3}.pagination{justify-content:space-between;margin-top:0;margin-bottom:0}.pagination.is-centered .pagination-previous{order:1}.pagination.is-centered .pagination-list{order:2;justify-content:center}.pagination.is-centered .pagination-next{order:3}.pagination.is-right .pagination-previous{order:1}.pagination.is-right .pagination-next{order:2}.pagination.is-right .pagination-list{order:3;justify-content:flex-end}}.panel{--bulma-panel-margin:var(--bulma-block-spacing);--bulma-panel-item-border:1px solid var(--bulma-border-weak);--bulma-panel-radius:var(--bulma-radius-large);--bulma-panel-shadow:var(--bulma-shadow);--bulma-panel-heading-line-height:1.25;--bulma-panel-heading-padding:1em 1.25em;--bulma-panel-heading-radius:var(--bulma-radius);--bulma-panel-heading-size:1.25em;--bulma-panel-heading-weight:var(--bulma-weight-bold);--bulma-panel-tabs-font-size:1em;--bulma-panel-tab-border-bottom-color:var(--bulma-border);--bulma-panel-tab-border-bottom-style:solid;--bulma-panel-tab-border-bottom-width:1px;--bulma-panel-tab-active-color:var(--bulma-link-active);--bulma-panel-list-item-color:var(--bulma-text);--bulma-panel-list-item-hover-color:var(--bulma-link);--bulma-panel-block-color:var(--bulma-text-strong);--bulma-panel-block-hover-background-color:var(--bulma-background);--bulma-panel-block-active-border-left-color:var(--bulma-link);--bulma-panel-block-active-color:var(--bulma-link-active);--bulma-panel-block-active-icon-color:var(--bulma-link);--bulma-panel-icon-color:var(--bulma-text-weak);--bulma-panel-h:var(--bulma-scheme-h);--bulma-panel-s:var(--bulma-scheme-s);--bulma-panel-color-l:var(--bulma-text-l);--bulma-panel-heading-background-l:var(--bulma-text-l);--bulma-panel-heading-color-l:var(--bulma-text-invert-l);border-radius:var(--bulma-panel-radius);box-shadow:var(--bulma-panel-shadow);font-size:var(--bulma-size-normal)}.panel:not(:last-child){margin-bottom:var(--bulma-panel-margin)}.panel.is-white{--bulma-panel-h:var(--bulma-white-h);--bulma-panel-s:var(--bulma-white-s);--bulma-panel-color-l:var(--bulma-white-l);--bulma-panel-heading-background-l:var(--bulma-white-l);--bulma-panel-heading-color-l:var(--bulma-white-invert-l)}.panel.is-black{--bulma-panel-h:var(--bulma-black-h);--bulma-panel-s:var(--bulma-black-s);--bulma-panel-color-l:var(--bulma-black-l);--bulma-panel-heading-background-l:var(--bulma-black-l);--bulma-panel-heading-color-l:var(--bulma-black-invert-l)}.panel.is-light{--bulma-panel-h:var(--bulma-light-h);--bulma-panel-s:var(--bulma-light-s);--bulma-panel-color-l:var(--bulma-light-l);--bulma-panel-heading-background-l:var(--bulma-light-l);--bulma-panel-heading-color-l:var(--bulma-light-invert-l)}.panel.is-dark{--bulma-panel-h:var(--bulma-dark-h);--bulma-panel-s:var(--bulma-dark-s);--bulma-panel-color-l:var(--bulma-dark-l);--bulma-panel-heading-background-l:var(--bulma-dark-l);--bulma-panel-heading-color-l:var(--bulma-dark-invert-l)}.panel.is-text{--bulma-panel-h:var(--bulma-text-h);--bulma-panel-s:var(--bulma-text-s);--bulma-panel-color-l:var(--bulma-text-l);--bulma-panel-heading-background-l:var(--bulma-text-l);--bulma-panel-heading-color-l:var(--bulma-text-invert-l)}.panel.is-primary{--bulma-panel-h:var(--bulma-primary-h);--bulma-panel-s:var(--bulma-primary-s);--bulma-panel-color-l:var(--bulma-primary-l);--bulma-panel-heading-background-l:var(--bulma-primary-l);--bulma-panel-heading-color-l:var(--bulma-primary-invert-l)}.panel.is-link{--bulma-panel-h:var(--bulma-link-h);--bulma-panel-s:var(--bulma-link-s);--bulma-panel-color-l:var(--bulma-link-l);--bulma-panel-heading-background-l:var(--bulma-link-l);--bulma-panel-heading-color-l:var(--bulma-link-invert-l)}.panel.is-info{--bulma-panel-h:var(--bulma-info-h);--bulma-panel-s:var(--bulma-info-s);--bulma-panel-color-l:var(--bulma-info-l);--bulma-panel-heading-background-l:var(--bulma-info-l);--bulma-panel-heading-color-l:var(--bulma-info-invert-l)}.panel.is-success{--bulma-panel-h:var(--bulma-success-h);--bulma-panel-s:var(--bulma-success-s);--bulma-panel-color-l:var(--bulma-success-l);--bulma-panel-heading-background-l:var(--bulma-success-l);--bulma-panel-heading-color-l:var(--bulma-success-invert-l)}.panel.is-warning{--bulma-panel-h:var(--bulma-warning-h);--bulma-panel-s:var(--bulma-warning-s);--bulma-panel-color-l:var(--bulma-warning-l);--bulma-panel-heading-background-l:var(--bulma-warning-l);--bulma-panel-heading-color-l:var(--bulma-warning-invert-l)}.panel.is-danger{--bulma-panel-h:var(--bulma-danger-h);--bulma-panel-s:var(--bulma-danger-s);--bulma-panel-color-l:var(--bulma-danger-l);--bulma-panel-heading-background-l:var(--bulma-danger-l);--bulma-panel-heading-color-l:var(--bulma-danger-invert-l)}.panel-tabs:not(:last-child),.panel-block:not(:last-child){border-bottom:var(--bulma-panel-item-border)}.panel-heading{background-color:hsl(var(--bulma-panel-h),var(--bulma-panel-s),var(--bulma-panel-heading-background-l));border-radius:var(--bulma-panel-radius)var(--bulma-panel-radius)0 0;color:hsl(var(--bulma-panel-h),var(--bulma-panel-s),var(--bulma-panel-heading-color-l));font-size:var(--bulma-panel-heading-size);font-weight:var(--bulma-panel-heading-weight);line-height:var(--bulma-panel-heading-line-height);padding:var(--bulma-panel-heading-padding)}.panel-tabs{font-size:var(--bulma-panel-tabs-font-size);justify-content:center;align-items:flex-end;display:flex}.panel-tabs a{border-bottom-color:var(--bulma-panel-tab-border-bottom-color);border-bottom-style:var(--bulma-panel-tab-border-bottom-style);border-bottom-width:var(--bulma-panel-tab-border-bottom-width);margin-bottom:-1px;padding:.75em}.panel-tabs a.is-active{border-bottom-color:hsl(var(--bulma-panel-h),var(--bulma-panel-s),var(--bulma-panel-color-l));color:var(--bulma-panel-tab-active-color)}.panel-list a{color:var(--bulma-panel-list-item-color)}.panel-list a:hover{color:var(--bulma-panel-list-item-hover-color)}.panel-block{color:var(--bulma-panel-block-color);justify-content:flex-start;align-items:center;padding:.75em 1em;display:flex}.panel-block input[type=checkbox]{margin-inline-end:.75em}.panel-block>.control{flex-grow:1;flex-shrink:1;width:100%}.panel-block.is-wrapped{flex-wrap:wrap}.panel-block.is-active{border-left-color:var(--bulma-panel-block-active-border-left-color);color:var(--bulma-panel-block-active-color)}.panel-block.is-active .panel-icon{color:hsl(var(--bulma-panel-h),var(--bulma-panel-s),var(--bulma-panel-color-l))}.panel-block:last-child{border-end-end-radius:var(--bulma-panel-radius);border-end-start-radius:var(--bulma-panel-radius)}a.panel-block,label.panel-block{cursor:pointer}a.panel-block:hover,label.panel-block:hover{background-color:var(--bulma-panel-block-hover-background-color)}.panel-icon{text-align:center;vertical-align:top;color:var(--bulma-panel-icon-color);width:1em;height:1em;margin-inline-end:.75em;font-size:1em;line-height:1em;display:inline-block}.panel-icon .fa{font-size:inherit;line-height:inherit}.tabs{--bulma-tabs-border-bottom-color:var(--bulma-border);--bulma-tabs-border-bottom-style:solid;--bulma-tabs-border-bottom-width:1px;--bulma-tabs-link-color:var(--bulma-text);--bulma-tabs-link-hover-border-bottom-color:var(--bulma-text-strong);--bulma-tabs-link-hover-color:var(--bulma-text-strong);--bulma-tabs-link-active-border-bottom-color:var(--bulma-link-text);--bulma-tabs-link-active-color:var(--bulma-link-text);--bulma-tabs-link-padding:.5em 1em;--bulma-tabs-boxed-link-radius:var(--bulma-radius);--bulma-tabs-boxed-link-hover-background-color:var(--bulma-background);--bulma-tabs-boxed-link-hover-border-bottom-color:var(--bulma-border);--bulma-tabs-boxed-link-active-background-color:var(--bulma-scheme-main);--bulma-tabs-boxed-link-active-border-color:var(--bulma-border);--bulma-tabs-boxed-link-active-border-bottom-color:transparent;--bulma-tabs-toggle-link-border-color:var(--bulma-border);--bulma-tabs-toggle-link-border-style:solid;--bulma-tabs-toggle-link-border-width:1px;--bulma-tabs-toggle-link-hover-background-color:var(--bulma-background);--bulma-tabs-toggle-link-hover-border-color:var(--bulma-border-hover);--bulma-tabs-toggle-link-radius:var(--bulma-radius);--bulma-tabs-toggle-link-active-background-color:var(--bulma-link);--bulma-tabs-toggle-link-active-border-color:var(--bulma-link);--bulma-tabs-toggle-link-active-color:var(--bulma-link-invert);-webkit-overflow-scrolling:touch;font-size:var(--bulma-size-normal);white-space:nowrap;justify-content:space-between;align-items:stretch;display:flex;overflow:auto hidden}.tabs a{border-bottom-color:var(--bulma-tabs-border-bottom-color);border-bottom-style:var(--bulma-tabs-border-bottom-style);border-bottom-width:var(--bulma-tabs-border-bottom-width);color:var(--bulma-tabs-link-color);margin-bottom:calc(-1*var(--bulma-tabs-border-bottom-width));padding:var(--bulma-tabs-link-padding);transition-duration:var(--bulma-duration);vertical-align:top;justify-content:center;align-items:center;transition-property:background-color,border-color,color;display:flex}.tabs a:hover{border-bottom-color:var(--bulma-tabs-link-hover-border-bottom-color);color:var(--bulma-tabs-link-hover-color)}.tabs li{display:block}.tabs li.is-active a{border-bottom-color:var(--bulma-tabs-link-active-border-bottom-color);color:var(--bulma-tabs-link-active-color)}.tabs ul{border-bottom-color:var(--bulma-tabs-border-bottom-color);border-bottom-style:var(--bulma-tabs-border-bottom-style);border-bottom-width:var(--bulma-tabs-border-bottom-width);flex-grow:1;flex-shrink:0;justify-content:flex-start;align-items:center;display:flex}.tabs ul.is-left{padding-right:.75em}.tabs ul.is-center{flex:none;justify-content:center;padding-left:.75em;padding-right:.75em}.tabs ul.is-right{justify-content:flex-end;padding-left:.75em}.tabs .icon:first-child{margin-inline-end:.5em}.tabs .icon:last-child{margin-inline-start:.5em}.tabs.is-centered ul{justify-content:center}.tabs.is-right ul{justify-content:flex-end}.tabs.is-boxed a{border:1px solid #0000;border-start-start-radius:var(--bulma-tabs-boxed-link-radius);border-start-end-radius:var(--bulma-tabs-boxed-link-radius)}.tabs.is-boxed a:hover{background-color:var(--bulma-tabs-boxed-link-hover-background-color);border-bottom-color:var(--bulma-tabs-boxed-link-hover-border-bottom-color)}.tabs.is-boxed li.is-active a{background-color:var(--bulma-tabs-boxed-link-active-background-color);border-color:var(--bulma-tabs-boxed-link-active-border-color);border-bottom-color:var(--bulma-tabs-boxed-link-active-border-bottom-color)!important}.tabs.is-fullwidth li{flex-grow:1;flex-shrink:0}.tabs.is-toggle a{border-color:var(--bulma-tabs-toggle-link-border-color);border-style:var(--bulma-tabs-toggle-link-border-style);border-width:var(--bulma-tabs-toggle-link-border-width);margin-bottom:0;position:relative}.tabs.is-toggle a:hover{background-color:var(--bulma-tabs-toggle-link-hover-background-color);border-color:var(--bulma-tabs-toggle-link-hover-border-color);z-index:2}.tabs.is-toggle li+li{margin-inline-start:calc(-1*var(--bulma-tabs-toggle-link-border-width))}.tabs.is-toggle li:first-child a{border-start-start-radius:var(--bulma-tabs-toggle-link-radius);border-end-start-radius:var(--bulma-tabs-toggle-link-radius)}.tabs.is-toggle li:last-child a{border-start-end-radius:var(--bulma-tabs-toggle-link-radius);border-end-end-radius:var(--bulma-tabs-toggle-link-radius)}.tabs.is-toggle li.is-active a{background-color:var(--bulma-tabs-toggle-link-active-background-color);border-color:var(--bulma-tabs-toggle-link-active-border-color);color:var(--bulma-tabs-toggle-link-active-color);z-index:1}.tabs.is-toggle ul{border-bottom:none}.tabs.is-toggle.is-toggle-rounded li:first-child a{border-start-start-radius:var(--bulma-radius-rounded);border-end-start-radius:var(--bulma-radius-rounded);padding-inline-start:1.25em}.tabs.is-toggle.is-toggle-rounded li:last-child a{border-start-end-radius:var(--bulma-radius-rounded);border-end-end-radius:var(--bulma-radius-rounded);padding-inline-end:1.25em}.tabs.is-small{font-size:var(--bulma-size-small)}.tabs.is-medium{font-size:var(--bulma-size-medium)}.tabs.is-large{font-size:var(--bulma-size-large)}:root{--bulma-column-gap:.75rem}.column{padding:var(--bulma-column-gap);flex:1 1 0;display:block}.columns.is-mobile>.column.is-narrow{width:unset;flex:none}.columns.is-mobile>.column.is-full{flex:none;width:100%}.columns.is-mobile>.column.is-three-quarters{flex:none;width:75%}.columns.is-mobile>.column.is-two-thirds{flex:none;width:66.6666%}.columns.is-mobile>.column.is-half{flex:none;width:50%}.columns.is-mobile>.column.is-one-third{flex:none;width:33.3333%}.columns.is-mobile>.column.is-one-quarter{flex:none;width:25%}.columns.is-mobile>.column.is-one-fifth{flex:none;width:20%}.columns.is-mobile>.column.is-two-fifths{flex:none;width:40%}.columns.is-mobile>.column.is-three-fifths{flex:none;width:60%}.columns.is-mobile>.column.is-four-fifths{flex:none;width:80%}.columns.is-mobile>.column.is-offset-three-quarters{margin-inline-start:75%}.columns.is-mobile>.column.is-offset-two-thirds{margin-inline-start:66.6666%}.columns.is-mobile>.column.is-offset-half{margin-inline-start:50%}.columns.is-mobile>.column.is-offset-one-third{margin-inline-start:.3333%}.columns.is-mobile>.column.is-offset-one-quarter{margin-inline-start:25%}.columns.is-mobile>.column.is-offset-one-fifth{margin-inline-start:20%}.columns.is-mobile>.column.is-offset-two-fifths{margin-inline-start:40%}.columns.is-mobile>.column.is-offset-three-fifths{margin-inline-start:60%}.columns.is-mobile>.column.is-offset-four-fifths{margin-inline-start:80%}.columns.is-mobile>.column.is-0{flex:none;width:0%}.columns.is-mobile>.column.is-offset-0{margin-inline-start:0%}.columns.is-mobile>.column.is-1{flex:none;width:8.33333%}.columns.is-mobile>.column.is-offset-1{margin-inline-start:8.33333%}.columns.is-mobile>.column.is-2{flex:none;width:16.6667%}.columns.is-mobile>.column.is-offset-2{margin-inline-start:16.6667%}.columns.is-mobile>.column.is-3{flex:none;width:25%}.columns.is-mobile>.column.is-offset-3{margin-inline-start:25%}.columns.is-mobile>.column.is-4{flex:none;width:33.3333%}.columns.is-mobile>.column.is-offset-4{margin-inline-start:33.3333%}.columns.is-mobile>.column.is-5{flex:none;width:41.6667%}.columns.is-mobile>.column.is-offset-5{margin-inline-start:41.6667%}.columns.is-mobile>.column.is-6{flex:none;width:50%}.columns.is-mobile>.column.is-offset-6{margin-inline-start:50%}.columns.is-mobile>.column.is-7{flex:none;width:58.3333%}.columns.is-mobile>.column.is-offset-7{margin-inline-start:58.3333%}.columns.is-mobile>.column.is-8{flex:none;width:66.6667%}.columns.is-mobile>.column.is-offset-8{margin-inline-start:66.6667%}.columns.is-mobile>.column.is-9{flex:none;width:75%}.columns.is-mobile>.column.is-offset-9{margin-inline-start:75%}.columns.is-mobile>.column.is-10{flex:none;width:83.3333%}.columns.is-mobile>.column.is-offset-10{margin-inline-start:83.3333%}.columns.is-mobile>.column.is-11{flex:none;width:91.6667%}.columns.is-mobile>.column.is-offset-11{margin-inline-start:91.6667%}.columns.is-mobile>.column.is-12{flex:none;width:100%}.columns.is-mobile>.column.is-offset-12{margin-inline-start:100%}@media screen and (width<=768px){.column.is-narrow-mobile{width:unset;flex:none}.column.is-full-mobile{flex:none;width:100%}.column.is-three-quarters-mobile{flex:none;width:75%}.column.is-two-thirds-mobile{flex:none;width:66.6666%}.column.is-half-mobile{flex:none;width:50%}.column.is-one-third-mobile{flex:none;width:33.3333%}.column.is-one-quarter-mobile{flex:none;width:25%}.column.is-one-fifth-mobile{flex:none;width:20%}.column.is-two-fifths-mobile{flex:none;width:40%}.column.is-three-fifths-mobile{flex:none;width:60%}.column.is-four-fifths-mobile{flex:none;width:80%}.column.is-offset-three-quarters-mobile{margin-inline-start:75%}.column.is-offset-two-thirds-mobile{margin-inline-start:66.6666%}.column.is-offset-half-mobile{margin-inline-start:50%}.column.is-offset-one-third-mobile{margin-inline-start:.3333%}.column.is-offset-one-quarter-mobile{margin-inline-start:25%}.column.is-offset-one-fifth-mobile{margin-inline-start:20%}.column.is-offset-two-fifths-mobile{margin-inline-start:40%}.column.is-offset-three-fifths-mobile{margin-inline-start:60%}.column.is-offset-four-fifths-mobile{margin-inline-start:80%}.column.is-0-mobile{flex:none;width:0%}.column.is-offset-0-mobile{margin-inline-start:0%}.column.is-1-mobile{flex:none;width:8.33333%}.column.is-offset-1-mobile{margin-inline-start:8.33333%}.column.is-2-mobile{flex:none;width:16.6667%}.column.is-offset-2-mobile{margin-inline-start:16.6667%}.column.is-3-mobile{flex:none;width:25%}.column.is-offset-3-mobile{margin-inline-start:25%}.column.is-4-mobile{flex:none;width:33.3333%}.column.is-offset-4-mobile{margin-inline-start:33.3333%}.column.is-5-mobile{flex:none;width:41.6667%}.column.is-offset-5-mobile{margin-inline-start:41.6667%}.column.is-6-mobile{flex:none;width:50%}.column.is-offset-6-mobile{margin-inline-start:50%}.column.is-7-mobile{flex:none;width:58.3333%}.column.is-offset-7-mobile{margin-inline-start:58.3333%}.column.is-8-mobile{flex:none;width:66.6667%}.column.is-offset-8-mobile{margin-inline-start:66.6667%}.column.is-9-mobile{flex:none;width:75%}.column.is-offset-9-mobile{margin-inline-start:75%}.column.is-10-mobile{flex:none;width:83.3333%}.column.is-offset-10-mobile{margin-inline-start:83.3333%}.column.is-11-mobile{flex:none;width:91.6667%}.column.is-offset-11-mobile{margin-inline-start:91.6667%}.column.is-12-mobile{flex:none;width:100%}.column.is-offset-12-mobile{margin-inline-start:100%}}@media screen and (width>=769px),print{.column.is-narrow,.column.is-narrow-tablet{width:unset;flex:none}.column.is-full,.column.is-full-tablet{flex:none;width:100%}.column.is-three-quarters,.column.is-three-quarters-tablet{flex:none;width:75%}.column.is-two-thirds,.column.is-two-thirds-tablet{flex:none;width:66.6666%}.column.is-half,.column.is-half-tablet{flex:none;width:50%}.column.is-one-third,.column.is-one-third-tablet{flex:none;width:33.3333%}.column.is-one-quarter,.column.is-one-quarter-tablet{flex:none;width:25%}.column.is-one-fifth,.column.is-one-fifth-tablet{flex:none;width:20%}.column.is-two-fifths,.column.is-two-fifths-tablet{flex:none;width:40%}.column.is-three-fifths,.column.is-three-fifths-tablet{flex:none;width:60%}.column.is-four-fifths,.column.is-four-fifths-tablet{flex:none;width:80%}.column.is-offset-three-quarters,.column.is-offset-three-quarters-tablet{margin-inline-start:75%}.column.is-offset-two-thirds,.column.is-offset-two-thirds-tablet{margin-inline-start:66.6666%}.column.is-offset-half,.column.is-offset-half-tablet{margin-inline-start:50%}.column.is-offset-one-third,.column.is-offset-one-third-tablet{margin-inline-start:.3333%}.column.is-offset-one-quarter,.column.is-offset-one-quarter-tablet{margin-inline-start:25%}.column.is-offset-one-fifth,.column.is-offset-one-fifth-tablet{margin-inline-start:20%}.column.is-offset-two-fifths,.column.is-offset-two-fifths-tablet{margin-inline-start:40%}.column.is-offset-three-fifths,.column.is-offset-three-fifths-tablet{margin-inline-start:60%}.column.is-offset-four-fifths,.column.is-offset-four-fifths-tablet{margin-inline-start:80%}.column.is-0,.column.is-0-tablet{flex:none;width:0%}.column.is-offset-0,.column.is-offset-0-tablet{margin-inline-start:0%}.column.is-1,.column.is-1-tablet{flex:none;width:8.33333%}.column.is-offset-1,.column.is-offset-1-tablet{margin-inline-start:8.33333%}.column.is-2,.column.is-2-tablet{flex:none;width:16.6667%}.column.is-offset-2,.column.is-offset-2-tablet{margin-inline-start:16.6667%}.column.is-3,.column.is-3-tablet{flex:none;width:25%}.column.is-offset-3,.column.is-offset-3-tablet{margin-inline-start:25%}.column.is-4,.column.is-4-tablet{flex:none;width:33.3333%}.column.is-offset-4,.column.is-offset-4-tablet{margin-inline-start:33.3333%}.column.is-5,.column.is-5-tablet{flex:none;width:41.6667%}.column.is-offset-5,.column.is-offset-5-tablet{margin-inline-start:41.6667%}.column.is-6,.column.is-6-tablet{flex:none;width:50%}.column.is-offset-6,.column.is-offset-6-tablet{margin-inline-start:50%}.column.is-7,.column.is-7-tablet{flex:none;width:58.3333%}.column.is-offset-7,.column.is-offset-7-tablet{margin-inline-start:58.3333%}.column.is-8,.column.is-8-tablet{flex:none;width:66.6667%}.column.is-offset-8,.column.is-offset-8-tablet{margin-inline-start:66.6667%}.column.is-9,.column.is-9-tablet{flex:none;width:75%}.column.is-offset-9,.column.is-offset-9-tablet{margin-inline-start:75%}.column.is-10,.column.is-10-tablet{flex:none;width:83.3333%}.column.is-offset-10,.column.is-offset-10-tablet{margin-inline-start:83.3333%}.column.is-11,.column.is-11-tablet{flex:none;width:91.6667%}.column.is-offset-11,.column.is-offset-11-tablet{margin-inline-start:91.6667%}.column.is-12,.column.is-12-tablet{flex:none;width:100%}.column.is-offset-12,.column.is-offset-12-tablet{margin-inline-start:100%}}@media screen and (width<=1023px){.column.is-narrow-touch{width:unset;flex:none}.column.is-full-touch{flex:none;width:100%}.column.is-three-quarters-touch{flex:none;width:75%}.column.is-two-thirds-touch{flex:none;width:66.6666%}.column.is-half-touch{flex:none;width:50%}.column.is-one-third-touch{flex:none;width:33.3333%}.column.is-one-quarter-touch{flex:none;width:25%}.column.is-one-fifth-touch{flex:none;width:20%}.column.is-two-fifths-touch{flex:none;width:40%}.column.is-three-fifths-touch{flex:none;width:60%}.column.is-four-fifths-touch{flex:none;width:80%}.column.is-offset-three-quarters-touch{margin-inline-start:75%}.column.is-offset-two-thirds-touch{margin-inline-start:66.6666%}.column.is-offset-half-touch{margin-inline-start:50%}.column.is-offset-one-third-touch{margin-inline-start:.3333%}.column.is-offset-one-quarter-touch{margin-inline-start:25%}.column.is-offset-one-fifth-touch{margin-inline-start:20%}.column.is-offset-two-fifths-touch{margin-inline-start:40%}.column.is-offset-three-fifths-touch{margin-inline-start:60%}.column.is-offset-four-fifths-touch{margin-inline-start:80%}.column.is-0-touch{flex:none;width:0%}.column.is-offset-0-touch{margin-inline-start:0%}.column.is-1-touch{flex:none;width:8.33333%}.column.is-offset-1-touch{margin-inline-start:8.33333%}.column.is-2-touch{flex:none;width:16.6667%}.column.is-offset-2-touch{margin-inline-start:16.6667%}.column.is-3-touch{flex:none;width:25%}.column.is-offset-3-touch{margin-inline-start:25%}.column.is-4-touch{flex:none;width:33.3333%}.column.is-offset-4-touch{margin-inline-start:33.3333%}.column.is-5-touch{flex:none;width:41.6667%}.column.is-offset-5-touch{margin-inline-start:41.6667%}.column.is-6-touch{flex:none;width:50%}.column.is-offset-6-touch{margin-inline-start:50%}.column.is-7-touch{flex:none;width:58.3333%}.column.is-offset-7-touch{margin-inline-start:58.3333%}.column.is-8-touch{flex:none;width:66.6667%}.column.is-offset-8-touch{margin-inline-start:66.6667%}.column.is-9-touch{flex:none;width:75%}.column.is-offset-9-touch{margin-inline-start:75%}.column.is-10-touch{flex:none;width:83.3333%}.column.is-offset-10-touch{margin-inline-start:83.3333%}.column.is-11-touch{flex:none;width:91.6667%}.column.is-offset-11-touch{margin-inline-start:91.6667%}.column.is-12-touch{flex:none;width:100%}.column.is-offset-12-touch{margin-inline-start:100%}}@media screen and (width>=1024px){.column.is-narrow-desktop{width:unset;flex:none}.column.is-full-desktop{flex:none;width:100%}.column.is-three-quarters-desktop{flex:none;width:75%}.column.is-two-thirds-desktop{flex:none;width:66.6666%}.column.is-half-desktop{flex:none;width:50%}.column.is-one-third-desktop{flex:none;width:33.3333%}.column.is-one-quarter-desktop{flex:none;width:25%}.column.is-one-fifth-desktop{flex:none;width:20%}.column.is-two-fifths-desktop{flex:none;width:40%}.column.is-three-fifths-desktop{flex:none;width:60%}.column.is-four-fifths-desktop{flex:none;width:80%}.column.is-offset-three-quarters-desktop{margin-inline-start:75%}.column.is-offset-two-thirds-desktop{margin-inline-start:66.6666%}.column.is-offset-half-desktop{margin-inline-start:50%}.column.is-offset-one-third-desktop{margin-inline-start:.3333%}.column.is-offset-one-quarter-desktop{margin-inline-start:25%}.column.is-offset-one-fifth-desktop{margin-inline-start:20%}.column.is-offset-two-fifths-desktop{margin-inline-start:40%}.column.is-offset-three-fifths-desktop{margin-inline-start:60%}.column.is-offset-four-fifths-desktop{margin-inline-start:80%}.column.is-0-desktop{flex:none;width:0%}.column.is-offset-0-desktop{margin-inline-start:0%}.column.is-1-desktop{flex:none;width:8.33333%}.column.is-offset-1-desktop{margin-inline-start:8.33333%}.column.is-2-desktop{flex:none;width:16.6667%}.column.is-offset-2-desktop{margin-inline-start:16.6667%}.column.is-3-desktop{flex:none;width:25%}.column.is-offset-3-desktop{margin-inline-start:25%}.column.is-4-desktop{flex:none;width:33.3333%}.column.is-offset-4-desktop{margin-inline-start:33.3333%}.column.is-5-desktop{flex:none;width:41.6667%}.column.is-offset-5-desktop{margin-inline-start:41.6667%}.column.is-6-desktop{flex:none;width:50%}.column.is-offset-6-desktop{margin-inline-start:50%}.column.is-7-desktop{flex:none;width:58.3333%}.column.is-offset-7-desktop{margin-inline-start:58.3333%}.column.is-8-desktop{flex:none;width:66.6667%}.column.is-offset-8-desktop{margin-inline-start:66.6667%}.column.is-9-desktop{flex:none;width:75%}.column.is-offset-9-desktop{margin-inline-start:75%}.column.is-10-desktop{flex:none;width:83.3333%}.column.is-offset-10-desktop{margin-inline-start:83.3333%}.column.is-11-desktop{flex:none;width:91.6667%}.column.is-offset-11-desktop{margin-inline-start:91.6667%}.column.is-12-desktop{flex:none;width:100%}.column.is-offset-12-desktop{margin-inline-start:100%}}@media screen and (width>=1216px){.column.is-narrow-widescreen{width:unset;flex:none}.column.is-full-widescreen{flex:none;width:100%}.column.is-three-quarters-widescreen{flex:none;width:75%}.column.is-two-thirds-widescreen{flex:none;width:66.6666%}.column.is-half-widescreen{flex:none;width:50%}.column.is-one-third-widescreen{flex:none;width:33.3333%}.column.is-one-quarter-widescreen{flex:none;width:25%}.column.is-one-fifth-widescreen{flex:none;width:20%}.column.is-two-fifths-widescreen{flex:none;width:40%}.column.is-three-fifths-widescreen{flex:none;width:60%}.column.is-four-fifths-widescreen{flex:none;width:80%}.column.is-offset-three-quarters-widescreen{margin-inline-start:75%}.column.is-offset-two-thirds-widescreen{margin-inline-start:66.6666%}.column.is-offset-half-widescreen{margin-inline-start:50%}.column.is-offset-one-third-widescreen{margin-inline-start:.3333%}.column.is-offset-one-quarter-widescreen{margin-inline-start:25%}.column.is-offset-one-fifth-widescreen{margin-inline-start:20%}.column.is-offset-two-fifths-widescreen{margin-inline-start:40%}.column.is-offset-three-fifths-widescreen{margin-inline-start:60%}.column.is-offset-four-fifths-widescreen{margin-inline-start:80%}.column.is-0-widescreen{flex:none;width:0%}.column.is-offset-0-widescreen{margin-inline-start:0%}.column.is-1-widescreen{flex:none;width:8.33333%}.column.is-offset-1-widescreen{margin-inline-start:8.33333%}.column.is-2-widescreen{flex:none;width:16.6667%}.column.is-offset-2-widescreen{margin-inline-start:16.6667%}.column.is-3-widescreen{flex:none;width:25%}.column.is-offset-3-widescreen{margin-inline-start:25%}.column.is-4-widescreen{flex:none;width:33.3333%}.column.is-offset-4-widescreen{margin-inline-start:33.3333%}.column.is-5-widescreen{flex:none;width:41.6667%}.column.is-offset-5-widescreen{margin-inline-start:41.6667%}.column.is-6-widescreen{flex:none;width:50%}.column.is-offset-6-widescreen{margin-inline-start:50%}.column.is-7-widescreen{flex:none;width:58.3333%}.column.is-offset-7-widescreen{margin-inline-start:58.3333%}.column.is-8-widescreen{flex:none;width:66.6667%}.column.is-offset-8-widescreen{margin-inline-start:66.6667%}.column.is-9-widescreen{flex:none;width:75%}.column.is-offset-9-widescreen{margin-inline-start:75%}.column.is-10-widescreen{flex:none;width:83.3333%}.column.is-offset-10-widescreen{margin-inline-start:83.3333%}.column.is-11-widescreen{flex:none;width:91.6667%}.column.is-offset-11-widescreen{margin-inline-start:91.6667%}.column.is-12-widescreen{flex:none;width:100%}.column.is-offset-12-widescreen{margin-inline-start:100%}}@media screen and (width>=1408px){.column.is-narrow-fullhd{width:unset;flex:none}.column.is-full-fullhd{flex:none;width:100%}.column.is-three-quarters-fullhd{flex:none;width:75%}.column.is-two-thirds-fullhd{flex:none;width:66.6666%}.column.is-half-fullhd{flex:none;width:50%}.column.is-one-third-fullhd{flex:none;width:33.3333%}.column.is-one-quarter-fullhd{flex:none;width:25%}.column.is-one-fifth-fullhd{flex:none;width:20%}.column.is-two-fifths-fullhd{flex:none;width:40%}.column.is-three-fifths-fullhd{flex:none;width:60%}.column.is-four-fifths-fullhd{flex:none;width:80%}.column.is-offset-three-quarters-fullhd{margin-inline-start:75%}.column.is-offset-two-thirds-fullhd{margin-inline-start:66.6666%}.column.is-offset-half-fullhd{margin-inline-start:50%}.column.is-offset-one-third-fullhd{margin-inline-start:33.3333%}.column.is-offset-one-quarter-fullhd{margin-inline-start:25%}.column.is-offset-one-fifth-fullhd{margin-inline-start:20%}.column.is-offset-two-fifths-fullhd{margin-inline-start:40%}.column.is-offset-three-fifths-fullhd{margin-inline-start:60%}.column.is-offset-four-fifths-fullhd{margin-inline-start:80%}.column.is-0-fullhd{flex:none;width:0%}.column.is-offset-0-fullhd{margin-inline-start:0%}.column.is-1-fullhd{flex:none;width:8.33333%}.column.is-offset-1-fullhd{margin-inline-start:8.33333%}.column.is-2-fullhd{flex:none;width:16.6667%}.column.is-offset-2-fullhd{margin-inline-start:16.6667%}.column.is-3-fullhd{flex:none;width:25%}.column.is-offset-3-fullhd{margin-inline-start:25%}.column.is-4-fullhd{flex:none;width:33.3333%}.column.is-offset-4-fullhd{margin-inline-start:33.3333%}.column.is-5-fullhd{flex:none;width:41.6667%}.column.is-offset-5-fullhd{margin-inline-start:41.6667%}.column.is-6-fullhd{flex:none;width:50%}.column.is-offset-6-fullhd{margin-inline-start:50%}.column.is-7-fullhd{flex:none;width:58.3333%}.column.is-offset-7-fullhd{margin-inline-start:58.3333%}.column.is-8-fullhd{flex:none;width:66.6667%}.column.is-offset-8-fullhd{margin-inline-start:66.6667%}.column.is-9-fullhd{flex:none;width:75%}.column.is-offset-9-fullhd{margin-inline-start:75%}.column.is-10-fullhd{flex:none;width:83.3333%}.column.is-offset-10-fullhd{margin-inline-start:83.3333%}.column.is-11-fullhd{flex:none;width:91.6667%}.column.is-offset-11-fullhd{margin-inline-start:91.6667%}.column.is-12-fullhd{flex:none;width:100%}.column.is-offset-12-fullhd{margin-inline-start:100%}}.columns{margin-inline-start:calc(-1*var(--bulma-column-gap));margin-inline-end:calc(-1*var(--bulma-column-gap));margin-top:calc(-1*var(--bulma-column-gap))}.columns:last-child{margin-bottom:calc(-1*var(--bulma-column-gap))}.columns:not(:last-child){margin-bottom:calc(var(--bulma-block-spacing) - var(--bulma-column-gap))}.columns.is-centered{justify-content:center}.columns.is-gapless{margin-inline:0;margin-top:0}.columns.is-gapless>.column{margin:0;padding:0!important}.columns.is-gapless:not(:last-child){margin-bottom:1.5rem}.columns.is-gapless:last-child{margin-bottom:0}.columns.is-mobile{display:flex}.columns.is-multiline{flex-wrap:wrap}.columns.is-vcentered{align-items:center}@media screen and (width>=769px),print{.columns:not(.is-desktop){display:flex}}@media screen and (width>=1024px){.columns.is-desktop{display:flex}}.columns.is-0{--bulma-column-gap:0rem}@media screen and (width<=768px){.columns.is-0-mobile{--bulma-column-gap:0rem}}@media screen and (width>=769px),print{.columns.is-0-tablet{--bulma-column-gap:0rem}}@media screen and (width>=769px) and (width<=1023px){.columns.is-0-tablet-only{--bulma-column-gap:0rem}}@media screen and (width<=1023px){.columns.is-0-touch{--bulma-column-gap:0rem}}@media screen and (width>=1024px){.columns.is-0-desktop{--bulma-column-gap:0rem}}@media screen and (width>=1024px) and (width<=1215px){.columns.is-0-desktop-only{--bulma-column-gap:0rem}}@media screen and (width>=1216px){.columns.is-0-widescreen{--bulma-column-gap:0rem}}@media screen and (width>=1216px) and (width<=1407px){.columns.is-0-widescreen-only{--bulma-column-gap:0rem}}@media screen and (width>=1408px){.columns.is-0-fullhd{--bulma-column-gap:0rem}}.columns.is-1{--bulma-column-gap:.25rem}@media screen and (width<=768px){.columns.is-1-mobile{--bulma-column-gap:.25rem}}@media screen and (width>=769px),print{.columns.is-1-tablet{--bulma-column-gap:.25rem}}@media screen and (width>=769px) and (width<=1023px){.columns.is-1-tablet-only{--bulma-column-gap:.25rem}}@media screen and (width<=1023px){.columns.is-1-touch{--bulma-column-gap:.25rem}}@media screen and (width>=1024px){.columns.is-1-desktop{--bulma-column-gap:.25rem}}@media screen and (width>=1024px) and (width<=1215px){.columns.is-1-desktop-only{--bulma-column-gap:.25rem}}@media screen and (width>=1216px){.columns.is-1-widescreen{--bulma-column-gap:.25rem}}@media screen and (width>=1216px) and (width<=1407px){.columns.is-1-widescreen-only{--bulma-column-gap:.25rem}}@media screen and (width>=1408px){.columns.is-1-fullhd{--bulma-column-gap:.25rem}}.columns.is-2{--bulma-column-gap:.5rem}@media screen and (width<=768px){.columns.is-2-mobile{--bulma-column-gap:.5rem}}@media screen and (width>=769px),print{.columns.is-2-tablet{--bulma-column-gap:.5rem}}@media screen and (width>=769px) and (width<=1023px){.columns.is-2-tablet-only{--bulma-column-gap:.5rem}}@media screen and (width<=1023px){.columns.is-2-touch{--bulma-column-gap:.5rem}}@media screen and (width>=1024px){.columns.is-2-desktop{--bulma-column-gap:.5rem}}@media screen and (width>=1024px) and (width<=1215px){.columns.is-2-desktop-only{--bulma-column-gap:.5rem}}@media screen and (width>=1216px){.columns.is-2-widescreen{--bulma-column-gap:.5rem}}@media screen and (width>=1216px) and (width<=1407px){.columns.is-2-widescreen-only{--bulma-column-gap:.5rem}}@media screen and (width>=1408px){.columns.is-2-fullhd{--bulma-column-gap:.5rem}}.columns.is-3{--bulma-column-gap:.75rem}@media screen and (width<=768px){.columns.is-3-mobile{--bulma-column-gap:.75rem}}@media screen and (width>=769px),print{.columns.is-3-tablet{--bulma-column-gap:.75rem}}@media screen and (width>=769px) and (width<=1023px){.columns.is-3-tablet-only{--bulma-column-gap:.75rem}}@media screen and (width<=1023px){.columns.is-3-touch{--bulma-column-gap:.75rem}}@media screen and (width>=1024px){.columns.is-3-desktop{--bulma-column-gap:.75rem}}@media screen and (width>=1024px) and (width<=1215px){.columns.is-3-desktop-only{--bulma-column-gap:.75rem}}@media screen and (width>=1216px){.columns.is-3-widescreen{--bulma-column-gap:.75rem}}@media screen and (width>=1216px) and (width<=1407px){.columns.is-3-widescreen-only{--bulma-column-gap:.75rem}}@media screen and (width>=1408px){.columns.is-3-fullhd{--bulma-column-gap:.75rem}}.columns.is-4{--bulma-column-gap:1rem}@media screen and (width<=768px){.columns.is-4-mobile{--bulma-column-gap:1rem}}@media screen and (width>=769px),print{.columns.is-4-tablet{--bulma-column-gap:1rem}}@media screen and (width>=769px) and (width<=1023px){.columns.is-4-tablet-only{--bulma-column-gap:1rem}}@media screen and (width<=1023px){.columns.is-4-touch{--bulma-column-gap:1rem}}@media screen and (width>=1024px){.columns.is-4-desktop{--bulma-column-gap:1rem}}@media screen and (width>=1024px) and (width<=1215px){.columns.is-4-desktop-only{--bulma-column-gap:1rem}}@media screen and (width>=1216px){.columns.is-4-widescreen{--bulma-column-gap:1rem}}@media screen and (width>=1216px) and (width<=1407px){.columns.is-4-widescreen-only{--bulma-column-gap:1rem}}@media screen and (width>=1408px){.columns.is-4-fullhd{--bulma-column-gap:1rem}}.columns.is-5{--bulma-column-gap:1.25rem}@media screen and (width<=768px){.columns.is-5-mobile{--bulma-column-gap:1.25rem}}@media screen and (width>=769px),print{.columns.is-5-tablet{--bulma-column-gap:1.25rem}}@media screen and (width>=769px) and (width<=1023px){.columns.is-5-tablet-only{--bulma-column-gap:1.25rem}}@media screen and (width<=1023px){.columns.is-5-touch{--bulma-column-gap:1.25rem}}@media screen and (width>=1024px){.columns.is-5-desktop{--bulma-column-gap:1.25rem}}@media screen and (width>=1024px) and (width<=1215px){.columns.is-5-desktop-only{--bulma-column-gap:1.25rem}}@media screen and (width>=1216px){.columns.is-5-widescreen{--bulma-column-gap:1.25rem}}@media screen and (width>=1216px) and (width<=1407px){.columns.is-5-widescreen-only{--bulma-column-gap:1.25rem}}@media screen and (width>=1408px){.columns.is-5-fullhd{--bulma-column-gap:1.25rem}}.columns.is-6{--bulma-column-gap:1.5rem}@media screen and (width<=768px){.columns.is-6-mobile{--bulma-column-gap:1.5rem}}@media screen and (width>=769px),print{.columns.is-6-tablet{--bulma-column-gap:1.5rem}}@media screen and (width>=769px) and (width<=1023px){.columns.is-6-tablet-only{--bulma-column-gap:1.5rem}}@media screen and (width<=1023px){.columns.is-6-touch{--bulma-column-gap:1.5rem}}@media screen and (width>=1024px){.columns.is-6-desktop{--bulma-column-gap:1.5rem}}@media screen and (width>=1024px) and (width<=1215px){.columns.is-6-desktop-only{--bulma-column-gap:1.5rem}}@media screen and (width>=1216px){.columns.is-6-widescreen{--bulma-column-gap:1.5rem}}@media screen and (width>=1216px) and (width<=1407px){.columns.is-6-widescreen-only{--bulma-column-gap:1.5rem}}@media screen and (width>=1408px){.columns.is-6-fullhd{--bulma-column-gap:1.5rem}}.columns.is-7{--bulma-column-gap:1.75rem}@media screen and (width<=768px){.columns.is-7-mobile{--bulma-column-gap:1.75rem}}@media screen and (width>=769px),print{.columns.is-7-tablet{--bulma-column-gap:1.75rem}}@media screen and (width>=769px) and (width<=1023px){.columns.is-7-tablet-only{--bulma-column-gap:1.75rem}}@media screen and (width<=1023px){.columns.is-7-touch{--bulma-column-gap:1.75rem}}@media screen and (width>=1024px){.columns.is-7-desktop{--bulma-column-gap:1.75rem}}@media screen and (width>=1024px) and (width<=1215px){.columns.is-7-desktop-only{--bulma-column-gap:1.75rem}}@media screen and (width>=1216px){.columns.is-7-widescreen{--bulma-column-gap:1.75rem}}@media screen and (width>=1216px) and (width<=1407px){.columns.is-7-widescreen-only{--bulma-column-gap:1.75rem}}@media screen and (width>=1408px){.columns.is-7-fullhd{--bulma-column-gap:1.75rem}}.columns.is-8{--bulma-column-gap:2rem}@media screen and (width<=768px){.columns.is-8-mobile{--bulma-column-gap:2rem}}@media screen and (width>=769px),print{.columns.is-8-tablet{--bulma-column-gap:2rem}}@media screen and (width>=769px) and (width<=1023px){.columns.is-8-tablet-only{--bulma-column-gap:2rem}}@media screen and (width<=1023px){.columns.is-8-touch{--bulma-column-gap:2rem}}@media screen and (width>=1024px){.columns.is-8-desktop{--bulma-column-gap:2rem}}@media screen and (width>=1024px) and (width<=1215px){.columns.is-8-desktop-only{--bulma-column-gap:2rem}}@media screen and (width>=1216px){.columns.is-8-widescreen{--bulma-column-gap:2rem}}@media screen and (width>=1216px) and (width<=1407px){.columns.is-8-widescreen-only{--bulma-column-gap:2rem}}@media screen and (width>=1408px){.columns.is-8-fullhd{--bulma-column-gap:2rem}}.fixed-grid{container:bulma-fixed-grid/inline-size}.fixed-grid>.grid{--bulma-grid-gap-count:calc(var(--bulma-grid-column-count) - 1);--bulma-grid-column-count:2;grid-template-columns:repeat(var(--bulma-grid-column-count),1fr)}.fixed-grid.has-1-cols>.grid{--bulma-grid-column-count:1}.fixed-grid.has-2-cols>.grid{--bulma-grid-column-count:2}.fixed-grid.has-3-cols>.grid{--bulma-grid-column-count:3}.fixed-grid.has-4-cols>.grid{--bulma-grid-column-count:4}.fixed-grid.has-5-cols>.grid{--bulma-grid-column-count:5}.fixed-grid.has-6-cols>.grid{--bulma-grid-column-count:6}.fixed-grid.has-7-cols>.grid{--bulma-grid-column-count:7}.fixed-grid.has-8-cols>.grid{--bulma-grid-column-count:8}.fixed-grid.has-9-cols>.grid{--bulma-grid-column-count:9}.fixed-grid.has-10-cols>.grid{--bulma-grid-column-count:10}.fixed-grid.has-11-cols>.grid{--bulma-grid-column-count:11}.fixed-grid.has-12-cols>.grid{--bulma-grid-column-count:12}@container bulma-fixed-grid (width<=768px){.fixed-grid.has-1-cols-mobile>.grid{--bulma-grid-column-count:1}.fixed-grid.has-2-cols-mobile>.grid{--bulma-grid-column-count:2}.fixed-grid.has-3-cols-mobile>.grid{--bulma-grid-column-count:3}.fixed-grid.has-4-cols-mobile>.grid{--bulma-grid-column-count:4}.fixed-grid.has-5-cols-mobile>.grid{--bulma-grid-column-count:5}.fixed-grid.has-6-cols-mobile>.grid{--bulma-grid-column-count:6}.fixed-grid.has-7-cols-mobile>.grid{--bulma-grid-column-count:7}.fixed-grid.has-8-cols-mobile>.grid{--bulma-grid-column-count:8}.fixed-grid.has-9-cols-mobile>.grid{--bulma-grid-column-count:9}.fixed-grid.has-10-cols-mobile>.grid{--bulma-grid-column-count:10}.fixed-grid.has-11-cols-mobile>.grid{--bulma-grid-column-count:11}.fixed-grid.has-12-cols-mobile>.grid{--bulma-grid-column-count:12}}@container bulma-fixed-grid (width>=769px){.fixed-grid.has-1-cols-tablet>.grid{--bulma-grid-column-count:1}.fixed-grid.has-2-cols-tablet>.grid{--bulma-grid-column-count:2}.fixed-grid.has-3-cols-tablet>.grid{--bulma-grid-column-count:3}.fixed-grid.has-4-cols-tablet>.grid{--bulma-grid-column-count:4}.fixed-grid.has-5-cols-tablet>.grid{--bulma-grid-column-count:5}.fixed-grid.has-6-cols-tablet>.grid{--bulma-grid-column-count:6}.fixed-grid.has-7-cols-tablet>.grid{--bulma-grid-column-count:7}.fixed-grid.has-8-cols-tablet>.grid{--bulma-grid-column-count:8}.fixed-grid.has-9-cols-tablet>.grid{--bulma-grid-column-count:9}.fixed-grid.has-10-cols-tablet>.grid{--bulma-grid-column-count:10}.fixed-grid.has-11-cols-tablet>.grid{--bulma-grid-column-count:11}.fixed-grid.has-12-cols-tablet>.grid{--bulma-grid-column-count:12}}@container bulma-fixed-grid (width>=1024px){.fixed-grid.has-1-cols-desktop>.grid{--bulma-grid-column-count:1}.fixed-grid.has-2-cols-desktop>.grid{--bulma-grid-column-count:2}.fixed-grid.has-3-cols-desktop>.grid{--bulma-grid-column-count:3}.fixed-grid.has-4-cols-desktop>.grid{--bulma-grid-column-count:4}.fixed-grid.has-5-cols-desktop>.grid{--bulma-grid-column-count:5}.fixed-grid.has-6-cols-desktop>.grid{--bulma-grid-column-count:6}.fixed-grid.has-7-cols-desktop>.grid{--bulma-grid-column-count:7}.fixed-grid.has-8-cols-desktop>.grid{--bulma-grid-column-count:8}.fixed-grid.has-9-cols-desktop>.grid{--bulma-grid-column-count:9}.fixed-grid.has-10-cols-desktop>.grid{--bulma-grid-column-count:10}.fixed-grid.has-11-cols-desktop>.grid{--bulma-grid-column-count:11}.fixed-grid.has-12-cols-desktop>.grid{--bulma-grid-column-count:12}}@container bulma-fixed-grid (width>=1216px){.fixed-grid.has-1-cols-widescreen>.grid{--bulma-grid-column-count:1}.fixed-grid.has-2-cols-widescreen>.grid{--bulma-grid-column-count:2}.fixed-grid.has-3-cols-widescreen>.grid{--bulma-grid-column-count:3}.fixed-grid.has-4-cols-widescreen>.grid{--bulma-grid-column-count:4}.fixed-grid.has-5-cols-widescreen>.grid{--bulma-grid-column-count:5}.fixed-grid.has-6-cols-widescreen>.grid{--bulma-grid-column-count:6}.fixed-grid.has-7-cols-widescreen>.grid{--bulma-grid-column-count:7}.fixed-grid.has-8-cols-widescreen>.grid{--bulma-grid-column-count:8}.fixed-grid.has-9-cols-widescreen>.grid{--bulma-grid-column-count:9}.fixed-grid.has-10-cols-widescreen>.grid{--bulma-grid-column-count:10}.fixed-grid.has-11-cols-widescreen>.grid{--bulma-grid-column-count:11}.fixed-grid.has-12-cols-widescreen>.grid{--bulma-grid-column-count:12}}@container bulma-fixed-grid (width>=1408px){.fixed-grid.has-1-cols-fullhd>.grid{--bulma-grid-column-count:1}.fixed-grid.has-2-cols-fullhd>.grid{--bulma-grid-column-count:2}.fixed-grid.has-3-cols-fullhd>.grid{--bulma-grid-column-count:3}.fixed-grid.has-4-cols-fullhd>.grid{--bulma-grid-column-count:4}.fixed-grid.has-5-cols-fullhd>.grid{--bulma-grid-column-count:5}.fixed-grid.has-6-cols-fullhd>.grid{--bulma-grid-column-count:6}.fixed-grid.has-7-cols-fullhd>.grid{--bulma-grid-column-count:7}.fixed-grid.has-8-cols-fullhd>.grid{--bulma-grid-column-count:8}.fixed-grid.has-9-cols-fullhd>.grid{--bulma-grid-column-count:9}.fixed-grid.has-10-cols-fullhd>.grid{--bulma-grid-column-count:10}.fixed-grid.has-11-cols-fullhd>.grid{--bulma-grid-column-count:11}.fixed-grid.has-12-cols-fullhd>.grid{--bulma-grid-column-count:12}}@container bulma-fixed-grid (width<=768px){.fixed-grid.has-auto-count .grid{--bulma-grid-column-count:2}}@container bulma-fixed-grid (width>=769px){.fixed-grid.has-auto-count .grid{--bulma-grid-column-count:4}}@container bulma-fixed-grid (width>=1024px){.fixed-grid.has-auto-count .grid{--bulma-grid-column-count:8}}@container bulma-fixed-grid (width>=1216px){.fixed-grid.has-auto-count .grid{--bulma-grid-column-count:12}}@container bulma-fixed-grid (width>=1408px){.fixed-grid.has-auto-count .grid{--bulma-grid-column-count:16}}.grid{--bulma-grid-gap:.75rem;--bulma-grid-column-min:9rem;--bulma-grid-cell-column-span:1;--bulma-grid-cell-row-span:1;gap:var(--bulma-grid-gap);column-gap:var(--bulma-grid-column-gap,var(--bulma-grid-gap));row-gap:var(--bulma-grid-row-gap,var(--bulma-grid-gap));grid-template-columns:repeat(auto-fit,minmax(var(--bulma-grid-column-min),1fr));grid-template-rows:auto;display:grid}.grid.is-auto-fill{grid-template-columns:repeat(auto-fill,minmax(var(--bulma-grid-column-min),1fr))}.grid.is-col-min-1{--bulma-grid-column-min:1.5rem}.grid.is-col-min-2{--bulma-grid-column-min:3rem}.grid.is-col-min-3{--bulma-grid-column-min:4.5rem}.grid.is-col-min-4{--bulma-grid-column-min:6rem}.grid.is-col-min-5{--bulma-grid-column-min:7.5rem}.grid.is-col-min-6{--bulma-grid-column-min:9rem}.grid.is-col-min-7{--bulma-grid-column-min:10.5rem}.grid.is-col-min-8{--bulma-grid-column-min:12rem}.grid.is-col-min-9{--bulma-grid-column-min:13.5rem}.grid.is-col-min-10{--bulma-grid-column-min:15rem}.grid.is-col-min-11{--bulma-grid-column-min:16.5rem}.grid.is-col-min-12{--bulma-grid-column-min:18rem}.grid.is-col-min-13{--bulma-grid-column-min:19.5rem}.grid.is-col-min-14{--bulma-grid-column-min:21rem}.grid.is-col-min-15{--bulma-grid-column-min:22.5rem}.grid.is-col-min-16{--bulma-grid-column-min:24rem}.grid.is-col-min-17{--bulma-grid-column-min:25.5rem}.grid.is-col-min-18{--bulma-grid-column-min:27rem}.grid.is-col-min-19{--bulma-grid-column-min:28.5rem}.grid.is-col-min-20{--bulma-grid-column-min:30rem}.grid.is-col-min-21{--bulma-grid-column-min:31.5rem}.grid.is-col-min-22{--bulma-grid-column-min:33rem}.grid.is-col-min-23{--bulma-grid-column-min:34.5rem}.grid.is-col-min-24{--bulma-grid-column-min:36rem}.grid.is-col-min-25{--bulma-grid-column-min:37.5rem}.grid.is-col-min-26{--bulma-grid-column-min:39rem}.grid.is-col-min-27{--bulma-grid-column-min:40.5rem}.grid.is-col-min-28{--bulma-grid-column-min:42rem}.grid.is-col-min-29{--bulma-grid-column-min:43.5rem}.grid.is-col-min-30{--bulma-grid-column-min:45rem}.grid.is-col-min-31{--bulma-grid-column-min:46.5rem}.grid.is-col-min-32{--bulma-grid-column-min:48rem}.cell{grid-column-end:span var(--bulma-grid-cell-column-span);grid-column-start:var(--bulma-grid-cell-column-start);grid-row-end:span var(--bulma-grid-cell-row-span);grid-row-start:var(--bulma-grid-cell-row-start)}.cell.is-col-start-end{--bulma-grid-cell-column-start:-1}.cell.is-row-start-end{--bulma-grid-cell-row-start:-1}.cell.is-col-start-1{--bulma-grid-cell-column-start:1}.cell.is-col-end-1{--bulma-grid-cell-column-end:1}.cell.is-col-from-end-1{--bulma-grid-cell-column-start:-1}.cell.is-col-span-1{--bulma-grid-cell-column-span:1}.cell.is-row-start-1{--bulma-grid-cell-row-start:1}.cell.is-row-end-1{--bulma-grid-cell-row-end:1}.cell.is-row-from-end-1{--bulma-grid-cell-row-start:-1}.cell.is-row-span-1{--bulma-grid-cell-row-span:1}.cell.is-col-start-2{--bulma-grid-cell-column-start:2}.cell.is-col-end-2{--bulma-grid-cell-column-end:2}.cell.is-col-from-end-2{--bulma-grid-cell-column-start:-2}.cell.is-col-span-2{--bulma-grid-cell-column-span:2}.cell.is-row-start-2{--bulma-grid-cell-row-start:2}.cell.is-row-end-2{--bulma-grid-cell-row-end:2}.cell.is-row-from-end-2{--bulma-grid-cell-row-start:-2}.cell.is-row-span-2{--bulma-grid-cell-row-span:2}.cell.is-col-start-3{--bulma-grid-cell-column-start:3}.cell.is-col-end-3{--bulma-grid-cell-column-end:3}.cell.is-col-from-end-3{--bulma-grid-cell-column-start:-3}.cell.is-col-span-3{--bulma-grid-cell-column-span:3}.cell.is-row-start-3{--bulma-grid-cell-row-start:3}.cell.is-row-end-3{--bulma-grid-cell-row-end:3}.cell.is-row-from-end-3{--bulma-grid-cell-row-start:-3}.cell.is-row-span-3{--bulma-grid-cell-row-span:3}.cell.is-col-start-4{--bulma-grid-cell-column-start:4}.cell.is-col-end-4{--bulma-grid-cell-column-end:4}.cell.is-col-from-end-4{--bulma-grid-cell-column-start:-4}.cell.is-col-span-4{--bulma-grid-cell-column-span:4}.cell.is-row-start-4{--bulma-grid-cell-row-start:4}.cell.is-row-end-4{--bulma-grid-cell-row-end:4}.cell.is-row-from-end-4{--bulma-grid-cell-row-start:-4}.cell.is-row-span-4{--bulma-grid-cell-row-span:4}.cell.is-col-start-5{--bulma-grid-cell-column-start:5}.cell.is-col-end-5{--bulma-grid-cell-column-end:5}.cell.is-col-from-end-5{--bulma-grid-cell-column-start:-5}.cell.is-col-span-5{--bulma-grid-cell-column-span:5}.cell.is-row-start-5{--bulma-grid-cell-row-start:5}.cell.is-row-end-5{--bulma-grid-cell-row-end:5}.cell.is-row-from-end-5{--bulma-grid-cell-row-start:-5}.cell.is-row-span-5{--bulma-grid-cell-row-span:5}.cell.is-col-start-6{--bulma-grid-cell-column-start:6}.cell.is-col-end-6{--bulma-grid-cell-column-end:6}.cell.is-col-from-end-6{--bulma-grid-cell-column-start:-6}.cell.is-col-span-6{--bulma-grid-cell-column-span:6}.cell.is-row-start-6{--bulma-grid-cell-row-start:6}.cell.is-row-end-6{--bulma-grid-cell-row-end:6}.cell.is-row-from-end-6{--bulma-grid-cell-row-start:-6}.cell.is-row-span-6{--bulma-grid-cell-row-span:6}.cell.is-col-start-7{--bulma-grid-cell-column-start:7}.cell.is-col-end-7{--bulma-grid-cell-column-end:7}.cell.is-col-from-end-7{--bulma-grid-cell-column-start:-7}.cell.is-col-span-7{--bulma-grid-cell-column-span:7}.cell.is-row-start-7{--bulma-grid-cell-row-start:7}.cell.is-row-end-7{--bulma-grid-cell-row-end:7}.cell.is-row-from-end-7{--bulma-grid-cell-row-start:-7}.cell.is-row-span-7{--bulma-grid-cell-row-span:7}.cell.is-col-start-8{--bulma-grid-cell-column-start:8}.cell.is-col-end-8{--bulma-grid-cell-column-end:8}.cell.is-col-from-end-8{--bulma-grid-cell-column-start:-8}.cell.is-col-span-8{--bulma-grid-cell-column-span:8}.cell.is-row-start-8{--bulma-grid-cell-row-start:8}.cell.is-row-end-8{--bulma-grid-cell-row-end:8}.cell.is-row-from-end-8{--bulma-grid-cell-row-start:-8}.cell.is-row-span-8{--bulma-grid-cell-row-span:8}.cell.is-col-start-9{--bulma-grid-cell-column-start:9}.cell.is-col-end-9{--bulma-grid-cell-column-end:9}.cell.is-col-from-end-9{--bulma-grid-cell-column-start:-9}.cell.is-col-span-9{--bulma-grid-cell-column-span:9}.cell.is-row-start-9{--bulma-grid-cell-row-start:9}.cell.is-row-end-9{--bulma-grid-cell-row-end:9}.cell.is-row-from-end-9{--bulma-grid-cell-row-start:-9}.cell.is-row-span-9{--bulma-grid-cell-row-span:9}.cell.is-col-start-10{--bulma-grid-cell-column-start:10}.cell.is-col-end-10{--bulma-grid-cell-column-end:10}.cell.is-col-from-end-10{--bulma-grid-cell-column-start:-10}.cell.is-col-span-10{--bulma-grid-cell-column-span:10}.cell.is-row-start-10{--bulma-grid-cell-row-start:10}.cell.is-row-end-10{--bulma-grid-cell-row-end:10}.cell.is-row-from-end-10{--bulma-grid-cell-row-start:-10}.cell.is-row-span-10{--bulma-grid-cell-row-span:10}.cell.is-col-start-11{--bulma-grid-cell-column-start:11}.cell.is-col-end-11{--bulma-grid-cell-column-end:11}.cell.is-col-from-end-11{--bulma-grid-cell-column-start:-11}.cell.is-col-span-11{--bulma-grid-cell-column-span:11}.cell.is-row-start-11{--bulma-grid-cell-row-start:11}.cell.is-row-end-11{--bulma-grid-cell-row-end:11}.cell.is-row-from-end-11{--bulma-grid-cell-row-start:-11}.cell.is-row-span-11{--bulma-grid-cell-row-span:11}.cell.is-col-start-12{--bulma-grid-cell-column-start:12}.cell.is-col-end-12{--bulma-grid-cell-column-end:12}.cell.is-col-from-end-12{--bulma-grid-cell-column-start:-12}.cell.is-col-span-12{--bulma-grid-cell-column-span:12}.cell.is-row-start-12{--bulma-grid-cell-row-start:12}.cell.is-row-end-12{--bulma-grid-cell-row-end:12}.cell.is-row-from-end-12{--bulma-grid-cell-row-start:-12}.cell.is-row-span-12{--bulma-grid-cell-row-span:12}@media screen and (width<=768px){.cell.is-col-start-1-mobile{--bulma-grid-cell-column-start:1}.cell.is-col-end-1-mobile{--bulma-grid-cell-column-end:1}.cell.is-col-from-end-1-mobile{--bulma-grid-cell-column-start:-1}.cell.is-col-span-1-mobile{--bulma-grid-cell-column-span:1}.cell.is-row-start-1-mobile{--bulma-grid-cell-row-start:1}.cell.is-row-end-1-mobile{--bulma-grid-cell-row-end:1}.cell.is-row-from-end-1-mobile{--bulma-grid-cell-row-start:-1}.cell.is-row-span-1-mobile{--bulma-grid-cell-row-span:1}.cell.is-col-start-2-mobile{--bulma-grid-cell-column-start:2}.cell.is-col-end-2-mobile{--bulma-grid-cell-column-end:2}.cell.is-col-from-end-2-mobile{--bulma-grid-cell-column-start:-2}.cell.is-col-span-2-mobile{--bulma-grid-cell-column-span:2}.cell.is-row-start-2-mobile{--bulma-grid-cell-row-start:2}.cell.is-row-end-2-mobile{--bulma-grid-cell-row-end:2}.cell.is-row-from-end-2-mobile{--bulma-grid-cell-row-start:-2}.cell.is-row-span-2-mobile{--bulma-grid-cell-row-span:2}.cell.is-col-start-3-mobile{--bulma-grid-cell-column-start:3}.cell.is-col-end-3-mobile{--bulma-grid-cell-column-end:3}.cell.is-col-from-end-3-mobile{--bulma-grid-cell-column-start:-3}.cell.is-col-span-3-mobile{--bulma-grid-cell-column-span:3}.cell.is-row-start-3-mobile{--bulma-grid-cell-row-start:3}.cell.is-row-end-3-mobile{--bulma-grid-cell-row-end:3}.cell.is-row-from-end-3-mobile{--bulma-grid-cell-row-start:-3}.cell.is-row-span-3-mobile{--bulma-grid-cell-row-span:3}.cell.is-col-start-4-mobile{--bulma-grid-cell-column-start:4}.cell.is-col-end-4-mobile{--bulma-grid-cell-column-end:4}.cell.is-col-from-end-4-mobile{--bulma-grid-cell-column-start:-4}.cell.is-col-span-4-mobile{--bulma-grid-cell-column-span:4}.cell.is-row-start-4-mobile{--bulma-grid-cell-row-start:4}.cell.is-row-end-4-mobile{--bulma-grid-cell-row-end:4}.cell.is-row-from-end-4-mobile{--bulma-grid-cell-row-start:-4}.cell.is-row-span-4-mobile{--bulma-grid-cell-row-span:4}.cell.is-col-start-5-mobile{--bulma-grid-cell-column-start:5}.cell.is-col-end-5-mobile{--bulma-grid-cell-column-end:5}.cell.is-col-from-end-5-mobile{--bulma-grid-cell-column-start:-5}.cell.is-col-span-5-mobile{--bulma-grid-cell-column-span:5}.cell.is-row-start-5-mobile{--bulma-grid-cell-row-start:5}.cell.is-row-end-5-mobile{--bulma-grid-cell-row-end:5}.cell.is-row-from-end-5-mobile{--bulma-grid-cell-row-start:-5}.cell.is-row-span-5-mobile{--bulma-grid-cell-row-span:5}.cell.is-col-start-6-mobile{--bulma-grid-cell-column-start:6}.cell.is-col-end-6-mobile{--bulma-grid-cell-column-end:6}.cell.is-col-from-end-6-mobile{--bulma-grid-cell-column-start:-6}.cell.is-col-span-6-mobile{--bulma-grid-cell-column-span:6}.cell.is-row-start-6-mobile{--bulma-grid-cell-row-start:6}.cell.is-row-end-6-mobile{--bulma-grid-cell-row-end:6}.cell.is-row-from-end-6-mobile{--bulma-grid-cell-row-start:-6}.cell.is-row-span-6-mobile{--bulma-grid-cell-row-span:6}.cell.is-col-start-7-mobile{--bulma-grid-cell-column-start:7}.cell.is-col-end-7-mobile{--bulma-grid-cell-column-end:7}.cell.is-col-from-end-7-mobile{--bulma-grid-cell-column-start:-7}.cell.is-col-span-7-mobile{--bulma-grid-cell-column-span:7}.cell.is-row-start-7-mobile{--bulma-grid-cell-row-start:7}.cell.is-row-end-7-mobile{--bulma-grid-cell-row-end:7}.cell.is-row-from-end-7-mobile{--bulma-grid-cell-row-start:-7}.cell.is-row-span-7-mobile{--bulma-grid-cell-row-span:7}.cell.is-col-start-8-mobile{--bulma-grid-cell-column-start:8}.cell.is-col-end-8-mobile{--bulma-grid-cell-column-end:8}.cell.is-col-from-end-8-mobile{--bulma-grid-cell-column-start:-8}.cell.is-col-span-8-mobile{--bulma-grid-cell-column-span:8}.cell.is-row-start-8-mobile{--bulma-grid-cell-row-start:8}.cell.is-row-end-8-mobile{--bulma-grid-cell-row-end:8}.cell.is-row-from-end-8-mobile{--bulma-grid-cell-row-start:-8}.cell.is-row-span-8-mobile{--bulma-grid-cell-row-span:8}.cell.is-col-start-9-mobile{--bulma-grid-cell-column-start:9}.cell.is-col-end-9-mobile{--bulma-grid-cell-column-end:9}.cell.is-col-from-end-9-mobile{--bulma-grid-cell-column-start:-9}.cell.is-col-span-9-mobile{--bulma-grid-cell-column-span:9}.cell.is-row-start-9-mobile{--bulma-grid-cell-row-start:9}.cell.is-row-end-9-mobile{--bulma-grid-cell-row-end:9}.cell.is-row-from-end-9-mobile{--bulma-grid-cell-row-start:-9}.cell.is-row-span-9-mobile{--bulma-grid-cell-row-span:9}.cell.is-col-start-10-mobile{--bulma-grid-cell-column-start:10}.cell.is-col-end-10-mobile{--bulma-grid-cell-column-end:10}.cell.is-col-from-end-10-mobile{--bulma-grid-cell-column-start:-10}.cell.is-col-span-10-mobile{--bulma-grid-cell-column-span:10}.cell.is-row-start-10-mobile{--bulma-grid-cell-row-start:10}.cell.is-row-end-10-mobile{--bulma-grid-cell-row-end:10}.cell.is-row-from-end-10-mobile{--bulma-grid-cell-row-start:-10}.cell.is-row-span-10-mobile{--bulma-grid-cell-row-span:10}.cell.is-col-start-11-mobile{--bulma-grid-cell-column-start:11}.cell.is-col-end-11-mobile{--bulma-grid-cell-column-end:11}.cell.is-col-from-end-11-mobile{--bulma-grid-cell-column-start:-11}.cell.is-col-span-11-mobile{--bulma-grid-cell-column-span:11}.cell.is-row-start-11-mobile{--bulma-grid-cell-row-start:11}.cell.is-row-end-11-mobile{--bulma-grid-cell-row-end:11}.cell.is-row-from-end-11-mobile{--bulma-grid-cell-row-start:-11}.cell.is-row-span-11-mobile{--bulma-grid-cell-row-span:11}.cell.is-col-start-12-mobile{--bulma-grid-cell-column-start:12}.cell.is-col-end-12-mobile{--bulma-grid-cell-column-end:12}.cell.is-col-from-end-12-mobile{--bulma-grid-cell-column-start:-12}.cell.is-col-span-12-mobile{--bulma-grid-cell-column-span:12}.cell.is-row-start-12-mobile{--bulma-grid-cell-row-start:12}.cell.is-row-end-12-mobile{--bulma-grid-cell-row-end:12}.cell.is-row-from-end-12-mobile{--bulma-grid-cell-row-start:-12}.cell.is-row-span-12-mobile{--bulma-grid-cell-row-span:12}}@media screen and (width>=769px),print{.cell.is-col-start-1-tablet{--bulma-grid-cell-column-start:1}.cell.is-col-end-1-tablet{--bulma-grid-cell-column-end:1}.cell.is-col-from-end-1-tablet{--bulma-grid-cell-column-start:-1}.cell.is-col-span-1-tablet{--bulma-grid-cell-column-span:1}.cell.is-row-start-1-tablet{--bulma-grid-cell-row-start:1}.cell.is-row-end-1-tablet{--bulma-grid-cell-row-end:1}.cell.is-row-from-end-1-tablet{--bulma-grid-cell-row-start:-1}.cell.is-row-span-1-tablet{--bulma-grid-cell-row-span:1}.cell.is-col-start-2-tablet{--bulma-grid-cell-column-start:2}.cell.is-col-end-2-tablet{--bulma-grid-cell-column-end:2}.cell.is-col-from-end-2-tablet{--bulma-grid-cell-column-start:-2}.cell.is-col-span-2-tablet{--bulma-grid-cell-column-span:2}.cell.is-row-start-2-tablet{--bulma-grid-cell-row-start:2}.cell.is-row-end-2-tablet{--bulma-grid-cell-row-end:2}.cell.is-row-from-end-2-tablet{--bulma-grid-cell-row-start:-2}.cell.is-row-span-2-tablet{--bulma-grid-cell-row-span:2}.cell.is-col-start-3-tablet{--bulma-grid-cell-column-start:3}.cell.is-col-end-3-tablet{--bulma-grid-cell-column-end:3}.cell.is-col-from-end-3-tablet{--bulma-grid-cell-column-start:-3}.cell.is-col-span-3-tablet{--bulma-grid-cell-column-span:3}.cell.is-row-start-3-tablet{--bulma-grid-cell-row-start:3}.cell.is-row-end-3-tablet{--bulma-grid-cell-row-end:3}.cell.is-row-from-end-3-tablet{--bulma-grid-cell-row-start:-3}.cell.is-row-span-3-tablet{--bulma-grid-cell-row-span:3}.cell.is-col-start-4-tablet{--bulma-grid-cell-column-start:4}.cell.is-col-end-4-tablet{--bulma-grid-cell-column-end:4}.cell.is-col-from-end-4-tablet{--bulma-grid-cell-column-start:-4}.cell.is-col-span-4-tablet{--bulma-grid-cell-column-span:4}.cell.is-row-start-4-tablet{--bulma-grid-cell-row-start:4}.cell.is-row-end-4-tablet{--bulma-grid-cell-row-end:4}.cell.is-row-from-end-4-tablet{--bulma-grid-cell-row-start:-4}.cell.is-row-span-4-tablet{--bulma-grid-cell-row-span:4}.cell.is-col-start-5-tablet{--bulma-grid-cell-column-start:5}.cell.is-col-end-5-tablet{--bulma-grid-cell-column-end:5}.cell.is-col-from-end-5-tablet{--bulma-grid-cell-column-start:-5}.cell.is-col-span-5-tablet{--bulma-grid-cell-column-span:5}.cell.is-row-start-5-tablet{--bulma-grid-cell-row-start:5}.cell.is-row-end-5-tablet{--bulma-grid-cell-row-end:5}.cell.is-row-from-end-5-tablet{--bulma-grid-cell-row-start:-5}.cell.is-row-span-5-tablet{--bulma-grid-cell-row-span:5}.cell.is-col-start-6-tablet{--bulma-grid-cell-column-start:6}.cell.is-col-end-6-tablet{--bulma-grid-cell-column-end:6}.cell.is-col-from-end-6-tablet{--bulma-grid-cell-column-start:-6}.cell.is-col-span-6-tablet{--bulma-grid-cell-column-span:6}.cell.is-row-start-6-tablet{--bulma-grid-cell-row-start:6}.cell.is-row-end-6-tablet{--bulma-grid-cell-row-end:6}.cell.is-row-from-end-6-tablet{--bulma-grid-cell-row-start:-6}.cell.is-row-span-6-tablet{--bulma-grid-cell-row-span:6}.cell.is-col-start-7-tablet{--bulma-grid-cell-column-start:7}.cell.is-col-end-7-tablet{--bulma-grid-cell-column-end:7}.cell.is-col-from-end-7-tablet{--bulma-grid-cell-column-start:-7}.cell.is-col-span-7-tablet{--bulma-grid-cell-column-span:7}.cell.is-row-start-7-tablet{--bulma-grid-cell-row-start:7}.cell.is-row-end-7-tablet{--bulma-grid-cell-row-end:7}.cell.is-row-from-end-7-tablet{--bulma-grid-cell-row-start:-7}.cell.is-row-span-7-tablet{--bulma-grid-cell-row-span:7}.cell.is-col-start-8-tablet{--bulma-grid-cell-column-start:8}.cell.is-col-end-8-tablet{--bulma-grid-cell-column-end:8}.cell.is-col-from-end-8-tablet{--bulma-grid-cell-column-start:-8}.cell.is-col-span-8-tablet{--bulma-grid-cell-column-span:8}.cell.is-row-start-8-tablet{--bulma-grid-cell-row-start:8}.cell.is-row-end-8-tablet{--bulma-grid-cell-row-end:8}.cell.is-row-from-end-8-tablet{--bulma-grid-cell-row-start:-8}.cell.is-row-span-8-tablet{--bulma-grid-cell-row-span:8}.cell.is-col-start-9-tablet{--bulma-grid-cell-column-start:9}.cell.is-col-end-9-tablet{--bulma-grid-cell-column-end:9}.cell.is-col-from-end-9-tablet{--bulma-grid-cell-column-start:-9}.cell.is-col-span-9-tablet{--bulma-grid-cell-column-span:9}.cell.is-row-start-9-tablet{--bulma-grid-cell-row-start:9}.cell.is-row-end-9-tablet{--bulma-grid-cell-row-end:9}.cell.is-row-from-end-9-tablet{--bulma-grid-cell-row-start:-9}.cell.is-row-span-9-tablet{--bulma-grid-cell-row-span:9}.cell.is-col-start-10-tablet{--bulma-grid-cell-column-start:10}.cell.is-col-end-10-tablet{--bulma-grid-cell-column-end:10}.cell.is-col-from-end-10-tablet{--bulma-grid-cell-column-start:-10}.cell.is-col-span-10-tablet{--bulma-grid-cell-column-span:10}.cell.is-row-start-10-tablet{--bulma-grid-cell-row-start:10}.cell.is-row-end-10-tablet{--bulma-grid-cell-row-end:10}.cell.is-row-from-end-10-tablet{--bulma-grid-cell-row-start:-10}.cell.is-row-span-10-tablet{--bulma-grid-cell-row-span:10}.cell.is-col-start-11-tablet{--bulma-grid-cell-column-start:11}.cell.is-col-end-11-tablet{--bulma-grid-cell-column-end:11}.cell.is-col-from-end-11-tablet{--bulma-grid-cell-column-start:-11}.cell.is-col-span-11-tablet{--bulma-grid-cell-column-span:11}.cell.is-row-start-11-tablet{--bulma-grid-cell-row-start:11}.cell.is-row-end-11-tablet{--bulma-grid-cell-row-end:11}.cell.is-row-from-end-11-tablet{--bulma-grid-cell-row-start:-11}.cell.is-row-span-11-tablet{--bulma-grid-cell-row-span:11}.cell.is-col-start-12-tablet{--bulma-grid-cell-column-start:12}.cell.is-col-end-12-tablet{--bulma-grid-cell-column-end:12}.cell.is-col-from-end-12-tablet{--bulma-grid-cell-column-start:-12}.cell.is-col-span-12-tablet{--bulma-grid-cell-column-span:12}.cell.is-row-start-12-tablet{--bulma-grid-cell-row-start:12}.cell.is-row-end-12-tablet{--bulma-grid-cell-row-end:12}.cell.is-row-from-end-12-tablet{--bulma-grid-cell-row-start:-12}.cell.is-row-span-12-tablet{--bulma-grid-cell-row-span:12}}@media screen and (width>=769px) and (width<=1023px){.cell.is-col-start-1-tablet-only{--bulma-grid-cell-column-start:1}.cell.is-col-end-1-tablet-only{--bulma-grid-cell-column-end:1}.cell.is-col-from-end-1-tablet-only{--bulma-grid-cell-column-start:-1}.cell.is-col-span-1-tablet-only{--bulma-grid-cell-column-span:1}.cell.is-row-start-1-tablet-only{--bulma-grid-cell-row-start:1}.cell.is-row-end-1-tablet-only{--bulma-grid-cell-row-end:1}.cell.is-row-from-end-1-tablet-only{--bulma-grid-cell-row-start:-1}.cell.is-row-span-1-tablet-only{--bulma-grid-cell-row-span:1}.cell.is-col-start-2-tablet-only{--bulma-grid-cell-column-start:2}.cell.is-col-end-2-tablet-only{--bulma-grid-cell-column-end:2}.cell.is-col-from-end-2-tablet-only{--bulma-grid-cell-column-start:-2}.cell.is-col-span-2-tablet-only{--bulma-grid-cell-column-span:2}.cell.is-row-start-2-tablet-only{--bulma-grid-cell-row-start:2}.cell.is-row-end-2-tablet-only{--bulma-grid-cell-row-end:2}.cell.is-row-from-end-2-tablet-only{--bulma-grid-cell-row-start:-2}.cell.is-row-span-2-tablet-only{--bulma-grid-cell-row-span:2}.cell.is-col-start-3-tablet-only{--bulma-grid-cell-column-start:3}.cell.is-col-end-3-tablet-only{--bulma-grid-cell-column-end:3}.cell.is-col-from-end-3-tablet-only{--bulma-grid-cell-column-start:-3}.cell.is-col-span-3-tablet-only{--bulma-grid-cell-column-span:3}.cell.is-row-start-3-tablet-only{--bulma-grid-cell-row-start:3}.cell.is-row-end-3-tablet-only{--bulma-grid-cell-row-end:3}.cell.is-row-from-end-3-tablet-only{--bulma-grid-cell-row-start:-3}.cell.is-row-span-3-tablet-only{--bulma-grid-cell-row-span:3}.cell.is-col-start-4-tablet-only{--bulma-grid-cell-column-start:4}.cell.is-col-end-4-tablet-only{--bulma-grid-cell-column-end:4}.cell.is-col-from-end-4-tablet-only{--bulma-grid-cell-column-start:-4}.cell.is-col-span-4-tablet-only{--bulma-grid-cell-column-span:4}.cell.is-row-start-4-tablet-only{--bulma-grid-cell-row-start:4}.cell.is-row-end-4-tablet-only{--bulma-grid-cell-row-end:4}.cell.is-row-from-end-4-tablet-only{--bulma-grid-cell-row-start:-4}.cell.is-row-span-4-tablet-only{--bulma-grid-cell-row-span:4}.cell.is-col-start-5-tablet-only{--bulma-grid-cell-column-start:5}.cell.is-col-end-5-tablet-only{--bulma-grid-cell-column-end:5}.cell.is-col-from-end-5-tablet-only{--bulma-grid-cell-column-start:-5}.cell.is-col-span-5-tablet-only{--bulma-grid-cell-column-span:5}.cell.is-row-start-5-tablet-only{--bulma-grid-cell-row-start:5}.cell.is-row-end-5-tablet-only{--bulma-grid-cell-row-end:5}.cell.is-row-from-end-5-tablet-only{--bulma-grid-cell-row-start:-5}.cell.is-row-span-5-tablet-only{--bulma-grid-cell-row-span:5}.cell.is-col-start-6-tablet-only{--bulma-grid-cell-column-start:6}.cell.is-col-end-6-tablet-only{--bulma-grid-cell-column-end:6}.cell.is-col-from-end-6-tablet-only{--bulma-grid-cell-column-start:-6}.cell.is-col-span-6-tablet-only{--bulma-grid-cell-column-span:6}.cell.is-row-start-6-tablet-only{--bulma-grid-cell-row-start:6}.cell.is-row-end-6-tablet-only{--bulma-grid-cell-row-end:6}.cell.is-row-from-end-6-tablet-only{--bulma-grid-cell-row-start:-6}.cell.is-row-span-6-tablet-only{--bulma-grid-cell-row-span:6}.cell.is-col-start-7-tablet-only{--bulma-grid-cell-column-start:7}.cell.is-col-end-7-tablet-only{--bulma-grid-cell-column-end:7}.cell.is-col-from-end-7-tablet-only{--bulma-grid-cell-column-start:-7}.cell.is-col-span-7-tablet-only{--bulma-grid-cell-column-span:7}.cell.is-row-start-7-tablet-only{--bulma-grid-cell-row-start:7}.cell.is-row-end-7-tablet-only{--bulma-grid-cell-row-end:7}.cell.is-row-from-end-7-tablet-only{--bulma-grid-cell-row-start:-7}.cell.is-row-span-7-tablet-only{--bulma-grid-cell-row-span:7}.cell.is-col-start-8-tablet-only{--bulma-grid-cell-column-start:8}.cell.is-col-end-8-tablet-only{--bulma-grid-cell-column-end:8}.cell.is-col-from-end-8-tablet-only{--bulma-grid-cell-column-start:-8}.cell.is-col-span-8-tablet-only{--bulma-grid-cell-column-span:8}.cell.is-row-start-8-tablet-only{--bulma-grid-cell-row-start:8}.cell.is-row-end-8-tablet-only{--bulma-grid-cell-row-end:8}.cell.is-row-from-end-8-tablet-only{--bulma-grid-cell-row-start:-8}.cell.is-row-span-8-tablet-only{--bulma-grid-cell-row-span:8}.cell.is-col-start-9-tablet-only{--bulma-grid-cell-column-start:9}.cell.is-col-end-9-tablet-only{--bulma-grid-cell-column-end:9}.cell.is-col-from-end-9-tablet-only{--bulma-grid-cell-column-start:-9}.cell.is-col-span-9-tablet-only{--bulma-grid-cell-column-span:9}.cell.is-row-start-9-tablet-only{--bulma-grid-cell-row-start:9}.cell.is-row-end-9-tablet-only{--bulma-grid-cell-row-end:9}.cell.is-row-from-end-9-tablet-only{--bulma-grid-cell-row-start:-9}.cell.is-row-span-9-tablet-only{--bulma-grid-cell-row-span:9}.cell.is-col-start-10-tablet-only{--bulma-grid-cell-column-start:10}.cell.is-col-end-10-tablet-only{--bulma-grid-cell-column-end:10}.cell.is-col-from-end-10-tablet-only{--bulma-grid-cell-column-start:-10}.cell.is-col-span-10-tablet-only{--bulma-grid-cell-column-span:10}.cell.is-row-start-10-tablet-only{--bulma-grid-cell-row-start:10}.cell.is-row-end-10-tablet-only{--bulma-grid-cell-row-end:10}.cell.is-row-from-end-10-tablet-only{--bulma-grid-cell-row-start:-10}.cell.is-row-span-10-tablet-only{--bulma-grid-cell-row-span:10}.cell.is-col-start-11-tablet-only{--bulma-grid-cell-column-start:11}.cell.is-col-end-11-tablet-only{--bulma-grid-cell-column-end:11}.cell.is-col-from-end-11-tablet-only{--bulma-grid-cell-column-start:-11}.cell.is-col-span-11-tablet-only{--bulma-grid-cell-column-span:11}.cell.is-row-start-11-tablet-only{--bulma-grid-cell-row-start:11}.cell.is-row-end-11-tablet-only{--bulma-grid-cell-row-end:11}.cell.is-row-from-end-11-tablet-only{--bulma-grid-cell-row-start:-11}.cell.is-row-span-11-tablet-only{--bulma-grid-cell-row-span:11}.cell.is-col-start-12-tablet-only{--bulma-grid-cell-column-start:12}.cell.is-col-end-12-tablet-only{--bulma-grid-cell-column-end:12}.cell.is-col-from-end-12-tablet-only{--bulma-grid-cell-column-start:-12}.cell.is-col-span-12-tablet-only{--bulma-grid-cell-column-span:12}.cell.is-row-start-12-tablet-only{--bulma-grid-cell-row-start:12}.cell.is-row-end-12-tablet-only{--bulma-grid-cell-row-end:12}.cell.is-row-from-end-12-tablet-only{--bulma-grid-cell-row-start:-12}.cell.is-row-span-12-tablet-only{--bulma-grid-cell-row-span:12}}@media screen and (width>=1024px){.cell.is-col-start-1-desktop{--bulma-grid-cell-column-start:1}.cell.is-col-end-1-desktop{--bulma-grid-cell-column-end:1}.cell.is-col-from-end-1-desktop{--bulma-grid-cell-column-start:-1}.cell.is-col-span-1-desktop{--bulma-grid-cell-column-span:1}.cell.is-row-start-1-desktop{--bulma-grid-cell-row-start:1}.cell.is-row-end-1-desktop{--bulma-grid-cell-row-end:1}.cell.is-row-from-end-1-desktop{--bulma-grid-cell-row-start:-1}.cell.is-row-span-1-desktop{--bulma-grid-cell-row-span:1}.cell.is-col-start-2-desktop{--bulma-grid-cell-column-start:2}.cell.is-col-end-2-desktop{--bulma-grid-cell-column-end:2}.cell.is-col-from-end-2-desktop{--bulma-grid-cell-column-start:-2}.cell.is-col-span-2-desktop{--bulma-grid-cell-column-span:2}.cell.is-row-start-2-desktop{--bulma-grid-cell-row-start:2}.cell.is-row-end-2-desktop{--bulma-grid-cell-row-end:2}.cell.is-row-from-end-2-desktop{--bulma-grid-cell-row-start:-2}.cell.is-row-span-2-desktop{--bulma-grid-cell-row-span:2}.cell.is-col-start-3-desktop{--bulma-grid-cell-column-start:3}.cell.is-col-end-3-desktop{--bulma-grid-cell-column-end:3}.cell.is-col-from-end-3-desktop{--bulma-grid-cell-column-start:-3}.cell.is-col-span-3-desktop{--bulma-grid-cell-column-span:3}.cell.is-row-start-3-desktop{--bulma-grid-cell-row-start:3}.cell.is-row-end-3-desktop{--bulma-grid-cell-row-end:3}.cell.is-row-from-end-3-desktop{--bulma-grid-cell-row-start:-3}.cell.is-row-span-3-desktop{--bulma-grid-cell-row-span:3}.cell.is-col-start-4-desktop{--bulma-grid-cell-column-start:4}.cell.is-col-end-4-desktop{--bulma-grid-cell-column-end:4}.cell.is-col-from-end-4-desktop{--bulma-grid-cell-column-start:-4}.cell.is-col-span-4-desktop{--bulma-grid-cell-column-span:4}.cell.is-row-start-4-desktop{--bulma-grid-cell-row-start:4}.cell.is-row-end-4-desktop{--bulma-grid-cell-row-end:4}.cell.is-row-from-end-4-desktop{--bulma-grid-cell-row-start:-4}.cell.is-row-span-4-desktop{--bulma-grid-cell-row-span:4}.cell.is-col-start-5-desktop{--bulma-grid-cell-column-start:5}.cell.is-col-end-5-desktop{--bulma-grid-cell-column-end:5}.cell.is-col-from-end-5-desktop{--bulma-grid-cell-column-start:-5}.cell.is-col-span-5-desktop{--bulma-grid-cell-column-span:5}.cell.is-row-start-5-desktop{--bulma-grid-cell-row-start:5}.cell.is-row-end-5-desktop{--bulma-grid-cell-row-end:5}.cell.is-row-from-end-5-desktop{--bulma-grid-cell-row-start:-5}.cell.is-row-span-5-desktop{--bulma-grid-cell-row-span:5}.cell.is-col-start-6-desktop{--bulma-grid-cell-column-start:6}.cell.is-col-end-6-desktop{--bulma-grid-cell-column-end:6}.cell.is-col-from-end-6-desktop{--bulma-grid-cell-column-start:-6}.cell.is-col-span-6-desktop{--bulma-grid-cell-column-span:6}.cell.is-row-start-6-desktop{--bulma-grid-cell-row-start:6}.cell.is-row-end-6-desktop{--bulma-grid-cell-row-end:6}.cell.is-row-from-end-6-desktop{--bulma-grid-cell-row-start:-6}.cell.is-row-span-6-desktop{--bulma-grid-cell-row-span:6}.cell.is-col-start-7-desktop{--bulma-grid-cell-column-start:7}.cell.is-col-end-7-desktop{--bulma-grid-cell-column-end:7}.cell.is-col-from-end-7-desktop{--bulma-grid-cell-column-start:-7}.cell.is-col-span-7-desktop{--bulma-grid-cell-column-span:7}.cell.is-row-start-7-desktop{--bulma-grid-cell-row-start:7}.cell.is-row-end-7-desktop{--bulma-grid-cell-row-end:7}.cell.is-row-from-end-7-desktop{--bulma-grid-cell-row-start:-7}.cell.is-row-span-7-desktop{--bulma-grid-cell-row-span:7}.cell.is-col-start-8-desktop{--bulma-grid-cell-column-start:8}.cell.is-col-end-8-desktop{--bulma-grid-cell-column-end:8}.cell.is-col-from-end-8-desktop{--bulma-grid-cell-column-start:-8}.cell.is-col-span-8-desktop{--bulma-grid-cell-column-span:8}.cell.is-row-start-8-desktop{--bulma-grid-cell-row-start:8}.cell.is-row-end-8-desktop{--bulma-grid-cell-row-end:8}.cell.is-row-from-end-8-desktop{--bulma-grid-cell-row-start:-8}.cell.is-row-span-8-desktop{--bulma-grid-cell-row-span:8}.cell.is-col-start-9-desktop{--bulma-grid-cell-column-start:9}.cell.is-col-end-9-desktop{--bulma-grid-cell-column-end:9}.cell.is-col-from-end-9-desktop{--bulma-grid-cell-column-start:-9}.cell.is-col-span-9-desktop{--bulma-grid-cell-column-span:9}.cell.is-row-start-9-desktop{--bulma-grid-cell-row-start:9}.cell.is-row-end-9-desktop{--bulma-grid-cell-row-end:9}.cell.is-row-from-end-9-desktop{--bulma-grid-cell-row-start:-9}.cell.is-row-span-9-desktop{--bulma-grid-cell-row-span:9}.cell.is-col-start-10-desktop{--bulma-grid-cell-column-start:10}.cell.is-col-end-10-desktop{--bulma-grid-cell-column-end:10}.cell.is-col-from-end-10-desktop{--bulma-grid-cell-column-start:-10}.cell.is-col-span-10-desktop{--bulma-grid-cell-column-span:10}.cell.is-row-start-10-desktop{--bulma-grid-cell-row-start:10}.cell.is-row-end-10-desktop{--bulma-grid-cell-row-end:10}.cell.is-row-from-end-10-desktop{--bulma-grid-cell-row-start:-10}.cell.is-row-span-10-desktop{--bulma-grid-cell-row-span:10}.cell.is-col-start-11-desktop{--bulma-grid-cell-column-start:11}.cell.is-col-end-11-desktop{--bulma-grid-cell-column-end:11}.cell.is-col-from-end-11-desktop{--bulma-grid-cell-column-start:-11}.cell.is-col-span-11-desktop{--bulma-grid-cell-column-span:11}.cell.is-row-start-11-desktop{--bulma-grid-cell-row-start:11}.cell.is-row-end-11-desktop{--bulma-grid-cell-row-end:11}.cell.is-row-from-end-11-desktop{--bulma-grid-cell-row-start:-11}.cell.is-row-span-11-desktop{--bulma-grid-cell-row-span:11}.cell.is-col-start-12-desktop{--bulma-grid-cell-column-start:12}.cell.is-col-end-12-desktop{--bulma-grid-cell-column-end:12}.cell.is-col-from-end-12-desktop{--bulma-grid-cell-column-start:-12}.cell.is-col-span-12-desktop{--bulma-grid-cell-column-span:12}.cell.is-row-start-12-desktop{--bulma-grid-cell-row-start:12}.cell.is-row-end-12-desktop{--bulma-grid-cell-row-end:12}.cell.is-row-from-end-12-desktop{--bulma-grid-cell-row-start:-12}.cell.is-row-span-12-desktop{--bulma-grid-cell-row-span:12}}@media screen and (width>=1024px) and (width<=1215px){.cell.is-col-start-1-desktop-only{--bulma-grid-cell-column-start:1}.cell.is-col-end-1-desktop-only{--bulma-grid-cell-column-end:1}.cell.is-col-from-end-1-desktop-only{--bulma-grid-cell-column-start:-1}.cell.is-col-span-1-desktop-only{--bulma-grid-cell-column-span:1}.cell.is-row-start-1-desktop-only{--bulma-grid-cell-row-start:1}.cell.is-row-end-1-desktop-only{--bulma-grid-cell-row-end:1}.cell.is-row-from-end-1-desktop-only{--bulma-grid-cell-row-start:-1}.cell.is-row-span-1-desktop-only{--bulma-grid-cell-row-span:1}.cell.is-col-start-2-desktop-only{--bulma-grid-cell-column-start:2}.cell.is-col-end-2-desktop-only{--bulma-grid-cell-column-end:2}.cell.is-col-from-end-2-desktop-only{--bulma-grid-cell-column-start:-2}.cell.is-col-span-2-desktop-only{--bulma-grid-cell-column-span:2}.cell.is-row-start-2-desktop-only{--bulma-grid-cell-row-start:2}.cell.is-row-end-2-desktop-only{--bulma-grid-cell-row-end:2}.cell.is-row-from-end-2-desktop-only{--bulma-grid-cell-row-start:-2}.cell.is-row-span-2-desktop-only{--bulma-grid-cell-row-span:2}.cell.is-col-start-3-desktop-only{--bulma-grid-cell-column-start:3}.cell.is-col-end-3-desktop-only{--bulma-grid-cell-column-end:3}.cell.is-col-from-end-3-desktop-only{--bulma-grid-cell-column-start:-3}.cell.is-col-span-3-desktop-only{--bulma-grid-cell-column-span:3}.cell.is-row-start-3-desktop-only{--bulma-grid-cell-row-start:3}.cell.is-row-end-3-desktop-only{--bulma-grid-cell-row-end:3}.cell.is-row-from-end-3-desktop-only{--bulma-grid-cell-row-start:-3}.cell.is-row-span-3-desktop-only{--bulma-grid-cell-row-span:3}.cell.is-col-start-4-desktop-only{--bulma-grid-cell-column-start:4}.cell.is-col-end-4-desktop-only{--bulma-grid-cell-column-end:4}.cell.is-col-from-end-4-desktop-only{--bulma-grid-cell-column-start:-4}.cell.is-col-span-4-desktop-only{--bulma-grid-cell-column-span:4}.cell.is-row-start-4-desktop-only{--bulma-grid-cell-row-start:4}.cell.is-row-end-4-desktop-only{--bulma-grid-cell-row-end:4}.cell.is-row-from-end-4-desktop-only{--bulma-grid-cell-row-start:-4}.cell.is-row-span-4-desktop-only{--bulma-grid-cell-row-span:4}.cell.is-col-start-5-desktop-only{--bulma-grid-cell-column-start:5}.cell.is-col-end-5-desktop-only{--bulma-grid-cell-column-end:5}.cell.is-col-from-end-5-desktop-only{--bulma-grid-cell-column-start:-5}.cell.is-col-span-5-desktop-only{--bulma-grid-cell-column-span:5}.cell.is-row-start-5-desktop-only{--bulma-grid-cell-row-start:5}.cell.is-row-end-5-desktop-only{--bulma-grid-cell-row-end:5}.cell.is-row-from-end-5-desktop-only{--bulma-grid-cell-row-start:-5}.cell.is-row-span-5-desktop-only{--bulma-grid-cell-row-span:5}.cell.is-col-start-6-desktop-only{--bulma-grid-cell-column-start:6}.cell.is-col-end-6-desktop-only{--bulma-grid-cell-column-end:6}.cell.is-col-from-end-6-desktop-only{--bulma-grid-cell-column-start:-6}.cell.is-col-span-6-desktop-only{--bulma-grid-cell-column-span:6}.cell.is-row-start-6-desktop-only{--bulma-grid-cell-row-start:6}.cell.is-row-end-6-desktop-only{--bulma-grid-cell-row-end:6}.cell.is-row-from-end-6-desktop-only{--bulma-grid-cell-row-start:-6}.cell.is-row-span-6-desktop-only{--bulma-grid-cell-row-span:6}.cell.is-col-start-7-desktop-only{--bulma-grid-cell-column-start:7}.cell.is-col-end-7-desktop-only{--bulma-grid-cell-column-end:7}.cell.is-col-from-end-7-desktop-only{--bulma-grid-cell-column-start:-7}.cell.is-col-span-7-desktop-only{--bulma-grid-cell-column-span:7}.cell.is-row-start-7-desktop-only{--bulma-grid-cell-row-start:7}.cell.is-row-end-7-desktop-only{--bulma-grid-cell-row-end:7}.cell.is-row-from-end-7-desktop-only{--bulma-grid-cell-row-start:-7}.cell.is-row-span-7-desktop-only{--bulma-grid-cell-row-span:7}.cell.is-col-start-8-desktop-only{--bulma-grid-cell-column-start:8}.cell.is-col-end-8-desktop-only{--bulma-grid-cell-column-end:8}.cell.is-col-from-end-8-desktop-only{--bulma-grid-cell-column-start:-8}.cell.is-col-span-8-desktop-only{--bulma-grid-cell-column-span:8}.cell.is-row-start-8-desktop-only{--bulma-grid-cell-row-start:8}.cell.is-row-end-8-desktop-only{--bulma-grid-cell-row-end:8}.cell.is-row-from-end-8-desktop-only{--bulma-grid-cell-row-start:-8}.cell.is-row-span-8-desktop-only{--bulma-grid-cell-row-span:8}.cell.is-col-start-9-desktop-only{--bulma-grid-cell-column-start:9}.cell.is-col-end-9-desktop-only{--bulma-grid-cell-column-end:9}.cell.is-col-from-end-9-desktop-only{--bulma-grid-cell-column-start:-9}.cell.is-col-span-9-desktop-only{--bulma-grid-cell-column-span:9}.cell.is-row-start-9-desktop-only{--bulma-grid-cell-row-start:9}.cell.is-row-end-9-desktop-only{--bulma-grid-cell-row-end:9}.cell.is-row-from-end-9-desktop-only{--bulma-grid-cell-row-start:-9}.cell.is-row-span-9-desktop-only{--bulma-grid-cell-row-span:9}.cell.is-col-start-10-desktop-only{--bulma-grid-cell-column-start:10}.cell.is-col-end-10-desktop-only{--bulma-grid-cell-column-end:10}.cell.is-col-from-end-10-desktop-only{--bulma-grid-cell-column-start:-10}.cell.is-col-span-10-desktop-only{--bulma-grid-cell-column-span:10}.cell.is-row-start-10-desktop-only{--bulma-grid-cell-row-start:10}.cell.is-row-end-10-desktop-only{--bulma-grid-cell-row-end:10}.cell.is-row-from-end-10-desktop-only{--bulma-grid-cell-row-start:-10}.cell.is-row-span-10-desktop-only{--bulma-grid-cell-row-span:10}.cell.is-col-start-11-desktop-only{--bulma-grid-cell-column-start:11}.cell.is-col-end-11-desktop-only{--bulma-grid-cell-column-end:11}.cell.is-col-from-end-11-desktop-only{--bulma-grid-cell-column-start:-11}.cell.is-col-span-11-desktop-only{--bulma-grid-cell-column-span:11}.cell.is-row-start-11-desktop-only{--bulma-grid-cell-row-start:11}.cell.is-row-end-11-desktop-only{--bulma-grid-cell-row-end:11}.cell.is-row-from-end-11-desktop-only{--bulma-grid-cell-row-start:-11}.cell.is-row-span-11-desktop-only{--bulma-grid-cell-row-span:11}.cell.is-col-start-12-desktop-only{--bulma-grid-cell-column-start:12}.cell.is-col-end-12-desktop-only{--bulma-grid-cell-column-end:12}.cell.is-col-from-end-12-desktop-only{--bulma-grid-cell-column-start:-12}.cell.is-col-span-12-desktop-only{--bulma-grid-cell-column-span:12}.cell.is-row-start-12-desktop-only{--bulma-grid-cell-row-start:12}.cell.is-row-end-12-desktop-only{--bulma-grid-cell-row-end:12}.cell.is-row-from-end-12-desktop-only{--bulma-grid-cell-row-start:-12}.cell.is-row-span-12-desktop-only{--bulma-grid-cell-row-span:12}}@media screen and (width>=1216px){.cell.is-col-start-1-widescreen{--bulma-grid-cell-column-start:1}.cell.is-col-end-1-widescreen{--bulma-grid-cell-column-end:1}.cell.is-col-from-end-1-widescreen{--bulma-grid-cell-column-start:-1}.cell.is-col-span-1-widescreen{--bulma-grid-cell-column-span:1}.cell.is-row-start-1-widescreen{--bulma-grid-cell-row-start:1}.cell.is-row-end-1-widescreen{--bulma-grid-cell-row-end:1}.cell.is-row-from-end-1-widescreen{--bulma-grid-cell-row-start:-1}.cell.is-row-span-1-widescreen{--bulma-grid-cell-row-span:1}.cell.is-col-start-2-widescreen{--bulma-grid-cell-column-start:2}.cell.is-col-end-2-widescreen{--bulma-grid-cell-column-end:2}.cell.is-col-from-end-2-widescreen{--bulma-grid-cell-column-start:-2}.cell.is-col-span-2-widescreen{--bulma-grid-cell-column-span:2}.cell.is-row-start-2-widescreen{--bulma-grid-cell-row-start:2}.cell.is-row-end-2-widescreen{--bulma-grid-cell-row-end:2}.cell.is-row-from-end-2-widescreen{--bulma-grid-cell-row-start:-2}.cell.is-row-span-2-widescreen{--bulma-grid-cell-row-span:2}.cell.is-col-start-3-widescreen{--bulma-grid-cell-column-start:3}.cell.is-col-end-3-widescreen{--bulma-grid-cell-column-end:3}.cell.is-col-from-end-3-widescreen{--bulma-grid-cell-column-start:-3}.cell.is-col-span-3-widescreen{--bulma-grid-cell-column-span:3}.cell.is-row-start-3-widescreen{--bulma-grid-cell-row-start:3}.cell.is-row-end-3-widescreen{--bulma-grid-cell-row-end:3}.cell.is-row-from-end-3-widescreen{--bulma-grid-cell-row-start:-3}.cell.is-row-span-3-widescreen{--bulma-grid-cell-row-span:3}.cell.is-col-start-4-widescreen{--bulma-grid-cell-column-start:4}.cell.is-col-end-4-widescreen{--bulma-grid-cell-column-end:4}.cell.is-col-from-end-4-widescreen{--bulma-grid-cell-column-start:-4}.cell.is-col-span-4-widescreen{--bulma-grid-cell-column-span:4}.cell.is-row-start-4-widescreen{--bulma-grid-cell-row-start:4}.cell.is-row-end-4-widescreen{--bulma-grid-cell-row-end:4}.cell.is-row-from-end-4-widescreen{--bulma-grid-cell-row-start:-4}.cell.is-row-span-4-widescreen{--bulma-grid-cell-row-span:4}.cell.is-col-start-5-widescreen{--bulma-grid-cell-column-start:5}.cell.is-col-end-5-widescreen{--bulma-grid-cell-column-end:5}.cell.is-col-from-end-5-widescreen{--bulma-grid-cell-column-start:-5}.cell.is-col-span-5-widescreen{--bulma-grid-cell-column-span:5}.cell.is-row-start-5-widescreen{--bulma-grid-cell-row-start:5}.cell.is-row-end-5-widescreen{--bulma-grid-cell-row-end:5}.cell.is-row-from-end-5-widescreen{--bulma-grid-cell-row-start:-5}.cell.is-row-span-5-widescreen{--bulma-grid-cell-row-span:5}.cell.is-col-start-6-widescreen{--bulma-grid-cell-column-start:6}.cell.is-col-end-6-widescreen{--bulma-grid-cell-column-end:6}.cell.is-col-from-end-6-widescreen{--bulma-grid-cell-column-start:-6}.cell.is-col-span-6-widescreen{--bulma-grid-cell-column-span:6}.cell.is-row-start-6-widescreen{--bulma-grid-cell-row-start:6}.cell.is-row-end-6-widescreen{--bulma-grid-cell-row-end:6}.cell.is-row-from-end-6-widescreen{--bulma-grid-cell-row-start:-6}.cell.is-row-span-6-widescreen{--bulma-grid-cell-row-span:6}.cell.is-col-start-7-widescreen{--bulma-grid-cell-column-start:7}.cell.is-col-end-7-widescreen{--bulma-grid-cell-column-end:7}.cell.is-col-from-end-7-widescreen{--bulma-grid-cell-column-start:-7}.cell.is-col-span-7-widescreen{--bulma-grid-cell-column-span:7}.cell.is-row-start-7-widescreen{--bulma-grid-cell-row-start:7}.cell.is-row-end-7-widescreen{--bulma-grid-cell-row-end:7}.cell.is-row-from-end-7-widescreen{--bulma-grid-cell-row-start:-7}.cell.is-row-span-7-widescreen{--bulma-grid-cell-row-span:7}.cell.is-col-start-8-widescreen{--bulma-grid-cell-column-start:8}.cell.is-col-end-8-widescreen{--bulma-grid-cell-column-end:8}.cell.is-col-from-end-8-widescreen{--bulma-grid-cell-column-start:-8}.cell.is-col-span-8-widescreen{--bulma-grid-cell-column-span:8}.cell.is-row-start-8-widescreen{--bulma-grid-cell-row-start:8}.cell.is-row-end-8-widescreen{--bulma-grid-cell-row-end:8}.cell.is-row-from-end-8-widescreen{--bulma-grid-cell-row-start:-8}.cell.is-row-span-8-widescreen{--bulma-grid-cell-row-span:8}.cell.is-col-start-9-widescreen{--bulma-grid-cell-column-start:9}.cell.is-col-end-9-widescreen{--bulma-grid-cell-column-end:9}.cell.is-col-from-end-9-widescreen{--bulma-grid-cell-column-start:-9}.cell.is-col-span-9-widescreen{--bulma-grid-cell-column-span:9}.cell.is-row-start-9-widescreen{--bulma-grid-cell-row-start:9}.cell.is-row-end-9-widescreen{--bulma-grid-cell-row-end:9}.cell.is-row-from-end-9-widescreen{--bulma-grid-cell-row-start:-9}.cell.is-row-span-9-widescreen{--bulma-grid-cell-row-span:9}.cell.is-col-start-10-widescreen{--bulma-grid-cell-column-start:10}.cell.is-col-end-10-widescreen{--bulma-grid-cell-column-end:10}.cell.is-col-from-end-10-widescreen{--bulma-grid-cell-column-start:-10}.cell.is-col-span-10-widescreen{--bulma-grid-cell-column-span:10}.cell.is-row-start-10-widescreen{--bulma-grid-cell-row-start:10}.cell.is-row-end-10-widescreen{--bulma-grid-cell-row-end:10}.cell.is-row-from-end-10-widescreen{--bulma-grid-cell-row-start:-10}.cell.is-row-span-10-widescreen{--bulma-grid-cell-row-span:10}.cell.is-col-start-11-widescreen{--bulma-grid-cell-column-start:11}.cell.is-col-end-11-widescreen{--bulma-grid-cell-column-end:11}.cell.is-col-from-end-11-widescreen{--bulma-grid-cell-column-start:-11}.cell.is-col-span-11-widescreen{--bulma-grid-cell-column-span:11}.cell.is-row-start-11-widescreen{--bulma-grid-cell-row-start:11}.cell.is-row-end-11-widescreen{--bulma-grid-cell-row-end:11}.cell.is-row-from-end-11-widescreen{--bulma-grid-cell-row-start:-11}.cell.is-row-span-11-widescreen{--bulma-grid-cell-row-span:11}.cell.is-col-start-12-widescreen{--bulma-grid-cell-column-start:12}.cell.is-col-end-12-widescreen{--bulma-grid-cell-column-end:12}.cell.is-col-from-end-12-widescreen{--bulma-grid-cell-column-start:-12}.cell.is-col-span-12-widescreen{--bulma-grid-cell-column-span:12}.cell.is-row-start-12-widescreen{--bulma-grid-cell-row-start:12}.cell.is-row-end-12-widescreen{--bulma-grid-cell-row-end:12}.cell.is-row-from-end-12-widescreen{--bulma-grid-cell-row-start:-12}.cell.is-row-span-12-widescreen{--bulma-grid-cell-row-span:12}}@media screen and (width>=1216px) and (width<=1407px){.cell.is-col-start-1-widescreen-only{--bulma-grid-cell-column-start:1}.cell.is-col-end-1-widescreen-only{--bulma-grid-cell-column-end:1}.cell.is-col-from-end-1-widescreen-only{--bulma-grid-cell-column-start:-1}.cell.is-col-span-1-widescreen-only{--bulma-grid-cell-column-span:1}.cell.is-row-start-1-widescreen-only{--bulma-grid-cell-row-start:1}.cell.is-row-end-1-widescreen-only{--bulma-grid-cell-row-end:1}.cell.is-row-from-end-1-widescreen-only{--bulma-grid-cell-row-start:-1}.cell.is-row-span-1-widescreen-only{--bulma-grid-cell-row-span:1}.cell.is-col-start-2-widescreen-only{--bulma-grid-cell-column-start:2}.cell.is-col-end-2-widescreen-only{--bulma-grid-cell-column-end:2}.cell.is-col-from-end-2-widescreen-only{--bulma-grid-cell-column-start:-2}.cell.is-col-span-2-widescreen-only{--bulma-grid-cell-column-span:2}.cell.is-row-start-2-widescreen-only{--bulma-grid-cell-row-start:2}.cell.is-row-end-2-widescreen-only{--bulma-grid-cell-row-end:2}.cell.is-row-from-end-2-widescreen-only{--bulma-grid-cell-row-start:-2}.cell.is-row-span-2-widescreen-only{--bulma-grid-cell-row-span:2}.cell.is-col-start-3-widescreen-only{--bulma-grid-cell-column-start:3}.cell.is-col-end-3-widescreen-only{--bulma-grid-cell-column-end:3}.cell.is-col-from-end-3-widescreen-only{--bulma-grid-cell-column-start:-3}.cell.is-col-span-3-widescreen-only{--bulma-grid-cell-column-span:3}.cell.is-row-start-3-widescreen-only{--bulma-grid-cell-row-start:3}.cell.is-row-end-3-widescreen-only{--bulma-grid-cell-row-end:3}.cell.is-row-from-end-3-widescreen-only{--bulma-grid-cell-row-start:-3}.cell.is-row-span-3-widescreen-only{--bulma-grid-cell-row-span:3}.cell.is-col-start-4-widescreen-only{--bulma-grid-cell-column-start:4}.cell.is-col-end-4-widescreen-only{--bulma-grid-cell-column-end:4}.cell.is-col-from-end-4-widescreen-only{--bulma-grid-cell-column-start:-4}.cell.is-col-span-4-widescreen-only{--bulma-grid-cell-column-span:4}.cell.is-row-start-4-widescreen-only{--bulma-grid-cell-row-start:4}.cell.is-row-end-4-widescreen-only{--bulma-grid-cell-row-end:4}.cell.is-row-from-end-4-widescreen-only{--bulma-grid-cell-row-start:-4}.cell.is-row-span-4-widescreen-only{--bulma-grid-cell-row-span:4}.cell.is-col-start-5-widescreen-only{--bulma-grid-cell-column-start:5}.cell.is-col-end-5-widescreen-only{--bulma-grid-cell-column-end:5}.cell.is-col-from-end-5-widescreen-only{--bulma-grid-cell-column-start:-5}.cell.is-col-span-5-widescreen-only{--bulma-grid-cell-column-span:5}.cell.is-row-start-5-widescreen-only{--bulma-grid-cell-row-start:5}.cell.is-row-end-5-widescreen-only{--bulma-grid-cell-row-end:5}.cell.is-row-from-end-5-widescreen-only{--bulma-grid-cell-row-start:-5}.cell.is-row-span-5-widescreen-only{--bulma-grid-cell-row-span:5}.cell.is-col-start-6-widescreen-only{--bulma-grid-cell-column-start:6}.cell.is-col-end-6-widescreen-only{--bulma-grid-cell-column-end:6}.cell.is-col-from-end-6-widescreen-only{--bulma-grid-cell-column-start:-6}.cell.is-col-span-6-widescreen-only{--bulma-grid-cell-column-span:6}.cell.is-row-start-6-widescreen-only{--bulma-grid-cell-row-start:6}.cell.is-row-end-6-widescreen-only{--bulma-grid-cell-row-end:6}.cell.is-row-from-end-6-widescreen-only{--bulma-grid-cell-row-start:-6}.cell.is-row-span-6-widescreen-only{--bulma-grid-cell-row-span:6}.cell.is-col-start-7-widescreen-only{--bulma-grid-cell-column-start:7}.cell.is-col-end-7-widescreen-only{--bulma-grid-cell-column-end:7}.cell.is-col-from-end-7-widescreen-only{--bulma-grid-cell-column-start:-7}.cell.is-col-span-7-widescreen-only{--bulma-grid-cell-column-span:7}.cell.is-row-start-7-widescreen-only{--bulma-grid-cell-row-start:7}.cell.is-row-end-7-widescreen-only{--bulma-grid-cell-row-end:7}.cell.is-row-from-end-7-widescreen-only{--bulma-grid-cell-row-start:-7}.cell.is-row-span-7-widescreen-only{--bulma-grid-cell-row-span:7}.cell.is-col-start-8-widescreen-only{--bulma-grid-cell-column-start:8}.cell.is-col-end-8-widescreen-only{--bulma-grid-cell-column-end:8}.cell.is-col-from-end-8-widescreen-only{--bulma-grid-cell-column-start:-8}.cell.is-col-span-8-widescreen-only{--bulma-grid-cell-column-span:8}.cell.is-row-start-8-widescreen-only{--bulma-grid-cell-row-start:8}.cell.is-row-end-8-widescreen-only{--bulma-grid-cell-row-end:8}.cell.is-row-from-end-8-widescreen-only{--bulma-grid-cell-row-start:-8}.cell.is-row-span-8-widescreen-only{--bulma-grid-cell-row-span:8}.cell.is-col-start-9-widescreen-only{--bulma-grid-cell-column-start:9}.cell.is-col-end-9-widescreen-only{--bulma-grid-cell-column-end:9}.cell.is-col-from-end-9-widescreen-only{--bulma-grid-cell-column-start:-9}.cell.is-col-span-9-widescreen-only{--bulma-grid-cell-column-span:9}.cell.is-row-start-9-widescreen-only{--bulma-grid-cell-row-start:9}.cell.is-row-end-9-widescreen-only{--bulma-grid-cell-row-end:9}.cell.is-row-from-end-9-widescreen-only{--bulma-grid-cell-row-start:-9}.cell.is-row-span-9-widescreen-only{--bulma-grid-cell-row-span:9}.cell.is-col-start-10-widescreen-only{--bulma-grid-cell-column-start:10}.cell.is-col-end-10-widescreen-only{--bulma-grid-cell-column-end:10}.cell.is-col-from-end-10-widescreen-only{--bulma-grid-cell-column-start:-10}.cell.is-col-span-10-widescreen-only{--bulma-grid-cell-column-span:10}.cell.is-row-start-10-widescreen-only{--bulma-grid-cell-row-start:10}.cell.is-row-end-10-widescreen-only{--bulma-grid-cell-row-end:10}.cell.is-row-from-end-10-widescreen-only{--bulma-grid-cell-row-start:-10}.cell.is-row-span-10-widescreen-only{--bulma-grid-cell-row-span:10}.cell.is-col-start-11-widescreen-only{--bulma-grid-cell-column-start:11}.cell.is-col-end-11-widescreen-only{--bulma-grid-cell-column-end:11}.cell.is-col-from-end-11-widescreen-only{--bulma-grid-cell-column-start:-11}.cell.is-col-span-11-widescreen-only{--bulma-grid-cell-column-span:11}.cell.is-row-start-11-widescreen-only{--bulma-grid-cell-row-start:11}.cell.is-row-end-11-widescreen-only{--bulma-grid-cell-row-end:11}.cell.is-row-from-end-11-widescreen-only{--bulma-grid-cell-row-start:-11}.cell.is-row-span-11-widescreen-only{--bulma-grid-cell-row-span:11}.cell.is-col-start-12-widescreen-only{--bulma-grid-cell-column-start:12}.cell.is-col-end-12-widescreen-only{--bulma-grid-cell-column-end:12}.cell.is-col-from-end-12-widescreen-only{--bulma-grid-cell-column-start:-12}.cell.is-col-span-12-widescreen-only{--bulma-grid-cell-column-span:12}.cell.is-row-start-12-widescreen-only{--bulma-grid-cell-row-start:12}.cell.is-row-end-12-widescreen-only{--bulma-grid-cell-row-end:12}.cell.is-row-from-end-12-widescreen-only{--bulma-grid-cell-row-start:-12}.cell.is-row-span-12-widescreen-only{--bulma-grid-cell-row-span:12}}@media screen and (width>=1408px){.cell.is-col-start-1-fullhd{--bulma-grid-cell-column-start:1}.cell.is-col-end-1-fullhd{--bulma-grid-cell-column-end:1}.cell.is-col-from-end-1-fullhd{--bulma-grid-cell-column-start:-1}.cell.is-col-span-1-fullhd{--bulma-grid-cell-column-span:1}.cell.is-row-start-1-fullhd{--bulma-grid-cell-row-start:1}.cell.is-row-end-1-fullhd{--bulma-grid-cell-row-end:1}.cell.is-row-from-end-1-fullhd{--bulma-grid-cell-row-start:-1}.cell.is-row-span-1-fullhd{--bulma-grid-cell-row-span:1}.cell.is-col-start-2-fullhd{--bulma-grid-cell-column-start:2}.cell.is-col-end-2-fullhd{--bulma-grid-cell-column-end:2}.cell.is-col-from-end-2-fullhd{--bulma-grid-cell-column-start:-2}.cell.is-col-span-2-fullhd{--bulma-grid-cell-column-span:2}.cell.is-row-start-2-fullhd{--bulma-grid-cell-row-start:2}.cell.is-row-end-2-fullhd{--bulma-grid-cell-row-end:2}.cell.is-row-from-end-2-fullhd{--bulma-grid-cell-row-start:-2}.cell.is-row-span-2-fullhd{--bulma-grid-cell-row-span:2}.cell.is-col-start-3-fullhd{--bulma-grid-cell-column-start:3}.cell.is-col-end-3-fullhd{--bulma-grid-cell-column-end:3}.cell.is-col-from-end-3-fullhd{--bulma-grid-cell-column-start:-3}.cell.is-col-span-3-fullhd{--bulma-grid-cell-column-span:3}.cell.is-row-start-3-fullhd{--bulma-grid-cell-row-start:3}.cell.is-row-end-3-fullhd{--bulma-grid-cell-row-end:3}.cell.is-row-from-end-3-fullhd{--bulma-grid-cell-row-start:-3}.cell.is-row-span-3-fullhd{--bulma-grid-cell-row-span:3}.cell.is-col-start-4-fullhd{--bulma-grid-cell-column-start:4}.cell.is-col-end-4-fullhd{--bulma-grid-cell-column-end:4}.cell.is-col-from-end-4-fullhd{--bulma-grid-cell-column-start:-4}.cell.is-col-span-4-fullhd{--bulma-grid-cell-column-span:4}.cell.is-row-start-4-fullhd{--bulma-grid-cell-row-start:4}.cell.is-row-end-4-fullhd{--bulma-grid-cell-row-end:4}.cell.is-row-from-end-4-fullhd{--bulma-grid-cell-row-start:-4}.cell.is-row-span-4-fullhd{--bulma-grid-cell-row-span:4}.cell.is-col-start-5-fullhd{--bulma-grid-cell-column-start:5}.cell.is-col-end-5-fullhd{--bulma-grid-cell-column-end:5}.cell.is-col-from-end-5-fullhd{--bulma-grid-cell-column-start:-5}.cell.is-col-span-5-fullhd{--bulma-grid-cell-column-span:5}.cell.is-row-start-5-fullhd{--bulma-grid-cell-row-start:5}.cell.is-row-end-5-fullhd{--bulma-grid-cell-row-end:5}.cell.is-row-from-end-5-fullhd{--bulma-grid-cell-row-start:-5}.cell.is-row-span-5-fullhd{--bulma-grid-cell-row-span:5}.cell.is-col-start-6-fullhd{--bulma-grid-cell-column-start:6}.cell.is-col-end-6-fullhd{--bulma-grid-cell-column-end:6}.cell.is-col-from-end-6-fullhd{--bulma-grid-cell-column-start:-6}.cell.is-col-span-6-fullhd{--bulma-grid-cell-column-span:6}.cell.is-row-start-6-fullhd{--bulma-grid-cell-row-start:6}.cell.is-row-end-6-fullhd{--bulma-grid-cell-row-end:6}.cell.is-row-from-end-6-fullhd{--bulma-grid-cell-row-start:-6}.cell.is-row-span-6-fullhd{--bulma-grid-cell-row-span:6}.cell.is-col-start-7-fullhd{--bulma-grid-cell-column-start:7}.cell.is-col-end-7-fullhd{--bulma-grid-cell-column-end:7}.cell.is-col-from-end-7-fullhd{--bulma-grid-cell-column-start:-7}.cell.is-col-span-7-fullhd{--bulma-grid-cell-column-span:7}.cell.is-row-start-7-fullhd{--bulma-grid-cell-row-start:7}.cell.is-row-end-7-fullhd{--bulma-grid-cell-row-end:7}.cell.is-row-from-end-7-fullhd{--bulma-grid-cell-row-start:-7}.cell.is-row-span-7-fullhd{--bulma-grid-cell-row-span:7}.cell.is-col-start-8-fullhd{--bulma-grid-cell-column-start:8}.cell.is-col-end-8-fullhd{--bulma-grid-cell-column-end:8}.cell.is-col-from-end-8-fullhd{--bulma-grid-cell-column-start:-8}.cell.is-col-span-8-fullhd{--bulma-grid-cell-column-span:8}.cell.is-row-start-8-fullhd{--bulma-grid-cell-row-start:8}.cell.is-row-end-8-fullhd{--bulma-grid-cell-row-end:8}.cell.is-row-from-end-8-fullhd{--bulma-grid-cell-row-start:-8}.cell.is-row-span-8-fullhd{--bulma-grid-cell-row-span:8}.cell.is-col-start-9-fullhd{--bulma-grid-cell-column-start:9}.cell.is-col-end-9-fullhd{--bulma-grid-cell-column-end:9}.cell.is-col-from-end-9-fullhd{--bulma-grid-cell-column-start:-9}.cell.is-col-span-9-fullhd{--bulma-grid-cell-column-span:9}.cell.is-row-start-9-fullhd{--bulma-grid-cell-row-start:9}.cell.is-row-end-9-fullhd{--bulma-grid-cell-row-end:9}.cell.is-row-from-end-9-fullhd{--bulma-grid-cell-row-start:-9}.cell.is-row-span-9-fullhd{--bulma-grid-cell-row-span:9}.cell.is-col-start-10-fullhd{--bulma-grid-cell-column-start:10}.cell.is-col-end-10-fullhd{--bulma-grid-cell-column-end:10}.cell.is-col-from-end-10-fullhd{--bulma-grid-cell-column-start:-10}.cell.is-col-span-10-fullhd{--bulma-grid-cell-column-span:10}.cell.is-row-start-10-fullhd{--bulma-grid-cell-row-start:10}.cell.is-row-end-10-fullhd{--bulma-grid-cell-row-end:10}.cell.is-row-from-end-10-fullhd{--bulma-grid-cell-row-start:-10}.cell.is-row-span-10-fullhd{--bulma-grid-cell-row-span:10}.cell.is-col-start-11-fullhd{--bulma-grid-cell-column-start:11}.cell.is-col-end-11-fullhd{--bulma-grid-cell-column-end:11}.cell.is-col-from-end-11-fullhd{--bulma-grid-cell-column-start:-11}.cell.is-col-span-11-fullhd{--bulma-grid-cell-column-span:11}.cell.is-row-start-11-fullhd{--bulma-grid-cell-row-start:11}.cell.is-row-end-11-fullhd{--bulma-grid-cell-row-end:11}.cell.is-row-from-end-11-fullhd{--bulma-grid-cell-row-start:-11}.cell.is-row-span-11-fullhd{--bulma-grid-cell-row-span:11}.cell.is-col-start-12-fullhd{--bulma-grid-cell-column-start:12}.cell.is-col-end-12-fullhd{--bulma-grid-cell-column-end:12}.cell.is-col-from-end-12-fullhd{--bulma-grid-cell-column-start:-12}.cell.is-col-span-12-fullhd{--bulma-grid-cell-column-span:12}.cell.is-row-start-12-fullhd{--bulma-grid-cell-row-start:12}.cell.is-row-end-12-fullhd{--bulma-grid-cell-row-end:12}.cell.is-row-from-end-12-fullhd{--bulma-grid-cell-row-start:-12}.cell.is-row-span-12-fullhd{--bulma-grid-cell-row-span:12}}.container{flex-grow:1;width:100%;margin:0 auto;position:relative}.container.is-fluid{width:100%;padding-left:32px;padding-right:32px;max-width:none!important}.container.is-max-tablet{max-width:705px}@media screen and (width>=1024px){.container{max-width:960px}}@media screen and (width<=1215px){.container.is-widescreen:not(.is-max-tablet):not(.is-max-desktop){max-width:1152px}}@media screen and (width<=1407px){.container.is-fullhd:not(.is-max-tablet):not(.is-max-desktop):not(.is-max-widescreen){max-width:1344px}}@media screen and (width>=1216px){.container:not(.is-max-tablet):not(.is-max-desktop){max-width:1152px}}@media screen and (width>=1408px){.container:not(.is-max-tablet):not(.is-max-desktop):not(.is-max-widescreen){max-width:1344px}}.footer{--bulma-footer-background-color:var(--bulma-scheme-main-bis);--bulma-footer-color:false;--bulma-footer-padding:3rem 1.5rem 6rem;background-color:var(--bulma-footer-background-color);padding:var(--bulma-footer-padding)}.hero{--bulma-hero-body-padding:3rem 1.5rem;--bulma-hero-body-padding-tablet:3rem 3rem;--bulma-hero-body-padding-small:1.5rem;--bulma-hero-body-padding-medium:9rem 4.5rem;--bulma-hero-body-padding-large:18rem 6rem;flex-direction:column;justify-content:space-between;align-items:stretch;display:flex}.hero .navbar{background:0 0}.hero .tabs ul{border-bottom:none}.hero.is-white{--bulma-hero-h:var(--bulma-white-h);--bulma-hero-s:var(--bulma-white-s);--bulma-hero-background-l:var(--bulma-white-l);--bulma-hero-color-l:var(--bulma-white-invert-l);background-color:hsl(var(--bulma-hero-h),var(--bulma-hero-s),var(--bulma-hero-background-l));color:hsl(var(--bulma-hero-h),var(--bulma-hero-s),var(--bulma-hero-color-l))}.hero.is-white .navbar{--bulma-navbar-item-color:hsl(var(--bulma-hero-h),var(--bulma-hero-s),var(--bulma-hero-color-l));--bulma-navbar-item-hover-background-color:hsl(var(--bulma-hero-h),var(--bulma-hero-s),var(--bulma-hero-color-l));--bulma-navbar-item-hover-color:hsl(var(--bulma-hero-h),var(--bulma-hero-s),var(--bulma-hero-background-l));--bulma-navbar-item-active-background-color:hsl(var(--bulma-hero-h),var(--bulma-hero-s),var(--bulma-hero-color-l));--bulma-navbar-item-active-color:hsl(var(--bulma-hero-h),var(--bulma-hero-s),var(--bulma-hero-background-l))}.hero.is-white .tabs{--bulma-tabs-link-color:hsl(var(--bulma-hero-h),var(--bulma-hero-s),var(--bulma-hero-color-l));--bulma-tabs-boxed-link-active-background-color:hsl(var(--bulma-hero-h),var(--bulma-hero-s),var(--bulma-hero-color-l));--bulma-tabs-boxed-link-active-border-color:hsl(var(--bulma-hero-h),var(--bulma-hero-s),var(--bulma-hero-background-l));--bulma-tabs-link-active-color:hsl(var(--bulma-hero-h),var(--bulma-hero-s),var(--bulma-hero-background-l))}.hero.is-white .subtitle{--bulma-subtitle-color:hsl(var(--bulma-hero-h),var(--bulma-hero-s),var(--bulma-hero-color-l));--bulma-subtitle-strong-color:hsl(var(--bulma-hero-h),var(--bulma-hero-s),var(--bulma-hero-color-l))}.hero.is-white .title{--bulma-title-color:hsl(var(--bulma-hero-h),var(--bulma-hero-s),var(--bulma-hero-color-l));--bulma-title-strong-color:hsl(var(--bulma-hero-h),var(--bulma-hero-s),var(--bulma-hero-color-l))}.hero.is-white.is-bold{background-image:linear-gradient(141deg,hsl(calc(var(--bulma-hero-h) - 5deg),calc(var(--bulma-hero-s) + 10%),calc(var(--bulma-hero-background-l) + 5%))0%,hsl(var(--bulma-hero-h),var(--bulma-hero-s),var(--bulma-hero-background-l))71%,hsl(calc(var(--bulma-hero-h) + 5deg),calc(var(--bulma-hero-s) - 10%),calc(var(--bulma-hero-background-l) - 5%))100%)}@media screen and (width<=768px){.hero.is-white.is-bold .navbar-menu{background-image:linear-gradient(141deg,hsl(calc(var(--bulma-hero-h) - 5deg),calc(var(--bulma-hero-s) + 10%),calc(var(--bulma-hero-background-l) + 5%))0%,hsl(var(--bulma-hero-h),var(--bulma-hero-s),var(--bulma-hero-color-l))71%,hsl(calc(var(--bulma-hero-h) + 5deg),calc(var(--bulma-hero-s) - 10%),calc(var(--bulma-hero-background-l) - 5%))100%)}}.hero.is-black{--bulma-hero-h:var(--bulma-black-h);--bulma-hero-s:var(--bulma-black-s);--bulma-hero-background-l:var(--bulma-black-l);--bulma-hero-color-l:var(--bulma-black-invert-l);background-color:hsl(var(--bulma-hero-h),var(--bulma-hero-s),var(--bulma-hero-background-l));color:hsl(var(--bulma-hero-h),var(--bulma-hero-s),var(--bulma-hero-color-l))}.hero.is-black .navbar{--bulma-navbar-item-color:hsl(var(--bulma-hero-h),var(--bulma-hero-s),var(--bulma-hero-color-l));--bulma-navbar-item-hover-background-color:hsl(var(--bulma-hero-h),var(--bulma-hero-s),var(--bulma-hero-color-l));--bulma-navbar-item-hover-color:hsl(var(--bulma-hero-h),var(--bulma-hero-s),var(--bulma-hero-background-l));--bulma-navbar-item-active-background-color:hsl(var(--bulma-hero-h),var(--bulma-hero-s),var(--bulma-hero-color-l));--bulma-navbar-item-active-color:hsl(var(--bulma-hero-h),var(--bulma-hero-s),var(--bulma-hero-background-l))}.hero.is-black .tabs{--bulma-tabs-link-color:hsl(var(--bulma-hero-h),var(--bulma-hero-s),var(--bulma-hero-color-l));--bulma-tabs-boxed-link-active-background-color:hsl(var(--bulma-hero-h),var(--bulma-hero-s),var(--bulma-hero-color-l));--bulma-tabs-boxed-link-active-border-color:hsl(var(--bulma-hero-h),var(--bulma-hero-s),var(--bulma-hero-background-l));--bulma-tabs-link-active-color:hsl(var(--bulma-hero-h),var(--bulma-hero-s),var(--bulma-hero-background-l))}.hero.is-black .subtitle{--bulma-subtitle-color:hsl(var(--bulma-hero-h),var(--bulma-hero-s),var(--bulma-hero-color-l));--bulma-subtitle-strong-color:hsl(var(--bulma-hero-h),var(--bulma-hero-s),var(--bulma-hero-color-l))}.hero.is-black .title{--bulma-title-color:hsl(var(--bulma-hero-h),var(--bulma-hero-s),var(--bulma-hero-color-l));--bulma-title-strong-color:hsl(var(--bulma-hero-h),var(--bulma-hero-s),var(--bulma-hero-color-l))}.hero.is-black.is-bold{background-image:linear-gradient(141deg,hsl(calc(var(--bulma-hero-h) - 5deg),calc(var(--bulma-hero-s) + 10%),calc(var(--bulma-hero-background-l) + 5%))0%,hsl(var(--bulma-hero-h),var(--bulma-hero-s),var(--bulma-hero-background-l))71%,hsl(calc(var(--bulma-hero-h) + 5deg),calc(var(--bulma-hero-s) - 10%),calc(var(--bulma-hero-background-l) - 5%))100%)}@media screen and (width<=768px){.hero.is-black.is-bold .navbar-menu{background-image:linear-gradient(141deg,hsl(calc(var(--bulma-hero-h) - 5deg),calc(var(--bulma-hero-s) + 10%),calc(var(--bulma-hero-background-l) + 5%))0%,hsl(var(--bulma-hero-h),var(--bulma-hero-s),var(--bulma-hero-color-l))71%,hsl(calc(var(--bulma-hero-h) + 5deg),calc(var(--bulma-hero-s) - 10%),calc(var(--bulma-hero-background-l) - 5%))100%)}}.hero.is-light{--bulma-hero-h:var(--bulma-light-h);--bulma-hero-s:var(--bulma-light-s);--bulma-hero-background-l:var(--bulma-light-l);--bulma-hero-color-l:var(--bulma-light-invert-l);background-color:hsl(var(--bulma-hero-h),var(--bulma-hero-s),var(--bulma-hero-background-l));color:hsl(var(--bulma-hero-h),var(--bulma-hero-s),var(--bulma-hero-color-l))}.hero.is-light .navbar{--bulma-navbar-item-color:hsl(var(--bulma-hero-h),var(--bulma-hero-s),var(--bulma-hero-color-l));--bulma-navbar-item-hover-background-color:hsl(var(--bulma-hero-h),var(--bulma-hero-s),var(--bulma-hero-color-l));--bulma-navbar-item-hover-color:hsl(var(--bulma-hero-h),var(--bulma-hero-s),var(--bulma-hero-background-l));--bulma-navbar-item-active-background-color:hsl(var(--bulma-hero-h),var(--bulma-hero-s),var(--bulma-hero-color-l));--bulma-navbar-item-active-color:hsl(var(--bulma-hero-h),var(--bulma-hero-s),var(--bulma-hero-background-l))}.hero.is-light .tabs{--bulma-tabs-link-color:hsl(var(--bulma-hero-h),var(--bulma-hero-s),var(--bulma-hero-color-l));--bulma-tabs-boxed-link-active-background-color:hsl(var(--bulma-hero-h),var(--bulma-hero-s),var(--bulma-hero-color-l));--bulma-tabs-boxed-link-active-border-color:hsl(var(--bulma-hero-h),var(--bulma-hero-s),var(--bulma-hero-background-l));--bulma-tabs-link-active-color:hsl(var(--bulma-hero-h),var(--bulma-hero-s),var(--bulma-hero-background-l))}.hero.is-light .subtitle{--bulma-subtitle-color:hsl(var(--bulma-hero-h),var(--bulma-hero-s),var(--bulma-hero-color-l));--bulma-subtitle-strong-color:hsl(var(--bulma-hero-h),var(--bulma-hero-s),var(--bulma-hero-color-l))}.hero.is-light .title{--bulma-title-color:hsl(var(--bulma-hero-h),var(--bulma-hero-s),var(--bulma-hero-color-l));--bulma-title-strong-color:hsl(var(--bulma-hero-h),var(--bulma-hero-s),var(--bulma-hero-color-l))}.hero.is-light.is-bold{background-image:linear-gradient(141deg,hsl(calc(var(--bulma-hero-h) - 5deg),calc(var(--bulma-hero-s) + 10%),calc(var(--bulma-hero-background-l) + 5%))0%,hsl(var(--bulma-hero-h),var(--bulma-hero-s),var(--bulma-hero-background-l))71%,hsl(calc(var(--bulma-hero-h) + 5deg),calc(var(--bulma-hero-s) - 10%),calc(var(--bulma-hero-background-l) - 5%))100%)}@media screen and (width<=768px){.hero.is-light.is-bold .navbar-menu{background-image:linear-gradient(141deg,hsl(calc(var(--bulma-hero-h) - 5deg),calc(var(--bulma-hero-s) + 10%),calc(var(--bulma-hero-background-l) + 5%))0%,hsl(var(--bulma-hero-h),var(--bulma-hero-s),var(--bulma-hero-color-l))71%,hsl(calc(var(--bulma-hero-h) + 5deg),calc(var(--bulma-hero-s) - 10%),calc(var(--bulma-hero-background-l) - 5%))100%)}}.hero.is-dark{--bulma-hero-h:var(--bulma-dark-h);--bulma-hero-s:var(--bulma-dark-s);--bulma-hero-background-l:var(--bulma-dark-l);--bulma-hero-color-l:var(--bulma-dark-invert-l);background-color:hsl(var(--bulma-hero-h),var(--bulma-hero-s),var(--bulma-hero-background-l));color:hsl(var(--bulma-hero-h),var(--bulma-hero-s),var(--bulma-hero-color-l))}.hero.is-dark .navbar{--bulma-navbar-item-color:hsl(var(--bulma-hero-h),var(--bulma-hero-s),var(--bulma-hero-color-l));--bulma-navbar-item-hover-background-color:hsl(var(--bulma-hero-h),var(--bulma-hero-s),var(--bulma-hero-color-l));--bulma-navbar-item-hover-color:hsl(var(--bulma-hero-h),var(--bulma-hero-s),var(--bulma-hero-background-l));--bulma-navbar-item-active-background-color:hsl(var(--bulma-hero-h),var(--bulma-hero-s),var(--bulma-hero-color-l));--bulma-navbar-item-active-color:hsl(var(--bulma-hero-h),var(--bulma-hero-s),var(--bulma-hero-background-l))}.hero.is-dark .tabs{--bulma-tabs-link-color:hsl(var(--bulma-hero-h),var(--bulma-hero-s),var(--bulma-hero-color-l));--bulma-tabs-boxed-link-active-background-color:hsl(var(--bulma-hero-h),var(--bulma-hero-s),var(--bulma-hero-color-l));--bulma-tabs-boxed-link-active-border-color:hsl(var(--bulma-hero-h),var(--bulma-hero-s),var(--bulma-hero-background-l));--bulma-tabs-link-active-color:hsl(var(--bulma-hero-h),var(--bulma-hero-s),var(--bulma-hero-background-l))}.hero.is-dark .subtitle{--bulma-subtitle-color:hsl(var(--bulma-hero-h),var(--bulma-hero-s),var(--bulma-hero-color-l));--bulma-subtitle-strong-color:hsl(var(--bulma-hero-h),var(--bulma-hero-s),var(--bulma-hero-color-l))}.hero.is-dark .title{--bulma-title-color:hsl(var(--bulma-hero-h),var(--bulma-hero-s),var(--bulma-hero-color-l));--bulma-title-strong-color:hsl(var(--bulma-hero-h),var(--bulma-hero-s),var(--bulma-hero-color-l))}.hero.is-dark.is-bold{background-image:linear-gradient(141deg,hsl(calc(var(--bulma-hero-h) - 5deg),calc(var(--bulma-hero-s) + 10%),calc(var(--bulma-hero-background-l) + 5%))0%,hsl(var(--bulma-hero-h),var(--bulma-hero-s),var(--bulma-hero-background-l))71%,hsl(calc(var(--bulma-hero-h) + 5deg),calc(var(--bulma-hero-s) - 10%),calc(var(--bulma-hero-background-l) - 5%))100%)}@media screen and (width<=768px){.hero.is-dark.is-bold .navbar-menu{background-image:linear-gradient(141deg,hsl(calc(var(--bulma-hero-h) - 5deg),calc(var(--bulma-hero-s) + 10%),calc(var(--bulma-hero-background-l) + 5%))0%,hsl(var(--bulma-hero-h),var(--bulma-hero-s),var(--bulma-hero-color-l))71%,hsl(calc(var(--bulma-hero-h) + 5deg),calc(var(--bulma-hero-s) - 10%),calc(var(--bulma-hero-background-l) - 5%))100%)}}.hero.is-text{--bulma-hero-h:var(--bulma-text-h);--bulma-hero-s:var(--bulma-text-s);--bulma-hero-background-l:var(--bulma-text-l);--bulma-hero-color-l:var(--bulma-text-invert-l);background-color:hsl(var(--bulma-hero-h),var(--bulma-hero-s),var(--bulma-hero-background-l));color:hsl(var(--bulma-hero-h),var(--bulma-hero-s),var(--bulma-hero-color-l))}.hero.is-text .navbar{--bulma-navbar-item-color:hsl(var(--bulma-hero-h),var(--bulma-hero-s),var(--bulma-hero-color-l));--bulma-navbar-item-hover-background-color:hsl(var(--bulma-hero-h),var(--bulma-hero-s),var(--bulma-hero-color-l));--bulma-navbar-item-hover-color:hsl(var(--bulma-hero-h),var(--bulma-hero-s),var(--bulma-hero-background-l));--bulma-navbar-item-active-background-color:hsl(var(--bulma-hero-h),var(--bulma-hero-s),var(--bulma-hero-color-l));--bulma-navbar-item-active-color:hsl(var(--bulma-hero-h),var(--bulma-hero-s),var(--bulma-hero-background-l))}.hero.is-text .tabs{--bulma-tabs-link-color:hsl(var(--bulma-hero-h),var(--bulma-hero-s),var(--bulma-hero-color-l));--bulma-tabs-boxed-link-active-background-color:hsl(var(--bulma-hero-h),var(--bulma-hero-s),var(--bulma-hero-color-l));--bulma-tabs-boxed-link-active-border-color:hsl(var(--bulma-hero-h),var(--bulma-hero-s),var(--bulma-hero-background-l));--bulma-tabs-link-active-color:hsl(var(--bulma-hero-h),var(--bulma-hero-s),var(--bulma-hero-background-l))}.hero.is-text .subtitle{--bulma-subtitle-color:hsl(var(--bulma-hero-h),var(--bulma-hero-s),var(--bulma-hero-color-l));--bulma-subtitle-strong-color:hsl(var(--bulma-hero-h),var(--bulma-hero-s),var(--bulma-hero-color-l))}.hero.is-text .title{--bulma-title-color:hsl(var(--bulma-hero-h),var(--bulma-hero-s),var(--bulma-hero-color-l));--bulma-title-strong-color:hsl(var(--bulma-hero-h),var(--bulma-hero-s),var(--bulma-hero-color-l))}.hero.is-text.is-bold{background-image:linear-gradient(141deg,hsl(calc(var(--bulma-hero-h) - 5deg),calc(var(--bulma-hero-s) + 10%),calc(var(--bulma-hero-background-l) + 5%))0%,hsl(var(--bulma-hero-h),var(--bulma-hero-s),var(--bulma-hero-background-l))71%,hsl(calc(var(--bulma-hero-h) + 5deg),calc(var(--bulma-hero-s) - 10%),calc(var(--bulma-hero-background-l) - 5%))100%)}@media screen and (width<=768px){.hero.is-text.is-bold .navbar-menu{background-image:linear-gradient(141deg,hsl(calc(var(--bulma-hero-h) - 5deg),calc(var(--bulma-hero-s) + 10%),calc(var(--bulma-hero-background-l) + 5%))0%,hsl(var(--bulma-hero-h),var(--bulma-hero-s),var(--bulma-hero-color-l))71%,hsl(calc(var(--bulma-hero-h) + 5deg),calc(var(--bulma-hero-s) - 10%),calc(var(--bulma-hero-background-l) - 5%))100%)}}.hero.is-primary{--bulma-hero-h:var(--bulma-primary-h);--bulma-hero-s:var(--bulma-primary-s);--bulma-hero-background-l:var(--bulma-primary-l);--bulma-hero-color-l:var(--bulma-primary-invert-l);background-color:hsl(var(--bulma-hero-h),var(--bulma-hero-s),var(--bulma-hero-background-l));color:hsl(var(--bulma-hero-h),var(--bulma-hero-s),var(--bulma-hero-color-l))}.hero.is-primary .navbar{--bulma-navbar-item-color:hsl(var(--bulma-hero-h),var(--bulma-hero-s),var(--bulma-hero-color-l));--bulma-navbar-item-hover-background-color:hsl(var(--bulma-hero-h),var(--bulma-hero-s),var(--bulma-hero-color-l));--bulma-navbar-item-hover-color:hsl(var(--bulma-hero-h),var(--bulma-hero-s),var(--bulma-hero-background-l));--bulma-navbar-item-active-background-color:hsl(var(--bulma-hero-h),var(--bulma-hero-s),var(--bulma-hero-color-l));--bulma-navbar-item-active-color:hsl(var(--bulma-hero-h),var(--bulma-hero-s),var(--bulma-hero-background-l))}.hero.is-primary .tabs{--bulma-tabs-link-color:hsl(var(--bulma-hero-h),var(--bulma-hero-s),var(--bulma-hero-color-l));--bulma-tabs-boxed-link-active-background-color:hsl(var(--bulma-hero-h),var(--bulma-hero-s),var(--bulma-hero-color-l));--bulma-tabs-boxed-link-active-border-color:hsl(var(--bulma-hero-h),var(--bulma-hero-s),var(--bulma-hero-background-l));--bulma-tabs-link-active-color:hsl(var(--bulma-hero-h),var(--bulma-hero-s),var(--bulma-hero-background-l))}.hero.is-primary .subtitle{--bulma-subtitle-color:hsl(var(--bulma-hero-h),var(--bulma-hero-s),var(--bulma-hero-color-l));--bulma-subtitle-strong-color:hsl(var(--bulma-hero-h),var(--bulma-hero-s),var(--bulma-hero-color-l))}.hero.is-primary .title{--bulma-title-color:hsl(var(--bulma-hero-h),var(--bulma-hero-s),var(--bulma-hero-color-l));--bulma-title-strong-color:hsl(var(--bulma-hero-h),var(--bulma-hero-s),var(--bulma-hero-color-l))}.hero.is-primary.is-bold{background-image:linear-gradient(141deg,hsl(calc(var(--bulma-hero-h) - 5deg),calc(var(--bulma-hero-s) + 10%),calc(var(--bulma-hero-background-l) + 5%))0%,hsl(var(--bulma-hero-h),var(--bulma-hero-s),var(--bulma-hero-background-l))71%,hsl(calc(var(--bulma-hero-h) + 5deg),calc(var(--bulma-hero-s) - 10%),calc(var(--bulma-hero-background-l) - 5%))100%)}@media screen and (width<=768px){.hero.is-primary.is-bold .navbar-menu{background-image:linear-gradient(141deg,hsl(calc(var(--bulma-hero-h) - 5deg),calc(var(--bulma-hero-s) + 10%),calc(var(--bulma-hero-background-l) + 5%))0%,hsl(var(--bulma-hero-h),var(--bulma-hero-s),var(--bulma-hero-color-l))71%,hsl(calc(var(--bulma-hero-h) + 5deg),calc(var(--bulma-hero-s) - 10%),calc(var(--bulma-hero-background-l) - 5%))100%)}}.hero.is-link{--bulma-hero-h:var(--bulma-link-h);--bulma-hero-s:var(--bulma-link-s);--bulma-hero-background-l:var(--bulma-link-l);--bulma-hero-color-l:var(--bulma-link-invert-l);background-color:hsl(var(--bulma-hero-h),var(--bulma-hero-s),var(--bulma-hero-background-l));color:hsl(var(--bulma-hero-h),var(--bulma-hero-s),var(--bulma-hero-color-l))}.hero.is-link .navbar{--bulma-navbar-item-color:hsl(var(--bulma-hero-h),var(--bulma-hero-s),var(--bulma-hero-color-l));--bulma-navbar-item-hover-background-color:hsl(var(--bulma-hero-h),var(--bulma-hero-s),var(--bulma-hero-color-l));--bulma-navbar-item-hover-color:hsl(var(--bulma-hero-h),var(--bulma-hero-s),var(--bulma-hero-background-l));--bulma-navbar-item-active-background-color:hsl(var(--bulma-hero-h),var(--bulma-hero-s),var(--bulma-hero-color-l));--bulma-navbar-item-active-color:hsl(var(--bulma-hero-h),var(--bulma-hero-s),var(--bulma-hero-background-l))}.hero.is-link .tabs{--bulma-tabs-link-color:hsl(var(--bulma-hero-h),var(--bulma-hero-s),var(--bulma-hero-color-l));--bulma-tabs-boxed-link-active-background-color:hsl(var(--bulma-hero-h),var(--bulma-hero-s),var(--bulma-hero-color-l));--bulma-tabs-boxed-link-active-border-color:hsl(var(--bulma-hero-h),var(--bulma-hero-s),var(--bulma-hero-background-l));--bulma-tabs-link-active-color:hsl(var(--bulma-hero-h),var(--bulma-hero-s),var(--bulma-hero-background-l))}.hero.is-link .subtitle{--bulma-subtitle-color:hsl(var(--bulma-hero-h),var(--bulma-hero-s),var(--bulma-hero-color-l));--bulma-subtitle-strong-color:hsl(var(--bulma-hero-h),var(--bulma-hero-s),var(--bulma-hero-color-l))}.hero.is-link .title{--bulma-title-color:hsl(var(--bulma-hero-h),var(--bulma-hero-s),var(--bulma-hero-color-l));--bulma-title-strong-color:hsl(var(--bulma-hero-h),var(--bulma-hero-s),var(--bulma-hero-color-l))}.hero.is-link.is-bold{background-image:linear-gradient(141deg,hsl(calc(var(--bulma-hero-h) - 5deg),calc(var(--bulma-hero-s) + 10%),calc(var(--bulma-hero-background-l) + 5%))0%,hsl(var(--bulma-hero-h),var(--bulma-hero-s),var(--bulma-hero-background-l))71%,hsl(calc(var(--bulma-hero-h) + 5deg),calc(var(--bulma-hero-s) - 10%),calc(var(--bulma-hero-background-l) - 5%))100%)}@media screen and (width<=768px){.hero.is-link.is-bold .navbar-menu{background-image:linear-gradient(141deg,hsl(calc(var(--bulma-hero-h) - 5deg),calc(var(--bulma-hero-s) + 10%),calc(var(--bulma-hero-background-l) + 5%))0%,hsl(var(--bulma-hero-h),var(--bulma-hero-s),var(--bulma-hero-color-l))71%,hsl(calc(var(--bulma-hero-h) + 5deg),calc(var(--bulma-hero-s) - 10%),calc(var(--bulma-hero-background-l) - 5%))100%)}}.hero.is-info{--bulma-hero-h:var(--bulma-info-h);--bulma-hero-s:var(--bulma-info-s);--bulma-hero-background-l:var(--bulma-info-l);--bulma-hero-color-l:var(--bulma-info-invert-l);background-color:hsl(var(--bulma-hero-h),var(--bulma-hero-s),var(--bulma-hero-background-l));color:hsl(var(--bulma-hero-h),var(--bulma-hero-s),var(--bulma-hero-color-l))}.hero.is-info .navbar{--bulma-navbar-item-color:hsl(var(--bulma-hero-h),var(--bulma-hero-s),var(--bulma-hero-color-l));--bulma-navbar-item-hover-background-color:hsl(var(--bulma-hero-h),var(--bulma-hero-s),var(--bulma-hero-color-l));--bulma-navbar-item-hover-color:hsl(var(--bulma-hero-h),var(--bulma-hero-s),var(--bulma-hero-background-l));--bulma-navbar-item-active-background-color:hsl(var(--bulma-hero-h),var(--bulma-hero-s),var(--bulma-hero-color-l));--bulma-navbar-item-active-color:hsl(var(--bulma-hero-h),var(--bulma-hero-s),var(--bulma-hero-background-l))}.hero.is-info .tabs{--bulma-tabs-link-color:hsl(var(--bulma-hero-h),var(--bulma-hero-s),var(--bulma-hero-color-l));--bulma-tabs-boxed-link-active-background-color:hsl(var(--bulma-hero-h),var(--bulma-hero-s),var(--bulma-hero-color-l));--bulma-tabs-boxed-link-active-border-color:hsl(var(--bulma-hero-h),var(--bulma-hero-s),var(--bulma-hero-background-l));--bulma-tabs-link-active-color:hsl(var(--bulma-hero-h),var(--bulma-hero-s),var(--bulma-hero-background-l))}.hero.is-info .subtitle{--bulma-subtitle-color:hsl(var(--bulma-hero-h),var(--bulma-hero-s),var(--bulma-hero-color-l));--bulma-subtitle-strong-color:hsl(var(--bulma-hero-h),var(--bulma-hero-s),var(--bulma-hero-color-l))}.hero.is-info .title{--bulma-title-color:hsl(var(--bulma-hero-h),var(--bulma-hero-s),var(--bulma-hero-color-l));--bulma-title-strong-color:hsl(var(--bulma-hero-h),var(--bulma-hero-s),var(--bulma-hero-color-l))}.hero.is-info.is-bold{background-image:linear-gradient(141deg,hsl(calc(var(--bulma-hero-h) - 5deg),calc(var(--bulma-hero-s) + 10%),calc(var(--bulma-hero-background-l) + 5%))0%,hsl(var(--bulma-hero-h),var(--bulma-hero-s),var(--bulma-hero-background-l))71%,hsl(calc(var(--bulma-hero-h) + 5deg),calc(var(--bulma-hero-s) - 10%),calc(var(--bulma-hero-background-l) - 5%))100%)}@media screen and (width<=768px){.hero.is-info.is-bold .navbar-menu{background-image:linear-gradient(141deg,hsl(calc(var(--bulma-hero-h) - 5deg),calc(var(--bulma-hero-s) + 10%),calc(var(--bulma-hero-background-l) + 5%))0%,hsl(var(--bulma-hero-h),var(--bulma-hero-s),var(--bulma-hero-color-l))71%,hsl(calc(var(--bulma-hero-h) + 5deg),calc(var(--bulma-hero-s) - 10%),calc(var(--bulma-hero-background-l) - 5%))100%)}}.hero.is-success{--bulma-hero-h:var(--bulma-success-h);--bulma-hero-s:var(--bulma-success-s);--bulma-hero-background-l:var(--bulma-success-l);--bulma-hero-color-l:var(--bulma-success-invert-l);background-color:hsl(var(--bulma-hero-h),var(--bulma-hero-s),var(--bulma-hero-background-l));color:hsl(var(--bulma-hero-h),var(--bulma-hero-s),var(--bulma-hero-color-l))}.hero.is-success .navbar{--bulma-navbar-item-color:hsl(var(--bulma-hero-h),var(--bulma-hero-s),var(--bulma-hero-color-l));--bulma-navbar-item-hover-background-color:hsl(var(--bulma-hero-h),var(--bulma-hero-s),var(--bulma-hero-color-l));--bulma-navbar-item-hover-color:hsl(var(--bulma-hero-h),var(--bulma-hero-s),var(--bulma-hero-background-l));--bulma-navbar-item-active-background-color:hsl(var(--bulma-hero-h),var(--bulma-hero-s),var(--bulma-hero-color-l));--bulma-navbar-item-active-color:hsl(var(--bulma-hero-h),var(--bulma-hero-s),var(--bulma-hero-background-l))}.hero.is-success .tabs{--bulma-tabs-link-color:hsl(var(--bulma-hero-h),var(--bulma-hero-s),var(--bulma-hero-color-l));--bulma-tabs-boxed-link-active-background-color:hsl(var(--bulma-hero-h),var(--bulma-hero-s),var(--bulma-hero-color-l));--bulma-tabs-boxed-link-active-border-color:hsl(var(--bulma-hero-h),var(--bulma-hero-s),var(--bulma-hero-background-l));--bulma-tabs-link-active-color:hsl(var(--bulma-hero-h),var(--bulma-hero-s),var(--bulma-hero-background-l))}.hero.is-success .subtitle{--bulma-subtitle-color:hsl(var(--bulma-hero-h),var(--bulma-hero-s),var(--bulma-hero-color-l));--bulma-subtitle-strong-color:hsl(var(--bulma-hero-h),var(--bulma-hero-s),var(--bulma-hero-color-l))}.hero.is-success .title{--bulma-title-color:hsl(var(--bulma-hero-h),var(--bulma-hero-s),var(--bulma-hero-color-l));--bulma-title-strong-color:hsl(var(--bulma-hero-h),var(--bulma-hero-s),var(--bulma-hero-color-l))}.hero.is-success.is-bold{background-image:linear-gradient(141deg,hsl(calc(var(--bulma-hero-h) - 5deg),calc(var(--bulma-hero-s) + 10%),calc(var(--bulma-hero-background-l) + 5%))0%,hsl(var(--bulma-hero-h),var(--bulma-hero-s),var(--bulma-hero-background-l))71%,hsl(calc(var(--bulma-hero-h) + 5deg),calc(var(--bulma-hero-s) - 10%),calc(var(--bulma-hero-background-l) - 5%))100%)}@media screen and (width<=768px){.hero.is-success.is-bold .navbar-menu{background-image:linear-gradient(141deg,hsl(calc(var(--bulma-hero-h) - 5deg),calc(var(--bulma-hero-s) + 10%),calc(var(--bulma-hero-background-l) + 5%))0%,hsl(var(--bulma-hero-h),var(--bulma-hero-s),var(--bulma-hero-color-l))71%,hsl(calc(var(--bulma-hero-h) + 5deg),calc(var(--bulma-hero-s) - 10%),calc(var(--bulma-hero-background-l) - 5%))100%)}}.hero.is-warning{--bulma-hero-h:var(--bulma-warning-h);--bulma-hero-s:var(--bulma-warning-s);--bulma-hero-background-l:var(--bulma-warning-l);--bulma-hero-color-l:var(--bulma-warning-invert-l);background-color:hsl(var(--bulma-hero-h),var(--bulma-hero-s),var(--bulma-hero-background-l));color:hsl(var(--bulma-hero-h),var(--bulma-hero-s),var(--bulma-hero-color-l))}.hero.is-warning .navbar{--bulma-navbar-item-color:hsl(var(--bulma-hero-h),var(--bulma-hero-s),var(--bulma-hero-color-l));--bulma-navbar-item-hover-background-color:hsl(var(--bulma-hero-h),var(--bulma-hero-s),var(--bulma-hero-color-l));--bulma-navbar-item-hover-color:hsl(var(--bulma-hero-h),var(--bulma-hero-s),var(--bulma-hero-background-l));--bulma-navbar-item-active-background-color:hsl(var(--bulma-hero-h),var(--bulma-hero-s),var(--bulma-hero-color-l));--bulma-navbar-item-active-color:hsl(var(--bulma-hero-h),var(--bulma-hero-s),var(--bulma-hero-background-l))}.hero.is-warning .tabs{--bulma-tabs-link-color:hsl(var(--bulma-hero-h),var(--bulma-hero-s),var(--bulma-hero-color-l));--bulma-tabs-boxed-link-active-background-color:hsl(var(--bulma-hero-h),var(--bulma-hero-s),var(--bulma-hero-color-l));--bulma-tabs-boxed-link-active-border-color:hsl(var(--bulma-hero-h),var(--bulma-hero-s),var(--bulma-hero-background-l));--bulma-tabs-link-active-color:hsl(var(--bulma-hero-h),var(--bulma-hero-s),var(--bulma-hero-background-l))}.hero.is-warning .subtitle{--bulma-subtitle-color:hsl(var(--bulma-hero-h),var(--bulma-hero-s),var(--bulma-hero-color-l));--bulma-subtitle-strong-color:hsl(var(--bulma-hero-h),var(--bulma-hero-s),var(--bulma-hero-color-l))}.hero.is-warning .title{--bulma-title-color:hsl(var(--bulma-hero-h),var(--bulma-hero-s),var(--bulma-hero-color-l));--bulma-title-strong-color:hsl(var(--bulma-hero-h),var(--bulma-hero-s),var(--bulma-hero-color-l))}.hero.is-warning.is-bold{background-image:linear-gradient(141deg,hsl(calc(var(--bulma-hero-h) - 5deg),calc(var(--bulma-hero-s) + 10%),calc(var(--bulma-hero-background-l) + 5%))0%,hsl(var(--bulma-hero-h),var(--bulma-hero-s),var(--bulma-hero-background-l))71%,hsl(calc(var(--bulma-hero-h) + 5deg),calc(var(--bulma-hero-s) - 10%),calc(var(--bulma-hero-background-l) - 5%))100%)}@media screen and (width<=768px){.hero.is-warning.is-bold .navbar-menu{background-image:linear-gradient(141deg,hsl(calc(var(--bulma-hero-h) - 5deg),calc(var(--bulma-hero-s) + 10%),calc(var(--bulma-hero-background-l) + 5%))0%,hsl(var(--bulma-hero-h),var(--bulma-hero-s),var(--bulma-hero-color-l))71%,hsl(calc(var(--bulma-hero-h) + 5deg),calc(var(--bulma-hero-s) - 10%),calc(var(--bulma-hero-background-l) - 5%))100%)}}.hero.is-danger{--bulma-hero-h:var(--bulma-danger-h);--bulma-hero-s:var(--bulma-danger-s);--bulma-hero-background-l:var(--bulma-danger-l);--bulma-hero-color-l:var(--bulma-danger-invert-l);background-color:hsl(var(--bulma-hero-h),var(--bulma-hero-s),var(--bulma-hero-background-l));color:hsl(var(--bulma-hero-h),var(--bulma-hero-s),var(--bulma-hero-color-l))}.hero.is-danger .navbar{--bulma-navbar-item-color:hsl(var(--bulma-hero-h),var(--bulma-hero-s),var(--bulma-hero-color-l));--bulma-navbar-item-hover-background-color:hsl(var(--bulma-hero-h),var(--bulma-hero-s),var(--bulma-hero-color-l));--bulma-navbar-item-hover-color:hsl(var(--bulma-hero-h),var(--bulma-hero-s),var(--bulma-hero-background-l));--bulma-navbar-item-active-background-color:hsl(var(--bulma-hero-h),var(--bulma-hero-s),var(--bulma-hero-color-l));--bulma-navbar-item-active-color:hsl(var(--bulma-hero-h),var(--bulma-hero-s),var(--bulma-hero-background-l))}.hero.is-danger .tabs{--bulma-tabs-link-color:hsl(var(--bulma-hero-h),var(--bulma-hero-s),var(--bulma-hero-color-l));--bulma-tabs-boxed-link-active-background-color:hsl(var(--bulma-hero-h),var(--bulma-hero-s),var(--bulma-hero-color-l));--bulma-tabs-boxed-link-active-border-color:hsl(var(--bulma-hero-h),var(--bulma-hero-s),var(--bulma-hero-background-l));--bulma-tabs-link-active-color:hsl(var(--bulma-hero-h),var(--bulma-hero-s),var(--bulma-hero-background-l))}.hero.is-danger .subtitle{--bulma-subtitle-color:hsl(var(--bulma-hero-h),var(--bulma-hero-s),var(--bulma-hero-color-l));--bulma-subtitle-strong-color:hsl(var(--bulma-hero-h),var(--bulma-hero-s),var(--bulma-hero-color-l))}.hero.is-danger .title{--bulma-title-color:hsl(var(--bulma-hero-h),var(--bulma-hero-s),var(--bulma-hero-color-l));--bulma-title-strong-color:hsl(var(--bulma-hero-h),var(--bulma-hero-s),var(--bulma-hero-color-l))}.hero.is-danger.is-bold{background-image:linear-gradient(141deg,hsl(calc(var(--bulma-hero-h) - 5deg),calc(var(--bulma-hero-s) + 10%),calc(var(--bulma-hero-background-l) + 5%))0%,hsl(var(--bulma-hero-h),var(--bulma-hero-s),var(--bulma-hero-background-l))71%,hsl(calc(var(--bulma-hero-h) + 5deg),calc(var(--bulma-hero-s) - 10%),calc(var(--bulma-hero-background-l) - 5%))100%)}@media screen and (width<=768px){.hero.is-danger.is-bold .navbar-menu{background-image:linear-gradient(141deg,hsl(calc(var(--bulma-hero-h) - 5deg),calc(var(--bulma-hero-s) + 10%),calc(var(--bulma-hero-background-l) + 5%))0%,hsl(var(--bulma-hero-h),var(--bulma-hero-s),var(--bulma-hero-color-l))71%,hsl(calc(var(--bulma-hero-h) + 5deg),calc(var(--bulma-hero-s) - 10%),calc(var(--bulma-hero-background-l) - 5%))100%)}}.hero.is-small .hero-body{padding:var(--bulma-hero-body-padding-small)}@media screen and (width>=769px),print{.hero.is-medium .hero-body{padding:var(--bulma-hero-body-padding-medium)}.hero.is-large .hero-body{padding:var(--bulma-hero-body-padding-large)}}.hero.is-halfheight .hero-body,.hero.is-fullheight .hero-body,.hero.is-fullheight-with-navbar .hero-body{align-items:center;display:flex}.hero.is-halfheight .hero-body>.container,.hero.is-fullheight .hero-body>.container,.hero.is-fullheight-with-navbar .hero-body>.container{flex-grow:1;flex-shrink:1}.hero.is-halfheight{min-height:50vh}.hero.is-fullheight{min-height:100vh}.hero-video{overflow:hidden}.hero-video video{min-width:100%;min-height:100%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.hero-video.is-transparent{opacity:.3}@media screen and (width<=768px){.hero-video{display:none}}.hero-buttons{margin-top:1.5rem}@media screen and (width<=768px){.hero-buttons .button{display:flex}.hero-buttons .button:not(:last-child){margin-bottom:.75rem}}@media screen and (width>=769px),print{.hero-buttons{justify-content:center;display:flex}.hero-buttons .button:not(:last-child){margin-inline-end:1.5rem}}.hero-head,.hero-foot{flex-grow:0;flex-shrink:0}.hero-body{padding:var(--bulma-hero-body-padding);flex-grow:1;flex-shrink:0}@media screen and (width>=769px),print{.hero-body{padding:var(--bulma-hero-body-padding-tablet)}}.level{--bulma-level-item-spacing:calc(var(--bulma-block-spacing)*.5);justify-content:space-between;align-items:center;gap:var(--bulma-level-item-spacing);flex-direction:column;display:flex}.level code{border-radius:var(--bulma-radius)}.level img{vertical-align:top;display:inline-block}.level.is-mobile{flex-direction:row;display:flex}.level.is-mobile .level-left,.level.is-mobile .level-right{display:flex}.level.is-mobile .level-item:not(.is-narrow){flex-grow:1}@media screen and (width>=769px),print{.level{flex-direction:row;display:flex}.level>.level-item:not(.is-narrow){flex-grow:1}}.level-item{flex:none;justify-content:center;align-items:center;display:flex}.level-item .title,.level-item .subtitle{margin-bottom:0}.level-left,.level-right{gap:calc(var(--bulma-block-spacing)*.5);flex:none}.level-left .level-item.is-flexible,.level-right .level-item.is-flexible{flex-grow:1}.level-left{flex-direction:column;justify-content:flex-start;align-items:center;display:flex}@media screen and (width>=769px),print{.level-left{flex-direction:row}}.level-right{flex-direction:column;justify-content:flex-end;align-items:center;display:flex}@media screen and (width>=769px),print{.level-right{flex-direction:row}}.media{--bulma-media-border-color:hsla(var(--bulma-scheme-h),var(--bulma-scheme-s),var(--bulma-border-l),.5);--bulma-media-border-size:1px;--bulma-media-spacing:1rem;--bulma-media-spacing-large:1.5rem;--bulma-media-content-spacing:.75rem;--bulma-media-level-1-spacing:.75rem;--bulma-media-level-1-content-spacing:.5rem;--bulma-media-level-2-spacing:.5rem;text-align:inherit;align-items:flex-start;display:flex}.media .content:not(:last-child){margin-bottom:var(--bulma-media-content-spacing)}.media .media{border-top-color:var(--bulma-media-border-color);border-top-style:solid;border-top-width:var(--bulma-media-border-size);padding-top:var(--bulma-media-level-1-spacing);display:flex}.media .media .content:not(:last-child),.media .media .control:not(:last-child){margin-bottom:var(--bulma-media-level-1-content-spacing)}.media .media .media{padding-top:var(--bulma-media-level-2-spacing)}.media .media .media+.media{margin-top:var(--bulma-media-level-2-spacing)}.media+.media{border-top-color:var(--bulma-media-border-color);border-top-style:solid;border-top-width:var(--bulma-media-border-size);margin-top:var(--bulma-media-spacing);padding-top:var(--bulma-media-spacing)}.media.is-large+.media{margin-top:var(--bulma-media-spacing-large);padding-top:var(--bulma-media-spacing-large)}.media-left,.media-right{flex:none}.media-left{margin-inline-end:var(--bulma-media-spacing)}.media-right{margin-inline-start:var(--bulma-media-spacing)}.media-content{text-align:inherit;flex:auto}@media screen and (width<=768px){.media-content{overflow-x:auto}}.section{--bulma-section-padding:3rem 1.5rem;--bulma-section-padding-desktop:3rem 3rem;--bulma-section-padding-medium:9rem 4.5rem;--bulma-section-padding-large:18rem 6rem;padding:var(--bulma-section-padding)}@media screen and (width>=1024px){.section{padding:var(--bulma-section-padding-desktop)}.section.is-medium{padding:var(--bulma-section-padding-medium)}.section.is-large{padding:var(--bulma-section-padding-large)}}.section.is-fullheight{min-height:100vh}:root{--bulma-skeleton-background:var(--bulma-border);--bulma-skeleton-radius:var(--bulma-radius-small);--bulma-skeleton-block-min-height:4.5em;--bulma-skeleton-lines-gap:.75em;--bulma-skeleton-line-height:.75em}.skeleton-lines>div,.skeleton-block,.has-skeleton:after,.is-skeleton{background-color:var(--bulma-skeleton-background);border-radius:var(--bulma-skeleton-radius);box-shadow:none;pointer-events:none;animation-name:pulsate;animation-duration:2s;animation-timing-function:cubic-bezier(.4,0,.6,1);animation-iteration-count:infinite}.is-skeleton{color:#0000!important}.is-skeleton em,.is-skeleton strong{color:inherit}.is-skeleton img{visibility:hidden}.is-skeleton.checkbox input{opacity:0}.is-skeleton.delete{border-radius:var(--bulma-radius-rounded)}.is-skeleton.delete:before,.is-skeleton.delete:after{display:none}input.is-skeleton,textarea.is-skeleton{resize:none}input.is-skeleton::placeholder,textarea.is-skeleton::placeholder{color:#0000!important}input.is-skeleton::-moz-placeholder,textarea.is-skeleton::-moz-placeholder{color:#0000!important}input.is-skeleton:-moz-placeholder,textarea.is-skeleton:-moz-placeholder{color:#0000!important}input.is-skeleton:-ms-input-placeholder,textarea.is-skeleton:-ms-input-placeholder{color:#0000!important}.has-skeleton{position:relative;color:#0000!important}.has-skeleton:after{content:"";width:7em;min-width:10%;max-width:100%;height:100%;display:block;position:absolute;top:0;left:0}.skeleton-block{min-height:var(--bulma-skeleton-block-min-height);color:#0000!important}.skeleton-lines{gap:var(--bulma-skeleton-lines-gap);flex-direction:column;display:flex;position:relative;color:#0000!important}.skeleton-lines>div{height:var(--bulma-skeleton-line-height)}.skeleton-lines>div:last-child{width:30%;min-width:4em}.is-aspect-ratio-1by1{aspect-ratio:1}.is-aspect-ratio-5by4{aspect-ratio:5/4}.is-aspect-ratio-4by3{aspect-ratio:4/3}.is-aspect-ratio-3by2{aspect-ratio:3/2}.is-aspect-ratio-5by3{aspect-ratio:5/3}.is-aspect-ratio-16by9{aspect-ratio:16/9}.is-aspect-ratio-2by1{aspect-ratio:2}.is-aspect-ratio-3by1{aspect-ratio:3}.is-aspect-ratio-4by5{aspect-ratio:4/5}.is-aspect-ratio-3by4{aspect-ratio:3/4}.is-aspect-ratio-2by3{aspect-ratio:2/3}.is-aspect-ratio-3by5{aspect-ratio:3/5}.is-aspect-ratio-9by16{aspect-ratio:9/16}.is-aspect-ratio-1by2{aspect-ratio:1/2}.is-aspect-ratio-1by3{aspect-ratio:1/3}.has-radius-small{border-radius:var(--bulma-radius-small)}.has-radius-normal{border-radius:var(--bulma-radius)}.has-radius-large{border-radius:var(--bulma-radius-large)}.has-radius-rounded{border-radius:var(--bulma-radius-rounded)}.has-background{background-color:var(--bulma-background)}.has-text-white{color:hsl(var(--bulma-white-h),var(--bulma-white-s),var(--bulma-white-l))!important}.has-background-white{background-color:hsl(var(--bulma-white-h),var(--bulma-white-s),var(--bulma-white-l))!important}.has-text-white-invert{color:hsl(var(--bulma-white-h),var(--bulma-white-s),var(--bulma-white-invert-l))!important}.has-background-white-invert{background-color:hsl(var(--bulma-white-h),var(--bulma-white-s),var(--bulma-white-invert-l))!important}.has-text-white-on-scheme{color:hsl(var(--bulma-white-h),var(--bulma-white-s),var(--bulma-white-on-scheme-l))!important}.has-background-white-on-scheme{background-color:hsl(var(--bulma-white-h),var(--bulma-white-s),var(--bulma-white-on-scheme-l))!important}.has-text-white-light{color:hsl(var(--bulma-white-h),var(--bulma-white-s),var(--bulma-white-light-l))!important}.has-background-white-light{background-color:hsl(var(--bulma-white-h),var(--bulma-white-s),var(--bulma-white-light-l))!important}.has-text-white-light-invert{color:hsl(var(--bulma-white-h),var(--bulma-white-s),var(--bulma-white-light-invert-l))!important}.has-background-white-light-invert{background-color:hsl(var(--bulma-white-h),var(--bulma-white-s),var(--bulma-white-light-invert-l))!important}.has-text-white-dark{color:hsl(var(--bulma-white-h),var(--bulma-white-s),var(--bulma-white-dark-l))!important}.has-background-white-dark{background-color:hsl(var(--bulma-white-h),var(--bulma-white-s),var(--bulma-white-dark-l))!important}.has-text-white-dark-invert{color:hsl(var(--bulma-white-h),var(--bulma-white-s),var(--bulma-white-dark-invert-l))!important}.has-background-white-dark-invert{background-color:hsl(var(--bulma-white-h),var(--bulma-white-s),var(--bulma-white-dark-invert-l))!important}.has-text-white-soft{color:hsl(var(--bulma-white-h),var(--bulma-white-s),var(--bulma-soft-l))!important}.has-background-white-soft{background-color:hsl(var(--bulma-white-h),var(--bulma-white-s),var(--bulma-soft-l))!important}.has-text-white-bold{color:hsl(var(--bulma-white-h),var(--bulma-white-s),var(--bulma-bold-l))!important}.has-background-white-bold{background-color:hsl(var(--bulma-white-h),var(--bulma-white-s),var(--bulma-bold-l))!important}.has-text-white-soft-invert{color:hsl(var(--bulma-white-h),var(--bulma-white-s),var(--bulma-soft-invert-l))!important}.has-background-white-soft-invert{background-color:hsl(var(--bulma-white-h),var(--bulma-white-s),var(--bulma-soft-invert-l))!important}.has-text-white-bold-invert{color:hsl(var(--bulma-white-h),var(--bulma-white-s),var(--bulma-bold-invert-l))!important}.has-background-white-bold-invert{background-color:hsl(var(--bulma-white-h),var(--bulma-white-s),var(--bulma-bold-invert-l))!important}.has-text-white-00{color:hsl(var(--bulma-white-h),var(--bulma-white-s),var(--bulma-white-00-l))!important}.has-background-white-00{background-color:hsl(var(--bulma-white-h),var(--bulma-white-s),var(--bulma-white-00-l))!important}.has-text-white-00-invert{color:hsl(var(--bulma-white-h),var(--bulma-white-s),var(--bulma-white-00-invert-l))!important}.has-background-white-00-invert{background-color:hsl(var(--bulma-white-h),var(--bulma-white-s),var(--bulma-white-00-invert-l))!important}.has-text-white-05{color:hsl(var(--bulma-white-h),var(--bulma-white-s),var(--bulma-white-05-l))!important}.has-background-white-05{background-color:hsl(var(--bulma-white-h),var(--bulma-white-s),var(--bulma-white-05-l))!important}.has-text-white-05-invert{color:hsl(var(--bulma-white-h),var(--bulma-white-s),var(--bulma-white-05-invert-l))!important}.has-background-white-05-invert{background-color:hsl(var(--bulma-white-h),var(--bulma-white-s),var(--bulma-white-05-invert-l))!important}.has-text-white-10{color:hsl(var(--bulma-white-h),var(--bulma-white-s),var(--bulma-white-10-l))!important}.has-background-white-10{background-color:hsl(var(--bulma-white-h),var(--bulma-white-s),var(--bulma-white-10-l))!important}.has-text-white-10-invert{color:hsl(var(--bulma-white-h),var(--bulma-white-s),var(--bulma-white-10-invert-l))!important}.has-background-white-10-invert{background-color:hsl(var(--bulma-white-h),var(--bulma-white-s),var(--bulma-white-10-invert-l))!important}.has-text-white-15{color:hsl(var(--bulma-white-h),var(--bulma-white-s),var(--bulma-white-15-l))!important}.has-background-white-15{background-color:hsl(var(--bulma-white-h),var(--bulma-white-s),var(--bulma-white-15-l))!important}.has-text-white-15-invert{color:hsl(var(--bulma-white-h),var(--bulma-white-s),var(--bulma-white-15-invert-l))!important}.has-background-white-15-invert{background-color:hsl(var(--bulma-white-h),var(--bulma-white-s),var(--bulma-white-15-invert-l))!important}.has-text-white-20{color:hsl(var(--bulma-white-h),var(--bulma-white-s),var(--bulma-white-20-l))!important}.has-background-white-20{background-color:hsl(var(--bulma-white-h),var(--bulma-white-s),var(--bulma-white-20-l))!important}.has-text-white-20-invert{color:hsl(var(--bulma-white-h),var(--bulma-white-s),var(--bulma-white-20-invert-l))!important}.has-background-white-20-invert{background-color:hsl(var(--bulma-white-h),var(--bulma-white-s),var(--bulma-white-20-invert-l))!important}.has-text-white-25{color:hsl(var(--bulma-white-h),var(--bulma-white-s),var(--bulma-white-25-l))!important}.has-background-white-25{background-color:hsl(var(--bulma-white-h),var(--bulma-white-s),var(--bulma-white-25-l))!important}.has-text-white-25-invert{color:hsl(var(--bulma-white-h),var(--bulma-white-s),var(--bulma-white-25-invert-l))!important}.has-background-white-25-invert{background-color:hsl(var(--bulma-white-h),var(--bulma-white-s),var(--bulma-white-25-invert-l))!important}.has-text-white-30{color:hsl(var(--bulma-white-h),var(--bulma-white-s),var(--bulma-white-30-l))!important}.has-background-white-30{background-color:hsl(var(--bulma-white-h),var(--bulma-white-s),var(--bulma-white-30-l))!important}.has-text-white-30-invert{color:hsl(var(--bulma-white-h),var(--bulma-white-s),var(--bulma-white-30-invert-l))!important}.has-background-white-30-invert{background-color:hsl(var(--bulma-white-h),var(--bulma-white-s),var(--bulma-white-30-invert-l))!important}.has-text-white-35{color:hsl(var(--bulma-white-h),var(--bulma-white-s),var(--bulma-white-35-l))!important}.has-background-white-35{background-color:hsl(var(--bulma-white-h),var(--bulma-white-s),var(--bulma-white-35-l))!important}.has-text-white-35-invert{color:hsl(var(--bulma-white-h),var(--bulma-white-s),var(--bulma-white-35-invert-l))!important}.has-background-white-35-invert{background-color:hsl(var(--bulma-white-h),var(--bulma-white-s),var(--bulma-white-35-invert-l))!important}.has-text-white-40{color:hsl(var(--bulma-white-h),var(--bulma-white-s),var(--bulma-white-40-l))!important}.has-background-white-40{background-color:hsl(var(--bulma-white-h),var(--bulma-white-s),var(--bulma-white-40-l))!important}.has-text-white-40-invert{color:hsl(var(--bulma-white-h),var(--bulma-white-s),var(--bulma-white-40-invert-l))!important}.has-background-white-40-invert{background-color:hsl(var(--bulma-white-h),var(--bulma-white-s),var(--bulma-white-40-invert-l))!important}.has-text-white-45{color:hsl(var(--bulma-white-h),var(--bulma-white-s),var(--bulma-white-45-l))!important}.has-background-white-45{background-color:hsl(var(--bulma-white-h),var(--bulma-white-s),var(--bulma-white-45-l))!important}.has-text-white-45-invert{color:hsl(var(--bulma-white-h),var(--bulma-white-s),var(--bulma-white-45-invert-l))!important}.has-background-white-45-invert{background-color:hsl(var(--bulma-white-h),var(--bulma-white-s),var(--bulma-white-45-invert-l))!important}.has-text-white-50{color:hsl(var(--bulma-white-h),var(--bulma-white-s),var(--bulma-white-50-l))!important}.has-background-white-50{background-color:hsl(var(--bulma-white-h),var(--bulma-white-s),var(--bulma-white-50-l))!important}.has-text-white-50-invert{color:hsl(var(--bulma-white-h),var(--bulma-white-s),var(--bulma-white-50-invert-l))!important}.has-background-white-50-invert{background-color:hsl(var(--bulma-white-h),var(--bulma-white-s),var(--bulma-white-50-invert-l))!important}.has-text-white-55{color:hsl(var(--bulma-white-h),var(--bulma-white-s),var(--bulma-white-55-l))!important}.has-background-white-55{background-color:hsl(var(--bulma-white-h),var(--bulma-white-s),var(--bulma-white-55-l))!important}.has-text-white-55-invert{color:hsl(var(--bulma-white-h),var(--bulma-white-s),var(--bulma-white-55-invert-l))!important}.has-background-white-55-invert{background-color:hsl(var(--bulma-white-h),var(--bulma-white-s),var(--bulma-white-55-invert-l))!important}.has-text-white-60{color:hsl(var(--bulma-white-h),var(--bulma-white-s),var(--bulma-white-60-l))!important}.has-background-white-60{background-color:hsl(var(--bulma-white-h),var(--bulma-white-s),var(--bulma-white-60-l))!important}.has-text-white-60-invert{color:hsl(var(--bulma-white-h),var(--bulma-white-s),var(--bulma-white-60-invert-l))!important}.has-background-white-60-invert{background-color:hsl(var(--bulma-white-h),var(--bulma-white-s),var(--bulma-white-60-invert-l))!important}.has-text-white-65{color:hsl(var(--bulma-white-h),var(--bulma-white-s),var(--bulma-white-65-l))!important}.has-background-white-65{background-color:hsl(var(--bulma-white-h),var(--bulma-white-s),var(--bulma-white-65-l))!important}.has-text-white-65-invert{color:hsl(var(--bulma-white-h),var(--bulma-white-s),var(--bulma-white-65-invert-l))!important}.has-background-white-65-invert{background-color:hsl(var(--bulma-white-h),var(--bulma-white-s),var(--bulma-white-65-invert-l))!important}.has-text-white-70{color:hsl(var(--bulma-white-h),var(--bulma-white-s),var(--bulma-white-70-l))!important}.has-background-white-70{background-color:hsl(var(--bulma-white-h),var(--bulma-white-s),var(--bulma-white-70-l))!important}.has-text-white-70-invert{color:hsl(var(--bulma-white-h),var(--bulma-white-s),var(--bulma-white-70-invert-l))!important}.has-background-white-70-invert{background-color:hsl(var(--bulma-white-h),var(--bulma-white-s),var(--bulma-white-70-invert-l))!important}.has-text-white-75{color:hsl(var(--bulma-white-h),var(--bulma-white-s),var(--bulma-white-75-l))!important}.has-background-white-75{background-color:hsl(var(--bulma-white-h),var(--bulma-white-s),var(--bulma-white-75-l))!important}.has-text-white-75-invert{color:hsl(var(--bulma-white-h),var(--bulma-white-s),var(--bulma-white-75-invert-l))!important}.has-background-white-75-invert{background-color:hsl(var(--bulma-white-h),var(--bulma-white-s),var(--bulma-white-75-invert-l))!important}.has-text-white-80{color:hsl(var(--bulma-white-h),var(--bulma-white-s),var(--bulma-white-80-l))!important}.has-background-white-80{background-color:hsl(var(--bulma-white-h),var(--bulma-white-s),var(--bulma-white-80-l))!important}.has-text-white-80-invert{color:hsl(var(--bulma-white-h),var(--bulma-white-s),var(--bulma-white-80-invert-l))!important}.has-background-white-80-invert{background-color:hsl(var(--bulma-white-h),var(--bulma-white-s),var(--bulma-white-80-invert-l))!important}.has-text-white-85{color:hsl(var(--bulma-white-h),var(--bulma-white-s),var(--bulma-white-85-l))!important}.has-background-white-85{background-color:hsl(var(--bulma-white-h),var(--bulma-white-s),var(--bulma-white-85-l))!important}.has-text-white-85-invert{color:hsl(var(--bulma-white-h),var(--bulma-white-s),var(--bulma-white-85-invert-l))!important}.has-background-white-85-invert{background-color:hsl(var(--bulma-white-h),var(--bulma-white-s),var(--bulma-white-85-invert-l))!important}.has-text-white-90{color:hsl(var(--bulma-white-h),var(--bulma-white-s),var(--bulma-white-90-l))!important}.has-background-white-90{background-color:hsl(var(--bulma-white-h),var(--bulma-white-s),var(--bulma-white-90-l))!important}.has-text-white-90-invert{color:hsl(var(--bulma-white-h),var(--bulma-white-s),var(--bulma-white-90-invert-l))!important}.has-background-white-90-invert{background-color:hsl(var(--bulma-white-h),var(--bulma-white-s),var(--bulma-white-90-invert-l))!important}.has-text-white-95{color:hsl(var(--bulma-white-h),var(--bulma-white-s),var(--bulma-white-95-l))!important}.has-background-white-95{background-color:hsl(var(--bulma-white-h),var(--bulma-white-s),var(--bulma-white-95-l))!important}.has-text-white-95-invert{color:hsl(var(--bulma-white-h),var(--bulma-white-s),var(--bulma-white-95-invert-l))!important}.has-background-white-95-invert{background-color:hsl(var(--bulma-white-h),var(--bulma-white-s),var(--bulma-white-95-invert-l))!important}.has-text-white-100{color:hsl(var(--bulma-white-h),var(--bulma-white-s),var(--bulma-white-100-l))!important}.has-background-white-100{background-color:hsl(var(--bulma-white-h),var(--bulma-white-s),var(--bulma-white-100-l))!important}.has-text-white-100-invert{color:hsl(var(--bulma-white-h),var(--bulma-white-s),var(--bulma-white-100-invert-l))!important}.has-background-white-100-invert{background-color:hsl(var(--bulma-white-h),var(--bulma-white-s),var(--bulma-white-100-invert-l))!important}a.has-text-white:hover,a.has-text-white:focus-visible,button.has-text-white:hover,button.has-text-white:focus-visible,has-text-white.is-hoverable:hover,has-text-white.is-hoverable:focus-visible{color:hsl(var(--bulma-white-h),var(--bulma-white-s),calc(var(--bulma-white-l) + var(--bulma-hover-color-l-delta)))!important}a.has-text-white:active,button.has-text-white:active,has-text-white.is-hoverable:active{color:hsl(var(--bulma-white-h),var(--bulma-white-s),calc(var(--bulma-white-l) + var(--bulma-active-color-l-delta)))!important}a.has-background-white:hover,a.has-background-white:focus-visible,button.has-background-white:hover,button.has-background-white:focus-visible,has-background-white.is-hoverable:hover,has-background-white.is-hoverable:focus-visible{background-color:hsl(var(--bulma-white-h),var(--bulma-white-s),calc(var(--bulma-white-l) + var(--bulma-hover-background-l-delta)))!important}a.has-background-white:active,button.has-background-white:active,has-background-white.is-hoverable:active{background-color:hsl(var(--bulma-white-h),var(--bulma-white-s),calc(var(--bulma-white-l) + var(--bulma-active-background-l-delta)))!important}.is-palette-white{--h:var(--bulma-white-h);--s:var(--bulma-white-s);--l:var(--bulma-white-l);--color:hsl(var(--h),var(--s),var(--l));--00-l:var(--bulma-white-00-l);--color-00:hsl(var(--h),var(--s),var(--00-l));--05-l:var(--bulma-white-05-l);--color-05:hsl(var(--h),var(--s),var(--05-l));--10-l:var(--bulma-white-10-l);--color-10:hsl(var(--h),var(--s),var(--10-l));--15-l:var(--bulma-white-15-l);--color-15:hsl(var(--h),var(--s),var(--15-l));--20-l:var(--bulma-white-20-l);--color-20:hsl(var(--h),var(--s),var(--20-l));--25-l:var(--bulma-white-25-l);--color-25:hsl(var(--h),var(--s),var(--25-l));--30-l:var(--bulma-white-30-l);--color-30:hsl(var(--h),var(--s),var(--30-l));--35-l:var(--bulma-white-35-l);--color-35:hsl(var(--h),var(--s),var(--35-l));--40-l:var(--bulma-white-40-l);--color-40:hsl(var(--h),var(--s),var(--40-l));--45-l:var(--bulma-white-45-l);--color-45:hsl(var(--h),var(--s),var(--45-l));--50-l:var(--bulma-white-50-l);--color-50:hsl(var(--h),var(--s),var(--50-l));--55-l:var(--bulma-white-55-l);--color-55:hsl(var(--h),var(--s),var(--55-l));--60-l:var(--bulma-white-60-l);--color-60:hsl(var(--h),var(--s),var(--60-l));--65-l:var(--bulma-white-65-l);--color-65:hsl(var(--h),var(--s),var(--65-l));--70-l:var(--bulma-white-70-l);--color-70:hsl(var(--h),var(--s),var(--70-l));--75-l:var(--bulma-white-75-l);--color-75:hsl(var(--h),var(--s),var(--75-l));--80-l:var(--bulma-white-80-l);--color-80:hsl(var(--h),var(--s),var(--80-l));--85-l:var(--bulma-white-85-l);--color-85:hsl(var(--h),var(--s),var(--85-l));--90-l:var(--bulma-white-90-l);--color-90:hsl(var(--h),var(--s),var(--90-l));--95-l:var(--bulma-white-95-l);--color-95:hsl(var(--h),var(--s),var(--95-l));--100-l:var(--bulma-white-100-l);--color-100:hsl(var(--h),var(--s),var(--100-l))}.has-text-black{color:hsl(var(--bulma-black-h),var(--bulma-black-s),var(--bulma-black-l))!important}.has-background-black{background-color:hsl(var(--bulma-black-h),var(--bulma-black-s),var(--bulma-black-l))!important}.has-text-black-invert{color:hsl(var(--bulma-black-h),var(--bulma-black-s),var(--bulma-black-invert-l))!important}.has-background-black-invert{background-color:hsl(var(--bulma-black-h),var(--bulma-black-s),var(--bulma-black-invert-l))!important}.has-text-black-on-scheme{color:hsl(var(--bulma-black-h),var(--bulma-black-s),var(--bulma-black-on-scheme-l))!important}.has-background-black-on-scheme{background-color:hsl(var(--bulma-black-h),var(--bulma-black-s),var(--bulma-black-on-scheme-l))!important}.has-text-black-light{color:hsl(var(--bulma-black-h),var(--bulma-black-s),var(--bulma-black-light-l))!important}.has-background-black-light{background-color:hsl(var(--bulma-black-h),var(--bulma-black-s),var(--bulma-black-light-l))!important}.has-text-black-light-invert{color:hsl(var(--bulma-black-h),var(--bulma-black-s),var(--bulma-black-light-invert-l))!important}.has-background-black-light-invert{background-color:hsl(var(--bulma-black-h),var(--bulma-black-s),var(--bulma-black-light-invert-l))!important}.has-text-black-dark{color:hsl(var(--bulma-black-h),var(--bulma-black-s),var(--bulma-black-dark-l))!important}.has-background-black-dark{background-color:hsl(var(--bulma-black-h),var(--bulma-black-s),var(--bulma-black-dark-l))!important}.has-text-black-dark-invert{color:hsl(var(--bulma-black-h),var(--bulma-black-s),var(--bulma-black-dark-invert-l))!important}.has-background-black-dark-invert{background-color:hsl(var(--bulma-black-h),var(--bulma-black-s),var(--bulma-black-dark-invert-l))!important}.has-text-black-soft{color:hsl(var(--bulma-black-h),var(--bulma-black-s),var(--bulma-soft-l))!important}.has-background-black-soft{background-color:hsl(var(--bulma-black-h),var(--bulma-black-s),var(--bulma-soft-l))!important}.has-text-black-bold{color:hsl(var(--bulma-black-h),var(--bulma-black-s),var(--bulma-bold-l))!important}.has-background-black-bold{background-color:hsl(var(--bulma-black-h),var(--bulma-black-s),var(--bulma-bold-l))!important}.has-text-black-soft-invert{color:hsl(var(--bulma-black-h),var(--bulma-black-s),var(--bulma-soft-invert-l))!important}.has-background-black-soft-invert{background-color:hsl(var(--bulma-black-h),var(--bulma-black-s),var(--bulma-soft-invert-l))!important}.has-text-black-bold-invert{color:hsl(var(--bulma-black-h),var(--bulma-black-s),var(--bulma-bold-invert-l))!important}.has-background-black-bold-invert{background-color:hsl(var(--bulma-black-h),var(--bulma-black-s),var(--bulma-bold-invert-l))!important}.has-text-black-00{color:hsl(var(--bulma-black-h),var(--bulma-black-s),var(--bulma-black-00-l))!important}.has-background-black-00{background-color:hsl(var(--bulma-black-h),var(--bulma-black-s),var(--bulma-black-00-l))!important}.has-text-black-00-invert{color:hsl(var(--bulma-black-h),var(--bulma-black-s),var(--bulma-black-00-invert-l))!important}.has-background-black-00-invert{background-color:hsl(var(--bulma-black-h),var(--bulma-black-s),var(--bulma-black-00-invert-l))!important}.has-text-black-05{color:hsl(var(--bulma-black-h),var(--bulma-black-s),var(--bulma-black-05-l))!important}.has-background-black-05{background-color:hsl(var(--bulma-black-h),var(--bulma-black-s),var(--bulma-black-05-l))!important}.has-text-black-05-invert{color:hsl(var(--bulma-black-h),var(--bulma-black-s),var(--bulma-black-05-invert-l))!important}.has-background-black-05-invert{background-color:hsl(var(--bulma-black-h),var(--bulma-black-s),var(--bulma-black-05-invert-l))!important}.has-text-black-10{color:hsl(var(--bulma-black-h),var(--bulma-black-s),var(--bulma-black-10-l))!important}.has-background-black-10{background-color:hsl(var(--bulma-black-h),var(--bulma-black-s),var(--bulma-black-10-l))!important}.has-text-black-10-invert{color:hsl(var(--bulma-black-h),var(--bulma-black-s),var(--bulma-black-10-invert-l))!important}.has-background-black-10-invert{background-color:hsl(var(--bulma-black-h),var(--bulma-black-s),var(--bulma-black-10-invert-l))!important}.has-text-black-15{color:hsl(var(--bulma-black-h),var(--bulma-black-s),var(--bulma-black-15-l))!important}.has-background-black-15{background-color:hsl(var(--bulma-black-h),var(--bulma-black-s),var(--bulma-black-15-l))!important}.has-text-black-15-invert{color:hsl(var(--bulma-black-h),var(--bulma-black-s),var(--bulma-black-15-invert-l))!important}.has-background-black-15-invert{background-color:hsl(var(--bulma-black-h),var(--bulma-black-s),var(--bulma-black-15-invert-l))!important}.has-text-black-20{color:hsl(var(--bulma-black-h),var(--bulma-black-s),var(--bulma-black-20-l))!important}.has-background-black-20{background-color:hsl(var(--bulma-black-h),var(--bulma-black-s),var(--bulma-black-20-l))!important}.has-text-black-20-invert{color:hsl(var(--bulma-black-h),var(--bulma-black-s),var(--bulma-black-20-invert-l))!important}.has-background-black-20-invert{background-color:hsl(var(--bulma-black-h),var(--bulma-black-s),var(--bulma-black-20-invert-l))!important}.has-text-black-25{color:hsl(var(--bulma-black-h),var(--bulma-black-s),var(--bulma-black-25-l))!important}.has-background-black-25{background-color:hsl(var(--bulma-black-h),var(--bulma-black-s),var(--bulma-black-25-l))!important}.has-text-black-25-invert{color:hsl(var(--bulma-black-h),var(--bulma-black-s),var(--bulma-black-25-invert-l))!important}.has-background-black-25-invert{background-color:hsl(var(--bulma-black-h),var(--bulma-black-s),var(--bulma-black-25-invert-l))!important}.has-text-black-30{color:hsl(var(--bulma-black-h),var(--bulma-black-s),var(--bulma-black-30-l))!important}.has-background-black-30{background-color:hsl(var(--bulma-black-h),var(--bulma-black-s),var(--bulma-black-30-l))!important}.has-text-black-30-invert{color:hsl(var(--bulma-black-h),var(--bulma-black-s),var(--bulma-black-30-invert-l))!important}.has-background-black-30-invert{background-color:hsl(var(--bulma-black-h),var(--bulma-black-s),var(--bulma-black-30-invert-l))!important}.has-text-black-35{color:hsl(var(--bulma-black-h),var(--bulma-black-s),var(--bulma-black-35-l))!important}.has-background-black-35{background-color:hsl(var(--bulma-black-h),var(--bulma-black-s),var(--bulma-black-35-l))!important}.has-text-black-35-invert{color:hsl(var(--bulma-black-h),var(--bulma-black-s),var(--bulma-black-35-invert-l))!important}.has-background-black-35-invert{background-color:hsl(var(--bulma-black-h),var(--bulma-black-s),var(--bulma-black-35-invert-l))!important}.has-text-black-40{color:hsl(var(--bulma-black-h),var(--bulma-black-s),var(--bulma-black-40-l))!important}.has-background-black-40{background-color:hsl(var(--bulma-black-h),var(--bulma-black-s),var(--bulma-black-40-l))!important}.has-text-black-40-invert{color:hsl(var(--bulma-black-h),var(--bulma-black-s),var(--bulma-black-40-invert-l))!important}.has-background-black-40-invert{background-color:hsl(var(--bulma-black-h),var(--bulma-black-s),var(--bulma-black-40-invert-l))!important}.has-text-black-45{color:hsl(var(--bulma-black-h),var(--bulma-black-s),var(--bulma-black-45-l))!important}.has-background-black-45{background-color:hsl(var(--bulma-black-h),var(--bulma-black-s),var(--bulma-black-45-l))!important}.has-text-black-45-invert{color:hsl(var(--bulma-black-h),var(--bulma-black-s),var(--bulma-black-45-invert-l))!important}.has-background-black-45-invert{background-color:hsl(var(--bulma-black-h),var(--bulma-black-s),var(--bulma-black-45-invert-l))!important}.has-text-black-50{color:hsl(var(--bulma-black-h),var(--bulma-black-s),var(--bulma-black-50-l))!important}.has-background-black-50{background-color:hsl(var(--bulma-black-h),var(--bulma-black-s),var(--bulma-black-50-l))!important}.has-text-black-50-invert{color:hsl(var(--bulma-black-h),var(--bulma-black-s),var(--bulma-black-50-invert-l))!important}.has-background-black-50-invert{background-color:hsl(var(--bulma-black-h),var(--bulma-black-s),var(--bulma-black-50-invert-l))!important}.has-text-black-55{color:hsl(var(--bulma-black-h),var(--bulma-black-s),var(--bulma-black-55-l))!important}.has-background-black-55{background-color:hsl(var(--bulma-black-h),var(--bulma-black-s),var(--bulma-black-55-l))!important}.has-text-black-55-invert{color:hsl(var(--bulma-black-h),var(--bulma-black-s),var(--bulma-black-55-invert-l))!important}.has-background-black-55-invert{background-color:hsl(var(--bulma-black-h),var(--bulma-black-s),var(--bulma-black-55-invert-l))!important}.has-text-black-60{color:hsl(var(--bulma-black-h),var(--bulma-black-s),var(--bulma-black-60-l))!important}.has-background-black-60{background-color:hsl(var(--bulma-black-h),var(--bulma-black-s),var(--bulma-black-60-l))!important}.has-text-black-60-invert{color:hsl(var(--bulma-black-h),var(--bulma-black-s),var(--bulma-black-60-invert-l))!important}.has-background-black-60-invert{background-color:hsl(var(--bulma-black-h),var(--bulma-black-s),var(--bulma-black-60-invert-l))!important}.has-text-black-65{color:hsl(var(--bulma-black-h),var(--bulma-black-s),var(--bulma-black-65-l))!important}.has-background-black-65{background-color:hsl(var(--bulma-black-h),var(--bulma-black-s),var(--bulma-black-65-l))!important}.has-text-black-65-invert{color:hsl(var(--bulma-black-h),var(--bulma-black-s),var(--bulma-black-65-invert-l))!important}.has-background-black-65-invert{background-color:hsl(var(--bulma-black-h),var(--bulma-black-s),var(--bulma-black-65-invert-l))!important}.has-text-black-70{color:hsl(var(--bulma-black-h),var(--bulma-black-s),var(--bulma-black-70-l))!important}.has-background-black-70{background-color:hsl(var(--bulma-black-h),var(--bulma-black-s),var(--bulma-black-70-l))!important}.has-text-black-70-invert{color:hsl(var(--bulma-black-h),var(--bulma-black-s),var(--bulma-black-70-invert-l))!important}.has-background-black-70-invert{background-color:hsl(var(--bulma-black-h),var(--bulma-black-s),var(--bulma-black-70-invert-l))!important}.has-text-black-75{color:hsl(var(--bulma-black-h),var(--bulma-black-s),var(--bulma-black-75-l))!important}.has-background-black-75{background-color:hsl(var(--bulma-black-h),var(--bulma-black-s),var(--bulma-black-75-l))!important}.has-text-black-75-invert{color:hsl(var(--bulma-black-h),var(--bulma-black-s),var(--bulma-black-75-invert-l))!important}.has-background-black-75-invert{background-color:hsl(var(--bulma-black-h),var(--bulma-black-s),var(--bulma-black-75-invert-l))!important}.has-text-black-80{color:hsl(var(--bulma-black-h),var(--bulma-black-s),var(--bulma-black-80-l))!important}.has-background-black-80{background-color:hsl(var(--bulma-black-h),var(--bulma-black-s),var(--bulma-black-80-l))!important}.has-text-black-80-invert{color:hsl(var(--bulma-black-h),var(--bulma-black-s),var(--bulma-black-80-invert-l))!important}.has-background-black-80-invert{background-color:hsl(var(--bulma-black-h),var(--bulma-black-s),var(--bulma-black-80-invert-l))!important}.has-text-black-85{color:hsl(var(--bulma-black-h),var(--bulma-black-s),var(--bulma-black-85-l))!important}.has-background-black-85{background-color:hsl(var(--bulma-black-h),var(--bulma-black-s),var(--bulma-black-85-l))!important}.has-text-black-85-invert{color:hsl(var(--bulma-black-h),var(--bulma-black-s),var(--bulma-black-85-invert-l))!important}.has-background-black-85-invert{background-color:hsl(var(--bulma-black-h),var(--bulma-black-s),var(--bulma-black-85-invert-l))!important}.has-text-black-90{color:hsl(var(--bulma-black-h),var(--bulma-black-s),var(--bulma-black-90-l))!important}.has-background-black-90{background-color:hsl(var(--bulma-black-h),var(--bulma-black-s),var(--bulma-black-90-l))!important}.has-text-black-90-invert{color:hsl(var(--bulma-black-h),var(--bulma-black-s),var(--bulma-black-90-invert-l))!important}.has-background-black-90-invert{background-color:hsl(var(--bulma-black-h),var(--bulma-black-s),var(--bulma-black-90-invert-l))!important}.has-text-black-95{color:hsl(var(--bulma-black-h),var(--bulma-black-s),var(--bulma-black-95-l))!important}.has-background-black-95{background-color:hsl(var(--bulma-black-h),var(--bulma-black-s),var(--bulma-black-95-l))!important}.has-text-black-95-invert{color:hsl(var(--bulma-black-h),var(--bulma-black-s),var(--bulma-black-95-invert-l))!important}.has-background-black-95-invert{background-color:hsl(var(--bulma-black-h),var(--bulma-black-s),var(--bulma-black-95-invert-l))!important}.has-text-black-100{color:hsl(var(--bulma-black-h),var(--bulma-black-s),var(--bulma-black-100-l))!important}.has-background-black-100{background-color:hsl(var(--bulma-black-h),var(--bulma-black-s),var(--bulma-black-100-l))!important}.has-text-black-100-invert{color:hsl(var(--bulma-black-h),var(--bulma-black-s),var(--bulma-black-100-invert-l))!important}.has-background-black-100-invert{background-color:hsl(var(--bulma-black-h),var(--bulma-black-s),var(--bulma-black-100-invert-l))!important}a.has-text-black:hover,a.has-text-black:focus-visible,button.has-text-black:hover,button.has-text-black:focus-visible,has-text-black.is-hoverable:hover,has-text-black.is-hoverable:focus-visible{color:hsl(var(--bulma-black-h),var(--bulma-black-s),calc(var(--bulma-black-l) + var(--bulma-hover-color-l-delta)))!important}a.has-text-black:active,button.has-text-black:active,has-text-black.is-hoverable:active{color:hsl(var(--bulma-black-h),var(--bulma-black-s),calc(var(--bulma-black-l) + var(--bulma-active-color-l-delta)))!important}a.has-background-black:hover,a.has-background-black:focus-visible,button.has-background-black:hover,button.has-background-black:focus-visible,has-background-black.is-hoverable:hover,has-background-black.is-hoverable:focus-visible{background-color:hsl(var(--bulma-black-h),var(--bulma-black-s),calc(var(--bulma-black-l) + var(--bulma-hover-background-l-delta)))!important}a.has-background-black:active,button.has-background-black:active,has-background-black.is-hoverable:active{background-color:hsl(var(--bulma-black-h),var(--bulma-black-s),calc(var(--bulma-black-l) + var(--bulma-active-background-l-delta)))!important}.is-palette-black{--h:var(--bulma-black-h);--s:var(--bulma-black-s);--l:var(--bulma-black-l);--color:hsl(var(--h),var(--s),var(--l));--00-l:var(--bulma-black-00-l);--color-00:hsl(var(--h),var(--s),var(--00-l));--05-l:var(--bulma-black-05-l);--color-05:hsl(var(--h),var(--s),var(--05-l));--10-l:var(--bulma-black-10-l);--color-10:hsl(var(--h),var(--s),var(--10-l));--15-l:var(--bulma-black-15-l);--color-15:hsl(var(--h),var(--s),var(--15-l));--20-l:var(--bulma-black-20-l);--color-20:hsl(var(--h),var(--s),var(--20-l));--25-l:var(--bulma-black-25-l);--color-25:hsl(var(--h),var(--s),var(--25-l));--30-l:var(--bulma-black-30-l);--color-30:hsl(var(--h),var(--s),var(--30-l));--35-l:var(--bulma-black-35-l);--color-35:hsl(var(--h),var(--s),var(--35-l));--40-l:var(--bulma-black-40-l);--color-40:hsl(var(--h),var(--s),var(--40-l));--45-l:var(--bulma-black-45-l);--color-45:hsl(var(--h),var(--s),var(--45-l));--50-l:var(--bulma-black-50-l);--color-50:hsl(var(--h),var(--s),var(--50-l));--55-l:var(--bulma-black-55-l);--color-55:hsl(var(--h),var(--s),var(--55-l));--60-l:var(--bulma-black-60-l);--color-60:hsl(var(--h),var(--s),var(--60-l));--65-l:var(--bulma-black-65-l);--color-65:hsl(var(--h),var(--s),var(--65-l));--70-l:var(--bulma-black-70-l);--color-70:hsl(var(--h),var(--s),var(--70-l));--75-l:var(--bulma-black-75-l);--color-75:hsl(var(--h),var(--s),var(--75-l));--80-l:var(--bulma-black-80-l);--color-80:hsl(var(--h),var(--s),var(--80-l));--85-l:var(--bulma-black-85-l);--color-85:hsl(var(--h),var(--s),var(--85-l));--90-l:var(--bulma-black-90-l);--color-90:hsl(var(--h),var(--s),var(--90-l));--95-l:var(--bulma-black-95-l);--color-95:hsl(var(--h),var(--s),var(--95-l));--100-l:var(--bulma-black-100-l);--color-100:hsl(var(--h),var(--s),var(--100-l))}.has-text-light{color:hsl(var(--bulma-light-h),var(--bulma-light-s),var(--bulma-light-l))!important}.has-background-light{background-color:hsl(var(--bulma-light-h),var(--bulma-light-s),var(--bulma-light-l))!important}.has-text-light-invert{color:hsl(var(--bulma-light-h),var(--bulma-light-s),var(--bulma-light-invert-l))!important}.has-background-light-invert{background-color:hsl(var(--bulma-light-h),var(--bulma-light-s),var(--bulma-light-invert-l))!important}.has-text-light-on-scheme{color:hsl(var(--bulma-light-h),var(--bulma-light-s),var(--bulma-light-on-scheme-l))!important}.has-background-light-on-scheme{background-color:hsl(var(--bulma-light-h),var(--bulma-light-s),var(--bulma-light-on-scheme-l))!important}.has-text-light-light{color:hsl(var(--bulma-light-h),var(--bulma-light-s),var(--bulma-light-light-l))!important}.has-background-light-light{background-color:hsl(var(--bulma-light-h),var(--bulma-light-s),var(--bulma-light-light-l))!important}.has-text-light-light-invert{color:hsl(var(--bulma-light-h),var(--bulma-light-s),var(--bulma-light-light-invert-l))!important}.has-background-light-light-invert{background-color:hsl(var(--bulma-light-h),var(--bulma-light-s),var(--bulma-light-light-invert-l))!important}.has-text-light-dark{color:hsl(var(--bulma-light-h),var(--bulma-light-s),var(--bulma-light-dark-l))!important}.has-background-light-dark{background-color:hsl(var(--bulma-light-h),var(--bulma-light-s),var(--bulma-light-dark-l))!important}.has-text-light-dark-invert{color:hsl(var(--bulma-light-h),var(--bulma-light-s),var(--bulma-light-dark-invert-l))!important}.has-background-light-dark-invert{background-color:hsl(var(--bulma-light-h),var(--bulma-light-s),var(--bulma-light-dark-invert-l))!important}.has-text-light-soft{color:hsl(var(--bulma-light-h),var(--bulma-light-s),var(--bulma-soft-l))!important}.has-background-light-soft{background-color:hsl(var(--bulma-light-h),var(--bulma-light-s),var(--bulma-soft-l))!important}.has-text-light-bold{color:hsl(var(--bulma-light-h),var(--bulma-light-s),var(--bulma-bold-l))!important}.has-background-light-bold{background-color:hsl(var(--bulma-light-h),var(--bulma-light-s),var(--bulma-bold-l))!important}.has-text-light-soft-invert{color:hsl(var(--bulma-light-h),var(--bulma-light-s),var(--bulma-soft-invert-l))!important}.has-background-light-soft-invert{background-color:hsl(var(--bulma-light-h),var(--bulma-light-s),var(--bulma-soft-invert-l))!important}.has-text-light-bold-invert{color:hsl(var(--bulma-light-h),var(--bulma-light-s),var(--bulma-bold-invert-l))!important}.has-background-light-bold-invert{background-color:hsl(var(--bulma-light-h),var(--bulma-light-s),var(--bulma-bold-invert-l))!important}.has-text-light-00{color:hsl(var(--bulma-light-h),var(--bulma-light-s),var(--bulma-light-00-l))!important}.has-background-light-00{background-color:hsl(var(--bulma-light-h),var(--bulma-light-s),var(--bulma-light-00-l))!important}.has-text-light-00-invert{color:hsl(var(--bulma-light-h),var(--bulma-light-s),var(--bulma-light-00-invert-l))!important}.has-background-light-00-invert{background-color:hsl(var(--bulma-light-h),var(--bulma-light-s),var(--bulma-light-00-invert-l))!important}.has-text-light-05{color:hsl(var(--bulma-light-h),var(--bulma-light-s),var(--bulma-light-05-l))!important}.has-background-light-05{background-color:hsl(var(--bulma-light-h),var(--bulma-light-s),var(--bulma-light-05-l))!important}.has-text-light-05-invert{color:hsl(var(--bulma-light-h),var(--bulma-light-s),var(--bulma-light-05-invert-l))!important}.has-background-light-05-invert{background-color:hsl(var(--bulma-light-h),var(--bulma-light-s),var(--bulma-light-05-invert-l))!important}.has-text-light-10{color:hsl(var(--bulma-light-h),var(--bulma-light-s),var(--bulma-light-10-l))!important}.has-background-light-10{background-color:hsl(var(--bulma-light-h),var(--bulma-light-s),var(--bulma-light-10-l))!important}.has-text-light-10-invert{color:hsl(var(--bulma-light-h),var(--bulma-light-s),var(--bulma-light-10-invert-l))!important}.has-background-light-10-invert{background-color:hsl(var(--bulma-light-h),var(--bulma-light-s),var(--bulma-light-10-invert-l))!important}.has-text-light-15{color:hsl(var(--bulma-light-h),var(--bulma-light-s),var(--bulma-light-15-l))!important}.has-background-light-15{background-color:hsl(var(--bulma-light-h),var(--bulma-light-s),var(--bulma-light-15-l))!important}.has-text-light-15-invert{color:hsl(var(--bulma-light-h),var(--bulma-light-s),var(--bulma-light-15-invert-l))!important}.has-background-light-15-invert{background-color:hsl(var(--bulma-light-h),var(--bulma-light-s),var(--bulma-light-15-invert-l))!important}.has-text-light-20{color:hsl(var(--bulma-light-h),var(--bulma-light-s),var(--bulma-light-20-l))!important}.has-background-light-20{background-color:hsl(var(--bulma-light-h),var(--bulma-light-s),var(--bulma-light-20-l))!important}.has-text-light-20-invert{color:hsl(var(--bulma-light-h),var(--bulma-light-s),var(--bulma-light-20-invert-l))!important}.has-background-light-20-invert{background-color:hsl(var(--bulma-light-h),var(--bulma-light-s),var(--bulma-light-20-invert-l))!important}.has-text-light-25{color:hsl(var(--bulma-light-h),var(--bulma-light-s),var(--bulma-light-25-l))!important}.has-background-light-25{background-color:hsl(var(--bulma-light-h),var(--bulma-light-s),var(--bulma-light-25-l))!important}.has-text-light-25-invert{color:hsl(var(--bulma-light-h),var(--bulma-light-s),var(--bulma-light-25-invert-l))!important}.has-background-light-25-invert{background-color:hsl(var(--bulma-light-h),var(--bulma-light-s),var(--bulma-light-25-invert-l))!important}.has-text-light-30{color:hsl(var(--bulma-light-h),var(--bulma-light-s),var(--bulma-light-30-l))!important}.has-background-light-30{background-color:hsl(var(--bulma-light-h),var(--bulma-light-s),var(--bulma-light-30-l))!important}.has-text-light-30-invert{color:hsl(var(--bulma-light-h),var(--bulma-light-s),var(--bulma-light-30-invert-l))!important}.has-background-light-30-invert{background-color:hsl(var(--bulma-light-h),var(--bulma-light-s),var(--bulma-light-30-invert-l))!important}.has-text-light-35{color:hsl(var(--bulma-light-h),var(--bulma-light-s),var(--bulma-light-35-l))!important}.has-background-light-35{background-color:hsl(var(--bulma-light-h),var(--bulma-light-s),var(--bulma-light-35-l))!important}.has-text-light-35-invert{color:hsl(var(--bulma-light-h),var(--bulma-light-s),var(--bulma-light-35-invert-l))!important}.has-background-light-35-invert{background-color:hsl(var(--bulma-light-h),var(--bulma-light-s),var(--bulma-light-35-invert-l))!important}.has-text-light-40{color:hsl(var(--bulma-light-h),var(--bulma-light-s),var(--bulma-light-40-l))!important}.has-background-light-40{background-color:hsl(var(--bulma-light-h),var(--bulma-light-s),var(--bulma-light-40-l))!important}.has-text-light-40-invert{color:hsl(var(--bulma-light-h),var(--bulma-light-s),var(--bulma-light-40-invert-l))!important}.has-background-light-40-invert{background-color:hsl(var(--bulma-light-h),var(--bulma-light-s),var(--bulma-light-40-invert-l))!important}.has-text-light-45{color:hsl(var(--bulma-light-h),var(--bulma-light-s),var(--bulma-light-45-l))!important}.has-background-light-45{background-color:hsl(var(--bulma-light-h),var(--bulma-light-s),var(--bulma-light-45-l))!important}.has-text-light-45-invert{color:hsl(var(--bulma-light-h),var(--bulma-light-s),var(--bulma-light-45-invert-l))!important}.has-background-light-45-invert{background-color:hsl(var(--bulma-light-h),var(--bulma-light-s),var(--bulma-light-45-invert-l))!important}.has-text-light-50{color:hsl(var(--bulma-light-h),var(--bulma-light-s),var(--bulma-light-50-l))!important}.has-background-light-50{background-color:hsl(var(--bulma-light-h),var(--bulma-light-s),var(--bulma-light-50-l))!important}.has-text-light-50-invert{color:hsl(var(--bulma-light-h),var(--bulma-light-s),var(--bulma-light-50-invert-l))!important}.has-background-light-50-invert{background-color:hsl(var(--bulma-light-h),var(--bulma-light-s),var(--bulma-light-50-invert-l))!important}.has-text-light-55{color:hsl(var(--bulma-light-h),var(--bulma-light-s),var(--bulma-light-55-l))!important}.has-background-light-55{background-color:hsl(var(--bulma-light-h),var(--bulma-light-s),var(--bulma-light-55-l))!important}.has-text-light-55-invert{color:hsl(var(--bulma-light-h),var(--bulma-light-s),var(--bulma-light-55-invert-l))!important}.has-background-light-55-invert{background-color:hsl(var(--bulma-light-h),var(--bulma-light-s),var(--bulma-light-55-invert-l))!important}.has-text-light-60{color:hsl(var(--bulma-light-h),var(--bulma-light-s),var(--bulma-light-60-l))!important}.has-background-light-60{background-color:hsl(var(--bulma-light-h),var(--bulma-light-s),var(--bulma-light-60-l))!important}.has-text-light-60-invert{color:hsl(var(--bulma-light-h),var(--bulma-light-s),var(--bulma-light-60-invert-l))!important}.has-background-light-60-invert{background-color:hsl(var(--bulma-light-h),var(--bulma-light-s),var(--bulma-light-60-invert-l))!important}.has-text-light-65{color:hsl(var(--bulma-light-h),var(--bulma-light-s),var(--bulma-light-65-l))!important}.has-background-light-65{background-color:hsl(var(--bulma-light-h),var(--bulma-light-s),var(--bulma-light-65-l))!important}.has-text-light-65-invert{color:hsl(var(--bulma-light-h),var(--bulma-light-s),var(--bulma-light-65-invert-l))!important}.has-background-light-65-invert{background-color:hsl(var(--bulma-light-h),var(--bulma-light-s),var(--bulma-light-65-invert-l))!important}.has-text-light-70{color:hsl(var(--bulma-light-h),var(--bulma-light-s),var(--bulma-light-70-l))!important}.has-background-light-70{background-color:hsl(var(--bulma-light-h),var(--bulma-light-s),var(--bulma-light-70-l))!important}.has-text-light-70-invert{color:hsl(var(--bulma-light-h),var(--bulma-light-s),var(--bulma-light-70-invert-l))!important}.has-background-light-70-invert{background-color:hsl(var(--bulma-light-h),var(--bulma-light-s),var(--bulma-light-70-invert-l))!important}.has-text-light-75{color:hsl(var(--bulma-light-h),var(--bulma-light-s),var(--bulma-light-75-l))!important}.has-background-light-75{background-color:hsl(var(--bulma-light-h),var(--bulma-light-s),var(--bulma-light-75-l))!important}.has-text-light-75-invert{color:hsl(var(--bulma-light-h),var(--bulma-light-s),var(--bulma-light-75-invert-l))!important}.has-background-light-75-invert{background-color:hsl(var(--bulma-light-h),var(--bulma-light-s),var(--bulma-light-75-invert-l))!important}.has-text-light-80{color:hsl(var(--bulma-light-h),var(--bulma-light-s),var(--bulma-light-80-l))!important}.has-background-light-80{background-color:hsl(var(--bulma-light-h),var(--bulma-light-s),var(--bulma-light-80-l))!important}.has-text-light-80-invert{color:hsl(var(--bulma-light-h),var(--bulma-light-s),var(--bulma-light-80-invert-l))!important}.has-background-light-80-invert{background-color:hsl(var(--bulma-light-h),var(--bulma-light-s),var(--bulma-light-80-invert-l))!important}.has-text-light-85{color:hsl(var(--bulma-light-h),var(--bulma-light-s),var(--bulma-light-85-l))!important}.has-background-light-85{background-color:hsl(var(--bulma-light-h),var(--bulma-light-s),var(--bulma-light-85-l))!important}.has-text-light-85-invert{color:hsl(var(--bulma-light-h),var(--bulma-light-s),var(--bulma-light-85-invert-l))!important}.has-background-light-85-invert{background-color:hsl(var(--bulma-light-h),var(--bulma-light-s),var(--bulma-light-85-invert-l))!important}.has-text-light-90{color:hsl(var(--bulma-light-h),var(--bulma-light-s),var(--bulma-light-90-l))!important}.has-background-light-90{background-color:hsl(var(--bulma-light-h),var(--bulma-light-s),var(--bulma-light-90-l))!important}.has-text-light-90-invert{color:hsl(var(--bulma-light-h),var(--bulma-light-s),var(--bulma-light-90-invert-l))!important}.has-background-light-90-invert{background-color:hsl(var(--bulma-light-h),var(--bulma-light-s),var(--bulma-light-90-invert-l))!important}.has-text-light-95{color:hsl(var(--bulma-light-h),var(--bulma-light-s),var(--bulma-light-95-l))!important}.has-background-light-95{background-color:hsl(var(--bulma-light-h),var(--bulma-light-s),var(--bulma-light-95-l))!important}.has-text-light-95-invert{color:hsl(var(--bulma-light-h),var(--bulma-light-s),var(--bulma-light-95-invert-l))!important}.has-background-light-95-invert{background-color:hsl(var(--bulma-light-h),var(--bulma-light-s),var(--bulma-light-95-invert-l))!important}.has-text-light-100{color:hsl(var(--bulma-light-h),var(--bulma-light-s),var(--bulma-light-100-l))!important}.has-background-light-100{background-color:hsl(var(--bulma-light-h),var(--bulma-light-s),var(--bulma-light-100-l))!important}.has-text-light-100-invert{color:hsl(var(--bulma-light-h),var(--bulma-light-s),var(--bulma-light-100-invert-l))!important}.has-background-light-100-invert{background-color:hsl(var(--bulma-light-h),var(--bulma-light-s),var(--bulma-light-100-invert-l))!important}a.has-text-light:hover,a.has-text-light:focus-visible,button.has-text-light:hover,button.has-text-light:focus-visible,has-text-light.is-hoverable:hover,has-text-light.is-hoverable:focus-visible{color:hsl(var(--bulma-light-h),var(--bulma-light-s),calc(var(--bulma-light-l) + var(--bulma-hover-color-l-delta)))!important}a.has-text-light:active,button.has-text-light:active,has-text-light.is-hoverable:active{color:hsl(var(--bulma-light-h),var(--bulma-light-s),calc(var(--bulma-light-l) + var(--bulma-active-color-l-delta)))!important}a.has-background-light:hover,a.has-background-light:focus-visible,button.has-background-light:hover,button.has-background-light:focus-visible,has-background-light.is-hoverable:hover,has-background-light.is-hoverable:focus-visible{background-color:hsl(var(--bulma-light-h),var(--bulma-light-s),calc(var(--bulma-light-l) + var(--bulma-hover-background-l-delta)))!important}a.has-background-light:active,button.has-background-light:active,has-background-light.is-hoverable:active{background-color:hsl(var(--bulma-light-h),var(--bulma-light-s),calc(var(--bulma-light-l) + var(--bulma-active-background-l-delta)))!important}.is-palette-light{--h:var(--bulma-light-h);--s:var(--bulma-light-s);--l:var(--bulma-light-l);--color:hsl(var(--h),var(--s),var(--l));--00-l:var(--bulma-light-00-l);--color-00:hsl(var(--h),var(--s),var(--00-l));--05-l:var(--bulma-light-05-l);--color-05:hsl(var(--h),var(--s),var(--05-l));--10-l:var(--bulma-light-10-l);--color-10:hsl(var(--h),var(--s),var(--10-l));--15-l:var(--bulma-light-15-l);--color-15:hsl(var(--h),var(--s),var(--15-l));--20-l:var(--bulma-light-20-l);--color-20:hsl(var(--h),var(--s),var(--20-l));--25-l:var(--bulma-light-25-l);--color-25:hsl(var(--h),var(--s),var(--25-l));--30-l:var(--bulma-light-30-l);--color-30:hsl(var(--h),var(--s),var(--30-l));--35-l:var(--bulma-light-35-l);--color-35:hsl(var(--h),var(--s),var(--35-l));--40-l:var(--bulma-light-40-l);--color-40:hsl(var(--h),var(--s),var(--40-l));--45-l:var(--bulma-light-45-l);--color-45:hsl(var(--h),var(--s),var(--45-l));--50-l:var(--bulma-light-50-l);--color-50:hsl(var(--h),var(--s),var(--50-l));--55-l:var(--bulma-light-55-l);--color-55:hsl(var(--h),var(--s),var(--55-l));--60-l:var(--bulma-light-60-l);--color-60:hsl(var(--h),var(--s),var(--60-l));--65-l:var(--bulma-light-65-l);--color-65:hsl(var(--h),var(--s),var(--65-l));--70-l:var(--bulma-light-70-l);--color-70:hsl(var(--h),var(--s),var(--70-l));--75-l:var(--bulma-light-75-l);--color-75:hsl(var(--h),var(--s),var(--75-l));--80-l:var(--bulma-light-80-l);--color-80:hsl(var(--h),var(--s),var(--80-l));--85-l:var(--bulma-light-85-l);--color-85:hsl(var(--h),var(--s),var(--85-l));--90-l:var(--bulma-light-90-l);--color-90:hsl(var(--h),var(--s),var(--90-l));--95-l:var(--bulma-light-95-l);--color-95:hsl(var(--h),var(--s),var(--95-l));--100-l:var(--bulma-light-100-l);--color-100:hsl(var(--h),var(--s),var(--100-l))}.has-text-dark{color:hsl(var(--bulma-dark-h),var(--bulma-dark-s),var(--bulma-dark-l))!important}.has-background-dark{background-color:hsl(var(--bulma-dark-h),var(--bulma-dark-s),var(--bulma-dark-l))!important}.has-text-dark-invert{color:hsl(var(--bulma-dark-h),var(--bulma-dark-s),var(--bulma-dark-invert-l))!important}.has-background-dark-invert{background-color:hsl(var(--bulma-dark-h),var(--bulma-dark-s),var(--bulma-dark-invert-l))!important}.has-text-dark-on-scheme{color:hsl(var(--bulma-dark-h),var(--bulma-dark-s),var(--bulma-dark-on-scheme-l))!important}.has-background-dark-on-scheme{background-color:hsl(var(--bulma-dark-h),var(--bulma-dark-s),var(--bulma-dark-on-scheme-l))!important}.has-text-dark-light{color:hsl(var(--bulma-dark-h),var(--bulma-dark-s),var(--bulma-dark-light-l))!important}.has-background-dark-light{background-color:hsl(var(--bulma-dark-h),var(--bulma-dark-s),var(--bulma-dark-light-l))!important}.has-text-dark-light-invert{color:hsl(var(--bulma-dark-h),var(--bulma-dark-s),var(--bulma-dark-light-invert-l))!important}.has-background-dark-light-invert{background-color:hsl(var(--bulma-dark-h),var(--bulma-dark-s),var(--bulma-dark-light-invert-l))!important}.has-text-dark-dark{color:hsl(var(--bulma-dark-h),var(--bulma-dark-s),var(--bulma-dark-dark-l))!important}.has-background-dark-dark{background-color:hsl(var(--bulma-dark-h),var(--bulma-dark-s),var(--bulma-dark-dark-l))!important}.has-text-dark-dark-invert{color:hsl(var(--bulma-dark-h),var(--bulma-dark-s),var(--bulma-dark-dark-invert-l))!important}.has-background-dark-dark-invert{background-color:hsl(var(--bulma-dark-h),var(--bulma-dark-s),var(--bulma-dark-dark-invert-l))!important}.has-text-dark-soft{color:hsl(var(--bulma-dark-h),var(--bulma-dark-s),var(--bulma-soft-l))!important}.has-background-dark-soft{background-color:hsl(var(--bulma-dark-h),var(--bulma-dark-s),var(--bulma-soft-l))!important}.has-text-dark-bold{color:hsl(var(--bulma-dark-h),var(--bulma-dark-s),var(--bulma-bold-l))!important}.has-background-dark-bold{background-color:hsl(var(--bulma-dark-h),var(--bulma-dark-s),var(--bulma-bold-l))!important}.has-text-dark-soft-invert{color:hsl(var(--bulma-dark-h),var(--bulma-dark-s),var(--bulma-soft-invert-l))!important}.has-background-dark-soft-invert{background-color:hsl(var(--bulma-dark-h),var(--bulma-dark-s),var(--bulma-soft-invert-l))!important}.has-text-dark-bold-invert{color:hsl(var(--bulma-dark-h),var(--bulma-dark-s),var(--bulma-bold-invert-l))!important}.has-background-dark-bold-invert{background-color:hsl(var(--bulma-dark-h),var(--bulma-dark-s),var(--bulma-bold-invert-l))!important}.has-text-dark-00{color:hsl(var(--bulma-dark-h),var(--bulma-dark-s),var(--bulma-dark-00-l))!important}.has-background-dark-00{background-color:hsl(var(--bulma-dark-h),var(--bulma-dark-s),var(--bulma-dark-00-l))!important}.has-text-dark-00-invert{color:hsl(var(--bulma-dark-h),var(--bulma-dark-s),var(--bulma-dark-00-invert-l))!important}.has-background-dark-00-invert{background-color:hsl(var(--bulma-dark-h),var(--bulma-dark-s),var(--bulma-dark-00-invert-l))!important}.has-text-dark-05{color:hsl(var(--bulma-dark-h),var(--bulma-dark-s),var(--bulma-dark-05-l))!important}.has-background-dark-05{background-color:hsl(var(--bulma-dark-h),var(--bulma-dark-s),var(--bulma-dark-05-l))!important}.has-text-dark-05-invert{color:hsl(var(--bulma-dark-h),var(--bulma-dark-s),var(--bulma-dark-05-invert-l))!important}.has-background-dark-05-invert{background-color:hsl(var(--bulma-dark-h),var(--bulma-dark-s),var(--bulma-dark-05-invert-l))!important}.has-text-dark-10{color:hsl(var(--bulma-dark-h),var(--bulma-dark-s),var(--bulma-dark-10-l))!important}.has-background-dark-10{background-color:hsl(var(--bulma-dark-h),var(--bulma-dark-s),var(--bulma-dark-10-l))!important}.has-text-dark-10-invert{color:hsl(var(--bulma-dark-h),var(--bulma-dark-s),var(--bulma-dark-10-invert-l))!important}.has-background-dark-10-invert{background-color:hsl(var(--bulma-dark-h),var(--bulma-dark-s),var(--bulma-dark-10-invert-l))!important}.has-text-dark-15{color:hsl(var(--bulma-dark-h),var(--bulma-dark-s),var(--bulma-dark-15-l))!important}.has-background-dark-15{background-color:hsl(var(--bulma-dark-h),var(--bulma-dark-s),var(--bulma-dark-15-l))!important}.has-text-dark-15-invert{color:hsl(var(--bulma-dark-h),var(--bulma-dark-s),var(--bulma-dark-15-invert-l))!important}.has-background-dark-15-invert{background-color:hsl(var(--bulma-dark-h),var(--bulma-dark-s),var(--bulma-dark-15-invert-l))!important}.has-text-dark-20{color:hsl(var(--bulma-dark-h),var(--bulma-dark-s),var(--bulma-dark-20-l))!important}.has-background-dark-20{background-color:hsl(var(--bulma-dark-h),var(--bulma-dark-s),var(--bulma-dark-20-l))!important}.has-text-dark-20-invert{color:hsl(var(--bulma-dark-h),var(--bulma-dark-s),var(--bulma-dark-20-invert-l))!important}.has-background-dark-20-invert{background-color:hsl(var(--bulma-dark-h),var(--bulma-dark-s),var(--bulma-dark-20-invert-l))!important}.has-text-dark-25{color:hsl(var(--bulma-dark-h),var(--bulma-dark-s),var(--bulma-dark-25-l))!important}.has-background-dark-25{background-color:hsl(var(--bulma-dark-h),var(--bulma-dark-s),var(--bulma-dark-25-l))!important}.has-text-dark-25-invert{color:hsl(var(--bulma-dark-h),var(--bulma-dark-s),var(--bulma-dark-25-invert-l))!important}.has-background-dark-25-invert{background-color:hsl(var(--bulma-dark-h),var(--bulma-dark-s),var(--bulma-dark-25-invert-l))!important}.has-text-dark-30{color:hsl(var(--bulma-dark-h),var(--bulma-dark-s),var(--bulma-dark-30-l))!important}.has-background-dark-30{background-color:hsl(var(--bulma-dark-h),var(--bulma-dark-s),var(--bulma-dark-30-l))!important}.has-text-dark-30-invert{color:hsl(var(--bulma-dark-h),var(--bulma-dark-s),var(--bulma-dark-30-invert-l))!important}.has-background-dark-30-invert{background-color:hsl(var(--bulma-dark-h),var(--bulma-dark-s),var(--bulma-dark-30-invert-l))!important}.has-text-dark-35{color:hsl(var(--bulma-dark-h),var(--bulma-dark-s),var(--bulma-dark-35-l))!important}.has-background-dark-35{background-color:hsl(var(--bulma-dark-h),var(--bulma-dark-s),var(--bulma-dark-35-l))!important}.has-text-dark-35-invert{color:hsl(var(--bulma-dark-h),var(--bulma-dark-s),var(--bulma-dark-35-invert-l))!important}.has-background-dark-35-invert{background-color:hsl(var(--bulma-dark-h),var(--bulma-dark-s),var(--bulma-dark-35-invert-l))!important}.has-text-dark-40{color:hsl(var(--bulma-dark-h),var(--bulma-dark-s),var(--bulma-dark-40-l))!important}.has-background-dark-40{background-color:hsl(var(--bulma-dark-h),var(--bulma-dark-s),var(--bulma-dark-40-l))!important}.has-text-dark-40-invert{color:hsl(var(--bulma-dark-h),var(--bulma-dark-s),var(--bulma-dark-40-invert-l))!important}.has-background-dark-40-invert{background-color:hsl(var(--bulma-dark-h),var(--bulma-dark-s),var(--bulma-dark-40-invert-l))!important}.has-text-dark-45{color:hsl(var(--bulma-dark-h),var(--bulma-dark-s),var(--bulma-dark-45-l))!important}.has-background-dark-45{background-color:hsl(var(--bulma-dark-h),var(--bulma-dark-s),var(--bulma-dark-45-l))!important}.has-text-dark-45-invert{color:hsl(var(--bulma-dark-h),var(--bulma-dark-s),var(--bulma-dark-45-invert-l))!important}.has-background-dark-45-invert{background-color:hsl(var(--bulma-dark-h),var(--bulma-dark-s),var(--bulma-dark-45-invert-l))!important}.has-text-dark-50{color:hsl(var(--bulma-dark-h),var(--bulma-dark-s),var(--bulma-dark-50-l))!important}.has-background-dark-50{background-color:hsl(var(--bulma-dark-h),var(--bulma-dark-s),var(--bulma-dark-50-l))!important}.has-text-dark-50-invert{color:hsl(var(--bulma-dark-h),var(--bulma-dark-s),var(--bulma-dark-50-invert-l))!important}.has-background-dark-50-invert{background-color:hsl(var(--bulma-dark-h),var(--bulma-dark-s),var(--bulma-dark-50-invert-l))!important}.has-text-dark-55{color:hsl(var(--bulma-dark-h),var(--bulma-dark-s),var(--bulma-dark-55-l))!important}.has-background-dark-55{background-color:hsl(var(--bulma-dark-h),var(--bulma-dark-s),var(--bulma-dark-55-l))!important}.has-text-dark-55-invert{color:hsl(var(--bulma-dark-h),var(--bulma-dark-s),var(--bulma-dark-55-invert-l))!important}.has-background-dark-55-invert{background-color:hsl(var(--bulma-dark-h),var(--bulma-dark-s),var(--bulma-dark-55-invert-l))!important}.has-text-dark-60{color:hsl(var(--bulma-dark-h),var(--bulma-dark-s),var(--bulma-dark-60-l))!important}.has-background-dark-60{background-color:hsl(var(--bulma-dark-h),var(--bulma-dark-s),var(--bulma-dark-60-l))!important}.has-text-dark-60-invert{color:hsl(var(--bulma-dark-h),var(--bulma-dark-s),var(--bulma-dark-60-invert-l))!important}.has-background-dark-60-invert{background-color:hsl(var(--bulma-dark-h),var(--bulma-dark-s),var(--bulma-dark-60-invert-l))!important}.has-text-dark-65{color:hsl(var(--bulma-dark-h),var(--bulma-dark-s),var(--bulma-dark-65-l))!important}.has-background-dark-65{background-color:hsl(var(--bulma-dark-h),var(--bulma-dark-s),var(--bulma-dark-65-l))!important}.has-text-dark-65-invert{color:hsl(var(--bulma-dark-h),var(--bulma-dark-s),var(--bulma-dark-65-invert-l))!important}.has-background-dark-65-invert{background-color:hsl(var(--bulma-dark-h),var(--bulma-dark-s),var(--bulma-dark-65-invert-l))!important}.has-text-dark-70{color:hsl(var(--bulma-dark-h),var(--bulma-dark-s),var(--bulma-dark-70-l))!important}.has-background-dark-70{background-color:hsl(var(--bulma-dark-h),var(--bulma-dark-s),var(--bulma-dark-70-l))!important}.has-text-dark-70-invert{color:hsl(var(--bulma-dark-h),var(--bulma-dark-s),var(--bulma-dark-70-invert-l))!important}.has-background-dark-70-invert{background-color:hsl(var(--bulma-dark-h),var(--bulma-dark-s),var(--bulma-dark-70-invert-l))!important}.has-text-dark-75{color:hsl(var(--bulma-dark-h),var(--bulma-dark-s),var(--bulma-dark-75-l))!important}.has-background-dark-75{background-color:hsl(var(--bulma-dark-h),var(--bulma-dark-s),var(--bulma-dark-75-l))!important}.has-text-dark-75-invert{color:hsl(var(--bulma-dark-h),var(--bulma-dark-s),var(--bulma-dark-75-invert-l))!important}.has-background-dark-75-invert{background-color:hsl(var(--bulma-dark-h),var(--bulma-dark-s),var(--bulma-dark-75-invert-l))!important}.has-text-dark-80{color:hsl(var(--bulma-dark-h),var(--bulma-dark-s),var(--bulma-dark-80-l))!important}.has-background-dark-80{background-color:hsl(var(--bulma-dark-h),var(--bulma-dark-s),var(--bulma-dark-80-l))!important}.has-text-dark-80-invert{color:hsl(var(--bulma-dark-h),var(--bulma-dark-s),var(--bulma-dark-80-invert-l))!important}.has-background-dark-80-invert{background-color:hsl(var(--bulma-dark-h),var(--bulma-dark-s),var(--bulma-dark-80-invert-l))!important}.has-text-dark-85{color:hsl(var(--bulma-dark-h),var(--bulma-dark-s),var(--bulma-dark-85-l))!important}.has-background-dark-85{background-color:hsl(var(--bulma-dark-h),var(--bulma-dark-s),var(--bulma-dark-85-l))!important}.has-text-dark-85-invert{color:hsl(var(--bulma-dark-h),var(--bulma-dark-s),var(--bulma-dark-85-invert-l))!important}.has-background-dark-85-invert{background-color:hsl(var(--bulma-dark-h),var(--bulma-dark-s),var(--bulma-dark-85-invert-l))!important}.has-text-dark-90{color:hsl(var(--bulma-dark-h),var(--bulma-dark-s),var(--bulma-dark-90-l))!important}.has-background-dark-90{background-color:hsl(var(--bulma-dark-h),var(--bulma-dark-s),var(--bulma-dark-90-l))!important}.has-text-dark-90-invert{color:hsl(var(--bulma-dark-h),var(--bulma-dark-s),var(--bulma-dark-90-invert-l))!important}.has-background-dark-90-invert{background-color:hsl(var(--bulma-dark-h),var(--bulma-dark-s),var(--bulma-dark-90-invert-l))!important}.has-text-dark-95{color:hsl(var(--bulma-dark-h),var(--bulma-dark-s),var(--bulma-dark-95-l))!important}.has-background-dark-95{background-color:hsl(var(--bulma-dark-h),var(--bulma-dark-s),var(--bulma-dark-95-l))!important}.has-text-dark-95-invert{color:hsl(var(--bulma-dark-h),var(--bulma-dark-s),var(--bulma-dark-95-invert-l))!important}.has-background-dark-95-invert{background-color:hsl(var(--bulma-dark-h),var(--bulma-dark-s),var(--bulma-dark-95-invert-l))!important}.has-text-dark-100{color:hsl(var(--bulma-dark-h),var(--bulma-dark-s),var(--bulma-dark-100-l))!important}.has-background-dark-100{background-color:hsl(var(--bulma-dark-h),var(--bulma-dark-s),var(--bulma-dark-100-l))!important}.has-text-dark-100-invert{color:hsl(var(--bulma-dark-h),var(--bulma-dark-s),var(--bulma-dark-100-invert-l))!important}.has-background-dark-100-invert{background-color:hsl(var(--bulma-dark-h),var(--bulma-dark-s),var(--bulma-dark-100-invert-l))!important}a.has-text-dark:hover,a.has-text-dark:focus-visible,button.has-text-dark:hover,button.has-text-dark:focus-visible,has-text-dark.is-hoverable:hover,has-text-dark.is-hoverable:focus-visible{color:hsl(var(--bulma-dark-h),var(--bulma-dark-s),calc(var(--bulma-dark-l) + var(--bulma-hover-color-l-delta)))!important}a.has-text-dark:active,button.has-text-dark:active,has-text-dark.is-hoverable:active{color:hsl(var(--bulma-dark-h),var(--bulma-dark-s),calc(var(--bulma-dark-l) + var(--bulma-active-color-l-delta)))!important}a.has-background-dark:hover,a.has-background-dark:focus-visible,button.has-background-dark:hover,button.has-background-dark:focus-visible,has-background-dark.is-hoverable:hover,has-background-dark.is-hoverable:focus-visible{background-color:hsl(var(--bulma-dark-h),var(--bulma-dark-s),calc(var(--bulma-dark-l) + var(--bulma-hover-background-l-delta)))!important}a.has-background-dark:active,button.has-background-dark:active,has-background-dark.is-hoverable:active{background-color:hsl(var(--bulma-dark-h),var(--bulma-dark-s),calc(var(--bulma-dark-l) + var(--bulma-active-background-l-delta)))!important}.is-palette-dark{--h:var(--bulma-dark-h);--s:var(--bulma-dark-s);--l:var(--bulma-dark-l);--color:hsl(var(--h),var(--s),var(--l));--00-l:var(--bulma-dark-00-l);--color-00:hsl(var(--h),var(--s),var(--00-l));--05-l:var(--bulma-dark-05-l);--color-05:hsl(var(--h),var(--s),var(--05-l));--10-l:var(--bulma-dark-10-l);--color-10:hsl(var(--h),var(--s),var(--10-l));--15-l:var(--bulma-dark-15-l);--color-15:hsl(var(--h),var(--s),var(--15-l));--20-l:var(--bulma-dark-20-l);--color-20:hsl(var(--h),var(--s),var(--20-l));--25-l:var(--bulma-dark-25-l);--color-25:hsl(var(--h),var(--s),var(--25-l));--30-l:var(--bulma-dark-30-l);--color-30:hsl(var(--h),var(--s),var(--30-l));--35-l:var(--bulma-dark-35-l);--color-35:hsl(var(--h),var(--s),var(--35-l));--40-l:var(--bulma-dark-40-l);--color-40:hsl(var(--h),var(--s),var(--40-l));--45-l:var(--bulma-dark-45-l);--color-45:hsl(var(--h),var(--s),var(--45-l));--50-l:var(--bulma-dark-50-l);--color-50:hsl(var(--h),var(--s),var(--50-l));--55-l:var(--bulma-dark-55-l);--color-55:hsl(var(--h),var(--s),var(--55-l));--60-l:var(--bulma-dark-60-l);--color-60:hsl(var(--h),var(--s),var(--60-l));--65-l:var(--bulma-dark-65-l);--color-65:hsl(var(--h),var(--s),var(--65-l));--70-l:var(--bulma-dark-70-l);--color-70:hsl(var(--h),var(--s),var(--70-l));--75-l:var(--bulma-dark-75-l);--color-75:hsl(var(--h),var(--s),var(--75-l));--80-l:var(--bulma-dark-80-l);--color-80:hsl(var(--h),var(--s),var(--80-l));--85-l:var(--bulma-dark-85-l);--color-85:hsl(var(--h),var(--s),var(--85-l));--90-l:var(--bulma-dark-90-l);--color-90:hsl(var(--h),var(--s),var(--90-l));--95-l:var(--bulma-dark-95-l);--color-95:hsl(var(--h),var(--s),var(--95-l));--100-l:var(--bulma-dark-100-l);--color-100:hsl(var(--h),var(--s),var(--100-l))}.has-text-text{color:hsl(var(--bulma-text-h),var(--bulma-text-s),var(--bulma-text-l))!important}.has-background-text{background-color:hsl(var(--bulma-text-h),var(--bulma-text-s),var(--bulma-text-l))!important}.has-text-text-invert{color:hsl(var(--bulma-text-h),var(--bulma-text-s),var(--bulma-text-invert-l))!important}.has-background-text-invert{background-color:hsl(var(--bulma-text-h),var(--bulma-text-s),var(--bulma-text-invert-l))!important}.has-text-text-on-scheme{color:hsl(var(--bulma-text-h),var(--bulma-text-s),var(--bulma-text-on-scheme-l))!important}.has-background-text-on-scheme{background-color:hsl(var(--bulma-text-h),var(--bulma-text-s),var(--bulma-text-on-scheme-l))!important}.has-text-text-light{color:hsl(var(--bulma-text-h),var(--bulma-text-s),var(--bulma-text-light-l))!important}.has-background-text-light{background-color:hsl(var(--bulma-text-h),var(--bulma-text-s),var(--bulma-text-light-l))!important}.has-text-text-light-invert{color:hsl(var(--bulma-text-h),var(--bulma-text-s),var(--bulma-text-light-invert-l))!important}.has-background-text-light-invert{background-color:hsl(var(--bulma-text-h),var(--bulma-text-s),var(--bulma-text-light-invert-l))!important}.has-text-text-dark{color:hsl(var(--bulma-text-h),var(--bulma-text-s),var(--bulma-text-dark-l))!important}.has-background-text-dark{background-color:hsl(var(--bulma-text-h),var(--bulma-text-s),var(--bulma-text-dark-l))!important}.has-text-text-dark-invert{color:hsl(var(--bulma-text-h),var(--bulma-text-s),var(--bulma-text-dark-invert-l))!important}.has-background-text-dark-invert{background-color:hsl(var(--bulma-text-h),var(--bulma-text-s),var(--bulma-text-dark-invert-l))!important}.has-text-text-soft{color:hsl(var(--bulma-text-h),var(--bulma-text-s),var(--bulma-soft-l))!important}.has-background-text-soft{background-color:hsl(var(--bulma-text-h),var(--bulma-text-s),var(--bulma-soft-l))!important}.has-text-text-bold{color:hsl(var(--bulma-text-h),var(--bulma-text-s),var(--bulma-bold-l))!important}.has-background-text-bold{background-color:hsl(var(--bulma-text-h),var(--bulma-text-s),var(--bulma-bold-l))!important}.has-text-text-soft-invert{color:hsl(var(--bulma-text-h),var(--bulma-text-s),var(--bulma-soft-invert-l))!important}.has-background-text-soft-invert{background-color:hsl(var(--bulma-text-h),var(--bulma-text-s),var(--bulma-soft-invert-l))!important}.has-text-text-bold-invert{color:hsl(var(--bulma-text-h),var(--bulma-text-s),var(--bulma-bold-invert-l))!important}.has-background-text-bold-invert{background-color:hsl(var(--bulma-text-h),var(--bulma-text-s),var(--bulma-bold-invert-l))!important}.has-text-text-00{color:hsl(var(--bulma-text-h),var(--bulma-text-s),var(--bulma-text-00-l))!important}.has-background-text-00{background-color:hsl(var(--bulma-text-h),var(--bulma-text-s),var(--bulma-text-00-l))!important}.has-text-text-00-invert{color:hsl(var(--bulma-text-h),var(--bulma-text-s),var(--bulma-text-00-invert-l))!important}.has-background-text-00-invert{background-color:hsl(var(--bulma-text-h),var(--bulma-text-s),var(--bulma-text-00-invert-l))!important}.has-text-text-05{color:hsl(var(--bulma-text-h),var(--bulma-text-s),var(--bulma-text-05-l))!important}.has-background-text-05{background-color:hsl(var(--bulma-text-h),var(--bulma-text-s),var(--bulma-text-05-l))!important}.has-text-text-05-invert{color:hsl(var(--bulma-text-h),var(--bulma-text-s),var(--bulma-text-05-invert-l))!important}.has-background-text-05-invert{background-color:hsl(var(--bulma-text-h),var(--bulma-text-s),var(--bulma-text-05-invert-l))!important}.has-text-text-10{color:hsl(var(--bulma-text-h),var(--bulma-text-s),var(--bulma-text-10-l))!important}.has-background-text-10{background-color:hsl(var(--bulma-text-h),var(--bulma-text-s),var(--bulma-text-10-l))!important}.has-text-text-10-invert{color:hsl(var(--bulma-text-h),var(--bulma-text-s),var(--bulma-text-10-invert-l))!important}.has-background-text-10-invert{background-color:hsl(var(--bulma-text-h),var(--bulma-text-s),var(--bulma-text-10-invert-l))!important}.has-text-text-15{color:hsl(var(--bulma-text-h),var(--bulma-text-s),var(--bulma-text-15-l))!important}.has-background-text-15{background-color:hsl(var(--bulma-text-h),var(--bulma-text-s),var(--bulma-text-15-l))!important}.has-text-text-15-invert{color:hsl(var(--bulma-text-h),var(--bulma-text-s),var(--bulma-text-15-invert-l))!important}.has-background-text-15-invert{background-color:hsl(var(--bulma-text-h),var(--bulma-text-s),var(--bulma-text-15-invert-l))!important}.has-text-text-20{color:hsl(var(--bulma-text-h),var(--bulma-text-s),var(--bulma-text-20-l))!important}.has-background-text-20{background-color:hsl(var(--bulma-text-h),var(--bulma-text-s),var(--bulma-text-20-l))!important}.has-text-text-20-invert{color:hsl(var(--bulma-text-h),var(--bulma-text-s),var(--bulma-text-20-invert-l))!important}.has-background-text-20-invert{background-color:hsl(var(--bulma-text-h),var(--bulma-text-s),var(--bulma-text-20-invert-l))!important}.has-text-text-25{color:hsl(var(--bulma-text-h),var(--bulma-text-s),var(--bulma-text-25-l))!important}.has-background-text-25{background-color:hsl(var(--bulma-text-h),var(--bulma-text-s),var(--bulma-text-25-l))!important}.has-text-text-25-invert{color:hsl(var(--bulma-text-h),var(--bulma-text-s),var(--bulma-text-25-invert-l))!important}.has-background-text-25-invert{background-color:hsl(var(--bulma-text-h),var(--bulma-text-s),var(--bulma-text-25-invert-l))!important}.has-text-text-30{color:hsl(var(--bulma-text-h),var(--bulma-text-s),var(--bulma-text-30-l))!important}.has-background-text-30{background-color:hsl(var(--bulma-text-h),var(--bulma-text-s),var(--bulma-text-30-l))!important}.has-text-text-30-invert{color:hsl(var(--bulma-text-h),var(--bulma-text-s),var(--bulma-text-30-invert-l))!important}.has-background-text-30-invert{background-color:hsl(var(--bulma-text-h),var(--bulma-text-s),var(--bulma-text-30-invert-l))!important}.has-text-text-35{color:hsl(var(--bulma-text-h),var(--bulma-text-s),var(--bulma-text-35-l))!important}.has-background-text-35{background-color:hsl(var(--bulma-text-h),var(--bulma-text-s),var(--bulma-text-35-l))!important}.has-text-text-35-invert{color:hsl(var(--bulma-text-h),var(--bulma-text-s),var(--bulma-text-35-invert-l))!important}.has-background-text-35-invert{background-color:hsl(var(--bulma-text-h),var(--bulma-text-s),var(--bulma-text-35-invert-l))!important}.has-text-text-40{color:hsl(var(--bulma-text-h),var(--bulma-text-s),var(--bulma-text-40-l))!important}.has-background-text-40{background-color:hsl(var(--bulma-text-h),var(--bulma-text-s),var(--bulma-text-40-l))!important}.has-text-text-40-invert{color:hsl(var(--bulma-text-h),var(--bulma-text-s),var(--bulma-text-40-invert-l))!important}.has-background-text-40-invert{background-color:hsl(var(--bulma-text-h),var(--bulma-text-s),var(--bulma-text-40-invert-l))!important}.has-text-text-45{color:hsl(var(--bulma-text-h),var(--bulma-text-s),var(--bulma-text-45-l))!important}.has-background-text-45{background-color:hsl(var(--bulma-text-h),var(--bulma-text-s),var(--bulma-text-45-l))!important}.has-text-text-45-invert{color:hsl(var(--bulma-text-h),var(--bulma-text-s),var(--bulma-text-45-invert-l))!important}.has-background-text-45-invert{background-color:hsl(var(--bulma-text-h),var(--bulma-text-s),var(--bulma-text-45-invert-l))!important}.has-text-text-50{color:hsl(var(--bulma-text-h),var(--bulma-text-s),var(--bulma-text-50-l))!important}.has-background-text-50{background-color:hsl(var(--bulma-text-h),var(--bulma-text-s),var(--bulma-text-50-l))!important}.has-text-text-50-invert{color:hsl(var(--bulma-text-h),var(--bulma-text-s),var(--bulma-text-50-invert-l))!important}.has-background-text-50-invert{background-color:hsl(var(--bulma-text-h),var(--bulma-text-s),var(--bulma-text-50-invert-l))!important}.has-text-text-55{color:hsl(var(--bulma-text-h),var(--bulma-text-s),var(--bulma-text-55-l))!important}.has-background-text-55{background-color:hsl(var(--bulma-text-h),var(--bulma-text-s),var(--bulma-text-55-l))!important}.has-text-text-55-invert{color:hsl(var(--bulma-text-h),var(--bulma-text-s),var(--bulma-text-55-invert-l))!important}.has-background-text-55-invert{background-color:hsl(var(--bulma-text-h),var(--bulma-text-s),var(--bulma-text-55-invert-l))!important}.has-text-text-60{color:hsl(var(--bulma-text-h),var(--bulma-text-s),var(--bulma-text-60-l))!important}.has-background-text-60{background-color:hsl(var(--bulma-text-h),var(--bulma-text-s),var(--bulma-text-60-l))!important}.has-text-text-60-invert{color:hsl(var(--bulma-text-h),var(--bulma-text-s),var(--bulma-text-60-invert-l))!important}.has-background-text-60-invert{background-color:hsl(var(--bulma-text-h),var(--bulma-text-s),var(--bulma-text-60-invert-l))!important}.has-text-text-65{color:hsl(var(--bulma-text-h),var(--bulma-text-s),var(--bulma-text-65-l))!important}.has-background-text-65{background-color:hsl(var(--bulma-text-h),var(--bulma-text-s),var(--bulma-text-65-l))!important}.has-text-text-65-invert{color:hsl(var(--bulma-text-h),var(--bulma-text-s),var(--bulma-text-65-invert-l))!important}.has-background-text-65-invert{background-color:hsl(var(--bulma-text-h),var(--bulma-text-s),var(--bulma-text-65-invert-l))!important}.has-text-text-70{color:hsl(var(--bulma-text-h),var(--bulma-text-s),var(--bulma-text-70-l))!important}.has-background-text-70{background-color:hsl(var(--bulma-text-h),var(--bulma-text-s),var(--bulma-text-70-l))!important}.has-text-text-70-invert{color:hsl(var(--bulma-text-h),var(--bulma-text-s),var(--bulma-text-70-invert-l))!important}.has-background-text-70-invert{background-color:hsl(var(--bulma-text-h),var(--bulma-text-s),var(--bulma-text-70-invert-l))!important}.has-text-text-75{color:hsl(var(--bulma-text-h),var(--bulma-text-s),var(--bulma-text-75-l))!important}.has-background-text-75{background-color:hsl(var(--bulma-text-h),var(--bulma-text-s),var(--bulma-text-75-l))!important}.has-text-text-75-invert{color:hsl(var(--bulma-text-h),var(--bulma-text-s),var(--bulma-text-75-invert-l))!important}.has-background-text-75-invert{background-color:hsl(var(--bulma-text-h),var(--bulma-text-s),var(--bulma-text-75-invert-l))!important}.has-text-text-80{color:hsl(var(--bulma-text-h),var(--bulma-text-s),var(--bulma-text-80-l))!important}.has-background-text-80{background-color:hsl(var(--bulma-text-h),var(--bulma-text-s),var(--bulma-text-80-l))!important}.has-text-text-80-invert{color:hsl(var(--bulma-text-h),var(--bulma-text-s),var(--bulma-text-80-invert-l))!important}.has-background-text-80-invert{background-color:hsl(var(--bulma-text-h),var(--bulma-text-s),var(--bulma-text-80-invert-l))!important}.has-text-text-85{color:hsl(var(--bulma-text-h),var(--bulma-text-s),var(--bulma-text-85-l))!important}.has-background-text-85{background-color:hsl(var(--bulma-text-h),var(--bulma-text-s),var(--bulma-text-85-l))!important}.has-text-text-85-invert{color:hsl(var(--bulma-text-h),var(--bulma-text-s),var(--bulma-text-85-invert-l))!important}.has-background-text-85-invert{background-color:hsl(var(--bulma-text-h),var(--bulma-text-s),var(--bulma-text-85-invert-l))!important}.has-text-text-90{color:hsl(var(--bulma-text-h),var(--bulma-text-s),var(--bulma-text-90-l))!important}.has-background-text-90{background-color:hsl(var(--bulma-text-h),var(--bulma-text-s),var(--bulma-text-90-l))!important}.has-text-text-90-invert{color:hsl(var(--bulma-text-h),var(--bulma-text-s),var(--bulma-text-90-invert-l))!important}.has-background-text-90-invert{background-color:hsl(var(--bulma-text-h),var(--bulma-text-s),var(--bulma-text-90-invert-l))!important}.has-text-text-95{color:hsl(var(--bulma-text-h),var(--bulma-text-s),var(--bulma-text-95-l))!important}.has-background-text-95{background-color:hsl(var(--bulma-text-h),var(--bulma-text-s),var(--bulma-text-95-l))!important}.has-text-text-95-invert{color:hsl(var(--bulma-text-h),var(--bulma-text-s),var(--bulma-text-95-invert-l))!important}.has-background-text-95-invert{background-color:hsl(var(--bulma-text-h),var(--bulma-text-s),var(--bulma-text-95-invert-l))!important}.has-text-text-100{color:hsl(var(--bulma-text-h),var(--bulma-text-s),var(--bulma-text-100-l))!important}.has-background-text-100{background-color:hsl(var(--bulma-text-h),var(--bulma-text-s),var(--bulma-text-100-l))!important}.has-text-text-100-invert{color:hsl(var(--bulma-text-h),var(--bulma-text-s),var(--bulma-text-100-invert-l))!important}.has-background-text-100-invert{background-color:hsl(var(--bulma-text-h),var(--bulma-text-s),var(--bulma-text-100-invert-l))!important}a.has-text-text:hover,a.has-text-text:focus-visible,button.has-text-text:hover,button.has-text-text:focus-visible,has-text-text.is-hoverable:hover,has-text-text.is-hoverable:focus-visible{color:hsl(var(--bulma-text-h),var(--bulma-text-s),calc(var(--bulma-text-l) + var(--bulma-hover-color-l-delta)))!important}a.has-text-text:active,button.has-text-text:active,has-text-text.is-hoverable:active{color:hsl(var(--bulma-text-h),var(--bulma-text-s),calc(var(--bulma-text-l) + var(--bulma-active-color-l-delta)))!important}a.has-background-text:hover,a.has-background-text:focus-visible,button.has-background-text:hover,button.has-background-text:focus-visible,has-background-text.is-hoverable:hover,has-background-text.is-hoverable:focus-visible{background-color:hsl(var(--bulma-text-h),var(--bulma-text-s),calc(var(--bulma-text-l) + var(--bulma-hover-background-l-delta)))!important}a.has-background-text:active,button.has-background-text:active,has-background-text.is-hoverable:active{background-color:hsl(var(--bulma-text-h),var(--bulma-text-s),calc(var(--bulma-text-l) + var(--bulma-active-background-l-delta)))!important}.is-palette-text{--h:var(--bulma-text-h);--s:var(--bulma-text-s);--l:var(--bulma-text-l);--color:hsl(var(--h),var(--s),var(--l));--00-l:var(--bulma-text-00-l);--color-00:hsl(var(--h),var(--s),var(--00-l));--05-l:var(--bulma-text-05-l);--color-05:hsl(var(--h),var(--s),var(--05-l));--10-l:var(--bulma-text-10-l);--color-10:hsl(var(--h),var(--s),var(--10-l));--15-l:var(--bulma-text-15-l);--color-15:hsl(var(--h),var(--s),var(--15-l));--20-l:var(--bulma-text-20-l);--color-20:hsl(var(--h),var(--s),var(--20-l));--25-l:var(--bulma-text-25-l);--color-25:hsl(var(--h),var(--s),var(--25-l));--30-l:var(--bulma-text-30-l);--color-30:hsl(var(--h),var(--s),var(--30-l));--35-l:var(--bulma-text-35-l);--color-35:hsl(var(--h),var(--s),var(--35-l));--40-l:var(--bulma-text-40-l);--color-40:hsl(var(--h),var(--s),var(--40-l));--45-l:var(--bulma-text-45-l);--color-45:hsl(var(--h),var(--s),var(--45-l));--50-l:var(--bulma-text-50-l);--color-50:hsl(var(--h),var(--s),var(--50-l));--55-l:var(--bulma-text-55-l);--color-55:hsl(var(--h),var(--s),var(--55-l));--60-l:var(--bulma-text-60-l);--color-60:hsl(var(--h),var(--s),var(--60-l));--65-l:var(--bulma-text-65-l);--color-65:hsl(var(--h),var(--s),var(--65-l));--70-l:var(--bulma-text-70-l);--color-70:hsl(var(--h),var(--s),var(--70-l));--75-l:var(--bulma-text-75-l);--color-75:hsl(var(--h),var(--s),var(--75-l));--80-l:var(--bulma-text-80-l);--color-80:hsl(var(--h),var(--s),var(--80-l));--85-l:var(--bulma-text-85-l);--color-85:hsl(var(--h),var(--s),var(--85-l));--90-l:var(--bulma-text-90-l);--color-90:hsl(var(--h),var(--s),var(--90-l));--95-l:var(--bulma-text-95-l);--color-95:hsl(var(--h),var(--s),var(--95-l));--100-l:var(--bulma-text-100-l);--color-100:hsl(var(--h),var(--s),var(--100-l))}.has-text-primary{color:hsl(var(--bulma-primary-h),var(--bulma-primary-s),var(--bulma-primary-l))!important}.has-background-primary{background-color:hsl(var(--bulma-primary-h),var(--bulma-primary-s),var(--bulma-primary-l))!important}.has-text-primary-invert{color:hsl(var(--bulma-primary-h),var(--bulma-primary-s),var(--bulma-primary-invert-l))!important}.has-background-primary-invert{background-color:hsl(var(--bulma-primary-h),var(--bulma-primary-s),var(--bulma-primary-invert-l))!important}.has-text-primary-on-scheme{color:hsl(var(--bulma-primary-h),var(--bulma-primary-s),var(--bulma-primary-on-scheme-l))!important}.has-background-primary-on-scheme{background-color:hsl(var(--bulma-primary-h),var(--bulma-primary-s),var(--bulma-primary-on-scheme-l))!important}.has-text-primary-light{color:hsl(var(--bulma-primary-h),var(--bulma-primary-s),var(--bulma-primary-light-l))!important}.has-background-primary-light{background-color:hsl(var(--bulma-primary-h),var(--bulma-primary-s),var(--bulma-primary-light-l))!important}.has-text-primary-light-invert{color:hsl(var(--bulma-primary-h),var(--bulma-primary-s),var(--bulma-primary-light-invert-l))!important}.has-background-primary-light-invert{background-color:hsl(var(--bulma-primary-h),var(--bulma-primary-s),var(--bulma-primary-light-invert-l))!important}.has-text-primary-dark{color:hsl(var(--bulma-primary-h),var(--bulma-primary-s),var(--bulma-primary-dark-l))!important}.has-background-primary-dark{background-color:hsl(var(--bulma-primary-h),var(--bulma-primary-s),var(--bulma-primary-dark-l))!important}.has-text-primary-dark-invert{color:hsl(var(--bulma-primary-h),var(--bulma-primary-s),var(--bulma-primary-dark-invert-l))!important}.has-background-primary-dark-invert{background-color:hsl(var(--bulma-primary-h),var(--bulma-primary-s),var(--bulma-primary-dark-invert-l))!important}.has-text-primary-soft{color:hsl(var(--bulma-primary-h),var(--bulma-primary-s),var(--bulma-soft-l))!important}.has-background-primary-soft{background-color:hsl(var(--bulma-primary-h),var(--bulma-primary-s),var(--bulma-soft-l))!important}.has-text-primary-bold{color:hsl(var(--bulma-primary-h),var(--bulma-primary-s),var(--bulma-bold-l))!important}.has-background-primary-bold{background-color:hsl(var(--bulma-primary-h),var(--bulma-primary-s),var(--bulma-bold-l))!important}.has-text-primary-soft-invert{color:hsl(var(--bulma-primary-h),var(--bulma-primary-s),var(--bulma-soft-invert-l))!important}.has-background-primary-soft-invert{background-color:hsl(var(--bulma-primary-h),var(--bulma-primary-s),var(--bulma-soft-invert-l))!important}.has-text-primary-bold-invert{color:hsl(var(--bulma-primary-h),var(--bulma-primary-s),var(--bulma-bold-invert-l))!important}.has-background-primary-bold-invert{background-color:hsl(var(--bulma-primary-h),var(--bulma-primary-s),var(--bulma-bold-invert-l))!important}.has-text-primary-00{color:hsl(var(--bulma-primary-h),var(--bulma-primary-s),var(--bulma-primary-00-l))!important}.has-background-primary-00{background-color:hsl(var(--bulma-primary-h),var(--bulma-primary-s),var(--bulma-primary-00-l))!important}.has-text-primary-00-invert{color:hsl(var(--bulma-primary-h),var(--bulma-primary-s),var(--bulma-primary-00-invert-l))!important}.has-background-primary-00-invert{background-color:hsl(var(--bulma-primary-h),var(--bulma-primary-s),var(--bulma-primary-00-invert-l))!important}.has-text-primary-05{color:hsl(var(--bulma-primary-h),var(--bulma-primary-s),var(--bulma-primary-05-l))!important}.has-background-primary-05{background-color:hsl(var(--bulma-primary-h),var(--bulma-primary-s),var(--bulma-primary-05-l))!important}.has-text-primary-05-invert{color:hsl(var(--bulma-primary-h),var(--bulma-primary-s),var(--bulma-primary-05-invert-l))!important}.has-background-primary-05-invert{background-color:hsl(var(--bulma-primary-h),var(--bulma-primary-s),var(--bulma-primary-05-invert-l))!important}.has-text-primary-10{color:hsl(var(--bulma-primary-h),var(--bulma-primary-s),var(--bulma-primary-10-l))!important}.has-background-primary-10{background-color:hsl(var(--bulma-primary-h),var(--bulma-primary-s),var(--bulma-primary-10-l))!important}.has-text-primary-10-invert{color:hsl(var(--bulma-primary-h),var(--bulma-primary-s),var(--bulma-primary-10-invert-l))!important}.has-background-primary-10-invert{background-color:hsl(var(--bulma-primary-h),var(--bulma-primary-s),var(--bulma-primary-10-invert-l))!important}.has-text-primary-15{color:hsl(var(--bulma-primary-h),var(--bulma-primary-s),var(--bulma-primary-15-l))!important}.has-background-primary-15{background-color:hsl(var(--bulma-primary-h),var(--bulma-primary-s),var(--bulma-primary-15-l))!important}.has-text-primary-15-invert{color:hsl(var(--bulma-primary-h),var(--bulma-primary-s),var(--bulma-primary-15-invert-l))!important}.has-background-primary-15-invert{background-color:hsl(var(--bulma-primary-h),var(--bulma-primary-s),var(--bulma-primary-15-invert-l))!important}.has-text-primary-20{color:hsl(var(--bulma-primary-h),var(--bulma-primary-s),var(--bulma-primary-20-l))!important}.has-background-primary-20{background-color:hsl(var(--bulma-primary-h),var(--bulma-primary-s),var(--bulma-primary-20-l))!important}.has-text-primary-20-invert{color:hsl(var(--bulma-primary-h),var(--bulma-primary-s),var(--bulma-primary-20-invert-l))!important}.has-background-primary-20-invert{background-color:hsl(var(--bulma-primary-h),var(--bulma-primary-s),var(--bulma-primary-20-invert-l))!important}.has-text-primary-25{color:hsl(var(--bulma-primary-h),var(--bulma-primary-s),var(--bulma-primary-25-l))!important}.has-background-primary-25{background-color:hsl(var(--bulma-primary-h),var(--bulma-primary-s),var(--bulma-primary-25-l))!important}.has-text-primary-25-invert{color:hsl(var(--bulma-primary-h),var(--bulma-primary-s),var(--bulma-primary-25-invert-l))!important}.has-background-primary-25-invert{background-color:hsl(var(--bulma-primary-h),var(--bulma-primary-s),var(--bulma-primary-25-invert-l))!important}.has-text-primary-30{color:hsl(var(--bulma-primary-h),var(--bulma-primary-s),var(--bulma-primary-30-l))!important}.has-background-primary-30{background-color:hsl(var(--bulma-primary-h),var(--bulma-primary-s),var(--bulma-primary-30-l))!important}.has-text-primary-30-invert{color:hsl(var(--bulma-primary-h),var(--bulma-primary-s),var(--bulma-primary-30-invert-l))!important}.has-background-primary-30-invert{background-color:hsl(var(--bulma-primary-h),var(--bulma-primary-s),var(--bulma-primary-30-invert-l))!important}.has-text-primary-35{color:hsl(var(--bulma-primary-h),var(--bulma-primary-s),var(--bulma-primary-35-l))!important}.has-background-primary-35{background-color:hsl(var(--bulma-primary-h),var(--bulma-primary-s),var(--bulma-primary-35-l))!important}.has-text-primary-35-invert{color:hsl(var(--bulma-primary-h),var(--bulma-primary-s),var(--bulma-primary-35-invert-l))!important}.has-background-primary-35-invert{background-color:hsl(var(--bulma-primary-h),var(--bulma-primary-s),var(--bulma-primary-35-invert-l))!important}.has-text-primary-40{color:hsl(var(--bulma-primary-h),var(--bulma-primary-s),var(--bulma-primary-40-l))!important}.has-background-primary-40{background-color:hsl(var(--bulma-primary-h),var(--bulma-primary-s),var(--bulma-primary-40-l))!important}.has-text-primary-40-invert{color:hsl(var(--bulma-primary-h),var(--bulma-primary-s),var(--bulma-primary-40-invert-l))!important}.has-background-primary-40-invert{background-color:hsl(var(--bulma-primary-h),var(--bulma-primary-s),var(--bulma-primary-40-invert-l))!important}.has-text-primary-45{color:hsl(var(--bulma-primary-h),var(--bulma-primary-s),var(--bulma-primary-45-l))!important}.has-background-primary-45{background-color:hsl(var(--bulma-primary-h),var(--bulma-primary-s),var(--bulma-primary-45-l))!important}.has-text-primary-45-invert{color:hsl(var(--bulma-primary-h),var(--bulma-primary-s),var(--bulma-primary-45-invert-l))!important}.has-background-primary-45-invert{background-color:hsl(var(--bulma-primary-h),var(--bulma-primary-s),var(--bulma-primary-45-invert-l))!important}.has-text-primary-50{color:hsl(var(--bulma-primary-h),var(--bulma-primary-s),var(--bulma-primary-50-l))!important}.has-background-primary-50{background-color:hsl(var(--bulma-primary-h),var(--bulma-primary-s),var(--bulma-primary-50-l))!important}.has-text-primary-50-invert{color:hsl(var(--bulma-primary-h),var(--bulma-primary-s),var(--bulma-primary-50-invert-l))!important}.has-background-primary-50-invert{background-color:hsl(var(--bulma-primary-h),var(--bulma-primary-s),var(--bulma-primary-50-invert-l))!important}.has-text-primary-55{color:hsl(var(--bulma-primary-h),var(--bulma-primary-s),var(--bulma-primary-55-l))!important}.has-background-primary-55{background-color:hsl(var(--bulma-primary-h),var(--bulma-primary-s),var(--bulma-primary-55-l))!important}.has-text-primary-55-invert{color:hsl(var(--bulma-primary-h),var(--bulma-primary-s),var(--bulma-primary-55-invert-l))!important}.has-background-primary-55-invert{background-color:hsl(var(--bulma-primary-h),var(--bulma-primary-s),var(--bulma-primary-55-invert-l))!important}.has-text-primary-60{color:hsl(var(--bulma-primary-h),var(--bulma-primary-s),var(--bulma-primary-60-l))!important}.has-background-primary-60{background-color:hsl(var(--bulma-primary-h),var(--bulma-primary-s),var(--bulma-primary-60-l))!important}.has-text-primary-60-invert{color:hsl(var(--bulma-primary-h),var(--bulma-primary-s),var(--bulma-primary-60-invert-l))!important}.has-background-primary-60-invert{background-color:hsl(var(--bulma-primary-h),var(--bulma-primary-s),var(--bulma-primary-60-invert-l))!important}.has-text-primary-65{color:hsl(var(--bulma-primary-h),var(--bulma-primary-s),var(--bulma-primary-65-l))!important}.has-background-primary-65{background-color:hsl(var(--bulma-primary-h),var(--bulma-primary-s),var(--bulma-primary-65-l))!important}.has-text-primary-65-invert{color:hsl(var(--bulma-primary-h),var(--bulma-primary-s),var(--bulma-primary-65-invert-l))!important}.has-background-primary-65-invert{background-color:hsl(var(--bulma-primary-h),var(--bulma-primary-s),var(--bulma-primary-65-invert-l))!important}.has-text-primary-70{color:hsl(var(--bulma-primary-h),var(--bulma-primary-s),var(--bulma-primary-70-l))!important}.has-background-primary-70{background-color:hsl(var(--bulma-primary-h),var(--bulma-primary-s),var(--bulma-primary-70-l))!important}.has-text-primary-70-invert{color:hsl(var(--bulma-primary-h),var(--bulma-primary-s),var(--bulma-primary-70-invert-l))!important}.has-background-primary-70-invert{background-color:hsl(var(--bulma-primary-h),var(--bulma-primary-s),var(--bulma-primary-70-invert-l))!important}.has-text-primary-75{color:hsl(var(--bulma-primary-h),var(--bulma-primary-s),var(--bulma-primary-75-l))!important}.has-background-primary-75{background-color:hsl(var(--bulma-primary-h),var(--bulma-primary-s),var(--bulma-primary-75-l))!important}.has-text-primary-75-invert{color:hsl(var(--bulma-primary-h),var(--bulma-primary-s),var(--bulma-primary-75-invert-l))!important}.has-background-primary-75-invert{background-color:hsl(var(--bulma-primary-h),var(--bulma-primary-s),var(--bulma-primary-75-invert-l))!important}.has-text-primary-80{color:hsl(var(--bulma-primary-h),var(--bulma-primary-s),var(--bulma-primary-80-l))!important}.has-background-primary-80{background-color:hsl(var(--bulma-primary-h),var(--bulma-primary-s),var(--bulma-primary-80-l))!important}.has-text-primary-80-invert{color:hsl(var(--bulma-primary-h),var(--bulma-primary-s),var(--bulma-primary-80-invert-l))!important}.has-background-primary-80-invert{background-color:hsl(var(--bulma-primary-h),var(--bulma-primary-s),var(--bulma-primary-80-invert-l))!important}.has-text-primary-85{color:hsl(var(--bulma-primary-h),var(--bulma-primary-s),var(--bulma-primary-85-l))!important}.has-background-primary-85{background-color:hsl(var(--bulma-primary-h),var(--bulma-primary-s),var(--bulma-primary-85-l))!important}.has-text-primary-85-invert{color:hsl(var(--bulma-primary-h),var(--bulma-primary-s),var(--bulma-primary-85-invert-l))!important}.has-background-primary-85-invert{background-color:hsl(var(--bulma-primary-h),var(--bulma-primary-s),var(--bulma-primary-85-invert-l))!important}.has-text-primary-90{color:hsl(var(--bulma-primary-h),var(--bulma-primary-s),var(--bulma-primary-90-l))!important}.has-background-primary-90{background-color:hsl(var(--bulma-primary-h),var(--bulma-primary-s),var(--bulma-primary-90-l))!important}.has-text-primary-90-invert{color:hsl(var(--bulma-primary-h),var(--bulma-primary-s),var(--bulma-primary-90-invert-l))!important}.has-background-primary-90-invert{background-color:hsl(var(--bulma-primary-h),var(--bulma-primary-s),var(--bulma-primary-90-invert-l))!important}.has-text-primary-95{color:hsl(var(--bulma-primary-h),var(--bulma-primary-s),var(--bulma-primary-95-l))!important}.has-background-primary-95{background-color:hsl(var(--bulma-primary-h),var(--bulma-primary-s),var(--bulma-primary-95-l))!important}.has-text-primary-95-invert{color:hsl(var(--bulma-primary-h),var(--bulma-primary-s),var(--bulma-primary-95-invert-l))!important}.has-background-primary-95-invert{background-color:hsl(var(--bulma-primary-h),var(--bulma-primary-s),var(--bulma-primary-95-invert-l))!important}.has-text-primary-100{color:hsl(var(--bulma-primary-h),var(--bulma-primary-s),var(--bulma-primary-100-l))!important}.has-background-primary-100{background-color:hsl(var(--bulma-primary-h),var(--bulma-primary-s),var(--bulma-primary-100-l))!important}.has-text-primary-100-invert{color:hsl(var(--bulma-primary-h),var(--bulma-primary-s),var(--bulma-primary-100-invert-l))!important}.has-background-primary-100-invert{background-color:hsl(var(--bulma-primary-h),var(--bulma-primary-s),var(--bulma-primary-100-invert-l))!important}a.has-text-primary:hover,a.has-text-primary:focus-visible,button.has-text-primary:hover,button.has-text-primary:focus-visible,has-text-primary.is-hoverable:hover,has-text-primary.is-hoverable:focus-visible{color:hsl(var(--bulma-primary-h),var(--bulma-primary-s),calc(var(--bulma-primary-l) + var(--bulma-hover-color-l-delta)))!important}a.has-text-primary:active,button.has-text-primary:active,has-text-primary.is-hoverable:active{color:hsl(var(--bulma-primary-h),var(--bulma-primary-s),calc(var(--bulma-primary-l) + var(--bulma-active-color-l-delta)))!important}a.has-background-primary:hover,a.has-background-primary:focus-visible,button.has-background-primary:hover,button.has-background-primary:focus-visible,has-background-primary.is-hoverable:hover,has-background-primary.is-hoverable:focus-visible{background-color:hsl(var(--bulma-primary-h),var(--bulma-primary-s),calc(var(--bulma-primary-l) + var(--bulma-hover-background-l-delta)))!important}a.has-background-primary:active,button.has-background-primary:active,has-background-primary.is-hoverable:active{background-color:hsl(var(--bulma-primary-h),var(--bulma-primary-s),calc(var(--bulma-primary-l) + var(--bulma-active-background-l-delta)))!important}.is-palette-primary{--h:var(--bulma-primary-h);--s:var(--bulma-primary-s);--l:var(--bulma-primary-l);--color:hsl(var(--h),var(--s),var(--l));--00-l:var(--bulma-primary-00-l);--color-00:hsl(var(--h),var(--s),var(--00-l));--05-l:var(--bulma-primary-05-l);--color-05:hsl(var(--h),var(--s),var(--05-l));--10-l:var(--bulma-primary-10-l);--color-10:hsl(var(--h),var(--s),var(--10-l));--15-l:var(--bulma-primary-15-l);--color-15:hsl(var(--h),var(--s),var(--15-l));--20-l:var(--bulma-primary-20-l);--color-20:hsl(var(--h),var(--s),var(--20-l));--25-l:var(--bulma-primary-25-l);--color-25:hsl(var(--h),var(--s),var(--25-l));--30-l:var(--bulma-primary-30-l);--color-30:hsl(var(--h),var(--s),var(--30-l));--35-l:var(--bulma-primary-35-l);--color-35:hsl(var(--h),var(--s),var(--35-l));--40-l:var(--bulma-primary-40-l);--color-40:hsl(var(--h),var(--s),var(--40-l));--45-l:var(--bulma-primary-45-l);--color-45:hsl(var(--h),var(--s),var(--45-l));--50-l:var(--bulma-primary-50-l);--color-50:hsl(var(--h),var(--s),var(--50-l));--55-l:var(--bulma-primary-55-l);--color-55:hsl(var(--h),var(--s),var(--55-l));--60-l:var(--bulma-primary-60-l);--color-60:hsl(var(--h),var(--s),var(--60-l));--65-l:var(--bulma-primary-65-l);--color-65:hsl(var(--h),var(--s),var(--65-l));--70-l:var(--bulma-primary-70-l);--color-70:hsl(var(--h),var(--s),var(--70-l));--75-l:var(--bulma-primary-75-l);--color-75:hsl(var(--h),var(--s),var(--75-l));--80-l:var(--bulma-primary-80-l);--color-80:hsl(var(--h),var(--s),var(--80-l));--85-l:var(--bulma-primary-85-l);--color-85:hsl(var(--h),var(--s),var(--85-l));--90-l:var(--bulma-primary-90-l);--color-90:hsl(var(--h),var(--s),var(--90-l));--95-l:var(--bulma-primary-95-l);--color-95:hsl(var(--h),var(--s),var(--95-l));--100-l:var(--bulma-primary-100-l);--color-100:hsl(var(--h),var(--s),var(--100-l))}.has-text-link{color:hsl(var(--bulma-link-h),var(--bulma-link-s),var(--bulma-link-l))!important}.has-background-link{background-color:hsl(var(--bulma-link-h),var(--bulma-link-s),var(--bulma-link-l))!important}.has-text-link-invert{color:hsl(var(--bulma-link-h),var(--bulma-link-s),var(--bulma-link-invert-l))!important}.has-background-link-invert{background-color:hsl(var(--bulma-link-h),var(--bulma-link-s),var(--bulma-link-invert-l))!important}.has-text-link-on-scheme{color:hsl(var(--bulma-link-h),var(--bulma-link-s),var(--bulma-link-on-scheme-l))!important}.has-background-link-on-scheme{background-color:hsl(var(--bulma-link-h),var(--bulma-link-s),var(--bulma-link-on-scheme-l))!important}.has-text-link-light{color:hsl(var(--bulma-link-h),var(--bulma-link-s),var(--bulma-link-light-l))!important}.has-background-link-light{background-color:hsl(var(--bulma-link-h),var(--bulma-link-s),var(--bulma-link-light-l))!important}.has-text-link-light-invert{color:hsl(var(--bulma-link-h),var(--bulma-link-s),var(--bulma-link-light-invert-l))!important}.has-background-link-light-invert{background-color:hsl(var(--bulma-link-h),var(--bulma-link-s),var(--bulma-link-light-invert-l))!important}.has-text-link-dark{color:hsl(var(--bulma-link-h),var(--bulma-link-s),var(--bulma-link-dark-l))!important}.has-background-link-dark{background-color:hsl(var(--bulma-link-h),var(--bulma-link-s),var(--bulma-link-dark-l))!important}.has-text-link-dark-invert{color:hsl(var(--bulma-link-h),var(--bulma-link-s),var(--bulma-link-dark-invert-l))!important}.has-background-link-dark-invert{background-color:hsl(var(--bulma-link-h),var(--bulma-link-s),var(--bulma-link-dark-invert-l))!important}.has-text-link-soft{color:hsl(var(--bulma-link-h),var(--bulma-link-s),var(--bulma-soft-l))!important}.has-background-link-soft{background-color:hsl(var(--bulma-link-h),var(--bulma-link-s),var(--bulma-soft-l))!important}.has-text-link-bold{color:hsl(var(--bulma-link-h),var(--bulma-link-s),var(--bulma-bold-l))!important}.has-background-link-bold{background-color:hsl(var(--bulma-link-h),var(--bulma-link-s),var(--bulma-bold-l))!important}.has-text-link-soft-invert{color:hsl(var(--bulma-link-h),var(--bulma-link-s),var(--bulma-soft-invert-l))!important}.has-background-link-soft-invert{background-color:hsl(var(--bulma-link-h),var(--bulma-link-s),var(--bulma-soft-invert-l))!important}.has-text-link-bold-invert{color:hsl(var(--bulma-link-h),var(--bulma-link-s),var(--bulma-bold-invert-l))!important}.has-background-link-bold-invert{background-color:hsl(var(--bulma-link-h),var(--bulma-link-s),var(--bulma-bold-invert-l))!important}.has-text-link-00{color:hsl(var(--bulma-link-h),var(--bulma-link-s),var(--bulma-link-00-l))!important}.has-background-link-00{background-color:hsl(var(--bulma-link-h),var(--bulma-link-s),var(--bulma-link-00-l))!important}.has-text-link-00-invert{color:hsl(var(--bulma-link-h),var(--bulma-link-s),var(--bulma-link-00-invert-l))!important}.has-background-link-00-invert{background-color:hsl(var(--bulma-link-h),var(--bulma-link-s),var(--bulma-link-00-invert-l))!important}.has-text-link-05{color:hsl(var(--bulma-link-h),var(--bulma-link-s),var(--bulma-link-05-l))!important}.has-background-link-05{background-color:hsl(var(--bulma-link-h),var(--bulma-link-s),var(--bulma-link-05-l))!important}.has-text-link-05-invert{color:hsl(var(--bulma-link-h),var(--bulma-link-s),var(--bulma-link-05-invert-l))!important}.has-background-link-05-invert{background-color:hsl(var(--bulma-link-h),var(--bulma-link-s),var(--bulma-link-05-invert-l))!important}.has-text-link-10{color:hsl(var(--bulma-link-h),var(--bulma-link-s),var(--bulma-link-10-l))!important}.has-background-link-10{background-color:hsl(var(--bulma-link-h),var(--bulma-link-s),var(--bulma-link-10-l))!important}.has-text-link-10-invert{color:hsl(var(--bulma-link-h),var(--bulma-link-s),var(--bulma-link-10-invert-l))!important}.has-background-link-10-invert{background-color:hsl(var(--bulma-link-h),var(--bulma-link-s),var(--bulma-link-10-invert-l))!important}.has-text-link-15{color:hsl(var(--bulma-link-h),var(--bulma-link-s),var(--bulma-link-15-l))!important}.has-background-link-15{background-color:hsl(var(--bulma-link-h),var(--bulma-link-s),var(--bulma-link-15-l))!important}.has-text-link-15-invert{color:hsl(var(--bulma-link-h),var(--bulma-link-s),var(--bulma-link-15-invert-l))!important}.has-background-link-15-invert{background-color:hsl(var(--bulma-link-h),var(--bulma-link-s),var(--bulma-link-15-invert-l))!important}.has-text-link-20{color:hsl(var(--bulma-link-h),var(--bulma-link-s),var(--bulma-link-20-l))!important}.has-background-link-20{background-color:hsl(var(--bulma-link-h),var(--bulma-link-s),var(--bulma-link-20-l))!important}.has-text-link-20-invert{color:hsl(var(--bulma-link-h),var(--bulma-link-s),var(--bulma-link-20-invert-l))!important}.has-background-link-20-invert{background-color:hsl(var(--bulma-link-h),var(--bulma-link-s),var(--bulma-link-20-invert-l))!important}.has-text-link-25{color:hsl(var(--bulma-link-h),var(--bulma-link-s),var(--bulma-link-25-l))!important}.has-background-link-25{background-color:hsl(var(--bulma-link-h),var(--bulma-link-s),var(--bulma-link-25-l))!important}.has-text-link-25-invert{color:hsl(var(--bulma-link-h),var(--bulma-link-s),var(--bulma-link-25-invert-l))!important}.has-background-link-25-invert{background-color:hsl(var(--bulma-link-h),var(--bulma-link-s),var(--bulma-link-25-invert-l))!important}.has-text-link-30{color:hsl(var(--bulma-link-h),var(--bulma-link-s),var(--bulma-link-30-l))!important}.has-background-link-30{background-color:hsl(var(--bulma-link-h),var(--bulma-link-s),var(--bulma-link-30-l))!important}.has-text-link-30-invert{color:hsl(var(--bulma-link-h),var(--bulma-link-s),var(--bulma-link-30-invert-l))!important}.has-background-link-30-invert{background-color:hsl(var(--bulma-link-h),var(--bulma-link-s),var(--bulma-link-30-invert-l))!important}.has-text-link-35{color:hsl(var(--bulma-link-h),var(--bulma-link-s),var(--bulma-link-35-l))!important}.has-background-link-35{background-color:hsl(var(--bulma-link-h),var(--bulma-link-s),var(--bulma-link-35-l))!important}.has-text-link-35-invert{color:hsl(var(--bulma-link-h),var(--bulma-link-s),var(--bulma-link-35-invert-l))!important}.has-background-link-35-invert{background-color:hsl(var(--bulma-link-h),var(--bulma-link-s),var(--bulma-link-35-invert-l))!important}.has-text-link-40{color:hsl(var(--bulma-link-h),var(--bulma-link-s),var(--bulma-link-40-l))!important}.has-background-link-40{background-color:hsl(var(--bulma-link-h),var(--bulma-link-s),var(--bulma-link-40-l))!important}.has-text-link-40-invert{color:hsl(var(--bulma-link-h),var(--bulma-link-s),var(--bulma-link-40-invert-l))!important}.has-background-link-40-invert{background-color:hsl(var(--bulma-link-h),var(--bulma-link-s),var(--bulma-link-40-invert-l))!important}.has-text-link-45{color:hsl(var(--bulma-link-h),var(--bulma-link-s),var(--bulma-link-45-l))!important}.has-background-link-45{background-color:hsl(var(--bulma-link-h),var(--bulma-link-s),var(--bulma-link-45-l))!important}.has-text-link-45-invert{color:hsl(var(--bulma-link-h),var(--bulma-link-s),var(--bulma-link-45-invert-l))!important}.has-background-link-45-invert{background-color:hsl(var(--bulma-link-h),var(--bulma-link-s),var(--bulma-link-45-invert-l))!important}.has-text-link-50{color:hsl(var(--bulma-link-h),var(--bulma-link-s),var(--bulma-link-50-l))!important}.has-background-link-50{background-color:hsl(var(--bulma-link-h),var(--bulma-link-s),var(--bulma-link-50-l))!important}.has-text-link-50-invert{color:hsl(var(--bulma-link-h),var(--bulma-link-s),var(--bulma-link-50-invert-l))!important}.has-background-link-50-invert{background-color:hsl(var(--bulma-link-h),var(--bulma-link-s),var(--bulma-link-50-invert-l))!important}.has-text-link-55{color:hsl(var(--bulma-link-h),var(--bulma-link-s),var(--bulma-link-55-l))!important}.has-background-link-55{background-color:hsl(var(--bulma-link-h),var(--bulma-link-s),var(--bulma-link-55-l))!important}.has-text-link-55-invert{color:hsl(var(--bulma-link-h),var(--bulma-link-s),var(--bulma-link-55-invert-l))!important}.has-background-link-55-invert{background-color:hsl(var(--bulma-link-h),var(--bulma-link-s),var(--bulma-link-55-invert-l))!important}.has-text-link-60{color:hsl(var(--bulma-link-h),var(--bulma-link-s),var(--bulma-link-60-l))!important}.has-background-link-60{background-color:hsl(var(--bulma-link-h),var(--bulma-link-s),var(--bulma-link-60-l))!important}.has-text-link-60-invert{color:hsl(var(--bulma-link-h),var(--bulma-link-s),var(--bulma-link-60-invert-l))!important}.has-background-link-60-invert{background-color:hsl(var(--bulma-link-h),var(--bulma-link-s),var(--bulma-link-60-invert-l))!important}.has-text-link-65{color:hsl(var(--bulma-link-h),var(--bulma-link-s),var(--bulma-link-65-l))!important}.has-background-link-65{background-color:hsl(var(--bulma-link-h),var(--bulma-link-s),var(--bulma-link-65-l))!important}.has-text-link-65-invert{color:hsl(var(--bulma-link-h),var(--bulma-link-s),var(--bulma-link-65-invert-l))!important}.has-background-link-65-invert{background-color:hsl(var(--bulma-link-h),var(--bulma-link-s),var(--bulma-link-65-invert-l))!important}.has-text-link-70{color:hsl(var(--bulma-link-h),var(--bulma-link-s),var(--bulma-link-70-l))!important}.has-background-link-70{background-color:hsl(var(--bulma-link-h),var(--bulma-link-s),var(--bulma-link-70-l))!important}.has-text-link-70-invert{color:hsl(var(--bulma-link-h),var(--bulma-link-s),var(--bulma-link-70-invert-l))!important}.has-background-link-70-invert{background-color:hsl(var(--bulma-link-h),var(--bulma-link-s),var(--bulma-link-70-invert-l))!important}.has-text-link-75{color:hsl(var(--bulma-link-h),var(--bulma-link-s),var(--bulma-link-75-l))!important}.has-background-link-75{background-color:hsl(var(--bulma-link-h),var(--bulma-link-s),var(--bulma-link-75-l))!important}.has-text-link-75-invert{color:hsl(var(--bulma-link-h),var(--bulma-link-s),var(--bulma-link-75-invert-l))!important}.has-background-link-75-invert{background-color:hsl(var(--bulma-link-h),var(--bulma-link-s),var(--bulma-link-75-invert-l))!important}.has-text-link-80{color:hsl(var(--bulma-link-h),var(--bulma-link-s),var(--bulma-link-80-l))!important}.has-background-link-80{background-color:hsl(var(--bulma-link-h),var(--bulma-link-s),var(--bulma-link-80-l))!important}.has-text-link-80-invert{color:hsl(var(--bulma-link-h),var(--bulma-link-s),var(--bulma-link-80-invert-l))!important}.has-background-link-80-invert{background-color:hsl(var(--bulma-link-h),var(--bulma-link-s),var(--bulma-link-80-invert-l))!important}.has-text-link-85{color:hsl(var(--bulma-link-h),var(--bulma-link-s),var(--bulma-link-85-l))!important}.has-background-link-85{background-color:hsl(var(--bulma-link-h),var(--bulma-link-s),var(--bulma-link-85-l))!important}.has-text-link-85-invert{color:hsl(var(--bulma-link-h),var(--bulma-link-s),var(--bulma-link-85-invert-l))!important}.has-background-link-85-invert{background-color:hsl(var(--bulma-link-h),var(--bulma-link-s),var(--bulma-link-85-invert-l))!important}.has-text-link-90{color:hsl(var(--bulma-link-h),var(--bulma-link-s),var(--bulma-link-90-l))!important}.has-background-link-90{background-color:hsl(var(--bulma-link-h),var(--bulma-link-s),var(--bulma-link-90-l))!important}.has-text-link-90-invert{color:hsl(var(--bulma-link-h),var(--bulma-link-s),var(--bulma-link-90-invert-l))!important}.has-background-link-90-invert{background-color:hsl(var(--bulma-link-h),var(--bulma-link-s),var(--bulma-link-90-invert-l))!important}.has-text-link-95{color:hsl(var(--bulma-link-h),var(--bulma-link-s),var(--bulma-link-95-l))!important}.has-background-link-95{background-color:hsl(var(--bulma-link-h),var(--bulma-link-s),var(--bulma-link-95-l))!important}.has-text-link-95-invert{color:hsl(var(--bulma-link-h),var(--bulma-link-s),var(--bulma-link-95-invert-l))!important}.has-background-link-95-invert{background-color:hsl(var(--bulma-link-h),var(--bulma-link-s),var(--bulma-link-95-invert-l))!important}.has-text-link-100{color:hsl(var(--bulma-link-h),var(--bulma-link-s),var(--bulma-link-100-l))!important}.has-background-link-100{background-color:hsl(var(--bulma-link-h),var(--bulma-link-s),var(--bulma-link-100-l))!important}.has-text-link-100-invert{color:hsl(var(--bulma-link-h),var(--bulma-link-s),var(--bulma-link-100-invert-l))!important}.has-background-link-100-invert{background-color:hsl(var(--bulma-link-h),var(--bulma-link-s),var(--bulma-link-100-invert-l))!important}a.has-text-link:hover,a.has-text-link:focus-visible,button.has-text-link:hover,button.has-text-link:focus-visible,has-text-link.is-hoverable:hover,has-text-link.is-hoverable:focus-visible{color:hsl(var(--bulma-link-h),var(--bulma-link-s),calc(var(--bulma-link-l) + var(--bulma-hover-color-l-delta)))!important}a.has-text-link:active,button.has-text-link:active,has-text-link.is-hoverable:active{color:hsl(var(--bulma-link-h),var(--bulma-link-s),calc(var(--bulma-link-l) + var(--bulma-active-color-l-delta)))!important}a.has-background-link:hover,a.has-background-link:focus-visible,button.has-background-link:hover,button.has-background-link:focus-visible,has-background-link.is-hoverable:hover,has-background-link.is-hoverable:focus-visible{background-color:hsl(var(--bulma-link-h),var(--bulma-link-s),calc(var(--bulma-link-l) + var(--bulma-hover-background-l-delta)))!important}a.has-background-link:active,button.has-background-link:active,has-background-link.is-hoverable:active{background-color:hsl(var(--bulma-link-h),var(--bulma-link-s),calc(var(--bulma-link-l) + var(--bulma-active-background-l-delta)))!important}.is-palette-link{--h:var(--bulma-link-h);--s:var(--bulma-link-s);--l:var(--bulma-link-l);--color:hsl(var(--h),var(--s),var(--l));--00-l:var(--bulma-link-00-l);--color-00:hsl(var(--h),var(--s),var(--00-l));--05-l:var(--bulma-link-05-l);--color-05:hsl(var(--h),var(--s),var(--05-l));--10-l:var(--bulma-link-10-l);--color-10:hsl(var(--h),var(--s),var(--10-l));--15-l:var(--bulma-link-15-l);--color-15:hsl(var(--h),var(--s),var(--15-l));--20-l:var(--bulma-link-20-l);--color-20:hsl(var(--h),var(--s),var(--20-l));--25-l:var(--bulma-link-25-l);--color-25:hsl(var(--h),var(--s),var(--25-l));--30-l:var(--bulma-link-30-l);--color-30:hsl(var(--h),var(--s),var(--30-l));--35-l:var(--bulma-link-35-l);--color-35:hsl(var(--h),var(--s),var(--35-l));--40-l:var(--bulma-link-40-l);--color-40:hsl(var(--h),var(--s),var(--40-l));--45-l:var(--bulma-link-45-l);--color-45:hsl(var(--h),var(--s),var(--45-l));--50-l:var(--bulma-link-50-l);--color-50:hsl(var(--h),var(--s),var(--50-l));--55-l:var(--bulma-link-55-l);--color-55:hsl(var(--h),var(--s),var(--55-l));--60-l:var(--bulma-link-60-l);--color-60:hsl(var(--h),var(--s),var(--60-l));--65-l:var(--bulma-link-65-l);--color-65:hsl(var(--h),var(--s),var(--65-l));--70-l:var(--bulma-link-70-l);--color-70:hsl(var(--h),var(--s),var(--70-l));--75-l:var(--bulma-link-75-l);--color-75:hsl(var(--h),var(--s),var(--75-l));--80-l:var(--bulma-link-80-l);--color-80:hsl(var(--h),var(--s),var(--80-l));--85-l:var(--bulma-link-85-l);--color-85:hsl(var(--h),var(--s),var(--85-l));--90-l:var(--bulma-link-90-l);--color-90:hsl(var(--h),var(--s),var(--90-l));--95-l:var(--bulma-link-95-l);--color-95:hsl(var(--h),var(--s),var(--95-l));--100-l:var(--bulma-link-100-l);--color-100:hsl(var(--h),var(--s),var(--100-l))}.has-text-info{color:hsl(var(--bulma-info-h),var(--bulma-info-s),var(--bulma-info-l))!important}.has-background-info{background-color:hsl(var(--bulma-info-h),var(--bulma-info-s),var(--bulma-info-l))!important}.has-text-info-invert{color:hsl(var(--bulma-info-h),var(--bulma-info-s),var(--bulma-info-invert-l))!important}.has-background-info-invert{background-color:hsl(var(--bulma-info-h),var(--bulma-info-s),var(--bulma-info-invert-l))!important}.has-text-info-on-scheme{color:hsl(var(--bulma-info-h),var(--bulma-info-s),var(--bulma-info-on-scheme-l))!important}.has-background-info-on-scheme{background-color:hsl(var(--bulma-info-h),var(--bulma-info-s),var(--bulma-info-on-scheme-l))!important}.has-text-info-light{color:hsl(var(--bulma-info-h),var(--bulma-info-s),var(--bulma-info-light-l))!important}.has-background-info-light{background-color:hsl(var(--bulma-info-h),var(--bulma-info-s),var(--bulma-info-light-l))!important}.has-text-info-light-invert{color:hsl(var(--bulma-info-h),var(--bulma-info-s),var(--bulma-info-light-invert-l))!important}.has-background-info-light-invert{background-color:hsl(var(--bulma-info-h),var(--bulma-info-s),var(--bulma-info-light-invert-l))!important}.has-text-info-dark{color:hsl(var(--bulma-info-h),var(--bulma-info-s),var(--bulma-info-dark-l))!important}.has-background-info-dark{background-color:hsl(var(--bulma-info-h),var(--bulma-info-s),var(--bulma-info-dark-l))!important}.has-text-info-dark-invert{color:hsl(var(--bulma-info-h),var(--bulma-info-s),var(--bulma-info-dark-invert-l))!important}.has-background-info-dark-invert{background-color:hsl(var(--bulma-info-h),var(--bulma-info-s),var(--bulma-info-dark-invert-l))!important}.has-text-info-soft{color:hsl(var(--bulma-info-h),var(--bulma-info-s),var(--bulma-soft-l))!important}.has-background-info-soft{background-color:hsl(var(--bulma-info-h),var(--bulma-info-s),var(--bulma-soft-l))!important}.has-text-info-bold{color:hsl(var(--bulma-info-h),var(--bulma-info-s),var(--bulma-bold-l))!important}.has-background-info-bold{background-color:hsl(var(--bulma-info-h),var(--bulma-info-s),var(--bulma-bold-l))!important}.has-text-info-soft-invert{color:hsl(var(--bulma-info-h),var(--bulma-info-s),var(--bulma-soft-invert-l))!important}.has-background-info-soft-invert{background-color:hsl(var(--bulma-info-h),var(--bulma-info-s),var(--bulma-soft-invert-l))!important}.has-text-info-bold-invert{color:hsl(var(--bulma-info-h),var(--bulma-info-s),var(--bulma-bold-invert-l))!important}.has-background-info-bold-invert{background-color:hsl(var(--bulma-info-h),var(--bulma-info-s),var(--bulma-bold-invert-l))!important}.has-text-info-00{color:hsl(var(--bulma-info-h),var(--bulma-info-s),var(--bulma-info-00-l))!important}.has-background-info-00{background-color:hsl(var(--bulma-info-h),var(--bulma-info-s),var(--bulma-info-00-l))!important}.has-text-info-00-invert{color:hsl(var(--bulma-info-h),var(--bulma-info-s),var(--bulma-info-00-invert-l))!important}.has-background-info-00-invert{background-color:hsl(var(--bulma-info-h),var(--bulma-info-s),var(--bulma-info-00-invert-l))!important}.has-text-info-05{color:hsl(var(--bulma-info-h),var(--bulma-info-s),var(--bulma-info-05-l))!important}.has-background-info-05{background-color:hsl(var(--bulma-info-h),var(--bulma-info-s),var(--bulma-info-05-l))!important}.has-text-info-05-invert{color:hsl(var(--bulma-info-h),var(--bulma-info-s),var(--bulma-info-05-invert-l))!important}.has-background-info-05-invert{background-color:hsl(var(--bulma-info-h),var(--bulma-info-s),var(--bulma-info-05-invert-l))!important}.has-text-info-10{color:hsl(var(--bulma-info-h),var(--bulma-info-s),var(--bulma-info-10-l))!important}.has-background-info-10{background-color:hsl(var(--bulma-info-h),var(--bulma-info-s),var(--bulma-info-10-l))!important}.has-text-info-10-invert{color:hsl(var(--bulma-info-h),var(--bulma-info-s),var(--bulma-info-10-invert-l))!important}.has-background-info-10-invert{background-color:hsl(var(--bulma-info-h),var(--bulma-info-s),var(--bulma-info-10-invert-l))!important}.has-text-info-15{color:hsl(var(--bulma-info-h),var(--bulma-info-s),var(--bulma-info-15-l))!important}.has-background-info-15{background-color:hsl(var(--bulma-info-h),var(--bulma-info-s),var(--bulma-info-15-l))!important}.has-text-info-15-invert{color:hsl(var(--bulma-info-h),var(--bulma-info-s),var(--bulma-info-15-invert-l))!important}.has-background-info-15-invert{background-color:hsl(var(--bulma-info-h),var(--bulma-info-s),var(--bulma-info-15-invert-l))!important}.has-text-info-20{color:hsl(var(--bulma-info-h),var(--bulma-info-s),var(--bulma-info-20-l))!important}.has-background-info-20{background-color:hsl(var(--bulma-info-h),var(--bulma-info-s),var(--bulma-info-20-l))!important}.has-text-info-20-invert{color:hsl(var(--bulma-info-h),var(--bulma-info-s),var(--bulma-info-20-invert-l))!important}.has-background-info-20-invert{background-color:hsl(var(--bulma-info-h),var(--bulma-info-s),var(--bulma-info-20-invert-l))!important}.has-text-info-25{color:hsl(var(--bulma-info-h),var(--bulma-info-s),var(--bulma-info-25-l))!important}.has-background-info-25{background-color:hsl(var(--bulma-info-h),var(--bulma-info-s),var(--bulma-info-25-l))!important}.has-text-info-25-invert{color:hsl(var(--bulma-info-h),var(--bulma-info-s),var(--bulma-info-25-invert-l))!important}.has-background-info-25-invert{background-color:hsl(var(--bulma-info-h),var(--bulma-info-s),var(--bulma-info-25-invert-l))!important}.has-text-info-30{color:hsl(var(--bulma-info-h),var(--bulma-info-s),var(--bulma-info-30-l))!important}.has-background-info-30{background-color:hsl(var(--bulma-info-h),var(--bulma-info-s),var(--bulma-info-30-l))!important}.has-text-info-30-invert{color:hsl(var(--bulma-info-h),var(--bulma-info-s),var(--bulma-info-30-invert-l))!important}.has-background-info-30-invert{background-color:hsl(var(--bulma-info-h),var(--bulma-info-s),var(--bulma-info-30-invert-l))!important}.has-text-info-35{color:hsl(var(--bulma-info-h),var(--bulma-info-s),var(--bulma-info-35-l))!important}.has-background-info-35{background-color:hsl(var(--bulma-info-h),var(--bulma-info-s),var(--bulma-info-35-l))!important}.has-text-info-35-invert{color:hsl(var(--bulma-info-h),var(--bulma-info-s),var(--bulma-info-35-invert-l))!important}.has-background-info-35-invert{background-color:hsl(var(--bulma-info-h),var(--bulma-info-s),var(--bulma-info-35-invert-l))!important}.has-text-info-40{color:hsl(var(--bulma-info-h),var(--bulma-info-s),var(--bulma-info-40-l))!important}.has-background-info-40{background-color:hsl(var(--bulma-info-h),var(--bulma-info-s),var(--bulma-info-40-l))!important}.has-text-info-40-invert{color:hsl(var(--bulma-info-h),var(--bulma-info-s),var(--bulma-info-40-invert-l))!important}.has-background-info-40-invert{background-color:hsl(var(--bulma-info-h),var(--bulma-info-s),var(--bulma-info-40-invert-l))!important}.has-text-info-45{color:hsl(var(--bulma-info-h),var(--bulma-info-s),var(--bulma-info-45-l))!important}.has-background-info-45{background-color:hsl(var(--bulma-info-h),var(--bulma-info-s),var(--bulma-info-45-l))!important}.has-text-info-45-invert{color:hsl(var(--bulma-info-h),var(--bulma-info-s),var(--bulma-info-45-invert-l))!important}.has-background-info-45-invert{background-color:hsl(var(--bulma-info-h),var(--bulma-info-s),var(--bulma-info-45-invert-l))!important}.has-text-info-50{color:hsl(var(--bulma-info-h),var(--bulma-info-s),var(--bulma-info-50-l))!important}.has-background-info-50{background-color:hsl(var(--bulma-info-h),var(--bulma-info-s),var(--bulma-info-50-l))!important}.has-text-info-50-invert{color:hsl(var(--bulma-info-h),var(--bulma-info-s),var(--bulma-info-50-invert-l))!important}.has-background-info-50-invert{background-color:hsl(var(--bulma-info-h),var(--bulma-info-s),var(--bulma-info-50-invert-l))!important}.has-text-info-55{color:hsl(var(--bulma-info-h),var(--bulma-info-s),var(--bulma-info-55-l))!important}.has-background-info-55{background-color:hsl(var(--bulma-info-h),var(--bulma-info-s),var(--bulma-info-55-l))!important}.has-text-info-55-invert{color:hsl(var(--bulma-info-h),var(--bulma-info-s),var(--bulma-info-55-invert-l))!important}.has-background-info-55-invert{background-color:hsl(var(--bulma-info-h),var(--bulma-info-s),var(--bulma-info-55-invert-l))!important}.has-text-info-60{color:hsl(var(--bulma-info-h),var(--bulma-info-s),var(--bulma-info-60-l))!important}.has-background-info-60{background-color:hsl(var(--bulma-info-h),var(--bulma-info-s),var(--bulma-info-60-l))!important}.has-text-info-60-invert{color:hsl(var(--bulma-info-h),var(--bulma-info-s),var(--bulma-info-60-invert-l))!important}.has-background-info-60-invert{background-color:hsl(var(--bulma-info-h),var(--bulma-info-s),var(--bulma-info-60-invert-l))!important}.has-text-info-65{color:hsl(var(--bulma-info-h),var(--bulma-info-s),var(--bulma-info-65-l))!important}.has-background-info-65{background-color:hsl(var(--bulma-info-h),var(--bulma-info-s),var(--bulma-info-65-l))!important}.has-text-info-65-invert{color:hsl(var(--bulma-info-h),var(--bulma-info-s),var(--bulma-info-65-invert-l))!important}.has-background-info-65-invert{background-color:hsl(var(--bulma-info-h),var(--bulma-info-s),var(--bulma-info-65-invert-l))!important}.has-text-info-70{color:hsl(var(--bulma-info-h),var(--bulma-info-s),var(--bulma-info-70-l))!important}.has-background-info-70{background-color:hsl(var(--bulma-info-h),var(--bulma-info-s),var(--bulma-info-70-l))!important}.has-text-info-70-invert{color:hsl(var(--bulma-info-h),var(--bulma-info-s),var(--bulma-info-70-invert-l))!important}.has-background-info-70-invert{background-color:hsl(var(--bulma-info-h),var(--bulma-info-s),var(--bulma-info-70-invert-l))!important}.has-text-info-75{color:hsl(var(--bulma-info-h),var(--bulma-info-s),var(--bulma-info-75-l))!important}.has-background-info-75{background-color:hsl(var(--bulma-info-h),var(--bulma-info-s),var(--bulma-info-75-l))!important}.has-text-info-75-invert{color:hsl(var(--bulma-info-h),var(--bulma-info-s),var(--bulma-info-75-invert-l))!important}.has-background-info-75-invert{background-color:hsl(var(--bulma-info-h),var(--bulma-info-s),var(--bulma-info-75-invert-l))!important}.has-text-info-80{color:hsl(var(--bulma-info-h),var(--bulma-info-s),var(--bulma-info-80-l))!important}.has-background-info-80{background-color:hsl(var(--bulma-info-h),var(--bulma-info-s),var(--bulma-info-80-l))!important}.has-text-info-80-invert{color:hsl(var(--bulma-info-h),var(--bulma-info-s),var(--bulma-info-80-invert-l))!important}.has-background-info-80-invert{background-color:hsl(var(--bulma-info-h),var(--bulma-info-s),var(--bulma-info-80-invert-l))!important}.has-text-info-85{color:hsl(var(--bulma-info-h),var(--bulma-info-s),var(--bulma-info-85-l))!important}.has-background-info-85{background-color:hsl(var(--bulma-info-h),var(--bulma-info-s),var(--bulma-info-85-l))!important}.has-text-info-85-invert{color:hsl(var(--bulma-info-h),var(--bulma-info-s),var(--bulma-info-85-invert-l))!important}.has-background-info-85-invert{background-color:hsl(var(--bulma-info-h),var(--bulma-info-s),var(--bulma-info-85-invert-l))!important}.has-text-info-90{color:hsl(var(--bulma-info-h),var(--bulma-info-s),var(--bulma-info-90-l))!important}.has-background-info-90{background-color:hsl(var(--bulma-info-h),var(--bulma-info-s),var(--bulma-info-90-l))!important}.has-text-info-90-invert{color:hsl(var(--bulma-info-h),var(--bulma-info-s),var(--bulma-info-90-invert-l))!important}.has-background-info-90-invert{background-color:hsl(var(--bulma-info-h),var(--bulma-info-s),var(--bulma-info-90-invert-l))!important}.has-text-info-95{color:hsl(var(--bulma-info-h),var(--bulma-info-s),var(--bulma-info-95-l))!important}.has-background-info-95{background-color:hsl(var(--bulma-info-h),var(--bulma-info-s),var(--bulma-info-95-l))!important}.has-text-info-95-invert{color:hsl(var(--bulma-info-h),var(--bulma-info-s),var(--bulma-info-95-invert-l))!important}.has-background-info-95-invert{background-color:hsl(var(--bulma-info-h),var(--bulma-info-s),var(--bulma-info-95-invert-l))!important}.has-text-info-100{color:hsl(var(--bulma-info-h),var(--bulma-info-s),var(--bulma-info-100-l))!important}.has-background-info-100{background-color:hsl(var(--bulma-info-h),var(--bulma-info-s),var(--bulma-info-100-l))!important}.has-text-info-100-invert{color:hsl(var(--bulma-info-h),var(--bulma-info-s),var(--bulma-info-100-invert-l))!important}.has-background-info-100-invert{background-color:hsl(var(--bulma-info-h),var(--bulma-info-s),var(--bulma-info-100-invert-l))!important}a.has-text-info:hover,a.has-text-info:focus-visible,button.has-text-info:hover,button.has-text-info:focus-visible,has-text-info.is-hoverable:hover,has-text-info.is-hoverable:focus-visible{color:hsl(var(--bulma-info-h),var(--bulma-info-s),calc(var(--bulma-info-l) + var(--bulma-hover-color-l-delta)))!important}a.has-text-info:active,button.has-text-info:active,has-text-info.is-hoverable:active{color:hsl(var(--bulma-info-h),var(--bulma-info-s),calc(var(--bulma-info-l) + var(--bulma-active-color-l-delta)))!important}a.has-background-info:hover,a.has-background-info:focus-visible,button.has-background-info:hover,button.has-background-info:focus-visible,has-background-info.is-hoverable:hover,has-background-info.is-hoverable:focus-visible{background-color:hsl(var(--bulma-info-h),var(--bulma-info-s),calc(var(--bulma-info-l) + var(--bulma-hover-background-l-delta)))!important}a.has-background-info:active,button.has-background-info:active,has-background-info.is-hoverable:active{background-color:hsl(var(--bulma-info-h),var(--bulma-info-s),calc(var(--bulma-info-l) + var(--bulma-active-background-l-delta)))!important}.is-palette-info{--h:var(--bulma-info-h);--s:var(--bulma-info-s);--l:var(--bulma-info-l);--color:hsl(var(--h),var(--s),var(--l));--00-l:var(--bulma-info-00-l);--color-00:hsl(var(--h),var(--s),var(--00-l));--05-l:var(--bulma-info-05-l);--color-05:hsl(var(--h),var(--s),var(--05-l));--10-l:var(--bulma-info-10-l);--color-10:hsl(var(--h),var(--s),var(--10-l));--15-l:var(--bulma-info-15-l);--color-15:hsl(var(--h),var(--s),var(--15-l));--20-l:var(--bulma-info-20-l);--color-20:hsl(var(--h),var(--s),var(--20-l));--25-l:var(--bulma-info-25-l);--color-25:hsl(var(--h),var(--s),var(--25-l));--30-l:var(--bulma-info-30-l);--color-30:hsl(var(--h),var(--s),var(--30-l));--35-l:var(--bulma-info-35-l);--color-35:hsl(var(--h),var(--s),var(--35-l));--40-l:var(--bulma-info-40-l);--color-40:hsl(var(--h),var(--s),var(--40-l));--45-l:var(--bulma-info-45-l);--color-45:hsl(var(--h),var(--s),var(--45-l));--50-l:var(--bulma-info-50-l);--color-50:hsl(var(--h),var(--s),var(--50-l));--55-l:var(--bulma-info-55-l);--color-55:hsl(var(--h),var(--s),var(--55-l));--60-l:var(--bulma-info-60-l);--color-60:hsl(var(--h),var(--s),var(--60-l));--65-l:var(--bulma-info-65-l);--color-65:hsl(var(--h),var(--s),var(--65-l));--70-l:var(--bulma-info-70-l);--color-70:hsl(var(--h),var(--s),var(--70-l));--75-l:var(--bulma-info-75-l);--color-75:hsl(var(--h),var(--s),var(--75-l));--80-l:var(--bulma-info-80-l);--color-80:hsl(var(--h),var(--s),var(--80-l));--85-l:var(--bulma-info-85-l);--color-85:hsl(var(--h),var(--s),var(--85-l));--90-l:var(--bulma-info-90-l);--color-90:hsl(var(--h),var(--s),var(--90-l));--95-l:var(--bulma-info-95-l);--color-95:hsl(var(--h),var(--s),var(--95-l));--100-l:var(--bulma-info-100-l);--color-100:hsl(var(--h),var(--s),var(--100-l))}.has-text-success{color:hsl(var(--bulma-success-h),var(--bulma-success-s),var(--bulma-success-l))!important}.has-background-success{background-color:hsl(var(--bulma-success-h),var(--bulma-success-s),var(--bulma-success-l))!important}.has-text-success-invert{color:hsl(var(--bulma-success-h),var(--bulma-success-s),var(--bulma-success-invert-l))!important}.has-background-success-invert{background-color:hsl(var(--bulma-success-h),var(--bulma-success-s),var(--bulma-success-invert-l))!important}.has-text-success-on-scheme{color:hsl(var(--bulma-success-h),var(--bulma-success-s),var(--bulma-success-on-scheme-l))!important}.has-background-success-on-scheme{background-color:hsl(var(--bulma-success-h),var(--bulma-success-s),var(--bulma-success-on-scheme-l))!important}.has-text-success-light{color:hsl(var(--bulma-success-h),var(--bulma-success-s),var(--bulma-success-light-l))!important}.has-background-success-light{background-color:hsl(var(--bulma-success-h),var(--bulma-success-s),var(--bulma-success-light-l))!important}.has-text-success-light-invert{color:hsl(var(--bulma-success-h),var(--bulma-success-s),var(--bulma-success-light-invert-l))!important}.has-background-success-light-invert{background-color:hsl(var(--bulma-success-h),var(--bulma-success-s),var(--bulma-success-light-invert-l))!important}.has-text-success-dark{color:hsl(var(--bulma-success-h),var(--bulma-success-s),var(--bulma-success-dark-l))!important}.has-background-success-dark{background-color:hsl(var(--bulma-success-h),var(--bulma-success-s),var(--bulma-success-dark-l))!important}.has-text-success-dark-invert{color:hsl(var(--bulma-success-h),var(--bulma-success-s),var(--bulma-success-dark-invert-l))!important}.has-background-success-dark-invert{background-color:hsl(var(--bulma-success-h),var(--bulma-success-s),var(--bulma-success-dark-invert-l))!important}.has-text-success-soft{color:hsl(var(--bulma-success-h),var(--bulma-success-s),var(--bulma-soft-l))!important}.has-background-success-soft{background-color:hsl(var(--bulma-success-h),var(--bulma-success-s),var(--bulma-soft-l))!important}.has-text-success-bold{color:hsl(var(--bulma-success-h),var(--bulma-success-s),var(--bulma-bold-l))!important}.has-background-success-bold{background-color:hsl(var(--bulma-success-h),var(--bulma-success-s),var(--bulma-bold-l))!important}.has-text-success-soft-invert{color:hsl(var(--bulma-success-h),var(--bulma-success-s),var(--bulma-soft-invert-l))!important}.has-background-success-soft-invert{background-color:hsl(var(--bulma-success-h),var(--bulma-success-s),var(--bulma-soft-invert-l))!important}.has-text-success-bold-invert{color:hsl(var(--bulma-success-h),var(--bulma-success-s),var(--bulma-bold-invert-l))!important}.has-background-success-bold-invert{background-color:hsl(var(--bulma-success-h),var(--bulma-success-s),var(--bulma-bold-invert-l))!important}.has-text-success-00{color:hsl(var(--bulma-success-h),var(--bulma-success-s),var(--bulma-success-00-l))!important}.has-background-success-00{background-color:hsl(var(--bulma-success-h),var(--bulma-success-s),var(--bulma-success-00-l))!important}.has-text-success-00-invert{color:hsl(var(--bulma-success-h),var(--bulma-success-s),var(--bulma-success-00-invert-l))!important}.has-background-success-00-invert{background-color:hsl(var(--bulma-success-h),var(--bulma-success-s),var(--bulma-success-00-invert-l))!important}.has-text-success-05{color:hsl(var(--bulma-success-h),var(--bulma-success-s),var(--bulma-success-05-l))!important}.has-background-success-05{background-color:hsl(var(--bulma-success-h),var(--bulma-success-s),var(--bulma-success-05-l))!important}.has-text-success-05-invert{color:hsl(var(--bulma-success-h),var(--bulma-success-s),var(--bulma-success-05-invert-l))!important}.has-background-success-05-invert{background-color:hsl(var(--bulma-success-h),var(--bulma-success-s),var(--bulma-success-05-invert-l))!important}.has-text-success-10{color:hsl(var(--bulma-success-h),var(--bulma-success-s),var(--bulma-success-10-l))!important}.has-background-success-10{background-color:hsl(var(--bulma-success-h),var(--bulma-success-s),var(--bulma-success-10-l))!important}.has-text-success-10-invert{color:hsl(var(--bulma-success-h),var(--bulma-success-s),var(--bulma-success-10-invert-l))!important}.has-background-success-10-invert{background-color:hsl(var(--bulma-success-h),var(--bulma-success-s),var(--bulma-success-10-invert-l))!important}.has-text-success-15{color:hsl(var(--bulma-success-h),var(--bulma-success-s),var(--bulma-success-15-l))!important}.has-background-success-15{background-color:hsl(var(--bulma-success-h),var(--bulma-success-s),var(--bulma-success-15-l))!important}.has-text-success-15-invert{color:hsl(var(--bulma-success-h),var(--bulma-success-s),var(--bulma-success-15-invert-l))!important}.has-background-success-15-invert{background-color:hsl(var(--bulma-success-h),var(--bulma-success-s),var(--bulma-success-15-invert-l))!important}.has-text-success-20{color:hsl(var(--bulma-success-h),var(--bulma-success-s),var(--bulma-success-20-l))!important}.has-background-success-20{background-color:hsl(var(--bulma-success-h),var(--bulma-success-s),var(--bulma-success-20-l))!important}.has-text-success-20-invert{color:hsl(var(--bulma-success-h),var(--bulma-success-s),var(--bulma-success-20-invert-l))!important}.has-background-success-20-invert{background-color:hsl(var(--bulma-success-h),var(--bulma-success-s),var(--bulma-success-20-invert-l))!important}.has-text-success-25{color:hsl(var(--bulma-success-h),var(--bulma-success-s),var(--bulma-success-25-l))!important}.has-background-success-25{background-color:hsl(var(--bulma-success-h),var(--bulma-success-s),var(--bulma-success-25-l))!important}.has-text-success-25-invert{color:hsl(var(--bulma-success-h),var(--bulma-success-s),var(--bulma-success-25-invert-l))!important}.has-background-success-25-invert{background-color:hsl(var(--bulma-success-h),var(--bulma-success-s),var(--bulma-success-25-invert-l))!important}.has-text-success-30{color:hsl(var(--bulma-success-h),var(--bulma-success-s),var(--bulma-success-30-l))!important}.has-background-success-30{background-color:hsl(var(--bulma-success-h),var(--bulma-success-s),var(--bulma-success-30-l))!important}.has-text-success-30-invert{color:hsl(var(--bulma-success-h),var(--bulma-success-s),var(--bulma-success-30-invert-l))!important}.has-background-success-30-invert{background-color:hsl(var(--bulma-success-h),var(--bulma-success-s),var(--bulma-success-30-invert-l))!important}.has-text-success-35{color:hsl(var(--bulma-success-h),var(--bulma-success-s),var(--bulma-success-35-l))!important}.has-background-success-35{background-color:hsl(var(--bulma-success-h),var(--bulma-success-s),var(--bulma-success-35-l))!important}.has-text-success-35-invert{color:hsl(var(--bulma-success-h),var(--bulma-success-s),var(--bulma-success-35-invert-l))!important}.has-background-success-35-invert{background-color:hsl(var(--bulma-success-h),var(--bulma-success-s),var(--bulma-success-35-invert-l))!important}.has-text-success-40{color:hsl(var(--bulma-success-h),var(--bulma-success-s),var(--bulma-success-40-l))!important}.has-background-success-40{background-color:hsl(var(--bulma-success-h),var(--bulma-success-s),var(--bulma-success-40-l))!important}.has-text-success-40-invert{color:hsl(var(--bulma-success-h),var(--bulma-success-s),var(--bulma-success-40-invert-l))!important}.has-background-success-40-invert{background-color:hsl(var(--bulma-success-h),var(--bulma-success-s),var(--bulma-success-40-invert-l))!important}.has-text-success-45{color:hsl(var(--bulma-success-h),var(--bulma-success-s),var(--bulma-success-45-l))!important}.has-background-success-45{background-color:hsl(var(--bulma-success-h),var(--bulma-success-s),var(--bulma-success-45-l))!important}.has-text-success-45-invert{color:hsl(var(--bulma-success-h),var(--bulma-success-s),var(--bulma-success-45-invert-l))!important}.has-background-success-45-invert{background-color:hsl(var(--bulma-success-h),var(--bulma-success-s),var(--bulma-success-45-invert-l))!important}.has-text-success-50{color:hsl(var(--bulma-success-h),var(--bulma-success-s),var(--bulma-success-50-l))!important}.has-background-success-50{background-color:hsl(var(--bulma-success-h),var(--bulma-success-s),var(--bulma-success-50-l))!important}.has-text-success-50-invert{color:hsl(var(--bulma-success-h),var(--bulma-success-s),var(--bulma-success-50-invert-l))!important}.has-background-success-50-invert{background-color:hsl(var(--bulma-success-h),var(--bulma-success-s),var(--bulma-success-50-invert-l))!important}.has-text-success-55{color:hsl(var(--bulma-success-h),var(--bulma-success-s),var(--bulma-success-55-l))!important}.has-background-success-55{background-color:hsl(var(--bulma-success-h),var(--bulma-success-s),var(--bulma-success-55-l))!important}.has-text-success-55-invert{color:hsl(var(--bulma-success-h),var(--bulma-success-s),var(--bulma-success-55-invert-l))!important}.has-background-success-55-invert{background-color:hsl(var(--bulma-success-h),var(--bulma-success-s),var(--bulma-success-55-invert-l))!important}.has-text-success-60{color:hsl(var(--bulma-success-h),var(--bulma-success-s),var(--bulma-success-60-l))!important}.has-background-success-60{background-color:hsl(var(--bulma-success-h),var(--bulma-success-s),var(--bulma-success-60-l))!important}.has-text-success-60-invert{color:hsl(var(--bulma-success-h),var(--bulma-success-s),var(--bulma-success-60-invert-l))!important}.has-background-success-60-invert{background-color:hsl(var(--bulma-success-h),var(--bulma-success-s),var(--bulma-success-60-invert-l))!important}.has-text-success-65{color:hsl(var(--bulma-success-h),var(--bulma-success-s),var(--bulma-success-65-l))!important}.has-background-success-65{background-color:hsl(var(--bulma-success-h),var(--bulma-success-s),var(--bulma-success-65-l))!important}.has-text-success-65-invert{color:hsl(var(--bulma-success-h),var(--bulma-success-s),var(--bulma-success-65-invert-l))!important}.has-background-success-65-invert{background-color:hsl(var(--bulma-success-h),var(--bulma-success-s),var(--bulma-success-65-invert-l))!important}.has-text-success-70{color:hsl(var(--bulma-success-h),var(--bulma-success-s),var(--bulma-success-70-l))!important}.has-background-success-70{background-color:hsl(var(--bulma-success-h),var(--bulma-success-s),var(--bulma-success-70-l))!important}.has-text-success-70-invert{color:hsl(var(--bulma-success-h),var(--bulma-success-s),var(--bulma-success-70-invert-l))!important}.has-background-success-70-invert{background-color:hsl(var(--bulma-success-h),var(--bulma-success-s),var(--bulma-success-70-invert-l))!important}.has-text-success-75{color:hsl(var(--bulma-success-h),var(--bulma-success-s),var(--bulma-success-75-l))!important}.has-background-success-75{background-color:hsl(var(--bulma-success-h),var(--bulma-success-s),var(--bulma-success-75-l))!important}.has-text-success-75-invert{color:hsl(var(--bulma-success-h),var(--bulma-success-s),var(--bulma-success-75-invert-l))!important}.has-background-success-75-invert{background-color:hsl(var(--bulma-success-h),var(--bulma-success-s),var(--bulma-success-75-invert-l))!important}.has-text-success-80{color:hsl(var(--bulma-success-h),var(--bulma-success-s),var(--bulma-success-80-l))!important}.has-background-success-80{background-color:hsl(var(--bulma-success-h),var(--bulma-success-s),var(--bulma-success-80-l))!important}.has-text-success-80-invert{color:hsl(var(--bulma-success-h),var(--bulma-success-s),var(--bulma-success-80-invert-l))!important}.has-background-success-80-invert{background-color:hsl(var(--bulma-success-h),var(--bulma-success-s),var(--bulma-success-80-invert-l))!important}.has-text-success-85{color:hsl(var(--bulma-success-h),var(--bulma-success-s),var(--bulma-success-85-l))!important}.has-background-success-85{background-color:hsl(var(--bulma-success-h),var(--bulma-success-s),var(--bulma-success-85-l))!important}.has-text-success-85-invert{color:hsl(var(--bulma-success-h),var(--bulma-success-s),var(--bulma-success-85-invert-l))!important}.has-background-success-85-invert{background-color:hsl(var(--bulma-success-h),var(--bulma-success-s),var(--bulma-success-85-invert-l))!important}.has-text-success-90{color:hsl(var(--bulma-success-h),var(--bulma-success-s),var(--bulma-success-90-l))!important}.has-background-success-90{background-color:hsl(var(--bulma-success-h),var(--bulma-success-s),var(--bulma-success-90-l))!important}.has-text-success-90-invert{color:hsl(var(--bulma-success-h),var(--bulma-success-s),var(--bulma-success-90-invert-l))!important}.has-background-success-90-invert{background-color:hsl(var(--bulma-success-h),var(--bulma-success-s),var(--bulma-success-90-invert-l))!important}.has-text-success-95{color:hsl(var(--bulma-success-h),var(--bulma-success-s),var(--bulma-success-95-l))!important}.has-background-success-95{background-color:hsl(var(--bulma-success-h),var(--bulma-success-s),var(--bulma-success-95-l))!important}.has-text-success-95-invert{color:hsl(var(--bulma-success-h),var(--bulma-success-s),var(--bulma-success-95-invert-l))!important}.has-background-success-95-invert{background-color:hsl(var(--bulma-success-h),var(--bulma-success-s),var(--bulma-success-95-invert-l))!important}.has-text-success-100{color:hsl(var(--bulma-success-h),var(--bulma-success-s),var(--bulma-success-100-l))!important}.has-background-success-100{background-color:hsl(var(--bulma-success-h),var(--bulma-success-s),var(--bulma-success-100-l))!important}.has-text-success-100-invert{color:hsl(var(--bulma-success-h),var(--bulma-success-s),var(--bulma-success-100-invert-l))!important}.has-background-success-100-invert{background-color:hsl(var(--bulma-success-h),var(--bulma-success-s),var(--bulma-success-100-invert-l))!important}a.has-text-success:hover,a.has-text-success:focus-visible,button.has-text-success:hover,button.has-text-success:focus-visible,has-text-success.is-hoverable:hover,has-text-success.is-hoverable:focus-visible{color:hsl(var(--bulma-success-h),var(--bulma-success-s),calc(var(--bulma-success-l) + var(--bulma-hover-color-l-delta)))!important}a.has-text-success:active,button.has-text-success:active,has-text-success.is-hoverable:active{color:hsl(var(--bulma-success-h),var(--bulma-success-s),calc(var(--bulma-success-l) + var(--bulma-active-color-l-delta)))!important}a.has-background-success:hover,a.has-background-success:focus-visible,button.has-background-success:hover,button.has-background-success:focus-visible,has-background-success.is-hoverable:hover,has-background-success.is-hoverable:focus-visible{background-color:hsl(var(--bulma-success-h),var(--bulma-success-s),calc(var(--bulma-success-l) + var(--bulma-hover-background-l-delta)))!important}a.has-background-success:active,button.has-background-success:active,has-background-success.is-hoverable:active{background-color:hsl(var(--bulma-success-h),var(--bulma-success-s),calc(var(--bulma-success-l) + var(--bulma-active-background-l-delta)))!important}.is-palette-success{--h:var(--bulma-success-h);--s:var(--bulma-success-s);--l:var(--bulma-success-l);--color:hsl(var(--h),var(--s),var(--l));--00-l:var(--bulma-success-00-l);--color-00:hsl(var(--h),var(--s),var(--00-l));--05-l:var(--bulma-success-05-l);--color-05:hsl(var(--h),var(--s),var(--05-l));--10-l:var(--bulma-success-10-l);--color-10:hsl(var(--h),var(--s),var(--10-l));--15-l:var(--bulma-success-15-l);--color-15:hsl(var(--h),var(--s),var(--15-l));--20-l:var(--bulma-success-20-l);--color-20:hsl(var(--h),var(--s),var(--20-l));--25-l:var(--bulma-success-25-l);--color-25:hsl(var(--h),var(--s),var(--25-l));--30-l:var(--bulma-success-30-l);--color-30:hsl(var(--h),var(--s),var(--30-l));--35-l:var(--bulma-success-35-l);--color-35:hsl(var(--h),var(--s),var(--35-l));--40-l:var(--bulma-success-40-l);--color-40:hsl(var(--h),var(--s),var(--40-l));--45-l:var(--bulma-success-45-l);--color-45:hsl(var(--h),var(--s),var(--45-l));--50-l:var(--bulma-success-50-l);--color-50:hsl(var(--h),var(--s),var(--50-l));--55-l:var(--bulma-success-55-l);--color-55:hsl(var(--h),var(--s),var(--55-l));--60-l:var(--bulma-success-60-l);--color-60:hsl(var(--h),var(--s),var(--60-l));--65-l:var(--bulma-success-65-l);--color-65:hsl(var(--h),var(--s),var(--65-l));--70-l:var(--bulma-success-70-l);--color-70:hsl(var(--h),var(--s),var(--70-l));--75-l:var(--bulma-success-75-l);--color-75:hsl(var(--h),var(--s),var(--75-l));--80-l:var(--bulma-success-80-l);--color-80:hsl(var(--h),var(--s),var(--80-l));--85-l:var(--bulma-success-85-l);--color-85:hsl(var(--h),var(--s),var(--85-l));--90-l:var(--bulma-success-90-l);--color-90:hsl(var(--h),var(--s),var(--90-l));--95-l:var(--bulma-success-95-l);--color-95:hsl(var(--h),var(--s),var(--95-l));--100-l:var(--bulma-success-100-l);--color-100:hsl(var(--h),var(--s),var(--100-l))}.has-text-warning{color:hsl(var(--bulma-warning-h),var(--bulma-warning-s),var(--bulma-warning-l))!important}.has-background-warning{background-color:hsl(var(--bulma-warning-h),var(--bulma-warning-s),var(--bulma-warning-l))!important}.has-text-warning-invert{color:hsl(var(--bulma-warning-h),var(--bulma-warning-s),var(--bulma-warning-invert-l))!important}.has-background-warning-invert{background-color:hsl(var(--bulma-warning-h),var(--bulma-warning-s),var(--bulma-warning-invert-l))!important}.has-text-warning-on-scheme{color:hsl(var(--bulma-warning-h),var(--bulma-warning-s),var(--bulma-warning-on-scheme-l))!important}.has-background-warning-on-scheme{background-color:hsl(var(--bulma-warning-h),var(--bulma-warning-s),var(--bulma-warning-on-scheme-l))!important}.has-text-warning-light{color:hsl(var(--bulma-warning-h),var(--bulma-warning-s),var(--bulma-warning-light-l))!important}.has-background-warning-light{background-color:hsl(var(--bulma-warning-h),var(--bulma-warning-s),var(--bulma-warning-light-l))!important}.has-text-warning-light-invert{color:hsl(var(--bulma-warning-h),var(--bulma-warning-s),var(--bulma-warning-light-invert-l))!important}.has-background-warning-light-invert{background-color:hsl(var(--bulma-warning-h),var(--bulma-warning-s),var(--bulma-warning-light-invert-l))!important}.has-text-warning-dark{color:hsl(var(--bulma-warning-h),var(--bulma-warning-s),var(--bulma-warning-dark-l))!important}.has-background-warning-dark{background-color:hsl(var(--bulma-warning-h),var(--bulma-warning-s),var(--bulma-warning-dark-l))!important}.has-text-warning-dark-invert{color:hsl(var(--bulma-warning-h),var(--bulma-warning-s),var(--bulma-warning-dark-invert-l))!important}.has-background-warning-dark-invert{background-color:hsl(var(--bulma-warning-h),var(--bulma-warning-s),var(--bulma-warning-dark-invert-l))!important}.has-text-warning-soft{color:hsl(var(--bulma-warning-h),var(--bulma-warning-s),var(--bulma-soft-l))!important}.has-background-warning-soft{background-color:hsl(var(--bulma-warning-h),var(--bulma-warning-s),var(--bulma-soft-l))!important}.has-text-warning-bold{color:hsl(var(--bulma-warning-h),var(--bulma-warning-s),var(--bulma-bold-l))!important}.has-background-warning-bold{background-color:hsl(var(--bulma-warning-h),var(--bulma-warning-s),var(--bulma-bold-l))!important}.has-text-warning-soft-invert{color:hsl(var(--bulma-warning-h),var(--bulma-warning-s),var(--bulma-soft-invert-l))!important}.has-background-warning-soft-invert{background-color:hsl(var(--bulma-warning-h),var(--bulma-warning-s),var(--bulma-soft-invert-l))!important}.has-text-warning-bold-invert{color:hsl(var(--bulma-warning-h),var(--bulma-warning-s),var(--bulma-bold-invert-l))!important}.has-background-warning-bold-invert{background-color:hsl(var(--bulma-warning-h),var(--bulma-warning-s),var(--bulma-bold-invert-l))!important}.has-text-warning-00{color:hsl(var(--bulma-warning-h),var(--bulma-warning-s),var(--bulma-warning-00-l))!important}.has-background-warning-00{background-color:hsl(var(--bulma-warning-h),var(--bulma-warning-s),var(--bulma-warning-00-l))!important}.has-text-warning-00-invert{color:hsl(var(--bulma-warning-h),var(--bulma-warning-s),var(--bulma-warning-00-invert-l))!important}.has-background-warning-00-invert{background-color:hsl(var(--bulma-warning-h),var(--bulma-warning-s),var(--bulma-warning-00-invert-l))!important}.has-text-warning-05{color:hsl(var(--bulma-warning-h),var(--bulma-warning-s),var(--bulma-warning-05-l))!important}.has-background-warning-05{background-color:hsl(var(--bulma-warning-h),var(--bulma-warning-s),var(--bulma-warning-05-l))!important}.has-text-warning-05-invert{color:hsl(var(--bulma-warning-h),var(--bulma-warning-s),var(--bulma-warning-05-invert-l))!important}.has-background-warning-05-invert{background-color:hsl(var(--bulma-warning-h),var(--bulma-warning-s),var(--bulma-warning-05-invert-l))!important}.has-text-warning-10{color:hsl(var(--bulma-warning-h),var(--bulma-warning-s),var(--bulma-warning-10-l))!important}.has-background-warning-10{background-color:hsl(var(--bulma-warning-h),var(--bulma-warning-s),var(--bulma-warning-10-l))!important}.has-text-warning-10-invert{color:hsl(var(--bulma-warning-h),var(--bulma-warning-s),var(--bulma-warning-10-invert-l))!important}.has-background-warning-10-invert{background-color:hsl(var(--bulma-warning-h),var(--bulma-warning-s),var(--bulma-warning-10-invert-l))!important}.has-text-warning-15{color:hsl(var(--bulma-warning-h),var(--bulma-warning-s),var(--bulma-warning-15-l))!important}.has-background-warning-15{background-color:hsl(var(--bulma-warning-h),var(--bulma-warning-s),var(--bulma-warning-15-l))!important}.has-text-warning-15-invert{color:hsl(var(--bulma-warning-h),var(--bulma-warning-s),var(--bulma-warning-15-invert-l))!important}.has-background-warning-15-invert{background-color:hsl(var(--bulma-warning-h),var(--bulma-warning-s),var(--bulma-warning-15-invert-l))!important}.has-text-warning-20{color:hsl(var(--bulma-warning-h),var(--bulma-warning-s),var(--bulma-warning-20-l))!important}.has-background-warning-20{background-color:hsl(var(--bulma-warning-h),var(--bulma-warning-s),var(--bulma-warning-20-l))!important}.has-text-warning-20-invert{color:hsl(var(--bulma-warning-h),var(--bulma-warning-s),var(--bulma-warning-20-invert-l))!important}.has-background-warning-20-invert{background-color:hsl(var(--bulma-warning-h),var(--bulma-warning-s),var(--bulma-warning-20-invert-l))!important}.has-text-warning-25{color:hsl(var(--bulma-warning-h),var(--bulma-warning-s),var(--bulma-warning-25-l))!important}.has-background-warning-25{background-color:hsl(var(--bulma-warning-h),var(--bulma-warning-s),var(--bulma-warning-25-l))!important}.has-text-warning-25-invert{color:hsl(var(--bulma-warning-h),var(--bulma-warning-s),var(--bulma-warning-25-invert-l))!important}.has-background-warning-25-invert{background-color:hsl(var(--bulma-warning-h),var(--bulma-warning-s),var(--bulma-warning-25-invert-l))!important}.has-text-warning-30{color:hsl(var(--bulma-warning-h),var(--bulma-warning-s),var(--bulma-warning-30-l))!important}.has-background-warning-30{background-color:hsl(var(--bulma-warning-h),var(--bulma-warning-s),var(--bulma-warning-30-l))!important}.has-text-warning-30-invert{color:hsl(var(--bulma-warning-h),var(--bulma-warning-s),var(--bulma-warning-30-invert-l))!important}.has-background-warning-30-invert{background-color:hsl(var(--bulma-warning-h),var(--bulma-warning-s),var(--bulma-warning-30-invert-l))!important}.has-text-warning-35{color:hsl(var(--bulma-warning-h),var(--bulma-warning-s),var(--bulma-warning-35-l))!important}.has-background-warning-35{background-color:hsl(var(--bulma-warning-h),var(--bulma-warning-s),var(--bulma-warning-35-l))!important}.has-text-warning-35-invert{color:hsl(var(--bulma-warning-h),var(--bulma-warning-s),var(--bulma-warning-35-invert-l))!important}.has-background-warning-35-invert{background-color:hsl(var(--bulma-warning-h),var(--bulma-warning-s),var(--bulma-warning-35-invert-l))!important}.has-text-warning-40{color:hsl(var(--bulma-warning-h),var(--bulma-warning-s),var(--bulma-warning-40-l))!important}.has-background-warning-40{background-color:hsl(var(--bulma-warning-h),var(--bulma-warning-s),var(--bulma-warning-40-l))!important}.has-text-warning-40-invert{color:hsl(var(--bulma-warning-h),var(--bulma-warning-s),var(--bulma-warning-40-invert-l))!important}.has-background-warning-40-invert{background-color:hsl(var(--bulma-warning-h),var(--bulma-warning-s),var(--bulma-warning-40-invert-l))!important}.has-text-warning-45{color:hsl(var(--bulma-warning-h),var(--bulma-warning-s),var(--bulma-warning-45-l))!important}.has-background-warning-45{background-color:hsl(var(--bulma-warning-h),var(--bulma-warning-s),var(--bulma-warning-45-l))!important}.has-text-warning-45-invert{color:hsl(var(--bulma-warning-h),var(--bulma-warning-s),var(--bulma-warning-45-invert-l))!important}.has-background-warning-45-invert{background-color:hsl(var(--bulma-warning-h),var(--bulma-warning-s),var(--bulma-warning-45-invert-l))!important}.has-text-warning-50{color:hsl(var(--bulma-warning-h),var(--bulma-warning-s),var(--bulma-warning-50-l))!important}.has-background-warning-50{background-color:hsl(var(--bulma-warning-h),var(--bulma-warning-s),var(--bulma-warning-50-l))!important}.has-text-warning-50-invert{color:hsl(var(--bulma-warning-h),var(--bulma-warning-s),var(--bulma-warning-50-invert-l))!important}.has-background-warning-50-invert{background-color:hsl(var(--bulma-warning-h),var(--bulma-warning-s),var(--bulma-warning-50-invert-l))!important}.has-text-warning-55{color:hsl(var(--bulma-warning-h),var(--bulma-warning-s),var(--bulma-warning-55-l))!important}.has-background-warning-55{background-color:hsl(var(--bulma-warning-h),var(--bulma-warning-s),var(--bulma-warning-55-l))!important}.has-text-warning-55-invert{color:hsl(var(--bulma-warning-h),var(--bulma-warning-s),var(--bulma-warning-55-invert-l))!important}.has-background-warning-55-invert{background-color:hsl(var(--bulma-warning-h),var(--bulma-warning-s),var(--bulma-warning-55-invert-l))!important}.has-text-warning-60{color:hsl(var(--bulma-warning-h),var(--bulma-warning-s),var(--bulma-warning-60-l))!important}.has-background-warning-60{background-color:hsl(var(--bulma-warning-h),var(--bulma-warning-s),var(--bulma-warning-60-l))!important}.has-text-warning-60-invert{color:hsl(var(--bulma-warning-h),var(--bulma-warning-s),var(--bulma-warning-60-invert-l))!important}.has-background-warning-60-invert{background-color:hsl(var(--bulma-warning-h),var(--bulma-warning-s),var(--bulma-warning-60-invert-l))!important}.has-text-warning-65{color:hsl(var(--bulma-warning-h),var(--bulma-warning-s),var(--bulma-warning-65-l))!important}.has-background-warning-65{background-color:hsl(var(--bulma-warning-h),var(--bulma-warning-s),var(--bulma-warning-65-l))!important}.has-text-warning-65-invert{color:hsl(var(--bulma-warning-h),var(--bulma-warning-s),var(--bulma-warning-65-invert-l))!important}.has-background-warning-65-invert{background-color:hsl(var(--bulma-warning-h),var(--bulma-warning-s),var(--bulma-warning-65-invert-l))!important}.has-text-warning-70{color:hsl(var(--bulma-warning-h),var(--bulma-warning-s),var(--bulma-warning-70-l))!important}.has-background-warning-70{background-color:hsl(var(--bulma-warning-h),var(--bulma-warning-s),var(--bulma-warning-70-l))!important}.has-text-warning-70-invert{color:hsl(var(--bulma-warning-h),var(--bulma-warning-s),var(--bulma-warning-70-invert-l))!important}.has-background-warning-70-invert{background-color:hsl(var(--bulma-warning-h),var(--bulma-warning-s),var(--bulma-warning-70-invert-l))!important}.has-text-warning-75{color:hsl(var(--bulma-warning-h),var(--bulma-warning-s),var(--bulma-warning-75-l))!important}.has-background-warning-75{background-color:hsl(var(--bulma-warning-h),var(--bulma-warning-s),var(--bulma-warning-75-l))!important}.has-text-warning-75-invert{color:hsl(var(--bulma-warning-h),var(--bulma-warning-s),var(--bulma-warning-75-invert-l))!important}.has-background-warning-75-invert{background-color:hsl(var(--bulma-warning-h),var(--bulma-warning-s),var(--bulma-warning-75-invert-l))!important}.has-text-warning-80{color:hsl(var(--bulma-warning-h),var(--bulma-warning-s),var(--bulma-warning-80-l))!important}.has-background-warning-80{background-color:hsl(var(--bulma-warning-h),var(--bulma-warning-s),var(--bulma-warning-80-l))!important}.has-text-warning-80-invert{color:hsl(var(--bulma-warning-h),var(--bulma-warning-s),var(--bulma-warning-80-invert-l))!important}.has-background-warning-80-invert{background-color:hsl(var(--bulma-warning-h),var(--bulma-warning-s),var(--bulma-warning-80-invert-l))!important}.has-text-warning-85{color:hsl(var(--bulma-warning-h),var(--bulma-warning-s),var(--bulma-warning-85-l))!important}.has-background-warning-85{background-color:hsl(var(--bulma-warning-h),var(--bulma-warning-s),var(--bulma-warning-85-l))!important}.has-text-warning-85-invert{color:hsl(var(--bulma-warning-h),var(--bulma-warning-s),var(--bulma-warning-85-invert-l))!important}.has-background-warning-85-invert{background-color:hsl(var(--bulma-warning-h),var(--bulma-warning-s),var(--bulma-warning-85-invert-l))!important}.has-text-warning-90{color:hsl(var(--bulma-warning-h),var(--bulma-warning-s),var(--bulma-warning-90-l))!important}.has-background-warning-90{background-color:hsl(var(--bulma-warning-h),var(--bulma-warning-s),var(--bulma-warning-90-l))!important}.has-text-warning-90-invert{color:hsl(var(--bulma-warning-h),var(--bulma-warning-s),var(--bulma-warning-90-invert-l))!important}.has-background-warning-90-invert{background-color:hsl(var(--bulma-warning-h),var(--bulma-warning-s),var(--bulma-warning-90-invert-l))!important}.has-text-warning-95{color:hsl(var(--bulma-warning-h),var(--bulma-warning-s),var(--bulma-warning-95-l))!important}.has-background-warning-95{background-color:hsl(var(--bulma-warning-h),var(--bulma-warning-s),var(--bulma-warning-95-l))!important}.has-text-warning-95-invert{color:hsl(var(--bulma-warning-h),var(--bulma-warning-s),var(--bulma-warning-95-invert-l))!important}.has-background-warning-95-invert{background-color:hsl(var(--bulma-warning-h),var(--bulma-warning-s),var(--bulma-warning-95-invert-l))!important}.has-text-warning-100{color:hsl(var(--bulma-warning-h),var(--bulma-warning-s),var(--bulma-warning-100-l))!important}.has-background-warning-100{background-color:hsl(var(--bulma-warning-h),var(--bulma-warning-s),var(--bulma-warning-100-l))!important}.has-text-warning-100-invert{color:hsl(var(--bulma-warning-h),var(--bulma-warning-s),var(--bulma-warning-100-invert-l))!important}.has-background-warning-100-invert{background-color:hsl(var(--bulma-warning-h),var(--bulma-warning-s),var(--bulma-warning-100-invert-l))!important}a.has-text-warning:hover,a.has-text-warning:focus-visible,button.has-text-warning:hover,button.has-text-warning:focus-visible,has-text-warning.is-hoverable:hover,has-text-warning.is-hoverable:focus-visible{color:hsl(var(--bulma-warning-h),var(--bulma-warning-s),calc(var(--bulma-warning-l) + var(--bulma-hover-color-l-delta)))!important}a.has-text-warning:active,button.has-text-warning:active,has-text-warning.is-hoverable:active{color:hsl(var(--bulma-warning-h),var(--bulma-warning-s),calc(var(--bulma-warning-l) + var(--bulma-active-color-l-delta)))!important}a.has-background-warning:hover,a.has-background-warning:focus-visible,button.has-background-warning:hover,button.has-background-warning:focus-visible,has-background-warning.is-hoverable:hover,has-background-warning.is-hoverable:focus-visible{background-color:hsl(var(--bulma-warning-h),var(--bulma-warning-s),calc(var(--bulma-warning-l) + var(--bulma-hover-background-l-delta)))!important}a.has-background-warning:active,button.has-background-warning:active,has-background-warning.is-hoverable:active{background-color:hsl(var(--bulma-warning-h),var(--bulma-warning-s),calc(var(--bulma-warning-l) + var(--bulma-active-background-l-delta)))!important}.is-palette-warning{--h:var(--bulma-warning-h);--s:var(--bulma-warning-s);--l:var(--bulma-warning-l);--color:hsl(var(--h),var(--s),var(--l));--00-l:var(--bulma-warning-00-l);--color-00:hsl(var(--h),var(--s),var(--00-l));--05-l:var(--bulma-warning-05-l);--color-05:hsl(var(--h),var(--s),var(--05-l));--10-l:var(--bulma-warning-10-l);--color-10:hsl(var(--h),var(--s),var(--10-l));--15-l:var(--bulma-warning-15-l);--color-15:hsl(var(--h),var(--s),var(--15-l));--20-l:var(--bulma-warning-20-l);--color-20:hsl(var(--h),var(--s),var(--20-l));--25-l:var(--bulma-warning-25-l);--color-25:hsl(var(--h),var(--s),var(--25-l));--30-l:var(--bulma-warning-30-l);--color-30:hsl(var(--h),var(--s),var(--30-l));--35-l:var(--bulma-warning-35-l);--color-35:hsl(var(--h),var(--s),var(--35-l));--40-l:var(--bulma-warning-40-l);--color-40:hsl(var(--h),var(--s),var(--40-l));--45-l:var(--bulma-warning-45-l);--color-45:hsl(var(--h),var(--s),var(--45-l));--50-l:var(--bulma-warning-50-l);--color-50:hsl(var(--h),var(--s),var(--50-l));--55-l:var(--bulma-warning-55-l);--color-55:hsl(var(--h),var(--s),var(--55-l));--60-l:var(--bulma-warning-60-l);--color-60:hsl(var(--h),var(--s),var(--60-l));--65-l:var(--bulma-warning-65-l);--color-65:hsl(var(--h),var(--s),var(--65-l));--70-l:var(--bulma-warning-70-l);--color-70:hsl(var(--h),var(--s),var(--70-l));--75-l:var(--bulma-warning-75-l);--color-75:hsl(var(--h),var(--s),var(--75-l));--80-l:var(--bulma-warning-80-l);--color-80:hsl(var(--h),var(--s),var(--80-l));--85-l:var(--bulma-warning-85-l);--color-85:hsl(var(--h),var(--s),var(--85-l));--90-l:var(--bulma-warning-90-l);--color-90:hsl(var(--h),var(--s),var(--90-l));--95-l:var(--bulma-warning-95-l);--color-95:hsl(var(--h),var(--s),var(--95-l));--100-l:var(--bulma-warning-100-l);--color-100:hsl(var(--h),var(--s),var(--100-l))}.has-text-danger{color:hsl(var(--bulma-danger-h),var(--bulma-danger-s),var(--bulma-danger-l))!important}.has-background-danger{background-color:hsl(var(--bulma-danger-h),var(--bulma-danger-s),var(--bulma-danger-l))!important}.has-text-danger-invert{color:hsl(var(--bulma-danger-h),var(--bulma-danger-s),var(--bulma-danger-invert-l))!important}.has-background-danger-invert{background-color:hsl(var(--bulma-danger-h),var(--bulma-danger-s),var(--bulma-danger-invert-l))!important}.has-text-danger-on-scheme{color:hsl(var(--bulma-danger-h),var(--bulma-danger-s),var(--bulma-danger-on-scheme-l))!important}.has-background-danger-on-scheme{background-color:hsl(var(--bulma-danger-h),var(--bulma-danger-s),var(--bulma-danger-on-scheme-l))!important}.has-text-danger-light{color:hsl(var(--bulma-danger-h),var(--bulma-danger-s),var(--bulma-danger-light-l))!important}.has-background-danger-light{background-color:hsl(var(--bulma-danger-h),var(--bulma-danger-s),var(--bulma-danger-light-l))!important}.has-text-danger-light-invert{color:hsl(var(--bulma-danger-h),var(--bulma-danger-s),var(--bulma-danger-light-invert-l))!important}.has-background-danger-light-invert{background-color:hsl(var(--bulma-danger-h),var(--bulma-danger-s),var(--bulma-danger-light-invert-l))!important}.has-text-danger-dark{color:hsl(var(--bulma-danger-h),var(--bulma-danger-s),var(--bulma-danger-dark-l))!important}.has-background-danger-dark{background-color:hsl(var(--bulma-danger-h),var(--bulma-danger-s),var(--bulma-danger-dark-l))!important}.has-text-danger-dark-invert{color:hsl(var(--bulma-danger-h),var(--bulma-danger-s),var(--bulma-danger-dark-invert-l))!important}.has-background-danger-dark-invert{background-color:hsl(var(--bulma-danger-h),var(--bulma-danger-s),var(--bulma-danger-dark-invert-l))!important}.has-text-danger-soft{color:hsl(var(--bulma-danger-h),var(--bulma-danger-s),var(--bulma-soft-l))!important}.has-background-danger-soft{background-color:hsl(var(--bulma-danger-h),var(--bulma-danger-s),var(--bulma-soft-l))!important}.has-text-danger-bold{color:hsl(var(--bulma-danger-h),var(--bulma-danger-s),var(--bulma-bold-l))!important}.has-background-danger-bold{background-color:hsl(var(--bulma-danger-h),var(--bulma-danger-s),var(--bulma-bold-l))!important}.has-text-danger-soft-invert{color:hsl(var(--bulma-danger-h),var(--bulma-danger-s),var(--bulma-soft-invert-l))!important}.has-background-danger-soft-invert{background-color:hsl(var(--bulma-danger-h),var(--bulma-danger-s),var(--bulma-soft-invert-l))!important}.has-text-danger-bold-invert{color:hsl(var(--bulma-danger-h),var(--bulma-danger-s),var(--bulma-bold-invert-l))!important}.has-background-danger-bold-invert{background-color:hsl(var(--bulma-danger-h),var(--bulma-danger-s),var(--bulma-bold-invert-l))!important}.has-text-danger-00{color:hsl(var(--bulma-danger-h),var(--bulma-danger-s),var(--bulma-danger-00-l))!important}.has-background-danger-00{background-color:hsl(var(--bulma-danger-h),var(--bulma-danger-s),var(--bulma-danger-00-l))!important}.has-text-danger-00-invert{color:hsl(var(--bulma-danger-h),var(--bulma-danger-s),var(--bulma-danger-00-invert-l))!important}.has-background-danger-00-invert{background-color:hsl(var(--bulma-danger-h),var(--bulma-danger-s),var(--bulma-danger-00-invert-l))!important}.has-text-danger-05{color:hsl(var(--bulma-danger-h),var(--bulma-danger-s),var(--bulma-danger-05-l))!important}.has-background-danger-05{background-color:hsl(var(--bulma-danger-h),var(--bulma-danger-s),var(--bulma-danger-05-l))!important}.has-text-danger-05-invert{color:hsl(var(--bulma-danger-h),var(--bulma-danger-s),var(--bulma-danger-05-invert-l))!important}.has-background-danger-05-invert{background-color:hsl(var(--bulma-danger-h),var(--bulma-danger-s),var(--bulma-danger-05-invert-l))!important}.has-text-danger-10{color:hsl(var(--bulma-danger-h),var(--bulma-danger-s),var(--bulma-danger-10-l))!important}.has-background-danger-10{background-color:hsl(var(--bulma-danger-h),var(--bulma-danger-s),var(--bulma-danger-10-l))!important}.has-text-danger-10-invert{color:hsl(var(--bulma-danger-h),var(--bulma-danger-s),var(--bulma-danger-10-invert-l))!important}.has-background-danger-10-invert{background-color:hsl(var(--bulma-danger-h),var(--bulma-danger-s),var(--bulma-danger-10-invert-l))!important}.has-text-danger-15{color:hsl(var(--bulma-danger-h),var(--bulma-danger-s),var(--bulma-danger-15-l))!important}.has-background-danger-15{background-color:hsl(var(--bulma-danger-h),var(--bulma-danger-s),var(--bulma-danger-15-l))!important}.has-text-danger-15-invert{color:hsl(var(--bulma-danger-h),var(--bulma-danger-s),var(--bulma-danger-15-invert-l))!important}.has-background-danger-15-invert{background-color:hsl(var(--bulma-danger-h),var(--bulma-danger-s),var(--bulma-danger-15-invert-l))!important}.has-text-danger-20{color:hsl(var(--bulma-danger-h),var(--bulma-danger-s),var(--bulma-danger-20-l))!important}.has-background-danger-20{background-color:hsl(var(--bulma-danger-h),var(--bulma-danger-s),var(--bulma-danger-20-l))!important}.has-text-danger-20-invert{color:hsl(var(--bulma-danger-h),var(--bulma-danger-s),var(--bulma-danger-20-invert-l))!important}.has-background-danger-20-invert{background-color:hsl(var(--bulma-danger-h),var(--bulma-danger-s),var(--bulma-danger-20-invert-l))!important}.has-text-danger-25{color:hsl(var(--bulma-danger-h),var(--bulma-danger-s),var(--bulma-danger-25-l))!important}.has-background-danger-25{background-color:hsl(var(--bulma-danger-h),var(--bulma-danger-s),var(--bulma-danger-25-l))!important}.has-text-danger-25-invert{color:hsl(var(--bulma-danger-h),var(--bulma-danger-s),var(--bulma-danger-25-invert-l))!important}.has-background-danger-25-invert{background-color:hsl(var(--bulma-danger-h),var(--bulma-danger-s),var(--bulma-danger-25-invert-l))!important}.has-text-danger-30{color:hsl(var(--bulma-danger-h),var(--bulma-danger-s),var(--bulma-danger-30-l))!important}.has-background-danger-30{background-color:hsl(var(--bulma-danger-h),var(--bulma-danger-s),var(--bulma-danger-30-l))!important}.has-text-danger-30-invert{color:hsl(var(--bulma-danger-h),var(--bulma-danger-s),var(--bulma-danger-30-invert-l))!important}.has-background-danger-30-invert{background-color:hsl(var(--bulma-danger-h),var(--bulma-danger-s),var(--bulma-danger-30-invert-l))!important}.has-text-danger-35{color:hsl(var(--bulma-danger-h),var(--bulma-danger-s),var(--bulma-danger-35-l))!important}.has-background-danger-35{background-color:hsl(var(--bulma-danger-h),var(--bulma-danger-s),var(--bulma-danger-35-l))!important}.has-text-danger-35-invert{color:hsl(var(--bulma-danger-h),var(--bulma-danger-s),var(--bulma-danger-35-invert-l))!important}.has-background-danger-35-invert{background-color:hsl(var(--bulma-danger-h),var(--bulma-danger-s),var(--bulma-danger-35-invert-l))!important}.has-text-danger-40{color:hsl(var(--bulma-danger-h),var(--bulma-danger-s),var(--bulma-danger-40-l))!important}.has-background-danger-40{background-color:hsl(var(--bulma-danger-h),var(--bulma-danger-s),var(--bulma-danger-40-l))!important}.has-text-danger-40-invert{color:hsl(var(--bulma-danger-h),var(--bulma-danger-s),var(--bulma-danger-40-invert-l))!important}.has-background-danger-40-invert{background-color:hsl(var(--bulma-danger-h),var(--bulma-danger-s),var(--bulma-danger-40-invert-l))!important}.has-text-danger-45{color:hsl(var(--bulma-danger-h),var(--bulma-danger-s),var(--bulma-danger-45-l))!important}.has-background-danger-45{background-color:hsl(var(--bulma-danger-h),var(--bulma-danger-s),var(--bulma-danger-45-l))!important}.has-text-danger-45-invert{color:hsl(var(--bulma-danger-h),var(--bulma-danger-s),var(--bulma-danger-45-invert-l))!important}.has-background-danger-45-invert{background-color:hsl(var(--bulma-danger-h),var(--bulma-danger-s),var(--bulma-danger-45-invert-l))!important}.has-text-danger-50{color:hsl(var(--bulma-danger-h),var(--bulma-danger-s),var(--bulma-danger-50-l))!important}.has-background-danger-50{background-color:hsl(var(--bulma-danger-h),var(--bulma-danger-s),var(--bulma-danger-50-l))!important}.has-text-danger-50-invert{color:hsl(var(--bulma-danger-h),var(--bulma-danger-s),var(--bulma-danger-50-invert-l))!important}.has-background-danger-50-invert{background-color:hsl(var(--bulma-danger-h),var(--bulma-danger-s),var(--bulma-danger-50-invert-l))!important}.has-text-danger-55{color:hsl(var(--bulma-danger-h),var(--bulma-danger-s),var(--bulma-danger-55-l))!important}.has-background-danger-55{background-color:hsl(var(--bulma-danger-h),var(--bulma-danger-s),var(--bulma-danger-55-l))!important}.has-text-danger-55-invert{color:hsl(var(--bulma-danger-h),var(--bulma-danger-s),var(--bulma-danger-55-invert-l))!important}.has-background-danger-55-invert{background-color:hsl(var(--bulma-danger-h),var(--bulma-danger-s),var(--bulma-danger-55-invert-l))!important}.has-text-danger-60{color:hsl(var(--bulma-danger-h),var(--bulma-danger-s),var(--bulma-danger-60-l))!important}.has-background-danger-60{background-color:hsl(var(--bulma-danger-h),var(--bulma-danger-s),var(--bulma-danger-60-l))!important}.has-text-danger-60-invert{color:hsl(var(--bulma-danger-h),var(--bulma-danger-s),var(--bulma-danger-60-invert-l))!important}.has-background-danger-60-invert{background-color:hsl(var(--bulma-danger-h),var(--bulma-danger-s),var(--bulma-danger-60-invert-l))!important}.has-text-danger-65{color:hsl(var(--bulma-danger-h),var(--bulma-danger-s),var(--bulma-danger-65-l))!important}.has-background-danger-65{background-color:hsl(var(--bulma-danger-h),var(--bulma-danger-s),var(--bulma-danger-65-l))!important}.has-text-danger-65-invert{color:hsl(var(--bulma-danger-h),var(--bulma-danger-s),var(--bulma-danger-65-invert-l))!important}.has-background-danger-65-invert{background-color:hsl(var(--bulma-danger-h),var(--bulma-danger-s),var(--bulma-danger-65-invert-l))!important}.has-text-danger-70{color:hsl(var(--bulma-danger-h),var(--bulma-danger-s),var(--bulma-danger-70-l))!important}.has-background-danger-70{background-color:hsl(var(--bulma-danger-h),var(--bulma-danger-s),var(--bulma-danger-70-l))!important}.has-text-danger-70-invert{color:hsl(var(--bulma-danger-h),var(--bulma-danger-s),var(--bulma-danger-70-invert-l))!important}.has-background-danger-70-invert{background-color:hsl(var(--bulma-danger-h),var(--bulma-danger-s),var(--bulma-danger-70-invert-l))!important}.has-text-danger-75{color:hsl(var(--bulma-danger-h),var(--bulma-danger-s),var(--bulma-danger-75-l))!important}.has-background-danger-75{background-color:hsl(var(--bulma-danger-h),var(--bulma-danger-s),var(--bulma-danger-75-l))!important}.has-text-danger-75-invert{color:hsl(var(--bulma-danger-h),var(--bulma-danger-s),var(--bulma-danger-75-invert-l))!important}.has-background-danger-75-invert{background-color:hsl(var(--bulma-danger-h),var(--bulma-danger-s),var(--bulma-danger-75-invert-l))!important}.has-text-danger-80{color:hsl(var(--bulma-danger-h),var(--bulma-danger-s),var(--bulma-danger-80-l))!important}.has-background-danger-80{background-color:hsl(var(--bulma-danger-h),var(--bulma-danger-s),var(--bulma-danger-80-l))!important}.has-text-danger-80-invert{color:hsl(var(--bulma-danger-h),var(--bulma-danger-s),var(--bulma-danger-80-invert-l))!important}.has-background-danger-80-invert{background-color:hsl(var(--bulma-danger-h),var(--bulma-danger-s),var(--bulma-danger-80-invert-l))!important}.has-text-danger-85{color:hsl(var(--bulma-danger-h),var(--bulma-danger-s),var(--bulma-danger-85-l))!important}.has-background-danger-85{background-color:hsl(var(--bulma-danger-h),var(--bulma-danger-s),var(--bulma-danger-85-l))!important}.has-text-danger-85-invert{color:hsl(var(--bulma-danger-h),var(--bulma-danger-s),var(--bulma-danger-85-invert-l))!important}.has-background-danger-85-invert{background-color:hsl(var(--bulma-danger-h),var(--bulma-danger-s),var(--bulma-danger-85-invert-l))!important}.has-text-danger-90{color:hsl(var(--bulma-danger-h),var(--bulma-danger-s),var(--bulma-danger-90-l))!important}.has-background-danger-90{background-color:hsl(var(--bulma-danger-h),var(--bulma-danger-s),var(--bulma-danger-90-l))!important}.has-text-danger-90-invert{color:hsl(var(--bulma-danger-h),var(--bulma-danger-s),var(--bulma-danger-90-invert-l))!important}.has-background-danger-90-invert{background-color:hsl(var(--bulma-danger-h),var(--bulma-danger-s),var(--bulma-danger-90-invert-l))!important}.has-text-danger-95{color:hsl(var(--bulma-danger-h),var(--bulma-danger-s),var(--bulma-danger-95-l))!important}.has-background-danger-95{background-color:hsl(var(--bulma-danger-h),var(--bulma-danger-s),var(--bulma-danger-95-l))!important}.has-text-danger-95-invert{color:hsl(var(--bulma-danger-h),var(--bulma-danger-s),var(--bulma-danger-95-invert-l))!important}.has-background-danger-95-invert{background-color:hsl(var(--bulma-danger-h),var(--bulma-danger-s),var(--bulma-danger-95-invert-l))!important}.has-text-danger-100{color:hsl(var(--bulma-danger-h),var(--bulma-danger-s),var(--bulma-danger-100-l))!important}.has-background-danger-100{background-color:hsl(var(--bulma-danger-h),var(--bulma-danger-s),var(--bulma-danger-100-l))!important}.has-text-danger-100-invert{color:hsl(var(--bulma-danger-h),var(--bulma-danger-s),var(--bulma-danger-100-invert-l))!important}.has-background-danger-100-invert{background-color:hsl(var(--bulma-danger-h),var(--bulma-danger-s),var(--bulma-danger-100-invert-l))!important}a.has-text-danger:hover,a.has-text-danger:focus-visible,button.has-text-danger:hover,button.has-text-danger:focus-visible,has-text-danger.is-hoverable:hover,has-text-danger.is-hoverable:focus-visible{color:hsl(var(--bulma-danger-h),var(--bulma-danger-s),calc(var(--bulma-danger-l) + var(--bulma-hover-color-l-delta)))!important}a.has-text-danger:active,button.has-text-danger:active,has-text-danger.is-hoverable:active{color:hsl(var(--bulma-danger-h),var(--bulma-danger-s),calc(var(--bulma-danger-l) + var(--bulma-active-color-l-delta)))!important}a.has-background-danger:hover,a.has-background-danger:focus-visible,button.has-background-danger:hover,button.has-background-danger:focus-visible,has-background-danger.is-hoverable:hover,has-background-danger.is-hoverable:focus-visible{background-color:hsl(var(--bulma-danger-h),var(--bulma-danger-s),calc(var(--bulma-danger-l) + var(--bulma-hover-background-l-delta)))!important}a.has-background-danger:active,button.has-background-danger:active,has-background-danger.is-hoverable:active{background-color:hsl(var(--bulma-danger-h),var(--bulma-danger-s),calc(var(--bulma-danger-l) + var(--bulma-active-background-l-delta)))!important}.is-palette-danger{--h:var(--bulma-danger-h);--s:var(--bulma-danger-s);--l:var(--bulma-danger-l);--color:hsl(var(--h),var(--s),var(--l));--00-l:var(--bulma-danger-00-l);--color-00:hsl(var(--h),var(--s),var(--00-l));--05-l:var(--bulma-danger-05-l);--color-05:hsl(var(--h),var(--s),var(--05-l));--10-l:var(--bulma-danger-10-l);--color-10:hsl(var(--h),var(--s),var(--10-l));--15-l:var(--bulma-danger-15-l);--color-15:hsl(var(--h),var(--s),var(--15-l));--20-l:var(--bulma-danger-20-l);--color-20:hsl(var(--h),var(--s),var(--20-l));--25-l:var(--bulma-danger-25-l);--color-25:hsl(var(--h),var(--s),var(--25-l));--30-l:var(--bulma-danger-30-l);--color-30:hsl(var(--h),var(--s),var(--30-l));--35-l:var(--bulma-danger-35-l);--color-35:hsl(var(--h),var(--s),var(--35-l));--40-l:var(--bulma-danger-40-l);--color-40:hsl(var(--h),var(--s),var(--40-l));--45-l:var(--bulma-danger-45-l);--color-45:hsl(var(--h),var(--s),var(--45-l));--50-l:var(--bulma-danger-50-l);--color-50:hsl(var(--h),var(--s),var(--50-l));--55-l:var(--bulma-danger-55-l);--color-55:hsl(var(--h),var(--s),var(--55-l));--60-l:var(--bulma-danger-60-l);--color-60:hsl(var(--h),var(--s),var(--60-l));--65-l:var(--bulma-danger-65-l);--color-65:hsl(var(--h),var(--s),var(--65-l));--70-l:var(--bulma-danger-70-l);--color-70:hsl(var(--h),var(--s),var(--70-l));--75-l:var(--bulma-danger-75-l);--color-75:hsl(var(--h),var(--s),var(--75-l));--80-l:var(--bulma-danger-80-l);--color-80:hsl(var(--h),var(--s),var(--80-l));--85-l:var(--bulma-danger-85-l);--color-85:hsl(var(--h),var(--s),var(--85-l));--90-l:var(--bulma-danger-90-l);--color-90:hsl(var(--h),var(--s),var(--90-l));--95-l:var(--bulma-danger-95-l);--color-95:hsl(var(--h),var(--s),var(--95-l));--100-l:var(--bulma-danger-100-l);--color-100:hsl(var(--h),var(--s),var(--100-l))}.has-text-black-bis{color:#14161a!important}.has-background-black-bis{background-color:#14161a!important}.has-text-black-ter{color:#1f2229!important}.has-background-black-ter{background-color:#1f2229!important}.has-text-grey-darker{color:#2e333d!important}.has-background-grey-darker{background-color:#2e333d!important}.has-text-grey-dark{color:#404654!important}.has-background-grey-dark{background-color:#404654!important}.has-text-grey{color:#69748c!important}.has-background-grey{background-color:#69748c!important}.has-text-grey-light{color:#abb1bf!important}.has-background-grey-light{background-color:#abb1bf!important}.has-text-grey-lighter{color:#d6d9e0!important}.has-background-grey-lighter{background-color:#d6d9e0!important}.has-text-white-ter{color:#f3f4f6!important}.has-background-white-ter{background-color:#f3f4f6!important}.has-text-white-bis{color:#f9fafb!important}.has-background-white-bis{background-color:#f9fafb!important}.has-text-current{color:currentColor!important}.has-text-inherit{color:inherit!important}.has-background-current{background-color:currentColor!important}.has-background-inherit{background-color:inherit!important}.is-flex-direction-row{flex-direction:row!important}.is-flex-direction-row-reverse{flex-direction:row-reverse!important}.is-flex-direction-column{flex-direction:column!important}.is-flex-direction-column-reverse{flex-direction:column-reverse!important}.is-flex-wrap-nowrap{flex-wrap:nowrap!important}.is-flex-wrap-wrap{flex-wrap:wrap!important}.is-flex-wrap-wrap-reverse{flex-wrap:wrap-reverse!important}.is-justify-content-flex-start{justify-content:flex-start!important}.is-justify-content-flex-end{justify-content:flex-end!important}.is-justify-content-center{justify-content:center!important}.is-justify-content-space-between{justify-content:space-between!important}.is-justify-content-space-around{justify-content:space-around!important}.is-justify-content-space-evenly{justify-content:space-evenly!important}.is-justify-content-start{justify-content:start!important}.is-justify-content-end{justify-content:end!important}.is-justify-content-left{justify-content:left!important}.is-justify-content-right{justify-content:right!important}.is-align-content-flex-start{align-content:flex-start!important}.is-align-content-flex-end{align-content:flex-end!important}.is-align-content-center{align-content:center!important}.is-align-content-space-between{align-content:space-between!important}.is-align-content-space-around{align-content:space-around!important}.is-align-content-space-evenly{align-content:space-evenly!important}.is-align-content-stretch{align-content:stretch!important}.is-align-content-start{align-content:start!important}.is-align-content-end{align-content:end!important}.is-align-content-baseline{align-content:baseline!important}.is-align-items-stretch{align-items:stretch!important}.is-align-items-flex-start{align-items:flex-start!important}.is-align-items-flex-end{align-items:flex-end!important}.is-align-items-center{align-items:center!important}.is-align-items-baseline{align-items:baseline!important}.is-align-items-start{align-items:start!important}.is-align-items-end{align-items:end!important}.is-align-items-self-start{align-items:self-start!important}.is-align-items-self-end{align-items:self-end!important}.is-align-self-auto{align-self:auto!important}.is-align-self-flex-start{align-self:flex-start!important}.is-align-self-flex-end{align-self:flex-end!important}.is-align-self-center{align-self:center!important}.is-align-self-baseline{align-self:baseline!important}.is-align-self-stretch{align-self:stretch!important}.is-flex-grow-0{flex-grow:0!important}.is-flex-grow-1{flex-grow:1!important}.is-flex-grow-2{flex-grow:2!important}.is-flex-grow-3{flex-grow:3!important}.is-flex-grow-4{flex-grow:4!important}.is-flex-grow-5{flex-grow:5!important}.is-flex-shrink-0{flex-shrink:0!important}.is-flex-shrink-1{flex-shrink:1!important}.is-flex-shrink-2{flex-shrink:2!important}.is-flex-shrink-3{flex-shrink:3!important}.is-flex-shrink-4{flex-shrink:4!important}.is-flex-shrink-5{flex-shrink:5!important}.is-clearfix:after{clear:both;content:" ";display:table}.is-float-left,.is-pulled-left{float:left!important}.is-float-right,.is-pulled-right{float:right!important}.is-float-none{float:none!important}.is-clear-both{clear:both!important}.is-clear-left{clear:left!important}.is-clear-none{clear:none!important}.is-clear-right{clear:right!important}.is-gapless{gap:0!important}.is-gap-0{gap:0!important}.is-gap-0\.5{gap:.25rem!important}.is-gap-1{gap:.5rem!important}.is-gap-1\.5{gap:.75rem!important}.is-gap-2{gap:1rem!important}.is-gap-2\.5{gap:1.25rem!important}.is-gap-3{gap:1.5rem!important}.is-gap-3\.5{gap:1.75rem!important}.is-gap-4{gap:2rem!important}.is-gap-4\.5{gap:2.25rem!important}.is-gap-5{gap:2.5rem!important}.is-gap-5\.5{gap:2.75rem!important}.is-gap-6{gap:3rem!important}.is-gap-6\.5{gap:3.25rem!important}.is-gap-7{gap:3.5rem!important}.is-gap-7\.5{gap:3.75rem!important}.is-gap-8{gap:4rem!important}.is-column-gap-0{column-gap:0!important}.is-column-gap-0\.5{column-gap:.25rem!important}.is-column-gap-1{column-gap:.5rem!important}.is-column-gap-1\.5{column-gap:.75rem!important}.is-column-gap-2{column-gap:1rem!important}.is-column-gap-2\.5{column-gap:1.25rem!important}.is-column-gap-3{column-gap:1.5rem!important}.is-column-gap-3\.5{column-gap:1.75rem!important}.is-column-gap-4{column-gap:2rem!important}.is-column-gap-4\.5{column-gap:2.25rem!important}.is-column-gap-5{column-gap:2.5rem!important}.is-column-gap-5\.5{column-gap:2.75rem!important}.is-column-gap-6{column-gap:3rem!important}.is-column-gap-6\.5{column-gap:3.25rem!important}.is-column-gap-7{column-gap:3.5rem!important}.is-column-gap-7\.5{column-gap:3.75rem!important}.is-column-gap-8{column-gap:4rem!important}.is-row-gap-0{row-gap:0!important}.is-row-gap-0\.5{row-gap:.25rem!important}.is-row-gap-1{row-gap:.5rem!important}.is-row-gap-1\.5{row-gap:.75rem!important}.is-row-gap-2{row-gap:1rem!important}.is-row-gap-2\.5{row-gap:1.25rem!important}.is-row-gap-3{row-gap:1.5rem!important}.is-row-gap-3\.5{row-gap:1.75rem!important}.is-row-gap-4{row-gap:2rem!important}.is-row-gap-4\.5{row-gap:2.25rem!important}.is-row-gap-5{row-gap:2.5rem!important}.is-row-gap-5\.5{row-gap:2.75rem!important}.is-row-gap-6{row-gap:3rem!important}.is-row-gap-6\.5{row-gap:3.25rem!important}.is-row-gap-7{row-gap:3.5rem!important}.is-row-gap-7\.5{row-gap:3.75rem!important}.is-row-gap-8{row-gap:4rem!important}.is-clipped{overflow:hidden!important}.is-overflow-auto{overflow:auto!important}.is-overflow-x-auto{overflow-x:auto!important}.is-overflow-y-auto{overflow-y:auto!important}.is-overflow-clip{overflow:clip!important}.is-overflow-x-clip{overflow-x:clip!important}.is-overflow-y-clip{overflow-y:clip!important}.is-overflow-hidden{overflow:hidden!important}.is-overflow-x-hidden{overflow-x:hidden!important}.is-overflow-y-hidden{overflow-y:hidden!important}.is-overflow-scroll{overflow:scroll!important}.is-overflow-x-scroll{overflow-x:scroll!important}.is-overflow-y-scroll{overflow-y:scroll!important}.is-overflow-visible{overflow:visible!important}.is-overflow-x-visible{overflow-x:visible!important}.is-overflow-y-visible{overflow-y:visible!important}.is-relative{position:relative!important}.is-position-absolute{position:absolute!important}.is-position-fixed{position:fixed!important}.is-position-relative{position:relative!important}.is-position-static{position:static!important}.is-position-sticky{position:sticky!important}.marginless{margin:0!important}.paddingless{padding:0!important}.m-0{margin:0!important}.mt-0{margin-top:0!important}.mr-0{margin-right:0!important}.mb-0{margin-bottom:0!important}.ml-0{margin-left:0!important}.mx-0{margin-left:0!important;margin-right:0!important}.my-0{margin-top:0!important;margin-bottom:0!important}.m-1{margin:.25rem!important}.mt-1{margin-top:.25rem!important}.mr-1{margin-right:.25rem!important}.mb-1{margin-bottom:.25rem!important}.ml-1{margin-left:.25rem!important}.mx-1{margin-left:.25rem!important;margin-right:.25rem!important}.my-1{margin-top:.25rem!important;margin-bottom:.25rem!important}.m-2{margin:.5rem!important}.mt-2{margin-top:.5rem!important}.mr-2{margin-right:.5rem!important}.mb-2{margin-bottom:.5rem!important}.ml-2{margin-left:.5rem!important}.mx-2{margin-left:.5rem!important;margin-right:.5rem!important}.my-2{margin-top:.5rem!important;margin-bottom:.5rem!important}.m-3{margin:.75rem!important}.mt-3{margin-top:.75rem!important}.mr-3{margin-right:.75rem!important}.mb-3{margin-bottom:.75rem!important}.ml-3{margin-left:.75rem!important}.mx-3{margin-left:.75rem!important;margin-right:.75rem!important}.my-3{margin-top:.75rem!important;margin-bottom:.75rem!important}.m-4{margin:1rem!important}.mt-4{margin-top:1rem!important}.mr-4{margin-right:1rem!important}.mb-4{margin-bottom:1rem!important}.ml-4{margin-left:1rem!important}.mx-4{margin-left:1rem!important;margin-right:1rem!important}.my-4{margin-top:1rem!important;margin-bottom:1rem!important}.m-5{margin:1.5rem!important}.mt-5{margin-top:1.5rem!important}.mr-5{margin-right:1.5rem!important}.mb-5{margin-bottom:1.5rem!important}.ml-5{margin-left:1.5rem!important}.mx-5{margin-left:1.5rem!important;margin-right:1.5rem!important}.my-5{margin-top:1.5rem!important;margin-bottom:1.5rem!important}.m-6{margin:3rem!important}.mt-6{margin-top:3rem!important}.mr-6{margin-right:3rem!important}.mb-6{margin-bottom:3rem!important}.ml-6{margin-left:3rem!important}.mx-6{margin-left:3rem!important;margin-right:3rem!important}.my-6{margin-top:3rem!important;margin-bottom:3rem!important}.m-auto{margin: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}.mx-auto{margin-left:auto!important;margin-right:auto!important}.my-auto{margin-top:auto!important;margin-bottom:auto!important}.p-0{padding:0!important}.pt-0{padding-top:0!important}.pr-0{padding-right:0!important}.pb-0{padding-bottom:0!important}.pl-0{padding-left:0!important}.px-0{padding-left:0!important;padding-right:0!important}.py-0{padding-top:0!important;padding-bottom:0!important}.p-1{padding:.25rem!important}.pt-1{padding-top:.25rem!important}.pr-1{padding-right:.25rem!important}.pb-1{padding-bottom:.25rem!important}.pl-1{padding-left:.25rem!important}.px-1{padding-left:.25rem!important;padding-right:.25rem!important}.py-1{padding-top:.25rem!important;padding-bottom:.25rem!important}.p-2{padding:.5rem!important}.pt-2{padding-top:.5rem!important}.pr-2{padding-right:.5rem!important}.pb-2{padding-bottom:.5rem!important}.pl-2{padding-left:.5rem!important}.px-2{padding-left:.5rem!important;padding-right:.5rem!important}.py-2{padding-top:.5rem!important;padding-bottom:.5rem!important}.p-3{padding:.75rem!important}.pt-3{padding-top:.75rem!important}.pr-3{padding-right:.75rem!important}.pb-3{padding-bottom:.75rem!important}.pl-3{padding-left:.75rem!important}.px-3{padding-left:.75rem!important;padding-right:.75rem!important}.py-3{padding-top:.75rem!important;padding-bottom:.75rem!important}.p-4{padding:1rem!important}.pt-4{padding-top:1rem!important}.pr-4{padding-right:1rem!important}.pb-4{padding-bottom:1rem!important}.pl-4{padding-left:1rem!important}.px-4{padding-left:1rem!important;padding-right:1rem!important}.py-4{padding-top:1rem!important;padding-bottom:1rem!important}.p-5{padding:1.5rem!important}.pt-5{padding-top:1.5rem!important}.pr-5{padding-right:1.5rem!important}.pb-5{padding-bottom:1.5rem!important}.pl-5{padding-left:1.5rem!important}.px-5{padding-left:1.5rem!important;padding-right:1.5rem!important}.py-5{padding-top:1.5rem!important;padding-bottom:1.5rem!important}.p-6{padding:3rem!important}.pt-6{padding-top:3rem!important}.pr-6{padding-right:3rem!important}.pb-6{padding-bottom:3rem!important}.pl-6{padding-left:3rem!important}.px-6{padding-left:3rem!important;padding-right:3rem!important}.py-6{padding-top:3rem!important;padding-bottom:3rem!important}.p-auto{padding:auto!important}.pt-auto{padding-top:auto!important}.pr-auto{padding-right:auto!important}.pb-auto{padding-bottom:auto!important}.pl-auto{padding-left:auto!important}.px-auto{padding-left:auto!important;padding-right:auto!important}.py-auto{padding-top:auto!important;padding-bottom:auto!important}.is-size-1{font-size:3rem!important}.is-size-2{font-size:2.5rem!important}.is-size-3{font-size:2rem!important}.is-size-4{font-size:1.5rem!important}.is-size-5{font-size:1.25rem!important}.is-size-6{font-size:1rem!important}.is-size-7{font-size:.75rem!important}@media screen and (width<=768px){.is-size-1-mobile{font-size:3rem!important}.is-size-2-mobile{font-size:2.5rem!important}.is-size-3-mobile{font-size:2rem!important}.is-size-4-mobile{font-size:1.5rem!important}.is-size-5-mobile{font-size:1.25rem!important}.is-size-6-mobile{font-size:1rem!important}.is-size-7-mobile{font-size:.75rem!important}}@media screen and (width>=769px),print{.is-size-1-tablet{font-size:3rem!important}.is-size-2-tablet{font-size:2.5rem!important}.is-size-3-tablet{font-size:2rem!important}.is-size-4-tablet{font-size:1.5rem!important}.is-size-5-tablet{font-size:1.25rem!important}.is-size-6-tablet{font-size:1rem!important}.is-size-7-tablet{font-size:.75rem!important}}@media screen and (width<=1023px){.is-size-1-touch{font-size:3rem!important}.is-size-2-touch{font-size:2.5rem!important}.is-size-3-touch{font-size:2rem!important}.is-size-4-touch{font-size:1.5rem!important}.is-size-5-touch{font-size:1.25rem!important}.is-size-6-touch{font-size:1rem!important}.is-size-7-touch{font-size:.75rem!important}}@media screen and (width>=1024px){.is-size-1-desktop{font-size:3rem!important}.is-size-2-desktop{font-size:2.5rem!important}.is-size-3-desktop{font-size:2rem!important}.is-size-4-desktop{font-size:1.5rem!important}.is-size-5-desktop{font-size:1.25rem!important}.is-size-6-desktop{font-size:1rem!important}.is-size-7-desktop{font-size:.75rem!important}}@media screen and (width>=1216px){.is-size-1-widescreen{font-size:3rem!important}.is-size-2-widescreen{font-size:2.5rem!important}.is-size-3-widescreen{font-size:2rem!important}.is-size-4-widescreen{font-size:1.5rem!important}.is-size-5-widescreen{font-size:1.25rem!important}.is-size-6-widescreen{font-size:1rem!important}.is-size-7-widescreen{font-size:.75rem!important}}@media screen and (width>=1408px){.is-size-1-fullhd{font-size:3rem!important}.is-size-2-fullhd{font-size:2.5rem!important}.is-size-3-fullhd{font-size:2rem!important}.is-size-4-fullhd{font-size:1.5rem!important}.is-size-5-fullhd{font-size:1.25rem!important}.is-size-6-fullhd{font-size:1rem!important}.is-size-7-fullhd{font-size:.75rem!important}}.has-text-centered{text-align:center!important}.has-text-justified{text-align:justify!important}.has-text-left{text-align:left!important}.has-text-right{text-align:right!important}@media screen and (width<=768px){.has-text-centered-mobile{text-align:center!important}}@media screen and (width>=769px),print{.has-text-centered-tablet{text-align:center!important}}@media screen and (width>=769px) and (width<=1023px){.has-text-centered-tablet-only{text-align:center!important}}@media screen and (width<=1023px){.has-text-centered-touch{text-align:center!important}}@media screen and (width>=1024px){.has-text-centered-desktop{text-align:center!important}}@media screen and (width>=1024px) and (width<=1215px){.has-text-centered-desktop-only{text-align:center!important}}@media screen and (width>=1216px){.has-text-centered-widescreen{text-align:center!important}}@media screen and (width>=1216px) and (width<=1407px){.has-text-centered-widescreen-only{text-align:center!important}}@media screen and (width>=1408px){.has-text-centered-fullhd{text-align:center!important}}@media screen and (width<=768px){.has-text-justified-mobile{text-align:justify!important}}@media screen and (width>=769px),print{.has-text-justified-tablet{text-align:justify!important}}@media screen and (width>=769px) and (width<=1023px){.has-text-justified-tablet-only{text-align:justify!important}}@media screen and (width<=1023px){.has-text-justified-touch{text-align:justify!important}}@media screen and (width>=1024px){.has-text-justified-desktop{text-align:justify!important}}@media screen and (width>=1024px) and (width<=1215px){.has-text-justified-desktop-only{text-align:justify!important}}@media screen and (width>=1216px){.has-text-justified-widescreen{text-align:justify!important}}@media screen and (width>=1216px) and (width<=1407px){.has-text-justified-widescreen-only{text-align:justify!important}}@media screen and (width>=1408px){.has-text-justified-fullhd{text-align:justify!important}}@media screen and (width<=768px){.has-text-left-mobile{text-align:left!important}}@media screen and (width>=769px),print{.has-text-left-tablet{text-align:left!important}}@media screen and (width>=769px) and (width<=1023px){.has-text-left-tablet-only{text-align:left!important}}@media screen and (width<=1023px){.has-text-left-touch{text-align:left!important}}@media screen and (width>=1024px){.has-text-left-desktop{text-align:left!important}}@media screen and (width>=1024px) and (width<=1215px){.has-text-left-desktop-only{text-align:left!important}}@media screen and (width>=1216px){.has-text-left-widescreen{text-align:left!important}}@media screen and (width>=1216px) and (width<=1407px){.has-text-left-widescreen-only{text-align:left!important}}@media screen and (width>=1408px){.has-text-left-fullhd{text-align:left!important}}@media screen and (width<=768px){.has-text-right-mobile{text-align:right!important}}@media screen and (width>=769px),print{.has-text-right-tablet{text-align:right!important}}@media screen and (width>=769px) and (width<=1023px){.has-text-right-tablet-only{text-align:right!important}}@media screen and (width<=1023px){.has-text-right-touch{text-align:right!important}}@media screen and (width>=1024px){.has-text-right-desktop{text-align:right!important}}@media screen and (width>=1024px) and (width<=1215px){.has-text-right-desktop-only{text-align:right!important}}@media screen and (width>=1216px){.has-text-right-widescreen{text-align:right!important}}@media screen and (width>=1216px) and (width<=1407px){.has-text-right-widescreen-only{text-align:right!important}}@media screen and (width>=1408px){.has-text-right-fullhd{text-align:right!important}}.is-capitalized{text-transform:capitalize!important}.is-lowercase{text-transform:lowercase!important}.is-uppercase{text-transform:uppercase!important}.is-italic{font-style:italic!important}.is-underlined{text-decoration:underline!important}.has-text-weight-light{font-weight:300!important}.has-text-weight-normal{font-weight:400!important}.has-text-weight-medium{font-weight:500!important}.has-text-weight-semibold{font-weight:600!important}.has-text-weight-bold{font-weight:700!important}.is-family-primary,.is-family-secondary,.is-family-sans-serif{font-family:Inter,SF Pro,Segoe UI,Roboto,Oxygen,Ubuntu,Helvetica Neue,Helvetica,Arial,sans-serif!important}.is-family-monospace,.is-family-code{font-family:Inconsolata,Hack,SF Mono,Roboto Mono,Source Code Pro,Ubuntu Mono,monospace!important}.is-display-none,.is-hidden{display:none!important}.is-display-block,.is-block{display:block!important}@media screen and (width<=768px){.is-display-block-mobile,.is-block-mobile{display:block!important}}@media screen and (width>=769px),print{.is-display-block-tablet,.is-block-tablet{display:block!important}}@media screen and (width>=769px) and (width<=1023px){.is-display-block-tablet-only,.is-block-tablet-only{display:block!important}}@media screen and (width<=1023px){.is-display-block-touch,.is-block-touch{display:block!important}}@media screen and (width>=1024px){.is-display-block-desktop,.is-block-desktop{display:block!important}}@media screen and (width>=1024px) and (width<=1215px){.is-display-block-desktop-only,.is-block-desktop-only{display:block!important}}@media screen and (width>=1216px){.is-display-block-widescreen,.is-block-widescreen{display:block!important}}@media screen and (width>=1216px) and (width<=1407px){.is-display-block-widescreen-only,.is-block-widescreen-only{display:block!important}}@media screen and (width>=1408px){.is-display-block-fullhd,.is-block-fullhd{display:block!important}}.is-display-flex,.is-flex{display:flex!important}@media screen and (width<=768px){.is-display-flex-mobile,.is-flex-mobile{display:flex!important}}@media screen and (width>=769px),print{.is-display-flex-tablet,.is-flex-tablet{display:flex!important}}@media screen and (width>=769px) and (width<=1023px){.is-display-flex-tablet-only,.is-flex-tablet-only{display:flex!important}}@media screen and (width<=1023px){.is-display-flex-touch,.is-flex-touch{display:flex!important}}@media screen and (width>=1024px){.is-display-flex-desktop,.is-flex-desktop{display:flex!important}}@media screen and (width>=1024px) and (width<=1215px){.is-display-flex-desktop-only,.is-flex-desktop-only{display:flex!important}}@media screen and (width>=1216px){.is-display-flex-widescreen,.is-flex-widescreen{display:flex!important}}@media screen and (width>=1216px) and (width<=1407px){.is-display-flex-widescreen-only,.is-flex-widescreen-only{display:flex!important}}@media screen and (width>=1408px){.is-display-flex-fullhd,.is-flex-fullhd{display:flex!important}}.is-display-inline,.is-inline{display:inline!important}@media screen and (width<=768px){.is-display-inline-mobile,.is-inline-mobile{display:inline!important}}@media screen and (width>=769px),print{.is-display-inline-tablet,.is-inline-tablet{display:inline!important}}@media screen and (width>=769px) and (width<=1023px){.is-display-inline-tablet-only,.is-inline-tablet-only{display:inline!important}}@media screen and (width<=1023px){.is-display-inline-touch,.is-inline-touch{display:inline!important}}@media screen and (width>=1024px){.is-display-inline-desktop,.is-inline-desktop{display:inline!important}}@media screen and (width>=1024px) and (width<=1215px){.is-display-inline-desktop-only,.is-inline-desktop-only{display:inline!important}}@media screen and (width>=1216px){.is-display-inline-widescreen,.is-inline-widescreen{display:inline!important}}@media screen and (width>=1216px) and (width<=1407px){.is-display-inline-widescreen-only,.is-inline-widescreen-only{display:inline!important}}@media screen and (width>=1408px){.is-display-inline-fullhd,.is-inline-fullhd{display:inline!important}}.is-display-inline-block,.is-inline-block{display:inline-block!important}@media screen and (width<=768px){.is-display-inline-block-mobile,.is-inline-block-mobile{display:inline-block!important}}@media screen and (width>=769px),print{.is-display-inline-block-tablet,.is-inline-block-tablet{display:inline-block!important}}@media screen and (width>=769px) and (width<=1023px){.is-display-inline-block-tablet-only,.is-inline-block-tablet-only{display:inline-block!important}}@media screen and (width<=1023px){.is-display-inline-block-touch,.is-inline-block-touch{display:inline-block!important}}@media screen and (width>=1024px){.is-display-inline-block-desktop,.is-inline-block-desktop{display:inline-block!important}}@media screen and (width>=1024px) and (width<=1215px){.is-display-inline-block-desktop-only,.is-inline-block-desktop-only{display:inline-block!important}}@media screen and (width>=1216px){.is-display-inline-block-widescreen,.is-inline-block-widescreen{display:inline-block!important}}@media screen and (width>=1216px) and (width<=1407px){.is-display-inline-block-widescreen-only,.is-inline-block-widescreen-only{display:inline-block!important}}@media screen and (width>=1408px){.is-display-inline-block-fullhd,.is-inline-block-fullhd{display:inline-block!important}}.is-display-inline-flex,.is-inline-flex{display:inline-flex!important}@media screen and (width<=768px){.is-display-inline-flex-mobile,.is-inline-flex-mobile{display:inline-flex!important}}@media screen and (width>=769px),print{.is-display-inline-flex-tablet,.is-inline-flex-tablet{display:inline-flex!important}}@media screen and (width>=769px) and (width<=1023px){.is-display-inline-flex-tablet-only,.is-inline-flex-tablet-only{display:inline-flex!important}}@media screen and (width<=1023px){.is-display-inline-flex-touch,.is-inline-flex-touch{display:inline-flex!important}}@media screen and (width>=1024px){.is-display-inline-flex-desktop,.is-inline-flex-desktop{display:inline-flex!important}}@media screen and (width>=1024px) and (width<=1215px){.is-display-inline-flex-desktop-only,.is-inline-flex-desktop-only{display:inline-flex!important}}@media screen and (width>=1216px){.is-display-inline-flex-widescreen,.is-inline-flex-widescreen{display:inline-flex!important}}@media screen and (width>=1216px) and (width<=1407px){.is-display-inline-flex-widescreen-only,.is-inline-flex-widescreen-only{display:inline-flex!important}}@media screen and (width>=1408px){.is-display-inline-flex-fullhd,.is-inline-flex-fullhd{display:inline-flex!important}}.is-display-grid,.is-grid{display:grid!important}@media screen and (width<=768px){.is-display-grid-mobile,.is-grid-mobile{display:grid!important}}@media screen and (width>=769px),print{.is-display-grid-tablet,.is-grid-tablet{display:grid!important}}@media screen and (width>=769px) and (width<=1023px){.is-display-grid-tablet-only,.is-grid-tablet-only{display:grid!important}}@media screen and (width<=1023px){.is-display-grid-touch,.is-grid-touch{display:grid!important}}@media screen and (width>=1024px){.is-display-grid-desktop,.is-grid-desktop{display:grid!important}}@media screen and (width>=1024px) and (width<=1215px){.is-display-grid-desktop-only,.is-grid-desktop-only{display:grid!important}}@media screen and (width>=1216px){.is-display-grid-widescreen,.is-grid-widescreen{display:grid!important}}@media screen and (width>=1216px) and (width<=1407px){.is-display-grid-widescreen-only,.is-grid-widescreen-only{display:grid!important}}@media screen and (width>=1408px){.is-display-grid-fullhd,.is-grid-fullhd{display:grid!important}}.is-sr-only{clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:none!important;width:.01em!important;height:.01em!important;padding:0!important;position:absolute!important;overflow:hidden!important}@media screen and (width<=768px){.is-display-none-mobile,.is-hidden-mobile{display:none!important}}@media screen and (width>=769px),print{.is-display-none-tablet,.is-hidden-tablet{display:none!important}}@media screen and (width>=769px) and (width<=1023px){.is-display-none-tablet-only,.is-hidden-tablet-only{display:none!important}}@media screen and (width<=1023px){.is-display-none-touch,.is-hidden-touch{display:none!important}}@media screen and (width>=1024px){.is-display-none-desktop,.is-hidden-desktop{display:none!important}}@media screen and (width>=1024px) and (width<=1215px){.is-display-none-desktop-only,.is-hidden-desktop-only{display:none!important}}@media screen and (width>=1216px){.is-display-none-widescreen,.is-hidden-widescreen{display:none!important}}@media screen and (width>=1216px) and (width<=1407px){.is-display-none-widescreen-only,.is-hidden-widescreen-only{display:none!important}}@media screen and (width>=1408px){.is-display-none-fullhd,.is-hidden-fullhd{display:none!important}}.is-visibility-hidden,.is-invisible{visibility:hidden!important}@media screen and (width<=768px){.is-visibility-hidden-mobile,.is-invisible-mobile{visibility:hidden!important}}@media screen and (width>=769px),print{.is-visibility-hidden-tablet,.is-invisible-tablet{visibility:hidden!important}}@media screen and (width>=769px) and (width<=1023px){.is-visibility-hidden-tablet-only,.is-invisible-tablet-only{visibility:hidden!important}}@media screen and (width<=1023px){.is-visibility-hidden-touch,.is-invisible-touch{visibility:hidden!important}}@media screen and (width>=1024px){.is-visibility-hidden-desktop,.is-invisible-desktop{visibility:hidden!important}}@media screen and (width>=1024px) and (width<=1215px){.is-visibility-hidden-desktop-only,.is-invisible-desktop-only{visibility:hidden!important}}@media screen and (width>=1216px){.is-visibility-hidden-widescreen,.is-invisible-widescreen{visibility:hidden!important}}@media screen and (width>=1216px) and (width<=1407px){.is-visibility-hidden-widescreen-only,.is-invisible-widescreen-only{visibility:hidden!important}}@media screen and (width>=1408px){.is-visibility-hidden-fullhd,.is-invisible-fullhd{visibility:hidden!important}}.is-radiusless{border-radius:0!important}.is-shadowless{box-shadow:none!important}.is-clickable{cursor:pointer!important;pointer-events:all!important} \ No newline at end of file diff --git a/test/js/bun/css/files/foundation.css b/test/js/bun/css/files/foundation.css new file mode 100644 index 0000000000..14d322a5ce --- /dev/null +++ b/test/js/bun/css/files/foundation.css @@ -0,0 +1,6902 @@ +@charset "UTF-8"; +/** + * Foundation for Sites + * Version 6.9.0 + * https://get.foundation + * Licensed under MIT Open Source + */ +@media print, screen and (min-width: 40em) { + .reveal.large, .reveal.small, .reveal.tiny, .reveal { + right: auto; + left: auto; + margin: 0 auto; + } +} +/*! normalize.css v8.0.0 | MIT License | github.com/necolas/normalize.css */ +html { + line-height: 1.15; + -webkit-text-size-adjust: 100%; +} + +body { + margin: 0; +} + +h1 { + font-size: 2em; + margin: 0.67em 0; +} + +hr { + -webkit-box-sizing: content-box; + box-sizing: content-box; + height: 0; + overflow: visible; +} + +pre { + font-family: monospace, monospace; + font-size: 1em; +} + +a { + background-color: transparent; +} + +abbr[title] { + border-bottom: 0; + -webkit-text-decoration: underline dotted; + text-decoration: underline dotted; +} + +b, +strong { + font-weight: bolder; +} + +code, +kbd, +samp { + font-family: monospace, 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: 1.15; + margin: 0; +} + +button, +input { + overflow: visible; +} + +button, +select { + text-transform: none; +} + +button, +[type=button], +[type=reset], +[type=submit] { + -webkit-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 { + -webkit-box-sizing: border-box; + 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] { + -webkit-box-sizing: border-box; + box-sizing: border-box; + padding: 0; +} + +[type=number]::-webkit-inner-spin-button, +[type=number]::-webkit-outer-spin-button { + height: auto; +} + +[type=search] { + -webkit-appearance: textfield; + outline-offset: -2px; +} + +[type=search]::-webkit-search-decoration { + -webkit-appearance: none; +} + +::-webkit-file-upload-button { + -webkit-appearance: button; + font: inherit; +} + +details { + display: block; +} + +summary { + display: list-item; +} + +template { + display: none; +} + +[hidden] { + display: none; +} + +[data-whatintent=mouse] *, [data-whatintent=mouse] *:focus, +[data-whatintent=touch] *, +[data-whatintent=touch] *:focus, +[data-whatinput=mouse] *, +[data-whatinput=mouse] *:focus, +[data-whatinput=touch] *, +[data-whatinput=touch] *:focus { + outline: none; +} + +[draggable=false] { + -webkit-touch-callout: none; + -webkit-user-select: none; +} + +.foundation-mq { + font-family: "small=0em&medium=40em&large=64em&xlarge=75em&xxlarge=90em"; +} + +html { + -webkit-box-sizing: border-box; + box-sizing: border-box; + font-size: 100%; +} + +*, +*::before, +*::after { + -webkit-box-sizing: inherit; + box-sizing: inherit; +} + +body { + margin: 0; + padding: 0; + background: #fefefe; + font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif; + font-weight: normal; + line-height: 1.5; + color: #0a0a0a; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; +} + +img { + display: inline-block; + vertical-align: middle; + max-width: 100%; + height: auto; + -ms-interpolation-mode: bicubic; +} + +textarea { + height: auto; + min-height: 50px; + border-radius: 0; +} + +select { + -webkit-box-sizing: border-box; + box-sizing: border-box; + width: 100%; + border-radius: 0; +} + +.map_canvas img, +.map_canvas embed, +.map_canvas object, +.mqa-display img, +.mqa-display embed, +.mqa-display object { + max-width: none !important; +} + +button { + padding: 0; + -webkit-appearance: none; + -moz-appearance: none; + appearance: none; + border: 0; + border-radius: 0; + background: transparent; + line-height: 1; + cursor: auto; +} +[data-whatinput=mouse] button { + outline: 0; +} + +pre { + overflow: auto; + -webkit-overflow-scrolling: touch; +} + +button, +input, +optgroup, +select, +textarea { + font-family: inherit; +} + +.is-visible { + display: block !important; +} + +.is-hidden { + display: none !important; +} + +[type=text], [type=password], [type=date], [type=datetime], [type=datetime-local], [type=month], [type=week], [type=email], [type=number], [type=search], [type=tel], [type=time], [type=url], [type=color], +textarea { + -webkit-appearance: none; + -moz-appearance: none; + appearance: none; + display: block; + -webkit-box-sizing: border-box; + box-sizing: border-box; + width: 100%; + height: 2.4375rem; + margin: 0 0 1rem; + padding: 0.5rem; + border: 1px solid #cacaca; + border-radius: 0; + background-color: #fefefe; + -webkit-box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.1); + box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.1); + font-family: inherit; + font-size: 1rem; + font-weight: normal; + line-height: 1.5; + color: #0a0a0a; + -webkit-transition: border-color 0.25s ease-in-out, -webkit-box-shadow 0.5s; + transition: border-color 0.25s ease-in-out, -webkit-box-shadow 0.5s; + transition: box-shadow 0.5s, border-color 0.25s ease-in-out; + transition: box-shadow 0.5s, border-color 0.25s ease-in-out, -webkit-box-shadow 0.5s; +} +[type=text]:focus, [type=password]:focus, [type=date]:focus, [type=datetime]:focus, [type=datetime-local]:focus, [type=month]:focus, [type=week]:focus, [type=email]:focus, [type=number]:focus, [type=search]:focus, [type=tel]:focus, [type=time]:focus, [type=url]:focus, [type=color]:focus, +textarea:focus { + outline: none; + border: 1px solid #8a8a8a; + background-color: #fefefe; + -webkit-box-shadow: 0 0 5px #cacaca; + box-shadow: 0 0 5px #cacaca; + -webkit-transition: border-color 0.25s ease-in-out, -webkit-box-shadow 0.5s; + transition: border-color 0.25s ease-in-out, -webkit-box-shadow 0.5s; + transition: box-shadow 0.5s, border-color 0.25s ease-in-out; + transition: box-shadow 0.5s, border-color 0.25s ease-in-out, -webkit-box-shadow 0.5s; +} + +textarea { + max-width: 100%; +} +textarea[rows] { + height: auto; +} + +input:disabled, input[readonly], +textarea:disabled, +textarea[readonly] { + background-color: #e6e6e6; + cursor: not-allowed; +} + +[type=submit], +[type=button] { + -webkit-appearance: none; + -moz-appearance: none; + appearance: none; + border-radius: 0; +} + +input[type=search] { + -webkit-box-sizing: border-box; + box-sizing: border-box; +} + +::-webkit-input-placeholder { + color: #cacaca; +} + +::-moz-placeholder { + color: #cacaca; +} + +:-ms-input-placeholder { + color: #cacaca; +} + +::-ms-input-placeholder { + color: #cacaca; +} + +::placeholder { + color: #cacaca; +} + +[type=file], +[type=checkbox], +[type=radio] { + margin: 0 0 1rem; +} + +[type=checkbox] + label, +[type=radio] + label { + display: inline-block; + vertical-align: baseline; + margin-left: 0.5rem; + margin-right: 1rem; + margin-bottom: 0; +} +[type=checkbox] + label[for], +[type=radio] + label[for] { + cursor: pointer; +} + +label > [type=checkbox], +label > [type=radio] { + margin-right: 0.5rem; +} + +[type=file] { + width: 100%; +} + +label { + display: block; + margin: 0; + font-size: 0.875rem; + font-weight: normal; + line-height: 1.8; + color: #0a0a0a; +} +label.middle { + margin: 0 0 1rem; + line-height: 1.5; + padding: 0.5625rem 0; +} + +.help-text { + margin-top: -0.5rem; + font-size: 0.8125rem; + font-style: italic; + color: #0a0a0a; +} + +.input-group { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + width: 100%; + margin-bottom: 1rem; + -webkit-box-align: stretch; + -ms-flex-align: stretch; + align-items: stretch; +} +.input-group > :first-child, .input-group > :first-child.input-group-button > * { + border-radius: 0 0 0 0; +} +.input-group > :last-child, .input-group > :last-child.input-group-button > * { + border-radius: 0 0 0 0; +} + +.input-group-button a, +.input-group-button input, +.input-group-button button, +.input-group-button label, .input-group-button, .input-group-field, .input-group-label { + margin: 0; + white-space: nowrap; +} + +.input-group-label { + padding: 0 1rem; + border: 1px solid #cacaca; + background: #e6e6e6; + color: #0a0a0a; + text-align: center; + white-space: nowrap; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-flex: 0; + -ms-flex: 0 0 auto; + flex: 0 0 auto; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; +} +.input-group-label:first-child { + border-right: 0; +} +.input-group-label:last-child { + border-left: 0; +} + +.input-group-field { + border-radius: 0; + -webkit-box-flex: 1; + -ms-flex: 1 1 0px; + flex: 1 1 0px; + min-width: 0; +} + +.input-group-button { + padding-top: 0; + padding-bottom: 0; + text-align: center; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-flex: 0; + -ms-flex: 0 0 auto; + flex: 0 0 auto; +} +.input-group-button a, +.input-group-button input, +.input-group-button button, +.input-group-button label { + -ms-flex-item-align: stretch; + align-self: stretch; + height: auto; + padding-top: 0; + padding-bottom: 0; + font-size: 1rem; +} + +fieldset { + margin: 0; + padding: 0; + border: 0; +} + +legend { + max-width: 100%; + margin-bottom: 0.5rem; +} + +.fieldset { + margin: 1.125rem 0; + padding: 1.25rem; + border: 1px solid #cacaca; +} +.fieldset legend { + margin: 0; + margin-left: -0.1875rem; + padding: 0 0.1875rem; +} + +select { + height: 2.4375rem; + margin: 0 0 1rem; + padding: 0.5rem; + -webkit-appearance: none; + -moz-appearance: none; + appearance: none; + border: 1px solid #cacaca; + border-radius: 0; + background-color: #fefefe; + font-family: inherit; + font-size: 1rem; + font-weight: normal; + line-height: 1.5; + color: #0a0a0a; + -webkit-transition: border-color 0.25s ease-in-out, -webkit-box-shadow 0.5s; + transition: border-color 0.25s ease-in-out, -webkit-box-shadow 0.5s; + transition: box-shadow 0.5s, border-color 0.25s ease-in-out; + transition: box-shadow 0.5s, border-color 0.25s ease-in-out, -webkit-box-shadow 0.5s; + background-origin: content-box; + background-position: right -1rem center; + background-repeat: no-repeat; + background-size: 9px 6px; + padding-right: 1.5rem; + background-image: url('data:image/svg+xml;utf8,'); +} +/* @zackradisic: purposefully removed this because it's a stupid old IE hack */ +/* @media screen and (min-width: 0\0 ) { + select { + background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAYCAYAAACbU/80AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAIpJREFUeNrEkckNgDAMBBfRkEt0ObRBBdsGXUDgmQfK4XhH2m8czQAAy27R3tsw4Qfe2x8uOO6oYLb6GlOor3GF+swURAOmUJ+RwtEJs9WvTGEYxBXqI1MQAZhCfUQKRzDMVj+TwrAIV6jvSUEkYAr1LSkcyTBb/V+KYfX7xAeusq3sLDtGH3kEGACPWIflNZfhRQAAAABJRU5ErkJggg=="); + } +} */ +select:focus { + outline: none; + border: 1px solid #8a8a8a; + background-color: #fefefe; + -webkit-box-shadow: 0 0 5px #cacaca; + box-shadow: 0 0 5px #cacaca; + -webkit-transition: border-color 0.25s ease-in-out, -webkit-box-shadow 0.5s; + transition: border-color 0.25s ease-in-out, -webkit-box-shadow 0.5s; + transition: box-shadow 0.5s, border-color 0.25s ease-in-out; + transition: box-shadow 0.5s, border-color 0.25s ease-in-out, -webkit-box-shadow 0.5s; +} +select:disabled { + background-color: #e6e6e6; + cursor: not-allowed; +} +select::-ms-expand { + display: none; +} +select[multiple] { + height: auto; + background-image: none; +} +select:not([multiple]) { + padding-top: 0; + padding-bottom: 0; +} + +.is-invalid-input:not(:focus) { + border-color: #cc4b37; + background-color: rgb(249, 236.1, 234.1); +} +.is-invalid-input:not(:focus)::-webkit-input-placeholder { + color: #cc4b37; +} +.is-invalid-input:not(:focus)::-moz-placeholder { + color: #cc4b37; +} +.is-invalid-input:not(:focus):-ms-input-placeholder { + color: #cc4b37; +} +.is-invalid-input:not(:focus)::-ms-input-placeholder { + color: #cc4b37; +} +.is-invalid-input:not(:focus)::placeholder { + color: #cc4b37; +} + +.is-invalid-label { + color: #cc4b37; +} + +.form-error { + display: none; + margin-top: -0.5rem; + margin-bottom: 1rem; + font-size: 0.75rem; + font-weight: bold; + color: #cc4b37; +} +.form-error.is-visible { + display: block; +} + +div, +dl, +dt, +dd, +ul, +ol, +li, +h1, +h2, +h3, +h4, +h5, +h6, +pre, +form, +p, +blockquote, +th, +td { + margin: 0; + padding: 0; +} + +p { + margin-bottom: 1rem; + font-size: inherit; + line-height: 1.6; + text-rendering: optimizeLegibility; +} + +em, +i { + font-style: italic; + line-height: inherit; +} + +strong, +b { + font-weight: bold; + line-height: inherit; +} + +small { + font-size: 80%; + line-height: inherit; +} + +h1, .h1, +h2, .h2, +h3, .h3, +h4, .h4, +h5, .h5, +h6, .h6 { + font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif; + font-style: normal; + font-weight: normal; + color: inherit; + text-rendering: optimizeLegibility; +} +h1 small, .h1 small, +h2 small, .h2 small, +h3 small, .h3 small, +h4 small, .h4 small, +h5 small, .h5 small, +h6 small, .h6 small { + line-height: 0; + color: #cacaca; +} + +h1, .h1 { + font-size: 1.5rem; + line-height: 1.4; + margin-top: 0; + margin-bottom: 0.5rem; +} + +h2, .h2 { + font-size: 1.25rem; + line-height: 1.4; + margin-top: 0; + margin-bottom: 0.5rem; +} + +h3, .h3 { + font-size: 1.1875rem; + line-height: 1.4; + margin-top: 0; + margin-bottom: 0.5rem; +} + +h4, .h4 { + font-size: 1.125rem; + line-height: 1.4; + margin-top: 0; + margin-bottom: 0.5rem; +} + +h5, .h5 { + font-size: 1.0625rem; + line-height: 1.4; + margin-top: 0; + margin-bottom: 0.5rem; +} + +h6, .h6 { + font-size: 1rem; + line-height: 1.4; + margin-top: 0; + margin-bottom: 0.5rem; +} + +@media print, screen and (min-width: 40em) { + h1, .h1 { + font-size: 3rem; + } + h2, .h2 { + font-size: 2.5rem; + } + h3, .h3 { + font-size: 1.9375rem; + } + h4, .h4 { + font-size: 1.5625rem; + } + h5, .h5 { + font-size: 1.25rem; + } + h6, .h6 { + font-size: 1rem; + } +} +a { + line-height: inherit; + color: #1779ba; + text-decoration: none; + cursor: pointer; +} +a:hover, a:focus { + color: rgb(19.78, 104.06, 159.96); +} +a img { + border: 0; +} + +hr { + clear: both; + max-width: 75rem; + height: 0; + margin: 1.25rem auto; + border-top: 0; + border-right: 0; + border-bottom: 1px solid #cacaca; + border-left: 0; +} + +ul, +ol, +dl { + margin-bottom: 1rem; + list-style-position: outside; + line-height: 1.6; +} + +li { + font-size: inherit; +} + +ul { + margin-left: 1.25rem; + list-style-type: disc; +} + +ol { + margin-left: 1.25rem; +} + +ul ul, ul ol, ol ul, ol ol { + margin-left: 1.25rem; + margin-bottom: 0; +} + +dl { + margin-bottom: 1rem; +} +dl dt { + margin-bottom: 0.3rem; + font-weight: bold; +} + +blockquote { + margin: 0 0 1rem; + padding: 0.5625rem 1.25rem 0 1.1875rem; + border-left: 1px solid #cacaca; +} +blockquote, blockquote p { + line-height: 1.6; + color: #8a8a8a; +} + +abbr, abbr[title] { + border-bottom: 1px dotted #0a0a0a; + cursor: help; + text-decoration: none; +} + +figure { + margin: 0; +} + +kbd { + margin: 0; + padding: 0.125rem 0.25rem 0; + background-color: #e6e6e6; + font-family: Consolas, "Liberation Mono", Courier, monospace; + color: #0a0a0a; +} + +.subheader { + margin-top: 0.2rem; + margin-bottom: 0.5rem; + font-weight: normal; + line-height: 1.4; + color: #8a8a8a; +} + +.lead { + font-size: 125%; + line-height: 1.6; +} + +.stat { + font-size: 2.5rem; + line-height: 1; +} +p + .stat { + margin-top: -1rem; +} + +ul.no-bullet, ol.no-bullet { + margin-left: 0; + list-style: none; +} + +.cite-block, cite { + display: block; + color: #8a8a8a; + font-size: 0.8125rem; +} +.cite-block:before, cite:before { + content: "— "; +} + +.code-inline, code { + border: 1px solid #cacaca; + background-color: #e6e6e6; + font-family: Consolas, "Liberation Mono", Courier, monospace; + font-weight: normal; + color: #0a0a0a; + display: inline; + max-width: 100%; + word-wrap: break-word; + padding: 0.125rem 0.3125rem 0.0625rem; +} + +.code-block { + border: 1px solid #cacaca; + background-color: #e6e6e6; + font-family: Consolas, "Liberation Mono", Courier, monospace; + font-weight: normal; + color: #0a0a0a; + display: block; + overflow: auto; + white-space: pre; + padding: 1rem; + margin-bottom: 1.5rem; +} + +.text-left { + text-align: left; +} + +.text-right { + text-align: right; +} + +.text-center { + text-align: center; +} + +.text-justify { + text-align: justify; +} + +@media print, screen and (min-width: 40em) { + .medium-text-left { + text-align: left; + } + .medium-text-right { + text-align: right; + } + .medium-text-center { + text-align: center; + } + .medium-text-justify { + text-align: justify; + } +} +@media print, screen and (min-width: 64em) { + .large-text-left { + text-align: left; + } + .large-text-right { + text-align: right; + } + .large-text-center { + text-align: center; + } + .large-text-justify { + text-align: justify; + } +} +.show-for-print { + display: none !important; +} + +@media print { + * { + background: transparent !important; + color: black !important; + -webkit-print-color-adjust: economy; + print-color-adjust: economy; + -webkit-box-shadow: none !important; + box-shadow: none !important; + text-shadow: none !important; + } + .show-for-print { + display: block !important; + } + .hide-for-print { + display: none !important; + } + table.show-for-print { + display: table !important; + } + thead.show-for-print { + display: table-header-group !important; + } + tbody.show-for-print { + display: table-row-group !important; + } + tr.show-for-print { + display: table-row !important; + } + td.show-for-print { + display: table-cell !important; + } + th.show-for-print { + display: table-cell !important; + } + a, + a:visited { + text-decoration: underline; + } + a[href]:after { + content: " (" attr(href) ")"; + } + .ir a:after, + a[href^="javascript:"]:after, + a[href^="#"]:after { + content: ""; + } + abbr[title]:after { + content: " (" attr(title) ")"; + } + pre, + blockquote { + border: 1px solid #8a8a8a; + page-break-inside: avoid; + } + thead { + display: table-header-group; + } + tr, + img { + page-break-inside: avoid; + } + img { + max-width: 100% !important; + } + @page { + margin: 0.5cm; + } + p, + h2, + h3 { + orphans: 3; + widows: 3; + } + h2, + h3 { + page-break-after: avoid; + } + .print-break-inside { + page-break-inside: auto; + } +} +.grid-container { + max-width: 75rem; + margin-left: auto; + margin-right: auto; + padding-right: 0.625rem; + padding-left: 0.625rem; +} +@media print, screen and (min-width: 40em) { + .grid-container { + padding-right: 0.9375rem; + padding-left: 0.9375rem; + } +} +.grid-container.fluid { + max-width: 100%; + margin-left: auto; + margin-right: auto; + padding-right: 0.625rem; + padding-left: 0.625rem; +} +@media print, screen and (min-width: 40em) { + .grid-container.fluid { + padding-right: 0.9375rem; + padding-left: 0.9375rem; + } +} +.grid-container.full { + max-width: 100%; + margin-left: auto; + margin-right: auto; + padding-right: 0; + padding-left: 0; +} + +.grid-x { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: horizontal; + -webkit-box-direction: normal; + -ms-flex-flow: row wrap; + flex-flow: row wrap; +} + +.cell { + -webkit-box-flex: 0; + -ms-flex: 0 0 auto; + flex: 0 0 auto; + min-height: 0; + min-width: 0; + width: 100%; +} +.cell.auto { + -webkit-box-flex: 1; + -ms-flex: 1 1 0px; + flex: 1 1 0; +} +.cell.shrink { + -webkit-box-flex: 0; + -ms-flex: 0 0 auto; + flex: 0 0 auto; +} + +.grid-x > .auto { + width: auto; +} +.grid-x > .shrink { + width: auto; +} + +.grid-x > .small-shrink, .grid-x > .small-full, .grid-x > .small-1, .grid-x > .small-2, .grid-x > .small-3, .grid-x > .small-4, .grid-x > .small-5, .grid-x > .small-6, .grid-x > .small-7, .grid-x > .small-8, .grid-x > .small-9, .grid-x > .small-10, .grid-x > .small-11, .grid-x > .small-12 { + -ms-flex-preferred-size: auto; + flex-basis: auto; +} + +@media print, screen and (min-width: 40em) { + .grid-x > .medium-shrink, .grid-x > .medium-full, .grid-x > .medium-1, .grid-x > .medium-2, .grid-x > .medium-3, .grid-x > .medium-4, .grid-x > .medium-5, .grid-x > .medium-6, .grid-x > .medium-7, .grid-x > .medium-8, .grid-x > .medium-9, .grid-x > .medium-10, .grid-x > .medium-11, .grid-x > .medium-12 { + -ms-flex-preferred-size: auto; + flex-basis: auto; + } +} +@media print, screen and (min-width: 64em) { + .grid-x > .large-shrink, .grid-x > .large-full, .grid-x > .large-1, .grid-x > .large-2, .grid-x > .large-3, .grid-x > .large-4, .grid-x > .large-5, .grid-x > .large-6, .grid-x > .large-7, .grid-x > .large-8, .grid-x > .large-9, .grid-x > .large-10, .grid-x > .large-11, .grid-x > .large-12 { + -ms-flex-preferred-size: auto; + flex-basis: auto; + } +} +.grid-x > .small-12, .grid-x > .small-11, .grid-x > .small-10, .grid-x > .small-9, .grid-x > .small-8, .grid-x > .small-7, .grid-x > .small-6, .grid-x > .small-5, .grid-x > .small-4, .grid-x > .small-3, .grid-x > .small-2, .grid-x > .small-1 { + -webkit-box-flex: 0; + -ms-flex: 0 0 auto; + flex: 0 0 auto; +} + +.grid-x > .small-1 { + width: 8.3333333333%; +} + +.grid-x > .small-2 { + width: 16.6666666667%; +} + +.grid-x > .small-3 { + width: 25%; +} + +.grid-x > .small-4 { + width: 33.3333333333%; +} + +.grid-x > .small-5 { + width: 41.6666666667%; +} + +.grid-x > .small-6 { + width: 50%; +} + +.grid-x > .small-7 { + width: 58.3333333333%; +} + +.grid-x > .small-8 { + width: 66.6666666667%; +} + +.grid-x > .small-9 { + width: 75%; +} + +.grid-x > .small-10 { + width: 83.3333333333%; +} + +.grid-x > .small-11 { + width: 91.6666666667%; +} + +.grid-x > .small-12 { + width: 100%; +} + +@media print, screen and (min-width: 40em) { + .grid-x > .medium-auto { + -webkit-box-flex: 1; + -ms-flex: 1 1 0px; + flex: 1 1 0; + width: auto; + } + .grid-x > .medium-12, .grid-x > .medium-11, .grid-x > .medium-10, .grid-x > .medium-9, .grid-x > .medium-8, .grid-x > .medium-7, .grid-x > .medium-6, .grid-x > .medium-5, .grid-x > .medium-4, .grid-x > .medium-3, .grid-x > .medium-2, .grid-x > .medium-1, .grid-x > .medium-shrink { + -webkit-box-flex: 0; + -ms-flex: 0 0 auto; + flex: 0 0 auto; + } + .grid-x > .medium-shrink { + width: auto; + } + .grid-x > .medium-1 { + width: 8.3333333333%; + } + .grid-x > .medium-2 { + width: 16.6666666667%; + } + .grid-x > .medium-3 { + width: 25%; + } + .grid-x > .medium-4 { + width: 33.3333333333%; + } + .grid-x > .medium-5 { + width: 41.6666666667%; + } + .grid-x > .medium-6 { + width: 50%; + } + .grid-x > .medium-7 { + width: 58.3333333333%; + } + .grid-x > .medium-8 { + width: 66.6666666667%; + } + .grid-x > .medium-9 { + width: 75%; + } + .grid-x > .medium-10 { + width: 83.3333333333%; + } + .grid-x > .medium-11 { + width: 91.6666666667%; + } + .grid-x > .medium-12 { + width: 100%; + } +} +@media print, screen and (min-width: 64em) { + .grid-x > .large-auto { + -webkit-box-flex: 1; + -ms-flex: 1 1 0px; + flex: 1 1 0; + width: auto; + } + .grid-x > .large-12, .grid-x > .large-11, .grid-x > .large-10, .grid-x > .large-9, .grid-x > .large-8, .grid-x > .large-7, .grid-x > .large-6, .grid-x > .large-5, .grid-x > .large-4, .grid-x > .large-3, .grid-x > .large-2, .grid-x > .large-1, .grid-x > .large-shrink { + -webkit-box-flex: 0; + -ms-flex: 0 0 auto; + flex: 0 0 auto; + } + .grid-x > .large-shrink { + width: auto; + } + .grid-x > .large-1 { + width: 8.3333333333%; + } + .grid-x > .large-2 { + width: 16.6666666667%; + } + .grid-x > .large-3 { + width: 25%; + } + .grid-x > .large-4 { + width: 33.3333333333%; + } + .grid-x > .large-5 { + width: 41.6666666667%; + } + .grid-x > .large-6 { + width: 50%; + } + .grid-x > .large-7 { + width: 58.3333333333%; + } + .grid-x > .large-8 { + width: 66.6666666667%; + } + .grid-x > .large-9 { + width: 75%; + } + .grid-x > .large-10 { + width: 83.3333333333%; + } + .grid-x > .large-11 { + width: 91.6666666667%; + } + .grid-x > .large-12 { + width: 100%; + } +} +.grid-margin-x:not(.grid-x) > .cell { + width: auto; +} + +.grid-margin-y:not(.grid-y) > .cell { + height: auto; +} + +.grid-margin-x { + margin-left: -0.625rem; + margin-right: -0.625rem; +} +@media print, screen and (min-width: 40em) { + .grid-margin-x { + margin-left: -0.9375rem; + margin-right: -0.9375rem; + } +} +.grid-margin-x > .cell { + width: calc(100% - 1.25rem); + margin-left: 0.625rem; + margin-right: 0.625rem; +} +@media print, screen and (min-width: 40em) { + .grid-margin-x > .cell { + width: calc(100% - 1.875rem); + margin-left: 0.9375rem; + margin-right: 0.9375rem; + } +} +.grid-margin-x > .auto { + width: auto; +} +.grid-margin-x > .shrink { + width: auto; +} +.grid-margin-x > .small-1 { + width: calc(8.3333333333% - 1.25rem); +} +.grid-margin-x > .small-2 { + width: calc(16.6666666667% - 1.25rem); +} +.grid-margin-x > .small-3 { + width: calc(25% - 1.25rem); +} +.grid-margin-x > .small-4 { + width: calc(33.3333333333% - 1.25rem); +} +.grid-margin-x > .small-5 { + width: calc(41.6666666667% - 1.25rem); +} +.grid-margin-x > .small-6 { + width: calc(50% - 1.25rem); +} +.grid-margin-x > .small-7 { + width: calc(58.3333333333% - 1.25rem); +} +.grid-margin-x > .small-8 { + width: calc(66.6666666667% - 1.25rem); +} +.grid-margin-x > .small-9 { + width: calc(75% - 1.25rem); +} +.grid-margin-x > .small-10 { + width: calc(83.3333333333% - 1.25rem); +} +.grid-margin-x > .small-11 { + width: calc(91.6666666667% - 1.25rem); +} +.grid-margin-x > .small-12 { + width: calc(100% - 1.25rem); +} +@media print, screen and (min-width: 40em) { + .grid-margin-x > .auto { + width: auto; + } + .grid-margin-x > .shrink { + width: auto; + } + .grid-margin-x > .small-1 { + width: calc(8.3333333333% - 1.875rem); + } + .grid-margin-x > .small-2 { + width: calc(16.6666666667% - 1.875rem); + } + .grid-margin-x > .small-3 { + width: calc(25% - 1.875rem); + } + .grid-margin-x > .small-4 { + width: calc(33.3333333333% - 1.875rem); + } + .grid-margin-x > .small-5 { + width: calc(41.6666666667% - 1.875rem); + } + .grid-margin-x > .small-6 { + width: calc(50% - 1.875rem); + } + .grid-margin-x > .small-7 { + width: calc(58.3333333333% - 1.875rem); + } + .grid-margin-x > .small-8 { + width: calc(66.6666666667% - 1.875rem); + } + .grid-margin-x > .small-9 { + width: calc(75% - 1.875rem); + } + .grid-margin-x > .small-10 { + width: calc(83.3333333333% - 1.875rem); + } + .grid-margin-x > .small-11 { + width: calc(91.6666666667% - 1.875rem); + } + .grid-margin-x > .small-12 { + width: calc(100% - 1.875rem); + } + .grid-margin-x > .medium-auto { + width: auto; + } + .grid-margin-x > .medium-shrink { + width: auto; + } + .grid-margin-x > .medium-1 { + width: calc(8.3333333333% - 1.875rem); + } + .grid-margin-x > .medium-2 { + width: calc(16.6666666667% - 1.875rem); + } + .grid-margin-x > .medium-3 { + width: calc(25% - 1.875rem); + } + .grid-margin-x > .medium-4 { + width: calc(33.3333333333% - 1.875rem); + } + .grid-margin-x > .medium-5 { + width: calc(41.6666666667% - 1.875rem); + } + .grid-margin-x > .medium-6 { + width: calc(50% - 1.875rem); + } + .grid-margin-x > .medium-7 { + width: calc(58.3333333333% - 1.875rem); + } + .grid-margin-x > .medium-8 { + width: calc(66.6666666667% - 1.875rem); + } + .grid-margin-x > .medium-9 { + width: calc(75% - 1.875rem); + } + .grid-margin-x > .medium-10 { + width: calc(83.3333333333% - 1.875rem); + } + .grid-margin-x > .medium-11 { + width: calc(91.6666666667% - 1.875rem); + } + .grid-margin-x > .medium-12 { + width: calc(100% - 1.875rem); + } +} +@media print, screen and (min-width: 64em) { + .grid-margin-x > .large-auto { + width: auto; + } + .grid-margin-x > .large-shrink { + width: auto; + } + .grid-margin-x > .large-1 { + width: calc(8.3333333333% - 1.875rem); + } + .grid-margin-x > .large-2 { + width: calc(16.6666666667% - 1.875rem); + } + .grid-margin-x > .large-3 { + width: calc(25% - 1.875rem); + } + .grid-margin-x > .large-4 { + width: calc(33.3333333333% - 1.875rem); + } + .grid-margin-x > .large-5 { + width: calc(41.6666666667% - 1.875rem); + } + .grid-margin-x > .large-6 { + width: calc(50% - 1.875rem); + } + .grid-margin-x > .large-7 { + width: calc(58.3333333333% - 1.875rem); + } + .grid-margin-x > .large-8 { + width: calc(66.6666666667% - 1.875rem); + } + .grid-margin-x > .large-9 { + width: calc(75% - 1.875rem); + } + .grid-margin-x > .large-10 { + width: calc(83.3333333333% - 1.875rem); + } + .grid-margin-x > .large-11 { + width: calc(91.6666666667% - 1.875rem); + } + .grid-margin-x > .large-12 { + width: calc(100% - 1.875rem); + } +} + +.grid-padding-x .grid-padding-x { + margin-right: -0.625rem; + margin-left: -0.625rem; +} +@media print, screen and (min-width: 40em) { + .grid-padding-x .grid-padding-x { + margin-right: -0.9375rem; + margin-left: -0.9375rem; + } +} +.grid-container:not(.full) > .grid-padding-x { + margin-right: -0.625rem; + margin-left: -0.625rem; +} +@media print, screen and (min-width: 40em) { + .grid-container:not(.full) > .grid-padding-x { + margin-right: -0.9375rem; + margin-left: -0.9375rem; + } +} +.grid-padding-x > .cell { + padding-right: 0.625rem; + padding-left: 0.625rem; +} +@media print, screen and (min-width: 40em) { + .grid-padding-x > .cell { + padding-right: 0.9375rem; + padding-left: 0.9375rem; + } +} + +.small-up-1 > .cell { + width: 100%; +} + +.small-up-2 > .cell { + width: 50%; +} + +.small-up-3 > .cell { + width: 33.3333333333%; +} + +.small-up-4 > .cell { + width: 25%; +} + +.small-up-5 > .cell { + width: 20%; +} + +.small-up-6 > .cell { + width: 16.6666666667%; +} + +.small-up-7 > .cell { + width: 14.2857142857%; +} + +.small-up-8 > .cell { + width: 12.5%; +} + +@media print, screen and (min-width: 40em) { + .medium-up-1 > .cell { + width: 100%; + } + .medium-up-2 > .cell { + width: 50%; + } + .medium-up-3 > .cell { + width: 33.3333333333%; + } + .medium-up-4 > .cell { + width: 25%; + } + .medium-up-5 > .cell { + width: 20%; + } + .medium-up-6 > .cell { + width: 16.6666666667%; + } + .medium-up-7 > .cell { + width: 14.2857142857%; + } + .medium-up-8 > .cell { + width: 12.5%; + } +} +@media print, screen and (min-width: 64em) { + .large-up-1 > .cell { + width: 100%; + } + .large-up-2 > .cell { + width: 50%; + } + .large-up-3 > .cell { + width: 33.3333333333%; + } + .large-up-4 > .cell { + width: 25%; + } + .large-up-5 > .cell { + width: 20%; + } + .large-up-6 > .cell { + width: 16.6666666667%; + } + .large-up-7 > .cell { + width: 14.2857142857%; + } + .large-up-8 > .cell { + width: 12.5%; + } +} +.grid-margin-x.small-up-1 > .cell { + width: calc(100% - 1.25rem); +} + +.grid-margin-x.small-up-2 > .cell { + width: calc(50% - 1.25rem); +} + +.grid-margin-x.small-up-3 > .cell { + width: calc(33.3333333333% - 1.25rem); +} + +.grid-margin-x.small-up-4 > .cell { + width: calc(25% - 1.25rem); +} + +.grid-margin-x.small-up-5 > .cell { + width: calc(20% - 1.25rem); +} + +.grid-margin-x.small-up-6 > .cell { + width: calc(16.6666666667% - 1.25rem); +} + +.grid-margin-x.small-up-7 > .cell { + width: calc(14.2857142857% - 1.25rem); +} + +.grid-margin-x.small-up-8 > .cell { + width: calc(12.5% - 1.25rem); +} + +@media print, screen and (min-width: 40em) { + .grid-margin-x.small-up-1 > .cell { + width: calc(100% - 1.875rem); + } + .grid-margin-x.small-up-2 > .cell { + width: calc(50% - 1.875rem); + } + .grid-margin-x.small-up-3 > .cell { + width: calc(33.3333333333% - 1.875rem); + } + .grid-margin-x.small-up-4 > .cell { + width: calc(25% - 1.875rem); + } + .grid-margin-x.small-up-5 > .cell { + width: calc(20% - 1.875rem); + } + .grid-margin-x.small-up-6 > .cell { + width: calc(16.6666666667% - 1.875rem); + } + .grid-margin-x.small-up-7 > .cell { + width: calc(14.2857142857% - 1.875rem); + } + .grid-margin-x.small-up-8 > .cell { + width: calc(12.5% - 1.875rem); + } + .grid-margin-x.medium-up-1 > .cell { + width: calc(100% - 1.875rem); + } + .grid-margin-x.medium-up-2 > .cell { + width: calc(50% - 1.875rem); + } + .grid-margin-x.medium-up-3 > .cell { + width: calc(33.3333333333% - 1.875rem); + } + .grid-margin-x.medium-up-4 > .cell { + width: calc(25% - 1.875rem); + } + .grid-margin-x.medium-up-5 > .cell { + width: calc(20% - 1.875rem); + } + .grid-margin-x.medium-up-6 > .cell { + width: calc(16.6666666667% - 1.875rem); + } + .grid-margin-x.medium-up-7 > .cell { + width: calc(14.2857142857% - 1.875rem); + } + .grid-margin-x.medium-up-8 > .cell { + width: calc(12.5% - 1.875rem); + } +} +@media print, screen and (min-width: 64em) { + .grid-margin-x.large-up-1 > .cell { + width: calc(100% - 1.875rem); + } + .grid-margin-x.large-up-2 > .cell { + width: calc(50% - 1.875rem); + } + .grid-margin-x.large-up-3 > .cell { + width: calc(33.3333333333% - 1.875rem); + } + .grid-margin-x.large-up-4 > .cell { + width: calc(25% - 1.875rem); + } + .grid-margin-x.large-up-5 > .cell { + width: calc(20% - 1.875rem); + } + .grid-margin-x.large-up-6 > .cell { + width: calc(16.6666666667% - 1.875rem); + } + .grid-margin-x.large-up-7 > .cell { + width: calc(14.2857142857% - 1.875rem); + } + .grid-margin-x.large-up-8 > .cell { + width: calc(12.5% - 1.875rem); + } +} +.small-margin-collapse { + margin-right: 0; + margin-left: 0; +} +.small-margin-collapse > .cell { + margin-right: 0; + margin-left: 0; +} +.small-margin-collapse > .small-1 { + width: 8.3333333333%; +} +.small-margin-collapse > .small-2 { + width: 16.6666666667%; +} +.small-margin-collapse > .small-3 { + width: 25%; +} +.small-margin-collapse > .small-4 { + width: 33.3333333333%; +} +.small-margin-collapse > .small-5 { + width: 41.6666666667%; +} +.small-margin-collapse > .small-6 { + width: 50%; +} +.small-margin-collapse > .small-7 { + width: 58.3333333333%; +} +.small-margin-collapse > .small-8 { + width: 66.6666666667%; +} +.small-margin-collapse > .small-9 { + width: 75%; +} +.small-margin-collapse > .small-10 { + width: 83.3333333333%; +} +.small-margin-collapse > .small-11 { + width: 91.6666666667%; +} +.small-margin-collapse > .small-12 { + width: 100%; +} +@media print, screen and (min-width: 40em) { + .small-margin-collapse > .medium-1 { + width: 8.3333333333%; + } + .small-margin-collapse > .medium-2 { + width: 16.6666666667%; + } + .small-margin-collapse > .medium-3 { + width: 25%; + } + .small-margin-collapse > .medium-4 { + width: 33.3333333333%; + } + .small-margin-collapse > .medium-5 { + width: 41.6666666667%; + } + .small-margin-collapse > .medium-6 { + width: 50%; + } + .small-margin-collapse > .medium-7 { + width: 58.3333333333%; + } + .small-margin-collapse > .medium-8 { + width: 66.6666666667%; + } + .small-margin-collapse > .medium-9 { + width: 75%; + } + .small-margin-collapse > .medium-10 { + width: 83.3333333333%; + } + .small-margin-collapse > .medium-11 { + width: 91.6666666667%; + } + .small-margin-collapse > .medium-12 { + width: 100%; + } +} +@media print, screen and (min-width: 64em) { + .small-margin-collapse > .large-1 { + width: 8.3333333333%; + } + .small-margin-collapse > .large-2 { + width: 16.6666666667%; + } + .small-margin-collapse > .large-3 { + width: 25%; + } + .small-margin-collapse > .large-4 { + width: 33.3333333333%; + } + .small-margin-collapse > .large-5 { + width: 41.6666666667%; + } + .small-margin-collapse > .large-6 { + width: 50%; + } + .small-margin-collapse > .large-7 { + width: 58.3333333333%; + } + .small-margin-collapse > .large-8 { + width: 66.6666666667%; + } + .small-margin-collapse > .large-9 { + width: 75%; + } + .small-margin-collapse > .large-10 { + width: 83.3333333333%; + } + .small-margin-collapse > .large-11 { + width: 91.6666666667%; + } + .small-margin-collapse > .large-12 { + width: 100%; + } +} + +.small-padding-collapse { + margin-right: 0; + margin-left: 0; +} +.small-padding-collapse > .cell { + padding-right: 0; + padding-left: 0; +} + +@media print, screen and (min-width: 40em) { + .medium-margin-collapse { + margin-right: 0; + margin-left: 0; + } + .medium-margin-collapse > .cell { + margin-right: 0; + margin-left: 0; + } +} +@media print, screen and (min-width: 40em) { + .medium-margin-collapse > .small-1 { + width: 8.3333333333%; + } + .medium-margin-collapse > .small-2 { + width: 16.6666666667%; + } + .medium-margin-collapse > .small-3 { + width: 25%; + } + .medium-margin-collapse > .small-4 { + width: 33.3333333333%; + } + .medium-margin-collapse > .small-5 { + width: 41.6666666667%; + } + .medium-margin-collapse > .small-6 { + width: 50%; + } + .medium-margin-collapse > .small-7 { + width: 58.3333333333%; + } + .medium-margin-collapse > .small-8 { + width: 66.6666666667%; + } + .medium-margin-collapse > .small-9 { + width: 75%; + } + .medium-margin-collapse > .small-10 { + width: 83.3333333333%; + } + .medium-margin-collapse > .small-11 { + width: 91.6666666667%; + } + .medium-margin-collapse > .small-12 { + width: 100%; + } +} +@media print, screen and (min-width: 40em) { + .medium-margin-collapse > .medium-1 { + width: 8.3333333333%; + } + .medium-margin-collapse > .medium-2 { + width: 16.6666666667%; + } + .medium-margin-collapse > .medium-3 { + width: 25%; + } + .medium-margin-collapse > .medium-4 { + width: 33.3333333333%; + } + .medium-margin-collapse > .medium-5 { + width: 41.6666666667%; + } + .medium-margin-collapse > .medium-6 { + width: 50%; + } + .medium-margin-collapse > .medium-7 { + width: 58.3333333333%; + } + .medium-margin-collapse > .medium-8 { + width: 66.6666666667%; + } + .medium-margin-collapse > .medium-9 { + width: 75%; + } + .medium-margin-collapse > .medium-10 { + width: 83.3333333333%; + } + .medium-margin-collapse > .medium-11 { + width: 91.6666666667%; + } + .medium-margin-collapse > .medium-12 { + width: 100%; + } +} +@media print, screen and (min-width: 64em) { + .medium-margin-collapse > .large-1 { + width: 8.3333333333%; + } + .medium-margin-collapse > .large-2 { + width: 16.6666666667%; + } + .medium-margin-collapse > .large-3 { + width: 25%; + } + .medium-margin-collapse > .large-4 { + width: 33.3333333333%; + } + .medium-margin-collapse > .large-5 { + width: 41.6666666667%; + } + .medium-margin-collapse > .large-6 { + width: 50%; + } + .medium-margin-collapse > .large-7 { + width: 58.3333333333%; + } + .medium-margin-collapse > .large-8 { + width: 66.6666666667%; + } + .medium-margin-collapse > .large-9 { + width: 75%; + } + .medium-margin-collapse > .large-10 { + width: 83.3333333333%; + } + .medium-margin-collapse > .large-11 { + width: 91.6666666667%; + } + .medium-margin-collapse > .large-12 { + width: 100%; + } +} + +@media print, screen and (min-width: 40em) { + .medium-padding-collapse { + margin-right: 0; + margin-left: 0; + } + .medium-padding-collapse > .cell { + padding-right: 0; + padding-left: 0; + } +} + +@media print, screen and (min-width: 64em) { + .large-margin-collapse { + margin-right: 0; + margin-left: 0; + } + .large-margin-collapse > .cell { + margin-right: 0; + margin-left: 0; + } +} +@media print, screen and (min-width: 64em) { + .large-margin-collapse > .small-1 { + width: 8.3333333333%; + } + .large-margin-collapse > .small-2 { + width: 16.6666666667%; + } + .large-margin-collapse > .small-3 { + width: 25%; + } + .large-margin-collapse > .small-4 { + width: 33.3333333333%; + } + .large-margin-collapse > .small-5 { + width: 41.6666666667%; + } + .large-margin-collapse > .small-6 { + width: 50%; + } + .large-margin-collapse > .small-7 { + width: 58.3333333333%; + } + .large-margin-collapse > .small-8 { + width: 66.6666666667%; + } + .large-margin-collapse > .small-9 { + width: 75%; + } + .large-margin-collapse > .small-10 { + width: 83.3333333333%; + } + .large-margin-collapse > .small-11 { + width: 91.6666666667%; + } + .large-margin-collapse > .small-12 { + width: 100%; + } +} +@media print, screen and (min-width: 64em) { + .large-margin-collapse > .medium-1 { + width: 8.3333333333%; + } + .large-margin-collapse > .medium-2 { + width: 16.6666666667%; + } + .large-margin-collapse > .medium-3 { + width: 25%; + } + .large-margin-collapse > .medium-4 { + width: 33.3333333333%; + } + .large-margin-collapse > .medium-5 { + width: 41.6666666667%; + } + .large-margin-collapse > .medium-6 { + width: 50%; + } + .large-margin-collapse > .medium-7 { + width: 58.3333333333%; + } + .large-margin-collapse > .medium-8 { + width: 66.6666666667%; + } + .large-margin-collapse > .medium-9 { + width: 75%; + } + .large-margin-collapse > .medium-10 { + width: 83.3333333333%; + } + .large-margin-collapse > .medium-11 { + width: 91.6666666667%; + } + .large-margin-collapse > .medium-12 { + width: 100%; + } +} +@media print, screen and (min-width: 64em) { + .large-margin-collapse > .large-1 { + width: 8.3333333333%; + } + .large-margin-collapse > .large-2 { + width: 16.6666666667%; + } + .large-margin-collapse > .large-3 { + width: 25%; + } + .large-margin-collapse > .large-4 { + width: 33.3333333333%; + } + .large-margin-collapse > .large-5 { + width: 41.6666666667%; + } + .large-margin-collapse > .large-6 { + width: 50%; + } + .large-margin-collapse > .large-7 { + width: 58.3333333333%; + } + .large-margin-collapse > .large-8 { + width: 66.6666666667%; + } + .large-margin-collapse > .large-9 { + width: 75%; + } + .large-margin-collapse > .large-10 { + width: 83.3333333333%; + } + .large-margin-collapse > .large-11 { + width: 91.6666666667%; + } + .large-margin-collapse > .large-12 { + width: 100%; + } +} + +@media print, screen and (min-width: 64em) { + .large-padding-collapse { + margin-right: 0; + margin-left: 0; + } + .large-padding-collapse > .cell { + padding-right: 0; + padding-left: 0; + } +} + +.small-offset-0 { + margin-left: 0%; +} + +.grid-margin-x > .small-offset-0 { + margin-left: calc(0% + 1.25rem / 2); +} + +.small-offset-1 { + margin-left: 8.3333333333%; +} + +.grid-margin-x > .small-offset-1 { + margin-left: calc(8.3333333333% + 1.25rem / 2); +} + +.small-offset-2 { + margin-left: 16.6666666667%; +} + +.grid-margin-x > .small-offset-2 { + margin-left: calc(16.6666666667% + 1.25rem / 2); +} + +.small-offset-3 { + margin-left: 25%; +} + +.grid-margin-x > .small-offset-3 { + margin-left: calc(25% + 1.25rem / 2); +} + +.small-offset-4 { + margin-left: 33.3333333333%; +} + +.grid-margin-x > .small-offset-4 { + margin-left: calc(33.3333333333% + 1.25rem / 2); +} + +.small-offset-5 { + margin-left: 41.6666666667%; +} + +.grid-margin-x > .small-offset-5 { + margin-left: calc(41.6666666667% + 1.25rem / 2); +} + +.small-offset-6 { + margin-left: 50%; +} + +.grid-margin-x > .small-offset-6 { + margin-left: calc(50% + 1.25rem / 2); +} + +.small-offset-7 { + margin-left: 58.3333333333%; +} + +.grid-margin-x > .small-offset-7 { + margin-left: calc(58.3333333333% + 1.25rem / 2); +} + +.small-offset-8 { + margin-left: 66.6666666667%; +} + +.grid-margin-x > .small-offset-8 { + margin-left: calc(66.6666666667% + 1.25rem / 2); +} + +.small-offset-9 { + margin-left: 75%; +} + +.grid-margin-x > .small-offset-9 { + margin-left: calc(75% + 1.25rem / 2); +} + +.small-offset-10 { + margin-left: 83.3333333333%; +} + +.grid-margin-x > .small-offset-10 { + margin-left: calc(83.3333333333% + 1.25rem / 2); +} + +.small-offset-11 { + margin-left: 91.6666666667%; +} + +.grid-margin-x > .small-offset-11 { + margin-left: calc(91.6666666667% + 1.25rem / 2); +} + +@media print, screen and (min-width: 40em) { + .medium-offset-0 { + margin-left: 0%; + } + .grid-margin-x > .medium-offset-0 { + margin-left: calc(0% + 1.875rem / 2); + } + .medium-offset-1 { + margin-left: 8.3333333333%; + } + .grid-margin-x > .medium-offset-1 { + margin-left: calc(8.3333333333% + 1.875rem / 2); + } + .medium-offset-2 { + margin-left: 16.6666666667%; + } + .grid-margin-x > .medium-offset-2 { + margin-left: calc(16.6666666667% + 1.875rem / 2); + } + .medium-offset-3 { + margin-left: 25%; + } + .grid-margin-x > .medium-offset-3 { + margin-left: calc(25% + 1.875rem / 2); + } + .medium-offset-4 { + margin-left: 33.3333333333%; + } + .grid-margin-x > .medium-offset-4 { + margin-left: calc(33.3333333333% + 1.875rem / 2); + } + .medium-offset-5 { + margin-left: 41.6666666667%; + } + .grid-margin-x > .medium-offset-5 { + margin-left: calc(41.6666666667% + 1.875rem / 2); + } + .medium-offset-6 { + margin-left: 50%; + } + .grid-margin-x > .medium-offset-6 { + margin-left: calc(50% + 1.875rem / 2); + } + .medium-offset-7 { + margin-left: 58.3333333333%; + } + .grid-margin-x > .medium-offset-7 { + margin-left: calc(58.3333333333% + 1.875rem / 2); + } + .medium-offset-8 { + margin-left: 66.6666666667%; + } + .grid-margin-x > .medium-offset-8 { + margin-left: calc(66.6666666667% + 1.875rem / 2); + } + .medium-offset-9 { + margin-left: 75%; + } + .grid-margin-x > .medium-offset-9 { + margin-left: calc(75% + 1.875rem / 2); + } + .medium-offset-10 { + margin-left: 83.3333333333%; + } + .grid-margin-x > .medium-offset-10 { + margin-left: calc(83.3333333333% + 1.875rem / 2); + } + .medium-offset-11 { + margin-left: 91.6666666667%; + } + .grid-margin-x > .medium-offset-11 { + margin-left: calc(91.6666666667% + 1.875rem / 2); + } +} +@media print, screen and (min-width: 64em) { + .large-offset-0 { + margin-left: 0%; + } + .grid-margin-x > .large-offset-0 { + margin-left: calc(0% + 1.875rem / 2); + } + .large-offset-1 { + margin-left: 8.3333333333%; + } + .grid-margin-x > .large-offset-1 { + margin-left: calc(8.3333333333% + 1.875rem / 2); + } + .large-offset-2 { + margin-left: 16.6666666667%; + } + .grid-margin-x > .large-offset-2 { + margin-left: calc(16.6666666667% + 1.875rem / 2); + } + .large-offset-3 { + margin-left: 25%; + } + .grid-margin-x > .large-offset-3 { + margin-left: calc(25% + 1.875rem / 2); + } + .large-offset-4 { + margin-left: 33.3333333333%; + } + .grid-margin-x > .large-offset-4 { + margin-left: calc(33.3333333333% + 1.875rem / 2); + } + .large-offset-5 { + margin-left: 41.6666666667%; + } + .grid-margin-x > .large-offset-5 { + margin-left: calc(41.6666666667% + 1.875rem / 2); + } + .large-offset-6 { + margin-left: 50%; + } + .grid-margin-x > .large-offset-6 { + margin-left: calc(50% + 1.875rem / 2); + } + .large-offset-7 { + margin-left: 58.3333333333%; + } + .grid-margin-x > .large-offset-7 { + margin-left: calc(58.3333333333% + 1.875rem / 2); + } + .large-offset-8 { + margin-left: 66.6666666667%; + } + .grid-margin-x > .large-offset-8 { + margin-left: calc(66.6666666667% + 1.875rem / 2); + } + .large-offset-9 { + margin-left: 75%; + } + .grid-margin-x > .large-offset-9 { + margin-left: calc(75% + 1.875rem / 2); + } + .large-offset-10 { + margin-left: 83.3333333333%; + } + .grid-margin-x > .large-offset-10 { + margin-left: calc(83.3333333333% + 1.875rem / 2); + } + .large-offset-11 { + margin-left: 91.6666666667%; + } + .grid-margin-x > .large-offset-11 { + margin-left: calc(91.6666666667% + 1.875rem / 2); + } +} +.grid-y { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -ms-flex-flow: column nowrap; + flex-flow: column nowrap; +} +.grid-y > .cell { + height: auto; + max-height: none; +} +.grid-y > .auto { + height: auto; +} +.grid-y > .shrink { + height: auto; +} +.grid-y > .small-shrink, .grid-y > .small-full, .grid-y > .small-1, .grid-y > .small-2, .grid-y > .small-3, .grid-y > .small-4, .grid-y > .small-5, .grid-y > .small-6, .grid-y > .small-7, .grid-y > .small-8, .grid-y > .small-9, .grid-y > .small-10, .grid-y > .small-11, .grid-y > .small-12 { + -ms-flex-preferred-size: auto; + flex-basis: auto; +} +@media print, screen and (min-width: 40em) { + .grid-y > .medium-shrink, .grid-y > .medium-full, .grid-y > .medium-1, .grid-y > .medium-2, .grid-y > .medium-3, .grid-y > .medium-4, .grid-y > .medium-5, .grid-y > .medium-6, .grid-y > .medium-7, .grid-y > .medium-8, .grid-y > .medium-9, .grid-y > .medium-10, .grid-y > .medium-11, .grid-y > .medium-12 { + -ms-flex-preferred-size: auto; + flex-basis: auto; + } +} +@media print, screen and (min-width: 64em) { + .grid-y > .large-shrink, .grid-y > .large-full, .grid-y > .large-1, .grid-y > .large-2, .grid-y > .large-3, .grid-y > .large-4, .grid-y > .large-5, .grid-y > .large-6, .grid-y > .large-7, .grid-y > .large-8, .grid-y > .large-9, .grid-y > .large-10, .grid-y > .large-11, .grid-y > .large-12 { + -ms-flex-preferred-size: auto; + flex-basis: auto; + } +} +.grid-y > .small-12, .grid-y > .small-11, .grid-y > .small-10, .grid-y > .small-9, .grid-y > .small-8, .grid-y > .small-7, .grid-y > .small-6, .grid-y > .small-5, .grid-y > .small-4, .grid-y > .small-3, .grid-y > .small-2, .grid-y > .small-1 { + -webkit-box-flex: 0; + -ms-flex: 0 0 auto; + flex: 0 0 auto; +} +.grid-y > .small-1 { + height: 8.3333333333%; +} +.grid-y > .small-2 { + height: 16.6666666667%; +} +.grid-y > .small-3 { + height: 25%; +} +.grid-y > .small-4 { + height: 33.3333333333%; +} +.grid-y > .small-5 { + height: 41.6666666667%; +} +.grid-y > .small-6 { + height: 50%; +} +.grid-y > .small-7 { + height: 58.3333333333%; +} +.grid-y > .small-8 { + height: 66.6666666667%; +} +.grid-y > .small-9 { + height: 75%; +} +.grid-y > .small-10 { + height: 83.3333333333%; +} +.grid-y > .small-11 { + height: 91.6666666667%; +} +.grid-y > .small-12 { + height: 100%; +} +@media print, screen and (min-width: 40em) { + .grid-y > .medium-auto { + -webkit-box-flex: 1; + -ms-flex: 1 1 0px; + flex: 1 1 0; + height: auto; + } + .grid-y > .medium-12, .grid-y > .medium-11, .grid-y > .medium-10, .grid-y > .medium-9, .grid-y > .medium-8, .grid-y > .medium-7, .grid-y > .medium-6, .grid-y > .medium-5, .grid-y > .medium-4, .grid-y > .medium-3, .grid-y > .medium-2, .grid-y > .medium-1, .grid-y > .medium-shrink { + -webkit-box-flex: 0; + -ms-flex: 0 0 auto; + flex: 0 0 auto; + } + .grid-y > .medium-shrink { + height: auto; + } + .grid-y > .medium-1 { + height: 8.3333333333%; + } + .grid-y > .medium-2 { + height: 16.6666666667%; + } + .grid-y > .medium-3 { + height: 25%; + } + .grid-y > .medium-4 { + height: 33.3333333333%; + } + .grid-y > .medium-5 { + height: 41.6666666667%; + } + .grid-y > .medium-6 { + height: 50%; + } + .grid-y > .medium-7 { + height: 58.3333333333%; + } + .grid-y > .medium-8 { + height: 66.6666666667%; + } + .grid-y > .medium-9 { + height: 75%; + } + .grid-y > .medium-10 { + height: 83.3333333333%; + } + .grid-y > .medium-11 { + height: 91.6666666667%; + } + .grid-y > .medium-12 { + height: 100%; + } +} +@media print, screen and (min-width: 64em) { + .grid-y > .large-auto { + -webkit-box-flex: 1; + -ms-flex: 1 1 0px; + flex: 1 1 0; + height: auto; + } + .grid-y > .large-12, .grid-y > .large-11, .grid-y > .large-10, .grid-y > .large-9, .grid-y > .large-8, .grid-y > .large-7, .grid-y > .large-6, .grid-y > .large-5, .grid-y > .large-4, .grid-y > .large-3, .grid-y > .large-2, .grid-y > .large-1, .grid-y > .large-shrink { + -webkit-box-flex: 0; + -ms-flex: 0 0 auto; + flex: 0 0 auto; + } + .grid-y > .large-shrink { + height: auto; + } + .grid-y > .large-1 { + height: 8.3333333333%; + } + .grid-y > .large-2 { + height: 16.6666666667%; + } + .grid-y > .large-3 { + height: 25%; + } + .grid-y > .large-4 { + height: 33.3333333333%; + } + .grid-y > .large-5 { + height: 41.6666666667%; + } + .grid-y > .large-6 { + height: 50%; + } + .grid-y > .large-7 { + height: 58.3333333333%; + } + .grid-y > .large-8 { + height: 66.6666666667%; + } + .grid-y > .large-9 { + height: 75%; + } + .grid-y > .large-10 { + height: 83.3333333333%; + } + .grid-y > .large-11 { + height: 91.6666666667%; + } + .grid-y > .large-12 { + height: 100%; + } +} + +.grid-padding-y .grid-padding-y { + margin-top: -0.625rem; + margin-bottom: -0.625rem; +} +@media print, screen and (min-width: 40em) { + .grid-padding-y .grid-padding-y { + margin-top: -0.9375rem; + margin-bottom: -0.9375rem; + } +} +.grid-padding-y > .cell { + padding-top: 0.625rem; + padding-bottom: 0.625rem; +} +@media print, screen and (min-width: 40em) { + .grid-padding-y > .cell { + padding-top: 0.9375rem; + padding-bottom: 0.9375rem; + } +} + +.grid-margin-y { + margin-top: -0.625rem; + margin-bottom: -0.625rem; +} +@media print, screen and (min-width: 40em) { + .grid-margin-y { + margin-top: -0.9375rem; + margin-bottom: -0.9375rem; + } +} +.grid-margin-y > .cell { + height: calc(100% - 1.25rem); + margin-top: 0.625rem; + margin-bottom: 0.625rem; +} +@media print, screen and (min-width: 40em) { + .grid-margin-y > .cell { + height: calc(100% - 1.875rem); + margin-top: 0.9375rem; + margin-bottom: 0.9375rem; + } +} +.grid-margin-y > .auto { + height: auto; +} +.grid-margin-y > .shrink { + height: auto; +} +.grid-margin-y > .small-1 { + height: calc(8.3333333333% - 1.25rem); +} +.grid-margin-y > .small-2 { + height: calc(16.6666666667% - 1.25rem); +} +.grid-margin-y > .small-3 { + height: calc(25% - 1.25rem); +} +.grid-margin-y > .small-4 { + height: calc(33.3333333333% - 1.25rem); +} +.grid-margin-y > .small-5 { + height: calc(41.6666666667% - 1.25rem); +} +.grid-margin-y > .small-6 { + height: calc(50% - 1.25rem); +} +.grid-margin-y > .small-7 { + height: calc(58.3333333333% - 1.25rem); +} +.grid-margin-y > .small-8 { + height: calc(66.6666666667% - 1.25rem); +} +.grid-margin-y > .small-9 { + height: calc(75% - 1.25rem); +} +.grid-margin-y > .small-10 { + height: calc(83.3333333333% - 1.25rem); +} +.grid-margin-y > .small-11 { + height: calc(91.6666666667% - 1.25rem); +} +.grid-margin-y > .small-12 { + height: calc(100% - 1.25rem); +} +@media print, screen and (min-width: 40em) { + .grid-margin-y > .auto { + height: auto; + } + .grid-margin-y > .shrink { + height: auto; + } + .grid-margin-y > .small-1 { + height: calc(8.3333333333% - 1.875rem); + } + .grid-margin-y > .small-2 { + height: calc(16.6666666667% - 1.875rem); + } + .grid-margin-y > .small-3 { + height: calc(25% - 1.875rem); + } + .grid-margin-y > .small-4 { + height: calc(33.3333333333% - 1.875rem); + } + .grid-margin-y > .small-5 { + height: calc(41.6666666667% - 1.875rem); + } + .grid-margin-y > .small-6 { + height: calc(50% - 1.875rem); + } + .grid-margin-y > .small-7 { + height: calc(58.3333333333% - 1.875rem); + } + .grid-margin-y > .small-8 { + height: calc(66.6666666667% - 1.875rem); + } + .grid-margin-y > .small-9 { + height: calc(75% - 1.875rem); + } + .grid-margin-y > .small-10 { + height: calc(83.3333333333% - 1.875rem); + } + .grid-margin-y > .small-11 { + height: calc(91.6666666667% - 1.875rem); + } + .grid-margin-y > .small-12 { + height: calc(100% - 1.875rem); + } + .grid-margin-y > .medium-auto { + height: auto; + } + .grid-margin-y > .medium-shrink { + height: auto; + } + .grid-margin-y > .medium-1 { + height: calc(8.3333333333% - 1.875rem); + } + .grid-margin-y > .medium-2 { + height: calc(16.6666666667% - 1.875rem); + } + .grid-margin-y > .medium-3 { + height: calc(25% - 1.875rem); + } + .grid-margin-y > .medium-4 { + height: calc(33.3333333333% - 1.875rem); + } + .grid-margin-y > .medium-5 { + height: calc(41.6666666667% - 1.875rem); + } + .grid-margin-y > .medium-6 { + height: calc(50% - 1.875rem); + } + .grid-margin-y > .medium-7 { + height: calc(58.3333333333% - 1.875rem); + } + .grid-margin-y > .medium-8 { + height: calc(66.6666666667% - 1.875rem); + } + .grid-margin-y > .medium-9 { + height: calc(75% - 1.875rem); + } + .grid-margin-y > .medium-10 { + height: calc(83.3333333333% - 1.875rem); + } + .grid-margin-y > .medium-11 { + height: calc(91.6666666667% - 1.875rem); + } + .grid-margin-y > .medium-12 { + height: calc(100% - 1.875rem); + } +} +@media print, screen and (min-width: 64em) { + .grid-margin-y > .large-auto { + height: auto; + } + .grid-margin-y > .large-shrink { + height: auto; + } + .grid-margin-y > .large-1 { + height: calc(8.3333333333% - 1.875rem); + } + .grid-margin-y > .large-2 { + height: calc(16.6666666667% - 1.875rem); + } + .grid-margin-y > .large-3 { + height: calc(25% - 1.875rem); + } + .grid-margin-y > .large-4 { + height: calc(33.3333333333% - 1.875rem); + } + .grid-margin-y > .large-5 { + height: calc(41.6666666667% - 1.875rem); + } + .grid-margin-y > .large-6 { + height: calc(50% - 1.875rem); + } + .grid-margin-y > .large-7 { + height: calc(58.3333333333% - 1.875rem); + } + .grid-margin-y > .large-8 { + height: calc(66.6666666667% - 1.875rem); + } + .grid-margin-y > .large-9 { + height: calc(75% - 1.875rem); + } + .grid-margin-y > .large-10 { + height: calc(83.3333333333% - 1.875rem); + } + .grid-margin-y > .large-11 { + height: calc(91.6666666667% - 1.875rem); + } + .grid-margin-y > .large-12 { + height: calc(100% - 1.875rem); + } +} + +.grid-frame { + overflow: hidden; + position: relative; + -ms-flex-wrap: nowrap; + flex-wrap: nowrap; + -webkit-box-align: stretch; + -ms-flex-align: stretch; + align-items: stretch; + width: 100vw; +} + +.cell .grid-frame { + width: 100%; +} + +.cell-block { + overflow-x: auto; + max-width: 100%; + -webkit-overflow-scrolling: touch; + -ms-overflow-style: -ms-autohiding-scrollbar; +} + +.cell-block-y { + overflow-y: auto; + max-height: 100%; + min-height: 100%; + -webkit-overflow-scrolling: touch; + -ms-overflow-style: -ms-autohiding-scrollbar; +} + +.cell-block-container { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -ms-flex-direction: column; + flex-direction: column; + max-height: 100%; +} +.cell-block-container > .grid-x { + max-height: 100%; + -ms-flex-wrap: nowrap; + flex-wrap: nowrap; +} + +@media print, screen and (min-width: 40em) { + .medium-grid-frame { + overflow: hidden; + position: relative; + -ms-flex-wrap: nowrap; + flex-wrap: nowrap; + -webkit-box-align: stretch; + -ms-flex-align: stretch; + align-items: stretch; + width: 100vw; + } + .cell .medium-grid-frame { + width: 100%; + } + .medium-cell-block { + overflow-x: auto; + max-width: 100%; + -webkit-overflow-scrolling: touch; + -ms-overflow-style: -ms-autohiding-scrollbar; + } + .medium-cell-block-container { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -ms-flex-direction: column; + flex-direction: column; + max-height: 100%; + } + .medium-cell-block-container > .grid-x { + max-height: 100%; + -ms-flex-wrap: nowrap; + flex-wrap: nowrap; + } + .medium-cell-block-y { + overflow-y: auto; + max-height: 100%; + min-height: 100%; + -webkit-overflow-scrolling: touch; + -ms-overflow-style: -ms-autohiding-scrollbar; + } +} +@media print, screen and (min-width: 64em) { + .large-grid-frame { + overflow: hidden; + position: relative; + -ms-flex-wrap: nowrap; + flex-wrap: nowrap; + -webkit-box-align: stretch; + -ms-flex-align: stretch; + align-items: stretch; + width: 100vw; + } + .cell .large-grid-frame { + width: 100%; + } + .large-cell-block { + overflow-x: auto; + max-width: 100%; + -webkit-overflow-scrolling: touch; + -ms-overflow-style: -ms-autohiding-scrollbar; + } + .large-cell-block-container { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -ms-flex-direction: column; + flex-direction: column; + max-height: 100%; + } + .large-cell-block-container > .grid-x { + max-height: 100%; + -ms-flex-wrap: nowrap; + flex-wrap: nowrap; + } + .large-cell-block-y { + overflow-y: auto; + max-height: 100%; + min-height: 100%; + -webkit-overflow-scrolling: touch; + -ms-overflow-style: -ms-autohiding-scrollbar; + } +} +.grid-y.grid-frame { + overflow: hidden; + position: relative; + -ms-flex-wrap: nowrap; + flex-wrap: nowrap; + -webkit-box-align: stretch; + -ms-flex-align: stretch; + align-items: stretch; + height: 100vh; + width: auto; +} +@media print, screen and (min-width: 40em) { + .grid-y.medium-grid-frame { + overflow: hidden; + position: relative; + -ms-flex-wrap: nowrap; + flex-wrap: nowrap; + -webkit-box-align: stretch; + -ms-flex-align: stretch; + align-items: stretch; + height: 100vh; + width: auto; + } +} +@media print, screen and (min-width: 64em) { + .grid-y.large-grid-frame { + overflow: hidden; + position: relative; + -ms-flex-wrap: nowrap; + flex-wrap: nowrap; + -webkit-box-align: stretch; + -ms-flex-align: stretch; + align-items: stretch; + height: 100vh; + width: auto; + } +} + +.cell .grid-y.grid-frame { + height: 100%; +} +@media print, screen and (min-width: 40em) { + .cell .grid-y.medium-grid-frame { + height: 100%; + } +} +@media print, screen and (min-width: 64em) { + .cell .grid-y.large-grid-frame { + height: 100%; + } +} + +.grid-margin-y { + margin-top: -0.625rem; + margin-bottom: -0.625rem; +} +@media print, screen and (min-width: 40em) { + .grid-margin-y { + margin-top: -0.9375rem; + margin-bottom: -0.9375rem; + } +} +.grid-margin-y > .cell { + height: calc(100% - 1.25rem); + margin-top: 0.625rem; + margin-bottom: 0.625rem; +} +@media print, screen and (min-width: 40em) { + .grid-margin-y > .cell { + height: calc(100% - 1.875rem); + margin-top: 0.9375rem; + margin-bottom: 0.9375rem; + } +} +.grid-margin-y > .auto { + height: auto; +} +.grid-margin-y > .shrink { + height: auto; +} +.grid-margin-y > .small-1 { + height: calc(8.3333333333% - 1.25rem); +} +.grid-margin-y > .small-2 { + height: calc(16.6666666667% - 1.25rem); +} +.grid-margin-y > .small-3 { + height: calc(25% - 1.25rem); +} +.grid-margin-y > .small-4 { + height: calc(33.3333333333% - 1.25rem); +} +.grid-margin-y > .small-5 { + height: calc(41.6666666667% - 1.25rem); +} +.grid-margin-y > .small-6 { + height: calc(50% - 1.25rem); +} +.grid-margin-y > .small-7 { + height: calc(58.3333333333% - 1.25rem); +} +.grid-margin-y > .small-8 { + height: calc(66.6666666667% - 1.25rem); +} +.grid-margin-y > .small-9 { + height: calc(75% - 1.25rem); +} +.grid-margin-y > .small-10 { + height: calc(83.3333333333% - 1.25rem); +} +.grid-margin-y > .small-11 { + height: calc(91.6666666667% - 1.25rem); +} +.grid-margin-y > .small-12 { + height: calc(100% - 1.25rem); +} +@media print, screen and (min-width: 40em) { + .grid-margin-y > .auto { + height: auto; + } + .grid-margin-y > .shrink { + height: auto; + } + .grid-margin-y > .small-1 { + height: calc(8.3333333333% - 1.875rem); + } + .grid-margin-y > .small-2 { + height: calc(16.6666666667% - 1.875rem); + } + .grid-margin-y > .small-3 { + height: calc(25% - 1.875rem); + } + .grid-margin-y > .small-4 { + height: calc(33.3333333333% - 1.875rem); + } + .grid-margin-y > .small-5 { + height: calc(41.6666666667% - 1.875rem); + } + .grid-margin-y > .small-6 { + height: calc(50% - 1.875rem); + } + .grid-margin-y > .small-7 { + height: calc(58.3333333333% - 1.875rem); + } + .grid-margin-y > .small-8 { + height: calc(66.6666666667% - 1.875rem); + } + .grid-margin-y > .small-9 { + height: calc(75% - 1.875rem); + } + .grid-margin-y > .small-10 { + height: calc(83.3333333333% - 1.875rem); + } + .grid-margin-y > .small-11 { + height: calc(91.6666666667% - 1.875rem); + } + .grid-margin-y > .small-12 { + height: calc(100% - 1.875rem); + } + .grid-margin-y > .medium-auto { + height: auto; + } + .grid-margin-y > .medium-shrink { + height: auto; + } + .grid-margin-y > .medium-1 { + height: calc(8.3333333333% - 1.875rem); + } + .grid-margin-y > .medium-2 { + height: calc(16.6666666667% - 1.875rem); + } + .grid-margin-y > .medium-3 { + height: calc(25% - 1.875rem); + } + .grid-margin-y > .medium-4 { + height: calc(33.3333333333% - 1.875rem); + } + .grid-margin-y > .medium-5 { + height: calc(41.6666666667% - 1.875rem); + } + .grid-margin-y > .medium-6 { + height: calc(50% - 1.875rem); + } + .grid-margin-y > .medium-7 { + height: calc(58.3333333333% - 1.875rem); + } + .grid-margin-y > .medium-8 { + height: calc(66.6666666667% - 1.875rem); + } + .grid-margin-y > .medium-9 { + height: calc(75% - 1.875rem); + } + .grid-margin-y > .medium-10 { + height: calc(83.3333333333% - 1.875rem); + } + .grid-margin-y > .medium-11 { + height: calc(91.6666666667% - 1.875rem); + } + .grid-margin-y > .medium-12 { + height: calc(100% - 1.875rem); + } +} +@media print, screen and (min-width: 64em) { + .grid-margin-y > .large-auto { + height: auto; + } + .grid-margin-y > .large-shrink { + height: auto; + } + .grid-margin-y > .large-1 { + height: calc(8.3333333333% - 1.875rem); + } + .grid-margin-y > .large-2 { + height: calc(16.6666666667% - 1.875rem); + } + .grid-margin-y > .large-3 { + height: calc(25% - 1.875rem); + } + .grid-margin-y > .large-4 { + height: calc(33.3333333333% - 1.875rem); + } + .grid-margin-y > .large-5 { + height: calc(41.6666666667% - 1.875rem); + } + .grid-margin-y > .large-6 { + height: calc(50% - 1.875rem); + } + .grid-margin-y > .large-7 { + height: calc(58.3333333333% - 1.875rem); + } + .grid-margin-y > .large-8 { + height: calc(66.6666666667% - 1.875rem); + } + .grid-margin-y > .large-9 { + height: calc(75% - 1.875rem); + } + .grid-margin-y > .large-10 { + height: calc(83.3333333333% - 1.875rem); + } + .grid-margin-y > .large-11 { + height: calc(91.6666666667% - 1.875rem); + } + .grid-margin-y > .large-12 { + height: calc(100% - 1.875rem); + } +} + +.grid-frame.grid-margin-y { + height: calc(100vh + 1.25rem); +} +@media print, screen and (min-width: 40em) { + .grid-frame.grid-margin-y { + height: calc(100vh + 1.875rem); + } +} +@media print, screen and (min-width: 64em) { + .grid-frame.grid-margin-y { + height: calc(100vh + 1.875rem); + } +} + +@media print, screen and (min-width: 40em) { + .grid-margin-y.medium-grid-frame { + height: calc(100vh + 1.875rem); + } +} +@media print, screen and (min-width: 64em) { + .grid-margin-y.large-grid-frame { + height: calc(100vh + 1.875rem); + } +} +.button { + display: inline-block; + vertical-align: middle; + margin: 0 0 1rem 0; + border: 1px solid transparent; + border-radius: 0; + -webkit-transition: background-color 0.25s ease-out, color 0.25s ease-out; + transition: background-color 0.25s ease-out, color 0.25s ease-out; + font-family: inherit; + font-size: 0.9rem; + -webkit-appearance: none; + line-height: 1; + text-align: center; + cursor: pointer; + padding: 0.85em 1em; +} +[data-whatinput=mouse] .button { + outline: 0; +} +.button.tiny { + font-size: 0.6rem; +} +.button.small { + font-size: 0.75rem; +} +.button.large { + font-size: 1.25rem; +} +.button.expanded { + display: block; + width: 100%; + margin-right: 0; + margin-left: 0; +} +.button, .button.disabled, .button[disabled], .button.disabled:hover, .button[disabled]:hover, .button.disabled:focus, .button[disabled]:focus { + background-color: #1779ba; + color: #fefefe; +} +.button:hover, .button:focus { + background-color: rgb(19.55, 102.85, 158.1); + color: #fefefe; +} +.button.primary, .button.primary.disabled, .button.primary[disabled], .button.primary.disabled:hover, .button.primary[disabled]:hover, .button.primary.disabled:focus, .button.primary[disabled]:focus { + background-color: #1779ba; + color: #fefefe; +} +.button.primary:hover, .button.primary:focus { + background-color: rgb(18.4, 96.8, 148.8); + color: #fefefe; +} +.button.secondary, .button.secondary.disabled, .button.secondary[disabled], .button.secondary.disabled:hover, .button.secondary[disabled]:hover, .button.secondary.disabled:focus, .button.secondary[disabled]:focus { + background-color: #767676; + color: #fefefe; +} +.button.secondary:hover, .button.secondary:focus { + background-color: rgb(94.4, 94.4, 94.4); + color: #fefefe; +} +.button.success, .button.success.disabled, .button.success[disabled], .button.success.disabled:hover, .button.success[disabled]:hover, .button.success.disabled:focus, .button.success[disabled]:focus { + background-color: #3adb76; + color: #0a0a0a; +} +.button.success:hover, .button.success:focus { + background-color: rgb(34.2386266094, 187.3613733906, 91.3030042918); + color: #0a0a0a; +} +.button.warning, .button.warning.disabled, .button.warning[disabled], .button.warning.disabled:hover, .button.warning[disabled]:hover, .button.warning.disabled:focus, .button.warning[disabled]:focus { + background-color: #ffae00; + color: #0a0a0a; +} +.button.warning:hover, .button.warning:focus { + background-color: rgb(204, 139.2, 0); + color: #0a0a0a; +} +.button.alert, .button.alert.disabled, .button.alert[disabled], .button.alert.disabled:hover, .button.alert[disabled]:hover, .button.alert.disabled:focus, .button.alert[disabled]:focus { + background-color: #cc4b37; + color: #fefefe; +} +.button.alert:hover, .button.alert:focus { + background-color: rgb(165.0996015936, 58.6103585657, 42.1003984064); + color: #fefefe; +} +.button.hollow, .button.hollow:hover, .button.hollow:focus, .button.hollow.disabled, .button.hollow.disabled:hover, .button.hollow.disabled:focus, .button.hollow[disabled], .button.hollow[disabled]:hover, .button.hollow[disabled]:focus { + background-color: transparent; +} +.button.hollow, .button.hollow.disabled, .button.hollow[disabled], .button.hollow.disabled:hover, .button.hollow[disabled]:hover, .button.hollow.disabled:focus, .button.hollow[disabled]:focus { + border: 1px solid #1779ba; + color: #1779ba; +} +.button.hollow:hover, .button.hollow:focus { + border-color: rgb(11.5, 60.5, 93); + color: rgb(11.5, 60.5, 93); +} +.button.hollow.primary, .button.hollow.primary.disabled, .button.hollow.primary[disabled], .button.hollow.primary.disabled:hover, .button.hollow.primary[disabled]:hover, .button.hollow.primary.disabled:focus, .button.hollow.primary[disabled]:focus { + border: 1px solid #1779ba; + color: #1779ba; +} +.button.hollow.primary:hover, .button.hollow.primary:focus { + border-color: rgb(11.5, 60.5, 93); + color: rgb(11.5, 60.5, 93); +} +.button.hollow.secondary, .button.hollow.secondary.disabled, .button.hollow.secondary[disabled], .button.hollow.secondary.disabled:hover, .button.hollow.secondary[disabled]:hover, .button.hollow.secondary.disabled:focus, .button.hollow.secondary[disabled]:focus { + border: 1px solid #767676; + color: #767676; +} +.button.hollow.secondary:hover, .button.hollow.secondary:focus { + border-color: #3b3b3b; + color: #3b3b3b; +} +.button.hollow.success, .button.hollow.success.disabled, .button.hollow.success[disabled], .button.hollow.success.disabled:hover, .button.hollow.success[disabled]:hover, .button.hollow.success.disabled:focus, .button.hollow.success[disabled]:focus { + border: 1px solid #3adb76; + color: #3adb76; +} +.button.hollow.success:hover, .button.hollow.success:focus { + border-color: rgb(21.3991416309, 117.1008583691, 57.0643776824); + color: rgb(21.3991416309, 117.1008583691, 57.0643776824); +} +.button.hollow.warning, .button.hollow.warning.disabled, .button.hollow.warning[disabled], .button.hollow.warning.disabled:hover, .button.hollow.warning[disabled]:hover, .button.hollow.warning.disabled:focus, .button.hollow.warning[disabled]:focus { + border: 1px solid #ffae00; + color: #ffae00; +} +.button.hollow.warning:hover, .button.hollow.warning:focus { + border-color: rgb(127.5, 87, 0); + color: rgb(127.5, 87, 0); +} +.button.hollow.alert, .button.hollow.alert.disabled, .button.hollow.alert[disabled], .button.hollow.alert.disabled:hover, .button.hollow.alert[disabled]:hover, .button.hollow.alert.disabled:focus, .button.hollow.alert[disabled]:focus { + border: 1px solid #cc4b37; + color: #cc4b37; +} +.button.hollow.alert:hover, .button.hollow.alert:focus { + border-color: rgb(103.187250996, 36.6314741036, 26.312749004); + color: rgb(103.187250996, 36.6314741036, 26.312749004); +} +.button.clear, .button.clear:hover, .button.clear:focus, .button.clear.disabled, .button.clear.disabled:hover, .button.clear.disabled:focus, .button.clear[disabled], .button.clear[disabled]:hover, .button.clear[disabled]:focus { + border-color: transparent; + background-color: transparent; +} +.button.clear, .button.clear.disabled, .button.clear[disabled], .button.clear.disabled:hover, .button.clear[disabled]:hover, .button.clear.disabled:focus, .button.clear[disabled]:focus { + color: #1779ba; +} +.button.clear:hover, .button.clear:focus { + color: rgb(11.5, 60.5, 93); +} +.button.clear.primary, .button.clear.primary.disabled, .button.clear.primary[disabled], .button.clear.primary.disabled:hover, .button.clear.primary[disabled]:hover, .button.clear.primary.disabled:focus, .button.clear.primary[disabled]:focus { + color: #1779ba; +} +.button.clear.primary:hover, .button.clear.primary:focus { + color: rgb(11.5, 60.5, 93); +} +.button.clear.secondary, .button.clear.secondary.disabled, .button.clear.secondary[disabled], .button.clear.secondary.disabled:hover, .button.clear.secondary[disabled]:hover, .button.clear.secondary.disabled:focus, .button.clear.secondary[disabled]:focus { + color: #767676; +} +.button.clear.secondary:hover, .button.clear.secondary:focus { + color: #3b3b3b; +} +.button.clear.success, .button.clear.success.disabled, .button.clear.success[disabled], .button.clear.success.disabled:hover, .button.clear.success[disabled]:hover, .button.clear.success.disabled:focus, .button.clear.success[disabled]:focus { + color: #3adb76; +} +.button.clear.success:hover, .button.clear.success:focus { + color: rgb(21.3991416309, 117.1008583691, 57.0643776824); +} +.button.clear.warning, .button.clear.warning.disabled, .button.clear.warning[disabled], .button.clear.warning.disabled:hover, .button.clear.warning[disabled]:hover, .button.clear.warning.disabled:focus, .button.clear.warning[disabled]:focus { + color: #ffae00; +} +.button.clear.warning:hover, .button.clear.warning:focus { + color: rgb(127.5, 87, 0); +} +.button.clear.alert, .button.clear.alert.disabled, .button.clear.alert[disabled], .button.clear.alert.disabled:hover, .button.clear.alert[disabled]:hover, .button.clear.alert.disabled:focus, .button.clear.alert[disabled]:focus { + color: #cc4b37; +} +.button.clear.alert:hover, .button.clear.alert:focus { + color: rgb(103.187250996, 36.6314741036, 26.312749004); +} +.button.disabled, .button[disabled] { + opacity: 0.25; + cursor: not-allowed; +} +.button.dropdown::after { + display: block; + width: 0; + height: 0; + border-style: solid; + border-width: 0.4em; + content: ""; + border-bottom-width: 0; + border-color: #fefefe transparent transparent; + position: relative; + top: 0.4em; + display: inline-block; + float: right; + margin-left: 1em; +} +.button.dropdown.hollow::after, .button.dropdown.clear::after { + border-top-color: #1779ba; +} +.button.dropdown.hollow.primary::after, .button.dropdown.clear.primary::after { + border-top-color: #1779ba; +} +.button.dropdown.hollow.secondary::after, .button.dropdown.clear.secondary::after { + border-top-color: #767676; +} +.button.dropdown.hollow.success::after, .button.dropdown.clear.success::after { + border-top-color: #3adb76; +} +.button.dropdown.hollow.warning::after, .button.dropdown.clear.warning::after { + border-top-color: #ffae00; +} +.button.dropdown.hollow.alert::after, .button.dropdown.clear.alert::after { + border-top-color: #cc4b37; +} +.button.arrow-only::after { + top: -0.1em; + float: none; + margin-left: 0; +} + +a.button:hover, a.button:focus { + text-decoration: none; +} + +.button-group { + margin-bottom: 1rem; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + -webkit-box-align: stretch; + -ms-flex-align: stretch; + align-items: stretch; + -webkit-box-flex: 1; + -ms-flex-positive: 1; + flex-grow: 1; +} +.button-group::before, .button-group::after { + display: none; +} +.button-group::before, .button-group::after { + display: table; + content: " "; + -ms-flex-preferred-size: 0; + flex-basis: 0; + -webkit-box-ordinal-group: 2; + -ms-flex-order: 1; + order: 1; +} +.button-group::after { + clear: both; +} +.button-group .button { + margin: 0; + margin-right: 1px; + margin-bottom: 1px; + font-size: 0.9rem; + -webkit-box-flex: 0; + -ms-flex: 0 0 auto; + flex: 0 0 auto; +} +.button-group .button:last-child { + margin-right: 0; +} +.button-group.tiny .button { + font-size: 0.6rem; +} +.button-group.small .button { + font-size: 0.75rem; +} +.button-group.large .button { + font-size: 1.25rem; +} +.button-group.expanded .button { + -webkit-box-flex: 1; + -ms-flex: 1 1 0px; + flex: 1 1 0px; +} +.button-group.primary .button, .button-group.primary .button.disabled, .button-group.primary .button[disabled], .button-group.primary .button.disabled:hover, .button-group.primary .button[disabled]:hover, .button-group.primary .button.disabled:focus, .button-group.primary .button[disabled]:focus { + background-color: #1779ba; + color: #fefefe; +} +.button-group.primary .button:hover, .button-group.primary .button:focus { + background-color: rgb(18.4, 96.8, 148.8); + color: #fefefe; +} +.button-group.secondary .button, .button-group.secondary .button.disabled, .button-group.secondary .button[disabled], .button-group.secondary .button.disabled:hover, .button-group.secondary .button[disabled]:hover, .button-group.secondary .button.disabled:focus, .button-group.secondary .button[disabled]:focus { + background-color: #767676; + color: #fefefe; +} +.button-group.secondary .button:hover, .button-group.secondary .button:focus { + background-color: rgb(94.4, 94.4, 94.4); + color: #fefefe; +} +.button-group.success .button, .button-group.success .button.disabled, .button-group.success .button[disabled], .button-group.success .button.disabled:hover, .button-group.success .button[disabled]:hover, .button-group.success .button.disabled:focus, .button-group.success .button[disabled]:focus { + background-color: #3adb76; + color: #0a0a0a; +} +.button-group.success .button:hover, .button-group.success .button:focus { + background-color: rgb(34.2386266094, 187.3613733906, 91.3030042918); + color: #0a0a0a; +} +.button-group.warning .button, .button-group.warning .button.disabled, .button-group.warning .button[disabled], .button-group.warning .button.disabled:hover, .button-group.warning .button[disabled]:hover, .button-group.warning .button.disabled:focus, .button-group.warning .button[disabled]:focus { + background-color: #ffae00; + color: #0a0a0a; +} +.button-group.warning .button:hover, .button-group.warning .button:focus { + background-color: rgb(204, 139.2, 0); + color: #0a0a0a; +} +.button-group.alert .button, .button-group.alert .button.disabled, .button-group.alert .button[disabled], .button-group.alert .button.disabled:hover, .button-group.alert .button[disabled]:hover, .button-group.alert .button.disabled:focus, .button-group.alert .button[disabled]:focus { + background-color: #cc4b37; + color: #fefefe; +} +.button-group.alert .button:hover, .button-group.alert .button:focus { + background-color: rgb(165.0996015936, 58.6103585657, 42.1003984064); + color: #fefefe; +} +.button-group.hollow .button, .button-group.hollow .button:hover, .button-group.hollow .button:focus, .button-group.hollow .button.disabled, .button-group.hollow .button.disabled:hover, .button-group.hollow .button.disabled:focus, .button-group.hollow .button[disabled], .button-group.hollow .button[disabled]:hover, .button-group.hollow .button[disabled]:focus { + background-color: transparent; +} +.button-group.hollow .button, .button-group.hollow .button.disabled, .button-group.hollow .button[disabled], .button-group.hollow .button.disabled:hover, .button-group.hollow .button[disabled]:hover, .button-group.hollow .button.disabled:focus, .button-group.hollow .button[disabled]:focus { + border: 1px solid #1779ba; + color: #1779ba; +} +.button-group.hollow .button:hover, .button-group.hollow .button:focus { + border-color: rgb(11.5, 60.5, 93); + color: rgb(11.5, 60.5, 93); +} +.button-group.hollow.primary .button, .button-group.hollow.primary .button.disabled, .button-group.hollow.primary .button[disabled], .button-group.hollow.primary .button.disabled:hover, .button-group.hollow.primary .button[disabled]:hover, .button-group.hollow.primary .button.disabled:focus, .button-group.hollow.primary .button[disabled]:focus, .button-group.hollow .button.primary, .button-group.hollow .button.primary.disabled, .button-group.hollow .button.primary[disabled], .button-group.hollow .button.primary.disabled:hover, .button-group.hollow .button.primary[disabled]:hover, .button-group.hollow .button.primary.disabled:focus, .button-group.hollow .button.primary[disabled]:focus { + border: 1px solid #1779ba; + color: #1779ba; +} +.button-group.hollow.primary .button:hover, .button-group.hollow.primary .button:focus, .button-group.hollow .button.primary:hover, .button-group.hollow .button.primary:focus { + border-color: rgb(11.5, 60.5, 93); + color: rgb(11.5, 60.5, 93); +} +.button-group.hollow.secondary .button, .button-group.hollow.secondary .button.disabled, .button-group.hollow.secondary .button[disabled], .button-group.hollow.secondary .button.disabled:hover, .button-group.hollow.secondary .button[disabled]:hover, .button-group.hollow.secondary .button.disabled:focus, .button-group.hollow.secondary .button[disabled]:focus, .button-group.hollow .button.secondary, .button-group.hollow .button.secondary.disabled, .button-group.hollow .button.secondary[disabled], .button-group.hollow .button.secondary.disabled:hover, .button-group.hollow .button.secondary[disabled]:hover, .button-group.hollow .button.secondary.disabled:focus, .button-group.hollow .button.secondary[disabled]:focus { + border: 1px solid #767676; + color: #767676; +} +.button-group.hollow.secondary .button:hover, .button-group.hollow.secondary .button:focus, .button-group.hollow .button.secondary:hover, .button-group.hollow .button.secondary:focus { + border-color: #3b3b3b; + color: #3b3b3b; +} +.button-group.hollow.success .button, .button-group.hollow.success .button.disabled, .button-group.hollow.success .button[disabled], .button-group.hollow.success .button.disabled:hover, .button-group.hollow.success .button[disabled]:hover, .button-group.hollow.success .button.disabled:focus, .button-group.hollow.success .button[disabled]:focus, .button-group.hollow .button.success, .button-group.hollow .button.success.disabled, .button-group.hollow .button.success[disabled], .button-group.hollow .button.success.disabled:hover, .button-group.hollow .button.success[disabled]:hover, .button-group.hollow .button.success.disabled:focus, .button-group.hollow .button.success[disabled]:focus { + border: 1px solid #3adb76; + color: #3adb76; +} +.button-group.hollow.success .button:hover, .button-group.hollow.success .button:focus, .button-group.hollow .button.success:hover, .button-group.hollow .button.success:focus { + border-color: rgb(21.3991416309, 117.1008583691, 57.0643776824); + color: rgb(21.3991416309, 117.1008583691, 57.0643776824); +} +.button-group.hollow.warning .button, .button-group.hollow.warning .button.disabled, .button-group.hollow.warning .button[disabled], .button-group.hollow.warning .button.disabled:hover, .button-group.hollow.warning .button[disabled]:hover, .button-group.hollow.warning .button.disabled:focus, .button-group.hollow.warning .button[disabled]:focus, .button-group.hollow .button.warning, .button-group.hollow .button.warning.disabled, .button-group.hollow .button.warning[disabled], .button-group.hollow .button.warning.disabled:hover, .button-group.hollow .button.warning[disabled]:hover, .button-group.hollow .button.warning.disabled:focus, .button-group.hollow .button.warning[disabled]:focus { + border: 1px solid #ffae00; + color: #ffae00; +} +.button-group.hollow.warning .button:hover, .button-group.hollow.warning .button:focus, .button-group.hollow .button.warning:hover, .button-group.hollow .button.warning:focus { + border-color: rgb(127.5, 87, 0); + color: rgb(127.5, 87, 0); +} +.button-group.hollow.alert .button, .button-group.hollow.alert .button.disabled, .button-group.hollow.alert .button[disabled], .button-group.hollow.alert .button.disabled:hover, .button-group.hollow.alert .button[disabled]:hover, .button-group.hollow.alert .button.disabled:focus, .button-group.hollow.alert .button[disabled]:focus, .button-group.hollow .button.alert, .button-group.hollow .button.alert.disabled, .button-group.hollow .button.alert[disabled], .button-group.hollow .button.alert.disabled:hover, .button-group.hollow .button.alert[disabled]:hover, .button-group.hollow .button.alert.disabled:focus, .button-group.hollow .button.alert[disabled]:focus { + border: 1px solid #cc4b37; + color: #cc4b37; +} +.button-group.hollow.alert .button:hover, .button-group.hollow.alert .button:focus, .button-group.hollow .button.alert:hover, .button-group.hollow .button.alert:focus { + border-color: rgb(103.187250996, 36.6314741036, 26.312749004); + color: rgb(103.187250996, 36.6314741036, 26.312749004); +} +.button-group.clear .button, .button-group.clear .button:hover, .button-group.clear .button:focus, .button-group.clear .button.disabled, .button-group.clear .button.disabled:hover, .button-group.clear .button.disabled:focus, .button-group.clear .button[disabled], .button-group.clear .button[disabled]:hover, .button-group.clear .button[disabled]:focus { + border-color: transparent; + background-color: transparent; +} +.button-group.clear .button, .button-group.clear .button.disabled, .button-group.clear .button[disabled], .button-group.clear .button.disabled:hover, .button-group.clear .button[disabled]:hover, .button-group.clear .button.disabled:focus, .button-group.clear .button[disabled]:focus { + color: #1779ba; +} +.button-group.clear .button:hover, .button-group.clear .button:focus { + color: rgb(11.5, 60.5, 93); +} +.button-group.clear.primary .button, .button-group.clear.primary .button.disabled, .button-group.clear.primary .button[disabled], .button-group.clear.primary .button.disabled:hover, .button-group.clear.primary .button[disabled]:hover, .button-group.clear.primary .button.disabled:focus, .button-group.clear.primary .button[disabled]:focus, .button-group.clear .button.primary, .button-group.clear .button.primary.disabled, .button-group.clear .button.primary[disabled], .button-group.clear .button.primary.disabled:hover, .button-group.clear .button.primary[disabled]:hover, .button-group.clear .button.primary.disabled:focus, .button-group.clear .button.primary[disabled]:focus { + color: #1779ba; +} +.button-group.clear.primary .button:hover, .button-group.clear.primary .button:focus, .button-group.clear .button.primary:hover, .button-group.clear .button.primary:focus { + color: rgb(11.5, 60.5, 93); +} +.button-group.clear.secondary .button, .button-group.clear.secondary .button.disabled, .button-group.clear.secondary .button[disabled], .button-group.clear.secondary .button.disabled:hover, .button-group.clear.secondary .button[disabled]:hover, .button-group.clear.secondary .button.disabled:focus, .button-group.clear.secondary .button[disabled]:focus, .button-group.clear .button.secondary, .button-group.clear .button.secondary.disabled, .button-group.clear .button.secondary[disabled], .button-group.clear .button.secondary.disabled:hover, .button-group.clear .button.secondary[disabled]:hover, .button-group.clear .button.secondary.disabled:focus, .button-group.clear .button.secondary[disabled]:focus { + color: #767676; +} +.button-group.clear.secondary .button:hover, .button-group.clear.secondary .button:focus, .button-group.clear .button.secondary:hover, .button-group.clear .button.secondary:focus { + color: #3b3b3b; +} +.button-group.clear.success .button, .button-group.clear.success .button.disabled, .button-group.clear.success .button[disabled], .button-group.clear.success .button.disabled:hover, .button-group.clear.success .button[disabled]:hover, .button-group.clear.success .button.disabled:focus, .button-group.clear.success .button[disabled]:focus, .button-group.clear .button.success, .button-group.clear .button.success.disabled, .button-group.clear .button.success[disabled], .button-group.clear .button.success.disabled:hover, .button-group.clear .button.success[disabled]:hover, .button-group.clear .button.success.disabled:focus, .button-group.clear .button.success[disabled]:focus { + color: #3adb76; +} +.button-group.clear.success .button:hover, .button-group.clear.success .button:focus, .button-group.clear .button.success:hover, .button-group.clear .button.success:focus { + color: rgb(21.3991416309, 117.1008583691, 57.0643776824); +} +.button-group.clear.warning .button, .button-group.clear.warning .button.disabled, .button-group.clear.warning .button[disabled], .button-group.clear.warning .button.disabled:hover, .button-group.clear.warning .button[disabled]:hover, .button-group.clear.warning .button.disabled:focus, .button-group.clear.warning .button[disabled]:focus, .button-group.clear .button.warning, .button-group.clear .button.warning.disabled, .button-group.clear .button.warning[disabled], .button-group.clear .button.warning.disabled:hover, .button-group.clear .button.warning[disabled]:hover, .button-group.clear .button.warning.disabled:focus, .button-group.clear .button.warning[disabled]:focus { + color: #ffae00; +} +.button-group.clear.warning .button:hover, .button-group.clear.warning .button:focus, .button-group.clear .button.warning:hover, .button-group.clear .button.warning:focus { + color: rgb(127.5, 87, 0); +} +.button-group.clear.alert .button, .button-group.clear.alert .button.disabled, .button-group.clear.alert .button[disabled], .button-group.clear.alert .button.disabled:hover, .button-group.clear.alert .button[disabled]:hover, .button-group.clear.alert .button.disabled:focus, .button-group.clear.alert .button[disabled]:focus, .button-group.clear .button.alert, .button-group.clear .button.alert.disabled, .button-group.clear .button.alert[disabled], .button-group.clear .button.alert.disabled:hover, .button-group.clear .button.alert[disabled]:hover, .button-group.clear .button.alert.disabled:focus, .button-group.clear .button.alert[disabled]:focus { + color: #cc4b37; +} +.button-group.clear.alert .button:hover, .button-group.clear.alert .button:focus, .button-group.clear .button.alert:hover, .button-group.clear .button.alert:focus { + color: rgb(103.187250996, 36.6314741036, 26.312749004); +} +.button-group.no-gaps .button { + margin-right: -0.0625rem; +} +.button-group.no-gaps .button + .button { + border-left-color: transparent; +} +.button-group.stacked, .button-group.stacked-for-small, .button-group.stacked-for-medium { + -ms-flex-wrap: wrap; + flex-wrap: wrap; +} +.button-group.stacked .button, .button-group.stacked-for-small .button, .button-group.stacked-for-medium .button { + -webkit-box-flex: 0; + -ms-flex: 0 0 100%; + flex: 0 0 100%; +} +.button-group.stacked .button:last-child, .button-group.stacked-for-small .button:last-child, .button-group.stacked-for-medium .button:last-child { + margin-bottom: 0; +} +.button-group.stacked.expanded .button, .button-group.stacked-for-small.expanded .button, .button-group.stacked-for-medium.expanded .button { + -webkit-box-flex: 1; + -ms-flex: 1 1 0px; + flex: 1 1 0px; +} +@media print, screen and (min-width: 40em) { + .button-group.stacked-for-small .button { + -webkit-box-flex: 0; + -ms-flex: 0 0 auto; + flex: 0 0 auto; + margin-bottom: 0; + } +} +@media print, screen and (min-width: 64em) { + .button-group.stacked-for-medium .button { + -webkit-box-flex: 0; + -ms-flex: 0 0 auto; + flex: 0 0 auto; + margin-bottom: 0; + } +} +@media print, screen and (max-width: 39.99875em) { + .button-group.stacked-for-small.expanded { + display: block; + } + .button-group.stacked-for-small.expanded .button { + display: block; + margin-right: 0; + } +} +@media print, screen and (max-width: 63.99875em) { + .button-group.stacked-for-medium.expanded { + display: block; + } + .button-group.stacked-for-medium.expanded .button { + display: block; + margin-right: 0; + } +} + +.close-button { + position: absolute; + z-index: 10; + color: #8a8a8a; + cursor: pointer; +} +[data-whatinput=mouse] .close-button { + outline: 0; +} +.close-button:hover, .close-button:focus { + color: #0a0a0a; +} +.close-button.small { + right: 0.66rem; + top: 0.33em; + font-size: 1.5em; + line-height: 1; +} + +.close-button.medium, .close-button { + right: 1rem; + top: 0.5rem; + font-size: 2em; + line-height: 1; +} + +.label { + display: inline-block; + padding: 0.33333rem 0.5rem; + border-radius: 0; + font-size: 0.8rem; + line-height: 1; + white-space: nowrap; + cursor: default; + background: #1779ba; + color: #fefefe; +} +.label.primary { + background: #1779ba; + color: #fefefe; +} +.label.secondary { + background: #767676; + color: #fefefe; +} +.label.success { + background: #3adb76; + color: #0a0a0a; +} +.label.warning { + background: #ffae00; + color: #0a0a0a; +} +.label.alert { + background: #cc4b37; + color: #fefefe; +} + +.progress { + height: 1rem; + margin-bottom: 1rem; + border-radius: 0; + background-color: #cacaca; +} +.progress.primary .progress-meter { + background-color: #1779ba; +} +.progress.secondary .progress-meter { + background-color: #767676; +} +.progress.success .progress-meter { + background-color: #3adb76; +} +.progress.warning .progress-meter { + background-color: #ffae00; +} +.progress.alert .progress-meter { + background-color: #cc4b37; +} + +.progress-meter { + position: relative; + display: block; + width: 0%; + height: 100%; + background-color: #1779ba; +} + +.progress-meter-text { + position: absolute; + top: 50%; + left: 50%; + -webkit-transform: translate(-50%, -50%); + transform: translate(-50%, -50%); + margin: 0; + font-size: 0.75rem; + font-weight: bold; + color: #fefefe; + white-space: nowrap; +} + +.slider { + position: relative; + height: 0.5rem; + margin-top: 1.25rem; + margin-bottom: 2.25rem; + background-color: #e6e6e6; + cursor: pointer; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + -ms-touch-action: none; + touch-action: none; +} + +.slider-fill { + position: absolute; + top: 0; + left: 0; + display: inline-block; + max-width: 100%; + height: 0.5rem; + background-color: #cacaca; + -webkit-transition: all 0.2s ease-in-out; + transition: all 0.2s ease-in-out; +} +.slider-fill.is-dragging { + -webkit-transition: all 0s linear; + transition: all 0s linear; +} + +.slider-handle { + left: 0; + z-index: 1; + cursor: -webkit-grab; + cursor: grab; + display: inline-block; + width: 1.4rem; + height: 1.4rem; + border-radius: 0; + background-color: #1779ba; + -webkit-transition: all 0.2s ease-in-out; + transition: all 0.2s ease-in-out; + -ms-touch-action: manipulation; + touch-action: manipulation; + position: absolute; + top: 50%; + -webkit-transform: translateY(-50%); + transform: translateY(-50%); +} +[data-whatinput=mouse] .slider-handle { + outline: 0; +} +.slider-handle:hover { + background-color: rgb(19.55, 102.85, 158.1); +} +.slider-handle.is-dragging { + -webkit-transition: all 0s linear; + transition: all 0s linear; + cursor: -webkit-grabbing; + cursor: grabbing; +} + +.slider.disabled, +.slider[disabled] { + opacity: 0.25; + cursor: not-allowed; +} + +.slider.vertical { + display: inline-block; + width: 0.5rem; + height: 12.5rem; + margin: 0 1.25rem; + -webkit-transform: scale(1, -1); + transform: scale(1, -1); +} +.slider.vertical .slider-fill { + top: 0; + width: 0.5rem; + max-height: 100%; +} +.slider.vertical .slider-handle { + position: absolute; + top: 0; + left: 50%; + width: 1.4rem; + height: 1.4rem; + -webkit-transform: translateX(-50%); + transform: translateX(-50%); +} + +.switch { + position: relative; + margin-bottom: 1rem; + outline: 0; + font-size: 0.875rem; + font-weight: bold; + color: #fefefe; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + height: 2rem; +} + +.switch-input { + position: absolute; + margin-bottom: 0; + opacity: 0; +} + +.switch-paddle { + position: relative; + display: block; + width: 4rem; + height: 2rem; + border-radius: 0; + background: #cacaca; + -webkit-transition: all 0.25s ease-out; + transition: all 0.25s ease-out; + font-weight: inherit; + color: inherit; + cursor: pointer; +} +input + .switch-paddle { + margin: 0; +} +.switch-paddle::after { + position: absolute; + top: 0.25rem; + left: 0.25rem; + display: block; + width: 1.5rem; + height: 1.5rem; + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + border-radius: 0; + background: #fefefe; + -webkit-transition: all 0.25s ease-out; + transition: all 0.25s ease-out; + content: ""; +} +input:checked ~ .switch-paddle { + background: #1779ba; +} +input:checked ~ .switch-paddle::after { + left: 2.25rem; +} +input:focus-visible ~ .switch-paddle { + background: rgb(181.8, 181.8, 181.8); +} +input:focus-visible ~ .switch-paddle::after { + background: #fefefe; +} +input:checked:focus-visible ~ .switch-paddle { + background: rgb(19.55, 102.85, 158.1); +} +input:disabled ~ .switch-paddle { + cursor: not-allowed; + opacity: 0.5; +} +[data-whatinput=mouse] input:focus ~ .switch-paddle { + outline: 0; +} + +.switch-inactive, .switch-active { + position: absolute; + top: 50%; + -webkit-transform: translateY(-50%); + transform: translateY(-50%); +} + +.switch-active { + left: 8%; + display: none; +} +input:checked + label > .switch-active { + display: block; +} + +.switch-inactive { + right: 15%; +} +input:checked + label > .switch-inactive { + display: none; +} + +.switch.tiny { + height: 1.5rem; +} +.switch.tiny .switch-paddle { + width: 3rem; + height: 1.5rem; + font-size: 0.625rem; +} +.switch.tiny .switch-paddle::after { + top: 0.25rem; + left: 0.25rem; + width: 1rem; + height: 1rem; +} +.switch.tiny input:checked ~ .switch-paddle::after { + left: 1.75rem; +} + +.switch.small { + height: 1.75rem; +} +.switch.small .switch-paddle { + width: 3.5rem; + height: 1.75rem; + font-size: 0.75rem; +} +.switch.small .switch-paddle::after { + top: 0.25rem; + left: 0.25rem; + width: 1.25rem; + height: 1.25rem; +} +.switch.small input:checked ~ .switch-paddle::after { + left: 2rem; +} + +.switch.large { + height: 2.5rem; +} +.switch.large .switch-paddle { + width: 5rem; + height: 2.5rem; + font-size: 1rem; +} +.switch.large .switch-paddle::after { + top: 0.25rem; + left: 0.25rem; + width: 2rem; + height: 2rem; +} +.switch.large input:checked ~ .switch-paddle::after { + left: 2.75rem; +} + +table { + border-collapse: collapse; + width: 100%; + margin-bottom: 1rem; + border-radius: 0; +} +thead, +tbody, +tfoot { + border: 1px solid rgb(241.3, 241.3, 241.3); + background-color: #fefefe; +} + +caption { + padding: 0.5rem 0.625rem 0.625rem; + font-weight: bold; +} + +thead { + background: rgb(247.65, 247.65, 247.65); + color: #0a0a0a; +} + +tfoot { + background: rgb(241.3, 241.3, 241.3); + color: #0a0a0a; +} + +thead tr, +tfoot tr { + background: transparent; +} +thead th, +thead td, +tfoot th, +tfoot td { + padding: 0.5rem 0.625rem 0.625rem; + font-weight: bold; + text-align: left; +} + +tbody th, +tbody td { + padding: 0.5rem 0.625rem 0.625rem; +} + +tbody tr:nth-child(even) { + border-bottom: 0; + background-color: rgb(241.3, 241.3, 241.3); +} + +table.unstriped tbody { + background-color: #fefefe; +} +table.unstriped tbody tr { + border-bottom: 1px solid rgb(241.3, 241.3, 241.3); + background-color: #fefefe; +} + +@media print, screen and (max-width: 63.99875em) { + table.stack thead { + display: none; + } + table.stack tfoot { + display: none; + } + table.stack tr, + table.stack th, + table.stack td { + display: block; + } + table.stack td { + border-top: 0; + } +} + +table.scroll { + display: block; + width: 100%; + overflow-x: auto; +} + +table.hover thead tr:hover { + background-color: rgb(242.55, 242.55, 242.55); +} +table.hover tfoot tr:hover { + background-color: rgb(236.2, 236.2, 236.2); +} +table.hover tbody tr:hover { + background-color: rgb(248.9, 248.9, 248.9); +} +table.hover:not(.unstriped) tr:nth-of-type(even):hover { + background-color: rgb(236.15, 236.15, 236.15); +} + +.table-scroll { + overflow-x: auto; +} + +.badge { + display: inline-block; + min-width: 2.1em; + padding: 0.3em; + border-radius: 50%; + font-size: 0.6rem; + text-align: center; + background: #1779ba; + color: #fefefe; +} +.badge.primary { + background: #1779ba; + color: #fefefe; +} +.badge.secondary { + background: #767676; + color: #fefefe; +} +.badge.success { + background: #3adb76; + color: #0a0a0a; +} +.badge.warning { + background: #ffae00; + color: #0a0a0a; +} +.badge.alert { + background: #cc4b37; + color: #fefefe; +} + +.breadcrumbs { + margin: 0 0 1rem 0; + list-style: none; +} +.breadcrumbs::before, .breadcrumbs::after { + display: table; + content: " "; + -ms-flex-preferred-size: 0; + flex-basis: 0; + -webkit-box-ordinal-group: 2; + -ms-flex-order: 1; + order: 1; +} +.breadcrumbs::after { + clear: both; +} +.breadcrumbs li { + float: left; + font-size: 0.6875rem; + color: #0a0a0a; + cursor: default; + text-transform: uppercase; +} +.breadcrumbs li:not(:last-child)::after { + position: relative; + margin: 0 0.75rem; + opacity: 1; + content: "/"; + color: #cacaca; +} +.breadcrumbs a { + color: #1779ba; +} +.breadcrumbs a:hover { + text-decoration: underline; +} +.breadcrumbs .disabled { + color: #cacaca; + cursor: not-allowed; +} + +.callout { + background-color: rgb(254.85, 254.85, 254.85); + color: #0a0a0a; + position: relative; + margin: 0 0 1rem 0; + padding: 1rem; + border: 1px solid rgba(10, 10, 10, 0.25); + border-radius: 0; +} +.callout > :first-child { + margin-top: 0; +} +.callout > :last-child { + margin-bottom: 0; +} +.callout.primary { + background-color: rgb(214.8186602871, 235.9894736842, 250.0313397129); + color: #0a0a0a; +} +.callout.secondary { + background-color: rgb(234.45, 234.45, 234.45); + color: #0a0a0a; +} +.callout.success { + background-color: rgb(225.45, 249.6, 234.45); + color: #0a0a0a; +} +.callout.warning { + background-color: rgb(255, 242.85, 216.75); + color: #0a0a0a; +} +.callout.alert { + background-color: rgb(247.35, 228, 225); + color: #0a0a0a; +} +.callout.small { + padding-top: 0.5rem; + padding-right: 0.5rem; + padding-bottom: 0.5rem; + padding-left: 0.5rem; +} +.callout.large { + padding-top: 3rem; + padding-right: 3rem; + padding-bottom: 3rem; + padding-left: 3rem; +} + +.card { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -ms-flex-direction: column; + flex-direction: column; + -webkit-box-flex: 1; + -ms-flex-positive: 1; + flex-grow: 1; + margin-bottom: 1rem; + border: 1px solid #e6e6e6; + border-radius: 0; + background: #fefefe; + -webkit-box-shadow: none; + box-shadow: none; + overflow: hidden; + color: #0a0a0a; +} +.card > :last-child { + margin-bottom: 0; +} + +.card-divider { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-flex: 0; + -ms-flex: 0 1 auto; + flex: 0 1 auto; + padding: 1rem; + background: #e6e6e6; +} +.card-divider > :last-child { + margin-bottom: 0; +} + +.card-section { + -webkit-box-flex: 1; + -ms-flex: 1 0 auto; + flex: 1 0 auto; + padding: 1rem; +} +.card-section > :last-child { + margin-bottom: 0; +} + +.card-image { + min-height: 1px; +} + +.dropdown-pane { + position: absolute; + z-index: 10; + display: none; + width: 300px; + padding: 1rem; + visibility: hidden; + border: 1px solid #cacaca; + border-radius: 0; + background-color: #fefefe; + font-size: 1rem; +} +.dropdown-pane.is-opening { + display: block; +} +.dropdown-pane.is-open { + display: block; + visibility: visible; +} + +.dropdown-pane.tiny { + width: 100px; +} + +.dropdown-pane.small { + width: 200px; +} + +.dropdown-pane.large { + width: 400px; +} + +.pagination { + margin-left: 0; + margin-bottom: 1rem; +} +.pagination::before, .pagination::after { + display: table; + content: " "; + -ms-flex-preferred-size: 0; + flex-basis: 0; + -webkit-box-ordinal-group: 2; + -ms-flex-order: 1; + order: 1; +} +.pagination::after { + clear: both; +} +.pagination li { + margin-right: 0.0625rem; + border-radius: 0; + font-size: 0.875rem; + display: none; +} +.pagination li:last-child, .pagination li:first-child { + display: inline-block; +} +@media print, screen and (min-width: 40em) { + .pagination li { + display: inline-block; + } +} +.pagination a, +.pagination button { + display: block; + padding: 0.1875rem 0.625rem; + border-radius: 0; + color: #0a0a0a; +} +.pagination a:hover, +.pagination button:hover { + background: #e6e6e6; +} +.pagination .current { + padding: 0.1875rem 0.625rem; + background: #1779ba; + color: #fefefe; + cursor: default; +} +.pagination .disabled { + padding: 0.1875rem 0.625rem; + color: #cacaca; + cursor: not-allowed; +} +.pagination .disabled:hover { + background: transparent; +} +.pagination .ellipsis::after { + padding: 0.1875rem 0.625rem; + content: "…"; + color: #0a0a0a; +} + +.pagination-previous a::before, +.pagination-previous.disabled::before { + display: inline-block; + margin-right: 0.5rem; + content: "«"; +} + +.pagination-next a::after, +.pagination-next.disabled::after { + display: inline-block; + margin-left: 0.5rem; + content: "»"; +} + +.has-tip { + position: relative; + display: inline-block; + border-bottom: dotted 1px #8a8a8a; + font-weight: bold; + cursor: help; +} + +.tooltip { + position: absolute; + top: calc(100% + 0.6495rem); + z-index: 1200; + max-width: 10rem; + padding: 0.75rem; + border-radius: 0; + background-color: #0a0a0a; + font-size: 80%; + color: #fefefe; +} +.tooltip::before { + position: absolute; +} +.tooltip.bottom::before { + display: block; + width: 0; + height: 0; + border-style: solid; + border-width: 0.75rem; + content: ""; + border-top-width: 0; + border-color: transparent transparent #0a0a0a; + bottom: 100%; +} +.tooltip.bottom.align-center::before { + left: 50%; + -webkit-transform: translateX(-50%); + transform: translateX(-50%); +} +.tooltip.top::before { + display: block; + width: 0; + height: 0; + border-style: solid; + border-width: 0.75rem; + content: ""; + border-bottom-width: 0; + border-color: #0a0a0a transparent transparent; + top: 100%; + bottom: auto; +} +.tooltip.top.align-center::before { + left: 50%; + -webkit-transform: translateX(-50%); + transform: translateX(-50%); +} +.tooltip.left::before { + display: block; + width: 0; + height: 0; + border-style: solid; + border-width: 0.75rem; + content: ""; + border-right-width: 0; + border-color: transparent transparent transparent #0a0a0a; + left: 100%; +} +.tooltip.left.align-center::before { + bottom: auto; + top: 50%; + -webkit-transform: translateY(-50%); + transform: translateY(-50%); +} +.tooltip.right::before { + display: block; + width: 0; + height: 0; + border-style: solid; + border-width: 0.75rem; + content: ""; + border-left-width: 0; + border-color: transparent #0a0a0a transparent transparent; + right: 100%; + left: auto; +} +.tooltip.right.align-center::before { + bottom: auto; + top: 50%; + -webkit-transform: translateY(-50%); + transform: translateY(-50%); +} +.tooltip.align-top::before { + bottom: auto; + top: 10%; +} +.tooltip.align-bottom::before { + bottom: 10%; + top: auto; +} +.tooltip.align-left::before { + left: 10%; + right: auto; +} +.tooltip.align-right::before { + left: auto; + right: 10%; +} + +.accordion { + margin-left: 0; + background: #fefefe; + list-style-type: none; +} +.accordion[disabled] .accordion-title { + cursor: not-allowed; +} + +.accordion-item:first-child > :first-child { + border-radius: 0 0 0 0; +} +.accordion-item:last-child > :last-child { + border-radius: 0 0 0 0; +} + +.accordion-title { + position: relative; + display: block; + padding: 1.25rem 1rem; + border: 1px solid #e6e6e6; + border-bottom: 0; + font-size: 0.75rem; + line-height: 1; + color: #1779ba; +} +:last-child:not(.is-active) > .accordion-title { + border-bottom: 1px solid #e6e6e6; + border-radius: 0 0 0 0; +} +.accordion-title:hover, .accordion-title:focus { + background-color: #e6e6e6; +} +.accordion-title::before { + position: absolute; + top: 50%; + right: 1rem; + margin-top: -0.5rem; + content: "+"; +} +.is-active > .accordion-title::before { + content: "–"; +} + +.accordion-content { + display: none; + padding: 1rem; + border: 1px solid #e6e6e6; + border-bottom: 0; + background-color: #fefefe; + color: #0a0a0a; +} +:last-child > .accordion-content:last-child { + border-bottom: 1px solid #e6e6e6; +} + +.media-object { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + margin-bottom: 1rem; + -ms-flex-wrap: nowrap; + flex-wrap: nowrap; +} +.media-object img { + max-width: none; +} +@media print, screen and (max-width: 39.99875em) { + .media-object.stack-for-small { + -ms-flex-wrap: wrap; + flex-wrap: wrap; + } +} + +.media-object-section { + -webkit-box-flex: 0; + -ms-flex: 0 1 auto; + flex: 0 1 auto; +} +.media-object-section:first-child { + padding-right: 1rem; +} +.media-object-section:last-child:not(:nth-child(2)) { + padding-left: 1rem; +} +.media-object-section > :last-child { + margin-bottom: 0; +} +@media print, screen and (max-width: 39.99875em) { + .stack-for-small .media-object-section { + padding: 0; + padding-bottom: 1rem; + -ms-flex-preferred-size: 100%; + flex-basis: 100%; + max-width: 100%; + } + .stack-for-small .media-object-section img { + width: 100%; + } +} +.media-object-section.main-section { + -webkit-box-flex: 1; + -ms-flex: 1 1 0px; + flex: 1 1 0px; +} + +.orbit { + position: relative; +} + +.orbit-container { + position: relative; + height: 0; + margin: 0; + list-style: none; + overflow: hidden; +} + +.orbit-slide { + width: 100%; + position: absolute; +} +.orbit-slide.no-motionui.is-active { + top: 0; + left: 0; +} + +.orbit-figure { + margin: 0; +} + +.orbit-image { + width: 100%; + max-width: 100%; + margin: 0; +} + +.orbit-caption { + position: absolute; + bottom: 0; + width: 100%; + margin-bottom: 0; + padding: 1rem; + background-color: rgba(10, 10, 10, 0.5); + color: #fefefe; +} + +.orbit-next, .orbit-previous { + z-index: 10; + padding: 1rem; + color: #fefefe; + position: absolute; + top: 50%; + -webkit-transform: translateY(-50%); + transform: translateY(-50%); +} +[data-whatinput=mouse] .orbit-next, [data-whatinput=mouse] .orbit-previous { + outline: 0; +} +.orbit-next:hover, .orbit-previous:hover, .orbit-next:active, .orbit-previous:active, .orbit-next:focus, .orbit-previous:focus { + background-color: rgba(10, 10, 10, 0.5); +} + +.orbit-previous { + left: 0; +} + +.orbit-next { + left: auto; + right: 0; +} + +.orbit-bullets { + position: relative; + margin-top: 0.8rem; + margin-bottom: 0.8rem; + text-align: center; +} +[data-whatinput=mouse] .orbit-bullets { + outline: 0; +} +.orbit-bullets button { + width: 1.2rem; + height: 1.2rem; + margin: 0.1rem; + border-radius: 50%; + background-color: #cacaca; +} +.orbit-bullets button:hover { + background-color: #8a8a8a; +} +.orbit-bullets button.is-active { + background-color: #8a8a8a; +} + +.responsive-embed, +.flex-video { + position: relative; + height: 0; + margin-bottom: 1rem; + padding-bottom: 75%; + overflow: hidden; +} +.responsive-embed iframe, +.responsive-embed object, +.responsive-embed embed, +.responsive-embed video, +.flex-video iframe, +.flex-video object, +.flex-video embed, +.flex-video video { + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; +} +.responsive-embed.widescreen, +.flex-video.widescreen { + padding-bottom: 56.25%; +} + +.tabs { + margin: 0; + border: 1px solid #e6e6e6; + background: #fefefe; + list-style-type: none; +} +.tabs::before, .tabs::after { + display: table; + content: " "; + -ms-flex-preferred-size: 0; + flex-basis: 0; + -webkit-box-ordinal-group: 2; + -ms-flex-order: 1; + order: 1; +} +.tabs::after { + clear: both; +} + +.tabs.vertical > li { + display: block; + float: none; + width: auto; +} + +.tabs.simple > li > a { + padding: 0; +} +.tabs.simple > li > a:hover { + background: transparent; +} + +.tabs.primary { + background: #1779ba; +} +.tabs.primary > li > a { + color: #fefefe; +} +.tabs.primary > li > a:hover, .tabs.primary > li > a:focus { + background: rgb(21.85, 114.95, 176.7); +} + +.tabs-title { + float: left; +} +.tabs-title > a { + display: block; + padding: 1.25rem 1.5rem; + font-size: 0.75rem; + line-height: 1; + color: #1779ba; +} +[data-whatinput=mouse] .tabs-title > a { + outline: 0; +} +.tabs-title > a:hover { + background: #fefefe; + color: rgb(19.78, 104.06, 159.96); +} +.tabs-title > a:focus, .tabs-title > a[aria-selected=true] { + background: #e6e6e6; + color: #1779ba; +} + +.tabs-content { + border: 1px solid #e6e6e6; + border-top: 0; + background: #fefefe; + color: #0a0a0a; + -webkit-transition: all 0.5s ease; + transition: all 0.5s ease; +} + +.tabs-content.vertical { + border: 1px solid #e6e6e6; + border-left: 0; +} + +.tabs-panel { + display: none; + padding: 1rem; +} +.tabs-panel.is-active { + display: block; +} + +.thumbnail { + display: inline-block; + max-width: 100%; + margin-bottom: 1rem; + border: 4px solid #fefefe; + border-radius: 0; + -webkit-box-shadow: 0 0 0 1px rgba(10, 10, 10, 0.2); + box-shadow: 0 0 0 1px rgba(10, 10, 10, 0.2); + line-height: 0; +} + +a.thumbnail { + -webkit-transition: -webkit-box-shadow 200ms ease-out; + transition: -webkit-box-shadow 200ms ease-out; + transition: box-shadow 200ms ease-out; + transition: box-shadow 200ms ease-out, -webkit-box-shadow 200ms ease-out; +} +a.thumbnail:hover, a.thumbnail:focus { + -webkit-box-shadow: 0 0 6px 1px rgba(23, 121, 186, 0.5); + box-shadow: 0 0 6px 1px rgba(23, 121, 186, 0.5); +} +a.thumbnail image { + -webkit-box-shadow: none; + box-shadow: none; +} + +.menu { + padding: 0; + margin: 0; + list-style: none; + position: relative; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -ms-flex-wrap: wrap; + flex-wrap: wrap; +} +[data-whatinput=mouse] .menu li { + outline: 0; +} +.menu a, +.menu .button { + line-height: 1; + text-decoration: none; + display: block; + padding: 0.7rem 1rem; +} +.menu input, +.menu select, +.menu a, +.menu button { + margin-bottom: 0; +} +.menu input { + display: inline-block; +} +.menu, .menu.horizontal { + -ms-flex-wrap: wrap; + flex-wrap: wrap; + -webkit-box-orient: horizontal; + -webkit-box-direction: normal; + -ms-flex-direction: row; + flex-direction: row; +} +.menu.vertical { + -ms-flex-wrap: nowrap; + flex-wrap: nowrap; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -ms-flex-direction: column; + flex-direction: column; +} +.menu.vertical.icon-top li a img, +.menu.vertical.icon-top li a i, +.menu.vertical.icon-top li a svg, .menu.vertical.icon-bottom li a img, +.menu.vertical.icon-bottom li a i, +.menu.vertical.icon-bottom li a svg { + text-align: left; +} +.menu.expanded li { + -webkit-box-flex: 1; + -ms-flex: 1 1 0px; + flex: 1 1 0px; +} +.menu.expanded.icon-top li a img, +.menu.expanded.icon-top li a i, +.menu.expanded.icon-top li a svg, .menu.expanded.icon-bottom li a img, +.menu.expanded.icon-bottom li a i, +.menu.expanded.icon-bottom li a svg { + text-align: left; +} +.menu.simple { + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; +} +.menu.simple li + li { + margin-left: 1rem; +} +.menu.simple a { + padding: 0; +} +@media print, screen and (min-width: 40em) { + .menu.medium-horizontal { + -ms-flex-wrap: wrap; + flex-wrap: wrap; + -webkit-box-orient: horizontal; + -webkit-box-direction: normal; + -ms-flex-direction: row; + flex-direction: row; + } + .menu.medium-vertical { + -ms-flex-wrap: nowrap; + flex-wrap: nowrap; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -ms-flex-direction: column; + flex-direction: column; + } + .menu.medium-expanded li { + -webkit-box-flex: 1; + -ms-flex: 1 1 0px; + flex: 1 1 0px; + } + .menu.medium-simple li { + -webkit-box-flex: 1; + -ms-flex: 1 1 0px; + flex: 1 1 0px; + } +} +@media print, screen and (min-width: 64em) { + .menu.large-horizontal { + -ms-flex-wrap: wrap; + flex-wrap: wrap; + -webkit-box-orient: horizontal; + -webkit-box-direction: normal; + -ms-flex-direction: row; + flex-direction: row; + } + .menu.large-vertical { + -ms-flex-wrap: nowrap; + flex-wrap: nowrap; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -ms-flex-direction: column; + flex-direction: column; + } + .menu.large-expanded li { + -webkit-box-flex: 1; + -ms-flex: 1 1 0px; + flex: 1 1 0px; + } + .menu.large-simple li { + -webkit-box-flex: 1; + -ms-flex: 1 1 0px; + flex: 1 1 0px; + } +} +.menu.nested { + margin-right: 0; + margin-left: 1rem; +} +.menu.icons a { + display: -webkit-box; + display: -ms-flexbox; + display: flex; +} +.menu.icon-top a, .menu.icon-right a, .menu.icon-bottom a, .menu.icon-left a { + display: -webkit-box; + display: -ms-flexbox; + display: flex; +} +.menu.icon-left li a, .menu.nested.icon-left li a { + -webkit-box-orient: horizontal; + -webkit-box-direction: normal; + -ms-flex-flow: row nowrap; + flex-flow: row nowrap; +} +.menu.icon-left li a img, +.menu.icon-left li a i, +.menu.icon-left li a svg, .menu.nested.icon-left li a img, +.menu.nested.icon-left li a i, +.menu.nested.icon-left li a svg { + margin-right: 0.25rem; +} +.menu.icon-right li a, .menu.nested.icon-right li a { + -webkit-box-orient: horizontal; + -webkit-box-direction: normal; + -ms-flex-flow: row nowrap; + flex-flow: row nowrap; +} +.menu.icon-right li a img, +.menu.icon-right li a i, +.menu.icon-right li a svg, .menu.nested.icon-right li a img, +.menu.nested.icon-right li a i, +.menu.nested.icon-right li a svg { + margin-left: 0.25rem; +} +.menu.icon-top li a, .menu.nested.icon-top li a { + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -ms-flex-flow: column nowrap; + flex-flow: column nowrap; +} +.menu.icon-top li a img, +.menu.icon-top li a i, +.menu.icon-top li a svg, .menu.nested.icon-top li a img, +.menu.nested.icon-top li a i, +.menu.nested.icon-top li a svg { + -ms-flex-item-align: stretch; + align-self: stretch; + margin-bottom: 0.25rem; + text-align: center; +} +.menu.icon-bottom li a, .menu.nested.icon-bottom li a { + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -ms-flex-flow: column nowrap; + flex-flow: column nowrap; +} +.menu.icon-bottom li a img, +.menu.icon-bottom li a i, +.menu.icon-bottom li a svg, .menu.nested.icon-bottom li a img, +.menu.nested.icon-bottom li a i, +.menu.nested.icon-bottom li a svg { + -ms-flex-item-align: stretch; + align-self: stretch; + margin-bottom: 0.25rem; + text-align: center; +} +.menu .is-active > a { + background: #1779ba; + color: #fefefe; +} +.menu .active > a { + background: #1779ba; + color: #fefefe; +} +.menu.align-left { + -webkit-box-pack: start; + -ms-flex-pack: start; + justify-content: flex-start; +} +.menu.align-right li { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: end; + -ms-flex-pack: end; + justify-content: flex-end; +} +.menu.align-right li .submenu li { + -webkit-box-pack: start; + -ms-flex-pack: start; + justify-content: flex-start; +} +.menu.align-right.vertical li { + display: block; + text-align: right; +} +.menu.align-right.vertical li .submenu li { + text-align: right; +} +.menu.align-right.icon-top li a img, +.menu.align-right.icon-top li a i, +.menu.align-right.icon-top li a svg, .menu.align-right.icon-bottom li a img, +.menu.align-right.icon-bottom li a i, +.menu.align-right.icon-bottom li a svg { + text-align: right; +} +.menu.align-right .nested { + margin-right: 1rem; + margin-left: 0; +} +.menu.align-center li { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; +} +.menu.align-center li .submenu li { + -webkit-box-pack: start; + -ms-flex-pack: start; + justify-content: flex-start; +} +.menu .menu-text { + padding: 0.7rem 1rem; + font-weight: bold; + line-height: 1; + color: inherit; +} + +.menu-centered > .menu { + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; +} +.menu-centered > .menu li { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; +} +.menu-centered > .menu li .submenu li { + -webkit-box-pack: start; + -ms-flex-pack: start; + justify-content: flex-start; +} + +.no-js [data-responsive-menu] ul { + display: none; +} + +.menu-icon { + position: relative; + display: inline-block; + vertical-align: middle; + width: 20px; + height: 16px; + cursor: pointer; +} +.menu-icon::after { + position: absolute; + top: 0; + left: 0; + display: block; + width: 100%; + height: 2px; + background: #fefefe; + -webkit-box-shadow: 0 7px 0 #fefefe, 0 14px 0 #fefefe; + box-shadow: 0 7px 0 #fefefe, 0 14px 0 #fefefe; + content: ""; +} +.menu-icon:hover::after { + background: #cacaca; + -webkit-box-shadow: 0 7px 0 #cacaca, 0 14px 0 #cacaca; + box-shadow: 0 7px 0 #cacaca, 0 14px 0 #cacaca; +} + +.menu-icon.dark { + position: relative; + display: inline-block; + vertical-align: middle; + width: 20px; + height: 16px; + cursor: pointer; +} +.menu-icon.dark::after { + position: absolute; + top: 0; + left: 0; + display: block; + width: 100%; + height: 2px; + background: #0a0a0a; + -webkit-box-shadow: 0 7px 0 #0a0a0a, 0 14px 0 #0a0a0a; + box-shadow: 0 7px 0 #0a0a0a, 0 14px 0 #0a0a0a; + content: ""; +} +.menu-icon.dark:hover::after { + background: #8a8a8a; + -webkit-box-shadow: 0 7px 0 #8a8a8a, 0 14px 0 #8a8a8a; + box-shadow: 0 7px 0 #8a8a8a, 0 14px 0 #8a8a8a; +} + +.accordion-menu li { + width: 100%; +} +.accordion-menu a { + padding: 0.7rem 1rem; +} +.accordion-menu .is-accordion-submenu a { + padding: 0.7rem 1rem; +} +.accordion-menu .nested.is-accordion-submenu { + margin-right: 0; + margin-left: 1rem; +} +.accordion-menu.align-right .nested.is-accordion-submenu { + margin-right: 1rem; + margin-left: 0; +} +.accordion-menu .is-accordion-submenu-parent:not(.has-submenu-toggle) > a { + position: relative; +} +.accordion-menu .is-accordion-submenu-parent:not(.has-submenu-toggle) > a::after { + display: block; + width: 0; + height: 0; + border-style: solid; + border-width: 6px; + content: ""; + border-bottom-width: 0; + border-color: #1779ba transparent transparent; + position: absolute; + top: 50%; + margin-top: -3px; + right: 1rem; +} +.accordion-menu.align-left .is-accordion-submenu-parent > a::after { + right: 1rem; + left: auto; +} +.accordion-menu.align-right .is-accordion-submenu-parent > a::after { + right: auto; + left: 1rem; +} +.accordion-menu .is-accordion-submenu-parent[aria-expanded=true] > a::after { + -webkit-transform: rotate(180deg); + transform: rotate(180deg); + -webkit-transform-origin: 50% 50%; + transform-origin: 50% 50%; +} + +.is-accordion-submenu-parent { + position: relative; +} + +.has-submenu-toggle > a { + margin-right: 40px; +} + +.submenu-toggle { + position: absolute; + top: 0; + right: 0; + width: 40px; + height: 40px; + cursor: pointer; +} +.submenu-toggle::after { + display: block; + width: 0; + height: 0; + border-style: solid; + border-width: 6px; + content: ""; + border-bottom-width: 0; + border-color: #1779ba transparent transparent; + top: 0; + bottom: 0; + margin: auto; +} + +.submenu-toggle[aria-expanded=true]::after { + -webkit-transform: scaleY(-1); + transform: scaleY(-1); + -webkit-transform-origin: 50% 50%; + transform-origin: 50% 50%; +} + +.submenu-toggle-text { + position: absolute !important; + width: 1px !important; + height: 1px !important; + padding: 0 !important; + overflow: hidden !important; + clip: rect(0, 0, 0, 0) !important; + white-space: nowrap !important; + border: 0 !important; +} + +.is-drilldown { + position: relative; + overflow: hidden; +} +.is-drilldown li { + display: block; +} +.is-drilldown.animate-height { + -webkit-transition: height 0.5s; + transition: height 0.5s; +} + +.drilldown a { + padding: 0.7rem 1rem; + background: #fefefe; +} +.drilldown .is-drilldown-submenu { + position: absolute; + top: 0; + left: 100%; + z-index: -1; + width: 100%; + background: #fefefe; + -webkit-transition: -webkit-transform 0.15s linear; + transition: -webkit-transform 0.15s linear; + transition: transform 0.15s linear; + transition: transform 0.15s linear, -webkit-transform 0.15s linear; +} +.drilldown .is-drilldown-submenu.is-active { + z-index: 1; + display: block; + -webkit-transform: translateX(-100%); + transform: translateX(-100%); +} +.drilldown .is-drilldown-submenu.is-closing { + -webkit-transform: translateX(100%); + transform: translateX(100%); +} +.drilldown .is-drilldown-submenu a { + padding: 0.7rem 1rem; +} +.drilldown .nested.is-drilldown-submenu { + margin-right: 0; + margin-left: 0; +} +.drilldown .drilldown-submenu-cover-previous { + min-height: 100%; +} +.drilldown .is-drilldown-submenu-parent > a { + position: relative; +} +.drilldown .is-drilldown-submenu-parent > a::after { + display: block; + width: 0; + height: 0; + border-style: solid; + border-width: 6px; + content: ""; + border-right-width: 0; + border-color: transparent transparent transparent #1779ba; + position: absolute; + top: 50%; + margin-top: -6px; + right: 1rem; +} +.drilldown.align-left .is-drilldown-submenu-parent > a::after { + display: block; + width: 0; + height: 0; + border-style: solid; + border-width: 6px; + content: ""; + border-right-width: 0; + border-color: transparent transparent transparent #1779ba; + right: 1rem; + left: auto; +} +.drilldown.align-right .is-drilldown-submenu-parent > a::after { + display: block; + width: 0; + height: 0; + border-style: solid; + border-width: 6px; + content: ""; + border-left-width: 0; + border-color: transparent #1779ba transparent transparent; + right: auto; + left: 1rem; +} +.drilldown .js-drilldown-back > a::before { + display: block; + width: 0; + height: 0; + border-style: solid; + border-width: 6px; + content: ""; + border-left-width: 0; + border-color: transparent #1779ba transparent transparent; + display: inline-block; + vertical-align: middle; + margin-right: 0.75rem; +} + +.dropdown.menu > li.opens-left > .is-dropdown-submenu { + top: 100%; + right: 0; + left: auto; +} +.dropdown.menu > li.opens-right > .is-dropdown-submenu { + top: 100%; + right: auto; + left: 0; +} +.dropdown.menu > li.is-dropdown-submenu-parent > a { + position: relative; + padding-right: 1.5rem; +} +.dropdown.menu > li.is-dropdown-submenu-parent > a::after { + display: block; + width: 0; + height: 0; + border-style: solid; + border-width: 6px; + content: ""; + border-bottom-width: 0; + border-color: #1779ba transparent transparent; + right: 5px; + left: auto; + margin-top: -3px; +} +[data-whatinput=mouse] .dropdown.menu a { + outline: 0; +} +.dropdown.menu > li > a { + padding: 0.7rem 1rem; +} +.dropdown.menu > li.is-active > a { + background: transparent; + color: #1779ba; +} +.no-js .dropdown.menu ul { + display: none; +} +.dropdown.menu .nested.is-dropdown-submenu { + margin-right: 0; + margin-left: 0; +} +.dropdown.menu.vertical > li .is-dropdown-submenu { + top: 0; +} +.dropdown.menu.vertical > li.opens-left > .is-dropdown-submenu { + top: 0; + right: 100%; + left: auto; +} +.dropdown.menu.vertical > li.opens-right > .is-dropdown-submenu { + right: auto; + left: 100%; +} +.dropdown.menu.vertical > li > a::after { + right: 14px; +} +.dropdown.menu.vertical > li.opens-left > a::after { + display: block; + width: 0; + height: 0; + border-style: solid; + border-width: 6px; + content: ""; + border-left-width: 0; + border-color: transparent #1779ba transparent transparent; + right: auto; + left: 5px; +} +.dropdown.menu.vertical > li.opens-right > a::after { + display: block; + width: 0; + height: 0; + border-style: solid; + border-width: 6px; + content: ""; + border-right-width: 0; + border-color: transparent transparent transparent #1779ba; +} +@media print, screen and (min-width: 40em) { + .dropdown.menu.medium-horizontal > li.opens-left > .is-dropdown-submenu { + top: 100%; + right: 0; + left: auto; + } + .dropdown.menu.medium-horizontal > li.opens-right > .is-dropdown-submenu { + top: 100%; + right: auto; + left: 0; + } + .dropdown.menu.medium-horizontal > li.is-dropdown-submenu-parent > a { + position: relative; + padding-right: 1.5rem; + } + .dropdown.menu.medium-horizontal > li.is-dropdown-submenu-parent > a::after { + display: block; + width: 0; + height: 0; + border-style: solid; + border-width: 6px; + content: ""; + border-bottom-width: 0; + border-color: #1779ba transparent transparent; + right: 5px; + left: auto; + margin-top: -3px; + } + .dropdown.menu.medium-vertical > li .is-dropdown-submenu { + top: 0; + } + .dropdown.menu.medium-vertical > li.opens-left > .is-dropdown-submenu { + top: 0; + right: 100%; + left: auto; + } + .dropdown.menu.medium-vertical > li.opens-right > .is-dropdown-submenu { + right: auto; + left: 100%; + } + .dropdown.menu.medium-vertical > li > a::after { + right: 14px; + } + .dropdown.menu.medium-vertical > li.opens-left > a::after { + display: block; + width: 0; + height: 0; + border-style: solid; + border-width: 6px; + content: ""; + border-left-width: 0; + border-color: transparent #1779ba transparent transparent; + right: auto; + left: 5px; + } + .dropdown.menu.medium-vertical > li.opens-right > a::after { + display: block; + width: 0; + height: 0; + border-style: solid; + border-width: 6px; + content: ""; + border-right-width: 0; + border-color: transparent transparent transparent #1779ba; + } +} +@media print, screen and (min-width: 64em) { + .dropdown.menu.large-horizontal > li.opens-left > .is-dropdown-submenu { + top: 100%; + right: 0; + left: auto; + } + .dropdown.menu.large-horizontal > li.opens-right > .is-dropdown-submenu { + top: 100%; + right: auto; + left: 0; + } + .dropdown.menu.large-horizontal > li.is-dropdown-submenu-parent > a { + position: relative; + padding-right: 1.5rem; + } + .dropdown.menu.large-horizontal > li.is-dropdown-submenu-parent > a::after { + display: block; + width: 0; + height: 0; + border-style: solid; + border-width: 6px; + content: ""; + border-bottom-width: 0; + border-color: #1779ba transparent transparent; + right: 5px; + left: auto; + margin-top: -3px; + } + .dropdown.menu.large-vertical > li .is-dropdown-submenu { + top: 0; + } + .dropdown.menu.large-vertical > li.opens-left > .is-dropdown-submenu { + top: 0; + right: 100%; + left: auto; + } + .dropdown.menu.large-vertical > li.opens-right > .is-dropdown-submenu { + right: auto; + left: 100%; + } + .dropdown.menu.large-vertical > li > a::after { + right: 14px; + } + .dropdown.menu.large-vertical > li.opens-left > a::after { + display: block; + width: 0; + height: 0; + border-style: solid; + border-width: 6px; + content: ""; + border-left-width: 0; + border-color: transparent #1779ba transparent transparent; + right: auto; + left: 5px; + } + .dropdown.menu.large-vertical > li.opens-right > a::after { + display: block; + width: 0; + height: 0; + border-style: solid; + border-width: 6px; + content: ""; + border-right-width: 0; + border-color: transparent transparent transparent #1779ba; + } +} +.dropdown.menu.align-right .is-dropdown-submenu.first-sub { + top: 100%; + right: 0; + left: auto; +} + +.is-dropdown-menu.vertical { + width: 100px; +} +.is-dropdown-menu.vertical.align-right { + float: right; +} + +.is-dropdown-submenu-parent { + position: relative; +} +.is-dropdown-submenu-parent a::after { + position: absolute; + top: 50%; + right: 5px; + left: auto; + margin-top: -6px; +} +.is-dropdown-submenu-parent.opens-inner > .is-dropdown-submenu { + top: 100%; + left: auto; +} +.is-dropdown-submenu-parent.opens-left > .is-dropdown-submenu { + right: 100%; + left: auto; +} +.is-dropdown-submenu-parent.opens-right > .is-dropdown-submenu { + right: auto; + left: 100%; +} + +.is-dropdown-submenu { + position: absolute; + top: 0; + left: 100%; + z-index: 1; + display: none; + min-width: 200px; + border: 1px solid #cacaca; + background: #fefefe; +} +.dropdown .is-dropdown-submenu a { + padding: 0.7rem 1rem; +} +.is-dropdown-submenu .is-dropdown-submenu-parent > a::after { + right: 14px; +} +.is-dropdown-submenu .is-dropdown-submenu-parent.opens-left > a::after { + display: block; + width: 0; + height: 0; + border-style: solid; + border-width: 6px; + content: ""; + border-left-width: 0; + border-color: transparent #1779ba transparent transparent; + right: auto; + left: 5px; +} +.is-dropdown-submenu .is-dropdown-submenu-parent.opens-right > a::after { + display: block; + width: 0; + height: 0; + border-style: solid; + border-width: 6px; + content: ""; + border-right-width: 0; + border-color: transparent transparent transparent #1779ba; +} +.is-dropdown-submenu .is-dropdown-submenu { + margin-top: -1px; +} +.is-dropdown-submenu > li { + width: 100%; +} +.is-dropdown-submenu.js-dropdown-active { + display: block; +} + +.is-off-canvas-open { + overflow: hidden; +} + +.js-off-canvas-overlay { + position: absolute; + top: 0; + left: 0; + z-index: 11; + width: 100%; + height: 100%; + -webkit-transition: opacity 0.5s ease, visibility 0.5s ease; + transition: opacity 0.5s ease, visibility 0.5s ease; + background: rgba(254, 254, 254, 0.25); + opacity: 0; + visibility: hidden; + overflow: hidden; +} +.js-off-canvas-overlay.is-visible { + opacity: 1; + visibility: visible; +} +.js-off-canvas-overlay.is-closable { + cursor: pointer; +} +.js-off-canvas-overlay.is-overlay-absolute { + position: absolute; +} +.js-off-canvas-overlay.is-overlay-fixed { + position: fixed; +} + +.off-canvas-wrapper { + position: relative; + overflow: hidden; +} + +.off-canvas { + z-index: 12; + -webkit-transition: -webkit-transform 0.5s ease; + transition: -webkit-transform 0.5s ease; + transition: transform 0.5s ease; + transition: transform 0.5s ease, -webkit-transform 0.5s ease; + -webkit-backface-visibility: hidden; + backface-visibility: hidden; + background: #e6e6e6; + position: fixed; +} +[data-whatinput=mouse] .off-canvas { + outline: 0; +} +.off-canvas.is-transition-push { + z-index: 12; +} +.off-canvas.is-closed { + visibility: hidden; +} +.off-canvas.is-transition-overlap { + z-index: 13; +} +.off-canvas.is-transition-overlap.is-open { + -webkit-box-shadow: 0 0 10px rgba(10, 10, 10, 0.7); + box-shadow: 0 0 10px rgba(10, 10, 10, 0.7); +} +.off-canvas.is-open { + -webkit-transform: translate(0, 0); + transform: translate(0, 0); +} + +.off-canvas-absolute { + z-index: 12; + -webkit-transition: -webkit-transform 0.5s ease; + transition: -webkit-transform 0.5s ease; + transition: transform 0.5s ease; + transition: transform 0.5s ease, -webkit-transform 0.5s ease; + -webkit-backface-visibility: hidden; + backface-visibility: hidden; + background: #e6e6e6; + position: absolute; +} +[data-whatinput=mouse] .off-canvas-absolute { + outline: 0; +} +.off-canvas-absolute.is-transition-push { + z-index: 12; +} +.off-canvas-absolute.is-closed { + visibility: hidden; +} +.off-canvas-absolute.is-transition-overlap { + z-index: 13; +} +.off-canvas-absolute.is-transition-overlap.is-open { + -webkit-box-shadow: 0 0 10px rgba(10, 10, 10, 0.7); + box-shadow: 0 0 10px rgba(10, 10, 10, 0.7); +} +.off-canvas-absolute.is-open { + -webkit-transform: translate(0, 0); + transform: translate(0, 0); +} + +.position-left { + top: 0; + left: 0; + height: 100%; + overflow-y: auto; + -webkit-overflow-scrolling: touch; + width: 250px; + -webkit-transform: translateX(-250px); + transform: translateX(-250px); +} +.off-canvas-content .off-canvas.position-left { + -webkit-transform: translateX(-250px); + transform: translateX(-250px); +} +.off-canvas-content .off-canvas.position-left.is-transition-overlap.is-open { + -webkit-transform: translate(0, 0); + transform: translate(0, 0); +} + +.off-canvas-content.is-open-left.has-transition-push { + -webkit-transform: translateX(250px); + transform: translateX(250px); +} + +.position-left.is-transition-push { + -webkit-box-shadow: inset -13px 0 20px -13px rgba(10, 10, 10, 0.25); + box-shadow: inset -13px 0 20px -13px rgba(10, 10, 10, 0.25); +} + +.position-right { + top: 0; + right: 0; + height: 100%; + overflow-y: auto; + -webkit-overflow-scrolling: touch; + width: 250px; + -webkit-transform: translateX(250px); + transform: translateX(250px); +} +.off-canvas-content .off-canvas.position-right { + -webkit-transform: translateX(250px); + transform: translateX(250px); +} +.off-canvas-content .off-canvas.position-right.is-transition-overlap.is-open { + -webkit-transform: translate(0, 0); + transform: translate(0, 0); +} + +.off-canvas-content.is-open-right.has-transition-push { + -webkit-transform: translateX(-250px); + transform: translateX(-250px); +} + +.position-right.is-transition-push { + -webkit-box-shadow: inset 13px 0 20px -13px rgba(10, 10, 10, 0.25); + box-shadow: inset 13px 0 20px -13px rgba(10, 10, 10, 0.25); +} + +.position-top { + top: 0; + left: 0; + width: 100%; + overflow-x: auto; + -webkit-overflow-scrolling: touch; + height: 250px; + -webkit-transform: translateY(-250px); + transform: translateY(-250px); +} +.off-canvas-content .off-canvas.position-top { + -webkit-transform: translateY(-250px); + transform: translateY(-250px); +} +.off-canvas-content .off-canvas.position-top.is-transition-overlap.is-open { + -webkit-transform: translate(0, 0); + transform: translate(0, 0); +} + +.off-canvas-content.is-open-top.has-transition-push { + -webkit-transform: translateY(250px); + transform: translateY(250px); +} + +.position-top.is-transition-push { + -webkit-box-shadow: inset 0 -13px 20px -13px rgba(10, 10, 10, 0.25); + box-shadow: inset 0 -13px 20px -13px rgba(10, 10, 10, 0.25); +} + +.position-bottom { + bottom: 0; + left: 0; + width: 100%; + overflow-x: auto; + -webkit-overflow-scrolling: touch; + height: 250px; + -webkit-transform: translateY(250px); + transform: translateY(250px); +} +.off-canvas-content .off-canvas.position-bottom { + -webkit-transform: translateY(250px); + transform: translateY(250px); +} +.off-canvas-content .off-canvas.position-bottom.is-transition-overlap.is-open { + -webkit-transform: translate(0, 0); + transform: translate(0, 0); +} + +.off-canvas-content.is-open-bottom.has-transition-push { + -webkit-transform: translateY(-250px); + transform: translateY(-250px); +} + +.position-bottom.is-transition-push { + -webkit-box-shadow: inset 0 13px 20px -13px rgba(10, 10, 10, 0.25); + box-shadow: inset 0 13px 20px -13px rgba(10, 10, 10, 0.25); +} + +.off-canvas-content { + -webkit-transform: none; + transform: none; + -webkit-backface-visibility: hidden; + backface-visibility: hidden; +} +.off-canvas-content.has-transition-overlap, .off-canvas-content.has-transition-push { + -webkit-transition: -webkit-transform 0.5s ease; + transition: -webkit-transform 0.5s ease; + transition: transform 0.5s ease; + transition: transform 0.5s ease, -webkit-transform 0.5s ease; +} +.off-canvas-content.has-transition-push { + -webkit-transform: translate(0, 0); + transform: translate(0, 0); +} +.off-canvas-content .off-canvas.is-open { + -webkit-transform: translate(0, 0); + transform: translate(0, 0); +} + +@media print, screen and (min-width: 40em) { + .position-left.reveal-for-medium { + -webkit-transform: none; + transform: none; + z-index: 12; + -webkit-transition: none; + transition: none; + visibility: visible; + } + .position-left.reveal-for-medium .close-button { + display: none; + } + .off-canvas-content .position-left.reveal-for-medium { + -webkit-transform: none; + transform: none; + } + .off-canvas-content.has-reveal-left { + margin-left: 250px; + } + .position-left.reveal-for-medium ~ .off-canvas-content { + margin-left: 250px; + } + .position-right.reveal-for-medium { + -webkit-transform: none; + transform: none; + z-index: 12; + -webkit-transition: none; + transition: none; + visibility: visible; + } + .position-right.reveal-for-medium .close-button { + display: none; + } + .off-canvas-content .position-right.reveal-for-medium { + -webkit-transform: none; + transform: none; + } + .off-canvas-content.has-reveal-right { + margin-right: 250px; + } + .position-right.reveal-for-medium ~ .off-canvas-content { + margin-right: 250px; + } + .position-top.reveal-for-medium { + -webkit-transform: none; + transform: none; + z-index: 12; + -webkit-transition: none; + transition: none; + visibility: visible; + } + .position-top.reveal-for-medium .close-button { + display: none; + } + .off-canvas-content .position-top.reveal-for-medium { + -webkit-transform: none; + transform: none; + } + .off-canvas-content.has-reveal-top { + margin-top: 250px; + } + .position-top.reveal-for-medium ~ .off-canvas-content { + margin-top: 250px; + } + .position-bottom.reveal-for-medium { + -webkit-transform: none; + transform: none; + z-index: 12; + -webkit-transition: none; + transition: none; + visibility: visible; + } + .position-bottom.reveal-for-medium .close-button { + display: none; + } + .off-canvas-content .position-bottom.reveal-for-medium { + -webkit-transform: none; + transform: none; + } + .off-canvas-content.has-reveal-bottom { + margin-bottom: 250px; + } + .position-bottom.reveal-for-medium ~ .off-canvas-content { + margin-bottom: 250px; + } +} +@media print, screen and (min-width: 64em) { + .position-left.reveal-for-large { + -webkit-transform: none; + transform: none; + z-index: 12; + -webkit-transition: none; + transition: none; + visibility: visible; + } + .position-left.reveal-for-large .close-button { + display: none; + } + .off-canvas-content .position-left.reveal-for-large { + -webkit-transform: none; + transform: none; + } + .off-canvas-content.has-reveal-left { + margin-left: 250px; + } + .position-left.reveal-for-large ~ .off-canvas-content { + margin-left: 250px; + } + .position-right.reveal-for-large { + -webkit-transform: none; + transform: none; + z-index: 12; + -webkit-transition: none; + transition: none; + visibility: visible; + } + .position-right.reveal-for-large .close-button { + display: none; + } + .off-canvas-content .position-right.reveal-for-large { + -webkit-transform: none; + transform: none; + } + .off-canvas-content.has-reveal-right { + margin-right: 250px; + } + .position-right.reveal-for-large ~ .off-canvas-content { + margin-right: 250px; + } + .position-top.reveal-for-large { + -webkit-transform: none; + transform: none; + z-index: 12; + -webkit-transition: none; + transition: none; + visibility: visible; + } + .position-top.reveal-for-large .close-button { + display: none; + } + .off-canvas-content .position-top.reveal-for-large { + -webkit-transform: none; + transform: none; + } + .off-canvas-content.has-reveal-top { + margin-top: 250px; + } + .position-top.reveal-for-large ~ .off-canvas-content { + margin-top: 250px; + } + .position-bottom.reveal-for-large { + -webkit-transform: none; + transform: none; + z-index: 12; + -webkit-transition: none; + transition: none; + visibility: visible; + } + .position-bottom.reveal-for-large .close-button { + display: none; + } + .off-canvas-content .position-bottom.reveal-for-large { + -webkit-transform: none; + transform: none; + } + .off-canvas-content.has-reveal-bottom { + margin-bottom: 250px; + } + .position-bottom.reveal-for-large ~ .off-canvas-content { + margin-bottom: 250px; + } +} +@media print, screen and (min-width: 40em) { + .off-canvas.in-canvas-for-medium { + visibility: visible; + height: auto; + position: static; + background: none; + width: auto; + overflow: visible; + -webkit-transition: none; + transition: none; + } + .off-canvas.in-canvas-for-medium.position-left, .off-canvas.in-canvas-for-medium.position-right, .off-canvas.in-canvas-for-medium.position-top, .off-canvas.in-canvas-for-medium.position-bottom { + -webkit-box-shadow: none; + box-shadow: none; + -webkit-transform: none; + transform: none; + } + .off-canvas.in-canvas-for-medium .close-button { + display: none; + } +} +@media print, screen and (min-width: 64em) { + .off-canvas.in-canvas-for-large { + visibility: visible; + height: auto; + position: static; + background: none; + width: auto; + overflow: visible; + -webkit-transition: none; + transition: none; + } + .off-canvas.in-canvas-for-large.position-left, .off-canvas.in-canvas-for-large.position-right, .off-canvas.in-canvas-for-large.position-top, .off-canvas.in-canvas-for-large.position-bottom { + -webkit-box-shadow: none; + box-shadow: none; + -webkit-transform: none; + transform: none; + } + .off-canvas.in-canvas-for-large .close-button { + display: none; + } +} +html.is-reveal-open { + position: fixed; + width: 100%; + overflow-y: hidden; +} +html.is-reveal-open.zf-has-scroll { + overflow-y: scroll; + -webkit-overflow-scrolling: touch; +} +html.is-reveal-open body { + overflow-y: hidden; +} + +.reveal-overlay { + position: fixed; + top: 0; + right: 0; + bottom: 0; + left: 0; + z-index: 1005; + display: none; + background-color: rgba(10, 10, 10, 0.45); + overflow-y: auto; + -webkit-overflow-scrolling: touch; +} + +.reveal { + position: relative; + top: 100px; + margin-right: auto; + margin-left: auto; + overflow-y: auto; + -webkit-overflow-scrolling: touch; + z-index: 1006; + -webkit-backface-visibility: hidden; + backface-visibility: hidden; + display: none; + padding: 1rem; + border: 1px solid #cacaca; + border-radius: 0; + background-color: #fefefe; +} +[data-whatinput=mouse] .reveal { + outline: 0; +} +@media print, screen and (min-width: 40em) { + .reveal { + min-height: 0; + } +} +.reveal .column { + min-width: 0; +} +.reveal > :last-child { + margin-bottom: 0; +} +@media print, screen and (min-width: 40em) { + .reveal { + width: 600px; + max-width: 75rem; + } +} +.reveal.collapse { + padding: 0; +} +@media print, screen and (min-width: 40em) { + .reveal.tiny { + width: 30%; + max-width: 75rem; + } +} +@media print, screen and (min-width: 40em) { + .reveal.small { + width: 50%; + max-width: 75rem; + } +} +@media print, screen and (min-width: 40em) { + .reveal.large { + width: 90%; + max-width: 75rem; + } +} +.reveal.full { + top: 0; + right: 0; + bottom: 0; + left: 0; + width: 100%; + max-width: none; + height: 100%; + min-height: 100%; + margin-left: 0; + border: 0; + border-radius: 0; +} +@media print, screen and (max-width: 39.99875em) { + .reveal { + top: 0; + right: 0; + bottom: 0; + left: 0; + width: 100%; + max-width: none; + height: 100%; + min-height: 100%; + margin-left: 0; + border: 0; + border-radius: 0; + } +} +.reveal.without-overlay { + position: fixed; +} + +.sticky-container { + position: relative; +} + +.sticky { + position: relative; + z-index: 0; + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); +} + +.sticky.is-stuck { + position: fixed; + z-index: 5; + width: 100%; +} +.sticky.is-stuck.is-at-top { + top: 0; +} +.sticky.is-stuck.is-at-bottom { + bottom: 0; +} + +.sticky.is-anchored { + position: relative; + right: auto; + left: auto; +} +.sticky.is-anchored.is-at-bottom { + bottom: 0; +} + +.title-bar { + padding: 0.5rem; + background: #0a0a0a; + color: #fefefe; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: start; + -ms-flex-pack: start; + justify-content: flex-start; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; +} +.title-bar .menu-icon { + margin-left: 0.25rem; + margin-right: 0.25rem; +} + +.title-bar-left, +.title-bar-right { + -webkit-box-flex: 1; + -ms-flex: 1 1 0px; + flex: 1 1 0px; +} + +.title-bar-right { + text-align: right; +} + +.title-bar-title { + display: inline-block; + vertical-align: middle; + font-weight: bold; +} + +.top-bar { + padding: 0.5rem; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -ms-flex-wrap: nowrap; + flex-wrap: nowrap; + -webkit-box-pack: justify; + -ms-flex-pack: justify; + justify-content: space-between; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; +} +.top-bar, +.top-bar ul { + background-color: #e6e6e6; +} +.top-bar input { + max-width: 200px; + margin-right: 1rem; +} +.top-bar .input-group-field { + width: 100%; + margin-right: 0; +} +.top-bar input.button { + width: auto; +} + +.top-bar { + -ms-flex-wrap: wrap; + flex-wrap: wrap; +} +.top-bar .top-bar-left, +.top-bar .top-bar-right { + -webkit-box-flex: 0; + -ms-flex: 0 0 100%; + flex: 0 0 100%; + max-width: 100%; +} + +@media print, screen and (min-width: 40em) { + .top-bar { + -ms-flex-wrap: nowrap; + flex-wrap: nowrap; + } + .top-bar .top-bar-left { + -webkit-box-flex: 1; + -ms-flex: 1 1 auto; + flex: 1 1 auto; + margin-right: auto; + } + .top-bar .top-bar-right { + -webkit-box-flex: 0; + -ms-flex: 0 1 auto; + flex: 0 1 auto; + margin-left: auto; + } +} +@media print, screen and (max-width: 63.99875em) { + .top-bar.stacked-for-medium { + -ms-flex-wrap: wrap; + flex-wrap: wrap; + } + .top-bar.stacked-for-medium .top-bar-left, + .top-bar.stacked-for-medium .top-bar-right { + -webkit-box-flex: 0; + -ms-flex: 0 0 100%; + flex: 0 0 100%; + max-width: 100%; + } +} +@media print, screen and (max-width: 74.99875em) { + .top-bar.stacked-for-large { + -ms-flex-wrap: wrap; + flex-wrap: wrap; + } + .top-bar.stacked-for-large .top-bar-left, + .top-bar.stacked-for-large .top-bar-right { + -webkit-box-flex: 0; + -ms-flex: 0 0 100%; + flex: 0 0 100%; + max-width: 100%; + } +} + +.top-bar-title { + -webkit-box-flex: 0; + -ms-flex: 0 0 auto; + flex: 0 0 auto; + margin: 0.5rem 1rem 0.5rem 0; +} + +.top-bar-left, +.top-bar-right { + -webkit-box-flex: 0; + -ms-flex: 0 0 auto; + flex: 0 0 auto; +} + +.float-left { + float: left !important; +} + +.float-right { + float: right !important; +} + +.float-center { + display: block; + margin-right: auto; + margin-left: auto; +} + +.clearfix::before, .clearfix::after { + display: table; + content: " "; + -ms-flex-preferred-size: 0; + flex-basis: 0; + -webkit-box-ordinal-group: 2; + -ms-flex-order: 1; + order: 1; +} +.clearfix::after { + clear: both; +} + +.align-left { + -webkit-box-pack: start; + -ms-flex-pack: start; + justify-content: flex-start; +} + +.align-right { + -webkit-box-pack: end; + -ms-flex-pack: end; + justify-content: flex-end; +} + +.align-center { + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; +} + +.align-justify { + -webkit-box-pack: justify; + -ms-flex-pack: justify; + justify-content: space-between; +} + +.align-spaced { + -ms-flex-pack: distribute; + justify-content: space-around; +} + +.align-left.vertical.menu > li > a { + -webkit-box-pack: start; + -ms-flex-pack: start; + justify-content: flex-start; +} + +.align-right.vertical.menu > li > a { + -webkit-box-pack: end; + -ms-flex-pack: end; + justify-content: flex-end; +} + +.align-center.vertical.menu > li > a { + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; +} + +.align-top { + -webkit-box-align: start; + -ms-flex-align: start; + align-items: flex-start; +} + +.align-self-top { + -ms-flex-item-align: start; + align-self: flex-start; +} + +.align-bottom { + -webkit-box-align: end; + -ms-flex-align: end; + align-items: flex-end; +} + +.align-self-bottom { + -ms-flex-item-align: end; + align-self: flex-end; +} + +.align-middle { + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; +} + +.align-self-middle { + -ms-flex-item-align: center; + align-self: center; +} + +.align-stretch { + -webkit-box-align: stretch; + -ms-flex-align: stretch; + align-items: stretch; +} + +.align-self-stretch { + -ms-flex-item-align: stretch; + align-self: stretch; +} + +.align-center-middle { + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + -ms-flex-line-pack: center; + align-content: center; +} + +.small-order-1 { + -webkit-box-ordinal-group: 2; + -ms-flex-order: 1; + order: 1; +} + +.small-order-2 { + -webkit-box-ordinal-group: 3; + -ms-flex-order: 2; + order: 2; +} + +.small-order-3 { + -webkit-box-ordinal-group: 4; + -ms-flex-order: 3; + order: 3; +} + +.small-order-4 { + -webkit-box-ordinal-group: 5; + -ms-flex-order: 4; + order: 4; +} + +.small-order-5 { + -webkit-box-ordinal-group: 6; + -ms-flex-order: 5; + order: 5; +} + +.small-order-6 { + -webkit-box-ordinal-group: 7; + -ms-flex-order: 6; + order: 6; +} + +@media print, screen and (min-width: 40em) { + .medium-order-1 { + -webkit-box-ordinal-group: 2; + -ms-flex-order: 1; + order: 1; + } + .medium-order-2 { + -webkit-box-ordinal-group: 3; + -ms-flex-order: 2; + order: 2; + } + .medium-order-3 { + -webkit-box-ordinal-group: 4; + -ms-flex-order: 3; + order: 3; + } + .medium-order-4 { + -webkit-box-ordinal-group: 5; + -ms-flex-order: 4; + order: 4; + } + .medium-order-5 { + -webkit-box-ordinal-group: 6; + -ms-flex-order: 5; + order: 5; + } + .medium-order-6 { + -webkit-box-ordinal-group: 7; + -ms-flex-order: 6; + order: 6; + } +} +@media print, screen and (min-width: 64em) { + .large-order-1 { + -webkit-box-ordinal-group: 2; + -ms-flex-order: 1; + order: 1; + } + .large-order-2 { + -webkit-box-ordinal-group: 3; + -ms-flex-order: 2; + order: 2; + } + .large-order-3 { + -webkit-box-ordinal-group: 4; + -ms-flex-order: 3; + order: 3; + } + .large-order-4 { + -webkit-box-ordinal-group: 5; + -ms-flex-order: 4; + order: 4; + } + .large-order-5 { + -webkit-box-ordinal-group: 6; + -ms-flex-order: 5; + order: 5; + } + .large-order-6 { + -webkit-box-ordinal-group: 7; + -ms-flex-order: 6; + order: 6; + } +} +.flex-container { + display: -webkit-box; + display: -ms-flexbox; + display: flex; +} + +.flex-child-auto { + -webkit-box-flex: 1; + -ms-flex: 1 1 auto; + flex: 1 1 auto; +} + +.flex-child-grow { + -webkit-box-flex: 1; + -ms-flex: 1 0 auto; + flex: 1 0 auto; +} + +.flex-child-shrink { + -webkit-box-flex: 0; + -ms-flex: 0 1 auto; + flex: 0 1 auto; +} + +.flex-dir-row { + -webkit-box-orient: horizontal; + -webkit-box-direction: normal; + -ms-flex-direction: row; + flex-direction: row; +} + +.flex-dir-row-reverse { + -webkit-box-orient: horizontal; + -webkit-box-direction: reverse; + -ms-flex-direction: row-reverse; + flex-direction: row-reverse; +} + +.flex-dir-column { + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -ms-flex-direction: column; + flex-direction: column; +} + +.flex-dir-column-reverse { + -webkit-box-orient: vertical; + -webkit-box-direction: reverse; + -ms-flex-direction: column-reverse; + flex-direction: column-reverse; +} + +@media print, screen and (min-width: 40em) { + .medium-flex-container { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + } + .medium-flex-child-auto { + -webkit-box-flex: 1; + -ms-flex: 1 1 auto; + flex: 1 1 auto; + } + .medium-flex-child-grow { + -webkit-box-flex: 1; + -ms-flex: 1 0 auto; + flex: 1 0 auto; + } + .medium-flex-child-shrink { + -webkit-box-flex: 0; + -ms-flex: 0 1 auto; + flex: 0 1 auto; + } + .medium-flex-dir-row { + -webkit-box-orient: horizontal; + -webkit-box-direction: normal; + -ms-flex-direction: row; + flex-direction: row; + } + .medium-flex-dir-row-reverse { + -webkit-box-orient: horizontal; + -webkit-box-direction: reverse; + -ms-flex-direction: row-reverse; + flex-direction: row-reverse; + } + .medium-flex-dir-column { + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -ms-flex-direction: column; + flex-direction: column; + } + .medium-flex-dir-column-reverse { + -webkit-box-orient: vertical; + -webkit-box-direction: reverse; + -ms-flex-direction: column-reverse; + flex-direction: column-reverse; + } +} +@media print, screen and (min-width: 64em) { + .large-flex-container { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + } + .large-flex-child-auto { + -webkit-box-flex: 1; + -ms-flex: 1 1 auto; + flex: 1 1 auto; + } + .large-flex-child-grow { + -webkit-box-flex: 1; + -ms-flex: 1 0 auto; + flex: 1 0 auto; + } + .large-flex-child-shrink { + -webkit-box-flex: 0; + -ms-flex: 0 1 auto; + flex: 0 1 auto; + } + .large-flex-dir-row { + -webkit-box-orient: horizontal; + -webkit-box-direction: normal; + -ms-flex-direction: row; + flex-direction: row; + } + .large-flex-dir-row-reverse { + -webkit-box-orient: horizontal; + -webkit-box-direction: reverse; + -ms-flex-direction: row-reverse; + flex-direction: row-reverse; + } + .large-flex-dir-column { + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -ms-flex-direction: column; + flex-direction: column; + } + .large-flex-dir-column-reverse { + -webkit-box-orient: vertical; + -webkit-box-direction: reverse; + -ms-flex-direction: column-reverse; + flex-direction: column-reverse; + } +} +.hide { + display: none !important; +} + +.invisible { + visibility: hidden; +} + +.visible { + visibility: visible; +} + +@media print, screen and (max-width: 39.99875em) { + .hide-for-small-only { + display: none !important; + } +} + +@media screen and (max-width: 0em), screen and (min-width: 40em) { + .show-for-small-only { + display: none !important; + } +} + +@media print, screen and (min-width: 40em) { + .hide-for-medium { + display: none !important; + } +} + +@media screen and (max-width: 39.99875em) { + .show-for-medium { + display: none !important; + } +} + +@media print, screen and (min-width: 40em) and (max-width: 63.99875em) { + .hide-for-medium-only { + display: none !important; + } +} + +@media screen and (max-width: 39.99875em), screen and (min-width: 64em) { + .show-for-medium-only { + display: none !important; + } +} + +@media print, screen and (min-width: 64em) { + .hide-for-large { + display: none !important; + } +} + +@media screen and (max-width: 63.99875em) { + .show-for-large { + display: none !important; + } +} + +@media print, screen and (min-width: 64em) and (max-width: 74.99875em) { + .hide-for-large-only { + display: none !important; + } +} + +@media screen and (max-width: 63.99875em), screen and (min-width: 75em) { + .show-for-large-only { + display: none !important; + } +} + +.show-for-sr, +.show-on-focus { + position: absolute !important; + width: 1px !important; + height: 1px !important; + padding: 0 !important; + overflow: hidden !important; + clip: rect(0, 0, 0, 0) !important; + white-space: nowrap !important; + border: 0 !important; +} + +.show-on-focus:active, .show-on-focus:focus { + position: static !important; + width: auto !important; + height: auto !important; + overflow: visible !important; + clip: auto !important; + white-space: normal !important; +} + +.show-for-landscape, +.hide-for-portrait { + display: block !important; +} +@media screen and (orientation: landscape) { + .show-for-landscape, + .hide-for-portrait { + display: block !important; + } +} +@media screen and (orientation: portrait) { + .show-for-landscape, + .hide-for-portrait { + display: none !important; + } +} + +.hide-for-landscape, +.show-for-portrait { + display: none !important; +} +@media screen and (orientation: landscape) { + .hide-for-landscape, + .show-for-portrait { + display: none !important; + } +} +@media screen and (orientation: portrait) { + .hide-for-landscape, + .show-for-portrait { + display: block !important; + } +} + +.show-for-dark-mode { + display: none; +} + +.hide-for-dark-mode { + display: block; +} + +@media screen and (prefers-color-scheme: dark) { + .show-for-dark-mode { + display: block !important; + } + .hide-for-dark-mode { + display: none !important; + } +} +.show-for-ie { + display: none; +} + +@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { + .show-for-ie { + display: block !important; + } + .hide-for-ie { + display: none !important; + } +} +.show-for-sticky { + display: none; +} + +.is-stuck .show-for-sticky { + display: block; +} + +.is-stuck .hide-for-sticky { + display: none; +} +/*# sourceMappingURL=foundation.css.map */ \ No newline at end of file diff --git a/test/js/bun/css/files/foundation.min.css b/test/js/bun/css/files/foundation.min.css new file mode 100644 index 0000000000..bbb2527356 --- /dev/null +++ b/test/js/bun/css/files/foundation.min.css @@ -0,0 +1 @@ +@media print,screen and (width>=40em){.reveal.large,.reveal.small,.reveal.tiny,.reveal{margin:0 auto;left:auto;right:auto}}html{-webkit-text-size-adjust:100%;line-height:1.15}body{margin:0}h1{margin:.67em 0;font-size:2em}hr{-webkit-box-sizing:content-box;box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace;font-size:1em}a{background-color:#0000}abbr[title]{border-bottom:0;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace;font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{margin:0;font-family:inherit;font-size:100%;line-height:1.15}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-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:.35em .75em .625em}legend{-webkit-box-sizing:border-box;box-sizing:border-box;color:inherit;white-space:normal;max-width:100%;padding:0;display:table}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{-webkit-box-sizing:border-box;box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}template,[hidden]{display:none}[data-whatintent=mouse] *,[data-whatintent=mouse] :focus,[data-whatintent=touch] *,[data-whatintent=touch] :focus,[data-whatinput=mouse] *,[data-whatinput=mouse] :focus,[data-whatinput=touch] *,[data-whatinput=touch] :focus{outline:none}[draggable=false]{-webkit-touch-callout:none;-webkit-user-select:none}.foundation-mq{font-family:"small=0em&medium=40em&large=64em&xlarge=75em&xxlarge=90em"}html{-webkit-box-sizing:border-box;box-sizing:border-box;font-size:100%}*,:before,:after{-webkit-box-sizing:inherit;box-sizing:inherit}body{color:#0a0a0a;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#fefefe;margin:0;padding:0;font-family:Helvetica Neue,Helvetica,Roboto,Arial,sans-serif;font-weight:400;line-height:1.5}img{vertical-align:middle;-ms-interpolation-mode:bicubic;max-width:100%;height:auto;display:inline-block}textarea{border-radius:0;height:auto;min-height:50px}select{-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:0;width:100%}.map_canvas img,.map_canvas embed,.map_canvas object,.mqa-display img,.mqa-display embed,.mqa-display object{max-width:none!important}button{-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:auto;background:0 0;border:0;border-radius:0;padding:0;line-height:1}[data-whatinput=mouse] button{outline:0}pre{-webkit-overflow-scrolling:touch;overflow:auto}button,input,optgroup,select,textarea{font-family:inherit}.is-visible{display:block!important}.is-hidden{display:none!important}[type=text],[type=password],[type=date],[type=datetime],[type=datetime-local],[type=month],[type=week],[type=email],[type=number],[type=search],[type=tel],[type=time],[type=url],[type=color],textarea{-webkit-appearance:none;-moz-appearance:none;appearance:none;-webkit-box-sizing:border-box;box-sizing:border-box;color:#0a0a0a;background-color:#fefefe;border:1px solid #cacaca;border-radius:0;width:100%;height:2.4375rem;margin:0 0 1rem;padding:.5rem;font-family:inherit;font-size:1rem;font-weight:400;line-height:1.5;-webkit-transition:box-shadow .5s,border-color .25s ease-in-out,-webkit-box-shadow .5s;transition:box-shadow .5s,border-color .25s ease-in-out,-webkit-box-shadow .5s;display:block;-webkit-box-shadow:inset 0 1px 2px #0a0a0a1a;box-shadow:inset 0 1px 2px #0a0a0a1a}[type=text]:focus,[type=password]:focus,[type=date]:focus,[type=datetime]:focus,[type=datetime-local]:focus,[type=month]:focus,[type=week]:focus,[type=email]:focus,[type=number]:focus,[type=search]:focus,[type=tel]:focus,[type=time]:focus,[type=url]:focus,[type=color]:focus,textarea:focus{background-color:#fefefe;border:1px solid #8a8a8a;outline:none;-webkit-transition:box-shadow .5s,border-color .25s ease-in-out,-webkit-box-shadow .5s;transition:box-shadow .5s,border-color .25s ease-in-out,-webkit-box-shadow .5s;-webkit-box-shadow:0 0 5px #cacaca;box-shadow:0 0 5px #cacaca}textarea{max-width:100%}textarea[rows]{height:auto}input:disabled,input[readonly],textarea:disabled,textarea[readonly]{cursor:not-allowed;background-color:#e6e6e6}[type=submit],[type=button]{-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:0}input[type=search]{-webkit-box-sizing:border-box;box-sizing:border-box}::-webkit-input-placeholder{color:#cacaca}::placeholder{color:#cacaca}:-ms-input-placeholder{color:#cacaca}::-moz-placeholder{color:#cacaca}::placeholder{color:#cacaca}[type=file],[type=checkbox],[type=radio]{margin:0 0 1rem}[type=checkbox]+label,[type=radio]+label{vertical-align:baseline;margin-bottom:0;margin-left:.5rem;margin-right:1rem;display:inline-block}[type=checkbox]+label[for],[type=radio]+label[for]{cursor:pointer}label>[type=checkbox],label>[type=radio]{margin-right:.5rem}[type=file]{width:100%}label{color:#0a0a0a;margin:0;font-size:.875rem;font-weight:400;line-height:1.8;display:block}label.middle{margin:0 0 1rem;padding:.5625rem 0;line-height:1.5}.help-text{color:#0a0a0a;margin-top:-.5rem;font-size:.8125rem;font-style:italic}.input-group{align-items:stretch;width:100%;margin-bottom:1rem;display:-webkit-box;display:-ms-flexbox;display:flex}.input-group>:first-child,.input-group>:first-child.input-group-button>*,.input-group>:last-child,.input-group>:last-child.input-group-button>*{border-radius:0}.input-group-button a,.input-group-button input,.input-group-button button,.input-group-button label,.input-group-button,.input-group-field,.input-group-label{white-space:nowrap;margin:0}.input-group-label{color:#0a0a0a;text-align:center;white-space:nowrap;background:#e6e6e6;border:1px solid #cacaca;-webkit-box-flex:0;-ms-flex:none;flex:none;align-items:center;padding:0 1rem;display:-webkit-box;display:-ms-flexbox;display:flex}.input-group-label:first-child{border-right:0}.input-group-label:last-child{border-left:0}.input-group-field{border-radius:0;-webkit-box-flex:1;-ms-flex:1 1 0;flex:1 1 0;min-width:0}.input-group-button{text-align:center;-webkit-box-flex:0;-ms-flex:none;flex:none;padding-top:0;padding-bottom:0;display:-webkit-box;display:-ms-flexbox;display:flex}.input-group-button a,.input-group-button input,.input-group-button button,.input-group-button label{align-self:stretch;height:auto;padding-top:0;padding-bottom:0;font-size:1rem}fieldset{border:0;margin:0;padding:0}legend{max-width:100%;margin-bottom:.5rem}.fieldset{border:1px solid #cacaca;margin:1.125rem 0;padding:1.25rem}.fieldset legend{margin:0 0 0 -.1875rem;padding:0 .1875rem}select{-webkit-appearance:none;-moz-appearance:none;appearance:none;color:#0a0a0a;background-color:#fefefe;background-image:url("data:image/svg+xml;utf8,");background-position:right -1rem center;background-repeat:no-repeat;background-size:9px 6px;background-origin:content-box;border:1px solid #cacaca;border-radius:0;height:2.4375rem;margin:0 0 1rem;padding:.5rem 1.5rem .5rem .5rem;font-family:inherit;font-size:1rem;font-weight:400;line-height:1.5;-webkit-transition:box-shadow .5s,border-color .25s ease-in-out,-webkit-box-shadow .5s;transition:box-shadow .5s,border-color .25s ease-in-out,-webkit-box-shadow .5s}select:focus{background-color:#fefefe;border:1px solid #8a8a8a;outline:none;-webkit-transition:box-shadow .5s,border-color .25s ease-in-out,-webkit-box-shadow .5s;transition:box-shadow .5s,border-color .25s ease-in-out,-webkit-box-shadow .5s;-webkit-box-shadow:0 0 5px #cacaca;box-shadow:0 0 5px #cacaca}select:disabled{cursor:not-allowed;background-color:#e6e6e6}select::-ms-expand{display:none}select[multiple]{background-image:none;height:auto}select:not([multiple]){padding-top:0;padding-bottom:0}.is-invalid-input:not(:focus){background-color:#f9ecea;border-color:#cc4b37}.is-invalid-input:not(:focus)::-webkit-input-placeholder{color:#cc4b37}.is-invalid-input:not(:focus):-ms-input-placeholder{color:#cc4b37}.is-invalid-input:not(:focus)::-moz-placeholder{color:#cc4b37}.is-invalid-input:not(:focus)::placeholder,.is-invalid-label{color:#cc4b37}.form-error{color:#cc4b37;margin-top:-.5rem;margin-bottom:1rem;font-size:.75rem;font-weight:700;display:none}.form-error.is-visible{display:block}div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,th,td{margin:0;padding:0}p{font-size:inherit;text-rendering:optimizeLegibility;margin-bottom:1rem;line-height:1.6}em,i{font-style:italic;line-height:inherit}strong,b{font-weight:700;line-height:inherit}small{font-size:80%;line-height:inherit}h1,.h1,h2,.h2,h3,.h3,h4,.h4,h5,.h5,h6,.h6{color:inherit;text-rendering:optimizeLegibility;font-family:Helvetica Neue,Helvetica,Roboto,Arial,sans-serif;font-style:normal;font-weight:400}h1 small,.h1 small,h2 small,.h2 small,h3 small,.h3 small,h4 small,.h4 small,h5 small,.h5 small,h6 small,.h6 small{color:#cacaca;line-height:0}h1,.h1{margin-top:0;margin-bottom:.5rem;font-size:1.5rem;line-height:1.4}h2,.h2{margin-top:0;margin-bottom:.5rem;font-size:1.25rem;line-height:1.4}h3,.h3{margin-top:0;margin-bottom:.5rem;font-size:1.1875rem;line-height:1.4}h4,.h4{margin-top:0;margin-bottom:.5rem;font-size:1.125rem;line-height:1.4}h5,.h5{margin-top:0;margin-bottom:.5rem;font-size:1.0625rem;line-height:1.4}h6,.h6{margin-top:0;margin-bottom:.5rem;font-size:1rem;line-height:1.4}@media print,screen and (width>=40em){h1,.h1{font-size:3rem}h2,.h2{font-size:2.5rem}h3,.h3{font-size:1.9375rem}h4,.h4{font-size:1.5625rem}h5,.h5{font-size:1.25rem}h6,.h6{font-size:1rem}}a{line-height:inherit;color:#1779ba;cursor:pointer;text-decoration:none}a:hover,a:focus{color:#1468a0}a img{border:0}hr{clear:both;border:0;border-bottom:1px solid #cacaca;max-width:75rem;height:0;margin:1.25rem auto}ul,ol,dl{margin-bottom:1rem;line-height:1.6;list-style-position:outside}li{font-size:inherit}ul{margin-left:1.25rem;list-style-type:disc}ol{margin-left:1.25rem}ul ul,ul ol,ol ul,ol ol{margin-bottom:0;margin-left:1.25rem}dl{margin-bottom:1rem}dl dt{margin-bottom:.3rem;font-weight:700}blockquote{border-left:1px solid #cacaca;margin:0 0 1rem;padding:.5625rem 1.25rem 0 1.1875rem}blockquote,blockquote p{color:#8a8a8a;line-height:1.6}abbr,abbr[title]{cursor:help;border-bottom:1px dotted #0a0a0a;text-decoration:none}figure{margin:0}kbd{color:#0a0a0a;background-color:#e6e6e6;margin:0;padding:.125rem .25rem 0;font-family:Consolas,Liberation Mono,Courier,monospace}.subheader{color:#8a8a8a;margin-top:.2rem;margin-bottom:.5rem;font-weight:400;line-height:1.4}.lead{font-size:125%;line-height:1.6}.stat{font-size:2.5rem;line-height:1}p+.stat{margin-top:-1rem}ul.no-bullet,ol.no-bullet{margin-left:0;list-style:none}.cite-block,cite{color:#8a8a8a;font-size:.8125rem;display:block}.cite-block:before,cite:before{content:"— "}.code-inline,code{color:#0a0a0a;word-wrap:break-word;background-color:#e6e6e6;border:1px solid #cacaca;max-width:100%;padding:.125rem .3125rem .0625rem;font-family:Consolas,Liberation Mono,Courier,monospace;font-weight:400;display:inline}.code-block{color:#0a0a0a;white-space:pre;background-color:#e6e6e6;border:1px solid #cacaca;margin-bottom:1.5rem;padding:1rem;font-family:Consolas,Liberation Mono,Courier,monospace;font-weight:400;display:block;overflow:auto}.text-left{text-align:left}.text-right{text-align:right}.text-center{text-align:center}.text-justify{text-align:justify}@media print,screen and (width>=40em){.medium-text-left{text-align:left}.medium-text-right{text-align:right}.medium-text-center{text-align:center}.medium-text-justify{text-align:justify}}@media print,screen and (width>=64em){.large-text-left{text-align:left}.large-text-right{text-align:right}.large-text-center{text-align:center}.large-text-justify{text-align:justify}}.show-for-print{display:none!important}@media print{*{-webkit-print-color-adjust:economy;print-color-adjust:economy;color:#000!important;-webkit-box-shadow:none!important;box-shadow:none!important;text-shadow:none!important;background:0 0!important}.show-for-print{display:block!important}.hide-for-print{display:none!important}table.show-for-print{display:table!important}thead.show-for-print{display:table-header-group!important}tbody.show-for-print{display:table-row-group!important}tr.show-for-print{display:table-row!important}td.show-for-print,th.show-for-print{display:table-cell!important}a,a:visited{text-decoration:underline}a[href]:after{content:" (" attr(href)")"}.ir a:after,a[href^=javascript\:]:after,a[href^=\#]:after{content:""}abbr[title]:after{content:" (" attr(title)")"}pre,blockquote{page-break-inside:avoid;border:1px solid #8a8a8a}thead{display:table-header-group}tr,img{page-break-inside:avoid}img{max-width:100%!important}@page{margin:.5cm}p,h2,h3{orphans:3;widows:3}h2,h3{page-break-after:avoid}.print-break-inside{page-break-inside:auto}}.grid-container{max-width:75rem;margin-left:auto;margin-right:auto;padding-left:.625rem;padding-right:.625rem}@media print,screen and (width>=40em){.grid-container{padding-left:.9375rem;padding-right:.9375rem}}.grid-container.fluid{max-width:100%;margin-left:auto;margin-right:auto;padding-left:.625rem;padding-right:.625rem}@media print,screen and (width>=40em){.grid-container.fluid{padding-left:.9375rem;padding-right:.9375rem}}.grid-container.full{max-width:100%;margin-left:auto;margin-right:auto;padding-left:0;padding-right:0}.grid-x{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-flow:wrap;flex-flow:wrap;display:-webkit-box;display:-ms-flexbox;display:flex}.cell{-webkit-box-flex:0;-ms-flex:none;flex:none;width:100%;min-width:0;min-height:0}.cell.auto{-webkit-box-flex:1;-ms-flex:1 1 0;flex:1 1 0}.cell.shrink{-webkit-box-flex:0;-ms-flex:none;flex:none}.grid-x>.auto,.grid-x>.shrink{width:auto}.grid-x>.small-shrink,.grid-x>.small-full,.grid-x>.small-1,.grid-x>.small-2,.grid-x>.small-3,.grid-x>.small-4,.grid-x>.small-5,.grid-x>.small-6,.grid-x>.small-7,.grid-x>.small-8,.grid-x>.small-9,.grid-x>.small-10,.grid-x>.small-11,.grid-x>.small-12{-ms-flex-preferred-size:auto;flex-basis:auto}@media print,screen and (width>=40em){.grid-x>.medium-shrink,.grid-x>.medium-full,.grid-x>.medium-1,.grid-x>.medium-2,.grid-x>.medium-3,.grid-x>.medium-4,.grid-x>.medium-5,.grid-x>.medium-6,.grid-x>.medium-7,.grid-x>.medium-8,.grid-x>.medium-9,.grid-x>.medium-10,.grid-x>.medium-11,.grid-x>.medium-12{-ms-flex-preferred-size:auto;flex-basis:auto}}@media print,screen and (width>=64em){.grid-x>.large-shrink,.grid-x>.large-full,.grid-x>.large-1,.grid-x>.large-2,.grid-x>.large-3,.grid-x>.large-4,.grid-x>.large-5,.grid-x>.large-6,.grid-x>.large-7,.grid-x>.large-8,.grid-x>.large-9,.grid-x>.large-10,.grid-x>.large-11,.grid-x>.large-12{-ms-flex-preferred-size:auto;flex-basis:auto}}.grid-x>.small-12,.grid-x>.small-11,.grid-x>.small-10,.grid-x>.small-9,.grid-x>.small-8,.grid-x>.small-7,.grid-x>.small-6,.grid-x>.small-5,.grid-x>.small-4,.grid-x>.small-3,.grid-x>.small-2,.grid-x>.small-1{-webkit-box-flex:0;-ms-flex:none;flex:none}.grid-x>.small-1{width:8.33333%}.grid-x>.small-2{width:16.6667%}.grid-x>.small-3{width:25%}.grid-x>.small-4{width:33.3333%}.grid-x>.small-5{width:41.6667%}.grid-x>.small-6{width:50%}.grid-x>.small-7{width:58.3333%}.grid-x>.small-8{width:66.6667%}.grid-x>.small-9{width:75%}.grid-x>.small-10{width:83.3333%}.grid-x>.small-11{width:91.6667%}.grid-x>.small-12{width:100%}@media print,screen and (width>=40em){.grid-x>.medium-auto{-webkit-box-flex:1;-ms-flex:1 1 0;flex:1 1 0;width:auto}.grid-x>.medium-12,.grid-x>.medium-11,.grid-x>.medium-10,.grid-x>.medium-9,.grid-x>.medium-8,.grid-x>.medium-7,.grid-x>.medium-6,.grid-x>.medium-5,.grid-x>.medium-4,.grid-x>.medium-3,.grid-x>.medium-2,.grid-x>.medium-1,.grid-x>.medium-shrink{-webkit-box-flex:0;-ms-flex:none;flex:none}.grid-x>.medium-shrink{width:auto}.grid-x>.medium-1{width:8.33333%}.grid-x>.medium-2{width:16.6667%}.grid-x>.medium-3{width:25%}.grid-x>.medium-4{width:33.3333%}.grid-x>.medium-5{width:41.6667%}.grid-x>.medium-6{width:50%}.grid-x>.medium-7{width:58.3333%}.grid-x>.medium-8{width:66.6667%}.grid-x>.medium-9{width:75%}.grid-x>.medium-10{width:83.3333%}.grid-x>.medium-11{width:91.6667%}.grid-x>.medium-12{width:100%}}@media print,screen and (width>=64em){.grid-x>.large-auto{-webkit-box-flex:1;-ms-flex:1 1 0;flex:1 1 0;width:auto}.grid-x>.large-12,.grid-x>.large-11,.grid-x>.large-10,.grid-x>.large-9,.grid-x>.large-8,.grid-x>.large-7,.grid-x>.large-6,.grid-x>.large-5,.grid-x>.large-4,.grid-x>.large-3,.grid-x>.large-2,.grid-x>.large-1,.grid-x>.large-shrink{-webkit-box-flex:0;-ms-flex:none;flex:none}.grid-x>.large-shrink{width:auto}.grid-x>.large-1{width:8.33333%}.grid-x>.large-2{width:16.6667%}.grid-x>.large-3{width:25%}.grid-x>.large-4{width:33.3333%}.grid-x>.large-5{width:41.6667%}.grid-x>.large-6{width:50%}.grid-x>.large-7{width:58.3333%}.grid-x>.large-8{width:66.6667%}.grid-x>.large-9{width:75%}.grid-x>.large-10{width:83.3333%}.grid-x>.large-11{width:91.6667%}.grid-x>.large-12{width:100%}}.grid-margin-x:not(.grid-x)>.cell{width:auto}.grid-margin-y:not(.grid-y)>.cell{height:auto}.grid-margin-x{margin-left:-.625rem;margin-right:-.625rem}@media print,screen and (width>=40em){.grid-margin-x{margin-left:-.9375rem;margin-right:-.9375rem}}.grid-margin-x>.cell{width:calc(100% - 1.25rem);margin-left:.625rem;margin-right:.625rem}@media print,screen and (width>=40em){.grid-margin-x>.cell{width:calc(100% - 1.875rem);margin-left:.9375rem;margin-right:.9375rem}}.grid-margin-x>.auto,.grid-margin-x>.shrink{width:auto}.grid-margin-x>.small-1{width:calc(8.33333% - 1.25rem)}.grid-margin-x>.small-2{width:calc(16.6667% - 1.25rem)}.grid-margin-x>.small-3{width:calc(25% - 1.25rem)}.grid-margin-x>.small-4{width:calc(33.3333% - 1.25rem)}.grid-margin-x>.small-5{width:calc(41.6667% - 1.25rem)}.grid-margin-x>.small-6{width:calc(50% - 1.25rem)}.grid-margin-x>.small-7{width:calc(58.3333% - 1.25rem)}.grid-margin-x>.small-8{width:calc(66.6667% - 1.25rem)}.grid-margin-x>.small-9{width:calc(75% - 1.25rem)}.grid-margin-x>.small-10{width:calc(83.3333% - 1.25rem)}.grid-margin-x>.small-11{width:calc(91.6667% - 1.25rem)}.grid-margin-x>.small-12{width:calc(100% - 1.25rem)}@media print,screen and (width>=40em){.grid-margin-x>.auto,.grid-margin-x>.shrink{width:auto}.grid-margin-x>.small-1{width:calc(8.33333% - 1.875rem)}.grid-margin-x>.small-2{width:calc(16.6667% - 1.875rem)}.grid-margin-x>.small-3{width:calc(25% - 1.875rem)}.grid-margin-x>.small-4{width:calc(33.3333% - 1.875rem)}.grid-margin-x>.small-5{width:calc(41.6667% - 1.875rem)}.grid-margin-x>.small-6{width:calc(50% - 1.875rem)}.grid-margin-x>.small-7{width:calc(58.3333% - 1.875rem)}.grid-margin-x>.small-8{width:calc(66.6667% - 1.875rem)}.grid-margin-x>.small-9{width:calc(75% - 1.875rem)}.grid-margin-x>.small-10{width:calc(83.3333% - 1.875rem)}.grid-margin-x>.small-11{width:calc(91.6667% - 1.875rem)}.grid-margin-x>.small-12{width:calc(100% - 1.875rem)}.grid-margin-x>.medium-auto,.grid-margin-x>.medium-shrink{width:auto}.grid-margin-x>.medium-1{width:calc(8.33333% - 1.875rem)}.grid-margin-x>.medium-2{width:calc(16.6667% - 1.875rem)}.grid-margin-x>.medium-3{width:calc(25% - 1.875rem)}.grid-margin-x>.medium-4{width:calc(33.3333% - 1.875rem)}.grid-margin-x>.medium-5{width:calc(41.6667% - 1.875rem)}.grid-margin-x>.medium-6{width:calc(50% - 1.875rem)}.grid-margin-x>.medium-7{width:calc(58.3333% - 1.875rem)}.grid-margin-x>.medium-8{width:calc(66.6667% - 1.875rem)}.grid-margin-x>.medium-9{width:calc(75% - 1.875rem)}.grid-margin-x>.medium-10{width:calc(83.3333% - 1.875rem)}.grid-margin-x>.medium-11{width:calc(91.6667% - 1.875rem)}.grid-margin-x>.medium-12{width:calc(100% - 1.875rem)}}@media print,screen and (width>=64em){.grid-margin-x>.large-auto,.grid-margin-x>.large-shrink{width:auto}.grid-margin-x>.large-1{width:calc(8.33333% - 1.875rem)}.grid-margin-x>.large-2{width:calc(16.6667% - 1.875rem)}.grid-margin-x>.large-3{width:calc(25% - 1.875rem)}.grid-margin-x>.large-4{width:calc(33.3333% - 1.875rem)}.grid-margin-x>.large-5{width:calc(41.6667% - 1.875rem)}.grid-margin-x>.large-6{width:calc(50% - 1.875rem)}.grid-margin-x>.large-7{width:calc(58.3333% - 1.875rem)}.grid-margin-x>.large-8{width:calc(66.6667% - 1.875rem)}.grid-margin-x>.large-9{width:calc(75% - 1.875rem)}.grid-margin-x>.large-10{width:calc(83.3333% - 1.875rem)}.grid-margin-x>.large-11{width:calc(91.6667% - 1.875rem)}.grid-margin-x>.large-12{width:calc(100% - 1.875rem)}}.grid-padding-x .grid-padding-x{margin-left:-.625rem;margin-right:-.625rem}@media print,screen and (width>=40em){.grid-padding-x .grid-padding-x{margin-left:-.9375rem;margin-right:-.9375rem}}.grid-container:not(.full)>.grid-padding-x{margin-left:-.625rem;margin-right:-.625rem}@media print,screen and (width>=40em){.grid-container:not(.full)>.grid-padding-x{margin-left:-.9375rem;margin-right:-.9375rem}}.grid-padding-x>.cell{padding-left:.625rem;padding-right:.625rem}@media print,screen and (width>=40em){.grid-padding-x>.cell{padding-left:.9375rem;padding-right:.9375rem}}.small-up-1>.cell{width:100%}.small-up-2>.cell{width:50%}.small-up-3>.cell{width:33.3333%}.small-up-4>.cell{width:25%}.small-up-5>.cell{width:20%}.small-up-6>.cell{width:16.6667%}.small-up-7>.cell{width:14.2857%}.small-up-8>.cell{width:12.5%}@media print,screen and (width>=40em){.medium-up-1>.cell{width:100%}.medium-up-2>.cell{width:50%}.medium-up-3>.cell{width:33.3333%}.medium-up-4>.cell{width:25%}.medium-up-5>.cell{width:20%}.medium-up-6>.cell{width:16.6667%}.medium-up-7>.cell{width:14.2857%}.medium-up-8>.cell{width:12.5%}}@media print,screen and (width>=64em){.large-up-1>.cell{width:100%}.large-up-2>.cell{width:50%}.large-up-3>.cell{width:33.3333%}.large-up-4>.cell{width:25%}.large-up-5>.cell{width:20%}.large-up-6>.cell{width:16.6667%}.large-up-7>.cell{width:14.2857%}.large-up-8>.cell{width:12.5%}}.grid-margin-x.small-up-1>.cell{width:calc(100% - 1.25rem)}.grid-margin-x.small-up-2>.cell{width:calc(50% - 1.25rem)}.grid-margin-x.small-up-3>.cell{width:calc(33.3333% - 1.25rem)}.grid-margin-x.small-up-4>.cell{width:calc(25% - 1.25rem)}.grid-margin-x.small-up-5>.cell{width:calc(20% - 1.25rem)}.grid-margin-x.small-up-6>.cell{width:calc(16.6667% - 1.25rem)}.grid-margin-x.small-up-7>.cell{width:calc(14.2857% - 1.25rem)}.grid-margin-x.small-up-8>.cell{width:calc(12.5% - 1.25rem)}@media print,screen and (width>=40em){.grid-margin-x.small-up-1>.cell{width:calc(100% - 1.875rem)}.grid-margin-x.small-up-2>.cell{width:calc(50% - 1.875rem)}.grid-margin-x.small-up-3>.cell{width:calc(33.3333% - 1.875rem)}.grid-margin-x.small-up-4>.cell{width:calc(25% - 1.875rem)}.grid-margin-x.small-up-5>.cell{width:calc(20% - 1.875rem)}.grid-margin-x.small-up-6>.cell{width:calc(16.6667% - 1.875rem)}.grid-margin-x.small-up-7>.cell{width:calc(14.2857% - 1.875rem)}.grid-margin-x.small-up-8>.cell{width:calc(12.5% - 1.875rem)}.grid-margin-x.medium-up-1>.cell{width:calc(100% - 1.875rem)}.grid-margin-x.medium-up-2>.cell{width:calc(50% - 1.875rem)}.grid-margin-x.medium-up-3>.cell{width:calc(33.3333% - 1.875rem)}.grid-margin-x.medium-up-4>.cell{width:calc(25% - 1.875rem)}.grid-margin-x.medium-up-5>.cell{width:calc(20% - 1.875rem)}.grid-margin-x.medium-up-6>.cell{width:calc(16.6667% - 1.875rem)}.grid-margin-x.medium-up-7>.cell{width:calc(14.2857% - 1.875rem)}.grid-margin-x.medium-up-8>.cell{width:calc(12.5% - 1.875rem)}}@media print,screen and (width>=64em){.grid-margin-x.large-up-1>.cell{width:calc(100% - 1.875rem)}.grid-margin-x.large-up-2>.cell{width:calc(50% - 1.875rem)}.grid-margin-x.large-up-3>.cell{width:calc(33.3333% - 1.875rem)}.grid-margin-x.large-up-4>.cell{width:calc(25% - 1.875rem)}.grid-margin-x.large-up-5>.cell{width:calc(20% - 1.875rem)}.grid-margin-x.large-up-6>.cell{width:calc(16.6667% - 1.875rem)}.grid-margin-x.large-up-7>.cell{width:calc(14.2857% - 1.875rem)}.grid-margin-x.large-up-8>.cell{width:calc(12.5% - 1.875rem)}}.small-margin-collapse,.small-margin-collapse>.cell{margin-left:0;margin-right:0}.small-margin-collapse>.small-1{width:8.33333%}.small-margin-collapse>.small-2{width:16.6667%}.small-margin-collapse>.small-3{width:25%}.small-margin-collapse>.small-4{width:33.3333%}.small-margin-collapse>.small-5{width:41.6667%}.small-margin-collapse>.small-6{width:50%}.small-margin-collapse>.small-7{width:58.3333%}.small-margin-collapse>.small-8{width:66.6667%}.small-margin-collapse>.small-9{width:75%}.small-margin-collapse>.small-10{width:83.3333%}.small-margin-collapse>.small-11{width:91.6667%}.small-margin-collapse>.small-12{width:100%}@media print,screen and (width>=40em){.small-margin-collapse>.medium-1{width:8.33333%}.small-margin-collapse>.medium-2{width:16.6667%}.small-margin-collapse>.medium-3{width:25%}.small-margin-collapse>.medium-4{width:33.3333%}.small-margin-collapse>.medium-5{width:41.6667%}.small-margin-collapse>.medium-6{width:50%}.small-margin-collapse>.medium-7{width:58.3333%}.small-margin-collapse>.medium-8{width:66.6667%}.small-margin-collapse>.medium-9{width:75%}.small-margin-collapse>.medium-10{width:83.3333%}.small-margin-collapse>.medium-11{width:91.6667%}.small-margin-collapse>.medium-12{width:100%}}@media print,screen and (width>=64em){.small-margin-collapse>.large-1{width:8.33333%}.small-margin-collapse>.large-2{width:16.6667%}.small-margin-collapse>.large-3{width:25%}.small-margin-collapse>.large-4{width:33.3333%}.small-margin-collapse>.large-5{width:41.6667%}.small-margin-collapse>.large-6{width:50%}.small-margin-collapse>.large-7{width:58.3333%}.small-margin-collapse>.large-8{width:66.6667%}.small-margin-collapse>.large-9{width:75%}.small-margin-collapse>.large-10{width:83.3333%}.small-margin-collapse>.large-11{width:91.6667%}.small-margin-collapse>.large-12{width:100%}}.small-padding-collapse{margin-left:0;margin-right:0}.small-padding-collapse>.cell{padding-left:0;padding-right:0}@media print,screen and (width>=40em){.medium-margin-collapse,.medium-margin-collapse>.cell{margin-left:0;margin-right:0}.medium-margin-collapse>.small-1{width:8.33333%}.medium-margin-collapse>.small-2{width:16.6667%}.medium-margin-collapse>.small-3{width:25%}.medium-margin-collapse>.small-4{width:33.3333%}.medium-margin-collapse>.small-5{width:41.6667%}.medium-margin-collapse>.small-6{width:50%}.medium-margin-collapse>.small-7{width:58.3333%}.medium-margin-collapse>.small-8{width:66.6667%}.medium-margin-collapse>.small-9{width:75%}.medium-margin-collapse>.small-10{width:83.3333%}.medium-margin-collapse>.small-11{width:91.6667%}.medium-margin-collapse>.small-12{width:100%}.medium-margin-collapse>.medium-1{width:8.33333%}.medium-margin-collapse>.medium-2{width:16.6667%}.medium-margin-collapse>.medium-3{width:25%}.medium-margin-collapse>.medium-4{width:33.3333%}.medium-margin-collapse>.medium-5{width:41.6667%}.medium-margin-collapse>.medium-6{width:50%}.medium-margin-collapse>.medium-7{width:58.3333%}.medium-margin-collapse>.medium-8{width:66.6667%}.medium-margin-collapse>.medium-9{width:75%}.medium-margin-collapse>.medium-10{width:83.3333%}.medium-margin-collapse>.medium-11{width:91.6667%}.medium-margin-collapse>.medium-12{width:100%}}@media print,screen and (width>=64em){.medium-margin-collapse>.large-1{width:8.33333%}.medium-margin-collapse>.large-2{width:16.6667%}.medium-margin-collapse>.large-3{width:25%}.medium-margin-collapse>.large-4{width:33.3333%}.medium-margin-collapse>.large-5{width:41.6667%}.medium-margin-collapse>.large-6{width:50%}.medium-margin-collapse>.large-7{width:58.3333%}.medium-margin-collapse>.large-8{width:66.6667%}.medium-margin-collapse>.large-9{width:75%}.medium-margin-collapse>.large-10{width:83.3333%}.medium-margin-collapse>.large-11{width:91.6667%}.medium-margin-collapse>.large-12{width:100%}}@media print,screen and (width>=40em){.medium-padding-collapse{margin-left:0;margin-right:0}.medium-padding-collapse>.cell{padding-left:0;padding-right:0}}@media print,screen and (width>=64em){.large-margin-collapse,.large-margin-collapse>.cell{margin-left:0;margin-right:0}.large-margin-collapse>.small-1{width:8.33333%}.large-margin-collapse>.small-2{width:16.6667%}.large-margin-collapse>.small-3{width:25%}.large-margin-collapse>.small-4{width:33.3333%}.large-margin-collapse>.small-5{width:41.6667%}.large-margin-collapse>.small-6{width:50%}.large-margin-collapse>.small-7{width:58.3333%}.large-margin-collapse>.small-8{width:66.6667%}.large-margin-collapse>.small-9{width:75%}.large-margin-collapse>.small-10{width:83.3333%}.large-margin-collapse>.small-11{width:91.6667%}.large-margin-collapse>.small-12{width:100%}.large-margin-collapse>.medium-1{width:8.33333%}.large-margin-collapse>.medium-2{width:16.6667%}.large-margin-collapse>.medium-3{width:25%}.large-margin-collapse>.medium-4{width:33.3333%}.large-margin-collapse>.medium-5{width:41.6667%}.large-margin-collapse>.medium-6{width:50%}.large-margin-collapse>.medium-7{width:58.3333%}.large-margin-collapse>.medium-8{width:66.6667%}.large-margin-collapse>.medium-9{width:75%}.large-margin-collapse>.medium-10{width:83.3333%}.large-margin-collapse>.medium-11{width:91.6667%}.large-margin-collapse>.medium-12{width:100%}.large-margin-collapse>.large-1{width:8.33333%}.large-margin-collapse>.large-2{width:16.6667%}.large-margin-collapse>.large-3{width:25%}.large-margin-collapse>.large-4{width:33.3333%}.large-margin-collapse>.large-5{width:41.6667%}.large-margin-collapse>.large-6{width:50%}.large-margin-collapse>.large-7{width:58.3333%}.large-margin-collapse>.large-8{width:66.6667%}.large-margin-collapse>.large-9{width:75%}.large-margin-collapse>.large-10{width:83.3333%}.large-margin-collapse>.large-11{width:91.6667%}.large-margin-collapse>.large-12{width:100%}.large-padding-collapse{margin-left:0;margin-right:0}.large-padding-collapse>.cell{padding-left:0;padding-right:0}}.small-offset-0{margin-left:0%}.grid-margin-x>.small-offset-0{margin-left:.625rem}.small-offset-1{margin-left:8.33333%}.grid-margin-x>.small-offset-1{margin-left:calc(8.33333% + .625rem)}.small-offset-2{margin-left:16.6667%}.grid-margin-x>.small-offset-2{margin-left:calc(16.6667% + .625rem)}.small-offset-3{margin-left:25%}.grid-margin-x>.small-offset-3{margin-left:calc(25% + .625rem)}.small-offset-4{margin-left:33.3333%}.grid-margin-x>.small-offset-4{margin-left:calc(33.3333% + .625rem)}.small-offset-5{margin-left:41.6667%}.grid-margin-x>.small-offset-5{margin-left:calc(41.6667% + .625rem)}.small-offset-6{margin-left:50%}.grid-margin-x>.small-offset-6{margin-left:calc(50% + .625rem)}.small-offset-7{margin-left:58.3333%}.grid-margin-x>.small-offset-7{margin-left:calc(58.3333% + .625rem)}.small-offset-8{margin-left:66.6667%}.grid-margin-x>.small-offset-8{margin-left:calc(66.6667% + .625rem)}.small-offset-9{margin-left:75%}.grid-margin-x>.small-offset-9{margin-left:calc(75% + .625rem)}.small-offset-10{margin-left:83.3333%}.grid-margin-x>.small-offset-10{margin-left:calc(83.3333% + .625rem)}.small-offset-11{margin-left:91.6667%}.grid-margin-x>.small-offset-11{margin-left:calc(91.6667% + .625rem)}@media print,screen and (width>=40em){.medium-offset-0{margin-left:0%}.grid-margin-x>.medium-offset-0{margin-left:.9375rem}.medium-offset-1{margin-left:8.33333%}.grid-margin-x>.medium-offset-1{margin-left:calc(8.33333% + .9375rem)}.medium-offset-2{margin-left:16.6667%}.grid-margin-x>.medium-offset-2{margin-left:calc(16.6667% + .9375rem)}.medium-offset-3{margin-left:25%}.grid-margin-x>.medium-offset-3{margin-left:calc(25% + .9375rem)}.medium-offset-4{margin-left:33.3333%}.grid-margin-x>.medium-offset-4{margin-left:calc(33.3333% + .9375rem)}.medium-offset-5{margin-left:41.6667%}.grid-margin-x>.medium-offset-5{margin-left:calc(41.6667% + .9375rem)}.medium-offset-6{margin-left:50%}.grid-margin-x>.medium-offset-6{margin-left:calc(50% + .9375rem)}.medium-offset-7{margin-left:58.3333%}.grid-margin-x>.medium-offset-7{margin-left:calc(58.3333% + .9375rem)}.medium-offset-8{margin-left:66.6667%}.grid-margin-x>.medium-offset-8{margin-left:calc(66.6667% + .9375rem)}.medium-offset-9{margin-left:75%}.grid-margin-x>.medium-offset-9{margin-left:calc(75% + .9375rem)}.medium-offset-10{margin-left:83.3333%}.grid-margin-x>.medium-offset-10{margin-left:calc(83.3333% + .9375rem)}.medium-offset-11{margin-left:91.6667%}.grid-margin-x>.medium-offset-11{margin-left:calc(91.6667% + .9375rem)}}@media print,screen and (width>=64em){.large-offset-0{margin-left:0%}.grid-margin-x>.large-offset-0{margin-left:.9375rem}.large-offset-1{margin-left:8.33333%}.grid-margin-x>.large-offset-1{margin-left:calc(8.33333% + .9375rem)}.large-offset-2{margin-left:16.6667%}.grid-margin-x>.large-offset-2{margin-left:calc(16.6667% + .9375rem)}.large-offset-3{margin-left:25%}.grid-margin-x>.large-offset-3{margin-left:calc(25% + .9375rem)}.large-offset-4{margin-left:33.3333%}.grid-margin-x>.large-offset-4{margin-left:calc(33.3333% + .9375rem)}.large-offset-5{margin-left:41.6667%}.grid-margin-x>.large-offset-5{margin-left:calc(41.6667% + .9375rem)}.large-offset-6{margin-left:50%}.grid-margin-x>.large-offset-6{margin-left:calc(50% + .9375rem)}.large-offset-7{margin-left:58.3333%}.grid-margin-x>.large-offset-7{margin-left:calc(58.3333% + .9375rem)}.large-offset-8{margin-left:66.6667%}.grid-margin-x>.large-offset-8{margin-left:calc(66.6667% + .9375rem)}.large-offset-9{margin-left:75%}.grid-margin-x>.large-offset-9{margin-left:calc(75% + .9375rem)}.large-offset-10{margin-left:83.3333%}.grid-margin-x>.large-offset-10{margin-left:calc(83.3333% + .9375rem)}.large-offset-11{margin-left:91.6667%}.grid-margin-x>.large-offset-11{margin-left:calc(91.6667% + .9375rem)}}.grid-y{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-flow:column;flex-flow:column;display:-webkit-box;display:-ms-flexbox;display:flex}.grid-y>.cell{height:auto;max-height:none}.grid-y>.auto,.grid-y>.shrink{height:auto}.grid-y>.small-shrink,.grid-y>.small-full,.grid-y>.small-1,.grid-y>.small-2,.grid-y>.small-3,.grid-y>.small-4,.grid-y>.small-5,.grid-y>.small-6,.grid-y>.small-7,.grid-y>.small-8,.grid-y>.small-9,.grid-y>.small-10,.grid-y>.small-11,.grid-y>.small-12{-ms-flex-preferred-size:auto;flex-basis:auto}@media print,screen and (width>=40em){.grid-y>.medium-shrink,.grid-y>.medium-full,.grid-y>.medium-1,.grid-y>.medium-2,.grid-y>.medium-3,.grid-y>.medium-4,.grid-y>.medium-5,.grid-y>.medium-6,.grid-y>.medium-7,.grid-y>.medium-8,.grid-y>.medium-9,.grid-y>.medium-10,.grid-y>.medium-11,.grid-y>.medium-12{-ms-flex-preferred-size:auto;flex-basis:auto}}@media print,screen and (width>=64em){.grid-y>.large-shrink,.grid-y>.large-full,.grid-y>.large-1,.grid-y>.large-2,.grid-y>.large-3,.grid-y>.large-4,.grid-y>.large-5,.grid-y>.large-6,.grid-y>.large-7,.grid-y>.large-8,.grid-y>.large-9,.grid-y>.large-10,.grid-y>.large-11,.grid-y>.large-12{-ms-flex-preferred-size:auto;flex-basis:auto}}.grid-y>.small-12,.grid-y>.small-11,.grid-y>.small-10,.grid-y>.small-9,.grid-y>.small-8,.grid-y>.small-7,.grid-y>.small-6,.grid-y>.small-5,.grid-y>.small-4,.grid-y>.small-3,.grid-y>.small-2,.grid-y>.small-1{-webkit-box-flex:0;-ms-flex:none;flex:none}.grid-y>.small-1{height:8.33333%}.grid-y>.small-2{height:16.6667%}.grid-y>.small-3{height:25%}.grid-y>.small-4{height:33.3333%}.grid-y>.small-5{height:41.6667%}.grid-y>.small-6{height:50%}.grid-y>.small-7{height:58.3333%}.grid-y>.small-8{height:66.6667%}.grid-y>.small-9{height:75%}.grid-y>.small-10{height:83.3333%}.grid-y>.small-11{height:91.6667%}.grid-y>.small-12{height:100%}@media print,screen and (width>=40em){.grid-y>.medium-auto{-webkit-box-flex:1;-ms-flex:1 1 0;flex:1 1 0;height:auto}.grid-y>.medium-12,.grid-y>.medium-11,.grid-y>.medium-10,.grid-y>.medium-9,.grid-y>.medium-8,.grid-y>.medium-7,.grid-y>.medium-6,.grid-y>.medium-5,.grid-y>.medium-4,.grid-y>.medium-3,.grid-y>.medium-2,.grid-y>.medium-1,.grid-y>.medium-shrink{-webkit-box-flex:0;-ms-flex:none;flex:none}.grid-y>.medium-shrink{height:auto}.grid-y>.medium-1{height:8.33333%}.grid-y>.medium-2{height:16.6667%}.grid-y>.medium-3{height:25%}.grid-y>.medium-4{height:33.3333%}.grid-y>.medium-5{height:41.6667%}.grid-y>.medium-6{height:50%}.grid-y>.medium-7{height:58.3333%}.grid-y>.medium-8{height:66.6667%}.grid-y>.medium-9{height:75%}.grid-y>.medium-10{height:83.3333%}.grid-y>.medium-11{height:91.6667%}.grid-y>.medium-12{height:100%}}@media print,screen and (width>=64em){.grid-y>.large-auto{-webkit-box-flex:1;-ms-flex:1 1 0;flex:1 1 0;height:auto}.grid-y>.large-12,.grid-y>.large-11,.grid-y>.large-10,.grid-y>.large-9,.grid-y>.large-8,.grid-y>.large-7,.grid-y>.large-6,.grid-y>.large-5,.grid-y>.large-4,.grid-y>.large-3,.grid-y>.large-2,.grid-y>.large-1,.grid-y>.large-shrink{-webkit-box-flex:0;-ms-flex:none;flex:none}.grid-y>.large-shrink{height:auto}.grid-y>.large-1{height:8.33333%}.grid-y>.large-2{height:16.6667%}.grid-y>.large-3{height:25%}.grid-y>.large-4{height:33.3333%}.grid-y>.large-5{height:41.6667%}.grid-y>.large-6{height:50%}.grid-y>.large-7{height:58.3333%}.grid-y>.large-8{height:66.6667%}.grid-y>.large-9{height:75%}.grid-y>.large-10{height:83.3333%}.grid-y>.large-11{height:91.6667%}.grid-y>.large-12{height:100%}}.grid-padding-y .grid-padding-y{margin-top:-.625rem;margin-bottom:-.625rem}@media print,screen and (width>=40em){.grid-padding-y .grid-padding-y{margin-top:-.9375rem;margin-bottom:-.9375rem}}.grid-padding-y>.cell{padding-top:.625rem;padding-bottom:.625rem}@media print,screen and (width>=40em){.grid-padding-y>.cell{padding-top:.9375rem;padding-bottom:.9375rem}}@media print,screen and (width>=40em){.grid-margin-y{margin-top:-.9375rem;margin-bottom:-.9375rem}}@media print,screen and (width>=40em){.grid-margin-y>.cell{height:calc(100% - 1.875rem);margin-top:.9375rem;margin-bottom:.9375rem}}.grid-margin-y>.auto,.grid-margin-y>.shrink{height:auto}@media print,screen and (width>=40em){.grid-margin-y>.auto,.grid-margin-y>.shrink{height:auto}.grid-margin-y>.small-1{height:calc(8.33333% - 1.875rem)}.grid-margin-y>.small-2{height:calc(16.6667% - 1.875rem)}.grid-margin-y>.small-3{height:calc(25% - 1.875rem)}.grid-margin-y>.small-4{height:calc(33.3333% - 1.875rem)}.grid-margin-y>.small-5{height:calc(41.6667% - 1.875rem)}.grid-margin-y>.small-6{height:calc(50% - 1.875rem)}.grid-margin-y>.small-7{height:calc(58.3333% - 1.875rem)}.grid-margin-y>.small-8{height:calc(66.6667% - 1.875rem)}.grid-margin-y>.small-9{height:calc(75% - 1.875rem)}.grid-margin-y>.small-10{height:calc(83.3333% - 1.875rem)}.grid-margin-y>.small-11{height:calc(91.6667% - 1.875rem)}.grid-margin-y>.small-12{height:calc(100% - 1.875rem)}.grid-margin-y>.medium-auto,.grid-margin-y>.medium-shrink{height:auto}.grid-margin-y>.medium-1{height:calc(8.33333% - 1.875rem)}.grid-margin-y>.medium-2{height:calc(16.6667% - 1.875rem)}.grid-margin-y>.medium-3{height:calc(25% - 1.875rem)}.grid-margin-y>.medium-4{height:calc(33.3333% - 1.875rem)}.grid-margin-y>.medium-5{height:calc(41.6667% - 1.875rem)}.grid-margin-y>.medium-6{height:calc(50% - 1.875rem)}.grid-margin-y>.medium-7{height:calc(58.3333% - 1.875rem)}.grid-margin-y>.medium-8{height:calc(66.6667% - 1.875rem)}.grid-margin-y>.medium-9{height:calc(75% - 1.875rem)}.grid-margin-y>.medium-10{height:calc(83.3333% - 1.875rem)}.grid-margin-y>.medium-11{height:calc(91.6667% - 1.875rem)}.grid-margin-y>.medium-12{height:calc(100% - 1.875rem)}}@media print,screen and (width>=64em){.grid-margin-y>.large-auto,.grid-margin-y>.large-shrink{height:auto}.grid-margin-y>.large-1{height:calc(8.33333% - 1.875rem)}.grid-margin-y>.large-2{height:calc(16.6667% - 1.875rem)}.grid-margin-y>.large-3{height:calc(25% - 1.875rem)}.grid-margin-y>.large-4{height:calc(33.3333% - 1.875rem)}.grid-margin-y>.large-5{height:calc(41.6667% - 1.875rem)}.grid-margin-y>.large-6{height:calc(50% - 1.875rem)}.grid-margin-y>.large-7{height:calc(58.3333% - 1.875rem)}.grid-margin-y>.large-8{height:calc(66.6667% - 1.875rem)}.grid-margin-y>.large-9{height:calc(75% - 1.875rem)}.grid-margin-y>.large-10{height:calc(83.3333% - 1.875rem)}.grid-margin-y>.large-11{height:calc(91.6667% - 1.875rem)}.grid-margin-y>.large-12{height:calc(100% - 1.875rem)}}.grid-frame{-ms-flex-wrap:nowrap;flex-wrap:nowrap;align-items:stretch;width:100vw;position:relative;overflow:hidden}.cell .grid-frame{width:100%}.cell-block{-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar;max-width:100%;overflow-x:auto}.cell-block-y{-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar;min-height:100%;max-height:100%;overflow-y:auto}.cell-block-container{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;max-height:100%;display:-webkit-box;display:-ms-flexbox;display:flex}.cell-block-container>.grid-x{-ms-flex-wrap:nowrap;flex-wrap:nowrap;max-height:100%}@media print,screen and (width>=40em){.medium-grid-frame{-ms-flex-wrap:nowrap;flex-wrap:nowrap;align-items:stretch;width:100vw;position:relative;overflow:hidden}.cell .medium-grid-frame{width:100%}.medium-cell-block{-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar;max-width:100%;overflow-x:auto}.medium-cell-block-container{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;max-height:100%;display:-webkit-box;display:-ms-flexbox;display:flex}.medium-cell-block-container>.grid-x{-ms-flex-wrap:nowrap;flex-wrap:nowrap;max-height:100%}.medium-cell-block-y{-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar;min-height:100%;max-height:100%;overflow-y:auto}}@media print,screen and (width>=64em){.large-grid-frame{-ms-flex-wrap:nowrap;flex-wrap:nowrap;align-items:stretch;width:100vw;position:relative;overflow:hidden}.cell .large-grid-frame{width:100%}.large-cell-block{-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar;max-width:100%;overflow-x:auto}.large-cell-block-container{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;max-height:100%;display:-webkit-box;display:-ms-flexbox;display:flex}.large-cell-block-container>.grid-x{-ms-flex-wrap:nowrap;flex-wrap:nowrap;max-height:100%}.large-cell-block-y{-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar;min-height:100%;max-height:100%;overflow-y:auto}}.grid-y.grid-frame{-ms-flex-wrap:nowrap;flex-wrap:nowrap;align-items:stretch;width:auto;height:100vh;position:relative;overflow:hidden}@media print,screen and (width>=40em){.grid-y.medium-grid-frame{-ms-flex-wrap:nowrap;flex-wrap:nowrap;align-items:stretch;width:auto;height:100vh;position:relative;overflow:hidden}}@media print,screen and (width>=64em){.grid-y.large-grid-frame{-ms-flex-wrap:nowrap;flex-wrap:nowrap;align-items:stretch;width:auto;height:100vh;position:relative;overflow:hidden}}.cell .grid-y.grid-frame{height:100%}@media print,screen and (width>=40em){.cell .grid-y.medium-grid-frame{height:100%}}@media print,screen and (width>=64em){.cell .grid-y.large-grid-frame{height:100%}}.grid-margin-y{margin-top:-.625rem;margin-bottom:-.625rem}@media print,screen and (width>=40em){.grid-margin-y{margin-top:-.9375rem;margin-bottom:-.9375rem}}.grid-margin-y>.cell{height:calc(100% - 1.25rem);margin-top:.625rem;margin-bottom:.625rem}@media print,screen and (width>=40em){.grid-margin-y>.cell{height:calc(100% - 1.875rem);margin-top:.9375rem;margin-bottom:.9375rem}}.grid-margin-y>.auto,.grid-margin-y>.shrink{height:auto}.grid-margin-y>.small-1{height:calc(8.33333% - 1.25rem)}.grid-margin-y>.small-2{height:calc(16.6667% - 1.25rem)}.grid-margin-y>.small-3{height:calc(25% - 1.25rem)}.grid-margin-y>.small-4{height:calc(33.3333% - 1.25rem)}.grid-margin-y>.small-5{height:calc(41.6667% - 1.25rem)}.grid-margin-y>.small-6{height:calc(50% - 1.25rem)}.grid-margin-y>.small-7{height:calc(58.3333% - 1.25rem)}.grid-margin-y>.small-8{height:calc(66.6667% - 1.25rem)}.grid-margin-y>.small-9{height:calc(75% - 1.25rem)}.grid-margin-y>.small-10{height:calc(83.3333% - 1.25rem)}.grid-margin-y>.small-11{height:calc(91.6667% - 1.25rem)}.grid-margin-y>.small-12{height:calc(100% - 1.25rem)}@media print,screen and (width>=40em){.grid-margin-y>.auto,.grid-margin-y>.shrink{height:auto}.grid-margin-y>.small-1{height:calc(8.33333% - 1.875rem)}.grid-margin-y>.small-2{height:calc(16.6667% - 1.875rem)}.grid-margin-y>.small-3{height:calc(25% - 1.875rem)}.grid-margin-y>.small-4{height:calc(33.3333% - 1.875rem)}.grid-margin-y>.small-5{height:calc(41.6667% - 1.875rem)}.grid-margin-y>.small-6{height:calc(50% - 1.875rem)}.grid-margin-y>.small-7{height:calc(58.3333% - 1.875rem)}.grid-margin-y>.small-8{height:calc(66.6667% - 1.875rem)}.grid-margin-y>.small-9{height:calc(75% - 1.875rem)}.grid-margin-y>.small-10{height:calc(83.3333% - 1.875rem)}.grid-margin-y>.small-11{height:calc(91.6667% - 1.875rem)}.grid-margin-y>.small-12{height:calc(100% - 1.875rem)}.grid-margin-y>.medium-auto,.grid-margin-y>.medium-shrink{height:auto}.grid-margin-y>.medium-1{height:calc(8.33333% - 1.875rem)}.grid-margin-y>.medium-2{height:calc(16.6667% - 1.875rem)}.grid-margin-y>.medium-3{height:calc(25% - 1.875rem)}.grid-margin-y>.medium-4{height:calc(33.3333% - 1.875rem)}.grid-margin-y>.medium-5{height:calc(41.6667% - 1.875rem)}.grid-margin-y>.medium-6{height:calc(50% - 1.875rem)}.grid-margin-y>.medium-7{height:calc(58.3333% - 1.875rem)}.grid-margin-y>.medium-8{height:calc(66.6667% - 1.875rem)}.grid-margin-y>.medium-9{height:calc(75% - 1.875rem)}.grid-margin-y>.medium-10{height:calc(83.3333% - 1.875rem)}.grid-margin-y>.medium-11{height:calc(91.6667% - 1.875rem)}.grid-margin-y>.medium-12{height:calc(100% - 1.875rem)}}@media print,screen and (width>=64em){.grid-margin-y>.large-auto,.grid-margin-y>.large-shrink{height:auto}.grid-margin-y>.large-1{height:calc(8.33333% - 1.875rem)}.grid-margin-y>.large-2{height:calc(16.6667% - 1.875rem)}.grid-margin-y>.large-3{height:calc(25% - 1.875rem)}.grid-margin-y>.large-4{height:calc(33.3333% - 1.875rem)}.grid-margin-y>.large-5{height:calc(41.6667% - 1.875rem)}.grid-margin-y>.large-6{height:calc(50% - 1.875rem)}.grid-margin-y>.large-7{height:calc(58.3333% - 1.875rem)}.grid-margin-y>.large-8{height:calc(66.6667% - 1.875rem)}.grid-margin-y>.large-9{height:calc(75% - 1.875rem)}.grid-margin-y>.large-10{height:calc(83.3333% - 1.875rem)}.grid-margin-y>.large-11{height:calc(91.6667% - 1.875rem)}.grid-margin-y>.large-12{height:calc(100% - 1.875rem)}}.grid-frame.grid-margin-y{height:calc(100vh + 1.25rem)}@media print,screen and (width>=40em){.grid-frame.grid-margin-y{height:calc(100vh + 1.875rem)}}@media print,screen and (width>=64em){.grid-frame.grid-margin-y{height:calc(100vh + 1.875rem)}}@media print,screen and (width>=40em){.grid-margin-y.medium-grid-frame{height:calc(100vh + 1.875rem)}}@media print,screen and (width>=64em){.grid-margin-y.large-grid-frame{height:calc(100vh + 1.875rem)}}.button{vertical-align:middle;-webkit-appearance:none;text-align:center;cursor:pointer;border:1px solid #0000;border-radius:0;margin:0 0 1rem;padding:.85em 1em;font-family:inherit;font-size:.9rem;line-height:1;-webkit-transition:background-color .25s ease-out,color .25s ease-out;transition:background-color .25s ease-out,color .25s ease-out;display:inline-block}[data-whatinput=mouse] .button{outline:0}.button.tiny{font-size:.6rem}.button.small{font-size:.75rem}.button.large{font-size:1.25rem}.button.expanded{width:100%;margin-left:0;margin-right:0;display:block}.button,.button.disabled,.button[disabled],.button.disabled:hover,.button[disabled]:hover,.button.disabled:focus,.button[disabled]:focus{color:#fefefe;background-color:#1779ba}.button:hover,.button:focus{color:#fefefe;background-color:#14679e}.button.primary,.button.primary.disabled,.button.primary[disabled],.button.primary.disabled:hover,.button.primary[disabled]:hover,.button.primary.disabled:focus,.button.primary[disabled]:focus{color:#fefefe;background-color:#1779ba}.button.primary:hover,.button.primary:focus{color:#fefefe;background-color:#126195}.button.secondary,.button.secondary.disabled,.button.secondary[disabled],.button.secondary.disabled:hover,.button.secondary[disabled]:hover,.button.secondary.disabled:focus,.button.secondary[disabled]:focus{color:#fefefe;background-color:#767676}.button.secondary:hover,.button.secondary:focus{color:#fefefe;background-color:#5e5e5e}.button.success,.button.success.disabled,.button.success[disabled],.button.success.disabled:hover,.button.success[disabled]:hover,.button.success.disabled:focus,.button.success[disabled]:focus{color:#0a0a0a;background-color:#3adb76}.button.success:hover,.button.success:focus{color:#0a0a0a;background-color:#22bb5b}.button.warning,.button.warning.disabled,.button.warning[disabled],.button.warning.disabled:hover,.button.warning[disabled]:hover,.button.warning.disabled:focus,.button.warning[disabled]:focus{color:#0a0a0a;background-color:#ffae00}.button.warning:hover,.button.warning:focus{color:#0a0a0a;background-color:#cc8b00}.button.alert,.button.alert.disabled,.button.alert[disabled],.button.alert.disabled:hover,.button.alert[disabled]:hover,.button.alert.disabled:focus,.button.alert[disabled]:focus{color:#fefefe;background-color:#cc4b37}.button.alert:hover,.button.alert:focus{color:#fefefe;background-color:#a53b2a}.button.hollow,.button.hollow:hover,.button.hollow:focus,.button.hollow.disabled,.button.hollow.disabled:hover,.button.hollow.disabled:focus,.button.hollow[disabled],.button.hollow[disabled]:hover,.button.hollow[disabled]:focus{background-color:#0000}.button.hollow,.button.hollow.disabled,.button.hollow[disabled],.button.hollow.disabled:hover,.button.hollow[disabled]:hover,.button.hollow.disabled:focus,.button.hollow[disabled]:focus{color:#1779ba;border:1px solid #1779ba}.button.hollow:hover,.button.hollow:focus{color:#0c3d5d;border-color:#0c3d5d}.button.hollow.primary,.button.hollow.primary.disabled,.button.hollow.primary[disabled],.button.hollow.primary.disabled:hover,.button.hollow.primary[disabled]:hover,.button.hollow.primary.disabled:focus,.button.hollow.primary[disabled]:focus{color:#1779ba;border:1px solid #1779ba}.button.hollow.primary:hover,.button.hollow.primary:focus{color:#0c3d5d;border-color:#0c3d5d}.button.hollow.secondary,.button.hollow.secondary.disabled,.button.hollow.secondary[disabled],.button.hollow.secondary.disabled:hover,.button.hollow.secondary[disabled]:hover,.button.hollow.secondary.disabled:focus,.button.hollow.secondary[disabled]:focus{color:#767676;border:1px solid #767676}.button.hollow.secondary:hover,.button.hollow.secondary:focus{color:#3b3b3b;border-color:#3b3b3b}.button.hollow.success,.button.hollow.success.disabled,.button.hollow.success[disabled],.button.hollow.success.disabled:hover,.button.hollow.success[disabled]:hover,.button.hollow.success.disabled:focus,.button.hollow.success[disabled]:focus{color:#3adb76;border:1px solid #3adb76}.button.hollow.success:hover,.button.hollow.success:focus{color:#157539;border-color:#157539}.button.hollow.warning,.button.hollow.warning.disabled,.button.hollow.warning[disabled],.button.hollow.warning.disabled:hover,.button.hollow.warning[disabled]:hover,.button.hollow.warning.disabled:focus,.button.hollow.warning[disabled]:focus{color:#ffae00;border:1px solid #ffae00}.button.hollow.warning:hover,.button.hollow.warning:focus{color:#805700;border-color:#805700}.button.hollow.alert,.button.hollow.alert.disabled,.button.hollow.alert[disabled],.button.hollow.alert.disabled:hover,.button.hollow.alert[disabled]:hover,.button.hollow.alert.disabled:focus,.button.hollow.alert[disabled]:focus{color:#cc4b37;border:1px solid #cc4b37}.button.hollow.alert:hover,.button.hollow.alert:focus{color:#67251a;border-color:#67251a}.button.clear,.button.clear:hover,.button.clear:focus,.button.clear.disabled,.button.clear.disabled:hover,.button.clear.disabled:focus,.button.clear[disabled],.button.clear[disabled]:hover,.button.clear[disabled]:focus{background-color:#0000;border-color:#0000}.button.clear,.button.clear.disabled,.button.clear[disabled],.button.clear.disabled:hover,.button.clear[disabled]:hover,.button.clear.disabled:focus,.button.clear[disabled]:focus{color:#1779ba}.button.clear:hover,.button.clear:focus{color:#0c3d5d}.button.clear.primary,.button.clear.primary.disabled,.button.clear.primary[disabled],.button.clear.primary.disabled:hover,.button.clear.primary[disabled]:hover,.button.clear.primary.disabled:focus,.button.clear.primary[disabled]:focus{color:#1779ba}.button.clear.primary:hover,.button.clear.primary:focus{color:#0c3d5d}.button.clear.secondary,.button.clear.secondary.disabled,.button.clear.secondary[disabled],.button.clear.secondary.disabled:hover,.button.clear.secondary[disabled]:hover,.button.clear.secondary.disabled:focus,.button.clear.secondary[disabled]:focus{color:#767676}.button.clear.secondary:hover,.button.clear.secondary:focus{color:#3b3b3b}.button.clear.success,.button.clear.success.disabled,.button.clear.success[disabled],.button.clear.success.disabled:hover,.button.clear.success[disabled]:hover,.button.clear.success.disabled:focus,.button.clear.success[disabled]:focus{color:#3adb76}.button.clear.success:hover,.button.clear.success:focus{color:#157539}.button.clear.warning,.button.clear.warning.disabled,.button.clear.warning[disabled],.button.clear.warning.disabled:hover,.button.clear.warning[disabled]:hover,.button.clear.warning.disabled:focus,.button.clear.warning[disabled]:focus{color:#ffae00}.button.clear.warning:hover,.button.clear.warning:focus{color:#805700}.button.clear.alert,.button.clear.alert.disabled,.button.clear.alert[disabled],.button.clear.alert.disabled:hover,.button.clear.alert[disabled]:hover,.button.clear.alert.disabled:focus,.button.clear.alert[disabled]:focus{color:#cc4b37}.button.clear.alert:hover,.button.clear.alert:focus{color:#67251a}.button.disabled,.button[disabled]{opacity:.25;cursor:not-allowed}.button.dropdown:after{content:"";float:right;border:.4em solid #0000;border-top-color:#fefefe;border-bottom-width:0;width:0;height:0;margin-left:1em;display:inline-block;position:relative;top:.4em}.button.dropdown.hollow:after,.button.dropdown.clear:after,.button.dropdown.hollow.primary:after,.button.dropdown.clear.primary:after{border-top-color:#1779ba}.button.dropdown.hollow.secondary:after,.button.dropdown.clear.secondary:after{border-top-color:#767676}.button.dropdown.hollow.success:after,.button.dropdown.clear.success:after{border-top-color:#3adb76}.button.dropdown.hollow.warning:after,.button.dropdown.clear.warning:after{border-top-color:#ffae00}.button.dropdown.hollow.alert:after,.button.dropdown.clear.alert:after{border-top-color:#cc4b37}.button.arrow-only:after{float:none;margin-left:0;top:-.1em}a.button:hover,a.button:focus{text-decoration:none}.button-group{-webkit-box-flex:1;-ms-flex-positive:1;-ms-flex-wrap:wrap;flex-wrap:wrap;flex-grow:1;align-items:stretch;margin-bottom:1rem;display:-webkit-box;display:-ms-flexbox;display:flex}.button-group:before,.button-group:after{content:" ";-webkit-box-ordinal-group:2;-ms-flex-preferred-size:0;-ms-flex-order:1;flex-basis:0;order:1;display:table}.button-group:after{clear:both}.button-group .button{-webkit-box-flex:0;-ms-flex:none;flex:none;margin:0 1px 1px 0;font-size:.9rem}.button-group .button:last-child{margin-right:0}.button-group.tiny .button{font-size:.6rem}.button-group.small .button{font-size:.75rem}.button-group.large .button{font-size:1.25rem}.button-group.expanded .button{-webkit-box-flex:1;-ms-flex:1 1 0;flex:1 1 0}.button-group.primary .button,.button-group.primary .button.disabled,.button-group.primary .button[disabled],.button-group.primary .button.disabled:hover,.button-group.primary .button[disabled]:hover,.button-group.primary .button.disabled:focus,.button-group.primary .button[disabled]:focus{color:#fefefe;background-color:#1779ba}.button-group.primary .button:hover,.button-group.primary .button:focus{color:#fefefe;background-color:#126195}.button-group.secondary .button,.button-group.secondary .button.disabled,.button-group.secondary .button[disabled],.button-group.secondary .button.disabled:hover,.button-group.secondary .button[disabled]:hover,.button-group.secondary .button.disabled:focus,.button-group.secondary .button[disabled]:focus{color:#fefefe;background-color:#767676}.button-group.secondary .button:hover,.button-group.secondary .button:focus{color:#fefefe;background-color:#5e5e5e}.button-group.success .button,.button-group.success .button.disabled,.button-group.success .button[disabled],.button-group.success .button.disabled:hover,.button-group.success .button[disabled]:hover,.button-group.success .button.disabled:focus,.button-group.success .button[disabled]:focus{color:#0a0a0a;background-color:#3adb76}.button-group.success .button:hover,.button-group.success .button:focus{color:#0a0a0a;background-color:#22bb5b}.button-group.warning .button,.button-group.warning .button.disabled,.button-group.warning .button[disabled],.button-group.warning .button.disabled:hover,.button-group.warning .button[disabled]:hover,.button-group.warning .button.disabled:focus,.button-group.warning .button[disabled]:focus{color:#0a0a0a;background-color:#ffae00}.button-group.warning .button:hover,.button-group.warning .button:focus{color:#0a0a0a;background-color:#cc8b00}.button-group.alert .button,.button-group.alert .button.disabled,.button-group.alert .button[disabled],.button-group.alert .button.disabled:hover,.button-group.alert .button[disabled]:hover,.button-group.alert .button.disabled:focus,.button-group.alert .button[disabled]:focus{color:#fefefe;background-color:#cc4b37}.button-group.alert .button:hover,.button-group.alert .button:focus{color:#fefefe;background-color:#a53b2a}.button-group.hollow .button,.button-group.hollow .button:hover,.button-group.hollow .button:focus,.button-group.hollow .button.disabled,.button-group.hollow .button.disabled:hover,.button-group.hollow .button.disabled:focus,.button-group.hollow .button[disabled],.button-group.hollow .button[disabled]:hover,.button-group.hollow .button[disabled]:focus{background-color:#0000}.button-group.hollow .button,.button-group.hollow .button.disabled,.button-group.hollow .button[disabled],.button-group.hollow .button.disabled:hover,.button-group.hollow .button[disabled]:hover,.button-group.hollow .button.disabled:focus,.button-group.hollow .button[disabled]:focus{color:#1779ba;border:1px solid #1779ba}.button-group.hollow .button:hover,.button-group.hollow .button:focus{color:#0c3d5d;border-color:#0c3d5d}.button-group.hollow.primary .button,.button-group.hollow.primary .button.disabled,.button-group.hollow.primary .button[disabled],.button-group.hollow.primary .button.disabled:hover,.button-group.hollow.primary .button[disabled]:hover,.button-group.hollow.primary .button.disabled:focus,.button-group.hollow.primary .button[disabled]:focus,.button-group.hollow .button.primary,.button-group.hollow .button.primary.disabled,.button-group.hollow .button.primary[disabled],.button-group.hollow .button.primary.disabled:hover,.button-group.hollow .button.primary[disabled]:hover,.button-group.hollow .button.primary.disabled:focus,.button-group.hollow .button.primary[disabled]:focus{color:#1779ba;border:1px solid #1779ba}.button-group.hollow.primary .button:hover,.button-group.hollow.primary .button:focus,.button-group.hollow .button.primary:hover,.button-group.hollow .button.primary:focus{color:#0c3d5d;border-color:#0c3d5d}.button-group.hollow.secondary .button,.button-group.hollow.secondary .button.disabled,.button-group.hollow.secondary .button[disabled],.button-group.hollow.secondary .button.disabled:hover,.button-group.hollow.secondary .button[disabled]:hover,.button-group.hollow.secondary .button.disabled:focus,.button-group.hollow.secondary .button[disabled]:focus,.button-group.hollow .button.secondary,.button-group.hollow .button.secondary.disabled,.button-group.hollow .button.secondary[disabled],.button-group.hollow .button.secondary.disabled:hover,.button-group.hollow .button.secondary[disabled]:hover,.button-group.hollow .button.secondary.disabled:focus,.button-group.hollow .button.secondary[disabled]:focus{color:#767676;border:1px solid #767676}.button-group.hollow.secondary .button:hover,.button-group.hollow.secondary .button:focus,.button-group.hollow .button.secondary:hover,.button-group.hollow .button.secondary:focus{color:#3b3b3b;border-color:#3b3b3b}.button-group.hollow.success .button,.button-group.hollow.success .button.disabled,.button-group.hollow.success .button[disabled],.button-group.hollow.success .button.disabled:hover,.button-group.hollow.success .button[disabled]:hover,.button-group.hollow.success .button.disabled:focus,.button-group.hollow.success .button[disabled]:focus,.button-group.hollow .button.success,.button-group.hollow .button.success.disabled,.button-group.hollow .button.success[disabled],.button-group.hollow .button.success.disabled:hover,.button-group.hollow .button.success[disabled]:hover,.button-group.hollow .button.success.disabled:focus,.button-group.hollow .button.success[disabled]:focus{color:#3adb76;border:1px solid #3adb76}.button-group.hollow.success .button:hover,.button-group.hollow.success .button:focus,.button-group.hollow .button.success:hover,.button-group.hollow .button.success:focus{color:#157539;border-color:#157539}.button-group.hollow.warning .button,.button-group.hollow.warning .button.disabled,.button-group.hollow.warning .button[disabled],.button-group.hollow.warning .button.disabled:hover,.button-group.hollow.warning .button[disabled]:hover,.button-group.hollow.warning .button.disabled:focus,.button-group.hollow.warning .button[disabled]:focus,.button-group.hollow .button.warning,.button-group.hollow .button.warning.disabled,.button-group.hollow .button.warning[disabled],.button-group.hollow .button.warning.disabled:hover,.button-group.hollow .button.warning[disabled]:hover,.button-group.hollow .button.warning.disabled:focus,.button-group.hollow .button.warning[disabled]:focus{color:#ffae00;border:1px solid #ffae00}.button-group.hollow.warning .button:hover,.button-group.hollow.warning .button:focus,.button-group.hollow .button.warning:hover,.button-group.hollow .button.warning:focus{color:#805700;border-color:#805700}.button-group.hollow.alert .button,.button-group.hollow.alert .button.disabled,.button-group.hollow.alert .button[disabled],.button-group.hollow.alert .button.disabled:hover,.button-group.hollow.alert .button[disabled]:hover,.button-group.hollow.alert .button.disabled:focus,.button-group.hollow.alert .button[disabled]:focus,.button-group.hollow .button.alert,.button-group.hollow .button.alert.disabled,.button-group.hollow .button.alert[disabled],.button-group.hollow .button.alert.disabled:hover,.button-group.hollow .button.alert[disabled]:hover,.button-group.hollow .button.alert.disabled:focus,.button-group.hollow .button.alert[disabled]:focus{color:#cc4b37;border:1px solid #cc4b37}.button-group.hollow.alert .button:hover,.button-group.hollow.alert .button:focus,.button-group.hollow .button.alert:hover,.button-group.hollow .button.alert:focus{color:#67251a;border-color:#67251a}.button-group.clear .button,.button-group.clear .button:hover,.button-group.clear .button:focus,.button-group.clear .button.disabled,.button-group.clear .button.disabled:hover,.button-group.clear .button.disabled:focus,.button-group.clear .button[disabled],.button-group.clear .button[disabled]:hover,.button-group.clear .button[disabled]:focus{background-color:#0000;border-color:#0000}.button-group.clear .button,.button-group.clear .button.disabled,.button-group.clear .button[disabled],.button-group.clear .button.disabled:hover,.button-group.clear .button[disabled]:hover,.button-group.clear .button.disabled:focus,.button-group.clear .button[disabled]:focus{color:#1779ba}.button-group.clear .button:hover,.button-group.clear .button:focus{color:#0c3d5d}.button-group.clear.primary .button,.button-group.clear.primary .button.disabled,.button-group.clear.primary .button[disabled],.button-group.clear.primary .button.disabled:hover,.button-group.clear.primary .button[disabled]:hover,.button-group.clear.primary .button.disabled:focus,.button-group.clear.primary .button[disabled]:focus,.button-group.clear .button.primary,.button-group.clear .button.primary.disabled,.button-group.clear .button.primary[disabled],.button-group.clear .button.primary.disabled:hover,.button-group.clear .button.primary[disabled]:hover,.button-group.clear .button.primary.disabled:focus,.button-group.clear .button.primary[disabled]:focus{color:#1779ba}.button-group.clear.primary .button:hover,.button-group.clear.primary .button:focus,.button-group.clear .button.primary:hover,.button-group.clear .button.primary:focus{color:#0c3d5d}.button-group.clear.secondary .button,.button-group.clear.secondary .button.disabled,.button-group.clear.secondary .button[disabled],.button-group.clear.secondary .button.disabled:hover,.button-group.clear.secondary .button[disabled]:hover,.button-group.clear.secondary .button.disabled:focus,.button-group.clear.secondary .button[disabled]:focus,.button-group.clear .button.secondary,.button-group.clear .button.secondary.disabled,.button-group.clear .button.secondary[disabled],.button-group.clear .button.secondary.disabled:hover,.button-group.clear .button.secondary[disabled]:hover,.button-group.clear .button.secondary.disabled:focus,.button-group.clear .button.secondary[disabled]:focus{color:#767676}.button-group.clear.secondary .button:hover,.button-group.clear.secondary .button:focus,.button-group.clear .button.secondary:hover,.button-group.clear .button.secondary:focus{color:#3b3b3b}.button-group.clear.success .button,.button-group.clear.success .button.disabled,.button-group.clear.success .button[disabled],.button-group.clear.success .button.disabled:hover,.button-group.clear.success .button[disabled]:hover,.button-group.clear.success .button.disabled:focus,.button-group.clear.success .button[disabled]:focus,.button-group.clear .button.success,.button-group.clear .button.success.disabled,.button-group.clear .button.success[disabled],.button-group.clear .button.success.disabled:hover,.button-group.clear .button.success[disabled]:hover,.button-group.clear .button.success.disabled:focus,.button-group.clear .button.success[disabled]:focus{color:#3adb76}.button-group.clear.success .button:hover,.button-group.clear.success .button:focus,.button-group.clear .button.success:hover,.button-group.clear .button.success:focus{color:#157539}.button-group.clear.warning .button,.button-group.clear.warning .button.disabled,.button-group.clear.warning .button[disabled],.button-group.clear.warning .button.disabled:hover,.button-group.clear.warning .button[disabled]:hover,.button-group.clear.warning .button.disabled:focus,.button-group.clear.warning .button[disabled]:focus,.button-group.clear .button.warning,.button-group.clear .button.warning.disabled,.button-group.clear .button.warning[disabled],.button-group.clear .button.warning.disabled:hover,.button-group.clear .button.warning[disabled]:hover,.button-group.clear .button.warning.disabled:focus,.button-group.clear .button.warning[disabled]:focus{color:#ffae00}.button-group.clear.warning .button:hover,.button-group.clear.warning .button:focus,.button-group.clear .button.warning:hover,.button-group.clear .button.warning:focus{color:#805700}.button-group.clear.alert .button,.button-group.clear.alert .button.disabled,.button-group.clear.alert .button[disabled],.button-group.clear.alert .button.disabled:hover,.button-group.clear.alert .button[disabled]:hover,.button-group.clear.alert .button.disabled:focus,.button-group.clear.alert .button[disabled]:focus,.button-group.clear .button.alert,.button-group.clear .button.alert.disabled,.button-group.clear .button.alert[disabled],.button-group.clear .button.alert.disabled:hover,.button-group.clear .button.alert[disabled]:hover,.button-group.clear .button.alert.disabled:focus,.button-group.clear .button.alert[disabled]:focus{color:#cc4b37}.button-group.clear.alert .button:hover,.button-group.clear.alert .button:focus,.button-group.clear .button.alert:hover,.button-group.clear .button.alert:focus{color:#67251a}.button-group.no-gaps .button{margin-right:-.0625rem}.button-group.no-gaps .button+.button{border-left-color:#0000}.button-group.stacked,.button-group.stacked-for-small,.button-group.stacked-for-medium{-ms-flex-wrap:wrap;flex-wrap:wrap}.button-group.stacked .button,.button-group.stacked-for-small .button,.button-group.stacked-for-medium .button{-webkit-box-flex:0;-ms-flex:0 0 100%;flex:0 0 100%}.button-group.stacked .button:last-child,.button-group.stacked-for-small .button:last-child,.button-group.stacked-for-medium .button:last-child{margin-bottom:0}.button-group.stacked.expanded .button,.button-group.stacked-for-small.expanded .button,.button-group.stacked-for-medium.expanded .button{-webkit-box-flex:1;-ms-flex:1 1 0;flex:1 1 0}@media print,screen and (width>=40em){.button-group.stacked-for-small .button{-webkit-box-flex:0;-ms-flex:none;flex:none;margin-bottom:0}}@media print,screen and (width>=64em){.button-group.stacked-for-medium .button{-webkit-box-flex:0;-ms-flex:none;flex:none;margin-bottom:0}}@media print,screen and (width<=39.9988em){.button-group.stacked-for-small.expanded{display:block}.button-group.stacked-for-small.expanded .button{margin-right:0;display:block}}@media print,screen and (width<=63.9988em){.button-group.stacked-for-medium.expanded{display:block}.button-group.stacked-for-medium.expanded .button{margin-right:0;display:block}}.close-button{z-index:10;color:#8a8a8a;cursor:pointer;position:absolute}[data-whatinput=mouse] .close-button{outline:0}.close-button:hover,.close-button:focus{color:#0a0a0a}.close-button.small{font-size:1.5em;line-height:1;top:.33em;right:.66rem}.close-button.medium,.close-button{font-size:2em;line-height:1;top:.5rem;right:1rem}.label{white-space:nowrap;cursor:default;color:#fefefe;background:#1779ba;border-radius:0;padding:.33333rem .5rem;font-size:.8rem;line-height:1;display:inline-block}.label.primary{color:#fefefe;background:#1779ba}.label.secondary{color:#fefefe;background:#767676}.label.success{color:#0a0a0a;background:#3adb76}.label.warning{color:#0a0a0a;background:#ffae00}.label.alert{color:#fefefe;background:#cc4b37}.progress{background-color:#cacaca;border-radius:0;height:1rem;margin-bottom:1rem}.progress.primary .progress-meter{background-color:#1779ba}.progress.secondary .progress-meter{background-color:#767676}.progress.success .progress-meter{background-color:#3adb76}.progress.warning .progress-meter{background-color:#ffae00}.progress.alert .progress-meter{background-color:#cc4b37}.progress-meter{background-color:#1779ba;width:0%;height:100%;display:block;position:relative}.progress-meter-text{color:#fefefe;white-space:nowrap;margin:0;font-size:.75rem;font-weight:700;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.slider{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-ms-touch-action:none;touch-action:none;background-color:#e6e6e6;height:.5rem;margin-top:1.25rem;margin-bottom:2.25rem;position:relative}.slider-fill{background-color:#cacaca;max-width:100%;height:.5rem;-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out;display:inline-block;position:absolute;top:0;left:0}.slider-fill.is-dragging{-webkit-transition:all linear;transition:all linear}.slider-handle{z-index:1;cursor:-webkit-grab;cursor:grab;-ms-touch-action:manipulation;touch-action:manipulation;background-color:#1779ba;border-radius:0;width:1.4rem;height:1.4rem;-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out;display:inline-block;position:absolute;top:50%;left:0;-webkit-transform:translateY(-50%);transform:translateY(-50%)}[data-whatinput=mouse] .slider-handle{outline:0}.slider-handle:hover{background-color:#14679e}.slider-handle.is-dragging{cursor:-webkit-grabbing;cursor:grabbing;-webkit-transition:all linear;transition:all linear}.slider.disabled,.slider[disabled]{opacity:.25;cursor:not-allowed}.slider.vertical{width:.5rem;height:12.5rem;margin:0 1.25rem;display:inline-block;-webkit-transform:scaleY(-1);transform:scaleY(-1)}.slider.vertical .slider-fill{width:.5rem;max-height:100%;top:0}.slider.vertical .slider-handle{width:1.4rem;height:1.4rem;position:absolute;top:0;left:50%;-webkit-transform:translate(-50%);transform:translate(-50%)}.switch{color:#fefefe;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;outline:0;height:2rem;margin-bottom:1rem;font-size:.875rem;font-weight:700;position:relative}.switch-input{opacity:0;margin-bottom:0;position:absolute}.switch-paddle{font-weight:inherit;color:inherit;cursor:pointer;background:#cacaca;border-radius:0;width:4rem;height:2rem;-webkit-transition:all .25s ease-out;transition:all .25s ease-out;display:block;position:relative}input+.switch-paddle{margin:0}.switch-paddle:after{content:"";background:#fefefe;border-radius:0;width:1.5rem;height:1.5rem;-webkit-transition:all .25s ease-out;transition:all .25s ease-out;display:block;position:absolute;top:.25rem;left:.25rem;-webkit-transform:translate(0,0);transform:translate(0,0)}input:checked~.switch-paddle{background:#1779ba}input:checked~.switch-paddle:after{left:2.25rem}input:focus-visible~.switch-paddle{background:#b6b6b6}input:focus-visible~.switch-paddle:after{background:#fefefe}input:checked:focus-visible~.switch-paddle{background:#14679e}input:disabled~.switch-paddle{cursor:not-allowed;opacity:.5}[data-whatinput=mouse] input:focus~.switch-paddle{outline:0}.switch-inactive,.switch-active{position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.switch-active{display:none;left:8%}input:checked+label>.switch-active{display:block}.switch-inactive{right:15%}input:checked+label>.switch-inactive{display:none}.switch.tiny{height:1.5rem}.switch.tiny .switch-paddle{width:3rem;height:1.5rem;font-size:.625rem}.switch.tiny .switch-paddle:after{width:1rem;height:1rem;top:.25rem;left:.25rem}.switch.tiny input:checked~.switch-paddle:after{left:1.75rem}.switch.small{height:1.75rem}.switch.small .switch-paddle{width:3.5rem;height:1.75rem;font-size:.75rem}.switch.small .switch-paddle:after{width:1.25rem;height:1.25rem;top:.25rem;left:.25rem}.switch.small input:checked~.switch-paddle:after{left:2rem}.switch.large{height:2.5rem}.switch.large .switch-paddle{width:5rem;height:2.5rem;font-size:1rem}.switch.large .switch-paddle:after{width:2rem;height:2rem;top:.25rem;left:.25rem}.switch.large input:checked~.switch-paddle:after{left:2.75rem}table{border-collapse:collapse;border-radius:0;width:100%;margin-bottom:1rem}thead,tbody,tfoot{background-color:#fefefe;border:1px solid #f1f1f1}caption{padding:.5rem .625rem .625rem;font-weight:700}thead{color:#0a0a0a;background:#f8f8f8}tfoot{color:#0a0a0a;background:#f1f1f1}thead tr,tfoot tr{background:0 0}thead th,thead td,tfoot th,tfoot td{text-align:left;padding:.5rem .625rem .625rem;font-weight:700}tbody th,tbody td{padding:.5rem .625rem .625rem}tbody tr:nth-child(2n){background-color:#f1f1f1;border-bottom:0}table.unstriped tbody{background-color:#fefefe}table.unstriped tbody tr{background-color:#fefefe;border-bottom:1px solid #f1f1f1}@media print,screen and (width<=63.9988em){table.stack thead,table.stack tfoot{display:none}table.stack tr,table.stack th,table.stack td{display:block}table.stack td{border-top:0}}table.scroll{width:100%;display:block;overflow-x:auto}table.hover thead tr:hover{background-color:#f3f3f3}table.hover tfoot tr:hover{background-color:#ececec}table.hover tbody tr:hover{background-color:#f9f9f9}table.hover:not(.unstriped) tr:nth-of-type(2n):hover{background-color:#ececec}.table-scroll{overflow-x:auto}.badge{text-align:center;color:#fefefe;background:#1779ba;border-radius:50%;min-width:2.1em;padding:.3em;font-size:.6rem;display:inline-block}.badge.primary{color:#fefefe;background:#1779ba}.badge.secondary{color:#fefefe;background:#767676}.badge.success{color:#0a0a0a;background:#3adb76}.badge.warning{color:#0a0a0a;background:#ffae00}.badge.alert{color:#fefefe;background:#cc4b37}.breadcrumbs{margin:0 0 1rem;list-style:none}.breadcrumbs:before,.breadcrumbs:after{content:" ";-webkit-box-ordinal-group:2;-ms-flex-preferred-size:0;-ms-flex-order:1;flex-basis:0;order:1;display:table}.breadcrumbs:after{clear:both}.breadcrumbs li{float:left;color:#0a0a0a;cursor:default;text-transform:uppercase;font-size:.6875rem}.breadcrumbs li:not(:last-child):after{opacity:1;content:"/";color:#cacaca;margin:0 .75rem;position:relative}.breadcrumbs a{color:#1779ba}.breadcrumbs a:hover{text-decoration:underline}.breadcrumbs .disabled{color:#cacaca;cursor:not-allowed}.callout{color:#0a0a0a;background-color:#fff;border:1px solid #0a0a0a40;border-radius:0;margin:0 0 1rem;padding:1rem;position:relative}.callout>:first-child{margin-top:0}.callout>:last-child{margin-bottom:0}.callout.primary{color:#0a0a0a;background-color:#d7ecfa}.callout.secondary{color:#0a0a0a;background-color:#eaeaea}.callout.success{color:#0a0a0a;background-color:#e1faea}.callout.warning{color:#0a0a0a;background-color:#fff3d9}.callout.alert{color:#0a0a0a;background-color:#f7e4e1}.callout.small{padding:.5rem}.callout.large{padding:3rem}.card{-webkit-box-shadow:none;box-shadow:none;color:#0a0a0a;background:#fefefe;border:1px solid #e6e6e6;border-radius:0;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-box-flex:1;-ms-flex-positive:1;-ms-flex-direction:column;flex-direction:column;flex-grow:1;margin-bottom:1rem;display:-webkit-box;display:-ms-flexbox;display:flex;overflow:hidden}.card>:last-child{margin-bottom:0}.card-divider{background:#e6e6e6;-webkit-box-flex:0;-ms-flex:0 auto;flex:0 auto;padding:1rem;display:-webkit-box;display:-ms-flexbox;display:flex}.card-divider>:last-child{margin-bottom:0}.card-section{-webkit-box-flex:1;-ms-flex:1 0 auto;flex:1 0 auto;padding:1rem}.card-section>:last-child{margin-bottom:0}.card-image{min-height:1px}.dropdown-pane{z-index:10;visibility:hidden;background-color:#fefefe;border:1px solid #cacaca;border-radius:0;width:300px;padding:1rem;font-size:1rem;display:none;position:absolute}.dropdown-pane.is-opening{display:block}.dropdown-pane.is-open{visibility:visible;display:block}.dropdown-pane.tiny{width:100px}.dropdown-pane.small{width:200px}.dropdown-pane.large{width:400px}.pagination{margin-bottom:1rem;margin-left:0}.pagination:before,.pagination:after{content:" ";-webkit-box-ordinal-group:2;-ms-flex-preferred-size:0;-ms-flex-order:1;flex-basis:0;order:1;display:table}.pagination:after{clear:both}.pagination li{border-radius:0;margin-right:.0625rem;font-size:.875rem;display:none}.pagination li:last-child,.pagination li:first-child{display:inline-block}@media print,screen and (width>=40em){.pagination li{display:inline-block}}.pagination a,.pagination button{color:#0a0a0a;border-radius:0;padding:.1875rem .625rem;display:block}.pagination a:hover,.pagination button:hover{background:#e6e6e6}.pagination .current{color:#fefefe;cursor:default;background:#1779ba;padding:.1875rem .625rem}.pagination .disabled{color:#cacaca;cursor:not-allowed;padding:.1875rem .625rem}.pagination .disabled:hover{background:0 0}.pagination .ellipsis:after{content:"…";color:#0a0a0a;padding:.1875rem .625rem}.pagination-previous a:before,.pagination-previous.disabled:before{content:"«";margin-right:.5rem;display:inline-block}.pagination-next a:after,.pagination-next.disabled:after{content:"»";margin-left:.5rem;display:inline-block}.has-tip{cursor:help;border-bottom:1px dotted #8a8a8a;font-weight:700;display:inline-block;position:relative}.tooltip{z-index:1200;color:#fefefe;background-color:#0a0a0a;border-radius:0;max-width:10rem;padding:.75rem;font-size:80%;position:absolute;top:calc(100% + .6495rem)}.tooltip:before{position:absolute}.tooltip.bottom:before{content:"";border:.75rem solid #0000;border-top-width:0;border-bottom-color:#0a0a0a;width:0;height:0;display:block;bottom:100%}.tooltip.bottom.align-center:before{left:50%;-webkit-transform:translate(-50%);transform:translate(-50%)}.tooltip.top:before{content:"";border:.75rem solid #0000;border-top-color:#0a0a0a;border-bottom-width:0;width:0;height:0;display:block;top:100%;bottom:auto}.tooltip.top.align-center:before{left:50%;-webkit-transform:translate(-50%);transform:translate(-50%)}.tooltip.left:before{content:"";border:.75rem solid #0000;border-left-color:#0a0a0a;border-right-width:0;width:0;height:0;display:block;left:100%}.tooltip.left.align-center:before{top:50%;bottom:auto;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.tooltip.right:before{content:"";border:.75rem solid #0000;border-left-width:0;border-right-color:#0a0a0a;width:0;height:0;display:block;left:auto;right:100%}.tooltip.right.align-center:before{top:50%;bottom:auto;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.tooltip.align-top:before{top:10%;bottom:auto}.tooltip.align-bottom:before{top:auto;bottom:10%}.tooltip.align-left:before{left:10%;right:auto}.tooltip.align-right:before{left:auto;right:10%}.accordion{background:#fefefe;margin-left:0;list-style-type:none}.accordion[disabled] .accordion-title{cursor:not-allowed}.accordion-item:first-child>:first-child,.accordion-item:last-child>:last-child{border-radius:0}.accordion-title{color:#1779ba;border:1px solid #e6e6e6;border-bottom:0;padding:1.25rem 1rem;font-size:.75rem;line-height:1;display:block;position:relative}:last-child:not(.is-active)>.accordion-title{border-bottom:1px solid #e6e6e6;border-radius:0}.accordion-title:hover,.accordion-title:focus{background-color:#e6e6e6}.accordion-title:before{content:"+";margin-top:-.5rem;position:absolute;top:50%;right:1rem}.is-active>.accordion-title:before{content:"–"}.accordion-content{color:#0a0a0a;background-color:#fefefe;border:1px solid #e6e6e6;border-bottom:0;padding:1rem;display:none}:last-child>.accordion-content:last-child{border-bottom:1px solid #e6e6e6}.media-object{-ms-flex-wrap:nowrap;flex-wrap:nowrap;margin-bottom:1rem;display:-webkit-box;display:-ms-flexbox;display:flex}.media-object img{max-width:none}@media print,screen and (width<=39.9988em){.media-object.stack-for-small{-ms-flex-wrap:wrap;flex-wrap:wrap}}.media-object-section{-webkit-box-flex:0;-ms-flex:0 auto;flex:0 auto}.media-object-section:first-child{padding-right:1rem}.media-object-section:last-child:not(:nth-child(2)){padding-left:1rem}.media-object-section>:last-child{margin-bottom:0}@media print,screen and (width<=39.9988em){.stack-for-small .media-object-section{-ms-flex-preferred-size:100%;flex-basis:100%;max-width:100%;padding:0 0 1rem}.stack-for-small .media-object-section img{width:100%}}.media-object-section.main-section{-webkit-box-flex:1;-ms-flex:1 1 0;flex:1 1 0}.orbit{position:relative}.orbit-container{height:0;margin:0;list-style:none;position:relative;overflow:hidden}.orbit-slide{width:100%;position:absolute}.orbit-slide.no-motionui.is-active{top:0;left:0}.orbit-figure{margin:0}.orbit-image{width:100%;max-width:100%;margin:0}.orbit-caption{color:#fefefe;background-color:#0a0a0a80;width:100%;margin-bottom:0;padding:1rem;position:absolute;bottom:0}.orbit-next,.orbit-previous{z-index:10;color:#fefefe;padding:1rem;position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}[data-whatinput=mouse] .orbit-next,[data-whatinput=mouse] .orbit-previous{outline:0}.orbit-next:hover,.orbit-previous:hover,.orbit-next:active,.orbit-previous:active,.orbit-next:focus,.orbit-previous:focus{background-color:#0a0a0a80}.orbit-previous{left:0}.orbit-next{left:auto;right:0}.orbit-bullets{text-align:center;margin-top:.8rem;margin-bottom:.8rem;position:relative}[data-whatinput=mouse] .orbit-bullets{outline:0}.orbit-bullets button{background-color:#cacaca;border-radius:50%;width:1.2rem;height:1.2rem;margin:.1rem}.orbit-bullets button:hover,.orbit-bullets button.is-active{background-color:#8a8a8a}.responsive-embed,.flex-video{height:0;margin-bottom:1rem;padding-bottom:75%;position:relative;overflow:hidden}.responsive-embed iframe,.responsive-embed object,.responsive-embed embed,.responsive-embed video,.flex-video iframe,.flex-video object,.flex-video embed,.flex-video video{width:100%;height:100%;position:absolute;top:0;left:0}.responsive-embed.widescreen,.flex-video.widescreen{padding-bottom:56.25%}.tabs{background:#fefefe;border:1px solid #e6e6e6;margin:0;list-style-type:none}.tabs:before,.tabs:after{content:" ";-webkit-box-ordinal-group:2;-ms-flex-preferred-size:0;-ms-flex-order:1;flex-basis:0;order:1;display:table}.tabs:after{clear:both}.tabs.vertical>li{float:none;width:auto;display:block}.tabs.simple>li>a{padding:0}.tabs.simple>li>a:hover{background:0 0}.tabs.primary{background:#1779ba}.tabs.primary>li>a{color:#fefefe}.tabs.primary>li>a:hover,.tabs.primary>li>a:focus{background:#1673b1}.tabs-title{float:left}.tabs-title>a{color:#1779ba;padding:1.25rem 1.5rem;font-size:.75rem;line-height:1;display:block}[data-whatinput=mouse] .tabs-title>a{outline:0}.tabs-title>a:hover{color:#1468a0;background:#fefefe}.tabs-title>a:focus,.tabs-title>a[aria-selected=true]{color:#1779ba;background:#e6e6e6}.tabs-content{color:#0a0a0a;background:#fefefe;border:1px solid #e6e6e6;border-top:0;-webkit-transition:all .5s;transition:all .5s}.tabs-content.vertical{border:1px solid #e6e6e6;border-left:0}.tabs-panel{padding:1rem;display:none}.tabs-panel.is-active{display:block}.thumbnail{border:4px solid #fefefe;border-radius:0;max-width:100%;margin-bottom:1rem;line-height:0;display:inline-block;-webkit-box-shadow:0 0 0 1px #0a0a0a33;box-shadow:0 0 0 1px #0a0a0a33}a.thumbnail{-webkit-transition:box-shadow .2s ease-out,-webkit-box-shadow .2s ease-out;transition:box-shadow .2s ease-out,-webkit-box-shadow .2s ease-out}a.thumbnail:hover,a.thumbnail:focus{-webkit-box-shadow:0 0 6px 1px #1779ba80;box-shadow:0 0 6px 1px #1779ba80}a.thumbnail image{-webkit-box-shadow:none;box-shadow:none}.menu{-ms-flex-wrap:wrap;flex-wrap:wrap;margin:0;padding:0;list-style:none;display:-webkit-box;display:-ms-flexbox;display:flex;position:relative}[data-whatinput=mouse] .menu li{outline:0}.menu a,.menu .button{padding:.7rem 1rem;line-height:1;text-decoration:none;display:block}.menu input,.menu select,.menu a,.menu button{margin-bottom:0}.menu input{display:inline-block}.menu,.menu.horizontal{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-flow:wrap;flex-flow:wrap}.menu.vertical{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-flow:column;flex-flow:column}.menu.vertical.icon-top li a img,.menu.vertical.icon-top li a i,.menu.vertical.icon-top li a svg,.menu.vertical.icon-bottom li a img,.menu.vertical.icon-bottom li a i,.menu.vertical.icon-bottom li a svg{text-align:left}.menu.expanded li{-webkit-box-flex:1;-ms-flex:1 1 0;flex:1 1 0}.menu.expanded.icon-top li a img,.menu.expanded.icon-top li a i,.menu.expanded.icon-top li a svg,.menu.expanded.icon-bottom li a img,.menu.expanded.icon-bottom li a i,.menu.expanded.icon-bottom li a svg{text-align:left}.menu.simple{align-items:center}.menu.simple li+li{margin-left:1rem}.menu.simple a{padding:0}@media print,screen and (width>=40em){.menu.medium-horizontal{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-flow:wrap;flex-flow:wrap}.menu.medium-vertical{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-flow:column;flex-flow:column}.menu.medium-expanded li,.menu.medium-simple li{-webkit-box-flex:1;-ms-flex:1 1 0;flex:1 1 0}}@media print,screen and (width>=64em){.menu.large-horizontal{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-flow:wrap;flex-flow:wrap}.menu.large-vertical{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-flow:column;flex-flow:column}.menu.large-expanded li,.menu.large-simple li{-webkit-box-flex:1;-ms-flex:1 1 0;flex:1 1 0}}.menu.nested{margin-left:1rem;margin-right:0}.menu.icons a,.menu.icon-top a,.menu.icon-right a,.menu.icon-bottom a,.menu.icon-left a{display:-webkit-box;display:-ms-flexbox;display:flex}.menu.icon-left li a,.menu.nested.icon-left li a{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-flow:row;flex-flow:row}.menu.icon-left li a img,.menu.icon-left li a i,.menu.icon-left li a svg,.menu.nested.icon-left li a img,.menu.nested.icon-left li a i,.menu.nested.icon-left li a svg{margin-right:.25rem}.menu.icon-right li a,.menu.nested.icon-right li a{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-flow:row;flex-flow:row}.menu.icon-right li a img,.menu.icon-right li a i,.menu.icon-right li a svg,.menu.nested.icon-right li a img,.menu.nested.icon-right li a i,.menu.nested.icon-right li a svg{margin-left:.25rem}.menu.icon-top li a,.menu.nested.icon-top li a{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-flow:column;flex-flow:column}.menu.icon-top li a img,.menu.icon-top li a i,.menu.icon-top li a svg,.menu.nested.icon-top li a img,.menu.nested.icon-top li a i,.menu.nested.icon-top li a svg{text-align:center;align-self:stretch;margin-bottom:.25rem}.menu.icon-bottom li a,.menu.nested.icon-bottom li a{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-flow:column;flex-flow:column}.menu.icon-bottom li a img,.menu.icon-bottom li a i,.menu.icon-bottom li a svg,.menu.nested.icon-bottom li a img,.menu.nested.icon-bottom li a i,.menu.nested.icon-bottom li a svg{text-align:center;align-self:stretch;margin-bottom:.25rem}.menu .is-active>a,.menu .active>a{color:#fefefe;background:#1779ba}.menu.align-left{justify-content:flex-start}.menu.align-right li{justify-content:flex-end;display:-webkit-box;display:-ms-flexbox;display:flex}.menu.align-right li .submenu li{justify-content:flex-start}.menu.align-right.vertical li{text-align:right;display:block}.menu.align-right.vertical li .submenu li,.menu.align-right.icon-top li a img,.menu.align-right.icon-top li a i,.menu.align-right.icon-top li a svg,.menu.align-right.icon-bottom li a img,.menu.align-right.icon-bottom li a i,.menu.align-right.icon-bottom li a svg{text-align:right}.menu.align-right .nested{margin-left:0;margin-right:1rem}.menu.align-center li{justify-content:center;display:-webkit-box;display:-ms-flexbox;display:flex}.menu.align-center li .submenu li{justify-content:flex-start}.menu .menu-text{color:inherit;padding:.7rem 1rem;font-weight:700;line-height:1}.menu-centered>.menu{justify-content:center}.menu-centered>.menu li{justify-content:center;display:-webkit-box;display:-ms-flexbox;display:flex}.menu-centered>.menu li .submenu li{justify-content:flex-start}.no-js [data-responsive-menu] ul{display:none}.menu-icon{vertical-align:middle;cursor:pointer;width:20px;height:16px;display:inline-block;position:relative}.menu-icon:after{content:"";background:#fefefe;width:100%;height:2px;display:block;position:absolute;top:0;left:0;-webkit-box-shadow:0 7px #fefefe,0 14px #fefefe;box-shadow:0 7px #fefefe,0 14px #fefefe}.menu-icon:hover:after{background:#cacaca;-webkit-box-shadow:0 7px #cacaca,0 14px #cacaca;box-shadow:0 7px #cacaca,0 14px #cacaca}.menu-icon.dark{vertical-align:middle;cursor:pointer;width:20px;height:16px;display:inline-block;position:relative}.menu-icon.dark:after{content:"";background:#0a0a0a;width:100%;height:2px;display:block;position:absolute;top:0;left:0;-webkit-box-shadow:0 7px #0a0a0a,0 14px #0a0a0a;box-shadow:0 7px #0a0a0a,0 14px #0a0a0a}.menu-icon.dark:hover:after{background:#8a8a8a;-webkit-box-shadow:0 7px #8a8a8a,0 14px #8a8a8a;box-shadow:0 7px #8a8a8a,0 14px #8a8a8a}.accordion-menu li{width:100%}.accordion-menu a,.accordion-menu .is-accordion-submenu a{padding:.7rem 1rem}.accordion-menu .nested.is-accordion-submenu{margin-left:1rem;margin-right:0}.accordion-menu.align-right .nested.is-accordion-submenu{margin-left:0;margin-right:1rem}.accordion-menu .is-accordion-submenu-parent:not(.has-submenu-toggle)>a{position:relative}.accordion-menu .is-accordion-submenu-parent:not(.has-submenu-toggle)>a:after{content:"";border:6px solid #0000;border-top-color:#1779ba;border-bottom-width:0;width:0;height:0;margin-top:-3px;display:block;position:absolute;top:50%;right:1rem}.accordion-menu.align-left .is-accordion-submenu-parent>a:after{left:auto;right:1rem}.accordion-menu.align-right .is-accordion-submenu-parent>a:after{left:1rem;right:auto}.accordion-menu .is-accordion-submenu-parent[aria-expanded=true]>a:after{-webkit-transform-origin:50%;transform-origin:50%;-webkit-transform:rotate(180deg);transform:rotate(180deg)}.is-accordion-submenu-parent{position:relative}.has-submenu-toggle>a{margin-right:40px}.submenu-toggle{cursor:pointer;width:40px;height:40px;position:absolute;top:0;right:0}.submenu-toggle:after{content:"";border:6px solid #0000;border-top-color:#1779ba;border-bottom-width:0;width:0;height:0;margin:auto;display:block;top:0;bottom:0}.submenu-toggle[aria-expanded=true]:after{-webkit-transform-origin:50%;transform-origin:50%;-webkit-transform:scaleY(-1);transform:scaleY(-1)}.submenu-toggle-text{clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important;width:1px!important;height:1px!important;padding:0!important;position:absolute!important;overflow:hidden!important}.is-drilldown{position:relative;overflow:hidden}.is-drilldown li{display:block}.is-drilldown.animate-height{-webkit-transition:height .5s;transition:height .5s}.drilldown a{background:#fefefe;padding:.7rem 1rem}.drilldown .is-drilldown-submenu{z-index:-1;background:#fefefe;width:100%;-webkit-transition:transform .15s linear,-webkit-transform .15s linear;transition:transform .15s linear,-webkit-transform .15s linear;position:absolute;top:0;left:100%}.drilldown .is-drilldown-submenu.is-active{z-index:1;display:block;-webkit-transform:translate(-100%);transform:translate(-100%)}.drilldown .is-drilldown-submenu.is-closing{-webkit-transform:translate(100%);transform:translate(100%)}.drilldown .is-drilldown-submenu a{padding:.7rem 1rem}.drilldown .nested.is-drilldown-submenu{margin-left:0;margin-right:0}.drilldown .drilldown-submenu-cover-previous{min-height:100%}.drilldown .is-drilldown-submenu-parent>a{position:relative}.drilldown .is-drilldown-submenu-parent>a:after{content:"";border:6px solid #0000;border-left-color:#1779ba;border-right-width:0;width:0;height:0;margin-top:-6px;display:block;position:absolute;top:50%;right:1rem}.drilldown.align-left .is-drilldown-submenu-parent>a:after{content:"";border:6px solid #0000;border-left-color:#1779ba;border-right-width:0;width:0;height:0;display:block;left:auto;right:1rem}.drilldown.align-right .is-drilldown-submenu-parent>a:after{content:"";border:6px solid #0000;border-left-width:0;border-right-color:#1779ba;width:0;height:0;display:block;left:1rem;right:auto}.drilldown .js-drilldown-back>a:before{content:"";vertical-align:middle;border:6px solid #0000;border-left-width:0;border-right-color:#1779ba;width:0;height:0;margin-right:.75rem;display:inline-block}.dropdown.menu>li.opens-left>.is-dropdown-submenu{top:100%;left:auto;right:0}.dropdown.menu>li.opens-right>.is-dropdown-submenu{top:100%;left:0;right:auto}.dropdown.menu>li.is-dropdown-submenu-parent>a{padding-right:1.5rem;position:relative}.dropdown.menu>li.is-dropdown-submenu-parent>a:after{content:"";border:6px solid #0000;border-top-color:#1779ba;border-bottom-width:0;width:0;height:0;margin-top:-3px;display:block;left:auto;right:5px}[data-whatinput=mouse] .dropdown.menu a{outline:0}.dropdown.menu>li>a{padding:.7rem 1rem}.dropdown.menu>li.is-active>a{color:#1779ba;background:0 0}.no-js .dropdown.menu ul{display:none}.dropdown.menu .nested.is-dropdown-submenu{margin-left:0;margin-right:0}.dropdown.menu.vertical>li .is-dropdown-submenu{top:0}.dropdown.menu.vertical>li.opens-left>.is-dropdown-submenu{top:0;left:auto;right:100%}.dropdown.menu.vertical>li.opens-right>.is-dropdown-submenu{left:100%;right:auto}.dropdown.menu.vertical>li>a:after{right:14px}.dropdown.menu.vertical>li.opens-left>a:after{content:"";border:6px solid #0000;border-left-width:0;border-right-color:#1779ba;width:0;height:0;display:block;left:5px;right:auto}.dropdown.menu.vertical>li.opens-right>a:after{content:"";border:6px solid #0000;border-left-color:#1779ba;border-right-width:0;width:0;height:0;display:block}@media print,screen and (width>=40em){.dropdown.menu.medium-horizontal>li.opens-left>.is-dropdown-submenu{top:100%;left:auto;right:0}.dropdown.menu.medium-horizontal>li.opens-right>.is-dropdown-submenu{top:100%;left:0;right:auto}.dropdown.menu.medium-horizontal>li.is-dropdown-submenu-parent>a{padding-right:1.5rem;position:relative}.dropdown.menu.medium-horizontal>li.is-dropdown-submenu-parent>a:after{content:"";border:6px solid #0000;border-top-color:#1779ba;border-bottom-width:0;width:0;height:0;margin-top:-3px;display:block;left:auto;right:5px}.dropdown.menu.medium-vertical>li .is-dropdown-submenu{top:0}.dropdown.menu.medium-vertical>li.opens-left>.is-dropdown-submenu{top:0;left:auto;right:100%}.dropdown.menu.medium-vertical>li.opens-right>.is-dropdown-submenu{left:100%;right:auto}.dropdown.menu.medium-vertical>li>a:after{right:14px}.dropdown.menu.medium-vertical>li.opens-left>a:after{content:"";border:6px solid #0000;border-left-width:0;border-right-color:#1779ba;width:0;height:0;display:block;left:5px;right:auto}.dropdown.menu.medium-vertical>li.opens-right>a:after{content:"";border:6px solid #0000;border-left-color:#1779ba;border-right-width:0;width:0;height:0;display:block}}@media print,screen and (width>=64em){.dropdown.menu.large-horizontal>li.opens-left>.is-dropdown-submenu{top:100%;left:auto;right:0}.dropdown.menu.large-horizontal>li.opens-right>.is-dropdown-submenu{top:100%;left:0;right:auto}.dropdown.menu.large-horizontal>li.is-dropdown-submenu-parent>a{padding-right:1.5rem;position:relative}.dropdown.menu.large-horizontal>li.is-dropdown-submenu-parent>a:after{content:"";border:6px solid #0000;border-top-color:#1779ba;border-bottom-width:0;width:0;height:0;margin-top:-3px;display:block;left:auto;right:5px}.dropdown.menu.large-vertical>li .is-dropdown-submenu{top:0}.dropdown.menu.large-vertical>li.opens-left>.is-dropdown-submenu{top:0;left:auto;right:100%}.dropdown.menu.large-vertical>li.opens-right>.is-dropdown-submenu{left:100%;right:auto}.dropdown.menu.large-vertical>li>a:after{right:14px}.dropdown.menu.large-vertical>li.opens-left>a:after{content:"";border:6px solid #0000;border-left-width:0;border-right-color:#1779ba;width:0;height:0;display:block;left:5px;right:auto}.dropdown.menu.large-vertical>li.opens-right>a:after{content:"";border:6px solid #0000;border-left-color:#1779ba;border-right-width:0;width:0;height:0;display:block}}.dropdown.menu.align-right .is-dropdown-submenu.first-sub{top:100%;left:auto;right:0}.is-dropdown-menu.vertical{width:100px}.is-dropdown-menu.vertical.align-right{float:right}.is-dropdown-submenu-parent{position:relative}.is-dropdown-submenu-parent a:after{margin-top:-6px;position:absolute;top:50%;left:auto;right:5px}.is-dropdown-submenu-parent.opens-inner>.is-dropdown-submenu{top:100%;left:auto}.is-dropdown-submenu-parent.opens-left>.is-dropdown-submenu{left:auto;right:100%}.is-dropdown-submenu-parent.opens-right>.is-dropdown-submenu{left:100%;right:auto}.is-dropdown-submenu{z-index:1;background:#fefefe;border:1px solid #cacaca;min-width:200px;display:none;position:absolute;top:0;left:100%}.dropdown .is-dropdown-submenu a{padding:.7rem 1rem}.is-dropdown-submenu .is-dropdown-submenu-parent>a:after{right:14px}.is-dropdown-submenu .is-dropdown-submenu-parent.opens-left>a:after{content:"";border:6px solid #0000;border-left-width:0;border-right-color:#1779ba;width:0;height:0;display:block;left:5px;right:auto}.is-dropdown-submenu .is-dropdown-submenu-parent.opens-right>a:after{content:"";border:6px solid #0000;border-left-color:#1779ba;border-right-width:0;width:0;height:0;display:block}.is-dropdown-submenu .is-dropdown-submenu{margin-top:-1px}.is-dropdown-submenu>li{width:100%}.is-dropdown-submenu.js-dropdown-active{display:block}.is-off-canvas-open{overflow:hidden}.js-off-canvas-overlay{z-index:11;opacity:0;visibility:hidden;background:#fefefe40;width:100%;height:100%;-webkit-transition:opacity .5s,visibility .5s;transition:opacity .5s,visibility .5s;position:absolute;top:0;left:0;overflow:hidden}.js-off-canvas-overlay.is-visible{opacity:1;visibility:visible}.js-off-canvas-overlay.is-closable{cursor:pointer}.js-off-canvas-overlay.is-overlay-absolute{position:absolute}.js-off-canvas-overlay.is-overlay-fixed{position:fixed}.off-canvas-wrapper{position:relative;overflow:hidden}.off-canvas{z-index:12;-webkit-backface-visibility:hidden;backface-visibility:hidden;background:#e6e6e6;-webkit-transition:transform .5s,-webkit-transform .5s;transition:transform .5s,-webkit-transform .5s;position:fixed}[data-whatinput=mouse] .off-canvas{outline:0}.off-canvas.is-transition-push{z-index:12}.off-canvas.is-closed{visibility:hidden}.off-canvas.is-transition-overlap{z-index:13}.off-canvas.is-transition-overlap.is-open{-webkit-box-shadow:0 0 10px #0a0a0ab3;box-shadow:0 0 10px #0a0a0ab3}.off-canvas.is-open{-webkit-transform:translate(0);transform:translate(0)}.off-canvas-absolute{z-index:12;-webkit-backface-visibility:hidden;backface-visibility:hidden;background:#e6e6e6;-webkit-transition:transform .5s,-webkit-transform .5s;transition:transform .5s,-webkit-transform .5s;position:absolute}[data-whatinput=mouse] .off-canvas-absolute{outline:0}.off-canvas-absolute.is-transition-push{z-index:12}.off-canvas-absolute.is-closed{visibility:hidden}.off-canvas-absolute.is-transition-overlap{z-index:13}.off-canvas-absolute.is-transition-overlap.is-open{-webkit-box-shadow:0 0 10px #0a0a0ab3;box-shadow:0 0 10px #0a0a0ab3}.off-canvas-absolute.is-open{-webkit-transform:translate(0);transform:translate(0)}.position-left{-webkit-overflow-scrolling:touch;width:250px;height:100%;top:0;left:0;overflow-y:auto;-webkit-transform:translate(-250px);transform:translate(-250px)}.off-canvas-content .off-canvas.position-left{-webkit-transform:translate(-250px);transform:translate(-250px)}.off-canvas-content .off-canvas.position-left.is-transition-overlap.is-open{-webkit-transform:translate(0);transform:translate(0)}.off-canvas-content.is-open-left.has-transition-push{-webkit-transform:translate(250px);transform:translate(250px)}.position-left.is-transition-push{-webkit-box-shadow:inset -13px 0 20px -13px #0a0a0a40;box-shadow:inset -13px 0 20px -13px #0a0a0a40}.position-right{-webkit-overflow-scrolling:touch;width:250px;height:100%;top:0;right:0;overflow-y:auto;-webkit-transform:translate(250px);transform:translate(250px)}.off-canvas-content .off-canvas.position-right{-webkit-transform:translate(250px);transform:translate(250px)}.off-canvas-content .off-canvas.position-right.is-transition-overlap.is-open{-webkit-transform:translate(0);transform:translate(0)}.off-canvas-content.is-open-right.has-transition-push{-webkit-transform:translate(-250px);transform:translate(-250px)}.position-right.is-transition-push{-webkit-box-shadow:inset 13px 0 20px -13px #0a0a0a40;box-shadow:inset 13px 0 20px -13px #0a0a0a40}.position-top{-webkit-overflow-scrolling:touch;width:100%;height:250px;top:0;left:0;overflow-x:auto;-webkit-transform:translateY(-250px);transform:translateY(-250px)}.off-canvas-content .off-canvas.position-top{-webkit-transform:translateY(-250px);transform:translateY(-250px)}.off-canvas-content .off-canvas.position-top.is-transition-overlap.is-open{-webkit-transform:translate(0);transform:translate(0)}.off-canvas-content.is-open-top.has-transition-push{-webkit-transform:translateY(250px);transform:translateY(250px)}.position-top.is-transition-push{-webkit-box-shadow:inset 0 -13px 20px -13px #0a0a0a40;box-shadow:inset 0 -13px 20px -13px #0a0a0a40}.position-bottom{-webkit-overflow-scrolling:touch;width:100%;height:250px;bottom:0;left:0;overflow-x:auto;-webkit-transform:translateY(250px);transform:translateY(250px)}.off-canvas-content .off-canvas.position-bottom{-webkit-transform:translateY(250px);transform:translateY(250px)}.off-canvas-content .off-canvas.position-bottom.is-transition-overlap.is-open{-webkit-transform:translate(0);transform:translate(0)}.off-canvas-content.is-open-bottom.has-transition-push{-webkit-transform:translateY(-250px);transform:translateY(-250px)}.position-bottom.is-transition-push{-webkit-box-shadow:inset 0 13px 20px -13px #0a0a0a40;box-shadow:inset 0 13px 20px -13px #0a0a0a40}.off-canvas-content{-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-transform:none;transform:none}.off-canvas-content.has-transition-overlap,.off-canvas-content.has-transition-push{-webkit-transition:transform .5s,-webkit-transform .5s;transition:transform .5s,-webkit-transform .5s}.off-canvas-content.has-transition-push,.off-canvas-content .off-canvas.is-open{-webkit-transform:translate(0);transform:translate(0)}@media print,screen and (width>=40em){.position-left.reveal-for-medium{z-index:12;visibility:visible;-webkit-transition:none;transition:none;-webkit-transform:none;transform:none}.position-left.reveal-for-medium .close-button{display:none}.off-canvas-content .position-left.reveal-for-medium{-webkit-transform:none;transform:none}.off-canvas-content.has-reveal-left,.position-left.reveal-for-medium~.off-canvas-content{margin-left:250px}.position-right.reveal-for-medium{z-index:12;visibility:visible;-webkit-transition:none;transition:none;-webkit-transform:none;transform:none}.position-right.reveal-for-medium .close-button{display:none}.off-canvas-content .position-right.reveal-for-medium{-webkit-transform:none;transform:none}.off-canvas-content.has-reveal-right,.position-right.reveal-for-medium~.off-canvas-content{margin-right:250px}.position-top.reveal-for-medium{z-index:12;visibility:visible;-webkit-transition:none;transition:none;-webkit-transform:none;transform:none}.position-top.reveal-for-medium .close-button{display:none}.off-canvas-content .position-top.reveal-for-medium{-webkit-transform:none;transform:none}.off-canvas-content.has-reveal-top,.position-top.reveal-for-medium~.off-canvas-content{margin-top:250px}.position-bottom.reveal-for-medium{z-index:12;visibility:visible;-webkit-transition:none;transition:none;-webkit-transform:none;transform:none}.position-bottom.reveal-for-medium .close-button{display:none}.off-canvas-content .position-bottom.reveal-for-medium{-webkit-transform:none;transform:none}.off-canvas-content.has-reveal-bottom,.position-bottom.reveal-for-medium~.off-canvas-content{margin-bottom:250px}}@media print,screen and (width>=64em){.position-left.reveal-for-large{z-index:12;visibility:visible;-webkit-transition:none;transition:none;-webkit-transform:none;transform:none}.position-left.reveal-for-large .close-button{display:none}.off-canvas-content .position-left.reveal-for-large{-webkit-transform:none;transform:none}.off-canvas-content.has-reveal-left,.position-left.reveal-for-large~.off-canvas-content{margin-left:250px}.position-right.reveal-for-large{z-index:12;visibility:visible;-webkit-transition:none;transition:none;-webkit-transform:none;transform:none}.position-right.reveal-for-large .close-button{display:none}.off-canvas-content .position-right.reveal-for-large{-webkit-transform:none;transform:none}.off-canvas-content.has-reveal-right,.position-right.reveal-for-large~.off-canvas-content{margin-right:250px}.position-top.reveal-for-large{z-index:12;visibility:visible;-webkit-transition:none;transition:none;-webkit-transform:none;transform:none}.position-top.reveal-for-large .close-button{display:none}.off-canvas-content .position-top.reveal-for-large{-webkit-transform:none;transform:none}.off-canvas-content.has-reveal-top,.position-top.reveal-for-large~.off-canvas-content{margin-top:250px}.position-bottom.reveal-for-large{z-index:12;visibility:visible;-webkit-transition:none;transition:none;-webkit-transform:none;transform:none}.position-bottom.reveal-for-large .close-button{display:none}.off-canvas-content .position-bottom.reveal-for-large{-webkit-transform:none;transform:none}.off-canvas-content.has-reveal-bottom,.position-bottom.reveal-for-large~.off-canvas-content{margin-bottom:250px}}@media print,screen and (width>=40em){.off-canvas.in-canvas-for-medium{visibility:visible;background:0 0;width:auto;height:auto;-webkit-transition:none;transition:none;position:static;overflow:visible}.off-canvas.in-canvas-for-medium.position-left,.off-canvas.in-canvas-for-medium.position-right,.off-canvas.in-canvas-for-medium.position-top,.off-canvas.in-canvas-for-medium.position-bottom{-webkit-box-shadow:none;box-shadow:none;-webkit-transform:none;transform:none}.off-canvas.in-canvas-for-medium .close-button{display:none}}@media print,screen and (width>=64em){.off-canvas.in-canvas-for-large{visibility:visible;background:0 0;width:auto;height:auto;-webkit-transition:none;transition:none;position:static;overflow:visible}.off-canvas.in-canvas-for-large.position-left,.off-canvas.in-canvas-for-large.position-right,.off-canvas.in-canvas-for-large.position-top,.off-canvas.in-canvas-for-large.position-bottom{-webkit-box-shadow:none;box-shadow:none;-webkit-transform:none;transform:none}.off-canvas.in-canvas-for-large .close-button{display:none}}html.is-reveal-open{width:100%;position:fixed;overflow-y:hidden}html.is-reveal-open.zf-has-scroll{-webkit-overflow-scrolling:touch;overflow-y:scroll}html.is-reveal-open body{overflow-y:hidden}.reveal-overlay{z-index:1005;-webkit-overflow-scrolling:touch;background-color:#0a0a0a73;display:none;position:fixed;inset:0;overflow-y:auto}.reveal{-webkit-overflow-scrolling:touch;z-index:1006;-webkit-backface-visibility:hidden;backface-visibility:hidden;background-color:#fefefe;border:1px solid #cacaca;border-radius:0;margin-left:auto;margin-right:auto;padding:1rem;display:none;position:relative;top:100px;overflow-y:auto}[data-whatinput=mouse] .reveal{outline:0}@media print,screen and (width>=40em){.reveal{min-height:0}}.reveal .column{min-width:0}.reveal>:last-child{margin-bottom:0}@media print,screen and (width>=40em){.reveal{width:600px;max-width:75rem}}.reveal.collapse{padding:0}@media print,screen and (width>=40em){.reveal.tiny{width:30%;max-width:75rem}.reveal.small{width:50%;max-width:75rem}.reveal.large{width:90%;max-width:75rem}}.reveal.full{border:0;border-radius:0;width:100%;max-width:none;height:100%;min-height:100%;margin-left:0;inset:0}@media print,screen and (width<=39.9988em){.reveal{border:0;border-radius:0;width:100%;max-width:none;height:100%;min-height:100%;margin-left:0;inset:0}}.reveal.without-overlay{position:fixed}.sticky-container{position:relative}.sticky{z-index:0;position:relative;-webkit-transform:translate(0,0);transform:translate(0,0)}.sticky.is-stuck{z-index:5;width:100%;position:fixed}.sticky.is-stuck.is-at-top{top:0}.sticky.is-stuck.is-at-bottom{bottom:0}.sticky.is-anchored{position:relative;left:auto;right:auto}.sticky.is-anchored.is-at-bottom{bottom:0}.title-bar{color:#fefefe;background:#0a0a0a;justify-content:flex-start;align-items:center;padding:.5rem;display:-webkit-box;display:-ms-flexbox;display:flex}.title-bar .menu-icon{margin-left:.25rem;margin-right:.25rem}.title-bar-left,.title-bar-right{-webkit-box-flex:1;-ms-flex:1 1 0;flex:1 1 0}.title-bar-right{text-align:right}.title-bar-title{vertical-align:middle;font-weight:700;display:inline-block}.top-bar{-ms-flex-wrap:nowrap;flex-wrap:nowrap;justify-content:space-between;align-items:center;padding:.5rem;display:-webkit-box;display:-ms-flexbox;display:flex}.top-bar,.top-bar ul{background-color:#e6e6e6}.top-bar input{max-width:200px;margin-right:1rem}.top-bar .input-group-field{width:100%;margin-right:0}.top-bar input.button{width:auto}.top-bar{-ms-flex-wrap:wrap;flex-wrap:wrap}.top-bar .top-bar-left,.top-bar .top-bar-right{-webkit-box-flex:0;-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}@media print,screen and (width>=40em){.top-bar{-ms-flex-wrap:nowrap;flex-wrap:nowrap}.top-bar .top-bar-left{-webkit-box-flex:1;-ms-flex:auto;flex:auto;margin-right:auto}.top-bar .top-bar-right{-webkit-box-flex:0;-ms-flex:0 auto;flex:0 auto;margin-left:auto}}@media print,screen and (width<=63.9988em){.top-bar.stacked-for-medium{-ms-flex-wrap:wrap;flex-wrap:wrap}.top-bar.stacked-for-medium .top-bar-left,.top-bar.stacked-for-medium .top-bar-right{-webkit-box-flex:0;-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}}@media print,screen and (width<=74.9988em){.top-bar.stacked-for-large{-ms-flex-wrap:wrap;flex-wrap:wrap}.top-bar.stacked-for-large .top-bar-left,.top-bar.stacked-for-large .top-bar-right{-webkit-box-flex:0;-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}}.top-bar-title{-webkit-box-flex:0;-ms-flex:none;flex:none;margin:.5rem 1rem .5rem 0}.top-bar-left,.top-bar-right{-webkit-box-flex:0;-ms-flex:none;flex:none}.float-left{float:left!important}.float-right{float:right!important}.float-center{margin-left:auto;margin-right:auto;display:block}.clearfix:before,.clearfix:after{content:" ";-webkit-box-ordinal-group:2;-ms-flex-preferred-size:0;-ms-flex-order:1;flex-basis:0;order:1;display:table}.clearfix:after{clear:both}.align-left{justify-content:flex-start}.align-right{justify-content:flex-end}.align-center{justify-content:center}.align-justify{justify-content:space-between}.align-spaced{justify-content:space-around}.align-left.vertical.menu>li>a{justify-content:flex-start}.align-right.vertical.menu>li>a{justify-content:flex-end}.align-center.vertical.menu>li>a{justify-content:center}.align-top{align-items:flex-start}.align-self-top{align-self:flex-start}.align-bottom{align-items:flex-end}.align-self-bottom{align-self:flex-end}.align-middle{align-items:center}.align-self-middle{align-self:center}.align-stretch{align-items:stretch}.align-self-stretch{align-self:stretch}.align-center-middle{place-content:center;align-items:center}.small-order-1{-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1}.small-order-2{-webkit-box-ordinal-group:3;-ms-flex-order:2;order:2}.small-order-3{-webkit-box-ordinal-group:4;-ms-flex-order:3;order:3}.small-order-4{-webkit-box-ordinal-group:5;-ms-flex-order:4;order:4}.small-order-5{-webkit-box-ordinal-group:6;-ms-flex-order:5;order:5}.small-order-6{-webkit-box-ordinal-group:7;-ms-flex-order:6;order:6}@media print,screen and (width>=40em){.medium-order-1{-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1}.medium-order-2{-webkit-box-ordinal-group:3;-ms-flex-order:2;order:2}.medium-order-3{-webkit-box-ordinal-group:4;-ms-flex-order:3;order:3}.medium-order-4{-webkit-box-ordinal-group:5;-ms-flex-order:4;order:4}.medium-order-5{-webkit-box-ordinal-group:6;-ms-flex-order:5;order:5}.medium-order-6{-webkit-box-ordinal-group:7;-ms-flex-order:6;order:6}}@media print,screen and (width>=64em){.large-order-1{-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1}.large-order-2{-webkit-box-ordinal-group:3;-ms-flex-order:2;order:2}.large-order-3{-webkit-box-ordinal-group:4;-ms-flex-order:3;order:3}.large-order-4{-webkit-box-ordinal-group:5;-ms-flex-order:4;order:4}.large-order-5{-webkit-box-ordinal-group:6;-ms-flex-order:5;order:5}.large-order-6{-webkit-box-ordinal-group:7;-ms-flex-order:6;order:6}}.flex-container{display:-webkit-box;display:-ms-flexbox;display:flex}.flex-child-auto{-webkit-box-flex:1;-ms-flex:auto;flex:auto}.flex-child-grow{-webkit-box-flex:1;-ms-flex:1 0 auto;flex:1 0 auto}.flex-child-shrink{-webkit-box-flex:0;-ms-flex:0 auto;flex:0 auto}.flex-dir-row{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}.flex-dir-row-reverse{-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse}.flex-dir-column{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.flex-dir-column-reverse{-webkit-box-orient:vertical;-webkit-box-direction:reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse}@media print,screen and (width>=40em){.medium-flex-container{display:-webkit-box;display:-ms-flexbox;display:flex}.medium-flex-child-auto{-webkit-box-flex:1;-ms-flex:auto;flex:auto}.medium-flex-child-grow{-webkit-box-flex:1;-ms-flex:1 0 auto;flex:1 0 auto}.medium-flex-child-shrink{-webkit-box-flex:0;-ms-flex:0 auto;flex:0 auto}.medium-flex-dir-row{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}.medium-flex-dir-row-reverse{-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse}.medium-flex-dir-column{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.medium-flex-dir-column-reverse{-webkit-box-orient:vertical;-webkit-box-direction:reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse}}@media print,screen and (width>=64em){.large-flex-container{display:-webkit-box;display:-ms-flexbox;display:flex}.large-flex-child-auto{-webkit-box-flex:1;-ms-flex:auto;flex:auto}.large-flex-child-grow{-webkit-box-flex:1;-ms-flex:1 0 auto;flex:1 0 auto}.large-flex-child-shrink{-webkit-box-flex:0;-ms-flex:0 auto;flex:0 auto}.large-flex-dir-row{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}.large-flex-dir-row-reverse{-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse}.large-flex-dir-column{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.large-flex-dir-column-reverse{-webkit-box-orient:vertical;-webkit-box-direction:reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse}}.hide{display:none!important}.invisible{visibility:hidden}.visible{visibility:visible}@media print,screen and (width<=39.9988em){.hide-for-small-only{display:none!important}}@media screen and (width<=0),screen and (width>=40em){.show-for-small-only{display:none!important}}@media print,screen and (width>=40em){.hide-for-medium{display:none!important}}@media screen and (width<=39.9988em){.show-for-medium{display:none!important}}@media print,screen and (width>=40em) and (width<=63.9988em){.hide-for-medium-only{display:none!important}}@media screen and (width<=39.9988em),screen and (width>=64em){.show-for-medium-only{display:none!important}}@media print,screen and (width>=64em){.hide-for-large{display:none!important}}@media screen and (width<=63.9988em){.show-for-large{display:none!important}}@media print,screen and (width>=64em) and (width<=74.9988em){.hide-for-large-only{display:none!important}}@media screen and (width<=63.9988em),screen and (width>=75em){.show-for-large-only{display:none!important}}.show-for-sr,.show-on-focus{clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important;width:1px!important;height:1px!important;padding:0!important;position:absolute!important;overflow:hidden!important}.show-on-focus:active,.show-on-focus:focus{clip:auto!important;white-space:normal!important;width:auto!important;height:auto!important;position:static!important;overflow:visible!important}.show-for-landscape,.hide-for-portrait{display:block!important}@media screen and (orientation:landscape){.show-for-landscape,.hide-for-portrait{display:block!important}}@media screen and (orientation:portrait){.show-for-landscape,.hide-for-portrait{display:none!important}}.hide-for-landscape,.show-for-portrait{display:none!important}@media screen and (orientation:landscape){.hide-for-landscape,.show-for-portrait{display:none!important}}@media screen and (orientation:portrait){.hide-for-landscape,.show-for-portrait{display:block!important}}.show-for-dark-mode{display:none}.hide-for-dark-mode{display:block}@media screen and (prefers-color-scheme:dark){.show-for-dark-mode{display:block!important}.hide-for-dark-mode{display:none!important}}.show-for-ie{display:none}@media (-ms-high-contrast:none),(-ms-high-contrast:active){.show-for-ie{display:block!important}.hide-for-ie{display:none!important}}.show-for-sticky{display:none}.is-stuck .show-for-sticky{display:block}.is-stuck .hide-for-sticky{display:none} \ No newline at end of file diff --git a/test/js/bun/css/files/hint.css b/test/js/bun/css/files/hint.css new file mode 100644 index 0000000000..f65b62d58d --- /dev/null +++ b/test/js/bun/css/files/hint.css @@ -0,0 +1,561 @@ +/*! Hint.css - v3.0.0 - 2023-11-29 +* https://kushagra.dev/lab/hint/ +* Copyright (c) 2023 Kushagra Gour */ + +/*-------------------------------------*\ + HINT.css - A CSS tooltip library +\*-------------------------------------*/ +/** + * HINT.css is a tooltip library made in pure CSS. + * + * Source: https://github.com/chinchang/hint.css + * Demo: http://kushagragour.in/lab/hint/ + * + */ +/** + * source: hint-core.scss + * + * Defines the basic styling for the tooltip. + * Each tooltip is made of 2 parts: + * 1) body (:after) + * 2) arrow (:before) + * + * Classes added: + * 1) hint + */ + [class*=hint--] { + position: relative; + display: inline-block; + /** + * tooltip arrow + */ + /** + * tooltip body + */ +} +[class*=hint--]:before, [class*=hint--]:after { + position: absolute; + transform: translate3d(0, 0, 0); + visibility: hidden; + opacity: 0; + z-index: 1000000; + pointer-events: none; + transition: 0.3s ease; + transition-delay: 0ms; +} +[class*=hint--]:hover:before, [class*=hint--]:hover:after { + visibility: visible; + opacity: 1; +} +[class*=hint--]:hover:before, [class*=hint--]:hover:after { + transition-delay: 100ms; +} +[class*=hint--]:before { + content: ""; + position: absolute; + background: transparent; + border: 6px solid transparent; + background-color: hsl(0, 0%, 22%); + clip-path: polygon(0% 0%, 100% 0%, 100% 100%); + z-index: 1000001; +} +[class*=hint--]:after { + background: hsl(0, 0%, 22%); + color: white; + padding: 8px 10px; + font-size: 1rem; + font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; + line-height: 1rem; + white-space: nowrap; +} +[class*=hint--][aria-label]:after { + content: attr(aria-label); +} +[class*=hint--][data-hint]:after { + content: attr(data-hint); +} + +[aria-label=""]:before, [aria-label=""]:after, +[data-hint=""]:before, +[data-hint=""]:after { + display: none !important; +} + +/** + * source: hint-position.scss + * + * Defines the positoning logic for the tooltips. + * + * Classes added: + * 1) hint--top + * 2) hint--bottom + * 3) hint--left + * 4) hint--right + */ +/** + * top tooltip + */ +.hint--top { + --rotation: 135deg; +} +.hint--top:before { + margin-bottom: -5.5px; + transform: rotate(var(--rotation)); +} +.hint--top:before, .hint--top:after { + bottom: 100%; + left: 50%; +} +.hint--top:before { + left: calc(50% - 6px); +} +.hint--top:after { + transform: translateX(-50%); +} +.hint--top:hover:before { + transform: translateY(-8px) rotate(var(--rotation)); +} +.hint--top:hover:after { + transform: translateX(-50%) translateY(-8px); +} + +/** + * bottom tooltip + */ +.hint--bottom { + --rotation: -45deg; +} +.hint--bottom:before { + margin-top: -5.5px; + transform: rotate(var(--rotation)); +} +.hint--bottom:before, .hint--bottom:after { + top: 100%; + left: 50%; +} +.hint--bottom:before { + left: calc(50% - 6px); +} +.hint--bottom:after { + transform: translateX(-50%); +} +.hint--bottom:hover:before { + transform: translateY(8px) rotate(var(--rotation)); +} +.hint--bottom:hover:after { + transform: translateX(-50%) translateY(8px); +} + +/** + * right tooltip + */ +.hint--right { + --rotation: -135deg; +} +.hint--right:before { + margin-left: -5.5px; + margin-bottom: -6px; + transform: rotate(var(--rotation)); +} +.hint--right:after { + margin-bottom: calc(-1 * (1rem + 16px) / 2); +} +.hint--right:before, .hint--right:after { + left: 100%; + bottom: 50%; +} +.hint--right:hover:before { + transform: translateX(8px) rotate(var(--rotation)); +} +.hint--right:hover:after { + transform: translateX(8px); +} + +/** + * left tooltip + */ +.hint--left { + --rotation: 45deg; +} +.hint--left:before { + margin-right: -5.5px; + margin-bottom: -6px; + transform: rotate(var(--rotation)); +} +.hint--left:after { + margin-bottom: calc(-1 * (1rem + 16px) / 2); +} +.hint--left:before, .hint--left:after { + right: 100%; + bottom: 50%; +} +.hint--left:hover:before { + transform: translateX(-8px) rotate(var(--rotation)); +} +.hint--left:hover:after { + transform: translateX(-8px); +} + +/** + * top-left tooltip + */ +.hint--top-left { + --rotation: 135deg; +} +.hint--top-left:before { + margin-bottom: -5.5px; + transform: rotate(var(--rotation)); +} +.hint--top-left:before, .hint--top-left:after { + bottom: 100%; + left: 50%; +} +.hint--top-left:before { + left: calc(50% - 6px); +} +.hint--top-left:after { + transform: translateX(-100%); +} +.hint--top-left:after { + margin-left: 12px; +} +.hint--top-left:hover:before { + transform: translateY(-8px) rotate(var(--rotation)); +} +.hint--top-left:hover:after { + transform: translateX(-100%) translateY(-8px); +} + +/** + * top-right tooltip + */ +.hint--top-right { + --rotation: 135deg; +} +.hint--top-right:before { + margin-bottom: -5.5px; + transform: rotate(var(--rotation)); +} +.hint--top-right:before, .hint--top-right:after { + bottom: 100%; + left: 50%; +} +.hint--top-right:before { + left: calc(50% - 6px); +} +.hint--top-right:after { + transform: translateX(0); +} +.hint--top-right:after { + margin-left: -12px; +} +.hint--top-right:hover:before { + transform: translateY(-8px) rotate(var(--rotation)); +} +.hint--top-right:hover:after { + transform: translateY(-8px); +} + +/** + * bottom-left tooltip + */ +.hint--bottom-left { + --rotation: -45deg; +} +.hint--bottom-left:before { + margin-top: -5.5px; + transform: rotate(var(--rotation)); +} +.hint--bottom-left:before, .hint--bottom-left:after { + top: 100%; + left: 50%; +} +.hint--bottom-left:before { + left: calc(50% - 6px); +} +.hint--bottom-left:after { + transform: translateX(-100%); +} +.hint--bottom-left:after { + margin-left: 12px; +} +.hint--bottom-left:hover:before { + transform: translateY(8px) rotate(var(--rotation)); +} +.hint--bottom-left:hover:after { + transform: translateX(-100%) translateY(8px); +} + +/** + * bottom-right tooltip + */ +.hint--bottom-right { + --rotation: -45deg; +} +.hint--bottom-right:before { + margin-top: -5.5px; + transform: rotate(var(--rotation)); +} +.hint--bottom-right:before, .hint--bottom-right:after { + top: 100%; + left: 50%; +} +.hint--bottom-right:before { + left: calc(50% - 6px); +} +.hint--bottom-right:after { + transform: translateX(0); +} +.hint--bottom-right:after { + margin-left: -12px; +} +.hint--bottom-right:hover:before { + transform: translateY(8px) rotate(var(--rotation)); +} +.hint--bottom-right:hover:after { + transform: translateY(8px); +} + +/** + * source: hint-sizes.scss + * + * Defines width restricted tooltips that can span + * across multiple lines. + * + * Classes added: + * 1) hint--small + * 2) hint--medium + * 3) hint--large + * 4) hint--fit + * + */ +.hint--small:after, +.hint--medium:after, +.hint--large:after, +.hint--fit:after { + box-sizing: border-box; + white-space: normal; + line-height: 1.4em; + word-wrap: break-word; +} + +.hint--small:after { + width: 80px; +} + +.hint--medium:after { + width: 150px; +} + +.hint--large:after { + width: 300px; +} + +.hint--fit:after { + width: 100%; +} + +/** + * source: hint-theme.scss + * + * Defines basic theme for tooltips. + * + */ +[class*=hint--] { + /** + * tooltip body + */ +} +[class*=hint--]:after { + text-shadow: 0 1px 0px black; + box-shadow: 4px 4px 8px rgba(0, 0, 0, 0.3); +} + +/** + * source: hint-color-types.scss + * + * Contains tooltips of various types based on color differences. + * + * Classes added: + * 1) hint--error + * 2) hint--warning + * 3) hint--info + * 4) hint--success + * + */ +/** + * Error + */ +.hint--error:after { + background-color: hsl(1, 40%, 50%); + text-shadow: 0 1px 0px #592726; +} +.hint--error:before { + background-color: hsl(1, 40%, 50%); +} + +/** + * Warning + */ +.hint--warning:after { + background-color: hsl(38, 46%, 54%); + text-shadow: 0 1px 0px #6c5328; +} +.hint--warning:before { + background-color: hsl(38, 46%, 54%); +} + +/** + * Info + */ +.hint--info:after { + background-color: hsl(200, 50%, 45%); + text-shadow: 0 1px 0px #1a3c4d; +} +.hint--info:before { + background-color: hsl(200, 50%, 45%); +} + +/** + * Success + */ +.hint--success:after { + background-color: hsl(121, 32%, 40%); + text-shadow: 0 1px 0px #1a321a; +} +.hint--success:before { + background-color: hsl(121, 32%, 40%); +} + +/** + * source: hint-always.scss + * + * Defines a persisted tooltip which shows always. + * + * Classes added: + * 1) hint--always + * + */ +.hint--always:after, .hint--always:before { + opacity: 1; + visibility: visible; +} +.hint--always.hint--top:before { + transform: translateY(-8px) rotate(var(--rotation)); +} +.hint--always.hint--top:after { + transform: translateX(-50%) translateY(-8px); +} +.hint--always.hint--top-left:before { + transform: translateY(-8px) rotate(var(--rotation)); +} +.hint--always.hint--top-left:after { + transform: translateX(-100%) translateY(-8px); +} +.hint--always.hint--top-right:before { + transform: translateY(-8px) rotate(var(--rotation)); +} +.hint--always.hint--top-right:after { + transform: translateY(-8px); +} +.hint--always.hint--bottom:before { + transform: translateY(8px) rotate(var(--rotation)); +} +.hint--always.hint--bottom:after { + transform: translateX(-50%) translateY(8px); +} +.hint--always.hint--bottom-left:before { + transform: translateY(8px) rotate(var(--rotation)); +} +.hint--always.hint--bottom-left:after { + transform: translateX(-100%) translateY(8px); +} +.hint--always.hint--bottom-right:before { + transform: translateY(8px) rotate(var(--rotation)); +} +.hint--always.hint--bottom-right:after { + transform: translateY(8px); +} +.hint--always.hint--left:before { + transform: translateX(-8px) rotate(var(--rotation)); +} +.hint--always.hint--left:after { + transform: translateX(-8px); +} +.hint--always.hint--right:before { + transform: translateX(8px) rotate(var(--rotation)); +} +.hint--always.hint--right:after { + transform: translateX(8px); +} + +/** + * source: hint-rounded.scss + * + * Defines rounded corner tooltips. + * + * Classes added: + * 1) hint--rounded + * + */ +.hint--rounded:before { + border-radius: 0 4px 0 0; +} +.hint--rounded:after { + border-radius: 4px; +} + +/** + * source: hint-effects.scss + * + * Defines various transition effects for the tooltips. + * + * Classes added: + * 1) hint--no-animate + * 2) hint--bounce + * + */ +.hint--no-animate:before, .hint--no-animate:after { + transition-duration: 0ms; +} + +.hint--bounce:before, .hint--bounce:after { + transition: opacity 0.3s ease, visibility 0.3s ease, transform 0.3s cubic-bezier(0.71, 1.7, 0.77, 1.24); +} + +@supports (transition-timing-function: linear(0, 1)) { + .hint--bounce:before, .hint--bounce:after { + --spring-easing: linear( + 0, + 0.009, + 0.035 2.1%, + 0.141 4.4%, + 0.723 12.9%, + 0.938, + 1.077 20.4%, + 1.121, + 1.149 24.3%, + 1.159, + 1.163 27%, + 1.154, + 1.129 32.8%, + 1.051 39.6%, + 1.017 43.1%, + 0.991, + 0.977 51%, + 0.975 57.1%, + 0.997 69.8%, + 1.003 76.9%, + 1 + ); + transition: opacity 0.3s ease, visibility 0.3s ease, transform 0.5s var(--spring-easing); + } +} +.hint--no-shadow:before, .hint--no-shadow:after { + text-shadow: initial; + box-shadow: initial; +} + +.hint--no-arrow:before { + display: none; +} \ No newline at end of file diff --git a/test/js/bun/css/files/materialize.css b/test/js/bun/css/files/materialize.css new file mode 100644 index 0000000000..8bc9c1bc6d --- /dev/null +++ b/test/js/bun/css/files/materialize.css @@ -0,0 +1,8711 @@ +/*! +* Materialize v2.1.1 (https://materializeweb.com) +* Copyright 2014-2024 Materialize +* MIT License (https://raw.githubusercontent.com/materializecss/materialize/master/LICENSE) +*/ +@charset "UTF-8"; +:root { + --md-source: #006495; + /* primary */ + --md-ref-palette-primary0: #000000; + --md-ref-palette-primary10: #001e30; + --md-ref-palette-primary20: #003450; + --md-ref-palette-primary25: #003f60; + --md-ref-palette-primary30: #004b71; + --md-ref-palette-primary35: #005783; + --md-ref-palette-primary40: #006495; + --md-ref-palette-primary50: #0f7eb8; + --md-ref-palette-primary60: #3d98d4; + --md-ref-palette-primary70: #5db3f0; + --md-ref-palette-primary80: #8fcdff; + --md-ref-palette-primary90: #cbe6ff; + --md-ref-palette-primary95: #e6f2ff; + --md-ref-palette-primary98: #f7f9ff; + --md-ref-palette-primary99: #fcfcff; + --md-ref-palette-primary100: #ffffff; + /* secondary */ + --md-ref-palette-secondary0: #000000; + --md-ref-palette-secondary10: #0d1d29; + --md-ref-palette-secondary20: #22323f; + --md-ref-palette-secondary25: #2d3d4b; + --md-ref-palette-secondary30: #394856; + --md-ref-palette-secondary35: #445462; + --md-ref-palette-secondary40: #50606f; + --md-ref-palette-secondary50: #697988; + --md-ref-palette-secondary60: #8293a2; + --md-ref-palette-secondary70: #9dadbd; + --md-ref-palette-secondary80: #b8c8d9; + --md-ref-palette-secondary90: #d4e4f6; + --md-ref-palette-secondary95: #e6f2ff; + --md-ref-palette-secondary98: #f7f9ff; + --md-ref-palette-secondary99: #fcfcff; + --md-ref-palette-secondary100: #ffffff; + /* tertiary */ + --md-ref-palette-tertiary0: #000000; + --md-ref-palette-tertiary10: #211634; + --md-ref-palette-tertiary20: #362b4a; + --md-ref-palette-tertiary25: #423656; + --md-ref-palette-tertiary30: #4d4162; + --md-ref-palette-tertiary35: #594c6e; + --md-ref-palette-tertiary40: #66587b; + --md-ref-palette-tertiary50: #7f7195; + --md-ref-palette-tertiary60: #998ab0; + --md-ref-palette-tertiary70: #b4a4cb; + --md-ref-palette-tertiary80: #d0bfe7; + --md-ref-palette-tertiary90: #ecdcff; + --md-ref-palette-tertiary95: #f7edff; + --md-ref-palette-tertiary98: #fef7ff; + --md-ref-palette-tertiary99: #fffbff; + --md-ref-palette-tertiary100: #ffffff; + /* neutral */ + --md-ref-palette-neutral0: #000000; + --md-ref-palette-neutral10: #1a1c1e; + --md-ref-palette-neutral20: #2e3133; + --md-ref-palette-neutral25: #3a3c3e; + --md-ref-palette-neutral30: #454749; + --md-ref-palette-neutral35: #515255; + --md-ref-palette-neutral40: #5d5e61; + --md-ref-palette-neutral50: #76777a; + --md-ref-palette-neutral60: #8f9194; + --md-ref-palette-neutral70: #aaabae; + --md-ref-palette-neutral80: #c6c6c9; + --md-ref-palette-neutral90: #e2e2e5; + --md-ref-palette-neutral95: #f0f0f3; + --md-ref-palette-neutral98: #f9f9fc; + --md-ref-palette-neutral99: #fcfcff; + --md-ref-palette-neutral100: #ffffff; + /* neutral-variant */ + --md-ref-palette-neutral-variant0: #000000; + --md-ref-palette-neutral-variant10: #161c22; + --md-ref-palette-neutral-variant20: #2b3137; + --md-ref-palette-neutral-variant25: #363c42; + --md-ref-palette-neutral-variant30: #41474d; + --md-ref-palette-neutral-variant35: #4d5359; + --md-ref-palette-neutral-variant40: #595f65; + --md-ref-palette-neutral-variant50: #72787e; + --md-ref-palette-neutral-variant60: #8b9198; + --md-ref-palette-neutral-variant70: #a6acb3; + --md-ref-palette-neutral-variant80: #c1c7ce; + --md-ref-palette-neutral-variant90: #dee3ea; + --md-ref-palette-neutral-variant95: #ecf1f9; + --md-ref-palette-neutral-variant98: #f7f9ff; + --md-ref-palette-neutral-variant99: #fcfcff; + --md-ref-palette-neutral-variant100: #ffffff; + /* error */ + --md-ref-palette-error0: #000000; + --md-ref-palette-error10: #410002; + --md-ref-palette-error20: #690005; + --md-ref-palette-error25: #7e0007; + --md-ref-palette-error30: #93000a; + --md-ref-palette-error35: #a80710; + --md-ref-palette-error40: #ba1a1a; + --md-ref-palette-error50: #de3730; + --md-ref-palette-error60: #ff5449; + --md-ref-palette-error70: #ff897d; + --md-ref-palette-error80: #ffb4ab; + --md-ref-palette-error90: #ffdad6; + --md-ref-palette-error95: #ffedea; + --md-ref-palette-error98: #fff8f7; + --md-ref-palette-error99: #fffbff; + --md-ref-palette-error100: #ffffff; + /* light */ + --md-sys-color-primary-light: #006495; + --md-sys-color-on-primary-light: #ffffff; + --md-sys-color-primary-container-light: #cbe6ff; + --md-sys-color-on-primary-container-light: #001e30; + --md-sys-color-secondary-light: #50606f; + --md-sys-color-on-secondary-light: #ffffff; + --md-sys-color-secondary-container-light: #d4e4f6; + --md-sys-color-on-secondary-container-light: #0d1d29; + --md-sys-color-tertiary-light: #66587b; + --md-sys-color-on-tertiary-light: #ffffff; + --md-sys-color-tertiary-container-light: #ecdcff; + --md-sys-color-on-tertiary-container-light: #211634; + --md-sys-color-error-light: #ba1a1a; + --md-sys-color-error-container-light: #ffdad6; + --md-sys-color-on-error-light: #ffffff; + --md-sys-color-on-error-container-light: #410002; + --md-sys-color-background-light: #fcfcff; + --md-sys-color-on-background-light: #1a1c1e; + --md-sys-color-surface-light: #fcfcff; + --md-sys-color-on-surface-light: #1a1c1e; + --md-sys-color-surface-variant-light: #dee3ea; + --md-sys-color-on-surface-variant-light: #41474d; + --md-sys-color-outline-light: #72787e; + --md-sys-color-inverse-on-surface-light: #f0f0f3; + --md-sys-color-inverse-surface-light: #2e3133; + --md-sys-color-inverse-primary-light: #8fcdff; + --md-sys-color-shadow-light: #000000; + --md-sys-color-surface-tint-light: #006495; + --md-sys-color-outline-variant-light: #c1c7ce; + --md-sys-color-scrim-light: #000000; + /* dark */ + --md-sys-color-primary-dark: #8fcdff; + --md-sys-color-on-primary-dark: #003450; + --md-sys-color-primary-container-dark: #004b71; + --md-sys-color-on-primary-container-dark: #cbe6ff; + --md-sys-color-secondary-dark: #b8c8d9; + --md-sys-color-on-secondary-dark: #22323f; + --md-sys-color-secondary-container-dark: #394856; + --md-sys-color-on-secondary-container-dark: #d4e4f6; + --md-sys-color-tertiary-dark: #d0bfe7; + --md-sys-color-on-tertiary-dark: #362b4a; + --md-sys-color-tertiary-container-dark: #4d4162; + --md-sys-color-on-tertiary-container-dark: #ecdcff; + --md-sys-color-error-dark: #ffb4ab; + --md-sys-color-error-container-dark: #93000a; + --md-sys-color-on-error-dark: #690005; + --md-sys-color-on-error-container-dark: #ffdad6; + --md-sys-color-background-dark: #1a1c1e; + --md-sys-color-on-background-dark: #e2e2e5; + --md-sys-color-surface-dark: #1a1c1e; + --md-sys-color-on-surface-dark: #e2e2e5; + --md-sys-color-surface-variant-dark: #41474d; + --md-sys-color-on-surface-variant-dark: #c1c7ce; + --md-sys-color-outline-dark: #8b9198; + --md-sys-color-inverse-on-surface-dark: #1a1c1e; + --md-sys-color-inverse-surface-dark: #e2e2e5; + --md-sys-color-inverse-primary-dark: #006495; + --md-sys-color-shadow-dark: #000000; + --md-sys-color-surface-tint-dark: #8fcdff; + --md-sys-color-outline-variant-dark: #41474d; + --md-sys-color-scrim-dark: #000000; + /* display - large */ + --md-sys-typescale-display-large-font-family-name: Roboto; + --md-sys-typescale-display-large-font-family-style: Regular; + --md-sys-typescale-display-large-font-weight: 400px; + --md-sys-typescale-display-large-font-size: 57px; + --md-sys-typescale-display-large-line-height: 64px; + --md-sys-typescale-display-large-letter-spacing: -0.25px; + /* display - medium */ + --md-sys-typescale-display-medium-font-family-name: Roboto; + --md-sys-typescale-display-medium-font-family-style: Regular; + --md-sys-typescale-display-medium-font-weight: 400px; + --md-sys-typescale-display-medium-font-size: 45px; + --md-sys-typescale-display-medium-line-height: 52px; + --md-sys-typescale-display-medium-letter-spacing: 0px; + /* display - small */ + --md-sys-typescale-display-small-font-family-name: Roboto; + --md-sys-typescale-display-small-font-family-style: Regular; + --md-sys-typescale-display-small-font-weight: 400px; + --md-sys-typescale-display-small-font-size: 36px; + --md-sys-typescale-display-small-line-height: 44px; + --md-sys-typescale-display-small-letter-spacing: 0px; + /* headline - large */ + --md-sys-typescale-headline-large-font-family-name: Roboto; + --md-sys-typescale-headline-large-font-family-style: Regular; + --md-sys-typescale-headline-large-font-weight: 400px; + --md-sys-typescale-headline-large-font-size: 32px; + --md-sys-typescale-headline-large-line-height: 40px; + --md-sys-typescale-headline-large-letter-spacing: 0px; + /* headline - medium */ + --md-sys-typescale-headline-medium-font-family-name: Roboto; + --md-sys-typescale-headline-medium-font-family-style: Regular; + --md-sys-typescale-headline-medium-font-weight: 400px; + --md-sys-typescale-headline-medium-font-size: 28px; + --md-sys-typescale-headline-medium-line-height: 36px; + --md-sys-typescale-headline-medium-letter-spacing: 0px; + /* headline - small */ + --md-sys-typescale-headline-small-font-family-name: Roboto; + --md-sys-typescale-headline-small-font-family-style: Regular; + --md-sys-typescale-headline-small-font-weight: 400px; + --md-sys-typescale-headline-small-font-size: 24px; + --md-sys-typescale-headline-small-line-height: 32px; + --md-sys-typescale-headline-small-letter-spacing: 0px; + /* body - large */ + --md-sys-typescale-body-large-font-family-name: Roboto; + --md-sys-typescale-body-large-font-family-style: Regular; + --md-sys-typescale-body-large-font-weight: 400px; + --md-sys-typescale-body-large-font-size: 16px; + --md-sys-typescale-body-large-line-height: 24px; + --md-sys-typescale-body-large-letter-spacing: 0.50px; + /* body - medium */ + --md-sys-typescale-body-medium-font-family-name: Roboto; + --md-sys-typescale-body-medium-font-family-style: Regular; + --md-sys-typescale-body-medium-font-weight: 400px; + --md-sys-typescale-body-medium-font-size: 14px; + --md-sys-typescale-body-medium-line-height: 20px; + --md-sys-typescale-body-medium-letter-spacing: 0.25px; + /* body - small */ + --md-sys-typescale-body-small-font-family-name: Roboto; + --md-sys-typescale-body-small-font-family-style: Regular; + --md-sys-typescale-body-small-font-weight: 400px; + --md-sys-typescale-body-small-font-size: 12px; + --md-sys-typescale-body-small-line-height: 16px; + --md-sys-typescale-body-small-letter-spacing: 0.40px; + /* label - large */ + --md-sys-typescale-label-large-font-family-name: Roboto; + --md-sys-typescale-label-large-font-family-style: Medium; + --md-sys-typescale-label-large-font-weight: 500px; + --md-sys-typescale-label-large-font-size: 14px; + --md-sys-typescale-label-large-line-height: 20px; + --md-sys-typescale-label-large-letter-spacing: 0.10px; + /* label - medium */ + --md-sys-typescale-label-medium-font-family-name: Roboto; + --md-sys-typescale-label-medium-font-family-style: Medium; + --md-sys-typescale-label-medium-font-weight: 500px; + --md-sys-typescale-label-medium-font-size: 12px; + --md-sys-typescale-label-medium-line-height: 16px; + --md-sys-typescale-label-medium-letter-spacing: 0.50px; + /* label - small */ + --md-sys-typescale-label-small-font-family-name: Roboto; + --md-sys-typescale-label-small-font-family-style: Medium; + --md-sys-typescale-label-small-font-weight: 500px; + --md-sys-typescale-label-small-font-size: 11px; + --md-sys-typescale-label-small-line-height: 16px; + --md-sys-typescale-label-small-letter-spacing: 0.50px; + /* title - large */ + --md-sys-typescale-title-large-font-family-name: Roboto; + --md-sys-typescale-title-large-font-family-style: Regular; + --md-sys-typescale-title-large-font-weight: 400px; + --md-sys-typescale-title-large-font-size: 22px; + --md-sys-typescale-title-large-line-height: 28px; + --md-sys-typescale-title-large-letter-spacing: 0px; + /* title - medium */ + --md-sys-typescale-title-medium-font-family-name: Roboto; + --md-sys-typescale-title-medium-font-family-style: Medium; + --md-sys-typescale-title-medium-font-weight: 500px; + --md-sys-typescale-title-medium-font-size: 16px; + --md-sys-typescale-title-medium-line-height: 24px; + --md-sys-typescale-title-medium-letter-spacing: 0.15px; + /* title - small */ + --md-sys-typescale-title-small-font-family-name: Roboto; + --md-sys-typescale-title-small-font-family-style: Medium; + --md-sys-typescale-title-small-font-weight: 500px; + --md-sys-typescale-title-small-font-size: 14px; + --md-sys-typescale-title-small-line-height: 20px; + --md-sys-typescale-title-small-letter-spacing: 0.10px; +} + +/* System Defaults */ +:root, :host { + color-scheme: light; + --md-sys-color-primary: var(--md-sys-color-primary-light); + --md-sys-color-on-primary: var(--md-sys-color-on-primary-light); + --md-sys-color-primary-container: var(--md-sys-color-primary-container-light); + --md-sys-color-on-primary-container: var(--md-sys-color-on-primary-container-light); + --md-sys-color-secondary: var(--md-sys-color-secondary-light); + --md-sys-color-on-secondary: var(--md-sys-color-on-secondary-light); + --md-sys-color-secondary-container: var(--md-sys-color-secondary-container-light); + --md-sys-color-on-secondary-container: var(--md-sys-color-on-secondary-container-light); + --md-sys-color-tertiary: var(--md-sys-color-tertiary-light); + --md-sys-color-on-tertiary: var(--md-sys-color-on-tertiary-light); + --md-sys-color-tertiary-container: var(--md-sys-color-tertiary-container-light); + --md-sys-color-on-tertiary-container: var(--md-sys-color-on-tertiary-container-light); + --md-sys-color-error: var(--md-sys-color-error-light); + --md-sys-color-on-error: var(--md-sys-color-on-error-light); + --md-sys-color-error-container: var(--md-sys-color-error-container-light); + --md-sys-color-on-error-container: var(--md-sys-color-on-error-container-light); + --md-sys-color-outline: var(--md-sys-color-outline-light); + --md-sys-color-background: var(--md-sys-color-background-light); + --md-sys-color-on-background: var(--md-sys-color-on-background-light); + --md-sys-color-surface: var(--md-sys-color-surface-light); + --md-sys-color-on-surface: var(--md-sys-color-on-surface-light); + --md-sys-color-surface-variant: var(--md-sys-color-surface-variant-light); + --md-sys-color-on-surface-variant: var(--md-sys-color-on-surface-variant-light); + --md-sys-color-inverse-surface: var(--md-sys-color-inverse-surface-light); + --md-sys-color-inverse-on-surface: var(--md-sys-color-inverse-on-surface-light); + --md-sys-color-inverse-primary: var(--md-sys-color-inverse-primary-light); + --md-sys-color-shadow: var(--md-sys-color-shadow-light); + --md-sys-color-surface-tint: var(--md-sys-color-surface-tint-light); + --md-sys-color-outline-variant: var(--md-sys-color-outline-variant-light); + --md-sys-color-scrim: var(--md-sys-color-scrim-light); +} + +@media (prefers-color-scheme: dark) { + :root, :host { + color-scheme: dark; + --md-sys-color-primary: var(--md-sys-color-primary-dark); + --md-sys-color-on-primary: var(--md-sys-color-on-primary-dark); + --md-sys-color-primary-container: var(--md-sys-color-primary-container-dark); + --md-sys-color-on-primary-container: var(--md-sys-color-on-primary-container-dark); + --md-sys-color-secondary: var(--md-sys-color-secondary-dark); + --md-sys-color-on-secondary: var(--md-sys-color-on-secondary-dark); + --md-sys-color-secondary-container: var(--md-sys-color-secondary-container-dark); + --md-sys-color-on-secondary-container: var(--md-sys-color-on-secondary-container-dark); + --md-sys-color-tertiary: var(--md-sys-color-tertiary-dark); + --md-sys-color-on-tertiary: var(--md-sys-color-on-tertiary-dark); + --md-sys-color-tertiary-container: var(--md-sys-color-tertiary-container-dark); + --md-sys-color-on-tertiary-container: var(--md-sys-color-on-tertiary-container-dark); + --md-sys-color-error: var(--md-sys-color-error-dark); + --md-sys-color-on-error: var(--md-sys-color-on-error-dark); + --md-sys-color-error-container: var(--md-sys-color-error-container-dark); + --md-sys-color-on-error-container: var(--md-sys-color-on-error-container-dark); + --md-sys-color-outline: var(--md-sys-color-outline-dark); + --md-sys-color-background: var(--md-sys-color-background-dark); + --md-sys-color-on-background: var(--md-sys-color-on-background-dark); + --md-sys-color-surface: var(--md-sys-color-surface-dark); + --md-sys-color-on-surface: var(--md-sys-color-on-surface-dark); + --md-sys-color-surface-variant: var(--md-sys-color-surface-variant-dark); + --md-sys-color-on-surface-variant: var(--md-sys-color-on-surface-variant-dark); + --md-sys-color-inverse-surface: var(--md-sys-color-inverse-surface-dark); + --md-sys-color-inverse-on-surface: var(--md-sys-color-inverse-on-surface-dark); + --md-sys-color-inverse-primary: var(--md-sys-color-inverse-primary-dark); + --md-sys-color-shadow: var(--md-sys-color-shadow-dark); + --md-sys-color-surface-tint: var(--md-sys-color-surface-tint-dark); + --md-sys-color-outline-variant: var(--md-sys-color-outline-variant-dark); + --md-sys-color-scrim: var(--md-sys-color-scrim-dark); + } +} +/* ===================================================================== Themes */ +:root[theme=light] { + color-scheme: light; + --md-sys-color-primary: var(--md-sys-color-primary-light); + --md-sys-color-on-primary: var(--md-sys-color-on-primary-light); + --md-sys-color-primary-container: var(--md-sys-color-primary-container-light); + --md-sys-color-on-primary-container: var(--md-sys-color-on-primary-container-light); + --md-sys-color-secondary: var(--md-sys-color-secondary-light); + --md-sys-color-on-secondary: var(--md-sys-color-on-secondary-light); + --md-sys-color-secondary-container: var(--md-sys-color-secondary-container-light); + --md-sys-color-on-secondary-container: var(--md-sys-color-on-secondary-container-light); + --md-sys-color-tertiary: var(--md-sys-color-tertiary-light); + --md-sys-color-on-tertiary: var(--md-sys-color-on-tertiary-light); + --md-sys-color-tertiary-container: var(--md-sys-color-tertiary-container-light); + --md-sys-color-on-tertiary-container: var(--md-sys-color-on-tertiary-container-light); + --md-sys-color-error: var(--md-sys-color-error-light); + --md-sys-color-on-error: var(--md-sys-color-on-error-light); + --md-sys-color-error-container: var(--md-sys-color-error-container-light); + --md-sys-color-on-error-container: var(--md-sys-color-on-error-container-light); + --md-sys-color-outline: var(--md-sys-color-outline-light); + --md-sys-color-background: var(--md-sys-color-background-light); + --md-sys-color-on-background: var(--md-sys-color-on-background-light); + --md-sys-color-surface: var(--md-sys-color-surface-light); + --md-sys-color-on-surface: var(--md-sys-color-on-surface-light); + --md-sys-color-surface-variant: var(--md-sys-color-surface-variant-light); + --md-sys-color-on-surface-variant: var(--md-sys-color-on-surface-variant-light); + --md-sys-color-inverse-surface: var(--md-sys-color-inverse-surface-light); + --md-sys-color-inverse-on-surface: var(--md-sys-color-inverse-on-surface-light); + --md-sys-color-inverse-primary: var(--md-sys-color-inverse-primary-light); + --md-sys-color-shadow: var(--md-sys-color-shadow-light); + --md-sys-color-surface-tint: var(--md-sys-color-surface-tint-light); + --md-sys-color-outline-variant: var(--md-sys-color-outline-variant-light); + --md-sys-color-scrim: var(--md-sys-color-scrim-light); +} + +:root[theme=dark] { + color-scheme: dark; + --md-sys-color-primary: var(--md-sys-color-primary-dark); + --md-sys-color-on-primary: var(--md-sys-color-on-primary-dark); + --md-sys-color-primary-container: var(--md-sys-color-primary-container-dark); + --md-sys-color-on-primary-container: var(--md-sys-color-on-primary-container-dark); + --md-sys-color-secondary: var(--md-sys-color-secondary-dark); + --md-sys-color-on-secondary: var(--md-sys-color-on-secondary-dark); + --md-sys-color-secondary-container: var(--md-sys-color-secondary-container-dark); + --md-sys-color-on-secondary-container: var(--md-sys-color-on-secondary-container-dark); + --md-sys-color-tertiary: var(--md-sys-color-tertiary-dark); + --md-sys-color-on-tertiary: var(--md-sys-color-on-tertiary-dark); + --md-sys-color-tertiary-container: var(--md-sys-color-tertiary-container-dark); + --md-sys-color-on-tertiary-container: var(--md-sys-color-on-tertiary-container-dark); + --md-sys-color-error: var(--md-sys-color-error-dark); + --md-sys-color-on-error: var(--md-sys-color-on-error-dark); + --md-sys-color-error-container: var(--md-sys-color-error-container-dark); + --md-sys-color-on-error-container: var(--md-sys-color-on-error-container-dark); + --md-sys-color-outline: var(--md-sys-color-outline-dark); + --md-sys-color-background: var(--md-sys-color-background-dark); + --md-sys-color-on-background: var(--md-sys-color-on-background-dark); + --md-sys-color-surface: var(--md-sys-color-surface-dark); + --md-sys-color-on-surface: var(--md-sys-color-on-surface-dark); + --md-sys-color-surface-variant: var(--md-sys-color-surface-variant-dark); + --md-sys-color-on-surface-variant: var(--md-sys-color-on-surface-variant-dark); + --md-sys-color-inverse-surface: var(--md-sys-color-inverse-surface-dark); + --md-sys-color-inverse-on-surface: var(--md-sys-color-inverse-on-surface-dark); + --md-sys-color-inverse-primary: var(--md-sys-color-inverse-primary-dark); + --md-sys-color-shadow: var(--md-sys-color-shadow-dark); + --md-sys-color-surface-tint: var(--md-sys-color-surface-tint-dark); + --md-sys-color-outline-variant: var(--md-sys-color-outline-variant-dark); + --md-sys-color-scrim: var(--md-sys-color-scrim-dark); +} + +.primary { + background-color: var(--md-sys-color-primary); +} + +.primary-text { + color: var(--md-sys-color-primary); +} + +.on-primary { + background-color: var(--md-sys-color-on-primary); +} + +.on-primary-text { + color: var(--md-sys-color-on-primary); +} + +.primary-container { + background-color: var(--md-sys-color-primary-container); +} + +.primary-container-text { + color: var(--md-sys-color-primary-container); +} + +.on-primary-container { + background-color: var(--md-sys-color-on-primary-container); +} + +.on-primary-container-text { + color: var(--md-sys-color-on-primary-container); +} + +.secondary { + background-color: var(--md-sys-color-secondary); +} + +.secondary-text { + color: var(--md-sys-color-secondary); +} + +.on-secondary { + background-color: var(--md-sys-color-on-secondary); +} + +.on-secondary-text { + color: var(--md-sys-color-on-secondary); +} + +.secondary-container { + background-color: var(--md-sys-color-secondary-container); +} + +.secondary-container-text { + color: var(--md-sys-color-secondary-container); +} + +.on-secondary-container { + background-color: var(--md-sys-color-on-secondary-container); +} + +.on-secondary-container-text { + color: var(--md-sys-color-on-secondary-container); +} + +.tertiary { + background-color: var(--md-sys-color-tertiary); +} + +.tertiary-text { + color: var(--md-sys-color-tertiary); +} + +.on-tertiary { + background-color: var(--md-sys-color-on-tertiary); +} + +.on-tertiary-text { + color: var(--md-sys-color-on-tertiary); +} + +.tertiary-container { + background-color: var(--md-sys-color-tertiary-container); +} + +.tertiary-container-text { + color: var(--md-sys-color-tertiary-container); +} + +.on-tertiary-container { + background-color: var(--md-sys-color-on-tertiary-container); +} + +.on-tertiary-container-text { + color: var(--md-sys-color-on-tertiary-container); +} + +.error { + background-color: var(--md-sys-color-error); +} + +.error-text { + color: var(--md-sys-color-error); +} + +.on-error { + background-color: var(--md-sys-color-on-error); +} + +.on-error-text { + color: var(--md-sys-color-on-error); +} + +.error-container { + background-color: var(--md-sys-color-error-container); +} + +.error-container-text { + color: var(--md-sys-color-error-container); +} + +.on-error-container { + background-color: var(--md-sys-color-on-error-container); +} + +.on-error-container-text { + color: var(--md-sys-color-on-error-container); +} + +.background { + background-color: var(--md-sys-color-background); +} + +.background-text { + color: var(--md-sys-color-background); +} + +.on-background { + background-color: var(--md-sys-color-on-background); +} + +.on-background-text { + color: var(--md-sys-color-on-background); +} + +.surface, .switch label input[type=checkbox]:checked + .lever:after { + background-color: var(--md-sys-color-surface); +} + +.surface-text { + color: var(--md-sys-color-surface); +} + +.on-surface { + background-color: var(--md-sys-color-on-surface); +} + +.on-surface-text { + color: var(--md-sys-color-on-surface); +} + +.surface-variant, .progress, input[type=range]::-moz-range-track, input[type=range]::-webkit-slider-runnable-track { + background-color: var(--md-sys-color-surface-variant); +} + +.surface-variant-text { + color: var(--md-sys-color-surface-variant); +} + +.on-surface-variant { + background-color: var(--md-sys-color-on-surface-variant); +} + +.on-surface-variant-text, .chip > .material-icons { + color: var(--md-sys-color-on-surface-variant); +} + +.outline, .switch label .lever:after { + background-color: var(--md-sys-color-outline); +} + +.outline-text { + color: var(--md-sys-color-outline); +} + +.inverse-on-surface { + background-color: var(--md-sys-color-inverse-on-surface); +} + +.inverse-on-surface-text { + color: var(--md-sys-color-inverse-on-surface); +} + +.inverse-surface { + background-color: var(--md-sys-color-inverse-surface); +} + +.inverse-surface-text { + color: var(--md-sys-color-inverse-surface); +} + +.inverse-primary { + background-color: var(--md-sys-color-inverse-primary); +} + +.inverse-primary-text { + color: var(--md-sys-color-inverse-primary); +} + +.shadow { + background-color: var(--md-sys-color-shadow); +} + +.shadow-text { + color: var(--md-sys-color-shadow); +} + +.surface-tint { + background-color: var(--md-sys-color-surface-tint); +} + +.surface-tint-text { + color: var(--md-sys-color-surface-tint); +} + +.outline-variant { + background-color: var(--md-sys-color-outline-variant); +} + +.outline-variant-text { + color: var(--md-sys-color-outline-variant); +} + +.scrim { + background-color: var(--md-sys-color-scrim); +} + +.scrim-text { + color: var(--md-sys-color-scrim); +} + +.display-large { + font-family: var(--md-sys-typescale-display-large-font-family-name); + font-style: var(--md-sys-typescale-display-large-font-family-style); + font-weight: var(--md-sys-typescale-display-large-font-weight); + font-size: var(--md-sys-typescale-display-large-font-size); + letter-spacing: var(--md-sys-typescale-display-large-tracking); + line-height: var(--md-sys-typescale-display-large-height); + text-transform: var(--md-sys-typescale-display-large-text-transform); + text-decoration: var(--md-sys-typescale-display-large-text-decoration); +} + +.display-medium { + font-family: var(--md-sys-typescale-display-medium-font-family-name); + font-style: var(--md-sys-typescale-display-medium-font-family-style); + font-weight: var(--md-sys-typescale-display-medium-font-weight); + font-size: var(--md-sys-typescale-display-medium-font-size); + letter-spacing: var(--md-sys-typescale-display-medium-tracking); + line-height: var(--md-sys-typescale-display-medium-height); + text-transform: var(--md-sys-typescale-display-medium-text-transform); + text-decoration: var(--md-sys-typescale-display-medium-text-decoration); +} + +.display-small { + font-family: var(--md-sys-typescale-display-small-font-family-name); + font-style: var(--md-sys-typescale-display-small-font-family-style); + font-weight: var(--md-sys-typescale-display-small-font-weight); + font-size: var(--md-sys-typescale-display-small-font-size); + letter-spacing: var(--md-sys-typescale-display-small-tracking); + line-height: var(--md-sys-typescale-display-small-height); + text-transform: var(--md-sys-typescale-display-small-text-transform); + text-decoration: var(--md-sys-typescale-display-small-text-decoration); +} + +.headline-large { + font-family: var(--md-sys-typescale-headline-large-font-family-name); + font-style: var(--md-sys-typescale-headline-large-font-family-style); + font-weight: var(--md-sys-typescale-headline-large-font-weight); + font-size: var(--md-sys-typescale-headline-large-font-size); + letter-spacing: var(--md-sys-typescale-headline-large-tracking); + line-height: var(--md-sys-typescale-headline-large-height); + text-transform: var(--md-sys-typescale-headline-large-text-transform); + text-decoration: var(--md-sys-typescale-headline-large-text-decoration); +} + +.headline-medium { + font-family: var(--md-sys-typescale-headline-medium-font-family-name); + font-style: var(--md-sys-typescale-headline-medium-font-family-style); + font-weight: var(--md-sys-typescale-headline-medium-font-weight); + font-size: var(--md-sys-typescale-headline-medium-font-size); + letter-spacing: var(--md-sys-typescale-headline-medium-tracking); + line-height: var(--md-sys-typescale-headline-medium-height); + text-transform: var(--md-sys-typescale-headline-medium-text-transform); + text-decoration: var(--md-sys-typescale-headline-medium-text-decoration); +} + +.headline-small { + font-family: var(--md-sys-typescale-headline-small-font-family-name); + font-style: var(--md-sys-typescale-headline-small-font-family-style); + font-weight: var(--md-sys-typescale-headline-small-font-weight); + font-size: var(--md-sys-typescale-headline-small-font-size); + letter-spacing: var(--md-sys-typescale-headline-small-tracking); + line-height: var(--md-sys-typescale-headline-small-height); + text-transform: var(--md-sys-typescale-headline-small-text-transform); + text-decoration: var(--md-sys-typescale-headline-small-text-decoration); +} + +.body-large { + font-family: var(--md-sys-typescale-body-large-font-family-name); + font-style: var(--md-sys-typescale-body-large-font-family-style); + font-weight: var(--md-sys-typescale-body-large-font-weight); + font-size: var(--md-sys-typescale-body-large-font-size); + letter-spacing: var(--md-sys-typescale-body-large-tracking); + line-height: var(--md-sys-typescale-body-large-height); + text-transform: var(--md-sys-typescale-body-large-text-transform); + text-decoration: var(--md-sys-typescale-body-large-text-decoration); +} + +.body-medium { + font-family: var(--md-sys-typescale-body-medium-font-family-name); + font-style: var(--md-sys-typescale-body-medium-font-family-style); + font-weight: var(--md-sys-typescale-body-medium-font-weight); + font-size: var(--md-sys-typescale-body-medium-font-size); + letter-spacing: var(--md-sys-typescale-body-medium-tracking); + line-height: var(--md-sys-typescale-body-medium-height); + text-transform: var(--md-sys-typescale-body-medium-text-transform); + text-decoration: var(--md-sys-typescale-body-medium-text-decoration); +} + +.body-small { + font-family: var(--md-sys-typescale-body-small-font-family-name); + font-style: var(--md-sys-typescale-body-small-font-family-style); + font-weight: var(--md-sys-typescale-body-small-font-weight); + font-size: var(--md-sys-typescale-body-small-font-size); + letter-spacing: var(--md-sys-typescale-body-small-tracking); + line-height: var(--md-sys-typescale-body-small-height); + text-transform: var(--md-sys-typescale-body-small-text-transform); + text-decoration: var(--md-sys-typescale-body-small-text-decoration); +} + +.label-large { + font-family: var(--md-sys-typescale-label-large-font-family-name); + font-style: var(--md-sys-typescale-label-large-font-family-style); + font-weight: var(--md-sys-typescale-label-large-font-weight); + font-size: var(--md-sys-typescale-label-large-font-size); + letter-spacing: var(--md-sys-typescale-label-large-tracking); + line-height: var(--md-sys-typescale-label-large-height); + text-transform: var(--md-sys-typescale-label-large-text-transform); + text-decoration: var(--md-sys-typescale-label-large-text-decoration); +} + +.label-medium { + font-family: var(--md-sys-typescale-label-medium-font-family-name); + font-style: var(--md-sys-typescale-label-medium-font-family-style); + font-weight: var(--md-sys-typescale-label-medium-font-weight); + font-size: var(--md-sys-typescale-label-medium-font-size); + letter-spacing: var(--md-sys-typescale-label-medium-tracking); + line-height: var(--md-sys-typescale-label-medium-height); + text-transform: var(--md-sys-typescale-label-medium-text-transform); + text-decoration: var(--md-sys-typescale-label-medium-text-decoration); +} + +.label-small { + font-family: var(--md-sys-typescale-label-small-font-family-name); + font-style: var(--md-sys-typescale-label-small-font-family-style); + font-weight: var(--md-sys-typescale-label-small-font-weight); + font-size: var(--md-sys-typescale-label-small-font-size); + letter-spacing: var(--md-sys-typescale-label-small-tracking); + line-height: var(--md-sys-typescale-label-small-height); + text-transform: var(--md-sys-typescale-label-small-text-transform); + text-decoration: var(--md-sys-typescale-label-small-text-decoration); +} + +.title-large { + font-family: var(--md-sys-typescale-title-large-font-family-name); + font-style: var(--md-sys-typescale-title-large-font-family-style); + font-weight: var(--md-sys-typescale-title-large-font-weight); + font-size: var(--md-sys-typescale-title-large-font-size); + letter-spacing: var(--md-sys-typescale-title-large-tracking); + line-height: var(--md-sys-typescale-title-large-height); + text-transform: var(--md-sys-typescale-title-large-text-transform); + text-decoration: var(--md-sys-typescale-title-large-text-decoration); +} + +.title-medium { + font-family: var(--md-sys-typescale-title-medium-font-family-name); + font-style: var(--md-sys-typescale-title-medium-font-family-style); + font-weight: var(--md-sys-typescale-title-medium-font-weight); + font-size: var(--md-sys-typescale-title-medium-font-size); + letter-spacing: var(--md-sys-typescale-title-medium-tracking); + line-height: var(--md-sys-typescale-title-medium-height); + text-transform: var(--md-sys-typescale-title-medium-text-transform); + text-decoration: var(--md-sys-typescale-title-medium-text-decoration); +} + +.title-small { + font-family: var(--md-sys-typescale-title-small-font-family-name); + font-style: var(--md-sys-typescale-title-small-font-family-style); + font-weight: var(--md-sys-typescale-title-small-font-weight); + font-size: var(--md-sys-typescale-title-small-font-size); + letter-spacing: var(--md-sys-typescale-title-small-tracking); + line-height: var(--md-sys-typescale-title-small-height); + text-transform: var(--md-sys-typescale-title-small-text-transform); + text-decoration: var(--md-sys-typescale-title-small-text-decoration); +} + +.materialize-red { + background-color: #e51c23 !important; +} + +.materialize-red-text { + color: #e51c23 !important; +} + +.materialize-red.lighten-5 { + background-color: #fdeaeb !important; +} + +.materialize-red-text.text-lighten-5 { + color: #fdeaeb !important; +} + +.materialize-red.lighten-4 { + background-color: #f8c1c3 !important; +} + +.materialize-red-text.text-lighten-4 { + color: #f8c1c3 !important; +} + +.materialize-red.lighten-3 { + background-color: #f3989b !important; +} + +.materialize-red-text.text-lighten-3 { + color: #f3989b !important; +} + +.materialize-red.lighten-2 { + background-color: #ee6e73 !important; +} + +.materialize-red-text.text-lighten-2 { + color: #ee6e73 !important; +} + +.materialize-red.lighten-1 { + background-color: #ea454b !important; +} + +.materialize-red-text.text-lighten-1 { + color: #ea454b !important; +} + +.materialize-red.darken-1 { + background-color: #d0181e !important; +} + +.materialize-red-text.text-darken-1 { + color: #d0181e !important; +} + +.materialize-red.darken-2 { + background-color: #b9151b !important; +} + +.materialize-red-text.text-darken-2 { + color: #b9151b !important; +} + +.materialize-red.darken-3 { + background-color: #a21318 !important; +} + +.materialize-red-text.text-darken-3 { + color: #a21318 !important; +} + +.materialize-red.darken-4 { + background-color: #8b1014 !important; +} + +.materialize-red-text.text-darken-4 { + color: #8b1014 !important; +} + +.red { + background-color: #F44336 !important; +} + +.red-text { + color: #F44336 !important; +} + +.red.lighten-5 { + background-color: #FFEBEE !important; +} + +.red-text.text-lighten-5 { + color: #FFEBEE !important; +} + +.red.lighten-4 { + background-color: #FFCDD2 !important; +} + +.red-text.text-lighten-4 { + color: #FFCDD2 !important; +} + +.red.lighten-3 { + background-color: #EF9A9A !important; +} + +.red-text.text-lighten-3 { + color: #EF9A9A !important; +} + +.red.lighten-2 { + background-color: #E57373 !important; +} + +.red-text.text-lighten-2 { + color: #E57373 !important; +} + +.red.lighten-1 { + background-color: #EF5350 !important; +} + +.red-text.text-lighten-1 { + color: #EF5350 !important; +} + +.red.darken-1 { + background-color: #E53935 !important; +} + +.red-text.text-darken-1 { + color: #E53935 !important; +} + +.red.darken-2 { + background-color: #D32F2F !important; +} + +.red-text.text-darken-2 { + color: #D32F2F !important; +} + +.red.darken-3 { + background-color: #C62828 !important; +} + +.red-text.text-darken-3 { + color: #C62828 !important; +} + +.red.darken-4 { + background-color: #B71C1C !important; +} + +.red-text.text-darken-4 { + color: #B71C1C !important; +} + +.red.accent-1 { + background-color: #FF8A80 !important; +} + +.red-text.text-accent-1 { + color: #FF8A80 !important; +} + +.red.accent-2 { + background-color: #FF5252 !important; +} + +.red-text.text-accent-2 { + color: #FF5252 !important; +} + +.red.accent-3 { + background-color: #FF1744 !important; +} + +.red-text.text-accent-3 { + color: #FF1744 !important; +} + +.red.accent-4 { + background-color: #D50000 !important; +} + +.red-text.text-accent-4 { + color: #D50000 !important; +} + +.pink { + background-color: #e91e63 !important; +} + +.pink-text { + color: #e91e63 !important; +} + +.pink.lighten-5 { + background-color: #fce4ec !important; +} + +.pink-text.text-lighten-5 { + color: #fce4ec !important; +} + +.pink.lighten-4 { + background-color: #f8bbd0 !important; +} + +.pink-text.text-lighten-4 { + color: #f8bbd0 !important; +} + +.pink.lighten-3 { + background-color: #f48fb1 !important; +} + +.pink-text.text-lighten-3 { + color: #f48fb1 !important; +} + +.pink.lighten-2 { + background-color: #f06292 !important; +} + +.pink-text.text-lighten-2 { + color: #f06292 !important; +} + +.pink.lighten-1 { + background-color: #ec407a !important; +} + +.pink-text.text-lighten-1 { + color: #ec407a !important; +} + +.pink.darken-1 { + background-color: #d81b60 !important; +} + +.pink-text.text-darken-1 { + color: #d81b60 !important; +} + +.pink.darken-2 { + background-color: #c2185b !important; +} + +.pink-text.text-darken-2 { + color: #c2185b !important; +} + +.pink.darken-3 { + background-color: #ad1457 !important; +} + +.pink-text.text-darken-3 { + color: #ad1457 !important; +} + +.pink.darken-4 { + background-color: #880e4f !important; +} + +.pink-text.text-darken-4 { + color: #880e4f !important; +} + +.pink.accent-1 { + background-color: #ff80ab !important; +} + +.pink-text.text-accent-1 { + color: #ff80ab !important; +} + +.pink.accent-2 { + background-color: #ff4081 !important; +} + +.pink-text.text-accent-2 { + color: #ff4081 !important; +} + +.pink.accent-3 { + background-color: #f50057 !important; +} + +.pink-text.text-accent-3 { + color: #f50057 !important; +} + +.pink.accent-4 { + background-color: #c51162 !important; +} + +.pink-text.text-accent-4 { + color: #c51162 !important; +} + +.purple { + background-color: #9c27b0 !important; +} + +.purple-text { + color: #9c27b0 !important; +} + +.purple.lighten-5 { + background-color: #f3e5f5 !important; +} + +.purple-text.text-lighten-5 { + color: #f3e5f5 !important; +} + +.purple.lighten-4 { + background-color: #e1bee7 !important; +} + +.purple-text.text-lighten-4 { + color: #e1bee7 !important; +} + +.purple.lighten-3 { + background-color: #ce93d8 !important; +} + +.purple-text.text-lighten-3 { + color: #ce93d8 !important; +} + +.purple.lighten-2 { + background-color: #ba68c8 !important; +} + +.purple-text.text-lighten-2 { + color: #ba68c8 !important; +} + +.purple.lighten-1 { + background-color: #ab47bc !important; +} + +.purple-text.text-lighten-1 { + color: #ab47bc !important; +} + +.purple.darken-1 { + background-color: #8e24aa !important; +} + +.purple-text.text-darken-1 { + color: #8e24aa !important; +} + +.purple.darken-2 { + background-color: #7b1fa2 !important; +} + +.purple-text.text-darken-2 { + color: #7b1fa2 !important; +} + +.purple.darken-3 { + background-color: #6a1b9a !important; +} + +.purple-text.text-darken-3 { + color: #6a1b9a !important; +} + +.purple.darken-4 { + background-color: #4a148c !important; +} + +.purple-text.text-darken-4 { + color: #4a148c !important; +} + +.purple.accent-1 { + background-color: #ea80fc !important; +} + +.purple-text.text-accent-1 { + color: #ea80fc !important; +} + +.purple.accent-2 { + background-color: #e040fb !important; +} + +.purple-text.text-accent-2 { + color: #e040fb !important; +} + +.purple.accent-3 { + background-color: #d500f9 !important; +} + +.purple-text.text-accent-3 { + color: #d500f9 !important; +} + +.purple.accent-4 { + background-color: #aa00ff !important; +} + +.purple-text.text-accent-4 { + color: #aa00ff !important; +} + +.deep-purple { + background-color: #673ab7 !important; +} + +.deep-purple-text { + color: #673ab7 !important; +} + +.deep-purple.lighten-5 { + background-color: #ede7f6 !important; +} + +.deep-purple-text.text-lighten-5 { + color: #ede7f6 !important; +} + +.deep-purple.lighten-4 { + background-color: #d1c4e9 !important; +} + +.deep-purple-text.text-lighten-4 { + color: #d1c4e9 !important; +} + +.deep-purple.lighten-3 { + background-color: #b39ddb !important; +} + +.deep-purple-text.text-lighten-3 { + color: #b39ddb !important; +} + +.deep-purple.lighten-2 { + background-color: #9575cd !important; +} + +.deep-purple-text.text-lighten-2 { + color: #9575cd !important; +} + +.deep-purple.lighten-1 { + background-color: #7e57c2 !important; +} + +.deep-purple-text.text-lighten-1 { + color: #7e57c2 !important; +} + +.deep-purple.darken-1 { + background-color: #5e35b1 !important; +} + +.deep-purple-text.text-darken-1 { + color: #5e35b1 !important; +} + +.deep-purple.darken-2 { + background-color: #512da8 !important; +} + +.deep-purple-text.text-darken-2 { + color: #512da8 !important; +} + +.deep-purple.darken-3 { + background-color: #4527a0 !important; +} + +.deep-purple-text.text-darken-3 { + color: #4527a0 !important; +} + +.deep-purple.darken-4 { + background-color: #311b92 !important; +} + +.deep-purple-text.text-darken-4 { + color: #311b92 !important; +} + +.deep-purple.accent-1 { + background-color: #b388ff !important; +} + +.deep-purple-text.text-accent-1 { + color: #b388ff !important; +} + +.deep-purple.accent-2 { + background-color: #7c4dff !important; +} + +.deep-purple-text.text-accent-2 { + color: #7c4dff !important; +} + +.deep-purple.accent-3 { + background-color: #651fff !important; +} + +.deep-purple-text.text-accent-3 { + color: #651fff !important; +} + +.deep-purple.accent-4 { + background-color: #6200ea !important; +} + +.deep-purple-text.text-accent-4 { + color: #6200ea !important; +} + +.indigo { + background-color: #3f51b5 !important; +} + +.indigo-text { + color: #3f51b5 !important; +} + +.indigo.lighten-5 { + background-color: #e8eaf6 !important; +} + +.indigo-text.text-lighten-5 { + color: #e8eaf6 !important; +} + +.indigo.lighten-4 { + background-color: #c5cae9 !important; +} + +.indigo-text.text-lighten-4 { + color: #c5cae9 !important; +} + +.indigo.lighten-3 { + background-color: #9fa8da !important; +} + +.indigo-text.text-lighten-3 { + color: #9fa8da !important; +} + +.indigo.lighten-2 { + background-color: #7986cb !important; +} + +.indigo-text.text-lighten-2 { + color: #7986cb !important; +} + +.indigo.lighten-1 { + background-color: #5c6bc0 !important; +} + +.indigo-text.text-lighten-1 { + color: #5c6bc0 !important; +} + +.indigo.darken-1 { + background-color: #3949ab !important; +} + +.indigo-text.text-darken-1 { + color: #3949ab !important; +} + +.indigo.darken-2 { + background-color: #303f9f !important; +} + +.indigo-text.text-darken-2 { + color: #303f9f !important; +} + +.indigo.darken-3 { + background-color: #283593 !important; +} + +.indigo-text.text-darken-3 { + color: #283593 !important; +} + +.indigo.darken-4 { + background-color: #1a237e !important; +} + +.indigo-text.text-darken-4 { + color: #1a237e !important; +} + +.indigo.accent-1 { + background-color: #8c9eff !important; +} + +.indigo-text.text-accent-1 { + color: #8c9eff !important; +} + +.indigo.accent-2 { + background-color: #536dfe !important; +} + +.indigo-text.text-accent-2 { + color: #536dfe !important; +} + +.indigo.accent-3 { + background-color: #3d5afe !important; +} + +.indigo-text.text-accent-3 { + color: #3d5afe !important; +} + +.indigo.accent-4 { + background-color: #304ffe !important; +} + +.indigo-text.text-accent-4 { + color: #304ffe !important; +} + +.blue { + background-color: #2196F3 !important; +} + +.blue-text { + color: #2196F3 !important; +} + +.blue.lighten-5 { + background-color: #E3F2FD !important; +} + +.blue-text.text-lighten-5 { + color: #E3F2FD !important; +} + +.blue.lighten-4 { + background-color: #BBDEFB !important; +} + +.blue-text.text-lighten-4 { + color: #BBDEFB !important; +} + +.blue.lighten-3 { + background-color: #90CAF9 !important; +} + +.blue-text.text-lighten-3 { + color: #90CAF9 !important; +} + +.blue.lighten-2 { + background-color: #64B5F6 !important; +} + +.blue-text.text-lighten-2 { + color: #64B5F6 !important; +} + +.blue.lighten-1 { + background-color: #42A5F5 !important; +} + +.blue-text.text-lighten-1 { + color: #42A5F5 !important; +} + +.blue.darken-1 { + background-color: #1E88E5 !important; +} + +.blue-text.text-darken-1 { + color: #1E88E5 !important; +} + +.blue.darken-2 { + background-color: #1976D2 !important; +} + +.blue-text.text-darken-2 { + color: #1976D2 !important; +} + +.blue.darken-3 { + background-color: #1565C0 !important; +} + +.blue-text.text-darken-3 { + color: #1565C0 !important; +} + +.blue.darken-4 { + background-color: #0D47A1 !important; +} + +.blue-text.text-darken-4 { + color: #0D47A1 !important; +} + +.blue.accent-1 { + background-color: #82B1FF !important; +} + +.blue-text.text-accent-1 { + color: #82B1FF !important; +} + +.blue.accent-2 { + background-color: #448AFF !important; +} + +.blue-text.text-accent-2 { + color: #448AFF !important; +} + +.blue.accent-3 { + background-color: #2979FF !important; +} + +.blue-text.text-accent-3 { + color: #2979FF !important; +} + +.blue.accent-4 { + background-color: #2962FF !important; +} + +.blue-text.text-accent-4 { + color: #2962FF !important; +} + +.light-blue { + background-color: #03a9f4 !important; +} + +.light-blue-text { + color: #03a9f4 !important; +} + +.light-blue.lighten-5 { + background-color: #e1f5fe !important; +} + +.light-blue-text.text-lighten-5 { + color: #e1f5fe !important; +} + +.light-blue.lighten-4 { + background-color: #b3e5fc !important; +} + +.light-blue-text.text-lighten-4 { + color: #b3e5fc !important; +} + +.light-blue.lighten-3 { + background-color: #81d4fa !important; +} + +.light-blue-text.text-lighten-3 { + color: #81d4fa !important; +} + +.light-blue.lighten-2 { + background-color: #4fc3f7 !important; +} + +.light-blue-text.text-lighten-2 { + color: #4fc3f7 !important; +} + +.light-blue.lighten-1 { + background-color: #29b6f6 !important; +} + +.light-blue-text.text-lighten-1 { + color: #29b6f6 !important; +} + +.light-blue.darken-1 { + background-color: #039be5 !important; +} + +.light-blue-text.text-darken-1 { + color: #039be5 !important; +} + +.light-blue.darken-2 { + background-color: #0288d1 !important; +} + +.light-blue-text.text-darken-2 { + color: #0288d1 !important; +} + +.light-blue.darken-3 { + background-color: #0277bd !important; +} + +.light-blue-text.text-darken-3 { + color: #0277bd !important; +} + +.light-blue.darken-4 { + background-color: #01579b !important; +} + +.light-blue-text.text-darken-4 { + color: #01579b !important; +} + +.light-blue.accent-1 { + background-color: #80d8ff !important; +} + +.light-blue-text.text-accent-1 { + color: #80d8ff !important; +} + +.light-blue.accent-2 { + background-color: #40c4ff !important; +} + +.light-blue-text.text-accent-2 { + color: #40c4ff !important; +} + +.light-blue.accent-3 { + background-color: #00b0ff !important; +} + +.light-blue-text.text-accent-3 { + color: #00b0ff !important; +} + +.light-blue.accent-4 { + background-color: #0091ea !important; +} + +.light-blue-text.text-accent-4 { + color: #0091ea !important; +} + +.cyan { + background-color: #00bcd4 !important; +} + +.cyan-text { + color: #00bcd4 !important; +} + +.cyan.lighten-5 { + background-color: #e0f7fa !important; +} + +.cyan-text.text-lighten-5 { + color: #e0f7fa !important; +} + +.cyan.lighten-4 { + background-color: #b2ebf2 !important; +} + +.cyan-text.text-lighten-4 { + color: #b2ebf2 !important; +} + +.cyan.lighten-3 { + background-color: #80deea !important; +} + +.cyan-text.text-lighten-3 { + color: #80deea !important; +} + +.cyan.lighten-2 { + background-color: #4dd0e1 !important; +} + +.cyan-text.text-lighten-2 { + color: #4dd0e1 !important; +} + +.cyan.lighten-1 { + background-color: #26c6da !important; +} + +.cyan-text.text-lighten-1 { + color: #26c6da !important; +} + +.cyan.darken-1 { + background-color: #00acc1 !important; +} + +.cyan-text.text-darken-1 { + color: #00acc1 !important; +} + +.cyan.darken-2 { + background-color: #0097a7 !important; +} + +.cyan-text.text-darken-2 { + color: #0097a7 !important; +} + +.cyan.darken-3 { + background-color: #00838f !important; +} + +.cyan-text.text-darken-3 { + color: #00838f !important; +} + +.cyan.darken-4 { + background-color: #006064 !important; +} + +.cyan-text.text-darken-4 { + color: #006064 !important; +} + +.cyan.accent-1 { + background-color: #84ffff !important; +} + +.cyan-text.text-accent-1 { + color: #84ffff !important; +} + +.cyan.accent-2 { + background-color: #18ffff !important; +} + +.cyan-text.text-accent-2 { + color: #18ffff !important; +} + +.cyan.accent-3 { + background-color: #00e5ff !important; +} + +.cyan-text.text-accent-3 { + color: #00e5ff !important; +} + +.cyan.accent-4 { + background-color: #00b8d4 !important; +} + +.cyan-text.text-accent-4 { + color: #00b8d4 !important; +} + +.teal { + background-color: #009688 !important; +} + +.teal-text { + color: #009688 !important; +} + +.teal.lighten-5 { + background-color: #e0f2f1 !important; +} + +.teal-text.text-lighten-5 { + color: #e0f2f1 !important; +} + +.teal.lighten-4 { + background-color: #b2dfdb !important; +} + +.teal-text.text-lighten-4 { + color: #b2dfdb !important; +} + +.teal.lighten-3 { + background-color: #80cbc4 !important; +} + +.teal-text.text-lighten-3 { + color: #80cbc4 !important; +} + +.teal.lighten-2 { + background-color: #4db6ac !important; +} + +.teal-text.text-lighten-2 { + color: #4db6ac !important; +} + +.teal.lighten-1 { + background-color: #26a69a !important; +} + +.teal-text.text-lighten-1 { + color: #26a69a !important; +} + +.teal.darken-1 { + background-color: #00897b !important; +} + +.teal-text.text-darken-1 { + color: #00897b !important; +} + +.teal.darken-2 { + background-color: #00796b !important; +} + +.teal-text.text-darken-2 { + color: #00796b !important; +} + +.teal.darken-3 { + background-color: #00695c !important; +} + +.teal-text.text-darken-3 { + color: #00695c !important; +} + +.teal.darken-4 { + background-color: #004d40 !important; +} + +.teal-text.text-darken-4 { + color: #004d40 !important; +} + +.teal.accent-1 { + background-color: #a7ffeb !important; +} + +.teal-text.text-accent-1 { + color: #a7ffeb !important; +} + +.teal.accent-2 { + background-color: #64ffda !important; +} + +.teal-text.text-accent-2 { + color: #64ffda !important; +} + +.teal.accent-3 { + background-color: #1de9b6 !important; +} + +.teal-text.text-accent-3 { + color: #1de9b6 !important; +} + +.teal.accent-4 { + background-color: #00bfa5 !important; +} + +.teal-text.text-accent-4 { + color: #00bfa5 !important; +} + +.green { + background-color: #4CAF50 !important; +} + +.green-text { + color: #4CAF50 !important; +} + +.green.lighten-5 { + background-color: #E8F5E9 !important; +} + +.green-text.text-lighten-5 { + color: #E8F5E9 !important; +} + +.green.lighten-4 { + background-color: #C8E6C9 !important; +} + +.green-text.text-lighten-4 { + color: #C8E6C9 !important; +} + +.green.lighten-3 { + background-color: #A5D6A7 !important; +} + +.green-text.text-lighten-3 { + color: #A5D6A7 !important; +} + +.green.lighten-2 { + background-color: #81C784 !important; +} + +.green-text.text-lighten-2 { + color: #81C784 !important; +} + +.green.lighten-1 { + background-color: #66BB6A !important; +} + +.green-text.text-lighten-1 { + color: #66BB6A !important; +} + +.green.darken-1 { + background-color: #43A047 !important; +} + +.green-text.text-darken-1 { + color: #43A047 !important; +} + +.green.darken-2 { + background-color: #388E3C !important; +} + +.green-text.text-darken-2 { + color: #388E3C !important; +} + +.green.darken-3 { + background-color: #2E7D32 !important; +} + +.green-text.text-darken-3 { + color: #2E7D32 !important; +} + +.green.darken-4 { + background-color: #1B5E20 !important; +} + +.green-text.text-darken-4 { + color: #1B5E20 !important; +} + +.green.accent-1 { + background-color: #B9F6CA !important; +} + +.green-text.text-accent-1 { + color: #B9F6CA !important; +} + +.green.accent-2 { + background-color: #69F0AE !important; +} + +.green-text.text-accent-2 { + color: #69F0AE !important; +} + +.green.accent-3 { + background-color: #00E676 !important; +} + +.green-text.text-accent-3 { + color: #00E676 !important; +} + +.green.accent-4 { + background-color: #00C853 !important; +} + +.green-text.text-accent-4 { + color: #00C853 !important; +} + +.light-green { + background-color: #8bc34a !important; +} + +.light-green-text { + color: #8bc34a !important; +} + +.light-green.lighten-5 { + background-color: #f1f8e9 !important; +} + +.light-green-text.text-lighten-5 { + color: #f1f8e9 !important; +} + +.light-green.lighten-4 { + background-color: #dcedc8 !important; +} + +.light-green-text.text-lighten-4 { + color: #dcedc8 !important; +} + +.light-green.lighten-3 { + background-color: #c5e1a5 !important; +} + +.light-green-text.text-lighten-3 { + color: #c5e1a5 !important; +} + +.light-green.lighten-2 { + background-color: #aed581 !important; +} + +.light-green-text.text-lighten-2 { + color: #aed581 !important; +} + +.light-green.lighten-1 { + background-color: #9ccc65 !important; +} + +.light-green-text.text-lighten-1 { + color: #9ccc65 !important; +} + +.light-green.darken-1 { + background-color: #7cb342 !important; +} + +.light-green-text.text-darken-1 { + color: #7cb342 !important; +} + +.light-green.darken-2 { + background-color: #689f38 !important; +} + +.light-green-text.text-darken-2 { + color: #689f38 !important; +} + +.light-green.darken-3 { + background-color: #558b2f !important; +} + +.light-green-text.text-darken-3 { + color: #558b2f !important; +} + +.light-green.darken-4 { + background-color: #33691e !important; +} + +.light-green-text.text-darken-4 { + color: #33691e !important; +} + +.light-green.accent-1 { + background-color: #ccff90 !important; +} + +.light-green-text.text-accent-1 { + color: #ccff90 !important; +} + +.light-green.accent-2 { + background-color: #b2ff59 !important; +} + +.light-green-text.text-accent-2 { + color: #b2ff59 !important; +} + +.light-green.accent-3 { + background-color: #76ff03 !important; +} + +.light-green-text.text-accent-3 { + color: #76ff03 !important; +} + +.light-green.accent-4 { + background-color: #64dd17 !important; +} + +.light-green-text.text-accent-4 { + color: #64dd17 !important; +} + +.lime { + background-color: #cddc39 !important; +} + +.lime-text { + color: #cddc39 !important; +} + +.lime.lighten-5 { + background-color: #f9fbe7 !important; +} + +.lime-text.text-lighten-5 { + color: #f9fbe7 !important; +} + +.lime.lighten-4 { + background-color: #f0f4c3 !important; +} + +.lime-text.text-lighten-4 { + color: #f0f4c3 !important; +} + +.lime.lighten-3 { + background-color: #e6ee9c !important; +} + +.lime-text.text-lighten-3 { + color: #e6ee9c !important; +} + +.lime.lighten-2 { + background-color: #dce775 !important; +} + +.lime-text.text-lighten-2 { + color: #dce775 !important; +} + +.lime.lighten-1 { + background-color: #d4e157 !important; +} + +.lime-text.text-lighten-1 { + color: #d4e157 !important; +} + +.lime.darken-1 { + background-color: #c0ca33 !important; +} + +.lime-text.text-darken-1 { + color: #c0ca33 !important; +} + +.lime.darken-2 { + background-color: #afb42b !important; +} + +.lime-text.text-darken-2 { + color: #afb42b !important; +} + +.lime.darken-3 { + background-color: #9e9d24 !important; +} + +.lime-text.text-darken-3 { + color: #9e9d24 !important; +} + +.lime.darken-4 { + background-color: #827717 !important; +} + +.lime-text.text-darken-4 { + color: #827717 !important; +} + +.lime.accent-1 { + background-color: #f4ff81 !important; +} + +.lime-text.text-accent-1 { + color: #f4ff81 !important; +} + +.lime.accent-2 { + background-color: #eeff41 !important; +} + +.lime-text.text-accent-2 { + color: #eeff41 !important; +} + +.lime.accent-3 { + background-color: #c6ff00 !important; +} + +.lime-text.text-accent-3 { + color: #c6ff00 !important; +} + +.lime.accent-4 { + background-color: #aeea00 !important; +} + +.lime-text.text-accent-4 { + color: #aeea00 !important; +} + +.yellow { + background-color: #ffeb3b !important; +} + +.yellow-text { + color: #ffeb3b !important; +} + +.yellow.lighten-5 { + background-color: #fffde7 !important; +} + +.yellow-text.text-lighten-5 { + color: #fffde7 !important; +} + +.yellow.lighten-4 { + background-color: #fff9c4 !important; +} + +.yellow-text.text-lighten-4 { + color: #fff9c4 !important; +} + +.yellow.lighten-3 { + background-color: #fff59d !important; +} + +.yellow-text.text-lighten-3 { + color: #fff59d !important; +} + +.yellow.lighten-2 { + background-color: #fff176 !important; +} + +.yellow-text.text-lighten-2 { + color: #fff176 !important; +} + +.yellow.lighten-1 { + background-color: #ffee58 !important; +} + +.yellow-text.text-lighten-1 { + color: #ffee58 !important; +} + +.yellow.darken-1 { + background-color: #fdd835 !important; +} + +.yellow-text.text-darken-1 { + color: #fdd835 !important; +} + +.yellow.darken-2 { + background-color: #fbc02d !important; +} + +.yellow-text.text-darken-2 { + color: #fbc02d !important; +} + +.yellow.darken-3 { + background-color: #f9a825 !important; +} + +.yellow-text.text-darken-3 { + color: #f9a825 !important; +} + +.yellow.darken-4 { + background-color: #f57f17 !important; +} + +.yellow-text.text-darken-4 { + color: #f57f17 !important; +} + +.yellow.accent-1 { + background-color: #ffff8d !important; +} + +.yellow-text.text-accent-1 { + color: #ffff8d !important; +} + +.yellow.accent-2 { + background-color: #ffff00 !important; +} + +.yellow-text.text-accent-2 { + color: #ffff00 !important; +} + +.yellow.accent-3 { + background-color: #ffea00 !important; +} + +.yellow-text.text-accent-3 { + color: #ffea00 !important; +} + +.yellow.accent-4 { + background-color: #ffd600 !important; +} + +.yellow-text.text-accent-4 { + color: #ffd600 !important; +} + +.amber { + background-color: #ffc107 !important; +} + +.amber-text { + color: #ffc107 !important; +} + +.amber.lighten-5 { + background-color: #fff8e1 !important; +} + +.amber-text.text-lighten-5 { + color: #fff8e1 !important; +} + +.amber.lighten-4 { + background-color: #ffecb3 !important; +} + +.amber-text.text-lighten-4 { + color: #ffecb3 !important; +} + +.amber.lighten-3 { + background-color: #ffe082 !important; +} + +.amber-text.text-lighten-3 { + color: #ffe082 !important; +} + +.amber.lighten-2 { + background-color: #ffd54f !important; +} + +.amber-text.text-lighten-2 { + color: #ffd54f !important; +} + +.amber.lighten-1 { + background-color: #ffca28 !important; +} + +.amber-text.text-lighten-1 { + color: #ffca28 !important; +} + +.amber.darken-1 { + background-color: #ffb300 !important; +} + +.amber-text.text-darken-1 { + color: #ffb300 !important; +} + +.amber.darken-2 { + background-color: #ffa000 !important; +} + +.amber-text.text-darken-2 { + color: #ffa000 !important; +} + +.amber.darken-3 { + background-color: #ff8f00 !important; +} + +.amber-text.text-darken-3 { + color: #ff8f00 !important; +} + +.amber.darken-4 { + background-color: #ff6f00 !important; +} + +.amber-text.text-darken-4 { + color: #ff6f00 !important; +} + +.amber.accent-1 { + background-color: #ffe57f !important; +} + +.amber-text.text-accent-1 { + color: #ffe57f !important; +} + +.amber.accent-2 { + background-color: #ffd740 !important; +} + +.amber-text.text-accent-2 { + color: #ffd740 !important; +} + +.amber.accent-3 { + background-color: #ffc400 !important; +} + +.amber-text.text-accent-3 { + color: #ffc400 !important; +} + +.amber.accent-4 { + background-color: #ffab00 !important; +} + +.amber-text.text-accent-4 { + color: #ffab00 !important; +} + +.orange { + background-color: #ff9800 !important; +} + +.orange-text { + color: #ff9800 !important; +} + +.orange.lighten-5 { + background-color: #fff3e0 !important; +} + +.orange-text.text-lighten-5 { + color: #fff3e0 !important; +} + +.orange.lighten-4 { + background-color: #ffe0b2 !important; +} + +.orange-text.text-lighten-4 { + color: #ffe0b2 !important; +} + +.orange.lighten-3 { + background-color: #ffcc80 !important; +} + +.orange-text.text-lighten-3 { + color: #ffcc80 !important; +} + +.orange.lighten-2 { + background-color: #ffb74d !important; +} + +.orange-text.text-lighten-2 { + color: #ffb74d !important; +} + +.orange.lighten-1 { + background-color: #ffa726 !important; +} + +.orange-text.text-lighten-1 { + color: #ffa726 !important; +} + +.orange.darken-1 { + background-color: #fb8c00 !important; +} + +.orange-text.text-darken-1 { + color: #fb8c00 !important; +} + +.orange.darken-2 { + background-color: #f57c00 !important; +} + +.orange-text.text-darken-2 { + color: #f57c00 !important; +} + +.orange.darken-3 { + background-color: #ef6c00 !important; +} + +.orange-text.text-darken-3 { + color: #ef6c00 !important; +} + +.orange.darken-4 { + background-color: #e65100 !important; +} + +.orange-text.text-darken-4 { + color: #e65100 !important; +} + +.orange.accent-1 { + background-color: #ffd180 !important; +} + +.orange-text.text-accent-1 { + color: #ffd180 !important; +} + +.orange.accent-2 { + background-color: #ffab40 !important; +} + +.orange-text.text-accent-2 { + color: #ffab40 !important; +} + +.orange.accent-3 { + background-color: #ff9100 !important; +} + +.orange-text.text-accent-3 { + color: #ff9100 !important; +} + +.orange.accent-4 { + background-color: #ff6d00 !important; +} + +.orange-text.text-accent-4 { + color: #ff6d00 !important; +} + +.deep-orange { + background-color: #ff5722 !important; +} + +.deep-orange-text { + color: #ff5722 !important; +} + +.deep-orange.lighten-5 { + background-color: #fbe9e7 !important; +} + +.deep-orange-text.text-lighten-5 { + color: #fbe9e7 !important; +} + +.deep-orange.lighten-4 { + background-color: #ffccbc !important; +} + +.deep-orange-text.text-lighten-4 { + color: #ffccbc !important; +} + +.deep-orange.lighten-3 { + background-color: #ffab91 !important; +} + +.deep-orange-text.text-lighten-3 { + color: #ffab91 !important; +} + +.deep-orange.lighten-2 { + background-color: #ff8a65 !important; +} + +.deep-orange-text.text-lighten-2 { + color: #ff8a65 !important; +} + +.deep-orange.lighten-1 { + background-color: #ff7043 !important; +} + +.deep-orange-text.text-lighten-1 { + color: #ff7043 !important; +} + +.deep-orange.darken-1 { + background-color: #f4511e !important; +} + +.deep-orange-text.text-darken-1 { + color: #f4511e !important; +} + +.deep-orange.darken-2 { + background-color: #e64a19 !important; +} + +.deep-orange-text.text-darken-2 { + color: #e64a19 !important; +} + +.deep-orange.darken-3 { + background-color: #d84315 !important; +} + +.deep-orange-text.text-darken-3 { + color: #d84315 !important; +} + +.deep-orange.darken-4 { + background-color: #bf360c !important; +} + +.deep-orange-text.text-darken-4 { + color: #bf360c !important; +} + +.deep-orange.accent-1 { + background-color: #ff9e80 !important; +} + +.deep-orange-text.text-accent-1 { + color: #ff9e80 !important; +} + +.deep-orange.accent-2 { + background-color: #ff6e40 !important; +} + +.deep-orange-text.text-accent-2 { + color: #ff6e40 !important; +} + +.deep-orange.accent-3 { + background-color: #ff3d00 !important; +} + +.deep-orange-text.text-accent-3 { + color: #ff3d00 !important; +} + +.deep-orange.accent-4 { + background-color: #dd2c00 !important; +} + +.deep-orange-text.text-accent-4 { + color: #dd2c00 !important; +} + +.brown { + background-color: #795548 !important; +} + +.brown-text { + color: #795548 !important; +} + +.brown.lighten-5 { + background-color: #efebe9 !important; +} + +.brown-text.text-lighten-5 { + color: #efebe9 !important; +} + +.brown.lighten-4 { + background-color: #d7ccc8 !important; +} + +.brown-text.text-lighten-4 { + color: #d7ccc8 !important; +} + +.brown.lighten-3 { + background-color: #bcaaa4 !important; +} + +.brown-text.text-lighten-3 { + color: #bcaaa4 !important; +} + +.brown.lighten-2 { + background-color: #a1887f !important; +} + +.brown-text.text-lighten-2 { + color: #a1887f !important; +} + +.brown.lighten-1 { + background-color: #8d6e63 !important; +} + +.brown-text.text-lighten-1 { + color: #8d6e63 !important; +} + +.brown.darken-1 { + background-color: #6d4c41 !important; +} + +.brown-text.text-darken-1 { + color: #6d4c41 !important; +} + +.brown.darken-2 { + background-color: #5d4037 !important; +} + +.brown-text.text-darken-2 { + color: #5d4037 !important; +} + +.brown.darken-3 { + background-color: #4e342e !important; +} + +.brown-text.text-darken-3 { + color: #4e342e !important; +} + +.brown.darken-4 { + background-color: #3e2723 !important; +} + +.brown-text.text-darken-4 { + color: #3e2723 !important; +} + +.blue-grey { + background-color: #607d8b !important; +} + +.blue-grey-text { + color: #607d8b !important; +} + +.blue-grey.lighten-5 { + background-color: #eceff1 !important; +} + +.blue-grey-text.text-lighten-5 { + color: #eceff1 !important; +} + +.blue-grey.lighten-4 { + background-color: #cfd8dc !important; +} + +.blue-grey-text.text-lighten-4 { + color: #cfd8dc !important; +} + +.blue-grey.lighten-3 { + background-color: #b0bec5 !important; +} + +.blue-grey-text.text-lighten-3 { + color: #b0bec5 !important; +} + +.blue-grey.lighten-2 { + background-color: #90a4ae !important; +} + +.blue-grey-text.text-lighten-2 { + color: #90a4ae !important; +} + +.blue-grey.lighten-1 { + background-color: #78909c !important; +} + +.blue-grey-text.text-lighten-1 { + color: #78909c !important; +} + +.blue-grey.darken-1 { + background-color: #546e7a !important; +} + +.blue-grey-text.text-darken-1 { + color: #546e7a !important; +} + +.blue-grey.darken-2 { + background-color: #455a64 !important; +} + +.blue-grey-text.text-darken-2 { + color: #455a64 !important; +} + +.blue-grey.darken-3 { + background-color: #37474f !important; +} + +.blue-grey-text.text-darken-3 { + color: #37474f !important; +} + +.blue-grey.darken-4 { + background-color: #263238 !important; +} + +.blue-grey-text.text-darken-4 { + color: #263238 !important; +} + +.grey { + background-color: #9e9e9e !important; +} + +.grey-text { + color: #9e9e9e !important; +} + +.grey.lighten-5 { + background-color: #fafafa !important; +} + +.grey-text.text-lighten-5 { + color: #fafafa !important; +} + +.grey.lighten-4 { + background-color: #f5f5f5 !important; +} + +.grey-text.text-lighten-4 { + color: #f5f5f5 !important; +} + +.grey.lighten-3 { + background-color: #eeeeee !important; +} + +.grey-text.text-lighten-3 { + color: #eeeeee !important; +} + +.grey.lighten-2 { + background-color: #e0e0e0 !important; +} + +.grey-text.text-lighten-2 { + color: #e0e0e0 !important; +} + +.grey.lighten-1 { + background-color: #bdbdbd !important; +} + +.grey-text.text-lighten-1 { + color: #bdbdbd !important; +} + +.grey.darken-1 { + background-color: #757575 !important; +} + +.grey-text.text-darken-1 { + color: #757575 !important; +} + +.grey.darken-2 { + background-color: #616161 !important; +} + +.grey-text.text-darken-2 { + color: #616161 !important; +} + +.grey.darken-3 { + background-color: #424242 !important; +} + +.grey-text.text-darken-3 { + color: #424242 !important; +} + +.grey.darken-4 { + background-color: #212121 !important; +} + +.grey-text.text-darken-4 { + color: #212121 !important; +} + +.black { + background-color: #000000 !important; +} + +.black-text { + color: #000000 !important; +} + +.white { + background-color: #FFFFFF !important; +} + +.white-text { + color: #FFFFFF !important; +} + +.transparent { + background-color: transparent !important; +} + +.transparent-text { + color: transparent !important; +} + +/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */ +/* Document + ========================================================================== */ +/** + * 1. Correct the line height in all browsers. + * 2. Prevent adjustments of font size after orientation changes in iOS. + */ +html { + line-height: 1.15; /* 1 */ + -webkit-text-size-adjust: 100%; /* 2 */ +} + +/* Sections + ========================================================================== */ +/** + * Remove the margin in all browsers. + */ +body { + margin: 0; +} + +/** + * Render the `main` element consistently in IE. + */ +main { + display: block; +} + +/** + * Correct the font size and margin on `h1` elements within `section` and + * `article` contexts in Chrome, Firefox, and Safari. + */ +h1 { + font-size: 2em; + margin: 0.67em 0; +} + +/* Grouping content + ========================================================================== */ +/** + * 1. Add the correct box sizing in Firefox. + * 2. Show the overflow in Edge and IE. + */ +hr { + box-sizing: content-box; /* 1 */ + height: 0; /* 1 */ + overflow: visible; /* 2 */ +} + +/** + * 1. Correct the inheritance and scaling of font size in all browsers. + * 2. Correct the odd `em` font sizing in all browsers. + */ +pre { + font-family: monospace, monospace; /* 1 */ + font-size: 1em; /* 2 */ +} + +/* Text-level semantics + ========================================================================== */ +/** + * Remove the gray background on active links in IE 10. + */ +a { + background-color: transparent; +} + +/** + * 1. Remove the bottom border in Chrome 57- + * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari. + */ +abbr[title] { + border-bottom: none; /* 1 */ + text-decoration: underline; /* 2 */ + text-decoration: underline dotted; /* 2 */ +} + +/** + * Add the correct font weight in Chrome, Edge, and Safari. + */ +b, +strong { + font-weight: bolder; +} + +/** + * 1. Correct the inheritance and scaling of font size in all browsers. + * 2. Correct the odd `em` font sizing in all browsers. + */ +code, +kbd, +samp { + font-family: monospace, monospace; /* 1 */ + font-size: 1em; /* 2 */ +} + +/** + * Add the correct font size in all browsers. + */ +small { + font-size: 80%; +} + +/** + * Prevent `sub` and `sup` elements from affecting the line height in + * all browsers. + */ +sub, +sup { + font-size: 75%; + line-height: 0; + position: relative; + vertical-align: baseline; +} + +sub { + bottom: -0.25em; +} + +sup { + top: -0.5em; +} + +/* Embedded content + ========================================================================== */ +/** + * Remove the border on images inside links in IE 10. + */ +img { + border-style: none; +} + +/* Forms + ========================================================================== */ +/** + * 1. Change the font styles in all browsers. + * 2. Remove the margin in Firefox and Safari. + */ +button, +input, +optgroup, +select, +textarea { + font-family: inherit; /* 1 */ + font-size: 100%; /* 1 */ + line-height: 1.15; /* 1 */ + margin: 0; /* 2 */ +} + +/** + * Show the overflow in IE. + * 1. Show the overflow in Edge. + */ +button, +input { /* 1 */ + overflow: visible; +} + +/** + * Remove the inheritance of text transform in Edge, Firefox, and IE. + * 1. Remove the inheritance of text transform in Firefox. + */ +button, +select { /* 1 */ + text-transform: none; +} + +/** + * Correct the inability to style clickable types in iOS and Safari. + */ +button, +[type=button], +[type=reset], +[type=submit] { + -webkit-appearance: button; +} + +/** + * Remove the inner border and padding in Firefox. + */ +button::-moz-focus-inner, +[type=button]::-moz-focus-inner, +[type=reset]::-moz-focus-inner, +[type=submit]::-moz-focus-inner { + border-style: none; + padding: 0; +} + +/** + * Restore the focus styles unset by the previous rule. + */ +button:-moz-focusring, +[type=button]:-moz-focusring, +[type=reset]:-moz-focusring, +[type=submit]:-moz-focusring { + outline: 1px dotted ButtonText; +} + +/** + * Correct the padding in Firefox. + */ +fieldset { + padding: 0.35em 0.75em 0.625em; +} + +/** + * 1. Correct the text wrapping in Edge and IE. + * 2. Correct the color inheritance from `fieldset` elements in IE. + * 3. Remove the padding so developers are not caught out when they zero out + * `fieldset` elements in all browsers. + */ +legend { + box-sizing: border-box; /* 1 */ + color: inherit; /* 2 */ + display: table; /* 1 */ + max-width: 100%; /* 1 */ + padding: 0; /* 3 */ + white-space: normal; /* 1 */ +} + +/** + * Add the correct vertical alignment in Chrome, Firefox, and Opera. + */ +progress { + vertical-align: baseline; +} + +/** + * Remove the default vertical scrollbar in IE 10+. + */ +textarea { + overflow: auto; +} + +/** + * 1. Add the correct box sizing in IE 10. + * 2. Remove the padding in IE 10. + */ +[type=checkbox], +[type=radio] { + box-sizing: border-box; /* 1 */ + padding: 0; /* 2 */ +} + +/** + * Correct the cursor style of increment and decrement buttons in Chrome. + */ +[type=number]::-webkit-inner-spin-button, +[type=number]::-webkit-outer-spin-button { + height: auto; +} + +/** + * 1. Correct the odd appearance in Chrome and Safari. + * 2. Correct the outline style in Safari. + */ +[type=search] { + -webkit-appearance: textfield; /* 1 */ + outline-offset: -2px; /* 2 */ +} + +/** + * Remove the inner padding in Chrome and Safari on macOS. + */ +[type=search]::-webkit-search-decoration { + -webkit-appearance: none; +} + +/** + * 1. Correct the inability to style clickable types in iOS and Safari. + * 2. Change font properties to `inherit` in Safari. + */ +::-webkit-file-upload-button { + -webkit-appearance: button; /* 1 */ + font: inherit; /* 2 */ +} + +/* Interactive + ========================================================================== */ +/* + * Add the correct display in Edge, IE 10+, and Firefox. + */ +details { + display: block; +} + +/* + * Add the correct display in all browsers. + */ +summary { + display: list-item; +} + +/* Misc + ========================================================================== */ +/** + * Add the correct display in IE 10+. + */ +template { + display: none; +} + +/** + * Add the correct display in IE 10. + */ +[hidden] { + display: none; +} + +html { + box-sizing: border-box; +} + +*, *:before, *:after { + box-sizing: inherit; +} + +body { + background-color: var(--md-sys-color-background); + color: var(--md-sys-color-on-background); +} + +button, +input, +optgroup, +select, +textarea { + font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; +} + +a { + color: #039be5; + text-decoration: none; + -webkit-tap-highlight-color: transparent; +} + +.valign-wrapper { + display: flex; + align-items: center; +} + +.clearfix { + clear: both; +} + +.z-depth-0, .btn:focus.tonal, .btn-small:focus.tonal, .btn-large:focus.tonal, .btn:focus.filled, .btn-small:focus.filled, .btn-large:focus.filled, .btn.disabled, .btn-floating.disabled, .btn-large.disabled, .btn-small.disabled, .btn-flat.disabled, +.btn:disabled, .btn-floating:disabled, .btn-large:disabled, .btn-small:disabled, .btn-flat:disabled, +.btn[disabled], .btn-floating[disabled], .btn-large[disabled], .btn-small[disabled], .btn-flat[disabled], .btn.text, .text.btn-small, .text.btn-large, .btn-flat { + box-shadow: none !important; +} + +/* 2dp elevation modified*/ +.z-depth-1, .sidenav, .collapsible, .dropdown-content, .btn-floating, .btn:focus.elevated, .btn-small:focus.elevated, .btn-large:focus.elevated, .btn.tonal:hover, .tonal.btn-small:hover, .tonal.btn-large:hover, .btn.filled:hover, .filled.btn-small:hover, .filled.btn-large:hover, .btn.elevated, .elevated.btn-small, .elevated.btn-large, .card, .card-panel, nav { + box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2); +} + +.z-depth-1-half, .btn-floating:focus, .btn-floating:hover { + box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 7px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -1px rgba(0, 0, 0, 0.2); +} + +/* 6dp elevation modified*/ +.z-depth-2, .btn.elevated:hover, .elevated.btn-small:hover, .elevated.btn-large:hover { + box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12), 0 2px 4px -1px rgba(0, 0, 0, 0.3); +} + +/* 12dp elevation modified*/ +.z-depth-3, .toast { + box-shadow: 0 8px 17px 2px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12), 0 5px 5px -3px rgba(0, 0, 0, 0.2); +} + +/* 16dp elevation */ +.z-depth-4 { + box-shadow: 0 16px 24px 2px rgba(0, 0, 0, 0.14), 0 6px 30px 5px rgba(0, 0, 0, 0.12), 0 8px 10px -7px rgba(0, 0, 0, 0.2); +} + +/* 24dp elevation */ +.z-depth-5, .modal { + box-shadow: 0 24px 38px 3px rgba(0, 0, 0, 0.14), 0 9px 46px 8px rgba(0, 0, 0, 0.12), 0 11px 15px -7px rgba(0, 0, 0, 0.2); +} + +.hoverable { + transition: box-shadow 0.25s; +} +.hoverable:hover { + box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); +} + +.divider { + height: 1px; + overflow: hidden; + background-color: var(--md-sys-color-outline-variant); +} + +blockquote { + margin: 20px 0; + padding-left: 1.5rem; + border-left: 5px solid var(--md-sys-color-primary); +} + +i { + line-height: inherit; +} +i.left { + float: left; + margin-left: -8px; +} +i.right { + float: right; +} +i.tiny { + font-size: 1rem; +} +i.small { + font-size: 2rem; +} +i.medium { + font-size: 4rem; +} +i.large { + font-size: 6rem; +} + +html.noscroll { + position: fixed; + overflow-y: scroll; + width: 100%; +} + +img.responsive-img, +video.responsive-video { + max-width: 100%; + height: auto; +} + +.pagination li { + display: inline-block; + border-radius: 2px; + text-align: center; + vertical-align: top; + height: 30px; +} +.pagination li a { + color: var(--md-sys-color-on-surface-variant); + display: inline-block; + font-size: 1.2rem; + padding: 0 10px; + line-height: 30px; +} +.pagination li:hover:not(.disabled) { + background-color: rgba(var(--md-sys-color-primary-numeric), 0.06); +} +.pagination li.active a { + color: var(--md-sys-color-on-primary); +} +.pagination li.active, .pagination li.active:hover { + background-color: var(--md-sys-color-primary); +} +.pagination li.disabled a { + cursor: default; + color: var(--md-sys-color-on-surface); +} +.pagination li i { + font-size: 2rem; +} +.pagination li.pages ul li { + display: inline-block; + float: none; +} + +@media only screen and (max-width : 992.99px) { + .pagination { + width: 100%; + } + .pagination li.prev, + .pagination li.next { + width: 10%; + } + .pagination li.pages { + width: 80%; + overflow: hidden; + white-space: nowrap; + } +} +.breadcrumb { + display: inline-block; + font-size: 18px; + color: var(--font-on-primary-color-medium); +} +.breadcrumb i, +.breadcrumb [class^=mdi-], .breadcrumb [class*=mdi-], +.breadcrumb i.material-icons, .breadcrumb i.material-symbols-outlined, +.breadcrumb i.material-symbols-rounded, .breadcrumb i.material-symbols-sharp { + display: block; + float: left; + font-size: 24px; +} +.breadcrumb:before { + content: "\e5cc"; + color: var(--font-on-primary-color-medium); + vertical-align: top; + display: inline-block; + font-family: "Material Symbols Outlined", "Material Symbols Rounded", "Material Symbols Sharp", "Material Icons"; + font-weight: normal; + font-style: normal; + font-size: 25px; + margin: 0 10px 0 8px; + -webkit-font-smoothing: antialiased; + float: left; +} +.breadcrumb:first-child:before { + display: none; +} +.breadcrumb:last-child { + color: var(--md-sys-color-on-primary); +} + +.parallax-container { + position: relative; + overflow: hidden; + height: 500px; +} +.parallax-container .parallax { + position: absolute; + top: 0; + left: 0; + right: 0; + bottom: 0; + z-index: -1; +} +.parallax-container .parallax img { + opacity: 0; + position: absolute; + left: 50%; + bottom: 0; + min-width: 100%; + min-height: 100%; + transform: translate3d(0, 0, 0); + transform: translateX(-50%); +} + +.pin-top, .pin-bottom { + position: relative; +} + +.pinned { + position: fixed !important; +} + +/********************* + Transition Classes +**********************/ +ul.staggered-list li { + opacity: 0; +} + +.fade-in { + opacity: 0; + transform-origin: 0 50%; +} + +/********************* + Media Query Classes +**********************/ +@media only screen and (max-width : 600.99px) { + .hide-on-small-only, .hide-on-small-and-down { + display: none !important; + } +} + +@media only screen and (max-width : 992.99px) { + .hide-on-med-and-down { + display: none !important; + } +} + +@media only screen and (min-width : 601px) { + .hide-on-med-and-up { + display: none !important; + } +} + +@media only screen and (min-width: 601px) and (max-width: 992.99px) { + .hide-on-med-only { + display: none !important; + } +} + +@media only screen and (min-width : 993px) { + .hide-on-large-only { + display: none !important; + } +} + +@media only screen and (min-width : 1201px) { + .hide-on-extra-large-only { + display: none !important; + } +} + +@media only screen and (min-width : 1201px) { + .show-on-extra-large { + display: block !important; + } +} + +@media only screen and (min-width : 993px) { + .show-on-large { + display: block !important; + } +} + +@media only screen and (min-width: 601px) and (max-width: 992.99px) { + .show-on-medium { + display: block !important; + } +} + +@media only screen and (max-width : 600.99px) { + .show-on-small { + display: block !important; + } +} + +@media only screen and (min-width : 601px) { + .show-on-medium-and-up { + display: block !important; + } +} + +@media only screen and (max-width : 992.99px) { + .show-on-medium-and-down { + display: block !important; + } +} + +@media only screen and (max-width : 600.99px) { + .center-on-small-only { + text-align: center; + } +} + +.page-footer { + margin-top: 5rem; + padding-top: 3rem; + border-top: 1px dashed var(--md-sys-color-outline-variant); +} +.page-footer p { + color: var(--md-sys-color-outline-light); +} +.page-footer a { + color: var(--md-sys-color-primary); +} +.page-footer .footer-copyright, +.page-footer .footer-copyright a { + overflow: hidden; + min-height: 50px; + display: flex; + align-items: center; + justify-content: space-between; + padding: 10px 0px; +} + +.page-footer ul { + padding-left: 0; + list-style-type: none; +} + +table, th, td { + border: none; +} + +table { + width: 100%; + display: table; + border-collapse: collapse; + border-spacing: 0; +} +table.striped tr { + border-bottom: none; +} +table.striped tbody > tr:nth-child(odd) { + background-color: rgba(0, 0, 0, 0.08); +} +table.highlight > tbody > tr { + transition: background-color 0.25s ease; +} +table.highlight > tbody > tr:hover { + background-color: rgba(0, 0, 0, 0.04); +} +table thead { + color: var(--md-sys-color-on-surface-variant); +} +table.centered thead tr th, table.centered tbody tr td { + text-align: center; +} + +tr { + border-bottom: 1px solid var(--md-sys-color-outline-variant); +} + +td, th { + padding: 15px 5px; + display: table-cell; + text-align: left; + vertical-align: middle; + border-radius: 0; +} + +@media only screen and (max-width : 992.99px) { + table.responsive-table { + width: 100%; + border-collapse: collapse; + border-spacing: 0; + display: block; + position: relative; + /* sort out borders */ + } + table.responsive-table td:empty:before { + content: " "; + } + table.responsive-table th, + table.responsive-table td { + margin: 0; + vertical-align: top; + } + table.responsive-table th { + text-align: left; + } + table.responsive-table thead { + display: block; + float: left; + } + table.responsive-table thead tr { + display: block; + padding: 0 10px 0 0; + } + table.responsive-table thead tr th::before { + content: " "; + } + table.responsive-table tbody { + display: block; + width: auto; + position: relative; + overflow-x: auto; + white-space: nowrap; + } + table.responsive-table tbody tr { + display: inline-block; + vertical-align: top; + } + table.responsive-table th { + display: block; + text-align: right; + } + table.responsive-table td { + display: block; + min-height: 1.25em; + text-align: left; + } + table.responsive-table tr { + border-bottom: none; + padding: 0 10px; + } + table.responsive-table thead { + border: 0; + border-right: 1px solid var(--md-sys-color-outline-variant); + } +} +.video-container { + position: relative; + padding-bottom: 56.25%; + height: 0; + overflow: hidden; +} +.video-container iframe, .video-container object, .video-container embed { + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; +} + +/******************* + Utility Classes +*******************/ +.hide { + display: none !important; +} + +.left-align { + text-align: left; +} + +.right-align { + text-align: right; +} + +.center, .center-align { + text-align: center; +} + +.left { + float: left !important; +} + +.right { + float: right !important; +} + +.no-select, input[type=range], +input[type=range] + .thumb { + user-select: none; +} + +.circle { + border-radius: 50%; +} + +.center-block { + display: block; + margin-left: auto; + margin-right: auto; +} + +.truncate { + display: block; + white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; +} + +.no-padding { + padding: 0 !important; +} + +/************************** + Utility Spacing Classes +**************************/ +.m-0 { + margin: 0 !important; +} + +.mt-0 { + margin-top: 0 !important; +} + +.mr-0 { + margin-right: 0 !important; +} + +.mb-0 { + margin-bottom: 0 !important; +} + +.ml-0 { + margin-left: 0 !important; +} + +.mx-0 { + margin-left: 0 !important; + margin-right: 0 !important; +} + +.my-0 { + margin-top: 0 !important; + margin-bottom: 0 !important; +} + +.m-1 { + margin: 0.25rem !important; +} + +.mt-1 { + margin-top: 0.25rem !important; +} + +.mr-1 { + margin-right: 0.25rem !important; +} + +.mb-1 { + margin-bottom: 0.25rem !important; +} + +.ml-1 { + margin-left: 0.25rem !important; +} + +.mx-1 { + margin-left: 0.25rem !important; + margin-right: 0.25rem !important; +} + +.my-1 { + margin-top: 0.25rem !important; + margin-bottom: 0.25rem !important; +} + +.m-2 { + margin: 0.5rem !important; +} + +.mt-2 { + margin-top: 0.5rem !important; +} + +.mr-2 { + margin-right: 0.5rem !important; +} + +.mb-2 { + margin-bottom: 0.5rem !important; +} + +.ml-2 { + margin-left: 0.5rem !important; +} + +.mx-2 { + margin-left: 0.5rem !important; + margin-right: 0.5rem !important; +} + +.my-2 { + margin-top: 0.5rem !important; + margin-bottom: 0.5rem !important; +} + +.m-3 { + margin: 0.75rem !important; +} + +.mt-3 { + margin-top: 0.75rem !important; +} + +.mr-3 { + margin-right: 0.75rem !important; +} + +.mb-3 { + margin-bottom: 0.75rem !important; +} + +.ml-3 { + margin-left: 0.75rem !important; +} + +.mx-3 { + margin-left: 0.75rem !important; + margin-right: 0.75rem !important; +} + +.my-3 { + margin-top: 0.75rem !important; + margin-bottom: 0.75rem !important; +} + +.m-4 { + margin: 1rem !important; +} + +.mt-4 { + margin-top: 1rem !important; +} + +.mr-4 { + margin-right: 1rem !important; +} + +.mb-4 { + margin-bottom: 1rem !important; +} + +.ml-4 { + margin-left: 1rem !important; +} + +.mx-4 { + margin-left: 1rem !important; + margin-right: 1rem !important; +} + +.my-4 { + margin-top: 1rem !important; + margin-bottom: 1rem !important; +} + +.m-5 { + margin: 1.5rem !important; +} + +.mt-5 { + margin-top: 1.5rem !important; +} + +.mr-5 { + margin-right: 1.5rem !important; +} + +.mb-5 { + margin-bottom: 1.5rem !important; +} + +.ml-5 { + margin-left: 1.5rem !important; +} + +.mx-5 { + margin-left: 1.5rem !important; + margin-right: 1.5rem !important; +} + +.my-5 { + margin-top: 1.5rem !important; + margin-bottom: 1.5rem !important; +} + +.m-6 { + margin: 3rem !important; +} + +.mt-6 { + margin-top: 3rem !important; +} + +.mr-6 { + margin-right: 3rem !important; +} + +.mb-6 { + margin-bottom: 3rem !important; +} + +.ml-6 { + margin-left: 3rem !important; +} + +.mx-6 { + margin-left: 3rem !important; + margin-right: 3rem !important; +} + +.my-6 { + margin-top: 3rem !important; + margin-bottom: 3rem !important; +} + +.m-auto { + margin: 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; +} + +.mx-auto { + margin-left: auto !important; + margin-right: auto !important; +} + +.my-auto { + margin-top: auto !important; + margin-bottom: auto !important; +} + +.p-0 { + padding: 0 !important; +} + +.pt-0 { + padding-top: 0 !important; +} + +.pr-0 { + padding-right: 0 !important; +} + +.pb-0 { + padding-bottom: 0 !important; +} + +.pl-0 { + padding-left: 0 !important; +} + +.px-0 { + padding-left: 0 !important; + padding-right: 0 !important; +} + +.py-0 { + padding-top: 0 !important; + padding-bottom: 0 !important; +} + +.p-1 { + padding: 0.25rem !important; +} + +.pt-1 { + padding-top: 0.25rem !important; +} + +.pr-1 { + padding-right: 0.25rem !important; +} + +.pb-1 { + padding-bottom: 0.25rem !important; +} + +.pl-1 { + padding-left: 0.25rem !important; +} + +.px-1 { + padding-left: 0.25rem !important; + padding-right: 0.25rem !important; +} + +.py-1 { + padding-top: 0.25rem !important; + padding-bottom: 0.25rem !important; +} + +.p-2 { + padding: 0.5rem !important; +} + +.pt-2 { + padding-top: 0.5rem !important; +} + +.pr-2 { + padding-right: 0.5rem !important; +} + +.pb-2 { + padding-bottom: 0.5rem !important; +} + +.pl-2 { + padding-left: 0.5rem !important; +} + +.px-2 { + padding-left: 0.5rem !important; + padding-right: 0.5rem !important; +} + +.py-2 { + padding-top: 0.5rem !important; + padding-bottom: 0.5rem !important; +} + +.p-3 { + padding: 0.75rem !important; +} + +.pt-3 { + padding-top: 0.75rem !important; +} + +.pr-3 { + padding-right: 0.75rem !important; +} + +.pb-3 { + padding-bottom: 0.75rem !important; +} + +.pl-3 { + padding-left: 0.75rem !important; +} + +.px-3 { + padding-left: 0.75rem !important; + padding-right: 0.75rem !important; +} + +.py-3 { + padding-top: 0.75rem !important; + padding-bottom: 0.75rem !important; +} + +.p-4 { + padding: 1rem !important; +} + +.pt-4 { + padding-top: 1rem !important; +} + +.pr-4 { + padding-right: 1rem !important; +} + +.pb-4 { + padding-bottom: 1rem !important; +} + +.pl-4 { + padding-left: 1rem !important; +} + +.px-4 { + padding-left: 1rem !important; + padding-right: 1rem !important; +} + +.py-4 { + padding-top: 1rem !important; + padding-bottom: 1rem !important; +} + +.p-5 { + padding: 1.5rem !important; +} + +.pt-5 { + padding-top: 1.5rem !important; +} + +.pr-5 { + padding-right: 1.5rem !important; +} + +.pb-5 { + padding-bottom: 1.5rem !important; +} + +.pl-5 { + padding-left: 1.5rem !important; +} + +.px-5 { + padding-left: 1.5rem !important; + padding-right: 1.5rem !important; +} + +.py-5 { + padding-top: 1.5rem !important; + padding-bottom: 1.5rem !important; +} + +.p-6 { + padding: 3rem !important; +} + +.pt-6 { + padding-top: 3rem !important; +} + +.pr-6 { + padding-right: 3rem !important; +} + +.pb-6 { + padding-bottom: 3rem !important; +} + +.pl-6 { + padding-left: 3rem !important; +} + +.px-6 { + padding-left: 3rem !important; + padding-right: 3rem !important; +} + +.py-6 { + padding-top: 3rem !important; + padding-bottom: 3rem !important; +} + +.p-auto { + padding: auto !important; +} + +.pt-auto { + padding-top: auto !important; +} + +.pr-auto { + padding-right: auto !important; +} + +.pb-auto { + padding-bottom: auto !important; +} + +.pl-auto { + padding-left: auto !important; +} + +.px-auto { + padding-left: auto !important; + padding-right: auto !important; +} + +.py-auto { + padding-top: auto !important; + padding-bottom: auto !important; +} + +.collection { + padding-left: 0; + list-style-type: none; + margin: 0.5rem 0 1rem 0; + border: 1px solid var(--md-sys-color-outline-variant); + border-radius: 2px; + overflow: hidden; + position: relative; +} +.collection .collection-item { + background-color: transparent; + line-height: 1.5rem; + padding: 10px 20px; + margin: 0; + border-bottom: 1px solid var(--md-sys-color-outline-variant); +} +.collection .collection-item.avatar { + min-height: 84px; + padding-left: 72px; + position: relative; +} +.collection .collection-item.avatar:not(.circle-clipper) > .circle, +.collection .collection-item.avatar :not(.circle-clipper) > .circle { + position: absolute; + width: 42px; + height: 42px; + overflow: hidden; + left: 15px; + display: inline-block; + vertical-align: middle; +} +.collection .collection-item.avatar i.circle { + font-size: 18px; + line-height: 42px; + color: #fff; + background-color: var(--md-sys-color-shadow-light); + text-align: center; +} +.collection .collection-item.avatar .title { + font-size: 16px; +} +.collection .collection-item.avatar p { + margin: 0; +} +.collection .collection-item.avatar .secondary-content { + position: absolute; + top: 16px; + right: 16px; +} +.collection .collection-item:last-child { + border-bottom: none; +} +.collection .collection-item.active { + background-color: var(--md-sys-color-primary); + color: var(--md-sys-color-on-primary); +} +.collection .collection-item.active .secondary-content { + color: var(--md-sys-color-on-primary); +} +.collection a.collection-item { + display: block; + transition: 0.25s; + color: var(--md-sys-color-primary); +} +.collection a.collection-item:not(.active):hover { + background-color: rgba(0, 0, 0, 0.04); +} +.collection.with-header .collection-header { + background-color: transparent; + border-bottom: 1px solid var(--md-sys-color-outline-variant); + padding: 10px 20px; +} +.collection.with-header .collection-item { + padding-left: 30px; +} +.collection.with-header .collection-item.avatar { + padding-left: 72px; +} + +.secondary-content { + float: right; + color: var(--md-sys-color-primary); +} + +.collapsible .collection { + margin: 0; + border: none; +} + +:root { + --bagde-height: 22px; +} + +span.badge { + min-width: 3rem; + padding: 0 6px; + margin-left: 14px; + text-align: center; + font-size: 1rem; + line-height: var(--bagde-height); + height: var(--bagde-height); + color: var(--md-sys-color-on-surface-variant); + float: right; + box-sizing: border-box; +} +span.badge.new { + font-weight: 300; + font-size: 0.8rem; + color: var(--md-sys-color-on-primary); + background-color: var(--md-sys-color-primary); + border-radius: 2px; +} +span.badge.new:after { + content: " new"; +} +span.badge[data-badge-caption]::after { + content: " " attr(data-badge-caption); +} + +.active span.badge { + color: var(--md-sys-color-on-primary); +} + +nav ul a span.badge { + display: inline-block; + float: none; + margin-left: 4px; + line-height: var(--bagde-height); + height: var(--bagde-height); + -webkit-font-smoothing: auto; +} + +.collection-item span.badge { + margin-top: calc(0.75rem - var(--bagde-height) * 0.5); +} + +.collapsible span.badge { + margin-left: auto; +} + +.collapsible .active span.badge:not(.new) { + color: var(--md-sys-color-on-surface-variant); +} + +.sidenav span.badge { + margin-top: calc(var(--sidenav-line-height) * 0.5 - 11px); +} + +table span.badge { + display: inline-block; + float: none; + margin-left: auto; +} + +/* This is needed for some mobile phones to display the Google Icon font properly */ +.material-icons, .material-symbols-outlined, +.material-symbols-rounded, .material-symbols-sharp { + text-rendering: optimizeLegibility; + font-feature-settings: "liga"; +} + +.container { + margin: 0 auto; + max-width: 1280px; + width: 90%; +} + +@media only screen and (min-width : 601px) { + .container { + width: 85%; + } +} +@media only screen and (min-width : 993px) { + .container { + width: 70%; + } +} +.section { + padding: 1rem 0; +} + +body { + --gap-size: 1.5rem; +} + +.row { + display: grid; + grid-template-columns: repeat(12, 1fr); + gap: var(--gap-size); +} +.row .s1 { + grid-column: auto/span 1; +} +.row .s2 { + grid-column: auto/span 2; +} +.row .s3 { + grid-column: auto/span 3; +} +.row .s4 { + grid-column: auto/span 4; +} +.row .s5 { + grid-column: auto/span 5; +} +.row .s6 { + grid-column: auto/span 6; +} +.row .s7 { + grid-column: auto/span 7; +} +.row .s8 { + grid-column: auto/span 8; +} +.row .s9 { + grid-column: auto/span 9; +} +.row .s10 { + grid-column: auto/span 10; +} +.row .s11 { + grid-column: auto/span 11; +} +.row .s12 { + grid-column: auto/span 12; +} +.row .offset-s1 { + grid-column-start: 3; +} +.row .offset-s2 { + grid-column-start: 2; +} +.row .offset-s3 { + grid-column-start: 4; +} +.row .offset-s4 { + grid-column-start: 5; +} +.row .offset-s5 { + grid-column-start: 6; +} +.row .offset-s6 { + grid-column-start: 7; +} +.row .offset-s7 { + grid-column-start: 8; +} +.row .offset-s8 { + grid-column-start: 9; +} +.row .offset-s9 { + grid-column-start: 10; +} +.row .offset-s10 { + grid-column-start: 11; +} +.row .offset-s11 { + grid-column-start: 12; +} +@media only screen and (min-width : 601px) { + .row .m1 { + grid-column: auto/span 1; + } + .row .m2 { + grid-column: auto/span 2; + } + .row .m3 { + grid-column: auto/span 3; + } + .row .m4 { + grid-column: auto/span 4; + } + .row .m5 { + grid-column: auto/span 5; + } + .row .m6 { + grid-column: auto/span 6; + } + .row .m7 { + grid-column: auto/span 7; + } + .row .m8 { + grid-column: auto/span 8; + } + .row .m9 { + grid-column: auto/span 9; + } + .row .m10 { + grid-column: auto/span 10; + } + .row .m11 { + grid-column: auto/span 11; + } + .row .m12 { + grid-column: auto/span 12; + } + .row .offset-m1 { + grid-column-start: 2; + } + .row .offset-m2 { + grid-column-start: 3; + } + .row .offset-m3 { + grid-column-start: 4; + } + .row .offset-m4 { + grid-column-start: 5; + } + .row .offset-m5 { + grid-column-start: 6; + } + .row .offset-m6 { + grid-column-start: 7; + } + .row .offset-m7 { + grid-column-start: 8; + } + .row .offset-m8 { + grid-column-start: 9; + } + .row .offset-m9 { + grid-column-start: 10; + } + .row .offset-m10 { + grid-column-start: 11; + } + .row .offset-m11 { + grid-column-start: 12; + } +} +@media only screen and (min-width : 993px) { + .row .l1 { + grid-column: auto/span 1; + } + .row .l2 { + grid-column: auto/span 2; + } + .row .l3 { + grid-column: auto/span 3; + } + .row .l4 { + grid-column: auto/span 4; + } + .row .l5 { + grid-column: auto/span 5; + } + .row .l6 { + grid-column: auto/span 6; + } + .row .l7 { + grid-column: auto/span 7; + } + .row .l8 { + grid-column: auto/span 8; + } + .row .l9 { + grid-column: auto/span 9; + } + .row .l10 { + grid-column: auto/span 10; + } + .row .l11 { + grid-column: auto/span 11; + } + .row .l12 { + grid-column: auto/span 12; + } + .row .offset-l1 { + grid-column-start: 2; + } + .row .offset-l2 { + grid-column-start: 3; + } + .row .offset-l3 { + grid-column-start: 4; + } + .row .offset-l4 { + grid-column-start: 5; + } + .row .offset-l5 { + grid-column-start: 6; + } + .row .offset-l6 { + grid-column-start: 7; + } + .row .offset-l7 { + grid-column-start: 8; + } + .row .offset-l8 { + grid-column-start: 9; + } + .row .offset-l9 { + grid-column-start: 10; + } + .row .offset-l10 { + grid-column-start: 11; + } + .row .offset-l11 { + grid-column-start: 12; + } +} +@media only screen and (min-width : 1201px) { + .row .xl1 { + grid-column: auto/span 1; + } + .row .xl2 { + grid-column: auto/span 2; + } + .row .xl3 { + grid-column: auto/span 3; + } + .row .xl4 { + grid-column: auto/span 4; + } + .row .xl5 { + grid-column: auto/span 5; + } + .row .xl6 { + grid-column: auto/span 6; + } + .row .xl7 { + grid-column: auto/span 7; + } + .row .xl8 { + grid-column: auto/span 8; + } + .row .xl9 { + grid-column: auto/span 9; + } + .row .xl10 { + grid-column: auto/span 10; + } + .row .xl11 { + grid-column: auto/span 11; + } + .row .xl12 { + grid-column: auto/span 12; + } + .row .offset-xl1 { + grid-column-start: 2; + } + .row .offset-xl2 { + grid-column-start: 3; + } + .row .offset-xl3 { + grid-column-start: 4; + } + .row .offset-xl4 { + grid-column-start: 5; + } + .row .offset-xl5 { + grid-column-start: 6; + } + .row .offset-xl6 { + grid-column-start: 7; + } + .row .offset-xl7 { + grid-column-start: 8; + } + .row .offset-xl8 { + grid-column-start: 9; + } + .row .offset-xl9 { + grid-column-start: 10; + } + .row .offset-xl10 { + grid-column-start: 11; + } + .row .offset-xl11 { + grid-column-start: 12; + } +} + +.g-0 { + gap: 0; +} + +.g-1 { + gap: calc(0.25 * var(--gap-size)); +} + +.g-2 { + gap: calc(0.5 * var(--gap-size)); +} + +.g-3 { + gap: calc(1 * var(--gap-size)); +} + +.g-4 { + gap: calc(1.5 * var(--gap-size)); +} + +.g-5 { + gap: calc(3 * var(--gap-size)); +} + +:root { + --navbar-height: 64px; + --navbar-height-mobile: 56px; +} + +nav { + color: var(--md-sys-color-on-primary); + background-color: var(--md-sys-color-secondary-container); + width: 100%; + height: var(--navbar-height-mobile); + line-height: var(--navbar-height-mobile); +} +nav.nav-extended { + height: auto; +} +nav.nav-extended .nav-wrapper { + min-height: var(--navbar-height-mobile); + height: auto; +} +nav.nav-extended .nav-content { + position: relative; + line-height: normal; +} +nav a { + color: var(--md-sys-color-on-primary); +} +nav i, +nav [class^=mdi-], nav [class*=mdi-], +nav i.material-icons, nav i.material-symbols-outlined, +nav i.material-symbols-rounded, nav i.material-symbols-sharp { + display: block; + font-size: 24px; + height: var(--navbar-height-mobile); + line-height: var(--navbar-height-mobile); +} +nav .nav-wrapper { + position: relative; + height: 100%; +} +@media only screen and (min-width : 993px) { + nav a.sidenav-trigger { + display: none; + } +} +nav .sidenav-trigger { + float: left; + position: relative; + z-index: 1; + height: var(--navbar-height-mobile); + margin: 0 18px; +} +nav .sidenav-trigger i { + height: var(--navbar-height-mobile); + line-height: var(--navbar-height-mobile); +} +nav .brand-logo { + position: absolute; + color: var(--md-sys-color-on-primary); + display: inline-block; + font-size: 2.1rem; + padding: 0; +} +nav .brand-logo.center { + left: 50%; + transform: translateX(-50%); +} +@media only screen and (max-width : 992.99px) { + nav .brand-logo { + left: 50%; + transform: translateX(-50%); + } + nav .brand-logo.left, nav .brand-logo.right { + padding: 0; + transform: none; + } + nav .brand-logo.left { + left: 0.5rem; + } + nav .brand-logo.right { + right: 0.5rem; + left: auto; + } +} +nav .brand-logo.right { + right: 0.5rem; + padding: 0; +} +nav .brand-logo i, +nav .brand-logo [class^=mdi-], nav .brand-logo [class*=mdi-], +nav .brand-logo i.material-icons, nav .brand-logo i.material-symbols-outlined, +nav .brand-logo i.material-symbols-rounded, nav .brand-logo i.material-symbols-sharp { + float: left; + margin-right: 15px; +} +nav .nav-title { + display: inline-block; + font-size: 32px; + padding: 28px 0; +} +nav ul:not(.dropdown-content) { + list-style-type: none; + margin: 0; +} +nav ul:not(.dropdown-content) > li { + transition: background-color 0.3s; + float: left; + padding: 0; +} +nav ul:not(.dropdown-content) > li > a { + transition: background-color 0.3s; + font-size: 1rem; + color: var(--md-sys-color-on-primary); + display: block; + padding: 0 15px; + cursor: pointer; +} +nav ul:not(.dropdown-content) > li > a.active { + background-color: var(--md-ref-palette-primary80); +} +nav ul:not(.dropdown-content) > li > a:hover:not(.active) { + background-color: var(--md-ref-palette-primary70); +} +nav ul:not(.dropdown-content) > li > a.btn, nav ul:not(.dropdown-content) > li > a.btn-small, nav ul:not(.dropdown-content) > li > a.btn-large, nav ul:not(.dropdown-content) > li > a.btn-flat, nav ul:not(.dropdown-content) > li > a.btn-floating { + margin-top: -2px; + margin-left: 15px; + margin-right: 15px; + display: inline-block; +} +nav ul:not(.dropdown-content) > li > a.btn > .material-icons, nav ul:not(.dropdown-content) > li > a.btn-small > .material-icons, nav ul:not(.dropdown-content) > li > a.btn > .material-symbols-outlined, nav ul:not(.dropdown-content) > li > a.btn-small > .material-symbols-outlined, nav ul:not(.dropdown-content) > li > a.btn > .material-symbols-rounded, nav ul:not(.dropdown-content) > li > a.btn-small > .material-symbols-rounded, nav ul:not(.dropdown-content) > li > a.btn > .material-symbols-sharp, nav ul:not(.dropdown-content) > li > a.btn-small > .material-symbols-sharp, nav ul:not(.dropdown-content) > li > a.btn-large > .material-icons, nav ul:not(.dropdown-content) > li > a.btn-large > .material-symbols-outlined, nav ul:not(.dropdown-content) > li > a.btn-large > .material-symbols-rounded, nav ul:not(.dropdown-content) > li > a.btn-large > .material-symbols-sharp, nav ul:not(.dropdown-content) > li > a.btn-flat > .material-icons, nav ul:not(.dropdown-content) > li > a.btn-flat > .material-symbols-outlined, nav ul:not(.dropdown-content) > li > a.btn-flat > .material-symbols-rounded, nav ul:not(.dropdown-content) > li > a.btn-flat > .material-symbols-sharp, nav ul:not(.dropdown-content) > li > a.btn-floating > .material-icons, nav ul:not(.dropdown-content) > li > a.btn-floating > .material-symbols-outlined, nav ul:not(.dropdown-content) > li > a.btn-floating > .material-symbols-rounded, nav ul:not(.dropdown-content) > li > a.btn-floating > .material-symbols-sharp { + height: inherit; + line-height: inherit; +} +nav ul:not(.dropdown-content).left { + float: left; +} +nav form { + height: 100%; +} +nav .input-field { + margin: 0; + height: 100%; +} +nav .input-field input[type=search] { + height: 100%; + font-size: 1.2rem; + border: none; + padding-left: 2rem; + color: var(--md-sys-color-on-primary); +} +nav .input-field input[type=search]:focus, nav .input-field input[type=search][type=text]:valid, nav .input-field input[type=search][type=password]:valid, nav .input-field input[type=search][type=email]:valid, nav .input-field input[type=search][type=url]:valid, nav .input-field input[type=search][type=date]:valid { + border: none; + box-shadow: none; +} +nav .input-field label { + top: 0; + left: 0; +} +nav .input-field label i { + color: var(--font-on-primary-color-medium); + transition: color 0.3s; +} +nav .input-field label.active i { + color: var(--md-sys-color-on-primary); +} + +.navbar-fixed { + position: relative; + height: var(--navbar-height-mobile); + z-index: 997; +} +.navbar-fixed nav { + position: fixed; + right: 0; +} + +@media only screen and (min-width : 601px) { + nav.nav-extended .nav-wrapper { + min-height: var(--navbar-height-mobile); + } + nav, nav .nav-wrapper i, nav a.sidenav-trigger, nav a.sidenav-trigger i { + height: var(--navbar-height); + line-height: var(--navbar-height); + } + .navbar-fixed { + height: var(--navbar-height); + } +} +a { + text-decoration: none; +} + +html { + font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; + font-weight: normal; + color: var(--md-sys-color-on-background); +} +@media only screen and (min-width: 0) { + html { + font-size: 14px; + } +} +@media only screen and (min-width: 993px) { + html { + font-size: 14.5px; + } +} +@media only screen and (min-width: 1201px) { + html { + font-size: 15px; + } +} + +h1, h2, h3, h4, h5, h6 { + font-weight: 400; + line-height: 1.3; +} + +h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { + font-weight: inherit; +} + +h1 { + font-size: 4.2rem; + line-height: 110%; + margin: 2.8rem 0 1.68rem 0; +} + +h2 { + font-size: 3.56rem; + line-height: 110%; + margin: 2.3733333333rem 0 1.424rem 0; +} + +h3 { + font-size: 2.92rem; + line-height: 110%; + margin: 1.9466666667rem 0 1.168rem 0; +} + +h4 { + font-size: 2.28rem; + line-height: 110%; + margin: 1.52rem 0 0.912rem 0; +} + +h5 { + font-size: 1.64rem; + line-height: 110%; + margin: 1.0933333333rem 0 0.656rem 0; +} + +h6 { + font-size: 1.15rem; + line-height: 110%; + margin: 0.7666666667rem 0 0.46rem 0; +} + +em { + font-style: italic; +} + +strong { + font-weight: 500; +} + +small { + font-size: 75%; +} + +.light { + font-weight: 300; +} + +.thin { + font-weight: 200; +} + +@media only screen and (min-width: 360px) { + .flow-text { + font-size: 1.2rem; + } +} +@media only screen and (min-width: 390px) { + .flow-text { + font-size: 1.224rem; + } +} +@media only screen and (min-width: 420px) { + .flow-text { + font-size: 1.248rem; + } +} +@media only screen and (min-width: 450px) { + .flow-text { + font-size: 1.272rem; + } +} +@media only screen and (min-width: 480px) { + .flow-text { + font-size: 1.296rem; + } +} +@media only screen and (min-width: 510px) { + .flow-text { + font-size: 1.32rem; + } +} +@media only screen and (min-width: 540px) { + .flow-text { + font-size: 1.344rem; + } +} +@media only screen and (min-width: 570px) { + .flow-text { + font-size: 1.368rem; + } +} +@media only screen and (min-width: 600px) { + .flow-text { + font-size: 1.392rem; + } +} +@media only screen and (min-width: 630px) { + .flow-text { + font-size: 1.416rem; + } +} +@media only screen and (min-width: 660px) { + .flow-text { + font-size: 1.44rem; + } +} +@media only screen and (min-width: 690px) { + .flow-text { + font-size: 1.464rem; + } +} +@media only screen and (min-width: 720px) { + .flow-text { + font-size: 1.488rem; + } +} +@media only screen and (min-width: 750px) { + .flow-text { + font-size: 1.512rem; + } +} +@media only screen and (min-width: 780px) { + .flow-text { + font-size: 1.536rem; + } +} +@media only screen and (min-width: 810px) { + .flow-text { + font-size: 1.56rem; + } +} +@media only screen and (min-width: 840px) { + .flow-text { + font-size: 1.584rem; + } +} +@media only screen and (min-width: 870px) { + .flow-text { + font-size: 1.608rem; + } +} +@media only screen and (min-width: 900px) { + .flow-text { + font-size: 1.632rem; + } +} +@media only screen and (min-width: 930px) { + .flow-text { + font-size: 1.656rem; + } +} +@media only screen and (min-width: 960px) { + .flow-text { + font-size: 1.68rem; + } +} +@media only screen and (max-width: 360px) { + .flow-text { + font-size: 1.2rem; + } +} + +.scale-transition { + transition: transform 0.3s cubic-bezier(0.53, 0.01, 0.36, 1.63) !important; +} +.scale-transition.scale-out { + transform: scale(0); + transition: transform 0.2s !important; +} +.scale-transition.scale-in { + transform: scale(1); +} + +.card-panel { + transition: box-shadow 0.25s; + padding: 24px; + margin: 0.5rem 0 1rem 0; + border-radius: 12px; + background-color: var(--md-sys-color-surface); +} + +.card { + overflow: hidden; + position: relative; + background-color: var(--md-sys-color-surface); + transition: box-shadow 0.25s; + border-radius: 12px; +} +.card .card-title { + font-size: 24px; + font-weight: 300; +} +.card .card-title.activator { + cursor: pointer; +} +.card.small, .card.medium, .card.large { + position: relative; +} +.card.small .card-image, .card.medium .card-image, .card.large .card-image { + max-height: 60%; + overflow: hidden; +} +.card.small .card-image + .card-content, .card.medium .card-image + .card-content, .card.large .card-image + .card-content { + max-height: 40%; +} +.card.small .card-content, .card.medium .card-content, .card.large .card-content { + max-height: 100%; + overflow: hidden; +} +.card.small .card-action, .card.medium .card-action, .card.large .card-action { + position: absolute; + bottom: 0; + left: 0; + right: 0; +} +.card.small { + height: 300px; +} +.card.medium { + height: 400px; +} +.card.large { + height: 500px; +} +.card.horizontal { + display: flex; +} +.card.horizontal.small .card-image, .card.horizontal.medium .card-image, .card.horizontal.large .card-image { + height: 100%; + max-height: none; + overflow: visible; +} +.card.horizontal.small .card-image img, .card.horizontal.medium .card-image img, .card.horizontal.large .card-image img { + height: 100%; +} +.card.horizontal .card-image { + max-width: 50%; +} +.card.horizontal .card-image img { + border-radius: 2px 0 0 2px; + max-width: 100%; + width: auto; +} +.card.horizontal .card-stacked { + display: flex; + flex-direction: column; + flex: 1; + position: relative; +} +.card.horizontal .card-stacked .card-content { + flex-grow: 1; +} +.card.sticky-action .card-action { + z-index: 2; +} +.card.sticky-action .card-reveal { + z-index: 1; + padding-bottom: 64px; +} +.card .card-image { + position: relative; +} +.card .card-image img { + display: block; + border-radius: 2px 2px 0 0; + position: relative; + left: 0; + right: 0; + top: 0; + bottom: 0; + width: 100%; +} +.card .card-image .card-title { + color: var(--md-sys-color-surface); + position: absolute; + bottom: 0; + left: 0; + max-width: 100%; + padding: 24px; +} +.card .card-content { + padding: 24px; + border-radius: 0 0 2px 2px; +} +.card .card-content p { + margin: 0; +} +.card .card-content .card-title { + display: block; + line-height: 32px; + margin-bottom: 8px; +} +.card .card-content .card-title i { + line-height: 32px; +} +.card .card-action { + border-top: 1px solid var(--md-sys-color-outline-variant); + position: relative; + background-color: inherit; +} +.card .card-action:last-child { + border-radius: 0 0 2px 2px; +} +.card .card-action a { + padding: 16px 24px; + display: inline-block; +} +.card .card-action a:not(.btn):not(.btn-small):not(.btn-large):not(.btn-large):not(.btn-floating) { + color: var(--md-sys-color-primary); + transition: color 0.3s ease; +} +.card .card-action a:not(.btn):not(.btn-small):not(.btn-large):not(.btn-large):not(.btn-floating):hover { + background-color: rgba(var(--md-sys-color-primary-numeric), 0.06); +} +.card .card-reveal { + padding: 24px; + position: absolute; + background-color: var(--md-sys-color-surface); + width: 100%; + overflow-y: auto; + left: 0; + top: 100%; + height: 100%; + z-index: 3; + display: none; +} +.card .card-reveal .card-title { + cursor: pointer; + display: block; +} + +#toast-container { + display: block; + position: fixed; + z-index: 10000; +} +@media only screen and (max-width : 600.99px) { + #toast-container { + min-width: 100%; + bottom: 0%; + } +} +@media only screen and (min-width : 601px) and (max-width : 992.99px) { + #toast-container { + left: 5%; + bottom: 7%; + max-width: 90%; + } +} +@media only screen and (min-width : 993px) { + #toast-container { + top: 10%; + right: 7%; + max-width: 86%; + } +} + +.toast { + border-radius: 4px; + top: 35px; + width: auto; + margin-top: 10px; + position: relative; + max-width: 100%; + height: auto; + min-height: 48px; + padding-left: 16px; + padding-right: 12px; + font-size: 14px; + font-weight: 500; + line-height: 20px; + color: var(--md-sys-color-inverse-on-surface); + background-color: var(--md-sys-color-inverse-surface); + display: flex; + align-items: center; + justify-content: space-between; + cursor: default; +} +.toast .toast-action { + color: var(--md-sys-color-inverse-primary); + font-weight: 500; + margin-right: -25px; + margin-left: 3rem; +} +.toast.rounded { + border-radius: 24px; +} +@media only screen and (max-width : 600.99px) { + .toast { + width: 100%; + border-radius: 0; + } +} + +.tabs { + padding-left: 0; + list-style-type: none; + position: relative; + overflow-x: auto; + overflow-y: hidden; + height: 48px; + width: 100%; + background-color: var(--md-sys-color-surface); + margin: 0 auto; + white-space: nowrap; +} +.tabs.tabs-transparent { + background-color: transparent; +} +.tabs.tabs-transparent .tab a { + color: var(--font-on-primary-color-medium); +} +.tabs.tabs-transparent .tab.disabled a, +.tabs.tabs-transparent .tab.disabled a:hover, +.tabs.tabs-transparent .tab.disabled a:focus { + color: rgba(255, 255, 255, 0.38); +} +.tabs.tabs-transparent .tab a:hover { + background-color: rgba(0, 0, 0, 0.04); +} +.tabs.tabs-transparent .tab a.active, +.tabs.tabs-transparent .tab a:focus { + background-color: transparent; +} +.tabs.tabs-transparent .tab a:hover, +.tabs.tabs-transparent .tab a.active, +.tabs.tabs-transparent .tab a:focus { + color: var(--md-sys-color-on-primary); +} +.tabs.tabs-transparent .indicator { + background-color: var(--md-sys-color-on-primary); +} +.tabs.tabs-fixed-width { + display: flex; +} +.tabs.tabs-fixed-width .tab { + flex-grow: 1; +} +.tabs .tab { + padding-left: 0; + list-style-type: none; + display: inline-block; + text-align: center; + line-height: 48px; + height: 48px; + padding: 0; + margin: 0; +} +.tabs .tab a { + color: var(--md-sys-color-on-surface-variant); + display: block; + width: 100%; + height: 100%; + padding: 0 24px; + font-size: 14px; + text-overflow: ellipsis; + overflow: hidden; + transition: color 0.28s ease, background-color 0.28s ease; +} +.tabs .tab a.active { + background-color: transparent; +} +.tabs .tab a.active, .tabs .tab a:focus, .tabs .tab a:hover { + color: var(--md-sys-color-primary); +} +.tabs .tab a:hover { + background-color: rgba(var(--md-sys-color-primary-numeric), 0.06); +} +.tabs .tab a:focus, .tabs .tab a.active { + background-color: rgba(var(--md-sys-color-primary-numeric), 0.18); + outline: none; +} +.tabs .tab.disabled a, .tabs .tab.disabled a:hover { + color: var(--md-sys-color-on-surface); + cursor: default; + background-color: transparent; +} +.tabs .tab.disabled a:not(:focus), .tabs .tab.disabled a:hover:not(:focus) { + background-color: transparent; +} +.tabs .indicator { + position: absolute; + bottom: 0; + height: 3px; + background-color: var(--md-sys-color-primary); + will-change: left, right; + border-radius: 3px 3px 0 0; +} + +/* Fixed Sidenav hide on smaller */ +@media only screen and (max-width : 992.99px) { + .tabs { + display: flex; + } + .tabs .tab { + flex-grow: 1; + } + .tabs .tab a { + padding: 0 12px; + } +} +.material-tooltip { + padding: 0 8px; + border-radius: 4px; + color: var(--md-sys-color-inverse-on-surface); + background-color: var(--md-sys-color-inverse-surface); + font-family: var(--md-sys-typescale-body-small-font-family-name); + font-size: var(--md-sys-typescale-body-small-font-size); + line-height: var(--md-sys-typescale-body-small-line-height); + font-weight: var(--md-sys-typescale-body-small-font-weight); + min-height: 24px; + opacity: 0; + padding-top: 6px; + padding-bottom: 6px; + font-size: 12px; + line-height: 16px; + font-weight: 400; + letter-spacing: 0.4px; + position: absolute; + max-width: 300px; + overflow: hidden; + left: 0; + top: 0; + pointer-events: none; + display: flex; + align-items: center; + visibility: hidden; + z-index: 2000; +} + +.backdrop { + position: absolute; + opacity: 0; + height: 7px; + width: 14px; + border-radius: 0 0 50% 50%; + background-color: var(--md-sys-color-inverse-surface); + z-index: -1; + transform-origin: 50% 0; + visibility: hidden; +} + +.btn, .btn-small, .btn-large, .btn-floating, .btn-flat { + --btn-height: 40px; + --btn-font-size-icon: 16px; + --btn-padding: 24px; + --btn-padding-icon: 16px; + --btn-gap-icon: 8px; + --btn-border-radius: 4px; + --btn-font-size: 14px; + height: var(--btn-height); + border: none; + border-radius: var(--btn-border-radius); + padding-left: var(--btn-padding); + padding-right: var(--btn-padding); + font-size: ver(--btn-font-size); + font-weight: 500; + text-decoration: none; + display: inline-flex; + align-items: center; + cursor: pointer; + -webkit-tap-highlight-color: transparent; + white-space: nowrap; + outline: 0; + user-select: none; + transition: background-color 0.2s ease-out; +} + +.btn.icon-left, .icon-left.btn-small, .icon-left.btn-large, .btn.icon-right, .icon-right.btn-small, .icon-right.btn-large { + position: relative; +} + +.btn.icon-left, .icon-left.btn-small, .icon-left.btn-large { + padding-left: calc(var(--btn-padding-icon) + var(--btn-font-size-icon) + var(--btn-gap-icon)); +} + +.btn.icon-right, .icon-right.btn-small, .icon-right.btn-large { + padding-right: calc(var(--btn-padding-icon) + var(--btn-font-size-icon) + var(--btn-gap-icon)); +} + +.btn.icon-left i, .icon-left.btn-small i, .icon-left.btn-large i, .btn.icon-right i, .icon-right.btn-small i, .icon-right.btn-large i { + position: absolute; + font-size: var(--btn-font-size-icon); +} + +.btn.icon-left i, .icon-left.btn-small i, .icon-left.btn-large i { + left: var(--btn-padding-icon); +} + +.btn.icon-right i, .icon-right.btn-small i, .icon-right.btn-large i { + right: var(--btn-padding-icon); +} + +.btn.filled, .filled.btn-small, .filled.btn-large { + color: var(--md-sys-color-on-primary); + background-color: var(--md-sys-color-primary); +} + +.btn.tonal, .tonal.btn-small, .tonal.btn-large { + color: var(--md-sys-color-on-secondary-container); + background-color: var(--md-sys-color-secondary-container); +} + +.btn.elevated, .elevated.btn-small, .elevated.btn-large { + color: var(--md-sys-color-on-secondary-container); + background-color: var(--md-sys-color-secondary-container); +} + +.btn.outlined, .outlined.btn-small, .outlined.btn-large { + background-color: transparent; + color: var(--md-sys-color-primary); + border: 1px solid var(--md-sys-color-outline); +} + +.btn.text, .text.btn-small, .text.btn-large, .btn-flat { + color: var(--md-sys-color-primary); + background-color: transparent; +} + +.btn.disabled, .btn-floating.disabled, .btn-large.disabled, .btn-small.disabled, .btn-flat.disabled, +.btn:disabled, .btn-floating:disabled, .btn-large:disabled, .btn-small:disabled, .btn-flat:disabled, +.btn[disabled], .btn-floating[disabled], .btn-large[disabled], .btn-small[disabled], .btn-flat[disabled] { + color: color-mix(in srgb, transparent, var(--md-sys-color-on-surface) 76%); + background-color: color-mix(in srgb, transparent, var(--md-sys-color-on-surface) 24%); + pointer-events: none; + box-shadow: none; + cursor: default; +} + +.btn.elevated:hover, .elevated.btn-small:hover, .elevated.btn-large:hover { + color: var(--md-sys-color-primary); + background-color: color-mix(in srgb, var(--md-sys-color-secondary-container), var(--md-sys-color-on-secondary-container) 16%); +} + +.btn.filled:hover, .filled.btn-small:hover, .filled.btn-large:hover { + color: var(--md-sys-color-on-primary); + background-color: color-mix(in srgb, var(--md-sys-color-primary), var(--md-sys-color-on-primary) 16%); +} + +.btn.tonal:hover, .tonal.btn-small:hover, .tonal.btn-large:hover { + color: var(--md-sys-color-on-secondary-container); + background-color: color-mix(in srgb, var(--md-sys-color-secondary-container), var(--md-sys-color-on-secondary-container) 16%); +} + +.btn.outlined:hover, .outlined.btn-small:hover, .outlined.btn-large:hover { + color: var(--md-sys-color-primary); + background-color: color-mix(in srgb, transparent, var(--md-sys-color-primary) 16%); +} + +.btn.text:hover, .text.btn-small:hover, .text.btn-large:hover { + color: var(--md-sys-color-primary); + background-color: color-mix(in srgb, var(--md-sys-color-primary) 16%, transparent); +} + +.btn:focus.elevated, .btn-small:focus.elevated, .btn-large:focus.elevated { + color: var(--md-sys-color-primary); + background-color: color-mix(in srgb, var(--md-sys-color-secondary-container), var(--md-sys-color-primary) 20%); +} + +.btn:focus.filled, .btn-small:focus.filled, .btn-large:focus.filled { + color: var(--md-sys-color-on-primary); + background-color: color-mix(in srgb, var(--md-sys-color-primary), var(--md-sys-color-on-primary) 20%); +} + +.btn:focus.tonal, .btn-small:focus.tonal, .btn-large:focus.tonal { + color: var(--md-sys-color-on-secondary-container); + background-color: color-mix(in srgb, var(--md-sys-color-secondary-container), var(--md-sys-color-on-secondary-container) 20%); +} + +.btn:focus.outlined, .btn-small:focus.outlined, .btn-large:focus.outlined { + color: var(--md-sys-color-primary); + background-color: color-mix(in srgb, transparent, var(--md-sys-color-primary) 20%); + border: 1px solid var(--md-sys-color-primary); +} + +.btn:focus.text, .btn-small:focus.text, .btn-large:focus.text { + color: var(--md-sys-color-primary); + background-color: color-mix(in srgb, transparent, var(--md-sys-color-primary) 20%); +} + +.btn:focus-visible.filled, .btn-small:focus-visible.filled, .btn-large:focus-visible.filled, .btn:focus-visible.elevated, .btn-small:focus-visible.elevated, .btn-large:focus-visible.elevated, .btn:focus-visible.tonal, .btn-small:focus-visible.tonal, .btn-large:focus-visible.tonal, .btn:focus-visible.outlined, .btn-small:focus-visible.outlined, .btn-large:focus-visible.outlined, .btn:focus-visible.text, .btn-small:focus-visible.text, .btn-large:focus-visible.text { + outline: 3px solid var(--md-sys-color-secondary); + outline-offset: 2px; +} + +.btn-floating { + width: 40px; + height: 40px; + color: var(--md-sys-color-on-primary-container); + background-color: var(--md-sys-color-primary-container); + border-radius: 16px; + padding: 0; + display: grid; + grid-auto-flow: column; + align-items: center; + position: relative; + overflow: hidden; + z-index: 1; + transition: background-color 0.3s; + cursor: pointer; + vertical-align: middle; +} +.btn-floating:hover { + background-color: color-mix(in srgb, var(--md-sys-color-primary-container), var(--md-sys-color-on-primary-container) 16%); +} +.btn-floating:focus { + background-color: var(--md-ref-palette-secondary80); +} +.btn-floating:before { + border-radius: 0; +} +.btn-floating.btn-large { + width: 56px; + height: 56px; + padding: 0; +} +.btn-floating.btn-large.halfway-fab { + bottom: -28px; +} +.btn-floating.btn-small { + --btn-small-height: calc(0.75 * var(--btn-height)); + width: var(--btn-small-height) e; + height: var(--btn-small-height); +} +.btn-floating.btn-small.halfway-fab { + bottom: calc(var(--btn-small-height) * -0.5); +} +.btn-floating.halfway-fab { + position: absolute; + right: 24px; + bottom: -20px; +} +.btn-floating.halfway-fab.left { + right: auto; + left: 24px; +} +.btn-floating i { + color: var(--md-sys-color-on-secondary); + font-size: 1.6rem; + width: inherit; + display: inline-block; + text-align: center; +} + +button.btn-floating { + border: none; +} + +.fixed-action-btn { + position: fixed; + right: 23px; + bottom: 23px; + padding-top: 15px; + margin-bottom: 0; + z-index: 997; +} +.fixed-action-btn.active ul { + visibility: visible; + padding-left: 0; + list-style-type: none; +} +.fixed-action-btn.direction-left, .fixed-action-btn.direction-right { + padding: 0 0 0 15px; +} +.fixed-action-btn.direction-left ul, .fixed-action-btn.direction-right ul { + text-align: right; + right: 64px; + top: 50%; + transform: translateY(-50%); + height: 100%; + left: auto; + /*width 100% only goes to width of button container */ + width: 500px; +} +.fixed-action-btn.direction-left ul li, .fixed-action-btn.direction-right ul li { + display: inline-block; + margin: 7.5px 15px 0 0; +} +.fixed-action-btn.direction-right { + padding: 0 15px 0 0; +} +.fixed-action-btn.direction-right ul { + text-align: left; + direction: rtl; + left: 64px; + right: auto; +} +.fixed-action-btn.direction-right ul li { + margin: 7.5px 0 0 15px; +} +.fixed-action-btn.direction-bottom { + padding: 0 0 15px 0; +} +.fixed-action-btn.direction-bottom ul { + top: 64px; + bottom: auto; + display: flex; + flex-direction: column-reverse; +} +.fixed-action-btn.direction-bottom ul li { + margin: 15px 0 0 0; +} +.fixed-action-btn.toolbar { + padding: 0; + height: 56px; +} +.fixed-action-btn.toolbar.active > a i { + opacity: 0; +} +.fixed-action-btn.toolbar ul { + display: flex; + top: 0; + bottom: 0; + z-index: 1; +} +.fixed-action-btn.toolbar ul li { + flex: 1; + display: inline-block; + margin: 0; + height: 100%; + transition: none; +} +.fixed-action-btn.toolbar ul li a { + display: block; + overflow: hidden; + position: relative; + width: 100%; + height: 100%; + background-color: transparent; + box-shadow: none; + color: var(--md-sys-color-on-secondary); + line-height: 56px; + z-index: 1; +} +.fixed-action-btn.toolbar ul li a i { + line-height: inherit; +} +.fixed-action-btn ul { + left: 0; + right: 0; + text-align: center; + position: absolute; + bottom: 64px; + margin: 0; + visibility: hidden; +} +.fixed-action-btn ul li { + margin-bottom: 15px; +} +.fixed-action-btn ul a.btn-floating { + opacity: 0; +} +.fixed-action-btn .fab-backdrop { + position: absolute; + top: 0; + left: 0; + z-index: -1; + width: 40px; + height: 40px; + background-color: var(--md-sys-color-secondary); + border-radius: 16px; + transform: scale(0); +} + +.btn-large { + height: calc(1.5 * var(--btn-height)); + font-size: 18px; + padding: 0 28px; +} +.btn-large i { + font-size: 1.6rem; +} + +.btn-small { + height: calc(0.75 * var(--btn-height)); + font-size: 13px; +} +.btn-small i { + font-size: 1.2rem; +} + +.btn-block { + display: block; +} + +.btn.rounded, .rounded.btn-large, .rounded.btn-small { + border-radius: 99999px; +} + +[popover] { + outline: none; + padding: 0; + border: none; +} + +.dropdown-content { + padding-left: 0; + list-style-type: none; + background-color: var(--md-sys-color-surface); + margin: 0; + display: none; + min-width: 100px; + overflow-y: auto; + opacity: 0; + position: absolute; + left: 0; + top: 0; + z-index: 9999; + transform-origin: 0 0; + user-select: none; +} +.dropdown-content li { + clear: both; + color: var(--md-sys-color-on-background); + cursor: pointer; + min-height: 50px; + line-height: 1.5rem; + width: 100%; + text-align: left; +} +.dropdown-content li.divider { + min-height: 0; + height: 1px; +} +.dropdown-content li > a, .dropdown-content li > span { + font-size: 16px; + color: var(--md-sys-color-primary); + display: block; + line-height: 22px; + padding: 14px 16px; +} +.dropdown-content li > span > label { + top: 1px; + left: 0; + height: 18px; +} +.dropdown-content li > a > i { + height: inherit; + line-height: inherit; + float: left; + margin: 0 24px 0 0; + width: 24px; +} +.dropdown-content li:not(.disabled):hover, .dropdown-content li.active { + background-color: color-mix(in srgb, var(--md-sys-color-surface), var(--md-sys-color-on-surface) 8%); +} + +body.keyboard-focused .dropdown-content li:focus { + background-color: rgba(0, 0, 0, 0.12); +} + +.input-field.col .dropdown-content [type=checkbox] + label { + top: 1px; + left: 0; + height: 18px; + transform: none; +} + +.dropdown-trigger { + cursor: pointer; +} + +.modal { + --modal-footer-height: 56px; + --modal-footer-divider-height: 1px; + --modal-border-radius: 28px; + --modal-padding: 24px; + display: none; + position: fixed; + left: 0; + right: 0; + background-color: var(--md-sys-color-surface); + padding: 0; + max-height: 70%; + width: 55%; + margin: auto; + overflow-y: auto; + border-radius: var(--modal-border-radius); + will-change: top, opacity; +} +.modal:focus { + outline: none; +} +@media only screen and (max-width : 992.99px) { + .modal { + width: 80%; + } +} +.modal h1, .modal h2, .modal h3, .modal h4 { + margin-top: 0; +} +.modal .modal-content { + padding: var(--modal-padding); + overflow-y: hidden; +} +.modal .modal-close { + cursor: pointer; +} +.modal .modal-footer { + border-radius: 0 0 var(--modal-border-radius) var(--modal-border-radius); + background-color: var(--md-sys-color-surface); + padding: 4px 6px; + height: var(--modal-footer-height); + width: 100%; + text-align: right; +} +.modal .modal-footer .btn, .modal .modal-footer .btn-large, .modal .modal-footer .btn-small, .modal .modal-footer .btn-flat { + margin: 6px 0; +} + +.modal-overlay { + position: fixed; + z-index: 999; + top: -25%; + left: 0; + bottom: 0; + right: 0; + height: 125%; + width: 100%; + background: #000; + display: none; + will-change: opacity; +} + +.modal.modal-fixed-footer { + padding: 0; + height: 70%; +} +.modal.modal-fixed-footer .modal-content { + position: absolute; + height: calc(100% - var(--modal-footer-height)); + max-height: 100%; + width: 100%; + overflow-y: auto; +} +.modal.modal-fixed-footer .modal-footer { + border-top: var(--modal-footer-divider-height) solid var(--md-sys-color-outline-variant); + position: absolute; + bottom: var(--modal-footer-divider-height); +} + +.modal.bottom-sheet { + top: auto; + bottom: -100%; + margin: 0; + width: 100%; + max-height: 45%; + border-radius: 0; + will-change: bottom, opacity; +} + +.collapsible { + padding-left: 0; + list-style-type: none; + border-top: 1px solid var(--md-sys-color-outline-variant); + border-right: 1px solid var(--md-sys-color-outline-variant); + border-left: 1px solid var(--md-sys-color-outline-variant); + margin: 0.5rem 0 1rem 0; +} + +.collapsible-header { + display: flex; + cursor: pointer; + -webkit-tap-highlight-color: transparent; + line-height: 1.5; + padding: 1rem; + border-bottom: 1px solid var(--md-sys-color-outline-variant); +} +.collapsible-header:focus { + outline: 0; +} +.collapsible-header i { + width: 2rem; + font-size: 1.6rem; + display: inline-block; + text-align: center; + margin-right: 1rem; +} + +.collapsible-header::after { + content: "▾"; + text-align: right; + margin-right: 0.25rem; + width: 100%; +} + +.active .collapsible-header::after { + content: "▴"; +} + +.keyboard-focused .collapsible-header:focus { + background-color: rgba(0, 0, 0, 0.12); +} + +.collapsible-body { + max-height: 0; + border-bottom: 1px solid var(--md-sys-color-outline-variant); + box-sizing: border-box; + padding: 0 2rem; + overflow: hidden; +} + +.collapsible.popout { + border: none; + box-shadow: none; +} +.collapsible.popout > li { + box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12); + margin: 0 24px; + transition: margin 0.35s cubic-bezier(0.25, 0.46, 0.45, 0.94); +} +.collapsible.popout > li.active { + box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); + margin: 16px 0; +} + +.chip { + --font-size: 14px; + --font-size-icon: 18px; + --padding: 8px; + color: var(--md-sys-color-on-surface-variant); + background-color: rgba(0, 0, 0, 0.09); + display: inline-flex; + white-space: nowrap; + gap: 8px; + margin: 0; + height: 32px; + padding-left: var(--padding); + padding-right: var(--padding); + font-size: var(--font-size); + font-weight: 500; + border-radius: 8px; + align-items: center; + user-select: none; + vertical-align: top; +} +.chip:focus { + outline: none; + background-color: var(--md-sys-color-primary); + color: var(--md-sys-color-on-primary); +} + +.chip.outlined { + background-color: transparent; + border-color: var(--md-sys-color-outline); + border-width: 1px; + border-style: solid; +} + +.chip > img { + margin: 0; + width: 24px; + height: 24px; + object-fit: cover; + border-radius: 12px; +} + +.chip > .material-icons { + font-size: var(--font-size-icon); +} + +.chip .close { + border-radius: 50%; + height: 24px; + width: 24px; + padding: 0; + display: grid; + justify-content: center; + align-content: center; + cursor: pointer; +} + +.chip .close:hover { + background-color: rgba(136, 136, 136, 0.5333333333); +} + +.chips { + display: flex; + gap: 4px; + flex-wrap: wrap; + border: none; + border-bottom: 1px solid var(--md-sys-color-on-surface-variant); + box-shadow: none; + margin: 0 0 8px 0; + padding: 4px; + outline: none; + transition: all 0.3s; +} +.chips.focus { + border-bottom: 1px solid var(--md-sys-color-primary); + box-shadow: 0 1px 0 0 var(--md-sys-color-primary); +} +.chips:hover { + cursor: text; +} +.chips input:not([type]):not(.browser-default).input { + background: none; + border: 0; + color: var(--md-sys-color-on-background); + display: inline-block; + font-size: 16px; + height: 32px; + outline: 0; + margin: 0; + padding: 0; + width: 120px; +} +.chips input:not([type]):not(.browser-default).input:focus { + border: 0; + box-shadow: none; +} +.chips .autocomplete-content { + margin-top: 0; + margin-bottom: 0; +} + +.prefix ~ .chips { + margin-left: 3rem; + width: 92%; + width: calc(100% - 3rem); +} + +.suffix ~ .chips { + margin-right: 3rem; + width: 92%; + width: calc(100% - 3rem); +} + +.chips:empty ~ label { + font-size: 0.8rem; + transform: translateY(-140%); +} + +.materialboxed { + display: block; + cursor: zoom-in; + position: relative; + transition: opacity 0.4s; + -webkit-backface-visibility: hidden; +} +.materialboxed:hover:not(.active) { + opacity: 0.8; +} +.materialboxed.active { + cursor: zoom-out; +} + +#materialbox-overlay { + position: fixed; + top: 0; + right: 0; + bottom: 0; + left: 0; + background-color: var(--md-sys-color-background); + z-index: 1000; + will-change: opacity; +} + +.materialbox-caption { + position: fixed; + display: none; + color: var(--md-sys-color-on-background); + line-height: 50px; + bottom: 0; + left: 0; + width: 100%; + text-align: center; + padding: 0% 15%; + height: 50px; + z-index: 1000; + -webkit-font-smoothing: antialiased; +} + +select:focus { + outline: 1px solid var(--md-ref-palette-primary80); +} + +/* +button:focus { + outline: none; + background-color: $button-background-focus; +} +*/ +label { + font-size: 0.8rem; + color: var(--md-sys-color-on-surface-variant); +} + +/* Style Placeholders */ +::placeholder { + color: var(--md-sys-color-on-surface-variant); +} + +/* Text inputs */ +input:not([type]):not(.browser-default), +input[type=text]:not(.browser-default), +input[type=password]:not(.browser-default), +input[type=email]:not(.browser-default), +input[type=url]:not(.browser-default), +input[type=time]:not(.browser-default), +input[type=date]:not(.browser-default), +input[type=datetime]:not(.browser-default), +input[type=datetime-local]:not(.browser-default), +input[type=month]:not(.browser-default), +input[type=tel]:not(.browser-default), +input[type=number]:not(.browser-default), +input[type=search]:not(.browser-default), +textarea.materialize-textarea { + outline: none; + color: var(--md-sys-color-on-background); + width: 100%; + font-size: 16px; + height: 56px; +} + +/* Validation Sass Placeholders */ +/* +%custom-success-message { + content: attr(data-success); + color: $success-color; +} +%custom-error-message { + content: attr(data-error); + color: var(--md-sys-color-error); +} +*/ +.input-field { + --input-color: var(--md-sys-color-primary); + position: relative; + clear: both; +} +.input-field input, .input-field textarea { + box-sizing: border-box; /* https://stackoverflow.com/questions/1377719/padding-within-inputs-breaks-width-100*/ + padding: 0 16px; + padding-top: 20px; + background-color: var(--md-sys-color-surface); + border: none; + border-radius: 4px; + border-bottom: 1px solid var(--md-sys-color-on-surface-variant); + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; +} +.input-field input:focus:not([readonly]), .input-field textarea:focus:not([readonly]) { + border-bottom: 2px solid var(--input-color); + padding-top: 21px; +} +.input-field input:disabled, .input-field input[readonly=readonly], .input-field textarea:disabled, .input-field textarea[readonly=readonly] { + color: rgba(var(--md_sys_color_on-surface), 0.38); + border-color: rgba(var(--md_sys_color_on-surface), 0.12); + background-color: rgba(var(--md_sys_color_on-surface), 0.04); +} +.input-field input:focus:not([readonly]) + label, .input-field textarea:focus:not([readonly]) + label { + color: var(--input-color); +} +.input-field input:focus:not([readonly]) + label, .input-field input:not([placeholder=" "]) + label, .input-field input:not(:placeholder-shown) + label, .input-field textarea:focus:not([readonly]) + label, .input-field textarea:not([placeholder=" "]) + label, .input-field textarea:not(:placeholder-shown) + label { + transform: scale(0.75); + top: 8px; +} +.input-field input:disabled + label, .input-field input[readonly=readonly] + label, .input-field textarea:disabled + label, .input-field textarea[readonly=readonly] + label { + color: rgba(var(--md_sys_color_on-surface), 0.38); +} +.input-field input::placeholder { + user-select: none; +} +.input-field > label { + color: var(--md-sys-color-on-surface-variant); + user-select: none; + font-size: 16px; + position: absolute; + left: 16px; + top: 16px; + cursor: text; + transform-origin: top left; + transition: left 0.2s ease-out, top 0.2s ease-out, transform 0.2s ease-out; +} +.input-field .supporting-text { + color: var(--md-sys-color-on-surface-variant); + font-size: 12px; + padding: 0 16px; + margin-top: 4px; +} +.input-field .character-counter { + color: var(--md-sys-color-on-surface-variant); + font-size: 12px; + float: right; + padding: 0 16px; + margin-top: 4px; +} +.input-field .prefix { + position: absolute; + left: 12px; + top: 16px; + user-select: none; + display: flex; + align-self: center; +} +.input-field .suffix { + position: absolute; + right: 12px; + top: 16px; + user-select: none; +} +.input-field .prefix ~ input, .input-field .prefix ~ textarea { + padding-left: 52px; +} +.input-field .suffix ~ input, .input-field .suffix ~ textarea { + padding-right: 52px; +} +.input-field .prefix ~ label { + left: 52px; +} +.input-field.outlined input, .input-field.outlined textarea { + padding-top: 0; + background-color: var(--md-sys-color-background); + border: 1px solid var(--md-sys-color-on-surface-variant); + border-radius: 4px; +} +.input-field.outlined input:focus:not([readonly]), .input-field.outlined textarea:focus:not([readonly]) { + border: 2px solid var(--input-color); + padding-top: 0; + margin-left: -1px; +} +.input-field.outlined input:focus:not([readonly]) + label, .input-field.outlined textarea:focus:not([readonly]) + label { + color: var(--input-color); +} +.input-field.outlined input:focus:not([readonly]) + label, .input-field.outlined input:not([placeholder=" "]) + label, .input-field.outlined input:not(:placeholder-shown) + label, .input-field.outlined textarea:focus:not([readonly]) + label, .input-field.outlined textarea:not([placeholder=" "]) + label, .input-field.outlined textarea:not(:placeholder-shown) + label { + top: -8px; + left: 16px; + margin-left: -4px; + padding: 0 4px; + background-color: var(--md-sys-color-background); +} +.input-field.outlined input:disabled, .input-field.outlined input[readonly=readonly], .input-field.outlined textarea:disabled, .input-field.outlined textarea[readonly=readonly] { + color: rgba(var(--md_sys_color_on-surface), 0.38); + border-color: rgba(var(--md_sys_color_on-surface), 0.12); +} +.input-field.error input, .input-field.error textarea { + border-color: var(--md-sys-color-error); +} +.input-field.error input:focus:not([readonly]), .input-field.error textarea:focus:not([readonly]) { + border-color: var(--md-sys-color-error); +} +.input-field.error input:focus:not([readonly]) + label, .input-field.error textarea:focus:not([readonly]) + label { + color: var(--md-sys-color-error); +} +.input-field.error label { + color: var(--md-sys-color-error); +} +.input-field.error .supporting-text { + color: var(--md-sys-color-error); +} +.input-field.error .suffix { + color: var(--md-sys-color-error); +} + +/* Search Field */ +.searchbar .prefix { + position: absolute; + padding-left: 1rem; + top: 0; + user-select: none; + display: flex; + align-self: center; +} +.searchbar > input { + border-width: 0; + background-color: transparent; + padding-left: 3rem; +} + +.searchbar.has-sidebar { + margin-left: 0; +} +@media only screen and (min-width : 993px) { + .searchbar.has-sidebar { + margin-left: 300px; + } +} + +/* +.input-field input[type=search] { + display: block; + line-height: inherit; + + .nav-wrapper & { + height: inherit; + padding-left: 4rem; + width: calc(100% - 4rem); + border: 0; + box-shadow: none; + } + &:focus:not(.browser-default) { + border: 0; + box-shadow: none; + } + & + .label-icon { + transform: none; + left: 1rem; + } +} +*/ +/* Textarea */ +textarea { + width: 100%; + height: 3rem; + background-color: transparent; +} +textarea.materialize-textarea { + padding-top: 26px !important; + padding-bottom: 4px !important; + line-height: normal; + overflow-y: hidden; /* prevents scroll bar flash */ + resize: none; + min-height: 3rem; + box-sizing: border-box; +} + +.hiddendiv { + visibility: hidden; + white-space: pre-wrap; + word-wrap: break-word; + overflow-wrap: break-word; /* future version of deprecated 'word-wrap' */ + padding-top: 1.2rem; /* prevents text jump on Enter keypress */ + position: absolute; + top: 0; + z-index: -1; +} + +/* Autocomplete Items */ +.autocomplete-content li .highlight { + color: var(--md-sys-color-on-background); +} +.autocomplete-content li img { + height: 40px; + width: 40px; + margin: 5px 15px; +} + +[type=radio]:not(:checked), +[type=radio]:checked { + position: absolute; + opacity: 0; + pointer-events: none; +} + +[type=radio]:not(:checked) + span, +[type=radio]:checked + span { + position: relative; + padding-left: 35px; + cursor: pointer; + display: inline-block; + height: 25px; + line-height: 25px; + font-size: 1rem; + transition: 0.28s ease; + user-select: none; +} + +[type=radio] + span:before, +[type=radio] + span:after { + content: ""; + position: absolute; + left: 0; + top: 0; + margin: 4px; + width: 16px; + height: 16px; + z-index: 0; + transition: 0.28s ease; +} + +/* Unchecked styles */ +[type=radio]:not(:checked) + span:before, +[type=radio]:not(:checked) + span:after, +[type=radio]:checked + span:before, +[type=radio]:checked + span:after, +[type=radio].with-gap:checked + span:before, +[type=radio].with-gap:checked + span:after { + border-radius: 50%; +} + +[type=radio]:not(:checked) + span:before, +[type=radio]:not(:checked) + span:after { + border: 2px solid var(--md-sys-color-on-surface-variant); +} + +[type=radio]:not(:checked) + span:after { + transform: scale(0); +} + +/* Checked styles */ +[type=radio]:checked + span:before { + border: 2px solid transparent; +} + +[type=radio]:checked + span:after, +[type=radio].with-gap:checked + span:before, +[type=radio].with-gap:checked + span:after { + border: 2px solid var(--md-sys-color-primary); +} + +[type=radio]:checked + span:after, +[type=radio].with-gap:checked + span:after { + background-color: var(--md-sys-color-primary); +} + +[type=radio]:checked + span:after { + transform: scale(1.02); +} + +/* Radio With gap */ +[type=radio].with-gap:checked + span:after { + transform: scale(0.5); +} + +/* Focused styles */ +[type=radio].tabbed:focus + span:before { + box-shadow: 0 0 0 10px rgba(var(--md-sys-color-primary-numeric), 0.18); +} + +/* Disabled Radio With gap */ +[type=radio].with-gap:disabled:checked + span:before { + border: 2px solid var(--md-sys-color-on-surface); +} + +[type=radio].with-gap:disabled:checked + span:after { + border: none; + background-color: var(--md-sys-color-on-surface); +} + +/* Disabled style */ +[type=radio]:disabled:not(:checked) + span:before, +[type=radio]:disabled:checked + span:before { + background-color: transparent; + border-color: var(--md-sys-color-on-surface); +} + +[type=radio]:disabled + span { + color: var(--md-sys-color-on-surface); +} + +[type=radio]:disabled:not(:checked) + span:before { + border-color: var(--md-sys-color-on-surface); +} + +[type=radio]:disabled:checked + span:after { + background-color: var(--md-sys-color-on-surface); + border-color: var(--md-sys-color-on-surface); +} + +/* Checkboxes + ========================================================================== */ +/* Remove default checkbox */ +[type=checkbox]:not(:checked), +[type=checkbox]:checked { + position: absolute; + opacity: 0; + pointer-events: none; +} + +[type=checkbox] { + /* checkbox aspect */ +} +[type=checkbox] + span:not(.lever) { + position: relative; + padding-left: 35px; + cursor: pointer; + display: inline-block; + height: 25px; + line-height: 25px; + font-size: 1rem; + user-select: none; +} +[type=checkbox] + span:not(.lever):before, [type=checkbox]:not(.filled-in) + span:not(.lever):after { + content: ""; + position: absolute; + top: 0; + left: 0; + width: 18px; + height: 18px; + z-index: 0; + border: 2px solid var(--md-sys-color-on-surface-variant); + border-radius: 1px; + margin-top: 3px; + transition: 0.2s; +} +[type=checkbox]:not(.filled-in) + span:not(.lever):after { + border: 0; + transform: scale(0); +} +[type=checkbox]:not(:checked):disabled + span:not(.lever):before { + border: none; + background-color: var(--md-sys-color-on-surface); +} +[type=checkbox].tabbed:focus + span:not(.lever):after { + transform: scale(1); + border: 0; + border-radius: 50%; + box-shadow: 0 0 0 10px rgba(0, 0, 0, 0.12); + background-color: rgba(0, 0, 0, 0.12); +} + +[type=checkbox]:checked + span:not(.lever):before { + top: -4px; + left: -5px; + width: 12px; + height: 22px; + border-top: 2px solid transparent; + border-left: 2px solid transparent; + border-right: 2px solid var(--md-sys-color-primary); + border-bottom: 2px solid var(--md-sys-color-primary); + transform: rotate(40deg); + backface-visibility: hidden; + transform-origin: 100% 100%; +} +[type=checkbox]:checked:disabled + span:before { + border-right: 2px solid var(--md-sys-color-on-surface); + border-bottom: 2px solid var(--md-sys-color-on-surface); +} + +/* Indeterminate checkbox */ +[type=checkbox]:indeterminate + span:not(.lever):before { + top: -11px; + left: -12px; + width: 10px; + height: 22px; + border-top: none; + border-left: none; + border-right: 2px solid var(--md-sys-color-primary); + border-bottom: none; + transform: rotate(90deg); + backface-visibility: hidden; + transform-origin: 100% 100%; +} +[type=checkbox]:indeterminate:disabled + span:not(.lever):before { + border-right: 2px solid var(--md-sys-color-on-surface); + background-color: transparent; +} + +[type=checkbox].filled-in + span:not(.lever):after { + border-radius: 2px; +} +[type=checkbox].filled-in + span:not(.lever):before, +[type=checkbox].filled-in + span:not(.lever):after { + content: ""; + left: 0; + position: absolute; + /* .1s delay is for check animation */ + transition: border 0.25s, background-color 0.25s, width 0.2s 0.1s, height 0.2s 0.1s, top 0.2s 0.1s, left 0.2s 0.1s; + z-index: 1; +} +[type=checkbox].filled-in:not(:checked) + span:not(.lever):before { + width: 0; + height: 0; + border: 3px solid transparent; + left: 6px; + top: 10px; + transform: rotateZ(37deg); + transform-origin: 100% 100%; +} +[type=checkbox].filled-in:not(:checked) + span:not(.lever):after { + height: 20px; + width: 20px; + background-color: transparent; + border: 2px solid var(--md-sys-color-on-surface-variant); + top: 0px; + z-index: 0; +} +[type=checkbox].filled-in:checked + span:not(.lever):before { + top: 0; + left: 1px; + width: 8px; + height: 13px; + border-top: 2px solid transparent; + border-left: 2px solid transparent; + border-right: 2px solid var(--md-sys-color-on-primary); + border-bottom: 2px solid var(--md-sys-color-on-primary); + transform: rotateZ(37deg); + transform-origin: 100% 100%; +} +[type=checkbox].filled-in:checked + span:not(.lever):after { + top: 0; + width: 20px; + height: 20px; + border: 2px solid var(--md-sys-color-primary); + background-color: var(--md-sys-color-primary); + z-index: 0; +} +[type=checkbox].filled-in.tabbed:focus + span:not(.lever):after { + border-radius: 2px; + border-color: var(--md-sys-color-on-surface-variant) r; + background-color: rgba(0, 0, 0, 0.12); +} +[type=checkbox].filled-in.tabbed:checked:focus + span:not(.lever):after { + border-radius: 2px; + background-color: var(--md-sys-color-primary); + border-color: var(--md-sys-color-primary); +} +[type=checkbox].filled-in:disabled:not(:checked) + span:not(.lever):before { + background-color: transparent; + border: 2px solid transparent; +} +[type=checkbox].filled-in:disabled:not(:checked) + span:not(.lever):after { + border-color: transparent; + background-color: var(--md-sys-color-on-surface); +} +[type=checkbox].filled-in:disabled:checked + span:not(.lever):before { + background-color: transparent; +} +[type=checkbox].filled-in:disabled:checked + span:not(.lever):after { + background-color: var(--md-sys-color-on-surface); + border-color: var(--md-sys-color-on-surface); +} + +.switch { + --track-height: 32px; + --track-width: 52px; + --border-width: 2px; + --size-off: 16px; + --size-on: 24px; + --icon-size: 16px; + --gap-on: calc(((var(--track-height) - var(--size-on)) / 2) - var(--border-width)); + --gap-off: calc(((var(--track-height) - var(--size-off)) / 2) - var(--border-width)); +} + +.switch, +.switch * { + -webkit-tap-highlight-color: transparent; + user-select: none; +} + +.switch label { + cursor: pointer; +} + +.switch label input[type=checkbox] { + opacity: 0; + width: 0; + height: 0; +} +.switch label input[type=checkbox]:checked + .lever { + background-color: var(--md-sys-color-primary); + border-color: var(--md-sys-color-primary); +} +.switch label input[type=checkbox]:checked + .lever:before, .switch label input[type=checkbox]:checked + .lever:after { + top: var(--gap-on); + left: calc(var(--track-width) - var(--size-on) - var(--gap-on) - 2 * var(--border-width)); + width: var(--size-on); + height: var(--size-on); +} +.switch label .lever { + content: ""; + display: inline-block; + position: relative; + width: var(--track-width); + height: var(--track-height); + border-style: solid; + border-width: 2px; + border-color: var(--md-sys-color-outline); + background-color: var(--md-sys-color-surface-variant); + border-radius: 15px; + margin-right: 10px; + transition: background 0.3s ease; + vertical-align: middle; + margin: 0 16px; +} +.switch label .lever:before, .switch label .lever:after { + content: ""; + position: absolute; + display: inline-block; + width: var(--size-off); + height: var(--size-off); + border-radius: 50%; + left: var(--gap-off); + top: var(--gap-off); + transition: left 0.3s ease, background 0.3s ease, box-shadow 0.1s ease, transform 0.1s ease; +} +.switch label .lever:after { + height: var(--size-off); + width: var(--size-off); +} + +input[type=checkbox]:not(:disabled) ~ .lever:active:before, +input[type=checkbox]:not(:disabled).tabbed:focus ~ .lever::before, +input[type=checkbox]:not(:disabled) ~ .lever:hover::before { + transform: scale(2.4); +} + +input[type=checkbox]:checked:not(:disabled) ~ .lever:hover::before { + background-color: rgba(var(--md-sys-color-primary-numeric), 0.06); +} + +input[type=checkbox]:checked:not(:disabled) ~ .lever:active::before, +input[type=checkbox]:checked:not(:disabled).tabbed:focus ~ .lever::before { + background-color: rgba(var(--md-sys-color-primary-numeric), 0.18); +} + +input[type=checkbox]:not(:disabled) ~ .lever:hover::before { + background-color: rgba(0, 0, 0, 0.04); +} + +input[type=checkbox]:not(:disabled) ~ .lever:active:before, +input[type=checkbox]:not(:disabled).tabbed:focus ~ .lever::before { + background-color: rgba(0, 0, 0, 0.12); +} + +.switch input[type=checkbox][disabled] + .lever { + cursor: default; + opacity: 0.5; +} + +select.browser-default { + opacity: 1; + color: var(--md-sys-color-on-background); +} + +select { + opacity: 0; + background-color: var(--md-sys-color-surface); + width: 100%; + padding: 5px; + border: 1px solid var(--md-sys-color-outline-variant); + border-radius: 2px; + height: 3rem; +} + +.select-wrapper { + /* + &.valid .helper-text[data-success], + &.invalid ~ .helper-text[data-error] { + @extend %hidden-text; + } + + &.valid { + & > input.select-dropdown { + @extend %valid-input-style; + } + & ~ .helper-text:after { + //@extend %custom-success-message; + } + } + + &.invalid { + & > input.select-dropdown, + & > input.select-dropdown:focus { + @extend %invalid-input-style; + } + & ~ .helper-text:after { + //@extend %custom-error-message; + } + } + + &.valid + label, + &.invalid + label { + width: 100%; + pointer-events: none; + } + & + label:after { + //@extend %input-after-style; + } + */ + position: relative; + /* + input.select-dropdown { + &:focus { + border-bottom: 1px solid var(--md-sys-color-primary); + } + position: relative; + cursor: pointer; + background-color: transparent; + border: none; + border-bottom: 2px solid var(--md-sys-color-on-surface-variant); + outline: none; + height: 3rem; + line-height: 3rem; + width: 100%; + font-size: 16px; + margin: 0 0 8px 0; + padding: 0; + display: block; + user-select:none; + z-index: 1; + color: var(--md-sys-color-on-background); + } + */ +} +.select-wrapper .caret { + position: absolute; + right: 0; + top: 0; + bottom: 0; + margin: auto 0; + z-index: 0; + fill: var(--md-sys-color-on-background); +} +.select-wrapper .hide-select { + width: 0; + height: 0; + overflow: hidden; + position: absolute; + top: 0; + z-index: -1; +} + +select:disabled { + color: var(--md-sys-color-on-surface); +} + +.select-wrapper.disabled + label { + color: var(--md-sys-color-on-surface); +} +.select-wrapper.disabled .caret { + fill: var(--md-sys-color-on-surface); +} + +.select-wrapper input.select-dropdown:disabled { + color: var(--md-sys-color-on-surface); + cursor: default; + user-select: none; +} + +.select-wrapper i { + color: var(--md-sys-color-on-surface); +} + +.select-dropdown li.disabled, +.select-dropdown li.disabled > span, +.select-dropdown li.optgroup { + color: var(--md-sys-color-on-surface); +} + +/* +body.keyboard-focused { + .select-dropdown.dropdown-content li:focus { + //background-color: $select-option-focus; + } +} + +.select-dropdown.dropdown-content { + li { + &:hover:not(.disabled) { + //background-color: $select-option-hover; + } + + &.selected:not(.disabled) { + //background-color: $select-option-selected; + } + } +} +*/ +/* +// Prefix Icons +.prefix ~ .select-wrapper { + margin-left: 3rem; + width: 92%; + width: calc(100% - 3rem); +} +.prefix ~ label { margin-left: 3rem; } +// Suffix Icons +.suffix ~ .select-wrapper { + margin-right: 3rem; + width: 92%; + width: calc(100% - 3rem); +} +.suffix ~ label { margin-right: 3rem; } +*/ +.select-dropdown li img { + height: 40px; + width: 40px; + margin: 5px 15px; + float: right; +} + +.select-dropdown li.optgroup { + border-top: 1px solid rgba(0, 0, 0, 0.04); +} +.select-dropdown li.optgroup.selected > span { + color: var(--md-sys-color-on-background); +} +.select-dropdown li.optgroup > span { + color: var(--md-sys-color-on-surface-variant); +} +.select-dropdown li.optgroup ~ li.optgroup-option { + padding-left: 1rem; +} + +/* +.select-dropdown .selected { + color: red; +} +*/ +.file-field { + display: grid; + grid-template-columns: min-content auto; + gap: 10px; +} +.file-field .file-path-wrapper { + overflow: hidden; +} +.file-field input.file-path { + width: 100%; +} +.file-field .btn, .file-field .btn-large, .file-field .btn-small { + height: 3rem; + line-height: 3rem; +} +.file-field span { + cursor: pointer; +} +.file-field input[type=file] { + position: absolute; + top: 0; + right: 0; + left: 0; + bottom: 0; + cursor: pointer; + width: 100%; + margin: 0; + padding: 0; + opacity: 0; + font-size: 20px; + filter: alpha(opacity=0); +} +.file-field input[type=file]::-webkit-file-upload-button { + display: none; +} + +.range-field { + position: relative; +} + +input[type=range], +input[type=range] + .thumb { + cursor: pointer; +} + +input[type=range] { + position: relative; + background-color: transparent; + border: none; + outline: none; + width: 100%; + margin: 15px 0; + padding: 0; +} +input[type=range]:focus { + outline: none; +} + +input[type=range] + .thumb { + position: absolute; + top: 10px; + left: 0; + border: none; + height: 0; + width: 0; + border-radius: 50%; + background-color: var(--md-sys-color-primary); + margin-left: 7px; + transform-origin: 50% 50%; + transform: rotate(-45deg); +} +input[type=range] + .thumb .value { + display: block; + width: 30px; + text-align: center; + color: var(--md-sys-color-primary); + font-size: 0; + transform: rotate(45deg); +} +input[type=range] + .thumb.active { + border-radius: 50% 50% 50% 0; +} +input[type=range] + .thumb.active .value { + color: var(--md-sys-color-on-primary); + margin-left: -1px; + margin-top: 8px; + font-size: 10px; +} + +input[type=range] { + -webkit-appearance: none; +} + +input[type=range]::-webkit-slider-runnable-track { + height: 3px; + border: none; +} + +input[type=range]::-webkit-slider-thumb { + border: none; + height: 14px; + width: 14px; + border-radius: 50%; + background: var(--md-sys-color-primary); + transition: box-shadow 0.3s; + -webkit-appearance: none; + background-color: var(--md-sys-color-primary); + transform-origin: 50% 50%; + margin: -5px 0 0 0; +} + +.keyboard-focused input[type=range]:focus:not(.active)::-webkit-slider-thumb { + box-shadow: 0 0 0 10px rgba(var(--md-sys-color-primary-numeric), 0.18); +} + +input[type=range] { + /*required for proper track sizing in FF*/ +} + +input[type=range]::-moz-range-track { + height: 3px; + border: none; +} + +input[type=range]::-moz-focus-inner { + border: 0; +} + +input[type=range]::-moz-range-thumb { + border: none; + height: 14px; + width: 14px; + border-radius: 50%; + background: var(--md-sys-color-primary); + transition: box-shadow 0.3s; + margin-top: -5px; +} + +input[type=range]:-moz-focusring { + outline: 1px solid #fff; + outline-offset: -1px; +} + +.keyboard-focused input[type=range]:focus:not(.active)::-moz-range-thumb { + box-shadow: 0 0 0 10px rgba(var(--md-sys-color-primary-numeric), 0.18); +} + +input[type=range]::-ms-track { + height: 3px; + background: transparent; + border-color: transparent; + border-width: 6px 0; + /*remove default tick marks*/ + color: transparent; +} + +input[type=range]::-ms-fill-lower, +input[type=range]::-moz-range-progress { + background: var(--md-sys-color-primary); +} + +input[type=range]::-ms-fill-upper, +input[type=range]::-moz-range-track { + background: var(--md-sys-color-shadow-light); +} + +input[type=range]::-ms-thumb { + border: none; + height: 14px; + width: 14px; + border-radius: 50%; + background: var(--md-sys-color-primary); + transition: box-shadow 0.3s; +} + +.keyboard-focused input[type=range]:focus:not(.active)::-ms-thumb { + box-shadow: 0 0 0 10px rgba(var(--md-sys-color-primary-numeric), 0.18); +} + +.table-of-contents { + list-style: none; +} +.table-of-contents.fixed { + position: fixed; +} +.table-of-contents li { + padding: 0; +} +.table-of-contents a { + display: inline-block; + font-weight: 400; + color: var(--md-sys-color-secondary); + padding-left: 16px; + height: 2rem; + line-height: 2rem; + border-left: 1px solid var(--md-sys-color-outline-variant); +} +.table-of-contents a:hover { + color: var(--md-sys-color-on-background); + padding-left: 15px; +} +.table-of-contents a.active { + color: var(--md-sys-color-primary); + font-weight: 500; + padding-left: 14px; + border-left: 2px solid var(--md-sys-color-primary); +} + +/* This should be an UL-Element*/ +.sidenav { + --sidenav-width: 300px; + --sidenav-font-size: 14px; + --sidenav-padding: 16px; + --sidenav-item-height: 48px; + --sidenav-line-height: var(--sidenav-item-height); + position: fixed; + width: var(--sidenav-width); + left: 0; + top: 0; + margin: 0; + transform: translateX(-100%); + height: 100vh; + padding: 0; + z-index: 999; + overflow-y: auto; + will-change: transform; + backface-visibility: hidden; + transform: translateX(-105%); + user-select: none; + color: var(--md-sys-color-on-secondary-container); + background-color: var(--md-sys-color-surface); + /* Hover only on top row */ + /*a:hover { + //color: red; + //background-color: var(--md-sys-color-on-secondary-container); + //md.sys.color.on-secondary-container + }*/ +} +.sidenav.right-aligned { + right: 0; + transform: translateX(105%); + left: auto; + transform: translateX(100%); +} +.sidenav .collapsible { + margin: 0; +} +.sidenav a:focus { + background-color: rgba(0, 0, 0, 0.12); +} +.sidenav li.active > a:not(.collapsible-header):not(.btn):not(.btn-large):not(.btn-small):not(.btn-large):not(.btn-small):not(.btn-flat):not(.btn-large):not(.btn-floating) { + background-color: color-mix(in srgb, var(--md-sys-color-secondary) 10%, transparent); +} +.sidenav .collapsible-body > ul { + padding-left: 10px; +} +.sidenav li { + list-style: none; + display: grid; + align-content: center; +} +.sidenav li > a { + /* https://stackoverflow.com/questions/5848090/full-width-hover-background-for-nested-lists */ + margin: 0 12px; + padding: 0 var(--sidenav-padding); + /* + min-width: 0; + white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; + */ + display: flex; + height: var(--sidenav-item-height); + font-size: var(--sidenav-font-size); + font-weight: 500; + align-items: center; + overflow: hidden; + border-radius: 100px; + /* TODO: Use special class in future like "mw-icon" */ +} +.sidenav li > a:not(.btn):not(.btn-large):not(.btn-small):not(.btn-flat):not(.btn-large):not(.btn-floating) { + color: var(--md-sys-color-on-secondary-container); +} +.sidenav li > a:not(.btn):not(.btn-large):not(.btn-small):not(.btn-flat):not(.btn-large):not(.btn-floating):hover { + background-color: color-mix(in srgb, var(--md-sys-color-on-surface) 8%, transparent); +} +.sidenav li > a.btn, .sidenav li > a.btn-small, .sidenav li > a.btn-large, .sidenav li > a.btn-flat, .sidenav li > a.btn-floating { + margin: 10px 15px; +} +.sidenav li > a > .material-icons, .sidenav li > a > .material-symbols-outlined, .sidenav li > a > .material-symbols-rounded, .sidenav li > a > .material-symbols-sharp { + display: inline-flex; + vertical-align: middle; + margin-right: 12px; +} +.sidenav .divider { + margin: calc(var(--sidenav-padding) * 0.5) 0 0 0; +} +.sidenav .subheader { + cursor: initial; + pointer-events: none; + color: red; + font-size: var(--sidenav-font-size); + font-weight: 500; + line-height: var(--sidenav-line-height); +} +.sidenav .user-view { + position: relative; + padding: calc(var(--sidenav-padding) * 2) calc(var(--sidenav-padding) * 2) 0; + margin-bottom: calc(var(--sidenav-padding) * 0.5); +} +.sidenav .user-view > a { + height: auto; + padding: 0; +} +.sidenav .user-view > a:hover { + background-color: transparent; +} +.sidenav .user-view .background { + overflow: hidden; + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0; + z-index: -1; +} +.sidenav .user-view .circle, .sidenav .user-view .name, .sidenav .user-view .email { + display: block; +} +.sidenav .user-view .circle { + height: 64px; + width: 64px; +} +.sidenav .user-view .name, +.sidenav .user-view .email { + font-size: var(--sidenav-font-size); + line-height: calc(var(--sidenav-line-height) * 0.5); +} +.sidenav .user-view .name { + margin-top: 16px; + font-weight: 500; +} +.sidenav .user-view .email { + padding-bottom: 16px; + font-weight: 400; +} + +.drag-target { + height: 100%; + position: fixed; + top: 0; + left: 0; + z-index: 998; +} +.drag-target.right-aligned { + right: 0; +} + +.sidenav.sidenav-fixed { + left: 0; + transform: translateX(0); + position: fixed; +} +.sidenav.sidenav-fixed.right-aligned { + right: 0; + left: auto; +} + +@media only screen and (max-width : 992.99px) { + .sidenav.sidenav-fixed { + transform: translateX(-105%); + } + .sidenav.sidenav-fixed.right-aligned { + transform: translateX(105%); + } + .sidenav > a { + padding: 0 var(--sidenav-padding); + } + .sidenav .user-view { + padding: var(--sidenav-padding) var(--sidenav-padding) 0; + } +} +.sidenav .collapsible-body { + padding: 0; +} + +.sidenav-overlay { + position: fixed; + top: 0; + left: 0; + right: 0; + opacity: 0; + height: 120vh; + background-color: rgba(0, 0, 0, 0.5); + z-index: 997; + display: none; +} + +.sidenav .collapsible, +.sidenav.sidenav-fixed .collapsible { + border: none; + box-shadow: none; +} +.sidenav .collapsible-header, +.sidenav.sidenav-fixed .collapsible-header { + border: none; +} +.sidenav .collapsible-body, +.sidenav.sidenav-fixed .collapsible-body { + border: none; +} + +.progress { + position: relative; + height: 4px; + display: block; + width: 100%; + border-radius: 4px; + margin: 0.5rem 0 1rem 0; + overflow: hidden; + background-color: var(--md-sys-color-secondary-container); +} +.progress .determinate { + position: absolute; + top: 0; + left: 0; + bottom: 0; + background-color: var(--md-sys-color-primary); + transition: width 0.3s linear; +} +.progress .indeterminate { + background-color: var(--md-sys-color-primary); +} +.progress .indeterminate:before { + content: ""; + position: absolute; + background-color: inherit; + top: 0; + left: 0; + bottom: 0; + will-change: left, right; + animation: indeterminate 2.1s cubic-bezier(0.65, 0.815, 0.735, 0.395) infinite; +} +.progress .indeterminate:after { + content: ""; + position: absolute; + background-color: inherit; + top: 0; + left: 0; + bottom: 0; + will-change: left, right; + animation: indeterminate-short 2.1s cubic-bezier(0.165, 0.84, 0.44, 1) infinite; + animation-delay: 1.15s; +} + +@keyframes indeterminate { + 0% { + left: -35%; + right: 100%; + } + 60% { + left: 100%; + right: -90%; + } + 100% { + left: 100%; + right: -90%; + } +} +@keyframes indeterminate-short { + 0% { + left: -200%; + right: 100%; + } + 60% { + left: 107%; + right: -8%; + } + 100% { + left: 107%; + right: -8%; + } +} +/* + @license + Copyright (c) 2014 The Polymer Project Authors. All rights reserved. + This code may only be used under the BSD style license found at http://polymer.github.io/LICENSE.txt + The complete set of authors may be found at http://polymer.github.io/AUTHORS.txt + The complete set of contributors may be found at http://polymer.github.io/CONTRIBUTORS.txt + Code distributed by Google as part of the polymer project is also + subject to an additional IP rights grant found at http://polymer.github.io/PATENTS.txt + */ +/**************************/ +/* STYLES FOR THE SPINNER */ +/**************************/ +/* + * Constants: + * STROKEWIDTH = 3px + * ARCSIZE = 270 degrees (amount of circle the arc takes up) + * ARCTIME = 1333ms (time it takes to expand and contract arc) + * ARCSTARTROT = 216 degrees (how much the start location of the arc + * should rotate each time, 216 gives us a + * 5 pointed star shape (it's 360/5 * 3). + * For a 7 pointed star, we might do + * 360/7 * 3 = 154.286) + * CONTAINERWIDTH = 28px + * SHRINK_TIME = 400ms + */ +.preloader-wrapper { + display: inline-block; + position: relative; + width: 50px; + height: 50px; +} +.preloader-wrapper.small { + width: 36px; + height: 36px; +} +.preloader-wrapper.big { + width: 64px; + height: 64px; +} +.preloader-wrapper.active { + /* duration: 360 * ARCTIME / (ARCSTARTROT + (360-ARCSIZE)) */ + -webkit-animation: container-rotate 1568ms linear infinite; + animation: container-rotate 1568ms linear infinite; +} + +@-webkit-keyframes container-rotate { + to { + -webkit-transform: rotate(360deg); + } +} +@keyframes container-rotate { + to { + transform: rotate(360deg); + } +} +.spinner-layer { + position: absolute; + width: 100%; + height: 100%; + opacity: 0; + border-color: var(--md-sys-color-primary); +} + +.spinner-blue, +.spinner-blue-only { + border-color: #4285f4; +} + +.spinner-red, +.spinner-red-only { + border-color: #db4437; +} + +.spinner-yellow, +.spinner-yellow-only { + border-color: #f4b400; +} + +.spinner-green, +.spinner-green-only { + border-color: #0f9d58; +} + +/** + * IMPORTANT NOTE ABOUT CSS ANIMATION PROPERTIES (keanulee): + * + * iOS Safari (tested on iOS 8.1) does not handle animation-delay very well - it doesn't + * guarantee that the animation will start _exactly_ after that value. So we avoid using + * animation-delay and instead set custom keyframes for each color (as redundant as it + * seems). + * + * We write out each animation in full (instead of separating animation-name, + * animation-duration, etc.) because under the polyfill, Safari does not recognize those + * specific properties properly, treats them as -webkit-animation, and overrides the + * other animation rules. See https://github.com/Polymer/platform/issues/53. + */ +.active .spinner-layer.spinner-blue { + /* durations: 4 * ARCTIME */ + -webkit-animation: fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both, blue-fade-in-out 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both; + animation: fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both, blue-fade-in-out 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both; +} + +.active .spinner-layer.spinner-red { + /* durations: 4 * ARCTIME */ + -webkit-animation: fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both, red-fade-in-out 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both; + animation: fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both, red-fade-in-out 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both; +} + +.active .spinner-layer.spinner-yellow { + /* durations: 4 * ARCTIME */ + -webkit-animation: fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both, yellow-fade-in-out 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both; + animation: fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both, yellow-fade-in-out 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both; +} + +.active .spinner-layer.spinner-green { + /* durations: 4 * ARCTIME */ + -webkit-animation: fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both, green-fade-in-out 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both; + animation: fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both, green-fade-in-out 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both; +} + +.active .spinner-layer, +.active .spinner-layer.spinner-blue-only, +.active .spinner-layer.spinner-red-only, +.active .spinner-layer.spinner-yellow-only, +.active .spinner-layer.spinner-green-only { + /* durations: 4 * ARCTIME */ + opacity: 1; + -webkit-animation: fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both; + animation: fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both; +} + +@-webkit-keyframes fill-unfill-rotate { + 12.5% { + -webkit-transform: rotate(135deg); + } /* 0.5 * ARCSIZE */ + 25% { + -webkit-transform: rotate(270deg); + } /* 1 * ARCSIZE */ + 37.5% { + -webkit-transform: rotate(405deg); + } /* 1.5 * ARCSIZE */ + 50% { + -webkit-transform: rotate(540deg); + } /* 2 * ARCSIZE */ + 62.5% { + -webkit-transform: rotate(675deg); + } /* 2.5 * ARCSIZE */ + 75% { + -webkit-transform: rotate(810deg); + } /* 3 * ARCSIZE */ + 87.5% { + -webkit-transform: rotate(945deg); + } /* 3.5 * ARCSIZE */ + to { + -webkit-transform: rotate(1080deg); + } /* 4 * ARCSIZE */ +} +@keyframes fill-unfill-rotate { + 12.5% { + transform: rotate(135deg); + } /* 0.5 * ARCSIZE */ + 25% { + transform: rotate(270deg); + } /* 1 * ARCSIZE */ + 37.5% { + transform: rotate(405deg); + } /* 1.5 * ARCSIZE */ + 50% { + transform: rotate(540deg); + } /* 2 * ARCSIZE */ + 62.5% { + transform: rotate(675deg); + } /* 2.5 * ARCSIZE */ + 75% { + transform: rotate(810deg); + } /* 3 * ARCSIZE */ + 87.5% { + transform: rotate(945deg); + } /* 3.5 * ARCSIZE */ + to { + transform: rotate(1080deg); + } /* 4 * ARCSIZE */ +} +@-webkit-keyframes blue-fade-in-out { + from { + opacity: 1; + } + 25% { + opacity: 1; + } + 26% { + opacity: 0; + } + 89% { + opacity: 0; + } + 90% { + opacity: 1; + } + 100% { + opacity: 1; + } +} +@keyframes blue-fade-in-out { + from { + opacity: 1; + } + 25% { + opacity: 1; + } + 26% { + opacity: 0; + } + 89% { + opacity: 0; + } + 90% { + opacity: 1; + } + 100% { + opacity: 1; + } +} +@-webkit-keyframes red-fade-in-out { + from { + opacity: 0; + } + 15% { + opacity: 0; + } + 25% { + opacity: 1; + } + 50% { + opacity: 1; + } + 51% { + opacity: 0; + } +} +@keyframes red-fade-in-out { + from { + opacity: 0; + } + 15% { + opacity: 0; + } + 25% { + opacity: 1; + } + 50% { + opacity: 1; + } + 51% { + opacity: 0; + } +} +@-webkit-keyframes yellow-fade-in-out { + from { + opacity: 0; + } + 40% { + opacity: 0; + } + 50% { + opacity: 1; + } + 75% { + opacity: 1; + } + 76% { + opacity: 0; + } +} +@keyframes yellow-fade-in-out { + from { + opacity: 0; + } + 40% { + opacity: 0; + } + 50% { + opacity: 1; + } + 75% { + opacity: 1; + } + 76% { + opacity: 0; + } +} +@-webkit-keyframes green-fade-in-out { + from { + opacity: 0; + } + 65% { + opacity: 0; + } + 75% { + opacity: 1; + } + 90% { + opacity: 1; + } + 100% { + opacity: 0; + } +} +@keyframes green-fade-in-out { + from { + opacity: 0; + } + 65% { + opacity: 0; + } + 75% { + opacity: 1; + } + 90% { + opacity: 1; + } + 100% { + opacity: 0; + } +} +/** + * Patch the gap that appear between the two adjacent div.circle-clipper while the + * spinner is rotating (appears on Chrome 38, Safari 7.1, and IE 11). + */ +.gap-patch { + position: absolute; + top: 0; + left: 45%; + width: 10%; + height: 100%; + overflow: hidden; + border-color: inherit; +} + +.gap-patch .circle { + width: 1000%; + left: -450%; +} + +.circle-clipper { + display: inline-block; + position: relative; + width: 50%; + height: 100%; + overflow: hidden; + border-color: inherit; +} +.circle-clipper .circle { + width: 200%; + height: 100%; + border-width: 3px; /* STROKEWIDTH */ + border-style: solid; + border-color: inherit; + border-bottom-color: transparent !important; + border-radius: 50%; + -webkit-animation: none; + animation: none; + position: absolute; + top: 0; + right: 0; + bottom: 0; +} +.circle-clipper.left .circle { + left: 0; + border-right-color: transparent !important; + -webkit-transform: rotate(129deg); + transform: rotate(129deg); +} +.circle-clipper.right .circle { + left: -100%; + border-left-color: transparent !important; + -webkit-transform: rotate(-129deg); + transform: rotate(-129deg); +} + +.active .circle-clipper.left .circle { + /* duration: ARCTIME */ + -webkit-animation: left-spin 1333ms cubic-bezier(0.4, 0, 0.2, 1) infinite both; + animation: left-spin 1333ms cubic-bezier(0.4, 0, 0.2, 1) infinite both; +} + +.active .circle-clipper.right .circle { + /* duration: ARCTIME */ + -webkit-animation: right-spin 1333ms cubic-bezier(0.4, 0, 0.2, 1) infinite both; + animation: right-spin 1333ms cubic-bezier(0.4, 0, 0.2, 1) infinite both; +} + +@-webkit-keyframes left-spin { + from { + -webkit-transform: rotate(130deg); + } + 50% { + -webkit-transform: rotate(-5deg); + } + to { + -webkit-transform: rotate(130deg); + } +} +@keyframes left-spin { + from { + transform: rotate(130deg); + } + 50% { + transform: rotate(-5deg); + } + to { + transform: rotate(130deg); + } +} +@-webkit-keyframes right-spin { + from { + -webkit-transform: rotate(-130deg); + } + 50% { + -webkit-transform: rotate(5deg); + } + to { + -webkit-transform: rotate(-130deg); + } +} +@keyframes right-spin { + from { + transform: rotate(-130deg); + } + 50% { + transform: rotate(5deg); + } + to { + transform: rotate(-130deg); + } +} +#spinnerContainer.cooldown { + /* duration: SHRINK_TIME */ + -webkit-animation: container-rotate 1568ms linear infinite, fade-out 400ms cubic-bezier(0.4, 0, 0.2, 1); + animation: container-rotate 1568ms linear infinite, fade-out 400ms cubic-bezier(0.4, 0, 0.2, 1); +} + +@-webkit-keyframes fade-out { + from { + opacity: 1; + } + to { + opacity: 0; + } +} +@keyframes fade-out { + from { + opacity: 1; + } + to { + opacity: 0; + } +} +.slider { + position: relative; + height: 400px; + width: 100%; +} +.slider.fullscreen { + height: 100%; + width: 100%; + position: absolute; + top: 0; + left: 0; + right: 0; + bottom: 0; +} +.slider.fullscreen ul.slides { + padding-left: 0; + list-style-type: none; + height: 100%; +} +.slider.fullscreen ul.indicators { + padding-left: 0; + list-style-type: none; + z-index: 2; + bottom: 30px; +} +.slider.fullscreen ul.indicators .indicator-item { + background-color: rgba(255, 255, 255, 0.45); +} +.slider.fullscreen ul.indicators .indicator-item.active { + background-color: var(--md-ref-palette-primary100); +} +.slider .slides { + background-color: var(--md-sys-color-surface); + margin: 0; + height: 400px; + padding-left: 0; + list-style-type: none; +} +.slider .slides li { + padding-left: 0; + list-style-type: none; + opacity: 0; + position: absolute; + top: 0; + left: 0; + z-index: 1; + width: 100%; + height: inherit; + overflow: hidden; +} +.slider .slides li img { + height: 100%; + width: 100%; + background-size: cover; + background-position: center; +} +.slider .slides li .caption { + color: #fff; + position: absolute; + top: 15%; + left: 15%; + width: 70%; + opacity: 0; +} +.slider .slides li .caption p { + color: rgba(255, 255, 255, 0.75); +} +.slider .slides li.active { + z-index: 2; +} +.slider .indicators { + padding-left: 0; + list-style-type: none; + position: absolute; + text-align: center; + left: 0; + right: 0; + bottom: 0; + margin: 0; +} +.slider .indicators .indicator-item { + display: inline-block; + position: relative; + height: 16px; + width: 16px; + margin: 0 12px; +} +.slider .indicators .indicator-item-btn { + position: absolute; + top: 0; + left: 0; + cursor: pointer; + background-color: var(--md-sys-color-shadow-light); + transition: background-color 0.3s; + border-radius: 50%; + border-width: 0; + width: 100%; + height: 100%; +} +.slider .indicators .indicator-item-btn.active { + background-color: var(--md-sys-color-primary); +} + +.carousel { + --carousel-height: 400px; + overflow: hidden; + position: relative; + width: 100%; + height: var(--carousel-height); + perspective: 500px; + transform-style: preserve-3d; + transform-origin: 0% 50%; +} +.carousel.carousel-slider { + top: 0; + left: 0; +} +.carousel.carousel-slider .carousel-fixed-item { + position: absolute; + left: 0; + right: 0; + bottom: 20px; + z-index: 1; +} +.carousel.carousel-slider .carousel-fixed-item.with-indicators { + bottom: 68px; +} +.carousel.carousel-slider .carousel-item { + width: 100%; + height: 100%; + min-height: var(--carousel-height); + position: absolute; + top: 0; + left: 0; +} +.carousel.carousel-slider .carousel-item h2 { + font-size: 24px; + font-weight: 500; + line-height: 32px; +} +.carousel.carousel-slider .carousel-item p { + font-size: 15px; +} +.carousel .carousel-item { + visibility: hidden; + width: calc(var(--carousel-height) * 0.5); + height: calc(var(--carousel-height) * 0.5); + position: absolute; + top: 0; + left: 0; +} +.carousel .carousel-item > img { + width: 100%; +} +.carousel .indicators { + padding-left: 0; + list-style-type: none; + position: absolute; + text-align: center; + left: 0; + right: 0; + bottom: 0; + margin: 0; +} +.carousel .indicators .indicator-item { + display: inline-block; + position: relative; + cursor: pointer; + height: 8px; + width: 8px; + margin: 24px 4px; + background-color: rgba(255, 255, 255, 0.45); + transition: background-color 0.3s; + border-radius: 50%; +} +.carousel .indicators .indicator-item.active { + background-color: var(--md-ref-palette-primary100); +} +.carousel.scrolling .carousel-item .materialboxed, +.carousel .carousel-item:not(.active) .materialboxed { + pointer-events: none; +} + +.tap-target-wrapper { + width: 800px; + height: 800px; + position: fixed; + z-index: 1000; + visibility: hidden; + transition: visibility 0s 0.3s; +} + +.tap-target-wrapper.open { + visibility: visible; + transition: visibility 0s; +} +.tap-target-wrapper.open .tap-target { + transform: scale(1); + opacity: 0.95; + transition: transform 0.3s cubic-bezier(0.42, 0, 0.58, 1), opacity 0.3s cubic-bezier(0.42, 0, 0.58, 1); +} +.tap-target-wrapper.open .tap-target-wave::before { + transform: scale(1); +} +.tap-target-wrapper.open .tap-target-wave::after { + visibility: visible; + animation: pulse-animation 1s cubic-bezier(0.24, 0, 0.38, 1) infinite; + transition: opacity 0.3s, transform 0.3s, visibility 0s 1s; +} + +.tap-target { + position: absolute; + font-size: 1rem; + border-radius: 50%; + background-color: var(--md-sys-color-primary-container); + color: var(--md-sys-color-primary); + box-shadow: 0 20px 20px 0 rgba(0, 0, 0, 0.14), 0 10px 50px 0 rgba(0, 0, 0, 0.12), 0 30px 10px -20px rgba(0, 0, 0, 0.2); + width: 100%; + height: 100%; + opacity: 0; + transform: scale(0); + transition: transform 0.3s cubic-bezier(0.42, 0, 0.58, 1), opacity 0.3s cubic-bezier(0.42, 0, 0.58, 1); +} + +.tap-target-content { + position: relative; + display: table-cell; +} + +.tap-target-wave { + position: absolute; + border-radius: 50%; + z-index: 10001; +} +.tap-target-wave::before, .tap-target-wave::after { + content: ""; + display: block; + position: absolute; + width: 100%; + height: 100%; + border-radius: 50%; + background-color: var(--md-sys-color-surface); +} +.tap-target-wave::before { + transform: scale(0); + transition: transform 0.3s; +} +.tap-target-wave::after { + visibility: hidden; + transition: opacity 0.3s, transform 0.3s, visibility 0s; + z-index: -1; +} + +.tap-target-origin { + top: 50%; + left: 50%; + transform: translate(-50%, -50%); + z-index: 10002; + position: absolute !important; +} +.tap-target-origin:not(.btn):not(.btn-large):not(.btn-small), .tap-target-origin:not(.btn):not(.btn-large):not(.btn-small):hover { + background: none; +} + +@media only screen and (max-width: 600px) { + .tap-target, .tap-target-wrapper { + width: 600px; + height: 600px; + } +} +.pulse { + overflow: visible; + position: relative; +} +.pulse::before { + content: ""; + display: block; + position: absolute; + pointer-events: none; + width: 100%; + height: 100%; + top: 0; + left: 0; + background-color: inherit; + border-radius: inherit; + transition: opacity 0.3s, transform 0.3s; + animation: pulse-animation 1s cubic-bezier(0.24, 0, 0.38, 1) infinite; + z-index: -1; +} + +@keyframes pulse-animation { + 0% { + opacity: 1; + transform: scale(1); + } + 50% { + opacity: 0; + transform: scale(1.5); + } + 100% { + opacity: 0; + transform: scale(1.5); + } +} +/* Modal */ +.datepicker-modal { + max-width: 325px; + min-width: 300px; + max-height: none; +} + +.datepicker-container.modal-content { + display: flex; + flex-direction: column; + padding: 0; + background-color: var(--md-sys-color-surface); +} + +.datepicker-controls { + display: flex; + justify-content: space-between; + width: 280px; + margin: 0 auto; +} +.datepicker-controls .selects-container { + display: flex; +} +.datepicker-controls .select-wrapper input { + border-bottom: none; + text-align: center; + margin: 0; +} +.datepicker-controls .select-wrapper input:focus { + border-bottom: none; +} +.datepicker-controls .select-wrapper .caret { + display: none; +} +.datepicker-controls .select-year input { + width: 50px; +} +.datepicker-controls .select-month input { + width: 80px; +} +.datepicker-controls .month-prev, +.datepicker-controls .month-next { + display: inline-flex; + align-items: center; +} +.datepicker-controls .month-prev > svg, +.datepicker-controls .month-next > svg { + fill: var(--md-sys-color-on-surface-variant); +} + +.month-prev, .month-next { + margin-top: 4px; + cursor: pointer; + background-color: transparent; + border: none; +} + +/* Date Display */ +.datepicker-date-display { + flex: 1 auto; + background-color: var(--md-sys-color-primary); + color: var(--md-sys-color-on-primary); + padding: 20px 22px; + font-weight: 500; +} +.datepicker-date-display .year-text { + display: block; + font-size: 1.5rem; + line-height: 25px; + color: var(--md-sys-color-on-primary); +} +.datepicker-date-display .date-text { + display: block; + font-size: 2.8rem; + line-height: 47px; + font-weight: 500; +} + +/* Calendar */ +.datepicker-calendar-container { + flex: 2.5 auto; +} + +.datepicker-table { + width: 280px; + font-size: 1rem; + margin: 0 auto; +} +.datepicker-table thead { + border-bottom: none; +} +.datepicker-table th { + padding: 10px 5px; + text-align: center; +} +.datepicker-table tr { + border: none; +} +.datepicker-table abbr { + text-decoration: none; + color: var(--md-sys-color-on-surface-variant); +} +.datepicker-table td { + color: var(--md-sys-color-on-background); + border-radius: 50%; + padding: 0; +} +.datepicker-table td.is-today { + color: var(--md-sys-color-primary); +} +.datepicker-table td.is-selected { + background-color: var(--md-sys-color-primary); + color: var(--md-sys-color-on-primary); +} +.datepicker-table td.is-outside-current-month, .datepicker-table td.is-disabled { + color: var(--md-sys-color-on-surface); + pointer-events: none; +} + +.datepicker-day-button { + background-color: transparent; + border: none; + line-height: 38px; + display: block; + width: 100%; + border-radius: 50%; + padding: 0 5px; + cursor: pointer; + color: inherit; +} +.datepicker-day-button:hover { + background-color: rgba(var(--md-sys-color-primary-numeric), 0.06); +} +.datepicker-day-button:focus { + background-color: rgba(var(--md-sys-color-primary-numeric), 0.18); +} + +/* Footer */ +.datepicker-footer { + width: 280px; + margin: 0 auto; + padding-bottom: 5px; + display: flex; + justify-content: space-between; +} + +.datepicker-cancel, +.datepicker-clear, +.datepicker-today, +.datepicker-done { + color: var(--md-sys-color-primary); + padding: 0 1rem; +} + +.datepicker-clear { + color: var(--md-sys-color-error); +} + +/* Media Queries */ +@media only screen and (min-width : 601px) { + .datepicker-modal { + max-width: 625px; + } + .datepicker-container.modal-content { + flex-direction: row; + } + .datepicker-date-display { + flex: 0 1 270px; + } + .datepicker-controls, + .datepicker-table, + .datepicker-footer { + width: 320px; + } + .datepicker-day-button { + line-height: 44px; + } +} +/* Timepicker Containers */ +.timepicker-modal { + max-width: 325px; + max-height: none; +} + +.timepicker-container.modal-content { + display: flex; + flex-direction: column; + padding: 0; +} + +.text-primary { + color: var(--md-sys-color-on-primary); +} + +/* Clock Digital Display */ +.timepicker-digital-display { + width: 200px; + flex: 1 auto; + background-color: var(--md-sys-color-primary); + padding: 10px; + font-weight: 300; +} + +.timepicker-text-container { + font-size: 4rem; + font-weight: bold; + text-align: center; + color: var(--font-on-primary-color-medium); + font-weight: 400; + position: relative; + user-select: none; +} +.timepicker-text-container input[type=text] { + height: 4rem; + color: rgba(255, 255, 255, 0.6); + border-bottom: 0px; + font-size: 4rem; + direction: ltr; +} + +.timepicker-input-hours, +.timepicker-input-minutes, +.timepicker-span-am-pm div { + cursor: pointer; +} + +input[type=text].timepicker-input-hours { + text-align: right; + width: 28%; + margin-right: 3px; +} + +input[type=text].timepicker-input-minutes { + width: 33%; + margin-left: 3px; +} + +input[type=text].text-primary { + color: rgb(255, 255, 255); +} + +.timepicker-display-am-pm { + font-size: 1.3rem; + position: absolute; + right: 1rem; + bottom: 1rem; + font-weight: 400; +} + +/* Analog Clock Display */ +.timepicker-analog-display { + flex: 2.5 auto; + background-color: var(--md-sys-color-surface); +} + +.timepicker-plate { + background-color: rgba(0, 0, 0, 0.09); + border-radius: 50%; + width: 270px; + height: 270px; + overflow: visible; + position: relative; + margin: auto; + margin-top: 25px; + margin-bottom: 5px; + user-select: none; +} + +.timepicker-canvas, +.timepicker-dial { + position: absolute; + left: 0; + right: 0; + top: 0; + bottom: 0; +} + +.timepicker-minutes { + visibility: hidden; +} + +.timepicker-tick { + border-radius: 50%; + color: var(--md-sys-color-on-background); + line-height: 40px; + text-align: center; + width: 40px; + height: 40px; + position: absolute; + cursor: pointer; + font-size: 15px; +} + +.timepicker-tick.active, +.timepicker-tick:hover { + background-color: rgba(var(--md-sys-color-primary-numeric), 0.06); +} + +.timepicker-dial { + transition: transform 350ms, opacity 350ms; +} + +.timepicker-dial-out { + opacity: 0; +} +.timepicker-dial-out.timepicker-hours { + transform: scale(1.1, 1.1); +} +.timepicker-dial-out.timepicker-minutes { + transform: scale(0.8, 0.8); +} + +.timepicker-canvas { + transition: opacity 175ms; +} +.timepicker-canvas line { + stroke: var(--md-sys-color-primary); + stroke-width: 4; + stroke-linecap: round; +} + +.timepicker-canvas-out { + opacity: 0.25; +} + +.timepicker-canvas-bearing { + stroke: none; + fill: var(--md-sys-color-primary); +} + +.timepicker-canvas-bg { + stroke: none; + fill: var(--md-sys-color-primary); +} + +/* Footer */ +.timepicker-footer { + margin: 0 auto; + padding: 5px 1rem; + display: flex; + justify-content: space-between; +} + +.timepicker-clear { + color: var(--md-sys-color-error); +} + +.timepicker-close { + color: var(--md-sys-color-primary); +} + +.timepicker-clear, +.timepicker-close { + padding: 0 20px; +} + +/* Media Queries */ +@media only screen and (min-width : 601px) { + .timepicker-modal { + max-width: 600px; + } + .timepicker-container.modal-content { + flex-direction: row; + } + .timepicker-text-container { + top: 32%; + } + .timepicker-display-am-pm { + position: relative; + right: auto; + bottom: auto; + text-align: center; + margin-top: 1.2rem; + } +} \ No newline at end of file diff --git a/test/js/bun/css/files/normalize.css b/test/js/bun/css/files/normalize.css new file mode 100644 index 0000000000..b6eb821659 --- /dev/null +++ b/test/js/bun/css/files/normalize.css @@ -0,0 +1,349 @@ +/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */ + +/* Document + ========================================================================== */ + +/** + * 1. Correct the line height in all browsers. + * 2. Prevent adjustments of font size after orientation changes in iOS. + */ + + html { + line-height: 1.15; /* 1 */ + -webkit-text-size-adjust: 100%; /* 2 */ +} + +/* Sections + ========================================================================== */ + +/** + * Remove the margin in all browsers. + */ + +body { + margin: 0; +} + +/** + * Render the `main` element consistently in IE. + */ + +main { + display: block; +} + +/** + * Correct the font size and margin on `h1` elements within `section` and + * `article` contexts in Chrome, Firefox, and Safari. + */ + +h1 { + font-size: 2em; + margin: 0.67em 0; +} + +/* Grouping content + ========================================================================== */ + +/** + * 1. Add the correct box sizing in Firefox. + * 2. Show the overflow in Edge and IE. + */ + +hr { + box-sizing: content-box; /* 1 */ + height: 0; /* 1 */ + overflow: visible; /* 2 */ +} + +/** + * 1. Correct the inheritance and scaling of font size in all browsers. + * 2. Correct the odd `em` font sizing in all browsers. + */ + +pre { + font-family: monospace, monospace; /* 1 */ + font-size: 1em; /* 2 */ +} + +/* Text-level semantics + ========================================================================== */ + +/** + * Remove the gray background on active links in IE 10. + */ + +a { + background-color: transparent; +} + +/** + * 1. Remove the bottom border in Chrome 57- + * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari. + */ + +abbr[title] { + border-bottom: none; /* 1 */ + text-decoration: underline; /* 2 */ + text-decoration: underline dotted; /* 2 */ +} + +/** + * Add the correct font weight in Chrome, Edge, and Safari. + */ + +b, +strong { + font-weight: bolder; +} + +/** + * 1. Correct the inheritance and scaling of font size in all browsers. + * 2. Correct the odd `em` font sizing in all browsers. + */ + +code, +kbd, +samp { + font-family: monospace, monospace; /* 1 */ + font-size: 1em; /* 2 */ +} + +/** + * Add the correct font size in all browsers. + */ + +small { + font-size: 80%; +} + +/** + * Prevent `sub` and `sup` elements from affecting the line height in + * all browsers. + */ + +sub, +sup { + font-size: 75%; + line-height: 0; + position: relative; + vertical-align: baseline; +} + +sub { + bottom: -0.25em; +} + +sup { + top: -0.5em; +} + +/* Embedded content + ========================================================================== */ + +/** + * Remove the border on images inside links in IE 10. + */ + +img { + border-style: none; +} + +/* Forms + ========================================================================== */ + +/** + * 1. Change the font styles in all browsers. + * 2. Remove the margin in Firefox and Safari. + */ + +button, +input, +optgroup, +select, +textarea { + font-family: inherit; /* 1 */ + font-size: 100%; /* 1 */ + line-height: 1.15; /* 1 */ + margin: 0; /* 2 */ +} + +/** + * Show the overflow in IE. + * 1. Show the overflow in Edge. + */ + +button, +input { /* 1 */ + overflow: visible; +} + +/** + * Remove the inheritance of text transform in Edge, Firefox, and IE. + * 1. Remove the inheritance of text transform in Firefox. + */ + +button, +select { /* 1 */ + text-transform: none; +} + +/** + * Correct the inability to style clickable types in iOS and Safari. + */ + +button, +[type="button"], +[type="reset"], +[type="submit"] { + -webkit-appearance: button; +} + +/** + * Remove the inner border and padding in Firefox. + */ + +button::-moz-focus-inner, +[type="button"]::-moz-focus-inner, +[type="reset"]::-moz-focus-inner, +[type="submit"]::-moz-focus-inner { + border-style: none; + padding: 0; +} + +/** + * Restore the focus styles unset by the previous rule. + */ + +button:-moz-focusring, +[type="button"]:-moz-focusring, +[type="reset"]:-moz-focusring, +[type="submit"]:-moz-focusring { + outline: 1px dotted ButtonText; +} + +/** + * Correct the padding in Firefox. + */ + +fieldset { + padding: 0.35em 0.75em 0.625em; +} + +/** + * 1. Correct the text wrapping in Edge and IE. + * 2. Correct the color inheritance from `fieldset` elements in IE. + * 3. Remove the padding so developers are not caught out when they zero out + * `fieldset` elements in all browsers. + */ + +legend { + box-sizing: border-box; /* 1 */ + color: inherit; /* 2 */ + display: table; /* 1 */ + max-width: 100%; /* 1 */ + padding: 0; /* 3 */ + white-space: normal; /* 1 */ +} + +/** + * Add the correct vertical alignment in Chrome, Firefox, and Opera. + */ + +progress { + vertical-align: baseline; +} + +/** + * Remove the default vertical scrollbar in IE 10+. + */ + +textarea { + overflow: auto; +} + +/** + * 1. Add the correct box sizing in IE 10. + * 2. Remove the padding in IE 10. + */ + +[type="checkbox"], +[type="radio"] { + box-sizing: border-box; /* 1 */ + padding: 0; /* 2 */ +} + +/** + * Correct the cursor style of increment and decrement buttons in Chrome. + */ + +[type="number"]::-webkit-inner-spin-button, +[type="number"]::-webkit-outer-spin-button { + height: auto; +} + +/** + * 1. Correct the odd appearance in Chrome and Safari. + * 2. Correct the outline style in Safari. + */ + +[type="search"] { + -webkit-appearance: textfield; /* 1 */ + outline-offset: -2px; /* 2 */ +} + +/** + * Remove the inner padding in Chrome and Safari on macOS. + */ + +[type="search"]::-webkit-search-decoration { + -webkit-appearance: none; +} + +/** + * 1. Correct the inability to style clickable types in iOS and Safari. + * 2. Change font properties to `inherit` in Safari. + */ + +::-webkit-file-upload-button { + -webkit-appearance: button; /* 1 */ + font: inherit; /* 2 */ +} + +/* Interactive + ========================================================================== */ + +/* + * Add the correct display in Edge, IE 10+, and Firefox. + */ + +details { + display: block; +} + +/* + * Add the correct display in all browsers. + */ + +summary { + display: list-item; +} + +/* Misc + ========================================================================== */ + +/** + * Add the correct display in IE 10+. + */ + +template { + display: none; +} + +/** + * Add the correct display in IE 10. + */ + +[hidden] { + display: none; +} \ No newline at end of file diff --git a/test/js/bun/css/files/pico.css b/test/js/bun/css/files/pico.css new file mode 100644 index 0000000000..0610d5f532 --- /dev/null +++ b/test/js/bun/css/files/pico.css @@ -0,0 +1,2802 @@ +@charset "UTF-8"; +/*! + * Pico CSS ✨ v2.0.6 (https://picocss.com) + * Copyright 2019-2024 - Licensed under MIT + */ +/** + * Styles + */ +:root { + --pico-font-family-emoji: "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; + --pico-font-family-sans-serif: system-ui, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, Helvetica, Arial, "Helvetica Neue", sans-serif, var(--pico-font-family-emoji); + --pico-font-family-monospace: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, "Liberation Mono", monospace, var(--pico-font-family-emoji); + --pico-font-family: var(--pico-font-family-sans-serif); + --pico-line-height: 1.5; + --pico-font-weight: 400; + --pico-font-size: 100%; + --pico-text-underline-offset: 0.1rem; + --pico-border-radius: 0.25rem; + --pico-border-width: 0.0625rem; + --pico-outline-width: 0.125rem; + --pico-transition: 0.2s ease-in-out; + --pico-spacing: 1rem; + --pico-typography-spacing-vertical: 1rem; + --pico-block-spacing-vertical: var(--pico-spacing); + --pico-block-spacing-horizontal: var(--pico-spacing); + --pico-grid-column-gap: var(--pico-spacing); + --pico-grid-row-gap: var(--pico-spacing); + --pico-form-element-spacing-vertical: 0.75rem; + --pico-form-element-spacing-horizontal: 1rem; + --pico-group-box-shadow: 0 0 0 rgba(0, 0, 0, 0); + --pico-group-box-shadow-focus-with-button: 0 0 0 var(--pico-outline-width) var(--pico-primary-focus); + --pico-group-box-shadow-focus-with-input: 0 0 0 0.0625rem var(--pico-form-element-border-color); + --pico-modal-overlay-backdrop-filter: blur(0.375rem); + --pico-nav-element-spacing-vertical: 1rem; + --pico-nav-element-spacing-horizontal: 0.5rem; + --pico-nav-link-spacing-vertical: 0.5rem; + --pico-nav-link-spacing-horizontal: 0.5rem; + --pico-nav-breadcrumb-divider: ">"; + --pico-icon-checkbox: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(255, 255, 255)' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E"); + --pico-icon-minus: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(255, 255, 255)' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='5' y1='12' x2='19' y2='12'%3E%3C/line%3E%3C/svg%3E"); + --pico-icon-chevron: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(136, 145, 164)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E"); + --pico-icon-date: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(136, 145, 164)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='18' rx='2' ry='2'%3E%3C/rect%3E%3Cline x1='16' y1='2' x2='16' y2='6'%3E%3C/line%3E%3Cline x1='8' y1='2' x2='8' y2='6'%3E%3C/line%3E%3Cline x1='3' y1='10' x2='21' y2='10'%3E%3C/line%3E%3C/svg%3E"); + --pico-icon-time: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(136, 145, 164)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cpolyline points='12 6 12 12 16 14'%3E%3C/polyline%3E%3C/svg%3E"); + --pico-icon-search: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(136, 145, 164)' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='8'%3E%3C/circle%3E%3Cline x1='21' y1='21' x2='16.65' y2='16.65'%3E%3C/line%3E%3C/svg%3E"); + --pico-icon-close: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(136, 145, 164)' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='18' y1='6' x2='6' y2='18'%3E%3C/line%3E%3Cline x1='6' y1='6' x2='18' y2='18'%3E%3C/line%3E%3C/svg%3E"); + --pico-icon-loading: url("data:image/svg+xml,%3Csvg fill='none' height='24' width='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg' %3E%3Cstyle%3E g %7B animation: rotate 2s linear infinite; transform-origin: center center; %7D circle %7B stroke-dasharray: 75,100; stroke-dashoffset: -5; animation: dash 1.5s ease-in-out infinite; stroke-linecap: round; %7D @keyframes rotate %7B 0%25 %7B transform: rotate(0deg); %7D 100%25 %7B transform: rotate(360deg); %7D %7D @keyframes dash %7B 0%25 %7B stroke-dasharray: 1,100; stroke-dashoffset: 0; %7D 50%25 %7B stroke-dasharray: 44.5,100; stroke-dashoffset: -17.5; %7D 100%25 %7B stroke-dasharray: 44.5,100; stroke-dashoffset: -62; %7D %7D %3C/style%3E%3Cg%3E%3Ccircle cx='12' cy='12' r='10' fill='none' stroke='rgb(136, 145, 164)' stroke-width='4' /%3E%3C/g%3E%3C/svg%3E"); +} +@media (min-width: 576px) { + :root { + --pico-font-size: 106.25%; + } +} +@media (min-width: 768px) { + :root { + --pico-font-size: 112.5%; + } +} +@media (min-width: 1024px) { + :root { + --pico-font-size: 118.75%; + } +} +@media (min-width: 1280px) { + :root { + --pico-font-size: 125%; + } +} +@media (min-width: 1536px) { + :root { + --pico-font-size: 131.25%; + } +} + +a { + --pico-text-decoration: underline; +} +a.secondary, a.contrast { + --pico-text-decoration: underline; +} + +small { + --pico-font-size: 0.875em; +} + +h1, +h2, +h3, +h4, +h5, +h6 { + --pico-font-weight: 700; +} + +h1 { + --pico-font-size: 2rem; + --pico-line-height: 1.125; + --pico-typography-spacing-top: 3rem; +} + +h2 { + --pico-font-size: 1.75rem; + --pico-line-height: 1.15; + --pico-typography-spacing-top: 2.625rem; +} + +h3 { + --pico-font-size: 1.5rem; + --pico-line-height: 1.175; + --pico-typography-spacing-top: 2.25rem; +} + +h4 { + --pico-font-size: 1.25rem; + --pico-line-height: 1.2; + --pico-typography-spacing-top: 1.874rem; +} + +h5 { + --pico-font-size: 1.125rem; + --pico-line-height: 1.225; + --pico-typography-spacing-top: 1.6875rem; +} + +h6 { + --pico-font-size: 1rem; + --pico-line-height: 1.25; + --pico-typography-spacing-top: 1.5rem; +} + +thead th, +thead td, +tfoot th, +tfoot td { + --pico-font-weight: 600; + --pico-border-width: 0.1875rem; +} + +pre, +code, +kbd, +samp { + --pico-font-family: var(--pico-font-family-monospace); +} + +kbd { + --pico-font-weight: bolder; +} + +input:not([type=submit], +[type=button], +[type=reset], +[type=checkbox], +[type=radio], +[type=file]), +:where(select, textarea) { + --pico-outline-width: 0.0625rem; +} + +[type=search] { + --pico-border-radius: 5rem; +} + +[type=checkbox], +[type=radio] { + --pico-border-width: 0.125rem; +} + +[type=checkbox][role=switch] { + --pico-border-width: 0.1875rem; +} + +details.dropdown summary:not([role=button]) { + --pico-outline-width: 0.0625rem; +} + +nav details.dropdown summary:focus-visible { + --pico-outline-width: 0.125rem; +} + +[role=search] { + --pico-border-radius: 5rem; +} + +[role=search]:has(button.secondary:focus, +[type=submit].secondary:focus, +[type=button].secondary:focus, +[role=button].secondary:focus), +[role=group]:has(button.secondary:focus, +[type=submit].secondary:focus, +[type=button].secondary:focus, +[role=button].secondary:focus) { + --pico-group-box-shadow-focus-with-button: 0 0 0 var(--pico-outline-width) var(--pico-secondary-focus); +} +[role=search]:has(button.contrast:focus, +[type=submit].contrast:focus, +[type=button].contrast:focus, +[role=button].contrast:focus), +[role=group]:has(button.contrast:focus, +[type=submit].contrast:focus, +[type=button].contrast:focus, +[role=button].contrast:focus) { + --pico-group-box-shadow-focus-with-button: 0 0 0 var(--pico-outline-width) var(--pico-contrast-focus); +} +[role=search] button, +[role=search] [type=submit], +[role=search] [type=button], +[role=search] [role=button], +[role=group] button, +[role=group] [type=submit], +[role=group] [type=button], +[role=group] [role=button] { + --pico-form-element-spacing-horizontal: 2rem; +} + +details summary[role=button]:not(.outline)::after { + filter: brightness(0) invert(1); +} + +[aria-busy=true]:not(input, select, textarea):is(button, [type=submit], [type=button], [type=reset], [role=button]):not(.outline)::before { + filter: brightness(0) invert(1); +} + +/** + * Color schemes + */ +[data-theme=light], +:root:not([data-theme=dark]) { + --pico-background-color: #fff; + --pico-color: #373c44; + --pico-text-selection-color: rgba(2, 154, 232, 0.25); + --pico-muted-color: #646b79; + --pico-muted-border-color: #e7eaf0; + --pico-primary: #0172ad; + --pico-primary-background: #0172ad; + --pico-primary-border: var(--pico-primary-background); + --pico-primary-underline: rgba(1, 114, 173, 0.5); + --pico-primary-hover: #015887; + --pico-primary-hover-background: #02659a; + --pico-primary-hover-border: var(--pico-primary-hover-background); + --pico-primary-hover-underline: var(--pico-primary-hover); + --pico-primary-focus: rgba(2, 154, 232, 0.5); + --pico-primary-inverse: #fff; + --pico-secondary: #5d6b89; + --pico-secondary-background: #525f7a; + --pico-secondary-border: var(--pico-secondary-background); + --pico-secondary-underline: rgba(93, 107, 137, 0.5); + --pico-secondary-hover: #48536b; + --pico-secondary-hover-background: #48536b; + --pico-secondary-hover-border: var(--pico-secondary-hover-background); + --pico-secondary-hover-underline: var(--pico-secondary-hover); + --pico-secondary-focus: rgba(93, 107, 137, 0.25); + --pico-secondary-inverse: #fff; + --pico-contrast: #181c25; + --pico-contrast-background: #181c25; + --pico-contrast-border: var(--pico-contrast-background); + --pico-contrast-underline: rgba(24, 28, 37, 0.5); + --pico-contrast-hover: #000; + --pico-contrast-hover-background: #000; + --pico-contrast-hover-border: var(--pico-contrast-hover-background); + --pico-contrast-hover-underline: var(--pico-secondary-hover); + --pico-contrast-focus: rgba(93, 107, 137, 0.25); + --pico-contrast-inverse: #fff; + --pico-box-shadow: 0.0145rem 0.029rem 0.174rem rgba(129, 145, 181, 0.01698), 0.0335rem 0.067rem 0.402rem rgba(129, 145, 181, 0.024), 0.0625rem 0.125rem 0.75rem rgba(129, 145, 181, 0.03), 0.1125rem 0.225rem 1.35rem rgba(129, 145, 181, 0.036), 0.2085rem 0.417rem 2.502rem rgba(129, 145, 181, 0.04302), 0.5rem 1rem 6rem rgba(129, 145, 181, 0.06), 0 0 0 0.0625rem rgba(129, 145, 181, 0.015); + --pico-h1-color: #2d3138; + --pico-h2-color: #373c44; + --pico-h3-color: #424751; + --pico-h4-color: #4d535e; + --pico-h5-color: #5c6370; + --pico-h6-color: #646b79; + --pico-mark-background-color: #fde7c0; + --pico-mark-color: #0f1114; + --pico-ins-color: #1d6a54; + --pico-del-color: #883935; + --pico-blockquote-border-color: var(--pico-muted-border-color); + --pico-blockquote-footer-color: var(--pico-muted-color); + --pico-button-box-shadow: 0 0 0 rgba(0, 0, 0, 0); + --pico-button-hover-box-shadow: 0 0 0 rgba(0, 0, 0, 0); + --pico-table-border-color: var(--pico-muted-border-color); + --pico-table-row-stripped-background-color: rgba(111, 120, 135, 0.0375); + --pico-code-background-color: #f3f5f7; + --pico-code-color: #646b79; + --pico-code-kbd-background-color: var(--pico-color); + --pico-code-kbd-color: var(--pico-background-color); + --pico-form-element-background-color: #fbfcfc; + --pico-form-element-selected-background-color: #dfe3eb; + --pico-form-element-border-color: #cfd5e2; + --pico-form-element-color: #23262c; + --pico-form-element-placeholder-color: var(--pico-muted-color); + --pico-form-element-active-background-color: #fff; + --pico-form-element-active-border-color: var(--pico-primary-border); + --pico-form-element-focus-color: var(--pico-primary-border); + --pico-form-element-disabled-opacity: 0.5; + --pico-form-element-invalid-border-color: #b86a6b; + --pico-form-element-invalid-active-border-color: #c84f48; + --pico-form-element-invalid-focus-color: var(--pico-form-element-invalid-active-border-color); + --pico-form-element-valid-border-color: #4c9b8a; + --pico-form-element-valid-active-border-color: #279977; + --pico-form-element-valid-focus-color: var(--pico-form-element-valid-active-border-color); + --pico-switch-background-color: #bfc7d9; + --pico-switch-checked-background-color: var(--pico-primary-background); + --pico-switch-color: #fff; + --pico-switch-thumb-box-shadow: 0 0 0 rgba(0, 0, 0, 0); + --pico-range-border-color: #dfe3eb; + --pico-range-active-border-color: #bfc7d9; + --pico-range-thumb-border-color: var(--pico-background-color); + --pico-range-thumb-color: var(--pico-secondary-background); + --pico-range-thumb-active-color: var(--pico-primary-background); + --pico-accordion-border-color: var(--pico-muted-border-color); + --pico-accordion-active-summary-color: var(--pico-primary-hover); + --pico-accordion-close-summary-color: var(--pico-color); + --pico-accordion-open-summary-color: var(--pico-muted-color); + --pico-card-background-color: var(--pico-background-color); + --pico-card-border-color: var(--pico-muted-border-color); + --pico-card-box-shadow: var(--pico-box-shadow); + --pico-card-sectioning-background-color: #fbfcfc; + --pico-dropdown-background-color: #fff; + --pico-dropdown-border-color: #eff1f4; + --pico-dropdown-box-shadow: var(--pico-box-shadow); + --pico-dropdown-color: var(--pico-color); + --pico-dropdown-hover-background-color: #eff1f4; + --pico-loading-spinner-opacity: 0.5; + --pico-modal-overlay-background-color: rgba(232, 234, 237, 0.75); + --pico-progress-background-color: #dfe3eb; + --pico-progress-color: var(--pico-primary-background); + --pico-tooltip-background-color: var(--pico-contrast-background); + --pico-tooltip-color: var(--pico-contrast-inverse); + --pico-icon-valid: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(76, 155, 138)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E"); + --pico-icon-invalid: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(200, 79, 72)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cline x1='12' y1='8' x2='12' y2='12'%3E%3C/line%3E%3Cline x1='12' y1='16' x2='12.01' y2='16'%3E%3C/line%3E%3C/svg%3E"); + color-scheme: light; +} +[data-theme=light] input:is([type=submit], +[type=button], +[type=reset], +[type=checkbox], +[type=radio], +[type=file]), +:root:not([data-theme=dark]) input:is([type=submit], +[type=button], +[type=reset], +[type=checkbox], +[type=radio], +[type=file]) { + --pico-form-element-focus-color: var(--pico-primary-focus); +} + +@media only screen and (prefers-color-scheme: dark) { + :root:not([data-theme]) { + --pico-background-color: #13171f; + --pico-color: #c2c7d0; + --pico-text-selection-color: rgba(1, 170, 255, 0.1875); + --pico-muted-color: #7b8495; + --pico-muted-border-color: #202632; + --pico-primary: #01aaff; + --pico-primary-background: #0172ad; + --pico-primary-border: var(--pico-primary-background); + --pico-primary-underline: rgba(1, 170, 255, 0.5); + --pico-primary-hover: #79c0ff; + --pico-primary-hover-background: #017fc0; + --pico-primary-hover-border: var(--pico-primary-hover-background); + --pico-primary-hover-underline: var(--pico-primary-hover); + --pico-primary-focus: rgba(1, 170, 255, 0.375); + --pico-primary-inverse: #fff; + --pico-secondary: #969eaf; + --pico-secondary-background: #525f7a; + --pico-secondary-border: var(--pico-secondary-background); + --pico-secondary-underline: rgba(150, 158, 175, 0.5); + --pico-secondary-hover: #b3b9c5; + --pico-secondary-hover-background: #5d6b89; + --pico-secondary-hover-border: var(--pico-secondary-hover-background); + --pico-secondary-hover-underline: var(--pico-secondary-hover); + --pico-secondary-focus: rgba(144, 158, 190, 0.25); + --pico-secondary-inverse: #fff; + --pico-contrast: #dfe3eb; + --pico-contrast-background: #eff1f4; + --pico-contrast-border: var(--pico-contrast-background); + --pico-contrast-underline: rgba(223, 227, 235, 0.5); + --pico-contrast-hover: #fff; + --pico-contrast-hover-background: #fff; + --pico-contrast-hover-border: var(--pico-contrast-hover-background); + --pico-contrast-hover-underline: var(--pico-contrast-hover); + --pico-contrast-focus: rgba(207, 213, 226, 0.25); + --pico-contrast-inverse: #000; + --pico-box-shadow: 0.0145rem 0.029rem 0.174rem rgba(7, 9, 12, 0.01698), 0.0335rem 0.067rem 0.402rem rgba(7, 9, 12, 0.024), 0.0625rem 0.125rem 0.75rem rgba(7, 9, 12, 0.03), 0.1125rem 0.225rem 1.35rem rgba(7, 9, 12, 0.036), 0.2085rem 0.417rem 2.502rem rgba(7, 9, 12, 0.04302), 0.5rem 1rem 6rem rgba(7, 9, 12, 0.06), 0 0 0 0.0625rem rgba(7, 9, 12, 0.015); + --pico-h1-color: #f0f1f3; + --pico-h2-color: #e0e3e7; + --pico-h3-color: #c2c7d0; + --pico-h4-color: #b3b9c5; + --pico-h5-color: #a4acba; + --pico-h6-color: #8891a4; + --pico-mark-background-color: #014063; + --pico-mark-color: #fff; + --pico-ins-color: #62af9a; + --pico-del-color: #ce7e7b; + --pico-blockquote-border-color: var(--pico-muted-border-color); + --pico-blockquote-footer-color: var(--pico-muted-color); + --pico-button-box-shadow: 0 0 0 rgba(0, 0, 0, 0); + --pico-button-hover-box-shadow: 0 0 0 rgba(0, 0, 0, 0); + --pico-table-border-color: var(--pico-muted-border-color); + --pico-table-row-stripped-background-color: rgba(111, 120, 135, 0.0375); + --pico-code-background-color: #1a1f28; + --pico-code-color: #8891a4; + --pico-code-kbd-background-color: var(--pico-color); + --pico-code-kbd-color: var(--pico-background-color); + --pico-form-element-background-color: #1c212c; + --pico-form-element-selected-background-color: #2a3140; + --pico-form-element-border-color: #2a3140; + --pico-form-element-color: #e0e3e7; + --pico-form-element-placeholder-color: #8891a4; + --pico-form-element-active-background-color: #1a1f28; + --pico-form-element-active-border-color: var(--pico-primary-border); + --pico-form-element-focus-color: var(--pico-primary-border); + --pico-form-element-disabled-opacity: 0.5; + --pico-form-element-invalid-border-color: #964a50; + --pico-form-element-invalid-active-border-color: #b7403b; + --pico-form-element-invalid-focus-color: var(--pico-form-element-invalid-active-border-color); + --pico-form-element-valid-border-color: #2a7b6f; + --pico-form-element-valid-active-border-color: #16896a; + --pico-form-element-valid-focus-color: var(--pico-form-element-valid-active-border-color); + --pico-switch-background-color: #333c4e; + --pico-switch-checked-background-color: var(--pico-primary-background); + --pico-switch-color: #fff; + --pico-switch-thumb-box-shadow: 0 0 0 rgba(0, 0, 0, 0); + --pico-range-border-color: #202632; + --pico-range-active-border-color: #2a3140; + --pico-range-thumb-border-color: var(--pico-background-color); + --pico-range-thumb-color: var(--pico-secondary-background); + --pico-range-thumb-active-color: var(--pico-primary-background); + --pico-accordion-border-color: var(--pico-muted-border-color); + --pico-accordion-active-summary-color: var(--pico-primary-hover); + --pico-accordion-close-summary-color: var(--pico-color); + --pico-accordion-open-summary-color: var(--pico-muted-color); + --pico-card-background-color: #181c25; + --pico-card-border-color: var(--pico-card-background-color); + --pico-card-box-shadow: var(--pico-box-shadow); + --pico-card-sectioning-background-color: #1a1f28; + --pico-dropdown-background-color: #181c25; + --pico-dropdown-border-color: #202632; + --pico-dropdown-box-shadow: var(--pico-box-shadow); + --pico-dropdown-color: var(--pico-color); + --pico-dropdown-hover-background-color: #202632; + --pico-loading-spinner-opacity: 0.5; + --pico-modal-overlay-background-color: rgba(8, 9, 10, 0.75); + --pico-progress-background-color: #202632; + --pico-progress-color: var(--pico-primary-background); + --pico-tooltip-background-color: var(--pico-contrast-background); + --pico-tooltip-color: var(--pico-contrast-inverse); + --pico-icon-valid: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(42, 123, 111)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E"); + --pico-icon-invalid: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(150, 74, 80)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cline x1='12' y1='8' x2='12' y2='12'%3E%3C/line%3E%3Cline x1='12' y1='16' x2='12.01' y2='16'%3E%3C/line%3E%3C/svg%3E"); + color-scheme: dark; + } + :root:not([data-theme]) input:is([type=submit], + [type=button], + [type=reset], + [type=checkbox], + [type=radio], + [type=file]) { + --pico-form-element-focus-color: var(--pico-primary-focus); + } + :root:not([data-theme]) details summary[role=button].contrast:not(.outline)::after { + filter: brightness(0); + } + :root:not([data-theme]) [aria-busy=true]:not(input, select, textarea).contrast:is(button, + [type=submit], + [type=button], + [type=reset], + [role=button]):not(.outline)::before { + filter: brightness(0); + } +} +[data-theme=dark] { + --pico-background-color: #13171f; + --pico-color: #c2c7d0; + --pico-text-selection-color: rgba(1, 170, 255, 0.1875); + --pico-muted-color: #7b8495; + --pico-muted-border-color: #202632; + --pico-primary: #01aaff; + --pico-primary-background: #0172ad; + --pico-primary-border: var(--pico-primary-background); + --pico-primary-underline: rgba(1, 170, 255, 0.5); + --pico-primary-hover: #79c0ff; + --pico-primary-hover-background: #017fc0; + --pico-primary-hover-border: var(--pico-primary-hover-background); + --pico-primary-hover-underline: var(--pico-primary-hover); + --pico-primary-focus: rgba(1, 170, 255, 0.375); + --pico-primary-inverse: #fff; + --pico-secondary: #969eaf; + --pico-secondary-background: #525f7a; + --pico-secondary-border: var(--pico-secondary-background); + --pico-secondary-underline: rgba(150, 158, 175, 0.5); + --pico-secondary-hover: #b3b9c5; + --pico-secondary-hover-background: #5d6b89; + --pico-secondary-hover-border: var(--pico-secondary-hover-background); + --pico-secondary-hover-underline: var(--pico-secondary-hover); + --pico-secondary-focus: rgba(144, 158, 190, 0.25); + --pico-secondary-inverse: #fff; + --pico-contrast: #dfe3eb; + --pico-contrast-background: #eff1f4; + --pico-contrast-border: var(--pico-contrast-background); + --pico-contrast-underline: rgba(223, 227, 235, 0.5); + --pico-contrast-hover: #fff; + --pico-contrast-hover-background: #fff; + --pico-contrast-hover-border: var(--pico-contrast-hover-background); + --pico-contrast-hover-underline: var(--pico-contrast-hover); + --pico-contrast-focus: rgba(207, 213, 226, 0.25); + --pico-contrast-inverse: #000; + --pico-box-shadow: 0.0145rem 0.029rem 0.174rem rgba(7, 9, 12, 0.01698), 0.0335rem 0.067rem 0.402rem rgba(7, 9, 12, 0.024), 0.0625rem 0.125rem 0.75rem rgba(7, 9, 12, 0.03), 0.1125rem 0.225rem 1.35rem rgba(7, 9, 12, 0.036), 0.2085rem 0.417rem 2.502rem rgba(7, 9, 12, 0.04302), 0.5rem 1rem 6rem rgba(7, 9, 12, 0.06), 0 0 0 0.0625rem rgba(7, 9, 12, 0.015); + --pico-h1-color: #f0f1f3; + --pico-h2-color: #e0e3e7; + --pico-h3-color: #c2c7d0; + --pico-h4-color: #b3b9c5; + --pico-h5-color: #a4acba; + --pico-h6-color: #8891a4; + --pico-mark-background-color: #014063; + --pico-mark-color: #fff; + --pico-ins-color: #62af9a; + --pico-del-color: #ce7e7b; + --pico-blockquote-border-color: var(--pico-muted-border-color); + --pico-blockquote-footer-color: var(--pico-muted-color); + --pico-button-box-shadow: 0 0 0 rgba(0, 0, 0, 0); + --pico-button-hover-box-shadow: 0 0 0 rgba(0, 0, 0, 0); + --pico-table-border-color: var(--pico-muted-border-color); + --pico-table-row-stripped-background-color: rgba(111, 120, 135, 0.0375); + --pico-code-background-color: #1a1f28; + --pico-code-color: #8891a4; + --pico-code-kbd-background-color: var(--pico-color); + --pico-code-kbd-color: var(--pico-background-color); + --pico-form-element-background-color: #1c212c; + --pico-form-element-selected-background-color: #2a3140; + --pico-form-element-border-color: #2a3140; + --pico-form-element-color: #e0e3e7; + --pico-form-element-placeholder-color: #8891a4; + --pico-form-element-active-background-color: #1a1f28; + --pico-form-element-active-border-color: var(--pico-primary-border); + --pico-form-element-focus-color: var(--pico-primary-border); + --pico-form-element-disabled-opacity: 0.5; + --pico-form-element-invalid-border-color: #964a50; + --pico-form-element-invalid-active-border-color: #b7403b; + --pico-form-element-invalid-focus-color: var(--pico-form-element-invalid-active-border-color); + --pico-form-element-valid-border-color: #2a7b6f; + --pico-form-element-valid-active-border-color: #16896a; + --pico-form-element-valid-focus-color: var(--pico-form-element-valid-active-border-color); + --pico-switch-background-color: #333c4e; + --pico-switch-checked-background-color: var(--pico-primary-background); + --pico-switch-color: #fff; + --pico-switch-thumb-box-shadow: 0 0 0 rgba(0, 0, 0, 0); + --pico-range-border-color: #202632; + --pico-range-active-border-color: #2a3140; + --pico-range-thumb-border-color: var(--pico-background-color); + --pico-range-thumb-color: var(--pico-secondary-background); + --pico-range-thumb-active-color: var(--pico-primary-background); + --pico-accordion-border-color: var(--pico-muted-border-color); + --pico-accordion-active-summary-color: var(--pico-primary-hover); + --pico-accordion-close-summary-color: var(--pico-color); + --pico-accordion-open-summary-color: var(--pico-muted-color); + --pico-card-background-color: #181c25; + --pico-card-border-color: var(--pico-card-background-color); + --pico-card-box-shadow: var(--pico-box-shadow); + --pico-card-sectioning-background-color: #1a1f28; + --pico-dropdown-background-color: #181c25; + --pico-dropdown-border-color: #202632; + --pico-dropdown-box-shadow: var(--pico-box-shadow); + --pico-dropdown-color: var(--pico-color); + --pico-dropdown-hover-background-color: #202632; + --pico-loading-spinner-opacity: 0.5; + --pico-modal-overlay-background-color: rgba(8, 9, 10, 0.75); + --pico-progress-background-color: #202632; + --pico-progress-color: var(--pico-primary-background); + --pico-tooltip-background-color: var(--pico-contrast-background); + --pico-tooltip-color: var(--pico-contrast-inverse); + --pico-icon-valid: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(42, 123, 111)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E"); + --pico-icon-invalid: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(150, 74, 80)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cline x1='12' y1='8' x2='12' y2='12'%3E%3C/line%3E%3Cline x1='12' y1='16' x2='12.01' y2='16'%3E%3C/line%3E%3C/svg%3E"); + color-scheme: dark; +} +[data-theme=dark] input:is([type=submit], +[type=button], +[type=reset], +[type=checkbox], +[type=radio], +[type=file]) { + --pico-form-element-focus-color: var(--pico-primary-focus); +} +[data-theme=dark] details summary[role=button].contrast:not(.outline)::after { + filter: brightness(0); +} +[data-theme=dark] [aria-busy=true]:not(input, select, textarea).contrast:is(button, +[type=submit], +[type=button], +[type=reset], +[role=button]):not(.outline)::before { + filter: brightness(0); +} + +progress, +[type=checkbox], +[type=radio], +[type=range] { + accent-color: var(--pico-primary); +} + +/** + * Document + * Content-box & Responsive typography + */ +*, +*::before, +*::after { + box-sizing: border-box; + background-repeat: no-repeat; +} + +::before, +::after { + text-decoration: inherit; + vertical-align: inherit; +} + +:where(:root) { + -webkit-tap-highlight-color: transparent; + -webkit-text-size-adjust: 100%; + -moz-text-size-adjust: 100%; + text-size-adjust: 100%; + background-color: var(--pico-background-color); + color: var(--pico-color); + font-weight: var(--pico-font-weight); + font-size: var(--pico-font-size); + line-height: var(--pico-line-height); + font-family: var(--pico-font-family); + text-underline-offset: var(--pico-text-underline-offset); + text-rendering: optimizeLegibility; + overflow-wrap: break-word; + -moz-tab-size: 4; + -o-tab-size: 4; + tab-size: 4; +} + +/** + * Landmarks + */ +body { + width: 100%; + margin: 0; +} + +main { + display: block; +} + +body > header, +body > main, +body > footer { + padding-block: var(--pico-block-spacing-vertical); +} + +/** + * Section + */ +section { + margin-bottom: var(--pico-block-spacing-vertical); +} + +/** + * Container + */ +.container, +.container-fluid { + width: 100%; + margin-right: auto; + margin-left: auto; + padding-right: var(--pico-spacing); + padding-left: var(--pico-spacing); +} + +@media (min-width: 576px) { + .container { + max-width: 510px; + padding-right: 0; + padding-left: 0; + } +} +@media (min-width: 768px) { + .container { + max-width: 700px; + } +} +@media (min-width: 1024px) { + .container { + max-width: 950px; + } +} +@media (min-width: 1280px) { + .container { + max-width: 1200px; + } +} +@media (min-width: 1536px) { + .container { + max-width: 1450px; + } +} + +/** + * Grid + * Minimal grid system with auto-layout columns + */ +.grid { + grid-column-gap: var(--pico-grid-column-gap); + grid-row-gap: var(--pico-grid-row-gap); + display: grid; + grid-template-columns: 1fr; +} +@media (min-width: 768px) { + .grid { + grid-template-columns: repeat(auto-fit, minmax(0%, 1fr)); + } +} +.grid > * { + min-width: 0; +} + +/** + * Overflow auto + */ +.overflow-auto { + overflow: auto; +} + +/** + * Typography + */ +b, +strong { + font-weight: bolder; +} + +sub, +sup { + position: relative; + font-size: 0.75em; + line-height: 0; + vertical-align: baseline; +} + +sub { + bottom: -0.25em; +} + +sup { + top: -0.5em; +} + +address, +blockquote, +dl, +ol, +p, +pre, +table, +ul { + margin-top: 0; + margin-bottom: var(--pico-typography-spacing-vertical); + color: var(--pico-color); + font-style: normal; + font-weight: var(--pico-font-weight); +} + +h1, +h2, +h3, +h4, +h5, +h6 { + margin-top: 0; + margin-bottom: var(--pico-typography-spacing-vertical); + color: var(--pico-color); + font-weight: var(--pico-font-weight); + font-size: var(--pico-font-size); + line-height: var(--pico-line-height); + font-family: var(--pico-font-family); +} + +h1 { + --pico-color: var(--pico-h1-color); +} + +h2 { + --pico-color: var(--pico-h2-color); +} + +h3 { + --pico-color: var(--pico-h3-color); +} + +h4 { + --pico-color: var(--pico-h4-color); +} + +h5 { + --pico-color: var(--pico-h5-color); +} + +h6 { + --pico-color: var(--pico-h6-color); +} + +:where(article, address, blockquote, dl, figure, form, ol, p, pre, table, ul) ~ :is(h1, h2, h3, h4, h5, h6) { + margin-top: var(--pico-typography-spacing-top); +} + +p { + margin-bottom: var(--pico-typography-spacing-vertical); +} + +hgroup { + margin-bottom: var(--pico-typography-spacing-vertical); +} +hgroup > * { + margin-top: 0; + margin-bottom: 0; +} +hgroup > *:not(:first-child):last-child { + --pico-color: var(--pico-muted-color); + --pico-font-weight: unset; + font-size: 1rem; +} + +:where(ol, ul) li { + margin-bottom: calc(var(--pico-typography-spacing-vertical) * 0.25); +} + +:where(dl, ol, ul) :where(dl, ol, ul) { + margin: 0; + margin-top: calc(var(--pico-typography-spacing-vertical) * 0.25); +} + +ul li { + list-style: square; +} + +mark { + padding: 0.125rem 0.25rem; + background-color: var(--pico-mark-background-color); + color: var(--pico-mark-color); + vertical-align: baseline; +} + +blockquote { + display: block; + margin: var(--pico-typography-spacing-vertical) 0; + padding: var(--pico-spacing); + border-right: none; + border-left: 0.25rem solid var(--pico-blockquote-border-color); + border-inline-start: 0.25rem solid var(--pico-blockquote-border-color); + border-inline-end: none; +} +blockquote footer { + margin-top: calc(var(--pico-typography-spacing-vertical) * 0.5); + color: var(--pico-blockquote-footer-color); +} + +abbr[title] { + border-bottom: 1px dotted; + text-decoration: none; + cursor: help; +} + +ins { + color: var(--pico-ins-color); + text-decoration: none; +} + +del { + color: var(--pico-del-color); +} + +::-moz-selection { + background-color: var(--pico-text-selection-color); +} + +::selection { + background-color: var(--pico-text-selection-color); +} + +/** + * Link + */ +:where(a:not([role=button])), +[role=link] { + --pico-color: var(--pico-primary); + --pico-background-color: transparent; + --pico-underline: var(--pico-primary-underline); + outline: none; + background-color: var(--pico-background-color); + color: var(--pico-color); + -webkit-text-decoration: var(--pico-text-decoration); + text-decoration: var(--pico-text-decoration); + text-decoration-color: var(--pico-underline); + text-underline-offset: 0.125em; + transition: background-color var(--pico-transition), color var(--pico-transition), box-shadow var(--pico-transition), -webkit-text-decoration var(--pico-transition); + transition: background-color var(--pico-transition), color var(--pico-transition), text-decoration var(--pico-transition), box-shadow var(--pico-transition); + transition: background-color var(--pico-transition), color var(--pico-transition), text-decoration var(--pico-transition), box-shadow var(--pico-transition), -webkit-text-decoration var(--pico-transition); +} +:where(a:not([role=button])):is([aria-current]:not([aria-current=false]), :hover, :active, :focus), +[role=link]:is([aria-current]:not([aria-current=false]), :hover, :active, :focus) { + --pico-color: var(--pico-primary-hover); + --pico-underline: var(--pico-primary-hover-underline); + --pico-text-decoration: underline; +} +:where(a:not([role=button])):focus-visible, +[role=link]:focus-visible { + box-shadow: 0 0 0 var(--pico-outline-width) var(--pico-primary-focus); +} +:where(a:not([role=button])).secondary, +[role=link].secondary { + --pico-color: var(--pico-secondary); + --pico-underline: var(--pico-secondary-underline); +} +:where(a:not([role=button])).secondary:is([aria-current]:not([aria-current=false]), :hover, :active, :focus), +[role=link].secondary:is([aria-current]:not([aria-current=false]), :hover, :active, :focus) { + --pico-color: var(--pico-secondary-hover); + --pico-underline: var(--pico-secondary-hover-underline); +} +:where(a:not([role=button])).contrast, +[role=link].contrast { + --pico-color: var(--pico-contrast); + --pico-underline: var(--pico-contrast-underline); +} +:where(a:not([role=button])).contrast:is([aria-current]:not([aria-current=false]), :hover, :active, :focus), +[role=link].contrast:is([aria-current]:not([aria-current=false]), :hover, :active, :focus) { + --pico-color: var(--pico-contrast-hover); + --pico-underline: var(--pico-contrast-hover-underline); +} + +a[role=button] { + display: inline-block; +} + +/** + * Button + */ +button { + margin: 0; + overflow: visible; + font-family: inherit; + text-transform: none; +} + +button, +[type=submit], +[type=reset], +[type=button] { + -webkit-appearance: button; +} + +button, +[type=submit], +[type=reset], +[type=button], +[type=file]::file-selector-button, +[role=button] { + --pico-background-color: var(--pico-primary-background); + --pico-border-color: var(--pico-primary-border); + --pico-color: var(--pico-primary-inverse); + --pico-box-shadow: var(--pico-button-box-shadow, 0 0 0 rgba(0, 0, 0, 0)); + padding: var(--pico-form-element-spacing-vertical) var(--pico-form-element-spacing-horizontal); + border: var(--pico-border-width) solid var(--pico-border-color); + border-radius: var(--pico-border-radius); + outline: none; + background-color: var(--pico-background-color); + box-shadow: var(--pico-box-shadow); + color: var(--pico-color); + font-weight: var(--pico-font-weight); + font-size: 1rem; + line-height: var(--pico-line-height); + text-align: center; + text-decoration: none; + cursor: pointer; + -webkit-user-select: none; + -moz-user-select: none; + user-select: none; + transition: background-color var(--pico-transition), border-color var(--pico-transition), color var(--pico-transition), box-shadow var(--pico-transition); +} +button:is([aria-current]:not([aria-current=false])), button:is(:hover, :active, :focus), +[type=submit]:is([aria-current]:not([aria-current=false])), +[type=submit]:is(:hover, :active, :focus), +[type=reset]:is([aria-current]:not([aria-current=false])), +[type=reset]:is(:hover, :active, :focus), +[type=button]:is([aria-current]:not([aria-current=false])), +[type=button]:is(:hover, :active, :focus), +[type=file]::file-selector-button:is([aria-current]:not([aria-current=false])), +[type=file]::file-selector-button:is(:hover, :active, :focus), +[role=button]:is([aria-current]:not([aria-current=false])), +[role=button]:is(:hover, :active, :focus) { + --pico-background-color: var(--pico-primary-hover-background); + --pico-border-color: var(--pico-primary-hover-border); + --pico-box-shadow: var(--pico-button-hover-box-shadow, 0 0 0 rgba(0, 0, 0, 0)); + --pico-color: var(--pico-primary-inverse); +} +button:focus, button:is([aria-current]:not([aria-current=false])):focus, +[type=submit]:focus, +[type=submit]:is([aria-current]:not([aria-current=false])):focus, +[type=reset]:focus, +[type=reset]:is([aria-current]:not([aria-current=false])):focus, +[type=button]:focus, +[type=button]:is([aria-current]:not([aria-current=false])):focus, +[type=file]::file-selector-button:focus, +[type=file]::file-selector-button:is([aria-current]:not([aria-current=false])):focus, +[role=button]:focus, +[role=button]:is([aria-current]:not([aria-current=false])):focus { + --pico-box-shadow: var(--pico-button-hover-box-shadow, 0 0 0 rgba(0, 0, 0, 0)), 0 0 0 var(--pico-outline-width) var(--pico-primary-focus); +} + +[type=submit], +[type=reset], +[type=button] { + margin-bottom: var(--pico-spacing); +} + +:is(button, [type=submit], [type=button], [role=button]).secondary, +[type=reset], +[type=file]::file-selector-button { + --pico-background-color: var(--pico-secondary-background); + --pico-border-color: var(--pico-secondary-border); + --pico-color: var(--pico-secondary-inverse); + cursor: pointer; +} +:is(button, [type=submit], [type=button], [role=button]).secondary:is([aria-current]:not([aria-current=false]), :hover, :active, :focus), +[type=reset]:is([aria-current]:not([aria-current=false]), :hover, :active, :focus), +[type=file]::file-selector-button:is([aria-current]:not([aria-current=false]), :hover, :active, :focus) { + --pico-background-color: var(--pico-secondary-hover-background); + --pico-border-color: var(--pico-secondary-hover-border); + --pico-color: var(--pico-secondary-inverse); +} +:is(button, [type=submit], [type=button], [role=button]).secondary:focus, :is(button, [type=submit], [type=button], [role=button]).secondary:is([aria-current]:not([aria-current=false])):focus, +[type=reset]:focus, +[type=reset]:is([aria-current]:not([aria-current=false])):focus, +[type=file]::file-selector-button:focus, +[type=file]::file-selector-button:is([aria-current]:not([aria-current=false])):focus { + --pico-box-shadow: var(--pico-button-hover-box-shadow, 0 0 0 rgba(0, 0, 0, 0)), 0 0 0 var(--pico-outline-width) var(--pico-secondary-focus); +} + +:is(button, [type=submit], [type=button], [role=button]).contrast { + --pico-background-color: var(--pico-contrast-background); + --pico-border-color: var(--pico-contrast-border); + --pico-color: var(--pico-contrast-inverse); +} +:is(button, [type=submit], [type=button], [role=button]).contrast:is([aria-current]:not([aria-current=false]), :hover, :active, :focus) { + --pico-background-color: var(--pico-contrast-hover-background); + --pico-border-color: var(--pico-contrast-hover-border); + --pico-color: var(--pico-contrast-inverse); +} +:is(button, [type=submit], [type=button], [role=button]).contrast:focus, :is(button, [type=submit], [type=button], [role=button]).contrast:is([aria-current]:not([aria-current=false])):focus { + --pico-box-shadow: var(--pico-button-hover-box-shadow, 0 0 0 rgba(0, 0, 0, 0)), 0 0 0 var(--pico-outline-width) var(--pico-contrast-focus); +} + +:is(button, [type=submit], [type=button], [role=button]).outline, +[type=reset].outline { + --pico-background-color: transparent; + --pico-color: var(--pico-primary); + --pico-border-color: var(--pico-primary); +} +:is(button, [type=submit], [type=button], [role=button]).outline:is([aria-current]:not([aria-current=false]), :hover, :active, :focus), +[type=reset].outline:is([aria-current]:not([aria-current=false]), :hover, :active, :focus) { + --pico-background-color: transparent; + --pico-color: var(--pico-primary-hover); + --pico-border-color: var(--pico-primary-hover); +} + +:is(button, [type=submit], [type=button], [role=button]).outline.secondary, +[type=reset].outline { + --pico-color: var(--pico-secondary); + --pico-border-color: var(--pico-secondary); +} +:is(button, [type=submit], [type=button], [role=button]).outline.secondary:is([aria-current]:not([aria-current=false]), :hover, :active, :focus), +[type=reset].outline:is([aria-current]:not([aria-current=false]), :hover, :active, :focus) { + --pico-color: var(--pico-secondary-hover); + --pico-border-color: var(--pico-secondary-hover); +} + +:is(button, [type=submit], [type=button], [role=button]).outline.contrast { + --pico-color: var(--pico-contrast); + --pico-border-color: var(--pico-contrast); +} +:is(button, [type=submit], [type=button], [role=button]).outline.contrast:is([aria-current]:not([aria-current=false]), :hover, :active, :focus) { + --pico-color: var(--pico-contrast-hover); + --pico-border-color: var(--pico-contrast-hover); +} + +:where(button, [type=submit], [type=reset], [type=button], [role=button])[disabled], +:where(fieldset[disabled]) :is(button, [type=submit], [type=button], [type=reset], [role=button]) { + opacity: 0.5; + pointer-events: none; +} + +/** + * Table + */ +:where(table) { + width: 100%; + border-collapse: collapse; + border-spacing: 0; + text-indent: 0; +} + +th, +td { + padding: calc(var(--pico-spacing) / 2) var(--pico-spacing); + border-bottom: var(--pico-border-width) solid var(--pico-table-border-color); + background-color: var(--pico-background-color); + color: var(--pico-color); + font-weight: var(--pico-font-weight); + text-align: left; + text-align: start; +} + +tfoot th, +tfoot td { + border-top: var(--pico-border-width) solid var(--pico-table-border-color); + border-bottom: 0; +} + +table.striped tbody tr:nth-child(odd) th, +table.striped tbody tr:nth-child(odd) td { + background-color: var(--pico-table-row-stripped-background-color); +} + +/** + * Embedded content + */ +:where(audio, canvas, iframe, img, svg, video) { + vertical-align: middle; +} + +audio, +video { + display: inline-block; +} + +audio:not([controls]) { + display: none; + height: 0; +} + +:where(iframe) { + border-style: none; +} + +img { + max-width: 100%; + height: auto; + border-style: none; +} + +:where(svg:not([fill])) { + fill: currentColor; +} + +svg:not(:root) { + overflow: hidden; +} + +/** + * Code + */ +pre, +code, +kbd, +samp { + font-size: 0.875em; + font-family: var(--pico-font-family); +} + +pre code { + font-size: inherit; + font-family: inherit; +} + +pre { + -ms-overflow-style: scrollbar; + overflow: auto; +} + +pre, +code, +kbd { + border-radius: var(--pico-border-radius); + background: var(--pico-code-background-color); + color: var(--pico-code-color); + font-weight: var(--pico-font-weight); + line-height: initial; +} + +code, +kbd { + display: inline-block; + padding: 0.375rem; +} + +pre { + display: block; + margin-bottom: var(--pico-spacing); + overflow-x: auto; +} +pre > code { + display: block; + padding: var(--pico-spacing); + background: none; + line-height: var(--pico-line-height); +} + +kbd { + background-color: var(--pico-code-kbd-background-color); + color: var(--pico-code-kbd-color); + vertical-align: baseline; +} + +/** + * Figure + */ +figure { + display: block; + margin: 0; + padding: 0; +} +figure figcaption { + padding: calc(var(--pico-spacing) * 0.5) 0; + color: var(--pico-muted-color); +} + +/** + * Miscs + */ +hr { + height: 0; + margin: var(--pico-typography-spacing-vertical) 0; + border: 0; + border-top: 1px solid var(--pico-muted-border-color); + color: inherit; +} + +[hidden], +template { + display: none !important; +} + +canvas { + display: inline-block; +} + +/** + * Basics form elements + */ +input, +optgroup, +select, +textarea { + margin: 0; + font-size: 1rem; + line-height: var(--pico-line-height); + font-family: inherit; + letter-spacing: inherit; +} + +input { + overflow: visible; +} + +select { + text-transform: none; +} + +legend { + max-width: 100%; + padding: 0; + color: inherit; + white-space: normal; +} + +textarea { + overflow: auto; +} + +[type=checkbox], +[type=radio] { + padding: 0; +} + +::-webkit-inner-spin-button, +::-webkit-outer-spin-button { + height: auto; +} + +[type=search] { + -webkit-appearance: textfield; + outline-offset: -2px; +} + +[type=search]::-webkit-search-decoration { + -webkit-appearance: none; +} + +::-webkit-file-upload-button { + -webkit-appearance: button; + font: inherit; +} + +::-moz-focus-inner { + padding: 0; + border-style: none; +} + +:-moz-focusring { + outline: none; +} + +:-moz-ui-invalid { + box-shadow: none; +} + +::-ms-expand { + display: none; +} + +[type=file], +[type=range] { + padding: 0; + border-width: 0; +} + +input:not([type=checkbox], [type=radio], [type=range]) { + height: calc(1rem * var(--pico-line-height) + var(--pico-form-element-spacing-vertical) * 2 + var(--pico-border-width) * 2); +} + +fieldset { + width: 100%; + margin: 0; + margin-bottom: var(--pico-spacing); + padding: 0; + border: 0; +} + +label, +fieldset legend { + display: block; + margin-bottom: calc(var(--pico-spacing) * 0.375); + color: var(--pico-color); + font-weight: var(--pico-form-label-font-weight, var(--pico-font-weight)); +} + +fieldset legend { + margin-bottom: calc(var(--pico-spacing) * 0.5); +} + +input:not([type=checkbox], [type=radio]), +button[type=submit], +select, +textarea { + width: 100%; +} + +input:not([type=checkbox], [type=radio], [type=range], [type=file]), +select, +textarea { + -webkit-appearance: none; + -moz-appearance: none; + appearance: none; + padding: var(--pico-form-element-spacing-vertical) var(--pico-form-element-spacing-horizontal); +} + +input, +select, +textarea { + --pico-background-color: var(--pico-form-element-background-color); + --pico-border-color: var(--pico-form-element-border-color); + --pico-color: var(--pico-form-element-color); + --pico-box-shadow: none; + border: var(--pico-border-width) solid var(--pico-border-color); + border-radius: var(--pico-border-radius); + outline: none; + background-color: var(--pico-background-color); + box-shadow: var(--pico-box-shadow); + color: var(--pico-color); + font-weight: var(--pico-font-weight); + transition: background-color var(--pico-transition), border-color var(--pico-transition), color var(--pico-transition), box-shadow var(--pico-transition); +} + +input:not([type=submit], +[type=button], +[type=reset], +[type=checkbox], +[type=radio], +[readonly]):is(:active, :focus), +:where(select, textarea):not([readonly]):is(:active, :focus) { + --pico-background-color: var(--pico-form-element-active-background-color); +} + +input:not([type=submit], [type=button], [type=reset], [role=switch], [readonly]):is(:active, :focus), +:where(select, textarea):not([readonly]):is(:active, :focus) { + --pico-border-color: var(--pico-form-element-active-border-color); +} + +input:not([type=submit], +[type=button], +[type=reset], +[type=range], +[type=file], +[readonly]):focus, +:where(select, textarea):not([readonly]):focus { + --pico-box-shadow: 0 0 0 var(--pico-outline-width) var(--pico-form-element-focus-color); +} + +input:not([type=submit], [type=button], [type=reset])[disabled], +select[disabled], +textarea[disabled], +label[aria-disabled=true], +:where(fieldset[disabled]) :is(input:not([type=submit], [type=button], [type=reset]), select, textarea) { + opacity: var(--pico-form-element-disabled-opacity); + pointer-events: none; +} + +label[aria-disabled=true] input[disabled] { + opacity: 1; +} + +:where(input, select, textarea):not([type=checkbox], +[type=radio], +[type=date], +[type=datetime-local], +[type=month], +[type=time], +[type=week], +[type=range])[aria-invalid] { + padding-right: calc(var(--pico-form-element-spacing-horizontal) + 1.5rem) !important; + padding-left: var(--pico-form-element-spacing-horizontal); + padding-inline-start: var(--pico-form-element-spacing-horizontal) !important; + padding-inline-end: calc(var(--pico-form-element-spacing-horizontal) + 1.5rem) !important; + background-position: center right 0.75rem; + background-size: 1rem auto; + background-repeat: no-repeat; +} +:where(input, select, textarea):not([type=checkbox], +[type=radio], +[type=date], +[type=datetime-local], +[type=month], +[type=time], +[type=week], +[type=range])[aria-invalid=false]:not(select) { + background-image: var(--pico-icon-valid); +} +:where(input, select, textarea):not([type=checkbox], +[type=radio], +[type=date], +[type=datetime-local], +[type=month], +[type=time], +[type=week], +[type=range])[aria-invalid=true]:not(select) { + background-image: var(--pico-icon-invalid); +} +:where(input, select, textarea)[aria-invalid=false] { + --pico-border-color: var(--pico-form-element-valid-border-color); +} +:where(input, select, textarea)[aria-invalid=false]:is(:active, :focus) { + --pico-border-color: var(--pico-form-element-valid-active-border-color) !important; +} +:where(input, select, textarea)[aria-invalid=false]:is(:active, :focus):not([type=checkbox], [type=radio]) { + --pico-box-shadow: 0 0 0 var(--pico-outline-width) var(--pico-form-element-valid-focus-color) !important; +} +:where(input, select, textarea)[aria-invalid=true] { + --pico-border-color: var(--pico-form-element-invalid-border-color); +} +:where(input, select, textarea)[aria-invalid=true]:is(:active, :focus) { + --pico-border-color: var(--pico-form-element-invalid-active-border-color) !important; +} +:where(input, select, textarea)[aria-invalid=true]:is(:active, :focus):not([type=checkbox], [type=radio]) { + --pico-box-shadow: 0 0 0 var(--pico-outline-width) var(--pico-form-element-invalid-focus-color) !important; +} + +[dir=rtl] :where(input, select, textarea):not([type=checkbox], [type=radio]):is([aria-invalid], [aria-invalid=true], [aria-invalid=false]) { + background-position: center left 0.75rem; +} + +input::placeholder, +input::-webkit-input-placeholder, +textarea::placeholder, +textarea::-webkit-input-placeholder, +select:invalid { + color: var(--pico-form-element-placeholder-color); + opacity: 1; +} + +input:not([type=checkbox], [type=radio]), +select, +textarea { + margin-bottom: var(--pico-spacing); +} + +select::-ms-expand { + border: 0; + background-color: transparent; +} +select:not([multiple], [size]) { + padding-right: calc(var(--pico-form-element-spacing-horizontal) + 1.5rem); + padding-left: var(--pico-form-element-spacing-horizontal); + padding-inline-start: var(--pico-form-element-spacing-horizontal); + padding-inline-end: calc(var(--pico-form-element-spacing-horizontal) + 1.5rem); + background-image: var(--pico-icon-chevron); + background-position: center right 0.75rem; + background-size: 1rem auto; + background-repeat: no-repeat; +} +select[multiple] option:checked { + background: var(--pico-form-element-selected-background-color); + color: var(--pico-form-element-color); +} + +[dir=rtl] select:not([multiple], [size]) { + background-position: center left 0.75rem; +} + +textarea { + display: block; + resize: vertical; +} +textarea[aria-invalid] { + --pico-icon-height: calc(1rem * var(--pico-line-height) + var(--pico-form-element-spacing-vertical) * 2 + var(--pico-border-width) * 2); + background-position: top right 0.75rem !important; + background-size: 1rem var(--pico-icon-height) !important; +} + +:where(input, select, textarea, fieldset, .grid) + small { + display: block; + width: 100%; + margin-top: calc(var(--pico-spacing) * -0.75); + margin-bottom: var(--pico-spacing); + color: var(--pico-muted-color); +} +:where(input, select, textarea, fieldset, .grid)[aria-invalid=false] + small { + color: var(--pico-ins-color); +} +:where(input, select, textarea, fieldset, .grid)[aria-invalid=true] + small { + color: var(--pico-del-color); +} + +label > :where(input, select, textarea) { + margin-top: calc(var(--pico-spacing) * 0.25); +} + +/** + * Checkboxes, Radios and Switches + */ +label:has([type=checkbox], [type=radio]) { + width: -moz-fit-content; + width: fit-content; + cursor: pointer; +} + +[type=checkbox], +[type=radio] { + -webkit-appearance: none; + -moz-appearance: none; + appearance: none; + width: 1.25em; + height: 1.25em; + margin-top: -0.125em; + margin-inline-end: 0.5em; + border-width: var(--pico-border-width); + vertical-align: middle; + cursor: pointer; +} +[type=checkbox]::-ms-check, +[type=radio]::-ms-check { + display: none; +} +[type=checkbox]:checked, [type=checkbox]:checked:active, [type=checkbox]:checked:focus, +[type=radio]:checked, +[type=radio]:checked:active, +[type=radio]:checked:focus { + --pico-background-color: var(--pico-primary-background); + --pico-border-color: var(--pico-primary-border); + background-image: var(--pico-icon-checkbox); + background-position: center; + background-size: 0.75em auto; + background-repeat: no-repeat; +} +[type=checkbox] ~ label, +[type=radio] ~ label { + display: inline-block; + margin-bottom: 0; + cursor: pointer; +} +[type=checkbox] ~ label:not(:last-of-type), +[type=radio] ~ label:not(:last-of-type) { + margin-inline-end: 1em; +} + +[type=checkbox]:indeterminate { + --pico-background-color: var(--pico-primary-background); + --pico-border-color: var(--pico-primary-border); + background-image: var(--pico-icon-minus); + background-position: center; + background-size: 0.75em auto; + background-repeat: no-repeat; +} + +[type=radio] { + border-radius: 50%; +} +[type=radio]:checked, [type=radio]:checked:active, [type=radio]:checked:focus { + --pico-background-color: var(--pico-primary-inverse); + border-width: 0.35em; + background-image: none; +} + +[type=checkbox][role=switch] { + --pico-background-color: var(--pico-switch-background-color); + --pico-color: var(--pico-switch-color); + width: 2.25em; + height: 1.25em; + border: var(--pico-border-width) solid var(--pico-border-color); + border-radius: 1.25em; + background-color: var(--pico-background-color); + line-height: 1.25em; +} +[type=checkbox][role=switch]:not([aria-invalid]) { + --pico-border-color: var(--pico-switch-background-color); +} +[type=checkbox][role=switch]:before { + display: block; + aspect-ratio: 1; + height: 100%; + border-radius: 50%; + background-color: var(--pico-color); + box-shadow: var(--pico-switch-thumb-box-shadow); + content: ""; + transition: margin 0.1s ease-in-out; +} +[type=checkbox][role=switch]:focus { + --pico-background-color: var(--pico-switch-background-color); + --pico-border-color: var(--pico-switch-background-color); +} +[type=checkbox][role=switch]:checked { + --pico-background-color: var(--pico-switch-checked-background-color); + --pico-border-color: var(--pico-switch-checked-background-color); + background-image: none; +} +[type=checkbox][role=switch]:checked::before { + margin-inline-start: calc(2.25em - 1.25em); +} +[type=checkbox][role=switch][disabled] { + --pico-background-color: var(--pico-border-color); +} + +[type=checkbox][aria-invalid=false]:checked, [type=checkbox][aria-invalid=false]:checked:active, [type=checkbox][aria-invalid=false]:checked:focus, +[type=checkbox][role=switch][aria-invalid=false]:checked, +[type=checkbox][role=switch][aria-invalid=false]:checked:active, +[type=checkbox][role=switch][aria-invalid=false]:checked:focus { + --pico-background-color: var(--pico-form-element-valid-border-color); +} +[type=checkbox]:checked[aria-invalid=true], [type=checkbox]:checked:active[aria-invalid=true], [type=checkbox]:checked:focus[aria-invalid=true], +[type=checkbox][role=switch]:checked[aria-invalid=true], +[type=checkbox][role=switch]:checked:active[aria-invalid=true], +[type=checkbox][role=switch]:checked:focus[aria-invalid=true] { + --pico-background-color: var(--pico-form-element-invalid-border-color); +} + +[type=checkbox][aria-invalid=false]:checked, [type=checkbox][aria-invalid=false]:checked:active, [type=checkbox][aria-invalid=false]:checked:focus, +[type=radio][aria-invalid=false]:checked, +[type=radio][aria-invalid=false]:checked:active, +[type=radio][aria-invalid=false]:checked:focus, +[type=checkbox][role=switch][aria-invalid=false]:checked, +[type=checkbox][role=switch][aria-invalid=false]:checked:active, +[type=checkbox][role=switch][aria-invalid=false]:checked:focus { + --pico-border-color: var(--pico-form-element-valid-border-color); +} +[type=checkbox]:checked[aria-invalid=true], [type=checkbox]:checked:active[aria-invalid=true], [type=checkbox]:checked:focus[aria-invalid=true], +[type=radio]:checked[aria-invalid=true], +[type=radio]:checked:active[aria-invalid=true], +[type=radio]:checked:focus[aria-invalid=true], +[type=checkbox][role=switch]:checked[aria-invalid=true], +[type=checkbox][role=switch]:checked:active[aria-invalid=true], +[type=checkbox][role=switch]:checked:focus[aria-invalid=true] { + --pico-border-color: var(--pico-form-element-invalid-border-color); +} + +/** + * Input type color + */ +[type=color]::-webkit-color-swatch-wrapper { + padding: 0; +} +[type=color]::-moz-focus-inner { + padding: 0; +} +[type=color]::-webkit-color-swatch { + border: 0; + border-radius: calc(var(--pico-border-radius) * 0.5); +} +[type=color]::-moz-color-swatch { + border: 0; + border-radius: calc(var(--pico-border-radius) * 0.5); +} + +/** + * Input type datetime + */ +input:not([type=checkbox], [type=radio], [type=range], [type=file]):is([type=date], [type=datetime-local], [type=month], [type=time], [type=week]) { + --pico-icon-position: 0.75rem; + --pico-icon-width: 1rem; + padding-right: calc(var(--pico-icon-width) + var(--pico-icon-position)); + background-image: var(--pico-icon-date); + background-position: center right var(--pico-icon-position); + background-size: var(--pico-icon-width) auto; + background-repeat: no-repeat; +} +input:not([type=checkbox], [type=radio], [type=range], [type=file])[type=time] { + background-image: var(--pico-icon-time); +} + +[type=date]::-webkit-calendar-picker-indicator, +[type=datetime-local]::-webkit-calendar-picker-indicator, +[type=month]::-webkit-calendar-picker-indicator, +[type=time]::-webkit-calendar-picker-indicator, +[type=week]::-webkit-calendar-picker-indicator { + width: var(--pico-icon-width); + margin-right: calc(var(--pico-icon-width) * -1); + margin-left: var(--pico-icon-position); + opacity: 0; +} + +@-moz-document url-prefix() { + [type=date], + [type=datetime-local], + [type=month], + [type=time], + [type=week] { + padding-right: var(--pico-form-element-spacing-horizontal) !important; + background-image: none !important; + } +} +[dir=rtl] :is([type=date], [type=datetime-local], [type=month], [type=time], [type=week]) { + text-align: right; +} + +/** + * Input type file + */ +[type=file] { + --pico-color: var(--pico-muted-color); + margin-left: calc(var(--pico-outline-width) * -1); + padding: calc(var(--pico-form-element-spacing-vertical) * 0.5) 0; + padding-left: var(--pico-outline-width); + border: 0; + border-radius: 0; + background: none; +} +[type=file]::file-selector-button { + margin-right: calc(var(--pico-spacing) / 2); + padding: calc(var(--pico-form-element-spacing-vertical) * 0.5) var(--pico-form-element-spacing-horizontal); +} +[type=file]:is(:hover, :active, :focus)::file-selector-button { + --pico-background-color: var(--pico-secondary-hover-background); + --pico-border-color: var(--pico-secondary-hover-border); +} +[type=file]:focus::file-selector-button { + --pico-box-shadow: var(--pico-button-hover-box-shadow, 0 0 0 rgba(0, 0, 0, 0)), 0 0 0 var(--pico-outline-width) var(--pico-secondary-focus); +} + +/** + * Input type range + */ +[type=range] { + -webkit-appearance: none; + -moz-appearance: none; + appearance: none; + width: 100%; + height: 1.25rem; + background: none; +} +[type=range]::-webkit-slider-runnable-track { + width: 100%; + height: 0.375rem; + border-radius: var(--pico-border-radius); + background-color: var(--pico-range-border-color); + -webkit-transition: background-color var(--pico-transition), box-shadow var(--pico-transition); + transition: background-color var(--pico-transition), box-shadow var(--pico-transition); +} +[type=range]::-moz-range-track { + width: 100%; + height: 0.375rem; + border-radius: var(--pico-border-radius); + background-color: var(--pico-range-border-color); + -moz-transition: background-color var(--pico-transition), box-shadow var(--pico-transition); + transition: background-color var(--pico-transition), box-shadow var(--pico-transition); +} +[type=range]::-ms-track { + width: 100%; + height: 0.375rem; + border-radius: var(--pico-border-radius); + background-color: var(--pico-range-border-color); + -ms-transition: background-color var(--pico-transition), box-shadow var(--pico-transition); + transition: background-color var(--pico-transition), box-shadow var(--pico-transition); +} +[type=range]::-webkit-slider-thumb { + -webkit-appearance: none; + width: 1.25rem; + height: 1.25rem; + margin-top: -0.4375rem; + border: 2px solid var(--pico-range-thumb-border-color); + border-radius: 50%; + background-color: var(--pico-range-thumb-color); + cursor: pointer; + -webkit-transition: background-color var(--pico-transition), transform var(--pico-transition); + transition: background-color var(--pico-transition), transform var(--pico-transition); +} +[type=range]::-moz-range-thumb { + -webkit-appearance: none; + width: 1.25rem; + height: 1.25rem; + margin-top: -0.4375rem; + border: 2px solid var(--pico-range-thumb-border-color); + border-radius: 50%; + background-color: var(--pico-range-thumb-color); + cursor: pointer; + -moz-transition: background-color var(--pico-transition), transform var(--pico-transition); + transition: background-color var(--pico-transition), transform var(--pico-transition); +} +[type=range]::-ms-thumb { + -webkit-appearance: none; + width: 1.25rem; + height: 1.25rem; + margin-top: -0.4375rem; + border: 2px solid var(--pico-range-thumb-border-color); + border-radius: 50%; + background-color: var(--pico-range-thumb-color); + cursor: pointer; + -ms-transition: background-color var(--pico-transition), transform var(--pico-transition); + transition: background-color var(--pico-transition), transform var(--pico-transition); +} +[type=range]:active, [type=range]:focus-within { + --pico-range-border-color: var(--pico-range-active-border-color); + --pico-range-thumb-color: var(--pico-range-thumb-active-color); +} +[type=range]:active::-webkit-slider-thumb { + transform: scale(1.25); +} +[type=range]:active::-moz-range-thumb { + transform: scale(1.25); +} +[type=range]:active::-ms-thumb { + transform: scale(1.25); +} + +/** + * Input type search + */ +input:not([type=checkbox], [type=radio], [type=range], [type=file])[type=search] { + padding-inline-start: calc(var(--pico-form-element-spacing-horizontal) + 1.75rem); + background-image: var(--pico-icon-search); + background-position: center left calc(var(--pico-form-element-spacing-horizontal) + 0.125rem); + background-size: 1rem auto; + background-repeat: no-repeat; +} +input:not([type=checkbox], [type=radio], [type=range], [type=file])[type=search][aria-invalid] { + padding-inline-start: calc(var(--pico-form-element-spacing-horizontal) + 1.75rem) !important; + background-position: center left 1.125rem, center right 0.75rem; +} +input:not([type=checkbox], [type=radio], [type=range], [type=file])[type=search][aria-invalid=false] { + background-image: var(--pico-icon-search), var(--pico-icon-valid); +} +input:not([type=checkbox], [type=radio], [type=range], [type=file])[type=search][aria-invalid=true] { + background-image: var(--pico-icon-search), var(--pico-icon-invalid); +} + +[dir=rtl] :where(input):not([type=checkbox], [type=radio], [type=range], [type=file])[type=search] { + background-position: center right 1.125rem; +} +[dir=rtl] :where(input):not([type=checkbox], [type=radio], [type=range], [type=file])[type=search][aria-invalid] { + background-position: center right 1.125rem, center left 0.75rem; +} + +/** + * Accordion (
) + */ +details { + display: block; + margin-bottom: var(--pico-spacing); +} +details summary { + line-height: 1rem; + list-style-type: none; + cursor: pointer; + transition: color var(--pico-transition); +} +details summary:not([role]) { + color: var(--pico-accordion-close-summary-color); +} +details summary::-webkit-details-marker { + display: none; +} +details summary::marker { + display: none; +} +details summary::-moz-list-bullet { + list-style-type: none; +} +details summary::after { + display: block; + width: 1rem; + height: 1rem; + margin-inline-start: calc(var(--pico-spacing, 1rem) * 0.5); + float: right; + transform: rotate(-90deg); + background-image: var(--pico-icon-chevron); + background-position: right center; + background-size: 1rem auto; + background-repeat: no-repeat; + content: ""; + transition: transform var(--pico-transition); +} +details summary:focus { + outline: none; +} +details summary:focus:not([role]) { + color: var(--pico-accordion-active-summary-color); +} +details summary:focus-visible:not([role]) { + outline: var(--pico-outline-width) solid var(--pico-primary-focus); + outline-offset: calc(var(--pico-spacing, 1rem) * 0.5); + color: var(--pico-primary); +} +details summary[role=button] { + width: 100%; + text-align: left; +} +details summary[role=button]::after { + height: calc(1rem * var(--pico-line-height, 1.5)); +} +details[open] > summary { + margin-bottom: var(--pico-spacing); +} +details[open] > summary:not([role]):not(:focus) { + color: var(--pico-accordion-open-summary-color); +} +details[open] > summary::after { + transform: rotate(0); +} + +[dir=rtl] details summary { + text-align: right; +} +[dir=rtl] details summary::after { + float: left; + background-position: left center; +} + +/** + * Card (
) + */ +article { + margin-bottom: var(--pico-block-spacing-vertical); + padding: var(--pico-block-spacing-vertical) var(--pico-block-spacing-horizontal); + border-radius: var(--pico-border-radius); + background: var(--pico-card-background-color); + box-shadow: var(--pico-card-box-shadow); +} +article > header, +article > footer { + margin-right: calc(var(--pico-block-spacing-horizontal) * -1); + margin-left: calc(var(--pico-block-spacing-horizontal) * -1); + padding: calc(var(--pico-block-spacing-vertical) * 0.66) var(--pico-block-spacing-horizontal); + background-color: var(--pico-card-sectioning-background-color); +} +article > header { + margin-top: calc(var(--pico-block-spacing-vertical) * -1); + margin-bottom: var(--pico-block-spacing-vertical); + border-bottom: var(--pico-border-width) solid var(--pico-card-border-color); + border-top-right-radius: var(--pico-border-radius); + border-top-left-radius: var(--pico-border-radius); +} +article > footer { + margin-top: var(--pico-block-spacing-vertical); + margin-bottom: calc(var(--pico-block-spacing-vertical) * -1); + border-top: var(--pico-border-width) solid var(--pico-card-border-color); + border-bottom-right-radius: var(--pico-border-radius); + border-bottom-left-radius: var(--pico-border-radius); +} + +/** + * Dropdown (details.dropdown) + */ +details.dropdown { + position: relative; + border-bottom: none; +} +details.dropdown summary::after, +details.dropdown > button::after, +details.dropdown > a::after { + display: block; + width: 1rem; + height: calc(1rem * var(--pico-line-height, 1.5)); + margin-inline-start: 0.25rem; + float: right; + transform: rotate(0deg) translateX(0.2rem); + background-image: var(--pico-icon-chevron); + background-position: right center; + background-size: 1rem auto; + background-repeat: no-repeat; + content: ""; +} + +nav details.dropdown { + margin-bottom: 0; +} + +details.dropdown summary:not([role]) { + height: calc(1rem * var(--pico-line-height) + var(--pico-form-element-spacing-vertical) * 2 + var(--pico-border-width) * 2); + padding: var(--pico-form-element-spacing-vertical) var(--pico-form-element-spacing-horizontal); + border: var(--pico-border-width) solid var(--pico-form-element-border-color); + border-radius: var(--pico-border-radius); + background-color: var(--pico-form-element-background-color); + color: var(--pico-form-element-placeholder-color); + line-height: inherit; + cursor: pointer; + -webkit-user-select: none; + -moz-user-select: none; + user-select: none; + transition: background-color var(--pico-transition), border-color var(--pico-transition), color var(--pico-transition), box-shadow var(--pico-transition); +} +details.dropdown summary:not([role]):active, details.dropdown summary:not([role]):focus { + border-color: var(--pico-form-element-active-border-color); + background-color: var(--pico-form-element-active-background-color); +} +details.dropdown summary:not([role]):focus { + box-shadow: 0 0 0 var(--pico-outline-width) var(--pico-form-element-focus-color); +} +details.dropdown summary:not([role]):focus-visible { + outline: none; +} +details.dropdown summary:not([role])[aria-invalid=false] { + --pico-form-element-border-color: var(--pico-form-element-valid-border-color); + --pico-form-element-active-border-color: var(--pico-form-element-valid-focus-color); + --pico-form-element-focus-color: var(--pico-form-element-valid-focus-color); +} +details.dropdown summary:not([role])[aria-invalid=true] { + --pico-form-element-border-color: var(--pico-form-element-invalid-border-color); + --pico-form-element-active-border-color: var(--pico-form-element-invalid-focus-color); + --pico-form-element-focus-color: var(--pico-form-element-invalid-focus-color); +} + +nav details.dropdown { + display: inline; + margin: calc(var(--pico-nav-element-spacing-vertical) * -1) 0; +} +nav details.dropdown summary::after { + transform: rotate(0deg) translateX(0rem); +} +nav details.dropdown summary:not([role]) { + height: calc(1rem * var(--pico-line-height) + var(--pico-nav-link-spacing-vertical) * 2); + padding: calc(var(--pico-nav-link-spacing-vertical) - var(--pico-border-width) * 2) var(--pico-nav-link-spacing-horizontal); +} +nav details.dropdown summary:not([role]):focus-visible { + box-shadow: 0 0 0 var(--pico-outline-width) var(--pico-primary-focus); +} + +details.dropdown summary + ul { + display: flex; + z-index: 99; + position: absolute; + left: 0; + flex-direction: column; + width: 100%; + min-width: -moz-fit-content; + min-width: fit-content; + margin: 0; + margin-top: var(--pico-outline-width); + padding: 0; + border: var(--pico-border-width) solid var(--pico-dropdown-border-color); + border-radius: var(--pico-border-radius); + background-color: var(--pico-dropdown-background-color); + box-shadow: var(--pico-dropdown-box-shadow); + color: var(--pico-dropdown-color); + white-space: nowrap; + opacity: 0; + transition: opacity var(--pico-transition), transform 0s ease-in-out 1s; +} +details.dropdown summary + ul[dir=rtl] { + right: 0; + left: auto; +} +details.dropdown summary + ul li { + width: 100%; + margin-bottom: 0; + padding: calc(var(--pico-form-element-spacing-vertical) * 0.5) var(--pico-form-element-spacing-horizontal); + list-style: none; +} +details.dropdown summary + ul li:first-of-type { + margin-top: calc(var(--pico-form-element-spacing-vertical) * 0.5); +} +details.dropdown summary + ul li:last-of-type { + margin-bottom: calc(var(--pico-form-element-spacing-vertical) * 0.5); +} +details.dropdown summary + ul li a { + display: block; + margin: calc(var(--pico-form-element-spacing-vertical) * -0.5) calc(var(--pico-form-element-spacing-horizontal) * -1); + padding: calc(var(--pico-form-element-spacing-vertical) * 0.5) var(--pico-form-element-spacing-horizontal); + overflow: hidden; + border-radius: 0; + color: var(--pico-dropdown-color); + text-decoration: none; + text-overflow: ellipsis; +} +details.dropdown summary + ul li a:hover, details.dropdown summary + ul li a:focus, details.dropdown summary + ul li a:active, details.dropdown summary + ul li a:focus-visible, details.dropdown summary + ul li a[aria-current]:not([aria-current=false]) { + background-color: var(--pico-dropdown-hover-background-color); +} +details.dropdown summary + ul li label { + width: 100%; +} +details.dropdown summary + ul li:has(label):hover { + background-color: var(--pico-dropdown-hover-background-color); +} + +details.dropdown[open] summary { + margin-bottom: 0; +} + +details.dropdown[open] summary + ul { + transform: scaleY(1); + opacity: 1; + transition: opacity var(--pico-transition), transform 0s ease-in-out 0s; +} + +details.dropdown[open] summary::before { + display: block; + z-index: 1; + position: fixed; + width: 100vw; + height: 100vh; + inset: 0; + background: none; + content: ""; + cursor: default; +} + +label > details.dropdown { + margin-top: calc(var(--pico-spacing) * 0.25); +} + +/** + * Group ([role="group"], [role="search"]) + */ +[role=search], +[role=group] { + display: inline-flex; + position: relative; + width: 100%; + margin-bottom: var(--pico-spacing); + border-radius: var(--pico-border-radius); + box-shadow: var(--pico-group-box-shadow, 0 0 0 rgba(0, 0, 0, 0)); + vertical-align: middle; + transition: box-shadow var(--pico-transition); +} +[role=search] > *, +[role=search] input:not([type=checkbox], [type=radio]), +[role=search] select, +[role=group] > *, +[role=group] input:not([type=checkbox], [type=radio]), +[role=group] select { + position: relative; + flex: 1 1 auto; + margin-bottom: 0; +} +[role=search] > *:not(:first-child), +[role=search] input:not([type=checkbox], [type=radio]):not(:first-child), +[role=search] select:not(:first-child), +[role=group] > *:not(:first-child), +[role=group] input:not([type=checkbox], [type=radio]):not(:first-child), +[role=group] select:not(:first-child) { + margin-left: 0; + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} +[role=search] > *:not(:last-child), +[role=search] input:not([type=checkbox], [type=radio]):not(:last-child), +[role=search] select:not(:last-child), +[role=group] > *:not(:last-child), +[role=group] input:not([type=checkbox], [type=radio]):not(:last-child), +[role=group] select:not(:last-child) { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +[role=search] > *:focus, +[role=search] input:not([type=checkbox], [type=radio]):focus, +[role=search] select:focus, +[role=group] > *:focus, +[role=group] input:not([type=checkbox], [type=radio]):focus, +[role=group] select:focus { + z-index: 2; +} +[role=search] button:not(:first-child), +[role=search] [type=submit]:not(:first-child), +[role=search] [type=reset]:not(:first-child), +[role=search] [type=button]:not(:first-child), +[role=search] [role=button]:not(:first-child), +[role=search] input:not([type=checkbox], [type=radio]):not(:first-child), +[role=search] select:not(:first-child), +[role=group] button:not(:first-child), +[role=group] [type=submit]:not(:first-child), +[role=group] [type=reset]:not(:first-child), +[role=group] [type=button]:not(:first-child), +[role=group] [role=button]:not(:first-child), +[role=group] input:not([type=checkbox], [type=radio]):not(:first-child), +[role=group] select:not(:first-child) { + margin-left: calc(var(--pico-border-width) * -1); +} +[role=search] button, +[role=search] [type=submit], +[role=search] [type=reset], +[role=search] [type=button], +[role=search] [role=button], +[role=group] button, +[role=group] [type=submit], +[role=group] [type=reset], +[role=group] [type=button], +[role=group] [role=button] { + width: auto; +} +@supports selector(:has(*)) { + [role=search]:has(button:focus, [type=submit]:focus, [type=button]:focus, [role=button]:focus), + [role=group]:has(button:focus, [type=submit]:focus, [type=button]:focus, [role=button]:focus) { + --pico-group-box-shadow: var(--pico-group-box-shadow-focus-with-button); + } + [role=search]:has(button:focus, [type=submit]:focus, [type=button]:focus, [role=button]:focus) input:not([type=checkbox], [type=radio]), + [role=search]:has(button:focus, [type=submit]:focus, [type=button]:focus, [role=button]:focus) select, + [role=group]:has(button:focus, [type=submit]:focus, [type=button]:focus, [role=button]:focus) input:not([type=checkbox], [type=radio]), + [role=group]:has(button:focus, [type=submit]:focus, [type=button]:focus, [role=button]:focus) select { + border-color: transparent; + } + [role=search]:has(input:not([type=submit], [type=button]):focus, select:focus), + [role=group]:has(input:not([type=submit], [type=button]):focus, select:focus) { + --pico-group-box-shadow: var(--pico-group-box-shadow-focus-with-input); + } + [role=search]:has(input:not([type=submit], [type=button]):focus, select:focus) button, + [role=search]:has(input:not([type=submit], [type=button]):focus, select:focus) [type=submit], + [role=search]:has(input:not([type=submit], [type=button]):focus, select:focus) [type=button], + [role=search]:has(input:not([type=submit], [type=button]):focus, select:focus) [role=button], + [role=group]:has(input:not([type=submit], [type=button]):focus, select:focus) button, + [role=group]:has(input:not([type=submit], [type=button]):focus, select:focus) [type=submit], + [role=group]:has(input:not([type=submit], [type=button]):focus, select:focus) [type=button], + [role=group]:has(input:not([type=submit], [type=button]):focus, select:focus) [role=button] { + --pico-button-box-shadow: 0 0 0 var(--pico-border-width) var(--pico-primary-border); + --pico-button-hover-box-shadow: 0 0 0 var(--pico-border-width) var(--pico-primary-hover-border); + } + [role=search] button:focus, + [role=search] [type=submit]:focus, + [role=search] [type=reset]:focus, + [role=search] [type=button]:focus, + [role=search] [role=button]:focus, + [role=group] button:focus, + [role=group] [type=submit]:focus, + [role=group] [type=reset]:focus, + [role=group] [type=button]:focus, + [role=group] [role=button]:focus { + box-shadow: none; + } +} + +[role=search] > *:first-child { + border-top-left-radius: 5rem; + border-bottom-left-radius: 5rem; +} +[role=search] > *:last-child { + border-top-right-radius: 5rem; + border-bottom-right-radius: 5rem; +} + +/** + * Loading ([aria-busy=true]) + */ +[aria-busy=true]:not(input, select, textarea, html) { + white-space: nowrap; +} +[aria-busy=true]:not(input, select, textarea, html)::before { + display: inline-block; + width: 1em; + height: 1em; + background-image: var(--pico-icon-loading); + background-size: 1em auto; + background-repeat: no-repeat; + content: ""; + vertical-align: -0.125em; +} +[aria-busy=true]:not(input, select, textarea, html):not(:empty)::before { + margin-inline-end: calc(var(--pico-spacing) * 0.5); +} +[aria-busy=true]:not(input, select, textarea, html):empty { + text-align: center; +} + +button[aria-busy=true], +[type=submit][aria-busy=true], +[type=button][aria-busy=true], +[type=reset][aria-busy=true], +[role=button][aria-busy=true], +a[aria-busy=true] { + pointer-events: none; +} + +/** + * Modal () + */ +:root { + --pico-scrollbar-width: 0px; +} + +dialog { + display: flex; + z-index: 999; + position: fixed; + top: 0; + right: 0; + bottom: 0; + left: 0; + align-items: center; + justify-content: center; + width: inherit; + min-width: 100%; + height: inherit; + min-height: 100%; + padding: 0; + border: 0; + -webkit-backdrop-filter: var(--pico-modal-overlay-backdrop-filter); + backdrop-filter: var(--pico-modal-overlay-backdrop-filter); + background-color: var(--pico-modal-overlay-background-color); + color: var(--pico-color); +} +dialog article { + width: 100%; + max-height: calc(100vh - var(--pico-spacing) * 2); + margin: var(--pico-spacing); + overflow: auto; +} +@media (min-width: 576px) { + dialog article { + max-width: 510px; + } +} +@media (min-width: 768px) { + dialog article { + max-width: 700px; + } +} +dialog article > header > * { + margin-bottom: 0; +} +dialog article > header .close, dialog article > header :is(a, button)[rel=prev] { + margin: 0; + margin-left: var(--pico-spacing); + padding: 0; + float: right; +} +dialog article > footer { + text-align: right; +} +dialog article > footer button, +dialog article > footer [role=button] { + margin-bottom: 0; +} +dialog article > footer button:not(:first-of-type), +dialog article > footer [role=button]:not(:first-of-type) { + margin-left: calc(var(--pico-spacing) * 0.5); +} +dialog article .close, dialog article :is(a, button)[rel=prev] { + display: block; + width: 1rem; + height: 1rem; + margin-top: calc(var(--pico-spacing) * -1); + margin-bottom: var(--pico-spacing); + margin-left: auto; + border: none; + background-image: var(--pico-icon-close); + background-position: center; + background-size: auto 1rem; + background-repeat: no-repeat; + background-color: transparent; + opacity: 0.5; + transition: opacity var(--pico-transition); +} +dialog article .close:is([aria-current]:not([aria-current=false]), :hover, :active, :focus), dialog article :is(a, button)[rel=prev]:is([aria-current]:not([aria-current=false]), :hover, :active, :focus) { + opacity: 1; +} +dialog:not([open]), dialog[open=false] { + display: none; +} + +.modal-is-open { + padding-right: var(--pico-scrollbar-width, 0px); + overflow: hidden; + pointer-events: none; + touch-action: none; +} +.modal-is-open dialog { + pointer-events: auto; + touch-action: auto; +} + +:where(.modal-is-opening, .modal-is-closing) dialog, +:where(.modal-is-opening, .modal-is-closing) dialog > article { + animation-duration: 0.2s; + animation-timing-function: ease-in-out; + animation-fill-mode: both; +} +:where(.modal-is-opening, .modal-is-closing) dialog { + animation-duration: 0.8s; + animation-name: modal-overlay; +} +:where(.modal-is-opening, .modal-is-closing) dialog > article { + animation-delay: 0.2s; + animation-name: modal; +} + +.modal-is-closing dialog, +.modal-is-closing dialog > article { + animation-delay: 0s; + animation-direction: reverse; +} + +@keyframes modal-overlay { + from { + -webkit-backdrop-filter: none; + backdrop-filter: none; + background-color: transparent; + } +} +@keyframes modal { + from { + transform: translateY(-100%); + opacity: 0; + } +} +/** + * Nav + */ +:where(nav li)::before { + float: left; + content: "​"; +} + +nav, +nav ul { + display: flex; +} + +nav { + justify-content: space-between; + overflow: visible; +} +nav ol, +nav ul { + align-items: center; + margin-bottom: 0; + padding: 0; + list-style: none; +} +nav ol:first-of-type, +nav ul:first-of-type { + margin-left: calc(var(--pico-nav-element-spacing-horizontal) * -1); +} +nav ol:last-of-type, +nav ul:last-of-type { + margin-right: calc(var(--pico-nav-element-spacing-horizontal) * -1); +} +nav li { + display: inline-block; + margin: 0; + padding: var(--pico-nav-element-spacing-vertical) var(--pico-nav-element-spacing-horizontal); +} +nav li :where(a, [role=link]) { + display: inline-block; + margin: calc(var(--pico-nav-link-spacing-vertical) * -1) calc(var(--pico-nav-link-spacing-horizontal) * -1); + padding: var(--pico-nav-link-spacing-vertical) var(--pico-nav-link-spacing-horizontal); + border-radius: var(--pico-border-radius); +} +nav li :where(a, [role=link]):not(:hover) { + text-decoration: none; +} +nav li button, +nav li [role=button], +nav li [type=button], +nav li input:not([type=checkbox], [type=radio], [type=range], [type=file]), +nav li select { + height: auto; + margin-right: inherit; + margin-bottom: 0; + margin-left: inherit; + padding: calc(var(--pico-nav-link-spacing-vertical) - var(--pico-border-width) * 2) var(--pico-nav-link-spacing-horizontal); +} +nav[aria-label=breadcrumb] { + align-items: center; + justify-content: start; +} +nav[aria-label=breadcrumb] ul li:not(:first-child) { + margin-inline-start: var(--pico-nav-link-spacing-horizontal); +} +nav[aria-label=breadcrumb] ul li a { + margin: calc(var(--pico-nav-link-spacing-vertical) * -1) 0; + margin-inline-start: calc(var(--pico-nav-link-spacing-horizontal) * -1); +} +nav[aria-label=breadcrumb] ul li:not(:last-child)::after { + display: inline-block; + position: absolute; + width: calc(var(--pico-nav-link-spacing-horizontal) * 4); + margin: 0 calc(var(--pico-nav-link-spacing-horizontal) * -1); + content: var(--pico-nav-breadcrumb-divider); + color: var(--pico-muted-color); + text-align: center; + text-decoration: none; + white-space: nowrap; +} +nav[aria-label=breadcrumb] a[aria-current]:not([aria-current=false]) { + background-color: transparent; + color: inherit; + text-decoration: none; + pointer-events: none; +} + +aside nav, +aside ol, +aside ul, +aside li { + display: block; +} +aside li { + padding: calc(var(--pico-nav-element-spacing-vertical) * 0.5) var(--pico-nav-element-spacing-horizontal); +} +aside li a { + display: block; +} +aside li [role=button] { + margin: inherit; +} + +[dir=rtl] nav[aria-label=breadcrumb] ul li:not(:last-child) ::after { + content: "\\"; +} + +/** + * Progress + */ +progress { + display: inline-block; + vertical-align: baseline; +} + +progress { + -webkit-appearance: none; + -moz-appearance: none; + display: inline-block; + appearance: none; + width: 100%; + height: 0.5rem; + margin-bottom: calc(var(--pico-spacing) * 0.5); + overflow: hidden; + border: 0; + border-radius: var(--pico-border-radius); + background-color: var(--pico-progress-background-color); + color: var(--pico-progress-color); +} +progress::-webkit-progress-bar { + border-radius: var(--pico-border-radius); + background: none; +} +progress[value]::-webkit-progress-value { + background-color: var(--pico-progress-color); + -webkit-transition: inline-size var(--pico-transition); + transition: inline-size var(--pico-transition); +} +progress::-moz-progress-bar { + background-color: var(--pico-progress-color); +} +@media (prefers-reduced-motion: no-preference) { + progress:indeterminate { + background: var(--pico-progress-background-color) linear-gradient(to right, var(--pico-progress-color) 30%, var(--pico-progress-background-color) 30%) top left/150% 150% no-repeat; + animation: progress-indeterminate 1s linear infinite; + } + progress:indeterminate[value]::-webkit-progress-value { + background-color: transparent; + } + progress:indeterminate::-moz-progress-bar { + background-color: transparent; + } +} + +@media (prefers-reduced-motion: no-preference) { + [dir=rtl] progress:indeterminate { + animation-direction: reverse; + } +} + +@keyframes progress-indeterminate { + 0% { + background-position: 200% 0; + } + 100% { + background-position: -200% 0; + } +} +/** + * Tooltip ([data-tooltip]) + */ +[data-tooltip] { + position: relative; +} +[data-tooltip]:not(a, button, input) { + border-bottom: 1px dotted; + text-decoration: none; + cursor: help; +} +[data-tooltip][data-placement=top]::before, [data-tooltip][data-placement=top]::after, [data-tooltip]::before, [data-tooltip]::after { + display: block; + z-index: 99; + position: absolute; + bottom: 100%; + left: 50%; + padding: 0.25rem 0.5rem; + overflow: hidden; + transform: translate(-50%, -0.25rem); + border-radius: var(--pico-border-radius); + background: var(--pico-tooltip-background-color); + content: attr(data-tooltip); + color: var(--pico-tooltip-color); + font-style: normal; + font-weight: var(--pico-font-weight); + font-size: 0.875rem; + text-decoration: none; + text-overflow: ellipsis; + white-space: nowrap; + opacity: 0; + pointer-events: none; +} +[data-tooltip][data-placement=top]::after, [data-tooltip]::after { + padding: 0; + transform: translate(-50%, 0rem); + border-top: 0.3rem solid; + border-right: 0.3rem solid transparent; + border-left: 0.3rem solid transparent; + border-radius: 0; + background-color: transparent; + content: ""; + color: var(--pico-tooltip-background-color); +} +[data-tooltip][data-placement=bottom]::before, [data-tooltip][data-placement=bottom]::after { + top: 100%; + bottom: auto; + transform: translate(-50%, 0.25rem); +} +[data-tooltip][data-placement=bottom]:after { + transform: translate(-50%, -0.3rem); + border: 0.3rem solid transparent; + border-bottom: 0.3rem solid; +} +[data-tooltip][data-placement=left]::before, [data-tooltip][data-placement=left]::after { + top: 50%; + right: 100%; + bottom: auto; + left: auto; + transform: translate(-0.25rem, -50%); +} +[data-tooltip][data-placement=left]:after { + transform: translate(0.3rem, -50%); + border: 0.3rem solid transparent; + border-left: 0.3rem solid; +} +[data-tooltip][data-placement=right]::before, [data-tooltip][data-placement=right]::after { + top: 50%; + right: auto; + bottom: auto; + left: 100%; + transform: translate(0.25rem, -50%); +} +[data-tooltip][data-placement=right]:after { + transform: translate(-0.3rem, -50%); + border: 0.3rem solid transparent; + border-right: 0.3rem solid; +} +[data-tooltip]:focus::before, [data-tooltip]:focus::after, [data-tooltip]:hover::before, [data-tooltip]:hover::after { + opacity: 1; +} +@media (hover: hover) and (pointer: fine) { + [data-tooltip]:focus::before, [data-tooltip]:focus::after, [data-tooltip]:hover::before, [data-tooltip]:hover::after { + --pico-tooltip-slide-to: translate(-50%, -0.25rem); + transform: translate(-50%, 0.75rem); + animation-duration: 0.2s; + animation-fill-mode: forwards; + animation-name: tooltip-slide; + opacity: 0; + } + [data-tooltip]:focus::after, [data-tooltip]:hover::after { + --pico-tooltip-caret-slide-to: translate(-50%, 0rem); + transform: translate(-50%, -0.25rem); + animation-name: tooltip-caret-slide; + } + [data-tooltip][data-placement=bottom]:focus::before, [data-tooltip][data-placement=bottom]:focus::after, [data-tooltip][data-placement=bottom]:hover::before, [data-tooltip][data-placement=bottom]:hover::after { + --pico-tooltip-slide-to: translate(-50%, 0.25rem); + transform: translate(-50%, -0.75rem); + animation-name: tooltip-slide; + } + [data-tooltip][data-placement=bottom]:focus::after, [data-tooltip][data-placement=bottom]:hover::after { + --pico-tooltip-caret-slide-to: translate(-50%, -0.3rem); + transform: translate(-50%, -0.5rem); + animation-name: tooltip-caret-slide; + } + [data-tooltip][data-placement=left]:focus::before, [data-tooltip][data-placement=left]:focus::after, [data-tooltip][data-placement=left]:hover::before, [data-tooltip][data-placement=left]:hover::after { + --pico-tooltip-slide-to: translate(-0.25rem, -50%); + transform: translate(0.75rem, -50%); + animation-name: tooltip-slide; + } + [data-tooltip][data-placement=left]:focus::after, [data-tooltip][data-placement=left]:hover::after { + --pico-tooltip-caret-slide-to: translate(0.3rem, -50%); + transform: translate(0.05rem, -50%); + animation-name: tooltip-caret-slide; + } + [data-tooltip][data-placement=right]:focus::before, [data-tooltip][data-placement=right]:focus::after, [data-tooltip][data-placement=right]:hover::before, [data-tooltip][data-placement=right]:hover::after { + --pico-tooltip-slide-to: translate(0.25rem, -50%); + transform: translate(-0.75rem, -50%); + animation-name: tooltip-slide; + } + [data-tooltip][data-placement=right]:focus::after, [data-tooltip][data-placement=right]:hover::after { + --pico-tooltip-caret-slide-to: translate(-0.3rem, -50%); + transform: translate(-0.05rem, -50%); + animation-name: tooltip-caret-slide; + } +} +@keyframes tooltip-slide { + to { + transform: var(--pico-tooltip-slide-to); + opacity: 1; + } +} +@keyframes tooltip-caret-slide { + 50% { + opacity: 0; + } + to { + transform: var(--pico-tooltip-caret-slide-to); + opacity: 1; + } +} + +/** + * Accessibility & User interaction + */ +[aria-controls] { + cursor: pointer; +} + +[aria-disabled=true], +[disabled] { + cursor: not-allowed; +} + +[aria-hidden=false][hidden] { + display: initial; +} + +[aria-hidden=false][hidden]:not(:focus) { + clip: rect(0, 0, 0, 0); + position: absolute; +} + +a, +area, +button, +input, +label, +select, +summary, +textarea, +[tabindex] { + -ms-touch-action: manipulation; +} + +[dir=rtl] { + direction: rtl; +} + +/** + * Reduce Motion Features + */ +@media (prefers-reduced-motion: reduce) { + *:not([aria-busy=true]), + :not([aria-busy=true])::before, + :not([aria-busy=true])::after { + background-attachment: initial !important; + animation-duration: 1ms !important; + animation-delay: -1ms !important; + animation-iteration-count: 1 !important; + scroll-behavior: auto !important; + transition-delay: 0s !important; + transition-duration: 0s !important; + } +} \ No newline at end of file diff --git a/test/js/bun/css/files/random-gradients.css b/test/js/bun/css/files/random-gradients.css new file mode 100644 index 0000000000..7821c50480 --- /dev/null +++ b/test/js/bun/css/files/random-gradients.css @@ -0,0 +1,112 @@ +.gradient-1 { + background: linear-gradient(45deg, #ff6b6b, #4ecdc4); +} + +.gradient-2 { + background: radial-gradient(circle, #ffd166, #06d6a0); +} + +.gradient-3 { + background: conic-gradient(from 45deg, #118ab2, #ef476f, #ffd166); +} + +.gradient-4 { + background: linear-gradient(to right, #e76f51, #f4a261, #e9c46a); +} + +.gradient-5 { + background: repeating-linear-gradient(45deg, #2a9d8f, #2a9d8f 10px, #264653 10px, #264653 20px); +} + +.gradient-6 { + background: linear-gradient(135deg, #540d6e, #ee4266, #ffd23f); +} + +.gradient-7 { + background: radial-gradient(ellipse at top left, #3a86ff, #8338ec, #ff006e); +} + +.gradient-8 { + background: linear-gradient(to bottom right, #f72585, #7209b7, #3a0ca3, #4361ee); +} + +.gradient-9 { + background: repeating-radial-gradient(circle at 50% 50%, #b5179e, #b5179e 10px, #7209b7 10px, #7209b7 20px); +} + +.gradient-10 { + background: conic-gradient(at 70% 30%, #ff9e00, #ff0000, #ff00bf, #a033ff, #0096ff); +} + +.lmao { + background: rgb(2,0,36); + background: -moz-linear-gradient(90deg, rgba(2,0,36,1) 0%, rgba(9,9,121,1) 35%, rgba(0,212,255,1) 100%); + background: -webkit-linear-gradient(90deg, rgba(2,0,36,1) 0%, rgba(9,9,121,1) 35%, rgba(0,212,255,1) 100%); + background: linear-gradient(90deg, rgba(2,0,36,1) 0%, rgba(9,9,121,1) 35%, rgba(0,212,255,1) 100%); + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#020024",endColorstr="#00d4ff",GradientType=1); +} + +.lol { + background: rgb(238,174,202); + background: -moz-radial-gradient(circle, rgba(238,174,202,1) 0%, rgba(251,0,0,1) 25%, rgba(255,169,0,1) 33%, rgba(150,107,159,1) 47%, rgba(126,88,147,1) 60%, rgba(123,9,241,1) 72%, rgba(51,31,111,0.7749474789915967) 100%); + background: -webkit-radial-gradient(circle, rgba(238,174,202,1) 0%, rgba(251,0,0,1) 25%, rgba(255,169,0,1) 33%, rgba(150,107,159,1) 47%, rgba(126,88,147,1) 60%, rgba(123,9,241,1) 72%, rgba(51,31,111,0.7749474789915967) 100%); + background: radial-gradient(circle, rgba(238,174,202,1) 0%, rgba(251,0,0,1) 25%, rgba(255,169,0,1) 33%, rgba(150,107,159,1) 47%, rgba(126,88,147,1) 60%, rgba(123,9,241,1) 72%, rgba(51,31,111,0.7749474789915967) 100%); + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#eeaeca",endColorstr="#331f6f",GradientType=1); +} + +.gradient-11 { + background: conic-gradient(from 217deg at 82% 65%, #ff6b6b 0deg, #4ecdc4 72deg, #45b7d1 144deg, #f8a5c2 216deg, #c3f0ca 288deg, #ff6b6b 360deg); +} + +.gradient-12 { + background: repeating-radial-gradient(circle at 10% 20%, #ff9a8b 0%, #ff6a88 5%, #ff99ac 10%, #ff9a8b 15%); +} + +.gradient-13 { + background: linear-gradient(45deg, #8a2387, #e94057, #f27121), + linear-gradient(135deg, #00c6ff, #0072ff); + background-blend-mode: multiply; +} + +.gradient-14 { + background: radial-gradient(circle at top right, #ff0844, #ffb199), + radial-gradient(circle at bottom left, #21d4fd, #b721ff); + background-blend-mode: screen; +} + +.gradient-15 { + background: repeating-conic-gradient(from 45deg, #3f5efb 0deg 10deg, #fc466b 10deg 20deg, #3f5efb 20deg 30deg); +} + +.gradient-16 { + background: + linear-gradient(217deg, rgba(255,0,0,.8), rgba(255,0,0,0) 70.71%), + linear-gradient(127deg, rgba(0,255,0,.8), rgba(0,255,0,0) 70.71%), + linear-gradient(336deg, rgba(0,0,255,.8), rgba(0,0,255,0) 70.71%); +} + +.gradient-17 { + background: + radial-gradient(circle at 50% -20%, #ff758c, transparent 80%), + radial-gradient(circle at 50% 120%, #ff7eb3, transparent 80%); +} + +.gradient-18 { + background-image: + repeating-linear-gradient(45deg, #3f87a6 0px, #3f87a6 20px, #ebf8e1 20px, #ebf8e1 40px), + repeating-linear-gradient(-45deg, #f69d3c 0px, #f69d3c 20px, #3f87a6 20px, #3f87a6 40px); +} + +.gradient-19 { + background: + linear-gradient(to right, #fa709a 0%, #fee140 100%), + linear-gradient(to top, #30cfd0 0%, #330867 100%); + background-blend-mode: soft-light; +} + +.gradient-20 { + background: + radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285aeb 90%), + linear-gradient(135deg, #79f1a4 10%, #0e5cad 100%); + background-blend-mode: overlay; +} diff --git a/test/js/bun/css/files/tachyons.css b/test/js/bun/css/files/tachyons.css new file mode 100644 index 0000000000..b83624b13d --- /dev/null +++ b/test/js/bun/css/files/tachyons.css @@ -0,0 +1,3315 @@ +/*! TACHYONS v4.12.0 | http://tachyons.io */ +/* + * + * ________ ______ + * ___ __/_____ _________ /______ ______________________ + * __ / _ __ `/ ___/_ __ \_ / / / __ \_ __ \_ ___/ + * _ / / /_/ // /__ _ / / / /_/ // /_/ / / / /(__ ) + * /_/ \__,_/ \___/ /_/ /_/_\__, / \____//_/ /_//____/ + * /____/ + * + * TABLE OF CONTENTS + * + * 1. External Library Includes + * - Normalize.css | http://normalize.css.github.io + * 2. Tachyons Modules + * 3. Variables + * - Media Queries + * - Colors + * 4. Debugging + * - Debug all + * - Debug children + * + */ +/* External Library Includes */ +/*! normalize.css v8.0.0 | MIT License | github.com/necolas/normalize.css */ +/* Document + ========================================================================== */ +/** + * 1. Correct the line height in all browsers. + * 2. Prevent adjustments of font size after orientation changes in iOS. + */ + html { line-height: 1.15; /* 1 */ -webkit-text-size-adjust: 100%; /* 2 */ } + /* Sections + ========================================================================== */ + /** + * Remove the margin in all browsers. + */ + body { margin: 0; } + /** + * Correct the font size and margin on `h1` elements within `section` and + * `article` contexts in Chrome, Firefox, and Safari. + */ + h1 { font-size: 2em; margin: .67em 0; } + /* Grouping content + ========================================================================== */ + /** + * 1. Add the correct box sizing in Firefox. + * 2. Show the overflow in Edge and IE. + */ + hr { box-sizing: content-box; /* 1 */ height: 0; /* 1 */ overflow: visible; /* 2 */ } + /** + * 1. Correct the inheritance and scaling of font size in all browsers. + * 2. Correct the odd `em` font sizing in all browsers. + */ + pre { font-family: monospace, monospace; /* 1 */ font-size: 1em; /* 2 */ } + /* Text-level semantics + ========================================================================== */ + /** + * Remove the gray background on active links in IE 10. + */ + a { background-color: transparent; } + /** + * 1. Remove the bottom border in Chrome 57- + * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari. + */ + abbr[title] { border-bottom: none; /* 1 */ text-decoration: underline; /* 2 */ -webkit-text-decoration: underline dotted; text-decoration: underline dotted; /* 2 */ } + /** + * Add the correct font weight in Chrome, Edge, and Safari. + */ + b, strong { font-weight: bolder; } + /** + * 1. Correct the inheritance and scaling of font size in all browsers. + * 2. Correct the odd `em` font sizing in all browsers. + */ + code, kbd, samp { font-family: monospace, monospace; /* 1 */ font-size: 1em; /* 2 */ } + /** + * Add the correct font size in all browsers. + */ + small { font-size: 80%; } + /** + * Prevent `sub` and `sup` elements from affecting the line height in + * all browsers. + */ + sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } + sub { bottom: -0.25em; } + sup { top: -0.5em; } + /* Embedded content + ========================================================================== */ + /** + * Remove the border on images inside links in IE 10. + */ + img { border-style: none; } + /* Forms + ========================================================================== */ + /** + * 1. Change the font styles in all browsers. + * 2. Remove the margin in Firefox and Safari. + */ + button, input, optgroup, select, textarea { font-family: inherit; /* 1 */ font-size: 100%; /* 1 */ line-height: 1.15; /* 1 */ margin: 0; /* 2 */ } + /** + * Show the overflow in IE. + * 1. Show the overflow in Edge. + */ + button, input {/* 1 */ overflow: visible; } + /** + * Remove the inheritance of text transform in Edge, Firefox, and IE. + * 1. Remove the inheritance of text transform in Firefox. + */ + button, select {/* 1 */ text-transform: none; } + /** + * Correct the inability to style clickable types in iOS and Safari. + */ + button, [type="button"], [type="reset"], [type="submit"] { -webkit-appearance: button; } + /** + * Remove the inner border and padding in Firefox. + */ + button::-moz-focus-inner, [type="button"]::-moz-focus-inner, + [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner { border-style: none; padding: 0; } + /** + * Restore the focus styles unset by the previous rule. + */ + button:-moz-focusring, [type="button"]:-moz-focusring, + [type="reset"]:-moz-focusring, [type="submit"]:-moz-focusring { outline: 1px dotted ButtonText; } + /** + * Correct the padding in Firefox. + */ + fieldset { padding: .35em .75em .625em; } + /** + * 1. Correct the text wrapping in Edge and IE. + * 2. Correct the color inheritance from `fieldset` elements in IE. + * 3. Remove the padding so developers are not caught out when they zero out + * `fieldset` elements in all browsers. + */ + legend { box-sizing: border-box; /* 1 */ color: inherit; /* 2 */ display: table; /* 1 */ max-width: 100%; /* 1 */ padding: 0; /* 3 */ white-space: normal; /* 1 */ } + /** + * Add the correct vertical alignment in Chrome, Firefox, and Opera. + */ + progress { vertical-align: baseline; } + /** + * Remove the default vertical scrollbar in IE 10+. + */ + textarea { overflow: auto; } + /** + * 1. Add the correct box sizing in IE 10. + * 2. Remove the padding in IE 10. + */ + [type="checkbox"], [type="radio"] { box-sizing: border-box; /* 1 */ padding: 0; /* 2 */ } + /** + * Correct the cursor style of increment and decrement buttons in Chrome. + */ + [type="number"]::-webkit-inner-spin-button, + [type="number"]::-webkit-outer-spin-button { height: auto; } + /** + * 1. Correct the odd appearance in Chrome and Safari. + * 2. Correct the outline style in Safari. + */ + [type="search"] { -webkit-appearance: textfield; /* 1 */ outline-offset: -2px; /* 2 */ } + /** + * Remove the inner padding in Chrome and Safari on macOS. + */ + [type="search"]::-webkit-search-decoration { -webkit-appearance: none; } + /** + * 1. Correct the inability to style clickable types in iOS and Safari. + * 2. Change font properties to `inherit` in Safari. + */ + ::-webkit-file-upload-button { -webkit-appearance: button; /* 1 */ font: inherit; /* 2 */ } + /* Interactive + ========================================================================== */ + /* + * Add the correct display in Edge, IE 10+, and Firefox. + */ + details { display: block; } + /* + * Add the correct display in all browsers. + */ + summary { display: list-item; } + /* Misc + ========================================================================== */ + /** + * Add the correct display in IE 10+. + */ + template { display: none; } + /** + * Add the correct display in IE 10. + */ + [hidden] { display: none; } + /* Modules */ + /* + + BOX SIZING + + */ + html, body, div, article, aside, section, main, nav, footer, header, form, + fieldset, legend, pre, code, a, h1, h2, h3, h4, h5, h6, p, ul, ol, li, dl, dt, + dd, blockquote, figcaption, figure, textarea, table, td, th, tr, + input[type="email"], input[type="number"], input[type="password"], + input[type="tel"], input[type="text"], input[type="url"], .border-box { box-sizing: border-box; } + /* + + ASPECT RATIOS + + */ + /* This is for fluid media that is embedded from third party sites like youtube, vimeo etc. + * Wrap the outer element in aspect-ratio and then extend it with the desired ratio i.e + * Make sure there are no height and width attributes on the embedded media. + * Adapted from: https://github.com/suitcss/components-flex-embed + * + * Example: + * + *
+ * + *
+ * + * */ + .aspect-ratio { height: 0; position: relative; } + .aspect-ratio--16x9 { padding-bottom: 56.25%; } + .aspect-ratio--9x16 { padding-bottom: 177.77%; } + .aspect-ratio--4x3 { padding-bottom: 75%; } + .aspect-ratio--3x4 { padding-bottom: 133.33%; } + .aspect-ratio--6x4 { padding-bottom: 66.6%; } + .aspect-ratio--4x6 { padding-bottom: 150%; } + .aspect-ratio--8x5 { padding-bottom: 62.5%; } + .aspect-ratio--5x8 { padding-bottom: 160%; } + .aspect-ratio--7x5 { padding-bottom: 71.42%; } + .aspect-ratio--5x7 { padding-bottom: 140%; } + .aspect-ratio--1x1 { padding-bottom: 100%; } + .aspect-ratio--object { position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; z-index: 100; } + /* + + IMAGES + Docs: http://tachyons.io/docs/elements/images/ + + */ + /* Responsive images! */ + img { max-width: 100%; } + /* + + BACKGROUND SIZE + Docs: http://tachyons.io/docs/themes/background-size/ + + Media Query Extensions: + -ns = not-small + -m = medium + -l = large + + */ + /* + Often used in combination with background image set as an inline style + on an html element. + */ + .cover { background-size: cover !important; } + .contain { background-size: contain !important; } + /* + + BACKGROUND POSITION + + Base: + bg = background + + Modifiers: + -center = center center + -top = top center + -right = center right + -bottom = bottom center + -left = center left + + Media Query Extensions: + -ns = not-small + -m = medium + -l = large + + */ + .bg-center { background-repeat: no-repeat; background-position: center center; } + .bg-top { background-repeat: no-repeat; background-position: top center; } + .bg-right { background-repeat: no-repeat; background-position: center right; } + .bg-bottom { background-repeat: no-repeat; background-position: bottom center; } + .bg-left { background-repeat: no-repeat; background-position: center left; } + /* + + OUTLINES + + Media Query Extensions: + -ns = not-small + -m = medium + -l = large + + */ + .outline { outline: 1px solid; } + .outline-transparent { outline: 1px solid transparent; } + .outline-0 { outline: 0; } + /* + + BORDERS + Docs: http://tachyons.io/docs/themes/borders/ + + Base: + b = border + + Modifiers: + a = all + t = top + r = right + b = bottom + l = left + n = none + + Media Query Extensions: + -ns = not-small + -m = medium + -l = large + + */ + .ba { border-style: solid; border-width: 1px; } + .bt { border-top-style: solid; border-top-width: 1px; } + .br { border-right-style: solid; border-right-width: 1px; } + .bb { border-bottom-style: solid; border-bottom-width: 1px; } + .bl { border-left-style: solid; border-left-width: 1px; } + .bn { border-style: none; border-width: 0; } + /* + + BORDER COLORS + Docs: http://tachyons.io/docs/themes/borders/ + + Border colors can be used to extend the base + border classes ba,bt,bb,br,bl found in the _borders.css file. + + The base border class by default will set the color of the border + to that of the current text color. These classes are for the cases + where you desire for the text and border colors to be different. + + Base: + b = border + + Modifiers: + --color-name = each color variable name is also a border color name + + */ + .b--black { border-color: #000; } + .b--near-black { border-color: #111; } + .b--dark-gray { border-color: #333; } + .b--mid-gray { border-color: #555; } + .b--gray { border-color: #777; } + .b--silver { border-color: #999; } + .b--light-silver { border-color: #aaa; } + .b--moon-gray { border-color: #ccc; } + .b--light-gray { border-color: #eee; } + .b--near-white { border-color: #f4f4f4; } + .b--white { border-color: #fff; } + .b--white-90 { border-color: rgba( 255, 255, 255, .9 ); } + .b--white-80 { border-color: rgba( 255, 255, 255, .8 ); } + .b--white-70 { border-color: rgba( 255, 255, 255, .7 ); } + .b--white-60 { border-color: rgba( 255, 255, 255, .6 ); } + .b--white-50 { border-color: rgba( 255, 255, 255, .5 ); } + .b--white-40 { border-color: rgba( 255, 255, 255, .4 ); } + .b--white-30 { border-color: rgba( 255, 255, 255, .3 ); } + .b--white-20 { border-color: rgba( 255, 255, 255, .2 ); } + .b--white-10 { border-color: rgba( 255, 255, 255, .1 ); } + .b--white-05 { border-color: rgba( 255, 255, 255, .05 ); } + .b--white-025 { border-color: rgba( 255, 255, 255, .025 ); } + .b--white-0125 { border-color: rgba( 255, 255, 255, .0125 ); } + .b--black-90 { border-color: rgba( 0, 0, 0, .9 ); } + .b--black-80 { border-color: rgba( 0, 0, 0, .8 ); } + .b--black-70 { border-color: rgba( 0, 0, 0, .7 ); } + .b--black-60 { border-color: rgba( 0, 0, 0, .6 ); } + .b--black-50 { border-color: rgba( 0, 0, 0, .5 ); } + .b--black-40 { border-color: rgba( 0, 0, 0, .4 ); } + .b--black-30 { border-color: rgba( 0, 0, 0, .3 ); } + .b--black-20 { border-color: rgba( 0, 0, 0, .2 ); } + .b--black-10 { border-color: rgba( 0, 0, 0, .1 ); } + .b--black-05 { border-color: rgba( 0, 0, 0, .05 ); } + .b--black-025 { border-color: rgba( 0, 0, 0, .025 ); } + .b--black-0125 { border-color: rgba( 0, 0, 0, .0125 ); } + .b--dark-red { border-color: #e7040f; } + .b--red { border-color: #ff4136; } + .b--light-red { border-color: #ff725c; } + .b--orange { border-color: #ff6300; } + .b--gold { border-color: #ffb700; } + .b--yellow { border-color: #ffd700; } + .b--light-yellow { border-color: #fbf1a9; } + .b--purple { border-color: #5e2ca5; } + .b--light-purple { border-color: #a463f2; } + .b--dark-pink { border-color: #d5008f; } + .b--hot-pink { border-color: #ff41b4; } + .b--pink { border-color: #ff80cc; } + .b--light-pink { border-color: #ffa3d7; } + .b--dark-green { border-color: #137752; } + .b--green { border-color: #19a974; } + .b--light-green { border-color: #9eebcf; } + .b--navy { border-color: #001b44; } + .b--dark-blue { border-color: #00449e; } + .b--blue { border-color: #357edd; } + .b--light-blue { border-color: #96ccff; } + .b--lightest-blue { border-color: #cdecff; } + .b--washed-blue { border-color: #f6fffe; } + .b--washed-green { border-color: #e8fdf5; } + .b--washed-yellow { border-color: #fffceb; } + .b--washed-red { border-color: #ffdfdf; } + .b--transparent { border-color: transparent; } + .b--inherit { border-color: inherit; } + .b--initial { border-color: initial; } + .b--unset { border-color: unset; } + /* + + BORDER RADIUS + Docs: http://tachyons.io/docs/themes/border-radius/ + + Base: + br = border-radius + + Modifiers: + 0 = 0/none + 1 = 1st step in scale + 2 = 2nd step in scale + 3 = 3rd step in scale + 4 = 4th step in scale + + Literal values: + -100 = 100% + -pill = 9999px + + Media Query Extensions: + -ns = not-small + -m = medium + -l = large + + */ + .br0 { border-radius: 0; } + .br1 { border-radius: .125rem; } + .br2 { border-radius: .25rem; } + .br3 { border-radius: .5rem; } + .br4 { border-radius: 1rem; } + .br-100 { border-radius: 100%; } + .br-pill { border-radius: 9999px; } + .br--bottom { border-top-left-radius: 0; border-top-right-radius: 0; } + .br--top { border-bottom-left-radius: 0; border-bottom-right-radius: 0; } + .br--right { border-top-left-radius: 0; border-bottom-left-radius: 0; } + .br--left { border-top-right-radius: 0; border-bottom-right-radius: 0; } + .br-inherit { border-radius: inherit; } + .br-initial { border-radius: initial; } + .br-unset { border-radius: unset; } + /* + + BORDER STYLES + Docs: http://tachyons.io/docs/themes/borders/ + + Depends on base border module in _borders.css + + Base: + b = border-style + + Modifiers: + --none = none + --dotted = dotted + --dashed = dashed + --solid = solid + + Media Query Extensions: + -ns = not-small + -m = medium + -l = large + + */ + .b--dotted { border-style: dotted; } + .b--dashed { border-style: dashed; } + .b--solid { border-style: solid; } + .b--none { border-style: none; } + /* + + BORDER WIDTHS + Docs: http://tachyons.io/docs/themes/borders/ + + Base: + bw = border-width + + Modifiers: + 0 = 0 width border + 1 = 1st step in border-width scale + 2 = 2nd step in border-width scale + 3 = 3rd step in border-width scale + 4 = 4th step in border-width scale + 5 = 5th step in border-width scale + + Media Query Extensions: + -ns = not-small + -m = medium + -l = large + + */ + .bw0 { border-width: 0; } + .bw1 { border-width: .125rem; } + .bw2 { border-width: .25rem; } + .bw3 { border-width: .5rem; } + .bw4 { border-width: 1rem; } + .bw5 { border-width: 2rem; } + /* Resets */ + .bt-0 { border-top-width: 0; } + .br-0 { border-right-width: 0; } + .bb-0 { border-bottom-width: 0; } + .bl-0 { border-left-width: 0; } + /* + + BOX-SHADOW + Docs: http://tachyons.io/docs/themes/box-shadow/ + + Media Query Extensions: + -ns = not-small + -m = medium + -l = large + + */ + .shadow-1 { box-shadow: 0 0 4px 2px rgba( 0, 0, 0, .2 ); } + .shadow-2 { box-shadow: 0 0 8px 2px rgba( 0, 0, 0, .2 ); } + .shadow-3 { box-shadow: 2px 2px 4px 2px rgba( 0, 0, 0, .2 ); } + .shadow-4 { box-shadow: 2px 2px 8px 0 rgba( 0, 0, 0, .2 ); } + .shadow-5 { box-shadow: 4px 4px 8px 0 rgba( 0, 0, 0, .2 ); } + /* + + CODE + + */ + .pre { overflow-x: auto; overflow-y: hidden; overflow: scroll; } + /* + + COORDINATES + Docs: http://tachyons.io/docs/layout/position/ + + Use in combination with the position module. + + Base: + top + bottom + right + left + + Modifiers: + -0 = literal value 0 + -1 = literal value 1 + -2 = literal value 2 + --1 = literal value -1 + --2 = literal value -2 + + Media Query Extensions: + -ns = not-small + -m = medium + -l = large + + */ + .top-0 { top: 0; } + .right-0 { right: 0; } + .bottom-0 { bottom: 0; } + .left-0 { left: 0; } + .top-1 { top: 1rem; } + .right-1 { right: 1rem; } + .bottom-1 { bottom: 1rem; } + .left-1 { left: 1rem; } + .top-2 { top: 2rem; } + .right-2 { right: 2rem; } + .bottom-2 { bottom: 2rem; } + .left-2 { left: 2rem; } + .top--1 { top: -1rem; } + .right--1 { right: -1rem; } + .bottom--1 { bottom: -1rem; } + .left--1 { left: -1rem; } + .top--2 { top: -2rem; } + .right--2 { right: -2rem; } + .bottom--2 { bottom: -2rem; } + .left--2 { left: -2rem; } + .absolute--fill { top: 0; right: 0; bottom: 0; left: 0; } + /* + + CLEARFIX + http://tachyons.io/docs/layout/clearfix/ + + */ + /* Nicolas Gallaghers Clearfix solution + Ref: http://nicolasgallagher.com/micro-clearfix-hack/ */ + .cf:before, .cf:after { content: " "; display: table; } + .cf:after { clear: both; } + /* .cf { *zoom: 1; } */ + .cl { clear: left; } + .cr { clear: right; } + .cb { clear: both; } + .cn { clear: none; } + /* + + DISPLAY + Docs: http://tachyons.io/docs/layout/display + + Base: + d = display + + Modifiers: + n = none + b = block + ib = inline-block + it = inline-table + t = table + tc = table-cell + t-row = table-row + t-columm = table-column + t-column-group = table-column-group + + Media Query Extensions: + -ns = not-small + -m = medium + -l = large + + */ + .dn { display: none; } + .di { display: inline; } + .db { display: block; } + .dib { display: inline-block; } + .dit { display: inline-table; } + .dt { display: table; } + .dtc { display: table-cell; } + .dt-row { display: table-row; } + .dt-row-group { display: table-row-group; } + .dt-column { display: table-column; } + .dt-column-group { display: table-column-group; } + /* + This will set table to full width and then + all cells will be equal width + */ + .dt--fixed { table-layout: fixed; width: 100%; } + /* + + FLEXBOX + + Media Query Extensions: + -ns = not-small + -m = medium + -l = large + + */ + .flex { display: flex; } + .inline-flex { display: inline-flex; } + /* 1. Fix for Chrome 44 bug. + * https://code.google.com/p/chromium/issues/detail?id=506893 */ + .flex-auto { flex: 1 1 auto; min-width: 0; /* 1 */ min-height: 0; /* 1 */ } + .flex-none { flex: none; } + .flex-column { flex-direction: column; } + .flex-row { flex-direction: row; } + .flex-wrap { flex-wrap: wrap; } + .flex-nowrap { flex-wrap: nowrap; } + .flex-wrap-reverse { flex-wrap: wrap-reverse; } + .flex-column-reverse { flex-direction: column-reverse; } + .flex-row-reverse { flex-direction: row-reverse; } + .items-start { align-items: flex-start; } + .items-end { align-items: flex-end; } + .items-center { align-items: center; } + .items-baseline { align-items: baseline; } + .items-stretch { align-items: stretch; } + .self-start { align-self: flex-start; } + .self-end { align-self: flex-end; } + .self-center { align-self: center; } + .self-baseline { align-self: baseline; } + .self-stretch { align-self: stretch; } + .justify-start { justify-content: flex-start; } + .justify-end { justify-content: flex-end; } + .justify-center { justify-content: center; } + .justify-between { justify-content: space-between; } + .justify-around { justify-content: space-around; } + .content-start { align-content: flex-start; } + .content-end { align-content: flex-end; } + .content-center { align-content: center; } + .content-between { align-content: space-between; } + .content-around { align-content: space-around; } + .content-stretch { align-content: stretch; } + .order-0 { order: 0; } + .order-1 { order: 1; } + .order-2 { order: 2; } + .order-3 { order: 3; } + .order-4 { order: 4; } + .order-5 { order: 5; } + .order-6 { order: 6; } + .order-7 { order: 7; } + .order-8 { order: 8; } + .order-last { order: 99999; } + .flex-grow-0 { flex-grow: 0; } + .flex-grow-1 { flex-grow: 1; } + .flex-shrink-0 { flex-shrink: 0; } + .flex-shrink-1 { flex-shrink: 1; } + /* + + FLOATS + http://tachyons.io/docs/layout/floats/ + + 1. Floated elements are automatically rendered as block level elements. + Setting floats to display inline will fix the double margin bug in + ie6. You know... just in case. + + 2. Don't forget to clearfix your floats with .cf + + Base: + f = float + + Modifiers: + l = left + r = right + n = none + + Media Query Extensions: + -ns = not-small + -m = medium + -l = large + + */ + .fl { float: left; _display: inline; } + .fr { float: right; _display: inline; } + .fn { float: none; } + /* + + FONT FAMILY GROUPS + Docs: http://tachyons.io/docs/typography/font-family/ + + */ + .sans-serif { font-family: -apple-system, BlinkMacSystemFont, 'avenir next', avenir, 'helvetica neue', helvetica, ubuntu, roboto, noto, 'segoe ui', arial, sans-serif; } + .serif { font-family: georgia, times, serif; } + .system-sans-serif { font-family: sans-serif; } + .system-serif { font-family: serif; } + /* Monospaced Typefaces (for code) */ + /* From http://cssfontstack.com */ + code, .code { font-family: Consolas, monaco, monospace; } + .courier { font-family: 'Courier Next', courier, monospace; } + /* Sans-Serif Typefaces */ + .helvetica { font-family: 'helvetica neue', helvetica, sans-serif; } + .avenir { font-family: 'avenir next', avenir, sans-serif; } + /* Serif Typefaces */ + .athelas { font-family: athelas, georgia, serif; } + .georgia { font-family: georgia, serif; } + .times { font-family: times, serif; } + .bodoni { font-family: "Bodoni MT", serif; } + .calisto { font-family: "Calisto MT", serif; } + .garamond { font-family: garamond, serif; } + .baskerville { font-family: baskerville, serif; } + /* + + FONT STYLE + Docs: http://tachyons.io/docs/typography/font-style/ + + Media Query Extensions: + -ns = not-small + -m = medium + -l = large + + */ + .i { font-style: italic; } + .fs-normal { font-style: normal; } + /* + + FONT WEIGHT + Docs: http://tachyons.io/docs/typography/font-weight/ + + Base + fw = font-weight + + Modifiers: + 1 = literal value 100 + 2 = literal value 200 + 3 = literal value 300 + 4 = literal value 400 + 5 = literal value 500 + 6 = literal value 600 + 7 = literal value 700 + 8 = literal value 800 + 9 = literal value 900 + + Media Query Extensions: + -ns = not-small + -m = medium + -l = large + + */ + .normal { font-weight: normal; } + .b { font-weight: bold; } + .fw1 { font-weight: 100; } + .fw2 { font-weight: 200; } + .fw3 { font-weight: 300; } + .fw4 { font-weight: 400; } + .fw5 { font-weight: 500; } + .fw6 { font-weight: 600; } + .fw7 { font-weight: 700; } + .fw8 { font-weight: 800; } + .fw9 { font-weight: 900; } + /* + + FORMS + + */ + .input-reset { -webkit-appearance: none; -moz-appearance: none; } + .button-reset::-moz-focus-inner, .input-reset::-moz-focus-inner { border: 0; padding: 0; } + /* + + HEIGHTS + Docs: http://tachyons.io/docs/layout/heights/ + + Base: + h = height + min-h = min-height + min-vh = min-height vertical screen height + vh = vertical screen height + + Modifiers + 1 = 1st step in height scale + 2 = 2nd step in height scale + 3 = 3rd step in height scale + 4 = 4th step in height scale + 5 = 5th step in height scale + + -25 = literal value 25% + -50 = literal value 50% + -75 = literal value 75% + -100 = literal value 100% + + -auto = string value of auto + -inherit = string value of inherit + + Media Query Extensions: + -ns = not-small + -m = medium + -l = large + + */ + /* Height Scale */ + .h1 { height: 1rem; } + .h2 { height: 2rem; } + .h3 { height: 4rem; } + .h4 { height: 8rem; } + .h5 { height: 16rem; } + /* Height Percentages - Based off of height of parent */ + .h-25 { height: 25%; } + .h-50 { height: 50%; } + .h-75 { height: 75%; } + .h-100 { height: 100%; } + .min-h-100 { min-height: 100%; } + /* Screen Height Percentage */ + .vh-25 { height: 25vh; } + .vh-50 { height: 50vh; } + .vh-75 { height: 75vh; } + .vh-100 { height: 100vh; } + .min-vh-100 { min-height: 100vh; } + /* String Properties */ + .h-auto { height: auto; } + .h-inherit { height: inherit; } + /* + + LETTER SPACING + Docs: http://tachyons.io/docs/typography/tracking/ + + Media Query Extensions: + -ns = not-small + -m = medium + -l = large + + */ + .tracked { letter-spacing: .1em; } + .tracked-tight { letter-spacing: -.05em; } + .tracked-mega { letter-spacing: .25em; } + /* + + LINE HEIGHT / LEADING + Docs: http://tachyons.io/docs/typography/line-height + + Media Query Extensions: + -ns = not-small + -m = medium + -l = large + + */ + .lh-solid { line-height: 1; } + .lh-title { line-height: 1.25; } + .lh-copy { line-height: 1.5; } + /* + + LINKS + Docs: http://tachyons.io/docs/elements/links/ + + */ + .link { text-decoration: none; transition: color .15s ease-in; } + .link:link, .link:visited { transition: color .15s ease-in; } + .link:hover { transition: color .15s ease-in; } + .link:active { transition: color .15s ease-in; } + .link:focus { transition: color .15s ease-in; outline: 1px dotted currentColor; } + /* + + LISTS + http://tachyons.io/docs/elements/lists/ + + */ + .list { list-style-type: none; } + /* + + MAX WIDTHS + Docs: http://tachyons.io/docs/layout/max-widths/ + + Base: + mw = max-width + + Modifiers + 1 = 1st step in width scale + 2 = 2nd step in width scale + 3 = 3rd step in width scale + 4 = 4th step in width scale + 5 = 5th step in width scale + 6 = 6st step in width scale + 7 = 7nd step in width scale + 8 = 8rd step in width scale + 9 = 9th step in width scale + + -100 = literal value 100% + + -none = string value none + + + Media Query Extensions: + -ns = not-small + -m = medium + -l = large + + */ + /* Max Width Percentages */ + .mw-100 { max-width: 100%; } + /* Max Width Scale */ + .mw1 { max-width: 1rem; } + .mw2 { max-width: 2rem; } + .mw3 { max-width: 4rem; } + .mw4 { max-width: 8rem; } + .mw5 { max-width: 16rem; } + .mw6 { max-width: 32rem; } + .mw7 { max-width: 48rem; } + .mw8 { max-width: 64rem; } + .mw9 { max-width: 96rem; } + /* Max Width String Properties */ + .mw-none { max-width: none; } + /* + + WIDTHS + Docs: http://tachyons.io/docs/layout/widths/ + + Base: + w = width + + Modifiers + 1 = 1st step in width scale + 2 = 2nd step in width scale + 3 = 3rd step in width scale + 4 = 4th step in width scale + 5 = 5th step in width scale + + -10 = literal value 10% + -20 = literal value 20% + -25 = literal value 25% + -30 = literal value 30% + -33 = literal value 33% + -34 = literal value 34% + -40 = literal value 40% + -50 = literal value 50% + -60 = literal value 60% + -70 = literal value 70% + -75 = literal value 75% + -80 = literal value 80% + -90 = literal value 90% + -100 = literal value 100% + + -third = 100% / 3 (Not supported in opera mini or IE8) + -two-thirds = 100% / 1.5 (Not supported in opera mini or IE8) + -auto = string value auto + + + Media Query Extensions: + -ns = not-small + -m = medium + -l = large + + */ + /* Width Scale */ + .w1 { width: 1rem; } + .w2 { width: 2rem; } + .w3 { width: 4rem; } + .w4 { width: 8rem; } + .w5 { width: 16rem; } + .w-10 { width: 10%; } + .w-20 { width: 20%; } + .w-25 { width: 25%; } + .w-30 { width: 30%; } + .w-33 { width: 33%; } + .w-34 { width: 34%; } + .w-40 { width: 40%; } + .w-50 { width: 50%; } + .w-60 { width: 60%; } + .w-70 { width: 70%; } + .w-75 { width: 75%; } + .w-80 { width: 80%; } + .w-90 { width: 90%; } + .w-100 { width: 100%; } + .w-third { width: 33.33333%; } + .w-two-thirds { width: 66.66667%; } + .w-auto { width: auto; } + /* + + OVERFLOW + + Media Query Extensions: + -ns = not-small + -m = medium + -l = large + + */ + .overflow-visible { overflow: visible; } + .overflow-hidden { overflow: hidden; } + .overflow-scroll { overflow: scroll; } + .overflow-auto { overflow: auto; } + .overflow-x-visible { overflow-x: visible; } + .overflow-x-hidden { overflow-x: hidden; } + .overflow-x-scroll { overflow-x: scroll; } + .overflow-x-auto { overflow-x: auto; } + .overflow-y-visible { overflow-y: visible; } + .overflow-y-hidden { overflow-y: hidden; } + .overflow-y-scroll { overflow-y: scroll; } + .overflow-y-auto { overflow-y: auto; } + /* + + POSITIONING + Docs: http://tachyons.io/docs/layout/position/ + + Media Query Extensions: + -ns = not-small + -m = medium + -l = large + + */ + .static { position: static; } + .relative { position: relative; } + .absolute { position: absolute; } + .fixed { position: fixed; } + /* + + OPACITY + Docs: http://tachyons.io/docs/themes/opacity/ + + */ + .o-100 { opacity: 1; } + .o-90 { opacity: .9; } + .o-80 { opacity: .8; } + .o-70 { opacity: .7; } + .o-60 { opacity: .6; } + .o-50 { opacity: .5; } + .o-40 { opacity: .4; } + .o-30 { opacity: .3; } + .o-20 { opacity: .2; } + .o-10 { opacity: .1; } + .o-05 { opacity: .05; } + .o-025 { opacity: .025; } + .o-0 { opacity: 0; } + /* + + ROTATIONS + + */ + .rotate-45 { -webkit-transform: rotate( 45deg ); transform: rotate( 45deg ); } + .rotate-90 { -webkit-transform: rotate( 90deg ); transform: rotate( 90deg ); } + .rotate-135 { -webkit-transform: rotate( 135deg ); transform: rotate( 135deg ); } + .rotate-180 { -webkit-transform: rotate( 180deg ); transform: rotate( 180deg ); } + .rotate-225 { -webkit-transform: rotate( 225deg ); transform: rotate( 225deg ); } + .rotate-270 { -webkit-transform: rotate( 270deg ); transform: rotate( 270deg ); } + .rotate-315 { -webkit-transform: rotate( 315deg ); transform: rotate( 315deg ); } + /* + + SKINS + Docs: http://tachyons.io/docs/themes/skins/ + + Classes for setting foreground and background colors on elements. + If you haven't declared a border color, but set border on an element, it will + be set to the current text color. + + */ + /* Text colors */ + .black-90 { color: rgba( 0, 0, 0, .9 ); } + .black-80 { color: rgba( 0, 0, 0, .8 ); } + .black-70 { color: rgba( 0, 0, 0, .7 ); } + .black-60 { color: rgba( 0, 0, 0, .6 ); } + .black-50 { color: rgba( 0, 0, 0, .5 ); } + .black-40 { color: rgba( 0, 0, 0, .4 ); } + .black-30 { color: rgba( 0, 0, 0, .3 ); } + .black-20 { color: rgba( 0, 0, 0, .2 ); } + .black-10 { color: rgba( 0, 0, 0, .1 ); } + .black-05 { color: rgba( 0, 0, 0, .05 ); } + .white-90 { color: rgba( 255, 255, 255, .9 ); } + .white-80 { color: rgba( 255, 255, 255, .8 ); } + .white-70 { color: rgba( 255, 255, 255, .7 ); } + .white-60 { color: rgba( 255, 255, 255, .6 ); } + .white-50 { color: rgba( 255, 255, 255, .5 ); } + .white-40 { color: rgba( 255, 255, 255, .4 ); } + .white-30 { color: rgba( 255, 255, 255, .3 ); } + .white-20 { color: rgba( 255, 255, 255, .2 ); } + .white-10 { color: rgba( 255, 255, 255, .1 ); } + .black { color: #000; } + .near-black { color: #111; } + .dark-gray { color: #333; } + .mid-gray { color: #555; } + .gray { color: #777; } + .silver { color: #999; } + .light-silver { color: #aaa; } + .moon-gray { color: #ccc; } + .light-gray { color: #eee; } + .near-white { color: #f4f4f4; } + .white { color: #fff; } + .dark-red { color: #e7040f; } + .red { color: #ff4136; } + .light-red { color: #ff725c; } + .orange { color: #ff6300; } + .gold { color: #ffb700; } + .yellow { color: #ffd700; } + .light-yellow { color: #fbf1a9; } + .purple { color: #5e2ca5; } + .light-purple { color: #a463f2; } + .dark-pink { color: #d5008f; } + .hot-pink { color: #ff41b4; } + .pink { color: #ff80cc; } + .light-pink { color: #ffa3d7; } + .dark-green { color: #137752; } + .green { color: #19a974; } + .light-green { color: #9eebcf; } + .navy { color: #001b44; } + .dark-blue { color: #00449e; } + .blue { color: #357edd; } + .light-blue { color: #96ccff; } + .lightest-blue { color: #cdecff; } + .washed-blue { color: #f6fffe; } + .washed-green { color: #e8fdf5; } + .washed-yellow { color: #fffceb; } + .washed-red { color: #ffdfdf; } + .color-inherit { color: inherit; } + /* Background colors */ + .bg-black-90 { background-color: rgba( 0, 0, 0, .9 ); } + .bg-black-80 { background-color: rgba( 0, 0, 0, .8 ); } + .bg-black-70 { background-color: rgba( 0, 0, 0, .7 ); } + .bg-black-60 { background-color: rgba( 0, 0, 0, .6 ); } + .bg-black-50 { background-color: rgba( 0, 0, 0, .5 ); } + .bg-black-40 { background-color: rgba( 0, 0, 0, .4 ); } + .bg-black-30 { background-color: rgba( 0, 0, 0, .3 ); } + .bg-black-20 { background-color: rgba( 0, 0, 0, .2 ); } + .bg-black-10 { background-color: rgba( 0, 0, 0, .1 ); } + .bg-black-05 { background-color: rgba( 0, 0, 0, .05 ); } + .bg-white-90 { background-color: rgba( 255, 255, 255, .9 ); } + .bg-white-80 { background-color: rgba( 255, 255, 255, .8 ); } + .bg-white-70 { background-color: rgba( 255, 255, 255, .7 ); } + .bg-white-60 { background-color: rgba( 255, 255, 255, .6 ); } + .bg-white-50 { background-color: rgba( 255, 255, 255, .5 ); } + .bg-white-40 { background-color: rgba( 255, 255, 255, .4 ); } + .bg-white-30 { background-color: rgba( 255, 255, 255, .3 ); } + .bg-white-20 { background-color: rgba( 255, 255, 255, .2 ); } + .bg-white-10 { background-color: rgba( 255, 255, 255, .1 ); } + .bg-black { background-color: #000; } + .bg-near-black { background-color: #111; } + .bg-dark-gray { background-color: #333; } + .bg-mid-gray { background-color: #555; } + .bg-gray { background-color: #777; } + .bg-silver { background-color: #999; } + .bg-light-silver { background-color: #aaa; } + .bg-moon-gray { background-color: #ccc; } + .bg-light-gray { background-color: #eee; } + .bg-near-white { background-color: #f4f4f4; } + .bg-white { background-color: #fff; } + .bg-transparent { background-color: transparent; } + .bg-dark-red { background-color: #e7040f; } + .bg-red { background-color: #ff4136; } + .bg-light-red { background-color: #ff725c; } + .bg-orange { background-color: #ff6300; } + .bg-gold { background-color: #ffb700; } + .bg-yellow { background-color: #ffd700; } + .bg-light-yellow { background-color: #fbf1a9; } + .bg-purple { background-color: #5e2ca5; } + .bg-light-purple { background-color: #a463f2; } + .bg-dark-pink { background-color: #d5008f; } + .bg-hot-pink { background-color: #ff41b4; } + .bg-pink { background-color: #ff80cc; } + .bg-light-pink { background-color: #ffa3d7; } + .bg-dark-green { background-color: #137752; } + .bg-green { background-color: #19a974; } + .bg-light-green { background-color: #9eebcf; } + .bg-navy { background-color: #001b44; } + .bg-dark-blue { background-color: #00449e; } + .bg-blue { background-color: #357edd; } + .bg-light-blue { background-color: #96ccff; } + .bg-lightest-blue { background-color: #cdecff; } + .bg-washed-blue { background-color: #f6fffe; } + .bg-washed-green { background-color: #e8fdf5; } + .bg-washed-yellow { background-color: #fffceb; } + .bg-washed-red { background-color: #ffdfdf; } + .bg-inherit { background-color: inherit; } + /* + + SKINS:PSEUDO + + Customize the color of an element when + it is focused or hovered over. + + */ + .hover-black:hover { color: #000; } + .hover-black:focus { color: #000; } + .hover-near-black:hover { color: #111; } + .hover-near-black:focus { color: #111; } + .hover-dark-gray:hover { color: #333; } + .hover-dark-gray:focus { color: #333; } + .hover-mid-gray:hover { color: #555; } + .hover-mid-gray:focus { color: #555; } + .hover-gray:hover { color: #777; } + .hover-gray:focus { color: #777; } + .hover-silver:hover { color: #999; } + .hover-silver:focus { color: #999; } + .hover-light-silver:hover { color: #aaa; } + .hover-light-silver:focus { color: #aaa; } + .hover-moon-gray:hover { color: #ccc; } + .hover-moon-gray:focus { color: #ccc; } + .hover-light-gray:hover { color: #eee; } + .hover-light-gray:focus { color: #eee; } + .hover-near-white:hover { color: #f4f4f4; } + .hover-near-white:focus { color: #f4f4f4; } + .hover-white:hover { color: #fff; } + .hover-white:focus { color: #fff; } + .hover-black-90:hover { color: rgba( 0, 0, 0, .9 ); } + .hover-black-90:focus { color: rgba( 0, 0, 0, .9 ); } + .hover-black-80:hover { color: rgba( 0, 0, 0, .8 ); } + .hover-black-80:focus { color: rgba( 0, 0, 0, .8 ); } + .hover-black-70:hover { color: rgba( 0, 0, 0, .7 ); } + .hover-black-70:focus { color: rgba( 0, 0, 0, .7 ); } + .hover-black-60:hover { color: rgba( 0, 0, 0, .6 ); } + .hover-black-60:focus { color: rgba( 0, 0, 0, .6 ); } + .hover-black-50:hover { color: rgba( 0, 0, 0, .5 ); } + .hover-black-50:focus { color: rgba( 0, 0, 0, .5 ); } + .hover-black-40:hover { color: rgba( 0, 0, 0, .4 ); } + .hover-black-40:focus { color: rgba( 0, 0, 0, .4 ); } + .hover-black-30:hover { color: rgba( 0, 0, 0, .3 ); } + .hover-black-30:focus { color: rgba( 0, 0, 0, .3 ); } + .hover-black-20:hover { color: rgba( 0, 0, 0, .2 ); } + .hover-black-20:focus { color: rgba( 0, 0, 0, .2 ); } + .hover-black-10:hover { color: rgba( 0, 0, 0, .1 ); } + .hover-black-10:focus { color: rgba( 0, 0, 0, .1 ); } + .hover-white-90:hover { color: rgba( 255, 255, 255, .9 ); } + .hover-white-90:focus { color: rgba( 255, 255, 255, .9 ); } + .hover-white-80:hover { color: rgba( 255, 255, 255, .8 ); } + .hover-white-80:focus { color: rgba( 255, 255, 255, .8 ); } + .hover-white-70:hover { color: rgba( 255, 255, 255, .7 ); } + .hover-white-70:focus { color: rgba( 255, 255, 255, .7 ); } + .hover-white-60:hover { color: rgba( 255, 255, 255, .6 ); } + .hover-white-60:focus { color: rgba( 255, 255, 255, .6 ); } + .hover-white-50:hover { color: rgba( 255, 255, 255, .5 ); } + .hover-white-50:focus { color: rgba( 255, 255, 255, .5 ); } + .hover-white-40:hover { color: rgba( 255, 255, 255, .4 ); } + .hover-white-40:focus { color: rgba( 255, 255, 255, .4 ); } + .hover-white-30:hover { color: rgba( 255, 255, 255, .3 ); } + .hover-white-30:focus { color: rgba( 255, 255, 255, .3 ); } + .hover-white-20:hover { color: rgba( 255, 255, 255, .2 ); } + .hover-white-20:focus { color: rgba( 255, 255, 255, .2 ); } + .hover-white-10:hover { color: rgba( 255, 255, 255, .1 ); } + .hover-white-10:focus { color: rgba( 255, 255, 255, .1 ); } + .hover-inherit:hover, .hover-inherit:focus { color: inherit; } + .hover-bg-black:hover { background-color: #000; } + .hover-bg-black:focus { background-color: #000; } + .hover-bg-near-black:hover { background-color: #111; } + .hover-bg-near-black:focus { background-color: #111; } + .hover-bg-dark-gray:hover { background-color: #333; } + .hover-bg-dark-gray:focus { background-color: #333; } + .hover-bg-mid-gray:hover { background-color: #555; } + .hover-bg-mid-gray:focus { background-color: #555; } + .hover-bg-gray:hover { background-color: #777; } + .hover-bg-gray:focus { background-color: #777; } + .hover-bg-silver:hover { background-color: #999; } + .hover-bg-silver:focus { background-color: #999; } + .hover-bg-light-silver:hover { background-color: #aaa; } + .hover-bg-light-silver:focus { background-color: #aaa; } + .hover-bg-moon-gray:hover { background-color: #ccc; } + .hover-bg-moon-gray:focus { background-color: #ccc; } + .hover-bg-light-gray:hover { background-color: #eee; } + .hover-bg-light-gray:focus { background-color: #eee; } + .hover-bg-near-white:hover { background-color: #f4f4f4; } + .hover-bg-near-white:focus { background-color: #f4f4f4; } + .hover-bg-white:hover { background-color: #fff; } + .hover-bg-white:focus { background-color: #fff; } + .hover-bg-transparent:hover { background-color: transparent; } + .hover-bg-transparent:focus { background-color: transparent; } + .hover-bg-black-90:hover { background-color: rgba( 0, 0, 0, .9 ); } + .hover-bg-black-90:focus { background-color: rgba( 0, 0, 0, .9 ); } + .hover-bg-black-80:hover { background-color: rgba( 0, 0, 0, .8 ); } + .hover-bg-black-80:focus { background-color: rgba( 0, 0, 0, .8 ); } + .hover-bg-black-70:hover { background-color: rgba( 0, 0, 0, .7 ); } + .hover-bg-black-70:focus { background-color: rgba( 0, 0, 0, .7 ); } + .hover-bg-black-60:hover { background-color: rgba( 0, 0, 0, .6 ); } + .hover-bg-black-60:focus { background-color: rgba( 0, 0, 0, .6 ); } + .hover-bg-black-50:hover { background-color: rgba( 0, 0, 0, .5 ); } + .hover-bg-black-50:focus { background-color: rgba( 0, 0, 0, .5 ); } + .hover-bg-black-40:hover { background-color: rgba( 0, 0, 0, .4 ); } + .hover-bg-black-40:focus { background-color: rgba( 0, 0, 0, .4 ); } + .hover-bg-black-30:hover { background-color: rgba( 0, 0, 0, .3 ); } + .hover-bg-black-30:focus { background-color: rgba( 0, 0, 0, .3 ); } + .hover-bg-black-20:hover { background-color: rgba( 0, 0, 0, .2 ); } + .hover-bg-black-20:focus { background-color: rgba( 0, 0, 0, .2 ); } + .hover-bg-black-10:hover { background-color: rgba( 0, 0, 0, .1 ); } + .hover-bg-black-10:focus { background-color: rgba( 0, 0, 0, .1 ); } + .hover-bg-white-90:hover { background-color: rgba( 255, 255, 255, .9 ); } + .hover-bg-white-90:focus { background-color: rgba( 255, 255, 255, .9 ); } + .hover-bg-white-80:hover { background-color: rgba( 255, 255, 255, .8 ); } + .hover-bg-white-80:focus { background-color: rgba( 255, 255, 255, .8 ); } + .hover-bg-white-70:hover { background-color: rgba( 255, 255, 255, .7 ); } + .hover-bg-white-70:focus { background-color: rgba( 255, 255, 255, .7 ); } + .hover-bg-white-60:hover { background-color: rgba( 255, 255, 255, .6 ); } + .hover-bg-white-60:focus { background-color: rgba( 255, 255, 255, .6 ); } + .hover-bg-white-50:hover { background-color: rgba( 255, 255, 255, .5 ); } + .hover-bg-white-50:focus { background-color: rgba( 255, 255, 255, .5 ); } + .hover-bg-white-40:hover { background-color: rgba( 255, 255, 255, .4 ); } + .hover-bg-white-40:focus { background-color: rgba( 255, 255, 255, .4 ); } + .hover-bg-white-30:hover { background-color: rgba( 255, 255, 255, .3 ); } + .hover-bg-white-30:focus { background-color: rgba( 255, 255, 255, .3 ); } + .hover-bg-white-20:hover { background-color: rgba( 255, 255, 255, .2 ); } + .hover-bg-white-20:focus { background-color: rgba( 255, 255, 255, .2 ); } + .hover-bg-white-10:hover { background-color: rgba( 255, 255, 255, .1 ); } + .hover-bg-white-10:focus { background-color: rgba( 255, 255, 255, .1 ); } + .hover-dark-red:hover { color: #e7040f; } + .hover-dark-red:focus { color: #e7040f; } + .hover-red:hover { color: #ff4136; } + .hover-red:focus { color: #ff4136; } + .hover-light-red:hover { color: #ff725c; } + .hover-light-red:focus { color: #ff725c; } + .hover-orange:hover { color: #ff6300; } + .hover-orange:focus { color: #ff6300; } + .hover-gold:hover { color: #ffb700; } + .hover-gold:focus { color: #ffb700; } + .hover-yellow:hover { color: #ffd700; } + .hover-yellow:focus { color: #ffd700; } + .hover-light-yellow:hover { color: #fbf1a9; } + .hover-light-yellow:focus { color: #fbf1a9; } + .hover-purple:hover { color: #5e2ca5; } + .hover-purple:focus { color: #5e2ca5; } + .hover-light-purple:hover { color: #a463f2; } + .hover-light-purple:focus { color: #a463f2; } + .hover-dark-pink:hover { color: #d5008f; } + .hover-dark-pink:focus { color: #d5008f; } + .hover-hot-pink:hover { color: #ff41b4; } + .hover-hot-pink:focus { color: #ff41b4; } + .hover-pink:hover { color: #ff80cc; } + .hover-pink:focus { color: #ff80cc; } + .hover-light-pink:hover { color: #ffa3d7; } + .hover-light-pink:focus { color: #ffa3d7; } + .hover-dark-green:hover { color: #137752; } + .hover-dark-green:focus { color: #137752; } + .hover-green:hover { color: #19a974; } + .hover-green:focus { color: #19a974; } + .hover-light-green:hover { color: #9eebcf; } + .hover-light-green:focus { color: #9eebcf; } + .hover-navy:hover { color: #001b44; } + .hover-navy:focus { color: #001b44; } + .hover-dark-blue:hover { color: #00449e; } + .hover-dark-blue:focus { color: #00449e; } + .hover-blue:hover { color: #357edd; } + .hover-blue:focus { color: #357edd; } + .hover-light-blue:hover { color: #96ccff; } + .hover-light-blue:focus { color: #96ccff; } + .hover-lightest-blue:hover { color: #cdecff; } + .hover-lightest-blue:focus { color: #cdecff; } + .hover-washed-blue:hover { color: #f6fffe; } + .hover-washed-blue:focus { color: #f6fffe; } + .hover-washed-green:hover { color: #e8fdf5; } + .hover-washed-green:focus { color: #e8fdf5; } + .hover-washed-yellow:hover { color: #fffceb; } + .hover-washed-yellow:focus { color: #fffceb; } + .hover-washed-red:hover { color: #ffdfdf; } + .hover-washed-red:focus { color: #ffdfdf; } + .hover-bg-dark-red:hover { background-color: #e7040f; } + .hover-bg-dark-red:focus { background-color: #e7040f; } + .hover-bg-red:hover { background-color: #ff4136; } + .hover-bg-red:focus { background-color: #ff4136; } + .hover-bg-light-red:hover { background-color: #ff725c; } + .hover-bg-light-red:focus { background-color: #ff725c; } + .hover-bg-orange:hover { background-color: #ff6300; } + .hover-bg-orange:focus { background-color: #ff6300; } + .hover-bg-gold:hover { background-color: #ffb700; } + .hover-bg-gold:focus { background-color: #ffb700; } + .hover-bg-yellow:hover { background-color: #ffd700; } + .hover-bg-yellow:focus { background-color: #ffd700; } + .hover-bg-light-yellow:hover { background-color: #fbf1a9; } + .hover-bg-light-yellow:focus { background-color: #fbf1a9; } + .hover-bg-purple:hover { background-color: #5e2ca5; } + .hover-bg-purple:focus { background-color: #5e2ca5; } + .hover-bg-light-purple:hover { background-color: #a463f2; } + .hover-bg-light-purple:focus { background-color: #a463f2; } + .hover-bg-dark-pink:hover { background-color: #d5008f; } + .hover-bg-dark-pink:focus { background-color: #d5008f; } + .hover-bg-hot-pink:hover { background-color: #ff41b4; } + .hover-bg-hot-pink:focus { background-color: #ff41b4; } + .hover-bg-pink:hover { background-color: #ff80cc; } + .hover-bg-pink:focus { background-color: #ff80cc; } + .hover-bg-light-pink:hover { background-color: #ffa3d7; } + .hover-bg-light-pink:focus { background-color: #ffa3d7; } + .hover-bg-dark-green:hover { background-color: #137752; } + .hover-bg-dark-green:focus { background-color: #137752; } + .hover-bg-green:hover { background-color: #19a974; } + .hover-bg-green:focus { background-color: #19a974; } + .hover-bg-light-green:hover { background-color: #9eebcf; } + .hover-bg-light-green:focus { background-color: #9eebcf; } + .hover-bg-navy:hover { background-color: #001b44; } + .hover-bg-navy:focus { background-color: #001b44; } + .hover-bg-dark-blue:hover { background-color: #00449e; } + .hover-bg-dark-blue:focus { background-color: #00449e; } + .hover-bg-blue:hover { background-color: #357edd; } + .hover-bg-blue:focus { background-color: #357edd; } + .hover-bg-light-blue:hover { background-color: #96ccff; } + .hover-bg-light-blue:focus { background-color: #96ccff; } + .hover-bg-lightest-blue:hover { background-color: #cdecff; } + .hover-bg-lightest-blue:focus { background-color: #cdecff; } + .hover-bg-washed-blue:hover { background-color: #f6fffe; } + .hover-bg-washed-blue:focus { background-color: #f6fffe; } + .hover-bg-washed-green:hover { background-color: #e8fdf5; } + .hover-bg-washed-green:focus { background-color: #e8fdf5; } + .hover-bg-washed-yellow:hover { background-color: #fffceb; } + .hover-bg-washed-yellow:focus { background-color: #fffceb; } + .hover-bg-washed-red:hover { background-color: #ffdfdf; } + .hover-bg-washed-red:focus { background-color: #ffdfdf; } + .hover-bg-inherit:hover, .hover-bg-inherit:focus { background-color: inherit; } + /* Variables */ + /* + SPACING + Docs: http://tachyons.io/docs/layout/spacing/ + + An eight step powers of two scale ranging from 0 to 16rem. + + Base: + p = padding + m = margin + + Modifiers: + a = all + h = horizontal + v = vertical + t = top + r = right + b = bottom + l = left + + 0 = none + 1 = 1st step in spacing scale + 2 = 2nd step in spacing scale + 3 = 3rd step in spacing scale + 4 = 4th step in spacing scale + 5 = 5th step in spacing scale + 6 = 6th step in spacing scale + 7 = 7th step in spacing scale + + Media Query Extensions: + -ns = not-small + -m = medium + -l = large + + */ + .pa0 { padding: 0; } + .pa1 { padding: .25rem; } + .pa2 { padding: .5rem; } + .pa3 { padding: 1rem; } + .pa4 { padding: 2rem; } + .pa5 { padding: 4rem; } + .pa6 { padding: 8rem; } + .pa7 { padding: 16rem; } + .pl0 { padding-left: 0; } + .pl1 { padding-left: .25rem; } + .pl2 { padding-left: .5rem; } + .pl3 { padding-left: 1rem; } + .pl4 { padding-left: 2rem; } + .pl5 { padding-left: 4rem; } + .pl6 { padding-left: 8rem; } + .pl7 { padding-left: 16rem; } + .pr0 { padding-right: 0; } + .pr1 { padding-right: .25rem; } + .pr2 { padding-right: .5rem; } + .pr3 { padding-right: 1rem; } + .pr4 { padding-right: 2rem; } + .pr5 { padding-right: 4rem; } + .pr6 { padding-right: 8rem; } + .pr7 { padding-right: 16rem; } + .pb0 { padding-bottom: 0; } + .pb1 { padding-bottom: .25rem; } + .pb2 { padding-bottom: .5rem; } + .pb3 { padding-bottom: 1rem; } + .pb4 { padding-bottom: 2rem; } + .pb5 { padding-bottom: 4rem; } + .pb6 { padding-bottom: 8rem; } + .pb7 { padding-bottom: 16rem; } + .pt0 { padding-top: 0; } + .pt1 { padding-top: .25rem; } + .pt2 { padding-top: .5rem; } + .pt3 { padding-top: 1rem; } + .pt4 { padding-top: 2rem; } + .pt5 { padding-top: 4rem; } + .pt6 { padding-top: 8rem; } + .pt7 { padding-top: 16rem; } + .pv0 { padding-top: 0; padding-bottom: 0; } + .pv1 { padding-top: .25rem; padding-bottom: .25rem; } + .pv2 { padding-top: .5rem; padding-bottom: .5rem; } + .pv3 { padding-top: 1rem; padding-bottom: 1rem; } + .pv4 { padding-top: 2rem; padding-bottom: 2rem; } + .pv5 { padding-top: 4rem; padding-bottom: 4rem; } + .pv6 { padding-top: 8rem; padding-bottom: 8rem; } + .pv7 { padding-top: 16rem; padding-bottom: 16rem; } + .ph0 { padding-left: 0; padding-right: 0; } + .ph1 { padding-left: .25rem; padding-right: .25rem; } + .ph2 { padding-left: .5rem; padding-right: .5rem; } + .ph3 { padding-left: 1rem; padding-right: 1rem; } + .ph4 { padding-left: 2rem; padding-right: 2rem; } + .ph5 { padding-left: 4rem; padding-right: 4rem; } + .ph6 { padding-left: 8rem; padding-right: 8rem; } + .ph7 { padding-left: 16rem; padding-right: 16rem; } + .ma0 { margin: 0; } + .ma1 { margin: .25rem; } + .ma2 { margin: .5rem; } + .ma3 { margin: 1rem; } + .ma4 { margin: 2rem; } + .ma5 { margin: 4rem; } + .ma6 { margin: 8rem; } + .ma7 { margin: 16rem; } + .ml0 { margin-left: 0; } + .ml1 { margin-left: .25rem; } + .ml2 { margin-left: .5rem; } + .ml3 { margin-left: 1rem; } + .ml4 { margin-left: 2rem; } + .ml5 { margin-left: 4rem; } + .ml6 { margin-left: 8rem; } + .ml7 { margin-left: 16rem; } + .mr0 { margin-right: 0; } + .mr1 { margin-right: .25rem; } + .mr2 { margin-right: .5rem; } + .mr3 { margin-right: 1rem; } + .mr4 { margin-right: 2rem; } + .mr5 { margin-right: 4rem; } + .mr6 { margin-right: 8rem; } + .mr7 { margin-right: 16rem; } + .mb0 { margin-bottom: 0; } + .mb1 { margin-bottom: .25rem; } + .mb2 { margin-bottom: .5rem; } + .mb3 { margin-bottom: 1rem; } + .mb4 { margin-bottom: 2rem; } + .mb5 { margin-bottom: 4rem; } + .mb6 { margin-bottom: 8rem; } + .mb7 { margin-bottom: 16rem; } + .mt0 { margin-top: 0; } + .mt1 { margin-top: .25rem; } + .mt2 { margin-top: .5rem; } + .mt3 { margin-top: 1rem; } + .mt4 { margin-top: 2rem; } + .mt5 { margin-top: 4rem; } + .mt6 { margin-top: 8rem; } + .mt7 { margin-top: 16rem; } + .mv0 { margin-top: 0; margin-bottom: 0; } + .mv1 { margin-top: .25rem; margin-bottom: .25rem; } + .mv2 { margin-top: .5rem; margin-bottom: .5rem; } + .mv3 { margin-top: 1rem; margin-bottom: 1rem; } + .mv4 { margin-top: 2rem; margin-bottom: 2rem; } + .mv5 { margin-top: 4rem; margin-bottom: 4rem; } + .mv6 { margin-top: 8rem; margin-bottom: 8rem; } + .mv7 { margin-top: 16rem; margin-bottom: 16rem; } + .mh0 { margin-left: 0; margin-right: 0; } + .mh1 { margin-left: .25rem; margin-right: .25rem; } + .mh2 { margin-left: .5rem; margin-right: .5rem; } + .mh3 { margin-left: 1rem; margin-right: 1rem; } + .mh4 { margin-left: 2rem; margin-right: 2rem; } + .mh5 { margin-left: 4rem; margin-right: 4rem; } + .mh6 { margin-left: 8rem; margin-right: 8rem; } + .mh7 { margin-left: 16rem; margin-right: 16rem; } + /* + NEGATIVE MARGINS + + Base: + n = negative + + Modifiers: + a = all + t = top + r = right + b = bottom + l = left + + 1 = 1st step in spacing scale + 2 = 2nd step in spacing scale + 3 = 3rd step in spacing scale + 4 = 4th step in spacing scale + 5 = 5th step in spacing scale + 6 = 6th step in spacing scale + 7 = 7th step in spacing scale + + Media Query Extensions: + -ns = not-small + -m = medium + -l = large + + */ + .na1 { margin: -0.25rem; } + .na2 { margin: -0.5rem; } + .na3 { margin: -1rem; } + .na4 { margin: -2rem; } + .na5 { margin: -4rem; } + .na6 { margin: -8rem; } + .na7 { margin: -16rem; } + .nl1 { margin-left: -0.25rem; } + .nl2 { margin-left: -0.5rem; } + .nl3 { margin-left: -1rem; } + .nl4 { margin-left: -2rem; } + .nl5 { margin-left: -4rem; } + .nl6 { margin-left: -8rem; } + .nl7 { margin-left: -16rem; } + .nr1 { margin-right: -0.25rem; } + .nr2 { margin-right: -0.5rem; } + .nr3 { margin-right: -1rem; } + .nr4 { margin-right: -2rem; } + .nr5 { margin-right: -4rem; } + .nr6 { margin-right: -8rem; } + .nr7 { margin-right: -16rem; } + .nb1 { margin-bottom: -0.25rem; } + .nb2 { margin-bottom: -0.5rem; } + .nb3 { margin-bottom: -1rem; } + .nb4 { margin-bottom: -2rem; } + .nb5 { margin-bottom: -4rem; } + .nb6 { margin-bottom: -8rem; } + .nb7 { margin-bottom: -16rem; } + .nt1 { margin-top: -0.25rem; } + .nt2 { margin-top: -0.5rem; } + .nt3 { margin-top: -1rem; } + .nt4 { margin-top: -2rem; } + .nt5 { margin-top: -4rem; } + .nt6 { margin-top: -8rem; } + .nt7 { margin-top: -16rem; } + /* + + TABLES + Docs: http://tachyons.io/docs/elements/tables/ + + */ + .collapse { border-collapse: collapse; border-spacing: 0; } + .striped--light-silver:nth-child(odd) { background-color: #aaa; } + .striped--moon-gray:nth-child(odd) { background-color: #ccc; } + .striped--light-gray:nth-child(odd) { background-color: #eee; } + .striped--near-white:nth-child(odd) { background-color: #f4f4f4; } + .stripe-light:nth-child(odd) { background-color: rgba( 255, 255, 255, .1 ); } + .stripe-dark:nth-child(odd) { background-color: rgba( 0, 0, 0, .1 ); } + /* + + TEXT DECORATION + Docs: http://tachyons.io/docs/typography/text-decoration/ + + + Media Query Extensions: + -ns = not-small + -m = medium + -l = large + + */ + .strike { text-decoration: line-through; } + .underline { text-decoration: underline; } + .no-underline { text-decoration: none; } + /* + + TEXT ALIGN + Docs: http://tachyons.io/docs/typography/text-align/ + + Base + t = text-align + + Modifiers + l = left + r = right + c = center + j = justify + + Media Query Extensions: + -ns = not-small + -m = medium + -l = large + + */ + .tl { text-align: left; } + .tr { text-align: right; } + .tc { text-align: center; } + .tj { text-align: justify; } + /* + + TEXT TRANSFORM + Docs: http://tachyons.io/docs/typography/text-transform/ + + Base: + tt = text-transform + + Modifiers + c = capitalize + l = lowercase + u = uppercase + n = none + + Media Query Extensions: + -ns = not-small + -m = medium + -l = large + + */ + .ttc { text-transform: capitalize; } + .ttl { text-transform: lowercase; } + .ttu { text-transform: uppercase; } + .ttn { text-transform: none; } + /* + + TYPE SCALE + Docs: http://tachyons.io/docs/typography/scale/ + + Base: + f = font-size + + Modifiers + 1 = 1st step in size scale + 2 = 2nd step in size scale + 3 = 3rd step in size scale + 4 = 4th step in size scale + 5 = 5th step in size scale + 6 = 6th step in size scale + 7 = 7th step in size scale + + Media Query Extensions: + -ns = not-small + -m = medium + -l = large + */ + /* + * For Hero/Marketing Titles + * + * These generally are too large for mobile + * so be careful using them on smaller screens. + * */ + .f-6, .f-headline { font-size: 6rem; } + .f-5, .f-subheadline { font-size: 5rem; } + /* Type Scale */ + .f1 { font-size: 3rem; } + .f2 { font-size: 2.25rem; } + .f3 { font-size: 1.5rem; } + .f4 { font-size: 1.25rem; } + .f5 { font-size: 1rem; } + .f6 { font-size: .875rem; } + .f7 { font-size: .75rem; } + /* Small and hard to read for many people so use with extreme caution */ + /* + + TYPOGRAPHY + http://tachyons.io/docs/typography/measure/ + + Media Query Extensions: + -ns = not-small + -m = medium + -l = large + + */ + /* Measure is limited to ~66 characters */ + .measure { max-width: 30em; } + /* Measure is limited to ~80 characters */ + .measure-wide { max-width: 34em; } + /* Measure is limited to ~45 characters */ + .measure-narrow { max-width: 20em; } + /* Book paragraph style - paragraphs are indented with no vertical spacing. */ + .indent { text-indent: 1em; margin-top: 0; margin-bottom: 0; } + .small-caps { font-variant: small-caps; } + /* Combine this class with a width to truncate text (or just leave as is to truncate at width of containing element. */ + .truncate { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } + /* + + UTILITIES + + Media Query Extensions: + -ns = not-small + -m = medium + -l = large + + */ + /* Equivalent to .overflow-y-scroll */ + .overflow-container { overflow-y: scroll; } + .center { margin-right: auto; margin-left: auto; } + .mr-auto { margin-right: auto; } + .ml-auto { margin-left: auto; } + /* + + VISIBILITY + + Media Query Extensions: + -ns = not-small + -m = medium + -l = large + + */ + /* + Text that is hidden but accessible + Ref: http://snook.ca/archives/html_and_css/hiding-content-for-accessibility + */ + .clip { position: fixed !important; _position: absolute !important; clip: rect( 1px 1px 1px 1px ); /* IE6, IE7 */ clip: rect( 1px, 1px, 1px, 1px ); } + /* + + WHITE SPACE + + Media Query Extensions: + -ns = not-small + -m = medium + -l = large + + */ + .ws-normal { white-space: normal; } + .nowrap { white-space: nowrap; } + .pre { white-space: pre; } + /* + + VERTICAL ALIGN + + Media Query Extensions: + -ns = not-small + -m = medium + -l = large + + */ + .v-base { vertical-align: baseline; } + .v-mid { vertical-align: middle; } + .v-top { vertical-align: top; } + .v-btm { vertical-align: bottom; } + /* + + HOVER EFFECTS + Docs: http://tachyons.io/docs/themes/hovers/ + + - Dim + - Glow + - Hide Child + - Underline text + - Grow + - Pointer + - Shadow + + */ + /* + + Dim element on hover by adding the dim class. + + */ + .dim { opacity: 1; transition: opacity .15s ease-in; } + .dim:hover, .dim:focus { opacity: .5; transition: opacity .15s ease-in; } + .dim:active { opacity: .8; transition: opacity .15s ease-out; } + /* + + Animate opacity to 100% on hover by adding the glow class. + + */ + .glow { transition: opacity .15s ease-in; } + .glow:hover, .glow:focus { opacity: 1; transition: opacity .15s ease-in; } + /* + + Hide child & reveal on hover: + + Put the hide-child class on a parent element and any nested element with the + child class will be hidden and displayed on hover or focus. + +
+
Hidden until hover or focus
+
Hidden until hover or focus
+
Hidden until hover or focus
+
Hidden until hover or focus
+
+ */ + .hide-child .child { opacity: 0; transition: opacity .15s ease-in; } + .hide-child:hover .child, .hide-child:focus .child, .hide-child:active .child { opacity: 1; transition: opacity .15s ease-in; } + .underline-hover:hover, .underline-hover:focus { text-decoration: underline; } + /* Can combine this with overflow-hidden to make background images grow on hover + * even if you are using background-size: cover */ + .grow { -moz-osx-font-smoothing: grayscale; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transform: translateZ( 0 ); transform: translateZ( 0 ); transition: -webkit-transform .25s ease-out; transition: transform .25s ease-out; transition: transform .25s ease-out, -webkit-transform .25s ease-out; } + .grow:hover, .grow:focus { -webkit-transform: scale( 1.05 ); transform: scale( 1.05 ); } + .grow:active { -webkit-transform: scale( .90 ); transform: scale( .90 ); } + .grow-large { -moz-osx-font-smoothing: grayscale; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transform: translateZ( 0 ); transform: translateZ( 0 ); transition: -webkit-transform .25s ease-in-out; transition: transform .25s ease-in-out; transition: transform .25s ease-in-out, -webkit-transform .25s ease-in-out; } + .grow-large:hover, .grow-large:focus { -webkit-transform: scale( 1.2 ); transform: scale( 1.2 ); } + .grow-large:active { -webkit-transform: scale( .95 ); transform: scale( .95 ); } + /* Add pointer on hover */ + .pointer:hover { cursor: pointer; } + /* + Add shadow on hover. + + Performant box-shadow animation pattern from + http://tobiasahlin.com/blog/how-to-animate-box-shadow/ + */ + .shadow-hover { cursor: pointer; position: relative; transition: all .5s cubic-bezier( .165, .84, .44, 1 ); } + .shadow-hover::after { content: ''; box-shadow: 0 0 16px 2px rgba( 0, 0, 0, .2 ); border-radius: inherit; opacity: 0; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: -1; transition: opacity .5s cubic-bezier( .165, .84, .44, 1 ); } + .shadow-hover:hover::after, .shadow-hover:focus::after { opacity: 1; } + /* Combine with classes in skins and skins-pseudo for + * many different transition possibilities. */ + .bg-animate, .bg-animate:hover, .bg-animate:focus { transition: background-color .15s ease-in-out; } + /* + + Z-INDEX + + Base + z = z-index + + Modifiers + -0 = literal value 0 + -1 = literal value 1 + -2 = literal value 2 + -3 = literal value 3 + -4 = literal value 4 + -5 = literal value 5 + -999 = literal value 999 + -9999 = literal value 9999 + + -max = largest accepted z-index value as integer + + -inherit = string value inherit + -initial = string value initial + -unset = string value unset + + MDN: https://developer.mozilla.org/en/docs/Web/CSS/z-index + Spec: http://www.w3.org/TR/CSS2/zindex.html + Articles: + https://philipwalton.com/articles/what-no-one-told-you-about-z-index/ + + Tips on extending: + There might be a time worth using negative z-index values. + Or if you are using tachyons with another project, you might need to + adjust these values to suit your needs. + + */ + .z-0 { z-index: 0; } + .z-1 { z-index: 1; } + .z-2 { z-index: 2; } + .z-3 { z-index: 3; } + .z-4 { z-index: 4; } + .z-5 { z-index: 5; } + .z-999 { z-index: 999; } + .z-9999 { z-index: 9999; } + .z-max { z-index: 2147483647; } + .z-inherit { z-index: inherit; } + .z-initial { z-index: initial; } + .z-unset { z-index: unset; } + /* + + NESTED + Tachyons module for styling nested elements + that are generated by a cms. + + */ + .nested-copy-line-height p, .nested-copy-line-height ul, + .nested-copy-line-height ol { line-height: 1.5; } + .nested-headline-line-height h1, .nested-headline-line-height h2, + .nested-headline-line-height h3, .nested-headline-line-height h4, + .nested-headline-line-height h5, .nested-headline-line-height h6 { line-height: 1.25; } + .nested-list-reset ul, .nested-list-reset ol { padding-left: 0; margin-left: 0; list-style-type: none; } + .nested-copy-indent p+p { text-indent: 1em; margin-top: 0; margin-bottom: 0; } + .nested-copy-separator p+p { margin-top: 1.5em; } + .nested-img img { width: 100%; max-width: 100%; display: block; } + .nested-links a { color: #357edd; transition: color .15s ease-in; } + .nested-links a:hover { color: #96ccff; transition: color .15s ease-in; } + .nested-links a:focus { color: #96ccff; transition: color .15s ease-in; } + /* + + STYLES + + Add custom styles here. + + */ + /* Variables */ + /* Importing here will allow you to override any variables in the modules */ + /* + + Tachyons + COLOR VARIABLES + + Grayscale + - Solids + - Transparencies + Colors + + */ + /* + + CUSTOM MEDIA QUERIES + + Media query values can be changed to fit your own content. + There are no magic bullets when it comes to media query width values. + They should be declared in em units - and they should be set to meet + the needs of your content. You can also add additional media queries, + or remove some of the existing ones. + + These media queries can be referenced like so: + + @media (--breakpoint-not-small) { + .medium-and-larger-specific-style { + background-color: red; + } + } + + @media (--breakpoint-medium) { + .medium-screen-specific-style { + background-color: red; + } + } + + @media (--breakpoint-large) { + .large-and-larger-screen-specific-style { + background-color: red; + } + } + + */ + /* Media Queries */ + /* Debugging */ + /* + + DEBUG CHILDREN + Docs: http://tachyons.io/docs/debug/ + + Just add the debug class to any element to see outlines on its + children. + + */ + .debug * { outline: 1px solid gold; } + .debug-white * { outline: 1px solid white; } + .debug-black * { outline: 1px solid black; } + /* + + DEBUG GRID + http://tachyons.io/docs/debug-grid/ + + Can be useful for debugging layout issues + or helping to make sure things line up perfectly. + Just tack one of these classes onto a parent element. + + */ + .debug-grid { background: transparent url( data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAAFElEQVR4AWPAC97/9x0eCsAEPgwAVLshdpENIxcAAAAASUVORK5CYII= ) repeat top left; } + .debug-grid-16 { background: transparent url( data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAMklEQVR4AWOgCLz/b0epAa6UGuBOqQHOQHLUgFEDnAbcBZ4UGwDOkiCnkIhdgNgNxAYAiYlD+8sEuo8AAAAASUVORK5CYII= ) repeat top left; } + .debug-grid-8-solid { background: white url( data:image/gif;base64,R0lGODdhCAAIAPEAAADw/wDx/////wAAACwAAAAACAAIAAACDZQvgaeb/lxbAIKA8y0AOw== ) repeat top left; } + .debug-grid-16-solid { background: white url( data:image/gif;base64,R0lGODdhEAAQAPEAAADw/wDx/xXy/////ywAAAAAEAAQAAACIZyPKckYDQFsb6ZqD85jZ2+BkwiRFKehhqQCQgDHcgwEBQA7 ) repeat top left; } + /* Uncomment out the line below to help debug layout issues */ + /* @import './_debug'; */ + @media screen and (min-width: 30em) { + .aspect-ratio-ns { height: 0; position: relative; } + .aspect-ratio--16x9-ns { padding-bottom: 56.25%; } + .aspect-ratio--9x16-ns { padding-bottom: 177.77%; } + .aspect-ratio--4x3-ns { padding-bottom: 75%; } + .aspect-ratio--3x4-ns { padding-bottom: 133.33%; } + .aspect-ratio--6x4-ns { padding-bottom: 66.6%; } + .aspect-ratio--4x6-ns { padding-bottom: 150%; } + .aspect-ratio--8x5-ns { padding-bottom: 62.5%; } + .aspect-ratio--5x8-ns { padding-bottom: 160%; } + .aspect-ratio--7x5-ns { padding-bottom: 71.42%; } + .aspect-ratio--5x7-ns { padding-bottom: 140%; } + .aspect-ratio--1x1-ns { padding-bottom: 100%; } + .aspect-ratio--object-ns { position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; z-index: 100; } + .cover-ns { background-size: cover !important; } + .contain-ns { background-size: contain !important; } + .bg-center-ns { background-repeat: no-repeat; background-position: center center; } + .bg-top-ns { background-repeat: no-repeat; background-position: top center; } + .bg-right-ns { background-repeat: no-repeat; background-position: center right; } + .bg-bottom-ns { background-repeat: no-repeat; background-position: bottom center; } + .bg-left-ns { background-repeat: no-repeat; background-position: center left; } + .outline-ns { outline: 1px solid; } + .outline-transparent-ns { outline: 1px solid transparent; } + .outline-0-ns { outline: 0; } + .ba-ns { border-style: solid; border-width: 1px; } + .bt-ns { border-top-style: solid; border-top-width: 1px; } + .br-ns { border-right-style: solid; border-right-width: 1px; } + .bb-ns { border-bottom-style: solid; border-bottom-width: 1px; } + .bl-ns { border-left-style: solid; border-left-width: 1px; } + .bn-ns { border-style: none; border-width: 0; } + .br0-ns { border-radius: 0; } + .br1-ns { border-radius: .125rem; } + .br2-ns { border-radius: .25rem; } + .br3-ns { border-radius: .5rem; } + .br4-ns { border-radius: 1rem; } + .br-100-ns { border-radius: 100%; } + .br-pill-ns { border-radius: 9999px; } + .br--bottom-ns { border-top-left-radius: 0; border-top-right-radius: 0; } + .br--top-ns { border-bottom-left-radius: 0; border-bottom-right-radius: 0; } + .br--right-ns { border-top-left-radius: 0; border-bottom-left-radius: 0; } + .br--left-ns { border-top-right-radius: 0; border-bottom-right-radius: 0; } + .br-inherit-ns { border-radius: inherit; } + .br-initial-ns { border-radius: initial; } + .br-unset-ns { border-radius: unset; } + .b--dotted-ns { border-style: dotted; } + .b--dashed-ns { border-style: dashed; } + .b--solid-ns { border-style: solid; } + .b--none-ns { border-style: none; } + .bw0-ns { border-width: 0; } + .bw1-ns { border-width: .125rem; } + .bw2-ns { border-width: .25rem; } + .bw3-ns { border-width: .5rem; } + .bw4-ns { border-width: 1rem; } + .bw5-ns { border-width: 2rem; } + .bt-0-ns { border-top-width: 0; } + .br-0-ns { border-right-width: 0; } + .bb-0-ns { border-bottom-width: 0; } + .bl-0-ns { border-left-width: 0; } + .shadow-1-ns { box-shadow: 0 0 4px 2px rgba( 0, 0, 0, .2 ); } + .shadow-2-ns { box-shadow: 0 0 8px 2px rgba( 0, 0, 0, .2 ); } + .shadow-3-ns { box-shadow: 2px 2px 4px 2px rgba( 0, 0, 0, .2 ); } + .shadow-4-ns { box-shadow: 2px 2px 8px 0 rgba( 0, 0, 0, .2 ); } + .shadow-5-ns { box-shadow: 4px 4px 8px 0 rgba( 0, 0, 0, .2 ); } + .top-0-ns { top: 0; } + .left-0-ns { left: 0; } + .right-0-ns { right: 0; } + .bottom-0-ns { bottom: 0; } + .top-1-ns { top: 1rem; } + .left-1-ns { left: 1rem; } + .right-1-ns { right: 1rem; } + .bottom-1-ns { bottom: 1rem; } + .top-2-ns { top: 2rem; } + .left-2-ns { left: 2rem; } + .right-2-ns { right: 2rem; } + .bottom-2-ns { bottom: 2rem; } + .top--1-ns { top: -1rem; } + .right--1-ns { right: -1rem; } + .bottom--1-ns { bottom: -1rem; } + .left--1-ns { left: -1rem; } + .top--2-ns { top: -2rem; } + .right--2-ns { right: -2rem; } + .bottom--2-ns { bottom: -2rem; } + .left--2-ns { left: -2rem; } + .absolute--fill-ns { top: 0; right: 0; bottom: 0; left: 0; } + .cl-ns { clear: left; } + .cr-ns { clear: right; } + .cb-ns { clear: both; } + .cn-ns { clear: none; } + .dn-ns { display: none; } + .di-ns { display: inline; } + .db-ns { display: block; } + .dib-ns { display: inline-block; } + .dit-ns { display: inline-table; } + .dt-ns { display: table; } + .dtc-ns { display: table-cell; } + .dt-row-ns { display: table-row; } + .dt-row-group-ns { display: table-row-group; } + .dt-column-ns { display: table-column; } + .dt-column-group-ns { display: table-column-group; } + .dt--fixed-ns { table-layout: fixed; width: 100%; } + .flex-ns { display: flex; } + .inline-flex-ns { display: inline-flex; } + .flex-auto-ns { flex: 1 1 auto; min-width: 0; /* 1 */ min-height: 0; /* 1 */ } + .flex-none-ns { flex: none; } + .flex-column-ns { flex-direction: column; } + .flex-row-ns { flex-direction: row; } + .flex-wrap-ns { flex-wrap: wrap; } + .flex-nowrap-ns { flex-wrap: nowrap; } + .flex-wrap-reverse-ns { flex-wrap: wrap-reverse; } + .flex-column-reverse-ns { flex-direction: column-reverse; } + .flex-row-reverse-ns { flex-direction: row-reverse; } + .items-start-ns { align-items: flex-start; } + .items-end-ns { align-items: flex-end; } + .items-center-ns { align-items: center; } + .items-baseline-ns { align-items: baseline; } + .items-stretch-ns { align-items: stretch; } + .self-start-ns { align-self: flex-start; } + .self-end-ns { align-self: flex-end; } + .self-center-ns { align-self: center; } + .self-baseline-ns { align-self: baseline; } + .self-stretch-ns { align-self: stretch; } + .justify-start-ns { justify-content: flex-start; } + .justify-end-ns { justify-content: flex-end; } + .justify-center-ns { justify-content: center; } + .justify-between-ns { justify-content: space-between; } + .justify-around-ns { justify-content: space-around; } + .content-start-ns { align-content: flex-start; } + .content-end-ns { align-content: flex-end; } + .content-center-ns { align-content: center; } + .content-between-ns { align-content: space-between; } + .content-around-ns { align-content: space-around; } + .content-stretch-ns { align-content: stretch; } + .order-0-ns { order: 0; } + .order-1-ns { order: 1; } + .order-2-ns { order: 2; } + .order-3-ns { order: 3; } + .order-4-ns { order: 4; } + .order-5-ns { order: 5; } + .order-6-ns { order: 6; } + .order-7-ns { order: 7; } + .order-8-ns { order: 8; } + .order-last-ns { order: 99999; } + .flex-grow-0-ns { flex-grow: 0; } + .flex-grow-1-ns { flex-grow: 1; } + .flex-shrink-0-ns { flex-shrink: 0; } + .flex-shrink-1-ns { flex-shrink: 1; } + .fl-ns { float: left; _display: inline; } + .fr-ns { float: right; _display: inline; } + .fn-ns { float: none; } + .i-ns { font-style: italic; } + .fs-normal-ns { font-style: normal; } + .normal-ns { font-weight: normal; } + .b-ns { font-weight: bold; } + .fw1-ns { font-weight: 100; } + .fw2-ns { font-weight: 200; } + .fw3-ns { font-weight: 300; } + .fw4-ns { font-weight: 400; } + .fw5-ns { font-weight: 500; } + .fw6-ns { font-weight: 600; } + .fw7-ns { font-weight: 700; } + .fw8-ns { font-weight: 800; } + .fw9-ns { font-weight: 900; } + .h1-ns { height: 1rem; } + .h2-ns { height: 2rem; } + .h3-ns { height: 4rem; } + .h4-ns { height: 8rem; } + .h5-ns { height: 16rem; } + .h-25-ns { height: 25%; } + .h-50-ns { height: 50%; } + .h-75-ns { height: 75%; } + .h-100-ns { height: 100%; } + .min-h-100-ns { min-height: 100%; } + .vh-25-ns { height: 25vh; } + .vh-50-ns { height: 50vh; } + .vh-75-ns { height: 75vh; } + .vh-100-ns { height: 100vh; } + .min-vh-100-ns { min-height: 100vh; } + .h-auto-ns { height: auto; } + .h-inherit-ns { height: inherit; } + .tracked-ns { letter-spacing: .1em; } + .tracked-tight-ns { letter-spacing: -.05em; } + .tracked-mega-ns { letter-spacing: .25em; } + .lh-solid-ns { line-height: 1; } + .lh-title-ns { line-height: 1.25; } + .lh-copy-ns { line-height: 1.5; } + .mw-100-ns { max-width: 100%; } + .mw1-ns { max-width: 1rem; } + .mw2-ns { max-width: 2rem; } + .mw3-ns { max-width: 4rem; } + .mw4-ns { max-width: 8rem; } + .mw5-ns { max-width: 16rem; } + .mw6-ns { max-width: 32rem; } + .mw7-ns { max-width: 48rem; } + .mw8-ns { max-width: 64rem; } + .mw9-ns { max-width: 96rem; } + .mw-none-ns { max-width: none; } + .w1-ns { width: 1rem; } + .w2-ns { width: 2rem; } + .w3-ns { width: 4rem; } + .w4-ns { width: 8rem; } + .w5-ns { width: 16rem; } + .w-10-ns { width: 10%; } + .w-20-ns { width: 20%; } + .w-25-ns { width: 25%; } + .w-30-ns { width: 30%; } + .w-33-ns { width: 33%; } + .w-34-ns { width: 34%; } + .w-40-ns { width: 40%; } + .w-50-ns { width: 50%; } + .w-60-ns { width: 60%; } + .w-70-ns { width: 70%; } + .w-75-ns { width: 75%; } + .w-80-ns { width: 80%; } + .w-90-ns { width: 90%; } + .w-100-ns { width: 100%; } + .w-third-ns { width: 33.33333%; } + .w-two-thirds-ns { width: 66.66667%; } + .w-auto-ns { width: auto; } + .overflow-visible-ns { overflow: visible; } + .overflow-hidden-ns { overflow: hidden; } + .overflow-scroll-ns { overflow: scroll; } + .overflow-auto-ns { overflow: auto; } + .overflow-x-visible-ns { overflow-x: visible; } + .overflow-x-hidden-ns { overflow-x: hidden; } + .overflow-x-scroll-ns { overflow-x: scroll; } + .overflow-x-auto-ns { overflow-x: auto; } + .overflow-y-visible-ns { overflow-y: visible; } + .overflow-y-hidden-ns { overflow-y: hidden; } + .overflow-y-scroll-ns { overflow-y: scroll; } + .overflow-y-auto-ns { overflow-y: auto; } + .static-ns { position: static; } + .relative-ns { position: relative; } + .absolute-ns { position: absolute; } + .fixed-ns { position: fixed; } + .rotate-45-ns { -webkit-transform: rotate( 45deg ); transform: rotate( 45deg ); } + .rotate-90-ns { -webkit-transform: rotate( 90deg ); transform: rotate( 90deg ); } + .rotate-135-ns { -webkit-transform: rotate( 135deg ); transform: rotate( 135deg ); } + .rotate-180-ns { -webkit-transform: rotate( 180deg ); transform: rotate( 180deg ); } + .rotate-225-ns { -webkit-transform: rotate( 225deg ); transform: rotate( 225deg ); } + .rotate-270-ns { -webkit-transform: rotate( 270deg ); transform: rotate( 270deg ); } + .rotate-315-ns { -webkit-transform: rotate( 315deg ); transform: rotate( 315deg ); } + .pa0-ns { padding: 0; } + .pa1-ns { padding: .25rem; } + .pa2-ns { padding: .5rem; } + .pa3-ns { padding: 1rem; } + .pa4-ns { padding: 2rem; } + .pa5-ns { padding: 4rem; } + .pa6-ns { padding: 8rem; } + .pa7-ns { padding: 16rem; } + .pl0-ns { padding-left: 0; } + .pl1-ns { padding-left: .25rem; } + .pl2-ns { padding-left: .5rem; } + .pl3-ns { padding-left: 1rem; } + .pl4-ns { padding-left: 2rem; } + .pl5-ns { padding-left: 4rem; } + .pl6-ns { padding-left: 8rem; } + .pl7-ns { padding-left: 16rem; } + .pr0-ns { padding-right: 0; } + .pr1-ns { padding-right: .25rem; } + .pr2-ns { padding-right: .5rem; } + .pr3-ns { padding-right: 1rem; } + .pr4-ns { padding-right: 2rem; } + .pr5-ns { padding-right: 4rem; } + .pr6-ns { padding-right: 8rem; } + .pr7-ns { padding-right: 16rem; } + .pb0-ns { padding-bottom: 0; } + .pb1-ns { padding-bottom: .25rem; } + .pb2-ns { padding-bottom: .5rem; } + .pb3-ns { padding-bottom: 1rem; } + .pb4-ns { padding-bottom: 2rem; } + .pb5-ns { padding-bottom: 4rem; } + .pb6-ns { padding-bottom: 8rem; } + .pb7-ns { padding-bottom: 16rem; } + .pt0-ns { padding-top: 0; } + .pt1-ns { padding-top: .25rem; } + .pt2-ns { padding-top: .5rem; } + .pt3-ns { padding-top: 1rem; } + .pt4-ns { padding-top: 2rem; } + .pt5-ns { padding-top: 4rem; } + .pt6-ns { padding-top: 8rem; } + .pt7-ns { padding-top: 16rem; } + .pv0-ns { padding-top: 0; padding-bottom: 0; } + .pv1-ns { padding-top: .25rem; padding-bottom: .25rem; } + .pv2-ns { padding-top: .5rem; padding-bottom: .5rem; } + .pv3-ns { padding-top: 1rem; padding-bottom: 1rem; } + .pv4-ns { padding-top: 2rem; padding-bottom: 2rem; } + .pv5-ns { padding-top: 4rem; padding-bottom: 4rem; } + .pv6-ns { padding-top: 8rem; padding-bottom: 8rem; } + .pv7-ns { padding-top: 16rem; padding-bottom: 16rem; } + .ph0-ns { padding-left: 0; padding-right: 0; } + .ph1-ns { padding-left: .25rem; padding-right: .25rem; } + .ph2-ns { padding-left: .5rem; padding-right: .5rem; } + .ph3-ns { padding-left: 1rem; padding-right: 1rem; } + .ph4-ns { padding-left: 2rem; padding-right: 2rem; } + .ph5-ns { padding-left: 4rem; padding-right: 4rem; } + .ph6-ns { padding-left: 8rem; padding-right: 8rem; } + .ph7-ns { padding-left: 16rem; padding-right: 16rem; } + .ma0-ns { margin: 0; } + .ma1-ns { margin: .25rem; } + .ma2-ns { margin: .5rem; } + .ma3-ns { margin: 1rem; } + .ma4-ns { margin: 2rem; } + .ma5-ns { margin: 4rem; } + .ma6-ns { margin: 8rem; } + .ma7-ns { margin: 16rem; } + .ml0-ns { margin-left: 0; } + .ml1-ns { margin-left: .25rem; } + .ml2-ns { margin-left: .5rem; } + .ml3-ns { margin-left: 1rem; } + .ml4-ns { margin-left: 2rem; } + .ml5-ns { margin-left: 4rem; } + .ml6-ns { margin-left: 8rem; } + .ml7-ns { margin-left: 16rem; } + .mr0-ns { margin-right: 0; } + .mr1-ns { margin-right: .25rem; } + .mr2-ns { margin-right: .5rem; } + .mr3-ns { margin-right: 1rem; } + .mr4-ns { margin-right: 2rem; } + .mr5-ns { margin-right: 4rem; } + .mr6-ns { margin-right: 8rem; } + .mr7-ns { margin-right: 16rem; } + .mb0-ns { margin-bottom: 0; } + .mb1-ns { margin-bottom: .25rem; } + .mb2-ns { margin-bottom: .5rem; } + .mb3-ns { margin-bottom: 1rem; } + .mb4-ns { margin-bottom: 2rem; } + .mb5-ns { margin-bottom: 4rem; } + .mb6-ns { margin-bottom: 8rem; } + .mb7-ns { margin-bottom: 16rem; } + .mt0-ns { margin-top: 0; } + .mt1-ns { margin-top: .25rem; } + .mt2-ns { margin-top: .5rem; } + .mt3-ns { margin-top: 1rem; } + .mt4-ns { margin-top: 2rem; } + .mt5-ns { margin-top: 4rem; } + .mt6-ns { margin-top: 8rem; } + .mt7-ns { margin-top: 16rem; } + .mv0-ns { margin-top: 0; margin-bottom: 0; } + .mv1-ns { margin-top: .25rem; margin-bottom: .25rem; } + .mv2-ns { margin-top: .5rem; margin-bottom: .5rem; } + .mv3-ns { margin-top: 1rem; margin-bottom: 1rem; } + .mv4-ns { margin-top: 2rem; margin-bottom: 2rem; } + .mv5-ns { margin-top: 4rem; margin-bottom: 4rem; } + .mv6-ns { margin-top: 8rem; margin-bottom: 8rem; } + .mv7-ns { margin-top: 16rem; margin-bottom: 16rem; } + .mh0-ns { margin-left: 0; margin-right: 0; } + .mh1-ns { margin-left: .25rem; margin-right: .25rem; } + .mh2-ns { margin-left: .5rem; margin-right: .5rem; } + .mh3-ns { margin-left: 1rem; margin-right: 1rem; } + .mh4-ns { margin-left: 2rem; margin-right: 2rem; } + .mh5-ns { margin-left: 4rem; margin-right: 4rem; } + .mh6-ns { margin-left: 8rem; margin-right: 8rem; } + .mh7-ns { margin-left: 16rem; margin-right: 16rem; } + .na1-ns { margin: -0.25rem; } + .na2-ns { margin: -0.5rem; } + .na3-ns { margin: -1rem; } + .na4-ns { margin: -2rem; } + .na5-ns { margin: -4rem; } + .na6-ns { margin: -8rem; } + .na7-ns { margin: -16rem; } + .nl1-ns { margin-left: -0.25rem; } + .nl2-ns { margin-left: -0.5rem; } + .nl3-ns { margin-left: -1rem; } + .nl4-ns { margin-left: -2rem; } + .nl5-ns { margin-left: -4rem; } + .nl6-ns { margin-left: -8rem; } + .nl7-ns { margin-left: -16rem; } + .nr1-ns { margin-right: -0.25rem; } + .nr2-ns { margin-right: -0.5rem; } + .nr3-ns { margin-right: -1rem; } + .nr4-ns { margin-right: -2rem; } + .nr5-ns { margin-right: -4rem; } + .nr6-ns { margin-right: -8rem; } + .nr7-ns { margin-right: -16rem; } + .nb1-ns { margin-bottom: -0.25rem; } + .nb2-ns { margin-bottom: -0.5rem; } + .nb3-ns { margin-bottom: -1rem; } + .nb4-ns { margin-bottom: -2rem; } + .nb5-ns { margin-bottom: -4rem; } + .nb6-ns { margin-bottom: -8rem; } + .nb7-ns { margin-bottom: -16rem; } + .nt1-ns { margin-top: -0.25rem; } + .nt2-ns { margin-top: -0.5rem; } + .nt3-ns { margin-top: -1rem; } + .nt4-ns { margin-top: -2rem; } + .nt5-ns { margin-top: -4rem; } + .nt6-ns { margin-top: -8rem; } + .nt7-ns { margin-top: -16rem; } + .strike-ns { text-decoration: line-through; } + .underline-ns { text-decoration: underline; } + .no-underline-ns { text-decoration: none; } + .tl-ns { text-align: left; } + .tr-ns { text-align: right; } + .tc-ns { text-align: center; } + .tj-ns { text-align: justify; } + .ttc-ns { text-transform: capitalize; } + .ttl-ns { text-transform: lowercase; } + .ttu-ns { text-transform: uppercase; } + .ttn-ns { text-transform: none; } + .f-6-ns, .f-headline-ns { font-size: 6rem; } + .f-5-ns, .f-subheadline-ns { font-size: 5rem; } + .f1-ns { font-size: 3rem; } + .f2-ns { font-size: 2.25rem; } + .f3-ns { font-size: 1.5rem; } + .f4-ns { font-size: 1.25rem; } + .f5-ns { font-size: 1rem; } + .f6-ns { font-size: .875rem; } + .f7-ns { font-size: .75rem; } + .measure-ns { max-width: 30em; } + .measure-wide-ns { max-width: 34em; } + .measure-narrow-ns { max-width: 20em; } + .indent-ns { text-indent: 1em; margin-top: 0; margin-bottom: 0; } + .small-caps-ns { font-variant: small-caps; } + .truncate-ns { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } + .center-ns { margin-right: auto; margin-left: auto; } + .mr-auto-ns { margin-right: auto; } + .ml-auto-ns { margin-left: auto; } + .clip-ns { position: fixed !important; _position: absolute !important; clip: rect( 1px 1px 1px 1px ); /* IE6, IE7 */ clip: rect( 1px, 1px, 1px, 1px ); } + .ws-normal-ns { white-space: normal; } + .nowrap-ns { white-space: nowrap; } + .pre-ns { white-space: pre; } + .v-base-ns { vertical-align: baseline; } + .v-mid-ns { vertical-align: middle; } + .v-top-ns { vertical-align: top; } + .v-btm-ns { vertical-align: bottom; } + } + @media screen and (min-width: 30em) and (max-width: 60em) { + .aspect-ratio-m { height: 0; position: relative; } + .aspect-ratio--16x9-m { padding-bottom: 56.25%; } + .aspect-ratio--9x16-m { padding-bottom: 177.77%; } + .aspect-ratio--4x3-m { padding-bottom: 75%; } + .aspect-ratio--3x4-m { padding-bottom: 133.33%; } + .aspect-ratio--6x4-m { padding-bottom: 66.6%; } + .aspect-ratio--4x6-m { padding-bottom: 150%; } + .aspect-ratio--8x5-m { padding-bottom: 62.5%; } + .aspect-ratio--5x8-m { padding-bottom: 160%; } + .aspect-ratio--7x5-m { padding-bottom: 71.42%; } + .aspect-ratio--5x7-m { padding-bottom: 140%; } + .aspect-ratio--1x1-m { padding-bottom: 100%; } + .aspect-ratio--object-m { position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; z-index: 100; } + .cover-m { background-size: cover !important; } + .contain-m { background-size: contain !important; } + .bg-center-m { background-repeat: no-repeat; background-position: center center; } + .bg-top-m { background-repeat: no-repeat; background-position: top center; } + .bg-right-m { background-repeat: no-repeat; background-position: center right; } + .bg-bottom-m { background-repeat: no-repeat; background-position: bottom center; } + .bg-left-m { background-repeat: no-repeat; background-position: center left; } + .outline-m { outline: 1px solid; } + .outline-transparent-m { outline: 1px solid transparent; } + .outline-0-m { outline: 0; } + .ba-m { border-style: solid; border-width: 1px; } + .bt-m { border-top-style: solid; border-top-width: 1px; } + .br-m { border-right-style: solid; border-right-width: 1px; } + .bb-m { border-bottom-style: solid; border-bottom-width: 1px; } + .bl-m { border-left-style: solid; border-left-width: 1px; } + .bn-m { border-style: none; border-width: 0; } + .br0-m { border-radius: 0; } + .br1-m { border-radius: .125rem; } + .br2-m { border-radius: .25rem; } + .br3-m { border-radius: .5rem; } + .br4-m { border-radius: 1rem; } + .br-100-m { border-radius: 100%; } + .br-pill-m { border-radius: 9999px; } + .br--bottom-m { border-top-left-radius: 0; border-top-right-radius: 0; } + .br--top-m { border-bottom-left-radius: 0; border-bottom-right-radius: 0; } + .br--right-m { border-top-left-radius: 0; border-bottom-left-radius: 0; } + .br--left-m { border-top-right-radius: 0; border-bottom-right-radius: 0; } + .br-inherit-m { border-radius: inherit; } + .br-initial-m { border-radius: initial; } + .br-unset-m { border-radius: unset; } + .b--dotted-m { border-style: dotted; } + .b--dashed-m { border-style: dashed; } + .b--solid-m { border-style: solid; } + .b--none-m { border-style: none; } + .bw0-m { border-width: 0; } + .bw1-m { border-width: .125rem; } + .bw2-m { border-width: .25rem; } + .bw3-m { border-width: .5rem; } + .bw4-m { border-width: 1rem; } + .bw5-m { border-width: 2rem; } + .bt-0-m { border-top-width: 0; } + .br-0-m { border-right-width: 0; } + .bb-0-m { border-bottom-width: 0; } + .bl-0-m { border-left-width: 0; } + .shadow-1-m { box-shadow: 0 0 4px 2px rgba( 0, 0, 0, .2 ); } + .shadow-2-m { box-shadow: 0 0 8px 2px rgba( 0, 0, 0, .2 ); } + .shadow-3-m { box-shadow: 2px 2px 4px 2px rgba( 0, 0, 0, .2 ); } + .shadow-4-m { box-shadow: 2px 2px 8px 0 rgba( 0, 0, 0, .2 ); } + .shadow-5-m { box-shadow: 4px 4px 8px 0 rgba( 0, 0, 0, .2 ); } + .top-0-m { top: 0; } + .left-0-m { left: 0; } + .right-0-m { right: 0; } + .bottom-0-m { bottom: 0; } + .top-1-m { top: 1rem; } + .left-1-m { left: 1rem; } + .right-1-m { right: 1rem; } + .bottom-1-m { bottom: 1rem; } + .top-2-m { top: 2rem; } + .left-2-m { left: 2rem; } + .right-2-m { right: 2rem; } + .bottom-2-m { bottom: 2rem; } + .top--1-m { top: -1rem; } + .right--1-m { right: -1rem; } + .bottom--1-m { bottom: -1rem; } + .left--1-m { left: -1rem; } + .top--2-m { top: -2rem; } + .right--2-m { right: -2rem; } + .bottom--2-m { bottom: -2rem; } + .left--2-m { left: -2rem; } + .absolute--fill-m { top: 0; right: 0; bottom: 0; left: 0; } + .cl-m { clear: left; } + .cr-m { clear: right; } + .cb-m { clear: both; } + .cn-m { clear: none; } + .dn-m { display: none; } + .di-m { display: inline; } + .db-m { display: block; } + .dib-m { display: inline-block; } + .dit-m { display: inline-table; } + .dt-m { display: table; } + .dtc-m { display: table-cell; } + .dt-row-m { display: table-row; } + .dt-row-group-m { display: table-row-group; } + .dt-column-m { display: table-column; } + .dt-column-group-m { display: table-column-group; } + .dt--fixed-m { table-layout: fixed; width: 100%; } + .flex-m { display: flex; } + .inline-flex-m { display: inline-flex; } + .flex-auto-m { flex: 1 1 auto; min-width: 0; /* 1 */ min-height: 0; /* 1 */ } + .flex-none-m { flex: none; } + .flex-column-m { flex-direction: column; } + .flex-row-m { flex-direction: row; } + .flex-wrap-m { flex-wrap: wrap; } + .flex-nowrap-m { flex-wrap: nowrap; } + .flex-wrap-reverse-m { flex-wrap: wrap-reverse; } + .flex-column-reverse-m { flex-direction: column-reverse; } + .flex-row-reverse-m { flex-direction: row-reverse; } + .items-start-m { align-items: flex-start; } + .items-end-m { align-items: flex-end; } + .items-center-m { align-items: center; } + .items-baseline-m { align-items: baseline; } + .items-stretch-m { align-items: stretch; } + .self-start-m { align-self: flex-start; } + .self-end-m { align-self: flex-end; } + .self-center-m { align-self: center; } + .self-baseline-m { align-self: baseline; } + .self-stretch-m { align-self: stretch; } + .justify-start-m { justify-content: flex-start; } + .justify-end-m { justify-content: flex-end; } + .justify-center-m { justify-content: center; } + .justify-between-m { justify-content: space-between; } + .justify-around-m { justify-content: space-around; } + .content-start-m { align-content: flex-start; } + .content-end-m { align-content: flex-end; } + .content-center-m { align-content: center; } + .content-between-m { align-content: space-between; } + .content-around-m { align-content: space-around; } + .content-stretch-m { align-content: stretch; } + .order-0-m { order: 0; } + .order-1-m { order: 1; } + .order-2-m { order: 2; } + .order-3-m { order: 3; } + .order-4-m { order: 4; } + .order-5-m { order: 5; } + .order-6-m { order: 6; } + .order-7-m { order: 7; } + .order-8-m { order: 8; } + .order-last-m { order: 99999; } + .flex-grow-0-m { flex-grow: 0; } + .flex-grow-1-m { flex-grow: 1; } + .flex-shrink-0-m { flex-shrink: 0; } + .flex-shrink-1-m { flex-shrink: 1; } + .fl-m { float: left; _display: inline; } + .fr-m { float: right; _display: inline; } + .fn-m { float: none; } + .i-m { font-style: italic; } + .fs-normal-m { font-style: normal; } + .normal-m { font-weight: normal; } + .b-m { font-weight: bold; } + .fw1-m { font-weight: 100; } + .fw2-m { font-weight: 200; } + .fw3-m { font-weight: 300; } + .fw4-m { font-weight: 400; } + .fw5-m { font-weight: 500; } + .fw6-m { font-weight: 600; } + .fw7-m { font-weight: 700; } + .fw8-m { font-weight: 800; } + .fw9-m { font-weight: 900; } + .h1-m { height: 1rem; } + .h2-m { height: 2rem; } + .h3-m { height: 4rem; } + .h4-m { height: 8rem; } + .h5-m { height: 16rem; } + .h-25-m { height: 25%; } + .h-50-m { height: 50%; } + .h-75-m { height: 75%; } + .h-100-m { height: 100%; } + .min-h-100-m { min-height: 100%; } + .vh-25-m { height: 25vh; } + .vh-50-m { height: 50vh; } + .vh-75-m { height: 75vh; } + .vh-100-m { height: 100vh; } + .min-vh-100-m { min-height: 100vh; } + .h-auto-m { height: auto; } + .h-inherit-m { height: inherit; } + .tracked-m { letter-spacing: .1em; } + .tracked-tight-m { letter-spacing: -.05em; } + .tracked-mega-m { letter-spacing: .25em; } + .lh-solid-m { line-height: 1; } + .lh-title-m { line-height: 1.25; } + .lh-copy-m { line-height: 1.5; } + .mw-100-m { max-width: 100%; } + .mw1-m { max-width: 1rem; } + .mw2-m { max-width: 2rem; } + .mw3-m { max-width: 4rem; } + .mw4-m { max-width: 8rem; } + .mw5-m { max-width: 16rem; } + .mw6-m { max-width: 32rem; } + .mw7-m { max-width: 48rem; } + .mw8-m { max-width: 64rem; } + .mw9-m { max-width: 96rem; } + .mw-none-m { max-width: none; } + .w1-m { width: 1rem; } + .w2-m { width: 2rem; } + .w3-m { width: 4rem; } + .w4-m { width: 8rem; } + .w5-m { width: 16rem; } + .w-10-m { width: 10%; } + .w-20-m { width: 20%; } + .w-25-m { width: 25%; } + .w-30-m { width: 30%; } + .w-33-m { width: 33%; } + .w-34-m { width: 34%; } + .w-40-m { width: 40%; } + .w-50-m { width: 50%; } + .w-60-m { width: 60%; } + .w-70-m { width: 70%; } + .w-75-m { width: 75%; } + .w-80-m { width: 80%; } + .w-90-m { width: 90%; } + .w-100-m { width: 100%; } + .w-third-m { width: 33.33333%; } + .w-two-thirds-m { width: 66.66667%; } + .w-auto-m { width: auto; } + .overflow-visible-m { overflow: visible; } + .overflow-hidden-m { overflow: hidden; } + .overflow-scroll-m { overflow: scroll; } + .overflow-auto-m { overflow: auto; } + .overflow-x-visible-m { overflow-x: visible; } + .overflow-x-hidden-m { overflow-x: hidden; } + .overflow-x-scroll-m { overflow-x: scroll; } + .overflow-x-auto-m { overflow-x: auto; } + .overflow-y-visible-m { overflow-y: visible; } + .overflow-y-hidden-m { overflow-y: hidden; } + .overflow-y-scroll-m { overflow-y: scroll; } + .overflow-y-auto-m { overflow-y: auto; } + .static-m { position: static; } + .relative-m { position: relative; } + .absolute-m { position: absolute; } + .fixed-m { position: fixed; } + .rotate-45-m { -webkit-transform: rotate( 45deg ); transform: rotate( 45deg ); } + .rotate-90-m { -webkit-transform: rotate( 90deg ); transform: rotate( 90deg ); } + .rotate-135-m { -webkit-transform: rotate( 135deg ); transform: rotate( 135deg ); } + .rotate-180-m { -webkit-transform: rotate( 180deg ); transform: rotate( 180deg ); } + .rotate-225-m { -webkit-transform: rotate( 225deg ); transform: rotate( 225deg ); } + .rotate-270-m { -webkit-transform: rotate( 270deg ); transform: rotate( 270deg ); } + .rotate-315-m { -webkit-transform: rotate( 315deg ); transform: rotate( 315deg ); } + .pa0-m { padding: 0; } + .pa1-m { padding: .25rem; } + .pa2-m { padding: .5rem; } + .pa3-m { padding: 1rem; } + .pa4-m { padding: 2rem; } + .pa5-m { padding: 4rem; } + .pa6-m { padding: 8rem; } + .pa7-m { padding: 16rem; } + .pl0-m { padding-left: 0; } + .pl1-m { padding-left: .25rem; } + .pl2-m { padding-left: .5rem; } + .pl3-m { padding-left: 1rem; } + .pl4-m { padding-left: 2rem; } + .pl5-m { padding-left: 4rem; } + .pl6-m { padding-left: 8rem; } + .pl7-m { padding-left: 16rem; } + .pr0-m { padding-right: 0; } + .pr1-m { padding-right: .25rem; } + .pr2-m { padding-right: .5rem; } + .pr3-m { padding-right: 1rem; } + .pr4-m { padding-right: 2rem; } + .pr5-m { padding-right: 4rem; } + .pr6-m { padding-right: 8rem; } + .pr7-m { padding-right: 16rem; } + .pb0-m { padding-bottom: 0; } + .pb1-m { padding-bottom: .25rem; } + .pb2-m { padding-bottom: .5rem; } + .pb3-m { padding-bottom: 1rem; } + .pb4-m { padding-bottom: 2rem; } + .pb5-m { padding-bottom: 4rem; } + .pb6-m { padding-bottom: 8rem; } + .pb7-m { padding-bottom: 16rem; } + .pt0-m { padding-top: 0; } + .pt1-m { padding-top: .25rem; } + .pt2-m { padding-top: .5rem; } + .pt3-m { padding-top: 1rem; } + .pt4-m { padding-top: 2rem; } + .pt5-m { padding-top: 4rem; } + .pt6-m { padding-top: 8rem; } + .pt7-m { padding-top: 16rem; } + .pv0-m { padding-top: 0; padding-bottom: 0; } + .pv1-m { padding-top: .25rem; padding-bottom: .25rem; } + .pv2-m { padding-top: .5rem; padding-bottom: .5rem; } + .pv3-m { padding-top: 1rem; padding-bottom: 1rem; } + .pv4-m { padding-top: 2rem; padding-bottom: 2rem; } + .pv5-m { padding-top: 4rem; padding-bottom: 4rem; } + .pv6-m { padding-top: 8rem; padding-bottom: 8rem; } + .pv7-m { padding-top: 16rem; padding-bottom: 16rem; } + .ph0-m { padding-left: 0; padding-right: 0; } + .ph1-m { padding-left: .25rem; padding-right: .25rem; } + .ph2-m { padding-left: .5rem; padding-right: .5rem; } + .ph3-m { padding-left: 1rem; padding-right: 1rem; } + .ph4-m { padding-left: 2rem; padding-right: 2rem; } + .ph5-m { padding-left: 4rem; padding-right: 4rem; } + .ph6-m { padding-left: 8rem; padding-right: 8rem; } + .ph7-m { padding-left: 16rem; padding-right: 16rem; } + .ma0-m { margin: 0; } + .ma1-m { margin: .25rem; } + .ma2-m { margin: .5rem; } + .ma3-m { margin: 1rem; } + .ma4-m { margin: 2rem; } + .ma5-m { margin: 4rem; } + .ma6-m { margin: 8rem; } + .ma7-m { margin: 16rem; } + .ml0-m { margin-left: 0; } + .ml1-m { margin-left: .25rem; } + .ml2-m { margin-left: .5rem; } + .ml3-m { margin-left: 1rem; } + .ml4-m { margin-left: 2rem; } + .ml5-m { margin-left: 4rem; } + .ml6-m { margin-left: 8rem; } + .ml7-m { margin-left: 16rem; } + .mr0-m { margin-right: 0; } + .mr1-m { margin-right: .25rem; } + .mr2-m { margin-right: .5rem; } + .mr3-m { margin-right: 1rem; } + .mr4-m { margin-right: 2rem; } + .mr5-m { margin-right: 4rem; } + .mr6-m { margin-right: 8rem; } + .mr7-m { margin-right: 16rem; } + .mb0-m { margin-bottom: 0; } + .mb1-m { margin-bottom: .25rem; } + .mb2-m { margin-bottom: .5rem; } + .mb3-m { margin-bottom: 1rem; } + .mb4-m { margin-bottom: 2rem; } + .mb5-m { margin-bottom: 4rem; } + .mb6-m { margin-bottom: 8rem; } + .mb7-m { margin-bottom: 16rem; } + .mt0-m { margin-top: 0; } + .mt1-m { margin-top: .25rem; } + .mt2-m { margin-top: .5rem; } + .mt3-m { margin-top: 1rem; } + .mt4-m { margin-top: 2rem; } + .mt5-m { margin-top: 4rem; } + .mt6-m { margin-top: 8rem; } + .mt7-m { margin-top: 16rem; } + .mv0-m { margin-top: 0; margin-bottom: 0; } + .mv1-m { margin-top: .25rem; margin-bottom: .25rem; } + .mv2-m { margin-top: .5rem; margin-bottom: .5rem; } + .mv3-m { margin-top: 1rem; margin-bottom: 1rem; } + .mv4-m { margin-top: 2rem; margin-bottom: 2rem; } + .mv5-m { margin-top: 4rem; margin-bottom: 4rem; } + .mv6-m { margin-top: 8rem; margin-bottom: 8rem; } + .mv7-m { margin-top: 16rem; margin-bottom: 16rem; } + .mh0-m { margin-left: 0; margin-right: 0; } + .mh1-m { margin-left: .25rem; margin-right: .25rem; } + .mh2-m { margin-left: .5rem; margin-right: .5rem; } + .mh3-m { margin-left: 1rem; margin-right: 1rem; } + .mh4-m { margin-left: 2rem; margin-right: 2rem; } + .mh5-m { margin-left: 4rem; margin-right: 4rem; } + .mh6-m { margin-left: 8rem; margin-right: 8rem; } + .mh7-m { margin-left: 16rem; margin-right: 16rem; } + .na1-m { margin: -0.25rem; } + .na2-m { margin: -0.5rem; } + .na3-m { margin: -1rem; } + .na4-m { margin: -2rem; } + .na5-m { margin: -4rem; } + .na6-m { margin: -8rem; } + .na7-m { margin: -16rem; } + .nl1-m { margin-left: -0.25rem; } + .nl2-m { margin-left: -0.5rem; } + .nl3-m { margin-left: -1rem; } + .nl4-m { margin-left: -2rem; } + .nl5-m { margin-left: -4rem; } + .nl6-m { margin-left: -8rem; } + .nl7-m { margin-left: -16rem; } + .nr1-m { margin-right: -0.25rem; } + .nr2-m { margin-right: -0.5rem; } + .nr3-m { margin-right: -1rem; } + .nr4-m { margin-right: -2rem; } + .nr5-m { margin-right: -4rem; } + .nr6-m { margin-right: -8rem; } + .nr7-m { margin-right: -16rem; } + .nb1-m { margin-bottom: -0.25rem; } + .nb2-m { margin-bottom: -0.5rem; } + .nb3-m { margin-bottom: -1rem; } + .nb4-m { margin-bottom: -2rem; } + .nb5-m { margin-bottom: -4rem; } + .nb6-m { margin-bottom: -8rem; } + .nb7-m { margin-bottom: -16rem; } + .nt1-m { margin-top: -0.25rem; } + .nt2-m { margin-top: -0.5rem; } + .nt3-m { margin-top: -1rem; } + .nt4-m { margin-top: -2rem; } + .nt5-m { margin-top: -4rem; } + .nt6-m { margin-top: -8rem; } + .nt7-m { margin-top: -16rem; } + .strike-m { text-decoration: line-through; } + .underline-m { text-decoration: underline; } + .no-underline-m { text-decoration: none; } + .tl-m { text-align: left; } + .tr-m { text-align: right; } + .tc-m { text-align: center; } + .tj-m { text-align: justify; } + .ttc-m { text-transform: capitalize; } + .ttl-m { text-transform: lowercase; } + .ttu-m { text-transform: uppercase; } + .ttn-m { text-transform: none; } + .f-6-m, .f-headline-m { font-size: 6rem; } + .f-5-m, .f-subheadline-m { font-size: 5rem; } + .f1-m { font-size: 3rem; } + .f2-m { font-size: 2.25rem; } + .f3-m { font-size: 1.5rem; } + .f4-m { font-size: 1.25rem; } + .f5-m { font-size: 1rem; } + .f6-m { font-size: .875rem; } + .f7-m { font-size: .75rem; } + .measure-m { max-width: 30em; } + .measure-wide-m { max-width: 34em; } + .measure-narrow-m { max-width: 20em; } + .indent-m { text-indent: 1em; margin-top: 0; margin-bottom: 0; } + .small-caps-m { font-variant: small-caps; } + .truncate-m { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } + .center-m { margin-right: auto; margin-left: auto; } + .mr-auto-m { margin-right: auto; } + .ml-auto-m { margin-left: auto; } + .clip-m { position: fixed !important; _position: absolute !important; clip: rect( 1px 1px 1px 1px ); /* IE6, IE7 */ clip: rect( 1px, 1px, 1px, 1px ); } + .ws-normal-m { white-space: normal; } + .nowrap-m { white-space: nowrap; } + .pre-m { white-space: pre; } + .v-base-m { vertical-align: baseline; } + .v-mid-m { vertical-align: middle; } + .v-top-m { vertical-align: top; } + .v-btm-m { vertical-align: bottom; } + } + @media screen and (min-width: 60em) { + .aspect-ratio-l { height: 0; position: relative; } + .aspect-ratio--16x9-l { padding-bottom: 56.25%; } + .aspect-ratio--9x16-l { padding-bottom: 177.77%; } + .aspect-ratio--4x3-l { padding-bottom: 75%; } + .aspect-ratio--3x4-l { padding-bottom: 133.33%; } + .aspect-ratio--6x4-l { padding-bottom: 66.6%; } + .aspect-ratio--4x6-l { padding-bottom: 150%; } + .aspect-ratio--8x5-l { padding-bottom: 62.5%; } + .aspect-ratio--5x8-l { padding-bottom: 160%; } + .aspect-ratio--7x5-l { padding-bottom: 71.42%; } + .aspect-ratio--5x7-l { padding-bottom: 140%; } + .aspect-ratio--1x1-l { padding-bottom: 100%; } + .aspect-ratio--object-l { position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; z-index: 100; } + .cover-l { background-size: cover !important; } + .contain-l { background-size: contain !important; } + .bg-center-l { background-repeat: no-repeat; background-position: center center; } + .bg-top-l { background-repeat: no-repeat; background-position: top center; } + .bg-right-l { background-repeat: no-repeat; background-position: center right; } + .bg-bottom-l { background-repeat: no-repeat; background-position: bottom center; } + .bg-left-l { background-repeat: no-repeat; background-position: center left; } + .outline-l { outline: 1px solid; } + .outline-transparent-l { outline: 1px solid transparent; } + .outline-0-l { outline: 0; } + .ba-l { border-style: solid; border-width: 1px; } + .bt-l { border-top-style: solid; border-top-width: 1px; } + .br-l { border-right-style: solid; border-right-width: 1px; } + .bb-l { border-bottom-style: solid; border-bottom-width: 1px; } + .bl-l { border-left-style: solid; border-left-width: 1px; } + .bn-l { border-style: none; border-width: 0; } + .br0-l { border-radius: 0; } + .br1-l { border-radius: .125rem; } + .br2-l { border-radius: .25rem; } + .br3-l { border-radius: .5rem; } + .br4-l { border-radius: 1rem; } + .br-100-l { border-radius: 100%; } + .br-pill-l { border-radius: 9999px; } + .br--bottom-l { border-top-left-radius: 0; border-top-right-radius: 0; } + .br--top-l { border-bottom-left-radius: 0; border-bottom-right-radius: 0; } + .br--right-l { border-top-left-radius: 0; border-bottom-left-radius: 0; } + .br--left-l { border-top-right-radius: 0; border-bottom-right-radius: 0; } + .br-inherit-l { border-radius: inherit; } + .br-initial-l { border-radius: initial; } + .br-unset-l { border-radius: unset; } + .b--dotted-l { border-style: dotted; } + .b--dashed-l { border-style: dashed; } + .b--solid-l { border-style: solid; } + .b--none-l { border-style: none; } + .bw0-l { border-width: 0; } + .bw1-l { border-width: .125rem; } + .bw2-l { border-width: .25rem; } + .bw3-l { border-width: .5rem; } + .bw4-l { border-width: 1rem; } + .bw5-l { border-width: 2rem; } + .bt-0-l { border-top-width: 0; } + .br-0-l { border-right-width: 0; } + .bb-0-l { border-bottom-width: 0; } + .bl-0-l { border-left-width: 0; } + .shadow-1-l { box-shadow: 0 0 4px 2px rgba( 0, 0, 0, .2 ); } + .shadow-2-l { box-shadow: 0 0 8px 2px rgba( 0, 0, 0, .2 ); } + .shadow-3-l { box-shadow: 2px 2px 4px 2px rgba( 0, 0, 0, .2 ); } + .shadow-4-l { box-shadow: 2px 2px 8px 0 rgba( 0, 0, 0, .2 ); } + .shadow-5-l { box-shadow: 4px 4px 8px 0 rgba( 0, 0, 0, .2 ); } + .top-0-l { top: 0; } + .left-0-l { left: 0; } + .right-0-l { right: 0; } + .bottom-0-l { bottom: 0; } + .top-1-l { top: 1rem; } + .left-1-l { left: 1rem; } + .right-1-l { right: 1rem; } + .bottom-1-l { bottom: 1rem; } + .top-2-l { top: 2rem; } + .left-2-l { left: 2rem; } + .right-2-l { right: 2rem; } + .bottom-2-l { bottom: 2rem; } + .top--1-l { top: -1rem; } + .right--1-l { right: -1rem; } + .bottom--1-l { bottom: -1rem; } + .left--1-l { left: -1rem; } + .top--2-l { top: -2rem; } + .right--2-l { right: -2rem; } + .bottom--2-l { bottom: -2rem; } + .left--2-l { left: -2rem; } + .absolute--fill-l { top: 0; right: 0; bottom: 0; left: 0; } + .cl-l { clear: left; } + .cr-l { clear: right; } + .cb-l { clear: both; } + .cn-l { clear: none; } + .dn-l { display: none; } + .di-l { display: inline; } + .db-l { display: block; } + .dib-l { display: inline-block; } + .dit-l { display: inline-table; } + .dt-l { display: table; } + .dtc-l { display: table-cell; } + .dt-row-l { display: table-row; } + .dt-row-group-l { display: table-row-group; } + .dt-column-l { display: table-column; } + .dt-column-group-l { display: table-column-group; } + .dt--fixed-l { table-layout: fixed; width: 100%; } + .flex-l { display: flex; } + .inline-flex-l { display: inline-flex; } + .flex-auto-l { flex: 1 1 auto; min-width: 0; /* 1 */ min-height: 0; /* 1 */ } + .flex-none-l { flex: none; } + .flex-column-l { flex-direction: column; } + .flex-row-l { flex-direction: row; } + .flex-wrap-l { flex-wrap: wrap; } + .flex-nowrap-l { flex-wrap: nowrap; } + .flex-wrap-reverse-l { flex-wrap: wrap-reverse; } + .flex-column-reverse-l { flex-direction: column-reverse; } + .flex-row-reverse-l { flex-direction: row-reverse; } + .items-start-l { align-items: flex-start; } + .items-end-l { align-items: flex-end; } + .items-center-l { align-items: center; } + .items-baseline-l { align-items: baseline; } + .items-stretch-l { align-items: stretch; } + .self-start-l { align-self: flex-start; } + .self-end-l { align-self: flex-end; } + .self-center-l { align-self: center; } + .self-baseline-l { align-self: baseline; } + .self-stretch-l { align-self: stretch; } + .justify-start-l { justify-content: flex-start; } + .justify-end-l { justify-content: flex-end; } + .justify-center-l { justify-content: center; } + .justify-between-l { justify-content: space-between; } + .justify-around-l { justify-content: space-around; } + .content-start-l { align-content: flex-start; } + .content-end-l { align-content: flex-end; } + .content-center-l { align-content: center; } + .content-between-l { align-content: space-between; } + .content-around-l { align-content: space-around; } + .content-stretch-l { align-content: stretch; } + .order-0-l { order: 0; } + .order-1-l { order: 1; } + .order-2-l { order: 2; } + .order-3-l { order: 3; } + .order-4-l { order: 4; } + .order-5-l { order: 5; } + .order-6-l { order: 6; } + .order-7-l { order: 7; } + .order-8-l { order: 8; } + .order-last-l { order: 99999; } + .flex-grow-0-l { flex-grow: 0; } + .flex-grow-1-l { flex-grow: 1; } + .flex-shrink-0-l { flex-shrink: 0; } + .flex-shrink-1-l { flex-shrink: 1; } + .fl-l { float: left; _display: inline; } + .fr-l { float: right; _display: inline; } + .fn-l { float: none; } + .i-l { font-style: italic; } + .fs-normal-l { font-style: normal; } + .normal-l { font-weight: normal; } + .b-l { font-weight: bold; } + .fw1-l { font-weight: 100; } + .fw2-l { font-weight: 200; } + .fw3-l { font-weight: 300; } + .fw4-l { font-weight: 400; } + .fw5-l { font-weight: 500; } + .fw6-l { font-weight: 600; } + .fw7-l { font-weight: 700; } + .fw8-l { font-weight: 800; } + .fw9-l { font-weight: 900; } + .h1-l { height: 1rem; } + .h2-l { height: 2rem; } + .h3-l { height: 4rem; } + .h4-l { height: 8rem; } + .h5-l { height: 16rem; } + .h-25-l { height: 25%; } + .h-50-l { height: 50%; } + .h-75-l { height: 75%; } + .h-100-l { height: 100%; } + .min-h-100-l { min-height: 100%; } + .vh-25-l { height: 25vh; } + .vh-50-l { height: 50vh; } + .vh-75-l { height: 75vh; } + .vh-100-l { height: 100vh; } + .min-vh-100-l { min-height: 100vh; } + .h-auto-l { height: auto; } + .h-inherit-l { height: inherit; } + .tracked-l { letter-spacing: .1em; } + .tracked-tight-l { letter-spacing: -.05em; } + .tracked-mega-l { letter-spacing: .25em; } + .lh-solid-l { line-height: 1; } + .lh-title-l { line-height: 1.25; } + .lh-copy-l { line-height: 1.5; } + .mw-100-l { max-width: 100%; } + .mw1-l { max-width: 1rem; } + .mw2-l { max-width: 2rem; } + .mw3-l { max-width: 4rem; } + .mw4-l { max-width: 8rem; } + .mw5-l { max-width: 16rem; } + .mw6-l { max-width: 32rem; } + .mw7-l { max-width: 48rem; } + .mw8-l { max-width: 64rem; } + .mw9-l { max-width: 96rem; } + .mw-none-l { max-width: none; } + .w1-l { width: 1rem; } + .w2-l { width: 2rem; } + .w3-l { width: 4rem; } + .w4-l { width: 8rem; } + .w5-l { width: 16rem; } + .w-10-l { width: 10%; } + .w-20-l { width: 20%; } + .w-25-l { width: 25%; } + .w-30-l { width: 30%; } + .w-33-l { width: 33%; } + .w-34-l { width: 34%; } + .w-40-l { width: 40%; } + .w-50-l { width: 50%; } + .w-60-l { width: 60%; } + .w-70-l { width: 70%; } + .w-75-l { width: 75%; } + .w-80-l { width: 80%; } + .w-90-l { width: 90%; } + .w-100-l { width: 100%; } + .w-third-l { width: 33.33333%; } + .w-two-thirds-l { width: 66.66667%; } + .w-auto-l { width: auto; } + .overflow-visible-l { overflow: visible; } + .overflow-hidden-l { overflow: hidden; } + .overflow-scroll-l { overflow: scroll; } + .overflow-auto-l { overflow: auto; } + .overflow-x-visible-l { overflow-x: visible; } + .overflow-x-hidden-l { overflow-x: hidden; } + .overflow-x-scroll-l { overflow-x: scroll; } + .overflow-x-auto-l { overflow-x: auto; } + .overflow-y-visible-l { overflow-y: visible; } + .overflow-y-hidden-l { overflow-y: hidden; } + .overflow-y-scroll-l { overflow-y: scroll; } + .overflow-y-auto-l { overflow-y: auto; } + .static-l { position: static; } + .relative-l { position: relative; } + .absolute-l { position: absolute; } + .fixed-l { position: fixed; } + .rotate-45-l { -webkit-transform: rotate( 45deg ); transform: rotate( 45deg ); } + .rotate-90-l { -webkit-transform: rotate( 90deg ); transform: rotate( 90deg ); } + .rotate-135-l { -webkit-transform: rotate( 135deg ); transform: rotate( 135deg ); } + .rotate-180-l { -webkit-transform: rotate( 180deg ); transform: rotate( 180deg ); } + .rotate-225-l { -webkit-transform: rotate( 225deg ); transform: rotate( 225deg ); } + .rotate-270-l { -webkit-transform: rotate( 270deg ); transform: rotate( 270deg ); } + .rotate-315-l { -webkit-transform: rotate( 315deg ); transform: rotate( 315deg ); } + .pa0-l { padding: 0; } + .pa1-l { padding: .25rem; } + .pa2-l { padding: .5rem; } + .pa3-l { padding: 1rem; } + .pa4-l { padding: 2rem; } + .pa5-l { padding: 4rem; } + .pa6-l { padding: 8rem; } + .pa7-l { padding: 16rem; } + .pl0-l { padding-left: 0; } + .pl1-l { padding-left: .25rem; } + .pl2-l { padding-left: .5rem; } + .pl3-l { padding-left: 1rem; } + .pl4-l { padding-left: 2rem; } + .pl5-l { padding-left: 4rem; } + .pl6-l { padding-left: 8rem; } + .pl7-l { padding-left: 16rem; } + .pr0-l { padding-right: 0; } + .pr1-l { padding-right: .25rem; } + .pr2-l { padding-right: .5rem; } + .pr3-l { padding-right: 1rem; } + .pr4-l { padding-right: 2rem; } + .pr5-l { padding-right: 4rem; } + .pr6-l { padding-right: 8rem; } + .pr7-l { padding-right: 16rem; } + .pb0-l { padding-bottom: 0; } + .pb1-l { padding-bottom: .25rem; } + .pb2-l { padding-bottom: .5rem; } + .pb3-l { padding-bottom: 1rem; } + .pb4-l { padding-bottom: 2rem; } + .pb5-l { padding-bottom: 4rem; } + .pb6-l { padding-bottom: 8rem; } + .pb7-l { padding-bottom: 16rem; } + .pt0-l { padding-top: 0; } + .pt1-l { padding-top: .25rem; } + .pt2-l { padding-top: .5rem; } + .pt3-l { padding-top: 1rem; } + .pt4-l { padding-top: 2rem; } + .pt5-l { padding-top: 4rem; } + .pt6-l { padding-top: 8rem; } + .pt7-l { padding-top: 16rem; } + .pv0-l { padding-top: 0; padding-bottom: 0; } + .pv1-l { padding-top: .25rem; padding-bottom: .25rem; } + .pv2-l { padding-top: .5rem; padding-bottom: .5rem; } + .pv3-l { padding-top: 1rem; padding-bottom: 1rem; } + .pv4-l { padding-top: 2rem; padding-bottom: 2rem; } + .pv5-l { padding-top: 4rem; padding-bottom: 4rem; } + .pv6-l { padding-top: 8rem; padding-bottom: 8rem; } + .pv7-l { padding-top: 16rem; padding-bottom: 16rem; } + .ph0-l { padding-left: 0; padding-right: 0; } + .ph1-l { padding-left: .25rem; padding-right: .25rem; } + .ph2-l { padding-left: .5rem; padding-right: .5rem; } + .ph3-l { padding-left: 1rem; padding-right: 1rem; } + .ph4-l { padding-left: 2rem; padding-right: 2rem; } + .ph5-l { padding-left: 4rem; padding-right: 4rem; } + .ph6-l { padding-left: 8rem; padding-right: 8rem; } + .ph7-l { padding-left: 16rem; padding-right: 16rem; } + .ma0-l { margin: 0; } + .ma1-l { margin: .25rem; } + .ma2-l { margin: .5rem; } + .ma3-l { margin: 1rem; } + .ma4-l { margin: 2rem; } + .ma5-l { margin: 4rem; } + .ma6-l { margin: 8rem; } + .ma7-l { margin: 16rem; } + .ml0-l { margin-left: 0; } + .ml1-l { margin-left: .25rem; } + .ml2-l { margin-left: .5rem; } + .ml3-l { margin-left: 1rem; } + .ml4-l { margin-left: 2rem; } + .ml5-l { margin-left: 4rem; } + .ml6-l { margin-left: 8rem; } + .ml7-l { margin-left: 16rem; } + .mr0-l { margin-right: 0; } + .mr1-l { margin-right: .25rem; } + .mr2-l { margin-right: .5rem; } + .mr3-l { margin-right: 1rem; } + .mr4-l { margin-right: 2rem; } + .mr5-l { margin-right: 4rem; } + .mr6-l { margin-right: 8rem; } + .mr7-l { margin-right: 16rem; } + .mb0-l { margin-bottom: 0; } + .mb1-l { margin-bottom: .25rem; } + .mb2-l { margin-bottom: .5rem; } + .mb3-l { margin-bottom: 1rem; } + .mb4-l { margin-bottom: 2rem; } + .mb5-l { margin-bottom: 4rem; } + .mb6-l { margin-bottom: 8rem; } + .mb7-l { margin-bottom: 16rem; } + .mt0-l { margin-top: 0; } + .mt1-l { margin-top: .25rem; } + .mt2-l { margin-top: .5rem; } + .mt3-l { margin-top: 1rem; } + .mt4-l { margin-top: 2rem; } + .mt5-l { margin-top: 4rem; } + .mt6-l { margin-top: 8rem; } + .mt7-l { margin-top: 16rem; } + .mv0-l { margin-top: 0; margin-bottom: 0; } + .mv1-l { margin-top: .25rem; margin-bottom: .25rem; } + .mv2-l { margin-top: .5rem; margin-bottom: .5rem; } + .mv3-l { margin-top: 1rem; margin-bottom: 1rem; } + .mv4-l { margin-top: 2rem; margin-bottom: 2rem; } + .mv5-l { margin-top: 4rem; margin-bottom: 4rem; } + .mv6-l { margin-top: 8rem; margin-bottom: 8rem; } + .mv7-l { margin-top: 16rem; margin-bottom: 16rem; } + .mh0-l { margin-left: 0; margin-right: 0; } + .mh1-l { margin-left: .25rem; margin-right: .25rem; } + .mh2-l { margin-left: .5rem; margin-right: .5rem; } + .mh3-l { margin-left: 1rem; margin-right: 1rem; } + .mh4-l { margin-left: 2rem; margin-right: 2rem; } + .mh5-l { margin-left: 4rem; margin-right: 4rem; } + .mh6-l { margin-left: 8rem; margin-right: 8rem; } + .mh7-l { margin-left: 16rem; margin-right: 16rem; } + .na1-l { margin: -0.25rem; } + .na2-l { margin: -0.5rem; } + .na3-l { margin: -1rem; } + .na4-l { margin: -2rem; } + .na5-l { margin: -4rem; } + .na6-l { margin: -8rem; } + .na7-l { margin: -16rem; } + .nl1-l { margin-left: -0.25rem; } + .nl2-l { margin-left: -0.5rem; } + .nl3-l { margin-left: -1rem; } + .nl4-l { margin-left: -2rem; } + .nl5-l { margin-left: -4rem; } + .nl6-l { margin-left: -8rem; } + .nl7-l { margin-left: -16rem; } + .nr1-l { margin-right: -0.25rem; } + .nr2-l { margin-right: -0.5rem; } + .nr3-l { margin-right: -1rem; } + .nr4-l { margin-right: -2rem; } + .nr5-l { margin-right: -4rem; } + .nr6-l { margin-right: -8rem; } + .nr7-l { margin-right: -16rem; } + .nb1-l { margin-bottom: -0.25rem; } + .nb2-l { margin-bottom: -0.5rem; } + .nb3-l { margin-bottom: -1rem; } + .nb4-l { margin-bottom: -2rem; } + .nb5-l { margin-bottom: -4rem; } + .nb6-l { margin-bottom: -8rem; } + .nb7-l { margin-bottom: -16rem; } + .nt1-l { margin-top: -0.25rem; } + .nt2-l { margin-top: -0.5rem; } + .nt3-l { margin-top: -1rem; } + .nt4-l { margin-top: -2rem; } + .nt5-l { margin-top: -4rem; } + .nt6-l { margin-top: -8rem; } + .nt7-l { margin-top: -16rem; } + .strike-l { text-decoration: line-through; } + .underline-l { text-decoration: underline; } + .no-underline-l { text-decoration: none; } + .tl-l { text-align: left; } + .tr-l { text-align: right; } + .tc-l { text-align: center; } + .tj-l { text-align: justify; } + .ttc-l { text-transform: capitalize; } + .ttl-l { text-transform: lowercase; } + .ttu-l { text-transform: uppercase; } + .ttn-l { text-transform: none; } + .f-6-l, .f-headline-l { font-size: 6rem; } + .f-5-l, .f-subheadline-l { font-size: 5rem; } + .f1-l { font-size: 3rem; } + .f2-l { font-size: 2.25rem; } + .f3-l { font-size: 1.5rem; } + .f4-l { font-size: 1.25rem; } + .f5-l { font-size: 1rem; } + .f6-l { font-size: .875rem; } + .f7-l { font-size: .75rem; } + .measure-l { max-width: 30em; } + .measure-wide-l { max-width: 34em; } + .measure-narrow-l { max-width: 20em; } + .indent-l { text-indent: 1em; margin-top: 0; margin-bottom: 0; } + .small-caps-l { font-variant: small-caps; } + .truncate-l { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } + .center-l { margin-right: auto; margin-left: auto; } + .mr-auto-l { margin-right: auto; } + .ml-auto-l { margin-left: auto; } + .clip-l { position: fixed !important; _position: absolute !important; clip: rect( 1px 1px 1px 1px ); /* IE6, IE7 */ clip: rect( 1px, 1px, 1px, 1px ); } + .ws-normal-l { white-space: normal; } + .nowrap-l { white-space: nowrap; } + .pre-l { white-space: pre; } + .v-base-l { vertical-align: baseline; } + .v-mid-l { vertical-align: middle; } + .v-top-l { vertical-align: top; } + .v-btm-l { vertical-align: bottom; } + } + \ No newline at end of file diff --git a/test/js/bun/css/files/tailwind.css b/test/js/bun/css/files/tailwind.css new file mode 100644 index 0000000000..ad3f035cf4 --- /dev/null +++ b/test/js/bun/css/files/tailwind.css @@ -0,0 +1,2 @@ +/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */ +html{-webkit-text-size-adjust:100%;line-height:1.15}body{margin:0}main{display:block}h1{margin:.67em 0;font-size:2em}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace;font-size:1em}a{background-color:#0000}abbr[title]{text-decoration:underline;border-bottom:none;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace;font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}button,input,optgroup,select,textarea{margin:0;font-family:inherit;font-size:100%;line-height:1.15}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-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:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;white-space:normal;max-width:100%;padding:0;display:table}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]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}template,[hidden]{display:none}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}button{background-color:#0000;background-image:none}button:focus{outline:1px dotted;outline:5px auto -webkit-focus-ring-color}fieldset{margin:0;padding:0}ol,ul{margin:0;padding:0;list-style:none}html{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;line-height:1.5}*,:before,:after{box-sizing:border-box;border:0 solid #e2e8f0}hr{border-top-width:1px}img{border-style:solid}textarea{resize:vertical}input:-ms-input-placeholder,textarea:-ms-input-placeholder{color:#a0aec0}input::-moz-placeholder,textarea::-moz-placeholder{color:#a0aec0}input::placeholder,textarea::placeholder{color:#a0aec0}button,[role=button]{cursor:pointer}table{border-collapse:collapse}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}button,input,optgroup,select,textarea{line-height:inherit;color:inherit;padding:0}pre,code,kbd,samp{font-family:Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}.container{width:100%}@media (width>=640px){.container{max-width:640px}}@media (width>=768px){.container{max-width:768px}}@media (width>=1024px){.container{max-width:1024px}}@media (width>=1280px){.container{max-width:1280px}}.space-y-0>:not(template)~:not(template){--space-y-reverse:0;margin-top:calc(0px*calc(1 - var(--space-y-reverse)));margin-bottom:calc(0px*var(--space-y-reverse))}.space-x-0>:not(template)~:not(template){--space-x-reverse:0;margin-right:calc(0px*var(--space-x-reverse));margin-left:calc(0px*calc(1 - var(--space-x-reverse)))}.space-y-1>:not(template)~:not(template){--space-y-reverse:0;margin-top:calc(.25rem*calc(1 - var(--space-y-reverse)));margin-bottom:calc(.25rem*var(--space-y-reverse))}.space-x-1>:not(template)~:not(template){--space-x-reverse:0;margin-right:calc(.25rem*var(--space-x-reverse));margin-left:calc(.25rem*calc(1 - var(--space-x-reverse)))}.space-y-2>:not(template)~:not(template){--space-y-reverse:0;margin-top:calc(.5rem*calc(1 - var(--space-y-reverse)));margin-bottom:calc(.5rem*var(--space-y-reverse))}.space-x-2>:not(template)~:not(template){--space-x-reverse:0;margin-right:calc(.5rem*var(--space-x-reverse));margin-left:calc(.5rem*calc(1 - var(--space-x-reverse)))}.space-y-3>:not(template)~:not(template){--space-y-reverse:0;margin-top:calc(.75rem*calc(1 - var(--space-y-reverse)));margin-bottom:calc(.75rem*var(--space-y-reverse))}.space-x-3>:not(template)~:not(template){--space-x-reverse:0;margin-right:calc(.75rem*var(--space-x-reverse));margin-left:calc(.75rem*calc(1 - var(--space-x-reverse)))}.space-y-4>:not(template)~:not(template){--space-y-reverse:0;margin-top:calc(1rem*calc(1 - var(--space-y-reverse)));margin-bottom:calc(1rem*var(--space-y-reverse))}.space-x-4>:not(template)~:not(template){--space-x-reverse:0;margin-right:calc(1rem*var(--space-x-reverse));margin-left:calc(1rem*calc(1 - var(--space-x-reverse)))}.space-y-5>:not(template)~:not(template){--space-y-reverse:0;margin-top:calc(1.25rem*calc(1 - var(--space-y-reverse)));margin-bottom:calc(1.25rem*var(--space-y-reverse))}.space-x-5>:not(template)~:not(template){--space-x-reverse:0;margin-right:calc(1.25rem*var(--space-x-reverse));margin-left:calc(1.25rem*calc(1 - var(--space-x-reverse)))}.space-y-6>:not(template)~:not(template){--space-y-reverse:0;margin-top:calc(1.5rem*calc(1 - var(--space-y-reverse)));margin-bottom:calc(1.5rem*var(--space-y-reverse))}.space-x-6>:not(template)~:not(template){--space-x-reverse:0;margin-right:calc(1.5rem*var(--space-x-reverse));margin-left:calc(1.5rem*calc(1 - var(--space-x-reverse)))}.space-y-8>:not(template)~:not(template){--space-y-reverse:0;margin-top:calc(2rem*calc(1 - var(--space-y-reverse)));margin-bottom:calc(2rem*var(--space-y-reverse))}.space-x-8>:not(template)~:not(template){--space-x-reverse:0;margin-right:calc(2rem*var(--space-x-reverse));margin-left:calc(2rem*calc(1 - var(--space-x-reverse)))}.space-y-10>:not(template)~:not(template){--space-y-reverse:0;margin-top:calc(2.5rem*calc(1 - var(--space-y-reverse)));margin-bottom:calc(2.5rem*var(--space-y-reverse))}.space-x-10>:not(template)~:not(template){--space-x-reverse:0;margin-right:calc(2.5rem*var(--space-x-reverse));margin-left:calc(2.5rem*calc(1 - var(--space-x-reverse)))}.space-y-12>:not(template)~:not(template){--space-y-reverse:0;margin-top:calc(3rem*calc(1 - var(--space-y-reverse)));margin-bottom:calc(3rem*var(--space-y-reverse))}.space-x-12>:not(template)~:not(template){--space-x-reverse:0;margin-right:calc(3rem*var(--space-x-reverse));margin-left:calc(3rem*calc(1 - var(--space-x-reverse)))}.space-y-16>:not(template)~:not(template){--space-y-reverse:0;margin-top:calc(4rem*calc(1 - var(--space-y-reverse)));margin-bottom:calc(4rem*var(--space-y-reverse))}.space-x-16>:not(template)~:not(template){--space-x-reverse:0;margin-right:calc(4rem*var(--space-x-reverse));margin-left:calc(4rem*calc(1 - var(--space-x-reverse)))}.space-y-20>:not(template)~:not(template){--space-y-reverse:0;margin-top:calc(5rem*calc(1 - var(--space-y-reverse)));margin-bottom:calc(5rem*var(--space-y-reverse))}.space-x-20>:not(template)~:not(template){--space-x-reverse:0;margin-right:calc(5rem*var(--space-x-reverse));margin-left:calc(5rem*calc(1 - var(--space-x-reverse)))}.space-y-24>:not(template)~:not(template){--space-y-reverse:0;margin-top:calc(6rem*calc(1 - var(--space-y-reverse)));margin-bottom:calc(6rem*var(--space-y-reverse))}.space-x-24>:not(template)~:not(template){--space-x-reverse:0;margin-right:calc(6rem*var(--space-x-reverse));margin-left:calc(6rem*calc(1 - var(--space-x-reverse)))}.space-y-32>:not(template)~:not(template){--space-y-reverse:0;margin-top:calc(8rem*calc(1 - var(--space-y-reverse)));margin-bottom:calc(8rem*var(--space-y-reverse))}.space-x-32>:not(template)~:not(template){--space-x-reverse:0;margin-right:calc(8rem*var(--space-x-reverse));margin-left:calc(8rem*calc(1 - var(--space-x-reverse)))}.space-y-40>:not(template)~:not(template){--space-y-reverse:0;margin-top:calc(10rem*calc(1 - var(--space-y-reverse)));margin-bottom:calc(10rem*var(--space-y-reverse))}.space-x-40>:not(template)~:not(template){--space-x-reverse:0;margin-right:calc(10rem*var(--space-x-reverse));margin-left:calc(10rem*calc(1 - var(--space-x-reverse)))}.space-y-48>:not(template)~:not(template){--space-y-reverse:0;margin-top:calc(12rem*calc(1 - var(--space-y-reverse)));margin-bottom:calc(12rem*var(--space-y-reverse))}.space-x-48>:not(template)~:not(template){--space-x-reverse:0;margin-right:calc(12rem*var(--space-x-reverse));margin-left:calc(12rem*calc(1 - var(--space-x-reverse)))}.space-y-56>:not(template)~:not(template){--space-y-reverse:0;margin-top:calc(14rem*calc(1 - var(--space-y-reverse)));margin-bottom:calc(14rem*var(--space-y-reverse))}.space-x-56>:not(template)~:not(template){--space-x-reverse:0;margin-right:calc(14rem*var(--space-x-reverse));margin-left:calc(14rem*calc(1 - var(--space-x-reverse)))}.space-y-64>:not(template)~:not(template){--space-y-reverse:0;margin-top:calc(16rem*calc(1 - var(--space-y-reverse)));margin-bottom:calc(16rem*var(--space-y-reverse))}.space-x-64>:not(template)~:not(template){--space-x-reverse:0;margin-right:calc(16rem*var(--space-x-reverse));margin-left:calc(16rem*calc(1 - var(--space-x-reverse)))}.space-y-px>:not(template)~:not(template){--space-y-reverse:0;margin-top:calc(1px*calc(1 - var(--space-y-reverse)));margin-bottom:calc(1px*var(--space-y-reverse))}.space-x-px>:not(template)~:not(template){--space-x-reverse:0;margin-right:calc(1px*var(--space-x-reverse));margin-left:calc(1px*calc(1 - var(--space-x-reverse)))}.-space-y-1>:not(template)~:not(template){--space-y-reverse:0;margin-top:calc(-.25rem*calc(1 - var(--space-y-reverse)));margin-bottom:calc(-.25rem*var(--space-y-reverse))}.-space-x-1>:not(template)~:not(template){--space-x-reverse:0;margin-right:calc(-.25rem*var(--space-x-reverse));margin-left:calc(-.25rem*calc(1 - var(--space-x-reverse)))}.-space-y-2>:not(template)~:not(template){--space-y-reverse:0;margin-top:calc(-.5rem*calc(1 - var(--space-y-reverse)));margin-bottom:calc(-.5rem*var(--space-y-reverse))}.-space-x-2>:not(template)~:not(template){--space-x-reverse:0;margin-right:calc(-.5rem*var(--space-x-reverse));margin-left:calc(-.5rem*calc(1 - var(--space-x-reverse)))}.-space-y-3>:not(template)~:not(template){--space-y-reverse:0;margin-top:calc(-.75rem*calc(1 - var(--space-y-reverse)));margin-bottom:calc(-.75rem*var(--space-y-reverse))}.-space-x-3>:not(template)~:not(template){--space-x-reverse:0;margin-right:calc(-.75rem*var(--space-x-reverse));margin-left:calc(-.75rem*calc(1 - var(--space-x-reverse)))}.-space-y-4>:not(template)~:not(template){--space-y-reverse:0;margin-top:calc(-1rem*calc(1 - var(--space-y-reverse)));margin-bottom:calc(-1rem*var(--space-y-reverse))}.-space-x-4>:not(template)~:not(template){--space-x-reverse:0;margin-right:calc(-1rem*var(--space-x-reverse));margin-left:calc(-1rem*calc(1 - var(--space-x-reverse)))}.-space-y-5>:not(template)~:not(template){--space-y-reverse:0;margin-top:calc(-1.25rem*calc(1 - var(--space-y-reverse)));margin-bottom:calc(-1.25rem*var(--space-y-reverse))}.-space-x-5>:not(template)~:not(template){--space-x-reverse:0;margin-right:calc(-1.25rem*var(--space-x-reverse));margin-left:calc(-1.25rem*calc(1 - var(--space-x-reverse)))}.-space-y-6>:not(template)~:not(template){--space-y-reverse:0;margin-top:calc(-1.5rem*calc(1 - var(--space-y-reverse)));margin-bottom:calc(-1.5rem*var(--space-y-reverse))}.-space-x-6>:not(template)~:not(template){--space-x-reverse:0;margin-right:calc(-1.5rem*var(--space-x-reverse));margin-left:calc(-1.5rem*calc(1 - var(--space-x-reverse)))}.-space-y-8>:not(template)~:not(template){--space-y-reverse:0;margin-top:calc(-2rem*calc(1 - var(--space-y-reverse)));margin-bottom:calc(-2rem*var(--space-y-reverse))}.-space-x-8>:not(template)~:not(template){--space-x-reverse:0;margin-right:calc(-2rem*var(--space-x-reverse));margin-left:calc(-2rem*calc(1 - var(--space-x-reverse)))}.-space-y-10>:not(template)~:not(template){--space-y-reverse:0;margin-top:calc(-2.5rem*calc(1 - var(--space-y-reverse)));margin-bottom:calc(-2.5rem*var(--space-y-reverse))}.-space-x-10>:not(template)~:not(template){--space-x-reverse:0;margin-right:calc(-2.5rem*var(--space-x-reverse));margin-left:calc(-2.5rem*calc(1 - var(--space-x-reverse)))}.-space-y-12>:not(template)~:not(template){--space-y-reverse:0;margin-top:calc(-3rem*calc(1 - var(--space-y-reverse)));margin-bottom:calc(-3rem*var(--space-y-reverse))}.-space-x-12>:not(template)~:not(template){--space-x-reverse:0;margin-right:calc(-3rem*var(--space-x-reverse));margin-left:calc(-3rem*calc(1 - var(--space-x-reverse)))}.-space-y-16>:not(template)~:not(template){--space-y-reverse:0;margin-top:calc(-4rem*calc(1 - var(--space-y-reverse)));margin-bottom:calc(-4rem*var(--space-y-reverse))}.-space-x-16>:not(template)~:not(template){--space-x-reverse:0;margin-right:calc(-4rem*var(--space-x-reverse));margin-left:calc(-4rem*calc(1 - var(--space-x-reverse)))}.-space-y-20>:not(template)~:not(template){--space-y-reverse:0;margin-top:calc(-5rem*calc(1 - var(--space-y-reverse)));margin-bottom:calc(-5rem*var(--space-y-reverse))}.-space-x-20>:not(template)~:not(template){--space-x-reverse:0;margin-right:calc(-5rem*var(--space-x-reverse));margin-left:calc(-5rem*calc(1 - var(--space-x-reverse)))}.-space-y-24>:not(template)~:not(template){--space-y-reverse:0;margin-top:calc(-6rem*calc(1 - var(--space-y-reverse)));margin-bottom:calc(-6rem*var(--space-y-reverse))}.-space-x-24>:not(template)~:not(template){--space-x-reverse:0;margin-right:calc(-6rem*var(--space-x-reverse));margin-left:calc(-6rem*calc(1 - var(--space-x-reverse)))}.-space-y-32>:not(template)~:not(template){--space-y-reverse:0;margin-top:calc(-8rem*calc(1 - var(--space-y-reverse)));margin-bottom:calc(-8rem*var(--space-y-reverse))}.-space-x-32>:not(template)~:not(template){--space-x-reverse:0;margin-right:calc(-8rem*var(--space-x-reverse));margin-left:calc(-8rem*calc(1 - var(--space-x-reverse)))}.-space-y-40>:not(template)~:not(template){--space-y-reverse:0;margin-top:calc(-10rem*calc(1 - var(--space-y-reverse)));margin-bottom:calc(-10rem*var(--space-y-reverse))}.-space-x-40>:not(template)~:not(template){--space-x-reverse:0;margin-right:calc(-10rem*var(--space-x-reverse));margin-left:calc(-10rem*calc(1 - var(--space-x-reverse)))}.-space-y-48>:not(template)~:not(template){--space-y-reverse:0;margin-top:calc(-12rem*calc(1 - var(--space-y-reverse)));margin-bottom:calc(-12rem*var(--space-y-reverse))}.-space-x-48>:not(template)~:not(template){--space-x-reverse:0;margin-right:calc(-12rem*var(--space-x-reverse));margin-left:calc(-12rem*calc(1 - var(--space-x-reverse)))}.-space-y-56>:not(template)~:not(template){--space-y-reverse:0;margin-top:calc(-14rem*calc(1 - var(--space-y-reverse)));margin-bottom:calc(-14rem*var(--space-y-reverse))}.-space-x-56>:not(template)~:not(template){--space-x-reverse:0;margin-right:calc(-14rem*var(--space-x-reverse));margin-left:calc(-14rem*calc(1 - var(--space-x-reverse)))}.-space-y-64>:not(template)~:not(template){--space-y-reverse:0;margin-top:calc(-16rem*calc(1 - var(--space-y-reverse)));margin-bottom:calc(-16rem*var(--space-y-reverse))}.-space-x-64>:not(template)~:not(template){--space-x-reverse:0;margin-right:calc(-16rem*var(--space-x-reverse));margin-left:calc(-16rem*calc(1 - var(--space-x-reverse)))}.-space-y-px>:not(template)~:not(template){--space-y-reverse:0;margin-top:calc(-1px*calc(1 - var(--space-y-reverse)));margin-bottom:calc(-1px*var(--space-y-reverse))}.-space-x-px>:not(template)~:not(template){--space-x-reverse:0;margin-right:calc(-1px*var(--space-x-reverse));margin-left:calc(-1px*calc(1 - var(--space-x-reverse)))}.space-y-reverse>:not(template)~:not(template){--space-y-reverse:1}.space-x-reverse>:not(template)~:not(template){--space-x-reverse:1}.divide-y-0>:not(template)~:not(template){--divide-y-reverse:0;border-top-width:calc(0px*calc(1 - var(--divide-y-reverse)));border-bottom-width:calc(0px*var(--divide-y-reverse))}.divide-x-0>:not(template)~:not(template){--divide-x-reverse:0;border-right-width:calc(0px*var(--divide-x-reverse));border-left-width:calc(0px*calc(1 - var(--divide-x-reverse)))}.divide-y-2>:not(template)~:not(template){--divide-y-reverse:0;border-top-width:calc(2px*calc(1 - var(--divide-y-reverse)));border-bottom-width:calc(2px*var(--divide-y-reverse))}.divide-x-2>:not(template)~:not(template){--divide-x-reverse:0;border-right-width:calc(2px*var(--divide-x-reverse));border-left-width:calc(2px*calc(1 - var(--divide-x-reverse)))}.divide-y-4>:not(template)~:not(template){--divide-y-reverse:0;border-top-width:calc(4px*calc(1 - var(--divide-y-reverse)));border-bottom-width:calc(4px*var(--divide-y-reverse))}.divide-x-4>:not(template)~:not(template){--divide-x-reverse:0;border-right-width:calc(4px*var(--divide-x-reverse));border-left-width:calc(4px*calc(1 - var(--divide-x-reverse)))}.divide-y-8>:not(template)~:not(template){--divide-y-reverse:0;border-top-width:calc(8px*calc(1 - var(--divide-y-reverse)));border-bottom-width:calc(8px*var(--divide-y-reverse))}.divide-x-8>:not(template)~:not(template){--divide-x-reverse:0;border-right-width:calc(8px*var(--divide-x-reverse));border-left-width:calc(8px*calc(1 - var(--divide-x-reverse)))}.divide-y>:not(template)~:not(template){--divide-y-reverse:0;border-top-width:calc(1px*calc(1 - var(--divide-y-reverse)));border-bottom-width:calc(1px*var(--divide-y-reverse))}.divide-x>:not(template)~:not(template){--divide-x-reverse:0;border-right-width:calc(1px*var(--divide-x-reverse));border-left-width:calc(1px*calc(1 - var(--divide-x-reverse)))}.divide-y-reverse>:not(template)~:not(template){--divide-y-reverse:1}.divide-x-reverse>:not(template)~:not(template){--divide-x-reverse:1}.divide-transparent>:not(template)~:not(template){border-color:#0000}.divide-current>:not(template)~:not(template){border-color:currentColor}.divide-black>:not(template)~:not(template){--divide-opacity:1;border-color:#000;border-color:rgba(0,0,0,var(--divide-opacity))}.divide-white>:not(template)~:not(template){--divide-opacity:1;border-color:#fff;border-color:rgba(255,255,255,var(--divide-opacity))}.divide-gray-100>:not(template)~:not(template){--divide-opacity:1;border-color:#f7fafc;border-color:rgba(247,250,252,var(--divide-opacity))}.divide-gray-200>:not(template)~:not(template){--divide-opacity:1;border-color:#edf2f7;border-color:rgba(237,242,247,var(--divide-opacity))}.divide-gray-300>:not(template)~:not(template){--divide-opacity:1;border-color:#e2e8f0;border-color:rgba(226,232,240,var(--divide-opacity))}.divide-gray-400>:not(template)~:not(template){--divide-opacity:1;border-color:#cbd5e0;border-color:rgba(203,213,224,var(--divide-opacity))}.divide-gray-500>:not(template)~:not(template){--divide-opacity:1;border-color:#a0aec0;border-color:rgba(160,174,192,var(--divide-opacity))}.divide-gray-600>:not(template)~:not(template){--divide-opacity:1;border-color:#718096;border-color:rgba(113,128,150,var(--divide-opacity))}.divide-gray-700>:not(template)~:not(template){--divide-opacity:1;border-color:#4a5568;border-color:rgba(74,85,104,var(--divide-opacity))}.divide-gray-800>:not(template)~:not(template){--divide-opacity:1;border-color:#2d3748;border-color:rgba(45,55,72,var(--divide-opacity))}.divide-gray-900>:not(template)~:not(template){--divide-opacity:1;border-color:#1a202c;border-color:rgba(26,32,44,var(--divide-opacity))}.divide-red-100>:not(template)~:not(template){--divide-opacity:1;border-color:#fff5f5;border-color:rgba(255,245,245,var(--divide-opacity))}.divide-red-200>:not(template)~:not(template){--divide-opacity:1;border-color:#fed7d7;border-color:rgba(254,215,215,var(--divide-opacity))}.divide-red-300>:not(template)~:not(template){--divide-opacity:1;border-color:#feb2b2;border-color:rgba(254,178,178,var(--divide-opacity))}.divide-red-400>:not(template)~:not(template){--divide-opacity:1;border-color:#fc8181;border-color:rgba(252,129,129,var(--divide-opacity))}.divide-red-500>:not(template)~:not(template){--divide-opacity:1;border-color:#f56565;border-color:rgba(245,101,101,var(--divide-opacity))}.divide-red-600>:not(template)~:not(template){--divide-opacity:1;border-color:#e53e3e;border-color:rgba(229,62,62,var(--divide-opacity))}.divide-red-700>:not(template)~:not(template){--divide-opacity:1;border-color:#c53030;border-color:rgba(197,48,48,var(--divide-opacity))}.divide-red-800>:not(template)~:not(template){--divide-opacity:1;border-color:#9b2c2c;border-color:rgba(155,44,44,var(--divide-opacity))}.divide-red-900>:not(template)~:not(template){--divide-opacity:1;border-color:#742a2a;border-color:rgba(116,42,42,var(--divide-opacity))}.divide-orange-100>:not(template)~:not(template){--divide-opacity:1;border-color:#fffaf0;border-color:rgba(255,250,240,var(--divide-opacity))}.divide-orange-200>:not(template)~:not(template){--divide-opacity:1;border-color:#feebc8;border-color:rgba(254,235,200,var(--divide-opacity))}.divide-orange-300>:not(template)~:not(template){--divide-opacity:1;border-color:#fbd38d;border-color:rgba(251,211,141,var(--divide-opacity))}.divide-orange-400>:not(template)~:not(template){--divide-opacity:1;border-color:#f6ad55;border-color:rgba(246,173,85,var(--divide-opacity))}.divide-orange-500>:not(template)~:not(template){--divide-opacity:1;border-color:#ed8936;border-color:rgba(237,137,54,var(--divide-opacity))}.divide-orange-600>:not(template)~:not(template){--divide-opacity:1;border-color:#dd6b20;border-color:rgba(221,107,32,var(--divide-opacity))}.divide-orange-700>:not(template)~:not(template){--divide-opacity:1;border-color:#c05621;border-color:rgba(192,86,33,var(--divide-opacity))}.divide-orange-800>:not(template)~:not(template){--divide-opacity:1;border-color:#9c4221;border-color:rgba(156,66,33,var(--divide-opacity))}.divide-orange-900>:not(template)~:not(template){--divide-opacity:1;border-color:#7b341e;border-color:rgba(123,52,30,var(--divide-opacity))}.divide-yellow-100>:not(template)~:not(template){--divide-opacity:1;border-color:ivory;border-color:rgba(255,255,240,var(--divide-opacity))}.divide-yellow-200>:not(template)~:not(template){--divide-opacity:1;border-color:#fefcbf;border-color:rgba(254,252,191,var(--divide-opacity))}.divide-yellow-300>:not(template)~:not(template){--divide-opacity:1;border-color:#faf089;border-color:rgba(250,240,137,var(--divide-opacity))}.divide-yellow-400>:not(template)~:not(template){--divide-opacity:1;border-color:#f6e05e;border-color:rgba(246,224,94,var(--divide-opacity))}.divide-yellow-500>:not(template)~:not(template){--divide-opacity:1;border-color:#ecc94b;border-color:rgba(236,201,75,var(--divide-opacity))}.divide-yellow-600>:not(template)~:not(template){--divide-opacity:1;border-color:#d69e2e;border-color:rgba(214,158,46,var(--divide-opacity))}.divide-yellow-700>:not(template)~:not(template){--divide-opacity:1;border-color:#b7791f;border-color:rgba(183,121,31,var(--divide-opacity))}.divide-yellow-800>:not(template)~:not(template){--divide-opacity:1;border-color:#975a16;border-color:rgba(151,90,22,var(--divide-opacity))}.divide-yellow-900>:not(template)~:not(template){--divide-opacity:1;border-color:#744210;border-color:rgba(116,66,16,var(--divide-opacity))}.divide-green-100>:not(template)~:not(template){--divide-opacity:1;border-color:#f0fff4;border-color:rgba(240,255,244,var(--divide-opacity))}.divide-green-200>:not(template)~:not(template){--divide-opacity:1;border-color:#c6f6d5;border-color:rgba(198,246,213,var(--divide-opacity))}.divide-green-300>:not(template)~:not(template){--divide-opacity:1;border-color:#9ae6b4;border-color:rgba(154,230,180,var(--divide-opacity))}.divide-green-400>:not(template)~:not(template){--divide-opacity:1;border-color:#68d391;border-color:rgba(104,211,145,var(--divide-opacity))}.divide-green-500>:not(template)~:not(template){--divide-opacity:1;border-color:#48bb78;border-color:rgba(72,187,120,var(--divide-opacity))}.divide-green-600>:not(template)~:not(template){--divide-opacity:1;border-color:#38a169;border-color:rgba(56,161,105,var(--divide-opacity))}.divide-green-700>:not(template)~:not(template){--divide-opacity:1;border-color:#2f855a;border-color:rgba(47,133,90,var(--divide-opacity))}.divide-green-800>:not(template)~:not(template){--divide-opacity:1;border-color:#276749;border-color:rgba(39,103,73,var(--divide-opacity))}.divide-green-900>:not(template)~:not(template){--divide-opacity:1;border-color:#22543d;border-color:rgba(34,84,61,var(--divide-opacity))}.divide-teal-100>:not(template)~:not(template){--divide-opacity:1;border-color:#e6fffa;border-color:rgba(230,255,250,var(--divide-opacity))}.divide-teal-200>:not(template)~:not(template){--divide-opacity:1;border-color:#b2f5ea;border-color:rgba(178,245,234,var(--divide-opacity))}.divide-teal-300>:not(template)~:not(template){--divide-opacity:1;border-color:#81e6d9;border-color:rgba(129,230,217,var(--divide-opacity))}.divide-teal-400>:not(template)~:not(template){--divide-opacity:1;border-color:#4fd1c5;border-color:rgba(79,209,197,var(--divide-opacity))}.divide-teal-500>:not(template)~:not(template){--divide-opacity:1;border-color:#38b2ac;border-color:rgba(56,178,172,var(--divide-opacity))}.divide-teal-600>:not(template)~:not(template){--divide-opacity:1;border-color:#319795;border-color:rgba(49,151,149,var(--divide-opacity))}.divide-teal-700>:not(template)~:not(template){--divide-opacity:1;border-color:#2c7a7b;border-color:rgba(44,122,123,var(--divide-opacity))}.divide-teal-800>:not(template)~:not(template){--divide-opacity:1;border-color:#285e61;border-color:rgba(40,94,97,var(--divide-opacity))}.divide-teal-900>:not(template)~:not(template){--divide-opacity:1;border-color:#234e52;border-color:rgba(35,78,82,var(--divide-opacity))}.divide-blue-100>:not(template)~:not(template){--divide-opacity:1;border-color:#ebf8ff;border-color:rgba(235,248,255,var(--divide-opacity))}.divide-blue-200>:not(template)~:not(template){--divide-opacity:1;border-color:#bee3f8;border-color:rgba(190,227,248,var(--divide-opacity))}.divide-blue-300>:not(template)~:not(template){--divide-opacity:1;border-color:#90cdf4;border-color:rgba(144,205,244,var(--divide-opacity))}.divide-blue-400>:not(template)~:not(template){--divide-opacity:1;border-color:#63b3ed;border-color:rgba(99,179,237,var(--divide-opacity))}.divide-blue-500>:not(template)~:not(template){--divide-opacity:1;border-color:#4299e1;border-color:rgba(66,153,225,var(--divide-opacity))}.divide-blue-600>:not(template)~:not(template){--divide-opacity:1;border-color:#3182ce;border-color:rgba(49,130,206,var(--divide-opacity))}.divide-blue-700>:not(template)~:not(template){--divide-opacity:1;border-color:#2b6cb0;border-color:rgba(43,108,176,var(--divide-opacity))}.divide-blue-800>:not(template)~:not(template){--divide-opacity:1;border-color:#2c5282;border-color:rgba(44,82,130,var(--divide-opacity))}.divide-blue-900>:not(template)~:not(template){--divide-opacity:1;border-color:#2a4365;border-color:rgba(42,67,101,var(--divide-opacity))}.divide-indigo-100>:not(template)~:not(template){--divide-opacity:1;border-color:#ebf4ff;border-color:rgba(235,244,255,var(--divide-opacity))}.divide-indigo-200>:not(template)~:not(template){--divide-opacity:1;border-color:#c3dafe;border-color:rgba(195,218,254,var(--divide-opacity))}.divide-indigo-300>:not(template)~:not(template){--divide-opacity:1;border-color:#a3bffa;border-color:rgba(163,191,250,var(--divide-opacity))}.divide-indigo-400>:not(template)~:not(template){--divide-opacity:1;border-color:#7f9cf5;border-color:rgba(127,156,245,var(--divide-opacity))}.divide-indigo-500>:not(template)~:not(template){--divide-opacity:1;border-color:#667eea;border-color:rgba(102,126,234,var(--divide-opacity))}.divide-indigo-600>:not(template)~:not(template){--divide-opacity:1;border-color:#5a67d8;border-color:rgba(90,103,216,var(--divide-opacity))}.divide-indigo-700>:not(template)~:not(template){--divide-opacity:1;border-color:#4c51bf;border-color:rgba(76,81,191,var(--divide-opacity))}.divide-indigo-800>:not(template)~:not(template){--divide-opacity:1;border-color:#434190;border-color:rgba(67,65,144,var(--divide-opacity))}.divide-indigo-900>:not(template)~:not(template){--divide-opacity:1;border-color:#3c366b;border-color:rgba(60,54,107,var(--divide-opacity))}.divide-purple-100>:not(template)~:not(template){--divide-opacity:1;border-color:#faf5ff;border-color:rgba(250,245,255,var(--divide-opacity))}.divide-purple-200>:not(template)~:not(template){--divide-opacity:1;border-color:#e9d8fd;border-color:rgba(233,216,253,var(--divide-opacity))}.divide-purple-300>:not(template)~:not(template){--divide-opacity:1;border-color:#d6bcfa;border-color:rgba(214,188,250,var(--divide-opacity))}.divide-purple-400>:not(template)~:not(template){--divide-opacity:1;border-color:#b794f4;border-color:rgba(183,148,244,var(--divide-opacity))}.divide-purple-500>:not(template)~:not(template){--divide-opacity:1;border-color:#9f7aea;border-color:rgba(159,122,234,var(--divide-opacity))}.divide-purple-600>:not(template)~:not(template){--divide-opacity:1;border-color:#805ad5;border-color:rgba(128,90,213,var(--divide-opacity))}.divide-purple-700>:not(template)~:not(template){--divide-opacity:1;border-color:#6b46c1;border-color:rgba(107,70,193,var(--divide-opacity))}.divide-purple-800>:not(template)~:not(template){--divide-opacity:1;border-color:#553c9a;border-color:rgba(85,60,154,var(--divide-opacity))}.divide-purple-900>:not(template)~:not(template){--divide-opacity:1;border-color:#44337a;border-color:rgba(68,51,122,var(--divide-opacity))}.divide-pink-100>:not(template)~:not(template){--divide-opacity:1;border-color:#fff5f7;border-color:rgba(255,245,247,var(--divide-opacity))}.divide-pink-200>:not(template)~:not(template){--divide-opacity:1;border-color:#fed7e2;border-color:rgba(254,215,226,var(--divide-opacity))}.divide-pink-300>:not(template)~:not(template){--divide-opacity:1;border-color:#fbb6ce;border-color:rgba(251,182,206,var(--divide-opacity))}.divide-pink-400>:not(template)~:not(template){--divide-opacity:1;border-color:#f687b3;border-color:rgba(246,135,179,var(--divide-opacity))}.divide-pink-500>:not(template)~:not(template){--divide-opacity:1;border-color:#ed64a6;border-color:rgba(237,100,166,var(--divide-opacity))}.divide-pink-600>:not(template)~:not(template){--divide-opacity:1;border-color:#d53f8c;border-color:rgba(213,63,140,var(--divide-opacity))}.divide-pink-700>:not(template)~:not(template){--divide-opacity:1;border-color:#b83280;border-color:rgba(184,50,128,var(--divide-opacity))}.divide-pink-800>:not(template)~:not(template){--divide-opacity:1;border-color:#97266d;border-color:rgba(151,38,109,var(--divide-opacity))}.divide-pink-900>:not(template)~:not(template){--divide-opacity:1;border-color:#702459;border-color:rgba(112,36,89,var(--divide-opacity))}.divide-solid>:not(template)~:not(template){border-style:solid}.divide-dashed>:not(template)~:not(template){border-style:dashed}.divide-dotted>:not(template)~:not(template){border-style:dotted}.divide-double>:not(template)~:not(template){border-style:double}.divide-none>:not(template)~:not(template){border-style:none}.divide-opacity-0>:not(template)~:not(template){--divide-opacity:0}.divide-opacity-25>:not(template)~:not(template){--divide-opacity:.25}.divide-opacity-50>:not(template)~:not(template){--divide-opacity:.5}.divide-opacity-75>:not(template)~:not(template){--divide-opacity:.75}.divide-opacity-100>:not(template)~:not(template){--divide-opacity:1}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.not-sr-only{clip:auto;white-space:normal;width:auto;height:auto;margin:0;padding:0;position:static;overflow:visible}.focus\:sr-only:focus{clip:rect(0,0,0,0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.focus\:not-sr-only:focus{clip:auto;white-space:normal;width:auto;height:auto;margin:0;padding:0;position:static;overflow:visible}.appearance-none{-webkit-appearance:none;-moz-appearance:none;appearance:none}.bg-fixed{background-attachment:fixed}.bg-local{background-attachment:local}.bg-scroll{background-attachment:scroll}.bg-clip-border{background-clip:border-box}.bg-clip-padding{background-clip:padding-box}.bg-clip-content{background-clip:content-box}.bg-clip-text{-webkit-background-clip:text;background-clip:text}.bg-transparent{background-color:#0000}.bg-current{background-color:currentColor}.bg-black{--bg-opacity:1;background-color:#000;background-color:rgba(0,0,0,var(--bg-opacity))}.bg-white{--bg-opacity:1;background-color:#fff;background-color:rgba(255,255,255,var(--bg-opacity))}.bg-gray-100{--bg-opacity:1;background-color:#f7fafc;background-color:rgba(247,250,252,var(--bg-opacity))}.bg-gray-200{--bg-opacity:1;background-color:#edf2f7;background-color:rgba(237,242,247,var(--bg-opacity))}.bg-gray-300{--bg-opacity:1;background-color:#e2e8f0;background-color:rgba(226,232,240,var(--bg-opacity))}.bg-gray-400{--bg-opacity:1;background-color:#cbd5e0;background-color:rgba(203,213,224,var(--bg-opacity))}.bg-gray-500{--bg-opacity:1;background-color:#a0aec0;background-color:rgba(160,174,192,var(--bg-opacity))}.bg-gray-600{--bg-opacity:1;background-color:#718096;background-color:rgba(113,128,150,var(--bg-opacity))}.bg-gray-700{--bg-opacity:1;background-color:#4a5568;background-color:rgba(74,85,104,var(--bg-opacity))}.bg-gray-800{--bg-opacity:1;background-color:#2d3748;background-color:rgba(45,55,72,var(--bg-opacity))}.bg-gray-900{--bg-opacity:1;background-color:#1a202c;background-color:rgba(26,32,44,var(--bg-opacity))}.bg-red-100{--bg-opacity:1;background-color:#fff5f5;background-color:rgba(255,245,245,var(--bg-opacity))}.bg-red-200{--bg-opacity:1;background-color:#fed7d7;background-color:rgba(254,215,215,var(--bg-opacity))}.bg-red-300{--bg-opacity:1;background-color:#feb2b2;background-color:rgba(254,178,178,var(--bg-opacity))}.bg-red-400{--bg-opacity:1;background-color:#fc8181;background-color:rgba(252,129,129,var(--bg-opacity))}.bg-red-500{--bg-opacity:1;background-color:#f56565;background-color:rgba(245,101,101,var(--bg-opacity))}.bg-red-600{--bg-opacity:1;background-color:#e53e3e;background-color:rgba(229,62,62,var(--bg-opacity))}.bg-red-700{--bg-opacity:1;background-color:#c53030;background-color:rgba(197,48,48,var(--bg-opacity))}.bg-red-800{--bg-opacity:1;background-color:#9b2c2c;background-color:rgba(155,44,44,var(--bg-opacity))}.bg-red-900{--bg-opacity:1;background-color:#742a2a;background-color:rgba(116,42,42,var(--bg-opacity))}.bg-orange-100{--bg-opacity:1;background-color:#fffaf0;background-color:rgba(255,250,240,var(--bg-opacity))}.bg-orange-200{--bg-opacity:1;background-color:#feebc8;background-color:rgba(254,235,200,var(--bg-opacity))}.bg-orange-300{--bg-opacity:1;background-color:#fbd38d;background-color:rgba(251,211,141,var(--bg-opacity))}.bg-orange-400{--bg-opacity:1;background-color:#f6ad55;background-color:rgba(246,173,85,var(--bg-opacity))}.bg-orange-500{--bg-opacity:1;background-color:#ed8936;background-color:rgba(237,137,54,var(--bg-opacity))}.bg-orange-600{--bg-opacity:1;background-color:#dd6b20;background-color:rgba(221,107,32,var(--bg-opacity))}.bg-orange-700{--bg-opacity:1;background-color:#c05621;background-color:rgba(192,86,33,var(--bg-opacity))}.bg-orange-800{--bg-opacity:1;background-color:#9c4221;background-color:rgba(156,66,33,var(--bg-opacity))}.bg-orange-900{--bg-opacity:1;background-color:#7b341e;background-color:rgba(123,52,30,var(--bg-opacity))}.bg-yellow-100{--bg-opacity:1;background-color:ivory;background-color:rgba(255,255,240,var(--bg-opacity))}.bg-yellow-200{--bg-opacity:1;background-color:#fefcbf;background-color:rgba(254,252,191,var(--bg-opacity))}.bg-yellow-300{--bg-opacity:1;background-color:#faf089;background-color:rgba(250,240,137,var(--bg-opacity))}.bg-yellow-400{--bg-opacity:1;background-color:#f6e05e;background-color:rgba(246,224,94,var(--bg-opacity))}.bg-yellow-500{--bg-opacity:1;background-color:#ecc94b;background-color:rgba(236,201,75,var(--bg-opacity))}.bg-yellow-600{--bg-opacity:1;background-color:#d69e2e;background-color:rgba(214,158,46,var(--bg-opacity))}.bg-yellow-700{--bg-opacity:1;background-color:#b7791f;background-color:rgba(183,121,31,var(--bg-opacity))}.bg-yellow-800{--bg-opacity:1;background-color:#975a16;background-color:rgba(151,90,22,var(--bg-opacity))}.bg-yellow-900{--bg-opacity:1;background-color:#744210;background-color:rgba(116,66,16,var(--bg-opacity))}.bg-green-100{--bg-opacity:1;background-color:#f0fff4;background-color:rgba(240,255,244,var(--bg-opacity))}.bg-green-200{--bg-opacity:1;background-color:#c6f6d5;background-color:rgba(198,246,213,var(--bg-opacity))}.bg-green-300{--bg-opacity:1;background-color:#9ae6b4;background-color:rgba(154,230,180,var(--bg-opacity))}.bg-green-400{--bg-opacity:1;background-color:#68d391;background-color:rgba(104,211,145,var(--bg-opacity))}.bg-green-500{--bg-opacity:1;background-color:#48bb78;background-color:rgba(72,187,120,var(--bg-opacity))}.bg-green-600{--bg-opacity:1;background-color:#38a169;background-color:rgba(56,161,105,var(--bg-opacity))}.bg-green-700{--bg-opacity:1;background-color:#2f855a;background-color:rgba(47,133,90,var(--bg-opacity))}.bg-green-800{--bg-opacity:1;background-color:#276749;background-color:rgba(39,103,73,var(--bg-opacity))}.bg-green-900{--bg-opacity:1;background-color:#22543d;background-color:rgba(34,84,61,var(--bg-opacity))}.bg-teal-100{--bg-opacity:1;background-color:#e6fffa;background-color:rgba(230,255,250,var(--bg-opacity))}.bg-teal-200{--bg-opacity:1;background-color:#b2f5ea;background-color:rgba(178,245,234,var(--bg-opacity))}.bg-teal-300{--bg-opacity:1;background-color:#81e6d9;background-color:rgba(129,230,217,var(--bg-opacity))}.bg-teal-400{--bg-opacity:1;background-color:#4fd1c5;background-color:rgba(79,209,197,var(--bg-opacity))}.bg-teal-500{--bg-opacity:1;background-color:#38b2ac;background-color:rgba(56,178,172,var(--bg-opacity))}.bg-teal-600{--bg-opacity:1;background-color:#319795;background-color:rgba(49,151,149,var(--bg-opacity))}.bg-teal-700{--bg-opacity:1;background-color:#2c7a7b;background-color:rgba(44,122,123,var(--bg-opacity))}.bg-teal-800{--bg-opacity:1;background-color:#285e61;background-color:rgba(40,94,97,var(--bg-opacity))}.bg-teal-900{--bg-opacity:1;background-color:#234e52;background-color:rgba(35,78,82,var(--bg-opacity))}.bg-blue-100{--bg-opacity:1;background-color:#ebf8ff;background-color:rgba(235,248,255,var(--bg-opacity))}.bg-blue-200{--bg-opacity:1;background-color:#bee3f8;background-color:rgba(190,227,248,var(--bg-opacity))}.bg-blue-300{--bg-opacity:1;background-color:#90cdf4;background-color:rgba(144,205,244,var(--bg-opacity))}.bg-blue-400{--bg-opacity:1;background-color:#63b3ed;background-color:rgba(99,179,237,var(--bg-opacity))}.bg-blue-500{--bg-opacity:1;background-color:#4299e1;background-color:rgba(66,153,225,var(--bg-opacity))}.bg-blue-600{--bg-opacity:1;background-color:#3182ce;background-color:rgba(49,130,206,var(--bg-opacity))}.bg-blue-700{--bg-opacity:1;background-color:#2b6cb0;background-color:rgba(43,108,176,var(--bg-opacity))}.bg-blue-800{--bg-opacity:1;background-color:#2c5282;background-color:rgba(44,82,130,var(--bg-opacity))}.bg-blue-900{--bg-opacity:1;background-color:#2a4365;background-color:rgba(42,67,101,var(--bg-opacity))}.bg-indigo-100{--bg-opacity:1;background-color:#ebf4ff;background-color:rgba(235,244,255,var(--bg-opacity))}.bg-indigo-200{--bg-opacity:1;background-color:#c3dafe;background-color:rgba(195,218,254,var(--bg-opacity))}.bg-indigo-300{--bg-opacity:1;background-color:#a3bffa;background-color:rgba(163,191,250,var(--bg-opacity))}.bg-indigo-400{--bg-opacity:1;background-color:#7f9cf5;background-color:rgba(127,156,245,var(--bg-opacity))}.bg-indigo-500{--bg-opacity:1;background-color:#667eea;background-color:rgba(102,126,234,var(--bg-opacity))}.bg-indigo-600{--bg-opacity:1;background-color:#5a67d8;background-color:rgba(90,103,216,var(--bg-opacity))}.bg-indigo-700{--bg-opacity:1;background-color:#4c51bf;background-color:rgba(76,81,191,var(--bg-opacity))}.bg-indigo-800{--bg-opacity:1;background-color:#434190;background-color:rgba(67,65,144,var(--bg-opacity))}.bg-indigo-900{--bg-opacity:1;background-color:#3c366b;background-color:rgba(60,54,107,var(--bg-opacity))}.bg-purple-100{--bg-opacity:1;background-color:#faf5ff;background-color:rgba(250,245,255,var(--bg-opacity))}.bg-purple-200{--bg-opacity:1;background-color:#e9d8fd;background-color:rgba(233,216,253,var(--bg-opacity))}.bg-purple-300{--bg-opacity:1;background-color:#d6bcfa;background-color:rgba(214,188,250,var(--bg-opacity))}.bg-purple-400{--bg-opacity:1;background-color:#b794f4;background-color:rgba(183,148,244,var(--bg-opacity))}.bg-purple-500{--bg-opacity:1;background-color:#9f7aea;background-color:rgba(159,122,234,var(--bg-opacity))}.bg-purple-600{--bg-opacity:1;background-color:#805ad5;background-color:rgba(128,90,213,var(--bg-opacity))}.bg-purple-700{--bg-opacity:1;background-color:#6b46c1;background-color:rgba(107,70,193,var(--bg-opacity))}.bg-purple-800{--bg-opacity:1;background-color:#553c9a;background-color:rgba(85,60,154,var(--bg-opacity))}.bg-purple-900{--bg-opacity:1;background-color:#44337a;background-color:rgba(68,51,122,var(--bg-opacity))}.bg-pink-100{--bg-opacity:1;background-color:#fff5f7;background-color:rgba(255,245,247,var(--bg-opacity))}.bg-pink-200{--bg-opacity:1;background-color:#fed7e2;background-color:rgba(254,215,226,var(--bg-opacity))}.bg-pink-300{--bg-opacity:1;background-color:#fbb6ce;background-color:rgba(251,182,206,var(--bg-opacity))}.bg-pink-400{--bg-opacity:1;background-color:#f687b3;background-color:rgba(246,135,179,var(--bg-opacity))}.bg-pink-500{--bg-opacity:1;background-color:#ed64a6;background-color:rgba(237,100,166,var(--bg-opacity))}.bg-pink-600{--bg-opacity:1;background-color:#d53f8c;background-color:rgba(213,63,140,var(--bg-opacity))}.bg-pink-700{--bg-opacity:1;background-color:#b83280;background-color:rgba(184,50,128,var(--bg-opacity))}.bg-pink-800{--bg-opacity:1;background-color:#97266d;background-color:rgba(151,38,109,var(--bg-opacity))}.bg-pink-900{--bg-opacity:1;background-color:#702459;background-color:rgba(112,36,89,var(--bg-opacity))}.hover\:bg-transparent:hover{background-color:#0000}.hover\:bg-current:hover{background-color:currentColor}.hover\:bg-black:hover{--bg-opacity:1;background-color:#000;background-color:rgba(0,0,0,var(--bg-opacity))}.hover\:bg-white:hover{--bg-opacity:1;background-color:#fff;background-color:rgba(255,255,255,var(--bg-opacity))}.hover\:bg-gray-100:hover{--bg-opacity:1;background-color:#f7fafc;background-color:rgba(247,250,252,var(--bg-opacity))}.hover\:bg-gray-200:hover{--bg-opacity:1;background-color:#edf2f7;background-color:rgba(237,242,247,var(--bg-opacity))}.hover\:bg-gray-300:hover{--bg-opacity:1;background-color:#e2e8f0;background-color:rgba(226,232,240,var(--bg-opacity))}.hover\:bg-gray-400:hover{--bg-opacity:1;background-color:#cbd5e0;background-color:rgba(203,213,224,var(--bg-opacity))}.hover\:bg-gray-500:hover{--bg-opacity:1;background-color:#a0aec0;background-color:rgba(160,174,192,var(--bg-opacity))}.hover\:bg-gray-600:hover{--bg-opacity:1;background-color:#718096;background-color:rgba(113,128,150,var(--bg-opacity))}.hover\:bg-gray-700:hover{--bg-opacity:1;background-color:#4a5568;background-color:rgba(74,85,104,var(--bg-opacity))}.hover\:bg-gray-800:hover{--bg-opacity:1;background-color:#2d3748;background-color:rgba(45,55,72,var(--bg-opacity))}.hover\:bg-gray-900:hover{--bg-opacity:1;background-color:#1a202c;background-color:rgba(26,32,44,var(--bg-opacity))}.hover\:bg-red-100:hover{--bg-opacity:1;background-color:#fff5f5;background-color:rgba(255,245,245,var(--bg-opacity))}.hover\:bg-red-200:hover{--bg-opacity:1;background-color:#fed7d7;background-color:rgba(254,215,215,var(--bg-opacity))}.hover\:bg-red-300:hover{--bg-opacity:1;background-color:#feb2b2;background-color:rgba(254,178,178,var(--bg-opacity))}.hover\:bg-red-400:hover{--bg-opacity:1;background-color:#fc8181;background-color:rgba(252,129,129,var(--bg-opacity))}.hover\:bg-red-500:hover{--bg-opacity:1;background-color:#f56565;background-color:rgba(245,101,101,var(--bg-opacity))}.hover\:bg-red-600:hover{--bg-opacity:1;background-color:#e53e3e;background-color:rgba(229,62,62,var(--bg-opacity))}.hover\:bg-red-700:hover{--bg-opacity:1;background-color:#c53030;background-color:rgba(197,48,48,var(--bg-opacity))}.hover\:bg-red-800:hover{--bg-opacity:1;background-color:#9b2c2c;background-color:rgba(155,44,44,var(--bg-opacity))}.hover\:bg-red-900:hover{--bg-opacity:1;background-color:#742a2a;background-color:rgba(116,42,42,var(--bg-opacity))}.hover\:bg-orange-100:hover{--bg-opacity:1;background-color:#fffaf0;background-color:rgba(255,250,240,var(--bg-opacity))}.hover\:bg-orange-200:hover{--bg-opacity:1;background-color:#feebc8;background-color:rgba(254,235,200,var(--bg-opacity))}.hover\:bg-orange-300:hover{--bg-opacity:1;background-color:#fbd38d;background-color:rgba(251,211,141,var(--bg-opacity))}.hover\:bg-orange-400:hover{--bg-opacity:1;background-color:#f6ad55;background-color:rgba(246,173,85,var(--bg-opacity))}.hover\:bg-orange-500:hover{--bg-opacity:1;background-color:#ed8936;background-color:rgba(237,137,54,var(--bg-opacity))}.hover\:bg-orange-600:hover{--bg-opacity:1;background-color:#dd6b20;background-color:rgba(221,107,32,var(--bg-opacity))}.hover\:bg-orange-700:hover{--bg-opacity:1;background-color:#c05621;background-color:rgba(192,86,33,var(--bg-opacity))}.hover\:bg-orange-800:hover{--bg-opacity:1;background-color:#9c4221;background-color:rgba(156,66,33,var(--bg-opacity))}.hover\:bg-orange-900:hover{--bg-opacity:1;background-color:#7b341e;background-color:rgba(123,52,30,var(--bg-opacity))}.hover\:bg-yellow-100:hover{--bg-opacity:1;background-color:ivory;background-color:rgba(255,255,240,var(--bg-opacity))}.hover\:bg-yellow-200:hover{--bg-opacity:1;background-color:#fefcbf;background-color:rgba(254,252,191,var(--bg-opacity))}.hover\:bg-yellow-300:hover{--bg-opacity:1;background-color:#faf089;background-color:rgba(250,240,137,var(--bg-opacity))}.hover\:bg-yellow-400:hover{--bg-opacity:1;background-color:#f6e05e;background-color:rgba(246,224,94,var(--bg-opacity))}.hover\:bg-yellow-500:hover{--bg-opacity:1;background-color:#ecc94b;background-color:rgba(236,201,75,var(--bg-opacity))}.hover\:bg-yellow-600:hover{--bg-opacity:1;background-color:#d69e2e;background-color:rgba(214,158,46,var(--bg-opacity))}.hover\:bg-yellow-700:hover{--bg-opacity:1;background-color:#b7791f;background-color:rgba(183,121,31,var(--bg-opacity))}.hover\:bg-yellow-800:hover{--bg-opacity:1;background-color:#975a16;background-color:rgba(151,90,22,var(--bg-opacity))}.hover\:bg-yellow-900:hover{--bg-opacity:1;background-color:#744210;background-color:rgba(116,66,16,var(--bg-opacity))}.hover\:bg-green-100:hover{--bg-opacity:1;background-color:#f0fff4;background-color:rgba(240,255,244,var(--bg-opacity))}.hover\:bg-green-200:hover{--bg-opacity:1;background-color:#c6f6d5;background-color:rgba(198,246,213,var(--bg-opacity))}.hover\:bg-green-300:hover{--bg-opacity:1;background-color:#9ae6b4;background-color:rgba(154,230,180,var(--bg-opacity))}.hover\:bg-green-400:hover{--bg-opacity:1;background-color:#68d391;background-color:rgba(104,211,145,var(--bg-opacity))}.hover\:bg-green-500:hover{--bg-opacity:1;background-color:#48bb78;background-color:rgba(72,187,120,var(--bg-opacity))}.hover\:bg-green-600:hover{--bg-opacity:1;background-color:#38a169;background-color:rgba(56,161,105,var(--bg-opacity))}.hover\:bg-green-700:hover{--bg-opacity:1;background-color:#2f855a;background-color:rgba(47,133,90,var(--bg-opacity))}.hover\:bg-green-800:hover{--bg-opacity:1;background-color:#276749;background-color:rgba(39,103,73,var(--bg-opacity))}.hover\:bg-green-900:hover{--bg-opacity:1;background-color:#22543d;background-color:rgba(34,84,61,var(--bg-opacity))}.hover\:bg-teal-100:hover{--bg-opacity:1;background-color:#e6fffa;background-color:rgba(230,255,250,var(--bg-opacity))}.hover\:bg-teal-200:hover{--bg-opacity:1;background-color:#b2f5ea;background-color:rgba(178,245,234,var(--bg-opacity))}.hover\:bg-teal-300:hover{--bg-opacity:1;background-color:#81e6d9;background-color:rgba(129,230,217,var(--bg-opacity))}.hover\:bg-teal-400:hover{--bg-opacity:1;background-color:#4fd1c5;background-color:rgba(79,209,197,var(--bg-opacity))}.hover\:bg-teal-500:hover{--bg-opacity:1;background-color:#38b2ac;background-color:rgba(56,178,172,var(--bg-opacity))}.hover\:bg-teal-600:hover{--bg-opacity:1;background-color:#319795;background-color:rgba(49,151,149,var(--bg-opacity))}.hover\:bg-teal-700:hover{--bg-opacity:1;background-color:#2c7a7b;background-color:rgba(44,122,123,var(--bg-opacity))}.hover\:bg-teal-800:hover{--bg-opacity:1;background-color:#285e61;background-color:rgba(40,94,97,var(--bg-opacity))}.hover\:bg-teal-900:hover{--bg-opacity:1;background-color:#234e52;background-color:rgba(35,78,82,var(--bg-opacity))}.hover\:bg-blue-100:hover{--bg-opacity:1;background-color:#ebf8ff;background-color:rgba(235,248,255,var(--bg-opacity))}.hover\:bg-blue-200:hover{--bg-opacity:1;background-color:#bee3f8;background-color:rgba(190,227,248,var(--bg-opacity))}.hover\:bg-blue-300:hover{--bg-opacity:1;background-color:#90cdf4;background-color:rgba(144,205,244,var(--bg-opacity))}.hover\:bg-blue-400:hover{--bg-opacity:1;background-color:#63b3ed;background-color:rgba(99,179,237,var(--bg-opacity))}.hover\:bg-blue-500:hover{--bg-opacity:1;background-color:#4299e1;background-color:rgba(66,153,225,var(--bg-opacity))}.hover\:bg-blue-600:hover{--bg-opacity:1;background-color:#3182ce;background-color:rgba(49,130,206,var(--bg-opacity))}.hover\:bg-blue-700:hover{--bg-opacity:1;background-color:#2b6cb0;background-color:rgba(43,108,176,var(--bg-opacity))}.hover\:bg-blue-800:hover{--bg-opacity:1;background-color:#2c5282;background-color:rgba(44,82,130,var(--bg-opacity))}.hover\:bg-blue-900:hover{--bg-opacity:1;background-color:#2a4365;background-color:rgba(42,67,101,var(--bg-opacity))}.hover\:bg-indigo-100:hover{--bg-opacity:1;background-color:#ebf4ff;background-color:rgba(235,244,255,var(--bg-opacity))}.hover\:bg-indigo-200:hover{--bg-opacity:1;background-color:#c3dafe;background-color:rgba(195,218,254,var(--bg-opacity))}.hover\:bg-indigo-300:hover{--bg-opacity:1;background-color:#a3bffa;background-color:rgba(163,191,250,var(--bg-opacity))}.hover\:bg-indigo-400:hover{--bg-opacity:1;background-color:#7f9cf5;background-color:rgba(127,156,245,var(--bg-opacity))}.hover\:bg-indigo-500:hover{--bg-opacity:1;background-color:#667eea;background-color:rgba(102,126,234,var(--bg-opacity))}.hover\:bg-indigo-600:hover{--bg-opacity:1;background-color:#5a67d8;background-color:rgba(90,103,216,var(--bg-opacity))}.hover\:bg-indigo-700:hover{--bg-opacity:1;background-color:#4c51bf;background-color:rgba(76,81,191,var(--bg-opacity))}.hover\:bg-indigo-800:hover{--bg-opacity:1;background-color:#434190;background-color:rgba(67,65,144,var(--bg-opacity))}.hover\:bg-indigo-900:hover{--bg-opacity:1;background-color:#3c366b;background-color:rgba(60,54,107,var(--bg-opacity))}.hover\:bg-purple-100:hover{--bg-opacity:1;background-color:#faf5ff;background-color:rgba(250,245,255,var(--bg-opacity))}.hover\:bg-purple-200:hover{--bg-opacity:1;background-color:#e9d8fd;background-color:rgba(233,216,253,var(--bg-opacity))}.hover\:bg-purple-300:hover{--bg-opacity:1;background-color:#d6bcfa;background-color:rgba(214,188,250,var(--bg-opacity))}.hover\:bg-purple-400:hover{--bg-opacity:1;background-color:#b794f4;background-color:rgba(183,148,244,var(--bg-opacity))}.hover\:bg-purple-500:hover{--bg-opacity:1;background-color:#9f7aea;background-color:rgba(159,122,234,var(--bg-opacity))}.hover\:bg-purple-600:hover{--bg-opacity:1;background-color:#805ad5;background-color:rgba(128,90,213,var(--bg-opacity))}.hover\:bg-purple-700:hover{--bg-opacity:1;background-color:#6b46c1;background-color:rgba(107,70,193,var(--bg-opacity))}.hover\:bg-purple-800:hover{--bg-opacity:1;background-color:#553c9a;background-color:rgba(85,60,154,var(--bg-opacity))}.hover\:bg-purple-900:hover{--bg-opacity:1;background-color:#44337a;background-color:rgba(68,51,122,var(--bg-opacity))}.hover\:bg-pink-100:hover{--bg-opacity:1;background-color:#fff5f7;background-color:rgba(255,245,247,var(--bg-opacity))}.hover\:bg-pink-200:hover{--bg-opacity:1;background-color:#fed7e2;background-color:rgba(254,215,226,var(--bg-opacity))}.hover\:bg-pink-300:hover{--bg-opacity:1;background-color:#fbb6ce;background-color:rgba(251,182,206,var(--bg-opacity))}.hover\:bg-pink-400:hover{--bg-opacity:1;background-color:#f687b3;background-color:rgba(246,135,179,var(--bg-opacity))}.hover\:bg-pink-500:hover{--bg-opacity:1;background-color:#ed64a6;background-color:rgba(237,100,166,var(--bg-opacity))}.hover\:bg-pink-600:hover{--bg-opacity:1;background-color:#d53f8c;background-color:rgba(213,63,140,var(--bg-opacity))}.hover\:bg-pink-700:hover{--bg-opacity:1;background-color:#b83280;background-color:rgba(184,50,128,var(--bg-opacity))}.hover\:bg-pink-800:hover{--bg-opacity:1;background-color:#97266d;background-color:rgba(151,38,109,var(--bg-opacity))}.hover\:bg-pink-900:hover{--bg-opacity:1;background-color:#702459;background-color:rgba(112,36,89,var(--bg-opacity))}.focus\:bg-transparent:focus{background-color:#0000}.focus\:bg-current:focus{background-color:currentColor}.focus\:bg-black:focus{--bg-opacity:1;background-color:#000;background-color:rgba(0,0,0,var(--bg-opacity))}.focus\:bg-white:focus{--bg-opacity:1;background-color:#fff;background-color:rgba(255,255,255,var(--bg-opacity))}.focus\:bg-gray-100:focus{--bg-opacity:1;background-color:#f7fafc;background-color:rgba(247,250,252,var(--bg-opacity))}.focus\:bg-gray-200:focus{--bg-opacity:1;background-color:#edf2f7;background-color:rgba(237,242,247,var(--bg-opacity))}.focus\:bg-gray-300:focus{--bg-opacity:1;background-color:#e2e8f0;background-color:rgba(226,232,240,var(--bg-opacity))}.focus\:bg-gray-400:focus{--bg-opacity:1;background-color:#cbd5e0;background-color:rgba(203,213,224,var(--bg-opacity))}.focus\:bg-gray-500:focus{--bg-opacity:1;background-color:#a0aec0;background-color:rgba(160,174,192,var(--bg-opacity))}.focus\:bg-gray-600:focus{--bg-opacity:1;background-color:#718096;background-color:rgba(113,128,150,var(--bg-opacity))}.focus\:bg-gray-700:focus{--bg-opacity:1;background-color:#4a5568;background-color:rgba(74,85,104,var(--bg-opacity))}.focus\:bg-gray-800:focus{--bg-opacity:1;background-color:#2d3748;background-color:rgba(45,55,72,var(--bg-opacity))}.focus\:bg-gray-900:focus{--bg-opacity:1;background-color:#1a202c;background-color:rgba(26,32,44,var(--bg-opacity))}.focus\:bg-red-100:focus{--bg-opacity:1;background-color:#fff5f5;background-color:rgba(255,245,245,var(--bg-opacity))}.focus\:bg-red-200:focus{--bg-opacity:1;background-color:#fed7d7;background-color:rgba(254,215,215,var(--bg-opacity))}.focus\:bg-red-300:focus{--bg-opacity:1;background-color:#feb2b2;background-color:rgba(254,178,178,var(--bg-opacity))}.focus\:bg-red-400:focus{--bg-opacity:1;background-color:#fc8181;background-color:rgba(252,129,129,var(--bg-opacity))}.focus\:bg-red-500:focus{--bg-opacity:1;background-color:#f56565;background-color:rgba(245,101,101,var(--bg-opacity))}.focus\:bg-red-600:focus{--bg-opacity:1;background-color:#e53e3e;background-color:rgba(229,62,62,var(--bg-opacity))}.focus\:bg-red-700:focus{--bg-opacity:1;background-color:#c53030;background-color:rgba(197,48,48,var(--bg-opacity))}.focus\:bg-red-800:focus{--bg-opacity:1;background-color:#9b2c2c;background-color:rgba(155,44,44,var(--bg-opacity))}.focus\:bg-red-900:focus{--bg-opacity:1;background-color:#742a2a;background-color:rgba(116,42,42,var(--bg-opacity))}.focus\:bg-orange-100:focus{--bg-opacity:1;background-color:#fffaf0;background-color:rgba(255,250,240,var(--bg-opacity))}.focus\:bg-orange-200:focus{--bg-opacity:1;background-color:#feebc8;background-color:rgba(254,235,200,var(--bg-opacity))}.focus\:bg-orange-300:focus{--bg-opacity:1;background-color:#fbd38d;background-color:rgba(251,211,141,var(--bg-opacity))}.focus\:bg-orange-400:focus{--bg-opacity:1;background-color:#f6ad55;background-color:rgba(246,173,85,var(--bg-opacity))}.focus\:bg-orange-500:focus{--bg-opacity:1;background-color:#ed8936;background-color:rgba(237,137,54,var(--bg-opacity))}.focus\:bg-orange-600:focus{--bg-opacity:1;background-color:#dd6b20;background-color:rgba(221,107,32,var(--bg-opacity))}.focus\:bg-orange-700:focus{--bg-opacity:1;background-color:#c05621;background-color:rgba(192,86,33,var(--bg-opacity))}.focus\:bg-orange-800:focus{--bg-opacity:1;background-color:#9c4221;background-color:rgba(156,66,33,var(--bg-opacity))}.focus\:bg-orange-900:focus{--bg-opacity:1;background-color:#7b341e;background-color:rgba(123,52,30,var(--bg-opacity))}.focus\:bg-yellow-100:focus{--bg-opacity:1;background-color:ivory;background-color:rgba(255,255,240,var(--bg-opacity))}.focus\:bg-yellow-200:focus{--bg-opacity:1;background-color:#fefcbf;background-color:rgba(254,252,191,var(--bg-opacity))}.focus\:bg-yellow-300:focus{--bg-opacity:1;background-color:#faf089;background-color:rgba(250,240,137,var(--bg-opacity))}.focus\:bg-yellow-400:focus{--bg-opacity:1;background-color:#f6e05e;background-color:rgba(246,224,94,var(--bg-opacity))}.focus\:bg-yellow-500:focus{--bg-opacity:1;background-color:#ecc94b;background-color:rgba(236,201,75,var(--bg-opacity))}.focus\:bg-yellow-600:focus{--bg-opacity:1;background-color:#d69e2e;background-color:rgba(214,158,46,var(--bg-opacity))}.focus\:bg-yellow-700:focus{--bg-opacity:1;background-color:#b7791f;background-color:rgba(183,121,31,var(--bg-opacity))}.focus\:bg-yellow-800:focus{--bg-opacity:1;background-color:#975a16;background-color:rgba(151,90,22,var(--bg-opacity))}.focus\:bg-yellow-900:focus{--bg-opacity:1;background-color:#744210;background-color:rgba(116,66,16,var(--bg-opacity))}.focus\:bg-green-100:focus{--bg-opacity:1;background-color:#f0fff4;background-color:rgba(240,255,244,var(--bg-opacity))}.focus\:bg-green-200:focus{--bg-opacity:1;background-color:#c6f6d5;background-color:rgba(198,246,213,var(--bg-opacity))}.focus\:bg-green-300:focus{--bg-opacity:1;background-color:#9ae6b4;background-color:rgba(154,230,180,var(--bg-opacity))}.focus\:bg-green-400:focus{--bg-opacity:1;background-color:#68d391;background-color:rgba(104,211,145,var(--bg-opacity))}.focus\:bg-green-500:focus{--bg-opacity:1;background-color:#48bb78;background-color:rgba(72,187,120,var(--bg-opacity))}.focus\:bg-green-600:focus{--bg-opacity:1;background-color:#38a169;background-color:rgba(56,161,105,var(--bg-opacity))}.focus\:bg-green-700:focus{--bg-opacity:1;background-color:#2f855a;background-color:rgba(47,133,90,var(--bg-opacity))}.focus\:bg-green-800:focus{--bg-opacity:1;background-color:#276749;background-color:rgba(39,103,73,var(--bg-opacity))}.focus\:bg-green-900:focus{--bg-opacity:1;background-color:#22543d;background-color:rgba(34,84,61,var(--bg-opacity))}.focus\:bg-teal-100:focus{--bg-opacity:1;background-color:#e6fffa;background-color:rgba(230,255,250,var(--bg-opacity))}.focus\:bg-teal-200:focus{--bg-opacity:1;background-color:#b2f5ea;background-color:rgba(178,245,234,var(--bg-opacity))}.focus\:bg-teal-300:focus{--bg-opacity:1;background-color:#81e6d9;background-color:rgba(129,230,217,var(--bg-opacity))}.focus\:bg-teal-400:focus{--bg-opacity:1;background-color:#4fd1c5;background-color:rgba(79,209,197,var(--bg-opacity))}.focus\:bg-teal-500:focus{--bg-opacity:1;background-color:#38b2ac;background-color:rgba(56,178,172,var(--bg-opacity))}.focus\:bg-teal-600:focus{--bg-opacity:1;background-color:#319795;background-color:rgba(49,151,149,var(--bg-opacity))}.focus\:bg-teal-700:focus{--bg-opacity:1;background-color:#2c7a7b;background-color:rgba(44,122,123,var(--bg-opacity))}.focus\:bg-teal-800:focus{--bg-opacity:1;background-color:#285e61;background-color:rgba(40,94,97,var(--bg-opacity))}.focus\:bg-teal-900:focus{--bg-opacity:1;background-color:#234e52;background-color:rgba(35,78,82,var(--bg-opacity))}.focus\:bg-blue-100:focus{--bg-opacity:1;background-color:#ebf8ff;background-color:rgba(235,248,255,var(--bg-opacity))}.focus\:bg-blue-200:focus{--bg-opacity:1;background-color:#bee3f8;background-color:rgba(190,227,248,var(--bg-opacity))}.focus\:bg-blue-300:focus{--bg-opacity:1;background-color:#90cdf4;background-color:rgba(144,205,244,var(--bg-opacity))}.focus\:bg-blue-400:focus{--bg-opacity:1;background-color:#63b3ed;background-color:rgba(99,179,237,var(--bg-opacity))}.focus\:bg-blue-500:focus{--bg-opacity:1;background-color:#4299e1;background-color:rgba(66,153,225,var(--bg-opacity))}.focus\:bg-blue-600:focus{--bg-opacity:1;background-color:#3182ce;background-color:rgba(49,130,206,var(--bg-opacity))}.focus\:bg-blue-700:focus{--bg-opacity:1;background-color:#2b6cb0;background-color:rgba(43,108,176,var(--bg-opacity))}.focus\:bg-blue-800:focus{--bg-opacity:1;background-color:#2c5282;background-color:rgba(44,82,130,var(--bg-opacity))}.focus\:bg-blue-900:focus{--bg-opacity:1;background-color:#2a4365;background-color:rgba(42,67,101,var(--bg-opacity))}.focus\:bg-indigo-100:focus{--bg-opacity:1;background-color:#ebf4ff;background-color:rgba(235,244,255,var(--bg-opacity))}.focus\:bg-indigo-200:focus{--bg-opacity:1;background-color:#c3dafe;background-color:rgba(195,218,254,var(--bg-opacity))}.focus\:bg-indigo-300:focus{--bg-opacity:1;background-color:#a3bffa;background-color:rgba(163,191,250,var(--bg-opacity))}.focus\:bg-indigo-400:focus{--bg-opacity:1;background-color:#7f9cf5;background-color:rgba(127,156,245,var(--bg-opacity))}.focus\:bg-indigo-500:focus{--bg-opacity:1;background-color:#667eea;background-color:rgba(102,126,234,var(--bg-opacity))}.focus\:bg-indigo-600:focus{--bg-opacity:1;background-color:#5a67d8;background-color:rgba(90,103,216,var(--bg-opacity))}.focus\:bg-indigo-700:focus{--bg-opacity:1;background-color:#4c51bf;background-color:rgba(76,81,191,var(--bg-opacity))}.focus\:bg-indigo-800:focus{--bg-opacity:1;background-color:#434190;background-color:rgba(67,65,144,var(--bg-opacity))}.focus\:bg-indigo-900:focus{--bg-opacity:1;background-color:#3c366b;background-color:rgba(60,54,107,var(--bg-opacity))}.focus\:bg-purple-100:focus{--bg-opacity:1;background-color:#faf5ff;background-color:rgba(250,245,255,var(--bg-opacity))}.focus\:bg-purple-200:focus{--bg-opacity:1;background-color:#e9d8fd;background-color:rgba(233,216,253,var(--bg-opacity))}.focus\:bg-purple-300:focus{--bg-opacity:1;background-color:#d6bcfa;background-color:rgba(214,188,250,var(--bg-opacity))}.focus\:bg-purple-400:focus{--bg-opacity:1;background-color:#b794f4;background-color:rgba(183,148,244,var(--bg-opacity))}.focus\:bg-purple-500:focus{--bg-opacity:1;background-color:#9f7aea;background-color:rgba(159,122,234,var(--bg-opacity))}.focus\:bg-purple-600:focus{--bg-opacity:1;background-color:#805ad5;background-color:rgba(128,90,213,var(--bg-opacity))}.focus\:bg-purple-700:focus{--bg-opacity:1;background-color:#6b46c1;background-color:rgba(107,70,193,var(--bg-opacity))}.focus\:bg-purple-800:focus{--bg-opacity:1;background-color:#553c9a;background-color:rgba(85,60,154,var(--bg-opacity))}.focus\:bg-purple-900:focus{--bg-opacity:1;background-color:#44337a;background-color:rgba(68,51,122,var(--bg-opacity))}.focus\:bg-pink-100:focus{--bg-opacity:1;background-color:#fff5f7;background-color:rgba(255,245,247,var(--bg-opacity))}.focus\:bg-pink-200:focus{--bg-opacity:1;background-color:#fed7e2;background-color:rgba(254,215,226,var(--bg-opacity))}.focus\:bg-pink-300:focus{--bg-opacity:1;background-color:#fbb6ce;background-color:rgba(251,182,206,var(--bg-opacity))}.focus\:bg-pink-400:focus{--bg-opacity:1;background-color:#f687b3;background-color:rgba(246,135,179,var(--bg-opacity))}.focus\:bg-pink-500:focus{--bg-opacity:1;background-color:#ed64a6;background-color:rgba(237,100,166,var(--bg-opacity))}.focus\:bg-pink-600:focus{--bg-opacity:1;background-color:#d53f8c;background-color:rgba(213,63,140,var(--bg-opacity))}.focus\:bg-pink-700:focus{--bg-opacity:1;background-color:#b83280;background-color:rgba(184,50,128,var(--bg-opacity))}.focus\:bg-pink-800:focus{--bg-opacity:1;background-color:#97266d;background-color:rgba(151,38,109,var(--bg-opacity))}.focus\:bg-pink-900:focus{--bg-opacity:1;background-color:#702459;background-color:rgba(112,36,89,var(--bg-opacity))}.bg-none{background-image:none}.bg-gradient-to-t{background-image:linear-gradient(to top,var(--gradient-color-stops))}.bg-gradient-to-tr{background-image:linear-gradient(to top right,var(--gradient-color-stops))}.bg-gradient-to-r{background-image:linear-gradient(to right,var(--gradient-color-stops))}.bg-gradient-to-br{background-image:linear-gradient(to bottom right,var(--gradient-color-stops))}.bg-gradient-to-b{background-image:linear-gradient(to bottom,var(--gradient-color-stops))}.bg-gradient-to-bl{background-image:linear-gradient(to bottom left,var(--gradient-color-stops))}.bg-gradient-to-l{background-image:linear-gradient(to left,var(--gradient-color-stops))}.bg-gradient-to-tl{background-image:linear-gradient(to top left,var(--gradient-color-stops))}.from-transparent{--gradient-from-color:transparent;--gradient-color-stops:var(--gradient-from-color),var(--gradient-to-color,#0000)}.from-current{--gradient-from-color:currentColor;--gradient-color-stops:var(--gradient-from-color),var(--gradient-to-color,#fff0)}.from-black{--gradient-from-color:#000;--gradient-color-stops:var(--gradient-from-color),var(--gradient-to-color,#0000)}.from-white{--gradient-from-color:#fff;--gradient-color-stops:var(--gradient-from-color),var(--gradient-to-color,#fff0)}.from-gray-100{--gradient-from-color:#f7fafc;--gradient-color-stops:var(--gradient-from-color),var(--gradient-to-color,#f7fafc00)}.from-gray-200{--gradient-from-color:#edf2f7;--gradient-color-stops:var(--gradient-from-color),var(--gradient-to-color,#edf2f700)}.from-gray-300{--gradient-from-color:#e2e8f0;--gradient-color-stops:var(--gradient-from-color),var(--gradient-to-color,#e2e8f000)}.from-gray-400{--gradient-from-color:#cbd5e0;--gradient-color-stops:var(--gradient-from-color),var(--gradient-to-color,#cbd5e000)}.from-gray-500{--gradient-from-color:#a0aec0;--gradient-color-stops:var(--gradient-from-color),var(--gradient-to-color,#a0aec000)}.from-gray-600{--gradient-from-color:#718096;--gradient-color-stops:var(--gradient-from-color),var(--gradient-to-color,#71809600)}.from-gray-700{--gradient-from-color:#4a5568;--gradient-color-stops:var(--gradient-from-color),var(--gradient-to-color,#4a556800)}.from-gray-800{--gradient-from-color:#2d3748;--gradient-color-stops:var(--gradient-from-color),var(--gradient-to-color,#2d374800)}.from-gray-900{--gradient-from-color:#1a202c;--gradient-color-stops:var(--gradient-from-color),var(--gradient-to-color,#1a202c00)}.from-red-100{--gradient-from-color:#fff5f5;--gradient-color-stops:var(--gradient-from-color),var(--gradient-to-color,#fff5f500)}.from-red-200{--gradient-from-color:#fed7d7;--gradient-color-stops:var(--gradient-from-color),var(--gradient-to-color,#fed7d700)}.from-red-300{--gradient-from-color:#feb2b2;--gradient-color-stops:var(--gradient-from-color),var(--gradient-to-color,#feb2b200)}.from-red-400{--gradient-from-color:#fc8181;--gradient-color-stops:var(--gradient-from-color),var(--gradient-to-color,#fc818100)}.from-red-500{--gradient-from-color:#f56565;--gradient-color-stops:var(--gradient-from-color),var(--gradient-to-color,#f5656500)}.from-red-600{--gradient-from-color:#e53e3e;--gradient-color-stops:var(--gradient-from-color),var(--gradient-to-color,#e53e3e00)}.from-red-700{--gradient-from-color:#c53030;--gradient-color-stops:var(--gradient-from-color),var(--gradient-to-color,#c5303000)}.from-red-800{--gradient-from-color:#9b2c2c;--gradient-color-stops:var(--gradient-from-color),var(--gradient-to-color,#9b2c2c00)}.from-red-900{--gradient-from-color:#742a2a;--gradient-color-stops:var(--gradient-from-color),var(--gradient-to-color,#742a2a00)}.from-orange-100{--gradient-from-color:#fffaf0;--gradient-color-stops:var(--gradient-from-color),var(--gradient-to-color,#fffaf000)}.from-orange-200{--gradient-from-color:#feebc8;--gradient-color-stops:var(--gradient-from-color),var(--gradient-to-color,#feebc800)}.from-orange-300{--gradient-from-color:#fbd38d;--gradient-color-stops:var(--gradient-from-color),var(--gradient-to-color,#fbd38d00)}.from-orange-400{--gradient-from-color:#f6ad55;--gradient-color-stops:var(--gradient-from-color),var(--gradient-to-color,#f6ad5500)}.from-orange-500{--gradient-from-color:#ed8936;--gradient-color-stops:var(--gradient-from-color),var(--gradient-to-color,#ed893600)}.from-orange-600{--gradient-from-color:#dd6b20;--gradient-color-stops:var(--gradient-from-color),var(--gradient-to-color,#dd6b2000)}.from-orange-700{--gradient-from-color:#c05621;--gradient-color-stops:var(--gradient-from-color),var(--gradient-to-color,#c0562100)}.from-orange-800{--gradient-from-color:#9c4221;--gradient-color-stops:var(--gradient-from-color),var(--gradient-to-color,#9c422100)}.from-orange-900{--gradient-from-color:#7b341e;--gradient-color-stops:var(--gradient-from-color),var(--gradient-to-color,#7b341e00)}.from-yellow-100{--gradient-from-color:ivory;--gradient-color-stops:var(--gradient-from-color),var(--gradient-to-color,#fffff000)}.from-yellow-200{--gradient-from-color:#fefcbf;--gradient-color-stops:var(--gradient-from-color),var(--gradient-to-color,#fefcbf00)}.from-yellow-300{--gradient-from-color:#faf089;--gradient-color-stops:var(--gradient-from-color),var(--gradient-to-color,#faf08900)}.from-yellow-400{--gradient-from-color:#f6e05e;--gradient-color-stops:var(--gradient-from-color),var(--gradient-to-color,#f6e05e00)}.from-yellow-500{--gradient-from-color:#ecc94b;--gradient-color-stops:var(--gradient-from-color),var(--gradient-to-color,#ecc94b00)}.from-yellow-600{--gradient-from-color:#d69e2e;--gradient-color-stops:var(--gradient-from-color),var(--gradient-to-color,#d69e2e00)}.from-yellow-700{--gradient-from-color:#b7791f;--gradient-color-stops:var(--gradient-from-color),var(--gradient-to-color,#b7791f00)}.from-yellow-800{--gradient-from-color:#975a16;--gradient-color-stops:var(--gradient-from-color),var(--gradient-to-color,#975a1600)}.from-yellow-900{--gradient-from-color:#744210;--gradient-color-stops:var(--gradient-from-color),var(--gradient-to-color,#74421000)}.from-green-100{--gradient-from-color:#f0fff4;--gradient-color-stops:var(--gradient-from-color),var(--gradient-to-color,#f0fff400)}.from-green-200{--gradient-from-color:#c6f6d5;--gradient-color-stops:var(--gradient-from-color),var(--gradient-to-color,#c6f6d500)}.from-green-300{--gradient-from-color:#9ae6b4;--gradient-color-stops:var(--gradient-from-color),var(--gradient-to-color,#9ae6b400)}.from-green-400{--gradient-from-color:#68d391;--gradient-color-stops:var(--gradient-from-color),var(--gradient-to-color,#68d39100)}.from-green-500{--gradient-from-color:#48bb78;--gradient-color-stops:var(--gradient-from-color),var(--gradient-to-color,#48bb7800)}.from-green-600{--gradient-from-color:#38a169;--gradient-color-stops:var(--gradient-from-color),var(--gradient-to-color,#38a16900)}.from-green-700{--gradient-from-color:#2f855a;--gradient-color-stops:var(--gradient-from-color),var(--gradient-to-color,#2f855a00)}.from-green-800{--gradient-from-color:#276749;--gradient-color-stops:var(--gradient-from-color),var(--gradient-to-color,#27674900)}.from-green-900{--gradient-from-color:#22543d;--gradient-color-stops:var(--gradient-from-color),var(--gradient-to-color,#22543d00)}.from-teal-100{--gradient-from-color:#e6fffa;--gradient-color-stops:var(--gradient-from-color),var(--gradient-to-color,#e6fffa00)}.from-teal-200{--gradient-from-color:#b2f5ea;--gradient-color-stops:var(--gradient-from-color),var(--gradient-to-color,#b2f5ea00)}.from-teal-300{--gradient-from-color:#81e6d9;--gradient-color-stops:var(--gradient-from-color),var(--gradient-to-color,#81e6d900)}.from-teal-400{--gradient-from-color:#4fd1c5;--gradient-color-stops:var(--gradient-from-color),var(--gradient-to-color,#4fd1c500)}.from-teal-500{--gradient-from-color:#38b2ac;--gradient-color-stops:var(--gradient-from-color),var(--gradient-to-color,#38b2ac00)}.from-teal-600{--gradient-from-color:#319795;--gradient-color-stops:var(--gradient-from-color),var(--gradient-to-color,#31979500)}.from-teal-700{--gradient-from-color:#2c7a7b;--gradient-color-stops:var(--gradient-from-color),var(--gradient-to-color,#2c7a7b00)}.from-teal-800{--gradient-from-color:#285e61;--gradient-color-stops:var(--gradient-from-color),var(--gradient-to-color,#285e6100)}.from-teal-900{--gradient-from-color:#234e52;--gradient-color-stops:var(--gradient-from-color),var(--gradient-to-color,#234e5200)}.from-blue-100{--gradient-from-color:#ebf8ff;--gradient-color-stops:var(--gradient-from-color),var(--gradient-to-color,#ebf8ff00)}.from-blue-200{--gradient-from-color:#bee3f8;--gradient-color-stops:var(--gradient-from-color),var(--gradient-to-color,#bee3f800)}.from-blue-300{--gradient-from-color:#90cdf4;--gradient-color-stops:var(--gradient-from-color),var(--gradient-to-color,#90cdf400)}.from-blue-400{--gradient-from-color:#63b3ed;--gradient-color-stops:var(--gradient-from-color),var(--gradient-to-color,#63b3ed00)}.from-blue-500{--gradient-from-color:#4299e1;--gradient-color-stops:var(--gradient-from-color),var(--gradient-to-color,#4299e100)}.from-blue-600{--gradient-from-color:#3182ce;--gradient-color-stops:var(--gradient-from-color),var(--gradient-to-color,#3182ce00)}.from-blue-700{--gradient-from-color:#2b6cb0;--gradient-color-stops:var(--gradient-from-color),var(--gradient-to-color,#2b6cb000)}.from-blue-800{--gradient-from-color:#2c5282;--gradient-color-stops:var(--gradient-from-color),var(--gradient-to-color,#2c528200)}.from-blue-900{--gradient-from-color:#2a4365;--gradient-color-stops:var(--gradient-from-color),var(--gradient-to-color,#2a436500)}.from-indigo-100{--gradient-from-color:#ebf4ff;--gradient-color-stops:var(--gradient-from-color),var(--gradient-to-color,#ebf4ff00)}.from-indigo-200{--gradient-from-color:#c3dafe;--gradient-color-stops:var(--gradient-from-color),var(--gradient-to-color,#c3dafe00)}.from-indigo-300{--gradient-from-color:#a3bffa;--gradient-color-stops:var(--gradient-from-color),var(--gradient-to-color,#a3bffa00)}.from-indigo-400{--gradient-from-color:#7f9cf5;--gradient-color-stops:var(--gradient-from-color),var(--gradient-to-color,#7f9cf500)}.from-indigo-500{--gradient-from-color:#667eea;--gradient-color-stops:var(--gradient-from-color),var(--gradient-to-color,#667eea00)}.from-indigo-600{--gradient-from-color:#5a67d8;--gradient-color-stops:var(--gradient-from-color),var(--gradient-to-color,#5a67d800)}.from-indigo-700{--gradient-from-color:#4c51bf;--gradient-color-stops:var(--gradient-from-color),var(--gradient-to-color,#4c51bf00)}.from-indigo-800{--gradient-from-color:#434190;--gradient-color-stops:var(--gradient-from-color),var(--gradient-to-color,#43419000)}.from-indigo-900{--gradient-from-color:#3c366b;--gradient-color-stops:var(--gradient-from-color),var(--gradient-to-color,#3c366b00)}.from-purple-100{--gradient-from-color:#faf5ff;--gradient-color-stops:var(--gradient-from-color),var(--gradient-to-color,#faf5ff00)}.from-purple-200{--gradient-from-color:#e9d8fd;--gradient-color-stops:var(--gradient-from-color),var(--gradient-to-color,#e9d8fd00)}.from-purple-300{--gradient-from-color:#d6bcfa;--gradient-color-stops:var(--gradient-from-color),var(--gradient-to-color,#d6bcfa00)}.from-purple-400{--gradient-from-color:#b794f4;--gradient-color-stops:var(--gradient-from-color),var(--gradient-to-color,#b794f400)}.from-purple-500{--gradient-from-color:#9f7aea;--gradient-color-stops:var(--gradient-from-color),var(--gradient-to-color,#9f7aea00)}.from-purple-600{--gradient-from-color:#805ad5;--gradient-color-stops:var(--gradient-from-color),var(--gradient-to-color,#805ad500)}.from-purple-700{--gradient-from-color:#6b46c1;--gradient-color-stops:var(--gradient-from-color),var(--gradient-to-color,#6b46c100)}.from-purple-800{--gradient-from-color:#553c9a;--gradient-color-stops:var(--gradient-from-color),var(--gradient-to-color,#553c9a00)}.from-purple-900{--gradient-from-color:#44337a;--gradient-color-stops:var(--gradient-from-color),var(--gradient-to-color,#44337a00)}.from-pink-100{--gradient-from-color:#fff5f7;--gradient-color-stops:var(--gradient-from-color),var(--gradient-to-color,#fff5f700)}.from-pink-200{--gradient-from-color:#fed7e2;--gradient-color-stops:var(--gradient-from-color),var(--gradient-to-color,#fed7e200)}.from-pink-300{--gradient-from-color:#fbb6ce;--gradient-color-stops:var(--gradient-from-color),var(--gradient-to-color,#fbb6ce00)}.from-pink-400{--gradient-from-color:#f687b3;--gradient-color-stops:var(--gradient-from-color),var(--gradient-to-color,#f687b300)}.from-pink-500{--gradient-from-color:#ed64a6;--gradient-color-stops:var(--gradient-from-color),var(--gradient-to-color,#ed64a600)}.from-pink-600{--gradient-from-color:#d53f8c;--gradient-color-stops:var(--gradient-from-color),var(--gradient-to-color,#d53f8c00)}.from-pink-700{--gradient-from-color:#b83280;--gradient-color-stops:var(--gradient-from-color),var(--gradient-to-color,#b8328000)}.from-pink-800{--gradient-from-color:#97266d;--gradient-color-stops:var(--gradient-from-color),var(--gradient-to-color,#97266d00)}.from-pink-900{--gradient-from-color:#702459;--gradient-color-stops:var(--gradient-from-color),var(--gradient-to-color,#70245900)}.via-transparent{--gradient-via-color:transparent;--gradient-color-stops:var(--gradient-from-color),var(--gradient-via-color),var(--gradient-to-color,#0000)}.via-current{--gradient-via-color:currentColor;--gradient-color-stops:var(--gradient-from-color),var(--gradient-via-color),var(--gradient-to-color,#fff0)}.via-black{--gradient-via-color:#000;--gradient-color-stops:var(--gradient-from-color),var(--gradient-via-color),var(--gradient-to-color,#0000)}.via-white{--gradient-via-color:#fff;--gradient-color-stops:var(--gradient-from-color),var(--gradient-via-color),var(--gradient-to-color,#fff0)}.via-gray-100{--gradient-via-color:#f7fafc;--gradient-color-stops:var(--gradient-from-color),var(--gradient-via-color),var(--gradient-to-color,#f7fafc00)}.via-gray-200{--gradient-via-color:#edf2f7;--gradient-color-stops:var(--gradient-from-color),var(--gradient-via-color),var(--gradient-to-color,#edf2f700)}.via-gray-300{--gradient-via-color:#e2e8f0;--gradient-color-stops:var(--gradient-from-color),var(--gradient-via-color),var(--gradient-to-color,#e2e8f000)}.via-gray-400{--gradient-via-color:#cbd5e0;--gradient-color-stops:var(--gradient-from-color),var(--gradient-via-color),var(--gradient-to-color,#cbd5e000)}.via-gray-500{--gradient-via-color:#a0aec0;--gradient-color-stops:var(--gradient-from-color),var(--gradient-via-color),var(--gradient-to-color,#a0aec000)}.via-gray-600{--gradient-via-color:#718096;--gradient-color-stops:var(--gradient-from-color),var(--gradient-via-color),var(--gradient-to-color,#71809600)}.via-gray-700{--gradient-via-color:#4a5568;--gradient-color-stops:var(--gradient-from-color),var(--gradient-via-color),var(--gradient-to-color,#4a556800)}.via-gray-800{--gradient-via-color:#2d3748;--gradient-color-stops:var(--gradient-from-color),var(--gradient-via-color),var(--gradient-to-color,#2d374800)}.via-gray-900{--gradient-via-color:#1a202c;--gradient-color-stops:var(--gradient-from-color),var(--gradient-via-color),var(--gradient-to-color,#1a202c00)}.via-red-100{--gradient-via-color:#fff5f5;--gradient-color-stops:var(--gradient-from-color),var(--gradient-via-color),var(--gradient-to-color,#fff5f500)}.via-red-200{--gradient-via-color:#fed7d7;--gradient-color-stops:var(--gradient-from-color),var(--gradient-via-color),var(--gradient-to-color,#fed7d700)}.via-red-300{--gradient-via-color:#feb2b2;--gradient-color-stops:var(--gradient-from-color),var(--gradient-via-color),var(--gradient-to-color,#feb2b200)}.via-red-400{--gradient-via-color:#fc8181;--gradient-color-stops:var(--gradient-from-color),var(--gradient-via-color),var(--gradient-to-color,#fc818100)}.via-red-500{--gradient-via-color:#f56565;--gradient-color-stops:var(--gradient-from-color),var(--gradient-via-color),var(--gradient-to-color,#f5656500)}.via-red-600{--gradient-via-color:#e53e3e;--gradient-color-stops:var(--gradient-from-color),var(--gradient-via-color),var(--gradient-to-color,#e53e3e00)}.via-red-700{--gradient-via-color:#c53030;--gradient-color-stops:var(--gradient-from-color),var(--gradient-via-color),var(--gradient-to-color,#c5303000)}.via-red-800{--gradient-via-color:#9b2c2c;--gradient-color-stops:var(--gradient-from-color),var(--gradient-via-color),var(--gradient-to-color,#9b2c2c00)}.via-red-900{--gradient-via-color:#742a2a;--gradient-color-stops:var(--gradient-from-color),var(--gradient-via-color),var(--gradient-to-color,#742a2a00)}.via-orange-100{--gradient-via-color:#fffaf0;--gradient-color-stops:var(--gradient-from-color),var(--gradient-via-color),var(--gradient-to-color,#fffaf000)}.via-orange-200{--gradient-via-color:#feebc8;--gradient-color-stops:var(--gradient-from-color),var(--gradient-via-color),var(--gradient-to-color,#feebc800)}.via-orange-300{--gradient-via-color:#fbd38d;--gradient-color-stops:var(--gradient-from-color),var(--gradient-via-color),var(--gradient-to-color,#fbd38d00)}.via-orange-400{--gradient-via-color:#f6ad55;--gradient-color-stops:var(--gradient-from-color),var(--gradient-via-color),var(--gradient-to-color,#f6ad5500)}.via-orange-500{--gradient-via-color:#ed8936;--gradient-color-stops:var(--gradient-from-color),var(--gradient-via-color),var(--gradient-to-color,#ed893600)}.via-orange-600{--gradient-via-color:#dd6b20;--gradient-color-stops:var(--gradient-from-color),var(--gradient-via-color),var(--gradient-to-color,#dd6b2000)}.via-orange-700{--gradient-via-color:#c05621;--gradient-color-stops:var(--gradient-from-color),var(--gradient-via-color),var(--gradient-to-color,#c0562100)}.via-orange-800{--gradient-via-color:#9c4221;--gradient-color-stops:var(--gradient-from-color),var(--gradient-via-color),var(--gradient-to-color,#9c422100)}.via-orange-900{--gradient-via-color:#7b341e;--gradient-color-stops:var(--gradient-from-color),var(--gradient-via-color),var(--gradient-to-color,#7b341e00)}.via-yellow-100{--gradient-via-color:ivory;--gradient-color-stops:var(--gradient-from-color),var(--gradient-via-color),var(--gradient-to-color,#fffff000)}.via-yellow-200{--gradient-via-color:#fefcbf;--gradient-color-stops:var(--gradient-from-color),var(--gradient-via-color),var(--gradient-to-color,#fefcbf00)}.via-yellow-300{--gradient-via-color:#faf089;--gradient-color-stops:var(--gradient-from-color),var(--gradient-via-color),var(--gradient-to-color,#faf08900)}.via-yellow-400{--gradient-via-color:#f6e05e;--gradient-color-stops:var(--gradient-from-color),var(--gradient-via-color),var(--gradient-to-color,#f6e05e00)}.via-yellow-500{--gradient-via-color:#ecc94b;--gradient-color-stops:var(--gradient-from-color),var(--gradient-via-color),var(--gradient-to-color,#ecc94b00)}.via-yellow-600{--gradient-via-color:#d69e2e;--gradient-color-stops:var(--gradient-from-color),var(--gradient-via-color),var(--gradient-to-color,#d69e2e00)}.via-yellow-700{--gradient-via-color:#b7791f;--gradient-color-stops:var(--gradient-from-color),var(--gradient-via-color),var(--gradient-to-color,#b7791f00)}.via-yellow-800{--gradient-via-color:#975a16;--gradient-color-stops:var(--gradient-from-color),var(--gradient-via-color),var(--gradient-to-color,#975a1600)}.via-yellow-900{--gradient-via-color:#744210;--gradient-color-stops:var(--gradient-from-color),var(--gradient-via-color),var(--gradient-to-color,#74421000)}.via-green-100{--gradient-via-color:#f0fff4;--gradient-color-stops:var(--gradient-from-color),var(--gradient-via-color),var(--gradient-to-color,#f0fff400)}.via-green-200{--gradient-via-color:#c6f6d5;--gradient-color-stops:var(--gradient-from-color),var(--gradient-via-color),var(--gradient-to-color,#c6f6d500)}.via-green-300{--gradient-via-color:#9ae6b4;--gradient-color-stops:var(--gradient-from-color),var(--gradient-via-color),var(--gradient-to-color,#9ae6b400)}.via-green-400{--gradient-via-color:#68d391;--gradient-color-stops:var(--gradient-from-color),var(--gradient-via-color),var(--gradient-to-color,#68d39100)}.via-green-500{--gradient-via-color:#48bb78;--gradient-color-stops:var(--gradient-from-color),var(--gradient-via-color),var(--gradient-to-color,#48bb7800)}.via-green-600{--gradient-via-color:#38a169;--gradient-color-stops:var(--gradient-from-color),var(--gradient-via-color),var(--gradient-to-color,#38a16900)}.via-green-700{--gradient-via-color:#2f855a;--gradient-color-stops:var(--gradient-from-color),var(--gradient-via-color),var(--gradient-to-color,#2f855a00)}.via-green-800{--gradient-via-color:#276749;--gradient-color-stops:var(--gradient-from-color),var(--gradient-via-color),var(--gradient-to-color,#27674900)}.via-green-900{--gradient-via-color:#22543d;--gradient-color-stops:var(--gradient-from-color),var(--gradient-via-color),var(--gradient-to-color,#22543d00)}.via-teal-100{--gradient-via-color:#e6fffa;--gradient-color-stops:var(--gradient-from-color),var(--gradient-via-color),var(--gradient-to-color,#e6fffa00)}.via-teal-200{--gradient-via-color:#b2f5ea;--gradient-color-stops:var(--gradient-from-color),var(--gradient-via-color),var(--gradient-to-color,#b2f5ea00)}.via-teal-300{--gradient-via-color:#81e6d9;--gradient-color-stops:var(--gradient-from-color),var(--gradient-via-color),var(--gradient-to-color,#81e6d900)}.via-teal-400{--gradient-via-color:#4fd1c5;--gradient-color-stops:var(--gradient-from-color),var(--gradient-via-color),var(--gradient-to-color,#4fd1c500)}.via-teal-500{--gradient-via-color:#38b2ac;--gradient-color-stops:var(--gradient-from-color),var(--gradient-via-color),var(--gradient-to-color,#38b2ac00)}.via-teal-600{--gradient-via-color:#319795;--gradient-color-stops:var(--gradient-from-color),var(--gradient-via-color),var(--gradient-to-color,#31979500)}.via-teal-700{--gradient-via-color:#2c7a7b;--gradient-color-stops:var(--gradient-from-color),var(--gradient-via-color),var(--gradient-to-color,#2c7a7b00)}.via-teal-800{--gradient-via-color:#285e61;--gradient-color-stops:var(--gradient-from-color),var(--gradient-via-color),var(--gradient-to-color,#285e6100)}.via-teal-900{--gradient-via-color:#234e52;--gradient-color-stops:var(--gradient-from-color),var(--gradient-via-color),var(--gradient-to-color,#234e5200)}.via-blue-100{--gradient-via-color:#ebf8ff;--gradient-color-stops:var(--gradient-from-color),var(--gradient-via-color),var(--gradient-to-color,#ebf8ff00)}.via-blue-200{--gradient-via-color:#bee3f8;--gradient-color-stops:var(--gradient-from-color),var(--gradient-via-color),var(--gradient-to-color,#bee3f800)}.via-blue-300{--gradient-via-color:#90cdf4;--gradient-color-stops:var(--gradient-from-color),var(--gradient-via-color),var(--gradient-to-color,#90cdf400)}.via-blue-400{--gradient-via-color:#63b3ed;--gradient-color-stops:var(--gradient-from-color),var(--gradient-via-color),var(--gradient-to-color,#63b3ed00)}.via-blue-500{--gradient-via-color:#4299e1;--gradient-color-stops:var(--gradient-from-color),var(--gradient-via-color),var(--gradient-to-color,#4299e100)}.via-blue-600{--gradient-via-color:#3182ce;--gradient-color-stops:var(--gradient-from-color),var(--gradient-via-color),var(--gradient-to-color,#3182ce00)}.via-blue-700{--gradient-via-color:#2b6cb0;--gradient-color-stops:var(--gradient-from-color),var(--gradient-via-color),var(--gradient-to-color,#2b6cb000)}.via-blue-800{--gradient-via-color:#2c5282;--gradient-color-stops:var(--gradient-from-color),var(--gradient-via-color),var(--gradient-to-color,#2c528200)}.via-blue-900{--gradient-via-color:#2a4365;--gradient-color-stops:var(--gradient-from-color),var(--gradient-via-color),var(--gradient-to-color,#2a436500)}.via-indigo-100{--gradient-via-color:#ebf4ff;--gradient-color-stops:var(--gradient-from-color),var(--gradient-via-color),var(--gradient-to-color,#ebf4ff00)}.via-indigo-200{--gradient-via-color:#c3dafe;--gradient-color-stops:var(--gradient-from-color),var(--gradient-via-color),var(--gradient-to-color,#c3dafe00)}.via-indigo-300{--gradient-via-color:#a3bffa;--gradient-color-stops:var(--gradient-from-color),var(--gradient-via-color),var(--gradient-to-color,#a3bffa00)}.via-indigo-400{--gradient-via-color:#7f9cf5;--gradient-color-stops:var(--gradient-from-color),var(--gradient-via-color),var(--gradient-to-color,#7f9cf500)}.via-indigo-500{--gradient-via-color:#667eea;--gradient-color-stops:var(--gradient-from-color),var(--gradient-via-color),var(--gradient-to-color,#667eea00)}.via-indigo-600{--gradient-via-color:#5a67d8;--gradient-color-stops:var(--gradient-from-color),var(--gradient-via-color),var(--gradient-to-color,#5a67d800)}.via-indigo-700{--gradient-via-color:#4c51bf;--gradient-color-stops:var(--gradient-from-color),var(--gradient-via-color),var(--gradient-to-color,#4c51bf00)}.via-indigo-800{--gradient-via-color:#434190;--gradient-color-stops:var(--gradient-from-color),var(--gradient-via-color),var(--gradient-to-color,#43419000)}.via-indigo-900{--gradient-via-color:#3c366b;--gradient-color-stops:var(--gradient-from-color),var(--gradient-via-color),var(--gradient-to-color,#3c366b00)}.via-purple-100{--gradient-via-color:#faf5ff;--gradient-color-stops:var(--gradient-from-color),var(--gradient-via-color),var(--gradient-to-color,#faf5ff00)}.via-purple-200{--gradient-via-color:#e9d8fd;--gradient-color-stops:var(--gradient-from-color),var(--gradient-via-color),var(--gradient-to-color,#e9d8fd00)}.via-purple-300{--gradient-via-color:#d6bcfa;--gradient-color-stops:var(--gradient-from-color),var(--gradient-via-color),var(--gradient-to-color,#d6bcfa00)}.via-purple-400{--gradient-via-color:#b794f4;--gradient-color-stops:var(--gradient-from-color),var(--gradient-via-color),var(--gradient-to-color,#b794f400)}.via-purple-500{--gradient-via-color:#9f7aea;--gradient-color-stops:var(--gradient-from-color),var(--gradient-via-color),var(--gradient-to-color,#9f7aea00)}.via-purple-600{--gradient-via-color:#805ad5;--gradient-color-stops:var(--gradient-from-color),var(--gradient-via-color),var(--gradient-to-color,#805ad500)}.via-purple-700{--gradient-via-color:#6b46c1;--gradient-color-stops:var(--gradient-from-color),var(--gradient-via-color),var(--gradient-to-color,#6b46c100)}.via-purple-800{--gradient-via-color:#553c9a;--gradient-color-stops:var(--gradient-from-color),var(--gradient-via-color),var(--gradient-to-color,#553c9a00)}.via-purple-900{--gradient-via-color:#44337a;--gradient-color-stops:var(--gradient-from-color),var(--gradient-via-color),var(--gradient-to-color,#44337a00)}.via-pink-100{--gradient-via-color:#fff5f7;--gradient-color-stops:var(--gradient-from-color),var(--gradient-via-color),var(--gradient-to-color,#fff5f700)}.via-pink-200{--gradient-via-color:#fed7e2;--gradient-color-stops:var(--gradient-from-color),var(--gradient-via-color),var(--gradient-to-color,#fed7e200)}.via-pink-300{--gradient-via-color:#fbb6ce;--gradient-color-stops:var(--gradient-from-color),var(--gradient-via-color),var(--gradient-to-color,#fbb6ce00)}.via-pink-400{--gradient-via-color:#f687b3;--gradient-color-stops:var(--gradient-from-color),var(--gradient-via-color),var(--gradient-to-color,#f687b300)}.via-pink-500{--gradient-via-color:#ed64a6;--gradient-color-stops:var(--gradient-from-color),var(--gradient-via-color),var(--gradient-to-color,#ed64a600)}.via-pink-600{--gradient-via-color:#d53f8c;--gradient-color-stops:var(--gradient-from-color),var(--gradient-via-color),var(--gradient-to-color,#d53f8c00)}.via-pink-700{--gradient-via-color:#b83280;--gradient-color-stops:var(--gradient-from-color),var(--gradient-via-color),var(--gradient-to-color,#b8328000)}.via-pink-800{--gradient-via-color:#97266d;--gradient-color-stops:var(--gradient-from-color),var(--gradient-via-color),var(--gradient-to-color,#97266d00)}.via-pink-900{--gradient-via-color:#702459;--gradient-color-stops:var(--gradient-from-color),var(--gradient-via-color),var(--gradient-to-color,#70245900)}.to-transparent{--gradient-to-color:transparent}.to-current{--gradient-to-color:currentColor}.to-black{--gradient-to-color:#000}.to-white{--gradient-to-color:#fff}.to-gray-100{--gradient-to-color:#f7fafc}.to-gray-200{--gradient-to-color:#edf2f7}.to-gray-300{--gradient-to-color:#e2e8f0}.to-gray-400{--gradient-to-color:#cbd5e0}.to-gray-500{--gradient-to-color:#a0aec0}.to-gray-600{--gradient-to-color:#718096}.to-gray-700{--gradient-to-color:#4a5568}.to-gray-800{--gradient-to-color:#2d3748}.to-gray-900{--gradient-to-color:#1a202c}.to-red-100{--gradient-to-color:#fff5f5}.to-red-200{--gradient-to-color:#fed7d7}.to-red-300{--gradient-to-color:#feb2b2}.to-red-400{--gradient-to-color:#fc8181}.to-red-500{--gradient-to-color:#f56565}.to-red-600{--gradient-to-color:#e53e3e}.to-red-700{--gradient-to-color:#c53030}.to-red-800{--gradient-to-color:#9b2c2c}.to-red-900{--gradient-to-color:#742a2a}.to-orange-100{--gradient-to-color:#fffaf0}.to-orange-200{--gradient-to-color:#feebc8}.to-orange-300{--gradient-to-color:#fbd38d}.to-orange-400{--gradient-to-color:#f6ad55}.to-orange-500{--gradient-to-color:#ed8936}.to-orange-600{--gradient-to-color:#dd6b20}.to-orange-700{--gradient-to-color:#c05621}.to-orange-800{--gradient-to-color:#9c4221}.to-orange-900{--gradient-to-color:#7b341e}.to-yellow-100{--gradient-to-color:ivory}.to-yellow-200{--gradient-to-color:#fefcbf}.to-yellow-300{--gradient-to-color:#faf089}.to-yellow-400{--gradient-to-color:#f6e05e}.to-yellow-500{--gradient-to-color:#ecc94b}.to-yellow-600{--gradient-to-color:#d69e2e}.to-yellow-700{--gradient-to-color:#b7791f}.to-yellow-800{--gradient-to-color:#975a16}.to-yellow-900{--gradient-to-color:#744210}.to-green-100{--gradient-to-color:#f0fff4}.to-green-200{--gradient-to-color:#c6f6d5}.to-green-300{--gradient-to-color:#9ae6b4}.to-green-400{--gradient-to-color:#68d391}.to-green-500{--gradient-to-color:#48bb78}.to-green-600{--gradient-to-color:#38a169}.to-green-700{--gradient-to-color:#2f855a}.to-green-800{--gradient-to-color:#276749}.to-green-900{--gradient-to-color:#22543d}.to-teal-100{--gradient-to-color:#e6fffa}.to-teal-200{--gradient-to-color:#b2f5ea}.to-teal-300{--gradient-to-color:#81e6d9}.to-teal-400{--gradient-to-color:#4fd1c5}.to-teal-500{--gradient-to-color:#38b2ac}.to-teal-600{--gradient-to-color:#319795}.to-teal-700{--gradient-to-color:#2c7a7b}.to-teal-800{--gradient-to-color:#285e61}.to-teal-900{--gradient-to-color:#234e52}.to-blue-100{--gradient-to-color:#ebf8ff}.to-blue-200{--gradient-to-color:#bee3f8}.to-blue-300{--gradient-to-color:#90cdf4}.to-blue-400{--gradient-to-color:#63b3ed}.to-blue-500{--gradient-to-color:#4299e1}.to-blue-600{--gradient-to-color:#3182ce}.to-blue-700{--gradient-to-color:#2b6cb0}.to-blue-800{--gradient-to-color:#2c5282}.to-blue-900{--gradient-to-color:#2a4365}.to-indigo-100{--gradient-to-color:#ebf4ff}.to-indigo-200{--gradient-to-color:#c3dafe}.to-indigo-300{--gradient-to-color:#a3bffa}.to-indigo-400{--gradient-to-color:#7f9cf5}.to-indigo-500{--gradient-to-color:#667eea}.to-indigo-600{--gradient-to-color:#5a67d8}.to-indigo-700{--gradient-to-color:#4c51bf}.to-indigo-800{--gradient-to-color:#434190}.to-indigo-900{--gradient-to-color:#3c366b}.to-purple-100{--gradient-to-color:#faf5ff}.to-purple-200{--gradient-to-color:#e9d8fd}.to-purple-300{--gradient-to-color:#d6bcfa}.to-purple-400{--gradient-to-color:#b794f4}.to-purple-500{--gradient-to-color:#9f7aea}.to-purple-600{--gradient-to-color:#805ad5}.to-purple-700{--gradient-to-color:#6b46c1}.to-purple-800{--gradient-to-color:#553c9a}.to-purple-900{--gradient-to-color:#44337a}.to-pink-100{--gradient-to-color:#fff5f7}.to-pink-200{--gradient-to-color:#fed7e2}.to-pink-300{--gradient-to-color:#fbb6ce}.to-pink-400{--gradient-to-color:#f687b3}.to-pink-500{--gradient-to-color:#ed64a6}.to-pink-600{--gradient-to-color:#d53f8c}.to-pink-700{--gradient-to-color:#b83280}.to-pink-800{--gradient-to-color:#97266d}.to-pink-900{--gradient-to-color:#702459}.hover\:from-transparent:hover{--gradient-from-color:transparent;--gradient-color-stops:var(--gradient-from-color),var(--gradient-to-color,#0000)}.hover\:from-current:hover{--gradient-from-color:currentColor;--gradient-color-stops:var(--gradient-from-color),var(--gradient-to-color,#fff0)}.hover\:from-black:hover{--gradient-from-color:#000;--gradient-color-stops:var(--gradient-from-color),var(--gradient-to-color,#0000)}.hover\:from-white:hover{--gradient-from-color:#fff;--gradient-color-stops:var(--gradient-from-color),var(--gradient-to-color,#fff0)}.hover\:from-gray-100:hover{--gradient-from-color:#f7fafc;--gradient-color-stops:var(--gradient-from-color),var(--gradient-to-color,#f7fafc00)}.hover\:from-gray-200:hover{--gradient-from-color:#edf2f7;--gradient-color-stops:var(--gradient-from-color),var(--gradient-to-color,#edf2f700)}.hover\:from-gray-300:hover{--gradient-from-color:#e2e8f0;--gradient-color-stops:var(--gradient-from-color),var(--gradient-to-color,#e2e8f000)}.hover\:from-gray-400:hover{--gradient-from-color:#cbd5e0;--gradient-color-stops:var(--gradient-from-color),var(--gradient-to-color,#cbd5e000)}.hover\:from-gray-500:hover{--gradient-from-color:#a0aec0;--gradient-color-stops:var(--gradient-from-color),var(--gradient-to-color,#a0aec000)}.hover\:from-gray-600:hover{--gradient-from-color:#718096;--gradient-color-stops:var(--gradient-from-color),var(--gradient-to-color,#71809600)}.hover\:from-gray-700:hover{--gradient-from-color:#4a5568;--gradient-color-stops:var(--gradient-from-color),var(--gradient-to-color,#4a556800)}.hover\:from-gray-800:hover{--gradient-from-color:#2d3748;--gradient-color-stops:var(--gradient-from-color),var(--gradient-to-color,#2d374800)}.hover\:from-gray-900:hover{--gradient-from-color:#1a202c;--gradient-color-stops:var(--gradient-from-color),var(--gradient-to-color,#1a202c00)}.hover\:from-red-100:hover{--gradient-from-color:#fff5f5;--gradient-color-stops:var(--gradient-from-color),var(--gradient-to-color,#fff5f500)}.hover\:from-red-200:hover{--gradient-from-color:#fed7d7;--gradient-color-stops:var(--gradient-from-color),var(--gradient-to-color,#fed7d700)}.hover\:from-red-300:hover{--gradient-from-color:#feb2b2;--gradient-color-stops:var(--gradient-from-color),var(--gradient-to-color,#feb2b200)}.hover\:from-red-400:hover{--gradient-from-color:#fc8181;--gradient-color-stops:var(--gradient-from-color),var(--gradient-to-color,#fc818100)}.hover\:from-red-500:hover{--gradient-from-color:#f56565;--gradient-color-stops:var(--gradient-from-color),var(--gradient-to-color,#f5656500)}.hover\:from-red-600:hover{--gradient-from-color:#e53e3e;--gradient-color-stops:var(--gradient-from-color),var(--gradient-to-color,#e53e3e00)}.hover\:from-red-700:hover{--gradient-from-color:#c53030;--gradient-color-stops:var(--gradient-from-color),var(--gradient-to-color,#c5303000)}.hover\:from-red-800:hover{--gradient-from-color:#9b2c2c;--gradient-color-stops:var(--gradient-from-color),var(--gradient-to-color,#9b2c2c00)}.hover\:from-red-900:hover{--gradient-from-color:#742a2a;--gradient-color-stops:var(--gradient-from-color),var(--gradient-to-color,#742a2a00)}.hover\:from-orange-100:hover{--gradient-from-color:#fffaf0;--gradient-color-stops:var(--gradient-from-color),var(--gradient-to-color,#fffaf000)}.hover\:from-orange-200:hover{--gradient-from-color:#feebc8;--gradient-color-stops:var(--gradient-from-color),var(--gradient-to-color,#feebc800)}.hover\:from-orange-300:hover{--gradient-from-color:#fbd38d;--gradient-color-stops:var(--gradient-from-color),var(--gradient-to-color,#fbd38d00)}.hover\:from-orange-400:hover{--gradient-from-color:#f6ad55;--gradient-color-stops:var(--gradient-from-color),var(--gradient-to-color,#f6ad5500)}.hover\:from-orange-500:hover{--gradient-from-color:#ed8936;--gradient-color-stops:var(--gradient-from-color),var(--gradient-to-color,#ed893600)}.hover\:from-orange-600:hover{--gradient-from-color:#dd6b20;--gradient-color-stops:var(--gradient-from-color),var(--gradient-to-color,#dd6b2000)}.hover\:from-orange-700:hover{--gradient-from-color:#c05621;--gradient-color-stops:var(--gradient-from-color),var(--gradient-to-color,#c0562100)}.hover\:from-orange-800:hover{--gradient-from-color:#9c4221;--gradient-color-stops:var(--gradient-from-color),var(--gradient-to-color,#9c422100)}.hover\:from-orange-900:hover{--gradient-from-color:#7b341e;--gradient-color-stops:var(--gradient-from-color),var(--gradient-to-color,#7b341e00)}.hover\:from-yellow-100:hover{--gradient-from-color:ivory;--gradient-color-stops:var(--gradient-from-color),var(--gradient-to-color,#fffff000)}.hover\:from-yellow-200:hover{--gradient-from-color:#fefcbf;--gradient-color-stops:var(--gradient-from-color),var(--gradient-to-color,#fefcbf00)}.hover\:from-yellow-300:hover{--gradient-from-color:#faf089;--gradient-color-stops:var(--gradient-from-color),var(--gradient-to-color,#faf08900)}.hover\:from-yellow-400:hover{--gradient-from-color:#f6e05e;--gradient-color-stops:var(--gradient-from-color),var(--gradient-to-color,#f6e05e00)}.hover\:from-yellow-500:hover{--gradient-from-color:#ecc94b;--gradient-color-stops:var(--gradient-from-color),var(--gradient-to-color,#ecc94b00)}.hover\:from-yellow-600:hover{--gradient-from-color:#d69e2e;--gradient-color-stops:var(--gradient-from-color),var(--gradient-to-color,#d69e2e00)}.hover\:from-yellow-700:hover{--gradient-from-color:#b7791f;--gradient-color-stops:var(--gradient-from-color),var(--gradient-to-color,#b7791f00)}.hover\:from-yellow-800:hover{--gradient-from-color:#975a16;--gradient-color-stops:var(--gradient-from-color),var(--gradient-to-color,#975a1600)}.hover\:from-yellow-900:hover{--gradient-from-color:#744210;--gradient-color-stops:var(--gradient-from-color),var(--gradient-to-color,#74421000)}.hover\:from-green-100:hover{--gradient-from-color:#f0fff4;--gradient-color-stops:var(--gradient-from-color),var(--gradient-to-color,#f0fff400)}.hover\:from-green-200:hover{--gradient-from-color:#c6f6d5;--gradient-color-stops:var(--gradient-from-color),var(--gradient-to-color,#c6f6d500)}.hover\:from-green-300:hover{--gradient-from-color:#9ae6b4;--gradient-color-stops:var(--gradient-from-color),var(--gradient-to-color,#9ae6b400)}.hover\:from-green-400:hover{--gradient-from-color:#68d391;--gradient-color-stops:var(--gradient-from-color),var(--gradient-to-color,#68d39100)}.hover\:from-green-500:hover{--gradient-from-color:#48bb78;--gradient-color-stops:var(--gradient-from-color),var(--gradient-to-color,#48bb7800)}.hover\:from-green-600:hover{--gradient-from-color:#38a169;--gradient-color-stops:var(--gradient-from-color),var(--gradient-to-color,#38a16900)}.hover\:from-green-700:hover{--gradient-from-color:#2f855a;--gradient-color-stops:var(--gradient-from-color),var(--gradient-to-color,#2f855a00)}.hover\:from-green-800:hover{--gradient-from-color:#276749;--gradient-color-stops:var(--gradient-from-color),var(--gradient-to-color,#27674900)}.hover\:from-green-900:hover{--gradient-from-color:#22543d;--gradient-color-stops:var(--gradient-from-color),var(--gradient-to-color,#22543d00)}.hover\:from-teal-100:hover{--gradient-from-color:#e6fffa;--gradient-color-stops:var(--gradient-from-color),var(--gradient-to-color,#e6fffa00)}.hover\:from-teal-200:hover{--gradient-from-color:#b2f5ea;--gradient-color-stops:var(--gradient-from-color),var(--gradient-to-color,#b2f5ea00)}.hover\:from-teal-300:hover{--gradient-from-color:#81e6d9;--gradient-color-stops:var(--gradient-from-color),var(--gradient-to-color,#81e6d900)}.hover\:from-teal-400:hover{--gradient-from-color:#4fd1c5;--gradient-color-stops:var(--gradient-from-color),var(--gradient-to-color,#4fd1c500)}.hover\:from-teal-500:hover{--gradient-from-color:#38b2ac;--gradient-color-stops:var(--gradient-from-color),var(--gradient-to-color,#38b2ac00)}.hover\:from-teal-600:hover{--gradient-from-color:#319795;--gradient-color-stops:var(--gradient-from-color),var(--gradient-to-color,#31979500)}.hover\:from-teal-700:hover{--gradient-from-color:#2c7a7b;--gradient-color-stops:var(--gradient-from-color),var(--gradient-to-color,#2c7a7b00)}.hover\:from-teal-800:hover{--gradient-from-color:#285e61;--gradient-color-stops:var(--gradient-from-color),var(--gradient-to-color,#285e6100)}.hover\:from-teal-900:hover{--gradient-from-color:#234e52;--gradient-color-stops:var(--gradient-from-color),var(--gradient-to-color,#234e5200)}.hover\:from-blue-100:hover{--gradient-from-color:#ebf8ff;--gradient-color-stops:var(--gradient-from-color),var(--gradient-to-color,#ebf8ff00)}.hover\:from-blue-200:hover{--gradient-from-color:#bee3f8;--gradient-color-stops:var(--gradient-from-color),var(--gradient-to-color,#bee3f800)}.hover\:from-blue-300:hover{--gradient-from-color:#90cdf4;--gradient-color-stops:var(--gradient-from-color),var(--gradient-to-color,#90cdf400)}.hover\:from-blue-400:hover{--gradient-from-color:#63b3ed;--gradient-color-stops:var(--gradient-from-color),var(--gradient-to-color,#63b3ed00)}.hover\:from-blue-500:hover{--gradient-from-color:#4299e1;--gradient-color-stops:var(--gradient-from-color),var(--gradient-to-color,#4299e100)}.hover\:from-blue-600:hover{--gradient-from-color:#3182ce;--gradient-color-stops:var(--gradient-from-color),var(--gradient-to-color,#3182ce00)}.hover\:from-blue-700:hover{--gradient-from-color:#2b6cb0;--gradient-color-stops:var(--gradient-from-color),var(--gradient-to-color,#2b6cb000)}.hover\:from-blue-800:hover{--gradient-from-color:#2c5282;--gradient-color-stops:var(--gradient-from-color),var(--gradient-to-color,#2c528200)}.hover\:from-blue-900:hover{--gradient-from-color:#2a4365;--gradient-color-stops:var(--gradient-from-color),var(--gradient-to-color,#2a436500)}.hover\:from-indigo-100:hover{--gradient-from-color:#ebf4ff;--gradient-color-stops:var(--gradient-from-color),var(--gradient-to-color,#ebf4ff00)}.hover\:from-indigo-200:hover{--gradient-from-color:#c3dafe;--gradient-color-stops:var(--gradient-from-color),var(--gradient-to-color,#c3dafe00)}.hover\:from-indigo-300:hover{--gradient-from-color:#a3bffa;--gradient-color-stops:var(--gradient-from-color),var(--gradient-to-color,#a3bffa00)}.hover\:from-indigo-400:hover{--gradient-from-color:#7f9cf5;--gradient-color-stops:var(--gradient-from-color),var(--gradient-to-color,#7f9cf500)}.hover\:from-indigo-500:hover{--gradient-from-color:#667eea;--gradient-color-stops:var(--gradient-from-color),var(--gradient-to-color,#667eea00)}.hover\:from-indigo-600:hover{--gradient-from-color:#5a67d8;--gradient-color-stops:var(--gradient-from-color),var(--gradient-to-color,#5a67d800)}.hover\:from-indigo-700:hover{--gradient-from-color:#4c51bf;--gradient-color-stops:var(--gradient-from-color),var(--gradient-to-color,#4c51bf00)}.hover\:from-indigo-800:hover{--gradient-from-color:#434190;--gradient-color-stops:var(--gradient-from-color),var(--gradient-to-color,#43419000)}.hover\:from-indigo-900:hover{--gradient-from-color:#3c366b;--gradient-color-stops:var(--gradient-from-color),var(--gradient-to-color,#3c366b00)}.hover\:from-purple-100:hover{--gradient-from-color:#faf5ff;--gradient-color-stops:var(--gradient-from-color),var(--gradient-to-color,#faf5ff00)}.hover\:from-purple-200:hover{--gradient-from-color:#e9d8fd;--gradient-color-stops:var(--gradient-from-color),var(--gradient-to-color,#e9d8fd00)}.hover\:from-purple-300:hover{--gradient-from-color:#d6bcfa;--gradient-color-stops:var(--gradient-from-color),var(--gradient-to-color,#d6bcfa00)}.hover\:from-purple-400:hover{--gradient-from-color:#b794f4;--gradient-color-stops:var(--gradient-from-color),var(--gradient-to-color,#b794f400)}.hover\:from-purple-500:hover{--gradient-from-color:#9f7aea;--gradient-color-stops:var(--gradient-from-color),var(--gradient-to-color,#9f7aea00)}.hover\:from-purple-600:hover{--gradient-from-color:#805ad5;--gradient-color-stops:var(--gradient-from-color),var(--gradient-to-color,#805ad500)}.hover\:from-purple-700:hover{--gradient-from-color:#6b46c1;--gradient-color-stops:var(--gradient-from-color),var(--gradient-to-color,#6b46c100)}.hover\:from-purple-800:hover{--gradient-from-color:#553c9a;--gradient-color-stops:var(--gradient-from-color),var(--gradient-to-color,#553c9a00)}.hover\:from-purple-900:hover{--gradient-from-color:#44337a;--gradient-color-stops:var(--gradient-from-color),var(--gradient-to-color,#44337a00)}.hover\:from-pink-100:hover{--gradient-from-color:#fff5f7;--gradient-color-stops:var(--gradient-from-color),var(--gradient-to-color,#fff5f700)}.hover\:from-pink-200:hover{--gradient-from-color:#fed7e2;--gradient-color-stops:var(--gradient-from-color),var(--gradient-to-color,#fed7e200)}.hover\:from-pink-300:hover{--gradient-from-color:#fbb6ce;--gradient-color-stops:var(--gradient-from-color),var(--gradient-to-color,#fbb6ce00)}.hover\:from-pink-400:hover{--gradient-from-color:#f687b3;--gradient-color-stops:var(--gradient-from-color),var(--gradient-to-color,#f687b300)}.hover\:from-pink-500:hover{--gradient-from-color:#ed64a6;--gradient-color-stops:var(--gradient-from-color),var(--gradient-to-color,#ed64a600)}.hover\:from-pink-600:hover{--gradient-from-color:#d53f8c;--gradient-color-stops:var(--gradient-from-color),var(--gradient-to-color,#d53f8c00)}.hover\:from-pink-700:hover{--gradient-from-color:#b83280;--gradient-color-stops:var(--gradient-from-color),var(--gradient-to-color,#b8328000)}.hover\:from-pink-800:hover{--gradient-from-color:#97266d;--gradient-color-stops:var(--gradient-from-color),var(--gradient-to-color,#97266d00)}.hover\:from-pink-900:hover{--gradient-from-color:#702459;--gradient-color-stops:var(--gradient-from-color),var(--gradient-to-color,#70245900)}.hover\:via-transparent:hover{--gradient-via-color:transparent;--gradient-color-stops:var(--gradient-from-color),var(--gradient-via-color),var(--gradient-to-color,#0000)}.hover\:via-current:hover{--gradient-via-color:currentColor;--gradient-color-stops:var(--gradient-from-color),var(--gradient-via-color),var(--gradient-to-color,#fff0)}.hover\:via-black:hover{--gradient-via-color:#000;--gradient-color-stops:var(--gradient-from-color),var(--gradient-via-color),var(--gradient-to-color,#0000)}.hover\:via-white:hover{--gradient-via-color:#fff;--gradient-color-stops:var(--gradient-from-color),var(--gradient-via-color),var(--gradient-to-color,#fff0)}.hover\:via-gray-100:hover{--gradient-via-color:#f7fafc;--gradient-color-stops:var(--gradient-from-color),var(--gradient-via-color),var(--gradient-to-color,#f7fafc00)}.hover\:via-gray-200:hover{--gradient-via-color:#edf2f7;--gradient-color-stops:var(--gradient-from-color),var(--gradient-via-color),var(--gradient-to-color,#edf2f700)}.hover\:via-gray-300:hover{--gradient-via-color:#e2e8f0;--gradient-color-stops:var(--gradient-from-color),var(--gradient-via-color),var(--gradient-to-color,#e2e8f000)}.hover\:via-gray-400:hover{--gradient-via-color:#cbd5e0;--gradient-color-stops:var(--gradient-from-color),var(--gradient-via-color),var(--gradient-to-color,#cbd5e000)}.hover\:via-gray-500:hover{--gradient-via-color:#a0aec0;--gradient-color-stops:var(--gradient-from-color),var(--gradient-via-color),var(--gradient-to-color,#a0aec000)}.hover\:via-gray-600:hover{--gradient-via-color:#718096;--gradient-color-stops:var(--gradient-from-color),var(--gradient-via-color),var(--gradient-to-color,#71809600)}.hover\:via-gray-700:hover{--gradient-via-color:#4a5568;--gradient-color-stops:var(--gradient-from-color),var(--gradient-via-color),var(--gradient-to-color,#4a556800)}.hover\:via-gray-800:hover{--gradient-via-color:#2d3748;--gradient-color-stops:var(--gradient-from-color),var(--gradient-via-color),var(--gradient-to-color,#2d374800)}.hover\:via-gray-900:hover{--gradient-via-color:#1a202c;--gradient-color-stops:var(--gradient-from-color),var(--gradient-via-color),var(--gradient-to-color,#1a202c00)}.hover\:via-red-100:hover{--gradient-via-color:#fff5f5;--gradient-color-stops:var(--gradient-from-color),var(--gradient-via-color),var(--gradient-to-color,#fff5f500)}.hover\:via-red-200:hover{--gradient-via-color:#fed7d7;--gradient-color-stops:var(--gradient-from-color),var(--gradient-via-color),var(--gradient-to-color,#fed7d700)}.hover\:via-red-300:hover{--gradient-via-color:#feb2b2;--gradient-color-stops:var(--gradient-from-color),var(--gradient-via-color),var(--gradient-to-color,#feb2b200)}.hover\:via-red-400:hover{--gradient-via-color:#fc8181;--gradient-color-stops:var(--gradient-from-color),var(--gradient-via-color),var(--gradient-to-color,#fc818100)}.hover\:via-red-500:hover{--gradient-via-color:#f56565;--gradient-color-stops:var(--gradient-from-color),var(--gradient-via-color),var(--gradient-to-color,#f5656500)}.hover\:via-red-600:hover{--gradient-via-color:#e53e3e;--gradient-color-stops:var(--gradient-from-color),var(--gradient-via-color),var(--gradient-to-color,#e53e3e00)}.hover\:via-red-700:hover{--gradient-via-color:#c53030;--gradient-color-stops:var(--gradient-from-color),var(--gradient-via-color),var(--gradient-to-color,#c5303000)}.hover\:via-red-800:hover{--gradient-via-color:#9b2c2c;--gradient-color-stops:var(--gradient-from-color),var(--gradient-via-color),var(--gradient-to-color,#9b2c2c00)}.hover\:via-red-900:hover{--gradient-via-color:#742a2a;--gradient-color-stops:var(--gradient-from-color),var(--gradient-via-color),var(--gradient-to-color,#742a2a00)}.hover\:via-orange-100:hover{--gradient-via-color:#fffaf0;--gradient-color-stops:var(--gradient-from-color),var(--gradient-via-color),var(--gradient-to-color,#fffaf000)}.hover\:via-orange-200:hover{--gradient-via-color:#feebc8;--gradient-color-stops:var(--gradient-from-color),var(--gradient-via-color),var(--gradient-to-color,#feebc800)}.hover\:via-orange-300:hover{--gradient-via-color:#fbd38d;--gradient-color-stops:var(--gradient-from-color),var(--gradient-via-color),var(--gradient-to-color,#fbd38d00)}.hover\:via-orange-400:hover{--gradient-via-color:#f6ad55;--gradient-color-stops:var(--gradient-from-color),var(--gradient-via-color),var(--gradient-to-color,#f6ad5500)}.hover\:via-orange-500:hover{--gradient-via-color:#ed8936;--gradient-color-stops:var(--gradient-from-color),var(--gradient-via-color),var(--gradient-to-color,#ed893600)}.hover\:via-orange-600:hover{--gradient-via-color:#dd6b20;--gradient-color-stops:var(--gradient-from-color),var(--gradient-via-color),var(--gradient-to-color,#dd6b2000)}.hover\:via-orange-700:hover{--gradient-via-color:#c05621;--gradient-color-stops:var(--gradient-from-color),var(--gradient-via-color),var(--gradient-to-color,#c0562100)}.hover\:via-orange-800:hover{--gradient-via-color:#9c4221;--gradient-color-stops:var(--gradient-from-color),var(--gradient-via-color),var(--gradient-to-color,#9c422100)}.hover\:via-orange-900:hover{--gradient-via-color:#7b341e;--gradient-color-stops:var(--gradient-from-color),var(--gradient-via-color),var(--gradient-to-color,#7b341e00)}.hover\:via-yellow-100:hover{--gradient-via-color:ivory;--gradient-color-stops:var(--gradient-from-color),var(--gradient-via-color),var(--gradient-to-color,#fffff000)}.hover\:via-yellow-200:hover{--gradient-via-color:#fefcbf;--gradient-color-stops:var(--gradient-from-color),var(--gradient-via-color),var(--gradient-to-color,#fefcbf00)}.hover\:via-yellow-300:hover{--gradient-via-color:#faf089;--gradient-color-stops:var(--gradient-from-color),var(--gradient-via-color),var(--gradient-to-color,#faf08900)}.hover\:via-yellow-400:hover{--gradient-via-color:#f6e05e;--gradient-color-stops:var(--gradient-from-color),var(--gradient-via-color),var(--gradient-to-color,#f6e05e00)}.hover\:via-yellow-500:hover{--gradient-via-color:#ecc94b;--gradient-color-stops:var(--gradient-from-color),var(--gradient-via-color),var(--gradient-to-color,#ecc94b00)}.hover\:via-yellow-600:hover{--gradient-via-color:#d69e2e;--gradient-color-stops:var(--gradient-from-color),var(--gradient-via-color),var(--gradient-to-color,#d69e2e00)}.hover\:via-yellow-700:hover{--gradient-via-color:#b7791f;--gradient-color-stops:var(--gradient-from-color),var(--gradient-via-color),var(--gradient-to-color,#b7791f00)}.hover\:via-yellow-800:hover{--gradient-via-color:#975a16;--gradient-color-stops:var(--gradient-from-color),var(--gradient-via-color),var(--gradient-to-color,#975a1600)}.hover\:via-yellow-900:hover{--gradient-via-color:#744210;--gradient-color-stops:var(--gradient-from-color),var(--gradient-via-color),var(--gradient-to-color,#74421000)}.hover\:via-green-100:hover{--gradient-via-color:#f0fff4;--gradient-color-stops:var(--gradient-from-color),var(--gradient-via-color),var(--gradient-to-color,#f0fff400)}.hover\:via-green-200:hover{--gradient-via-color:#c6f6d5;--gradient-color-stops:var(--gradient-from-color),var(--gradient-via-color),var(--gradient-to-color,#c6f6d500)}.hover\:via-green-300:hover{--gradient-via-color:#9ae6b4;--gradient-color-stops:var(--gradient-from-color),var(--gradient-via-color),var(--gradient-to-color,#9ae6b400)}.hover\:via-green-400:hover{--gradient-via-color:#68d391;--gradient-color-stops:var(--gradient-from-color),var(--gradient-via-color),var(--gradient-to-color,#68d39100)}.hover\:via-green-500:hover{--gradient-via-color:#48bb78;--gradient-color-stops:var(--gradient-from-color),var(--gradient-via-color),var(--gradient-to-color,#48bb7800)}.hover\:via-green-600:hover{--gradient-via-color:#38a169;--gradient-color-stops:var(--gradient-from-color),var(--gradient-via-color),var(--gradient-to-color,#38a16900)}.hover\:via-green-700:hover{--gradient-via-color:#2f855a;--gradient-color-stops:var(--gradient-from-color),var(--gradient-via-color),var(--gradient-to-color,#2f855a00)}.hover\:via-green-800:hover{--gradient-via-color:#276749;--gradient-color-stops:var(--gradient-from-color),var(--gradient-via-color),var(--gradient-to-color,#27674900)}.hover\:via-green-900:hover{--gradient-via-color:#22543d;--gradient-color-stops:var(--gradient-from-color),var(--gradient-via-color),var(--gradient-to-color,#22543d00)}.hover\:via-teal-100:hover{--gradient-via-color:#e6fffa;--gradient-color-stops:var(--gradient-from-color),var(--gradient-via-color),var(--gradient-to-color,#e6fffa00)}.hover\:via-teal-200:hover{--gradient-via-color:#b2f5ea;--gradient-color-stops:var(--gradient-from-color),var(--gradient-via-color),var(--gradient-to-color,#b2f5ea00)}.hover\:via-teal-300:hover{--gradient-via-color:#81e6d9;--gradient-color-stops:var(--gradient-from-color),var(--gradient-via-color),var(--gradient-to-color,#81e6d900)}.hover\:via-teal-400:hover{--gradient-via-color:#4fd1c5;--gradient-color-stops:var(--gradient-from-color),var(--gradient-via-color),var(--gradient-to-color,#4fd1c500)}.hover\:via-teal-500:hover{--gradient-via-color:#38b2ac;--gradient-color-stops:var(--gradient-from-color),var(--gradient-via-color),var(--gradient-to-color,#38b2ac00)}.hover\:via-teal-600:hover{--gradient-via-color:#319795;--gradient-color-stops:var(--gradient-from-color),var(--gradient-via-color),var(--gradient-to-color,#31979500)}.hover\:via-teal-700:hover{--gradient-via-color:#2c7a7b;--gradient-color-stops:var(--gradient-from-color),var(--gradient-via-color),var(--gradient-to-color,#2c7a7b00)}.hover\:via-teal-800:hover{--gradient-via-color:#285e61;--gradient-color-stops:var(--gradient-from-color),var(--gradient-via-color),var(--gradient-to-color,#285e6100)}.hover\:via-teal-900:hover{--gradient-via-color:#234e52;--gradient-color-stops:var(--gradient-from-color),var(--gradient-via-color),var(--gradient-to-color,#234e5200)}.hover\:via-blue-100:hover{--gradient-via-color:#ebf8ff;--gradient-color-stops:var(--gradient-from-color),var(--gradient-via-color),var(--gradient-to-color,#ebf8ff00)}.hover\:via-blue-200:hover{--gradient-via-color:#bee3f8;--gradient-color-stops:var(--gradient-from-color),var(--gradient-via-color),var(--gradient-to-color,#bee3f800)}.hover\:via-blue-300:hover{--gradient-via-color:#90cdf4;--gradient-color-stops:var(--gradient-from-color),var(--gradient-via-color),var(--gradient-to-color,#90cdf400)}.hover\:via-blue-400:hover{--gradient-via-color:#63b3ed;--gradient-color-stops:var(--gradient-from-color),var(--gradient-via-color),var(--gradient-to-color,#63b3ed00)}.hover\:via-blue-500:hover{--gradient-via-color:#4299e1;--gradient-color-stops:var(--gradient-from-color),var(--gradient-via-color),var(--gradient-to-color,#4299e100)}.hover\:via-blue-600:hover{--gradient-via-color:#3182ce;--gradient-color-stops:var(--gradient-from-color),var(--gradient-via-color),var(--gradient-to-color,#3182ce00)}.hover\:via-blue-700:hover{--gradient-via-color:#2b6cb0;--gradient-color-stops:var(--gradient-from-color),var(--gradient-via-color),var(--gradient-to-color,#2b6cb000)}.hover\:via-blue-800:hover{--gradient-via-color:#2c5282;--gradient-color-stops:var(--gradient-from-color),var(--gradient-via-color),var(--gradient-to-color,#2c528200)}.hover\:via-blue-900:hover{--gradient-via-color:#2a4365;--gradient-color-stops:var(--gradient-from-color),var(--gradient-via-color),var(--gradient-to-color,#2a436500)}.hover\:via-indigo-100:hover{--gradient-via-color:#ebf4ff;--gradient-color-stops:var(--gradient-from-color),var(--gradient-via-color),var(--gradient-to-color,#ebf4ff00)}.hover\:via-indigo-200:hover{--gradient-via-color:#c3dafe;--gradient-color-stops:var(--gradient-from-color),var(--gradient-via-color),var(--gradient-to-color,#c3dafe00)}.hover\:via-indigo-300:hover{--gradient-via-color:#a3bffa;--gradient-color-stops:var(--gradient-from-color),var(--gradient-via-color),var(--gradient-to-color,#a3bffa00)}.hover\:via-indigo-400:hover{--gradient-via-color:#7f9cf5;--gradient-color-stops:var(--gradient-from-color),var(--gradient-via-color),var(--gradient-to-color,#7f9cf500)}.hover\:via-indigo-500:hover{--gradient-via-color:#667eea;--gradient-color-stops:var(--gradient-from-color),var(--gradient-via-color),var(--gradient-to-color,#667eea00)}.hover\:via-indigo-600:hover{--gradient-via-color:#5a67d8;--gradient-color-stops:var(--gradient-from-color),var(--gradient-via-color),var(--gradient-to-color,#5a67d800)}.hover\:via-indigo-700:hover{--gradient-via-color:#4c51bf;--gradient-color-stops:var(--gradient-from-color),var(--gradient-via-color),var(--gradient-to-color,#4c51bf00)}.hover\:via-indigo-800:hover{--gradient-via-color:#434190;--gradient-color-stops:var(--gradient-from-color),var(--gradient-via-color),var(--gradient-to-color,#43419000)}.hover\:via-indigo-900:hover{--gradient-via-color:#3c366b;--gradient-color-stops:var(--gradient-from-color),var(--gradient-via-color),var(--gradient-to-color,#3c366b00)}.hover\:via-purple-100:hover{--gradient-via-color:#faf5ff;--gradient-color-stops:var(--gradient-from-color),var(--gradient-via-color),var(--gradient-to-color,#faf5ff00)}.hover\:via-purple-200:hover{--gradient-via-color:#e9d8fd;--gradient-color-stops:var(--gradient-from-color),var(--gradient-via-color),var(--gradient-to-color,#e9d8fd00)}.hover\:via-purple-300:hover{--gradient-via-color:#d6bcfa;--gradient-color-stops:var(--gradient-from-color),var(--gradient-via-color),var(--gradient-to-color,#d6bcfa00)}.hover\:via-purple-400:hover{--gradient-via-color:#b794f4;--gradient-color-stops:var(--gradient-from-color),var(--gradient-via-color),var(--gradient-to-color,#b794f400)}.hover\:via-purple-500:hover{--gradient-via-color:#9f7aea;--gradient-color-stops:var(--gradient-from-color),var(--gradient-via-color),var(--gradient-to-color,#9f7aea00)}.hover\:via-purple-600:hover{--gradient-via-color:#805ad5;--gradient-color-stops:var(--gradient-from-color),var(--gradient-via-color),var(--gradient-to-color,#805ad500)}.hover\:via-purple-700:hover{--gradient-via-color:#6b46c1;--gradient-color-stops:var(--gradient-from-color),var(--gradient-via-color),var(--gradient-to-color,#6b46c100)}.hover\:via-purple-800:hover{--gradient-via-color:#553c9a;--gradient-color-stops:var(--gradient-from-color),var(--gradient-via-color),var(--gradient-to-color,#553c9a00)}.hover\:via-purple-900:hover{--gradient-via-color:#44337a;--gradient-color-stops:var(--gradient-from-color),var(--gradient-via-color),var(--gradient-to-color,#44337a00)}.hover\:via-pink-100:hover{--gradient-via-color:#fff5f7;--gradient-color-stops:var(--gradient-from-color),var(--gradient-via-color),var(--gradient-to-color,#fff5f700)}.hover\:via-pink-200:hover{--gradient-via-color:#fed7e2;--gradient-color-stops:var(--gradient-from-color),var(--gradient-via-color),var(--gradient-to-color,#fed7e200)}.hover\:via-pink-300:hover{--gradient-via-color:#fbb6ce;--gradient-color-stops:var(--gradient-from-color),var(--gradient-via-color),var(--gradient-to-color,#fbb6ce00)}.hover\:via-pink-400:hover{--gradient-via-color:#f687b3;--gradient-color-stops:var(--gradient-from-color),var(--gradient-via-color),var(--gradient-to-color,#f687b300)}.hover\:via-pink-500:hover{--gradient-via-color:#ed64a6;--gradient-color-stops:var(--gradient-from-color),var(--gradient-via-color),var(--gradient-to-color,#ed64a600)}.hover\:via-pink-600:hover{--gradient-via-color:#d53f8c;--gradient-color-stops:var(--gradient-from-color),var(--gradient-via-color),var(--gradient-to-color,#d53f8c00)}.hover\:via-pink-700:hover{--gradient-via-color:#b83280;--gradient-color-stops:var(--gradient-from-color),var(--gradient-via-color),var(--gradient-to-color,#b8328000)}.hover\:via-pink-800:hover{--gradient-via-color:#97266d;--gradient-color-stops:var(--gradient-from-color),var(--gradient-via-color),var(--gradient-to-color,#97266d00)}.hover\:via-pink-900:hover{--gradient-via-color:#702459;--gradient-color-stops:var(--gradient-from-color),var(--gradient-via-color),var(--gradient-to-color,#70245900)}.hover\:to-transparent:hover{--gradient-to-color:transparent}.hover\:to-current:hover{--gradient-to-color:currentColor}.hover\:to-black:hover{--gradient-to-color:#000}.hover\:to-white:hover{--gradient-to-color:#fff}.hover\:to-gray-100:hover{--gradient-to-color:#f7fafc}.hover\:to-gray-200:hover{--gradient-to-color:#edf2f7}.hover\:to-gray-300:hover{--gradient-to-color:#e2e8f0}.hover\:to-gray-400:hover{--gradient-to-color:#cbd5e0}.hover\:to-gray-500:hover{--gradient-to-color:#a0aec0}.hover\:to-gray-600:hover{--gradient-to-color:#718096}.hover\:to-gray-700:hover{--gradient-to-color:#4a5568}.hover\:to-gray-800:hover{--gradient-to-color:#2d3748}.hover\:to-gray-900:hover{--gradient-to-color:#1a202c}.hover\:to-red-100:hover{--gradient-to-color:#fff5f5}.hover\:to-red-200:hover{--gradient-to-color:#fed7d7}.hover\:to-red-300:hover{--gradient-to-color:#feb2b2}.hover\:to-red-400:hover{--gradient-to-color:#fc8181}.hover\:to-red-500:hover{--gradient-to-color:#f56565}.hover\:to-red-600:hover{--gradient-to-color:#e53e3e}.hover\:to-red-700:hover{--gradient-to-color:#c53030}.hover\:to-red-800:hover{--gradient-to-color:#9b2c2c}.hover\:to-red-900:hover{--gradient-to-color:#742a2a}.hover\:to-orange-100:hover{--gradient-to-color:#fffaf0}.hover\:to-orange-200:hover{--gradient-to-color:#feebc8}.hover\:to-orange-300:hover{--gradient-to-color:#fbd38d}.hover\:to-orange-400:hover{--gradient-to-color:#f6ad55}.hover\:to-orange-500:hover{--gradient-to-color:#ed8936}.hover\:to-orange-600:hover{--gradient-to-color:#dd6b20}.hover\:to-orange-700:hover{--gradient-to-color:#c05621}.hover\:to-orange-800:hover{--gradient-to-color:#9c4221}.hover\:to-orange-900:hover{--gradient-to-color:#7b341e}.hover\:to-yellow-100:hover{--gradient-to-color:ivory}.hover\:to-yellow-200:hover{--gradient-to-color:#fefcbf}.hover\:to-yellow-300:hover{--gradient-to-color:#faf089}.hover\:to-yellow-400:hover{--gradient-to-color:#f6e05e}.hover\:to-yellow-500:hover{--gradient-to-color:#ecc94b}.hover\:to-yellow-600:hover{--gradient-to-color:#d69e2e}.hover\:to-yellow-700:hover{--gradient-to-color:#b7791f}.hover\:to-yellow-800:hover{--gradient-to-color:#975a16}.hover\:to-yellow-900:hover{--gradient-to-color:#744210}.hover\:to-green-100:hover{--gradient-to-color:#f0fff4}.hover\:to-green-200:hover{--gradient-to-color:#c6f6d5}.hover\:to-green-300:hover{--gradient-to-color:#9ae6b4}.hover\:to-green-400:hover{--gradient-to-color:#68d391} \ No newline at end of file diff --git a/test/js/bun/css/files/trainer-gallery-holo.css b/test/js/bun/css/files/trainer-gallery-holo.css new file mode 100644 index 0000000000..96cfe529f1 --- /dev/null +++ b/test/js/bun/css/files/trainer-gallery-holo.css @@ -0,0 +1,117 @@ +/* + + TRAINER GALLERY HOLO + +*/ + + + + + + + +/* + + SHINE LAYERS + +*/ + +.card[data-rarity="trainer gallery rare holo"] .card__shine, +.card[data-rarity="rare holo"][data-trainer-gallery="true"] .card__shine, +.card[data-set="swshp"][data-number="swsh020"] .card__shine { + + --space: 5%; + --angle: -22deg; + --imgsize: 300% 400%; + + clip-path: var(--clip-borders); + + background-image: + repeating-linear-gradient( var(--angle), + hsla(283, 49%, 60%, 0.75) calc(var(--space)*1), + hsla(2, 74%, 59%, 0.75) calc(var(--space)*2), + hsla(53, 67%, 53%, 0.75) calc(var(--space)*3), + hsla(93, 56%, 52%, 0.75) calc(var(--space)*4), + hsla(176, 38%, 50%, 0.75) calc(var(--space)*5), + hsla(228, 100%, 77%, 0.75) calc(var(--space)*6), + hsla(283, 49%, 61%, 0.75) calc(var(--space)*7) + ); + + background-blend-mode: color-dodge; + background-size: var(--imgsize); + background-position: 0% calc(var(--background-y) * 1), var(--background-x) var(--background-y); + + filter: brightness(calc((var(--pointer-from-center)*0.3) + 0.5)) contrast(2.3) saturate(1); + +} + +.card[data-rarity="trainer gallery rare holo"] .card__shine:after, +.card[data-rarity="rare holo"][data-trainer-gallery="true"] .card__shine:after, +.card[data-set="swshp"][data-number="swsh020"] .card__shine:after { + + content: ""; + + background-image: + radial-gradient( + farthest-corner ellipse + at calc( ((var(--pointer-x)) * 0.5) + 25% ) calc( ((var(--pointer-y)) * 0.5) + 25% ), + hsl(0, 0%, 100%) 5%, + hsla(300, 100%, 11%, 0.6) 40%, + hsl(0, 0%, 22%) 120% + ); + + background-position: center center; + background-size: 400% 500%; + + filter: brightness(calc((var(--pointer-from-center)*0.2) + 0.4)) contrast(.85) saturate(1.1); + mix-blend-mode: hard-light; + +} + +.card[data-rarity="trainer gallery rare holo"] .card__shine:before, +.card[data-rarity="rare holo"][data-trainer-gallery="true"] .card__shine:before, +.card[data-set="swshp"][data-number="swsh020"] .card__shine:before { + content: none; + display: none; +} + + + + + + + + + + + +/* + + GLARE LAYERS + +*/ + +.card[data-rarity="trainer gallery rare holo"] .card__glare, +.card[data-rarity="rare holo"][data-trainer-gallery="true"] .card__glare, +.card[data-set="swshp"][data-number="swsh020"] .card__glare { + + background-image: + radial-gradient( + farthest-corner circle at var(--pointer-x) var(--pointer-y), + hsla(0, 0%, 100%, 1) 10%, + hsla(0, 0%, 100%, 0.6) 35%, + hsla(180, 11%, 35%, 1) 60% + ); + + mix-blend-mode: soft-light; + +} + + +.card[data-rarity="trainer gallery rare holo"] .card__glare:before, +.card[data-rarity="rare holo"][data-trainer-gallery="true"] .card__glare:before, +.card[data-rarity="trainer gallery rare holo"] .card__glare:after, +.card[data-rarity="rare holo"][data-trainer-gallery="true"] .card__glare:after { + content: none; + display: none; +} \ No newline at end of file diff --git a/test/js/bun/css/files/uikit.css b/test/js/bun/css/files/uikit.css new file mode 100644 index 0000000000..2ca63a0b7e --- /dev/null +++ b/test/js/bun/css/files/uikit.css @@ -0,0 +1,12967 @@ +/*! UIkit 3.21.13 | https://www.getuikit.com | (c) 2014 - 2024 YOOtheme | MIT License */ +/* ======================================================================== + Component: Base + ========================================================================== */ +/* + * 1. Set `font-size` to support `rem` units + * 2. Prevent adjustments of font size after orientation changes in iOS. + * 3. Style + */ + html { + /* 1 */ + font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; + font-size: 16px; + font-weight: normal; + line-height: 1.5; + /* 2 */ + -webkit-text-size-adjust: 100%; + /* 3 */ + background: #fff; + color: #666; +} +/* + * Remove the margin in all browsers. + */ +body { + margin: 0; +} +/* Links + ========================================================================== */ +/* + * Style + */ +a, +.uk-link { + color: #1e87f0; + text-decoration: none; + cursor: pointer; +} +a:hover, +.uk-link:hover, +.uk-link-toggle:hover .uk-link { + color: #0f6ecd; + text-decoration: underline; +} +/* Text-level semantics + ========================================================================== */ +/* + * 1. Add the correct text decoration in Edge. + * 2. The shorthand declaration `underline dotted` is not supported in Safari. + */ +abbr[title] { + /* 1 */ + text-decoration: underline dotted; + /* 2 */ + -webkit-text-decoration-style: dotted; +} +/* + * Add the correct font weight in Chrome, Edge, and Safari. + */ +b, +strong { + font-weight: bolder; +} +/* + * 1. Consolas has a better baseline in running text compared to `Courier` + * 2. Correct the odd `em` font sizing in all browsers. + * 3. Style + */ +:not(pre) > code, +:not(pre) > kbd, +:not(pre) > samp { + /* 1 */ + font-family: Consolas, monaco, monospace; + /* 2 */ + font-size: 0.875rem; + /* 3 */ + color: #f0506e; + white-space: nowrap; + padding: 2px 6px; + background: #f8f8f8; +} +/* + * Emphasize + */ +em { + color: #f0506e; +} +/* + * Insert + */ +ins { + background: #ffd; + color: #666; + text-decoration: none; +} +/* + * Mark + */ +mark { + background: #ffd; + color: #666; +} +/* + * Quote + */ +q { + font-style: italic; +} +/* + * Add the correct font size in all browsers. + */ +small { + font-size: 80%; +} +/* + * Prevents `sub` and `sup` affecting `line-height` in all browsers. + */ +sub, +sup { + font-size: 75%; + line-height: 0; + position: relative; + vertical-align: baseline; +} +sup { + top: -0.5em; +} +sub { + bottom: -0.25em; +} +/* Embedded content + ========================================================================== */ +/* + * Remove the gap between the element and the bottom of its parent container. + */ +audio, +canvas, +iframe, +img, +svg, +video { + vertical-align: middle; +} +/* + * 1. Constrain the element to its parent width. + * 2. Preserve the intrinsic aspect ratio and auto-scale the height of an image if the `height` attribute is present. + * 3. Take border and padding into account. + */ +canvas, +img, +svg, +video { + /* 1 */ + max-width: 100%; + /* 2 */ + height: auto; + /* 3 */ + box-sizing: border-box; +} +/* + * Deprecated: only needed for `img` elements with `uk-img` + * 1. Hide `alt` text for lazy load images. + * 2. Fix lazy loading images if parent element is set to `display: inline` and has `overflow: hidden`. + */ +img:not([src]) { + /* 1 */ + visibility: hidden; + /* 2 */ + min-width: 1px; +} +/* + * Iframe + * Remove border in all browsers + */ +iframe { + border: 0; +} +/* Block elements + ========================================================================== */ +/* + * Margins + */ +p, +ul, +ol, +dl, +pre, +address, +fieldset, +figure { + margin: 0 0 20px 0; +} +/* Add margin if adjacent element */ +* + p, +* + ul, +* + ol, +* + dl, +* + pre, +* + address, +* + fieldset, +* + figure { + margin-top: 20px; +} +/* Headings + ========================================================================== */ +h1, +.uk-h1, +h2, +.uk-h2, +h3, +.uk-h3, +h4, +.uk-h4, +h5, +.uk-h5, +h6, +.uk-h6, +.uk-heading-small, +.uk-heading-medium, +.uk-heading-large, +.uk-heading-xlarge, +.uk-heading-2xlarge, +.uk-heading-3xlarge { + margin: 0 0 20px 0; + font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; + font-weight: normal; + color: #333; + text-transform: none; +} +/* Add margin if adjacent element */ +* + h1, +* + .uk-h1, +* + h2, +* + .uk-h2, +* + h3, +* + .uk-h3, +* + h4, +* + .uk-h4, +* + h5, +* + .uk-h5, +* + h6, +* + .uk-h6, +* + .uk-heading-small, +* + .uk-heading-medium, +* + .uk-heading-large, +* + .uk-heading-xlarge, +* + .uk-heading-2xlarge, +* + .uk-heading-3xlarge { + margin-top: 40px; +} +/* + * Sizes + */ +h1, +.uk-h1 { + font-size: 2.23125rem; + line-height: 1.2; +} +h2, +.uk-h2 { + font-size: 1.7rem; + line-height: 1.3; +} +h3, +.uk-h3 { + font-size: 1.5rem; + line-height: 1.4; +} +h4, +.uk-h4 { + font-size: 1.25rem; + line-height: 1.4; +} +h5, +.uk-h5 { + font-size: 16px; + line-height: 1.4; +} +h6, +.uk-h6 { + font-size: 0.875rem; + line-height: 1.4; +} +/* Tablet landscape and bigger */ +@media (min-width: 960px) { + h1, + .uk-h1 { + font-size: 2.625rem; + } + h2, + .uk-h2 { + font-size: 2rem; + } +} +/* Lists + ========================================================================== */ +ul, +ol { + padding-left: 30px; +} +/* + * Reset margin for nested lists + */ +ul > li > ul, +ul > li > ol, +ol > li > ol, +ol > li > ul { + margin: 0; +} +/* Description lists + ========================================================================== */ +dt { + font-weight: bold; +} +dd { + margin-left: 0; +} +/* Horizontal rules + ========================================================================== */ +/* + * 1. Show the overflow in Chrome, Edge and IE. + * 2. Add the correct text-align in Edge and IE. + * 3. Style + */ +hr, +.uk-hr { + /* 1 */ + overflow: visible; + /* 2 */ + text-align: inherit; + /* 3 */ + margin: 0 0 20px 0; + border: 0; + border-top: 1px solid #e5e5e5; +} +/* Add margin if adjacent element */ +* + hr, +* + .uk-hr { + margin-top: 20px; +} +/* Address + ========================================================================== */ +address { + font-style: normal; +} +/* Blockquotes + ========================================================================== */ +blockquote { + margin: 0 0 20px 0; + font-size: 1.25rem; + line-height: 1.5; + font-style: italic; + color: #333; +} +/* Add margin if adjacent element */ +* + blockquote { + margin-top: 20px; +} +/* + * Content + */ +blockquote p:last-of-type { + margin-bottom: 0; +} +blockquote footer { + margin-top: 10px; + font-size: 0.875rem; + line-height: 1.5; + color: #666; +} +blockquote footer::before { + content: "— "; +} +/* Preformatted text + ========================================================================== */ +/* + * 1. Contain overflow in all browsers. + */ +pre { + font: 0.875rem / 1.5 Consolas, monaco, monospace; + color: #666; + -moz-tab-size: 4; + tab-size: 4; + /* 1 */ + overflow: auto; + padding: 10px; + border: 1px solid #e5e5e5; + border-radius: 3px; + background: #fff; +} +pre code { + font-family: Consolas, monaco, monospace; +} +/* Focus + ========================================================================== */ +:focus { + outline: none; +} +:focus-visible { + outline: 2px dotted #333; +} +/* Selection pseudo-element + ========================================================================== */ +::selection { + background: #39f; + color: #fff; + text-shadow: none; +} +/* HTML5 elements + ========================================================================== */ +/* + * 1. Add the correct display in Edge, IE 10+, and Firefox. + * 2. Add the correct display in IE. + */ +details, +main { + /* 2 */ + display: block; +} +/* + * Add the correct display in all browsers. + */ +summary { + display: list-item; +} +/* + * Add the correct display in IE. + */ +template { + display: none; +} +/* Pass media breakpoints to JS + ========================================================================== */ +/* + * Breakpoints + */ +:root { + --uk-breakpoint-s: 640px; + --uk-breakpoint-m: 960px; + --uk-breakpoint-l: 1200px; + --uk-breakpoint-xl: 1600px; +} +/* ======================================================================== + Component: Link + ========================================================================== */ +/* Muted + ========================================================================== */ +a.uk-link-muted, +.uk-link-muted a, +.uk-link-toggle .uk-link-muted { + color: #999; +} +a.uk-link-muted:hover, +.uk-link-muted a:hover, +.uk-link-toggle:hover .uk-link-muted { + color: #666; +} +/* Text + ========================================================================== */ +a.uk-link-text, +.uk-link-text a, +.uk-link-toggle .uk-link-text { + color: inherit; +} +a.uk-link-text:hover, +.uk-link-text a:hover, +.uk-link-toggle:hover .uk-link-text { + color: #999; +} +/* Heading + ========================================================================== */ +a.uk-link-heading, +.uk-link-heading a, +.uk-link-toggle .uk-link-heading { + color: inherit; +} +a.uk-link-heading:hover, +.uk-link-heading a:hover, +.uk-link-toggle:hover .uk-link-heading { + color: #1e87f0; + text-decoration: none; +} +/* Reset + ========================================================================== */ +/* + * `!important` needed to override inverse component + */ +a.uk-link-reset, +.uk-link-reset a { + color: inherit !important; + text-decoration: none !important; +} +/* Toggle + ========================================================================== */ +.uk-link-toggle { + color: inherit !important; + text-decoration: none !important; +} +/* ======================================================================== + Component: Heading + ========================================================================== */ +.uk-heading-small { + font-size: 2.6rem; + line-height: 1.2; +} +.uk-heading-medium { + font-size: 2.8875rem; + line-height: 1.1; +} +.uk-heading-large { + font-size: 3.4rem; + line-height: 1.1; +} +.uk-heading-xlarge { + font-size: 4rem; + line-height: 1; +} +.uk-heading-2xlarge { + font-size: 6rem; + line-height: 1; +} +.uk-heading-3xlarge { + font-size: 8rem; + line-height: 1; +} +/* Tablet Landscape and bigger */ +@media (min-width: 960px) { + .uk-heading-small { + font-size: 3.25rem; + } + .uk-heading-medium { + font-size: 3.5rem; + } + .uk-heading-large { + font-size: 4rem; + } + .uk-heading-xlarge { + font-size: 6rem; + } + .uk-heading-2xlarge { + font-size: 8rem; + } + .uk-heading-3xlarge { + font-size: 11rem; + } +} +/* Laptop and bigger */ +@media (min-width: 1200px) { + .uk-heading-medium { + font-size: 4rem; + } + .uk-heading-large { + font-size: 6rem; + } + .uk-heading-xlarge { + font-size: 8rem; + } + .uk-heading-2xlarge { + font-size: 11rem; + } + .uk-heading-3xlarge { + font-size: 15rem; + } +} +/* Primary + Deprecated: Use `uk-heading-medium` instead + ========================================================================== */ +/* Tablet landscape and bigger */ +/* Desktop and bigger */ +/* Hero + Deprecated: Use `uk-heading-xlarge` instead + ========================================================================== */ +/* Tablet landscape and bigger */ +/* Desktop and bigger */ +/* Divider + ========================================================================== */ +.uk-heading-divider { + padding-bottom: calc(5px + 0.1em); + border-bottom: calc(0.2px + 0.05em) solid #e5e5e5; +} +/* Bullet + ========================================================================== */ +.uk-heading-bullet { + position: relative; +} +/* + * 1. Using `inline-block` to make it work with text alignment + * 2. Center vertically + * 3. Style + */ +.uk-heading-bullet::before { + content: ""; + /* 1 */ + display: inline-block; + /* 2 */ + position: relative; + top: calc(-0.1 * 1em); + vertical-align: middle; + /* 3 */ + height: calc(4px + 0.7em); + margin-right: calc(5px + 0.2em); + border-left: calc(5px + 0.1em) solid #e5e5e5; +} +/* Line + ========================================================================== */ +/* + * Clip the child element + */ +.uk-heading-line { + overflow: hidden; +} +/* + * Extra markup is needed to make it work with text align + */ +.uk-heading-line > * { + display: inline-block; + position: relative; +} +/* + * 1. Center vertically + * 2. Make the element as large as possible. It's clipped by the container. + * 3. Style + */ +.uk-heading-line > ::before, +.uk-heading-line > ::after { + content: ""; + /* 1 */ + position: absolute; + top: calc(50% - (calc(0.2px + 0.05em) / 2)); + /* 2 */ + width: 2000px; + /* 3 */ + border-bottom: calc(0.2px + 0.05em) solid #e5e5e5; +} +.uk-heading-line > ::before { + right: 100%; + margin-right: calc(5px + 0.3em); +} +.uk-heading-line > ::after { + left: 100%; + margin-left: calc(5px + 0.3em); +} +/* ======================================================================== + Component: Divider + ========================================================================== */ +/* + * 1. Reset default `hr` + * 2. Set margin if a `div` is used for semantical reason + */ +[class*="uk-divider"] { + /* 1 */ + border: none; + /* 2 */ + margin-bottom: 20px; +} +/* Add margin if adjacent element */ +* + [class*="uk-divider"] { + margin-top: 20px; +} +/* Icon + ========================================================================== */ +.uk-divider-icon { + position: relative; + height: 20px; + background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2020%2020%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Ccircle%20fill%3D%22none%22%20stroke%3D%22%23e5e5e5%22%20stroke-width%3D%222%22%20cx%3D%2210%22%20cy%3D%2210%22%20r%3D%227%22%20%2F%3E%0A%3C%2Fsvg%3E%0A"); + background-repeat: no-repeat; + background-position: 50% 50%; +} +.uk-divider-icon::before, +.uk-divider-icon::after { + content: ""; + position: absolute; + top: 50%; + max-width: calc(50% - (50px / 2)); + border-bottom: 1px solid #e5e5e5; +} +.uk-divider-icon::before { + right: calc(50% + (50px / 2)); + width: 100%; +} +.uk-divider-icon::after { + left: calc(50% + (50px / 2)); + width: 100%; +} +/* Small + ========================================================================== */ +/* + * 1. Fix height because of `inline-block` + * 2. Using ::after and inline-block to make `text-align` work + */ +/* 1 */ +.uk-divider-small { + line-height: 0; +} +/* 2 */ +.uk-divider-small::after { + content: ""; + display: inline-block; + width: 100px; + max-width: 100%; + border-top: 1px solid #e5e5e5; + vertical-align: top; +} +/* Vertical + ========================================================================== */ +.uk-divider-vertical { + width: max-content; + height: 100px; + margin-left: auto; + margin-right: auto; + border-left: 1px solid #e5e5e5; +} +/* ======================================================================== + Component: List + ========================================================================== */ +.uk-list { + padding: 0; + list-style: none; +} +/* + * Avoid column break within the list item, when using `column-count` + */ +.uk-list > * { + break-inside: avoid-column; +} +/* + * Remove margin from the last-child + */ +.uk-list > * > :last-child { + margin-bottom: 0; +} +/* + * Style + */ +.uk-list > :nth-child(n+2), +.uk-list > * > ul { + margin-top: 10px; +} +/* Marker modifiers + * Moving `::marker` inside `::before` to style it differently + * To style the `::marker` is currently only supported in Firefox and Safari + ========================================================================== */ +.uk-list-disc > *, +.uk-list-circle > *, +.uk-list-square > *, +.uk-list-decimal > *, +.uk-list-hyphen > * { + padding-left: 30px; +} +/* + * Type modifiers + */ +.uk-list-decimal { + counter-reset: decimal; +} +.uk-list-decimal > * { + counter-increment: decimal; +} +.uk-list-disc > ::before, +.uk-list-circle > ::before, +.uk-list-square > ::before, +.uk-list-decimal > ::before, +.uk-list-hyphen > ::before { + content: ""; + position: relative; + left: -30px; + width: 30px; + height: 1.5em; + margin-bottom: -1.5em; + display: list-item; + list-style-position: inside; + text-align: right; +} +.uk-list-disc > ::before { + list-style-type: disc; +} +.uk-list-circle > ::before { + list-style-type: circle; +} +.uk-list-square > ::before { + list-style-type: square; +} +.uk-list-decimal > ::before { + content: counter(decimal, decimal) '\200A.\00A0'; +} +.uk-list-hyphen > ::before { + content: '–\00A0\00A0'; +} +/* + * Color modifiers + */ +.uk-list-muted > ::before { + color: #999 !important; +} +.uk-list-emphasis > ::before { + color: #333 !important; +} +.uk-list-primary > ::before { + color: #1e87f0 !important; +} +.uk-list-secondary > ::before { + color: #222 !important; +} +/* Image bullet modifier + ========================================================================== */ +.uk-list-bullet > * { + padding-left: 30px; +} +.uk-list-bullet > ::before { + content: ""; + display: list-item; + position: relative; + left: -30px; + width: 30px; + height: 1.5em; + margin-bottom: -1.5em; + background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%226%22%20height%3D%226%22%20viewBox%3D%220%200%206%206%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Ccircle%20fill%3D%22%23666%22%20cx%3D%223%22%20cy%3D%223%22%20r%3D%223%22%20%2F%3E%0A%3C%2Fsvg%3E"); + background-repeat: no-repeat; + background-position: 50% 50%; +} +/* Style modifiers + ========================================================================== */ +/* + * Divider + */ +.uk-list-divider > :nth-child(n+2) { + margin-top: 10px; + padding-top: 10px; + border-top: 1px solid #e5e5e5; +} +/* + * Striped + */ +.uk-list-striped > * { + padding: 10px 10px; +} +.uk-list-striped > *:nth-of-type(odd) { + border-top: 1px solid #e5e5e5; + border-bottom: 1px solid #e5e5e5; +} +.uk-list-striped > :nth-of-type(odd) { + background: #f8f8f8; +} +.uk-list-striped > :nth-child(n+2) { + margin-top: 0; +} +/* Size modifier + ========================================================================== */ +.uk-list-large > :nth-child(n+2), +.uk-list-large > * > ul { + margin-top: 20px; +} +.uk-list-collapse > :nth-child(n+2), +.uk-list-collapse > * > ul { + margin-top: 0; +} +/* + * Divider + */ +.uk-list-large.uk-list-divider > :nth-child(n+2) { + margin-top: 20px; + padding-top: 20px; +} +.uk-list-collapse.uk-list-divider > :nth-child(n+2) { + margin-top: 0; + padding-top: 0; +} +/* + * Striped + */ +.uk-list-large.uk-list-striped > * { + padding: 20px 10px; +} +.uk-list-collapse.uk-list-striped > * { + padding-top: 0; + padding-bottom: 0; +} +.uk-list-large.uk-list-striped > :nth-child(n+2), +.uk-list-collapse.uk-list-striped > :nth-child(n+2) { + margin-top: 0; +} +/* ======================================================================== + Component: Description list + ========================================================================== */ +/* + * Term + */ +.uk-description-list > dt { + color: #333; + font-size: 0.875rem; + font-weight: normal; + text-transform: uppercase; +} +.uk-description-list > dt:nth-child(n+2) { + margin-top: 20px; +} +/* + * Description + */ +/* Style modifier + ========================================================================== */ +/* + * Line + */ +.uk-description-list-divider > dt:nth-child(n+2) { + margin-top: 20px; + padding-top: 20px; + border-top: 1px solid #e5e5e5; +} +/* ======================================================================== + Component: Table + ========================================================================== */ +/* + * 1. Remove most spacing between table cells. + * 2. Behave like a block element + * 3. Style + */ +.uk-table { + /* 1 */ + border-collapse: collapse; + border-spacing: 0; + /* 2 */ + width: 100%; + /* 3 */ + margin-bottom: 20px; +} +/* Add margin if adjacent element */ +* + .uk-table { + margin-top: 20px; +} +/* Header cell + ========================================================================== */ +/* + * 1. Style + */ +.uk-table th { + padding: 16px 12px; + text-align: left; + vertical-align: bottom; + /* 1 */ + font-size: 0.875rem; + font-weight: normal; + color: #999; + text-transform: uppercase; +} +/* Cell + ========================================================================== */ +.uk-table td { + padding: 16px 12px; + vertical-align: top; +} +/* + * Remove margin from the last-child + */ +.uk-table td > :last-child { + margin-bottom: 0; +} +/* Footer + ========================================================================== */ +.uk-table tfoot { + font-size: 0.875rem; +} +/* Caption + ========================================================================== */ +.uk-table caption { + font-size: 0.875rem; + text-align: left; + color: #999; +} +/* Alignment modifier + ========================================================================== */ +.uk-table-middle, +.uk-table-middle td { + vertical-align: middle !important; +} +/* Style modifiers + ========================================================================== */ +/* + * Divider + */ +.uk-table-divider > tr:not(:first-child), +.uk-table-divider > :not(:first-child) > tr, +.uk-table-divider > :first-child > tr:not(:first-child) { + border-top: 1px solid #e5e5e5; +} +/* + * Striped + */ +.uk-table-striped > tr:nth-of-type(odd), +.uk-table-striped tbody tr:nth-of-type(odd) { + background: #f8f8f8; + border-top: 1px solid #e5e5e5; + border-bottom: 1px solid #e5e5e5; +} +/* + * Hover + */ +.uk-table-hover > tr:hover, +.uk-table-hover tbody tr:hover { + background: #ffd; +} +/* Active state + ========================================================================== */ +.uk-table > tr.uk-active, +.uk-table tbody tr.uk-active { + background: #ffd; +} +/* Size modifier + ========================================================================== */ +.uk-table-small th, +.uk-table-small td { + padding: 10px 12px; +} +.uk-table-large th, +.uk-table-large td { + padding: 22px 12px; +} +/* Justify modifier + ========================================================================== */ +.uk-table-justify th:first-child, +.uk-table-justify td:first-child { + padding-left: 0; +} +.uk-table-justify th:last-child, +.uk-table-justify td:last-child { + padding-right: 0; +} +/* Cell size modifier + ========================================================================== */ +.uk-table-shrink { + width: 1px; +} +.uk-table-expand { + min-width: 150px; +} +/* Cell link modifier + ========================================================================== */ +/* + * Does not work with `uk-table-justify` at the moment + */ +.uk-table-link { + padding: 0 !important; +} +.uk-table-link > a { + display: block; + padding: 16px 12px; +} +.uk-table-small .uk-table-link > a { + padding: 10px 12px; +} +/* Responsive table + ========================================================================== */ +/* Phone landscape and smaller */ +@media (max-width: 959px) { + .uk-table-responsive, + .uk-table-responsive tbody, + .uk-table-responsive th, + .uk-table-responsive td, + .uk-table-responsive tr { + display: block; + } + .uk-table-responsive thead { + display: none; + } + .uk-table-responsive th, + .uk-table-responsive td { + width: auto !important; + max-width: none !important; + min-width: 0 !important; + overflow: visible !important; + white-space: normal !important; + } + .uk-table-responsive th:not(:first-child):not(.uk-table-link), + .uk-table-responsive td:not(:first-child):not(.uk-table-link), + .uk-table-responsive .uk-table-link:not(:first-child) > a { + padding-top: 5px !important; + } + .uk-table-responsive th:not(:last-child):not(.uk-table-link), + .uk-table-responsive td:not(:last-child):not(.uk-table-link), + .uk-table-responsive .uk-table-link:not(:last-child) > a { + padding-bottom: 5px !important; + } + .uk-table-justify.uk-table-responsive th, + .uk-table-justify.uk-table-responsive td { + padding-left: 0; + padding-right: 0; + } +} +.uk-table tbody tr { + transition: background-color 0.1s linear; +} +.uk-table-striped > tr:nth-of-type(even):last-child, +.uk-table-striped tbody tr:nth-of-type(even):last-child { + border-bottom: 1px solid #e5e5e5; +} +/* ======================================================================== + Component: Icon + ========================================================================== */ +/* + * Note: 1. - 7. is required for `button` elements. Needed for Close and Form Icon component. + * 1. Remove margins in Chrome, Safari and Opera. + * 2. Remove borders for `button`. + * 3. Remove border-radius in Chrome. + * 4. Address `overflow` set to `hidden` in IE. + * 5. Correct `font` properties and `color` not being inherited for `button`. + * 6. Remove the inheritance of text transform in Edge, Firefox, and IE. + * 7. Remove default `button` padding and background color + * 8. Style + * 9. Fill all SVG elements with the current text color if no `fill` attribute is set + * 10. Let the container fit the height of the icon + */ +.uk-icon { + /* 1 */ + margin: 0; + /* 2 */ + border: none; + /* 3 */ + border-radius: 0; + /* 4 */ + overflow: visible; + /* 5 */ + font: inherit; + color: inherit; + /* 6 */ + text-transform: none; + /* 7. */ + padding: 0; + background-color: transparent; + /* 8 */ + display: inline-block; + /* 9 */ + fill: currentcolor; + /* 10 */ + line-height: 0; +} +/* Required for `button`. */ +button.uk-icon:not(:disabled) { + cursor: pointer; +} +/* + * Remove the inner border and padding in Firefox. + */ +.uk-icon::-moz-focus-inner { + border: 0; + padding: 0; +} +/* + * Set the fill and stroke color of all SVG elements to the current text color + */ +.uk-icon:not(.uk-preserve) [fill*="#"]:not(.uk-preserve) { + fill: currentcolor; +} +.uk-icon:not(.uk-preserve) [stroke*="#"]:not(.uk-preserve) { + stroke: currentcolor; +} +/* + * Fix Firefox blurry SVG rendering: https://bugzilla.mozilla.org/show_bug.cgi?id=1046835 + */ +.uk-icon > * { + transform: translate(0, 0); +} +/* Image modifier + ========================================================================== */ +/* + * Display images in icon dimensions + * 1. Required for `span` with background image + * 2. Required for `image` + */ +.uk-icon-image { + width: 20px; + height: 20px; + /* 1 */ + background-position: 50% 50%; + background-repeat: no-repeat; + background-size: contain; + vertical-align: middle; + /* 2 */ + object-fit: scale-down; + max-width: none; +} +/* Style modifiers + ========================================================================== */ +/* + * Link + * 1. Allow text within link + */ +.uk-icon-link { + color: #999; + /* 1 */ + text-decoration: none !important; +} +.uk-icon-link:hover { + color: #666; +} +/* OnClick + Active */ +.uk-icon-link:active, +.uk-active > .uk-icon-link { + color: #595959; +} +/* + * Button + * 1. Center icon vertically and horizontally + */ +.uk-icon-button { + box-sizing: border-box; + width: 36px; + height: 36px; + border-radius: 500px; + background: #f8f8f8; + color: #999; + vertical-align: middle; + /* 1 */ + display: inline-flex; + justify-content: center; + align-items: center; + transition: 0.1s ease-in-out; + transition-property: color, background-color; +} +/* Hover */ +.uk-icon-button:hover { + background-color: #ebebeb; + color: #666; +} +/* OnClick + Active */ +.uk-icon-button:active, +.uk-active > .uk-icon-button { + background-color: #dfdfdf; + color: #666; +} +/* ======================================================================== + Component: Form Range + ========================================================================== */ +/* + * 1. Remove default style. + * 2. Define consistent box sizing. + * 3. Remove `margin` in all browsers. + * 4. Align to the center of the line box. + * 5. Prevent content overflow if a fixed width is used. + * 6. Take the full width. + * 7. Remove white background in Chrome. + */ +.uk-range { + /* 1 */ + -webkit-appearance: none; + /* 2 */ + box-sizing: border-box; + /* 3 */ + margin: 0; + /* 4 */ + vertical-align: middle; + /* 5 */ + max-width: 100%; + /* 6 */ + width: 100%; + /* 7 */ + background: transparent; +} +/* Focus */ +.uk-range:focus { + outline: none; +} +.uk-range::-moz-focus-outer { + border: none; +} +/* + * Improves consistency of cursor style for clickable elements + */ +.uk-range:not(:disabled)::-webkit-slider-thumb { + cursor: pointer; +} +.uk-range:not(:disabled)::-moz-range-thumb { + cursor: pointer; +} +/* + * Track + * 1. Safari doesn't have a focus state. Using active instead. + */ +/* Webkit */ +.uk-range::-webkit-slider-runnable-track { + height: 3px; + background: #ebebeb; + border-radius: 500px; +} +.uk-range:focus::-webkit-slider-runnable-track, +.uk-range:active::-webkit-slider-runnable-track { + background: #dedede; +} +/* Firefox */ +.uk-range::-moz-range-track { + height: 3px; + background: #ebebeb; + border-radius: 500px; +} +.uk-range:focus::-moz-range-track { + background: #dedede; +} +/* + * Thumb + * 1. Reset + * 2. Style + */ +/* Webkit */ +.uk-range::-webkit-slider-thumb { + /* 1 */ + -webkit-appearance: none; + margin-top: -7px; + /* 2 */ + height: 15px; + width: 15px; + border-radius: 500px; + background: #fff; + border: 1px solid #cccccc; +} +/* Firefox */ +.uk-range::-moz-range-thumb { + /* 1 */ + border: none; + /* 2 */ + height: 15px; + width: 15px; + margin-top: -7px; + border-radius: 500px; + background: #fff; + border: 1px solid #cccccc; +} +/* ======================================================================== + Component: Form + ========================================================================== */ +/* + * 1. Define consistent box sizing. + * Default is `content-box` with following exceptions set to `border-box` + * `select`, `input[type="checkbox"]` and `input[type="radio"]` + * `input[type="search"]` in Chrome, Safari and Opera + * `input[type="color"]` in Firefox + * 2. Address margins set differently in Firefox/IE and Chrome/Safari/Opera. + * 3. Remove `border-radius` in iOS. + * 4. Change font properties to `inherit` in all browsers. + */ +.uk-input, +.uk-select, +.uk-textarea, +.uk-radio, +.uk-checkbox { + /* 1 */ + box-sizing: border-box; + /* 2 */ + margin: 0; + /* 3 */ + border-radius: 0; + /* 4 */ + font: inherit; +} +/* + * Show the overflow in Edge. + */ +.uk-input { + overflow: visible; +} +/* + * Remove the inheritance of text transform in Firefox. + */ +.uk-select { + text-transform: none; +} +/* + * 1. Change font properties to `inherit` in all browsers + * 2. Don't inherit the `font-weight` and use `bold` instead. + * NOTE: Both declarations don't work in Chrome, Safari and Opera. + */ +.uk-select optgroup { + /* 1 */ + font: inherit; + /* 2 */ + font-weight: bold; +} +/* + * Remove the default vertical scrollbar in IE 10+. + */ +.uk-textarea { + overflow: auto; +} +/* + * Remove the inner padding and cancel buttons in Chrome on OS X and Safari on OS X. + */ +.uk-input[type="search"]::-webkit-search-cancel-button, +.uk-input[type="search"]::-webkit-search-decoration { + -webkit-appearance: none; +} +/* + * Correct the cursor style of increment and decrement buttons in Chrome. + */ +.uk-input[type="number"]::-webkit-inner-spin-button, +.uk-input[type="number"]::-webkit-outer-spin-button { + height: auto; +} +/* + * Removes placeholder transparency in Firefox. + */ +.uk-input::-moz-placeholder, +.uk-textarea::-moz-placeholder { + opacity: 1; +} +/* + * Improves consistency of cursor style for clickable elements + */ +.uk-radio:not(:disabled), +.uk-checkbox:not(:disabled) { + cursor: pointer; +} +/* + * Define consistent border, margin, and padding. + * 1. Reset `min-width` + */ +.uk-fieldset { + border: none; + margin: 0; + padding: 0; + /* 1 */ + min-width: 0; +} +/* Input, select and textarea + * Allowed: `text`, `password`, `datetime-local`, `date`, `month`, + `time`, `week`, `number`, `email`, `url`, `search`, `tel`, `color` + * Disallowed: `range`, `radio`, `checkbox`, `file`, `submit`, `reset` and `image` + ========================================================================== */ +/* + * Remove default style in iOS. + */ +.uk-input, +.uk-textarea { + -webkit-appearance: none; +} +/* + * 1. Prevent content overflow if a fixed width is used + * 2. Take the full width + * 3. Reset default + * 4. Style + */ +.uk-input, +.uk-select, +.uk-textarea { + /* 1 */ + max-width: 100%; + /* 2 */ + width: 100%; + /* 3 */ + border: 0 none; + /* 4 */ + padding: 0 10px; + background: #fff; + color: #666; + border: 1px solid #e5e5e5; + transition: 0.2s ease-in-out; + transition-property: color, background-color, border; +} +/* + * Single-line + * 1. Allow any element to look like an `input` or `select` element + * 2. Make sure line-height is not larger than height + * Also needed to center the text vertically + */ +.uk-input, +.uk-select:not([multiple]):not([size]) { + height: 40px; + vertical-align: middle; + /* 1 */ + display: inline-block; +} +/* 2 */ +.uk-input:not(input), +.uk-select:not(select) { + line-height: 38px; +} +/* + * Multi-line + */ +.uk-select[multiple], +.uk-select[size], +.uk-textarea { + padding-top: 6px; + padding-bottom: 6px; + vertical-align: top; +} +.uk-select[multiple], +.uk-select[size] { + resize: vertical; +} +/* Focus */ +.uk-input:focus, +.uk-select:focus, +.uk-textarea:focus { + outline: none; + background-color: #fff; + color: #666; + border-color: #1e87f0; +} +/* Disabled */ +.uk-input:disabled, +.uk-select:disabled, +.uk-textarea:disabled { + background-color: #f8f8f8; + color: #999; + border-color: #e5e5e5; +} +/* + * Placeholder + */ +.uk-input::placeholder { + color: #999; +} +.uk-textarea::placeholder { + color: #999; +} +/* Style modifier (`uk-input`, `uk-select` and `uk-textarea`) + ========================================================================== */ +/* + * Small + */ +.uk-form-small { + font-size: 0.875rem; +} +/* Single-line */ +.uk-form-small:not(textarea):not([multiple]):not([size]) { + height: 30px; + padding-left: 8px; + padding-right: 8px; +} +/* Multi-line */ +textarea.uk-form-small, +[multiple].uk-form-small, +[size].uk-form-small { + padding: 5px 8px; +} +.uk-form-small:not(select):not(input):not(textarea) { + line-height: 28px; +} +/* + * Large + */ +.uk-form-large { + font-size: 1.25rem; +} +/* Single-line */ +.uk-form-large:not(textarea):not([multiple]):not([size]) { + height: 55px; + padding-left: 12px; + padding-right: 12px; +} +/* Multi-line */ +textarea.uk-form-large, +[multiple].uk-form-large, +[size].uk-form-large { + padding: 7px 12px; +} +.uk-form-large:not(select):not(input):not(textarea) { + line-height: 53px; +} +/* Style modifier (`uk-input`, `uk-select` and `uk-textarea`) + ========================================================================== */ +/* + * Error + */ +.uk-form-danger, +.uk-form-danger:focus { + color: #f0506e; + border-color: #f0506e; +} +/* + * Success + */ +.uk-form-success, +.uk-form-success:focus { + color: #32d296; + border-color: #32d296; +} +/* + * Blank + */ +.uk-form-blank { + background: none; + border-color: transparent; +} +.uk-form-blank:focus { + border-color: #e5e5e5; + border-style: solid; +} +/* Width modifiers (`uk-input`, `uk-select` and `uk-textarea`) + ========================================================================== */ +/* + * Fixed widths + * Different widths for mini sized `input` and `select` elements + */ +input.uk-form-width-xsmall { + width: 50px; +} +select.uk-form-width-xsmall { + width: 75px; +} +.uk-form-width-small { + width: 130px; +} +.uk-form-width-medium { + width: 200px; +} +.uk-form-width-large { + width: 500px; +} +/* Select + ========================================================================== */ +/* + * 1. Remove default style. Also works in Firefox + * 2. Style + * 3. Set `color` for options in the select dropdown, because the inherited `color` might be too light. + */ +.uk-select:not([multiple]):not([size]) { + /* 1 */ + -webkit-appearance: none; + -moz-appearance: none; + /* 2 */ + padding-right: 20px; + background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2224%22%20height%3D%2216%22%20viewBox%3D%220%200%2024%2016%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Cpolygon%20fill%3D%22%23666%22%20points%3D%2212%201%209%206%2015%206%22%20%2F%3E%0A%20%20%20%20%3Cpolygon%20fill%3D%22%23666%22%20points%3D%2212%2013%209%208%2015%208%22%20%2F%3E%0A%3C%2Fsvg%3E%0A"); + background-repeat: no-repeat; + background-position: 100% 50%; +} +/* 3 */ +.uk-select:not([multiple]):not([size]) option { + color: #666; +} +/* + * Disabled + */ +.uk-select:not([multiple]):not([size]):disabled { + background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2224%22%20height%3D%2216%22%20viewBox%3D%220%200%2024%2016%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Cpolygon%20fill%3D%22%23999%22%20points%3D%2212%201%209%206%2015%206%22%20%2F%3E%0A%20%20%20%20%3Cpolygon%20fill%3D%22%23999%22%20points%3D%2212%2013%209%208%2015%208%22%20%2F%3E%0A%3C%2Fsvg%3E%0A"); +} +/* Datalist + ========================================================================== */ +/* + * 1. Remove default style in Chrome + */ +.uk-input[list] { + padding-right: 20px; + background-repeat: no-repeat; + background-position: 100% 50%; +} +.uk-input[list]:hover, +.uk-input[list]:focus { + background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2224%22%20height%3D%2216%22%20viewBox%3D%220%200%2024%2016%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Cpolygon%20fill%3D%22%23666%22%20points%3D%2212%2012%208%206%2016%206%22%20%2F%3E%0A%3C%2Fsvg%3E%0A"); +} +/* 1 */ +.uk-input[list]::-webkit-calendar-picker-indicator { + display: none !important; +} +/* Radio and checkbox + ========================================================================== */ +/* + * 1. Style + * 2. Make box more robust so it clips the child element + * 3. Vertical alignment + * 4. Remove default style + * 5. Fix black background on iOS + * 6. Center icons + */ +.uk-radio, +.uk-checkbox { + /* 1 */ + display: inline-block; + height: 16px; + width: 16px; + /* 2 */ + overflow: hidden; + /* 3 */ + margin-top: -4px; + vertical-align: middle; + /* 4 */ + -webkit-appearance: none; + -moz-appearance: none; + /* 5 */ + background-color: transparent; + /* 6 */ + background-repeat: no-repeat; + background-position: 50% 50%; + border: 1px solid #cccccc; + transition: 0.2s ease-in-out; + transition-property: background-color, border; +} +.uk-radio { + border-radius: 50%; +} +/* Focus */ +.uk-radio:focus, +.uk-checkbox:focus { + background-color: rgba(0, 0, 0, 0); + outline: none; + border-color: #1e87f0; +} +/* + * Checked + */ +.uk-radio:checked, +.uk-checkbox:checked, +.uk-checkbox:indeterminate { + background-color: #1e87f0; + border-color: transparent; +} +/* Focus */ +.uk-radio:checked:focus, +.uk-checkbox:checked:focus, +.uk-checkbox:indeterminate:focus { + background-color: #0e6dcd; +} +/* + * Icons + */ +.uk-radio:checked { + background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Ccircle%20fill%3D%22%23fff%22%20cx%3D%228%22%20cy%3D%228%22%20r%3D%222%22%20%2F%3E%0A%3C%2Fsvg%3E"); +} +.uk-checkbox:checked { + background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2214%22%20height%3D%2211%22%20viewBox%3D%220%200%2014%2011%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Cpolygon%20fill%3D%22%23fff%22%20points%3D%2212%201%205%207.5%202%205%201%205.5%205%2010%2013%201.5%22%20%2F%3E%0A%3C%2Fsvg%3E%0A"); +} +.uk-checkbox:indeterminate { + background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Crect%20fill%3D%22%23fff%22%20x%3D%223%22%20y%3D%228%22%20width%3D%2210%22%20height%3D%221%22%20%2F%3E%0A%3C%2Fsvg%3E"); +} +/* + * Disabled + */ +.uk-radio:disabled, +.uk-checkbox:disabled { + background-color: #f8f8f8; + border-color: #e5e5e5; +} +.uk-radio:disabled:checked { + background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Ccircle%20fill%3D%22%23999%22%20cx%3D%228%22%20cy%3D%228%22%20r%3D%222%22%20%2F%3E%0A%3C%2Fsvg%3E"); +} +.uk-checkbox:disabled:checked { + background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2214%22%20height%3D%2211%22%20viewBox%3D%220%200%2014%2011%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Cpolygon%20fill%3D%22%23999%22%20points%3D%2212%201%205%207.5%202%205%201%205.5%205%2010%2013%201.5%22%20%2F%3E%0A%3C%2Fsvg%3E%0A"); +} +.uk-checkbox:disabled:indeterminate { + background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Crect%20fill%3D%22%23999%22%20x%3D%223%22%20y%3D%228%22%20width%3D%2210%22%20height%3D%221%22%20%2F%3E%0A%3C%2Fsvg%3E"); +} +/* Legend + ========================================================================== */ +/* + * Legend + * 1. Behave like block element + * 2. Correct the color inheritance from `fieldset` elements in IE. + * 3. Remove padding so people aren't caught out if they zero out fieldsets. + * 4. Style + */ +.uk-legend { + /* 1 */ + width: 100%; + /* 2 */ + color: inherit; + /* 3 */ + padding: 0; + /* 4 */ + font-size: 1.5rem; + line-height: 1.4; +} +/* Custom controls + ========================================================================== */ +/* + * 1. Container fits its content + * 2. Create position context + * 3. Prevent content overflow + * 4. Behave like most inline-block elements + */ +.uk-form-custom { + /* 1 */ + display: inline-block; + /* 2 */ + position: relative; + /* 3 */ + max-width: 100%; + /* 4 */ + vertical-align: middle; +} +/* + * 1. Position and resize the form control to always cover its container + * 2. Required for Firefox for positioning to the left + * 3. Required for Webkit to make `height` work + * 4. Hide controle and show cursor + * 5. Needed for the cursor + * 6. Clip height caused by 5. Needed for Webkit only + */ +.uk-form-custom select, +.uk-form-custom input[type="file"] { + /* 1 */ + position: absolute; + top: 0; + z-index: 1; + width: 100%; + height: 100%; + /* 2 */ + left: 0; + /* 3 */ + -webkit-appearance: none; + /* 4 */ + opacity: 0; + cursor: pointer; +} +.uk-form-custom input[type="file"] { + /* 5 */ + font-size: 500px; + /* 6 */ + overflow: hidden; +} +/* Label + ========================================================================== */ +.uk-form-label { + color: #333; + font-size: 0.875rem; +} +/* Layout + ========================================================================== */ +/* + * Stacked + */ +.uk-form-stacked .uk-form-label { + display: block; + margin-bottom: 5px; +} +/* + * Horizontal + */ +/* Tablet portrait and smaller */ +@media (max-width: 959px) { + /* Behave like `uk-form-stacked` */ + .uk-form-horizontal .uk-form-label { + display: block; + margin-bottom: 5px; + } +} +/* Tablet landscape and bigger */ +@media (min-width: 960px) { + .uk-form-horizontal .uk-form-label { + width: 200px; + margin-top: 7px; + float: left; + } + .uk-form-horizontal .uk-form-controls { + margin-left: 215px; + } + /* Better vertical alignment if controls are checkboxes and radio buttons with text */ + .uk-form-horizontal .uk-form-controls-text { + padding-top: 7px; + } +} +/* Icons + ========================================================================== */ +/* + * 1. Set position + * 2. Set width + * 3. Center icon vertically and horizontally + * 4. Style + */ +.uk-form-icon { + /* 1 */ + position: absolute; + top: 0; + bottom: 0; + left: 0; + /* 2 */ + width: 40px; + /* 3 */ + display: inline-flex; + justify-content: center; + align-items: center; + /* 4 */ + color: #999; +} +/* + * Required for `a`. + */ +.uk-form-icon:hover { + color: #666; +} +/* + * Make `input` element clickable through icon, e.g. if it's a `span` + */ +.uk-form-icon:not(a):not(button):not(input) { + pointer-events: none; +} +/* + * Input padding + */ +.uk-form-icon:not(.uk-form-icon-flip) ~ .uk-input { + padding-left: 40px !important; +} +/* + * Position modifier + */ +.uk-form-icon-flip { + right: 0; + left: auto; +} +.uk-form-icon-flip ~ .uk-input { + padding-right: 40px !important; +} +/* ======================================================================== + Component: Button + ========================================================================== */ +/* + * 1. Remove margins in Chrome, Safari and Opera. + * 2. Remove borders for `button`. + * 3. Address `overflow` set to `hidden` in IE. + * 4. Correct `font` properties and `color` not being inherited for `button`. + * 5. Remove the inheritance of text transform in Edge, Firefox, and IE. + * 6. Remove default style for `input type="submit"`in iOS. + * 7. Style + * 8. `line-height` is used to create a height because it also centers the text vertically for `a` elements. + * Better would be to use height and flexbox to center the text vertically but flexbox doesn't work in Firefox on `button` elements. + * 9. Align text if button has a width + * 10. Required for `a`. + */ +.uk-button { + /* 1 */ + margin: 0; + /* 2 */ + border: none; + /* 3 */ + overflow: visible; + /* 4 */ + font: inherit; + color: inherit; + /* 5 */ + text-transform: none; + /* 6 */ + -webkit-appearance: none; + border-radius: 0; + /* 7 */ + display: inline-block; + box-sizing: border-box; + padding: 0 30px; + vertical-align: middle; + font-size: 0.875rem; + /* 8 */ + line-height: 38px; + /* 9 */ + text-align: center; + /* 10 */ + text-decoration: none; + text-transform: uppercase; + transition: 0.1s ease-in-out; + transition-property: color, background-color, border-color; +} +.uk-button:not(:disabled) { + cursor: pointer; +} +/* + * Remove the inner border and padding in Firefox. + */ +.uk-button::-moz-focus-inner { + border: 0; + padding: 0; +} +/* Hover */ +.uk-button:hover { + /* 9 */ + text-decoration: none; +} +/* OnClick + Active */ +/* Style modifiers + ========================================================================== */ +/* + * Default + */ +.uk-button-default { + background-color: transparent; + color: #333; + border: 1px solid #e5e5e5; +} +/* Hover */ +.uk-button-default:hover { + background-color: transparent; + color: #333; + border-color: #b2b2b2; +} +/* OnClick + Active */ +.uk-button-default:active, +.uk-button-default.uk-active { + background-color: transparent; + color: #333; + border-color: #999999; +} +/* + * Primary + */ +.uk-button-primary { + background-color: #1e87f0; + color: #fff; + border: 1px solid transparent; +} +/* Hover */ +.uk-button-primary:hover { + background-color: #0f7ae5; + color: #fff; +} +/* OnClick + Active */ +.uk-button-primary:active, +.uk-button-primary.uk-active { + background-color: #0e6dcd; + color: #fff; +} +/* + * Secondary + */ +.uk-button-secondary { + background-color: #222; + color: #fff; + border: 1px solid transparent; +} +/* Hover */ +.uk-button-secondary:hover { + background-color: #151515; + color: #fff; +} +/* OnClick + Active */ +.uk-button-secondary:active, +.uk-button-secondary.uk-active { + background-color: #080808; + color: #fff; +} +/* + * Danger + */ +.uk-button-danger { + background-color: #f0506e; + color: #fff; + border: 1px solid transparent; +} +/* Hover */ +.uk-button-danger:hover { + background-color: #ee395b; + color: #fff; +} +/* OnClick + Active */ +.uk-button-danger:active, +.uk-button-danger.uk-active { + background-color: #ec2147; + color: #fff; +} +/* + * Disabled + * The same for all style modifiers + */ +.uk-button-default:disabled, +.uk-button-primary:disabled, +.uk-button-secondary:disabled, +.uk-button-danger:disabled { + background-color: transparent; + color: #999; + border-color: #e5e5e5; +} +/* Size modifiers + ========================================================================== */ +.uk-button-small { + padding: 0 15px; + line-height: 28px; + font-size: 0.875rem; +} +.uk-button-large { + padding: 0 40px; + line-height: 53px; + font-size: 0.875rem; +} +/* Text modifiers + ========================================================================== */ +/* + * Text + * 1. Reset + * 2. Style + */ +.uk-button-text { + /* 1 */ + padding: 0; + line-height: 1.5; + background: none; + /* 2 */ + color: #333; + position: relative; +} +.uk-button-text::before { + content: ""; + position: absolute; + bottom: 0; + left: 0; + right: 100%; + border-bottom: 1px solid currentColor; + transition: right 0.3s ease-out; +} +/* Hover */ +.uk-button-text:hover { + color: #333; +} +.uk-button-text:hover::before { + right: 0; +} +/* Disabled */ +.uk-button-text:disabled { + color: #999; +} +.uk-button-text:disabled::before { + display: none; +} +/* + * Link + * 1. Reset + * 2. Style + */ +.uk-button-link { + /* 1 */ + padding: 0; + line-height: 1.5; + background: none; + /* 2 */ + color: #333; +} +/* Hover */ +.uk-button-link:hover { + color: #999; + text-decoration: none; +} +/* Disabled */ +.uk-button-link:disabled { + color: #999; + text-decoration: none; +} +/* Group + ========================================================================== */ +/* + * 1. Using `flex` instead of `inline-block` to prevent whitespace betweent child elements + * 2. Behave like button + * 3. Create position context + */ +.uk-button-group { + /* 1 */ + display: inline-flex; + /* 2 */ + vertical-align: middle; + /* 3 */ + position: relative; +} +/* Group + ========================================================================== */ +/* + * Collapse border + */ +.uk-button-group > .uk-button:nth-child(n+2), +.uk-button-group > div:nth-child(n+2) .uk-button { + margin-left: -1px; +} +/* + * Create position context to superimpose the successor elements border + * Known issue: If you use an `a` element as button and an icon inside, + * the active state will not work if you click the icon inside the button + * Workaround: Just use a `button` or `input` element as button + */ +.uk-button-group .uk-button:hover, +.uk-button-group .uk-button:focus, +.uk-button-group .uk-button:active, +.uk-button-group .uk-button.uk-active { + position: relative; + z-index: 1; +} +/* ======================================================================== + Component: Progress + ========================================================================== */ +/* + * 1. Add the correct vertical alignment in all browsers. + * 2. Behave like a block element. + * 3. Remove borders in Firefox. + * 4. Remove default style in Chrome, Safari and Edge. + * 5. Style + */ +.uk-progress { + /* 1 */ + vertical-align: baseline; + /* 2 */ + display: block; + width: 100%; + /* 3 */ + border: 0; + /* 4 */ + background-color: #f8f8f8; + /* 5 */ + margin-bottom: 20px; + height: 15px; + border-radius: 500px; + overflow: hidden; +} +/* Add margin if adjacent element */ +* + .uk-progress { + margin-top: 20px; +} +/* + * Show background color set on `uk-progress` in Chrome, Safari and Edge. + */ +.uk-progress::-webkit-progress-bar { + background-color: transparent; +} +/* + * Progress Bar + * 1. Transitions don't work on `::-moz-progress-bar` pseudo element in Firefox yet. + * https://bugzilla.mozilla.org/show_bug.cgi?id=662351 + */ +.uk-progress::-webkit-progress-value { + background-color: #1e87f0; + transition: width 0.6s ease; +} +.uk-progress::-moz-progress-bar { + background-color: #1e87f0; + /* 1 */ + transition: width 0.6s ease; +} +/* ======================================================================== + Component: Section + ========================================================================== */ +/* + * 1. Make it work with `100vh` and height in general + */ +.uk-section { + display: flow-root; + box-sizing: border-box; + /* 1 */ + padding-top: 40px; + padding-bottom: 40px; +} +/* Desktop and bigger */ +@media (min-width: 960px) { + .uk-section { + padding-top: 70px; + padding-bottom: 70px; + } +} +/* + * Remove margin from the last-child + */ +.uk-section > :last-child { + margin-bottom: 0; +} +/* Size modifiers + ========================================================================== */ +/* + * XSmall + */ +.uk-section-xsmall { + padding-top: 20px; + padding-bottom: 20px; +} +/* + * Small + */ +.uk-section-small { + padding-top: 40px; + padding-bottom: 40px; +} +/* + * Large + */ +.uk-section-large { + padding-top: 70px; + padding-bottom: 70px; +} +/* Tablet landscape and bigger */ +@media (min-width: 960px) { + .uk-section-large { + padding-top: 140px; + padding-bottom: 140px; + } +} +/* + * XLarge + */ +.uk-section-xlarge { + padding-top: 140px; + padding-bottom: 140px; +} +/* Tablet landscape and bigger */ +@media (min-width: 960px) { + .uk-section-xlarge { + padding-top: 210px; + padding-bottom: 210px; + } +} +/* Style modifiers + ========================================================================== */ +/* + * Default + */ +.uk-section-default { + --uk-inverse: dark; + background: #fff; +} +/* + * Muted + */ +.uk-section-muted { + --uk-inverse: dark; + background: #f8f8f8; +} +/* + * Primary + */ +.uk-section-primary { + --uk-inverse: light; + background: #1e87f0; +} +/* + * Secondary + */ +.uk-section-secondary { + --uk-inverse: light; + background: #222; +} +/* Overlap modifier + ========================================================================== */ +/* + * Reserved modifier to make a section overlap another section with an border image + * Implemented by the theme + */ +/* ======================================================================== + Component: Container + ========================================================================== */ +/* + * 1. Box sizing has to be `content-box` so the max-width is always the same and + * unaffected by the padding on different breakpoints. It's important for the size modifiers. + */ +.uk-container { + display: flow-root; + /* 1 */ + box-sizing: content-box; + max-width: 1200px; + margin-left: auto; + margin-right: auto; + padding-left: 15px; + padding-right: 15px; +} +/* Phone landscape and bigger */ +@media (min-width: 640px) { + .uk-container { + padding-left: 30px; + padding-right: 30px; + } +} +/* Tablet landscape and bigger */ +@media (min-width: 960px) { + .uk-container { + padding-left: 40px; + padding-right: 40px; + } +} +/* + * Remove margin from the last-child + */ +.uk-container > :last-child { + margin-bottom: 0; +} +/* + * Remove padding from nested containers + */ +.uk-container .uk-container { + padding-left: 0; + padding-right: 0; +} +/* Size modifier + ========================================================================== */ +.uk-container-xsmall { + max-width: 750px; +} +.uk-container-small { + max-width: 900px; +} +.uk-container-large { + max-width: 1400px; +} +.uk-container-xlarge { + max-width: 1600px; +} +.uk-container-expand { + max-width: none; +} +/* Expand modifier + ========================================================================== */ +/* + * Expand one side only + */ +.uk-container-expand-left { + margin-left: 0; +} +.uk-container-expand-right { + margin-right: 0; +} +/* Phone landscape and bigger */ +@media (min-width: 640px) { + .uk-container-expand-left.uk-container-xsmall, + .uk-container-expand-right.uk-container-xsmall { + max-width: calc(50% + (750px / 2) - 30px); + } + .uk-container-expand-left.uk-container-small, + .uk-container-expand-right.uk-container-small { + max-width: calc(50% + (900px / 2) - 30px); + } +} +/* Tablet landscape and bigger */ +@media (min-width: 960px) { + .uk-container-expand-left, + .uk-container-expand-right { + max-width: calc(50% + (1200px / 2) - 40px); + } + .uk-container-expand-left.uk-container-xsmall, + .uk-container-expand-right.uk-container-xsmall { + max-width: calc(50% + (750px / 2) - 40px); + } + .uk-container-expand-left.uk-container-small, + .uk-container-expand-right.uk-container-small { + max-width: calc(50% + (900px / 2) - 40px); + } + .uk-container-expand-left.uk-container-large, + .uk-container-expand-right.uk-container-large { + max-width: calc(50% + (1400px / 2) - 40px); + } + .uk-container-expand-left.uk-container-xlarge, + .uk-container-expand-right.uk-container-xlarge { + max-width: calc(50% + (1600px / 2) - 40px); + } +} +/* Item + ========================================================================== */ +/* + * Utility classes to reset container padding on the left or right side + * Note: It has to be negative margin on the item, because it's specific to the item. + */ +.uk-container-item-padding-remove-left, +.uk-container-item-padding-remove-right { + width: calc(100% + 15px); +} +.uk-container-item-padding-remove-left { + margin-left: -15px; +} +.uk-container-item-padding-remove-right { + margin-right: -15px; +} +/* Phone landscape and bigger */ +@media (min-width: 640px) { + .uk-container-item-padding-remove-left, + .uk-container-item-padding-remove-right { + width: calc(100% + 30px); + } + .uk-container-item-padding-remove-left { + margin-left: -30px; + } + .uk-container-item-padding-remove-right { + margin-right: -30px; + } +} +/* Tablet landscape and bigger */ +@media (min-width: 960px) { + .uk-container-item-padding-remove-left, + .uk-container-item-padding-remove-right { + width: calc(100% + 40px); + } + .uk-container-item-padding-remove-left { + margin-left: -40px; + } + .uk-container-item-padding-remove-right { + margin-right: -40px; + } +} +/* ======================================================================== + Component: Tile + ========================================================================== */ +.uk-tile { + display: flow-root; + position: relative; + box-sizing: border-box; + padding-left: 15px; + padding-right: 15px; + padding-top: 40px; + padding-bottom: 40px; +} +/* Phone landscape and bigger */ +@media (min-width: 640px) { + .uk-tile { + padding-left: 30px; + padding-right: 30px; + } +} +/* Tablet landscape and bigger */ +@media (min-width: 960px) { + .uk-tile { + padding-left: 40px; + padding-right: 40px; + padding-top: 70px; + padding-bottom: 70px; + } +} +/* + * Remove margin from the last-child + */ +.uk-tile > :last-child { + margin-bottom: 0; +} +/* Size modifiers + ========================================================================== */ +/* + * XSmall + */ +.uk-tile-xsmall { + padding-top: 20px; + padding-bottom: 20px; +} +/* + * Small + */ +.uk-tile-small { + padding-top: 40px; + padding-bottom: 40px; +} +/* + * Large + */ +.uk-tile-large { + padding-top: 70px; + padding-bottom: 70px; +} +/* Tablet landscape and bigger */ +@media (min-width: 960px) { + .uk-tile-large { + padding-top: 140px; + padding-bottom: 140px; + } +} +/* + * XLarge + */ +.uk-tile-xlarge { + padding-top: 140px; + padding-bottom: 140px; +} +/* Tablet landscape and bigger */ +@media (min-width: 960px) { + .uk-tile-xlarge { + padding-top: 210px; + padding-bottom: 210px; + } +} +/* Style modifiers + ========================================================================== */ +/* + * Default + */ +.uk-tile-default { + --uk-inverse: dark; + background-color: #fff; +} +/* + * Muted + */ +.uk-tile-muted { + --uk-inverse: dark; + background-color: #f8f8f8; +} +/* + * Primary + */ +.uk-tile-primary { + --uk-inverse: light; + background-color: #1e87f0; +} +/* + * Secondary + */ +.uk-tile-secondary { + --uk-inverse: light; + background-color: #222; +} +/* ======================================================================== + Component: Card + ========================================================================== */ +.uk-card { + position: relative; + box-sizing: border-box; + transition: box-shadow 0.1s ease-in-out; +} +/* Sections + ========================================================================== */ +.uk-card-body { + display: flow-root; + padding: 30px 30px; +} +.uk-card-header { + display: flow-root; + padding: 15px 30px; +} +.uk-card-footer { + display: flow-root; + padding: 15px 30px; +} +/* Desktop and bigger */ +@media (min-width: 1200px) { + .uk-card-body { + padding: 40px 40px; + } + .uk-card-header { + padding: 20px 40px; + } + .uk-card-footer { + padding: 20px 40px; + } +} +/* + * Remove margin from the last-child + */ +.uk-card-body > :last-child, +.uk-card-header > :last-child, +.uk-card-footer > :last-child { + margin-bottom: 0; +} +/* Media + ========================================================================== */ +/* + * Reserved alignment modifier to style the media element, e.g. with `border-radius` + * Implemented by the theme + */ +/* Title + ========================================================================== */ +.uk-card-title { + font-size: 1.5rem; + line-height: 1.4; +} +/* Badge + ========================================================================== */ +/* + * 1. Position + * 2. Size + * 3. Style + * 4. Center child vertically + */ +.uk-card-badge { + /* 1 */ + position: absolute; + top: 15px; + right: 15px; + z-index: 1; + /* 2 */ + height: 22px; + padding: 0 10px; + /* 3 */ + background: #1e87f0; + color: #fff; + font-size: 0.875rem; + /* 4 */ + display: flex; + justify-content: center; + align-items: center; + line-height: 0; + border-radius: 2px; + text-transform: uppercase; +} +/* + * Remove margin from adjacent element + */ +.uk-card-badge:first-child + * { + margin-top: 0; +} +/* Hover modifier + ========================================================================== */ +.uk-card-hover:not(.uk-card-default):not(.uk-card-primary):not(.uk-card-secondary):hover { + background-color: #fff; + box-shadow: 0 14px 25px rgba(0, 0, 0, 0.16); +} +/* Style modifiers + ========================================================================== */ +/* + * Default + * Note: Header and Footer are only implemented for the default style + */ +.uk-card-default { + --uk-inverse: dark; + background-color: #fff; + color: #666; + box-shadow: 0 5px 15px rgba(0, 0, 0, 0.08); +} +.uk-card-default .uk-card-title { + color: #333; +} +.uk-card-default.uk-card-hover:hover { + background-color: #fff; + box-shadow: 0 14px 25px rgba(0, 0, 0, 0.16); +} +.uk-card-default .uk-card-header { + border-bottom: 1px solid #e5e5e5; +} +.uk-card-default .uk-card-footer { + border-top: 1px solid #e5e5e5; +} +/* + * Primary + */ +.uk-card-primary { + --uk-inverse: light; + background-color: #1e87f0; + color: #fff; + box-shadow: 0 5px 15px rgba(0, 0, 0, 0.08); +} +.uk-card-primary .uk-card-title { + color: #fff; +} +.uk-card-primary.uk-card-hover:hover { + background-color: #1e87f0; + box-shadow: 0 14px 25px rgba(0, 0, 0, 0.16); +} +/* + * Secondary + */ +.uk-card-secondary { + --uk-inverse: light; + background-color: #222; + color: #fff; + box-shadow: 0 5px 15px rgba(0, 0, 0, 0.08); +} +.uk-card-secondary .uk-card-title { + color: #fff; +} +.uk-card-secondary.uk-card-hover:hover { + background-color: #222; + box-shadow: 0 14px 25px rgba(0, 0, 0, 0.16); +} +/* Size modifier + ========================================================================== */ +/* + * Small + */ +.uk-card-small.uk-card-body, +.uk-card-small .uk-card-body { + padding: 20px 20px; +} +.uk-card-small .uk-card-header { + padding: 13px 20px; +} +.uk-card-small .uk-card-footer { + padding: 13px 20px; +} +/* + * Large + */ +/* Desktop and bigger */ +@media (min-width: 1200px) { + .uk-card-large.uk-card-body, + .uk-card-large .uk-card-body { + padding: 70px 70px; + } + .uk-card-large .uk-card-header { + padding: 35px 70px; + } + .uk-card-large .uk-card-footer { + padding: 35px 70px; + } +} +/* + * Default + */ +.uk-card-body > .uk-nav-default { + margin-left: -30px; + margin-right: -30px; +} +.uk-card-body > .uk-nav-default:only-child { + margin-top: -15px; + margin-bottom: -15px; +} +.uk-card-body > .uk-nav-default > li > a, +.uk-card-body > .uk-nav-default .uk-nav-header, +.uk-card-body > .uk-nav-default .uk-nav-divider { + padding-left: 30px; + padding-right: 30px; +} +.uk-card-body > .uk-nav-default .uk-nav-sub { + padding-left: 45px; +} +/* Desktop and bigger */ +@media (min-width: 1200px) { + .uk-card-body > .uk-nav-default { + margin-left: -40px; + margin-right: -40px; + } + .uk-card-body > .uk-nav-default:only-child { + margin-top: -25px; + margin-bottom: -25px; + } + .uk-card-body > .uk-nav-default > li > a, + .uk-card-body > .uk-nav-default .uk-nav-header, + .uk-card-body > .uk-nav-default .uk-nav-divider { + padding-left: 40px; + padding-right: 40px; + } + .uk-card-body > .uk-nav-default .uk-nav-sub { + padding-left: 55px; + } +} +/* + * Small + */ +.uk-card-small > .uk-nav-default { + margin-left: -20px; + margin-right: -20px; +} +.uk-card-small > .uk-nav-default:only-child { + margin-top: -5px; + margin-bottom: -5px; +} +.uk-card-small > .uk-nav-default > li > a, +.uk-card-small > .uk-nav-default .uk-nav-header, +.uk-card-small > .uk-nav-default .uk-nav-divider { + padding-left: 20px; + padding-right: 20px; +} +.uk-card-small > .uk-nav-default .uk-nav-sub { + padding-left: 35px; +} +/* + * Large + */ +/* Desktop and bigger */ +@media (min-width: 1200px) { + .uk-card-large > .uk-nav-default { + margin: 0; + } + .uk-card-large > .uk-nav-default:only-child { + margin: 0; + } + .uk-card-large > .uk-nav-default > li > a, + .uk-card-large > .uk-nav-default .uk-nav-header, + .uk-card-large > .uk-nav-default .uk-nav-divider { + padding-left: 0; + padding-right: 0; + } + .uk-card-large > .uk-nav-default .uk-nav-sub { + padding-left: 15px; + } +} +/* ======================================================================== + Component: Close + ========================================================================== */ +/* + * Adopts `uk-icon` + */ +.uk-close { + color: #999; + transition: 0.1s ease-in-out; + transition-property: color, opacity; +} +/* Hover */ +.uk-close:hover { + color: #666; +} +/* ======================================================================== + Component: Spinner + ========================================================================== */ +/* + * Adopts `uk-icon` + */ +/* SVG + ========================================================================== */ +.uk-spinner > * { + animation: uk-spinner-rotate 1.4s linear infinite; +} +@keyframes uk-spinner-rotate { + 0% { + transform: rotate(0deg); + } + 100% { + transform: rotate(270deg); + } +} +/* + * Circle + */ +.uk-spinner > * > * { + stroke-dasharray: 88px; + stroke-dashoffset: 0; + transform-origin: center; + animation: uk-spinner-dash 1.4s ease-in-out infinite; + stroke-width: 1; + stroke-linecap: round; +} +@keyframes uk-spinner-dash { + 0% { + stroke-dashoffset: 88px; + } + 50% { + stroke-dashoffset: 22px; + transform: rotate(135deg); + } + 100% { + stroke-dashoffset: 88px; + transform: rotate(450deg); + } +} +/* ======================================================================== + Component: Totop + ========================================================================== */ +/* + * Addopts `uk-icon` + */ +.uk-totop { + padding: 5px; + color: #999; + transition: color 0.1s ease-in-out; +} +/* Hover */ +.uk-totop:hover { + color: #666; +} +/* OnClick */ +.uk-totop:active { + color: #333; +} +/* ======================================================================== + Component: Marker + ========================================================================== */ +/* + * Addopts `uk-icon` + */ +.uk-marker { + padding: 5px; + background: #222; + color: #fff; + border-radius: 500px; +} +/* Hover */ +.uk-marker:hover { + color: #fff; +} +/* ======================================================================== + Component: Alert + ========================================================================== */ +.uk-alert { + position: relative; + margin-bottom: 20px; + padding: 15px 29px 15px 15px; + background: #f8f8f8; + color: #666; +} +/* Add margin if adjacent element */ +* + .uk-alert { + margin-top: 20px; +} +/* + * Remove margin from the last-child + */ +.uk-alert > :last-child { + margin-bottom: 0; +} +/* Close + * Adopts `uk-close` + ========================================================================== */ +.uk-alert-close { + position: absolute; + top: 20px; + right: 15px; + color: inherit; + opacity: 0.4; +} +/* + * Remove margin from adjacent element + */ +.uk-alert-close:first-child + * { + margin-top: 0; +} +/* + * Hover + */ +.uk-alert-close:hover { + color: inherit; + opacity: 0.8; +} +/* Style modifiers + ========================================================================== */ +/* + * Primary + */ +.uk-alert-primary { + background: #d8eafc; + color: #1e87f0; +} +/* + * Success + */ +.uk-alert-success { + background: #edfbf6; + color: #32d296; +} +/* + * Warning + */ +.uk-alert-warning { + background: #fff6ee; + color: #faa05a; +} +/* + * Danger + */ +.uk-alert-danger { + background: #fef4f6; + color: #f0506e; +} +/* + * Content + */ +.uk-alert h1, +.uk-alert h2, +.uk-alert h3, +.uk-alert h4, +.uk-alert h5, +.uk-alert h6 { + color: inherit; +} +.uk-alert a:not([class]) { + color: inherit; + text-decoration: underline; +} +.uk-alert a:not([class]):hover { + color: inherit; + text-decoration: underline; +} +/* ======================================================================== + Component: Placeholder + ========================================================================== */ +.uk-placeholder { + margin-bottom: 20px; + padding: 30px 30px; + background: transparent; + border: 1px dashed #e5e5e5; +} +/* Add margin if adjacent element */ +* + .uk-placeholder { + margin-top: 20px; +} +/* + * Remove margin from the last-child + */ +.uk-placeholder > :last-child { + margin-bottom: 0; +} +/* ======================================================================== + Component: Badge + ========================================================================== */ +/* + * 1. Style + * 2. Center child vertically and horizontally + */ +.uk-badge { + box-sizing: border-box; + min-width: 18px; + height: 18px; + padding: 0 5px; + border-radius: 500px; + vertical-align: middle; + /* 1 */ + background: #1e87f0; + color: #fff !important; + font-size: 11px; + /* 2 */ + display: inline-flex; + justify-content: center; + align-items: center; + line-height: 0; +} +/* + * Required for `a` + */ +.uk-badge:hover { + text-decoration: none; +} +/* ======================================================================== + Component: Label + ========================================================================== */ +.uk-label { + display: inline-block; + padding: 0 10px; + background: #1e87f0; + line-height: 1.5; + font-size: 0.875rem; + color: #fff; + vertical-align: middle; + white-space: nowrap; + border-radius: 2px; + text-transform: uppercase; +} +/* Color modifiers + ========================================================================== */ +/* + * Success + */ +.uk-label-success { + background-color: #32d296; + color: #fff; +} +/* + * Warning + */ +.uk-label-warning { + background-color: #faa05a; + color: #fff; +} +/* + * Danger + */ +.uk-label-danger { + background-color: #f0506e; + color: #fff; +} +/* ======================================================================== + Component: Overlay + ========================================================================== */ +.uk-overlay { + padding: 30px 30px; +} +/* + * Remove margin from the last-child + */ +.uk-overlay > :last-child { + margin-bottom: 0; +} +/* Icon + ========================================================================== */ +/* Style modifiers + ========================================================================== */ +/* + * Default + */ +.uk-overlay-default { + --uk-inverse: dark; + background: rgba(255, 255, 255, 0.8); +} +/* + * Primary + */ +.uk-overlay-primary { + --uk-inverse: light; + background: rgba(34, 34, 34, 0.8); +} +/* ======================================================================== + Component: Article + ========================================================================== */ +.uk-article { + display: flow-root; +} +/* + * Remove margin from the last-child + */ +.uk-article > :last-child { + margin-bottom: 0; +} +/* Adjacent sibling + ========================================================================== */ +.uk-article + .uk-article { + margin-top: 70px; +} +/* Title + ========================================================================== */ +.uk-article-title { + font-size: 2.23125rem; + line-height: 1.2; +} +/* Tablet landscape and bigger */ +@media (min-width: 960px) { + .uk-article-title { + font-size: 2.625rem; + } +} +/* Meta + ========================================================================== */ +.uk-article-meta { + font-size: 0.875rem; + line-height: 1.4; + color: #999; +} +.uk-article-meta a { + color: #999; +} +.uk-article-meta a:hover { + color: #666; + text-decoration: none; +} +/* ======================================================================== + Component: Comment + ========================================================================== */ +/* Sections + ========================================================================== */ +.uk-comment-body { + display: flow-root; + overflow-wrap: break-word; + word-wrap: break-word; +} +.uk-comment-header { + display: flow-root; + margin-bottom: 20px; +} +/* + * Remove margin from the last-child + */ +.uk-comment-body > :last-child, +.uk-comment-header > :last-child { + margin-bottom: 0; +} +/* Title + ========================================================================== */ +.uk-comment-title { + font-size: 1.25rem; + line-height: 1.4; +} +/* Meta + ========================================================================== */ +.uk-comment-meta { + font-size: 0.875rem; + line-height: 1.4; + color: #999; +} +/* Avatar + ========================================================================== */ +/* List + ========================================================================== */ +.uk-comment-list { + padding: 0; + list-style: none; +} +/* Adjacent siblings */ +.uk-comment-list > :nth-child(n+2) { + margin-top: 70px; +} +/* + * Sublists + * Note: General sibling selector allows reply block between comment and sublist + */ +.uk-comment-list .uk-comment ~ ul { + margin: 70px 0 0 0; + padding-left: 30px; + list-style: none; +} +/* Tablet and bigger */ +@media (min-width: 960px) { + .uk-comment-list .uk-comment ~ ul { + padding-left: 100px; + } +} +/* Adjacent siblings */ +.uk-comment-list .uk-comment ~ ul > :nth-child(n+2) { + margin-top: 70px; +} +/* Style modifier + ========================================================================== */ +.uk-comment-primary { + padding: 30px; + background-color: #f8f8f8; +} +/* ======================================================================== + Component: Search + ========================================================================== */ +/* + * 1. Container fits its content + * 2. Create position context + * 3. Prevent content overflow + * 4. Reset `form` + */ +.uk-search { + /* 1 */ + display: inline-block; + /* 2 */ + position: relative; + /* 3 */ + max-width: 100%; + /* 4 */ + margin: 0; +} +/* Input + ========================================================================== */ +/* + * Remove the inner padding and cancel buttons in Chrome on OS X and Safari on OS X. + */ +.uk-search-input::-webkit-search-cancel-button, +.uk-search-input::-webkit-search-decoration { + -webkit-appearance: none; +} +/* + * Removes placeholder transparency in Firefox. + */ +.uk-search-input::-moz-placeholder { + opacity: 1; +} +/* + * 1. Define consistent box sizing. + * 2. Address margins set differently in Firefox/IE and Chrome/Safari/Opera. + * 3. Remove `border-radius` in iOS. + * 4. Change font properties to `inherit` in all browsers + * 5. Show the overflow in Edge. + * 6. Remove default style in iOS. + * 7. Vertical alignment + * 8. Take the full container width + * 9. Style + */ +.uk-search-input { + /* 1 */ + box-sizing: border-box; + /* 2 */ + margin: 0; + /* 3 */ + border-radius: 0; + /* 4 */ + font: inherit; + /* 5 */ + overflow: visible; + /* 6 */ + -webkit-appearance: none; + /* 7 */ + vertical-align: middle; + /* 8 */ + width: 100%; + /* 9 */ + border: none; + color: #666; +} +.uk-search-input:focus { + outline: none; +} +/* Placeholder */ +.uk-search-input::placeholder { + color: #999; +} +/* Icon (Adopts `uk-icon`) + ========================================================================== */ +/* + * Position above input + * 1. Set position + * 2. Center icon vertically and horizontally + * 3. Style + */ +.uk-search .uk-search-icon { + /* 1 */ + position: absolute; + top: 0; + bottom: 0; + left: 0; + /* 2 */ + display: inline-flex; + justify-content: center; + align-items: center; + /* 3 */ + color: #999; +} +/* + * Required for `a`. + */ +.uk-search .uk-search-icon:hover { + color: #999; +} +/* + * Make `input` element clickable through icon, e.g. if it's a `span` + */ +.uk-search .uk-search-icon:not(a):not(button):not(input) { + pointer-events: none; +} +/* + * Position modifier + */ +.uk-search .uk-search-icon-flip { + right: 0; + left: auto; +} +/* Default modifier + ========================================================================== */ +.uk-search-default { + width: 240px; +} +/* + * Input + */ +.uk-search-default .uk-search-input { + height: 40px; + padding-left: 10px; + padding-right: 10px; + background: transparent; + border: 1px solid #e5e5e5; +} +/* Focus */ +.uk-search-default .uk-search-input:focus { + background-color: rgba(0, 0, 0, 0); + border-color: #1e87f0; +} +/* + * Icon + */ +.uk-search-default .uk-search-icon { + width: 40px; +} +.uk-search-default:has(.uk-search-icon:not(.uk-search-icon-flip)) .uk-search-input { + padding-left: 40px; +} +.uk-search-default:has(.uk-search-icon-flip) .uk-search-input { + padding-right: 40px; +} +/* Navbar modifier + ========================================================================== */ +.uk-search-navbar { + width: 240px; +} +/* + * Input + */ +.uk-search-navbar .uk-search-input { + height: 40px; + padding-left: 10px; + padding-right: 10px; + background: #fff; + border: 1px solid #e5e5e5; +} +/* Focus */ +.uk-search-navbar .uk-search-input:focus { + background-color: #fff; + border-color: #1e87f0; +} +/* + * Icon + */ +.uk-search-navbar .uk-search-icon { + width: 40px; +} +.uk-search-navbar:has(.uk-search-icon:not(.uk-search-icon-flip)) .uk-search-input { + padding-left: 40px; +} +.uk-search-navbar:has(.uk-search-icon-flip) .uk-search-input { + padding-right: 40px; +} +/* Medium modifier + ========================================================================== */ +.uk-search-medium { + width: 400px; +} +/* + * Input + */ +.uk-search-medium .uk-search-input { + height: 40px; + background: transparent; + font-size: 1.5rem; +} +/* Focus */ +/* + * Icon + */ +.uk-search-medium .uk-search-icon { + width: 24px; +} +.uk-search-medium:has(.uk-search-icon:not(.uk-search-icon-flip)) .uk-search-input { + padding-left: 34px; +} +.uk-search-medium:has(.uk-search-icon-flip) .uk-search-input { + padding-right: 34px; +} +/* Large modifier + ========================================================================== */ +.uk-search-large { + width: 500px; +} +/* + * Input + */ +.uk-search-large .uk-search-input { + height: 80px; + background: transparent; + font-size: 2.625rem; +} +/* Focus */ +/* + * Icon + */ +.uk-search-large .uk-search-icon { + width: 40px; +} +.uk-search-large:has(.uk-search-icon:not(.uk-search-icon-flip)) .uk-search-input { + padding-left: 60px; +} +.uk-search-large:has(.uk-search-icon-flip) .uk-search-input { + padding-right: 60px; +} +/* Toggle + ========================================================================== */ +.uk-search-toggle { + color: #999; +} +/* Hover */ +.uk-search-toggle:hover { + color: #666; +} +/* ======================================================================== + Component: Accordion + ========================================================================== */ +.uk-accordion { + padding: 0; + list-style: none; +} +/* Item + ========================================================================== */ +.uk-accordion > :nth-child(n+2) { + margin-top: 20px; +} +/* Title + ========================================================================== */ +.uk-accordion-title { + display: block; + font-size: 1.25rem; + line-height: 1.4; + color: #333; + overflow: hidden; +} +.uk-accordion-title::before { + content: ""; + width: 1.4em; + height: 1.4em; + margin-left: 10px; + float: right; + background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2213%22%20height%3D%2213%22%20viewBox%3D%220%200%2013%2013%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Crect%20fill%3D%22%23666%22%20width%3D%2213%22%20height%3D%221%22%20x%3D%220%22%20y%3D%226%22%20%2F%3E%0A%20%20%20%20%3Crect%20fill%3D%22%23666%22%20width%3D%221%22%20height%3D%2213%22%20x%3D%226%22%20y%3D%220%22%20%2F%3E%0A%3C%2Fsvg%3E"); + background-repeat: no-repeat; + background-position: 50% 50%; +} +.uk-open > .uk-accordion-title::before { + background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2213%22%20height%3D%2213%22%20viewBox%3D%220%200%2013%2013%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Crect%20fill%3D%22%23666%22%20width%3D%2213%22%20height%3D%221%22%20x%3D%220%22%20y%3D%226%22%20%2F%3E%0A%3C%2Fsvg%3E"); +} +/* Hover */ +.uk-accordion-title:hover { + color: #666; + text-decoration: none; +} +/* Content + ========================================================================== */ +.uk-accordion-content { + display: flow-root; + margin-top: 20px; +} +/* + * Remove margin from the last-child + */ +.uk-accordion-content > :last-child { + margin-bottom: 0; +} +/* ======================================================================== + Component: Drop + ========================================================================== */ +/* + * 1. Hide by default + * 2. Set position + * 3. Set a default width + */ +.uk-drop { + /* 1 */ + display: none; + /* 2 */ + position: absolute; + z-index: 1020; + --uk-position-offset: 20px; + --uk-position-viewport-offset: 15px; + /* 3 */ + box-sizing: border-box; + width: 300px; +} +/* Show */ +.uk-drop.uk-open { + display: block; +} +/* Grid modifiers + ========================================================================== */ +.uk-drop-stack .uk-drop-grid > * { + width: 100% !important; +} +/* Parent icon + ========================================================================== */ +.uk-drop-parent-icon { + margin-left: 0.25em; + transition: transform 0.3s ease-out; +} +[aria-expanded="true"] > .uk-drop-parent-icon { + transform: rotateX(180deg); +} +/* ======================================================================== + Component: Dropbar + ========================================================================== */ +/* + * Adopts `uk-drop` + * 1. Reset drop + * 2. Style + */ +.uk-dropbar { + --uk-position-offset: 0; + --uk-position-shift-offset: 0; + --uk-position-viewport-offset: 0; + --uk-inverse: dark; + /* 1 */ + width: auto; + /* 2 */ + padding: 25px 15px 25px 15px; + background: #fff; + color: #666; +} +/* + * Remove margin from the last-child + */ +.uk-dropbar > :last-child { + margin-bottom: 0; +} +/* Phone landscape and bigger */ +@media (min-width: 640px) { + .uk-dropbar { + padding-left: 30px; + padding-right: 30px; + } +} +/* Tablet landscape and bigger */ +@media (min-width: 960px) { + .uk-dropbar { + padding-left: 40px; + padding-right: 40px; + } +} +.uk-dropbar :focus-visible { + outline-color: #333 !important; +} +/* Size modifier + ========================================================================== */ +.uk-dropbar-large { + padding-top: 40px; + padding-bottom: 40px; +} +/* Direction modifier + ========================================================================== */ +.uk-dropbar-top { + box-shadow: 0 12px 7px -6px rgba(0, 0, 0, 0.05); +} +.uk-dropbar-bottom { + box-shadow: 0 -12px 7px -6px rgba(0, 0, 0, 0.05); +} +.uk-dropbar-left { + box-shadow: 12px 0 7px -6px rgba(0, 0, 0, 0.05); +} +.uk-dropbar-right { + box-shadow: -12px 0 7px -6px rgba(0, 0, 0, 0.05); +} +/* ======================================================================== + Component: Dropnav + ========================================================================== */ +/* + * 1. Position + * 2. Reset dropbar + * 3. Width + */ +.uk-dropnav-dropbar { + /* 1 */ + position: absolute; + z-index: 980; + /* 2 */ + padding: 0; + /* 3 */ + left: 0; + right: 0; +} +/* ======================================================================== + Component: Modal + ========================================================================== */ +/* + * 1. Hide by default + * 2. Set position + * 3. Allow scrolling for the modal dialog + * 4. Horizontal padding + * 5. Mask the background page + * 6. Fade-in transition + */ +.uk-modal { + /* 1 */ + display: none; + /* 2 */ + position: fixed; + top: 0; + right: 0; + bottom: 0; + left: 0; + z-index: 1010; + /* 3 */ + overflow-y: auto; + /* 4 */ + padding: 15px 15px; + /* 5 */ + background: rgba(0, 0, 0, 0.6); + /* 6 */ + opacity: 0; + transition: opacity 0.15s linear; +} +/* Phone landscape and bigger */ +@media (min-width: 640px) { + .uk-modal { + padding: 50px 30px; + } +} +/* Tablet landscape and bigger */ +@media (min-width: 960px) { + .uk-modal { + padding-left: 40px; + padding-right: 40px; + } +} +/* + * Open + */ +.uk-modal.uk-open { + opacity: 1; +} +/* Page + ========================================================================== */ +/* + * Prevent scrollbars + */ +.uk-modal-page { + overflow: hidden; +} +/* Dialog + ========================================================================== */ +/* + * 1. Create position context for spinner and close button + * 2. Dimensions + * 3. `!important` is needed to overwrite `uk-width-auto`. See `#modal-media-image` in tests + * 4. Style + * 5. Slide-in transition + */ +.uk-modal-dialog { + /* 1 */ + position: relative; + /* 2 */ + box-sizing: border-box; + margin: 0 auto; + width: 600px; + /* 3 */ + max-width: 100% !important; + /* 4 */ + background: #fff; + /* 5 */ + opacity: 0; + transform: translateY(-100px); + transition: 0.3s linear; + transition-property: opacity, transform; +} +/* + * Open + */ +.uk-open > .uk-modal-dialog { + opacity: 1; + transform: translateY(0); +} +/* Size modifier + ========================================================================== */ +/* + * Container size + * Take the same size as the Container component + */ +.uk-modal-container .uk-modal-dialog { + width: 1200px; +} +/* + * Full size + * 1. Remove padding and background from modal + * 2. Reset all default declarations from modal dialog + */ +/* 1 */ +.uk-modal-full { + padding: 0; + background: none; +} +/* 2 */ +.uk-modal-full .uk-modal-dialog { + margin: 0; + width: 100%; + max-width: 100%; + transform: translateY(0); +} +/* Sections + ========================================================================== */ +.uk-modal-body { + display: flow-root; + padding: 20px 20px; +} +.uk-modal-header { + display: flow-root; + padding: 10px 20px; + background: #fff; + border-bottom: 1px solid #e5e5e5; +} +.uk-modal-footer { + display: flow-root; + padding: 10px 20px; + background: #fff; + border-top: 1px solid #e5e5e5; +} +/* Phone landscape and bigger */ +@media (min-width: 640px) { + .uk-modal-body { + padding: 30px 30px; + } + .uk-modal-header { + padding: 15px 30px; + } + .uk-modal-footer { + padding: 15px 30px; + } +} +/* + * Remove margin from the last-child + */ +.uk-modal-body > :last-child, +.uk-modal-header > :last-child, +.uk-modal-footer > :last-child { + margin-bottom: 0; +} +/* Title + ========================================================================== */ +.uk-modal-title { + font-size: 2rem; + line-height: 1.3; +} +/* Close + * Adopts `uk-close` + ========================================================================== */ +[class*="uk-modal-close-"] { + position: absolute; + z-index: 1010; + top: 10px; + right: 10px; + padding: 5px; +} +/* + * Remove margin from adjacent element + */ +[class*="uk-modal-close-"]:first-child + * { + margin-top: 0; +} +/* + * Hover + */ +/* + * Default + */ +/* + * Outside + * 1. Prevent scrollbar on small devices + */ +.uk-modal-close-outside { + top: 0; + /* 1 */ + right: -5px; + transform: translate(0, -100%); + color: #ffffff; +} +.uk-modal-close-outside:hover { + color: #fff; +} +/* Tablet landscape and bigger */ +@media (min-width: 960px) { + /* 1 */ + .uk-modal-close-outside { + right: 0; + transform: translate(100%, -100%); + } +} +/* + * Full + */ +.uk-modal-close-full { + top: 0; + right: 0; + padding: 10px; + background: #fff; +} +/* Tablet landscape and bigger */ +@media (min-width: 960px) { + .uk-modal-close-full { + padding: 20px; + } +} +/* ======================================================================== + Component: Slideshow + ========================================================================== */ +/* + * 1. Prevent tab highlighting on iOS. + */ +.uk-slideshow { + /* 1 */ + -webkit-tap-highlight-color: transparent; +} +/* Items + ========================================================================== */ +/* + * 1. Create position and stacking context + * 2. Reset list + * 3. Clip child elements + * 4. Prevent displaying the callout information on iOS. + * 5. Disable horizontal panning gestures + */ +.uk-slideshow-items { + /* 1 */ + position: relative; + z-index: 0; + /* 2 */ + margin: 0; + padding: 0; + list-style: none; + /* 3 */ + overflow: hidden; + /* 4 */ + -webkit-touch-callout: none; + /* 5 */ + touch-action: pan-y; +} +/* Item + ========================================================================== */ +/* + * 1. Position items above each other + * 2. Take the full width + * 3. Clip child elements, e.g. for `uk-cover` + * 4. Optimize animation + */ +.uk-slideshow-items > * { + /* 1 */ + position: absolute; + top: 0; + left: 0; + /* 2 */ + right: 0; + bottom: 0; + /* 3 */ + overflow: hidden; + /* 4 */ + will-change: transform, opacity; +} +/* + * Hide not active items + */ +.uk-slideshow-items > :not(.uk-active) { + display: none; +} +/* ======================================================================== + Component: Slider + ========================================================================== */ +/* + * 1. Prevent tab highlighting on iOS. + */ +.uk-slider { + /* 1 */ + -webkit-tap-highlight-color: transparent; +} +/* Container + ========================================================================== */ +/* + * 1. Clip child elements + * 2. Prevent accidental scrolling through elements in slide getting focused + */ +.uk-slider-container { + /* 1 */ + overflow: hidden; + /* 2 */ + overflow: clip; +} +/* + * Widen container to prevent box-shadows from clipping, `large-box-shadow` + */ +.uk-slider-container-offset { + margin: -11px -25px -39px -25px; + padding: 11px 25px 39px 25px; +} +/* Items + ========================================================================== */ +/* + * 1. Optimize animation + * 2. Create a containing block. In Safari it's neither created by `transform` nor `will-change`. + * 3. Disable horizontal panning gestures + */ +.uk-slider-items { + /* 1 */ + will-change: transform; + /* 2 */ + position: relative; + /* 3 */ + touch-action: pan-y; +} +/* + * 1. Reset list style without interfering with grid + * 2. Prevent displaying the callout information on iOS. + */ +.uk-slider-items:not(.uk-grid) { + display: flex; + /* 1 */ + margin: 0; + padding: 0; + list-style: none; + /* 2 */ + -webkit-touch-callout: none; +} +.uk-slider-items.uk-grid { + flex-wrap: nowrap; +} +/* Item + ========================================================================== */ +/* + * 1. Let items take content dimensions (0 0 auto) + * `max-width` needed to keep image responsiveness and prevent content overflow + * 2. Create position context + */ +.uk-slider-items > * { + /* 1 */ + flex: none !important; + box-sizing: border-box; + max-width: 100%; + /* 2 */ + position: relative; +} +/* ======================================================================== + Component: Sticky + ========================================================================== */ +/* + * 1. Create position context so it's t the same like when fixed. + * 2. Create stacking context already when not sticky to have the same context +* for position set to `sticky` and `relative` + * 2. More robust if padding and border are used and the sticky height is transitioned + */ +.uk-sticky { + /* 1 */ + position: relative; + /* 2 */ + z-index: 980; + /* 3 */ + box-sizing: border-box; +} +/* + * 1. Force new layer to resolve frame rate issues on devices with lower frame rates + */ +.uk-sticky-fixed { + margin: 0 !important; + /* 1 */ + -webkit-backface-visibility: hidden; + backface-visibility: hidden; +} +/* + * Faster animations + */ +.uk-sticky[class*="uk-animation-"] { + animation-duration: 0.2s; +} +.uk-sticky.uk-animation-reverse { + animation-duration: 0.2s; +} +/* + * Placeholder + * Make content clickable for sticky cover and reveal effects + */ +.uk-sticky-placeholder { + pointer-events: none; +} +/* ======================================================================== + Component: Off-canvas + ========================================================================== */ +/* + * 1. Hide by default + * 2. Set position + */ +.uk-offcanvas { + /* 1 */ + display: none; + /* 2 */ + position: fixed; + top: 0; + bottom: 0; + left: 0; + z-index: 1000; +} +/* + * Flip modifier + */ +.uk-offcanvas-flip .uk-offcanvas { + right: 0; + left: auto; +} +/* Bar + ========================================================================== */ +/* + * 1. Set position + * 2. Size and style + * 3. Allow scrolling + */ +.uk-offcanvas-bar { + --uk-inverse: light; + /* 1 */ + position: absolute; + top: 0; + bottom: 0; + left: -270px; + /* 2 */ + box-sizing: border-box; + width: 270px; + padding: 20px 20px; + background: #222; + /* 3 */ + overflow-y: auto; +} +/* Phone landscape and bigger */ +@media (min-width: 640px) { + .uk-offcanvas-bar { + left: -350px; + width: 350px; + padding: 30px 30px; + } +} +/* Flip modifier */ +.uk-offcanvas-flip .uk-offcanvas-bar { + left: auto; + right: -270px; +} +/* Tablet landscape and bigger */ +@media (min-width: 640px) { + .uk-offcanvas-flip .uk-offcanvas-bar { + right: -350px; + } +} +/* + * Open + */ +.uk-open > .uk-offcanvas-bar { + left: 0; +} +.uk-offcanvas-flip .uk-open > .uk-offcanvas-bar { + left: auto; + right: 0; +} +/* + * Slide Animation (Used in slide and push mode) + */ +.uk-offcanvas-bar-animation { + transition: left 0.3s ease-out; +} +.uk-offcanvas-flip .uk-offcanvas-bar-animation { + transition-property: right; +} +/* + * Reveal Animation + * 1. Set position + * 2. Clip the bar + * 3. Animation + * 4. Reset position + */ +.uk-offcanvas-reveal { + /* 1 */ + position: absolute; + top: 0; + bottom: 0; + left: 0; + /* 2 */ + width: 0; + overflow: hidden; + /* 3 */ + transition: width 0.3s ease-out; +} +.uk-offcanvas-reveal .uk-offcanvas-bar { + /* 4 */ + left: 0; +} +.uk-offcanvas-flip .uk-offcanvas-reveal .uk-offcanvas-bar { + /* 4 */ + left: auto; + right: 0; +} +.uk-open > .uk-offcanvas-reveal { + width: 270px; +} +/* Tablet landscape and bigger */ +@media (min-width: 640px) { + .uk-open > .uk-offcanvas-reveal { + width: 350px; + } +} +/* + * Flip modifier + */ +.uk-offcanvas-flip .uk-offcanvas-reveal { + right: 0; + left: auto; +} +/* Close + * Adopts `uk-close` + ========================================================================== */ +.uk-offcanvas-close { + position: absolute; + z-index: 1000; + top: 5px; + right: 5px; + padding: 5px; +} +/* Tablet landscape and bigger */ +@media (min-width: 640px) { + .uk-offcanvas-close { + top: 10px; + right: 10px; + } +} +/* + * Remove margin from adjacent element + */ +.uk-offcanvas-close:first-child + * { + margin-top: 0; +} +/* Overlay + ========================================================================== */ +/* + * Overlay the whole page. Needed for the `::before` + * 1. Using `100vw` so no modification is needed when off-canvas is flipped + * 2. Allow for closing with swipe gesture on devices with pointer events. + */ +.uk-offcanvas-overlay { + /* 1 */ + width: 100vw; + /* 2 */ + touch-action: none; +} +/* + * 1. Mask the whole page + * 2. Fade-in transition + */ +.uk-offcanvas-overlay::before { + /* 1 */ + content: ""; + position: absolute; + top: 0; + bottom: 0; + left: 0; + right: 0; + background: rgba(0, 0, 0, 0.1); + /* 2 */ + opacity: 0; + transition: opacity 0.15s linear; +} +.uk-offcanvas-overlay.uk-open::before { + opacity: 1; +} +/* Prevent scrolling + ========================================================================== */ +/* + * Prevent horizontal scrollbar when the content is slide-out + * Has to be on the `html` element too to make it work on the `body` + * 1. `clip` is needed for `position: sticky` elements to keep their position + */ +.uk-offcanvas-page, +.uk-offcanvas-container { + overflow-x: hidden; + /* 1 */ + overflow-x: clip; +} +/* Container + ========================================================================== */ +/* + * Prepare slide-out animation (Used in reveal and push mode) + * Using `position: left` instead of `transform` because position `fixed` elements like sticky navbars + * lose their fixed state and behaves like `absolute` within a transformed container + * 1. Provide a fixed width and prevent shrinking + */ +.uk-offcanvas-container { + position: relative; + left: 0; + transition: left 0.3s ease-out; + /* 1 */ + box-sizing: border-box; + width: 100%; +} +/* + * Activate slide-out animation + */ +:not(.uk-offcanvas-flip).uk-offcanvas-container-animation { + left: 270px; +} +.uk-offcanvas-flip.uk-offcanvas-container-animation { + left: -270px; +} +/* Tablet landscape and bigger */ +@media (min-width: 640px) { + :not(.uk-offcanvas-flip).uk-offcanvas-container-animation { + left: 350px; + } + .uk-offcanvas-flip.uk-offcanvas-container-animation { + left: -350px; + } +} +/* ======================================================================== + Component: Switcher + ========================================================================== */ +/* + * Reset list + */ +.uk-switcher { + margin: 0; + padding: 0; + list-style: none; +} +/* Items + ========================================================================== */ +/* + * Hide not active items + */ +.uk-switcher > :not(.uk-active) { + display: none; +} +/* + * Remove margin from the last-child + */ +.uk-switcher > * > :last-child { + margin-bottom: 0; +} +/* ======================================================================== + Component: Leader + ========================================================================== */ +.uk-leader { + overflow: hidden; +} +/* + * 1. Place element in text flow + * 2. Never break into a new line + * 3. Get a string back with as many repeating characters to fill the container + * 4. Prevent wrapping. Overflowing characters will be clipped by the container + */ +.uk-leader-fill::after { + /* 1 */ + display: inline-block; + margin-left: 15px; + /* 2 */ + width: 0; + /* 3 */ + content: attr(data-fill); + /* 4 */ + white-space: nowrap; +} +/* + * Hide if media does not match + */ +.uk-leader-fill.uk-leader-hide::after { + display: none; +} +/* + * Pass fill character to JS + */ +:root { + --uk-leader-fill-content: .; +} +/* ======================================================================== + Component: Notification + ========================================================================== */ +/* + * 1. Set position + * 2. Dimensions + */ +.uk-notification { + /* 1 */ + position: fixed; + top: 10px; + left: 10px; + z-index: 1040; + /* 2 */ + box-sizing: border-box; + width: 350px; +} +/* Position modifiers +========================================================================== */ +.uk-notification-top-right, +.uk-notification-bottom-right { + left: auto; + right: 10px; +} +.uk-notification-top-center, +.uk-notification-bottom-center { + left: 50%; + margin-left: -175px; +} +.uk-notification-bottom-left, +.uk-notification-bottom-right, +.uk-notification-bottom-center { + top: auto; + bottom: 10px; +} +/* Responsiveness +========================================================================== */ +/* Phones portrait and smaller */ +@media (max-width: 639px) { + .uk-notification { + left: 10px; + right: 10px; + width: auto; + margin: 0; + } +} +/* Message +========================================================================== */ +.uk-notification-message { + position: relative; + padding: 15px; + background: #f8f8f8; + color: #666; + font-size: 1.25rem; + line-height: 1.4; + cursor: pointer; +} +* + .uk-notification-message { + margin-top: 10px; +} +/* Close + * Adopts `uk-close` + ========================================================================== */ +.uk-notification-close { + display: none; + position: absolute; + top: 20px; + right: 15px; +} +.uk-notification-message:hover .uk-notification-close { + display: block; +} +/* Style modifiers + ========================================================================== */ +/* + * Primary + */ +.uk-notification-message-primary { + color: #1e87f0; +} +/* + * Success + */ +.uk-notification-message-success { + color: #32d296; +} +/* + * Warning + */ +.uk-notification-message-warning { + color: #faa05a; +} +/* + * Danger + */ +.uk-notification-message-danger { + color: #f0506e; +} +/* ======================================================================== + Component: Tooltip + ========================================================================== */ +/* + * 1. Hide by default + * 2. Position + * 3. Remove tooltip from document flow to keep the UIkit container from changing its size when injected into the document initially + * 4. Dimensions + * 5. Style + */ +.uk-tooltip { + /* 1 */ + display: none; + /* 2 */ + position: absolute; + z-index: 1030; + --uk-position-offset: 10px; + --uk-position-viewport-offset: 10; + /* 3 */ + top: 0; + /* 4 */ + box-sizing: border-box; + max-width: 200px; + padding: 3px 6px; + /* 5 */ + background: #666; + border-radius: 2px; + color: #fff; + font-size: 12px; +} +/* Show */ +.uk-tooltip.uk-active { + display: block; +} +/* ======================================================================== + Component: Sortable + ========================================================================== */ +.uk-sortable { + position: relative; +} +/* + * Remove margin from the last-child + */ +.uk-sortable > :last-child { + margin-bottom: 0; +} +/* Drag + ========================================================================== */ +.uk-sortable-drag { + position: fixed !important; + z-index: 1050 !important; + pointer-events: none; +} +/* Placeholder + ========================================================================== */ +.uk-sortable-placeholder { + opacity: 0; + pointer-events: none; +} +/* Empty modifier + ========================================================================== */ +.uk-sortable-empty { + min-height: 50px; +} +/* Handle + ========================================================================== */ +/* Hover */ +.uk-sortable-handle:hover { + cursor: move; +} +/* ======================================================================== + Component: Countdown + ========================================================================== */ +/* Item + ========================================================================== */ +/* Number + ========================================================================== */ +/* + * 1. Make numbers all of the same size to prevent jumping. Must be supported by the font. + * 2. Style + */ +.uk-countdown-number { + /* 1 */ + font-variant-numeric: tabular-nums; + /* 2 */ + font-size: 2rem; + line-height: 0.8; +} +/* Phone landscape and bigger */ +@media (min-width: 640px) { + .uk-countdown-number { + font-size: 4rem; + } +} +/* Tablet landscape and bigger */ +@media (min-width: 960px) { + .uk-countdown-number { + font-size: 6rem; + } +} +/* Separator + ========================================================================== */ +.uk-countdown-separator { + font-size: 1rem; + line-height: 1.6; +} +/* Phone landscape and bigger */ +@media (min-width: 640px) { + .uk-countdown-separator { + font-size: 2rem; + } +} +/* Tablet landscape and bigger */ +@media (min-width: 960px) { + .uk-countdown-separator { + font-size: 3rem; + } +} +/* Label + ========================================================================== */ +/* ======================================================================== + Component: Thumbnav + ========================================================================== */ +/* + * 1. Allow items to wrap into the next line + * 2. Reset list + * 3. Gutter + */ +.uk-thumbnav { + display: flex; + /* 1 */ + flex-wrap: wrap; + /* 2 */ + margin: 0; + padding: 0; + list-style: none; + /* 3 */ + margin-left: -15px; +} +/* + * Space is allocated based on content dimensions, but shrinks: 0 1 auto + * 1. Gutter + */ +.uk-thumbnav > * { + /* 1 */ + padding-left: 15px; +} +/* Items + ========================================================================== */ +/* + * Items + */ +.uk-thumbnav > * > * { + display: inline-block; + position: relative; +} +.uk-thumbnav > * > *::after { + content: ""; + position: absolute; + top: 0; + bottom: 0; + left: 0; + right: 0; + background-image: linear-gradient(180deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.4)); + transition: opacity 0.1s ease-in-out; +} +/* Hover */ +.uk-thumbnav > * > :hover::after { + opacity: 0; +} +/* Active */ +.uk-thumbnav > .uk-active > *::after { + opacity: 0; +} +/* Modifier: 'uk-thumbnav-vertical' + ========================================================================== */ +/* + * 1. Change direction + * 2. Gutter + */ +.uk-thumbnav-vertical { + /* 1 */ + flex-direction: column; + /* 2 */ + margin-left: 0; + margin-top: -15px; +} +/* 2 */ +.uk-thumbnav-vertical > * { + padding-left: 0; + padding-top: 15px; +} +/* ======================================================================== + Component: Iconnav + ========================================================================== */ +/* + * 1. Allow items to wrap into the next line + * 2. Reset list + * 3. Gutter + */ +.uk-iconnav { + display: flex; + /* 1 */ + flex-wrap: wrap; + /* 2 */ + margin: 0; + padding: 0; + list-style: none; + /* 3 */ + margin-left: -10px; +} +/* + * Space is allocated based on content dimensions, but shrinks: 0 1 auto + * 1. Gutter + */ +.uk-iconnav > * { + /* 1 */ + padding-left: 10px; +} +/* Items + ========================================================================== */ +/* + * Items must target `a` elements to exclude other elements (e.g. dropdowns) + * 1. Center content vertically if there is still some text + * 2. Imitate white space gap when using flexbox + * 3. Force text not to affect item height + * 4. Style + * 5. Required for `a` if there is still some text + */ +.uk-iconnav > * > a { + /* 1 */ + display: flex; + align-items: center; + /* 2 */ + column-gap: 0.25em; + /* 3 */ + line-height: 0; + /* 4 */ + color: #999; + /* 5 */ + text-decoration: none; + font-size: 0.875rem; + transition: 0.1s ease-in-out; + transition-property: color, background-color; +} +/* Hover */ +.uk-iconnav > * > a:hover { + color: #666; +} +/* Active */ +.uk-iconnav > .uk-active > a { + color: #666; +} +/* Modifier: 'uk-iconnav-vertical' + ========================================================================== */ +/* + * 1. Change direction + * 2. Gutter + */ +.uk-iconnav-vertical { + /* 1 */ + flex-direction: column; + /* 2 */ + margin-left: 0; + margin-top: -10px; +} +/* 2 */ +.uk-iconnav-vertical > * { + padding-left: 0; + padding-top: 10px; +} +/* ======================================================================== + Component: Grid + ========================================================================== */ +/* + * 1. Allow cells to wrap into the next line + * 2. Reset list + */ +.uk-grid { + display: flex; + /* 1 */ + flex-wrap: wrap; + /* 2 */ + margin: 0; + padding: 0; + list-style: none; +} +/* + * Grid cell + * Note: Space is allocated solely based on content dimensions, but shrinks: 0 1 auto + * Reset margin for e.g. paragraphs + */ +.uk-grid > * { + margin: 0; +} +/* + * Remove margin from the last-child + */ +.uk-grid > * > :last-child { + margin-bottom: 0; +} +/* Gutter + ========================================================================== */ +/* + * Default + */ +/* Horizontal */ +.uk-grid { + margin-left: -30px; +} +.uk-grid > * { + padding-left: 30px; +} +/* Vertical */ +.uk-grid + .uk-grid, +.uk-grid > .uk-grid-margin, +* + .uk-grid-margin { + margin-top: 30px; +} +/* Desktop and bigger */ +@media (min-width: 1200px) { + /* Horizontal */ + .uk-grid { + margin-left: -40px; + } + .uk-grid > * { + padding-left: 40px; + } + /* Vertical */ + .uk-grid + .uk-grid, + .uk-grid > .uk-grid-margin, + * + .uk-grid-margin { + margin-top: 40px; + } +} +/* + * Small + */ +/* Horizontal */ +.uk-grid-small, +.uk-grid-column-small { + margin-left: -15px; +} +.uk-grid-small > *, +.uk-grid-column-small > * { + padding-left: 15px; +} +/* Vertical */ +.uk-grid + .uk-grid-small, +.uk-grid + .uk-grid-row-small, +.uk-grid-small > .uk-grid-margin, +.uk-grid-row-small > .uk-grid-margin, +* + .uk-grid-margin-small { + margin-top: 15px; +} +/* + * Medium + */ +/* Horizontal */ +.uk-grid-medium, +.uk-grid-column-medium { + margin-left: -30px; +} +.uk-grid-medium > *, +.uk-grid-column-medium > * { + padding-left: 30px; +} +/* Vertical */ +.uk-grid + .uk-grid-medium, +.uk-grid + .uk-grid-row-medium, +.uk-grid-medium > .uk-grid-margin, +.uk-grid-row-medium > .uk-grid-margin, +* + .uk-grid-margin-medium { + margin-top: 30px; +} +/* + * Large + */ +/* Horizontal */ +.uk-grid-large, +.uk-grid-column-large { + margin-left: -40px; +} +.uk-grid-large > *, +.uk-grid-column-large > * { + padding-left: 40px; +} +/* Vertical */ +.uk-grid + .uk-grid-large, +.uk-grid + .uk-grid-row-large, +.uk-grid-large > .uk-grid-margin, +.uk-grid-row-large > .uk-grid-margin, +* + .uk-grid-margin-large { + margin-top: 40px; +} +/* Desktop and bigger */ +@media (min-width: 1200px) { + /* Horizontal */ + .uk-grid-large, + .uk-grid-column-large { + margin-left: -70px; + } + .uk-grid-large > *, + .uk-grid-column-large > * { + padding-left: 70px; + } + /* Vertical */ + .uk-grid + .uk-grid-large, + .uk-grid + .uk-grid-row-large, + .uk-grid-large > .uk-grid-margin, + .uk-grid-row-large > .uk-grid-margin, + * + .uk-grid-margin-large { + margin-top: 70px; + } +} +/* + * Collapse + */ +/* Horizontal */ +.uk-grid-collapse, +.uk-grid-column-collapse { + margin-left: 0; +} +.uk-grid-collapse > *, +.uk-grid-column-collapse > * { + padding-left: 0; +} +/* Vertical */ +.uk-grid + .uk-grid-collapse, +.uk-grid + .uk-grid-row-collapse, +.uk-grid-collapse > .uk-grid-margin, +.uk-grid-row-collapse > .uk-grid-margin { + margin-top: 0; +} +/* Divider + ========================================================================== */ +.uk-grid-divider > * { + position: relative; +} +.uk-grid-divider > :not(.uk-first-column)::before { + content: ""; + position: absolute; + top: 0; + bottom: 0; + border-left: 1px solid #e5e5e5; +} +/* Vertical */ +.uk-grid-divider.uk-grid-stack > .uk-grid-margin::before { + content: ""; + position: absolute; + left: 0; + right: 0; + border-top: 1px solid #e5e5e5; +} +/* + * Default + */ +/* Horizontal */ +.uk-grid-divider { + margin-left: -60px; +} +.uk-grid-divider > * { + padding-left: 60px; +} +.uk-grid-divider > :not(.uk-first-column)::before { + left: 30px; +} +/* Vertical */ +.uk-grid-divider.uk-grid-stack > .uk-grid-margin { + margin-top: 60px; +} +.uk-grid-divider.uk-grid-stack > .uk-grid-margin::before { + top: -30px; + left: 60px; +} +/* Desktop and bigger */ +@media (min-width: 1200px) { + /* Horizontal */ + .uk-grid-divider { + margin-left: -80px; + } + .uk-grid-divider > * { + padding-left: 80px; + } + .uk-grid-divider > :not(.uk-first-column)::before { + left: 40px; + } + /* Vertical */ + .uk-grid-divider.uk-grid-stack > .uk-grid-margin { + margin-top: 80px; + } + .uk-grid-divider.uk-grid-stack > .uk-grid-margin::before { + top: -40px; + left: 80px; + } +} +/* + * Small + */ +/* Horizontal */ +.uk-grid-divider.uk-grid-small, +.uk-grid-divider.uk-grid-column-small { + margin-left: -30px; +} +.uk-grid-divider.uk-grid-small > *, +.uk-grid-divider.uk-grid-column-small > * { + padding-left: 30px; +} +.uk-grid-divider.uk-grid-small > :not(.uk-first-column)::before, +.uk-grid-divider.uk-grid-column-small > :not(.uk-first-column)::before { + left: 15px; +} +/* Vertical */ +.uk-grid-divider.uk-grid-small.uk-grid-stack > .uk-grid-margin, +.uk-grid-divider.uk-grid-row-small.uk-grid-stack > .uk-grid-margin { + margin-top: 30px; +} +.uk-grid-divider.uk-grid-small.uk-grid-stack > .uk-grid-margin::before { + top: -15px; + left: 30px; +} +.uk-grid-divider.uk-grid-row-small.uk-grid-stack > .uk-grid-margin::before { + top: -15px; +} +.uk-grid-divider.uk-grid-column-small.uk-grid-stack > .uk-grid-margin::before { + left: 30px; +} +/* + * Medium + */ +/* Horizontal */ +.uk-grid-divider.uk-grid-medium, +.uk-grid-divider.uk-grid-column-medium { + margin-left: -60px; +} +.uk-grid-divider.uk-grid-medium > *, +.uk-grid-divider.uk-grid-column-medium > * { + padding-left: 60px; +} +.uk-grid-divider.uk-grid-medium > :not(.uk-first-column)::before, +.uk-grid-divider.uk-grid-column-medium > :not(.uk-first-column)::before { + left: 30px; +} +/* Vertical */ +.uk-grid-divider.uk-grid-medium.uk-grid-stack > .uk-grid-margin, +.uk-grid-divider.uk-grid-row-medium.uk-grid-stack > .uk-grid-margin { + margin-top: 60px; +} +.uk-grid-divider.uk-grid-medium.uk-grid-stack > .uk-grid-margin::before { + top: -30px; + left: 60px; +} +.uk-grid-divider.uk-grid-row-medium.uk-grid-stack > .uk-grid-margin::before { + top: -30px; +} +.uk-grid-divider.uk-grid-column-medium.uk-grid-stack > .uk-grid-margin::before { + left: 60px; +} +/* + * Large + */ +/* Horizontal */ +.uk-grid-divider.uk-grid-large, +.uk-grid-divider.uk-grid-column-large { + margin-left: -80px; +} +.uk-grid-divider.uk-grid-large > *, +.uk-grid-divider.uk-grid-column-large > * { + padding-left: 80px; +} +.uk-grid-divider.uk-grid-large > :not(.uk-first-column)::before, +.uk-grid-divider.uk-grid-column-large > :not(.uk-first-column)::before { + left: 40px; +} +/* Vertical */ +.uk-grid-divider.uk-grid-large.uk-grid-stack > .uk-grid-margin, +.uk-grid-divider.uk-grid-row-large.uk-grid-stack > .uk-grid-margin { + margin-top: 80px; +} +.uk-grid-divider.uk-grid-large.uk-grid-stack > .uk-grid-margin::before { + top: -40px; + left: 80px; +} +.uk-grid-divider.uk-grid-row-large.uk-grid-stack > .uk-grid-margin::before { + top: -40px; +} +.uk-grid-divider.uk-grid-column-large.uk-grid-stack > .uk-grid-margin::before { + left: 80px; +} +/* Desktop and bigger */ +@media (min-width: 1200px) { + /* Horizontal */ + .uk-grid-divider.uk-grid-large, + .uk-grid-divider.uk-grid-column-large { + margin-left: -140px; + } + .uk-grid-divider.uk-grid-large > *, + .uk-grid-divider.uk-grid-column-large > * { + padding-left: 140px; + } + .uk-grid-divider.uk-grid-large > :not(.uk-first-column)::before, + .uk-grid-divider.uk-grid-column-large > :not(.uk-first-column)::before { + left: 70px; + } + /* Vertical */ + .uk-grid-divider.uk-grid-large.uk-grid-stack > .uk-grid-margin, + .uk-grid-divider.uk-grid-row-large.uk-grid-stack > .uk-grid-margin { + margin-top: 140px; + } + .uk-grid-divider.uk-grid-large.uk-grid-stack > .uk-grid-margin::before { + top: -70px; + left: 140px; + } + .uk-grid-divider.uk-grid-row-large.uk-grid-stack > .uk-grid-margin::before { + top: -70px; + } + .uk-grid-divider.uk-grid-column-large.uk-grid-stack > .uk-grid-margin::before { + left: 140px; + } +} +/* Match child of a grid cell + ========================================================================== */ +/* + * Behave like a block element + * 1. Wrap into the next line + * 2. Take the full width, at least 100%. Only if no class from the Width component is set. + * 3. Expand width even if larger than 100%, e.g. because of negative margin (Needed for nested grids) + */ +.uk-grid-match > *, +.uk-grid-item-match { + display: flex; + /* 1 */ + flex-wrap: wrap; +} +.uk-grid-match > * > :not([class*="uk-width"]), +.uk-grid-item-match > :not([class*="uk-width"]) { + /* 2 */ + box-sizing: border-box; + width: 100%; + /* 3 */ + flex: auto; +} +/* ======================================================================== + Component: Nav + ========================================================================== */ +/* + * Reset + */ +.uk-nav, +.uk-nav ul { + margin: 0; + padding: 0; + list-style: none; +} +/* +* 1. Center content vertically, e.g. an icon +* 2. Imitate white space gap when using flexbox +* 3. Reset link + */ +.uk-nav li > a { + /* 1 */ + display: flex; + align-items: center; + /* 2 */ + column-gap: 0.25em; + /* 3*/ + text-decoration: none; +} +/* + * Items + * Must target `a` elements to exclude other elements (e.g. lists) + */ +.uk-nav > li > a { + padding: 5px 0; +} +/* Sublists + ========================================================================== */ +/* + * Level 2 + * `ul` needed for higher specificity to override padding + */ +ul.uk-nav-sub { + padding: 5px 0 5px 15px; +} +/* + * Level 3 and deeper + */ +.uk-nav-sub ul { + padding-left: 15px; +} +/* + * Items + */ +.uk-nav-sub a { + padding: 2px 0; +} +/* Parent icon + ========================================================================== */ +.uk-nav-parent-icon { + margin-left: auto; + transition: transform 0.3s ease-out; +} +.uk-nav > li.uk-open > a .uk-nav-parent-icon { + transform: rotateX(180deg); +} +/* Header + ========================================================================== */ +.uk-nav-header { + padding: 5px 0; + text-transform: uppercase; + font-size: 0.875rem; +} +.uk-nav-header:not(:first-child) { + margin-top: 20px; +} +/* Divider + ========================================================================== */ +.uk-nav .uk-nav-divider { + margin: 5px 0; +} +/* Default modifier + ========================================================================== */ +.uk-nav-default { + font-size: 0.875rem; + line-height: 1.5; +} +/* + * Items + */ +.uk-nav-default > li > a { + color: #999; +} +/* Hover */ +.uk-nav-default > li > a:hover { + color: #666; +} +/* Active */ +.uk-nav-default > li.uk-active > a { + color: #333; +} +/* + * Subtitle + */ +.uk-nav-default .uk-nav-subtitle { + font-size: 12px; +} +/* + * Header + */ +.uk-nav-default .uk-nav-header { + color: #333; +} +/* + * Divider + */ +.uk-nav-default .uk-nav-divider { + border-top: 1px solid #e5e5e5; +} +/* + * Sublists + */ +.uk-nav-default .uk-nav-sub { + font-size: 0.875rem; + line-height: 1.5; +} +.uk-nav-default .uk-nav-sub a { + color: #999; +} +.uk-nav-default .uk-nav-sub a:hover { + color: #666; +} +.uk-nav-default .uk-nav-sub li.uk-active > a { + color: #333; +} +/* Primary modifier + ========================================================================== */ +.uk-nav-primary { + font-size: 1.5rem; + line-height: 1.5; +} +/* + * Items + */ +.uk-nav-primary > li > a { + color: #999; +} +/* Hover */ +.uk-nav-primary > li > a:hover { + color: #666; +} +/* Active */ +.uk-nav-primary > li.uk-active > a { + color: #333; +} +/* + * Subtitle + */ +.uk-nav-primary .uk-nav-subtitle { + font-size: 1.25rem; +} +/* + * Header + */ +.uk-nav-primary .uk-nav-header { + color: #333; +} +/* + * Divider + */ +.uk-nav-primary .uk-nav-divider { + border-top: 1px solid #e5e5e5; +} +/* + * Sublists + */ +.uk-nav-primary .uk-nav-sub { + font-size: 1.25rem; + line-height: 1.5; +} +.uk-nav-primary .uk-nav-sub a { + color: #999; +} +.uk-nav-primary .uk-nav-sub a:hover { + color: #666; +} +.uk-nav-primary .uk-nav-sub li.uk-active > a { + color: #333; +} +/* Secondary modifier + ========================================================================== */ +.uk-nav-secondary { + font-size: 16px; + line-height: 1.5; +} +.uk-nav-secondary > :not(.uk-nav-divider) + :not(.uk-nav-header, .uk-nav-divider) { + margin-top: 0; +} +/* + * Items + */ +.uk-nav-secondary > li > a { + color: #333; + padding: 10px 10px; +} +/* Hover */ +.uk-nav-secondary > li > a:hover { + color: #333; + background-color: #f8f8f8; +} +/* Active */ +.uk-nav-secondary > li.uk-active > a { + color: #333; + background-color: #f8f8f8; +} +/* + * Subtitle + */ +.uk-nav-secondary .uk-nav-subtitle { + font-size: 0.875rem; + color: #999; +} +/* Hover */ +.uk-nav-secondary > li > a:hover .uk-nav-subtitle { + color: #666; +} +/* Active */ +.uk-nav-secondary > li.uk-active > a .uk-nav-subtitle { + color: #333; +} +/* + * Header + */ +.uk-nav-secondary .uk-nav-header { + color: #333; +} +/* + * Divider + */ +.uk-nav-secondary .uk-nav-divider { + border-top: 1px solid #e5e5e5; +} +/* + * Sublists + */ +.uk-nav-secondary .uk-nav-sub { + font-size: 0.875rem; + line-height: 1.5; +} +.uk-nav-secondary .uk-nav-sub a { + color: #999; +} +.uk-nav-secondary .uk-nav-sub a:hover { + color: #666; +} +.uk-nav-secondary .uk-nav-sub li.uk-active > a { + color: #333; +} +/* Size modifier + ========================================================================== */ +/* + * Medium + */ +.uk-nav-medium { + font-size: 2.8875rem; + line-height: 1; +} +.uk-nav-large { + font-size: 3.4rem; + line-height: 1; +} +.uk-nav-xlarge { + font-size: 4rem; + line-height: 1; +} +/* Tablet Landscape and bigger */ +@media (min-width: 960px) { + .uk-nav-medium { + font-size: 3.5rem; + } + .uk-nav-large { + font-size: 4rem; + } + .uk-nav-xlarge { + font-size: 6rem; + } +} +/* Laptop and bigger */ +@media (min-width: 1200px) { + .uk-nav-medium { + font-size: 4rem; + } + .uk-nav-large { + font-size: 6rem; + } + .uk-nav-xlarge { + font-size: 8rem; + } +} +/* Alignment modifier + ========================================================================== */ +/* + * 1. Center header + * 2. Center items + */ +/* 1 */ +.uk-nav-center { + text-align: center; +} +/* 2 */ +.uk-nav-center li > a { + justify-content: center; +} +/* Sublists */ +.uk-nav-center .uk-nav-sub, +.uk-nav-center .uk-nav-sub ul { + padding-left: 0; +} +/* Parent icon */ +.uk-nav-center .uk-nav-parent-icon { + margin-left: 0.25em; +} +/* Style modifier + ========================================================================== */ +/* + * Divider + * Naming is in plural to prevent conflicts with divider sub object. + */ +.uk-nav.uk-nav-divider > :not(.uk-nav-header, .uk-nav-divider) + :not(.uk-nav-header, .uk-nav-divider) { + margin-top: 5px; + padding-top: 5px; + border-top: 1px solid #e5e5e5; +} +/* ======================================================================== + Component: Navbar + ========================================================================== */ +/* + * 1. Create position context to center navbar group + */ +.uk-navbar { + display: flex; + /* 1 */ + position: relative; +} +/* Container + ========================================================================== */ +.uk-navbar-container:not(.uk-navbar-transparent) { + background: #f8f8f8; +} +/* Groups + ========================================================================== */ +/* + * 1. Align navs and items vertically if they have a different height + */ +.uk-navbar-left, +.uk-navbar-right, +[class*="uk-navbar-center"] { + display: flex; + gap: 15px; + /* 1 */ + align-items: center; +} +/* + * Horizontal alignment + * 1. Create position context for centered navbar with sub groups (left/right) + * 2. Fix text wrapping if content is larger than 50% of the container. + * 3. Needed for dropdowns because a new position context is created + * `z-index` must be smaller than off-canvas + * 4. Align sub groups for centered navbar + */ +.uk-navbar-right { + margin-left: auto; +} +.uk-navbar-center:only-child { + margin-left: auto; + margin-right: auto; + /* 1 */ + position: relative; +} +.uk-navbar-center:not(:only-child) { + position: absolute; + top: 50%; + left: 50%; + transform: translate(-50%, -50%); + /* 2 */ + width: max-content; + box-sizing: border-box; + /* 3 */ + z-index: 990; +} +/* 4 */ +.uk-navbar-center-left, +.uk-navbar-center-right { + position: absolute; + top: 0; +} +.uk-navbar-center-left { + right: calc(100% + 15px); +} +.uk-navbar-center-right { + left: calc(100% + 15px); +} +[class*="uk-navbar-center-"] { + width: max-content; + box-sizing: border-box; +} +/* Nav + ========================================================================== */ +/* + * 1. Reset list + */ +.uk-navbar-nav { + display: flex; + gap: 15px; + /* 1 */ + margin: 0; + padding: 0; + list-style: none; +} +/* + * Allow items to wrap into the next line + * Only not `absolute` positioned groups + */ +.uk-navbar-left, +.uk-navbar-right, +.uk-navbar-center:only-child { + flex-wrap: wrap; +} +/* + * Items + * 1. Center content vertically and horizontally + * 2. Imitate white space gap when using flexbox + * 3. Dimensions + * 4. Style + * 5. Required for `a` + */ +.uk-navbar-nav > li > a, +.uk-navbar-item, +.uk-navbar-toggle { + /* 1 */ + display: flex; + justify-content: center; + align-items: center; + /* 2 */ + column-gap: 0.25em; + /* 3 */ + box-sizing: border-box; + min-height: 80px; + /* 4 */ + font-size: 0.875rem; + font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; + /* 5 */ + text-decoration: none; +} +/* + * Nav items + */ +.uk-navbar-nav > li > a { + padding: 0 0; + color: #999; + text-transform: uppercase; + transition: 0.1s ease-in-out; + transition-property: color, background-color; +} +/* + * Hover + * Apply hover style also if dropdown is opened + */ +.uk-navbar-nav > li:hover > a, +.uk-navbar-nav > li > a[aria-expanded="true"] { + color: #666; +} +/* OnClick */ +.uk-navbar-nav > li > a:active { + color: #333; +} +/* Active */ +.uk-navbar-nav > li.uk-active > a { + color: #333; +} +/* Parent icon modifier + ========================================================================== */ +.uk-navbar-parent-icon { + margin-left: 4px; + transition: transform 0.3s ease-out; +} +.uk-navbar-nav > li > a[aria-expanded="true"] .uk-navbar-parent-icon { + transform: rotateX(180deg); +} +/* Item + ========================================================================== */ +.uk-navbar-item { + padding: 0 0; + color: #666; +} +/* + * Remove margin from the last-child + */ +.uk-navbar-item > :last-child { + margin-bottom: 0; +} +/* Toggle + ========================================================================== */ +.uk-navbar-toggle { + padding: 0 0; + color: #999; +} +.uk-navbar-toggle:hover, +.uk-navbar-toggle[aria-expanded="true"] { + color: #666; + text-decoration: none; +} +/* + * Icon + * Adopts `uk-icon` + */ +/* Hover */ +/* Subtitle + ========================================================================== */ +.uk-navbar-subtitle { + font-size: 0.875rem; +} +/* Justify modifier + ========================================================================== */ +.uk-navbar-justify .uk-navbar-left, +.uk-navbar-justify .uk-navbar-right, +.uk-navbar-justify .uk-navbar-nav, +.uk-navbar-justify .uk-navbar-nav > li, +.uk-navbar-justify .uk-navbar-item, +.uk-navbar-justify .uk-navbar-toggle { + flex-grow: 1; +} +/* Style modifiers + ========================================================================== */ +/* Dropdown + ========================================================================== */ +/* + * Adopts `uk-drop` + * 1. Set a default width + * 2. Style + */ +.uk-navbar-dropdown { + --uk-position-offset: 15px; + --uk-position-shift-offset: 0; + --uk-position-viewport-offset: 15px; + --uk-inverse: dark; + /* 1 */ + width: 200px; + /* 2 */ + padding: 25px; + background: #fff; + color: #666; + box-shadow: 0 5px 12px rgba(0, 0, 0, 0.15); +} +/* + * Remove margin from the last-child + */ +.uk-navbar-dropdown > :last-child { + margin-bottom: 0; +} +.uk-navbar-dropdown :focus-visible { + outline-color: #333 !important; +} +/* + * Grid + * Adopts `uk-grid` + */ +/* Gutter Horizontal */ +.uk-navbar-dropdown .uk-drop-grid { + margin-left: -30px; +} +.uk-navbar-dropdown .uk-drop-grid > * { + padding-left: 30px; +} +/* Gutter Vertical */ +.uk-navbar-dropdown .uk-drop-grid > .uk-grid-margin { + margin-top: 30px; +} +/* + * Width modifier + */ +.uk-navbar-dropdown-width-2:not(.uk-drop-stack) { + width: 400px; +} +.uk-navbar-dropdown-width-3:not(.uk-drop-stack) { + width: 600px; +} +.uk-navbar-dropdown-width-4:not(.uk-drop-stack) { + width: 800px; +} +.uk-navbar-dropdown-width-5:not(.uk-drop-stack) { + width: 1000px; +} +/* + * Size modifier + */ +.uk-navbar-dropdown-large { + --uk-position-shift-offset: 0; + padding: 40px; +} +/* + * Dropbar modifier + * 1. Reset dropdown width to prevent to early shifting + * 2. Reset style + * 3. Padding + */ +.uk-navbar-dropdown-dropbar { + /* 1 */ + width: auto; + /* 2 */ + background: transparent; + /* 3 */ + padding: 25px 0 25px 0; + --uk-position-offset: 0; + --uk-position-shift-offset: 0; + --uk-position-viewport-offset: 15px; + box-shadow: none; +} +/* Phone landscape and bigger */ +@media (min-width: 640px) { + .uk-navbar-dropdown-dropbar { + --uk-position-viewport-offset: 30px; + } +} +/* Tablet landscape and bigger */ +@media (min-width: 960px) { + .uk-navbar-dropdown-dropbar { + --uk-position-viewport-offset: 40px; + } +} +.uk-navbar-dropdown-dropbar-large { + --uk-position-shift-offset: 0; + padding-top: 40px; + padding-bottom: 40px; +} +/* Dropdown Nav + * Adopts `uk-nav` + ========================================================================== */ +.uk-navbar-dropdown-nav { + font-size: 0.875rem; +} +/* + * Items + */ +.uk-navbar-dropdown-nav > li > a { + color: #999; +} +/* Hover */ +.uk-navbar-dropdown-nav > li > a:hover { + color: #666; +} +/* Active */ +.uk-navbar-dropdown-nav > li.uk-active > a { + color: #333; +} +/* + * Subtitle + */ +.uk-navbar-dropdown-nav .uk-nav-subtitle { + font-size: 12px; +} +/* + * Header + */ +.uk-navbar-dropdown-nav .uk-nav-header { + color: #333; +} +/* + * Divider + */ +.uk-navbar-dropdown-nav .uk-nav-divider { + border-top: 1px solid #e5e5e5; +} +/* + * Sublists + */ +.uk-navbar-dropdown-nav .uk-nav-sub a { + color: #999; +} +.uk-navbar-dropdown-nav .uk-nav-sub a:hover { + color: #666; +} +.uk-navbar-dropdown-nav .uk-nav-sub li.uk-active > a { + color: #333; +} +/* Dropbar + ========================================================================== */ +/* + * Adopts `uk-dropnav-dropbar` + */ +.uk-navbar-container { + transition: 0.1s ease-in-out; + transition-property: background-color; +} +/* Tablet landscape and bigger */ +@media (min-width: 960px) { + .uk-navbar-left, + .uk-navbar-right, + [class*="uk-navbar-center"] { + gap: 30px; + } + .uk-navbar-center-left { + right: calc(100% + 30px); + } + .uk-navbar-center-right { + left: calc(100% + 30px); + } +} +/* Tablet landscape and bigger */ +@media (min-width: 960px) { + .uk-navbar-nav { + gap: 30px; + } +} +/* ======================================================================== + Component: Subnav + ========================================================================== */ +/* + * 1. Allow items to wrap into the next line + * 2. Center items vertically if they have a different height + * 3. Gutter + * 4. Reset list + */ +.uk-subnav { + display: flex; + /* 1 */ + flex-wrap: wrap; + /* 2 */ + align-items: center; + /* 3 */ + margin-left: -20px; + /* 4 */ + padding: 0; + list-style: none; +} +/* + * 1. Space is allocated solely based on content dimensions: 0 0 auto + * 2. Gutter + * 3. Create position context for dropdowns + */ +.uk-subnav > * { + /* 1 */ + flex: none; + /* 2 */ + padding-left: 20px; + /* 3 */ + position: relative; +} +/* Items + ========================================================================== */ +/* + * Items must target `a` elements to exclude other elements (e.g. dropdowns) + * Using `:first-child` instead of `a` to support `span` elements for text + * 1. Center content vertically, e.g. an icon + * 2. Imitate white space gap when using flexbox + * 3. Style + */ +.uk-subnav > * > :first-child { + /* 1 */ + display: flex; + align-items: center; + /* 2 */ + column-gap: 0.25em; + /* 3 */ + color: #999; + font-size: 0.875rem; + text-transform: uppercase; + transition: 0.1s ease-in-out; + transition-property: color, background-color; +} +/* Hover */ +.uk-subnav > * > a:hover { + color: #666; + text-decoration: none; +} +/* Active */ +.uk-subnav > .uk-active > a { + color: #333; +} +/* Divider modifier + ========================================================================== */ +/* + * Set gutter + */ +.uk-subnav-divider { + margin-left: -41px; +} +/* + * Align items and divider vertically + */ +.uk-subnav-divider > * { + display: flex; + align-items: center; +} +/* + * Divider + * 1. `nth-child` makes it also work without JS if it's only one row + */ +.uk-subnav-divider > ::before { + content: ""; + height: 1.5em; + margin-left: 0px; + margin-right: 20px; + border-left: 1px solid transparent; +} +/* 1 */ +.uk-subnav-divider > :nth-child(n+2):not(.uk-first-column)::before { + border-left-color: #e5e5e5; +} +/* Pill modifier + ========================================================================== */ +.uk-subnav-pill > * > :first-child { + padding: 5px 10px; + background: transparent; + color: #999; +} +/* Hover */ +.uk-subnav-pill > * > a:hover { + background-color: #f8f8f8; + color: #666; +} +/* OnClick */ +.uk-subnav-pill > * > a:active { + background-color: #f8f8f8; + color: #666; +} +/* Active */ +.uk-subnav-pill > .uk-active > a { + background-color: #1e87f0; + color: #fff; +} +/* Disabled + * The same for all style modifiers + ========================================================================== */ +.uk-subnav > .uk-disabled > a { + color: #999; +} +/* ======================================================================== + Component: Breadcrumb + ========================================================================== */ +/* + * Reset list + */ +.uk-breadcrumb { + padding: 0; + list-style: none; +} +/* + * 1. Doesn't generate any box and replaced by child boxes + */ +.uk-breadcrumb > * { + display: contents; +} +/* Items + ========================================================================== */ +.uk-breadcrumb > * > * { + font-size: 0.875rem; + color: #999; +} +/* Hover */ +.uk-breadcrumb > * > :hover { + color: #666; + text-decoration: none; +} +/* Disabled */ +/* Active */ +.uk-breadcrumb > :last-child > span, +.uk-breadcrumb > :last-child > a:not([href]) { + color: #666; +} +/* + * Divider + * `nth-child` makes it also work without JS if it's only one row + * 1. Remove space between inline block elements. + * 2. Style + */ +.uk-breadcrumb > :nth-child(n+2):not(.uk-first-column)::before { + content: "/"; + display: inline-block; + /* 1 */ + margin: 0 20px 0 calc(20px - 4px); + /* 2 */ + font-size: 0.875rem; + color: #999; +} +/* ======================================================================== + Component: Pagination + ========================================================================== */ +/* + * 1. Allow items to wrap into the next line + * 2. Center items vertically if they have a different height + * 3. Gutter + * 4. Reset list + */ +.uk-pagination { + display: flex; + /* 1 */ + flex-wrap: wrap; + /* 2 */ + align-items: center; + /* 3 */ + margin-left: 0; + /* 4 */ + padding: 0; + list-style: none; +} +/* + * 1. Space is allocated solely based on content dimensions: 0 0 auto + * 2. Gutter + * 3. Create position context for dropdowns + */ +.uk-pagination > * { + /* 1 */ + flex: none; + /* 2 */ + padding-left: 0; + /* 3 */ + position: relative; +} +/* Items + ========================================================================== */ +/* + * 1. Center content vertically, e.g. an icon + * 2. Imitate white space gap when using flexbox + * 3. Style + */ +.uk-pagination > * > * { + /* 1 */ + display: flex; + align-items: center; + /* 2 */ + column-gap: 0.25em; + /* 3 */ + padding: 5px 10px; + color: #999; + transition: color 0.1s ease-in-out; +} +/* Hover */ +.uk-pagination > * > :hover { + color: #666; + text-decoration: none; +} +/* Active */ +.uk-pagination > .uk-active > * { + color: #666; +} +/* Disabled */ +.uk-pagination > .uk-disabled > * { + color: #999; +} +/* ======================================================================== + Component: Tab + ========================================================================== */ +/* + * 1. Allow items to wrap into the next line + * 2. Gutter + * 3. Reset list + */ +.uk-tab { + display: flex; + /* 1 */ + flex-wrap: wrap; + /* 2 */ + margin-left: -20px; + /* 3 */ + padding: 0; + list-style: none; + position: relative; +} +.uk-tab::before { + content: ""; + position: absolute; + bottom: 0; + left: 20px; + right: 0; + border-bottom: 1px solid #e5e5e5; +} +/* + * 1. Space is allocated solely based on content dimensions: 0 0 auto + * 2. Gutter + * 3. Create position context for dropdowns + */ +.uk-tab > * { + /* 1 */ + flex: none; + /* 2 */ + padding-left: 20px; + /* 3 */ + position: relative; +} +/* Items + ========================================================================== */ +/* + * Items must target `a` elements to exclude other elements (e.g. dropdowns) + * 1. Center content vertically, e.g. an icon + * 2. Imitate white space gap when using flexbox + * 3. Center content if a width is set + * 4. Style + */ +.uk-tab > * > a { + /* 1 */ + display: flex; + align-items: center; + /* 2 */ + column-gap: 0.25em; + /* 3 */ + justify-content: center; + /* 4 */ + padding: 5px 10px; + color: #999; + border-bottom: 1px solid transparent; + font-size: 0.875rem; + text-transform: uppercase; + transition: color 0.1s ease-in-out; +} +/* Hover */ +.uk-tab > * > a:hover { + color: #666; + text-decoration: none; +} +/* Active */ +.uk-tab > .uk-active > a { + color: #333; + border-color: #1e87f0; +} +/* Disabled */ +.uk-tab > .uk-disabled > a { + color: #999; +} +/* Position modifier + ========================================================================== */ +/* + * Bottom + */ +.uk-tab-bottom::before { + top: 0; + bottom: auto; +} +.uk-tab-bottom > * > a { + border-top: 1px solid transparent; + border-bottom: none; +} +/* + * Left + Right + * 1. Reset Gutter + */ +.uk-tab-left, +.uk-tab-right { + flex-direction: column; + /* 1 */ + margin-left: 0; +} +/* 1 */ +.uk-tab-left > *, +.uk-tab-right > * { + padding-left: 0; +} +.uk-tab-left::before { + top: 0; + bottom: 0; + left: auto; + right: 0; + border-left: 1px solid #e5e5e5; + border-bottom: none; +} +.uk-tab-right::before { + top: 0; + bottom: 0; + left: 0; + right: auto; + border-left: 1px solid #e5e5e5; + border-bottom: none; +} +.uk-tab-left > * > a { + justify-content: left; + border-right: 1px solid transparent; + border-bottom: none; +} +.uk-tab-right > * > a { + justify-content: left; + border-left: 1px solid transparent; + border-bottom: none; +} +.uk-tab .uk-dropdown { + margin-left: 30px; +} +/* ======================================================================== + Component: Slidenav + ========================================================================== */ +/* + * Adopts `uk-icon` + */ +.uk-slidenav { + padding: 5px 10px; + color: rgba(102, 102, 102, 0.5); + transition: color 0.1s ease-in-out; +} +/* Hover */ +.uk-slidenav:hover { + color: rgba(102, 102, 102, 0.9); +} +/* OnClick */ +.uk-slidenav:active { + color: rgba(102, 102, 102, 0.5); +} +/* Icon modifier + ========================================================================== */ +/* + * Previous + */ +/* + * Next + */ +/* Size modifier + ========================================================================== */ +.uk-slidenav-large { + padding: 10px 10px; +} +/* Container + ========================================================================== */ +.uk-slidenav-container { + display: flex; +} +/* ======================================================================== + Component: Dotnav + ========================================================================== */ +/* + * 1. Allow items to wrap into the next line + * 2. Reset list + * 3. Gutter + */ +.uk-dotnav { + display: flex; + /* 1 */ + flex-wrap: wrap; + /* 2 */ + margin: 0; + padding: 0; + list-style: none; + /* 3 */ + margin-left: -12px; +} +/* + * 1. Space is allocated solely based on content dimensions: 0 0 auto + * 2. Gutter + */ +.uk-dotnav > * { + /* 1 */ + flex: none; + /* 2 */ + padding-left: 12px; +} +/* Items + ========================================================================== */ +/* + * Items + * 1. Hide text if present + */ +.uk-dotnav > * > * { + display: block; + box-sizing: border-box; + width: 10px; + height: 10px; + border-radius: 50%; + background: transparent; + /* 1 */ + text-indent: 100%; + overflow: hidden; + white-space: nowrap; + border: 1px solid rgba(102, 102, 102, 0.4); + transition: 0.2s ease-in-out; + transition-property: background-color, border-color; +} +/* Hover */ +.uk-dotnav > * > :hover { + background-color: rgba(102, 102, 102, 0.6); + border-color: transparent; +} +/* OnClick */ +.uk-dotnav > * > :active { + background-color: rgba(102, 102, 102, 0.2); + border-color: transparent; +} +/* Active */ +.uk-dotnav > .uk-active > * { + background-color: rgba(102, 102, 102, 0.6); + border-color: transparent; +} +/* Modifier: 'uk-dotnav-vertical' + ========================================================================== */ +/* + * 1. Change direction + * 2. Gutter + */ +.uk-dotnav-vertical { + /* 1 */ + flex-direction: column; + /* 2 */ + margin-left: 0; + margin-top: -12px; +} +/* 2 */ +.uk-dotnav-vertical > * { + padding-left: 0; + padding-top: 12px; +} +/* ======================================================================== + Component: Dropdown + ========================================================================== */ +/* + * Adopts `uk-drop` + * 1. Reset drop and let text expand the width instead of wrapping + * 2. Set a default width + * 3. Style + */ +.uk-dropdown { + --uk-position-offset: 10px; + --uk-position-viewport-offset: 15px; + --uk-inverse: dark; + /* 1 */ + width: auto; + /* 2 */ + min-width: 200px; + /* 3 */ + padding: 25px; + background: #fff; + color: #666; + box-shadow: 0 5px 12px rgba(0, 0, 0, 0.15); +} +/* + * Remove margin from the last-child + */ +.uk-dropdown > :last-child { + margin-bottom: 0; +} +.uk-dropdown :focus-visible { + outline-color: #333 !important; +} +/* Size modifier + ========================================================================== */ +.uk-dropdown-large { + padding: 40px; +} +/* Dropbar modifier + ========================================================================== */ +/* + * 1. Reset dropdown width to prevent to early shifting + * 2. Reset style + * 3. Padding + */ +.uk-dropdown-dropbar { + /* 1 */ + width: auto; + /* 2 */ + background: transparent; + /* 3 */ + padding: 5px 0 25px 0; + --uk-position-viewport-offset: 15px; + box-shadow: none; +} +/* Phone landscape and bigger */ +@media (min-width: 640px) { + .uk-dropdown-dropbar { + --uk-position-viewport-offset: 30px; + } +} +/* Tablet landscape and bigger */ +@media (min-width: 960px) { + .uk-dropdown-dropbar { + --uk-position-viewport-offset: 40px; + } +} +.uk-dropdown-dropbar-large { + padding-top: 40px; + padding-bottom: 40px; +} +/* Nav + * Adopts `uk-nav` + ========================================================================== */ +.uk-dropdown-nav { + font-size: 0.875rem; +} +/* + * Items + */ +.uk-dropdown-nav > li > a { + color: #999; +} +/* Hover + Active */ +.uk-dropdown-nav > li > a:hover, +.uk-dropdown-nav > li.uk-active > a { + color: #666; +} +/* + * Subtitle + */ +.uk-dropdown-nav .uk-nav-subtitle { + font-size: 12px; +} +/* + * Header + */ +.uk-dropdown-nav .uk-nav-header { + color: #333; +} +/* + * Divider + */ +.uk-dropdown-nav .uk-nav-divider { + border-top: 1px solid #e5e5e5; +} +/* + * Sublists + */ +.uk-dropdown-nav .uk-nav-sub a { + color: #999; +} +.uk-dropdown-nav .uk-nav-sub a:hover, +.uk-dropdown-nav .uk-nav-sub li.uk-active > a { + color: #666; +} +/* ======================================================================== + Component: Lightbox + ========================================================================== */ +/* + * 1. Hide by default + * 2. Set position + * 3. Allow scrolling for the modal dialog + * 4. Horizontal padding + * 5. Mask the background page + * 6. Fade-in transition + * 7. Prevent cancellation of pointer events while dragging + */ +.uk-lightbox { + /* 1 */ + display: none; + /* 2 */ + position: fixed; + top: 0; + right: 0; + bottom: 0; + left: 0; + z-index: 1010; + /* 5 */ + background: #000; + /* 6 */ + opacity: 0; + transition: opacity 0.15s linear; + /* 7 */ + touch-action: pinch-zoom; +} +/* + * Open + * 1. Center child + * 2. Fade-in + */ +.uk-lightbox.uk-open { + display: block; + /* 2 */ + opacity: 1; +} +/* + * Focus + */ +.uk-lightbox :focus-visible { + outline-color: rgba(255, 255, 255, 0.7); +} +/* Page + ========================================================================== */ +/* + * Prevent scrollbars + */ +.uk-lightbox-page { + overflow: hidden; +} +/* Item + ========================================================================== */ +/* + * 1. Center child within the viewport + * 2. Not visible by default + * 3. Color needed for spinner icon + * 4. Optimize animation + * 5. Responsiveness + * Using `vh` for `max-height` to fix image proportions after resize in Safari and Opera + */ +.uk-lightbox-items > * { + /* 1 */ + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0; + /* 2 */ + display: none; + justify-content: center; + align-items: center; + /* 3 */ + color: rgba(255, 255, 255, 0.7); + /* 4 */ + will-change: transform, opacity; +} +/* 5 */ +.uk-lightbox-items > * > * { + max-width: 100vw; + max-height: 100vh; +} +.uk-lightbox-items > * > :not(iframe) { + width: auto; + height: auto; +} +.uk-lightbox-items > .uk-active { + display: flex; +} +/* Toolbar + ========================================================================== */ +.uk-lightbox-toolbar { + padding: 10px 10px; + background: rgba(0, 0, 0, 0.3); + color: rgba(255, 255, 255, 0.7); +} +.uk-lightbox-toolbar > * { + color: rgba(255, 255, 255, 0.7); +} +/* Toolbar Icon (Close) + ========================================================================== */ +.uk-lightbox-toolbar-icon { + padding: 5px; + color: rgba(255, 255, 255, 0.7); +} +/* + * Hover + */ +.uk-lightbox-toolbar-icon:hover { + color: #fff; +} +/* Button (Slidenav) + ========================================================================== */ +/* + * 1. Center icon vertically and horizontally + */ +.uk-lightbox-button { + box-sizing: border-box; + width: 50px; + height: 50px; + background: rgba(0, 0, 0, 0.3); + color: rgba(255, 255, 255, 0.7); + /* 1 */ + display: inline-flex; + justify-content: center; + align-items: center; +} +/* Hover */ +.uk-lightbox-button:hover { + color: #fff; +} +/* OnClick */ +/* Caption + ========================================================================== */ +.uk-lightbox-caption:empty { + display: none; +} +/* Iframe + ========================================================================== */ +.uk-lightbox-iframe { + width: 80%; + height: 80%; +} +/* ======================================================================== + Component: Animation + ========================================================================== */ +[class*="uk-animation-"] { + animation: 0.5s ease-out both; +} +/* Animations + ========================================================================== */ +/* + * Fade + */ +.uk-animation-fade { + animation-name: uk-fade; + animation-duration: 0.8s; + animation-timing-function: linear; +} +/* + * Scale + */ +.uk-animation-scale-up { + animation-name: uk-fade, uk-scale-up; +} +.uk-animation-scale-down { + animation-name: uk-fade, uk-scale-down; +} +/* + * Slide + */ +.uk-animation-slide-top { + animation-name: uk-fade, uk-slide-top; +} +.uk-animation-slide-bottom { + animation-name: uk-fade, uk-slide-bottom; +} +.uk-animation-slide-left { + animation-name: uk-fade, uk-slide-left; +} +.uk-animation-slide-right { + animation-name: uk-fade, uk-slide-right; +} +/* + * Slide Small + */ +.uk-animation-slide-top-small { + animation-name: uk-fade, uk-slide-top-small; +} +.uk-animation-slide-bottom-small { + animation-name: uk-fade, uk-slide-bottom-small; +} +.uk-animation-slide-left-small { + animation-name: uk-fade, uk-slide-left-small; +} +.uk-animation-slide-right-small { + animation-name: uk-fade, uk-slide-right-small; +} +/* + * Slide Medium + */ +.uk-animation-slide-top-medium { + animation-name: uk-fade, uk-slide-top-medium; +} +.uk-animation-slide-bottom-medium { + animation-name: uk-fade, uk-slide-bottom-medium; +} +.uk-animation-slide-left-medium { + animation-name: uk-fade, uk-slide-left-medium; +} +.uk-animation-slide-right-medium { + animation-name: uk-fade, uk-slide-right-medium; +} +/* + * Kenburns + */ +.uk-animation-kenburns { + animation-name: uk-kenburns; + animation-duration: 15s; +} +/* + * Shake + */ +.uk-animation-shake { + animation-name: uk-shake; +} +/* + * SVG Stroke + * The `--uk-animation-stroke` custom property contains the longest path length. + * Set it manually or use `uk-svg="stroke-animation: true"` to set it automatically. + * All strokes are animated by the same pace and doesn't end simultaneously. + * To end simultaneously, `pathLength="1"` could be used, but it's not working in Safari yet. + */ +.uk-animation-stroke { + animation-name: uk-stroke; + animation-duration: 2s; + stroke-dasharray: var(--uk-animation-stroke); +} +/* Direction modifier + ========================================================================== */ +.uk-animation-reverse { + animation-direction: reverse; + animation-timing-function: ease-in; +} +/* Duration modifier + ========================================================================== */ +.uk-animation-fast { + animation-duration: 0.1s; +} +/* Toggle animation based on the State of the Parent Element + ========================================================================== */ +.uk-animation-toggle:not(:hover):not(:focus) [class*="uk-animation-"] { + animation-name: none; +} +/* Keyframes used by animation classes + ========================================================================== */ +/* + * Fade + */ +@keyframes uk-fade { + 0% { + opacity: 0; + } + 100% { + opacity: 1; + } +} +/* + * Scale + */ +@keyframes uk-scale-up { + 0% { + transform: scale(0.9); + } + 100% { + transform: scale(1); + } +} +@keyframes uk-scale-down { + 0% { + transform: scale(1.1); + } + 100% { + transform: scale(1); + } +} +/* + * Slide + */ +@keyframes uk-slide-top { + 0% { + transform: translateY(-100%); + } + 100% { + transform: translateY(0); + } +} +@keyframes uk-slide-bottom { + 0% { + transform: translateY(100%); + } + 100% { + transform: translateY(0); + } +} +@keyframes uk-slide-left { + 0% { + transform: translateX(-100%); + } + 100% { + transform: translateX(0); + } +} +@keyframes uk-slide-right { + 0% { + transform: translateX(100%); + } + 100% { + transform: translateX(0); + } +} +/* + * Slide Small + */ +@keyframes uk-slide-top-small { + 0% { + transform: translateY(-10px); + } + 100% { + transform: translateY(0); + } +} +@keyframes uk-slide-bottom-small { + 0% { + transform: translateY(10px); + } + 100% { + transform: translateY(0); + } +} +@keyframes uk-slide-left-small { + 0% { + transform: translateX(-10px); + } + 100% { + transform: translateX(0); + } +} +@keyframes uk-slide-right-small { + 0% { + transform: translateX(10px); + } + 100% { + transform: translateX(0); + } +} +/* + * Slide Medium + */ +@keyframes uk-slide-top-medium { + 0% { + transform: translateY(-50px); + } + 100% { + transform: translateY(0); + } +} +@keyframes uk-slide-bottom-medium { + 0% { + transform: translateY(50px); + } + 100% { + transform: translateY(0); + } +} +@keyframes uk-slide-left-medium { + 0% { + transform: translateX(-50px); + } + 100% { + transform: translateX(0); + } +} +@keyframes uk-slide-right-medium { + 0% { + transform: translateX(50px); + } + 100% { + transform: translateX(0); + } +} +/* + * Kenburns + */ +@keyframes uk-kenburns { + 0% { + transform: scale(1); + } + 100% { + transform: scale(1.2); + } +} +/* + * Shake + */ +@keyframes uk-shake { + 0%, + 100% { + transform: translateX(0); + } + 10% { + transform: translateX(-9px); + } + 20% { + transform: translateX(8px); + } + 30% { + transform: translateX(-7px); + } + 40% { + transform: translateX(6px); + } + 50% { + transform: translateX(-5px); + } + 60% { + transform: translateX(4px); + } + 70% { + transform: translateX(-3px); + } + 80% { + transform: translateX(2px); + } + 90% { + transform: translateX(-1px); + } +} +/* + * Stroke + */ +@keyframes uk-stroke { + 0% { + stroke-dashoffset: var(--uk-animation-stroke); + } + 100% { + stroke-dashoffset: 0; + } +} +/* ======================================================================== + Component: Width + ========================================================================== */ +/* Equal child widths + ========================================================================== */ +[class*="uk-child-width"] > * { + box-sizing: border-box; + width: 100%; +} +.uk-child-width-1-2 > * { + width: 50%; +} +.uk-child-width-1-3 > * { + width: calc(100% / 3); +} +.uk-child-width-1-4 > * { + width: 25%; +} +.uk-child-width-1-5 > * { + width: 20%; +} +.uk-child-width-1-6 > * { + width: calc(100% / 6); +} +.uk-child-width-auto > * { + width: auto; +} +/* + * 1. Reset the `min-width`, which is set to auto by default, because + * flex items won't shrink below their minimum intrinsic content size. + * Using `1px` instead of `0`, so items still wrap into the next line, + * if they have zero width and padding and the predecessor is 100% wide. + */ +.uk-child-width-expand > :not([class*="uk-width"]) { + flex: 1; + /* 1 */ + min-width: 1px; +} +/* Phone landscape and bigger */ +@media (min-width: 640px) { + .uk-child-width-1-1\@s > * { + width: 100%; + } + .uk-child-width-1-2\@s > * { + width: 50%; + } + .uk-child-width-1-3\@s > * { + width: calc(100% / 3); + } + .uk-child-width-1-4\@s > * { + width: 25%; + } + .uk-child-width-1-5\@s > * { + width: 20%; + } + .uk-child-width-1-6\@s > * { + width: calc(100% / 6); + } + .uk-child-width-auto\@s > * { + width: auto; + } + .uk-child-width-expand\@s > :not([class*="uk-width"]) { + flex: 1; + min-width: 1px; + } + /* Reset expand */ + .uk-child-width-1-1\@s > :not([class*="uk-width"]), + .uk-child-width-1-2\@s > :not([class*="uk-width"]), + .uk-child-width-1-3\@s > :not([class*="uk-width"]), + .uk-child-width-1-4\@s > :not([class*="uk-width"]), + .uk-child-width-1-5\@s > :not([class*="uk-width"]), + .uk-child-width-1-6\@s > :not([class*="uk-width"]), + .uk-child-width-auto\@s > :not([class*="uk-width"]) { + flex: initial; + } +} +/* Tablet landscape and bigger */ +@media (min-width: 960px) { + .uk-child-width-1-1\@m > * { + width: 100%; + } + .uk-child-width-1-2\@m > * { + width: 50%; + } + .uk-child-width-1-3\@m > * { + width: calc(100% / 3); + } + .uk-child-width-1-4\@m > * { + width: 25%; + } + .uk-child-width-1-5\@m > * { + width: 20%; + } + .uk-child-width-1-6\@m > * { + width: calc(100% / 6); + } + .uk-child-width-auto\@m > * { + width: auto; + } + .uk-child-width-expand\@m > :not([class*="uk-width"]) { + flex: 1; + min-width: 1px; + } + /* Reset expand */ + .uk-child-width-1-1\@m > :not([class*="uk-width"]), + .uk-child-width-1-2\@m > :not([class*="uk-width"]), + .uk-child-width-1-3\@m > :not([class*="uk-width"]), + .uk-child-width-1-4\@m > :not([class*="uk-width"]), + .uk-child-width-1-5\@m > :not([class*="uk-width"]), + .uk-child-width-1-6\@m > :not([class*="uk-width"]), + .uk-child-width-auto\@m > :not([class*="uk-width"]) { + flex: initial; + } +} +/* Desktop and bigger */ +@media (min-width: 1200px) { + .uk-child-width-1-1\@l > * { + width: 100%; + } + .uk-child-width-1-2\@l > * { + width: 50%; + } + .uk-child-width-1-3\@l > * { + width: calc(100% / 3); + } + .uk-child-width-1-4\@l > * { + width: 25%; + } + .uk-child-width-1-5\@l > * { + width: 20%; + } + .uk-child-width-1-6\@l > * { + width: calc(100% / 6); + } + .uk-child-width-auto\@l > * { + width: auto; + } + .uk-child-width-expand\@l > :not([class*="uk-width"]) { + flex: 1; + min-width: 1px; + } + /* Reset expand */ + .uk-child-width-1-1\@l > :not([class*="uk-width"]), + .uk-child-width-1-2\@l > :not([class*="uk-width"]), + .uk-child-width-1-3\@l > :not([class*="uk-width"]), + .uk-child-width-1-4\@l > :not([class*="uk-width"]), + .uk-child-width-1-5\@l > :not([class*="uk-width"]), + .uk-child-width-1-6\@l > :not([class*="uk-width"]), + .uk-child-width-auto\@l > :not([class*="uk-width"]) { + flex: initial; + } +} +/* Large screen and bigger */ +@media (min-width: 1600px) { + .uk-child-width-1-1\@xl > * { + width: 100%; + } + .uk-child-width-1-2\@xl > * { + width: 50%; + } + .uk-child-width-1-3\@xl > * { + width: calc(100% / 3); + } + .uk-child-width-1-4\@xl > * { + width: 25%; + } + .uk-child-width-1-5\@xl > * { + width: 20%; + } + .uk-child-width-1-6\@xl > * { + width: calc(100% / 6); + } + .uk-child-width-auto\@xl > * { + width: auto; + } + .uk-child-width-expand\@xl > :not([class*="uk-width"]) { + flex: 1; + min-width: 1px; + } + /* Reset expand */ + .uk-child-width-1-1\@xl > :not([class*="uk-width"]), + .uk-child-width-1-2\@xl > :not([class*="uk-width"]), + .uk-child-width-1-3\@xl > :not([class*="uk-width"]), + .uk-child-width-1-4\@xl > :not([class*="uk-width"]), + .uk-child-width-1-5\@xl > :not([class*="uk-width"]), + .uk-child-width-1-6\@xl > :not([class*="uk-width"]), + .uk-child-width-auto\@xl > :not([class*="uk-width"]) { + flex: initial; + } +} +/* Single Widths + ========================================================================== */ +/* + * 1. `max-width` is needed for the pixel-based classes + */ +[class*="uk-width"] { + box-sizing: border-box; + width: 100%; + /* 1 */ + max-width: 100%; +} +/* Halves */ +.uk-width-1-2 { + width: 50%; +} +/* Thirds */ +.uk-width-1-3 { + width: calc(100% / 3); +} +.uk-width-2-3 { + width: calc(200% / 3); +} +/* Quarters */ +.uk-width-1-4 { + width: 25%; +} +.uk-width-3-4 { + width: 75%; +} +/* Fifths */ +.uk-width-1-5 { + width: 20%; +} +.uk-width-2-5 { + width: 40%; +} +.uk-width-3-5 { + width: 60%; +} +.uk-width-4-5 { + width: 80%; +} +/* Sixths */ +.uk-width-1-6 { + width: calc(100% / 6); +} +.uk-width-5-6 { + width: calc(500% / 6); +} +/* Pixel */ +.uk-width-small { + width: 150px; +} +.uk-width-medium { + width: 300px; +} +.uk-width-large { + width: 450px; +} +.uk-width-xlarge { + width: 600px; +} +.uk-width-2xlarge { + width: 750px; +} +/* Auto */ +.uk-width-auto { + width: auto; +} +/* Expand */ +.uk-width-expand { + flex: 1; + min-width: 1px; +} +/* Phone landscape and bigger */ +@media (min-width: 640px) { + /* Whole */ + .uk-width-1-1\@s { + width: 100%; + } + /* Halves */ + .uk-width-1-2\@s { + width: 50%; + } + /* Thirds */ + .uk-width-1-3\@s { + width: calc(100% / 3); + } + .uk-width-2-3\@s { + width: calc(200% / 3); + } + /* Quarters */ + .uk-width-1-4\@s { + width: 25%; + } + .uk-width-3-4\@s { + width: 75%; + } + /* Fifths */ + .uk-width-1-5\@s { + width: 20%; + } + .uk-width-2-5\@s { + width: 40%; + } + .uk-width-3-5\@s { + width: 60%; + } + .uk-width-4-5\@s { + width: 80%; + } + /* Sixths */ + .uk-width-1-6\@s { + width: calc(100% / 6); + } + .uk-width-5-6\@s { + width: calc(500% / 6); + } + /* Pixel */ + .uk-width-small\@s { + width: 150px; + } + .uk-width-medium\@s { + width: 300px; + } + .uk-width-large\@s { + width: 450px; + } + .uk-width-xlarge\@s { + width: 600px; + } + .uk-width-2xlarge\@s { + width: 750px; + } + /* Auto */ + .uk-width-auto\@s { + width: auto; + } + /* Expand */ + .uk-width-expand\@s { + flex: 1; + min-width: 1px; + } + /* Reset expand */ + .uk-width-1-1\@s, + .uk-width-1-2\@s, + .uk-width-1-3\@s, + .uk-width-2-3\@s, + .uk-width-1-4\@s, + .uk-width-3-4\@s, + .uk-width-1-5\@s, + .uk-width-2-5\@s, + .uk-width-3-5\@s, + .uk-width-4-5\@s, + .uk-width-1-6\@s, + .uk-width-5-6\@s, + .uk-width-small\@s, + .uk-width-medium\@s, + .uk-width-large\@s, + .uk-width-xlarge\@s, + .uk-width-2xlarge\@s, + .uk-width-auto\@s { + flex: initial; + } +} +/* Tablet landscape and bigger */ +@media (min-width: 960px) { + /* Whole */ + .uk-width-1-1\@m { + width: 100%; + } + /* Halves */ + .uk-width-1-2\@m { + width: 50%; + } + /* Thirds */ + .uk-width-1-3\@m { + width: calc(100% / 3); + } + .uk-width-2-3\@m { + width: calc(200% / 3); + } + /* Quarters */ + .uk-width-1-4\@m { + width: 25%; + } + .uk-width-3-4\@m { + width: 75%; + } + /* Fifths */ + .uk-width-1-5\@m { + width: 20%; + } + .uk-width-2-5\@m { + width: 40%; + } + .uk-width-3-5\@m { + width: 60%; + } + .uk-width-4-5\@m { + width: 80%; + } + /* Sixths */ + .uk-width-1-6\@m { + width: calc(100% / 6); + } + .uk-width-5-6\@m { + width: calc(500% / 6); + } + /* Pixel */ + .uk-width-small\@m { + width: 150px; + } + .uk-width-medium\@m { + width: 300px; + } + .uk-width-large\@m { + width: 450px; + } + .uk-width-xlarge\@m { + width: 600px; + } + .uk-width-2xlarge\@m { + width: 750px; + } + /* Auto */ + .uk-width-auto\@m { + width: auto; + } + /* Expand */ + .uk-width-expand\@m { + flex: 1; + min-width: 1px; + } + /* Reset expand */ + .uk-width-1-1\@m, + .uk-width-1-2\@m, + .uk-width-1-3\@m, + .uk-width-2-3\@m, + .uk-width-1-4\@m, + .uk-width-3-4\@m, + .uk-width-1-5\@m, + .uk-width-2-5\@m, + .uk-width-3-5\@m, + .uk-width-4-5\@m, + .uk-width-1-6\@m, + .uk-width-5-6\@m, + .uk-width-small\@m, + .uk-width-medium\@m, + .uk-width-large\@m, + .uk-width-xlarge\@m, + .uk-width-2xlarge\@m, + .uk-width-auto\@m { + flex: initial; + } +} +/* Desktop and bigger */ +@media (min-width: 1200px) { + /* Whole */ + .uk-width-1-1\@l { + width: 100%; + } + /* Halves */ + .uk-width-1-2\@l { + width: 50%; + } + /* Thirds */ + .uk-width-1-3\@l { + width: calc(100% / 3); + } + .uk-width-2-3\@l { + width: calc(200% / 3); + } + /* Quarters */ + .uk-width-1-4\@l { + width: 25%; + } + .uk-width-3-4\@l { + width: 75%; + } + /* Fifths */ + .uk-width-1-5\@l { + width: 20%; + } + .uk-width-2-5\@l { + width: 40%; + } + .uk-width-3-5\@l { + width: 60%; + } + .uk-width-4-5\@l { + width: 80%; + } + /* Sixths */ + .uk-width-1-6\@l { + width: calc(100% / 6); + } + .uk-width-5-6\@l { + width: calc(500% / 6); + } + /* Pixel */ + .uk-width-small\@l { + width: 150px; + } + .uk-width-medium\@l { + width: 300px; + } + .uk-width-large\@l { + width: 450px; + } + .uk-width-xlarge\@l { + width: 600px; + } + .uk-width-2xlarge\@l { + width: 750px; + } + /* Auto */ + .uk-width-auto\@l { + width: auto; + } + /* Expand */ + .uk-width-expand\@l { + flex: 1; + min-width: 1px; + } + /* Reset expand */ + .uk-width-1-1\@l, + .uk-width-1-2\@l, + .uk-width-1-3\@l, + .uk-width-2-3\@l, + .uk-width-1-4\@l, + .uk-width-3-4\@l, + .uk-width-1-5\@l, + .uk-width-2-5\@l, + .uk-width-3-5\@l, + .uk-width-4-5\@l, + .uk-width-1-6\@l, + .uk-width-5-6\@l, + .uk-width-small\@l, + .uk-width-medium\@l, + .uk-width-large\@l, + .uk-width-xlarge\@l, + .uk-width-2xlarge\@l, + .uk-width-auto\@l { + flex: initial; + } +} +/* Large screen and bigger */ +@media (min-width: 1600px) { + /* Whole */ + .uk-width-1-1\@xl { + width: 100%; + } + /* Halves */ + .uk-width-1-2\@xl { + width: 50%; + } + /* Thirds */ + .uk-width-1-3\@xl { + width: calc(100% / 3); + } + .uk-width-2-3\@xl { + width: calc(200% / 3); + } + /* Quarters */ + .uk-width-1-4\@xl { + width: 25%; + } + .uk-width-3-4\@xl { + width: 75%; + } + /* Fifths */ + .uk-width-1-5\@xl { + width: 20%; + } + .uk-width-2-5\@xl { + width: 40%; + } + .uk-width-3-5\@xl { + width: 60%; + } + .uk-width-4-5\@xl { + width: 80%; + } + /* Sixths */ + .uk-width-1-6\@xl { + width: calc(100% / 6); + } + .uk-width-5-6\@xl { + width: calc(500% / 6); + } + /* Pixel */ + .uk-width-small\@xl { + width: 150px; + } + .uk-width-medium\@xl { + width: 300px; + } + .uk-width-large\@xl { + width: 450px; + } + .uk-width-xlarge\@xl { + width: 600px; + } + .uk-width-2xlarge\@xl { + width: 750px; + } + /* Auto */ + .uk-width-auto\@xl { + width: auto; + } + /* Expand */ + .uk-width-expand\@xl { + flex: 1; + min-width: 1px; + } + /* Reset expand */ + .uk-width-1-1\@xl, + .uk-width-1-2\@xl, + .uk-width-1-3\@xl, + .uk-width-2-3\@xl, + .uk-width-1-4\@xl, + .uk-width-3-4\@xl, + .uk-width-1-5\@xl, + .uk-width-2-5\@xl, + .uk-width-3-5\@xl, + .uk-width-4-5\@xl, + .uk-width-1-6\@xl, + .uk-width-5-6\@xl, + .uk-width-small\@xl, + .uk-width-medium\@xl, + .uk-width-large\@xl, + .uk-width-xlarge\@xl, + .uk-width-2xlarge\@xl, + .uk-width-auto\@xl { + flex: initial; + } +} +/* Intrinsic Widths + ========================================================================== */ +.uk-width-max-content { + width: max-content; +} +.uk-width-min-content { + width: min-content; +} +/* ======================================================================== + Component: Height + ========================================================================== */ +[class*="uk-height"] { + box-sizing: border-box; +} +/* + * Only works if parent element has a height set + */ +.uk-height-1-1 { + height: 100%; +} +/* + * Useful to create image teasers + */ +.uk-height-viewport { + min-height: 100vh; +} +.uk-height-viewport-2 { + min-height: 200vh; +} +.uk-height-viewport-3 { + min-height: 300vh; +} +.uk-height-viewport-4 { + min-height: 400vh; +} +/* + * Pixel + * Useful for `overflow: auto` + */ +.uk-height-small { + height: 150px; +} +.uk-height-medium { + height: 300px; +} +.uk-height-large { + height: 450px; +} +.uk-height-max-small { + max-height: 150px; +} +.uk-height-max-medium { + max-height: 300px; +} +.uk-height-max-large { + max-height: 450px; +} +/* ======================================================================== + Component: Text + ========================================================================== */ +/* Style modifiers + ========================================================================== */ +.uk-text-lead { + font-size: 1.5rem; + line-height: 1.5; + color: #333; +} +.uk-text-meta { + font-size: 0.875rem; + line-height: 1.4; + color: #999; +} +.uk-text-meta > a { + color: #999; +} +.uk-text-meta > a:hover { + color: #666; + text-decoration: none; +} +/* Size modifiers + ========================================================================== */ +.uk-text-small { + font-size: 0.875rem; + line-height: 1.5; +} +.uk-text-large { + font-size: 1.5rem; + line-height: 1.5; +} +.uk-text-default { + font-size: 16px; + line-height: 1.5; +} +/* Weight modifier + ========================================================================== */ +.uk-text-light { + font-weight: 300; +} +.uk-text-normal { + font-weight: 400; +} +.uk-text-bold { + font-weight: 700; +} +.uk-text-lighter { + font-weight: lighter; +} +.uk-text-bolder { + font-weight: bolder; +} +/* Style modifier + ========================================================================== */ +.uk-text-italic { + font-style: italic; +} +/* Transform modifier + ========================================================================== */ +.uk-text-capitalize { + text-transform: capitalize !important; +} +.uk-text-uppercase { + text-transform: uppercase !important; +} +.uk-text-lowercase { + text-transform: lowercase !important; +} +/* Decoration modifier + ========================================================================== */ +.uk-text-decoration-none { + text-decoration: none !important; +} +/* Color modifiers + ========================================================================== */ +.uk-text-muted { + color: #999 !important; +} +.uk-text-emphasis { + color: #333 !important; +} +.uk-text-primary { + color: #1e87f0 !important; +} +.uk-text-secondary { + color: #222 !important; +} +.uk-text-success { + color: #32d296 !important; +} +.uk-text-warning { + color: #faa05a !important; +} +.uk-text-danger { + color: #f0506e !important; +} +/* Background modifier + ========================================================================== */ +/* + * 1. The background clips to the foreground text. Works in all browsers. + * 2. Default color is set to transparent. + * 3. Container fits the text + * 4. Style + */ +.uk-text-background { + /* 1 */ + -webkit-background-clip: text; + /* 2 */ + color: transparent !important; + /* 3 */ + display: inline-block; + /* 4 */ + background-color: #1e87f0; + background-image: linear-gradient(90deg, #1e87f0 0%, #411ef0 100%); +} +/* Alignment modifiers + ========================================================================== */ +.uk-text-left { + text-align: left !important; +} +.uk-text-right { + text-align: right !important; +} +.uk-text-center { + text-align: center !important; +} +.uk-text-justify { + text-align: justify !important; +} +/* Phone landscape and bigger */ +@media (min-width: 640px) { + .uk-text-left\@s { + text-align: left !important; + } + .uk-text-right\@s { + text-align: right !important; + } + .uk-text-center\@s { + text-align: center !important; + } +} +/* Tablet landscape and bigger */ +@media (min-width: 960px) { + .uk-text-left\@m { + text-align: left !important; + } + .uk-text-right\@m { + text-align: right !important; + } + .uk-text-center\@m { + text-align: center !important; + } +} +/* Desktop and bigger */ +@media (min-width: 1200px) { + .uk-text-left\@l { + text-align: left !important; + } + .uk-text-right\@l { + text-align: right !important; + } + .uk-text-center\@l { + text-align: center !important; + } +} +/* Large screen and bigger */ +@media (min-width: 1600px) { + .uk-text-left\@xl { + text-align: left !important; + } + .uk-text-right\@xl { + text-align: right !important; + } + .uk-text-center\@xl { + text-align: center !important; + } +} +/* + * Vertical + */ +.uk-text-top { + vertical-align: top !important; +} +.uk-text-middle { + vertical-align: middle !important; +} +.uk-text-bottom { + vertical-align: bottom !important; +} +.uk-text-baseline { + vertical-align: baseline !important; +} +/* Wrap modifiers + ========================================================================== */ +/* + * Prevent text from wrapping onto multiple lines + */ +.uk-text-nowrap { + white-space: nowrap; +} +/* + * 1. Make sure a max-width is set after which truncation can occur + * 2. Prevent text from wrapping onto multiple lines, and truncate with an ellipsis + * 3. Fix for table cells + */ +.uk-text-truncate { + /* 1 */ + max-width: 100%; + /* 2 */ + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; +} +/* 2 */ +th.uk-text-truncate, +td.uk-text-truncate { + max-width: 0; +} +/* + * Wrap long words onto the next line and break them if they are too long to fit. + * 1. Make it work with table cells in all browsers. + * Note: Not using `hyphens: auto` because it hyphenates text even if not needed. + */ +.uk-text-break { + overflow-wrap: break-word; +} +/* 1 */ +th.uk-text-break, +td.uk-text-break { + word-break: break-word; +} +/* ======================================================================== + Component: Column + ========================================================================== */ +[class*="uk-column-"] { + column-gap: 30px; +} +/* Desktop and bigger */ +@media (min-width: 1200px) { + [class*="uk-column-"] { + column-gap: 40px; + } +} +/* + * Fix image 1px line wrapping into the next column in Chrome + */ +[class*="uk-column-"] img { + transform: translate3d(0, 0, 0); +} +/* Divider + ========================================================================== */ +/* + * 1. Double the column gap + */ +.uk-column-divider { + column-rule: 1px solid #e5e5e5; + /* 1 */ + column-gap: 60px; +} +/* Desktop and bigger */ +@media (min-width: 1200px) { + .uk-column-divider { + column-gap: 80px; + } +} +/* Width modifiers + ========================================================================== */ +.uk-column-1-2 { + column-count: 2; +} +.uk-column-1-3 { + column-count: 3; +} +.uk-column-1-4 { + column-count: 4; +} +.uk-column-1-5 { + column-count: 5; +} +.uk-column-1-6 { + column-count: 6; +} +/* Phone landscape and bigger */ +@media (min-width: 640px) { + .uk-column-1-2\@s { + column-count: 2; + } + .uk-column-1-3\@s { + column-count: 3; + } + .uk-column-1-4\@s { + column-count: 4; + } + .uk-column-1-5\@s { + column-count: 5; + } + .uk-column-1-6\@s { + column-count: 6; + } +} +/* Tablet landscape and bigger */ +@media (min-width: 960px) { + .uk-column-1-2\@m { + column-count: 2; + } + .uk-column-1-3\@m { + column-count: 3; + } + .uk-column-1-4\@m { + column-count: 4; + } + .uk-column-1-5\@m { + column-count: 5; + } + .uk-column-1-6\@m { + column-count: 6; + } +} +/* Desktop and bigger */ +@media (min-width: 1200px) { + .uk-column-1-2\@l { + column-count: 2; + } + .uk-column-1-3\@l { + column-count: 3; + } + .uk-column-1-4\@l { + column-count: 4; + } + .uk-column-1-5\@l { + column-count: 5; + } + .uk-column-1-6\@l { + column-count: 6; + } +} +/* Large screen and bigger */ +@media (min-width: 1600px) { + .uk-column-1-2\@xl { + column-count: 2; + } + .uk-column-1-3\@xl { + column-count: 3; + } + .uk-column-1-4\@xl { + column-count: 4; + } + .uk-column-1-5\@xl { + column-count: 5; + } + .uk-column-1-6\@xl { + column-count: 6; + } +} +/* Make element span across all columns + * Does not work in Firefox yet + ========================================================================== */ +.uk-column-span { + column-span: all; +} +/* ======================================================================== + Component: Cover + ========================================================================== */ +/* + * Works with iframes and embedded content + * 1. Use attribute to apply transform instantly. Needed if transform is transitioned. + * 2. Reset responsiveness for embedded content + * 3. Center object + * Note: Percent values on the `top` property only works if this element + * is absolute positioned or if the container has a height + */ +/* 1 */ +[uk-cover]:where(canvas, iframe, svg), +[data-uk-cover]:where(canvas, iframe, svg) { + /* 2 */ + max-width: none; + /* 3 */ + position: absolute; + left: 50%; + top: 50%; + --uk-position-translate-x: -50%; + --uk-position-translate-y: -50%; + transform: translate(var(--uk-position-translate-x), var(--uk-position-translate-y)); +} +iframe[uk-cover], +iframe[data-uk-cover] { + pointer-events: none; +} +[uk-cover]:where(img, video), +[data-uk-cover]:where(img, video) { + /* 3 */ + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; + box-sizing: border-box; + object-fit: cover; + object-position: center; +} +/* Container + ========================================================================== */ +/* + * 1. Parent container which clips resized object + * 2. Needed if the child is positioned absolute. See note above + */ +.uk-cover-container { + /* 1 */ + overflow: hidden; + /* 2 */ + position: relative; +} +/* ======================================================================== + Component: Background + ========================================================================== */ +/* Color + ========================================================================== */ +.uk-background-default { + background-color: #fff; +} +.uk-background-muted { + background-color: #f8f8f8; +} +.uk-background-primary { + background-color: #1e87f0; +} +.uk-background-secondary { + background-color: #222; +} +/* Size + ========================================================================== */ +.uk-background-cover, +.uk-background-contain, +.uk-background-width-1-1, +.uk-background-height-1-1 { + background-position: 50% 50%; + background-repeat: no-repeat; +} +.uk-background-cover { + background-size: cover; +} +.uk-background-contain { + background-size: contain; +} +.uk-background-width-1-1 { + background-size: 100%; +} +.uk-background-height-1-1 { + background-size: auto 100%; +} +/* Position + ========================================================================== */ +.uk-background-top-left { + background-position: 0 0; +} +.uk-background-top-center { + background-position: 50% 0; +} +.uk-background-top-right { + background-position: 100% 0; +} +.uk-background-center-left { + background-position: 0 50%; +} +.uk-background-center-center { + background-position: 50% 50%; +} +.uk-background-center-right { + background-position: 100% 50%; +} +.uk-background-bottom-left { + background-position: 0 100%; +} +.uk-background-bottom-center { + background-position: 50% 100%; +} +.uk-background-bottom-right { + background-position: 100% 100%; +} +/* Repeat + ========================================================================== */ +.uk-background-norepeat { + background-repeat: no-repeat; +} +/* Attachment + ========================================================================== */ +/* + * 1. Fix bug introduced in Chrome 67: the background image is not visible if any element on the page uses `translate3d` + */ +.uk-background-fixed { + background-attachment: fixed; + /* 1 */ + backface-visibility: hidden; +} +/* + * Exclude touch devices because `fixed` doesn't work on iOS and Android + */ +@media (pointer: coarse) { + .uk-background-fixed { + background-attachment: scroll; + } +} +/* Image + ========================================================================== */ +/* Phone portrait and smaller */ +@media (max-width: 639px) { + .uk-background-image\@s { + background-image: none !important; + } +} +/* Phone landscape and smaller */ +@media (max-width: 959px) { + .uk-background-image\@m { + background-image: none !important; + } +} +/* Tablet landscape and smaller */ +@media (max-width: 1199px) { + .uk-background-image\@l { + background-image: none !important; + } +} +/* Desktop and smaller */ +@media (max-width: 1599px) { + .uk-background-image\@xl { + background-image: none !important; + } +} +/* Blend modes + ========================================================================== */ +.uk-background-blend-multiply { + background-blend-mode: multiply; +} +.uk-background-blend-screen { + background-blend-mode: screen; +} +.uk-background-blend-overlay { + background-blend-mode: overlay; +} +.uk-background-blend-darken { + background-blend-mode: darken; +} +.uk-background-blend-lighten { + background-blend-mode: lighten; +} +.uk-background-blend-color-dodge { + background-blend-mode: color-dodge; +} +.uk-background-blend-color-burn { + background-blend-mode: color-burn; +} +.uk-background-blend-hard-light { + background-blend-mode: hard-light; +} +.uk-background-blend-soft-light { + background-blend-mode: soft-light; +} +.uk-background-blend-difference { + background-blend-mode: difference; +} +.uk-background-blend-exclusion { + background-blend-mode: exclusion; +} +.uk-background-blend-hue { + background-blend-mode: hue; +} +.uk-background-blend-saturation { + background-blend-mode: saturation; +} +.uk-background-blend-color { + background-blend-mode: color; +} +.uk-background-blend-luminosity { + background-blend-mode: luminosity; +} +/* ======================================================================== + Component: Align + ========================================================================== */ +/* + * Default + */ +[class*="uk-align"] { + display: block; + margin-bottom: 30px; +} +* + [class*="uk-align"] { + margin-top: 30px; +} +/* + * Center + */ +.uk-align-center { + margin-left: auto; + margin-right: auto; +} +/* + * Left/Right + */ +.uk-align-left { + margin-top: 0; + margin-right: 30px; + float: left; +} +.uk-align-right { + margin-top: 0; + margin-left: 30px; + float: right; +} +/* Phone landscape and bigger */ +@media (min-width: 640px) { + .uk-align-left\@s { + margin-top: 0; + margin-right: 30px; + float: left; + } + .uk-align-right\@s { + margin-top: 0; + margin-left: 30px; + float: right; + } +} +/* Tablet landscape and bigger */ +@media (min-width: 960px) { + .uk-align-left\@m { + margin-top: 0; + margin-right: 30px; + float: left; + } + .uk-align-right\@m { + margin-top: 0; + margin-left: 30px; + float: right; + } +} +/* Desktop and bigger */ +@media (min-width: 1200px) { + .uk-align-left\@l { + margin-top: 0; + float: left; + } + .uk-align-right\@l { + margin-top: 0; + float: right; + } + .uk-align-left, + .uk-align-left\@s, + .uk-align-left\@m, + .uk-align-left\@l { + margin-right: 40px; + } + .uk-align-right, + .uk-align-right\@s, + .uk-align-right\@m, + .uk-align-right\@l { + margin-left: 40px; + } +} +/* Large screen and bigger */ +@media (min-width: 1600px) { + .uk-align-left\@xl { + margin-top: 0; + margin-right: 40px; + float: left; + } + .uk-align-right\@xl { + margin-top: 0; + margin-left: 40px; + float: right; + } +} +/* ======================================================================== + Component: SVG + ========================================================================== */ +/* + * 1. Fill all SVG elements with the current text color if no `fill` attribute is set + * 2. Set the fill and stroke color of all SVG elements to the current text color + */ +/* 1 */ +.uk-svg, +.uk-svg:not(.uk-preserve) [fill*="#"]:not(.uk-preserve) { + fill: currentcolor; +} +.uk-svg:not(.uk-preserve) [stroke*="#"]:not(.uk-preserve) { + stroke: currentcolor; +} +/* + * Fix Firefox blurry SVG rendering: https://bugzilla.mozilla.org/show_bug.cgi?id=1046835 + */ +.uk-svg { + transform: translate(0, 0); +} +/* ======================================================================== + Component: Utility + ========================================================================== */ +/* Panel + ========================================================================== */ +.uk-panel { + display: flow-root; + position: relative; + box-sizing: border-box; +} +/* + * Remove margin from the last-child + */ +.uk-panel > :last-child { + margin-bottom: 0; +} +/* + * Scrollable + */ +.uk-panel-scrollable { + height: 170px; + padding: 10px; + border: 1px solid #e5e5e5; + overflow: auto; + resize: both; +} +/* Clearfix + ========================================================================== */ +/* + * 1. `table-cell` is used with `::before` because `table` creates a 1px gap when it becomes a flex item, only in Webkit + * 2. `table` is used again with `::after` because `clear` only works with block elements. + * Note: `display: block` with `overflow: hidden` is currently not working in the latest Safari + */ +/* 1 */ +.uk-clearfix::before { + content: ""; + display: table-cell; +} +/* 2 */ +.uk-clearfix::after { + content: ""; + display: table; + clear: both; +} +/* Float + ========================================================================== */ +/* + * 1. Prevent content overflow + */ +.uk-float-left { + float: left; +} +.uk-float-right { + float: right; +} +/* 1 */ +[class*="uk-float-"] { + max-width: 100%; +} +/* Overflow + ========================================================================== */ +.uk-overflow-hidden { + overflow: hidden; +} +/* + * Enable scrollbars if content is clipped + */ +.uk-overflow-auto { + overflow: auto; +} +.uk-overflow-auto > :last-child { + margin-bottom: 0; +} +/* Box Sizing + ========================================================================== */ +.uk-box-sizing-content { + box-sizing: content-box; +} +.uk-box-sizing-border { + box-sizing: border-box; +} +/* Resize + ========================================================================== */ +.uk-resize { + resize: both; +} +.uk-resize-horizontal { + resize: horizontal; +} +.uk-resize-vertical { + resize: vertical; +} +/* Display + ========================================================================== */ +.uk-display-block { + display: block !important; +} +.uk-display-inline { + display: inline !important; +} +.uk-display-inline-block { + display: inline-block !important; +} +/* Inline + ========================================================================== */ +/* + * 1. Container fits its content + * 2. Create position context + * 3. Prevent content overflow + * 4. Behave like most inline-block elements + * 5. Force new layer without creating a new stacking context + * to fix 1px glitch when combined with overlays and transitions in Webkit + * 6. Clip child elements + */ +[class*="uk-inline"] { + /* 1 */ + display: inline-block; + /* 2 */ + position: relative; + /* 3 */ + max-width: 100%; + /* 4 */ + vertical-align: middle; + /* 5 */ + -webkit-backface-visibility: hidden; +} +.uk-inline-clip { + /* 6 */ + overflow: hidden; +} +/* Responsive objects + ========================================================================== */ +/* + * Preserve original dimensions + * Because `img, `video`, `canvas` and `audio` are already responsive by default, see Base component + */ +.uk-preserve-width, +.uk-preserve-width canvas, +.uk-preserve-width img, +.uk-preserve-width svg, +.uk-preserve-width video { + max-width: none; +} +/* + * Responsiveness + * Corrects `max-width` and `max-height` behavior if padding and border are used + */ +.uk-responsive-width, +.uk-responsive-height { + box-sizing: border-box; +} +/* + * 1. Set a maximum width. `important` needed to override `uk-preserve-width img` + * 2. Auto scale the height. Only needed if `height` attribute is present + */ +.uk-responsive-width { + /* 1 */ + max-width: 100% !important; + /* 2 */ + height: auto; +} +/* + * 1. Set a maximum height. Only works if the parent element has a fixed height + * 2. Auto scale the width. Only needed if `width` attribute is present + * 3. Reset max-width, which `img, `video`, `canvas` and `audio` already have by default + */ +.uk-responsive-height { + /* 1 */ + max-height: 100%; + /* 2 */ + width: auto; + /* 3 */ + max-width: none; +} +/* + * Fix initial iframe width. Without the viewport is expanded on iOS devices + */ +[uk-responsive], +[data-uk-responsive] { + max-width: 100%; +} +/* Object + ========================================================================== */ +.uk-object-cover { + object-fit: cover; +} +.uk-object-contain { + object-fit: contain; +} +.uk-object-fill { + object-fit: fill; +} +.uk-object-none { + object-fit: none; +} +.uk-object-scale-down { + object-fit: scale-down; +} +/* + * Position + */ +.uk-object-top-left { + object-position: 0 0; +} +.uk-object-top-center { + object-position: 50% 0; +} +.uk-object-top-right { + object-position: 100% 0; +} +.uk-object-center-left { + object-position: 0 50%; +} +.uk-object-center-center { + object-position: 50% 50%; +} +.uk-object-center-right { + object-position: 100% 50%; +} +.uk-object-bottom-left { + object-position: 0 100%; +} +.uk-object-bottom-center { + object-position: 50% 100%; +} +.uk-object-bottom-right { + object-position: 100% 100%; +} +/* Border + ========================================================================== */ +.uk-border-circle { + border-radius: 50%; +} +.uk-border-pill { + border-radius: 500px; +} +.uk-border-rounded { + border-radius: 5px; +} +/* + * Fix `overflow: hidden` to be ignored with border-radius and CSS transforms in Webkit + */ +.uk-inline-clip[class*="uk-border-"] { + -webkit-transform: translateZ(0); +} +/* Box-shadow + ========================================================================== */ +.uk-box-shadow-small { + box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08); +} +.uk-box-shadow-medium { + box-shadow: 0 5px 15px rgba(0, 0, 0, 0.08); +} +.uk-box-shadow-large { + box-shadow: 0 14px 25px rgba(0, 0, 0, 0.16); +} +.uk-box-shadow-xlarge { + box-shadow: 0 28px 50px rgba(0, 0, 0, 0.16); +} +/* + * Hover + */ +[class*="uk-box-shadow-hover"] { + transition: box-shadow 0.1s ease-in-out; +} +.uk-box-shadow-hover-small:hover { + box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08); +} +.uk-box-shadow-hover-medium:hover { + box-shadow: 0 5px 15px rgba(0, 0, 0, 0.08); +} +.uk-box-shadow-hover-large:hover { + box-shadow: 0 14px 25px rgba(0, 0, 0, 0.16); +} +.uk-box-shadow-hover-xlarge:hover { + box-shadow: 0 28px 50px rgba(0, 0, 0, 0.16); +} +/* Box-shadow bottom + ========================================================================== */ +/* + * 1. Set position. + * 2. Set style + * 3. Fix shadow being clipped in Safari if container is animated + */ +@supports (filter: blur(0)) { + .uk-box-shadow-bottom { + display: inline-block; + position: relative; + z-index: 0; + max-width: 100%; + vertical-align: middle; + } + .uk-box-shadow-bottom::after { + content: ""; + /* 1 */ + position: absolute; + bottom: -30px; + left: 0; + right: 0; + z-index: -1; + /* 2 */ + height: 30px; + border-radius: 100%; + background: #444; + filter: blur(20px); + /* 3 */ + will-change: filter; + } +} +/* Drop cap + ========================================================================== */ +/* + * 1. Firefox doesn't apply `::first-letter` if the first letter is inside child elements + * https://bugzilla.mozilla.org/show_bug.cgi?id=214004 + * 2. In Firefox, a floating `::first-letter` doesn't have a line box and there for no `line-height` + * https://bugzilla.mozilla.org/show_bug.cgi?id=317933 + */ +.uk-dropcap::first-letter, +.uk-dropcap > p:first-of-type::first-letter { + display: block; + margin-right: 10px; + float: left; + font-size: 4.5em; + line-height: 1; + margin-bottom: -2px; +} +/* 2 */ +@-moz-document url-prefix() { + .uk-dropcap::first-letter, + .uk-dropcap > p:first-of-type::first-letter { + margin-top: 1.1%; + } +} +/* Logo + ========================================================================== */ +/* + * 1. Style + * 2. Required for `a` + * 3. Behave like image but can be overridden through flex utility classes + */ +.uk-logo { + /* 1 */ + font-size: 1.5rem; + font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; + color: #333; + /* 2 */ + text-decoration: none; +} +/* 3 */ +:where(.uk-logo) { + display: inline-block; + vertical-align: middle; +} +/* Hover */ +.uk-logo:hover { + color: #333; + /* 1 */ + text-decoration: none; +} +.uk-logo :where(img, svg, video) { + display: block; +} +.uk-logo-inverse { + display: none; +} +/* Disabled State + ========================================================================== */ +.uk-disabled { + pointer-events: none; +} +/* Drag State + ========================================================================== */ +/* + * 1. Needed if moving over elements with have their own cursor on hover, e.g. links or buttons + * 2. Fix dragging over iframes + */ +.uk-drag, +.uk-drag * { + cursor: move; +} +/* 2 */ +.uk-drag iframe { + pointer-events: none; +} +/* Dragover State + ========================================================================== */ +/* + * Create a box-shadow when dragging a file over the upload area + */ +.uk-dragover { + box-shadow: 0 0 20px rgba(100, 100, 100, 0.3); +} +/* Blend modes + ========================================================================== */ +.uk-blend-multiply { + mix-blend-mode: multiply; +} +.uk-blend-screen { + mix-blend-mode: screen; +} +.uk-blend-overlay { + mix-blend-mode: overlay; +} +.uk-blend-darken { + mix-blend-mode: darken; +} +.uk-blend-lighten { + mix-blend-mode: lighten; +} +.uk-blend-color-dodge { + mix-blend-mode: color-dodge; +} +.uk-blend-color-burn { + mix-blend-mode: color-burn; +} +.uk-blend-hard-light { + mix-blend-mode: hard-light; +} +.uk-blend-soft-light { + mix-blend-mode: soft-light; +} +.uk-blend-difference { + mix-blend-mode: difference; +} +.uk-blend-exclusion { + mix-blend-mode: exclusion; +} +.uk-blend-hue { + mix-blend-mode: hue; +} +.uk-blend-saturation { + mix-blend-mode: saturation; +} +.uk-blend-color { + mix-blend-mode: color; +} +.uk-blend-luminosity { + mix-blend-mode: luminosity; +} +/* Transform +========================================================================== */ +.uk-transform-center { + transform: translate(-50%, -50%); +} +/* Transform Origin +========================================================================== */ +.uk-transform-origin-top-left { + transform-origin: 0 0; +} +.uk-transform-origin-top-center { + transform-origin: 50% 0; +} +.uk-transform-origin-top-right { + transform-origin: 100% 0; +} +.uk-transform-origin-center-left { + transform-origin: 0 50%; +} +.uk-transform-origin-center-right { + transform-origin: 100% 50%; +} +.uk-transform-origin-bottom-left { + transform-origin: 0 100%; +} +.uk-transform-origin-bottom-center { + transform-origin: 50% 100%; +} +.uk-transform-origin-bottom-right { + transform-origin: 100% 100%; +} +/* ======================================================================== + Component: Flex + ========================================================================== */ +.uk-flex { + display: flex; +} +.uk-flex-inline { + display: inline-flex; +} +/* Alignment + ========================================================================== */ +/* + * Align items along the main axis of the current line of the flex container + * Row: Horizontal + */ +.uk-flex-left { + justify-content: flex-start; +} +.uk-flex-center { + justify-content: center; +} +.uk-flex-right { + justify-content: flex-end; +} +.uk-flex-between { + justify-content: space-between; +} +.uk-flex-around { + justify-content: space-around; +} +/* Phone landscape and bigger */ +@media (min-width: 640px) { + .uk-flex-left\@s { + justify-content: flex-start; + } + .uk-flex-center\@s { + justify-content: center; + } + .uk-flex-right\@s { + justify-content: flex-end; + } + .uk-flex-between\@s { + justify-content: space-between; + } + .uk-flex-around\@s { + justify-content: space-around; + } +} +/* Tablet landscape and bigger */ +@media (min-width: 960px) { + .uk-flex-left\@m { + justify-content: flex-start; + } + .uk-flex-center\@m { + justify-content: center; + } + .uk-flex-right\@m { + justify-content: flex-end; + } + .uk-flex-between\@m { + justify-content: space-between; + } + .uk-flex-around\@m { + justify-content: space-around; + } +} +/* Desktop and bigger */ +@media (min-width: 1200px) { + .uk-flex-left\@l { + justify-content: flex-start; + } + .uk-flex-center\@l { + justify-content: center; + } + .uk-flex-right\@l { + justify-content: flex-end; + } + .uk-flex-between\@l { + justify-content: space-between; + } + .uk-flex-around\@l { + justify-content: space-around; + } +} +/* Large screen and bigger */ +@media (min-width: 1600px) { + .uk-flex-left\@xl { + justify-content: flex-start; + } + .uk-flex-center\@xl { + justify-content: center; + } + .uk-flex-right\@xl { + justify-content: flex-end; + } + .uk-flex-between\@xl { + justify-content: space-between; + } + .uk-flex-around\@xl { + justify-content: space-around; + } +} +/* + * Align items in the cross axis of the current line of the flex container + * Row: Vertical + */ +.uk-flex-stretch { + align-items: stretch; +} +.uk-flex-top { + align-items: flex-start; +} +.uk-flex-middle { + align-items: center; +} +.uk-flex-bottom { + align-items: flex-end; +} +/* Phone landscape and bigger */ +@media (min-width: 640px) { + .uk-flex-stretch\@s { + align-items: stretch; + } + .uk-flex-top\@s { + align-items: flex-start; + } + .uk-flex-middle\@s { + align-items: center; + } + .uk-flex-bottom\@s { + align-items: flex-end; + } +} +/* Tablet landscape and bigger */ +@media (min-width: 960px) { + .uk-flex-stretch\@m { + align-items: stretch; + } + .uk-flex-top\@m { + align-items: flex-start; + } + .uk-flex-middle\@m { + align-items: center; + } + .uk-flex-bottom\@m { + align-items: flex-end; + } +} +/* Desktop and bigger */ +@media (min-width: 1200px) { + .uk-flex-stretch\@l { + align-items: stretch; + } + .uk-flex-top\@l { + align-items: flex-start; + } + .uk-flex-middle\@l { + align-items: center; + } + .uk-flex-bottom\@l { + align-items: flex-end; + } +} +/* Large screen and bigger */ +@media (min-width: 1600px) { + .uk-flex-stretch\@xl { + align-items: stretch; + } + .uk-flex-top\@xl { + align-items: flex-start; + } + .uk-flex-middle\@xl { + align-items: center; + } + .uk-flex-bottom\@xl { + align-items: flex-end; + } +} +/* Direction + ========================================================================== */ +.uk-flex-row { + flex-direction: row; +} +.uk-flex-row-reverse { + flex-direction: row-reverse; +} +.uk-flex-column { + flex-direction: column; +} +.uk-flex-column-reverse { + flex-direction: column-reverse; +} +/* Phone landscape and bigger */ +@media (min-width: 640px) { + .uk-flex-row\@s { + flex-direction: row; + } + .uk-flex-column\@s { + flex-direction: column; + } +} +/* Tablet landscape and bigger */ +@media (min-width: 960px) { + .uk-flex-row\@m { + flex-direction: row; + } + .uk-flex-column\@m { + flex-direction: column; + } +} +/* Desktop and bigger */ +@media (min-width: 1200px) { + .uk-flex-row\@l { + flex-direction: row; + } + .uk-flex-column\@l { + flex-direction: column; + } +} +/* Large screen and bigger */ +@media (min-width: 1600px) { + .uk-flex-row\@xl { + flex-direction: row; + } + .uk-flex-column\@xl { + flex-direction: column; + } +} +/* Wrap + ========================================================================== */ +.uk-flex-nowrap { + flex-wrap: nowrap; +} +.uk-flex-wrap { + flex-wrap: wrap; +} +.uk-flex-wrap-reverse { + flex-wrap: wrap-reverse; +} +/* + * Aligns items within the flex container when there is extra space in the cross-axis + * Only works if there is more than one line of flex items + */ +.uk-flex-wrap-stretch { + align-content: stretch; +} +.uk-flex-wrap-top { + align-content: flex-start; +} +.uk-flex-wrap-middle { + align-content: center; +} +.uk-flex-wrap-bottom { + align-content: flex-end; +} +.uk-flex-wrap-between { + align-content: space-between; +} +.uk-flex-wrap-around { + align-content: space-around; +} +/* Item ordering + ========================================================================== */ +/* + * Default is 0 + */ +.uk-flex-first { + order: -1; +} +.uk-flex-last { + order: 99; +} +/* Phone landscape and bigger */ +@media (min-width: 640px) { + .uk-flex-first\@s { + order: -1; + } + .uk-flex-last\@s { + order: 99; + } +} +/* Tablet landscape and bigger */ +@media (min-width: 960px) { + .uk-flex-first\@m { + order: -1; + } + .uk-flex-last\@m { + order: 99; + } +} +/* Desktop and bigger */ +@media (min-width: 1200px) { + .uk-flex-first\@l { + order: -1; + } + .uk-flex-last\@l { + order: 99; + } +} +/* Large screen and bigger */ +@media (min-width: 1600px) { + .uk-flex-first\@xl { + order: -1; + } + .uk-flex-last\@xl { + order: 99; + } +} +/* Item dimensions + ========================================================================== */ +/* + * Initial: 0 1 auto + * Content dimensions, but shrinks + */ +.uk-flex-initial { + flex: initial; +} +/* + * No Flex: 0 0 auto + * Content dimensions + */ +.uk-flex-none { + flex: none; +} +/* + * Relative Flex: 1 1 auto + * Space is allocated considering content + */ +.uk-flex-auto { + flex: auto; +} +/* + * Absolute Flex: 1 1 0% + * Space is allocated solely based on flex + */ +.uk-flex-1 { + flex: 1; +} +/* Phone landscape and bigger */ +@media (min-width: 640px) { + .uk-flex-initial\@s { + flex: initial; + } + .uk-flex-none\@s { + flex: none; + } + .uk-flex-1\@s { + flex: 1; + } +} +/* Tablet landscape and bigger */ +@media (min-width: 960px) { + .uk-flex-initial\@m { + flex: initial; + } + .uk-flex-none\@m { + flex: none; + } + .uk-flex-1\@m { + flex: 1; + } +} +/* Desktop and bigger */ +@media (min-width: 1200px) { + .uk-flex-initial\@l { + flex: initial; + } + .uk-flex-none\@l { + flex: none; + } + .uk-flex-1\@l { + flex: 1; + } +} +/* Large screen and bigger */ +@media (min-width: 1600px) { + .uk-flex-initial\@xl { + flex: initial; + } + .uk-flex-none\@xl { + flex: none; + } + .uk-flex-1\@xl { + flex: 1; + } +} +/* ======================================================================== + Component: Margin + ========================================================================== */ +/* + * Default + */ +.uk-margin { + margin-bottom: 20px; +} +* + .uk-margin { + margin-top: 20px !important; +} +.uk-margin-top { + margin-top: 20px !important; +} +.uk-margin-bottom { + margin-bottom: 20px !important; +} +.uk-margin-left { + margin-left: 20px !important; +} +.uk-margin-right { + margin-right: 20px !important; +} +/* Small + ========================================================================== */ +.uk-margin-small { + margin-bottom: 10px; +} +* + .uk-margin-small { + margin-top: 10px !important; +} +.uk-margin-small-top { + margin-top: 10px !important; +} +.uk-margin-small-bottom { + margin-bottom: 10px !important; +} +.uk-margin-small-left { + margin-left: 10px !important; +} +.uk-margin-small-right { + margin-right: 10px !important; +} +/* Medium + ========================================================================== */ +.uk-margin-medium { + margin-bottom: 40px; +} +* + .uk-margin-medium { + margin-top: 40px !important; +} +.uk-margin-medium-top { + margin-top: 40px !important; +} +.uk-margin-medium-bottom { + margin-bottom: 40px !important; +} +.uk-margin-medium-left { + margin-left: 40px !important; +} +.uk-margin-medium-right { + margin-right: 40px !important; +} +/* Large + ========================================================================== */ +.uk-margin-large { + margin-bottom: 40px; +} +* + .uk-margin-large { + margin-top: 40px !important; +} +.uk-margin-large-top { + margin-top: 40px !important; +} +.uk-margin-large-bottom { + margin-bottom: 40px !important; +} +.uk-margin-large-left { + margin-left: 40px !important; +} +.uk-margin-large-right { + margin-right: 40px !important; +} +/* Desktop and bigger */ +@media (min-width: 1200px) { + .uk-margin-large { + margin-bottom: 70px; + } + * + .uk-margin-large { + margin-top: 70px !important; + } + .uk-margin-large-top { + margin-top: 70px !important; + } + .uk-margin-large-bottom { + margin-bottom: 70px !important; + } + .uk-margin-large-left { + margin-left: 70px !important; + } + .uk-margin-large-right { + margin-right: 70px !important; + } +} +/* XLarge + ========================================================================== */ +.uk-margin-xlarge { + margin-bottom: 70px; +} +* + .uk-margin-xlarge { + margin-top: 70px !important; +} +.uk-margin-xlarge-top { + margin-top: 70px !important; +} +.uk-margin-xlarge-bottom { + margin-bottom: 70px !important; +} +.uk-margin-xlarge-left { + margin-left: 70px !important; +} +.uk-margin-xlarge-right { + margin-right: 70px !important; +} +/* Desktop and bigger */ +@media (min-width: 1200px) { + .uk-margin-xlarge { + margin-bottom: 140px; + } + * + .uk-margin-xlarge { + margin-top: 140px !important; + } + .uk-margin-xlarge-top { + margin-top: 140px !important; + } + .uk-margin-xlarge-bottom { + margin-bottom: 140px !important; + } + .uk-margin-xlarge-left { + margin-left: 140px !important; + } + .uk-margin-xlarge-right { + margin-right: 140px !important; + } +} +/* Auto + ========================================================================== */ +.uk-margin-auto { + margin-left: auto !important; + margin-right: auto !important; +} +.uk-margin-auto-top { + margin-top: auto !important; +} +.uk-margin-auto-bottom { + margin-bottom: auto !important; +} +.uk-margin-auto-left { + margin-left: auto !important; +} +.uk-margin-auto-right { + margin-right: auto !important; +} +.uk-margin-auto-vertical { + margin-top: auto !important; + margin-bottom: auto !important; +} +/* Phone landscape and bigger */ +@media (min-width: 640px) { + .uk-margin-auto\@s { + margin-left: auto !important; + margin-right: auto !important; + } + .uk-margin-auto-left\@s { + margin-left: auto !important; + } + .uk-margin-auto-right\@s { + margin-right: auto !important; + } +} +/* Tablet landscape and bigger */ +@media (min-width: 960px) { + .uk-margin-auto\@m { + margin-left: auto !important; + margin-right: auto !important; + } + .uk-margin-auto-left\@m { + margin-left: auto !important; + } + .uk-margin-auto-right\@m { + margin-right: auto !important; + } +} +/* Desktop and bigger */ +@media (min-width: 1200px) { + .uk-margin-auto\@l { + margin-left: auto !important; + margin-right: auto !important; + } + .uk-margin-auto-left\@l { + margin-left: auto !important; + } + .uk-margin-auto-right\@l { + margin-right: auto !important; + } +} +/* Large screen and bigger */ +@media (min-width: 1600px) { + .uk-margin-auto\@xl { + margin-left: auto !important; + margin-right: auto !important; + } + .uk-margin-auto-left\@xl { + margin-left: auto !important; + } + .uk-margin-auto-right\@xl { + margin-right: auto !important; + } +} +/* Remove + ========================================================================== */ +.uk-margin-remove { + margin: 0 !important; +} +.uk-margin-remove-top { + margin-top: 0 !important; +} +.uk-margin-remove-bottom { + margin-bottom: 0 !important; +} +.uk-margin-remove-left { + margin-left: 0 !important; +} +.uk-margin-remove-right { + margin-right: 0 !important; +} +.uk-margin-remove-vertical { + margin-top: 0 !important; + margin-bottom: 0 !important; +} +.uk-margin-remove-adjacent + *, +.uk-margin-remove-first-child > :first-child { + margin-top: 0 !important; +} +.uk-margin-remove-last-child > :last-child { + margin-bottom: 0 !important; +} +/* Phone landscape and bigger */ +@media (min-width: 640px) { + .uk-margin-remove-left\@s { + margin-left: 0 !important; + } + .uk-margin-remove-right\@s { + margin-right: 0 !important; + } +} +/* Tablet landscape and bigger */ +@media (min-width: 960px) { + .uk-margin-remove-left\@m { + margin-left: 0 !important; + } + .uk-margin-remove-right\@m { + margin-right: 0 !important; + } +} +/* Desktop and bigger */ +@media (min-width: 1200px) { + .uk-margin-remove-left\@l { + margin-left: 0 !important; + } + .uk-margin-remove-right\@l { + margin-right: 0 !important; + } +} +/* Large screen and bigger */ +@media (min-width: 1600px) { + .uk-margin-remove-left\@xl { + margin-left: 0 !important; + } + .uk-margin-remove-right\@xl { + margin-right: 0 !important; + } +} +/* ======================================================================== + Component: Padding + ========================================================================== */ +.uk-padding { + padding: 30px; +} +/* Desktop and bigger */ +@media (min-width: 1200px) { + .uk-padding { + padding: 40px; + } +} +/* Small + ========================================================================== */ +.uk-padding-small { + padding: 15px; +} +/* Large + ========================================================================== */ +.uk-padding-large { + padding: 40px; +} +/* Desktop and bigger */ +@media (min-width: 1200px) { + .uk-padding-large { + padding: 70px; + } +} +/* Remove + ========================================================================== */ +.uk-padding-remove { + padding: 0 !important; +} +.uk-padding-remove-top { + padding-top: 0 !important; +} +.uk-padding-remove-bottom { + padding-bottom: 0 !important; +} +.uk-padding-remove-left { + padding-left: 0 !important; +} +.uk-padding-remove-right { + padding-right: 0 !important; +} +.uk-padding-remove-vertical { + padding-top: 0 !important; + padding-bottom: 0 !important; +} +.uk-padding-remove-horizontal { + padding-left: 0 !important; + padding-right: 0 !important; +} +/* ======================================================================== + Component: Position + ========================================================================== */ +:root { + --uk-position-margin-offset: 0px; +} +/* Directions + ========================================================================== */ +/* + * 1. Prevent content overflow. + */ +[class*="uk-position-top"], +[class*="uk-position-bottom"], +[class*="uk-position-left"], +[class*="uk-position-right"], +[class*="uk-position-center"] { + position: absolute !important; + /* 1 */ + max-width: calc(100% - (var(--uk-position-margin-offset) * 2)); + box-sizing: border-box; +} +/* + * Edges + * Don't use `width: 100%` because it's wrong if the parent has padding. + */ +.uk-position-top { + top: 0; + left: 0; + right: 0; +} +.uk-position-bottom { + bottom: 0; + left: 0; + right: 0; +} +.uk-position-left { + top: 0; + bottom: 0; + left: 0; +} +.uk-position-right { + top: 0; + bottom: 0; + right: 0; +} +/* + * Corners + */ +.uk-position-top-left { + top: 0; + left: 0; +} +.uk-position-top-right { + top: 0; + right: 0; +} +.uk-position-bottom-left { + bottom: 0; + left: 0; +} +.uk-position-bottom-right { + bottom: 0; + right: 0; +} +/* + * Center + * 1. Fix text wrapping if content is larger than 50% of the container. + * Using `max-content` requires `max-width` of 100% which is set generally. + */ +.uk-position-center { + top: calc(50% - var(--uk-position-margin-offset)); + left: calc(50% - var(--uk-position-margin-offset)); + --uk-position-translate-x: -50%; + --uk-position-translate-y: -50%; + transform: translate(var(--uk-position-translate-x), var(--uk-position-translate-y)); + /* 1 */ + width: max-content; +} +/* Vertical */ +[class*="uk-position-center-left"], +[class*="uk-position-center-right"], +.uk-position-center-vertical { + top: calc(50% - var(--uk-position-margin-offset)); + --uk-position-translate-y: -50%; + transform: translate(0, var(--uk-position-translate-y)); +} +.uk-position-center-left { + left: 0; +} +.uk-position-center-right { + right: 0; +} +.uk-position-center-vertical { + left: 0; + right: 0; +} +.uk-position-center-left-out { + right: 100%; + width: max-content; +} +.uk-position-center-right-out { + left: 100%; + width: max-content; +} +/* Horizontal */ +.uk-position-top-center, +.uk-position-bottom-center, +.uk-position-center-horizontal { + left: calc(50% - var(--uk-position-margin-offset)); + --uk-position-translate-x: -50%; + transform: translate(var(--uk-position-translate-x), 0); + /* 1 */ + width: max-content; +} +.uk-position-top-center { + top: 0; +} +.uk-position-bottom-center { + bottom: 0; +} +.uk-position-center-horizontal { + top: 0; + bottom: 0; +} +/* + * Cover + */ +.uk-position-cover { + position: absolute; + top: 0; + bottom: 0; + left: 0; + right: 0; +} +/* Margin + ========================================================================== */ +.uk-position-small { + margin: 15px; + --uk-position-margin-offset: 15px; +} +.uk-position-medium { + margin: 30px; + --uk-position-margin-offset: 30px; +} +.uk-position-large { + margin: 30px; + --uk-position-margin-offset: 30px; +} +/* Desktop and bigger */ +@media (min-width: 1200px) { + .uk-position-large { + margin: 50px; + --uk-position-margin-offset: 50px; + } +} +/* Schemes + ========================================================================== */ +.uk-position-relative { + position: relative !important; +} +.uk-position-absolute { + position: absolute !important; +} +.uk-position-fixed { + position: fixed !important; +} +.uk-position-sticky { + position: sticky !important; +} +/* Layer + ========================================================================== */ +.uk-position-z-index { + z-index: 1; +} +.uk-position-z-index-zero { + z-index: 0; +} +.uk-position-z-index-negative { + z-index: -1; +} +.uk-position-z-index-high { + z-index: 990; +} +/* ======================================================================== + Component: Transition + ========================================================================== */ +/* Transitions + ========================================================================== */ +/* + * The toggle is triggered on touch devices by two methods: + * 1. Using `:focus` and tabindex + * 2. Using `:hover` and a `touchstart` event listener registered on the document + * (Doesn't work on Surface touch devices) + */ +:where(.uk-transition-fade), +:where([class*="uk-transition-scale"]), +:where([class*="uk-transition-slide"]) { + --uk-position-translate-x: 0; + --uk-position-translate-y: 0; +} +.uk-transition-fade, +[class*="uk-transition-scale"], +[class*="uk-transition-slide"] { + --uk-translate-x: 0; + --uk-translate-y: 0; + --uk-scale-x: 1; + --uk-scale-y: 1; + transform: translate(var(--uk-position-translate-x), var(--uk-position-translate-y)) translate(var(--uk-translate-x), var(--uk-translate-y)) scale(var(--uk-scale-x), var(--uk-scale-y)); + transition: 0.3s ease-out; + transition-property: opacity, transform, filter; + opacity: 0; +} +/* + * Fade + */ +.uk-transition-toggle:hover .uk-transition-fade, +.uk-transition-toggle:focus .uk-transition-fade, +.uk-transition-toggle .uk-transition-fade:focus-within, +.uk-transition-active.uk-active .uk-transition-fade { + opacity: 1; +} +/* + * Scale + * 1. Make image rendering the same during the transition as before and after. Prefixed because of Safari. + */ +/* 1 */ +[class*="uk-transition-scale"] { + -webkit-backface-visibility: hidden; +} +.uk-transition-scale-up { + --uk-scale-x: 1; + --uk-scale-y: 1; +} +.uk-transition-scale-down { + --uk-scale-x: 1.03; + --uk-scale-y: 1.03; +} +/* Show */ +.uk-transition-toggle:hover .uk-transition-scale-up, +.uk-transition-toggle:focus .uk-transition-scale-up, +.uk-transition-toggle .uk-transition-scale-up:focus-within, +.uk-transition-active.uk-active .uk-transition-scale-up { + --uk-scale-x: 1.03; + --uk-scale-y: 1.03; + opacity: 1; +} +.uk-transition-toggle:hover .uk-transition-scale-down, +.uk-transition-toggle:focus .uk-transition-scale-down, +.uk-transition-toggle .uk-transition-scale-down:focus-within, +.uk-transition-active.uk-active .uk-transition-scale-down { + --uk-scale-x: 1; + --uk-scale-y: 1; + opacity: 1; +} +/* + * Slide + */ +.uk-transition-slide-top { + --uk-translate-y: -100%; +} +.uk-transition-slide-bottom { + --uk-translate-y: 100%; +} +.uk-transition-slide-left { + --uk-translate-x: -100%; +} +.uk-transition-slide-right { + --uk-translate-x: 100%; +} +.uk-transition-slide-top-small { + --uk-translate-y: calc(-1 * 10px); +} +.uk-transition-slide-bottom-small { + --uk-translate-y: 10px; +} +.uk-transition-slide-left-small { + --uk-translate-x: calc(-1 * 10px); +} +.uk-transition-slide-right-small { + --uk-translate-x: 10px; +} +.uk-transition-slide-top-medium { + --uk-translate-y: calc(-1 * 50px); +} +.uk-transition-slide-bottom-medium { + --uk-translate-y: 50px; +} +.uk-transition-slide-left-medium { + --uk-translate-x: calc(-1 * 50px); +} +.uk-transition-slide-right-medium { + --uk-translate-x: 50px; +} +/* Show */ +.uk-transition-toggle:hover [class*="uk-transition-slide"], +.uk-transition-toggle:focus [class*="uk-transition-slide"], +.uk-transition-toggle [class*="uk-transition-slide"]:focus-within, +.uk-transition-active.uk-active [class*="uk-transition-slide"] { + --uk-translate-x: 0; + --uk-translate-y: 0; + opacity: 1; +} +/* Opacity modifier + ========================================================================== */ +.uk-transition-opaque { + opacity: 1; +} +/* Duration modifier + ========================================================================== */ +.uk-transition-slow { + transition-duration: 0.7s; +} +/* Disable modifier + ========================================================================== */ +.uk-transition-disable, +.uk-transition-disable * { + transition: none !important; +} +/* ======================================================================== + Component: Visibility + ========================================================================== */ +/* + * Hidden + * `hidden` attribute also set here to make it stronger + */ +[hidden], +.uk-hidden { + display: none !important; +} +/* Phone landscape and bigger */ +@media (min-width: 640px) { + .uk-hidden\@s { + display: none !important; + } +} +/* Tablet landscape and bigger */ +@media (min-width: 960px) { + .uk-hidden\@m { + display: none !important; + } +} +/* Desktop and bigger */ +@media (min-width: 1200px) { + .uk-hidden\@l { + display: none !important; + } +} +/* Large screen and bigger */ +@media (min-width: 1600px) { + .uk-hidden\@xl { + display: none !important; + } +} +/* + * Visible + */ +/* Phone portrait and smaller */ +@media (max-width: 639px) { + .uk-visible\@s { + display: none !important; + } +} +/* Phone landscape and smaller */ +@media (max-width: 959px) { + .uk-visible\@m { + display: none !important; + } +} +/* Tablet landscape and smaller */ +@media (max-width: 1199px) { + .uk-visible\@l { + display: none !important; + } +} +/* Desktop and smaller */ +@media (max-width: 1599px) { + .uk-visible\@xl { + display: none !important; + } +} +/* Visibility + ========================================================================== */ +.uk-invisible { + visibility: hidden !important; +} +/* Based on the State of the Parent Element + ========================================================================== */ +/* + * Mind that `display: none`, `visibility: hidden` and `opacity: 0` + * remove the element from the accessibility tree and that + * `display: none` and `visibility: hidden` are not focusable. + * + * The target stays visible if any element within receives focus through keyboard. + */ +/* + * Remove space when hidden. + * 1. Remove from document flow. + * 2. Hide element and shrink its dimension. Current browsers and screen readers + * keep the element in the accessibility tree even with zero dimensions. + * Using `tabindex="-1"` will show the element on touch devices. + * Note: `clip-path` doesn't work with `tabindex` on touch devices. + */ +.uk-hidden-visually:not(:focus):not(:active):not(:focus-within), +.uk-visible-toggle:not(:hover):not(:focus) .uk-hidden-hover:not(:focus-within) { + /* 1 */ + position: absolute !important; + /* 2 */ + width: 0 !important; + height: 0 !important; + padding: 0 !important; + border: 0 !important; + margin: 0 !important; + overflow: hidden !important; +} +/* + * Keep space when hidden. + * Hide element without shrinking its dimension. + * Note: `clip-path` doesn't work with hover for elements outside of the toggle box. + */ +.uk-visible-toggle:not(:hover):not(:focus) .uk-invisible-hover:not(:focus-within) { + opacity: 0 !important; +} +/* Based on Hover Capability of the Pointing Device + ========================================================================== */ +/* + * Hover + */ +/* Hide if primary pointing device doesn't support hover, e.g. touch screens. */ +@media (hover: none) { + .uk-hidden-touch { + display: none !important; + } +} +/* Hide if primary pointing device supports hover, e.g. mice. */ +@media (hover) { + .uk-hidden-notouch { + display: none !important; + } +} +/* ======================================================================== + Component: Inverse + ========================================================================== */ +/* + * Implemented class depends on the general theme color + * `uk-light` is for light colors on dark backgrounds + * `uk-dark` is or dark colors on light backgrounds + */ +.uk-light, +.uk-section-primary:not(.uk-preserve-color), +.uk-section-secondary:not(.uk-preserve-color), +.uk-tile-primary:not(.uk-preserve-color), +.uk-tile-secondary:not(.uk-preserve-color), +.uk-card-primary.uk-card-body, +.uk-card-primary > :not([class*="uk-card-media"]), +.uk-card-secondary.uk-card-body, +.uk-card-secondary > :not([class*="uk-card-media"]), +.uk-overlay-primary, +.uk-offcanvas-bar { + color: rgba(255, 255, 255, 0.7); +} +.uk-light a, +.uk-light .uk-link, +.uk-section-primary:not(.uk-preserve-color) a, +.uk-section-primary:not(.uk-preserve-color) .uk-link, +.uk-section-secondary:not(.uk-preserve-color) a, +.uk-section-secondary:not(.uk-preserve-color) .uk-link, +.uk-tile-primary:not(.uk-preserve-color) a, +.uk-tile-primary:not(.uk-preserve-color) .uk-link, +.uk-tile-secondary:not(.uk-preserve-color) a, +.uk-tile-secondary:not(.uk-preserve-color) .uk-link, +.uk-card-primary.uk-card-body a, +.uk-card-primary.uk-card-body .uk-link, +.uk-card-primary > :not([class*="uk-card-media"]) a, +.uk-card-primary > :not([class*="uk-card-media"]) .uk-link, +.uk-card-secondary.uk-card-body a, +.uk-card-secondary.uk-card-body .uk-link, +.uk-card-secondary > :not([class*="uk-card-media"]) a, +.uk-card-secondary > :not([class*="uk-card-media"]) .uk-link, +.uk-overlay-primary a, +.uk-overlay-primary .uk-link, +.uk-offcanvas-bar a, +.uk-offcanvas-bar .uk-link { + color: #fff; +} +.uk-light a:hover, +.uk-light .uk-link:hover, +.uk-light .uk-link-toggle:hover .uk-link, +.uk-section-primary:not(.uk-preserve-color) a:hover, +.uk-section-primary:not(.uk-preserve-color) .uk-link:hover, +.uk-section-primary:not(.uk-preserve-color) .uk-link-toggle:hover .uk-link, +.uk-section-secondary:not(.uk-preserve-color) a:hover, +.uk-section-secondary:not(.uk-preserve-color) .uk-link:hover, +.uk-section-secondary:not(.uk-preserve-color) .uk-link-toggle:hover .uk-link, +.uk-tile-primary:not(.uk-preserve-color) a:hover, +.uk-tile-primary:not(.uk-preserve-color) .uk-link:hover, +.uk-tile-primary:not(.uk-preserve-color) .uk-link-toggle:hover .uk-link, +.uk-tile-secondary:not(.uk-preserve-color) a:hover, +.uk-tile-secondary:not(.uk-preserve-color) .uk-link:hover, +.uk-tile-secondary:not(.uk-preserve-color) .uk-link-toggle:hover .uk-link, +.uk-card-primary.uk-card-body a:hover, +.uk-card-primary.uk-card-body .uk-link:hover, +.uk-card-primary.uk-card-body .uk-link-toggle:hover .uk-link, +.uk-card-primary > :not([class*="uk-card-media"]) a:hover, +.uk-card-primary > :not([class*="uk-card-media"]) .uk-link:hover, +.uk-card-primary > :not([class*="uk-card-media"]) .uk-link-toggle:hover .uk-link, +.uk-card-secondary.uk-card-body a:hover, +.uk-card-secondary.uk-card-body .uk-link:hover, +.uk-card-secondary.uk-card-body .uk-link-toggle:hover .uk-link, +.uk-card-secondary > :not([class*="uk-card-media"]) a:hover, +.uk-card-secondary > :not([class*="uk-card-media"]) .uk-link:hover, +.uk-card-secondary > :not([class*="uk-card-media"]) .uk-link-toggle:hover .uk-link, +.uk-overlay-primary a:hover, +.uk-overlay-primary .uk-link:hover, +.uk-overlay-primary .uk-link-toggle:hover .uk-link, +.uk-offcanvas-bar a:hover, +.uk-offcanvas-bar .uk-link:hover, +.uk-offcanvas-bar .uk-link-toggle:hover .uk-link { + color: #fff; +} +.uk-light :not(pre) > code, +.uk-light :not(pre) > kbd, +.uk-light :not(pre) > samp, +.uk-section-primary:not(.uk-preserve-color) :not(pre) > code, +.uk-section-primary:not(.uk-preserve-color) :not(pre) > kbd, +.uk-section-primary:not(.uk-preserve-color) :not(pre) > samp, +.uk-section-secondary:not(.uk-preserve-color) :not(pre) > code, +.uk-section-secondary:not(.uk-preserve-color) :not(pre) > kbd, +.uk-section-secondary:not(.uk-preserve-color) :not(pre) > samp, +.uk-tile-primary:not(.uk-preserve-color) :not(pre) > code, +.uk-tile-primary:not(.uk-preserve-color) :not(pre) > kbd, +.uk-tile-primary:not(.uk-preserve-color) :not(pre) > samp, +.uk-tile-secondary:not(.uk-preserve-color) :not(pre) > code, +.uk-tile-secondary:not(.uk-preserve-color) :not(pre) > kbd, +.uk-tile-secondary:not(.uk-preserve-color) :not(pre) > samp, +.uk-card-primary.uk-card-body :not(pre) > code, +.uk-card-primary.uk-card-body :not(pre) > kbd, +.uk-card-primary.uk-card-body :not(pre) > samp, +.uk-card-primary > :not([class*="uk-card-media"]) :not(pre) > code, +.uk-card-primary > :not([class*="uk-card-media"]) :not(pre) > kbd, +.uk-card-primary > :not([class*="uk-card-media"]) :not(pre) > samp, +.uk-card-secondary.uk-card-body :not(pre) > code, +.uk-card-secondary.uk-card-body :not(pre) > kbd, +.uk-card-secondary.uk-card-body :not(pre) > samp, +.uk-card-secondary > :not([class*="uk-card-media"]) :not(pre) > code, +.uk-card-secondary > :not([class*="uk-card-media"]) :not(pre) > kbd, +.uk-card-secondary > :not([class*="uk-card-media"]) :not(pre) > samp, +.uk-overlay-primary :not(pre) > code, +.uk-overlay-primary :not(pre) > kbd, +.uk-overlay-primary :not(pre) > samp, +.uk-offcanvas-bar :not(pre) > code, +.uk-offcanvas-bar :not(pre) > kbd, +.uk-offcanvas-bar :not(pre) > samp { + color: rgba(255, 255, 255, 0.7); + background-color: rgba(255, 255, 255, 0.1); +} +.uk-light em, +.uk-section-primary:not(.uk-preserve-color) em, +.uk-section-secondary:not(.uk-preserve-color) em, +.uk-tile-primary:not(.uk-preserve-color) em, +.uk-tile-secondary:not(.uk-preserve-color) em, +.uk-card-primary.uk-card-body em, +.uk-card-primary > :not([class*="uk-card-media"]) em, +.uk-card-secondary.uk-card-body em, +.uk-card-secondary > :not([class*="uk-card-media"]) em, +.uk-overlay-primary em, +.uk-offcanvas-bar em { + color: #fff; +} +.uk-light h1, +.uk-light .uk-h1, +.uk-light h2, +.uk-light .uk-h2, +.uk-light h3, +.uk-light .uk-h3, +.uk-light h4, +.uk-light .uk-h4, +.uk-light h5, +.uk-light .uk-h5, +.uk-light h6, +.uk-light .uk-h6, +.uk-light .uk-heading-small, +.uk-light .uk-heading-medium, +.uk-light .uk-heading-large, +.uk-light .uk-heading-xlarge, +.uk-light .uk-heading-2xlarge, +.uk-light .uk-heading-3xlarge, +.uk-section-primary:not(.uk-preserve-color) h1, +.uk-section-primary:not(.uk-preserve-color) .uk-h1, +.uk-section-primary:not(.uk-preserve-color) h2, +.uk-section-primary:not(.uk-preserve-color) .uk-h2, +.uk-section-primary:not(.uk-preserve-color) h3, +.uk-section-primary:not(.uk-preserve-color) .uk-h3, +.uk-section-primary:not(.uk-preserve-color) h4, +.uk-section-primary:not(.uk-preserve-color) .uk-h4, +.uk-section-primary:not(.uk-preserve-color) h5, +.uk-section-primary:not(.uk-preserve-color) .uk-h5, +.uk-section-primary:not(.uk-preserve-color) h6, +.uk-section-primary:not(.uk-preserve-color) .uk-h6, +.uk-section-primary:not(.uk-preserve-color) .uk-heading-small, +.uk-section-primary:not(.uk-preserve-color) .uk-heading-medium, +.uk-section-primary:not(.uk-preserve-color) .uk-heading-large, +.uk-section-primary:not(.uk-preserve-color) .uk-heading-xlarge, +.uk-section-primary:not(.uk-preserve-color) .uk-heading-2xlarge, +.uk-section-primary:not(.uk-preserve-color) .uk-heading-3xlarge, +.uk-section-secondary:not(.uk-preserve-color) h1, +.uk-section-secondary:not(.uk-preserve-color) .uk-h1, +.uk-section-secondary:not(.uk-preserve-color) h2, +.uk-section-secondary:not(.uk-preserve-color) .uk-h2, +.uk-section-secondary:not(.uk-preserve-color) h3, +.uk-section-secondary:not(.uk-preserve-color) .uk-h3, +.uk-section-secondary:not(.uk-preserve-color) h4, +.uk-section-secondary:not(.uk-preserve-color) .uk-h4, +.uk-section-secondary:not(.uk-preserve-color) h5, +.uk-section-secondary:not(.uk-preserve-color) .uk-h5, +.uk-section-secondary:not(.uk-preserve-color) h6, +.uk-section-secondary:not(.uk-preserve-color) .uk-h6, +.uk-section-secondary:not(.uk-preserve-color) .uk-heading-small, +.uk-section-secondary:not(.uk-preserve-color) .uk-heading-medium, +.uk-section-secondary:not(.uk-preserve-color) .uk-heading-large, +.uk-section-secondary:not(.uk-preserve-color) .uk-heading-xlarge, +.uk-section-secondary:not(.uk-preserve-color) .uk-heading-2xlarge, +.uk-section-secondary:not(.uk-preserve-color) .uk-heading-3xlarge, +.uk-tile-primary:not(.uk-preserve-color) h1, +.uk-tile-primary:not(.uk-preserve-color) .uk-h1, +.uk-tile-primary:not(.uk-preserve-color) h2, +.uk-tile-primary:not(.uk-preserve-color) .uk-h2, +.uk-tile-primary:not(.uk-preserve-color) h3, +.uk-tile-primary:not(.uk-preserve-color) .uk-h3, +.uk-tile-primary:not(.uk-preserve-color) h4, +.uk-tile-primary:not(.uk-preserve-color) .uk-h4, +.uk-tile-primary:not(.uk-preserve-color) h5, +.uk-tile-primary:not(.uk-preserve-color) .uk-h5, +.uk-tile-primary:not(.uk-preserve-color) h6, +.uk-tile-primary:not(.uk-preserve-color) .uk-h6, +.uk-tile-primary:not(.uk-preserve-color) .uk-heading-small, +.uk-tile-primary:not(.uk-preserve-color) .uk-heading-medium, +.uk-tile-primary:not(.uk-preserve-color) .uk-heading-large, +.uk-tile-primary:not(.uk-preserve-color) .uk-heading-xlarge, +.uk-tile-primary:not(.uk-preserve-color) .uk-heading-2xlarge, +.uk-tile-primary:not(.uk-preserve-color) .uk-heading-3xlarge, +.uk-tile-secondary:not(.uk-preserve-color) h1, +.uk-tile-secondary:not(.uk-preserve-color) .uk-h1, +.uk-tile-secondary:not(.uk-preserve-color) h2, +.uk-tile-secondary:not(.uk-preserve-color) .uk-h2, +.uk-tile-secondary:not(.uk-preserve-color) h3, +.uk-tile-secondary:not(.uk-preserve-color) .uk-h3, +.uk-tile-secondary:not(.uk-preserve-color) h4, +.uk-tile-secondary:not(.uk-preserve-color) .uk-h4, +.uk-tile-secondary:not(.uk-preserve-color) h5, +.uk-tile-secondary:not(.uk-preserve-color) .uk-h5, +.uk-tile-secondary:not(.uk-preserve-color) h6, +.uk-tile-secondary:not(.uk-preserve-color) .uk-h6, +.uk-tile-secondary:not(.uk-preserve-color) .uk-heading-small, +.uk-tile-secondary:not(.uk-preserve-color) .uk-heading-medium, +.uk-tile-secondary:not(.uk-preserve-color) .uk-heading-large, +.uk-tile-secondary:not(.uk-preserve-color) .uk-heading-xlarge, +.uk-tile-secondary:not(.uk-preserve-color) .uk-heading-2xlarge, +.uk-tile-secondary:not(.uk-preserve-color) .uk-heading-3xlarge, +.uk-card-primary.uk-card-body h1, +.uk-card-primary.uk-card-body .uk-h1, +.uk-card-primary.uk-card-body h2, +.uk-card-primary.uk-card-body .uk-h2, +.uk-card-primary.uk-card-body h3, +.uk-card-primary.uk-card-body .uk-h3, +.uk-card-primary.uk-card-body h4, +.uk-card-primary.uk-card-body .uk-h4, +.uk-card-primary.uk-card-body h5, +.uk-card-primary.uk-card-body .uk-h5, +.uk-card-primary.uk-card-body h6, +.uk-card-primary.uk-card-body .uk-h6, +.uk-card-primary.uk-card-body .uk-heading-small, +.uk-card-primary.uk-card-body .uk-heading-medium, +.uk-card-primary.uk-card-body .uk-heading-large, +.uk-card-primary.uk-card-body .uk-heading-xlarge, +.uk-card-primary.uk-card-body .uk-heading-2xlarge, +.uk-card-primary.uk-card-body .uk-heading-3xlarge, +.uk-card-primary > :not([class*="uk-card-media"]) h1, +.uk-card-primary > :not([class*="uk-card-media"]) .uk-h1, +.uk-card-primary > :not([class*="uk-card-media"]) h2, +.uk-card-primary > :not([class*="uk-card-media"]) .uk-h2, +.uk-card-primary > :not([class*="uk-card-media"]) h3, +.uk-card-primary > :not([class*="uk-card-media"]) .uk-h3, +.uk-card-primary > :not([class*="uk-card-media"]) h4, +.uk-card-primary > :not([class*="uk-card-media"]) .uk-h4, +.uk-card-primary > :not([class*="uk-card-media"]) h5, +.uk-card-primary > :not([class*="uk-card-media"]) .uk-h5, +.uk-card-primary > :not([class*="uk-card-media"]) h6, +.uk-card-primary > :not([class*="uk-card-media"]) .uk-h6, +.uk-card-primary > :not([class*="uk-card-media"]) .uk-heading-small, +.uk-card-primary > :not([class*="uk-card-media"]) .uk-heading-medium, +.uk-card-primary > :not([class*="uk-card-media"]) .uk-heading-large, +.uk-card-primary > :not([class*="uk-card-media"]) .uk-heading-xlarge, +.uk-card-primary > :not([class*="uk-card-media"]) .uk-heading-2xlarge, +.uk-card-primary > :not([class*="uk-card-media"]) .uk-heading-3xlarge, +.uk-card-secondary.uk-card-body h1, +.uk-card-secondary.uk-card-body .uk-h1, +.uk-card-secondary.uk-card-body h2, +.uk-card-secondary.uk-card-body .uk-h2, +.uk-card-secondary.uk-card-body h3, +.uk-card-secondary.uk-card-body .uk-h3, +.uk-card-secondary.uk-card-body h4, +.uk-card-secondary.uk-card-body .uk-h4, +.uk-card-secondary.uk-card-body h5, +.uk-card-secondary.uk-card-body .uk-h5, +.uk-card-secondary.uk-card-body h6, +.uk-card-secondary.uk-card-body .uk-h6, +.uk-card-secondary.uk-card-body .uk-heading-small, +.uk-card-secondary.uk-card-body .uk-heading-medium, +.uk-card-secondary.uk-card-body .uk-heading-large, +.uk-card-secondary.uk-card-body .uk-heading-xlarge, +.uk-card-secondary.uk-card-body .uk-heading-2xlarge, +.uk-card-secondary.uk-card-body .uk-heading-3xlarge, +.uk-card-secondary > :not([class*="uk-card-media"]) h1, +.uk-card-secondary > :not([class*="uk-card-media"]) .uk-h1, +.uk-card-secondary > :not([class*="uk-card-media"]) h2, +.uk-card-secondary > :not([class*="uk-card-media"]) .uk-h2, +.uk-card-secondary > :not([class*="uk-card-media"]) h3, +.uk-card-secondary > :not([class*="uk-card-media"]) .uk-h3, +.uk-card-secondary > :not([class*="uk-card-media"]) h4, +.uk-card-secondary > :not([class*="uk-card-media"]) .uk-h4, +.uk-card-secondary > :not([class*="uk-card-media"]) h5, +.uk-card-secondary > :not([class*="uk-card-media"]) .uk-h5, +.uk-card-secondary > :not([class*="uk-card-media"]) h6, +.uk-card-secondary > :not([class*="uk-card-media"]) .uk-h6, +.uk-card-secondary > :not([class*="uk-card-media"]) .uk-heading-small, +.uk-card-secondary > :not([class*="uk-card-media"]) .uk-heading-medium, +.uk-card-secondary > :not([class*="uk-card-media"]) .uk-heading-large, +.uk-card-secondary > :not([class*="uk-card-media"]) .uk-heading-xlarge, +.uk-card-secondary > :not([class*="uk-card-media"]) .uk-heading-2xlarge, +.uk-card-secondary > :not([class*="uk-card-media"]) .uk-heading-3xlarge, +.uk-overlay-primary h1, +.uk-overlay-primary .uk-h1, +.uk-overlay-primary h2, +.uk-overlay-primary .uk-h2, +.uk-overlay-primary h3, +.uk-overlay-primary .uk-h3, +.uk-overlay-primary h4, +.uk-overlay-primary .uk-h4, +.uk-overlay-primary h5, +.uk-overlay-primary .uk-h5, +.uk-overlay-primary h6, +.uk-overlay-primary .uk-h6, +.uk-overlay-primary .uk-heading-small, +.uk-overlay-primary .uk-heading-medium, +.uk-overlay-primary .uk-heading-large, +.uk-overlay-primary .uk-heading-xlarge, +.uk-overlay-primary .uk-heading-2xlarge, +.uk-overlay-primary .uk-heading-3xlarge, +.uk-offcanvas-bar h1, +.uk-offcanvas-bar .uk-h1, +.uk-offcanvas-bar h2, +.uk-offcanvas-bar .uk-h2, +.uk-offcanvas-bar h3, +.uk-offcanvas-bar .uk-h3, +.uk-offcanvas-bar h4, +.uk-offcanvas-bar .uk-h4, +.uk-offcanvas-bar h5, +.uk-offcanvas-bar .uk-h5, +.uk-offcanvas-bar h6, +.uk-offcanvas-bar .uk-h6, +.uk-offcanvas-bar .uk-heading-small, +.uk-offcanvas-bar .uk-heading-medium, +.uk-offcanvas-bar .uk-heading-large, +.uk-offcanvas-bar .uk-heading-xlarge, +.uk-offcanvas-bar .uk-heading-2xlarge, +.uk-offcanvas-bar .uk-heading-3xlarge { + color: #fff; +} +.uk-light blockquote, +.uk-section-primary:not(.uk-preserve-color) blockquote, +.uk-section-secondary:not(.uk-preserve-color) blockquote, +.uk-tile-primary:not(.uk-preserve-color) blockquote, +.uk-tile-secondary:not(.uk-preserve-color) blockquote, +.uk-card-primary.uk-card-body blockquote, +.uk-card-primary > :not([class*="uk-card-media"]) blockquote, +.uk-card-secondary.uk-card-body blockquote, +.uk-card-secondary > :not([class*="uk-card-media"]) blockquote, +.uk-overlay-primary blockquote, +.uk-offcanvas-bar blockquote { + color: #fff; +} +.uk-light blockquote footer, +.uk-section-primary:not(.uk-preserve-color) blockquote footer, +.uk-section-secondary:not(.uk-preserve-color) blockquote footer, +.uk-tile-primary:not(.uk-preserve-color) blockquote footer, +.uk-tile-secondary:not(.uk-preserve-color) blockquote footer, +.uk-card-primary.uk-card-body blockquote footer, +.uk-card-primary > :not([class*="uk-card-media"]) blockquote footer, +.uk-card-secondary.uk-card-body blockquote footer, +.uk-card-secondary > :not([class*="uk-card-media"]) blockquote footer, +.uk-overlay-primary blockquote footer, +.uk-offcanvas-bar blockquote footer { + color: rgba(255, 255, 255, 0.7); +} +.uk-light hr, +.uk-light .uk-hr, +.uk-section-primary:not(.uk-preserve-color) hr, +.uk-section-primary:not(.uk-preserve-color) .uk-hr, +.uk-section-secondary:not(.uk-preserve-color) hr, +.uk-section-secondary:not(.uk-preserve-color) .uk-hr, +.uk-tile-primary:not(.uk-preserve-color) hr, +.uk-tile-primary:not(.uk-preserve-color) .uk-hr, +.uk-tile-secondary:not(.uk-preserve-color) hr, +.uk-tile-secondary:not(.uk-preserve-color) .uk-hr, +.uk-card-primary.uk-card-body hr, +.uk-card-primary.uk-card-body .uk-hr, +.uk-card-primary > :not([class*="uk-card-media"]) hr, +.uk-card-primary > :not([class*="uk-card-media"]) .uk-hr, +.uk-card-secondary.uk-card-body hr, +.uk-card-secondary.uk-card-body .uk-hr, +.uk-card-secondary > :not([class*="uk-card-media"]) hr, +.uk-card-secondary > :not([class*="uk-card-media"]) .uk-hr, +.uk-overlay-primary hr, +.uk-overlay-primary .uk-hr, +.uk-offcanvas-bar hr, +.uk-offcanvas-bar .uk-hr { + border-top-color: rgba(255, 255, 255, 0.2); +} +.uk-light :focus-visible, +.uk-section-primary:not(.uk-preserve-color) :focus-visible, +.uk-section-secondary:not(.uk-preserve-color) :focus-visible, +.uk-tile-primary:not(.uk-preserve-color) :focus-visible, +.uk-tile-secondary:not(.uk-preserve-color) :focus-visible, +.uk-card-primary.uk-card-body :focus-visible, +.uk-card-primary > :not([class*="uk-card-media"]) :focus-visible, +.uk-card-secondary.uk-card-body :focus-visible, +.uk-card-secondary > :not([class*="uk-card-media"]) :focus-visible, +.uk-overlay-primary :focus-visible, +.uk-offcanvas-bar :focus-visible { + outline-color: #fff; +} +.uk-light a.uk-link-muted, +.uk-light .uk-link-muted a, +.uk-section-primary:not(.uk-preserve-color) a.uk-link-muted, +.uk-section-primary:not(.uk-preserve-color) .uk-link-muted a, +.uk-section-secondary:not(.uk-preserve-color) a.uk-link-muted, +.uk-section-secondary:not(.uk-preserve-color) .uk-link-muted a, +.uk-tile-primary:not(.uk-preserve-color) a.uk-link-muted, +.uk-tile-primary:not(.uk-preserve-color) .uk-link-muted a, +.uk-tile-secondary:not(.uk-preserve-color) a.uk-link-muted, +.uk-tile-secondary:not(.uk-preserve-color) .uk-link-muted a, +.uk-card-primary.uk-card-body a.uk-link-muted, +.uk-card-primary.uk-card-body .uk-link-muted a, +.uk-card-primary > :not([class*="uk-card-media"]) a.uk-link-muted, +.uk-card-primary > :not([class*="uk-card-media"]) .uk-link-muted a, +.uk-card-secondary.uk-card-body a.uk-link-muted, +.uk-card-secondary.uk-card-body .uk-link-muted a, +.uk-card-secondary > :not([class*="uk-card-media"]) a.uk-link-muted, +.uk-card-secondary > :not([class*="uk-card-media"]) .uk-link-muted a, +.uk-overlay-primary a.uk-link-muted, +.uk-overlay-primary .uk-link-muted a, +.uk-offcanvas-bar a.uk-link-muted, +.uk-offcanvas-bar .uk-link-muted a { + color: rgba(255, 255, 255, 0.5); +} +.uk-light a.uk-link-muted:hover, +.uk-light .uk-link-muted a:hover, +.uk-light .uk-link-toggle:hover .uk-link-muted, +.uk-section-primary:not(.uk-preserve-color) a.uk-link-muted:hover, +.uk-section-primary:not(.uk-preserve-color) .uk-link-muted a:hover, +.uk-section-primary:not(.uk-preserve-color) .uk-link-toggle:hover .uk-link-muted, +.uk-section-secondary:not(.uk-preserve-color) a.uk-link-muted:hover, +.uk-section-secondary:not(.uk-preserve-color) .uk-link-muted a:hover, +.uk-section-secondary:not(.uk-preserve-color) .uk-link-toggle:hover .uk-link-muted, +.uk-tile-primary:not(.uk-preserve-color) a.uk-link-muted:hover, +.uk-tile-primary:not(.uk-preserve-color) .uk-link-muted a:hover, +.uk-tile-primary:not(.uk-preserve-color) .uk-link-toggle:hover .uk-link-muted, +.uk-tile-secondary:not(.uk-preserve-color) a.uk-link-muted:hover, +.uk-tile-secondary:not(.uk-preserve-color) .uk-link-muted a:hover, +.uk-tile-secondary:not(.uk-preserve-color) .uk-link-toggle:hover .uk-link-muted, +.uk-card-primary.uk-card-body a.uk-link-muted:hover, +.uk-card-primary.uk-card-body .uk-link-muted a:hover, +.uk-card-primary.uk-card-body .uk-link-toggle:hover .uk-link-muted, +.uk-card-primary > :not([class*="uk-card-media"]) a.uk-link-muted:hover, +.uk-card-primary > :not([class*="uk-card-media"]) .uk-link-muted a:hover, +.uk-card-primary > :not([class*="uk-card-media"]) .uk-link-toggle:hover .uk-link-muted, +.uk-card-secondary.uk-card-body a.uk-link-muted:hover, +.uk-card-secondary.uk-card-body .uk-link-muted a:hover, +.uk-card-secondary.uk-card-body .uk-link-toggle:hover .uk-link-muted, +.uk-card-secondary > :not([class*="uk-card-media"]) a.uk-link-muted:hover, +.uk-card-secondary > :not([class*="uk-card-media"]) .uk-link-muted a:hover, +.uk-card-secondary > :not([class*="uk-card-media"]) .uk-link-toggle:hover .uk-link-muted, +.uk-overlay-primary a.uk-link-muted:hover, +.uk-overlay-primary .uk-link-muted a:hover, +.uk-overlay-primary .uk-link-toggle:hover .uk-link-muted, +.uk-offcanvas-bar a.uk-link-muted:hover, +.uk-offcanvas-bar .uk-link-muted a:hover, +.uk-offcanvas-bar .uk-link-toggle:hover .uk-link-muted { + color: rgba(255, 255, 255, 0.7); +} +.uk-light a.uk-link-text:hover, +.uk-light .uk-link-text a:hover, +.uk-light .uk-link-toggle:hover .uk-link-text, +.uk-section-primary:not(.uk-preserve-color) a.uk-link-text:hover, +.uk-section-primary:not(.uk-preserve-color) .uk-link-text a:hover, +.uk-section-primary:not(.uk-preserve-color) .uk-link-toggle:hover .uk-link-text, +.uk-section-secondary:not(.uk-preserve-color) a.uk-link-text:hover, +.uk-section-secondary:not(.uk-preserve-color) .uk-link-text a:hover, +.uk-section-secondary:not(.uk-preserve-color) .uk-link-toggle:hover .uk-link-text, +.uk-tile-primary:not(.uk-preserve-color) a.uk-link-text:hover, +.uk-tile-primary:not(.uk-preserve-color) .uk-link-text a:hover, +.uk-tile-primary:not(.uk-preserve-color) .uk-link-toggle:hover .uk-link-text, +.uk-tile-secondary:not(.uk-preserve-color) a.uk-link-text:hover, +.uk-tile-secondary:not(.uk-preserve-color) .uk-link-text a:hover, +.uk-tile-secondary:not(.uk-preserve-color) .uk-link-toggle:hover .uk-link-text, +.uk-card-primary.uk-card-body a.uk-link-text:hover, +.uk-card-primary.uk-card-body .uk-link-text a:hover, +.uk-card-primary.uk-card-body .uk-link-toggle:hover .uk-link-text, +.uk-card-primary > :not([class*="uk-card-media"]) a.uk-link-text:hover, +.uk-card-primary > :not([class*="uk-card-media"]) .uk-link-text a:hover, +.uk-card-primary > :not([class*="uk-card-media"]) .uk-link-toggle:hover .uk-link-text, +.uk-card-secondary.uk-card-body a.uk-link-text:hover, +.uk-card-secondary.uk-card-body .uk-link-text a:hover, +.uk-card-secondary.uk-card-body .uk-link-toggle:hover .uk-link-text, +.uk-card-secondary > :not([class*="uk-card-media"]) a.uk-link-text:hover, +.uk-card-secondary > :not([class*="uk-card-media"]) .uk-link-text a:hover, +.uk-card-secondary > :not([class*="uk-card-media"]) .uk-link-toggle:hover .uk-link-text, +.uk-overlay-primary a.uk-link-text:hover, +.uk-overlay-primary .uk-link-text a:hover, +.uk-overlay-primary .uk-link-toggle:hover .uk-link-text, +.uk-offcanvas-bar a.uk-link-text:hover, +.uk-offcanvas-bar .uk-link-text a:hover, +.uk-offcanvas-bar .uk-link-toggle:hover .uk-link-text { + color: rgba(255, 255, 255, 0.5); +} +.uk-light a.uk-link-heading:hover, +.uk-light .uk-link-heading a:hover, +.uk-light .uk-link-toggle:hover .uk-link-heading, +.uk-section-primary:not(.uk-preserve-color) a.uk-link-heading:hover, +.uk-section-primary:not(.uk-preserve-color) .uk-link-heading a:hover, +.uk-section-primary:not(.uk-preserve-color) .uk-link-toggle:hover .uk-link-heading, +.uk-section-secondary:not(.uk-preserve-color) a.uk-link-heading:hover, +.uk-section-secondary:not(.uk-preserve-color) .uk-link-heading a:hover, +.uk-section-secondary:not(.uk-preserve-color) .uk-link-toggle:hover .uk-link-heading, +.uk-tile-primary:not(.uk-preserve-color) a.uk-link-heading:hover, +.uk-tile-primary:not(.uk-preserve-color) .uk-link-heading a:hover, +.uk-tile-primary:not(.uk-preserve-color) .uk-link-toggle:hover .uk-link-heading, +.uk-tile-secondary:not(.uk-preserve-color) a.uk-link-heading:hover, +.uk-tile-secondary:not(.uk-preserve-color) .uk-link-heading a:hover, +.uk-tile-secondary:not(.uk-preserve-color) .uk-link-toggle:hover .uk-link-heading, +.uk-card-primary.uk-card-body a.uk-link-heading:hover, +.uk-card-primary.uk-card-body .uk-link-heading a:hover, +.uk-card-primary.uk-card-body .uk-link-toggle:hover .uk-link-heading, +.uk-card-primary > :not([class*="uk-card-media"]) a.uk-link-heading:hover, +.uk-card-primary > :not([class*="uk-card-media"]) .uk-link-heading a:hover, +.uk-card-primary > :not([class*="uk-card-media"]) .uk-link-toggle:hover .uk-link-heading, +.uk-card-secondary.uk-card-body a.uk-link-heading:hover, +.uk-card-secondary.uk-card-body .uk-link-heading a:hover, +.uk-card-secondary.uk-card-body .uk-link-toggle:hover .uk-link-heading, +.uk-card-secondary > :not([class*="uk-card-media"]) a.uk-link-heading:hover, +.uk-card-secondary > :not([class*="uk-card-media"]) .uk-link-heading a:hover, +.uk-card-secondary > :not([class*="uk-card-media"]) .uk-link-toggle:hover .uk-link-heading, +.uk-overlay-primary a.uk-link-heading:hover, +.uk-overlay-primary .uk-link-heading a:hover, +.uk-overlay-primary .uk-link-toggle:hover .uk-link-heading, +.uk-offcanvas-bar a.uk-link-heading:hover, +.uk-offcanvas-bar .uk-link-heading a:hover, +.uk-offcanvas-bar .uk-link-toggle:hover .uk-link-heading { + color: #fff; +} +.uk-light .uk-heading-divider, +.uk-section-primary:not(.uk-preserve-color) .uk-heading-divider, +.uk-section-secondary:not(.uk-preserve-color) .uk-heading-divider, +.uk-tile-primary:not(.uk-preserve-color) .uk-heading-divider, +.uk-tile-secondary:not(.uk-preserve-color) .uk-heading-divider, +.uk-card-primary.uk-card-body .uk-heading-divider, +.uk-card-primary > :not([class*="uk-card-media"]) .uk-heading-divider, +.uk-card-secondary.uk-card-body .uk-heading-divider, +.uk-card-secondary > :not([class*="uk-card-media"]) .uk-heading-divider, +.uk-overlay-primary .uk-heading-divider, +.uk-offcanvas-bar .uk-heading-divider { + border-bottom-color: rgba(255, 255, 255, 0.2); +} +.uk-light .uk-heading-bullet::before, +.uk-section-primary:not(.uk-preserve-color) .uk-heading-bullet::before, +.uk-section-secondary:not(.uk-preserve-color) .uk-heading-bullet::before, +.uk-tile-primary:not(.uk-preserve-color) .uk-heading-bullet::before, +.uk-tile-secondary:not(.uk-preserve-color) .uk-heading-bullet::before, +.uk-card-primary.uk-card-body .uk-heading-bullet::before, +.uk-card-primary > :not([class*="uk-card-media"]) .uk-heading-bullet::before, +.uk-card-secondary.uk-card-body .uk-heading-bullet::before, +.uk-card-secondary > :not([class*="uk-card-media"]) .uk-heading-bullet::before, +.uk-overlay-primary .uk-heading-bullet::before, +.uk-offcanvas-bar .uk-heading-bullet::before { + border-left-color: rgba(255, 255, 255, 0.2); +} +.uk-light .uk-heading-line > ::before, +.uk-light .uk-heading-line > ::after, +.uk-section-primary:not(.uk-preserve-color) .uk-heading-line > ::before, +.uk-section-primary:not(.uk-preserve-color) .uk-heading-line > ::after, +.uk-section-secondary:not(.uk-preserve-color) .uk-heading-line > ::before, +.uk-section-secondary:not(.uk-preserve-color) .uk-heading-line > ::after, +.uk-tile-primary:not(.uk-preserve-color) .uk-heading-line > ::before, +.uk-tile-primary:not(.uk-preserve-color) .uk-heading-line > ::after, +.uk-tile-secondary:not(.uk-preserve-color) .uk-heading-line > ::before, +.uk-tile-secondary:not(.uk-preserve-color) .uk-heading-line > ::after, +.uk-card-primary.uk-card-body .uk-heading-line > ::before, +.uk-card-primary.uk-card-body .uk-heading-line > ::after, +.uk-card-primary > :not([class*="uk-card-media"]) .uk-heading-line > ::before, +.uk-card-primary > :not([class*="uk-card-media"]) .uk-heading-line > ::after, +.uk-card-secondary.uk-card-body .uk-heading-line > ::before, +.uk-card-secondary.uk-card-body .uk-heading-line > ::after, +.uk-card-secondary > :not([class*="uk-card-media"]) .uk-heading-line > ::before, +.uk-card-secondary > :not([class*="uk-card-media"]) .uk-heading-line > ::after, +.uk-overlay-primary .uk-heading-line > ::before, +.uk-overlay-primary .uk-heading-line > ::after, +.uk-offcanvas-bar .uk-heading-line > ::before, +.uk-offcanvas-bar .uk-heading-line > ::after { + border-bottom-color: rgba(255, 255, 255, 0.2); +} +.uk-light .uk-divider-icon, +.uk-section-primary:not(.uk-preserve-color) .uk-divider-icon, +.uk-section-secondary:not(.uk-preserve-color) .uk-divider-icon, +.uk-tile-primary:not(.uk-preserve-color) .uk-divider-icon, +.uk-tile-secondary:not(.uk-preserve-color) .uk-divider-icon, +.uk-card-primary.uk-card-body .uk-divider-icon, +.uk-card-primary > :not([class*="uk-card-media"]) .uk-divider-icon, +.uk-card-secondary.uk-card-body .uk-divider-icon, +.uk-card-secondary > :not([class*="uk-card-media"]) .uk-divider-icon, +.uk-overlay-primary .uk-divider-icon, +.uk-offcanvas-bar .uk-divider-icon { + background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2020%2020%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Ccircle%20fill%3D%22none%22%20stroke%3D%22rgba%28255,%20255,%20255,%200.2%29%22%20stroke-width%3D%222%22%20cx%3D%2210%22%20cy%3D%2210%22%20r%3D%227%22%20%2F%3E%0A%3C%2Fsvg%3E%0A"); +} +.uk-light .uk-divider-icon::before, +.uk-light .uk-divider-icon::after, +.uk-section-primary:not(.uk-preserve-color) .uk-divider-icon::before, +.uk-section-primary:not(.uk-preserve-color) .uk-divider-icon::after, +.uk-section-secondary:not(.uk-preserve-color) .uk-divider-icon::before, +.uk-section-secondary:not(.uk-preserve-color) .uk-divider-icon::after, +.uk-tile-primary:not(.uk-preserve-color) .uk-divider-icon::before, +.uk-tile-primary:not(.uk-preserve-color) .uk-divider-icon::after, +.uk-tile-secondary:not(.uk-preserve-color) .uk-divider-icon::before, +.uk-tile-secondary:not(.uk-preserve-color) .uk-divider-icon::after, +.uk-card-primary.uk-card-body .uk-divider-icon::before, +.uk-card-primary.uk-card-body .uk-divider-icon::after, +.uk-card-primary > :not([class*="uk-card-media"]) .uk-divider-icon::before, +.uk-card-primary > :not([class*="uk-card-media"]) .uk-divider-icon::after, +.uk-card-secondary.uk-card-body .uk-divider-icon::before, +.uk-card-secondary.uk-card-body .uk-divider-icon::after, +.uk-card-secondary > :not([class*="uk-card-media"]) .uk-divider-icon::before, +.uk-card-secondary > :not([class*="uk-card-media"]) .uk-divider-icon::after, +.uk-overlay-primary .uk-divider-icon::before, +.uk-overlay-primary .uk-divider-icon::after, +.uk-offcanvas-bar .uk-divider-icon::before, +.uk-offcanvas-bar .uk-divider-icon::after { + border-bottom-color: rgba(255, 255, 255, 0.2); +} +.uk-light .uk-divider-small::after, +.uk-section-primary:not(.uk-preserve-color) .uk-divider-small::after, +.uk-section-secondary:not(.uk-preserve-color) .uk-divider-small::after, +.uk-tile-primary:not(.uk-preserve-color) .uk-divider-small::after, +.uk-tile-secondary:not(.uk-preserve-color) .uk-divider-small::after, +.uk-card-primary.uk-card-body .uk-divider-small::after, +.uk-card-primary > :not([class*="uk-card-media"]) .uk-divider-small::after, +.uk-card-secondary.uk-card-body .uk-divider-small::after, +.uk-card-secondary > :not([class*="uk-card-media"]) .uk-divider-small::after, +.uk-overlay-primary .uk-divider-small::after, +.uk-offcanvas-bar .uk-divider-small::after { + border-top-color: rgba(255, 255, 255, 0.2); +} +.uk-light .uk-divider-vertical, +.uk-section-primary:not(.uk-preserve-color) .uk-divider-vertical, +.uk-section-secondary:not(.uk-preserve-color) .uk-divider-vertical, +.uk-tile-primary:not(.uk-preserve-color) .uk-divider-vertical, +.uk-tile-secondary:not(.uk-preserve-color) .uk-divider-vertical, +.uk-card-primary.uk-card-body .uk-divider-vertical, +.uk-card-primary > :not([class*="uk-card-media"]) .uk-divider-vertical, +.uk-card-secondary.uk-card-body .uk-divider-vertical, +.uk-card-secondary > :not([class*="uk-card-media"]) .uk-divider-vertical, +.uk-overlay-primary .uk-divider-vertical, +.uk-offcanvas-bar .uk-divider-vertical { + border-left-color: rgba(255, 255, 255, 0.2); +} +.uk-light .uk-list-muted > ::before, +.uk-section-primary:not(.uk-preserve-color) .uk-list-muted > ::before, +.uk-section-secondary:not(.uk-preserve-color) .uk-list-muted > ::before, +.uk-tile-primary:not(.uk-preserve-color) .uk-list-muted > ::before, +.uk-tile-secondary:not(.uk-preserve-color) .uk-list-muted > ::before, +.uk-card-primary.uk-card-body .uk-list-muted > ::before, +.uk-card-primary > :not([class*="uk-card-media"]) .uk-list-muted > ::before, +.uk-card-secondary.uk-card-body .uk-list-muted > ::before, +.uk-card-secondary > :not([class*="uk-card-media"]) .uk-list-muted > ::before, +.uk-overlay-primary .uk-list-muted > ::before, +.uk-offcanvas-bar .uk-list-muted > ::before { + color: rgba(255, 255, 255, 0.5) !important; +} +.uk-light .uk-list-emphasis > ::before, +.uk-section-primary:not(.uk-preserve-color) .uk-list-emphasis > ::before, +.uk-section-secondary:not(.uk-preserve-color) .uk-list-emphasis > ::before, +.uk-tile-primary:not(.uk-preserve-color) .uk-list-emphasis > ::before, +.uk-tile-secondary:not(.uk-preserve-color) .uk-list-emphasis > ::before, +.uk-card-primary.uk-card-body .uk-list-emphasis > ::before, +.uk-card-primary > :not([class*="uk-card-media"]) .uk-list-emphasis > ::before, +.uk-card-secondary.uk-card-body .uk-list-emphasis > ::before, +.uk-card-secondary > :not([class*="uk-card-media"]) .uk-list-emphasis > ::before, +.uk-overlay-primary .uk-list-emphasis > ::before, +.uk-offcanvas-bar .uk-list-emphasis > ::before { + color: #fff !important; +} +.uk-light .uk-list-primary > ::before, +.uk-section-primary:not(.uk-preserve-color) .uk-list-primary > ::before, +.uk-section-secondary:not(.uk-preserve-color) .uk-list-primary > ::before, +.uk-tile-primary:not(.uk-preserve-color) .uk-list-primary > ::before, +.uk-tile-secondary:not(.uk-preserve-color) .uk-list-primary > ::before, +.uk-card-primary.uk-card-body .uk-list-primary > ::before, +.uk-card-primary > :not([class*="uk-card-media"]) .uk-list-primary > ::before, +.uk-card-secondary.uk-card-body .uk-list-primary > ::before, +.uk-card-secondary > :not([class*="uk-card-media"]) .uk-list-primary > ::before, +.uk-overlay-primary .uk-list-primary > ::before, +.uk-offcanvas-bar .uk-list-primary > ::before { + color: #fff !important; +} +.uk-light .uk-list-secondary > ::before, +.uk-section-primary:not(.uk-preserve-color) .uk-list-secondary > ::before, +.uk-section-secondary:not(.uk-preserve-color) .uk-list-secondary > ::before, +.uk-tile-primary:not(.uk-preserve-color) .uk-list-secondary > ::before, +.uk-tile-secondary:not(.uk-preserve-color) .uk-list-secondary > ::before, +.uk-card-primary.uk-card-body .uk-list-secondary > ::before, +.uk-card-primary > :not([class*="uk-card-media"]) .uk-list-secondary > ::before, +.uk-card-secondary.uk-card-body .uk-list-secondary > ::before, +.uk-card-secondary > :not([class*="uk-card-media"]) .uk-list-secondary > ::before, +.uk-overlay-primary .uk-list-secondary > ::before, +.uk-offcanvas-bar .uk-list-secondary > ::before { + color: #fff !important; +} +.uk-light .uk-list-bullet > ::before, +.uk-section-primary:not(.uk-preserve-color) .uk-list-bullet > ::before, +.uk-section-secondary:not(.uk-preserve-color) .uk-list-bullet > ::before, +.uk-tile-primary:not(.uk-preserve-color) .uk-list-bullet > ::before, +.uk-tile-secondary:not(.uk-preserve-color) .uk-list-bullet > ::before, +.uk-card-primary.uk-card-body .uk-list-bullet > ::before, +.uk-card-primary > :not([class*="uk-card-media"]) .uk-list-bullet > ::before, +.uk-card-secondary.uk-card-body .uk-list-bullet > ::before, +.uk-card-secondary > :not([class*="uk-card-media"]) .uk-list-bullet > ::before, +.uk-overlay-primary .uk-list-bullet > ::before, +.uk-offcanvas-bar .uk-list-bullet > ::before { + background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%226%22%20height%3D%226%22%20viewBox%3D%220%200%206%206%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Ccircle%20fill%3D%22rgba%28255,%20255,%20255,%200.7%29%22%20cx%3D%223%22%20cy%3D%223%22%20r%3D%223%22%20%2F%3E%0A%3C%2Fsvg%3E"); +} +.uk-light .uk-list-divider > :nth-child(n+2), +.uk-section-primary:not(.uk-preserve-color) .uk-list-divider > :nth-child(n+2), +.uk-section-secondary:not(.uk-preserve-color) .uk-list-divider > :nth-child(n+2), +.uk-tile-primary:not(.uk-preserve-color) .uk-list-divider > :nth-child(n+2), +.uk-tile-secondary:not(.uk-preserve-color) .uk-list-divider > :nth-child(n+2), +.uk-card-primary.uk-card-body .uk-list-divider > :nth-child(n+2), +.uk-card-primary > :not([class*="uk-card-media"]) .uk-list-divider > :nth-child(n+2), +.uk-card-secondary.uk-card-body .uk-list-divider > :nth-child(n+2), +.uk-card-secondary > :not([class*="uk-card-media"]) .uk-list-divider > :nth-child(n+2), +.uk-overlay-primary .uk-list-divider > :nth-child(n+2), +.uk-offcanvas-bar .uk-list-divider > :nth-child(n+2) { + border-top-color: rgba(255, 255, 255, 0.2); +} +.uk-light .uk-list-striped > *:nth-of-type(odd), +.uk-section-primary:not(.uk-preserve-color) .uk-list-striped > *:nth-of-type(odd), +.uk-section-secondary:not(.uk-preserve-color) .uk-list-striped > *:nth-of-type(odd), +.uk-tile-primary:not(.uk-preserve-color) .uk-list-striped > *:nth-of-type(odd), +.uk-tile-secondary:not(.uk-preserve-color) .uk-list-striped > *:nth-of-type(odd), +.uk-card-primary.uk-card-body .uk-list-striped > *:nth-of-type(odd), +.uk-card-primary > :not([class*="uk-card-media"]) .uk-list-striped > *:nth-of-type(odd), +.uk-card-secondary.uk-card-body .uk-list-striped > *:nth-of-type(odd), +.uk-card-secondary > :not([class*="uk-card-media"]) .uk-list-striped > *:nth-of-type(odd), +.uk-overlay-primary .uk-list-striped > *:nth-of-type(odd), +.uk-offcanvas-bar .uk-list-striped > *:nth-of-type(odd) { + border-top-color: rgba(255, 255, 255, 0.2); + border-bottom-color: rgba(255, 255, 255, 0.2); +} +.uk-light .uk-list-striped > :nth-of-type(odd), +.uk-section-primary:not(.uk-preserve-color) .uk-list-striped > :nth-of-type(odd), +.uk-section-secondary:not(.uk-preserve-color) .uk-list-striped > :nth-of-type(odd), +.uk-tile-primary:not(.uk-preserve-color) .uk-list-striped > :nth-of-type(odd), +.uk-tile-secondary:not(.uk-preserve-color) .uk-list-striped > :nth-of-type(odd), +.uk-card-primary.uk-card-body .uk-list-striped > :nth-of-type(odd), +.uk-card-primary > :not([class*="uk-card-media"]) .uk-list-striped > :nth-of-type(odd), +.uk-card-secondary.uk-card-body .uk-list-striped > :nth-of-type(odd), +.uk-card-secondary > :not([class*="uk-card-media"]) .uk-list-striped > :nth-of-type(odd), +.uk-overlay-primary .uk-list-striped > :nth-of-type(odd), +.uk-offcanvas-bar .uk-list-striped > :nth-of-type(odd) { + background-color: rgba(255, 255, 255, 0.1); +} +.uk-light .uk-table th, +.uk-section-primary:not(.uk-preserve-color) .uk-table th, +.uk-section-secondary:not(.uk-preserve-color) .uk-table th, +.uk-tile-primary:not(.uk-preserve-color) .uk-table th, +.uk-tile-secondary:not(.uk-preserve-color) .uk-table th, +.uk-card-primary.uk-card-body .uk-table th, +.uk-card-primary > :not([class*="uk-card-media"]) .uk-table th, +.uk-card-secondary.uk-card-body .uk-table th, +.uk-card-secondary > :not([class*="uk-card-media"]) .uk-table th, +.uk-overlay-primary .uk-table th, +.uk-offcanvas-bar .uk-table th { + color: rgba(255, 255, 255, 0.7); +} +.uk-light .uk-table caption, +.uk-section-primary:not(.uk-preserve-color) .uk-table caption, +.uk-section-secondary:not(.uk-preserve-color) .uk-table caption, +.uk-tile-primary:not(.uk-preserve-color) .uk-table caption, +.uk-tile-secondary:not(.uk-preserve-color) .uk-table caption, +.uk-card-primary.uk-card-body .uk-table caption, +.uk-card-primary > :not([class*="uk-card-media"]) .uk-table caption, +.uk-card-secondary.uk-card-body .uk-table caption, +.uk-card-secondary > :not([class*="uk-card-media"]) .uk-table caption, +.uk-overlay-primary .uk-table caption, +.uk-offcanvas-bar .uk-table caption { + color: rgba(255, 255, 255, 0.5); +} +.uk-light .uk-table > tr.uk-active, +.uk-light .uk-table tbody tr.uk-active, +.uk-section-primary:not(.uk-preserve-color) .uk-table > tr.uk-active, +.uk-section-primary:not(.uk-preserve-color) .uk-table tbody tr.uk-active, +.uk-section-secondary:not(.uk-preserve-color) .uk-table > tr.uk-active, +.uk-section-secondary:not(.uk-preserve-color) .uk-table tbody tr.uk-active, +.uk-tile-primary:not(.uk-preserve-color) .uk-table > tr.uk-active, +.uk-tile-primary:not(.uk-preserve-color) .uk-table tbody tr.uk-active, +.uk-tile-secondary:not(.uk-preserve-color) .uk-table > tr.uk-active, +.uk-tile-secondary:not(.uk-preserve-color) .uk-table tbody tr.uk-active, +.uk-card-primary.uk-card-body .uk-table > tr.uk-active, +.uk-card-primary.uk-card-body .uk-table tbody tr.uk-active, +.uk-card-primary > :not([class*="uk-card-media"]) .uk-table > tr.uk-active, +.uk-card-primary > :not([class*="uk-card-media"]) .uk-table tbody tr.uk-active, +.uk-card-secondary.uk-card-body .uk-table > tr.uk-active, +.uk-card-secondary.uk-card-body .uk-table tbody tr.uk-active, +.uk-card-secondary > :not([class*="uk-card-media"]) .uk-table > tr.uk-active, +.uk-card-secondary > :not([class*="uk-card-media"]) .uk-table tbody tr.uk-active, +.uk-overlay-primary .uk-table > tr.uk-active, +.uk-overlay-primary .uk-table tbody tr.uk-active, +.uk-offcanvas-bar .uk-table > tr.uk-active, +.uk-offcanvas-bar .uk-table tbody tr.uk-active { + background: rgba(255, 255, 255, 0.08); +} +.uk-light .uk-table-divider > tr:not(:first-child), +.uk-light .uk-table-divider > :not(:first-child) > tr, +.uk-light .uk-table-divider > :first-child > tr:not(:first-child), +.uk-section-primary:not(.uk-preserve-color) .uk-table-divider > tr:not(:first-child), +.uk-section-primary:not(.uk-preserve-color) .uk-table-divider > :not(:first-child) > tr, +.uk-section-primary:not(.uk-preserve-color) .uk-table-divider > :first-child > tr:not(:first-child), +.uk-section-secondary:not(.uk-preserve-color) .uk-table-divider > tr:not(:first-child), +.uk-section-secondary:not(.uk-preserve-color) .uk-table-divider > :not(:first-child) > tr, +.uk-section-secondary:not(.uk-preserve-color) .uk-table-divider > :first-child > tr:not(:first-child), +.uk-tile-primary:not(.uk-preserve-color) .uk-table-divider > tr:not(:first-child), +.uk-tile-primary:not(.uk-preserve-color) .uk-table-divider > :not(:first-child) > tr, +.uk-tile-primary:not(.uk-preserve-color) .uk-table-divider > :first-child > tr:not(:first-child), +.uk-tile-secondary:not(.uk-preserve-color) .uk-table-divider > tr:not(:first-child), +.uk-tile-secondary:not(.uk-preserve-color) .uk-table-divider > :not(:first-child) > tr, +.uk-tile-secondary:not(.uk-preserve-color) .uk-table-divider > :first-child > tr:not(:first-child), +.uk-card-primary.uk-card-body .uk-table-divider > tr:not(:first-child), +.uk-card-primary.uk-card-body .uk-table-divider > :not(:first-child) > tr, +.uk-card-primary.uk-card-body .uk-table-divider > :first-child > tr:not(:first-child), +.uk-card-primary > :not([class*="uk-card-media"]) .uk-table-divider > tr:not(:first-child), +.uk-card-primary > :not([class*="uk-card-media"]) .uk-table-divider > :not(:first-child) > tr, +.uk-card-primary > :not([class*="uk-card-media"]) .uk-table-divider > :first-child > tr:not(:first-child), +.uk-card-secondary.uk-card-body .uk-table-divider > tr:not(:first-child), +.uk-card-secondary.uk-card-body .uk-table-divider > :not(:first-child) > tr, +.uk-card-secondary.uk-card-body .uk-table-divider > :first-child > tr:not(:first-child), +.uk-card-secondary > :not([class*="uk-card-media"]) .uk-table-divider > tr:not(:first-child), +.uk-card-secondary > :not([class*="uk-card-media"]) .uk-table-divider > :not(:first-child) > tr, +.uk-card-secondary > :not([class*="uk-card-media"]) .uk-table-divider > :first-child > tr:not(:first-child), +.uk-overlay-primary .uk-table-divider > tr:not(:first-child), +.uk-overlay-primary .uk-table-divider > :not(:first-child) > tr, +.uk-overlay-primary .uk-table-divider > :first-child > tr:not(:first-child), +.uk-offcanvas-bar .uk-table-divider > tr:not(:first-child), +.uk-offcanvas-bar .uk-table-divider > :not(:first-child) > tr, +.uk-offcanvas-bar .uk-table-divider > :first-child > tr:not(:first-child) { + border-top-color: rgba(255, 255, 255, 0.2); +} +.uk-light .uk-table-striped > tr:nth-of-type(odd), +.uk-light .uk-table-striped tbody tr:nth-of-type(odd), +.uk-section-primary:not(.uk-preserve-color) .uk-table-striped > tr:nth-of-type(odd), +.uk-section-primary:not(.uk-preserve-color) .uk-table-striped tbody tr:nth-of-type(odd), +.uk-section-secondary:not(.uk-preserve-color) .uk-table-striped > tr:nth-of-type(odd), +.uk-section-secondary:not(.uk-preserve-color) .uk-table-striped tbody tr:nth-of-type(odd), +.uk-tile-primary:not(.uk-preserve-color) .uk-table-striped > tr:nth-of-type(odd), +.uk-tile-primary:not(.uk-preserve-color) .uk-table-striped tbody tr:nth-of-type(odd), +.uk-tile-secondary:not(.uk-preserve-color) .uk-table-striped > tr:nth-of-type(odd), +.uk-tile-secondary:not(.uk-preserve-color) .uk-table-striped tbody tr:nth-of-type(odd), +.uk-card-primary.uk-card-body .uk-table-striped > tr:nth-of-type(odd), +.uk-card-primary.uk-card-body .uk-table-striped tbody tr:nth-of-type(odd), +.uk-card-primary > :not([class*="uk-card-media"]) .uk-table-striped > tr:nth-of-type(odd), +.uk-card-primary > :not([class*="uk-card-media"]) .uk-table-striped tbody tr:nth-of-type(odd), +.uk-card-secondary.uk-card-body .uk-table-striped > tr:nth-of-type(odd), +.uk-card-secondary.uk-card-body .uk-table-striped tbody tr:nth-of-type(odd), +.uk-card-secondary > :not([class*="uk-card-media"]) .uk-table-striped > tr:nth-of-type(odd), +.uk-card-secondary > :not([class*="uk-card-media"]) .uk-table-striped tbody tr:nth-of-type(odd), +.uk-overlay-primary .uk-table-striped > tr:nth-of-type(odd), +.uk-overlay-primary .uk-table-striped tbody tr:nth-of-type(odd), +.uk-offcanvas-bar .uk-table-striped > tr:nth-of-type(odd), +.uk-offcanvas-bar .uk-table-striped tbody tr:nth-of-type(odd) { + background: rgba(255, 255, 255, 0.1); + border-top-color: rgba(255, 255, 255, 0.2); + border-bottom-color: rgba(255, 255, 255, 0.2); +} +.uk-light .uk-table-hover > tr:hover, +.uk-light .uk-table-hover tbody tr:hover, +.uk-section-primary:not(.uk-preserve-color) .uk-table-hover > tr:hover, +.uk-section-primary:not(.uk-preserve-color) .uk-table-hover tbody tr:hover, +.uk-section-secondary:not(.uk-preserve-color) .uk-table-hover > tr:hover, +.uk-section-secondary:not(.uk-preserve-color) .uk-table-hover tbody tr:hover, +.uk-tile-primary:not(.uk-preserve-color) .uk-table-hover > tr:hover, +.uk-tile-primary:not(.uk-preserve-color) .uk-table-hover tbody tr:hover, +.uk-tile-secondary:not(.uk-preserve-color) .uk-table-hover > tr:hover, +.uk-tile-secondary:not(.uk-preserve-color) .uk-table-hover tbody tr:hover, +.uk-card-primary.uk-card-body .uk-table-hover > tr:hover, +.uk-card-primary.uk-card-body .uk-table-hover tbody tr:hover, +.uk-card-primary > :not([class*="uk-card-media"]) .uk-table-hover > tr:hover, +.uk-card-primary > :not([class*="uk-card-media"]) .uk-table-hover tbody tr:hover, +.uk-card-secondary.uk-card-body .uk-table-hover > tr:hover, +.uk-card-secondary.uk-card-body .uk-table-hover tbody tr:hover, +.uk-card-secondary > :not([class*="uk-card-media"]) .uk-table-hover > tr:hover, +.uk-card-secondary > :not([class*="uk-card-media"]) .uk-table-hover tbody tr:hover, +.uk-overlay-primary .uk-table-hover > tr:hover, +.uk-overlay-primary .uk-table-hover tbody tr:hover, +.uk-offcanvas-bar .uk-table-hover > tr:hover, +.uk-offcanvas-bar .uk-table-hover tbody tr:hover { + background: rgba(255, 255, 255, 0.08); +} +.uk-light .uk-icon-link, +.uk-section-primary:not(.uk-preserve-color) .uk-icon-link, +.uk-section-secondary:not(.uk-preserve-color) .uk-icon-link, +.uk-tile-primary:not(.uk-preserve-color) .uk-icon-link, +.uk-tile-secondary:not(.uk-preserve-color) .uk-icon-link, +.uk-card-primary.uk-card-body .uk-icon-link, +.uk-card-primary > :not([class*="uk-card-media"]) .uk-icon-link, +.uk-card-secondary.uk-card-body .uk-icon-link, +.uk-card-secondary > :not([class*="uk-card-media"]) .uk-icon-link, +.uk-overlay-primary .uk-icon-link, +.uk-offcanvas-bar .uk-icon-link { + color: rgba(255, 255, 255, 0.5); +} +.uk-light .uk-icon-link:hover, +.uk-section-primary:not(.uk-preserve-color) .uk-icon-link:hover, +.uk-section-secondary:not(.uk-preserve-color) .uk-icon-link:hover, +.uk-tile-primary:not(.uk-preserve-color) .uk-icon-link:hover, +.uk-tile-secondary:not(.uk-preserve-color) .uk-icon-link:hover, +.uk-card-primary.uk-card-body .uk-icon-link:hover, +.uk-card-primary > :not([class*="uk-card-media"]) .uk-icon-link:hover, +.uk-card-secondary.uk-card-body .uk-icon-link:hover, +.uk-card-secondary > :not([class*="uk-card-media"]) .uk-icon-link:hover, +.uk-overlay-primary .uk-icon-link:hover, +.uk-offcanvas-bar .uk-icon-link:hover { + color: rgba(255, 255, 255, 0.7); +} +.uk-light .uk-icon-link:active, +.uk-light .uk-active > .uk-icon-link, +.uk-section-primary:not(.uk-preserve-color) .uk-icon-link:active, +.uk-section-primary:not(.uk-preserve-color) .uk-active > .uk-icon-link, +.uk-section-secondary:not(.uk-preserve-color) .uk-icon-link:active, +.uk-section-secondary:not(.uk-preserve-color) .uk-active > .uk-icon-link, +.uk-tile-primary:not(.uk-preserve-color) .uk-icon-link:active, +.uk-tile-primary:not(.uk-preserve-color) .uk-active > .uk-icon-link, +.uk-tile-secondary:not(.uk-preserve-color) .uk-icon-link:active, +.uk-tile-secondary:not(.uk-preserve-color) .uk-active > .uk-icon-link, +.uk-card-primary.uk-card-body .uk-icon-link:active, +.uk-card-primary.uk-card-body .uk-active > .uk-icon-link, +.uk-card-primary > :not([class*="uk-card-media"]) .uk-icon-link:active, +.uk-card-primary > :not([class*="uk-card-media"]) .uk-active > .uk-icon-link, +.uk-card-secondary.uk-card-body .uk-icon-link:active, +.uk-card-secondary.uk-card-body .uk-active > .uk-icon-link, +.uk-card-secondary > :not([class*="uk-card-media"]) .uk-icon-link:active, +.uk-card-secondary > :not([class*="uk-card-media"]) .uk-active > .uk-icon-link, +.uk-overlay-primary .uk-icon-link:active, +.uk-overlay-primary .uk-active > .uk-icon-link, +.uk-offcanvas-bar .uk-icon-link:active, +.uk-offcanvas-bar .uk-active > .uk-icon-link { + color: rgba(255, 255, 255, 0.7); +} +.uk-light .uk-icon-button, +.uk-section-primary:not(.uk-preserve-color) .uk-icon-button, +.uk-section-secondary:not(.uk-preserve-color) .uk-icon-button, +.uk-tile-primary:not(.uk-preserve-color) .uk-icon-button, +.uk-tile-secondary:not(.uk-preserve-color) .uk-icon-button, +.uk-card-primary.uk-card-body .uk-icon-button, +.uk-card-primary > :not([class*="uk-card-media"]) .uk-icon-button, +.uk-card-secondary.uk-card-body .uk-icon-button, +.uk-card-secondary > :not([class*="uk-card-media"]) .uk-icon-button, +.uk-overlay-primary .uk-icon-button, +.uk-offcanvas-bar .uk-icon-button { + background-color: rgba(255, 255, 255, 0.1); + color: rgba(255, 255, 255, 0.5); +} +.uk-light .uk-icon-button:hover, +.uk-section-primary:not(.uk-preserve-color) .uk-icon-button:hover, +.uk-section-secondary:not(.uk-preserve-color) .uk-icon-button:hover, +.uk-tile-primary:not(.uk-preserve-color) .uk-icon-button:hover, +.uk-tile-secondary:not(.uk-preserve-color) .uk-icon-button:hover, +.uk-card-primary.uk-card-body .uk-icon-button:hover, +.uk-card-primary > :not([class*="uk-card-media"]) .uk-icon-button:hover, +.uk-card-secondary.uk-card-body .uk-icon-button:hover, +.uk-card-secondary > :not([class*="uk-card-media"]) .uk-icon-button:hover, +.uk-overlay-primary .uk-icon-button:hover, +.uk-offcanvas-bar .uk-icon-button:hover { + background-color: rgba(255, 255, 255, 0.15); + color: rgba(255, 255, 255, 0.7); +} +.uk-light .uk-icon-button:active, +.uk-section-primary:not(.uk-preserve-color) .uk-icon-button:active, +.uk-section-secondary:not(.uk-preserve-color) .uk-icon-button:active, +.uk-tile-primary:not(.uk-preserve-color) .uk-icon-button:active, +.uk-tile-secondary:not(.uk-preserve-color) .uk-icon-button:active, +.uk-card-primary.uk-card-body .uk-icon-button:active, +.uk-card-primary > :not([class*="uk-card-media"]) .uk-icon-button:active, +.uk-card-secondary.uk-card-body .uk-icon-button:active, +.uk-card-secondary > :not([class*="uk-card-media"]) .uk-icon-button:active, +.uk-overlay-primary .uk-icon-button:active, +.uk-offcanvas-bar .uk-icon-button:active { + background-color: rgba(255, 255, 255, 0.2); + color: rgba(255, 255, 255, 0.7); +} +.uk-light .uk-input, +.uk-light .uk-select, +.uk-light .uk-textarea, +.uk-section-primary:not(.uk-preserve-color) .uk-input, +.uk-section-primary:not(.uk-preserve-color) .uk-select, +.uk-section-primary:not(.uk-preserve-color) .uk-textarea, +.uk-section-secondary:not(.uk-preserve-color) .uk-input, +.uk-section-secondary:not(.uk-preserve-color) .uk-select, +.uk-section-secondary:not(.uk-preserve-color) .uk-textarea, +.uk-tile-primary:not(.uk-preserve-color) .uk-input, +.uk-tile-primary:not(.uk-preserve-color) .uk-select, +.uk-tile-primary:not(.uk-preserve-color) .uk-textarea, +.uk-tile-secondary:not(.uk-preserve-color) .uk-input, +.uk-tile-secondary:not(.uk-preserve-color) .uk-select, +.uk-tile-secondary:not(.uk-preserve-color) .uk-textarea, +.uk-card-primary.uk-card-body .uk-input, +.uk-card-primary.uk-card-body .uk-select, +.uk-card-primary.uk-card-body .uk-textarea, +.uk-card-primary > :not([class*="uk-card-media"]) .uk-input, +.uk-card-primary > :not([class*="uk-card-media"]) .uk-select, +.uk-card-primary > :not([class*="uk-card-media"]) .uk-textarea, +.uk-card-secondary.uk-card-body .uk-input, +.uk-card-secondary.uk-card-body .uk-select, +.uk-card-secondary.uk-card-body .uk-textarea, +.uk-card-secondary > :not([class*="uk-card-media"]) .uk-input, +.uk-card-secondary > :not([class*="uk-card-media"]) .uk-select, +.uk-card-secondary > :not([class*="uk-card-media"]) .uk-textarea, +.uk-overlay-primary .uk-input, +.uk-overlay-primary .uk-select, +.uk-overlay-primary .uk-textarea, +.uk-offcanvas-bar .uk-input, +.uk-offcanvas-bar .uk-select, +.uk-offcanvas-bar .uk-textarea { + background-color: rgba(255, 255, 255, 0.1); + color: rgba(255, 255, 255, 0.7); + background-clip: padding-box; + border-color: rgba(255, 255, 255, 0.2); +} +.uk-light .uk-input:focus, +.uk-light .uk-select:focus, +.uk-light .uk-textarea:focus, +.uk-section-primary:not(.uk-preserve-color) .uk-input:focus, +.uk-section-primary:not(.uk-preserve-color) .uk-select:focus, +.uk-section-primary:not(.uk-preserve-color) .uk-textarea:focus, +.uk-section-secondary:not(.uk-preserve-color) .uk-input:focus, +.uk-section-secondary:not(.uk-preserve-color) .uk-select:focus, +.uk-section-secondary:not(.uk-preserve-color) .uk-textarea:focus, +.uk-tile-primary:not(.uk-preserve-color) .uk-input:focus, +.uk-tile-primary:not(.uk-preserve-color) .uk-select:focus, +.uk-tile-primary:not(.uk-preserve-color) .uk-textarea:focus, +.uk-tile-secondary:not(.uk-preserve-color) .uk-input:focus, +.uk-tile-secondary:not(.uk-preserve-color) .uk-select:focus, +.uk-tile-secondary:not(.uk-preserve-color) .uk-textarea:focus, +.uk-card-primary.uk-card-body .uk-input:focus, +.uk-card-primary.uk-card-body .uk-select:focus, +.uk-card-primary.uk-card-body .uk-textarea:focus, +.uk-card-primary > :not([class*="uk-card-media"]) .uk-input:focus, +.uk-card-primary > :not([class*="uk-card-media"]) .uk-select:focus, +.uk-card-primary > :not([class*="uk-card-media"]) .uk-textarea:focus, +.uk-card-secondary.uk-card-body .uk-input:focus, +.uk-card-secondary.uk-card-body .uk-select:focus, +.uk-card-secondary.uk-card-body .uk-textarea:focus, +.uk-card-secondary > :not([class*="uk-card-media"]) .uk-input:focus, +.uk-card-secondary > :not([class*="uk-card-media"]) .uk-select:focus, +.uk-card-secondary > :not([class*="uk-card-media"]) .uk-textarea:focus, +.uk-overlay-primary .uk-input:focus, +.uk-overlay-primary .uk-select:focus, +.uk-overlay-primary .uk-textarea:focus, +.uk-offcanvas-bar .uk-input:focus, +.uk-offcanvas-bar .uk-select:focus, +.uk-offcanvas-bar .uk-textarea:focus { + background-color: rgba(255, 255, 255, 0.15); + color: rgba(255, 255, 255, 0.7); + border-color: rgba(255, 255, 255, 0.7); +} +.uk-light .uk-input::placeholder, +.uk-section-primary:not(.uk-preserve-color) .uk-input::placeholder, +.uk-section-secondary:not(.uk-preserve-color) .uk-input::placeholder, +.uk-tile-primary:not(.uk-preserve-color) .uk-input::placeholder, +.uk-tile-secondary:not(.uk-preserve-color) .uk-input::placeholder, +.uk-card-primary.uk-card-body .uk-input::placeholder, +.uk-card-primary > :not([class*="uk-card-media"]) .uk-input::placeholder, +.uk-card-secondary.uk-card-body .uk-input::placeholder, +.uk-card-secondary > :not([class*="uk-card-media"]) .uk-input::placeholder, +.uk-overlay-primary .uk-input::placeholder, +.uk-offcanvas-bar .uk-input::placeholder { + color: rgba(255, 255, 255, 0.5); +} +.uk-light .uk-textarea::placeholder, +.uk-section-primary:not(.uk-preserve-color) .uk-textarea::placeholder, +.uk-section-secondary:not(.uk-preserve-color) .uk-textarea::placeholder, +.uk-tile-primary:not(.uk-preserve-color) .uk-textarea::placeholder, +.uk-tile-secondary:not(.uk-preserve-color) .uk-textarea::placeholder, +.uk-card-primary.uk-card-body .uk-textarea::placeholder, +.uk-card-primary > :not([class*="uk-card-media"]) .uk-textarea::placeholder, +.uk-card-secondary.uk-card-body .uk-textarea::placeholder, +.uk-card-secondary > :not([class*="uk-card-media"]) .uk-textarea::placeholder, +.uk-overlay-primary .uk-textarea::placeholder, +.uk-offcanvas-bar .uk-textarea::placeholder { + color: rgba(255, 255, 255, 0.5); +} +.uk-light .uk-select:not([multiple]):not([size]), +.uk-section-primary:not(.uk-preserve-color) .uk-select:not([multiple]):not([size]), +.uk-section-secondary:not(.uk-preserve-color) .uk-select:not([multiple]):not([size]), +.uk-tile-primary:not(.uk-preserve-color) .uk-select:not([multiple]):not([size]), +.uk-tile-secondary:not(.uk-preserve-color) .uk-select:not([multiple]):not([size]), +.uk-card-primary.uk-card-body .uk-select:not([multiple]):not([size]), +.uk-card-primary > :not([class*="uk-card-media"]) .uk-select:not([multiple]):not([size]), +.uk-card-secondary.uk-card-body .uk-select:not([multiple]):not([size]), +.uk-card-secondary > :not([class*="uk-card-media"]) .uk-select:not([multiple]):not([size]), +.uk-overlay-primary .uk-select:not([multiple]):not([size]), +.uk-offcanvas-bar .uk-select:not([multiple]):not([size]) { + background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2224%22%20height%3D%2216%22%20viewBox%3D%220%200%2024%2016%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Cpolygon%20fill%3D%22rgba%28255,%20255,%20255,%200.7%29%22%20points%3D%2212%201%209%206%2015%206%22%20%2F%3E%0A%20%20%20%20%3Cpolygon%20fill%3D%22rgba%28255,%20255,%20255,%200.7%29%22%20points%3D%2212%2013%209%208%2015%208%22%20%2F%3E%0A%3C%2Fsvg%3E%0A"); +} +.uk-light .uk-input[list]:hover, +.uk-light .uk-input[list]:focus, +.uk-section-primary:not(.uk-preserve-color) .uk-input[list]:hover, +.uk-section-primary:not(.uk-preserve-color) .uk-input[list]:focus, +.uk-section-secondary:not(.uk-preserve-color) .uk-input[list]:hover, +.uk-section-secondary:not(.uk-preserve-color) .uk-input[list]:focus, +.uk-tile-primary:not(.uk-preserve-color) .uk-input[list]:hover, +.uk-tile-primary:not(.uk-preserve-color) .uk-input[list]:focus, +.uk-tile-secondary:not(.uk-preserve-color) .uk-input[list]:hover, +.uk-tile-secondary:not(.uk-preserve-color) .uk-input[list]:focus, +.uk-card-primary.uk-card-body .uk-input[list]:hover, +.uk-card-primary.uk-card-body .uk-input[list]:focus, +.uk-card-primary > :not([class*="uk-card-media"]) .uk-input[list]:hover, +.uk-card-primary > :not([class*="uk-card-media"]) .uk-input[list]:focus, +.uk-card-secondary.uk-card-body .uk-input[list]:hover, +.uk-card-secondary.uk-card-body .uk-input[list]:focus, +.uk-card-secondary > :not([class*="uk-card-media"]) .uk-input[list]:hover, +.uk-card-secondary > :not([class*="uk-card-media"]) .uk-input[list]:focus, +.uk-overlay-primary .uk-input[list]:hover, +.uk-overlay-primary .uk-input[list]:focus, +.uk-offcanvas-bar .uk-input[list]:hover, +.uk-offcanvas-bar .uk-input[list]:focus { + background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2224%22%20height%3D%2216%22%20viewBox%3D%220%200%2024%2016%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Cpolygon%20fill%3D%22rgba%28255,%20255,%20255,%200.7%29%22%20points%3D%2212%2012%208%206%2016%206%22%20%2F%3E%0A%3C%2Fsvg%3E%0A"); +} +.uk-light .uk-radio, +.uk-light .uk-checkbox, +.uk-section-primary:not(.uk-preserve-color) .uk-radio, +.uk-section-primary:not(.uk-preserve-color) .uk-checkbox, +.uk-section-secondary:not(.uk-preserve-color) .uk-radio, +.uk-section-secondary:not(.uk-preserve-color) .uk-checkbox, +.uk-tile-primary:not(.uk-preserve-color) .uk-radio, +.uk-tile-primary:not(.uk-preserve-color) .uk-checkbox, +.uk-tile-secondary:not(.uk-preserve-color) .uk-radio, +.uk-tile-secondary:not(.uk-preserve-color) .uk-checkbox, +.uk-card-primary.uk-card-body .uk-radio, +.uk-card-primary.uk-card-body .uk-checkbox, +.uk-card-primary > :not([class*="uk-card-media"]) .uk-radio, +.uk-card-primary > :not([class*="uk-card-media"]) .uk-checkbox, +.uk-card-secondary.uk-card-body .uk-radio, +.uk-card-secondary.uk-card-body .uk-checkbox, +.uk-card-secondary > :not([class*="uk-card-media"]) .uk-radio, +.uk-card-secondary > :not([class*="uk-card-media"]) .uk-checkbox, +.uk-overlay-primary .uk-radio, +.uk-overlay-primary .uk-checkbox, +.uk-offcanvas-bar .uk-radio, +.uk-offcanvas-bar .uk-checkbox { + background-color: rgba(255, 255, 255, 0.1); + border-color: rgba(255, 255, 255, 0.2); +} +.uk-light .uk-radio:focus, +.uk-light .uk-checkbox:focus, +.uk-section-primary:not(.uk-preserve-color) .uk-radio:focus, +.uk-section-primary:not(.uk-preserve-color) .uk-checkbox:focus, +.uk-section-secondary:not(.uk-preserve-color) .uk-radio:focus, +.uk-section-secondary:not(.uk-preserve-color) .uk-checkbox:focus, +.uk-tile-primary:not(.uk-preserve-color) .uk-radio:focus, +.uk-tile-primary:not(.uk-preserve-color) .uk-checkbox:focus, +.uk-tile-secondary:not(.uk-preserve-color) .uk-radio:focus, +.uk-tile-secondary:not(.uk-preserve-color) .uk-checkbox:focus, +.uk-card-primary.uk-card-body .uk-radio:focus, +.uk-card-primary.uk-card-body .uk-checkbox:focus, +.uk-card-primary > :not([class*="uk-card-media"]) .uk-radio:focus, +.uk-card-primary > :not([class*="uk-card-media"]) .uk-checkbox:focus, +.uk-card-secondary.uk-card-body .uk-radio:focus, +.uk-card-secondary.uk-card-body .uk-checkbox:focus, +.uk-card-secondary > :not([class*="uk-card-media"]) .uk-radio:focus, +.uk-card-secondary > :not([class*="uk-card-media"]) .uk-checkbox:focus, +.uk-overlay-primary .uk-radio:focus, +.uk-overlay-primary .uk-checkbox:focus, +.uk-offcanvas-bar .uk-radio:focus, +.uk-offcanvas-bar .uk-checkbox:focus { + background-color: rgba(255, 255, 255, 0.15); + border-color: rgba(255, 255, 255, 0.7); +} +.uk-light .uk-radio:checked, +.uk-light .uk-checkbox:checked, +.uk-light .uk-checkbox:indeterminate, +.uk-section-primary:not(.uk-preserve-color) .uk-radio:checked, +.uk-section-primary:not(.uk-preserve-color) .uk-checkbox:checked, +.uk-section-primary:not(.uk-preserve-color) .uk-checkbox:indeterminate, +.uk-section-secondary:not(.uk-preserve-color) .uk-radio:checked, +.uk-section-secondary:not(.uk-preserve-color) .uk-checkbox:checked, +.uk-section-secondary:not(.uk-preserve-color) .uk-checkbox:indeterminate, +.uk-tile-primary:not(.uk-preserve-color) .uk-radio:checked, +.uk-tile-primary:not(.uk-preserve-color) .uk-checkbox:checked, +.uk-tile-primary:not(.uk-preserve-color) .uk-checkbox:indeterminate, +.uk-tile-secondary:not(.uk-preserve-color) .uk-radio:checked, +.uk-tile-secondary:not(.uk-preserve-color) .uk-checkbox:checked, +.uk-tile-secondary:not(.uk-preserve-color) .uk-checkbox:indeterminate, +.uk-card-primary.uk-card-body .uk-radio:checked, +.uk-card-primary.uk-card-body .uk-checkbox:checked, +.uk-card-primary.uk-card-body .uk-checkbox:indeterminate, +.uk-card-primary > :not([class*="uk-card-media"]) .uk-radio:checked, +.uk-card-primary > :not([class*="uk-card-media"]) .uk-checkbox:checked, +.uk-card-primary > :not([class*="uk-card-media"]) .uk-checkbox:indeterminate, +.uk-card-secondary.uk-card-body .uk-radio:checked, +.uk-card-secondary.uk-card-body .uk-checkbox:checked, +.uk-card-secondary.uk-card-body .uk-checkbox:indeterminate, +.uk-card-secondary > :not([class*="uk-card-media"]) .uk-radio:checked, +.uk-card-secondary > :not([class*="uk-card-media"]) .uk-checkbox:checked, +.uk-card-secondary > :not([class*="uk-card-media"]) .uk-checkbox:indeterminate, +.uk-overlay-primary .uk-radio:checked, +.uk-overlay-primary .uk-checkbox:checked, +.uk-overlay-primary .uk-checkbox:indeterminate, +.uk-offcanvas-bar .uk-radio:checked, +.uk-offcanvas-bar .uk-checkbox:checked, +.uk-offcanvas-bar .uk-checkbox:indeterminate { + background-color: #fff; + border-color: #fff; +} +.uk-light .uk-radio:checked:focus, +.uk-light .uk-checkbox:checked:focus, +.uk-light .uk-checkbox:indeterminate:focus, +.uk-section-primary:not(.uk-preserve-color) .uk-radio:checked:focus, +.uk-section-primary:not(.uk-preserve-color) .uk-checkbox:checked:focus, +.uk-section-primary:not(.uk-preserve-color) .uk-checkbox:indeterminate:focus, +.uk-section-secondary:not(.uk-preserve-color) .uk-radio:checked:focus, +.uk-section-secondary:not(.uk-preserve-color) .uk-checkbox:checked:focus, +.uk-section-secondary:not(.uk-preserve-color) .uk-checkbox:indeterminate:focus, +.uk-tile-primary:not(.uk-preserve-color) .uk-radio:checked:focus, +.uk-tile-primary:not(.uk-preserve-color) .uk-checkbox:checked:focus, +.uk-tile-primary:not(.uk-preserve-color) .uk-checkbox:indeterminate:focus, +.uk-tile-secondary:not(.uk-preserve-color) .uk-radio:checked:focus, +.uk-tile-secondary:not(.uk-preserve-color) .uk-checkbox:checked:focus, +.uk-tile-secondary:not(.uk-preserve-color) .uk-checkbox:indeterminate:focus, +.uk-card-primary.uk-card-body .uk-radio:checked:focus, +.uk-card-primary.uk-card-body .uk-checkbox:checked:focus, +.uk-card-primary.uk-card-body .uk-checkbox:indeterminate:focus, +.uk-card-primary > :not([class*="uk-card-media"]) .uk-radio:checked:focus, +.uk-card-primary > :not([class*="uk-card-media"]) .uk-checkbox:checked:focus, +.uk-card-primary > :not([class*="uk-card-media"]) .uk-checkbox:indeterminate:focus, +.uk-card-secondary.uk-card-body .uk-radio:checked:focus, +.uk-card-secondary.uk-card-body .uk-checkbox:checked:focus, +.uk-card-secondary.uk-card-body .uk-checkbox:indeterminate:focus, +.uk-card-secondary > :not([class*="uk-card-media"]) .uk-radio:checked:focus, +.uk-card-secondary > :not([class*="uk-card-media"]) .uk-checkbox:checked:focus, +.uk-card-secondary > :not([class*="uk-card-media"]) .uk-checkbox:indeterminate:focus, +.uk-overlay-primary .uk-radio:checked:focus, +.uk-overlay-primary .uk-checkbox:checked:focus, +.uk-overlay-primary .uk-checkbox:indeterminate:focus, +.uk-offcanvas-bar .uk-radio:checked:focus, +.uk-offcanvas-bar .uk-checkbox:checked:focus, +.uk-offcanvas-bar .uk-checkbox:indeterminate:focus { + background-color: #ffffff; +} +.uk-light .uk-radio:checked, +.uk-section-primary:not(.uk-preserve-color) .uk-radio:checked, +.uk-section-secondary:not(.uk-preserve-color) .uk-radio:checked, +.uk-tile-primary:not(.uk-preserve-color) .uk-radio:checked, +.uk-tile-secondary:not(.uk-preserve-color) .uk-radio:checked, +.uk-card-primary.uk-card-body .uk-radio:checked, +.uk-card-primary > :not([class*="uk-card-media"]) .uk-radio:checked, +.uk-card-secondary.uk-card-body .uk-radio:checked, +.uk-card-secondary > :not([class*="uk-card-media"]) .uk-radio:checked, +.uk-overlay-primary .uk-radio:checked, +.uk-offcanvas-bar .uk-radio:checked { + background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Ccircle%20fill%3D%22%23666%22%20cx%3D%228%22%20cy%3D%228%22%20r%3D%222%22%20%2F%3E%0A%3C%2Fsvg%3E"); +} +.uk-light .uk-checkbox:checked, +.uk-section-primary:not(.uk-preserve-color) .uk-checkbox:checked, +.uk-section-secondary:not(.uk-preserve-color) .uk-checkbox:checked, +.uk-tile-primary:not(.uk-preserve-color) .uk-checkbox:checked, +.uk-tile-secondary:not(.uk-preserve-color) .uk-checkbox:checked, +.uk-card-primary.uk-card-body .uk-checkbox:checked, +.uk-card-primary > :not([class*="uk-card-media"]) .uk-checkbox:checked, +.uk-card-secondary.uk-card-body .uk-checkbox:checked, +.uk-card-secondary > :not([class*="uk-card-media"]) .uk-checkbox:checked, +.uk-overlay-primary .uk-checkbox:checked, +.uk-offcanvas-bar .uk-checkbox:checked { + background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2214%22%20height%3D%2211%22%20viewBox%3D%220%200%2014%2011%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Cpolygon%20fill%3D%22%23666%22%20points%3D%2212%201%205%207.5%202%205%201%205.5%205%2010%2013%201.5%22%20%2F%3E%0A%3C%2Fsvg%3E%0A"); +} +.uk-light .uk-checkbox:indeterminate, +.uk-section-primary:not(.uk-preserve-color) .uk-checkbox:indeterminate, +.uk-section-secondary:not(.uk-preserve-color) .uk-checkbox:indeterminate, +.uk-tile-primary:not(.uk-preserve-color) .uk-checkbox:indeterminate, +.uk-tile-secondary:not(.uk-preserve-color) .uk-checkbox:indeterminate, +.uk-card-primary.uk-card-body .uk-checkbox:indeterminate, +.uk-card-primary > :not([class*="uk-card-media"]) .uk-checkbox:indeterminate, +.uk-card-secondary.uk-card-body .uk-checkbox:indeterminate, +.uk-card-secondary > :not([class*="uk-card-media"]) .uk-checkbox:indeterminate, +.uk-overlay-primary .uk-checkbox:indeterminate, +.uk-offcanvas-bar .uk-checkbox:indeterminate { + background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Crect%20fill%3D%22%23666%22%20x%3D%223%22%20y%3D%228%22%20width%3D%2210%22%20height%3D%221%22%20%2F%3E%0A%3C%2Fsvg%3E"); +} +.uk-light .uk-form-label, +.uk-section-primary:not(.uk-preserve-color) .uk-form-label, +.uk-section-secondary:not(.uk-preserve-color) .uk-form-label, +.uk-tile-primary:not(.uk-preserve-color) .uk-form-label, +.uk-tile-secondary:not(.uk-preserve-color) .uk-form-label, +.uk-card-primary.uk-card-body .uk-form-label, +.uk-card-primary > :not([class*="uk-card-media"]) .uk-form-label, +.uk-card-secondary.uk-card-body .uk-form-label, +.uk-card-secondary > :not([class*="uk-card-media"]) .uk-form-label, +.uk-overlay-primary .uk-form-label, +.uk-offcanvas-bar .uk-form-label { + color: #fff; +} +.uk-light .uk-form-icon, +.uk-section-primary:not(.uk-preserve-color) .uk-form-icon, +.uk-section-secondary:not(.uk-preserve-color) .uk-form-icon, +.uk-tile-primary:not(.uk-preserve-color) .uk-form-icon, +.uk-tile-secondary:not(.uk-preserve-color) .uk-form-icon, +.uk-card-primary.uk-card-body .uk-form-icon, +.uk-card-primary > :not([class*="uk-card-media"]) .uk-form-icon, +.uk-card-secondary.uk-card-body .uk-form-icon, +.uk-card-secondary > :not([class*="uk-card-media"]) .uk-form-icon, +.uk-overlay-primary .uk-form-icon, +.uk-offcanvas-bar .uk-form-icon { + color: rgba(255, 255, 255, 0.5); +} +.uk-light .uk-form-icon:hover, +.uk-section-primary:not(.uk-preserve-color) .uk-form-icon:hover, +.uk-section-secondary:not(.uk-preserve-color) .uk-form-icon:hover, +.uk-tile-primary:not(.uk-preserve-color) .uk-form-icon:hover, +.uk-tile-secondary:not(.uk-preserve-color) .uk-form-icon:hover, +.uk-card-primary.uk-card-body .uk-form-icon:hover, +.uk-card-primary > :not([class*="uk-card-media"]) .uk-form-icon:hover, +.uk-card-secondary.uk-card-body .uk-form-icon:hover, +.uk-card-secondary > :not([class*="uk-card-media"]) .uk-form-icon:hover, +.uk-overlay-primary .uk-form-icon:hover, +.uk-offcanvas-bar .uk-form-icon:hover { + color: rgba(255, 255, 255, 0.7); +} +.uk-light .uk-button-default, +.uk-section-primary:not(.uk-preserve-color) .uk-button-default, +.uk-section-secondary:not(.uk-preserve-color) .uk-button-default, +.uk-tile-primary:not(.uk-preserve-color) .uk-button-default, +.uk-tile-secondary:not(.uk-preserve-color) .uk-button-default, +.uk-card-primary.uk-card-body .uk-button-default, +.uk-card-primary > :not([class*="uk-card-media"]) .uk-button-default, +.uk-card-secondary.uk-card-body .uk-button-default, +.uk-card-secondary > :not([class*="uk-card-media"]) .uk-button-default, +.uk-overlay-primary .uk-button-default, +.uk-offcanvas-bar .uk-button-default { + background-color: transparent; + color: #fff; + border-color: rgba(255, 255, 255, 0.7); +} +.uk-light .uk-button-default:hover, +.uk-section-primary:not(.uk-preserve-color) .uk-button-default:hover, +.uk-section-secondary:not(.uk-preserve-color) .uk-button-default:hover, +.uk-tile-primary:not(.uk-preserve-color) .uk-button-default:hover, +.uk-tile-secondary:not(.uk-preserve-color) .uk-button-default:hover, +.uk-card-primary.uk-card-body .uk-button-default:hover, +.uk-card-primary > :not([class*="uk-card-media"]) .uk-button-default:hover, +.uk-card-secondary.uk-card-body .uk-button-default:hover, +.uk-card-secondary > :not([class*="uk-card-media"]) .uk-button-default:hover, +.uk-overlay-primary .uk-button-default:hover, +.uk-offcanvas-bar .uk-button-default:hover { + background-color: transparent; + color: #fff; + border-color: #fff; +} +.uk-light .uk-button-default:active, +.uk-light .uk-button-default.uk-active, +.uk-section-primary:not(.uk-preserve-color) .uk-button-default:active, +.uk-section-primary:not(.uk-preserve-color) .uk-button-default.uk-active, +.uk-section-secondary:not(.uk-preserve-color) .uk-button-default:active, +.uk-section-secondary:not(.uk-preserve-color) .uk-button-default.uk-active, +.uk-tile-primary:not(.uk-preserve-color) .uk-button-default:active, +.uk-tile-primary:not(.uk-preserve-color) .uk-button-default.uk-active, +.uk-tile-secondary:not(.uk-preserve-color) .uk-button-default:active, +.uk-tile-secondary:not(.uk-preserve-color) .uk-button-default.uk-active, +.uk-card-primary.uk-card-body .uk-button-default:active, +.uk-card-primary.uk-card-body .uk-button-default.uk-active, +.uk-card-primary > :not([class*="uk-card-media"]) .uk-button-default:active, +.uk-card-primary > :not([class*="uk-card-media"]) .uk-button-default.uk-active, +.uk-card-secondary.uk-card-body .uk-button-default:active, +.uk-card-secondary.uk-card-body .uk-button-default.uk-active, +.uk-card-secondary > :not([class*="uk-card-media"]) .uk-button-default:active, +.uk-card-secondary > :not([class*="uk-card-media"]) .uk-button-default.uk-active, +.uk-overlay-primary .uk-button-default:active, +.uk-overlay-primary .uk-button-default.uk-active, +.uk-offcanvas-bar .uk-button-default:active, +.uk-offcanvas-bar .uk-button-default.uk-active { + background-color: transparent; + color: #fff; + border-color: #fff; +} +.uk-light .uk-button-primary, +.uk-section-primary:not(.uk-preserve-color) .uk-button-primary, +.uk-section-secondary:not(.uk-preserve-color) .uk-button-primary, +.uk-tile-primary:not(.uk-preserve-color) .uk-button-primary, +.uk-tile-secondary:not(.uk-preserve-color) .uk-button-primary, +.uk-card-primary.uk-card-body .uk-button-primary, +.uk-card-primary > :not([class*="uk-card-media"]) .uk-button-primary, +.uk-card-secondary.uk-card-body .uk-button-primary, +.uk-card-secondary > :not([class*="uk-card-media"]) .uk-button-primary, +.uk-overlay-primary .uk-button-primary, +.uk-offcanvas-bar .uk-button-primary { + background-color: #fff; + color: #666; +} +.uk-light .uk-button-primary:hover, +.uk-section-primary:not(.uk-preserve-color) .uk-button-primary:hover, +.uk-section-secondary:not(.uk-preserve-color) .uk-button-primary:hover, +.uk-tile-primary:not(.uk-preserve-color) .uk-button-primary:hover, +.uk-tile-secondary:not(.uk-preserve-color) .uk-button-primary:hover, +.uk-card-primary.uk-card-body .uk-button-primary:hover, +.uk-card-primary > :not([class*="uk-card-media"]) .uk-button-primary:hover, +.uk-card-secondary.uk-card-body .uk-button-primary:hover, +.uk-card-secondary > :not([class*="uk-card-media"]) .uk-button-primary:hover, +.uk-overlay-primary .uk-button-primary:hover, +.uk-offcanvas-bar .uk-button-primary:hover { + background-color: #f2f2f2; + color: #666; +} +.uk-light .uk-button-primary:active, +.uk-light .uk-button-primary.uk-active, +.uk-section-primary:not(.uk-preserve-color) .uk-button-primary:active, +.uk-section-primary:not(.uk-preserve-color) .uk-button-primary.uk-active, +.uk-section-secondary:not(.uk-preserve-color) .uk-button-primary:active, +.uk-section-secondary:not(.uk-preserve-color) .uk-button-primary.uk-active, +.uk-tile-primary:not(.uk-preserve-color) .uk-button-primary:active, +.uk-tile-primary:not(.uk-preserve-color) .uk-button-primary.uk-active, +.uk-tile-secondary:not(.uk-preserve-color) .uk-button-primary:active, +.uk-tile-secondary:not(.uk-preserve-color) .uk-button-primary.uk-active, +.uk-card-primary.uk-card-body .uk-button-primary:active, +.uk-card-primary.uk-card-body .uk-button-primary.uk-active, +.uk-card-primary > :not([class*="uk-card-media"]) .uk-button-primary:active, +.uk-card-primary > :not([class*="uk-card-media"]) .uk-button-primary.uk-active, +.uk-card-secondary.uk-card-body .uk-button-primary:active, +.uk-card-secondary.uk-card-body .uk-button-primary.uk-active, +.uk-card-secondary > :not([class*="uk-card-media"]) .uk-button-primary:active, +.uk-card-secondary > :not([class*="uk-card-media"]) .uk-button-primary.uk-active, +.uk-overlay-primary .uk-button-primary:active, +.uk-overlay-primary .uk-button-primary.uk-active, +.uk-offcanvas-bar .uk-button-primary:active, +.uk-offcanvas-bar .uk-button-primary.uk-active { + background-color: #e6e6e6; + color: #666; +} +.uk-light .uk-button-secondary, +.uk-section-primary:not(.uk-preserve-color) .uk-button-secondary, +.uk-section-secondary:not(.uk-preserve-color) .uk-button-secondary, +.uk-tile-primary:not(.uk-preserve-color) .uk-button-secondary, +.uk-tile-secondary:not(.uk-preserve-color) .uk-button-secondary, +.uk-card-primary.uk-card-body .uk-button-secondary, +.uk-card-primary > :not([class*="uk-card-media"]) .uk-button-secondary, +.uk-card-secondary.uk-card-body .uk-button-secondary, +.uk-card-secondary > :not([class*="uk-card-media"]) .uk-button-secondary, +.uk-overlay-primary .uk-button-secondary, +.uk-offcanvas-bar .uk-button-secondary { + background-color: #fff; + color: #666; +} +.uk-light .uk-button-secondary:hover, +.uk-section-primary:not(.uk-preserve-color) .uk-button-secondary:hover, +.uk-section-secondary:not(.uk-preserve-color) .uk-button-secondary:hover, +.uk-tile-primary:not(.uk-preserve-color) .uk-button-secondary:hover, +.uk-tile-secondary:not(.uk-preserve-color) .uk-button-secondary:hover, +.uk-card-primary.uk-card-body .uk-button-secondary:hover, +.uk-card-primary > :not([class*="uk-card-media"]) .uk-button-secondary:hover, +.uk-card-secondary.uk-card-body .uk-button-secondary:hover, +.uk-card-secondary > :not([class*="uk-card-media"]) .uk-button-secondary:hover, +.uk-overlay-primary .uk-button-secondary:hover, +.uk-offcanvas-bar .uk-button-secondary:hover { + background-color: #f2f2f2; + color: #666; +} +.uk-light .uk-button-secondary:active, +.uk-light .uk-button-secondary.uk-active, +.uk-section-primary:not(.uk-preserve-color) .uk-button-secondary:active, +.uk-section-primary:not(.uk-preserve-color) .uk-button-secondary.uk-active, +.uk-section-secondary:not(.uk-preserve-color) .uk-button-secondary:active, +.uk-section-secondary:not(.uk-preserve-color) .uk-button-secondary.uk-active, +.uk-tile-primary:not(.uk-preserve-color) .uk-button-secondary:active, +.uk-tile-primary:not(.uk-preserve-color) .uk-button-secondary.uk-active, +.uk-tile-secondary:not(.uk-preserve-color) .uk-button-secondary:active, +.uk-tile-secondary:not(.uk-preserve-color) .uk-button-secondary.uk-active, +.uk-card-primary.uk-card-body .uk-button-secondary:active, +.uk-card-primary.uk-card-body .uk-button-secondary.uk-active, +.uk-card-primary > :not([class*="uk-card-media"]) .uk-button-secondary:active, +.uk-card-primary > :not([class*="uk-card-media"]) .uk-button-secondary.uk-active, +.uk-card-secondary.uk-card-body .uk-button-secondary:active, +.uk-card-secondary.uk-card-body .uk-button-secondary.uk-active, +.uk-card-secondary > :not([class*="uk-card-media"]) .uk-button-secondary:active, +.uk-card-secondary > :not([class*="uk-card-media"]) .uk-button-secondary.uk-active, +.uk-overlay-primary .uk-button-secondary:active, +.uk-overlay-primary .uk-button-secondary.uk-active, +.uk-offcanvas-bar .uk-button-secondary:active, +.uk-offcanvas-bar .uk-button-secondary.uk-active { + background-color: #e6e6e6; + color: #666; +} +.uk-light .uk-button-text, +.uk-section-primary:not(.uk-preserve-color) .uk-button-text, +.uk-section-secondary:not(.uk-preserve-color) .uk-button-text, +.uk-tile-primary:not(.uk-preserve-color) .uk-button-text, +.uk-tile-secondary:not(.uk-preserve-color) .uk-button-text, +.uk-card-primary.uk-card-body .uk-button-text, +.uk-card-primary > :not([class*="uk-card-media"]) .uk-button-text, +.uk-card-secondary.uk-card-body .uk-button-text, +.uk-card-secondary > :not([class*="uk-card-media"]) .uk-button-text, +.uk-overlay-primary .uk-button-text, +.uk-offcanvas-bar .uk-button-text { + color: #fff; +} +.uk-light .uk-button-text::before, +.uk-section-primary:not(.uk-preserve-color) .uk-button-text::before, +.uk-section-secondary:not(.uk-preserve-color) .uk-button-text::before, +.uk-tile-primary:not(.uk-preserve-color) .uk-button-text::before, +.uk-tile-secondary:not(.uk-preserve-color) .uk-button-text::before, +.uk-card-primary.uk-card-body .uk-button-text::before, +.uk-card-primary > :not([class*="uk-card-media"]) .uk-button-text::before, +.uk-card-secondary.uk-card-body .uk-button-text::before, +.uk-card-secondary > :not([class*="uk-card-media"]) .uk-button-text::before, +.uk-overlay-primary .uk-button-text::before, +.uk-offcanvas-bar .uk-button-text::before { + border-bottom-color: #fff; +} +.uk-light .uk-button-text:hover, +.uk-section-primary:not(.uk-preserve-color) .uk-button-text:hover, +.uk-section-secondary:not(.uk-preserve-color) .uk-button-text:hover, +.uk-tile-primary:not(.uk-preserve-color) .uk-button-text:hover, +.uk-tile-secondary:not(.uk-preserve-color) .uk-button-text:hover, +.uk-card-primary.uk-card-body .uk-button-text:hover, +.uk-card-primary > :not([class*="uk-card-media"]) .uk-button-text:hover, +.uk-card-secondary.uk-card-body .uk-button-text:hover, +.uk-card-secondary > :not([class*="uk-card-media"]) .uk-button-text:hover, +.uk-overlay-primary .uk-button-text:hover, +.uk-offcanvas-bar .uk-button-text:hover { + color: #fff; +} +.uk-light .uk-button-text:disabled, +.uk-section-primary:not(.uk-preserve-color) .uk-button-text:disabled, +.uk-section-secondary:not(.uk-preserve-color) .uk-button-text:disabled, +.uk-tile-primary:not(.uk-preserve-color) .uk-button-text:disabled, +.uk-tile-secondary:not(.uk-preserve-color) .uk-button-text:disabled, +.uk-card-primary.uk-card-body .uk-button-text:disabled, +.uk-card-primary > :not([class*="uk-card-media"]) .uk-button-text:disabled, +.uk-card-secondary.uk-card-body .uk-button-text:disabled, +.uk-card-secondary > :not([class*="uk-card-media"]) .uk-button-text:disabled, +.uk-overlay-primary .uk-button-text:disabled, +.uk-offcanvas-bar .uk-button-text:disabled { + color: rgba(255, 255, 255, 0.5); +} +.uk-light .uk-button-link, +.uk-section-primary:not(.uk-preserve-color) .uk-button-link, +.uk-section-secondary:not(.uk-preserve-color) .uk-button-link, +.uk-tile-primary:not(.uk-preserve-color) .uk-button-link, +.uk-tile-secondary:not(.uk-preserve-color) .uk-button-link, +.uk-card-primary.uk-card-body .uk-button-link, +.uk-card-primary > :not([class*="uk-card-media"]) .uk-button-link, +.uk-card-secondary.uk-card-body .uk-button-link, +.uk-card-secondary > :not([class*="uk-card-media"]) .uk-button-link, +.uk-overlay-primary .uk-button-link, +.uk-offcanvas-bar .uk-button-link { + color: #fff; +} +.uk-light .uk-button-link:hover, +.uk-section-primary:not(.uk-preserve-color) .uk-button-link:hover, +.uk-section-secondary:not(.uk-preserve-color) .uk-button-link:hover, +.uk-tile-primary:not(.uk-preserve-color) .uk-button-link:hover, +.uk-tile-secondary:not(.uk-preserve-color) .uk-button-link:hover, +.uk-card-primary.uk-card-body .uk-button-link:hover, +.uk-card-primary > :not([class*="uk-card-media"]) .uk-button-link:hover, +.uk-card-secondary.uk-card-body .uk-button-link:hover, +.uk-card-secondary > :not([class*="uk-card-media"]) .uk-button-link:hover, +.uk-overlay-primary .uk-button-link:hover, +.uk-offcanvas-bar .uk-button-link:hover { + color: rgba(255, 255, 255, 0.5); +} +.uk-light.uk-card-badge, +.uk-section-primary:not(.uk-preserve-color).uk-card-badge, +.uk-section-secondary:not(.uk-preserve-color).uk-card-badge, +.uk-tile-primary:not(.uk-preserve-color).uk-card-badge, +.uk-tile-secondary:not(.uk-preserve-color).uk-card-badge, +.uk-card-primary.uk-card-body.uk-card-badge, +.uk-card-primary > :not([class*="uk-card-media"]).uk-card-badge, +.uk-card-secondary.uk-card-body.uk-card-badge, +.uk-card-secondary > :not([class*="uk-card-media"]).uk-card-badge, +.uk-overlay-primary.uk-card-badge, +.uk-offcanvas-bar.uk-card-badge { + background-color: #fff; + color: #666; +} +.uk-light .uk-close, +.uk-section-primary:not(.uk-preserve-color) .uk-close, +.uk-section-secondary:not(.uk-preserve-color) .uk-close, +.uk-tile-primary:not(.uk-preserve-color) .uk-close, +.uk-tile-secondary:not(.uk-preserve-color) .uk-close, +.uk-card-primary.uk-card-body .uk-close, +.uk-card-primary > :not([class*="uk-card-media"]) .uk-close, +.uk-card-secondary.uk-card-body .uk-close, +.uk-card-secondary > :not([class*="uk-card-media"]) .uk-close, +.uk-overlay-primary .uk-close, +.uk-offcanvas-bar .uk-close { + color: rgba(255, 255, 255, 0.5); +} +.uk-light .uk-close:hover, +.uk-section-primary:not(.uk-preserve-color) .uk-close:hover, +.uk-section-secondary:not(.uk-preserve-color) .uk-close:hover, +.uk-tile-primary:not(.uk-preserve-color) .uk-close:hover, +.uk-tile-secondary:not(.uk-preserve-color) .uk-close:hover, +.uk-card-primary.uk-card-body .uk-close:hover, +.uk-card-primary > :not([class*="uk-card-media"]) .uk-close:hover, +.uk-card-secondary.uk-card-body .uk-close:hover, +.uk-card-secondary > :not([class*="uk-card-media"]) .uk-close:hover, +.uk-overlay-primary .uk-close:hover, +.uk-offcanvas-bar .uk-close:hover { + color: rgba(255, 255, 255, 0.7); +} +.uk-light .uk-totop, +.uk-section-primary:not(.uk-preserve-color) .uk-totop, +.uk-section-secondary:not(.uk-preserve-color) .uk-totop, +.uk-tile-primary:not(.uk-preserve-color) .uk-totop, +.uk-tile-secondary:not(.uk-preserve-color) .uk-totop, +.uk-card-primary.uk-card-body .uk-totop, +.uk-card-primary > :not([class*="uk-card-media"]) .uk-totop, +.uk-card-secondary.uk-card-body .uk-totop, +.uk-card-secondary > :not([class*="uk-card-media"]) .uk-totop, +.uk-overlay-primary .uk-totop, +.uk-offcanvas-bar .uk-totop { + color: rgba(255, 255, 255, 0.5); +} +.uk-light .uk-totop:hover, +.uk-section-primary:not(.uk-preserve-color) .uk-totop:hover, +.uk-section-secondary:not(.uk-preserve-color) .uk-totop:hover, +.uk-tile-primary:not(.uk-preserve-color) .uk-totop:hover, +.uk-tile-secondary:not(.uk-preserve-color) .uk-totop:hover, +.uk-card-primary.uk-card-body .uk-totop:hover, +.uk-card-primary > :not([class*="uk-card-media"]) .uk-totop:hover, +.uk-card-secondary.uk-card-body .uk-totop:hover, +.uk-card-secondary > :not([class*="uk-card-media"]) .uk-totop:hover, +.uk-overlay-primary .uk-totop:hover, +.uk-offcanvas-bar .uk-totop:hover { + color: rgba(255, 255, 255, 0.7); +} +.uk-light .uk-totop:active, +.uk-section-primary:not(.uk-preserve-color) .uk-totop:active, +.uk-section-secondary:not(.uk-preserve-color) .uk-totop:active, +.uk-tile-primary:not(.uk-preserve-color) .uk-totop:active, +.uk-tile-secondary:not(.uk-preserve-color) .uk-totop:active, +.uk-card-primary.uk-card-body .uk-totop:active, +.uk-card-primary > :not([class*="uk-card-media"]) .uk-totop:active, +.uk-card-secondary.uk-card-body .uk-totop:active, +.uk-card-secondary > :not([class*="uk-card-media"]) .uk-totop:active, +.uk-overlay-primary .uk-totop:active, +.uk-offcanvas-bar .uk-totop:active { + color: #fff; +} +.uk-light .uk-marker, +.uk-section-primary:not(.uk-preserve-color) .uk-marker, +.uk-section-secondary:not(.uk-preserve-color) .uk-marker, +.uk-tile-primary:not(.uk-preserve-color) .uk-marker, +.uk-tile-secondary:not(.uk-preserve-color) .uk-marker, +.uk-card-primary.uk-card-body .uk-marker, +.uk-card-primary > :not([class*="uk-card-media"]) .uk-marker, +.uk-card-secondary.uk-card-body .uk-marker, +.uk-card-secondary > :not([class*="uk-card-media"]) .uk-marker, +.uk-overlay-primary .uk-marker, +.uk-offcanvas-bar .uk-marker { + background: #f8f8f8; + color: #666; +} +.uk-light .uk-marker:hover, +.uk-section-primary:not(.uk-preserve-color) .uk-marker:hover, +.uk-section-secondary:not(.uk-preserve-color) .uk-marker:hover, +.uk-tile-primary:not(.uk-preserve-color) .uk-marker:hover, +.uk-tile-secondary:not(.uk-preserve-color) .uk-marker:hover, +.uk-card-primary.uk-card-body .uk-marker:hover, +.uk-card-primary > :not([class*="uk-card-media"]) .uk-marker:hover, +.uk-card-secondary.uk-card-body .uk-marker:hover, +.uk-card-secondary > :not([class*="uk-card-media"]) .uk-marker:hover, +.uk-overlay-primary .uk-marker:hover, +.uk-offcanvas-bar .uk-marker:hover { + color: #666; +} +.uk-light .uk-badge, +.uk-section-primary:not(.uk-preserve-color) .uk-badge, +.uk-section-secondary:not(.uk-preserve-color) .uk-badge, +.uk-tile-primary:not(.uk-preserve-color) .uk-badge, +.uk-tile-secondary:not(.uk-preserve-color) .uk-badge, +.uk-card-primary.uk-card-body .uk-badge, +.uk-card-primary > :not([class*="uk-card-media"]) .uk-badge, +.uk-card-secondary.uk-card-body .uk-badge, +.uk-card-secondary > :not([class*="uk-card-media"]) .uk-badge, +.uk-overlay-primary .uk-badge, +.uk-offcanvas-bar .uk-badge { + background-color: #fff; + color: #666 !important; +} +.uk-light .uk-label, +.uk-section-primary:not(.uk-preserve-color) .uk-label, +.uk-section-secondary:not(.uk-preserve-color) .uk-label, +.uk-tile-primary:not(.uk-preserve-color) .uk-label, +.uk-tile-secondary:not(.uk-preserve-color) .uk-label, +.uk-card-primary.uk-card-body .uk-label, +.uk-card-primary > :not([class*="uk-card-media"]) .uk-label, +.uk-card-secondary.uk-card-body .uk-label, +.uk-card-secondary > :not([class*="uk-card-media"]) .uk-label, +.uk-overlay-primary .uk-label, +.uk-offcanvas-bar .uk-label { + background-color: #fff; + color: #666; +} +.uk-light .uk-article-meta, +.uk-section-primary:not(.uk-preserve-color) .uk-article-meta, +.uk-section-secondary:not(.uk-preserve-color) .uk-article-meta, +.uk-tile-primary:not(.uk-preserve-color) .uk-article-meta, +.uk-tile-secondary:not(.uk-preserve-color) .uk-article-meta, +.uk-card-primary.uk-card-body .uk-article-meta, +.uk-card-primary > :not([class*="uk-card-media"]) .uk-article-meta, +.uk-card-secondary.uk-card-body .uk-article-meta, +.uk-card-secondary > :not([class*="uk-card-media"]) .uk-article-meta, +.uk-overlay-primary .uk-article-meta, +.uk-offcanvas-bar .uk-article-meta { + color: rgba(255, 255, 255, 0.5); +} +.uk-light .uk-search-input, +.uk-section-primary:not(.uk-preserve-color) .uk-search-input, +.uk-section-secondary:not(.uk-preserve-color) .uk-search-input, +.uk-tile-primary:not(.uk-preserve-color) .uk-search-input, +.uk-tile-secondary:not(.uk-preserve-color) .uk-search-input, +.uk-card-primary.uk-card-body .uk-search-input, +.uk-card-primary > :not([class*="uk-card-media"]) .uk-search-input, +.uk-card-secondary.uk-card-body .uk-search-input, +.uk-card-secondary > :not([class*="uk-card-media"]) .uk-search-input, +.uk-overlay-primary .uk-search-input, +.uk-offcanvas-bar .uk-search-input { + color: rgba(255, 255, 255, 0.7); +} +.uk-light .uk-search-input::placeholder, +.uk-section-primary:not(.uk-preserve-color) .uk-search-input::placeholder, +.uk-section-secondary:not(.uk-preserve-color) .uk-search-input::placeholder, +.uk-tile-primary:not(.uk-preserve-color) .uk-search-input::placeholder, +.uk-tile-secondary:not(.uk-preserve-color) .uk-search-input::placeholder, +.uk-card-primary.uk-card-body .uk-search-input::placeholder, +.uk-card-primary > :not([class*="uk-card-media"]) .uk-search-input::placeholder, +.uk-card-secondary.uk-card-body .uk-search-input::placeholder, +.uk-card-secondary > :not([class*="uk-card-media"]) .uk-search-input::placeholder, +.uk-overlay-primary .uk-search-input::placeholder, +.uk-offcanvas-bar .uk-search-input::placeholder { + color: rgba(255, 255, 255, 0.5); +} +.uk-light .uk-search .uk-search-icon, +.uk-section-primary:not(.uk-preserve-color) .uk-search .uk-search-icon, +.uk-section-secondary:not(.uk-preserve-color) .uk-search .uk-search-icon, +.uk-tile-primary:not(.uk-preserve-color) .uk-search .uk-search-icon, +.uk-tile-secondary:not(.uk-preserve-color) .uk-search .uk-search-icon, +.uk-card-primary.uk-card-body .uk-search .uk-search-icon, +.uk-card-primary > :not([class*="uk-card-media"]) .uk-search .uk-search-icon, +.uk-card-secondary.uk-card-body .uk-search .uk-search-icon, +.uk-card-secondary > :not([class*="uk-card-media"]) .uk-search .uk-search-icon, +.uk-overlay-primary .uk-search .uk-search-icon, +.uk-offcanvas-bar .uk-search .uk-search-icon { + color: rgba(255, 255, 255, 0.5); +} +.uk-light .uk-search .uk-search-icon:hover, +.uk-section-primary:not(.uk-preserve-color) .uk-search .uk-search-icon:hover, +.uk-section-secondary:not(.uk-preserve-color) .uk-search .uk-search-icon:hover, +.uk-tile-primary:not(.uk-preserve-color) .uk-search .uk-search-icon:hover, +.uk-tile-secondary:not(.uk-preserve-color) .uk-search .uk-search-icon:hover, +.uk-card-primary.uk-card-body .uk-search .uk-search-icon:hover, +.uk-card-primary > :not([class*="uk-card-media"]) .uk-search .uk-search-icon:hover, +.uk-card-secondary.uk-card-body .uk-search .uk-search-icon:hover, +.uk-card-secondary > :not([class*="uk-card-media"]) .uk-search .uk-search-icon:hover, +.uk-overlay-primary .uk-search .uk-search-icon:hover, +.uk-offcanvas-bar .uk-search .uk-search-icon:hover { + color: rgba(255, 255, 255, 0.5); +} +.uk-light .uk-search-default .uk-search-input, +.uk-section-primary:not(.uk-preserve-color) .uk-search-default .uk-search-input, +.uk-section-secondary:not(.uk-preserve-color) .uk-search-default .uk-search-input, +.uk-tile-primary:not(.uk-preserve-color) .uk-search-default .uk-search-input, +.uk-tile-secondary:not(.uk-preserve-color) .uk-search-default .uk-search-input, +.uk-card-primary.uk-card-body .uk-search-default .uk-search-input, +.uk-card-primary > :not([class*="uk-card-media"]) .uk-search-default .uk-search-input, +.uk-card-secondary.uk-card-body .uk-search-default .uk-search-input, +.uk-card-secondary > :not([class*="uk-card-media"]) .uk-search-default .uk-search-input, +.uk-overlay-primary .uk-search-default .uk-search-input, +.uk-offcanvas-bar .uk-search-default .uk-search-input { + background-color: transparent; + border-color: rgba(255, 255, 255, 0.2); +} +.uk-light .uk-search-default .uk-search-input:focus, +.uk-section-primary:not(.uk-preserve-color) .uk-search-default .uk-search-input:focus, +.uk-section-secondary:not(.uk-preserve-color) .uk-search-default .uk-search-input:focus, +.uk-tile-primary:not(.uk-preserve-color) .uk-search-default .uk-search-input:focus, +.uk-tile-secondary:not(.uk-preserve-color) .uk-search-default .uk-search-input:focus, +.uk-card-primary.uk-card-body .uk-search-default .uk-search-input:focus, +.uk-card-primary > :not([class*="uk-card-media"]) .uk-search-default .uk-search-input:focus, +.uk-card-secondary.uk-card-body .uk-search-default .uk-search-input:focus, +.uk-card-secondary > :not([class*="uk-card-media"]) .uk-search-default .uk-search-input:focus, +.uk-overlay-primary .uk-search-default .uk-search-input:focus, +.uk-offcanvas-bar .uk-search-default .uk-search-input:focus { + background-color: rgba(0, 0, 0, 0.05); +} +.uk-light .uk-search-navbar .uk-search-input, +.uk-section-primary:not(.uk-preserve-color) .uk-search-navbar .uk-search-input, +.uk-section-secondary:not(.uk-preserve-color) .uk-search-navbar .uk-search-input, +.uk-tile-primary:not(.uk-preserve-color) .uk-search-navbar .uk-search-input, +.uk-tile-secondary:not(.uk-preserve-color) .uk-search-navbar .uk-search-input, +.uk-card-primary.uk-card-body .uk-search-navbar .uk-search-input, +.uk-card-primary > :not([class*="uk-card-media"]) .uk-search-navbar .uk-search-input, +.uk-card-secondary.uk-card-body .uk-search-navbar .uk-search-input, +.uk-card-secondary > :not([class*="uk-card-media"]) .uk-search-navbar .uk-search-input, +.uk-overlay-primary .uk-search-navbar .uk-search-input, +.uk-offcanvas-bar .uk-search-navbar .uk-search-input { + background-color: transparent; + border-color: rgba(255, 255, 255, 0.2); +} +.uk-light .uk-search-navbar .uk-search-input:focus, +.uk-section-primary:not(.uk-preserve-color) .uk-search-navbar .uk-search-input:focus, +.uk-section-secondary:not(.uk-preserve-color) .uk-search-navbar .uk-search-input:focus, +.uk-tile-primary:not(.uk-preserve-color) .uk-search-navbar .uk-search-input:focus, +.uk-tile-secondary:not(.uk-preserve-color) .uk-search-navbar .uk-search-input:focus, +.uk-card-primary.uk-card-body .uk-search-navbar .uk-search-input:focus, +.uk-card-primary > :not([class*="uk-card-media"]) .uk-search-navbar .uk-search-input:focus, +.uk-card-secondary.uk-card-body .uk-search-navbar .uk-search-input:focus, +.uk-card-secondary > :not([class*="uk-card-media"]) .uk-search-navbar .uk-search-input:focus, +.uk-overlay-primary .uk-search-navbar .uk-search-input:focus, +.uk-offcanvas-bar .uk-search-navbar .uk-search-input:focus { + background-color: rgba(0, 0, 0, 0.05); +} +.uk-light .uk-search-medium .uk-search-input, +.uk-section-primary:not(.uk-preserve-color) .uk-search-medium .uk-search-input, +.uk-section-secondary:not(.uk-preserve-color) .uk-search-medium .uk-search-input, +.uk-tile-primary:not(.uk-preserve-color) .uk-search-medium .uk-search-input, +.uk-tile-secondary:not(.uk-preserve-color) .uk-search-medium .uk-search-input, +.uk-card-primary.uk-card-body .uk-search-medium .uk-search-input, +.uk-card-primary > :not([class*="uk-card-media"]) .uk-search-medium .uk-search-input, +.uk-card-secondary.uk-card-body .uk-search-medium .uk-search-input, +.uk-card-secondary > :not([class*="uk-card-media"]) .uk-search-medium .uk-search-input, +.uk-overlay-primary .uk-search-medium .uk-search-input, +.uk-offcanvas-bar .uk-search-medium .uk-search-input { + background-color: transparent; +} +.uk-light .uk-search-large .uk-search-input, +.uk-section-primary:not(.uk-preserve-color) .uk-search-large .uk-search-input, +.uk-section-secondary:not(.uk-preserve-color) .uk-search-large .uk-search-input, +.uk-tile-primary:not(.uk-preserve-color) .uk-search-large .uk-search-input, +.uk-tile-secondary:not(.uk-preserve-color) .uk-search-large .uk-search-input, +.uk-card-primary.uk-card-body .uk-search-large .uk-search-input, +.uk-card-primary > :not([class*="uk-card-media"]) .uk-search-large .uk-search-input, +.uk-card-secondary.uk-card-body .uk-search-large .uk-search-input, +.uk-card-secondary > :not([class*="uk-card-media"]) .uk-search-large .uk-search-input, +.uk-overlay-primary .uk-search-large .uk-search-input, +.uk-offcanvas-bar .uk-search-large .uk-search-input { + background-color: transparent; +} +.uk-light .uk-search-toggle, +.uk-section-primary:not(.uk-preserve-color) .uk-search-toggle, +.uk-section-secondary:not(.uk-preserve-color) .uk-search-toggle, +.uk-tile-primary:not(.uk-preserve-color) .uk-search-toggle, +.uk-tile-secondary:not(.uk-preserve-color) .uk-search-toggle, +.uk-card-primary.uk-card-body .uk-search-toggle, +.uk-card-primary > :not([class*="uk-card-media"]) .uk-search-toggle, +.uk-card-secondary.uk-card-body .uk-search-toggle, +.uk-card-secondary > :not([class*="uk-card-media"]) .uk-search-toggle, +.uk-overlay-primary .uk-search-toggle, +.uk-offcanvas-bar .uk-search-toggle { + color: rgba(255, 255, 255, 0.5); +} +.uk-light .uk-search-toggle:hover, +.uk-section-primary:not(.uk-preserve-color) .uk-search-toggle:hover, +.uk-section-secondary:not(.uk-preserve-color) .uk-search-toggle:hover, +.uk-tile-primary:not(.uk-preserve-color) .uk-search-toggle:hover, +.uk-tile-secondary:not(.uk-preserve-color) .uk-search-toggle:hover, +.uk-card-primary.uk-card-body .uk-search-toggle:hover, +.uk-card-primary > :not([class*="uk-card-media"]) .uk-search-toggle:hover, +.uk-card-secondary.uk-card-body .uk-search-toggle:hover, +.uk-card-secondary > :not([class*="uk-card-media"]) .uk-search-toggle:hover, +.uk-overlay-primary .uk-search-toggle:hover, +.uk-offcanvas-bar .uk-search-toggle:hover { + color: rgba(255, 255, 255, 0.7); +} +.uk-light .uk-accordion-title, +.uk-section-primary:not(.uk-preserve-color) .uk-accordion-title, +.uk-section-secondary:not(.uk-preserve-color) .uk-accordion-title, +.uk-tile-primary:not(.uk-preserve-color) .uk-accordion-title, +.uk-tile-secondary:not(.uk-preserve-color) .uk-accordion-title, +.uk-card-primary.uk-card-body .uk-accordion-title, +.uk-card-primary > :not([class*="uk-card-media"]) .uk-accordion-title, +.uk-card-secondary.uk-card-body .uk-accordion-title, +.uk-card-secondary > :not([class*="uk-card-media"]) .uk-accordion-title, +.uk-overlay-primary .uk-accordion-title, +.uk-offcanvas-bar .uk-accordion-title { + color: #fff; +} +.uk-light .uk-accordion-title:hover, +.uk-section-primary:not(.uk-preserve-color) .uk-accordion-title:hover, +.uk-section-secondary:not(.uk-preserve-color) .uk-accordion-title:hover, +.uk-tile-primary:not(.uk-preserve-color) .uk-accordion-title:hover, +.uk-tile-secondary:not(.uk-preserve-color) .uk-accordion-title:hover, +.uk-card-primary.uk-card-body .uk-accordion-title:hover, +.uk-card-primary > :not([class*="uk-card-media"]) .uk-accordion-title:hover, +.uk-card-secondary.uk-card-body .uk-accordion-title:hover, +.uk-card-secondary > :not([class*="uk-card-media"]) .uk-accordion-title:hover, +.uk-overlay-primary .uk-accordion-title:hover, +.uk-offcanvas-bar .uk-accordion-title:hover { + color: rgba(255, 255, 255, 0.7); +} +.uk-light .uk-thumbnav > * > *::after, +.uk-section-primary:not(.uk-preserve-color) .uk-thumbnav > * > *::after, +.uk-section-secondary:not(.uk-preserve-color) .uk-thumbnav > * > *::after, +.uk-tile-primary:not(.uk-preserve-color) .uk-thumbnav > * > *::after, +.uk-tile-secondary:not(.uk-preserve-color) .uk-thumbnav > * > *::after, +.uk-card-primary.uk-card-body .uk-thumbnav > * > *::after, +.uk-card-primary > :not([class*="uk-card-media"]) .uk-thumbnav > * > *::after, +.uk-card-secondary.uk-card-body .uk-thumbnav > * > *::after, +.uk-card-secondary > :not([class*="uk-card-media"]) .uk-thumbnav > * > *::after, +.uk-overlay-primary .uk-thumbnav > * > *::after, +.uk-offcanvas-bar .uk-thumbnav > * > *::after { + background-image: linear-gradient(180deg, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.4)); +} +.uk-light .uk-iconnav > * > a, +.uk-section-primary:not(.uk-preserve-color) .uk-iconnav > * > a, +.uk-section-secondary:not(.uk-preserve-color) .uk-iconnav > * > a, +.uk-tile-primary:not(.uk-preserve-color) .uk-iconnav > * > a, +.uk-tile-secondary:not(.uk-preserve-color) .uk-iconnav > * > a, +.uk-card-primary.uk-card-body .uk-iconnav > * > a, +.uk-card-primary > :not([class*="uk-card-media"]) .uk-iconnav > * > a, +.uk-card-secondary.uk-card-body .uk-iconnav > * > a, +.uk-card-secondary > :not([class*="uk-card-media"]) .uk-iconnav > * > a, +.uk-overlay-primary .uk-iconnav > * > a, +.uk-offcanvas-bar .uk-iconnav > * > a { + color: rgba(255, 255, 255, 0.5); +} +.uk-light .uk-iconnav > * > a:hover, +.uk-section-primary:not(.uk-preserve-color) .uk-iconnav > * > a:hover, +.uk-section-secondary:not(.uk-preserve-color) .uk-iconnav > * > a:hover, +.uk-tile-primary:not(.uk-preserve-color) .uk-iconnav > * > a:hover, +.uk-tile-secondary:not(.uk-preserve-color) .uk-iconnav > * > a:hover, +.uk-card-primary.uk-card-body .uk-iconnav > * > a:hover, +.uk-card-primary > :not([class*="uk-card-media"]) .uk-iconnav > * > a:hover, +.uk-card-secondary.uk-card-body .uk-iconnav > * > a:hover, +.uk-card-secondary > :not([class*="uk-card-media"]) .uk-iconnav > * > a:hover, +.uk-overlay-primary .uk-iconnav > * > a:hover, +.uk-offcanvas-bar .uk-iconnav > * > a:hover { + color: rgba(255, 255, 255, 0.7); +} +.uk-light .uk-iconnav > .uk-active > a, +.uk-section-primary:not(.uk-preserve-color) .uk-iconnav > .uk-active > a, +.uk-section-secondary:not(.uk-preserve-color) .uk-iconnav > .uk-active > a, +.uk-tile-primary:not(.uk-preserve-color) .uk-iconnav > .uk-active > a, +.uk-tile-secondary:not(.uk-preserve-color) .uk-iconnav > .uk-active > a, +.uk-card-primary.uk-card-body .uk-iconnav > .uk-active > a, +.uk-card-primary > :not([class*="uk-card-media"]) .uk-iconnav > .uk-active > a, +.uk-card-secondary.uk-card-body .uk-iconnav > .uk-active > a, +.uk-card-secondary > :not([class*="uk-card-media"]) .uk-iconnav > .uk-active > a, +.uk-overlay-primary .uk-iconnav > .uk-active > a, +.uk-offcanvas-bar .uk-iconnav > .uk-active > a { + color: rgba(255, 255, 255, 0.7); +} +.uk-light .uk-grid-divider > :not(.uk-first-column)::before, +.uk-section-primary:not(.uk-preserve-color) .uk-grid-divider > :not(.uk-first-column)::before, +.uk-section-secondary:not(.uk-preserve-color) .uk-grid-divider > :not(.uk-first-column)::before, +.uk-tile-primary:not(.uk-preserve-color) .uk-grid-divider > :not(.uk-first-column)::before, +.uk-tile-secondary:not(.uk-preserve-color) .uk-grid-divider > :not(.uk-first-column)::before, +.uk-card-primary.uk-card-body .uk-grid-divider > :not(.uk-first-column)::before, +.uk-card-primary > :not([class*="uk-card-media"]) .uk-grid-divider > :not(.uk-first-column)::before, +.uk-card-secondary.uk-card-body .uk-grid-divider > :not(.uk-first-column)::before, +.uk-card-secondary > :not([class*="uk-card-media"]) .uk-grid-divider > :not(.uk-first-column)::before, +.uk-overlay-primary .uk-grid-divider > :not(.uk-first-column)::before, +.uk-offcanvas-bar .uk-grid-divider > :not(.uk-first-column)::before { + border-left-color: rgba(255, 255, 255, 0.2); +} +.uk-light .uk-grid-divider.uk-grid-stack > .uk-grid-margin::before, +.uk-section-primary:not(.uk-preserve-color) .uk-grid-divider.uk-grid-stack > .uk-grid-margin::before, +.uk-section-secondary:not(.uk-preserve-color) .uk-grid-divider.uk-grid-stack > .uk-grid-margin::before, +.uk-tile-primary:not(.uk-preserve-color) .uk-grid-divider.uk-grid-stack > .uk-grid-margin::before, +.uk-tile-secondary:not(.uk-preserve-color) .uk-grid-divider.uk-grid-stack > .uk-grid-margin::before, +.uk-card-primary.uk-card-body .uk-grid-divider.uk-grid-stack > .uk-grid-margin::before, +.uk-card-primary > :not([class*="uk-card-media"]) .uk-grid-divider.uk-grid-stack > .uk-grid-margin::before, +.uk-card-secondary.uk-card-body .uk-grid-divider.uk-grid-stack > .uk-grid-margin::before, +.uk-card-secondary > :not([class*="uk-card-media"]) .uk-grid-divider.uk-grid-stack > .uk-grid-margin::before, +.uk-overlay-primary .uk-grid-divider.uk-grid-stack > .uk-grid-margin::before, +.uk-offcanvas-bar .uk-grid-divider.uk-grid-stack > .uk-grid-margin::before { + border-top-color: rgba(255, 255, 255, 0.2); +} +.uk-light .uk-nav-default > li > a, +.uk-section-primary:not(.uk-preserve-color) .uk-nav-default > li > a, +.uk-section-secondary:not(.uk-preserve-color) .uk-nav-default > li > a, +.uk-tile-primary:not(.uk-preserve-color) .uk-nav-default > li > a, +.uk-tile-secondary:not(.uk-preserve-color) .uk-nav-default > li > a, +.uk-card-primary.uk-card-body .uk-nav-default > li > a, +.uk-card-primary > :not([class*="uk-card-media"]) .uk-nav-default > li > a, +.uk-card-secondary.uk-card-body .uk-nav-default > li > a, +.uk-card-secondary > :not([class*="uk-card-media"]) .uk-nav-default > li > a, +.uk-overlay-primary .uk-nav-default > li > a, +.uk-offcanvas-bar .uk-nav-default > li > a { + color: rgba(255, 255, 255, 0.5); +} +.uk-light .uk-nav-default > li > a:hover, +.uk-section-primary:not(.uk-preserve-color) .uk-nav-default > li > a:hover, +.uk-section-secondary:not(.uk-preserve-color) .uk-nav-default > li > a:hover, +.uk-tile-primary:not(.uk-preserve-color) .uk-nav-default > li > a:hover, +.uk-tile-secondary:not(.uk-preserve-color) .uk-nav-default > li > a:hover, +.uk-card-primary.uk-card-body .uk-nav-default > li > a:hover, +.uk-card-primary > :not([class*="uk-card-media"]) .uk-nav-default > li > a:hover, +.uk-card-secondary.uk-card-body .uk-nav-default > li > a:hover, +.uk-card-secondary > :not([class*="uk-card-media"]) .uk-nav-default > li > a:hover, +.uk-overlay-primary .uk-nav-default > li > a:hover, +.uk-offcanvas-bar .uk-nav-default > li > a:hover { + color: rgba(255, 255, 255, 0.7); +} +.uk-light .uk-nav-default > li.uk-active > a, +.uk-section-primary:not(.uk-preserve-color) .uk-nav-default > li.uk-active > a, +.uk-section-secondary:not(.uk-preserve-color) .uk-nav-default > li.uk-active > a, +.uk-tile-primary:not(.uk-preserve-color) .uk-nav-default > li.uk-active > a, +.uk-tile-secondary:not(.uk-preserve-color) .uk-nav-default > li.uk-active > a, +.uk-card-primary.uk-card-body .uk-nav-default > li.uk-active > a, +.uk-card-primary > :not([class*="uk-card-media"]) .uk-nav-default > li.uk-active > a, +.uk-card-secondary.uk-card-body .uk-nav-default > li.uk-active > a, +.uk-card-secondary > :not([class*="uk-card-media"]) .uk-nav-default > li.uk-active > a, +.uk-overlay-primary .uk-nav-default > li.uk-active > a, +.uk-offcanvas-bar .uk-nav-default > li.uk-active > a { + color: #fff; +} +.uk-light .uk-nav-default .uk-nav-header, +.uk-section-primary:not(.uk-preserve-color) .uk-nav-default .uk-nav-header, +.uk-section-secondary:not(.uk-preserve-color) .uk-nav-default .uk-nav-header, +.uk-tile-primary:not(.uk-preserve-color) .uk-nav-default .uk-nav-header, +.uk-tile-secondary:not(.uk-preserve-color) .uk-nav-default .uk-nav-header, +.uk-card-primary.uk-card-body .uk-nav-default .uk-nav-header, +.uk-card-primary > :not([class*="uk-card-media"]) .uk-nav-default .uk-nav-header, +.uk-card-secondary.uk-card-body .uk-nav-default .uk-nav-header, +.uk-card-secondary > :not([class*="uk-card-media"]) .uk-nav-default .uk-nav-header, +.uk-overlay-primary .uk-nav-default .uk-nav-header, +.uk-offcanvas-bar .uk-nav-default .uk-nav-header { + color: #fff; +} +.uk-light .uk-nav-default .uk-nav-divider, +.uk-section-primary:not(.uk-preserve-color) .uk-nav-default .uk-nav-divider, +.uk-section-secondary:not(.uk-preserve-color) .uk-nav-default .uk-nav-divider, +.uk-tile-primary:not(.uk-preserve-color) .uk-nav-default .uk-nav-divider, +.uk-tile-secondary:not(.uk-preserve-color) .uk-nav-default .uk-nav-divider, +.uk-card-primary.uk-card-body .uk-nav-default .uk-nav-divider, +.uk-card-primary > :not([class*="uk-card-media"]) .uk-nav-default .uk-nav-divider, +.uk-card-secondary.uk-card-body .uk-nav-default .uk-nav-divider, +.uk-card-secondary > :not([class*="uk-card-media"]) .uk-nav-default .uk-nav-divider, +.uk-overlay-primary .uk-nav-default .uk-nav-divider, +.uk-offcanvas-bar .uk-nav-default .uk-nav-divider { + border-top-color: rgba(255, 255, 255, 0.2); +} +.uk-light .uk-nav-default .uk-nav-sub a, +.uk-section-primary:not(.uk-preserve-color) .uk-nav-default .uk-nav-sub a, +.uk-section-secondary:not(.uk-preserve-color) .uk-nav-default .uk-nav-sub a, +.uk-tile-primary:not(.uk-preserve-color) .uk-nav-default .uk-nav-sub a, +.uk-tile-secondary:not(.uk-preserve-color) .uk-nav-default .uk-nav-sub a, +.uk-card-primary.uk-card-body .uk-nav-default .uk-nav-sub a, +.uk-card-primary > :not([class*="uk-card-media"]) .uk-nav-default .uk-nav-sub a, +.uk-card-secondary.uk-card-body .uk-nav-default .uk-nav-sub a, +.uk-card-secondary > :not([class*="uk-card-media"]) .uk-nav-default .uk-nav-sub a, +.uk-overlay-primary .uk-nav-default .uk-nav-sub a, +.uk-offcanvas-bar .uk-nav-default .uk-nav-sub a { + color: rgba(255, 255, 255, 0.5); +} +.uk-light .uk-nav-default .uk-nav-sub a:hover, +.uk-section-primary:not(.uk-preserve-color) .uk-nav-default .uk-nav-sub a:hover, +.uk-section-secondary:not(.uk-preserve-color) .uk-nav-default .uk-nav-sub a:hover, +.uk-tile-primary:not(.uk-preserve-color) .uk-nav-default .uk-nav-sub a:hover, +.uk-tile-secondary:not(.uk-preserve-color) .uk-nav-default .uk-nav-sub a:hover, +.uk-card-primary.uk-card-body .uk-nav-default .uk-nav-sub a:hover, +.uk-card-primary > :not([class*="uk-card-media"]) .uk-nav-default .uk-nav-sub a:hover, +.uk-card-secondary.uk-card-body .uk-nav-default .uk-nav-sub a:hover, +.uk-card-secondary > :not([class*="uk-card-media"]) .uk-nav-default .uk-nav-sub a:hover, +.uk-overlay-primary .uk-nav-default .uk-nav-sub a:hover, +.uk-offcanvas-bar .uk-nav-default .uk-nav-sub a:hover { + color: rgba(255, 255, 255, 0.7); +} +.uk-light .uk-nav-default .uk-nav-sub li.uk-active > a, +.uk-section-primary:not(.uk-preserve-color) .uk-nav-default .uk-nav-sub li.uk-active > a, +.uk-section-secondary:not(.uk-preserve-color) .uk-nav-default .uk-nav-sub li.uk-active > a, +.uk-tile-primary:not(.uk-preserve-color) .uk-nav-default .uk-nav-sub li.uk-active > a, +.uk-tile-secondary:not(.uk-preserve-color) .uk-nav-default .uk-nav-sub li.uk-active > a, +.uk-card-primary.uk-card-body .uk-nav-default .uk-nav-sub li.uk-active > a, +.uk-card-primary > :not([class*="uk-card-media"]) .uk-nav-default .uk-nav-sub li.uk-active > a, +.uk-card-secondary.uk-card-body .uk-nav-default .uk-nav-sub li.uk-active > a, +.uk-card-secondary > :not([class*="uk-card-media"]) .uk-nav-default .uk-nav-sub li.uk-active > a, +.uk-overlay-primary .uk-nav-default .uk-nav-sub li.uk-active > a, +.uk-offcanvas-bar .uk-nav-default .uk-nav-sub li.uk-active > a { + color: #fff; +} +.uk-light .uk-nav-primary > li > a, +.uk-section-primary:not(.uk-preserve-color) .uk-nav-primary > li > a, +.uk-section-secondary:not(.uk-preserve-color) .uk-nav-primary > li > a, +.uk-tile-primary:not(.uk-preserve-color) .uk-nav-primary > li > a, +.uk-tile-secondary:not(.uk-preserve-color) .uk-nav-primary > li > a, +.uk-card-primary.uk-card-body .uk-nav-primary > li > a, +.uk-card-primary > :not([class*="uk-card-media"]) .uk-nav-primary > li > a, +.uk-card-secondary.uk-card-body .uk-nav-primary > li > a, +.uk-card-secondary > :not([class*="uk-card-media"]) .uk-nav-primary > li > a, +.uk-overlay-primary .uk-nav-primary > li > a, +.uk-offcanvas-bar .uk-nav-primary > li > a { + color: rgba(255, 255, 255, 0.5); +} +.uk-light .uk-nav-primary > li > a:hover, +.uk-section-primary:not(.uk-preserve-color) .uk-nav-primary > li > a:hover, +.uk-section-secondary:not(.uk-preserve-color) .uk-nav-primary > li > a:hover, +.uk-tile-primary:not(.uk-preserve-color) .uk-nav-primary > li > a:hover, +.uk-tile-secondary:not(.uk-preserve-color) .uk-nav-primary > li > a:hover, +.uk-card-primary.uk-card-body .uk-nav-primary > li > a:hover, +.uk-card-primary > :not([class*="uk-card-media"]) .uk-nav-primary > li > a:hover, +.uk-card-secondary.uk-card-body .uk-nav-primary > li > a:hover, +.uk-card-secondary > :not([class*="uk-card-media"]) .uk-nav-primary > li > a:hover, +.uk-overlay-primary .uk-nav-primary > li > a:hover, +.uk-offcanvas-bar .uk-nav-primary > li > a:hover { + color: rgba(255, 255, 255, 0.7); +} +.uk-light .uk-nav-primary > li.uk-active > a, +.uk-section-primary:not(.uk-preserve-color) .uk-nav-primary > li.uk-active > a, +.uk-section-secondary:not(.uk-preserve-color) .uk-nav-primary > li.uk-active > a, +.uk-tile-primary:not(.uk-preserve-color) .uk-nav-primary > li.uk-active > a, +.uk-tile-secondary:not(.uk-preserve-color) .uk-nav-primary > li.uk-active > a, +.uk-card-primary.uk-card-body .uk-nav-primary > li.uk-active > a, +.uk-card-primary > :not([class*="uk-card-media"]) .uk-nav-primary > li.uk-active > a, +.uk-card-secondary.uk-card-body .uk-nav-primary > li.uk-active > a, +.uk-card-secondary > :not([class*="uk-card-media"]) .uk-nav-primary > li.uk-active > a, +.uk-overlay-primary .uk-nav-primary > li.uk-active > a, +.uk-offcanvas-bar .uk-nav-primary > li.uk-active > a { + color: #fff; +} +.uk-light .uk-nav-primary .uk-nav-header, +.uk-section-primary:not(.uk-preserve-color) .uk-nav-primary .uk-nav-header, +.uk-section-secondary:not(.uk-preserve-color) .uk-nav-primary .uk-nav-header, +.uk-tile-primary:not(.uk-preserve-color) .uk-nav-primary .uk-nav-header, +.uk-tile-secondary:not(.uk-preserve-color) .uk-nav-primary .uk-nav-header, +.uk-card-primary.uk-card-body .uk-nav-primary .uk-nav-header, +.uk-card-primary > :not([class*="uk-card-media"]) .uk-nav-primary .uk-nav-header, +.uk-card-secondary.uk-card-body .uk-nav-primary .uk-nav-header, +.uk-card-secondary > :not([class*="uk-card-media"]) .uk-nav-primary .uk-nav-header, +.uk-overlay-primary .uk-nav-primary .uk-nav-header, +.uk-offcanvas-bar .uk-nav-primary .uk-nav-header { + color: #fff; +} +.uk-light .uk-nav-primary .uk-nav-divider, +.uk-section-primary:not(.uk-preserve-color) .uk-nav-primary .uk-nav-divider, +.uk-section-secondary:not(.uk-preserve-color) .uk-nav-primary .uk-nav-divider, +.uk-tile-primary:not(.uk-preserve-color) .uk-nav-primary .uk-nav-divider, +.uk-tile-secondary:not(.uk-preserve-color) .uk-nav-primary .uk-nav-divider, +.uk-card-primary.uk-card-body .uk-nav-primary .uk-nav-divider, +.uk-card-primary > :not([class*="uk-card-media"]) .uk-nav-primary .uk-nav-divider, +.uk-card-secondary.uk-card-body .uk-nav-primary .uk-nav-divider, +.uk-card-secondary > :not([class*="uk-card-media"]) .uk-nav-primary .uk-nav-divider, +.uk-overlay-primary .uk-nav-primary .uk-nav-divider, +.uk-offcanvas-bar .uk-nav-primary .uk-nav-divider { + border-top-color: rgba(255, 255, 255, 0.2); +} +.uk-light .uk-nav-primary .uk-nav-sub a, +.uk-section-primary:not(.uk-preserve-color) .uk-nav-primary .uk-nav-sub a, +.uk-section-secondary:not(.uk-preserve-color) .uk-nav-primary .uk-nav-sub a, +.uk-tile-primary:not(.uk-preserve-color) .uk-nav-primary .uk-nav-sub a, +.uk-tile-secondary:not(.uk-preserve-color) .uk-nav-primary .uk-nav-sub a, +.uk-card-primary.uk-card-body .uk-nav-primary .uk-nav-sub a, +.uk-card-primary > :not([class*="uk-card-media"]) .uk-nav-primary .uk-nav-sub a, +.uk-card-secondary.uk-card-body .uk-nav-primary .uk-nav-sub a, +.uk-card-secondary > :not([class*="uk-card-media"]) .uk-nav-primary .uk-nav-sub a, +.uk-overlay-primary .uk-nav-primary .uk-nav-sub a, +.uk-offcanvas-bar .uk-nav-primary .uk-nav-sub a { + color: rgba(255, 255, 255, 0.5); +} +.uk-light .uk-nav-primary .uk-nav-sub a:hover, +.uk-section-primary:not(.uk-preserve-color) .uk-nav-primary .uk-nav-sub a:hover, +.uk-section-secondary:not(.uk-preserve-color) .uk-nav-primary .uk-nav-sub a:hover, +.uk-tile-primary:not(.uk-preserve-color) .uk-nav-primary .uk-nav-sub a:hover, +.uk-tile-secondary:not(.uk-preserve-color) .uk-nav-primary .uk-nav-sub a:hover, +.uk-card-primary.uk-card-body .uk-nav-primary .uk-nav-sub a:hover, +.uk-card-primary > :not([class*="uk-card-media"]) .uk-nav-primary .uk-nav-sub a:hover, +.uk-card-secondary.uk-card-body .uk-nav-primary .uk-nav-sub a:hover, +.uk-card-secondary > :not([class*="uk-card-media"]) .uk-nav-primary .uk-nav-sub a:hover, +.uk-overlay-primary .uk-nav-primary .uk-nav-sub a:hover, +.uk-offcanvas-bar .uk-nav-primary .uk-nav-sub a:hover { + color: rgba(255, 255, 255, 0.7); +} +.uk-light .uk-nav-primary .uk-nav-sub li.uk-active > a, +.uk-section-primary:not(.uk-preserve-color) .uk-nav-primary .uk-nav-sub li.uk-active > a, +.uk-section-secondary:not(.uk-preserve-color) .uk-nav-primary .uk-nav-sub li.uk-active > a, +.uk-tile-primary:not(.uk-preserve-color) .uk-nav-primary .uk-nav-sub li.uk-active > a, +.uk-tile-secondary:not(.uk-preserve-color) .uk-nav-primary .uk-nav-sub li.uk-active > a, +.uk-card-primary.uk-card-body .uk-nav-primary .uk-nav-sub li.uk-active > a, +.uk-card-primary > :not([class*="uk-card-media"]) .uk-nav-primary .uk-nav-sub li.uk-active > a, +.uk-card-secondary.uk-card-body .uk-nav-primary .uk-nav-sub li.uk-active > a, +.uk-card-secondary > :not([class*="uk-card-media"]) .uk-nav-primary .uk-nav-sub li.uk-active > a, +.uk-overlay-primary .uk-nav-primary .uk-nav-sub li.uk-active > a, +.uk-offcanvas-bar .uk-nav-primary .uk-nav-sub li.uk-active > a { + color: #fff; +} +.uk-light .uk-nav-secondary > li > a, +.uk-section-primary:not(.uk-preserve-color) .uk-nav-secondary > li > a, +.uk-section-secondary:not(.uk-preserve-color) .uk-nav-secondary > li > a, +.uk-tile-primary:not(.uk-preserve-color) .uk-nav-secondary > li > a, +.uk-tile-secondary:not(.uk-preserve-color) .uk-nav-secondary > li > a, +.uk-card-primary.uk-card-body .uk-nav-secondary > li > a, +.uk-card-primary > :not([class*="uk-card-media"]) .uk-nav-secondary > li > a, +.uk-card-secondary.uk-card-body .uk-nav-secondary > li > a, +.uk-card-secondary > :not([class*="uk-card-media"]) .uk-nav-secondary > li > a, +.uk-overlay-primary .uk-nav-secondary > li > a, +.uk-offcanvas-bar .uk-nav-secondary > li > a { + color: #fff; +} +.uk-light .uk-nav-secondary > li > a:hover, +.uk-section-primary:not(.uk-preserve-color) .uk-nav-secondary > li > a:hover, +.uk-section-secondary:not(.uk-preserve-color) .uk-nav-secondary > li > a:hover, +.uk-tile-primary:not(.uk-preserve-color) .uk-nav-secondary > li > a:hover, +.uk-tile-secondary:not(.uk-preserve-color) .uk-nav-secondary > li > a:hover, +.uk-card-primary.uk-card-body .uk-nav-secondary > li > a:hover, +.uk-card-primary > :not([class*="uk-card-media"]) .uk-nav-secondary > li > a:hover, +.uk-card-secondary.uk-card-body .uk-nav-secondary > li > a:hover, +.uk-card-secondary > :not([class*="uk-card-media"]) .uk-nav-secondary > li > a:hover, +.uk-overlay-primary .uk-nav-secondary > li > a:hover, +.uk-offcanvas-bar .uk-nav-secondary > li > a:hover { + color: #fff; + background-color: rgba(255, 255, 255, 0.1); +} +.uk-light .uk-nav-secondary > li.uk-active > a, +.uk-section-primary:not(.uk-preserve-color) .uk-nav-secondary > li.uk-active > a, +.uk-section-secondary:not(.uk-preserve-color) .uk-nav-secondary > li.uk-active > a, +.uk-tile-primary:not(.uk-preserve-color) .uk-nav-secondary > li.uk-active > a, +.uk-tile-secondary:not(.uk-preserve-color) .uk-nav-secondary > li.uk-active > a, +.uk-card-primary.uk-card-body .uk-nav-secondary > li.uk-active > a, +.uk-card-primary > :not([class*="uk-card-media"]) .uk-nav-secondary > li.uk-active > a, +.uk-card-secondary.uk-card-body .uk-nav-secondary > li.uk-active > a, +.uk-card-secondary > :not([class*="uk-card-media"]) .uk-nav-secondary > li.uk-active > a, +.uk-overlay-primary .uk-nav-secondary > li.uk-active > a, +.uk-offcanvas-bar .uk-nav-secondary > li.uk-active > a { + color: #fff; + background-color: rgba(255, 255, 255, 0.1); +} +.uk-light .uk-nav-secondary .uk-nav-subtitle, +.uk-section-primary:not(.uk-preserve-color) .uk-nav-secondary .uk-nav-subtitle, +.uk-section-secondary:not(.uk-preserve-color) .uk-nav-secondary .uk-nav-subtitle, +.uk-tile-primary:not(.uk-preserve-color) .uk-nav-secondary .uk-nav-subtitle, +.uk-tile-secondary:not(.uk-preserve-color) .uk-nav-secondary .uk-nav-subtitle, +.uk-card-primary.uk-card-body .uk-nav-secondary .uk-nav-subtitle, +.uk-card-primary > :not([class*="uk-card-media"]) .uk-nav-secondary .uk-nav-subtitle, +.uk-card-secondary.uk-card-body .uk-nav-secondary .uk-nav-subtitle, +.uk-card-secondary > :not([class*="uk-card-media"]) .uk-nav-secondary .uk-nav-subtitle, +.uk-overlay-primary .uk-nav-secondary .uk-nav-subtitle, +.uk-offcanvas-bar .uk-nav-secondary .uk-nav-subtitle { + color: rgba(255, 255, 255, 0.5); +} +.uk-light .uk-nav-secondary > li > a:hover .uk-nav-subtitle, +.uk-section-primary:not(.uk-preserve-color) .uk-nav-secondary > li > a:hover .uk-nav-subtitle, +.uk-section-secondary:not(.uk-preserve-color) .uk-nav-secondary > li > a:hover .uk-nav-subtitle, +.uk-tile-primary:not(.uk-preserve-color) .uk-nav-secondary > li > a:hover .uk-nav-subtitle, +.uk-tile-secondary:not(.uk-preserve-color) .uk-nav-secondary > li > a:hover .uk-nav-subtitle, +.uk-card-primary.uk-card-body .uk-nav-secondary > li > a:hover .uk-nav-subtitle, +.uk-card-primary > :not([class*="uk-card-media"]) .uk-nav-secondary > li > a:hover .uk-nav-subtitle, +.uk-card-secondary.uk-card-body .uk-nav-secondary > li > a:hover .uk-nav-subtitle, +.uk-card-secondary > :not([class*="uk-card-media"]) .uk-nav-secondary > li > a:hover .uk-nav-subtitle, +.uk-overlay-primary .uk-nav-secondary > li > a:hover .uk-nav-subtitle, +.uk-offcanvas-bar .uk-nav-secondary > li > a:hover .uk-nav-subtitle { + color: rgba(255, 255, 255, 0.7); +} +.uk-light .uk-nav-secondary > li.uk-active > a .uk-nav-subtitle, +.uk-section-primary:not(.uk-preserve-color) .uk-nav-secondary > li.uk-active > a .uk-nav-subtitle, +.uk-section-secondary:not(.uk-preserve-color) .uk-nav-secondary > li.uk-active > a .uk-nav-subtitle, +.uk-tile-primary:not(.uk-preserve-color) .uk-nav-secondary > li.uk-active > a .uk-nav-subtitle, +.uk-tile-secondary:not(.uk-preserve-color) .uk-nav-secondary > li.uk-active > a .uk-nav-subtitle, +.uk-card-primary.uk-card-body .uk-nav-secondary > li.uk-active > a .uk-nav-subtitle, +.uk-card-primary > :not([class*="uk-card-media"]) .uk-nav-secondary > li.uk-active > a .uk-nav-subtitle, +.uk-card-secondary.uk-card-body .uk-nav-secondary > li.uk-active > a .uk-nav-subtitle, +.uk-card-secondary > :not([class*="uk-card-media"]) .uk-nav-secondary > li.uk-active > a .uk-nav-subtitle, +.uk-overlay-primary .uk-nav-secondary > li.uk-active > a .uk-nav-subtitle, +.uk-offcanvas-bar .uk-nav-secondary > li.uk-active > a .uk-nav-subtitle { + color: #fff; +} +.uk-light .uk-nav-secondary .uk-nav-header, +.uk-section-primary:not(.uk-preserve-color) .uk-nav-secondary .uk-nav-header, +.uk-section-secondary:not(.uk-preserve-color) .uk-nav-secondary .uk-nav-header, +.uk-tile-primary:not(.uk-preserve-color) .uk-nav-secondary .uk-nav-header, +.uk-tile-secondary:not(.uk-preserve-color) .uk-nav-secondary .uk-nav-header, +.uk-card-primary.uk-card-body .uk-nav-secondary .uk-nav-header, +.uk-card-primary > :not([class*="uk-card-media"]) .uk-nav-secondary .uk-nav-header, +.uk-card-secondary.uk-card-body .uk-nav-secondary .uk-nav-header, +.uk-card-secondary > :not([class*="uk-card-media"]) .uk-nav-secondary .uk-nav-header, +.uk-overlay-primary .uk-nav-secondary .uk-nav-header, +.uk-offcanvas-bar .uk-nav-secondary .uk-nav-header { + color: #fff; +} +.uk-light .uk-nav-secondary .uk-nav-divider, +.uk-section-primary:not(.uk-preserve-color) .uk-nav-secondary .uk-nav-divider, +.uk-section-secondary:not(.uk-preserve-color) .uk-nav-secondary .uk-nav-divider, +.uk-tile-primary:not(.uk-preserve-color) .uk-nav-secondary .uk-nav-divider, +.uk-tile-secondary:not(.uk-preserve-color) .uk-nav-secondary .uk-nav-divider, +.uk-card-primary.uk-card-body .uk-nav-secondary .uk-nav-divider, +.uk-card-primary > :not([class*="uk-card-media"]) .uk-nav-secondary .uk-nav-divider, +.uk-card-secondary.uk-card-body .uk-nav-secondary .uk-nav-divider, +.uk-card-secondary > :not([class*="uk-card-media"]) .uk-nav-secondary .uk-nav-divider, +.uk-overlay-primary .uk-nav-secondary .uk-nav-divider, +.uk-offcanvas-bar .uk-nav-secondary .uk-nav-divider { + border-top-color: rgba(255, 255, 255, 0.2); +} +.uk-light .uk-nav-secondary .uk-nav-sub a, +.uk-section-primary:not(.uk-preserve-color) .uk-nav-secondary .uk-nav-sub a, +.uk-section-secondary:not(.uk-preserve-color) .uk-nav-secondary .uk-nav-sub a, +.uk-tile-primary:not(.uk-preserve-color) .uk-nav-secondary .uk-nav-sub a, +.uk-tile-secondary:not(.uk-preserve-color) .uk-nav-secondary .uk-nav-sub a, +.uk-card-primary.uk-card-body .uk-nav-secondary .uk-nav-sub a, +.uk-card-primary > :not([class*="uk-card-media"]) .uk-nav-secondary .uk-nav-sub a, +.uk-card-secondary.uk-card-body .uk-nav-secondary .uk-nav-sub a, +.uk-card-secondary > :not([class*="uk-card-media"]) .uk-nav-secondary .uk-nav-sub a, +.uk-overlay-primary .uk-nav-secondary .uk-nav-sub a, +.uk-offcanvas-bar .uk-nav-secondary .uk-nav-sub a { + color: rgba(255, 255, 255, 0.5); +} +.uk-light .uk-nav-secondary .uk-nav-sub a:hover, +.uk-section-primary:not(.uk-preserve-color) .uk-nav-secondary .uk-nav-sub a:hover, +.uk-section-secondary:not(.uk-preserve-color) .uk-nav-secondary .uk-nav-sub a:hover, +.uk-tile-primary:not(.uk-preserve-color) .uk-nav-secondary .uk-nav-sub a:hover, +.uk-tile-secondary:not(.uk-preserve-color) .uk-nav-secondary .uk-nav-sub a:hover, +.uk-card-primary.uk-card-body .uk-nav-secondary .uk-nav-sub a:hover, +.uk-card-primary > :not([class*="uk-card-media"]) .uk-nav-secondary .uk-nav-sub a:hover, +.uk-card-secondary.uk-card-body .uk-nav-secondary .uk-nav-sub a:hover, +.uk-card-secondary > :not([class*="uk-card-media"]) .uk-nav-secondary .uk-nav-sub a:hover, +.uk-overlay-primary .uk-nav-secondary .uk-nav-sub a:hover, +.uk-offcanvas-bar .uk-nav-secondary .uk-nav-sub a:hover { + color: rgba(255, 255, 255, 0.7); +} +.uk-light .uk-nav-secondary .uk-nav-sub li.uk-active > a, +.uk-section-primary:not(.uk-preserve-color) .uk-nav-secondary .uk-nav-sub li.uk-active > a, +.uk-section-secondary:not(.uk-preserve-color) .uk-nav-secondary .uk-nav-sub li.uk-active > a, +.uk-tile-primary:not(.uk-preserve-color) .uk-nav-secondary .uk-nav-sub li.uk-active > a, +.uk-tile-secondary:not(.uk-preserve-color) .uk-nav-secondary .uk-nav-sub li.uk-active > a, +.uk-card-primary.uk-card-body .uk-nav-secondary .uk-nav-sub li.uk-active > a, +.uk-card-primary > :not([class*="uk-card-media"]) .uk-nav-secondary .uk-nav-sub li.uk-active > a, +.uk-card-secondary.uk-card-body .uk-nav-secondary .uk-nav-sub li.uk-active > a, +.uk-card-secondary > :not([class*="uk-card-media"]) .uk-nav-secondary .uk-nav-sub li.uk-active > a, +.uk-overlay-primary .uk-nav-secondary .uk-nav-sub li.uk-active > a, +.uk-offcanvas-bar .uk-nav-secondary .uk-nav-sub li.uk-active > a { + color: #fff; +} +.uk-light .uk-nav.uk-nav-divider > :not(.uk-nav-divider) + :not(.uk-nav-header, .uk-nav-divider), +.uk-section-primary:not(.uk-preserve-color) .uk-nav.uk-nav-divider > :not(.uk-nav-divider) + :not(.uk-nav-header, .uk-nav-divider), +.uk-section-secondary:not(.uk-preserve-color) .uk-nav.uk-nav-divider > :not(.uk-nav-divider) + :not(.uk-nav-header, .uk-nav-divider), +.uk-tile-primary:not(.uk-preserve-color) .uk-nav.uk-nav-divider > :not(.uk-nav-divider) + :not(.uk-nav-header, .uk-nav-divider), +.uk-tile-secondary:not(.uk-preserve-color) .uk-nav.uk-nav-divider > :not(.uk-nav-divider) + :not(.uk-nav-header, .uk-nav-divider), +.uk-card-primary.uk-card-body .uk-nav.uk-nav-divider > :not(.uk-nav-divider) + :not(.uk-nav-header, .uk-nav-divider), +.uk-card-primary > :not([class*="uk-card-media"]) .uk-nav.uk-nav-divider > :not(.uk-nav-divider) + :not(.uk-nav-header, .uk-nav-divider), +.uk-card-secondary.uk-card-body .uk-nav.uk-nav-divider > :not(.uk-nav-divider) + :not(.uk-nav-header, .uk-nav-divider), +.uk-card-secondary > :not([class*="uk-card-media"]) .uk-nav.uk-nav-divider > :not(.uk-nav-divider) + :not(.uk-nav-header, .uk-nav-divider), +.uk-overlay-primary .uk-nav.uk-nav-divider > :not(.uk-nav-divider) + :not(.uk-nav-header, .uk-nav-divider), +.uk-offcanvas-bar .uk-nav.uk-nav-divider > :not(.uk-nav-divider) + :not(.uk-nav-header, .uk-nav-divider) { + border-top-color: rgba(255, 255, 255, 0.2); +} +.uk-light .uk-navbar-nav > li > a, +.uk-section-primary:not(.uk-preserve-color) .uk-navbar-nav > li > a, +.uk-section-secondary:not(.uk-preserve-color) .uk-navbar-nav > li > a, +.uk-tile-primary:not(.uk-preserve-color) .uk-navbar-nav > li > a, +.uk-tile-secondary:not(.uk-preserve-color) .uk-navbar-nav > li > a, +.uk-card-primary.uk-card-body .uk-navbar-nav > li > a, +.uk-card-primary > :not([class*="uk-card-media"]) .uk-navbar-nav > li > a, +.uk-card-secondary.uk-card-body .uk-navbar-nav > li > a, +.uk-card-secondary > :not([class*="uk-card-media"]) .uk-navbar-nav > li > a, +.uk-overlay-primary .uk-navbar-nav > li > a, +.uk-offcanvas-bar .uk-navbar-nav > li > a { + color: rgba(255, 255, 255, 0.5); +} +.uk-light .uk-navbar-nav > li:hover > a, +.uk-light .uk-navbar-nav > li > a[aria-expanded="true"], +.uk-section-primary:not(.uk-preserve-color) .uk-navbar-nav > li:hover > a, +.uk-section-primary:not(.uk-preserve-color) .uk-navbar-nav > li > a[aria-expanded="true"], +.uk-section-secondary:not(.uk-preserve-color) .uk-navbar-nav > li:hover > a, +.uk-section-secondary:not(.uk-preserve-color) .uk-navbar-nav > li > a[aria-expanded="true"], +.uk-tile-primary:not(.uk-preserve-color) .uk-navbar-nav > li:hover > a, +.uk-tile-primary:not(.uk-preserve-color) .uk-navbar-nav > li > a[aria-expanded="true"], +.uk-tile-secondary:not(.uk-preserve-color) .uk-navbar-nav > li:hover > a, +.uk-tile-secondary:not(.uk-preserve-color) .uk-navbar-nav > li > a[aria-expanded="true"], +.uk-card-primary.uk-card-body .uk-navbar-nav > li:hover > a, +.uk-card-primary.uk-card-body .uk-navbar-nav > li > a[aria-expanded="true"], +.uk-card-primary > :not([class*="uk-card-media"]) .uk-navbar-nav > li:hover > a, +.uk-card-primary > :not([class*="uk-card-media"]) .uk-navbar-nav > li > a[aria-expanded="true"], +.uk-card-secondary.uk-card-body .uk-navbar-nav > li:hover > a, +.uk-card-secondary.uk-card-body .uk-navbar-nav > li > a[aria-expanded="true"], +.uk-card-secondary > :not([class*="uk-card-media"]) .uk-navbar-nav > li:hover > a, +.uk-card-secondary > :not([class*="uk-card-media"]) .uk-navbar-nav > li > a[aria-expanded="true"], +.uk-overlay-primary .uk-navbar-nav > li:hover > a, +.uk-overlay-primary .uk-navbar-nav > li > a[aria-expanded="true"], +.uk-offcanvas-bar .uk-navbar-nav > li:hover > a, +.uk-offcanvas-bar .uk-navbar-nav > li > a[aria-expanded="true"] { + color: rgba(255, 255, 255, 0.7); +} +.uk-light .uk-navbar-nav > li > a:active, +.uk-section-primary:not(.uk-preserve-color) .uk-navbar-nav > li > a:active, +.uk-section-secondary:not(.uk-preserve-color) .uk-navbar-nav > li > a:active, +.uk-tile-primary:not(.uk-preserve-color) .uk-navbar-nav > li > a:active, +.uk-tile-secondary:not(.uk-preserve-color) .uk-navbar-nav > li > a:active, +.uk-card-primary.uk-card-body .uk-navbar-nav > li > a:active, +.uk-card-primary > :not([class*="uk-card-media"]) .uk-navbar-nav > li > a:active, +.uk-card-secondary.uk-card-body .uk-navbar-nav > li > a:active, +.uk-card-secondary > :not([class*="uk-card-media"]) .uk-navbar-nav > li > a:active, +.uk-overlay-primary .uk-navbar-nav > li > a:active, +.uk-offcanvas-bar .uk-navbar-nav > li > a:active { + color: #fff; +} +.uk-light .uk-navbar-nav > li.uk-active > a, +.uk-section-primary:not(.uk-preserve-color) .uk-navbar-nav > li.uk-active > a, +.uk-section-secondary:not(.uk-preserve-color) .uk-navbar-nav > li.uk-active > a, +.uk-tile-primary:not(.uk-preserve-color) .uk-navbar-nav > li.uk-active > a, +.uk-tile-secondary:not(.uk-preserve-color) .uk-navbar-nav > li.uk-active > a, +.uk-card-primary.uk-card-body .uk-navbar-nav > li.uk-active > a, +.uk-card-primary > :not([class*="uk-card-media"]) .uk-navbar-nav > li.uk-active > a, +.uk-card-secondary.uk-card-body .uk-navbar-nav > li.uk-active > a, +.uk-card-secondary > :not([class*="uk-card-media"]) .uk-navbar-nav > li.uk-active > a, +.uk-overlay-primary .uk-navbar-nav > li.uk-active > a, +.uk-offcanvas-bar .uk-navbar-nav > li.uk-active > a { + color: #fff; +} +.uk-light .uk-navbar-item, +.uk-section-primary:not(.uk-preserve-color) .uk-navbar-item, +.uk-section-secondary:not(.uk-preserve-color) .uk-navbar-item, +.uk-tile-primary:not(.uk-preserve-color) .uk-navbar-item, +.uk-tile-secondary:not(.uk-preserve-color) .uk-navbar-item, +.uk-card-primary.uk-card-body .uk-navbar-item, +.uk-card-primary > :not([class*="uk-card-media"]) .uk-navbar-item, +.uk-card-secondary.uk-card-body .uk-navbar-item, +.uk-card-secondary > :not([class*="uk-card-media"]) .uk-navbar-item, +.uk-overlay-primary .uk-navbar-item, +.uk-offcanvas-bar .uk-navbar-item { + color: rgba(255, 255, 255, 0.7); +} +.uk-light .uk-navbar-toggle, +.uk-section-primary:not(.uk-preserve-color) .uk-navbar-toggle, +.uk-section-secondary:not(.uk-preserve-color) .uk-navbar-toggle, +.uk-tile-primary:not(.uk-preserve-color) .uk-navbar-toggle, +.uk-tile-secondary:not(.uk-preserve-color) .uk-navbar-toggle, +.uk-card-primary.uk-card-body .uk-navbar-toggle, +.uk-card-primary > :not([class*="uk-card-media"]) .uk-navbar-toggle, +.uk-card-secondary.uk-card-body .uk-navbar-toggle, +.uk-card-secondary > :not([class*="uk-card-media"]) .uk-navbar-toggle, +.uk-overlay-primary .uk-navbar-toggle, +.uk-offcanvas-bar .uk-navbar-toggle { + color: rgba(255, 255, 255, 0.5); +} +.uk-light .uk-navbar-toggle:hover, +.uk-light .uk-navbar-toggle[aria-expanded="true"], +.uk-section-primary:not(.uk-preserve-color) .uk-navbar-toggle:hover, +.uk-section-primary:not(.uk-preserve-color) .uk-navbar-toggle[aria-expanded="true"], +.uk-section-secondary:not(.uk-preserve-color) .uk-navbar-toggle:hover, +.uk-section-secondary:not(.uk-preserve-color) .uk-navbar-toggle[aria-expanded="true"], +.uk-tile-primary:not(.uk-preserve-color) .uk-navbar-toggle:hover, +.uk-tile-primary:not(.uk-preserve-color) .uk-navbar-toggle[aria-expanded="true"], +.uk-tile-secondary:not(.uk-preserve-color) .uk-navbar-toggle:hover, +.uk-tile-secondary:not(.uk-preserve-color) .uk-navbar-toggle[aria-expanded="true"], +.uk-card-primary.uk-card-body .uk-navbar-toggle:hover, +.uk-card-primary.uk-card-body .uk-navbar-toggle[aria-expanded="true"], +.uk-card-primary > :not([class*="uk-card-media"]) .uk-navbar-toggle:hover, +.uk-card-primary > :not([class*="uk-card-media"]) .uk-navbar-toggle[aria-expanded="true"], +.uk-card-secondary.uk-card-body .uk-navbar-toggle:hover, +.uk-card-secondary.uk-card-body .uk-navbar-toggle[aria-expanded="true"], +.uk-card-secondary > :not([class*="uk-card-media"]) .uk-navbar-toggle:hover, +.uk-card-secondary > :not([class*="uk-card-media"]) .uk-navbar-toggle[aria-expanded="true"], +.uk-overlay-primary .uk-navbar-toggle:hover, +.uk-overlay-primary .uk-navbar-toggle[aria-expanded="true"], +.uk-offcanvas-bar .uk-navbar-toggle:hover, +.uk-offcanvas-bar .uk-navbar-toggle[aria-expanded="true"] { + color: rgba(255, 255, 255, 0.7); +} +.uk-light .uk-subnav > * > :first-child, +.uk-section-primary:not(.uk-preserve-color) .uk-subnav > * > :first-child, +.uk-section-secondary:not(.uk-preserve-color) .uk-subnav > * > :first-child, +.uk-tile-primary:not(.uk-preserve-color) .uk-subnav > * > :first-child, +.uk-tile-secondary:not(.uk-preserve-color) .uk-subnav > * > :first-child, +.uk-card-primary.uk-card-body .uk-subnav > * > :first-child, +.uk-card-primary > :not([class*="uk-card-media"]) .uk-subnav > * > :first-child, +.uk-card-secondary.uk-card-body .uk-subnav > * > :first-child, +.uk-card-secondary > :not([class*="uk-card-media"]) .uk-subnav > * > :first-child, +.uk-overlay-primary .uk-subnav > * > :first-child, +.uk-offcanvas-bar .uk-subnav > * > :first-child { + color: rgba(255, 255, 255, 0.5); +} +.uk-light .uk-subnav > * > a:hover, +.uk-section-primary:not(.uk-preserve-color) .uk-subnav > * > a:hover, +.uk-section-secondary:not(.uk-preserve-color) .uk-subnav > * > a:hover, +.uk-tile-primary:not(.uk-preserve-color) .uk-subnav > * > a:hover, +.uk-tile-secondary:not(.uk-preserve-color) .uk-subnav > * > a:hover, +.uk-card-primary.uk-card-body .uk-subnav > * > a:hover, +.uk-card-primary > :not([class*="uk-card-media"]) .uk-subnav > * > a:hover, +.uk-card-secondary.uk-card-body .uk-subnav > * > a:hover, +.uk-card-secondary > :not([class*="uk-card-media"]) .uk-subnav > * > a:hover, +.uk-overlay-primary .uk-subnav > * > a:hover, +.uk-offcanvas-bar .uk-subnav > * > a:hover { + color: rgba(255, 255, 255, 0.7); +} +.uk-light .uk-subnav > .uk-active > a, +.uk-section-primary:not(.uk-preserve-color) .uk-subnav > .uk-active > a, +.uk-section-secondary:not(.uk-preserve-color) .uk-subnav > .uk-active > a, +.uk-tile-primary:not(.uk-preserve-color) .uk-subnav > .uk-active > a, +.uk-tile-secondary:not(.uk-preserve-color) .uk-subnav > .uk-active > a, +.uk-card-primary.uk-card-body .uk-subnav > .uk-active > a, +.uk-card-primary > :not([class*="uk-card-media"]) .uk-subnav > .uk-active > a, +.uk-card-secondary.uk-card-body .uk-subnav > .uk-active > a, +.uk-card-secondary > :not([class*="uk-card-media"]) .uk-subnav > .uk-active > a, +.uk-overlay-primary .uk-subnav > .uk-active > a, +.uk-offcanvas-bar .uk-subnav > .uk-active > a { + color: #fff; +} +.uk-light .uk-subnav-divider > :nth-child(n+2):not(.uk-first-column)::before, +.uk-section-primary:not(.uk-preserve-color) .uk-subnav-divider > :nth-child(n+2):not(.uk-first-column)::before, +.uk-section-secondary:not(.uk-preserve-color) .uk-subnav-divider > :nth-child(n+2):not(.uk-first-column)::before, +.uk-tile-primary:not(.uk-preserve-color) .uk-subnav-divider > :nth-child(n+2):not(.uk-first-column)::before, +.uk-tile-secondary:not(.uk-preserve-color) .uk-subnav-divider > :nth-child(n+2):not(.uk-first-column)::before, +.uk-card-primary.uk-card-body .uk-subnav-divider > :nth-child(n+2):not(.uk-first-column)::before, +.uk-card-primary > :not([class*="uk-card-media"]) .uk-subnav-divider > :nth-child(n+2):not(.uk-first-column)::before, +.uk-card-secondary.uk-card-body .uk-subnav-divider > :nth-child(n+2):not(.uk-first-column)::before, +.uk-card-secondary > :not([class*="uk-card-media"]) .uk-subnav-divider > :nth-child(n+2):not(.uk-first-column)::before, +.uk-overlay-primary .uk-subnav-divider > :nth-child(n+2):not(.uk-first-column)::before, +.uk-offcanvas-bar .uk-subnav-divider > :nth-child(n+2):not(.uk-first-column)::before { + border-left-color: rgba(255, 255, 255, 0.2); +} +.uk-light .uk-subnav-pill > * > :first-child, +.uk-section-primary:not(.uk-preserve-color) .uk-subnav-pill > * > :first-child, +.uk-section-secondary:not(.uk-preserve-color) .uk-subnav-pill > * > :first-child, +.uk-tile-primary:not(.uk-preserve-color) .uk-subnav-pill > * > :first-child, +.uk-tile-secondary:not(.uk-preserve-color) .uk-subnav-pill > * > :first-child, +.uk-card-primary.uk-card-body .uk-subnav-pill > * > :first-child, +.uk-card-primary > :not([class*="uk-card-media"]) .uk-subnav-pill > * > :first-child, +.uk-card-secondary.uk-card-body .uk-subnav-pill > * > :first-child, +.uk-card-secondary > :not([class*="uk-card-media"]) .uk-subnav-pill > * > :first-child, +.uk-overlay-primary .uk-subnav-pill > * > :first-child, +.uk-offcanvas-bar .uk-subnav-pill > * > :first-child { + background-color: transparent; + color: rgba(255, 255, 255, 0.5); +} +.uk-light .uk-subnav-pill > * > a:hover, +.uk-section-primary:not(.uk-preserve-color) .uk-subnav-pill > * > a:hover, +.uk-section-secondary:not(.uk-preserve-color) .uk-subnav-pill > * > a:hover, +.uk-tile-primary:not(.uk-preserve-color) .uk-subnav-pill > * > a:hover, +.uk-tile-secondary:not(.uk-preserve-color) .uk-subnav-pill > * > a:hover, +.uk-card-primary.uk-card-body .uk-subnav-pill > * > a:hover, +.uk-card-primary > :not([class*="uk-card-media"]) .uk-subnav-pill > * > a:hover, +.uk-card-secondary.uk-card-body .uk-subnav-pill > * > a:hover, +.uk-card-secondary > :not([class*="uk-card-media"]) .uk-subnav-pill > * > a:hover, +.uk-overlay-primary .uk-subnav-pill > * > a:hover, +.uk-offcanvas-bar .uk-subnav-pill > * > a:hover { + background-color: rgba(255, 255, 255, 0.1); + color: rgba(255, 255, 255, 0.7); +} +.uk-light .uk-subnav-pill > * > a:active, +.uk-section-primary:not(.uk-preserve-color) .uk-subnav-pill > * > a:active, +.uk-section-secondary:not(.uk-preserve-color) .uk-subnav-pill > * > a:active, +.uk-tile-primary:not(.uk-preserve-color) .uk-subnav-pill > * > a:active, +.uk-tile-secondary:not(.uk-preserve-color) .uk-subnav-pill > * > a:active, +.uk-card-primary.uk-card-body .uk-subnav-pill > * > a:active, +.uk-card-primary > :not([class*="uk-card-media"]) .uk-subnav-pill > * > a:active, +.uk-card-secondary.uk-card-body .uk-subnav-pill > * > a:active, +.uk-card-secondary > :not([class*="uk-card-media"]) .uk-subnav-pill > * > a:active, +.uk-overlay-primary .uk-subnav-pill > * > a:active, +.uk-offcanvas-bar .uk-subnav-pill > * > a:active { + background-color: rgba(255, 255, 255, 0.1); + color: rgba(255, 255, 255, 0.7); +} +.uk-light .uk-subnav-pill > .uk-active > a, +.uk-section-primary:not(.uk-preserve-color) .uk-subnav-pill > .uk-active > a, +.uk-section-secondary:not(.uk-preserve-color) .uk-subnav-pill > .uk-active > a, +.uk-tile-primary:not(.uk-preserve-color) .uk-subnav-pill > .uk-active > a, +.uk-tile-secondary:not(.uk-preserve-color) .uk-subnav-pill > .uk-active > a, +.uk-card-primary.uk-card-body .uk-subnav-pill > .uk-active > a, +.uk-card-primary > :not([class*="uk-card-media"]) .uk-subnav-pill > .uk-active > a, +.uk-card-secondary.uk-card-body .uk-subnav-pill > .uk-active > a, +.uk-card-secondary > :not([class*="uk-card-media"]) .uk-subnav-pill > .uk-active > a, +.uk-overlay-primary .uk-subnav-pill > .uk-active > a, +.uk-offcanvas-bar .uk-subnav-pill > .uk-active > a { + background-color: #fff; + color: #666; +} +.uk-light .uk-subnav > .uk-disabled > a, +.uk-section-primary:not(.uk-preserve-color) .uk-subnav > .uk-disabled > a, +.uk-section-secondary:not(.uk-preserve-color) .uk-subnav > .uk-disabled > a, +.uk-tile-primary:not(.uk-preserve-color) .uk-subnav > .uk-disabled > a, +.uk-tile-secondary:not(.uk-preserve-color) .uk-subnav > .uk-disabled > a, +.uk-card-primary.uk-card-body .uk-subnav > .uk-disabled > a, +.uk-card-primary > :not([class*="uk-card-media"]) .uk-subnav > .uk-disabled > a, +.uk-card-secondary.uk-card-body .uk-subnav > .uk-disabled > a, +.uk-card-secondary > :not([class*="uk-card-media"]) .uk-subnav > .uk-disabled > a, +.uk-overlay-primary .uk-subnav > .uk-disabled > a, +.uk-offcanvas-bar .uk-subnav > .uk-disabled > a { + color: rgba(255, 255, 255, 0.5); +} +.uk-light .uk-breadcrumb > * > *, +.uk-section-primary:not(.uk-preserve-color) .uk-breadcrumb > * > *, +.uk-section-secondary:not(.uk-preserve-color) .uk-breadcrumb > * > *, +.uk-tile-primary:not(.uk-preserve-color) .uk-breadcrumb > * > *, +.uk-tile-secondary:not(.uk-preserve-color) .uk-breadcrumb > * > *, +.uk-card-primary.uk-card-body .uk-breadcrumb > * > *, +.uk-card-primary > :not([class*="uk-card-media"]) .uk-breadcrumb > * > *, +.uk-card-secondary.uk-card-body .uk-breadcrumb > * > *, +.uk-card-secondary > :not([class*="uk-card-media"]) .uk-breadcrumb > * > *, +.uk-overlay-primary .uk-breadcrumb > * > *, +.uk-offcanvas-bar .uk-breadcrumb > * > * { + color: rgba(255, 255, 255, 0.5); +} +.uk-light .uk-breadcrumb > * > :hover, +.uk-section-primary:not(.uk-preserve-color) .uk-breadcrumb > * > :hover, +.uk-section-secondary:not(.uk-preserve-color) .uk-breadcrumb > * > :hover, +.uk-tile-primary:not(.uk-preserve-color) .uk-breadcrumb > * > :hover, +.uk-tile-secondary:not(.uk-preserve-color) .uk-breadcrumb > * > :hover, +.uk-card-primary.uk-card-body .uk-breadcrumb > * > :hover, +.uk-card-primary > :not([class*="uk-card-media"]) .uk-breadcrumb > * > :hover, +.uk-card-secondary.uk-card-body .uk-breadcrumb > * > :hover, +.uk-card-secondary > :not([class*="uk-card-media"]) .uk-breadcrumb > * > :hover, +.uk-overlay-primary .uk-breadcrumb > * > :hover, +.uk-offcanvas-bar .uk-breadcrumb > * > :hover { + color: rgba(255, 255, 255, 0.7); +} +.uk-light .uk-breadcrumb > :last-child > *, +.uk-section-primary:not(.uk-preserve-color) .uk-breadcrumb > :last-child > *, +.uk-section-secondary:not(.uk-preserve-color) .uk-breadcrumb > :last-child > *, +.uk-tile-primary:not(.uk-preserve-color) .uk-breadcrumb > :last-child > *, +.uk-tile-secondary:not(.uk-preserve-color) .uk-breadcrumb > :last-child > *, +.uk-card-primary.uk-card-body .uk-breadcrumb > :last-child > *, +.uk-card-primary > :not([class*="uk-card-media"]) .uk-breadcrumb > :last-child > *, +.uk-card-secondary.uk-card-body .uk-breadcrumb > :last-child > *, +.uk-card-secondary > :not([class*="uk-card-media"]) .uk-breadcrumb > :last-child > *, +.uk-overlay-primary .uk-breadcrumb > :last-child > *, +.uk-offcanvas-bar .uk-breadcrumb > :last-child > * { + color: rgba(255, 255, 255, 0.7); +} +.uk-light .uk-breadcrumb > :nth-child(n+2):not(.uk-first-column)::before, +.uk-section-primary:not(.uk-preserve-color) .uk-breadcrumb > :nth-child(n+2):not(.uk-first-column)::before, +.uk-section-secondary:not(.uk-preserve-color) .uk-breadcrumb > :nth-child(n+2):not(.uk-first-column)::before, +.uk-tile-primary:not(.uk-preserve-color) .uk-breadcrumb > :nth-child(n+2):not(.uk-first-column)::before, +.uk-tile-secondary:not(.uk-preserve-color) .uk-breadcrumb > :nth-child(n+2):not(.uk-first-column)::before, +.uk-card-primary.uk-card-body .uk-breadcrumb > :nth-child(n+2):not(.uk-first-column)::before, +.uk-card-primary > :not([class*="uk-card-media"]) .uk-breadcrumb > :nth-child(n+2):not(.uk-first-column)::before, +.uk-card-secondary.uk-card-body .uk-breadcrumb > :nth-child(n+2):not(.uk-first-column)::before, +.uk-card-secondary > :not([class*="uk-card-media"]) .uk-breadcrumb > :nth-child(n+2):not(.uk-first-column)::before, +.uk-overlay-primary .uk-breadcrumb > :nth-child(n+2):not(.uk-first-column)::before, +.uk-offcanvas-bar .uk-breadcrumb > :nth-child(n+2):not(.uk-first-column)::before { + color: rgba(255, 255, 255, 0.5); +} +.uk-light .uk-pagination > * > *, +.uk-section-primary:not(.uk-preserve-color) .uk-pagination > * > *, +.uk-section-secondary:not(.uk-preserve-color) .uk-pagination > * > *, +.uk-tile-primary:not(.uk-preserve-color) .uk-pagination > * > *, +.uk-tile-secondary:not(.uk-preserve-color) .uk-pagination > * > *, +.uk-card-primary.uk-card-body .uk-pagination > * > *, +.uk-card-primary > :not([class*="uk-card-media"]) .uk-pagination > * > *, +.uk-card-secondary.uk-card-body .uk-pagination > * > *, +.uk-card-secondary > :not([class*="uk-card-media"]) .uk-pagination > * > *, +.uk-overlay-primary .uk-pagination > * > *, +.uk-offcanvas-bar .uk-pagination > * > * { + color: rgba(255, 255, 255, 0.5); +} +.uk-light .uk-pagination > * > :hover, +.uk-section-primary:not(.uk-preserve-color) .uk-pagination > * > :hover, +.uk-section-secondary:not(.uk-preserve-color) .uk-pagination > * > :hover, +.uk-tile-primary:not(.uk-preserve-color) .uk-pagination > * > :hover, +.uk-tile-secondary:not(.uk-preserve-color) .uk-pagination > * > :hover, +.uk-card-primary.uk-card-body .uk-pagination > * > :hover, +.uk-card-primary > :not([class*="uk-card-media"]) .uk-pagination > * > :hover, +.uk-card-secondary.uk-card-body .uk-pagination > * > :hover, +.uk-card-secondary > :not([class*="uk-card-media"]) .uk-pagination > * > :hover, +.uk-overlay-primary .uk-pagination > * > :hover, +.uk-offcanvas-bar .uk-pagination > * > :hover { + color: rgba(255, 255, 255, 0.7); +} +.uk-light .uk-pagination > .uk-active > *, +.uk-section-primary:not(.uk-preserve-color) .uk-pagination > .uk-active > *, +.uk-section-secondary:not(.uk-preserve-color) .uk-pagination > .uk-active > *, +.uk-tile-primary:not(.uk-preserve-color) .uk-pagination > .uk-active > *, +.uk-tile-secondary:not(.uk-preserve-color) .uk-pagination > .uk-active > *, +.uk-card-primary.uk-card-body .uk-pagination > .uk-active > *, +.uk-card-primary > :not([class*="uk-card-media"]) .uk-pagination > .uk-active > *, +.uk-card-secondary.uk-card-body .uk-pagination > .uk-active > *, +.uk-card-secondary > :not([class*="uk-card-media"]) .uk-pagination > .uk-active > *, +.uk-overlay-primary .uk-pagination > .uk-active > *, +.uk-offcanvas-bar .uk-pagination > .uk-active > * { + color: rgba(255, 255, 255, 0.7); +} +.uk-light .uk-pagination > .uk-disabled > *, +.uk-section-primary:not(.uk-preserve-color) .uk-pagination > .uk-disabled > *, +.uk-section-secondary:not(.uk-preserve-color) .uk-pagination > .uk-disabled > *, +.uk-tile-primary:not(.uk-preserve-color) .uk-pagination > .uk-disabled > *, +.uk-tile-secondary:not(.uk-preserve-color) .uk-pagination > .uk-disabled > *, +.uk-card-primary.uk-card-body .uk-pagination > .uk-disabled > *, +.uk-card-primary > :not([class*="uk-card-media"]) .uk-pagination > .uk-disabled > *, +.uk-card-secondary.uk-card-body .uk-pagination > .uk-disabled > *, +.uk-card-secondary > :not([class*="uk-card-media"]) .uk-pagination > .uk-disabled > *, +.uk-overlay-primary .uk-pagination > .uk-disabled > *, +.uk-offcanvas-bar .uk-pagination > .uk-disabled > * { + color: rgba(255, 255, 255, 0.5); +} +.uk-light .uk-tab::before, +.uk-section-primary:not(.uk-preserve-color) .uk-tab::before, +.uk-section-secondary:not(.uk-preserve-color) .uk-tab::before, +.uk-tile-primary:not(.uk-preserve-color) .uk-tab::before, +.uk-tile-secondary:not(.uk-preserve-color) .uk-tab::before, +.uk-card-primary.uk-card-body .uk-tab::before, +.uk-card-primary > :not([class*="uk-card-media"]) .uk-tab::before, +.uk-card-secondary.uk-card-body .uk-tab::before, +.uk-card-secondary > :not([class*="uk-card-media"]) .uk-tab::before, +.uk-overlay-primary .uk-tab::before, +.uk-offcanvas-bar .uk-tab::before { + border-color: rgba(255, 255, 255, 0.2); +} +.uk-light .uk-tab > * > a, +.uk-section-primary:not(.uk-preserve-color) .uk-tab > * > a, +.uk-section-secondary:not(.uk-preserve-color) .uk-tab > * > a, +.uk-tile-primary:not(.uk-preserve-color) .uk-tab > * > a, +.uk-tile-secondary:not(.uk-preserve-color) .uk-tab > * > a, +.uk-card-primary.uk-card-body .uk-tab > * > a, +.uk-card-primary > :not([class*="uk-card-media"]) .uk-tab > * > a, +.uk-card-secondary.uk-card-body .uk-tab > * > a, +.uk-card-secondary > :not([class*="uk-card-media"]) .uk-tab > * > a, +.uk-overlay-primary .uk-tab > * > a, +.uk-offcanvas-bar .uk-tab > * > a { + color: rgba(255, 255, 255, 0.5); +} +.uk-light .uk-tab > * > a:hover, +.uk-section-primary:not(.uk-preserve-color) .uk-tab > * > a:hover, +.uk-section-secondary:not(.uk-preserve-color) .uk-tab > * > a:hover, +.uk-tile-primary:not(.uk-preserve-color) .uk-tab > * > a:hover, +.uk-tile-secondary:not(.uk-preserve-color) .uk-tab > * > a:hover, +.uk-card-primary.uk-card-body .uk-tab > * > a:hover, +.uk-card-primary > :not([class*="uk-card-media"]) .uk-tab > * > a:hover, +.uk-card-secondary.uk-card-body .uk-tab > * > a:hover, +.uk-card-secondary > :not([class*="uk-card-media"]) .uk-tab > * > a:hover, +.uk-overlay-primary .uk-tab > * > a:hover, +.uk-offcanvas-bar .uk-tab > * > a:hover { + color: rgba(255, 255, 255, 0.7); +} +.uk-light .uk-tab > .uk-active > a, +.uk-section-primary:not(.uk-preserve-color) .uk-tab > .uk-active > a, +.uk-section-secondary:not(.uk-preserve-color) .uk-tab > .uk-active > a, +.uk-tile-primary:not(.uk-preserve-color) .uk-tab > .uk-active > a, +.uk-tile-secondary:not(.uk-preserve-color) .uk-tab > .uk-active > a, +.uk-card-primary.uk-card-body .uk-tab > .uk-active > a, +.uk-card-primary > :not([class*="uk-card-media"]) .uk-tab > .uk-active > a, +.uk-card-secondary.uk-card-body .uk-tab > .uk-active > a, +.uk-card-secondary > :not([class*="uk-card-media"]) .uk-tab > .uk-active > a, +.uk-overlay-primary .uk-tab > .uk-active > a, +.uk-offcanvas-bar .uk-tab > .uk-active > a { + color: #fff; + border-color: #fff; +} +.uk-light .uk-tab > .uk-disabled > a, +.uk-section-primary:not(.uk-preserve-color) .uk-tab > .uk-disabled > a, +.uk-section-secondary:not(.uk-preserve-color) .uk-tab > .uk-disabled > a, +.uk-tile-primary:not(.uk-preserve-color) .uk-tab > .uk-disabled > a, +.uk-tile-secondary:not(.uk-preserve-color) .uk-tab > .uk-disabled > a, +.uk-card-primary.uk-card-body .uk-tab > .uk-disabled > a, +.uk-card-primary > :not([class*="uk-card-media"]) .uk-tab > .uk-disabled > a, +.uk-card-secondary.uk-card-body .uk-tab > .uk-disabled > a, +.uk-card-secondary > :not([class*="uk-card-media"]) .uk-tab > .uk-disabled > a, +.uk-overlay-primary .uk-tab > .uk-disabled > a, +.uk-offcanvas-bar .uk-tab > .uk-disabled > a { + color: rgba(255, 255, 255, 0.5); +} +.uk-light .uk-slidenav, +.uk-section-primary:not(.uk-preserve-color) .uk-slidenav, +.uk-section-secondary:not(.uk-preserve-color) .uk-slidenav, +.uk-tile-primary:not(.uk-preserve-color) .uk-slidenav, +.uk-tile-secondary:not(.uk-preserve-color) .uk-slidenav, +.uk-card-primary.uk-card-body .uk-slidenav, +.uk-card-primary > :not([class*="uk-card-media"]) .uk-slidenav, +.uk-card-secondary.uk-card-body .uk-slidenav, +.uk-card-secondary > :not([class*="uk-card-media"]) .uk-slidenav, +.uk-overlay-primary .uk-slidenav, +.uk-offcanvas-bar .uk-slidenav { + color: rgba(255, 255, 255, 0.7); +} +.uk-light .uk-slidenav:hover, +.uk-section-primary:not(.uk-preserve-color) .uk-slidenav:hover, +.uk-section-secondary:not(.uk-preserve-color) .uk-slidenav:hover, +.uk-tile-primary:not(.uk-preserve-color) .uk-slidenav:hover, +.uk-tile-secondary:not(.uk-preserve-color) .uk-slidenav:hover, +.uk-card-primary.uk-card-body .uk-slidenav:hover, +.uk-card-primary > :not([class*="uk-card-media"]) .uk-slidenav:hover, +.uk-card-secondary.uk-card-body .uk-slidenav:hover, +.uk-card-secondary > :not([class*="uk-card-media"]) .uk-slidenav:hover, +.uk-overlay-primary .uk-slidenav:hover, +.uk-offcanvas-bar .uk-slidenav:hover { + color: rgba(255, 255, 255, 0.95); +} +.uk-light .uk-slidenav:active, +.uk-section-primary:not(.uk-preserve-color) .uk-slidenav:active, +.uk-section-secondary:not(.uk-preserve-color) .uk-slidenav:active, +.uk-tile-primary:not(.uk-preserve-color) .uk-slidenav:active, +.uk-tile-secondary:not(.uk-preserve-color) .uk-slidenav:active, +.uk-card-primary.uk-card-body .uk-slidenav:active, +.uk-card-primary > :not([class*="uk-card-media"]) .uk-slidenav:active, +.uk-card-secondary.uk-card-body .uk-slidenav:active, +.uk-card-secondary > :not([class*="uk-card-media"]) .uk-slidenav:active, +.uk-overlay-primary .uk-slidenav:active, +.uk-offcanvas-bar .uk-slidenav:active { + color: rgba(255, 255, 255, 0.7); +} +.uk-light .uk-dotnav > * > *, +.uk-section-primary:not(.uk-preserve-color) .uk-dotnav > * > *, +.uk-section-secondary:not(.uk-preserve-color) .uk-dotnav > * > *, +.uk-tile-primary:not(.uk-preserve-color) .uk-dotnav > * > *, +.uk-tile-secondary:not(.uk-preserve-color) .uk-dotnav > * > *, +.uk-card-primary.uk-card-body .uk-dotnav > * > *, +.uk-card-primary > :not([class*="uk-card-media"]) .uk-dotnav > * > *, +.uk-card-secondary.uk-card-body .uk-dotnav > * > *, +.uk-card-secondary > :not([class*="uk-card-media"]) .uk-dotnav > * > *, +.uk-overlay-primary .uk-dotnav > * > *, +.uk-offcanvas-bar .uk-dotnav > * > * { + background-color: transparent; + border-color: rgba(255, 255, 255, 0.9); +} +.uk-light .uk-dotnav > * > :hover, +.uk-section-primary:not(.uk-preserve-color) .uk-dotnav > * > :hover, +.uk-section-secondary:not(.uk-preserve-color) .uk-dotnav > * > :hover, +.uk-tile-primary:not(.uk-preserve-color) .uk-dotnav > * > :hover, +.uk-tile-secondary:not(.uk-preserve-color) .uk-dotnav > * > :hover, +.uk-card-primary.uk-card-body .uk-dotnav > * > :hover, +.uk-card-primary > :not([class*="uk-card-media"]) .uk-dotnav > * > :hover, +.uk-card-secondary.uk-card-body .uk-dotnav > * > :hover, +.uk-card-secondary > :not([class*="uk-card-media"]) .uk-dotnav > * > :hover, +.uk-overlay-primary .uk-dotnav > * > :hover, +.uk-offcanvas-bar .uk-dotnav > * > :hover { + background-color: rgba(255, 255, 255, 0.9); + border-color: transparent; +} +.uk-light .uk-dotnav > * > :active, +.uk-section-primary:not(.uk-preserve-color) .uk-dotnav > * > :active, +.uk-section-secondary:not(.uk-preserve-color) .uk-dotnav > * > :active, +.uk-tile-primary:not(.uk-preserve-color) .uk-dotnav > * > :active, +.uk-tile-secondary:not(.uk-preserve-color) .uk-dotnav > * > :active, +.uk-card-primary.uk-card-body .uk-dotnav > * > :active, +.uk-card-primary > :not([class*="uk-card-media"]) .uk-dotnav > * > :active, +.uk-card-secondary.uk-card-body .uk-dotnav > * > :active, +.uk-card-secondary > :not([class*="uk-card-media"]) .uk-dotnav > * > :active, +.uk-overlay-primary .uk-dotnav > * > :active, +.uk-offcanvas-bar .uk-dotnav > * > :active { + background-color: rgba(255, 255, 255, 0.5); + border-color: transparent; +} +.uk-light .uk-dotnav > .uk-active > *, +.uk-section-primary:not(.uk-preserve-color) .uk-dotnav > .uk-active > *, +.uk-section-secondary:not(.uk-preserve-color) .uk-dotnav > .uk-active > *, +.uk-tile-primary:not(.uk-preserve-color) .uk-dotnav > .uk-active > *, +.uk-tile-secondary:not(.uk-preserve-color) .uk-dotnav > .uk-active > *, +.uk-card-primary.uk-card-body .uk-dotnav > .uk-active > *, +.uk-card-primary > :not([class*="uk-card-media"]) .uk-dotnav > .uk-active > *, +.uk-card-secondary.uk-card-body .uk-dotnav > .uk-active > *, +.uk-card-secondary > :not([class*="uk-card-media"]) .uk-dotnav > .uk-active > *, +.uk-overlay-primary .uk-dotnav > .uk-active > *, +.uk-offcanvas-bar .uk-dotnav > .uk-active > * { + background-color: rgba(255, 255, 255, 0.9); + border-color: transparent; +} +.uk-light .uk-text-lead, +.uk-section-primary:not(.uk-preserve-color) .uk-text-lead, +.uk-section-secondary:not(.uk-preserve-color) .uk-text-lead, +.uk-tile-primary:not(.uk-preserve-color) .uk-text-lead, +.uk-tile-secondary:not(.uk-preserve-color) .uk-text-lead, +.uk-card-primary.uk-card-body .uk-text-lead, +.uk-card-primary > :not([class*="uk-card-media"]) .uk-text-lead, +.uk-card-secondary.uk-card-body .uk-text-lead, +.uk-card-secondary > :not([class*="uk-card-media"]) .uk-text-lead, +.uk-overlay-primary .uk-text-lead, +.uk-offcanvas-bar .uk-text-lead { + color: rgba(255, 255, 255, 0.7); +} +.uk-light .uk-text-meta, +.uk-section-primary:not(.uk-preserve-color) .uk-text-meta, +.uk-section-secondary:not(.uk-preserve-color) .uk-text-meta, +.uk-tile-primary:not(.uk-preserve-color) .uk-text-meta, +.uk-tile-secondary:not(.uk-preserve-color) .uk-text-meta, +.uk-card-primary.uk-card-body .uk-text-meta, +.uk-card-primary > :not([class*="uk-card-media"]) .uk-text-meta, +.uk-card-secondary.uk-card-body .uk-text-meta, +.uk-card-secondary > :not([class*="uk-card-media"]) .uk-text-meta, +.uk-overlay-primary .uk-text-meta, +.uk-offcanvas-bar .uk-text-meta { + color: rgba(255, 255, 255, 0.5); +} +.uk-light .uk-text-muted, +.uk-section-primary:not(.uk-preserve-color) .uk-text-muted, +.uk-section-secondary:not(.uk-preserve-color) .uk-text-muted, +.uk-tile-primary:not(.uk-preserve-color) .uk-text-muted, +.uk-tile-secondary:not(.uk-preserve-color) .uk-text-muted, +.uk-card-primary.uk-card-body .uk-text-muted, +.uk-card-primary > :not([class*="uk-card-media"]) .uk-text-muted, +.uk-card-secondary.uk-card-body .uk-text-muted, +.uk-card-secondary > :not([class*="uk-card-media"]) .uk-text-muted, +.uk-overlay-primary .uk-text-muted, +.uk-offcanvas-bar .uk-text-muted { + color: rgba(255, 255, 255, 0.5) !important; +} +.uk-light .uk-text-emphasis, +.uk-section-primary:not(.uk-preserve-color) .uk-text-emphasis, +.uk-section-secondary:not(.uk-preserve-color) .uk-text-emphasis, +.uk-tile-primary:not(.uk-preserve-color) .uk-text-emphasis, +.uk-tile-secondary:not(.uk-preserve-color) .uk-text-emphasis, +.uk-card-primary.uk-card-body .uk-text-emphasis, +.uk-card-primary > :not([class*="uk-card-media"]) .uk-text-emphasis, +.uk-card-secondary.uk-card-body .uk-text-emphasis, +.uk-card-secondary > :not([class*="uk-card-media"]) .uk-text-emphasis, +.uk-overlay-primary .uk-text-emphasis, +.uk-offcanvas-bar .uk-text-emphasis { + color: #fff !important; +} +.uk-light .uk-text-primary, +.uk-section-primary:not(.uk-preserve-color) .uk-text-primary, +.uk-section-secondary:not(.uk-preserve-color) .uk-text-primary, +.uk-tile-primary:not(.uk-preserve-color) .uk-text-primary, +.uk-tile-secondary:not(.uk-preserve-color) .uk-text-primary, +.uk-card-primary.uk-card-body .uk-text-primary, +.uk-card-primary > :not([class*="uk-card-media"]) .uk-text-primary, +.uk-card-secondary.uk-card-body .uk-text-primary, +.uk-card-secondary > :not([class*="uk-card-media"]) .uk-text-primary, +.uk-overlay-primary .uk-text-primary, +.uk-offcanvas-bar .uk-text-primary { + color: #fff !important; +} +.uk-light .uk-text-secondary, +.uk-section-primary:not(.uk-preserve-color) .uk-text-secondary, +.uk-section-secondary:not(.uk-preserve-color) .uk-text-secondary, +.uk-tile-primary:not(.uk-preserve-color) .uk-text-secondary, +.uk-tile-secondary:not(.uk-preserve-color) .uk-text-secondary, +.uk-card-primary.uk-card-body .uk-text-secondary, +.uk-card-primary > :not([class*="uk-card-media"]) .uk-text-secondary, +.uk-card-secondary.uk-card-body .uk-text-secondary, +.uk-card-secondary > :not([class*="uk-card-media"]) .uk-text-secondary, +.uk-overlay-primary .uk-text-secondary, +.uk-offcanvas-bar .uk-text-secondary { + color: #fff !important; +} +.uk-light .uk-column-divider, +.uk-section-primary:not(.uk-preserve-color) .uk-column-divider, +.uk-section-secondary:not(.uk-preserve-color) .uk-column-divider, +.uk-tile-primary:not(.uk-preserve-color) .uk-column-divider, +.uk-tile-secondary:not(.uk-preserve-color) .uk-column-divider, +.uk-card-primary.uk-card-body .uk-column-divider, +.uk-card-primary > :not([class*="uk-card-media"]) .uk-column-divider, +.uk-card-secondary.uk-card-body .uk-column-divider, +.uk-card-secondary > :not([class*="uk-card-media"]) .uk-column-divider, +.uk-overlay-primary .uk-column-divider, +.uk-offcanvas-bar .uk-column-divider { + column-rule-color: rgba(255, 255, 255, 0.2); +} +.uk-light .uk-logo, +.uk-section-primary:not(.uk-preserve-color) .uk-logo, +.uk-section-secondary:not(.uk-preserve-color) .uk-logo, +.uk-tile-primary:not(.uk-preserve-color) .uk-logo, +.uk-tile-secondary:not(.uk-preserve-color) .uk-logo, +.uk-card-primary.uk-card-body .uk-logo, +.uk-card-primary > :not([class*="uk-card-media"]) .uk-logo, +.uk-card-secondary.uk-card-body .uk-logo, +.uk-card-secondary > :not([class*="uk-card-media"]) .uk-logo, +.uk-overlay-primary .uk-logo, +.uk-offcanvas-bar .uk-logo { + color: #fff; +} +.uk-light .uk-logo:hover, +.uk-section-primary:not(.uk-preserve-color) .uk-logo:hover, +.uk-section-secondary:not(.uk-preserve-color) .uk-logo:hover, +.uk-tile-primary:not(.uk-preserve-color) .uk-logo:hover, +.uk-tile-secondary:not(.uk-preserve-color) .uk-logo:hover, +.uk-card-primary.uk-card-body .uk-logo:hover, +.uk-card-primary > :not([class*="uk-card-media"]) .uk-logo:hover, +.uk-card-secondary.uk-card-body .uk-logo:hover, +.uk-card-secondary > :not([class*="uk-card-media"]) .uk-logo:hover, +.uk-overlay-primary .uk-logo:hover, +.uk-offcanvas-bar .uk-logo:hover { + color: #fff; +} +.uk-light .uk-logo:has(.uk-logo-inverse) > :not(picture:has(.uk-logo-inverse)):not(.uk-logo-inverse), +.uk-section-primary:not(.uk-preserve-color) .uk-logo:has(.uk-logo-inverse) > :not(picture:has(.uk-logo-inverse)):not(.uk-logo-inverse), +.uk-section-secondary:not(.uk-preserve-color) .uk-logo:has(.uk-logo-inverse) > :not(picture:has(.uk-logo-inverse)):not(.uk-logo-inverse), +.uk-tile-primary:not(.uk-preserve-color) .uk-logo:has(.uk-logo-inverse) > :not(picture:has(.uk-logo-inverse)):not(.uk-logo-inverse), +.uk-tile-secondary:not(.uk-preserve-color) .uk-logo:has(.uk-logo-inverse) > :not(picture:has(.uk-logo-inverse)):not(.uk-logo-inverse), +.uk-card-primary.uk-card-body .uk-logo:has(.uk-logo-inverse) > :not(picture:has(.uk-logo-inverse)):not(.uk-logo-inverse), +.uk-card-primary > :not([class*="uk-card-media"]) .uk-logo:has(.uk-logo-inverse) > :not(picture:has(.uk-logo-inverse)):not(.uk-logo-inverse), +.uk-card-secondary.uk-card-body .uk-logo:has(.uk-logo-inverse) > :not(picture:has(.uk-logo-inverse)):not(.uk-logo-inverse), +.uk-card-secondary > :not([class*="uk-card-media"]) .uk-logo:has(.uk-logo-inverse) > :not(picture:has(.uk-logo-inverse)):not(.uk-logo-inverse), +.uk-overlay-primary .uk-logo:has(.uk-logo-inverse) > :not(picture:has(.uk-logo-inverse)):not(.uk-logo-inverse), +.uk-offcanvas-bar .uk-logo:has(.uk-logo-inverse) > :not(picture:has(.uk-logo-inverse)):not(.uk-logo-inverse) { + display: none; +} +.uk-light .uk-logo-inverse, +.uk-section-primary:not(.uk-preserve-color) .uk-logo-inverse, +.uk-section-secondary:not(.uk-preserve-color) .uk-logo-inverse, +.uk-tile-primary:not(.uk-preserve-color) .uk-logo-inverse, +.uk-tile-secondary:not(.uk-preserve-color) .uk-logo-inverse, +.uk-card-primary.uk-card-body .uk-logo-inverse, +.uk-card-primary > :not([class*="uk-card-media"]) .uk-logo-inverse, +.uk-card-secondary.uk-card-body .uk-logo-inverse, +.uk-card-secondary > :not([class*="uk-card-media"]) .uk-logo-inverse, +.uk-overlay-primary .uk-logo-inverse, +.uk-offcanvas-bar .uk-logo-inverse { + display: block; +} +.uk-light .uk-table-striped > tr:nth-of-type(even):last-child, +.uk-light .uk-table-striped tbody tr:nth-of-type(even):last-child, +.uk-section-primary:not(.uk-preserve-color) .uk-table-striped > tr:nth-of-type(even):last-child, +.uk-section-primary:not(.uk-preserve-color) .uk-table-striped tbody tr:nth-of-type(even):last-child, +.uk-section-secondary:not(.uk-preserve-color) .uk-table-striped > tr:nth-of-type(even):last-child, +.uk-section-secondary:not(.uk-preserve-color) .uk-table-striped tbody tr:nth-of-type(even):last-child, +.uk-tile-primary:not(.uk-preserve-color) .uk-table-striped > tr:nth-of-type(even):last-child, +.uk-tile-primary:not(.uk-preserve-color) .uk-table-striped tbody tr:nth-of-type(even):last-child, +.uk-tile-secondary:not(.uk-preserve-color) .uk-table-striped > tr:nth-of-type(even):last-child, +.uk-tile-secondary:not(.uk-preserve-color) .uk-table-striped tbody tr:nth-of-type(even):last-child, +.uk-card-primary.uk-card-body .uk-table-striped > tr:nth-of-type(even):last-child, +.uk-card-primary.uk-card-body .uk-table-striped tbody tr:nth-of-type(even):last-child, +.uk-card-primary > :not([class*="uk-card-media"]) .uk-table-striped > tr:nth-of-type(even):last-child, +.uk-card-primary > :not([class*="uk-card-media"]) .uk-table-striped tbody tr:nth-of-type(even):last-child, +.uk-card-secondary.uk-card-body .uk-table-striped > tr:nth-of-type(even):last-child, +.uk-card-secondary.uk-card-body .uk-table-striped tbody tr:nth-of-type(even):last-child, +.uk-card-secondary > :not([class*="uk-card-media"]) .uk-table-striped > tr:nth-of-type(even):last-child, +.uk-card-secondary > :not([class*="uk-card-media"]) .uk-table-striped tbody tr:nth-of-type(even):last-child, +.uk-overlay-primary .uk-table-striped > tr:nth-of-type(even):last-child, +.uk-overlay-primary .uk-table-striped tbody tr:nth-of-type(even):last-child, +.uk-offcanvas-bar .uk-table-striped > tr:nth-of-type(even):last-child, +.uk-offcanvas-bar .uk-table-striped tbody tr:nth-of-type(even):last-child { + border-bottom-color: rgba(255, 255, 255, 0.2); +} +.uk-light .uk-accordion-title::before, +.uk-section-primary:not(.uk-preserve-color) .uk-accordion-title::before, +.uk-section-secondary:not(.uk-preserve-color) .uk-accordion-title::before, +.uk-tile-primary:not(.uk-preserve-color) .uk-accordion-title::before, +.uk-tile-secondary:not(.uk-preserve-color) .uk-accordion-title::before, +.uk-card-primary.uk-card-body .uk-accordion-title::before, +.uk-card-primary > :not([class*="uk-card-media"]) .uk-accordion-title::before, +.uk-card-secondary.uk-card-body .uk-accordion-title::before, +.uk-card-secondary > :not([class*="uk-card-media"]) .uk-accordion-title::before, +.uk-overlay-primary .uk-accordion-title::before, +.uk-offcanvas-bar .uk-accordion-title::before { + background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2213%22%20height%3D%2213%22%20viewBox%3D%220%200%2013%2013%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Crect%20fill%3D%22rgba%28255,%20255,%20255,%200.7%29%22%20width%3D%2213%22%20height%3D%221%22%20x%3D%220%22%20y%3D%226%22%20%2F%3E%0A%20%20%20%20%3Crect%20fill%3D%22rgba%28255,%20255,%20255,%200.7%29%22%20width%3D%221%22%20height%3D%2213%22%20x%3D%226%22%20y%3D%220%22%20%2F%3E%0A%3C%2Fsvg%3E"); +} +.uk-light .uk-open > .uk-accordion-title::before, +.uk-section-primary:not(.uk-preserve-color) .uk-open > .uk-accordion-title::before, +.uk-section-secondary:not(.uk-preserve-color) .uk-open > .uk-accordion-title::before, +.uk-tile-primary:not(.uk-preserve-color) .uk-open > .uk-accordion-title::before, +.uk-tile-secondary:not(.uk-preserve-color) .uk-open > .uk-accordion-title::before, +.uk-card-primary.uk-card-body .uk-open > .uk-accordion-title::before, +.uk-card-primary > :not([class*="uk-card-media"]) .uk-open > .uk-accordion-title::before, +.uk-card-secondary.uk-card-body .uk-open > .uk-accordion-title::before, +.uk-card-secondary > :not([class*="uk-card-media"]) .uk-open > .uk-accordion-title::before, +.uk-overlay-primary .uk-open > .uk-accordion-title::before, +.uk-offcanvas-bar .uk-open > .uk-accordion-title::before { + background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2213%22%20height%3D%2213%22%20viewBox%3D%220%200%2013%2013%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Crect%20fill%3D%22rgba%28255,%20255,%20255,%200.7%29%22%20width%3D%2213%22%20height%3D%221%22%20x%3D%220%22%20y%3D%226%22%20%2F%3E%0A%3C%2Fsvg%3E"); +} +/* + * Pass dropbar behind color to JS + */ +* { + --uk-inverse: initial; +} +.uk-light, +.uk-section-primary:not(.uk-preserve-color), +.uk-section-secondary:not(.uk-preserve-color), +.uk-tile-primary:not(.uk-preserve-color), +.uk-tile-secondary:not(.uk-preserve-color), +.uk-card-primary.uk-card-body, +.uk-card-primary > :not([class*="uk-card-media"]), +.uk-card-secondary.uk-card-body, +.uk-card-secondary > :not([class*="uk-card-media"]), +.uk-overlay-primary, +.uk-offcanvas-bar { + --uk-inverse: light; +} +.uk-dark, +.uk-section-default:not(.uk-preserve-color), +.uk-section-muted:not(.uk-preserve-color), +.uk-tile-default:not(.uk-preserve-color), +.uk-tile-muted:not(.uk-preserve-color), +.uk-card-default.uk-card-body, +.uk-card-default > :not([class*="uk-card-media"]), +.uk-overlay-default, +.uk-dropbar, +.uk-navbar-container:not(.uk-navbar-transparent), +.uk-navbar-dropdown, +.uk-dropdown { + --uk-inverse: dark; +} +.uk-inverse-light { + --uk-inverse: light !important; +} +.uk-inverse-dark { + --uk-inverse: dark !important; +} +/* ======================================================================== + Component: Print + ========================================================================== */ +@media print { + *, + *::before, + *::after { + background: transparent !important; + color: black !important; + box-shadow: none !important; + text-shadow: none !important; + } + a, + a:visited { + text-decoration: underline; + } + pre, + blockquote { + border: 1px solid #999; + page-break-inside: avoid; + } + thead { + display: table-header-group; + } + tr, + img { + page-break-inside: avoid; + } + img { + max-width: 100% !important; + } + @page { + margin: 0.5cm; + } + p, + h2, + h3 { + orphans: 3; + widows: 3; + } + h2, + h3 { + page-break-after: avoid; + } +} \ No newline at end of file diff --git a/test/js/bun/css/util.ts b/test/js/bun/css/util.ts index 776600dc19..09b4701739 100644 --- a/test/js/bun/css/util.ts +++ b/test/js/bun/css/util.ts @@ -26,7 +26,7 @@ export function minifyTest(source: string, expected: string) { export function prefix_test(source: string, expected: string, targets: Browsers) { test(source, () => { - expect(prefixTestWithOptions(source, expected, targets)).toEqual(expected); + expect(prefixTestWithOptions(source, expected, targets)).toEqualIgnoringWhitespace(expected); }); } @@ -35,7 +35,7 @@ export function css_test(source: string, expected: string) { } export function cssTest(source: string, expected: string) { test(source, () => { - expect(testWithOptions(source, expected)).toEqual(expected); + expect(testWithOptions(source, expected)).toEqualIgnoringWhitespace(expected); }); } diff --git a/test/package.json b/test/package.json index 5a5f9e9f36..3f75a236a4 100644 --- a/test/package.json +++ b/test/package.json @@ -25,6 +25,7 @@ "esbuild": "0.18.6", "express": "4.18.2", "fast-glob": "3.3.1", + "filenamify": "6.0.0", "https-proxy-agent": "7.0.5", "iconv-lite": "0.6.3", "isbot": "5.1.13",