From 1cf4fa989e89674591cb7cd203b119fc341925d7 Mon Sep 17 00:00:00 2001 From: Ronald Brill Date: Tue, 25 Feb 2025 13:24:55 +0100 Subject: [PATCH 1/6] improve parsing of var initial values --- src/main/javacc/CSS3Parser.jj | 6513 +++++++++-------- .../parser/CSS3ParserRealWorldTest.java | 9 + .../cssparser/parser/CSS3ParserTest.java | 3 + .../resources/realworld/filterscontainer.css | 1 + 4 files changed, 3280 insertions(+), 3246 deletions(-) create mode 100644 src/test/resources/realworld/filterscontainer.css diff --git a/src/main/javacc/CSS3Parser.jj b/src/main/javacc/CSS3Parser.jj index a2bc94f..593a39b 100644 --- a/src/main/javacc/CSS3Parser.jj +++ b/src/main/javacc/CSS3Parser.jj @@ -1,3246 +1,3267 @@ -/* - * Copyright (c) 2019-2024 Ronald Brill. - * - * Licensed under the Apache License, Version 2.0 (the "License"); - * you may not use this file except in compliance with the License. - * You may obtain a copy of the License at - * http://www.apache.org/licenses/LICENSE-2.0 - * - * Unless required by applicable law or agreed to in writing, software - * distributed under the License is distributed on an "AS IS" BASIS, - * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. - * See the License for the specific language governing permissions and - * limitations under the License. - */ - -options { - IGNORE_CASE = true; - - UNICODE_INPUT = true; - USER_CHAR_STREAM = true; - -// DEBUG_TOKEN_MANAGER = true; -// DEBUG_PARSER = true; - - JDK_VERSION = "1.8"; -// JAVA_TEMPLATE_TYPE = "modern" -} - -PARSER_BEGIN(CSS3Parser) - -package org.htmlunit.cssparser.parser.javacc; - -import java.util.LinkedList; -import java.util.Locale; - -import org.htmlunit.cssparser.dom.CSSValueImpl; -import org.htmlunit.cssparser.dom.Property; -import org.htmlunit.cssparser.parser.AbstractCSSParser; -import org.htmlunit.cssparser.parser.CSSParseException; -import org.htmlunit.cssparser.parser.LexicalUnit; -import org.htmlunit.cssparser.parser.LexicalUnitImpl; -import org.htmlunit.cssparser.parser.LexicalUnit.LexicalUnitType; -import org.htmlunit.cssparser.parser.Locatable; -import org.htmlunit.cssparser.parser.Locator; -import org.htmlunit.cssparser.parser.condition.AttributeCondition; -import org.htmlunit.cssparser.parser.condition.BeginHyphenAttributeCondition; -import org.htmlunit.cssparser.parser.condition.ClassCondition; -import org.htmlunit.cssparser.parser.condition.Condition; -import org.htmlunit.cssparser.parser.condition.IdCondition; -import org.htmlunit.cssparser.parser.condition.LangCondition; -import org.htmlunit.cssparser.parser.condition.NotPseudoClassCondition; -import org.htmlunit.cssparser.parser.condition.OneOfAttributeCondition; -import org.htmlunit.cssparser.parser.condition.PrefixAttributeCondition; -import org.htmlunit.cssparser.parser.condition.PseudoClassCondition; -import org.htmlunit.cssparser.parser.condition.SubstringAttributeCondition; -import org.htmlunit.cssparser.parser.condition.SuffixAttributeCondition; -import org.htmlunit.cssparser.parser.media.MediaQuery; -import org.htmlunit.cssparser.parser.media.MediaQueryList; -import org.htmlunit.cssparser.parser.selector.ChildSelector; -import org.htmlunit.cssparser.parser.selector.DescendantSelector; -import org.htmlunit.cssparser.parser.selector.DirectAdjacentSelector; -import org.htmlunit.cssparser.parser.selector.ElementSelector; -import org.htmlunit.cssparser.parser.selector.GeneralAdjacentSelector; -import org.htmlunit.cssparser.parser.selector.PseudoElementSelector; -import org.htmlunit.cssparser.parser.selector.Selector; -import org.htmlunit.cssparser.parser.selector.SelectorList; -import org.htmlunit.cssparser.parser.selector.SelectorListImpl; -import org.htmlunit.cssparser.parser.selector.SimpleSelector; -import org.htmlunit.cssparser.util.ParserUtils; - -/** - * @author David Schweinsberg - * @author waldbaer - * @author Ahmed Ashour - * @author Ronald Brill - */ -public class CSS3Parser extends AbstractCSSParser { - - public CSS3Parser() { - this((CharStream) null); - } - - @Override - public String getParserVersion() { - return "http://www.w3.org/Style/CSS/"; - } - - protected String getGrammarUri() - { - return "http://www.w3.org/TR/WD-css3-syntax-20030813"; - } -} - -PARSER_END(CSS3Parser) - -TOKEN_MGR_DECLS : -{ -} - - TOKEN : -{ -// s [ \t\r\n\f]+ -// {s} {return S;} - < S: ( " "|"\t"|"\r"|"\n"|"\f" )+ > -// w {s}? -// | < W: ( )? > -} - - MORE : -{ - < "/*" > : COMMENT -} - - SKIP : -{ - < "*/" > : DEFAULT -} - - MORE : -{ - < ~[] > : COMMENT -} - - TOKEN : -{ -// h [0-9a-f] - < #H: ["0"-"9","a"-"f"] > -| < #HNUM: | | | | | > - -// nonascii [\200-\377] -// The two occurrences of "\377" represent the highest character number that -// current versions of Flex can deal with (decimal 255). They should be read as -// "\4177777" (decimal 1114111), which is the highest possible code point in -// Unicode/ISO-10646. -// Limitation: This parser can only handle Unicode characters up to \uFFFF -// (decimal 65535). -| < #NONASCII: ["\u0080"-"\uFFFF"] > - -// unicode \\{h}{1,6}(\r\n|[ \t\r\n\f])? -| < #UNICODE: "\\" ( "\r\n" | [" ","\t","\r","\n","\f"] )? > - -// escape {unicode}|\\[^\r\n\f0-9a-f] -| < #ESCAPE: | ( "\\" ~["\r","\n","\f","0"-"9","a"-"f"] ) > - -// nmstart [_a-z]|{nonascii}|{escape} -| < #NMSTART: ["_","a"-"z"] | | > - -// nmchar [_a-z0-9-]|{nonascii}|{escape} -| < #NMCHAR: ["_","a"-"z","0"-"9","-"] | | > - -// nl \n|\r\n|\r|\f -| < #NL: "\n" | "\r\n" | "\r" | "\f" > - -// string1 \"([^\n\r\f\\"]|\\{nl}|{escape})*\" -| < #STRING1: ( ~["\n","\r","\f","\\","\""] | "\\" | )* > - -// string2 \'([^\n\r\f\\']|\\{nl}|{escape})*\' -| < #STRING2: ( ~["\n","\r","\f","\\","\'"] | "\\" | )* > - -// comment \/\*[^*]*\*+([^/*][^*]*\*+)*\/ -| < #COMMENT_: "/" "*" ( ~["*"] )* ("*")+ ( ~["/","*"] ( ~["*"] )* ( "*" )+ )* "/"> - -| < AND: "and" > -| < NOT: "not" > -| < ONLY: "only" > - -// {num} {return NUMBER;} -| < NUMBER: > - -| < INHERIT: "inherit" > -| < NONE: "none" > -| < FROM: "from" > - -// ident -?{nmstart}{nmchar}* -// {ident} {return IDENT;} -| < IDENT: (< MINUS >)? ( )* > - -// name {nmchar}+ -| < #NAME: ( )+ > - -// num [0-9]+|[0-9]*"."[0-9]+ -| < NUM: ( ( ["0"-"9"] )+ | ( ["0"-"9"] )* "." ( ["0"-"9"] )+ ) (["e", "E"] ( ["+", "-"] )? ( ["0"-"9"] )+)? > - -// string {string1}|{string2} -// {string} {return STRING;} -| < STRING: ( "\"" "\"" ) | ( "\'" "\'" ) > { matchedToken.image = ParserUtils.trimBy(image, 1, 1); } - -// url ([!#$%&*-~]|{nonascii}|{escape})* -| < #URL: ( ["!","#","$","%","&","*"-"[","]"-"~"] | | )* > - -// A a|\\0{0,4}(41|61)(\r\n|[ \t\r\n\f])? -| < #A_LETTER: "a" | "\\" ("0")? ("0")? ("0")? ("0")? ( "41" | "61" ) ( "\r\n" | [ " ", "\t", "\r", "\n", "\f"])? > - -// C c|\\0{0,4}(43|63)(\r\n|[ \t\r\n\f])? -| < #C_LETTER: "c" | "\\" ("0")? ("0")? ("0")? ("0")? ( "43" | "63" ) ( "\r\n" | [ " ", "\t", "\r", "\n", "\f"])? > - -// D d|\\0{0,4}(44|64)(\r\n|[ \t\r\n\f])? -| < #D_LETTER: "d" | "\\" ("0")? ("0")? ("0")? ("0")? ( "44" | "64" ) ( "\r\n" | [ " ", "\t", "\r", "\n", "\f"])? > - -// E e|\\0{0,4}(45|65)(\r\n|[ \t\r\n\f])? -| < #E_LETTER: "e" | "\\" ("0")? ("0")? ("0")? ("0")? ( "45" | "65" ) ( "\r\n" | [ " ", "\t", "\r", "\n", "\f"])? > - -// F f|\\0{0,4}(46|66)(\r\n|[ \t\r\n\f])? -| < #F_LETTER: "f" | "\\" ("0")? ("0")? ("0")? ("0")? ( "46" | "66" ) ( "\r\n" | [ " ", "\t", "\r", "\n", "\f"])? > - -// G g|\\0{0,4}(47|67)(\r\n|[ \t\r\n\f])?|\\g -| < #G_LETTER: "g" | "\\" ("0")? ("0")? ("0")? ("0")? ( "47" | "67" ) ( "\r\n" | [ " ", "\t", "\r", "\n", "\f"])? | "\\" "g" > - -// H h|\\0{0,4}(48|68)(\r\n|[ \t\r\n\f])?|\\h -| < #H_LETTER: "h" | "\\" ("0")? ("0")? ("0")? ("0")? ( "48" | "68" ) ( "\r\n" | [ " ", "\t", "\r", "\n", "\f"])? | "\\" "h" > - -// I i|\\0{0,4}(49|69)(\r\n|[ \t\r\n\f])?|\\i -| < #I_LETTER: "i" | "\\" ("0")? ("0")? ("0")? ("0")? ( "49" | "69" ) ( "\r\n" | [ " ", "\t", "\r", "\n", "\f"])? | "\\" "i" > - -// K k|\\0{0,4}(4b|6b)(\r\n|[ \t\r\n\f])?|\\k -| < #K_LETTER: "k" | "\\" ("0")? ("0")? ("0")? ("0")? ( "4b" | "6b" ) ( "\r\n" | [ " ", "\t", "\r", "\n", "\f"])? | "\\" "k" > - -// L l|\\0{0,4}(4c|6c)(\r\n|[ \t\r\n\f])?|\\l -| < #L_LETTER: "l" | "\\" ("0")? ("0")? ("0")? ("0")? ( "4c" | "6c" ) ( "\r\n" | [ " ", "\t", "\r", "\n", "\f"])? | "\\" "l" > - -// M m|\\0{0,4}(4d|6d)(\r\n|[ \t\r\n\f])?|\\m -| < #M_LETTER: "m" | "\\" ("0")? ("0")? ("0")? ("0")? ( "4d" | "6d" ) ( "\r\n" | [ " ", "\t", "\r", "\n", "\f"])? | "\\" "m" > - -// N n|\\0{0,4}(4e|6e)(\r\n|[ \t\r\n\f])?|\\n -| < #N_LETTER: "n" | "\\" ("0")? ("0")? ("0")? ("0")? ( "4e" | "6e" ) ( "\r\n" | [ " ", "\t", "\r", "\n", "\f"])? | "\\" "n" > - -// O o|\\0{0,4}(51|71)(\r\n|[ \t\r\n\f])?|\\o -| < #O_LETTER: "o" | "\\" ("0")? ("0")? ("0")? ("0")? ( "51" | "71" ) ( "\r\n" | [ " ", "\t", "\r", "\n", "\f"])? | "\\" "o" > - -// P p|\\0{0,4}(50|70)(\r\n|[ \t\r\n\f])?|\\p -| < #P_LETTER: "p" | "\\" ("0")? ("0")? ("0")? ("0")? ( "50" | "70" ) ( "\r\n" | [ " ", "\t", "\r", "\n", "\f"])? | "\\" "p" > - -// R r|\\0{0,4}(52|72)(\r\n|[ \t\r\n\f])?|\\r -| < #R_LETTER: "r" | "\\" ("0")? ("0")? ("0")? ("0")? ( "52" | "72" ) ( "\r\n" | [ " ", "\t", "\r", "\n", "\f"])? | "\\" "r" > - -// S s|\\0{0,4}(53|73)(\r\n|[ \t\r\n\f])?|\\s -| < #S_LETTER: "s" | "\\" ("0")? ("0")? ("0")? ("0")? ( "53" | "73" ) ( "\r\n" | [ " ", "\t", "\r", "\n", "\f"])? | "\\" "s" > - -// T t|\\0{0,4}(54|74)(\r\n|[ \t\r\n\f])?|\\t -| < #T_LETTER: "t" | "\\" ("0")? ("0")? ("0")? ("0")? ( "54" | "74" ) ( "\r\n" | [ " ", "\t", "\r", "\n", "\f"])? | "\\" "t" > - -// U v|\\0{0,4}(55|76)(\r\n|[ \t\r\n\f])?|\\v -| < #U_LETTER: "u" | "\\" ("0")? ("0")? ("0")? ("0")? ( "55" | "75" ) ( "\r\n" | [ " ", "\t", "\r", "\n", "\f"])? | "\\" "u" > - -// X x|\\0{0,4}(58|78)(\r\n|[ \t\r\n\f])?|\\x -| < #X_LETTER: "x" | "\\" ("0")? ("0")? ("0")? ("0")? ( "58" | "78" ) ( "\r\n" | [ " ", "\t", "\r", "\n", "\f"])? | "\\" "x" > - -// Z z|\\0{0,4}(5a|7a)(\r\n|[ \t\r\n\f])?|\\z -| < #Z_LETTER: "z" | "\\" ("0")? ("0")? ("0")? ("0")? ( "5a" | "7a" ) ( "\r\n" | [ " ", "\t", "\r", "\n", "\f"])? | "\\" "z" > - -// "" {return CDC;} -| < CDC: "-->" > - -// "~=" {return INCLUDES;} -| < INCLUDES: "~=" > - -// "|=" {return DASHMATCH;} -| < DASHMATCH: "|=" > - -// "^=" {return PREFIXMATCH;} -| < PREFIXMATCH: "^=" > - -// "$=" {return SUFFIXMATCH;} -| < SUFFIXMATCH: "$=" > - -// "*=" {return SUBSTRINGMATCH;} -| < SUBSTRINGMATCH: "*=" > - -// {w}"{" {return LBRACE;} -| < LBRACE: "{" > -| < RBRACE: "}" > - -| < LROUND: "(" > -| < RROUND: ")" > - -| < DOT: "." > -| < SEMICOLON: ";" > -| < COLON: ":" > -| < ASTERISK: "*" > -| < SLASH: "/" > -| < MINUS: "-" > -| < EQUALS: "=" > -| < LSQUARE: "[" > -| < RSQUARE: "]" > - -// {w}"+" {return PLUS;} -| < PLUS: "+" > - -// {w}">" {return GREATER;} -| < GREATER: ">" > - -// {w}"~" {return TILDE;} -| < TILDE: "~" > - -// {w}"," {return COMMA;} -| < COMMA: "," > - -// "#"{name} {return HASH;} -| < HASH: "#" > - -// @{I}{M}{P}{O}{R}{T} {return IMPORT_SYM;} -| < IMPORT_SYM: "@" > - -// @{P}{A}{G}{E} {return PAGE_SYM;} -| < PAGE_SYM: "@" > - -// @{M}{E}{D}{I}{A} {return MEDIA_SYM;} -| < MEDIA_SYM: "@" > - -// "@{F}{O}{N}{T}-{F}{A}{C}{E}" {return FONT_FACE_SYM;} -| < FONT_FACE_SYM: "@" < MINUS > > - -// @{C}{H}{A}{R}{S}{E}{T} {return CHARSET_SYM;} -| < CHARSET_SYM: "@" > - -// "!"({w}|{comment})*{I}{M}{P}{O}{R}{T}{A}{N}{T} {return IMPORTANT_SYM;} -| < IMPORTANT_SYM: "!" ( | )* > - -// {num}{E}{M} {return EMS;} -| < EMS: > { matchedToken.image = ParserUtils.trimBy(image, 0, 2); } - -// {num}{R}{E}{M} {return REM;} -| < REM: "rem" > { matchedToken.image = ParserUtils.trimBy(image, 0, 3); } - -// {num}{E}{X} {return EXS;} -| < EXS: > { matchedToken.image = ParserUtils.trimBy(image, 0, 2); } - -// {num}{C}{H} {return CH;} -| < CH: "ch" > { matchedToken.image = ParserUtils.trimBy(image, 0, 2); } - -// {num}{V}{W} {return VW;} -| < VW: "vw" > { matchedToken.image = ParserUtils.trimBy(image, 0, 2); } - -// {num}{V}{H} {return VH;} -| < VH: "vh" > { matchedToken.image = ParserUtils.trimBy(image, 0, 2); } - -// {num}{V}{M}{I}{N} {return VMIN;} -| < VMIN: "vmin" > { matchedToken.image = ParserUtils.trimBy(image, 0, 4); } - -// {num}{V}{M}{I}{N} {return VMAX;} -| < VMAX: "vmax" > { matchedToken.image = ParserUtils.trimBy(image, 0, 4); } - -// {num}{P}{X} {return LENGTH;} -| < LENGTH_PX: "px" > { matchedToken.image = ParserUtils.trimBy(image, 0, 2); } - -// {num}{C}{M} {return LENGTH;} -| < LENGTH_CM: "cm" > { matchedToken.image = ParserUtils.trimBy(image, 0, 2); } - -// {num}{M}{M} {return LENGTH;} -| < LENGTH_MM: "mm" > { matchedToken.image = ParserUtils.trimBy(image, 0, 2); } - -// {num}{I}{N} {return LENGTH;} -| < LENGTH_IN: "in" > { matchedToken.image = ParserUtils.trimBy(image, 0, 2); } - -// {num}{P}{T} {return LENGTH;} -| < LENGTH_PT: "pt" > { matchedToken.image = ParserUtils.trimBy(image, 0, 2); } - -// {num}{P}{C} {return LENGTH;} -| < LENGTH_PC: "pc" > { matchedToken.image = ParserUtils.trimBy(image, 0, 2); } - -// {num}{Q} {return LENGTH;} -| < LENGTH_Q: "Q" > { matchedToken.image = ParserUtils.trimBy(image, 0, 1); } - -// {num}{D}{E}{G} {return ANGLE;} -| < ANGLE_DEG: "deg" > { matchedToken.image = ParserUtils.trimBy(image, 0, 3); } - -// {num}{R}{A}{D} {return ANGLE;} -| < ANGLE_RAD: "rad" > { matchedToken.image = ParserUtils.trimBy(image, 0, 3); } - -// {num}{G}{R}{A}{D} {return ANGLE;} -| < ANGLE_GRAD: "grad" > { matchedToken.image = ParserUtils.trimBy(image, 0, 4); } - -// {num}{T}{U}{R}{N} {return ANGLE;} -| < ANGLE_TURN: "turn" > { matchedToken.image = ParserUtils.trimBy(image, 0, 4); } - -// {num}{M}{S} {return TIME;} -| < TIME_MS: > { matchedToken.image = ParserUtils.trimBy(image, 0, 2); } - -// {num}{S} {return TIME;} -| < TIME_S: > { matchedToken.image = ParserUtils.trimBy(image, 0, 1); } - -// {num}{H}{Z} {return FREQ;} -| < FREQ_HZ: > { matchedToken.image = ParserUtils.trimBy(image, 0, 2); } - -// {num}{K}{H}{Z} {return FREQ;} -| < FREQ_KHZ: > { matchedToken.image = ParserUtils.trimBy(image, 0, 3); } - -// {num}{D}{P}{I} {return RESOLUTION;} -| < RESOLUTION_DPI: "dpi" > { matchedToken.image = ParserUtils.trimBy(image, 0, 3); } - -// {num}{D}{P}{C}{M} {return RESOLUTION;} -| < RESOLUTION_DPCM: "dpcm" > { matchedToken.image = ParserUtils.trimBy(image, 0, 4); } - -// {num}% {return PERCENTAGE;} -| < PERCENTAGE: "%" > { matchedToken.image = ParserUtils.trimBy(image, 0, 1); } - -// {num}{ident} {return DIMENSION;} -| < DIMENSION: ( ["a"-"z","0"-"9"] | | )* > - -| < #H_PLACEHOLDER: ( | "?"){1,6} > -| < UNICODE_RANGE: "u+" (< MINUS > < H_PLACEHOLDER >)? > - -// "url("{w}{string}{w}")" {return URI;} -// "url("{w}{url}{w}")" {return URI;} -| < URI: "url" ( )* ( | ) ( )* > { matchedToken.image = ParserUtils.trimUrl(image); } - -// {N}{O}{T} "(" {return FUNCTION_NOT;} -| < FUNCTION_NOT: "not" > - -// {L}{A}{N}{G} "(" {return FUNCTION_LANG;} -| < FUNCTION_LANG: "lang" > - -// {C}{A}{L}{C} "(" {return FUNCTION_CALC;} -| < FUNCTION_CALC: "calc" > - -// {V}{A}{R} "(" {return FUNCTION_VAR;} -| < FUNCTION_VAR: "var" > - -| < FUNCTION_RGB: "rgb" ("a")? > -| < FUNCTION_HSL: "hsl" ("a")? > -| < FUNCTION_HWB: "hwb" > -| < FUNCTION_LAB: ("ok")? "lab" > -| < FUNCTION_LCH: ("ok")? "lch" > - -| < CUSTOM_PROPERTY_NAME: < MINUS > ( )* > - -// {ident} "(" {return FUNCTION;} -| < FUNCTION: > - -| < ATKEYWORD: "@" > -} - -<*> TOKEN: -{ - < UNKNOWN: ~[] > - { - // System.err.println("Illegal character : " + image.toString()); - } -} - -// -// stylesheet -// : [ CHARSET_SYM STRING ';' ]? -// [S|CDO|CDC]* [ import [S|CDO|CDC]* ]* -// [ [ ruleset | media | page | font_face ] [S|CDO|CDC]* ]* -// ; -// -void styleSheet() : -{ -} -{ - try - { - { handleStartDocument(); } - styleSheetRuleList() - - } - finally - { - handleEndDocument(); - } -} - -void styleSheetRuleList() : -{ - boolean ruleFound = false; -} -{ - ( | | )* - ( - charsetRule() - ( | | )* - )? - ( - ( - ( - importRule(ruleFound) - | - ( - styleRule() | mediaRule() | pageRule() | fontFaceRule() | unknownAtRule() - ) - { - ruleFound = true; - } - ) - | - ( - // skip until the next RBRACE - { ParseException e = generateParseException(); } - invalidRule() - { - Token t = getNextToken(); - - boolean charsetProcessed = false; - if (t.kind == CHARSET_SYM) { - t = getNextToken(); - if (t.kind == S) { - t = getNextToken(); - if (t.kind == STRING) { - t = getNextToken(); - if (t.kind == SEMICOLON) { - getNextToken(); - charsetProcessed = true; - } - } - } - CSSParseException cpe = toCSSParseException("misplacedCharsetRule", e); - getErrorHandler().error(cpe); - getErrorHandler().warning(createSkipWarning("ignoringRule", cpe)); - } - - if (!charsetProcessed) { - if (t.kind == EOF) { - return; - } - - CSSParseException cpe = toCSSParseException("invalidRule", e); - getErrorHandler().error(cpe); - getErrorHandler().warning(createSkipWarning("ignoringRule", cpe)); - while (t.kind != RBRACE && t.kind != EOF ) { - t = getNextToken(); - } - if (t.kind == EOF) { - return; - } - } - } - ) - ) - ( | | )* - )* -} - -JAVACODE -void invalidRule() -{ -} - -// -// This is used by ASTStyleSheet.insertRule to parse a single rule -// -void styleSheetRuleSingle() : -{ -} -{ - ( )* - ( charsetRule() | importRule(false) | styleRule() | mediaRule() | pageRule() | fontFaceRule() | unknownAtRule() ) - ( )* -} - -void charsetRule() : -{ - Token t; - Locator locator; -} -{ - try - { - - { - locator = createLocator(token); - } - - t = - - { - handleCharset(t.toString(), locator); - } - } - catch (ParseException e) - { - getErrorHandler().error(toCSSParseException("invalidCharsetRule", e)); - } -} - -void unknownAtRule() : -{ - String s; - Locator locator; -} -{ - try - { - - { - locator = createLocator(token); - s = skip(); - handleIgnorableAtRule(s, locator); - } - } - catch (ParseException e) - { - getErrorHandler().error(toCSSParseException("invalidUnknownRule", generateParseException())); - } -} - -// -// import -// : IMPORT_SYM S* -// [STRING|URI] S* [ medium [ COMMA S* medium]* ]? ';' S* -// ; -// -void importRule(final boolean nonImportRuleFoundBefore) : -{ - Token t; - MediaQueryList ml = new MediaQueryList(); - Locator locator; -} -{ - try - { - { - ParseException e = null; - if (nonImportRuleFoundBefore) - { - e = generateParseException(); - } - } - - { - locator = createLocator(token); - } - ( )* - ( t = | t = ) ( )* - ( mediaList(ml) )? - - { - if (nonImportRuleFoundBefore) - { - getErrorHandler().error(toCSSParseException("invalidImportRuleIgnored2", e)); - } - else - { - handleImportStyle(unescape(t.image, false), ml, null, locator); - } - } - } - catch (CSSParseException e) - { - getErrorHandler().error(e); - error_skipAtRule(); - } - catch (ParseException e) - { - getErrorHandler().error(toCSSParseException("invalidImportRule", e)); - error_skipAtRule(); - } -} - -// -// media -// : MEDIA_SYM S* medium [ COMMA S* medium ]* '{' S* ruleset* '}' S* -// ; -// -void mediaRule() : -{ - boolean start = false; - MediaQueryList ml = new MediaQueryList(); - Locator locator; -} -{ - try - { - - { - locator = createLocator(token); - } - ( )* - mediaList(ml) - { - start = true; - handleStartMedia(ml, locator); - } - ( )* - ( mediaRuleList() )? - - } - catch (CSSParseException e) - { - getErrorHandler().error(e); - error_skipblock("ignoringRule", e); - } - catch(ParseException e) - { - CSSParseException cpe = toCSSParseException("invalidMediaRule", e); - getErrorHandler().error(cpe); - error_skipblock("ignoringRule", cpe); - } - finally - { - if (start) { - handleEndMedia(ml); - } - } -} - -void mediaList(MediaQueryList ml) : -{ - MediaQuery mq; -} -{ - try - { - mq = mediaQuery() - { - ml.setLocator(createLocator(token)); - } - ( ( )* { ml.add(mq); } mq = mediaQuery() )* - { ml.add(mq); } - } - catch(ParseException e) - { - throw toCSSParseException("invalidMediaList", e); - } -} - -// -// media_query -// : [ONLY | NOT]? S* media_type S* [ AND S* expression ]* -// | expression [ AND S* expression ]* -// ; -// -MediaQuery mediaQuery() : -{ - String s; - MediaQuery mq; - Property p; - boolean only = false; - boolean not = false; -} -{ - ( - ( - ( - ( - { only = true; } - | - { not = true; } - ) ( )* - )? - s = medium() - { mq = new MediaQuery(s, only, not); mq.setLocator(createLocator(token)); } - ( - ( )* - p = mediaExpression() - { - mq.addMediaProperty(p); - } - )* - ) - | - ( - p = mediaExpression() - { - mq = new MediaQuery(null, only, not); - mq.setLocator(createLocator(token)); - mq.addMediaProperty(p); - } - ( - ( )* - p = mediaExpression() - { - mq.addMediaProperty(p); - } - )* - ) - ) - { return mq; } -} - -// -// expression -// : '(' S* media_feature S* [ ':' S* expr ]? ')' S* -// ; -// -Property mediaExpression() : -{ - String p; - LexicalUnit e = null; - Property prop; - Token t; -} -{ - - ( )* - ( - t = identExcludingOnly() ( )* { p = unescape(t.image, false); } - | t = ( )* { p = unescape(t.image, false); } - ) - ( - ( )* - e = expr() - )? - - ( )* - { - if(e==null) - { - prop = new Property(p, null, false); - } - else - { - prop = new Property(p, new CSSValueImpl(e), false); - } - return prop; - } -} - -void mediaRuleList() : -{ -} -{ - ( ( styleRule() | mediaRule() | pageRule() | importRule(true) | unknownAtRule() ) ( )* )+ -} - -// -// medium -// : IDENT S* -// ; -// -String medium() : -{ - Token t; -} -{ - t = identExcludingOnly() ( )* - { - return unescape(t.image, false); - } -} - -// -// page -// : PAGE_SYM S* pseudo_page? S* -// '{' S* declaration [ ';' S* declaration ]* '}' S* -// ; -// -void pageRule() : -{ - String sel = null; - boolean start = false; - Locator locator; -} -{ - try { - - { - locator = createLocator(token); - } - ( )* - - ( sel = pageSelectorList() )? - - ( )* - { - start = true; - handleStartPage(null, sel, locator); - } - - styleDeclaration() - - } - catch (CSSParseException e) - { - getErrorHandler().error(e); - error_skipblock("ignoringRule", e); - } - catch(ParseException e) - { - CSSParseException cpe = toCSSParseException("invalidPageRule", e); - getErrorHandler().error(cpe); - error_skipblock("ignoringRule", cpe); - } - finally { - if (start) { - handleEndPage(null, sel); - } - } -} - -// -// pageSelectorList -// : [ pageSelector S* [ ',' pageSelector S* ]* ]? -// ; -// -String pageSelectorList() : -{ - String sel; - LinkedList selectors = new LinkedList<>(); -} -{ - sel = pageSelector() { selectors.add(sel); } - ( - ( )* sel = pageSelector() { selectors.add(sel); } - )* - - { return String.join(", ", selectors); } -} - -// -// pageSelector -// : pseudoPage+ | IDENT pseudoPage* -// ; -// -String pageSelector() : -{ - StringBuilder pseudos = new StringBuilder(); - String pseudo; - Token ident; -} -{ - ( - pseudo = pseudoPage() { pseudos.append(pseudo); } - | - ident = ident() { pseudos.append(unescape(ident.image, false)); } - ) - ( pseudo = pseudoPage() { pseudos.append(pseudo); } )* - ( )* - - { return pseudos.toString(); } -} - -// -// pseudoPage -// : ':' IDENT -// ; -// -String pseudoPage() : -{ - Token t; -} -{ - t = ident() { return ":" + normalizeAndValidatePagePseudoClass(t); } -} - -// -// font_face -// : FONT_FACE_SYM S* -// '{' S* declaration [ ';' S* declaration ]* '}' S* -// ; -// -void fontFaceRule() : -{ - boolean start = false; - Locator locator; -} -{ - try { - - { - locator = createLocator(token); - } - ( )* - ( )* { start = true; handleStartFontFace(locator); } - styleDeclaration() - - } - catch(ParseException e) - { - throw toCSSParseException("invalidFontFaceRule", e); - } - finally { - if (start) { - handleEndFontFace(); - } - } -} - -// -// operator -// : '/' S* | COMMA S* | /* empty */ -// ; -// -LexicalUnit operator(LexicalUnit prev) : -{ -} -{ - ( )* { return new LexicalUnitImpl(prev, LexicalUnitType.OPERATOR_SLASH); } - | ( )* { return LexicalUnitImpl.createComma(prev); } -} - -// -// combinator -// : PLUS S* -// | GREATER S* -// | S -// ; -// -char combinator() : -{ - char c = ' '; -} -{ - ( - { c='+'; } ( )* - | { c='>'; } ( )* - | { c='~'; } ( )* - | ( ( { c='+'; } | { c='>'; } | { c='~'; } ) ( )* )? - ) - { return c; } -} - -// -// unary_operator -// : '-' | PLUS -// ; -// -char unaryOperator() : -{ -} -{ - ( { return '-'; } | { return '+'; } ) -} - - -// -// ruleset -// : selector [ COMMA S* selector ]* -// '{' S* declaration [ ';' S* declaration ]* '}' S* -// ; -// -void styleRule() : -{ - SelectorList selList = null; - boolean start = false; - Token t; -} -{ - try { - { - t = token; - } - selList = selectorList() - ( )* - { - start = true; - handleStartSelector(selList, createLocator(t.next)); - } - styleDeclaration() - ( | ) - } - catch(CSSParseException e) - { - getErrorHandler().error(e); - error_skipblock("ignoringRule", e); - } - catch(ParseException e) - { - CSSParseException cpe = toCSSParseException("invalidStyleRule", e); - getErrorHandler().error(cpe); - error_skipblock("ignoringFollowingDeclarations", cpe); - } - finally { - if (start) { - handleEndSelector(selList); - } - } -} - -SelectorList parseSelectorsInternal() : -{ - SelectorList selectors; -} -{ - ( )* - selectors = selectorList() - - { - return selectors; - } -} - -SelectorList selectorList() : -{ - SelectorListImpl selList = new SelectorListImpl(); - Selector sel; -} -{ - sel = selector() { selList.setLocator(sel.getLocator()); } - ( ( )* - { selList.add(sel); } - sel = selector() { selList.setLocator(sel.getLocator()); } - )* - { - selList.add(sel); - return selList; - } -} - -// -// selector -// : simple_selector_sequence [ combinator simple_selector_sequence ]* -// ; -// -Selector selector() : -{ - Selector sel; - char comb; -} -{ - try { - sel = simpleSelector(null, ' ') - ( LOOKAHEAD(2) comb = combinator() sel = simpleSelector(sel, comb) )* ( )* - { - return sel; - } - } catch (ParseException e) { - throw toCSSParseException("invalidSelector", e); - } -} - -// -// simple_selector -// : element_name [ HASH | class | attrib | pseudo ]* -// | [ HASH | class | attrib | pseudo ]+ -// ; -// -Selector simpleSelector(Selector sel, char comb) : -{ - ElementSelector elemSel = null; - SimpleSelector simpleSel = null; - Condition c = null; - SimpleSelector pseudoElementSel = null; - Object o = null; -} -{ - try - { - ( - ( elemSel = elementName() - ( c = hash(null != pseudoElementSel) { elemSel.addCondition(c); } - | c = _class(null != pseudoElementSel) { elemSel.addCondition(c); } - | c = attrib(null != pseudoElementSel) { elemSel.addCondition(c); } - | ( - o = pseudo(null != pseudoElementSel) - { if (o instanceof Condition) - { elemSel.addCondition((Condition) o); - } else { - pseudoElementSel = (SimpleSelector) o; - } - } - ) - )* - ) - | - ( { elemSel = new ElementSelector(null, createLocator(token)); } - ( c = hash(null != pseudoElementSel) { elemSel.addCondition(c); } - | c = _class(null != pseudoElementSel) { elemSel.addCondition(c); } - | c = attrib(null != pseudoElementSel) { elemSel.addCondition(c); } - | ( - o = pseudo(null != pseudoElementSel) - { if (o instanceof Condition) - { elemSel.addCondition((Condition) o); - } else { - pseudoElementSel = (SimpleSelector) o; - } - } - ) - )+ - ) - ) - - { - simpleSel = elemSel; - if (sel == null) { - sel = simpleSel; - } else { - switch (comb) { - case ' ': - sel = new DescendantSelector(sel, simpleSel); - break; - case '+': - sel = new DirectAdjacentSelector(sel, simpleSel); - break; - case '>': - sel = new ChildSelector(sel, simpleSel); - break; - case '~': - sel = new GeneralAdjacentSelector(sel, simpleSel); - break; - } - } - if (pseudoElementSel != null) - { - sel = new DescendantSelector(sel, pseudoElementSel); - } - - return sel; - } - } - catch (ParseException e) - { - throw toCSSParseException("invalidSimpleSelector", e); - } -} - -// -// class -// : '.' IDENT -// ; -// -Condition _class(boolean pseudoElementFound) : -{ - Token t; - Locator locator; - ParseException pe = null; -} -{ - try - { - { if (pseudoElementFound) { pe = generateParseException(); } } - - { - locator = createLocator(token); - } - - t = ident() - { - if (pseudoElementFound) { throw pe; } - return new ClassCondition(unescape(t.image, false), locator); - } - } - catch (ParseException e) - { - throw toCSSParseException("invalidClassSelector", e); - } -} - -// -// element_name -// : IDENT | '*' -// ; -// -ElementSelector elementName() : -{ - Token t; -} -{ - try - { - t = ident() - { - return new ElementSelector(unescape(t.image, false), createLocator(t)); - } - | - { - return new ElementSelector(null, createLocator(token)); - } - } - catch (ParseException e) - { - throw toCSSParseException("invalidElementName", e); - } -} - -// -// attrib -// : '[' S* IDENT S* [ [ '=' | INCLUDES | DASHMATCH | PREFIXMATCH | SUFFIXMATCH | SUBSTRINGMATCH ] S* -// [ IDENT | STRING ] S* ]? ']' -// ; -// -Condition attrib(boolean pseudoElementFound) : -{ - Token t; - String name = null; - String value = null; - Boolean insensitive = null; - int type = 0; - Locator locator; -} -{ - try - { - - { - locator = createLocator(token); - } - ( )* - { if (pseudoElementFound) { throw generateParseException(); } } - - t = ident() { name = unescape(t.image, false); } - ( )* - ( - ( - { type = 4; } - | - { type = 5; } - | - { type = 6; } - | - "=" { type = 1; } // don't use because of the leading whitespace - | - { type = 2; } - | - { type = 3; } - ) - ( )* - ( - ( - t = ident() { value = unescape(t.image, false); } - | - t = { value = unescape(t.image, false); } - ) - - ( )* - ) - ( - t = ident() { insensitive = handleCaseInSensitive(t); } - ( )* - )? - )? - - { - Condition c = null; - switch (type) { - case 0: - c = new AttributeCondition(name, null, insensitive); - break; - case 1: - c = new AttributeCondition(name, value, insensitive); - break; - case 2: - c = new OneOfAttributeCondition(name, value, insensitive); - break; - case 3: - c = new BeginHyphenAttributeCondition(name, value, insensitive); - break; - case 4: - c = new PrefixAttributeCondition(name, value, insensitive); - break; - case 5: - c = new SuffixAttributeCondition(name, value, insensitive); - break; - case 6: - c = new SubstringAttributeCondition(name, value, insensitive); - break; - } - c.setLocator(locator); - return c; - } - } - catch (ParseException e) - { - throw toCSSParseException("invalidAttrib", e); - } -} - -// -// pseudo -// : ':' (':')? -// [ IDENT -// | FUNCTION_NOT S* selector() S* ')' -// | FUNCTION_LANG S* IDENT S* ')' -// | FUNCTION S* ((PLUS | MINUS | DIMENSION | NUMBER | STRING | IDENT)? S*)+ ')' -// ] -// ; -// -Object pseudo(boolean pseudoElementFound) : -{ - Token t; - String function; - boolean doubleColon = false; - SelectorList selectorList; - Locator locator; -} -{ - try - { - { locator = createLocator(token); } - ( { doubleColon = true; } )? - - ( - t = ident() - { - String s = unescape(t.image, false); - if (pseudoElementFound) { throw toCSSParseException("duplicatePseudo", new String[] { s }, locator); } - if ("first-line".equals(s) - || "first-letter".equals(s) - || "before".equals(s) - || "after".equals(s)) - { - return new PseudoElementSelector(s, locator, doubleColon); - } - return new PseudoClassCondition(s, locator, doubleColon); - } - | - ( - t = { function = unescape(t.image, false); } - ( )* - selectorList = selectorList() - - { - if (pseudoElementFound) { throw toCSSParseException("duplicatePseudo", new String[] { function + selectorList + ")" }, locator); } - return new NotPseudoClassCondition(selectorList, locator, doubleColon); - } - ) - | - ( - t = { function = unescape(t.image, false); } - ( )* - t = ident() { String lang = unescape(t.image, false); } - ( )* - - { - if (pseudoElementFound) { throw toCSSParseException("duplicatePseudo", new String[] { "lang(" + lang + ")" }, locator); } - return new LangCondition(lang, locator); - } - ) - | - ( - t = { function = unescape(t.image, false); StringBuilder args = new StringBuilder(); } - ( )* - ( - (t = | t = | t = | t = | t = | t = ident()) - { args.append(unescape(t.image, false)); } - ( t = - { args.append(unescape(t.image, false)); } - )* - )+ - - { - if (pseudoElementFound) { throw toCSSParseException("duplicatePseudo", new String[] { function + args.toString().trim() + ")" }, locator); } - return new PseudoClassCondition(function + args.toString().trim() + ")", locator, doubleColon); - } - ) - ) - } - catch (ParseException e) - { - throw toCSSParseException("invalidPseudo", e); - } -} - -Condition hash(boolean pseudoElementFound) : -{ - Token t; - ParseException pe = null; -} -{ - try - { - { if (pseudoElementFound) { pe = generateParseException(); } } - t = - { - if (pseudoElementFound) { throw pe; } - return new IdCondition(unescape(t.image.substring(1), false), createLocator(t)); - } - } - catch (ParseException e) - { - throw toCSSParseException("invalidHash", e); - } -} - -void styleDeclaration() : -{ -} -{ - ( declaration() )? - ( ( )* ( declaration() )? )* -} - -// -// declaration -// : property ':' S* expr prio? -// | -// ; -// -void declaration() : -{ - String p; - LexicalUnit e = null; - Token t; - boolean priority = false; - Locator starHack = null; - Locator locator = null; -} -{ - try - { - // at the moment i have no better idea how to handle the - // infamous css-star-hack (http://en.wikipedia.org/wiki/CSS_filter#Star_hack) - // smart (means: ignoring only one decl) - ( { starHack = createLocator(token); } )? - ( - ( - t = ident() { p = unescape(t.image, false); locator = createLocator(t); } - ( )* - ( )* - e = expr() - ) - | - ( - t = ( )* { p = unescape(t.image, false); locator = createLocator(t); } - ( )* - ( e = expr() )? - ) - ) - - ( priority = prio() )? - - // maybe there are strange characters at the end - create error and skip - ( t = - { - locator = createLocator(t); - CSSParseException cpe = toCSSParseException("invalidDeclarationInvalidChar", new String[] {t.image}, locator); - getErrorHandler().error(cpe); - error_skipdecl(); - } - )? - - { - if (starHack != null) - { - CSSParseException cpe = toCSSParseException("invalidDeclarationStarHack", new Object[0], starHack); - getErrorHandler().error(cpe); - return; - } - handleProperty(p, e, priority, locator); - } - } - catch (CSSParseException ex) - { - getErrorHandler().error(ex); - error_skipdecl(); - } - catch (ParseException ex) - { - CSSParseException cpe = toCSSParseException("invalidDeclaration", ex); - getErrorHandler().error(cpe); - error_skipdecl(); - } -} - -// -// prio -// : IMPORTANT_SYM S* -// ; -boolean prio() : -{ -} -{ - ( )* - { return true; } -} - -// -// expr -// : term [ operator term ]* -// ; -LexicalUnit expr() : -{ - LexicalUnit head; - LexicalUnit body; -} -{ - try - { - head = term(null) { body = head; } - ( - ( body = operator(body) )? - body = term(body) - )* - { return head; } - } - catch (ParseException ex) - { - throw toCSSParseException("invalidExpr", ex); - } -} - -// -// term -// : unary_operator? -// [ NUMBER | PERCENTAGE | LENGTH | EMS | REM | EXS | ANGLE | TIME | FREQ | function ] -// | STRING | IDENT | URI | hexcolor | DIMENSION -// S* -// ; -// -LexicalUnit term(LexicalUnit prev) : -{ - Token t; - char op = ' '; - LexicalUnit value = null; - Locator locator = null; -} -{ - ( op = unaryOperator() )? { if (op != ' ') { locator = createLocator(token); } } - ( - ( value = number(prev, op) - | value = dimension(prev, op) - | value = percentage(prev, op) - | value = function(prev) - | value = rgbColor(prev) - | value = hslColor(prev) - | value = hwbColor(prev) - | value = labColor(prev) - | value = lchColor(prev) - | value = calc(prev) - | value = var(prev) - ) - | t = { value = LexicalUnitImpl.createString(prev, unescape(t.image, false)); } - | t = "progid:" { value = LexicalUnitImpl.createIdent(prev, skipUnit().trim()); } - | - ( - t = identExcludingInherit() - ( { throw toCSSParseException("invalidExprColon", new String[]{ unescape(t.image, false) }, createLocator(t)); } )? - ) - { value = LexicalUnitImpl.createIdent(prev, unescape(t.image, false)); } - | t = { value = LexicalUnitImpl.createURI(prev, unescape(t.image, true)); } - | value = unicodeRange(prev) - | value = hexcolor(prev) - | t = - { - int n = getLastNumPos(t.image); - value = LexicalUnitImpl.createDimension( - prev, - doubleValue(op, t.image.substring(0, n+1)), - t.image.substring(n+1)); - } - | t = { value = LexicalUnitImpl.createInherit(prev); } - ) - { - if (locator == null) - { - locator = createLocator(token); - } - } - ( )* - { - if(value != null) - { - value.setLocator(locator); - } - return value; - } -} - -// -// function -// : FUNCTION S* ((EQUALS | COMMA | (unaryOperator? NUMBER) | STRING | IDENT | URI)? S*)+ ')' S* -// ; -// -LexicalUnit function(LexicalUnit prev) : -{ - Token t; - LexicalUnit param = null; - LexicalUnit body = null; - String funct = ""; -} -{ - t = { funct = funct + unescape(t.image, false); } - ( )* - ( - param = term(null) { body = param; } - ( - ( - ( - t = { body = LexicalUnitImpl.createComma(body); } - | t = { body = LexicalUnitImpl.createIdent(body, t.image); } - ) - ( )* - )? - body = term(body) - )* - )? - - { - return functionInternal(prev, funct, param); - } -} - -// -// calc() -// https://www.w3.org/TR/css3-values/#calc-syntax -// = calc( ) -// -LexicalUnit calc(LexicalUnit prev) : -{ - Token t; - LexicalUnit head = LexicalUnitImpl.createIdent(null, ""); - String funct = ""; -} -{ - t = { funct = unescape(t.image, false); } - ( )* - calcSum(head) - - { - return functionInternal(prev, funct, head.getNextLexicalUnit()); - } -} - -// -// calcSum() -// = [ [ '+' | '-' ] ]* -// -LexicalUnit calcSum(LexicalUnit prev) : -{ -} -{ - ( - prev = calcProduct(prev) - ( - ( - { prev = LexicalUnitImpl.createPlus(prev); } - | { prev = LexicalUnitImpl.createMinus(prev); } - ) - ( )* - prev = calcProduct(prev) - )* - ) - { - if (prev != null) - { - prev.setLocator(createLocator(token)); - } - return prev; - } -} - -// -// calcProduct() -// = [ '*' | '/' ]* -// -LexicalUnit calcProduct(LexicalUnit prev) : -{ -} -{ - ( - prev = calcValue(prev) - ( - ( - { prev = LexicalUnitImpl.createMultiply(prev); } - ( )* - prev = calcValue(prev) - ) - | - ( - { prev = LexicalUnitImpl.createDivide(prev); } - ( )* - prev = calcNumberValue(prev) - ) - )* - ) - { - if (prev != null) - { - prev.setLocator(createLocator(token)); - } - return prev; - } -} - -// -// calcValue() -// = | | | ( ) -// -LexicalUnit calcValue(LexicalUnit prev) : -{ - Token t; - char op = ' '; - LexicalUnit head = LexicalUnitImpl.createIdent(null, ""); -} -{ - ( - ( - ( - (op = unaryOperator() )? - ( - prev = number(prev, op) - | prev = dimension(prev, op) - | prev = percentage(prev, op) - | t = ident() { prev = LexicalUnitImpl.createIdent(prev, unescape(t.image, false)); } - ) - ) - | prev = var(prev) - | - ( - ( | ) - calcSum(head) - - ) - { - // use an empty function as block scope - prev = functionInternal(prev, "(", head.getNextLexicalUnit()); - } - ) - ( )* - ) - { - if (prev != null) - { - prev.setLocator(createLocator(token)); - } - return prev; - } -} - -// -// calcNumberSum() -// = [ [ '+' | '-' ] ]* -// -LexicalUnit calcNumberSum(LexicalUnit prev) : -{ -} -{ - ( - prev = calcNumberProduct(prev) - ( - ( - { prev = LexicalUnitImpl.createPlus(prev); } - | { prev = LexicalUnitImpl.createMinus(prev); } - ) - ( )* - prev = calcNumberProduct(prev) - )* - ) - { - if (prev != null) - { - prev.setLocator(createLocator(token)); - } - return prev; - } -} - -// -// calcNumberProduct() -// = [ '*' | '/' ]* -// -LexicalUnit calcNumberProduct(LexicalUnit prev) : -{ -} -{ - ( - prev = calcNumberValue(prev) - ( - ( - { prev = LexicalUnitImpl.createMultiply(prev); } - ( )* - prev = calcNumberValue(prev) - ) - | - ( - { prev = LexicalUnitImpl.createDivide(prev); } - ( )* - prev = calcNumberValue(prev) - ) - )* - ) - { - if (prev != null) - { - prev.setLocator(createLocator(token)); - } - return prev; - } -} - -// -// calcNumberValue() -// = | ( ) -// -LexicalUnit calcNumberValue(LexicalUnit prev) : -{ - Token t; - char op = ' '; - String funct = "("; - LexicalUnit head = LexicalUnitImpl.createIdent(null, ""); -} -{ - ( - ( - ( - (op = unaryOperator() )? - prev = number(prev, op) - | t = ident() { prev = LexicalUnitImpl.createIdent(prev, unescape(t.image, false)); } - ) - | prev = var(prev) - | - ( - ( - t = { funct = unescape(t.image, false); } - | t = { funct = unescape(t.image, false); } - ) - calcNumberSum(head) - - ) - { - // use an empty function as block scope - prev = functionInternal(prev, funct, head.getNextLexicalUnit()); - } - ) - ( )* - ) - { - if (prev != null) - { - prev.setLocator(createLocator(token)); - } - return prev; - } -} - -// var() -// https://developer.mozilla.org/en-US/docs/Web/CSS/var -// var( , ? ) -// -LexicalUnit var(LexicalUnit prev) : -{ - Token t; - LexicalUnit current, propertyName; - String funct = ""; -} -{ - t = { funct = unescape(t.image, false); } - ( )* - t = { current = LexicalUnitImpl.createIdent(prev, unescape(t.image, false)); propertyName = current; } - ( )* - ( - { current = LexicalUnitImpl.createComma(current); } - ( )* - ( current = term(current) )? - )* - - { - return functionInternal(prev, funct, propertyName); - } -} - - -// rgb() / rgba() -// -LexicalUnit rgbColor(LexicalUnit prev) : -{ - Token t; - char op = ' '; - LexicalUnit param = null; - LexicalUnit next = null; - String funct; -} -{ - t = { funct = unescape(t.image.substring(0, t.image.length() - 1), false); } - ( )* - - ( - ( { param = LexicalUnitImpl.createFrom(null); } - { next = param; } - - ( )* - - ( - t = ident() { next = LexicalUnitImpl.createIdent(next, unescape(t.image, false)); } - | next = rgbColor(next) - | next = hslColor(next) - | next = hwbColor(next) - | next = labColor(next) - | next = lchColor(next) - | next = var(next) - ) - - ( )* - - ( - (op = unaryOperator() )? - ( - next = number(next, op) - | next = percentage(next, op) - - | t = ident() { next = LexicalUnitImpl.createIdent(next, unescape(t.image, false)); } - | next = calc(next) - | next = var(next) - ) - ) - { op = ' '; } - - ( )* - - ( - (op = unaryOperator() )? - ( - next = number(next, op) - | next = percentage(next, op) - - | t = ident() { next = LexicalUnitImpl.createIdent(next, unescape(t.image, false)); } - | next = calc(next) - | next = var(next) - ) - ) - { op = ' '; } - - ( )* - - ( - (op = unaryOperator() )? - ( - next = number(next, op) - | next = percentage(next, op) - - | t = ident() { next = LexicalUnitImpl.createIdent(next, unescape(t.image, false)); } - | next = calc(next) - | next = var(next) - ) - ) - { op = ' '; } - - ( )* - ( - ( - { next = LexicalUnitImpl.createSlash(next); } - ( )* - )? - - (op = unaryOperator() )? - ( - next = number(next, op) - | next = percentage(next, op) - - | t = ident() { next = LexicalUnitImpl.createIdent(next, unescape(t.image, false)); } - | next = calc(next) - | next = var(next) - ) - - ( )* - )? - ) - - | - - ( ( - (op = unaryOperator() )? - ( - { param = LexicalUnitImpl.createNone(null); } - | param = number(null, op) - | param = percentage(null, op) - - | param = calc(null) - | param = var(null) - ) - ) - { op = ' '; next = param; } - - ( )* - ( - { next = LexicalUnitImpl.createComma(next); } - ( )* - )? - - ( - (op = unaryOperator() )? - ( - { next = LexicalUnitImpl.createNone(next); } - | next = number(next, op) - | next = percentage(next, op) - - | next = calc(next) - | next = var(next) - ) - ) - { op = ' '; } - - ( )* - ( - { next = LexicalUnitImpl.createComma(next); } - ( )* - )? - - ( - (op = unaryOperator() )? - ( - { next = LexicalUnitImpl.createNone(next); } - | next = number(next, op) - | next = percentage(next, op) - - | next = calc(next) - | next = var(next) - ) - ) - { op = ' '; } - - ( )* - ( - ( - ( - { next = LexicalUnitImpl.createComma(next); } - | { next = LexicalUnitImpl.createSlash(next); } - ) - ( )* - )? - - (op = unaryOperator() )? - ( - { next = LexicalUnitImpl.createNone(next); } - | next = number(next, op) - | next = percentage(next, op) - - | next = calc(next) - | next = var(next) - ) - - ( )* - )? - ) ) - - { - return rgbColorInternal(prev, funct, param); - } -} - - -// hsl() / hsla() -// -LexicalUnit hslColor(LexicalUnit prev) : -{ - Token t; - char op = ' '; - LexicalUnit param = null; - LexicalUnit next = null; - String funct; -} -{ - t = { funct = unescape(t.image.substring(0, t.image.length() - 1), false); } - ( )* - - ( ( { param = LexicalUnitImpl.createFrom(null); } - { next = param; } - - ( )* - - ( t = ident() { next = LexicalUnitImpl.createIdent(next, unescape(t.image, false)); } - | next = rgbColor(next) - | next = hslColor(next) - | next = hwbColor(next) - | next = labColor(next) - | next = lchColor(next) - | next = var(next) - ) - - ( )* - - ( - (op = unaryOperator() )? - ( - next = number(next, op) - | next = angle(next, op) - - | t = ident() { next = LexicalUnitImpl.createIdent(next, unescape(t.image, false)); } - | next = calc(next) - | next = var(next) - ) - ) - { op = ' '; } - - ( )* - - ( - (op = unaryOperator() )? - ( - next = percentage(next, op) - - | t = ident() { next = LexicalUnitImpl.createIdent(next, unescape(t.image, false)); } - | next = calc(next) - | next = var(next) - ) - ) - { op = ' '; } - - ( )* - - ( - (op = unaryOperator() )? - ( - next = percentage(next, op) - - | t = ident() { next = LexicalUnitImpl.createIdent(next, unescape(t.image, false)); } - | next = calc(next) - | next = var(next) - ) - ) - { op = ' '; } - - ( )* - - ( - ( - { next = LexicalUnitImpl.createSlash(next); } - ( )* - )? - - (op = unaryOperator() )? - ( - next = number(next, op) - | next = percentage(next, op) - - | t = ident() { next = LexicalUnitImpl.createIdent(next, unescape(t.image, false)); } - | next = calc(next) - | next = var(next) - ) - - ( )* - )? - ) - - | - - ( ( - (op = unaryOperator() )? - ( - { param = LexicalUnitImpl.createNone(null); } - | param = number(null, op) - | param = angle(null, op) - - | param = calc(null) - | param = var(null) - ) - ) - { op = ' '; next = param; } - - ( )* - ( - { next = LexicalUnitImpl.createComma(next); } - ( )* - )? - - ( - (op = unaryOperator() )? - ( - { next = LexicalUnitImpl.createNone(next); } - | next = percentage(next, op) - - | next = calc(next) - | next = var(next) - ) - ) - { op = ' '; } - - ( )* - ( - { next = LexicalUnitImpl.createComma(next); } - ( )* - )? - - ( - (op = unaryOperator() )? - ( - { next = LexicalUnitImpl.createNone(next); } - | next = percentage(next, op) - - | next = calc(next) - | next = var(next) - ) - ) - { op = ' '; } - - ( )* - ( - ( - ( - { next = LexicalUnitImpl.createComma(next); } - | { next = LexicalUnitImpl.createSlash(next); } - ) - ( )* - )? - - (op = unaryOperator() )? - ( - { next = LexicalUnitImpl.createNone(next); } - | next = number(next, op) - | next = percentage(next, op) - - | next = calc(next) - | next = var(next) - ) - - ( )* - )? - ) - ) - - { - return hslColorInternal(prev, funct, param); - } -} - - -// hwb() -// -LexicalUnit hwbColor(LexicalUnit prev) : -{ - Token t; - char op = ' '; - LexicalUnit param = null; - LexicalUnit next = null; - String funct; -} -{ - t = { funct = unescape(t.image.substring(0, t.image.length() - 1), false); } - ( )* - - ( ( { param = LexicalUnitImpl.createFrom(null); } - { next = param; } - - ( )* - - ( - t = ident() { next = LexicalUnitImpl.createIdent(next, unescape(t.image, false)); } - | next = rgbColor(next) - | next = hslColor(next) - | next = hwbColor(next) - | next = labColor(next) - | next = lchColor(next) - | next = var(next) - ) - - ( )* - - ( - (op = unaryOperator() )? - ( - next = number(next, op) - | next = angle(next, op) - - | t = ident() { next = LexicalUnitImpl.createIdent(next, unescape(t.image, false)); } - | next = calc(next) - | next = var(next) - ) - ) - { op = ' '; } - - ( )* - - ( - (op = unaryOperator() )? - ( - next = percentage(next, op) - - | t = ident() { next = LexicalUnitImpl.createIdent(next, unescape(t.image, false)); } - | next = calc(next) - | next = var(next) - ) - ) - { op = ' '; } - - ( )* - - ( - (op = unaryOperator() )? - ( - next = percentage(next, op) - - | t = ident() { next = LexicalUnitImpl.createIdent(next, unescape(t.image, false)); } - | next = calc(next) - | next = var(next) - ) - ) - { op = ' '; } - - ( )* - ( - ( - { next = LexicalUnitImpl.createSlash(next); } - ( )* - )? - - (op = unaryOperator() )? - ( - next = number(next, op) - | next = percentage(next, op) - - | t = ident() { next = LexicalUnitImpl.createIdent(next, unescape(t.image, false)); } - | next = calc(next) - | next = var(next) - ) - - ( )* - )? - ) - - | - - ( ( - (op = unaryOperator() )? - ( - { param = LexicalUnitImpl.createNone(null); } - | param = number(null, op) - | param = angle(null, op) - - | param = calc(null) - | param = var(null) - ) - ) - { op = ' '; next = param; } - - ( )* - - ( - (op = unaryOperator() )? - ( - { next = LexicalUnitImpl.createNone(next); } - | next = percentage(next, op) - - | next = calc(next) - | next = var(next) - ) - ) - { op = ' '; } - - ( )* - - ( - (op = unaryOperator() )? - ( - { next = LexicalUnitImpl.createNone(next); } - | next = percentage(next, op) - - | next = calc(next) - | next = var(next) - ) - ) - { op = ' '; } - - ( )* - ( - ( - { next = LexicalUnitImpl.createSlash(next); } - ( )* - )? - - (op = unaryOperator() )? - ( - { next = LexicalUnitImpl.createNone(next); } - | next = number(next, op) - | next = percentage(next, op) - - | next = calc(next) - | next = var(next) - ) - - ( )* - )? - ) - ) - - { - return hwbColorInternal(prev, funct, param); - } -} - - -// lab() -// -LexicalUnit labColor(LexicalUnit prev) : -{ - Token t; - char op = ' '; - LexicalUnit param = null; - LexicalUnit next = null; - String funct; -} -{ - t = { funct = unescape(t.image.substring(0, t.image.length() - 1), false); } - ( )* - - ( - ( { param = LexicalUnitImpl.createFrom(null); } - { next = param; } - - ( )* - - ( - t = ident() { next = LexicalUnitImpl.createIdent(next, unescape(t.image, false)); } - | next = rgbColor(next) - | next = hslColor(next) - | next = hwbColor(next) - | next = labColor(next) - | next = lchColor(next) - | next = var(next) - ) - - ( )* - - ( - (op = unaryOperator() )? - ( - next = number(next, op) - | next = percentage(next, op) - - | t = ident() { next = LexicalUnitImpl.createIdent(next, unescape(t.image, false)); } - | next = calc(next) - | next = var(next) - ) - ) - { op = ' '; } - - ( )* - - ( - (op = unaryOperator() )? - ( - next = number(next, op) - | next = percentage(next, op) - - | t = ident() { next = LexicalUnitImpl.createIdent(next, unescape(t.image, false)); } - | next = calc(next) - | next = var(next) - ) - ) - { op = ' '; } - - ( )* - - ( - (op = unaryOperator() )? - ( - next = number(next, op) - | next = percentage(next, op) - - | t = ident() { next = LexicalUnitImpl.createIdent(next, unescape(t.image, false)); } - | next = calc(next) - | next = var(next) - ) - ) - { op = ' '; } - - ( )* - ( - ( - { next = LexicalUnitImpl.createSlash(next); } - ( )* - )? - - (op = unaryOperator() )? - ( - next = number(next, op) - | next = percentage(next, op) - - | t = ident() { next = LexicalUnitImpl.createIdent(next, unescape(t.image, false)); } - | next = calc(next) - | next = var(next) - ) - - ( )* - )? - ) - - | - - ( - ( - (op = unaryOperator() )? - ( - { param = LexicalUnitImpl.createNone(null); } - | param = number(null, op) - | param = percentage(null, op) - - | param = calc(null) - | param = var(null) - ) - ) - { op = ' '; next = param; } - - ( )* - - ( - (op = unaryOperator() )? - ( - { next = LexicalUnitImpl.createNone(next); } - | next = number(next, op) - | next = percentage(next, op) - - | next = calc(next) - | next = var(next) - ) - ) - { op = ' '; } - - ( )* - - ( - (op = unaryOperator() )? - ( - { next = LexicalUnitImpl.createNone(next); } - | next = number(next, op) - | next = percentage(next, op) - - | next = calc(next) - | next = var(next) - ) - ) - { op = ' '; } - - ( )* - ( - ( - { next = LexicalUnitImpl.createSlash(next); } - ( )* - )? - - (op = unaryOperator() )? - ( - { next = LexicalUnitImpl.createNone(next); } - | next = number(next, op) - | next = percentage(next, op) - - | next = calc(next) - | next = var(next) - ) - - ( )* - )? - ) - ) - - { - return labColorInternal(prev, funct, param); - } -} - - -// lch() -// -LexicalUnit lchColor(LexicalUnit prev) : -{ - Token t; - char op = ' '; - LexicalUnit param = null; - LexicalUnit next = null; - String funct; -} -{ - t = { funct = unescape(t.image.substring(0, t.image.length() - 1), false); } - ( )* - - ( - ( { param = LexicalUnitImpl.createFrom(null); } - { next = param; } - - ( )* - - ( - t = ident() { next = LexicalUnitImpl.createIdent(next, unescape(t.image, false)); } - | next = rgbColor(next) - | next = hslColor(next) - | next = hwbColor(next) - | next = labColor(next) - | next = lchColor(next) - | next = var(next) - ) - - ( )* - - ( - (op = unaryOperator() )? - ( - next = number(next, op) - | next = percentage(next, op) - - | t = ident() { next = LexicalUnitImpl.createIdent(next, unescape(t.image, false)); } - | next = calc(next) - | next = var(next) - ) - ) - { op = ' '; } - - ( )* - - ( - (op = unaryOperator() )? - ( - next = number(next, op) - | next = percentage(next, op) - - | t = ident() { next = LexicalUnitImpl.createIdent(next, unescape(t.image, false)); } - | next = calc(next) - | next = var(next) - ) - ) - { op = ' '; } - - ( )* - - ( - (op = unaryOperator() )? - ( - next = angle(next, op) - - | t = ident() { next = LexicalUnitImpl.createIdent(next, unescape(t.image, false)); } - | next = calc(next) - | next = var(next) - ) - ) - { op = ' '; } - - ( )* - ( - ( - { next = LexicalUnitImpl.createSlash(next); } - ( )* - )? - - (op = unaryOperator() )? - ( - next = number(next, op) - | next = percentage(next, op) - - | t = ident() { next = LexicalUnitImpl.createIdent(next, unescape(t.image, false)); } - | next = calc(next) - | next = var(next) - ) - - ( )* - )? - ) - - | - - ( ( - (op = unaryOperator() )? - ( - { param = LexicalUnitImpl.createNone(null); } - | param = number(null, op) - | param = percentage(null, op) - - | param = calc(null) - | param = var(null) - ) - ) - { op = ' '; next = param; } - - ( )* - - ( - (op = unaryOperator() )? - ( - { next = LexicalUnitImpl.createNone(next); } - | next = number(next, op) - | next = percentage(next, op) - - | next = calc(next) - | next = var(next) - ) - ) - { op = ' '; } - - ( )* - - ( - (op = unaryOperator() )? - ( - { next = LexicalUnitImpl.createNone(next); } - | next = angle(next, op) - - | next = calc(next) - | next = var(next) - ) - ) - { op = ' '; } - - ( )* - ( - ( - { next = LexicalUnitImpl.createSlash(next); } - ( )* - )? - - (op = unaryOperator() )? - ( - { next = LexicalUnitImpl.createNone(next); } - | next = number(next, op) - | next = percentage(next, op) - - | next = calc(next) - | next = var(next) - ) - - ( )* - )? - ) ) - - { - return lchColorInternal(prev, funct, param); - } -} - - -// -// Helper to process various keywords as IDENT -// -Token ident() : -{ - Token t; -} -{ - t = { return t; } - | - ( - t = - | t = - | t = - | t = - | t = - ) - { - Token ident = new Token(IDENT, unescape(t.image, false)); - ident.beginLine = t.beginLine; - ident.beginColumn = t.endColumn; - ident.endLine = t.beginLine; - ident.endColumn = t.endColumn; - ident.next = t.next; - ident.specialToken = t.specialToken; - return ident; - - } -} - -Token identExcludingInherit() : -{ - Token t; -} -{ - t = { return t; } - | - ( - t = - | t = - | t = - ) - { - Token ident = new Token(IDENT, unescape(t.image, false)); - ident.beginLine = t.beginLine; - ident.beginColumn = t.endColumn; - ident.endLine = t.beginLine; - ident.endColumn = t.endColumn; - ident.next = t.next; - ident.specialToken = t.specialToken; - return ident; - - } -} - -Token identExcludingOnly() : -{ - Token t; -} -{ - t = { return t; } - | - ( - t = - | t = - | t = - ) - { - Token ident = new Token(IDENT, unescape(t.image, false)); - ident.beginLine = t.beginLine; - ident.beginColumn = t.endColumn; - ident.endLine = t.beginLine; - ident.endColumn = t.endColumn; - ident.next = t.next; - ident.specialToken = t.specialToken; - return ident; - - } -} - - -// -// number() -// -LexicalUnit number(LexicalUnit prev, char op) : -{ - Token t; - LexicalUnit value = null; -} -{ - ( - t = - ) - { - try - { - value = LexicalUnitImpl.createNumber(prev, intValue(op, t.image)); - } - catch (NumberFormatException e) - { - value = LexicalUnitImpl.createNumber(prev, doubleValue(op, t.image)); - } - if (value != null) - { - value.setLocator(createLocator(token)); - } - return value; - } -} - -// -// percentage() -// -LexicalUnit percentage(LexicalUnit prev, char op) : -{ - Token t; - LexicalUnit value = null; -} -{ - ( - t = { value = LexicalUnitImpl.createPercentage(prev, doubleValue(op, t.image)); } - ) - { - if (value != null) - { - value.setLocator(createLocator(token)); - } - return value; - } -} - -// -// dimension() -// -LexicalUnit dimension(LexicalUnit prev, char op) : -{ - Token t; - LexicalUnit value = null; -} -{ - ( - t = { value = LexicalUnitImpl.createPixel(prev, doubleValue(op, t.image)); } - | t = { value = LexicalUnitImpl.createCentimeter(prev, doubleValue(op, t.image)); } - | t = { value = LexicalUnitImpl.createMillimeter(prev, doubleValue(op, t.image)); } - | t = { value = LexicalUnitImpl.createInch(prev, doubleValue(op, t.image)); } - | t = { value = LexicalUnitImpl.createPoint(prev, doubleValue(op, t.image)); } - | t = { value = LexicalUnitImpl.createPica(prev, doubleValue(op, t.image)); } - | t = { value = LexicalUnitImpl.createQuater(prev, doubleValue(op, t.image)); } - | t = { value = LexicalUnitImpl.createEm(prev, doubleValue(op, t.image)); } - | t = { value = LexicalUnitImpl.createRem(prev, doubleValue(op, t.image)); } - | t = { value = LexicalUnitImpl.createEx(prev, doubleValue(op, t.image)); } - | t = { value = LexicalUnitImpl.createCh(prev, doubleValue(op, t.image)); } - | t = { value = LexicalUnitImpl.createVw(prev, doubleValue(op, t.image)); } - | t = { value = LexicalUnitImpl.createVh(prev, doubleValue(op, t.image)); } - | t = { value = LexicalUnitImpl.createVMin(prev, doubleValue(op, t.image)); } - | t = { value = LexicalUnitImpl.createVMax(prev, doubleValue(op, t.image)); } - | t = { value = LexicalUnitImpl.createDegree(prev, doubleValue(op, t.image)); } - | t = { value = LexicalUnitImpl.createRadian(prev, doubleValue(op, t.image)); } - | t = { value = LexicalUnitImpl.createGradian(prev, doubleValue(op, t.image)); } - | t = { value = LexicalUnitImpl.createTurn(prev, doubleValue(op, t.image)); } - | t = { value = LexicalUnitImpl.createMillisecond(prev, doubleValue(op, t.image)); } - | t = { value = LexicalUnitImpl.createSecond(prev, doubleValue(op, t.image)); } - | t = { value = LexicalUnitImpl.createHertz(prev, doubleValue(op, t.image)); } - | t = { value = LexicalUnitImpl.createKiloHertz(prev, doubleValue(op, t.image)); } - | t = { value = LexicalUnitImpl.createDimension(prev, doubleValue(op, t.image), "dpi"); } - | t = { value = LexicalUnitImpl.createDimension(prev, doubleValue(op, t.image), "dpcm"); } - ) - { - if (value != null) - { - value.setLocator(createLocator(token)); - } - return value; - } -} - - -// -// angle() -// -LexicalUnit angle(LexicalUnit prev, char op) : -{ - Token t; - LexicalUnit value = null; -} -{ - ( - t = { value = LexicalUnitImpl.createDegree(prev, doubleValue(op, t.image)); } - | t = { value = LexicalUnitImpl.createRadian(prev, doubleValue(op, t.image)); } - | t = { value = LexicalUnitImpl.createGradian(prev, doubleValue(op, t.image)); } - | t = { value = LexicalUnitImpl.createTurn(prev, doubleValue(op, t.image)); } - ) - { - if (value != null) - { - value.setLocator(createLocator(token)); - } - return value; - } -} - - -// -// unicodeRange -// -LexicalUnit unicodeRange(LexicalUnit prev) : -{ - Token t; - StringBuilder range = new StringBuilder(); -} -{ - t = { range.append(unescape(t.image, false)); } - { - return LexicalUnitImpl.createIdent(prev, range.toString().toUpperCase(Locale.ROOT)); - } -} - -// -// hexcolor -// : HASH S* -// ; -// -LexicalUnit hexcolor(LexicalUnit prev) : -{ - Token t; -} -{ - t = - { - return hexColorInternal(prev, t); - } -} - -JAVACODE -String skip() { - StringBuilder sb = new StringBuilder(); - int nesting = 0; - Token t = getToken(0); - if (t.image != null) { - sb.append(t.image); - } - - do { - t = getNextToken(); - if (t.kind == EOF) { - break; - } - sb.append(t.image); - appendUnit(t, sb); - - if (t.kind == LBRACE) { - nesting++; - } - else if (t.kind == RBRACE) { - nesting--; - } - } - while ((t.kind != RBRACE && t.kind != SEMICOLON) || nesting > 0); - - return sb.toString(); -} - -JAVACODE -String skipUnit() { - StringBuilder sb = new StringBuilder(); - - Token t = token; - Token oldToken = null; - while (t.kind != SEMICOLON && t.kind != RBRACE && t.kind != EOF ) { - oldToken = t; - sb.append(oldToken.image); - appendUnit(t, sb); - - t = getNextToken(); - } - if (t.kind != EOF) { - token = oldToken; - } - - return sb.toString(); -} - -JAVACODE -void appendUnit(Token t, StringBuilder sb) { - if (t.kind == EMS) { - sb.append("em"); - return; - } - if (t.kind == REM) { - sb.append("rem"); - return; - } - if (t.kind == EXS) { - sb.append("ex"); - return; - } - if (t.kind == CH) { - sb.append("ch"); - return; - } - if (t.kind == VW) { - sb.append("vw"); - return; - } - if (t.kind == VH) { - sb.append("vh"); - return; - } - if (t.kind == VMIN) { - sb.append("vmin"); - return; - } - if (t.kind == VMAX) { - sb.append("vmax"); - return; - } - if (t.kind == LENGTH_PX) { - sb.append("px"); - return; - } - if (t.kind == LENGTH_CM) { - sb.append("cm"); - return; - } - if (t.kind == LENGTH_MM) { - sb.append("mm"); - return; - } - if (t.kind == LENGTH_IN) { - sb.append("in"); - return; - } - if (t.kind == LENGTH_PT) { - sb.append("pt"); - return; - } - if (t.kind == LENGTH_PC) { - sb.append("pc"); - return; - } - if (t.kind == LENGTH_Q) { - sb.append("Q"); - return; - } - if (t.kind == ANGLE_DEG) { - sb.append("deg"); - return; - } - if (t.kind == ANGLE_RAD) { - sb.append("rad"); - return; - } - if (t.kind == ANGLE_GRAD) { - sb.append("grad"); - return; - } - if (t.kind == ANGLE_TURN) { - sb.append("turn"); - return; - } - if (t.kind == TIME_MS) { - sb.append("ms"); - return; - } - if (t.kind == TIME_S) { - sb.append('s'); - return; - } - if (t.kind == FREQ_HZ) { - sb.append("hz"); - return; - } - if (t.kind == FREQ_KHZ) { - sb.append("khz"); - return; - } - if (t.kind == RESOLUTION_DPI) { - sb.append("dpi"); - return; - } - if (t.kind == RESOLUTION_DPCM) { - sb.append("dpcm"); - return; - } - if (t.kind == PERCENTAGE) { - sb.append('%'); - return; - } -} - -JAVACODE -void error_skipblock(String msgKey, CSSParseException e) -{ - if (msgKey != null) { - getErrorHandler().warning(createSkipWarning(msgKey, e)); - } - - Token t; - int nesting = 0; - do { - t = getNextToken(); - if (t.kind == LBRACE) { - nesting++; - } - else if (t.kind == RBRACE) { - nesting--; - } - } - while (t.kind != EOF && (t.kind != RBRACE || nesting > 0)); -} - -JAVACODE -void error_skipdecl() -{ - Token t = getToken(1); - if (t.kind == LBRACE) { - error_skipblock(null, null); - return; - } - if (t.kind == RBRACE) { - // next will be RBRACE so we are finished - return; - } - - Token oldToken = token; - while (t.kind != SEMICOLON && t.kind != RBRACE && t.kind != EOF) { - oldToken = t; - t = getNextToken(); - } - if (t.kind != EOF) { - token = oldToken; - } -} - -JAVACODE -void error_skipAtRule() -{ - Token t = null; - do { - t = getNextToken(); - } - while (t.kind != SEMICOLON && t.kind != EOF); -} - -JAVACODE -Boolean handleCaseInSensitive(Token t) -{ - String s = unescape(t.image, false); - if ("i".equalsIgnoreCase(s)) { - return Boolean.TRUE; - } - if ("s".equalsIgnoreCase(s)) { - return Boolean.FALSE; - } - - throw toCSSParseException("invalidCaseInSensitivelyIdentifier", new String[] { s }, createLocator(t)); -} +/* + * Copyright (c) 2019-2024 Ronald Brill. + * + * Licensed under the Apache License, Version 2.0 (the "License"); + * you may not use this file except in compliance with the License. + * You may obtain a copy of the License at + * http://www.apache.org/licenses/LICENSE-2.0 + * + * Unless required by applicable law or agreed to in writing, software + * distributed under the License is distributed on an "AS IS" BASIS, + * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. + * See the License for the specific language governing permissions and + * limitations under the License. + */ + +options { + IGNORE_CASE = true; + + UNICODE_INPUT = true; + USER_CHAR_STREAM = true; + +// DEBUG_TOKEN_MANAGER = true; +// DEBUG_PARSER = true; + + JDK_VERSION = "1.8"; +// JAVA_TEMPLATE_TYPE = "modern" +} + +PARSER_BEGIN(CSS3Parser) + +package org.htmlunit.cssparser.parser.javacc; + +import java.util.LinkedList; +import java.util.Locale; + +import org.htmlunit.cssparser.dom.CSSValueImpl; +import org.htmlunit.cssparser.dom.Property; +import org.htmlunit.cssparser.parser.AbstractCSSParser; +import org.htmlunit.cssparser.parser.CSSParseException; +import org.htmlunit.cssparser.parser.LexicalUnit; +import org.htmlunit.cssparser.parser.LexicalUnitImpl; +import org.htmlunit.cssparser.parser.LexicalUnit.LexicalUnitType; +import org.htmlunit.cssparser.parser.Locatable; +import org.htmlunit.cssparser.parser.Locator; +import org.htmlunit.cssparser.parser.condition.AttributeCondition; +import org.htmlunit.cssparser.parser.condition.BeginHyphenAttributeCondition; +import org.htmlunit.cssparser.parser.condition.ClassCondition; +import org.htmlunit.cssparser.parser.condition.Condition; +import org.htmlunit.cssparser.parser.condition.IdCondition; +import org.htmlunit.cssparser.parser.condition.LangCondition; +import org.htmlunit.cssparser.parser.condition.NotPseudoClassCondition; +import org.htmlunit.cssparser.parser.condition.OneOfAttributeCondition; +import org.htmlunit.cssparser.parser.condition.PrefixAttributeCondition; +import org.htmlunit.cssparser.parser.condition.PseudoClassCondition; +import org.htmlunit.cssparser.parser.condition.SubstringAttributeCondition; +import org.htmlunit.cssparser.parser.condition.SuffixAttributeCondition; +import org.htmlunit.cssparser.parser.media.MediaQuery; +import org.htmlunit.cssparser.parser.media.MediaQueryList; +import org.htmlunit.cssparser.parser.selector.ChildSelector; +import org.htmlunit.cssparser.parser.selector.DescendantSelector; +import org.htmlunit.cssparser.parser.selector.DirectAdjacentSelector; +import org.htmlunit.cssparser.parser.selector.ElementSelector; +import org.htmlunit.cssparser.parser.selector.GeneralAdjacentSelector; +import org.htmlunit.cssparser.parser.selector.PseudoElementSelector; +import org.htmlunit.cssparser.parser.selector.Selector; +import org.htmlunit.cssparser.parser.selector.SelectorList; +import org.htmlunit.cssparser.parser.selector.SelectorListImpl; +import org.htmlunit.cssparser.parser.selector.SimpleSelector; +import org.htmlunit.cssparser.util.ParserUtils; + +/** + * @author David Schweinsberg + * @author waldbaer + * @author Ahmed Ashour + * @author Ronald Brill + */ +public class CSS3Parser extends AbstractCSSParser { + + public CSS3Parser() { + this((CharStream) null); + } + + @Override + public String getParserVersion() { + return "http://www.w3.org/Style/CSS/"; + } + + protected String getGrammarUri() + { + return "http://www.w3.org/TR/WD-css3-syntax-20030813"; + } +} + +PARSER_END(CSS3Parser) + +TOKEN_MGR_DECLS : +{ +} + + TOKEN : +{ +// s [ \t\r\n\f]+ +// {s} {return S;} + < S: ( " "|"\t"|"\r"|"\n"|"\f" )+ > +// w {s}? +// | < W: ( )? > +} + + MORE : +{ + < "/*" > : COMMENT +} + + SKIP : +{ + < "*/" > : DEFAULT +} + + MORE : +{ + < ~[] > : COMMENT +} + + TOKEN : +{ +// h [0-9a-f] + < #H: ["0"-"9","a"-"f"] > +| < #HNUM: | | | | | > + +// nonascii [\200-\377] +// The two occurrences of "\377" represent the highest character number that +// current versions of Flex can deal with (decimal 255). They should be read as +// "\4177777" (decimal 1114111), which is the highest possible code point in +// Unicode/ISO-10646. +// Limitation: This parser can only handle Unicode characters up to \uFFFF +// (decimal 65535). +| < #NONASCII: ["\u0080"-"\uFFFF"] > + +// unicode \\{h}{1,6}(\r\n|[ \t\r\n\f])? +| < #UNICODE: "\\" ( "\r\n" | [" ","\t","\r","\n","\f"] )? > + +// escape {unicode}|\\[^\r\n\f0-9a-f] +| < #ESCAPE: | ( "\\" ~["\r","\n","\f","0"-"9","a"-"f"] ) > + +// nmstart [_a-z]|{nonascii}|{escape} +| < #NMSTART: ["_","a"-"z"] | | > + +// nmchar [_a-z0-9-]|{nonascii}|{escape} +| < #NMCHAR: ["_","a"-"z","0"-"9","-"] | | > + +// nl \n|\r\n|\r|\f +| < #NL: "\n" | "\r\n" | "\r" | "\f" > + +// string1 \"([^\n\r\f\\"]|\\{nl}|{escape})*\" +| < #STRING1: ( ~["\n","\r","\f","\\","\""] | "\\" | )* > + +// string2 \'([^\n\r\f\\']|\\{nl}|{escape})*\' +| < #STRING2: ( ~["\n","\r","\f","\\","\'"] | "\\" | )* > + +// comment \/\*[^*]*\*+([^/*][^*]*\*+)*\/ +| < #COMMENT_: "/" "*" ( ~["*"] )* ("*")+ ( ~["/","*"] ( ~["*"] )* ( "*" )+ )* "/"> + +| < AND: "and" > +| < NOT: "not" > +| < ONLY: "only" > + +// {num} {return NUMBER;} +| < NUMBER: > + +| < INHERIT: "inherit" > +| < NONE: "none" > +| < FROM: "from" > + +// ident -?{nmstart}{nmchar}* +// {ident} {return IDENT;} +| < IDENT: (< MINUS >)? ( )* > + +// name {nmchar}+ +| < #NAME: ( )+ > + +// num [0-9]+|[0-9]*"."[0-9]+ +| < NUM: ( ( ["0"-"9"] )+ | ( ["0"-"9"] )* "." ( ["0"-"9"] )+ ) (["e", "E"] ( ["+", "-"] )? ( ["0"-"9"] )+)? > + +// string {string1}|{string2} +// {string} {return STRING;} +| < STRING: ( "\"" "\"" ) | ( "\'" "\'" ) > { matchedToken.image = ParserUtils.trimBy(image, 1, 1); } + +// url ([!#$%&*-~]|{nonascii}|{escape})* +| < #URL: ( ["!","#","$","%","&","*"-"[","]"-"~"] | | )* > + +// A a|\\0{0,4}(41|61)(\r\n|[ \t\r\n\f])? +| < #A_LETTER: "a" | "\\" ("0")? ("0")? ("0")? ("0")? ( "41" | "61" ) ( "\r\n" | [ " ", "\t", "\r", "\n", "\f"])? > + +// C c|\\0{0,4}(43|63)(\r\n|[ \t\r\n\f])? +| < #C_LETTER: "c" | "\\" ("0")? ("0")? ("0")? ("0")? ( "43" | "63" ) ( "\r\n" | [ " ", "\t", "\r", "\n", "\f"])? > + +// D d|\\0{0,4}(44|64)(\r\n|[ \t\r\n\f])? +| < #D_LETTER: "d" | "\\" ("0")? ("0")? ("0")? ("0")? ( "44" | "64" ) ( "\r\n" | [ " ", "\t", "\r", "\n", "\f"])? > + +// E e|\\0{0,4}(45|65)(\r\n|[ \t\r\n\f])? +| < #E_LETTER: "e" | "\\" ("0")? ("0")? ("0")? ("0")? ( "45" | "65" ) ( "\r\n" | [ " ", "\t", "\r", "\n", "\f"])? > + +// F f|\\0{0,4}(46|66)(\r\n|[ \t\r\n\f])? +| < #F_LETTER: "f" | "\\" ("0")? ("0")? ("0")? ("0")? ( "46" | "66" ) ( "\r\n" | [ " ", "\t", "\r", "\n", "\f"])? > + +// G g|\\0{0,4}(47|67)(\r\n|[ \t\r\n\f])?|\\g +| < #G_LETTER: "g" | "\\" ("0")? ("0")? ("0")? ("0")? ( "47" | "67" ) ( "\r\n" | [ " ", "\t", "\r", "\n", "\f"])? | "\\" "g" > + +// H h|\\0{0,4}(48|68)(\r\n|[ \t\r\n\f])?|\\h +| < #H_LETTER: "h" | "\\" ("0")? ("0")? ("0")? ("0")? ( "48" | "68" ) ( "\r\n" | [ " ", "\t", "\r", "\n", "\f"])? | "\\" "h" > + +// I i|\\0{0,4}(49|69)(\r\n|[ \t\r\n\f])?|\\i +| < #I_LETTER: "i" | "\\" ("0")? ("0")? ("0")? ("0")? ( "49" | "69" ) ( "\r\n" | [ " ", "\t", "\r", "\n", "\f"])? | "\\" "i" > + +// K k|\\0{0,4}(4b|6b)(\r\n|[ \t\r\n\f])?|\\k +| < #K_LETTER: "k" | "\\" ("0")? ("0")? ("0")? ("0")? ( "4b" | "6b" ) ( "\r\n" | [ " ", "\t", "\r", "\n", "\f"])? | "\\" "k" > + +// L l|\\0{0,4}(4c|6c)(\r\n|[ \t\r\n\f])?|\\l +| < #L_LETTER: "l" | "\\" ("0")? ("0")? ("0")? ("0")? ( "4c" | "6c" ) ( "\r\n" | [ " ", "\t", "\r", "\n", "\f"])? | "\\" "l" > + +// M m|\\0{0,4}(4d|6d)(\r\n|[ \t\r\n\f])?|\\m +| < #M_LETTER: "m" | "\\" ("0")? ("0")? ("0")? ("0")? ( "4d" | "6d" ) ( "\r\n" | [ " ", "\t", "\r", "\n", "\f"])? | "\\" "m" > + +// N n|\\0{0,4}(4e|6e)(\r\n|[ \t\r\n\f])?|\\n +| < #N_LETTER: "n" | "\\" ("0")? ("0")? ("0")? ("0")? ( "4e" | "6e" ) ( "\r\n" | [ " ", "\t", "\r", "\n", "\f"])? | "\\" "n" > + +// O o|\\0{0,4}(51|71)(\r\n|[ \t\r\n\f])?|\\o +| < #O_LETTER: "o" | "\\" ("0")? ("0")? ("0")? ("0")? ( "51" | "71" ) ( "\r\n" | [ " ", "\t", "\r", "\n", "\f"])? | "\\" "o" > + +// P p|\\0{0,4}(50|70)(\r\n|[ \t\r\n\f])?|\\p +| < #P_LETTER: "p" | "\\" ("0")? ("0")? ("0")? ("0")? ( "50" | "70" ) ( "\r\n" | [ " ", "\t", "\r", "\n", "\f"])? | "\\" "p" > + +// R r|\\0{0,4}(52|72)(\r\n|[ \t\r\n\f])?|\\r +| < #R_LETTER: "r" | "\\" ("0")? ("0")? ("0")? ("0")? ( "52" | "72" ) ( "\r\n" | [ " ", "\t", "\r", "\n", "\f"])? | "\\" "r" > + +// S s|\\0{0,4}(53|73)(\r\n|[ \t\r\n\f])?|\\s +| < #S_LETTER: "s" | "\\" ("0")? ("0")? ("0")? ("0")? ( "53" | "73" ) ( "\r\n" | [ " ", "\t", "\r", "\n", "\f"])? | "\\" "s" > + +// T t|\\0{0,4}(54|74)(\r\n|[ \t\r\n\f])?|\\t +| < #T_LETTER: "t" | "\\" ("0")? ("0")? ("0")? ("0")? ( "54" | "74" ) ( "\r\n" | [ " ", "\t", "\r", "\n", "\f"])? | "\\" "t" > + +// U v|\\0{0,4}(55|76)(\r\n|[ \t\r\n\f])?|\\v +| < #U_LETTER: "u" | "\\" ("0")? ("0")? ("0")? ("0")? ( "55" | "75" ) ( "\r\n" | [ " ", "\t", "\r", "\n", "\f"])? | "\\" "u" > + +// X x|\\0{0,4}(58|78)(\r\n|[ \t\r\n\f])?|\\x +| < #X_LETTER: "x" | "\\" ("0")? ("0")? ("0")? ("0")? ( "58" | "78" ) ( "\r\n" | [ " ", "\t", "\r", "\n", "\f"])? | "\\" "x" > + +// Z z|\\0{0,4}(5a|7a)(\r\n|[ \t\r\n\f])?|\\z +| < #Z_LETTER: "z" | "\\" ("0")? ("0")? ("0")? ("0")? ( "5a" | "7a" ) ( "\r\n" | [ " ", "\t", "\r", "\n", "\f"])? | "\\" "z" > + +// "" {return CDC;} +| < CDC: "-->" > + +// "~=" {return INCLUDES;} +| < INCLUDES: "~=" > + +// "|=" {return DASHMATCH;} +| < DASHMATCH: "|=" > + +// "^=" {return PREFIXMATCH;} +| < PREFIXMATCH: "^=" > + +// "$=" {return SUFFIXMATCH;} +| < SUFFIXMATCH: "$=" > + +// "*=" {return SUBSTRINGMATCH;} +| < SUBSTRINGMATCH: "*=" > + +// {w}"{" {return LBRACE;} +| < LBRACE: "{" > +| < RBRACE: "}" > + +| < LROUND: "(" > +| < RROUND: ")" > + +| < DOT: "." > +| < SEMICOLON: ";" > +| < COLON: ":" > +| < ASTERISK: "*" > +| < SLASH: "/" > +| < MINUS: "-" > +| < EQUALS: "=" > +| < LSQUARE: "[" > +| < RSQUARE: "]" > + +// {w}"+" {return PLUS;} +| < PLUS: "+" > + +// {w}">" {return GREATER;} +| < GREATER: ">" > + +// {w}"~" {return TILDE;} +| < TILDE: "~" > + +// {w}"," {return COMMA;} +| < COMMA: "," > + +// "#"{name} {return HASH;} +| < HASH: "#" > + +// @{I}{M}{P}{O}{R}{T} {return IMPORT_SYM;} +| < IMPORT_SYM: "@" > + +// @{P}{A}{G}{E} {return PAGE_SYM;} +| < PAGE_SYM: "@" > + +// @{M}{E}{D}{I}{A} {return MEDIA_SYM;} +| < MEDIA_SYM: "@" > + +// "@{F}{O}{N}{T}-{F}{A}{C}{E}" {return FONT_FACE_SYM;} +| < FONT_FACE_SYM: "@" < MINUS > > + +// @{C}{H}{A}{R}{S}{E}{T} {return CHARSET_SYM;} +| < CHARSET_SYM: "@" > + +// "!"({w}|{comment})*{I}{M}{P}{O}{R}{T}{A}{N}{T} {return IMPORTANT_SYM;} +| < IMPORTANT_SYM: "!" ( | )* > + +// {num}{E}{M} {return EMS;} +| < EMS: > { matchedToken.image = ParserUtils.trimBy(image, 0, 2); } + +// {num}{R}{E}{M} {return REM;} +| < REM: "rem" > { matchedToken.image = ParserUtils.trimBy(image, 0, 3); } + +// {num}{E}{X} {return EXS;} +| < EXS: > { matchedToken.image = ParserUtils.trimBy(image, 0, 2); } + +// {num}{C}{H} {return CH;} +| < CH: "ch" > { matchedToken.image = ParserUtils.trimBy(image, 0, 2); } + +// {num}{V}{W} {return VW;} +| < VW: "vw" > { matchedToken.image = ParserUtils.trimBy(image, 0, 2); } + +// {num}{V}{H} {return VH;} +| < VH: "vh" > { matchedToken.image = ParserUtils.trimBy(image, 0, 2); } + +// {num}{V}{M}{I}{N} {return VMIN;} +| < VMIN: "vmin" > { matchedToken.image = ParserUtils.trimBy(image, 0, 4); } + +// {num}{V}{M}{I}{N} {return VMAX;} +| < VMAX: "vmax" > { matchedToken.image = ParserUtils.trimBy(image, 0, 4); } + +// {num}{P}{X} {return LENGTH;} +| < LENGTH_PX: "px" > { matchedToken.image = ParserUtils.trimBy(image, 0, 2); } + +// {num}{C}{M} {return LENGTH;} +| < LENGTH_CM: "cm" > { matchedToken.image = ParserUtils.trimBy(image, 0, 2); } + +// {num}{M}{M} {return LENGTH;} +| < LENGTH_MM: "mm" > { matchedToken.image = ParserUtils.trimBy(image, 0, 2); } + +// {num}{I}{N} {return LENGTH;} +| < LENGTH_IN: "in" > { matchedToken.image = ParserUtils.trimBy(image, 0, 2); } + +// {num}{P}{T} {return LENGTH;} +| < LENGTH_PT: "pt" > { matchedToken.image = ParserUtils.trimBy(image, 0, 2); } + +// {num}{P}{C} {return LENGTH;} +| < LENGTH_PC: "pc" > { matchedToken.image = ParserUtils.trimBy(image, 0, 2); } + +// {num}{Q} {return LENGTH;} +| < LENGTH_Q: "Q" > { matchedToken.image = ParserUtils.trimBy(image, 0, 1); } + +// {num}{D}{E}{G} {return ANGLE;} +| < ANGLE_DEG: "deg" > { matchedToken.image = ParserUtils.trimBy(image, 0, 3); } + +// {num}{R}{A}{D} {return ANGLE;} +| < ANGLE_RAD: "rad" > { matchedToken.image = ParserUtils.trimBy(image, 0, 3); } + +// {num}{G}{R}{A}{D} {return ANGLE;} +| < ANGLE_GRAD: "grad" > { matchedToken.image = ParserUtils.trimBy(image, 0, 4); } + +// {num}{T}{U}{R}{N} {return ANGLE;} +| < ANGLE_TURN: "turn" > { matchedToken.image = ParserUtils.trimBy(image, 0, 4); } + +// {num}{M}{S} {return TIME;} +| < TIME_MS: > { matchedToken.image = ParserUtils.trimBy(image, 0, 2); } + +// {num}{S} {return TIME;} +| < TIME_S: > { matchedToken.image = ParserUtils.trimBy(image, 0, 1); } + +// {num}{H}{Z} {return FREQ;} +| < FREQ_HZ: > { matchedToken.image = ParserUtils.trimBy(image, 0, 2); } + +// {num}{K}{H}{Z} {return FREQ;} +| < FREQ_KHZ: > { matchedToken.image = ParserUtils.trimBy(image, 0, 3); } + +// {num}{D}{P}{I} {return RESOLUTION;} +| < RESOLUTION_DPI: "dpi" > { matchedToken.image = ParserUtils.trimBy(image, 0, 3); } + +// {num}{D}{P}{C}{M} {return RESOLUTION;} +| < RESOLUTION_DPCM: "dpcm" > { matchedToken.image = ParserUtils.trimBy(image, 0, 4); } + +// {num}% {return PERCENTAGE;} +| < PERCENTAGE: "%" > { matchedToken.image = ParserUtils.trimBy(image, 0, 1); } + +// {num}{ident} {return DIMENSION;} +| < DIMENSION: ( ["a"-"z","0"-"9"] | | )* > + +| < #H_PLACEHOLDER: ( | "?"){1,6} > +| < UNICODE_RANGE: "u+" (< MINUS > < H_PLACEHOLDER >)? > + +// "url("{w}{string}{w}")" {return URI;} +// "url("{w}{url}{w}")" {return URI;} +| < URI: "url" ( )* ( | ) ( )* > { matchedToken.image = ParserUtils.trimUrl(image); } + +// {N}{O}{T} "(" {return FUNCTION_NOT;} +| < FUNCTION_NOT: "not" > + +// {L}{A}{N}{G} "(" {return FUNCTION_LANG;} +| < FUNCTION_LANG: "lang" > + +// {C}{A}{L}{C} "(" {return FUNCTION_CALC;} +| < FUNCTION_CALC: "calc" > + +// {V}{A}{R} "(" {return FUNCTION_VAR;} +| < FUNCTION_VAR: "var" > + +| < FUNCTION_RGB: "rgb" ("a")? > +| < FUNCTION_HSL: "hsl" ("a")? > +| < FUNCTION_HWB: "hwb" > +| < FUNCTION_LAB: ("ok")? "lab" > +| < FUNCTION_LCH: ("ok")? "lch" > + +| < CUSTOM_PROPERTY_NAME: < MINUS > ( )* > + +// {ident} "(" {return FUNCTION;} +| < FUNCTION: > + +| < ATKEYWORD: "@" > +} + +<*> TOKEN: +{ + < UNKNOWN: ~[] > + { + // System.err.println("Illegal character : " + image.toString()); + } +} + +// +// stylesheet +// : [ CHARSET_SYM STRING ';' ]? +// [S|CDO|CDC]* [ import [S|CDO|CDC]* ]* +// [ [ ruleset | media | page | font_face ] [S|CDO|CDC]* ]* +// ; +// +void styleSheet() : +{ +} +{ + try + { + { handleStartDocument(); } + styleSheetRuleList() + + } + finally + { + handleEndDocument(); + } +} + +void styleSheetRuleList() : +{ + boolean ruleFound = false; +} +{ + ( | | )* + ( + charsetRule() + ( | | )* + )? + ( + ( + ( + importRule(ruleFound) + | + ( + styleRule() | mediaRule() | pageRule() | fontFaceRule() | unknownAtRule() + ) + { + ruleFound = true; + } + ) + | + ( + // skip until the next RBRACE + { ParseException e = generateParseException(); } + invalidRule() + { + Token t = getNextToken(); + + boolean charsetProcessed = false; + if (t.kind == CHARSET_SYM) { + t = getNextToken(); + if (t.kind == S) { + t = getNextToken(); + if (t.kind == STRING) { + t = getNextToken(); + if (t.kind == SEMICOLON) { + getNextToken(); + charsetProcessed = true; + } + } + } + CSSParseException cpe = toCSSParseException("misplacedCharsetRule", e); + getErrorHandler().error(cpe); + getErrorHandler().warning(createSkipWarning("ignoringRule", cpe)); + } + + if (!charsetProcessed) { + if (t.kind == EOF) { + return; + } + + CSSParseException cpe = toCSSParseException("invalidRule", e); + getErrorHandler().error(cpe); + getErrorHandler().warning(createSkipWarning("ignoringRule", cpe)); + while (t.kind != RBRACE && t.kind != EOF ) { + t = getNextToken(); + } + if (t.kind == EOF) { + return; + } + } + } + ) + ) + ( | | )* + )* +} + +JAVACODE +void invalidRule() +{ +} + +// +// This is used by ASTStyleSheet.insertRule to parse a single rule +// +void styleSheetRuleSingle() : +{ +} +{ + ( )* + ( charsetRule() | importRule(false) | styleRule() | mediaRule() | pageRule() | fontFaceRule() | unknownAtRule() ) + ( )* +} + +void charsetRule() : +{ + Token t; + Locator locator; +} +{ + try + { + + { + locator = createLocator(token); + } + + t = + + { + handleCharset(t.toString(), locator); + } + } + catch (ParseException e) + { + getErrorHandler().error(toCSSParseException("invalidCharsetRule", e)); + } +} + +void unknownAtRule() : +{ + String s; + Locator locator; +} +{ + try + { + + { + locator = createLocator(token); + s = skip(); + handleIgnorableAtRule(s, locator); + } + } + catch (ParseException e) + { + getErrorHandler().error(toCSSParseException("invalidUnknownRule", generateParseException())); + } +} + +// +// import +// : IMPORT_SYM S* +// [STRING|URI] S* [ medium [ COMMA S* medium]* ]? ';' S* +// ; +// +void importRule(final boolean nonImportRuleFoundBefore) : +{ + Token t; + MediaQueryList ml = new MediaQueryList(); + Locator locator; +} +{ + try + { + { + ParseException e = null; + if (nonImportRuleFoundBefore) + { + e = generateParseException(); + } + } + + { + locator = createLocator(token); + } + ( )* + ( t = | t = ) ( )* + ( mediaList(ml) )? + + { + if (nonImportRuleFoundBefore) + { + getErrorHandler().error(toCSSParseException("invalidImportRuleIgnored2", e)); + } + else + { + handleImportStyle(unescape(t.image, false), ml, null, locator); + } + } + } + catch (CSSParseException e) + { + getErrorHandler().error(e); + error_skipAtRule(); + } + catch (ParseException e) + { + getErrorHandler().error(toCSSParseException("invalidImportRule", e)); + error_skipAtRule(); + } +} + +// +// media +// : MEDIA_SYM S* medium [ COMMA S* medium ]* '{' S* ruleset* '}' S* +// ; +// +void mediaRule() : +{ + boolean start = false; + MediaQueryList ml = new MediaQueryList(); + Locator locator; +} +{ + try + { + + { + locator = createLocator(token); + } + ( )* + mediaList(ml) + { + start = true; + handleStartMedia(ml, locator); + } + ( )* + ( mediaRuleList() )? + + } + catch (CSSParseException e) + { + getErrorHandler().error(e); + error_skipblock("ignoringRule", e); + } + catch(ParseException e) + { + CSSParseException cpe = toCSSParseException("invalidMediaRule", e); + getErrorHandler().error(cpe); + error_skipblock("ignoringRule", cpe); + } + finally + { + if (start) { + handleEndMedia(ml); + } + } +} + +void mediaList(MediaQueryList ml) : +{ + MediaQuery mq; +} +{ + try + { + mq = mediaQuery() + { + ml.setLocator(createLocator(token)); + } + ( ( )* { ml.add(mq); } mq = mediaQuery() )* + { ml.add(mq); } + } + catch(ParseException e) + { + throw toCSSParseException("invalidMediaList", e); + } +} + +// +// media_query +// : [ONLY | NOT]? S* media_type S* [ AND S* expression ]* +// | expression [ AND S* expression ]* +// ; +// +MediaQuery mediaQuery() : +{ + String s; + MediaQuery mq; + Property p; + boolean only = false; + boolean not = false; +} +{ + ( + ( + ( + ( + { only = true; } + | + { not = true; } + ) ( )* + )? + s = medium() + { mq = new MediaQuery(s, only, not); mq.setLocator(createLocator(token)); } + ( + ( )* + p = mediaExpression() + { + mq.addMediaProperty(p); + } + )* + ) + | + ( + p = mediaExpression() + { + mq = new MediaQuery(null, only, not); + mq.setLocator(createLocator(token)); + mq.addMediaProperty(p); + } + ( + ( )* + p = mediaExpression() + { + mq.addMediaProperty(p); + } + )* + ) + ) + { return mq; } +} + +// +// expression +// : '(' S* media_feature S* [ ':' S* expr ]? ')' S* +// ; +// +Property mediaExpression() : +{ + String p; + LexicalUnit e = null; + Property prop; + Token t; +} +{ + + ( )* + ( + t = identExcludingOnly() ( )* { p = unescape(t.image, false); } + | t = ( )* { p = unescape(t.image, false); } + ) + ( + ( )* + e = expr() + )? + + ( )* + { + if(e==null) + { + prop = new Property(p, null, false); + } + else + { + prop = new Property(p, new CSSValueImpl(e), false); + } + return prop; + } +} + +void mediaRuleList() : +{ +} +{ + ( ( styleRule() | mediaRule() | pageRule() | importRule(true) | unknownAtRule() ) ( )* )+ +} + +// +// medium +// : IDENT S* +// ; +// +String medium() : +{ + Token t; +} +{ + t = identExcludingOnly() ( )* + { + return unescape(t.image, false); + } +} + +// +// page +// : PAGE_SYM S* pseudo_page? S* +// '{' S* declaration [ ';' S* declaration ]* '}' S* +// ; +// +void pageRule() : +{ + String sel = null; + boolean start = false; + Locator locator; +} +{ + try { + + { + locator = createLocator(token); + } + ( )* + + ( sel = pageSelectorList() )? + + ( )* + { + start = true; + handleStartPage(null, sel, locator); + } + + styleDeclaration() + + } + catch (CSSParseException e) + { + getErrorHandler().error(e); + error_skipblock("ignoringRule", e); + } + catch(ParseException e) + { + CSSParseException cpe = toCSSParseException("invalidPageRule", e); + getErrorHandler().error(cpe); + error_skipblock("ignoringRule", cpe); + } + finally { + if (start) { + handleEndPage(null, sel); + } + } +} + +// +// pageSelectorList +// : [ pageSelector S* [ ',' pageSelector S* ]* ]? +// ; +// +String pageSelectorList() : +{ + String sel; + LinkedList selectors = new LinkedList<>(); +} +{ + sel = pageSelector() { selectors.add(sel); } + ( + ( )* sel = pageSelector() { selectors.add(sel); } + )* + + { return String.join(", ", selectors); } +} + +// +// pageSelector +// : pseudoPage+ | IDENT pseudoPage* +// ; +// +String pageSelector() : +{ + StringBuilder pseudos = new StringBuilder(); + String pseudo; + Token ident; +} +{ + ( + pseudo = pseudoPage() { pseudos.append(pseudo); } + | + ident = ident() { pseudos.append(unescape(ident.image, false)); } + ) + ( pseudo = pseudoPage() { pseudos.append(pseudo); } )* + ( )* + + { return pseudos.toString(); } +} + +// +// pseudoPage +// : ':' IDENT +// ; +// +String pseudoPage() : +{ + Token t; +} +{ + t = ident() { return ":" + normalizeAndValidatePagePseudoClass(t); } +} + +// +// font_face +// : FONT_FACE_SYM S* +// '{' S* declaration [ ';' S* declaration ]* '}' S* +// ; +// +void fontFaceRule() : +{ + boolean start = false; + Locator locator; +} +{ + try { + + { + locator = createLocator(token); + } + ( )* + ( )* { start = true; handleStartFontFace(locator); } + styleDeclaration() + + } + catch(ParseException e) + { + throw toCSSParseException("invalidFontFaceRule", e); + } + finally { + if (start) { + handleEndFontFace(); + } + } +} + +// +// operator +// : '/' S* | COMMA S* | /* empty */ +// ; +// +LexicalUnit operator(LexicalUnit prev) : +{ +} +{ + ( )* { return new LexicalUnitImpl(prev, LexicalUnitType.OPERATOR_SLASH); } + | ( )* { return LexicalUnitImpl.createComma(prev); } +} + +// +// combinator +// : PLUS S* +// | GREATER S* +// | S +// ; +// +char combinator() : +{ + char c = ' '; +} +{ + ( + { c='+'; } ( )* + | { c='>'; } ( )* + | { c='~'; } ( )* + | ( ( { c='+'; } | { c='>'; } | { c='~'; } ) ( )* )? + ) + { return c; } +} + +// +// unary_operator +// : '-' | PLUS +// ; +// +char unaryOperator() : +{ +} +{ + ( { return '-'; } | { return '+'; } ) +} + + +// +// ruleset +// : selector [ COMMA S* selector ]* +// '{' S* declaration [ ';' S* declaration ]* '}' S* +// ; +// +void styleRule() : +{ + SelectorList selList = null; + boolean start = false; + Token t; +} +{ + try { + { + t = token; + } + selList = selectorList() + ( )* + { + start = true; + handleStartSelector(selList, createLocator(t.next)); + } + styleDeclaration() + ( | ) + } + catch(CSSParseException e) + { + getErrorHandler().error(e); + error_skipblock("ignoringRule", e); + } + catch(ParseException e) + { + CSSParseException cpe = toCSSParseException("invalidStyleRule", e); + getErrorHandler().error(cpe); + error_skipblock("ignoringFollowingDeclarations", cpe); + } + finally { + if (start) { + handleEndSelector(selList); + } + } +} + +SelectorList parseSelectorsInternal() : +{ + SelectorList selectors; +} +{ + ( )* + selectors = selectorList() + + { + return selectors; + } +} + +SelectorList selectorList() : +{ + SelectorListImpl selList = new SelectorListImpl(); + Selector sel; +} +{ + sel = selector() { selList.setLocator(sel.getLocator()); } + ( ( )* + { selList.add(sel); } + sel = selector() { selList.setLocator(sel.getLocator()); } + )* + { + selList.add(sel); + return selList; + } +} + +// +// selector +// : simple_selector_sequence [ combinator simple_selector_sequence ]* +// ; +// +Selector selector() : +{ + Selector sel; + char comb; +} +{ + try { + sel = simpleSelector(null, ' ') + ( LOOKAHEAD(2) comb = combinator() sel = simpleSelector(sel, comb) )* ( )* + { + return sel; + } + } catch (ParseException e) { + throw toCSSParseException("invalidSelector", e); + } +} + +// +// simple_selector +// : element_name [ HASH | class | attrib | pseudo ]* +// | [ HASH | class | attrib | pseudo ]+ +// ; +// +Selector simpleSelector(Selector sel, char comb) : +{ + ElementSelector elemSel = null; + SimpleSelector simpleSel = null; + Condition c = null; + SimpleSelector pseudoElementSel = null; + Object o = null; +} +{ + try + { + ( + ( elemSel = elementName() + ( c = hash(null != pseudoElementSel) { elemSel.addCondition(c); } + | c = _class(null != pseudoElementSel) { elemSel.addCondition(c); } + | c = attrib(null != pseudoElementSel) { elemSel.addCondition(c); } + | ( + o = pseudo(null != pseudoElementSel) + { if (o instanceof Condition) + { elemSel.addCondition((Condition) o); + } else { + pseudoElementSel = (SimpleSelector) o; + } + } + ) + )* + ) + | + ( { elemSel = new ElementSelector(null, createLocator(token)); } + ( c = hash(null != pseudoElementSel) { elemSel.addCondition(c); } + | c = _class(null != pseudoElementSel) { elemSel.addCondition(c); } + | c = attrib(null != pseudoElementSel) { elemSel.addCondition(c); } + | ( + o = pseudo(null != pseudoElementSel) + { if (o instanceof Condition) + { elemSel.addCondition((Condition) o); + } else { + pseudoElementSel = (SimpleSelector) o; + } + } + ) + )+ + ) + ) + + { + simpleSel = elemSel; + if (sel == null) { + sel = simpleSel; + } else { + switch (comb) { + case ' ': + sel = new DescendantSelector(sel, simpleSel); + break; + case '+': + sel = new DirectAdjacentSelector(sel, simpleSel); + break; + case '>': + sel = new ChildSelector(sel, simpleSel); + break; + case '~': + sel = new GeneralAdjacentSelector(sel, simpleSel); + break; + } + } + if (pseudoElementSel != null) + { + sel = new DescendantSelector(sel, pseudoElementSel); + } + + return sel; + } + } + catch (ParseException e) + { + throw toCSSParseException("invalidSimpleSelector", e); + } +} + +// +// class +// : '.' IDENT +// ; +// +Condition _class(boolean pseudoElementFound) : +{ + Token t; + Locator locator; + ParseException pe = null; +} +{ + try + { + { if (pseudoElementFound) { pe = generateParseException(); } } + + { + locator = createLocator(token); + } + + t = ident() + { + if (pseudoElementFound) { throw pe; } + return new ClassCondition(unescape(t.image, false), locator); + } + } + catch (ParseException e) + { + throw toCSSParseException("invalidClassSelector", e); + } +} + +// +// element_name +// : IDENT | '*' +// ; +// +ElementSelector elementName() : +{ + Token t; +} +{ + try + { + t = ident() + { + return new ElementSelector(unescape(t.image, false), createLocator(t)); + } + | + { + return new ElementSelector(null, createLocator(token)); + } + } + catch (ParseException e) + { + throw toCSSParseException("invalidElementName", e); + } +} + +// +// attrib +// : '[' S* IDENT S* [ [ '=' | INCLUDES | DASHMATCH | PREFIXMATCH | SUFFIXMATCH | SUBSTRINGMATCH ] S* +// [ IDENT | STRING ] S* ]? ']' +// ; +// +Condition attrib(boolean pseudoElementFound) : +{ + Token t; + String name = null; + String value = null; + Boolean insensitive = null; + int type = 0; + Locator locator; +} +{ + try + { + + { + locator = createLocator(token); + } + ( )* + { if (pseudoElementFound) { throw generateParseException(); } } + + t = ident() { name = unescape(t.image, false); } + ( )* + ( + ( + { type = 4; } + | + { type = 5; } + | + { type = 6; } + | + "=" { type = 1; } // don't use because of the leading whitespace + | + { type = 2; } + | + { type = 3; } + ) + ( )* + ( + ( + t = ident() { value = unescape(t.image, false); } + | + t = { value = unescape(t.image, false); } + ) + + ( )* + ) + ( + t = ident() { insensitive = handleCaseInSensitive(t); } + ( )* + )? + )? + + { + Condition c = null; + switch (type) { + case 0: + c = new AttributeCondition(name, null, insensitive); + break; + case 1: + c = new AttributeCondition(name, value, insensitive); + break; + case 2: + c = new OneOfAttributeCondition(name, value, insensitive); + break; + case 3: + c = new BeginHyphenAttributeCondition(name, value, insensitive); + break; + case 4: + c = new PrefixAttributeCondition(name, value, insensitive); + break; + case 5: + c = new SuffixAttributeCondition(name, value, insensitive); + break; + case 6: + c = new SubstringAttributeCondition(name, value, insensitive); + break; + } + c.setLocator(locator); + return c; + } + } + catch (ParseException e) + { + throw toCSSParseException("invalidAttrib", e); + } +} + +// +// pseudo +// : ':' (':')? +// [ IDENT +// | FUNCTION_NOT S* selector() S* ')' +// | FUNCTION_LANG S* IDENT S* ')' +// | FUNCTION S* ((PLUS | MINUS | DIMENSION | NUMBER | STRING | IDENT)? S*)+ ')' +// ] +// ; +// +Object pseudo(boolean pseudoElementFound) : +{ + Token t; + String function; + boolean doubleColon = false; + SelectorList selectorList; + Locator locator; +} +{ + try + { + { locator = createLocator(token); } + ( { doubleColon = true; } )? + + ( + t = ident() + { + String s = unescape(t.image, false); + if (pseudoElementFound) { throw toCSSParseException("duplicatePseudo", new String[] { s }, locator); } + if ("first-line".equals(s) + || "first-letter".equals(s) + || "before".equals(s) + || "after".equals(s)) + { + return new PseudoElementSelector(s, locator, doubleColon); + } + return new PseudoClassCondition(s, locator, doubleColon); + } + | + ( + t = { function = unescape(t.image, false); } + ( )* + selectorList = selectorList() + + { + if (pseudoElementFound) { throw toCSSParseException("duplicatePseudo", new String[] { function + selectorList + ")" }, locator); } + return new NotPseudoClassCondition(selectorList, locator, doubleColon); + } + ) + | + ( + t = { function = unescape(t.image, false); } + ( )* + t = ident() { String lang = unescape(t.image, false); } + ( )* + + { + if (pseudoElementFound) { throw toCSSParseException("duplicatePseudo", new String[] { "lang(" + lang + ")" }, locator); } + return new LangCondition(lang, locator); + } + ) + | + ( + t = { function = unescape(t.image, false); StringBuilder args = new StringBuilder(); } + ( )* + ( + (t = | t = | t = | t = | t = | t = ident()) + { args.append(unescape(t.image, false)); } + ( t = + { args.append(unescape(t.image, false)); } + )* + )+ + + { + if (pseudoElementFound) { throw toCSSParseException("duplicatePseudo", new String[] { function + args.toString().trim() + ")" }, locator); } + return new PseudoClassCondition(function + args.toString().trim() + ")", locator, doubleColon); + } + ) + ) + } + catch (ParseException e) + { + throw toCSSParseException("invalidPseudo", e); + } +} + +Condition hash(boolean pseudoElementFound) : +{ + Token t; + ParseException pe = null; +} +{ + try + { + { if (pseudoElementFound) { pe = generateParseException(); } } + t = + { + if (pseudoElementFound) { throw pe; } + return new IdCondition(unescape(t.image.substring(1), false), createLocator(t)); + } + } + catch (ParseException e) + { + throw toCSSParseException("invalidHash", e); + } +} + +void styleDeclaration() : +{ +} +{ + ( declaration() )? + ( ( )* ( declaration() )? )* +} + +// +// declaration +// : property ':' S* expr prio? +// | +// ; +// +void declaration() : +{ + String p; + LexicalUnit e = null; + Token t; + boolean priority = false; + Locator starHack = null; + Locator locator = null; +} +{ + try + { + // at the moment i have no better idea how to handle the + // infamous css-star-hack (http://en.wikipedia.org/wiki/CSS_filter#Star_hack) + // smart (means: ignoring only one decl) + ( { starHack = createLocator(token); } )? + ( + ( + t = ident() { p = unescape(t.image, false); locator = createLocator(t); } + ( )* + ( )* + e = expr() + ) + | + ( + t = ( )* { p = unescape(t.image, false); locator = createLocator(t); } + ( )* + ( e = expr() )? + ) + ) + + ( priority = prio() )? + + // maybe there are strange characters at the end - create error and skip + ( t = + { + locator = createLocator(t); + CSSParseException cpe = toCSSParseException("invalidDeclarationInvalidChar", new String[] {t.image}, locator); + getErrorHandler().error(cpe); + error_skipdecl(); + } + )? + + { + if (starHack != null) + { + CSSParseException cpe = toCSSParseException("invalidDeclarationStarHack", new Object[0], starHack); + getErrorHandler().error(cpe); + return; + } + handleProperty(p, e, priority, locator); + } + } + catch (CSSParseException ex) + { + getErrorHandler().error(ex); + error_skipdecl(); + } + catch (ParseException ex) + { + CSSParseException cpe = toCSSParseException("invalidDeclaration", ex); + getErrorHandler().error(cpe); + error_skipdecl(); + } +} + +// +// prio +// : IMPORTANT_SYM S* +// ; +boolean prio() : +{ +} +{ + ( )* + { return true; } +} + +// +// expr +// : term [ operator term ]* +// ; +LexicalUnit expr() : +{ + LexicalUnit head; + LexicalUnit body; +} +{ + try + { + head = term(null) { body = head; } + ( + ( body = operator(body) )? + body = term(body) + )* + { return head; } + } + catch (ParseException ex) + { + throw toCSSParseException("invalidExpr", ex); + } +} + +// +// term +// : unary_operator? +// [ NUMBER | PERCENTAGE | LENGTH | EMS | REM | EXS | ANGLE | TIME | FREQ | function ] +// | STRING | IDENT | URI | hexcolor | DIMENSION +// S* +// ; +// +LexicalUnit term(LexicalUnit prev) : +{ + Token t; + char op = ' '; + LexicalUnit value = null; + Locator locator = null; +} +{ + ( op = unaryOperator() )? { if (op != ' ') { locator = createLocator(token); } } + ( + ( value = number(prev, op) + | value = dimension(prev, op) + | value = percentage(prev, op) + | value = function(prev) + | value = rgbColor(prev) + | value = hslColor(prev) + | value = hwbColor(prev) + | value = labColor(prev) + | value = lchColor(prev) + | value = calc(prev) + | value = var(prev) + ) + | t = { value = LexicalUnitImpl.createString(prev, unescape(t.image, false)); } + | t = "progid:" { value = LexicalUnitImpl.createIdent(prev, skipUnit().trim()); } + | + ( + t = identExcludingInherit() + ( { throw toCSSParseException("invalidExprColon", new String[]{ unescape(t.image, false) }, createLocator(t)); } )? + ) + { value = LexicalUnitImpl.createIdent(prev, unescape(t.image, false)); } + | t = { value = LexicalUnitImpl.createURI(prev, unescape(t.image, true)); } + | value = unicodeRange(prev) + | value = hexcolor(prev) + | t = + { + int n = getLastNumPos(t.image); + value = LexicalUnitImpl.createDimension( + prev, + doubleValue(op, t.image.substring(0, n+1)), + t.image.substring(n+1)); + } + | t = { value = LexicalUnitImpl.createInherit(prev); } + ) + { + if (locator == null) + { + locator = createLocator(token); + } + } + ( )* + { + if(value != null) + { + value.setLocator(locator); + } + return value; + } +} + +// +// function +// : FUNCTION S* ((EQUALS | COMMA | (unaryOperator? NUMBER) | STRING | IDENT | URI)? S*)+ ')' S* +// ; +// +LexicalUnit function(LexicalUnit prev) : +{ + Token t; + LexicalUnit param = null; + LexicalUnit body = null; + String funct = ""; +} +{ + t = { funct = funct + unescape(t.image, false); } + ( )* + ( + param = term(null) { body = param; } + ( + ( + ( + t = { body = LexicalUnitImpl.createComma(body); } + | t = { body = LexicalUnitImpl.createIdent(body, t.image); } + ) + ( )* + )? + body = term(body) + )* + )? + + { + return functionInternal(prev, funct, param); + } +} + +// +// calc() +// https://www.w3.org/TR/css3-values/#calc-syntax +// = calc( ) +// +LexicalUnit calc(LexicalUnit prev) : +{ + Token t; + LexicalUnit head = LexicalUnitImpl.createIdent(null, ""); + String funct = ""; +} +{ + t = { funct = unescape(t.image, false); } + ( )* + calcSum(head) + + { + return functionInternal(prev, funct, head.getNextLexicalUnit()); + } +} + +// +// calcSum() +// = [ [ '+' | '-' ] ]* +// +LexicalUnit calcSum(LexicalUnit prev) : +{ +} +{ + ( + prev = calcProduct(prev) + ( + ( + { prev = LexicalUnitImpl.createPlus(prev); } + | { prev = LexicalUnitImpl.createMinus(prev); } + ) + ( )* + prev = calcProduct(prev) + )* + ) + { + if (prev != null) + { + prev.setLocator(createLocator(token)); + } + return prev; + } +} + +// +// calcProduct() +// = [ '*' | '/' ]* +// +LexicalUnit calcProduct(LexicalUnit prev) : +{ +} +{ + ( + prev = calcValue(prev) + ( + ( + { prev = LexicalUnitImpl.createMultiply(prev); } + ( )* + prev = calcValue(prev) + ) + | + ( + { prev = LexicalUnitImpl.createDivide(prev); } + ( )* + prev = calcNumberValue(prev) + ) + )* + ) + { + if (prev != null) + { + prev.setLocator(createLocator(token)); + } + return prev; + } +} + +// +// calcValue() +// = | | | ( ) +// +LexicalUnit calcValue(LexicalUnit prev) : +{ + Token t; + char op = ' '; + LexicalUnit head = LexicalUnitImpl.createIdent(null, ""); +} +{ + ( + ( + ( + (op = unaryOperator() )? + ( + prev = number(prev, op) + | prev = dimension(prev, op) + | prev = percentage(prev, op) + | t = ident() { prev = LexicalUnitImpl.createIdent(prev, unescape(t.image, false)); } + ) + ) + | prev = var(prev) + | + ( + ( | ) + calcSum(head) + + ) + { + // use an empty function as block scope + prev = functionInternal(prev, "(", head.getNextLexicalUnit()); + } + ) + ( )* + ) + { + if (prev != null) + { + prev.setLocator(createLocator(token)); + } + return prev; + } +} + +// +// calcNumberSum() +// = [ [ '+' | '-' ] ]* +// +LexicalUnit calcNumberSum(LexicalUnit prev) : +{ +} +{ + ( + prev = calcNumberProduct(prev) + ( + ( + { prev = LexicalUnitImpl.createPlus(prev); } + | { prev = LexicalUnitImpl.createMinus(prev); } + ) + ( )* + prev = calcNumberProduct(prev) + )* + ) + { + if (prev != null) + { + prev.setLocator(createLocator(token)); + } + return prev; + } +} + +// +// calcNumberProduct() +// = [ '*' | '/' ]* +// +LexicalUnit calcNumberProduct(LexicalUnit prev) : +{ +} +{ + ( + prev = calcNumberValue(prev) + ( + ( + { prev = LexicalUnitImpl.createMultiply(prev); } + ( )* + prev = calcNumberValue(prev) + ) + | + ( + { prev = LexicalUnitImpl.createDivide(prev); } + ( )* + prev = calcNumberValue(prev) + ) + )* + ) + { + if (prev != null) + { + prev.setLocator(createLocator(token)); + } + return prev; + } +} + +// +// calcNumberValue() +// = | ( ) +// +LexicalUnit calcNumberValue(LexicalUnit prev) : +{ + Token t; + char op = ' '; + String funct = "("; + LexicalUnit head = LexicalUnitImpl.createIdent(null, ""); +} +{ + ( + ( + ( + (op = unaryOperator() )? + prev = number(prev, op) + | t = ident() { prev = LexicalUnitImpl.createIdent(prev, unescape(t.image, false)); } + ) + | prev = var(prev) + | + ( + ( + t = { funct = unescape(t.image, false); } + | t = { funct = unescape(t.image, false); } + ) + calcNumberSum(head) + + ) + { + // use an empty function as block scope + prev = functionInternal(prev, funct, head.getNextLexicalUnit()); + } + ) + ( )* + ) + { + if (prev != null) + { + prev.setLocator(createLocator(token)); + } + return prev; + } +} + +// var() +// https://developer.mozilla.org/en-US/docs/Web/CSS/var +// var( , ? ) +// +LexicalUnit var(LexicalUnit prev) : +{ + Token t; + LexicalUnit current, propertyName; + String funct = ""; +} +{ + t = { funct = unescape(t.image, false); } + ( )* + t = { current = LexicalUnitImpl.createIdent(prev, unescape(t.image, false)); propertyName = current; } + ( )* + ( + { current = LexicalUnitImpl.createComma(current); } + ( )* + ( + // inline expr here because we need a differnt prev handling + current = term(current) + ( LOOKAHEAD(2) + ( current = operator(current) )? + current = term(current) + )* + )? + )* + + { + return functionInternal(prev, funct, propertyName); + } +} + + +// rgb() / rgba() +// +LexicalUnit rgbColor(LexicalUnit prev) : +{ + Token t; + char op = ' '; + LexicalUnit param = null; + LexicalUnit next = null; + String funct; +} +{ + t = { funct = unescape(t.image.substring(0, t.image.length() - 1), false); } + ( )* + + ( + ( + { param = LexicalUnitImpl.createFrom(null); } + { next = param; } + + ( )* + + ( + t = ident() { next = LexicalUnitImpl.createIdent(next, unescape(t.image, false)); } + | next = rgbColor(next) + | next = hslColor(next) + | next = hwbColor(next) + | next = labColor(next) + | next = lchColor(next) + | next = var(next) + ) + + ( )* + + ( + (op = unaryOperator() )? + ( + next = number(next, op) + | next = percentage(next, op) + + | t = ident() { next = LexicalUnitImpl.createIdent(next, unescape(t.image, false)); } + | next = calc(next) + | next = var(next) + ) + ) + { op = ' '; } + + ( )* + + ( + (op = unaryOperator() )? + ( + next = number(next, op) + | next = percentage(next, op) + + | t = ident() { next = LexicalUnitImpl.createIdent(next, unescape(t.image, false)); } + | next = calc(next) + | next = var(next) + ) + ) + { op = ' '; } + + ( )* + + ( + (op = unaryOperator() )? + ( + next = number(next, op) + | next = percentage(next, op) + + | t = ident() { next = LexicalUnitImpl.createIdent(next, unescape(t.image, false)); } + | next = calc(next) + | next = var(next) + ) + ) + { op = ' '; } + + ( )* + ( + ( + { next = LexicalUnitImpl.createSlash(next); } + ( )* + )? + + (op = unaryOperator() )? + ( + next = number(next, op) + | next = percentage(next, op) + + | t = ident() { next = LexicalUnitImpl.createIdent(next, unescape(t.image, false)); } + | next = calc(next) + | next = var(next) + ) + + ( )* + )? + ) + + | + + ( + ( + (op = unaryOperator() )? + ( + { param = LexicalUnitImpl.createNone(null); } + | param = number(null, op) + | param = percentage(null, op) + + | param = calc(null) + | param = var(null) + ) + ) + { op = ' '; next = param; } + + ( )* + ( + { next = LexicalUnitImpl.createComma(next); } + ( )* + )? + + ( + (op = unaryOperator() )? + ( + { next = LexicalUnitImpl.createNone(next); } + | next = number(next, op) + | next = percentage(next, op) + + | next = calc(next) + | next = var(next) + ) + ) + { op = ' '; } + + ( )* + ( + { next = LexicalUnitImpl.createComma(next); } + ( )* + )? + + ( + (op = unaryOperator() )? + ( + { next = LexicalUnitImpl.createNone(next); } + | next = number(next, op) + | next = percentage(next, op) + + | next = calc(next) + | next = var(next) + ) + ) + { op = ' '; } + + ( )* + ( + ( + ( + { next = LexicalUnitImpl.createComma(next); } + | { next = LexicalUnitImpl.createSlash(next); } + ) + ( )* + )? + + (op = unaryOperator() )? + ( + { next = LexicalUnitImpl.createNone(next); } + | next = number(next, op) + | next = percentage(next, op) + + | next = calc(next) + | next = var(next) + ) + + ( )* + )? + ) + ) + + { + return rgbColorInternal(prev, funct, param); + } +} + + +// hsl() / hsla() +// +LexicalUnit hslColor(LexicalUnit prev) : +{ + Token t; + char op = ' '; + LexicalUnit param = null; + LexicalUnit next = null; + String funct; +} +{ + t = { funct = unescape(t.image.substring(0, t.image.length() - 1), false); } + ( )* + + ( + ( + { param = LexicalUnitImpl.createFrom(null); } + { next = param; } + + ( )* + + ( + t = ident() { next = LexicalUnitImpl.createIdent(next, unescape(t.image, false)); } + | next = rgbColor(next) + | next = hslColor(next) + | next = hwbColor(next) + | next = labColor(next) + | next = lchColor(next) + | next = var(next) + ) + + ( )* + + ( + (op = unaryOperator() )? + ( + next = number(next, op) + | next = angle(next, op) + + | t = ident() { next = LexicalUnitImpl.createIdent(next, unescape(t.image, false)); } + | next = calc(next) + | next = var(next) + ) + ) + { op = ' '; } + + ( )* + + ( + (op = unaryOperator() )? + ( + next = percentage(next, op) + + | t = ident() { next = LexicalUnitImpl.createIdent(next, unescape(t.image, false)); } + | next = calc(next) + | next = var(next) + ) + ) + { op = ' '; } + + ( )* + + ( + (op = unaryOperator() )? + ( + next = percentage(next, op) + + | t = ident() { next = LexicalUnitImpl.createIdent(next, unescape(t.image, false)); } + | next = calc(next) + | next = var(next) + ) + ) + { op = ' '; } + + ( )* + + ( + ( + { next = LexicalUnitImpl.createSlash(next); } + ( )* + )? + + (op = unaryOperator() )? + ( + next = number(next, op) + | next = percentage(next, op) + + | t = ident() { next = LexicalUnitImpl.createIdent(next, unescape(t.image, false)); } + | next = calc(next) + | next = var(next) + ) + + ( )* + )? + ) + + | + + ( + ( + (op = unaryOperator() )? + ( + { param = LexicalUnitImpl.createNone(null); } + | param = number(null, op) + | param = angle(null, op) + + | param = calc(null) + | param = var(null) + ) + ) + { op = ' '; next = param; } + + ( )* + ( + { next = LexicalUnitImpl.createComma(next); } + ( )* + )? + + ( + (op = unaryOperator() )? + ( + { next = LexicalUnitImpl.createNone(next); } + | next = percentage(next, op) + + | next = calc(next) + | next = var(next) + ) + ) + { op = ' '; } + + ( )* + ( + { next = LexicalUnitImpl.createComma(next); } + ( )* + )? + + ( + (op = unaryOperator() )? + ( + { next = LexicalUnitImpl.createNone(next); } + | next = percentage(next, op) + + | next = calc(next) + | next = var(next) + ) + ) + { op = ' '; } + + ( )* + ( + ( + ( + { next = LexicalUnitImpl.createComma(next); } + | { next = LexicalUnitImpl.createSlash(next); } + ) + ( )* + )? + + (op = unaryOperator() )? + ( + { next = LexicalUnitImpl.createNone(next); } + | next = number(next, op) + | next = percentage(next, op) + + | next = calc(next) + | next = var(next) + ) + + ( )* + )? + ) + ) + + { + return hslColorInternal(prev, funct, param); + } +} + + +// hwb() +// +LexicalUnit hwbColor(LexicalUnit prev) : +{ + Token t; + char op = ' '; + LexicalUnit param = null; + LexicalUnit next = null; + String funct; +} +{ + t = { funct = unescape(t.image.substring(0, t.image.length() - 1), false); } + ( )* + + ( + ( + { param = LexicalUnitImpl.createFrom(null); } + { next = param; } + + ( )* + + ( + t = ident() { next = LexicalUnitImpl.createIdent(next, unescape(t.image, false)); } + | next = rgbColor(next) + | next = hslColor(next) + | next = hwbColor(next) + | next = labColor(next) + | next = lchColor(next) + | next = var(next) + ) + + ( )* + + ( + (op = unaryOperator() )? + ( + next = number(next, op) + | next = angle(next, op) + + | t = ident() { next = LexicalUnitImpl.createIdent(next, unescape(t.image, false)); } + | next = calc(next) + | next = var(next) + ) + ) + { op = ' '; } + + ( )* + + ( + (op = unaryOperator() )? + ( + next = percentage(next, op) + + | t = ident() { next = LexicalUnitImpl.createIdent(next, unescape(t.image, false)); } + | next = calc(next) + | next = var(next) + ) + ) + { op = ' '; } + + ( )* + + ( + (op = unaryOperator() )? + ( + next = percentage(next, op) + + | t = ident() { next = LexicalUnitImpl.createIdent(next, unescape(t.image, false)); } + | next = calc(next) + | next = var(next) + ) + ) + { op = ' '; } + + ( )* + ( + ( + { next = LexicalUnitImpl.createSlash(next); } + ( )* + )? + + (op = unaryOperator() )? + ( + next = number(next, op) + | next = percentage(next, op) + + | t = ident() { next = LexicalUnitImpl.createIdent(next, unescape(t.image, false)); } + | next = calc(next) + | next = var(next) + ) + + ( )* + )? + ) + + | + + ( + ( + (op = unaryOperator() )? + ( + { param = LexicalUnitImpl.createNone(null); } + | param = number(null, op) + | param = angle(null, op) + + | param = calc(null) + | param = var(null) + ) + ) + { op = ' '; next = param; } + + ( )* + + ( + (op = unaryOperator() )? + ( + { next = LexicalUnitImpl.createNone(next); } + | next = percentage(next, op) + + | next = calc(next) + | next = var(next) + ) + ) + { op = ' '; } + + ( )* + + ( + (op = unaryOperator() )? + ( + { next = LexicalUnitImpl.createNone(next); } + | next = percentage(next, op) + + | next = calc(next) + | next = var(next) + ) + ) + { op = ' '; } + + ( )* + ( + ( + { next = LexicalUnitImpl.createSlash(next); } + ( )* + )? + + (op = unaryOperator() )? + ( + { next = LexicalUnitImpl.createNone(next); } + | next = number(next, op) + | next = percentage(next, op) + + | next = calc(next) + | next = var(next) + ) + + ( )* + )? + ) + ) + + { + return hwbColorInternal(prev, funct, param); + } +} + + +// lab() +// +LexicalUnit labColor(LexicalUnit prev) : +{ + Token t; + char op = ' '; + LexicalUnit param = null; + LexicalUnit next = null; + String funct; +} +{ + t = { funct = unescape(t.image.substring(0, t.image.length() - 1), false); } + ( )* + + ( + ( + { param = LexicalUnitImpl.createFrom(null); } + { next = param; } + + ( )* + + ( + t = ident() { next = LexicalUnitImpl.createIdent(next, unescape(t.image, false)); } + | next = rgbColor(next) + | next = hslColor(next) + | next = hwbColor(next) + | next = labColor(next) + | next = lchColor(next) + | next = var(next) + ) + + ( )* + + ( + (op = unaryOperator() )? + ( + next = number(next, op) + | next = percentage(next, op) + + | t = ident() { next = LexicalUnitImpl.createIdent(next, unescape(t.image, false)); } + | next = calc(next) + | next = var(next) + ) + ) + { op = ' '; } + + ( )* + + ( + (op = unaryOperator() )? + ( + next = number(next, op) + | next = percentage(next, op) + + | t = ident() { next = LexicalUnitImpl.createIdent(next, unescape(t.image, false)); } + | next = calc(next) + | next = var(next) + ) + ) + { op = ' '; } + + ( )* + + ( + (op = unaryOperator() )? + ( + next = number(next, op) + | next = percentage(next, op) + + | t = ident() { next = LexicalUnitImpl.createIdent(next, unescape(t.image, false)); } + | next = calc(next) + | next = var(next) + ) + ) + { op = ' '; } + + ( )* + ( + ( + { next = LexicalUnitImpl.createSlash(next); } + ( )* + )? + + (op = unaryOperator() )? + ( + next = number(next, op) + | next = percentage(next, op) + + | t = ident() { next = LexicalUnitImpl.createIdent(next, unescape(t.image, false)); } + | next = calc(next) + | next = var(next) + ) + + ( )* + )? + ) + + | + + ( + ( + (op = unaryOperator() )? + ( + { param = LexicalUnitImpl.createNone(null); } + | param = number(null, op) + | param = percentage(null, op) + + | param = calc(null) + | param = var(null) + ) + ) + { op = ' '; next = param; } + + ( )* + + ( + (op = unaryOperator() )? + ( + { next = LexicalUnitImpl.createNone(next); } + | next = number(next, op) + | next = percentage(next, op) + + | next = calc(next) + | next = var(next) + ) + ) + { op = ' '; } + + ( )* + + ( + (op = unaryOperator() )? + ( + { next = LexicalUnitImpl.createNone(next); } + | next = number(next, op) + | next = percentage(next, op) + + | next = calc(next) + | next = var(next) + ) + ) + { op = ' '; } + + ( )* + ( + ( + { next = LexicalUnitImpl.createSlash(next); } + ( )* + )? + + (op = unaryOperator() )? + ( + { next = LexicalUnitImpl.createNone(next); } + | next = number(next, op) + | next = percentage(next, op) + + | next = calc(next) + | next = var(next) + ) + + ( )* + )? + ) + ) + + { + return labColorInternal(prev, funct, param); + } +} + + +// lch() +// +LexicalUnit lchColor(LexicalUnit prev) : +{ + Token t; + char op = ' '; + LexicalUnit param = null; + LexicalUnit next = null; + String funct; +} +{ + t = { funct = unescape(t.image.substring(0, t.image.length() - 1), false); } + ( )* + + ( + ( + { param = LexicalUnitImpl.createFrom(null); } + { next = param; } + + ( )* + + ( + t = ident() { next = LexicalUnitImpl.createIdent(next, unescape(t.image, false)); } + | next = rgbColor(next) + | next = hslColor(next) + | next = hwbColor(next) + | next = labColor(next) + | next = lchColor(next) + | next = var(next) + ) + + ( )* + + ( + (op = unaryOperator() )? + ( + next = number(next, op) + | next = percentage(next, op) + + | t = ident() { next = LexicalUnitImpl.createIdent(next, unescape(t.image, false)); } + | next = calc(next) + | next = var(next) + ) + ) + { op = ' '; } + + ( )* + + ( + (op = unaryOperator() )? + ( + next = number(next, op) + | next = percentage(next, op) + + | t = ident() { next = LexicalUnitImpl.createIdent(next, unescape(t.image, false)); } + | next = calc(next) + | next = var(next) + ) + ) + { op = ' '; } + + ( )* + + ( + (op = unaryOperator() )? + ( + next = angle(next, op) + + | t = ident() { next = LexicalUnitImpl.createIdent(next, unescape(t.image, false)); } + | next = calc(next) + | next = var(next) + ) + ) + { op = ' '; } + + ( )* + ( + ( + { next = LexicalUnitImpl.createSlash(next); } + ( )* + )? + + (op = unaryOperator() )? + ( + next = number(next, op) + | next = percentage(next, op) + + | t = ident() { next = LexicalUnitImpl.createIdent(next, unescape(t.image, false)); } + | next = calc(next) + | next = var(next) + ) + + ( )* + )? + ) + + | + + ( + ( + (op = unaryOperator() )? + ( + { param = LexicalUnitImpl.createNone(null); } + | param = number(null, op) + | param = percentage(null, op) + + | param = calc(null) + | param = var(null) + ) + ) + { op = ' '; next = param; } + + ( )* + + ( + (op = unaryOperator() )? + ( + { next = LexicalUnitImpl.createNone(next); } + | next = number(next, op) + | next = percentage(next, op) + + | next = calc(next) + | next = var(next) + ) + ) + { op = ' '; } + + ( )* + + ( + (op = unaryOperator() )? + ( + { next = LexicalUnitImpl.createNone(next); } + | next = angle(next, op) + + | next = calc(next) + | next = var(next) + ) + ) + { op = ' '; } + + ( )* + ( + ( + { next = LexicalUnitImpl.createSlash(next); } + ( )* + )? + + (op = unaryOperator() )? + ( + { next = LexicalUnitImpl.createNone(next); } + | next = number(next, op) + | next = percentage(next, op) + + | next = calc(next) + | next = var(next) + ) + + ( )* + )? + ) + ) + + { + return lchColorInternal(prev, funct, param); + } +} + + +// +// Helper to process various keywords as IDENT +// +Token ident() : +{ + Token t; +} +{ + t = { return t; } + | + ( + t = + | t = + | t = + | t = + | t = + ) + { + Token ident = new Token(IDENT, unescape(t.image, false)); + ident.beginLine = t.beginLine; + ident.beginColumn = t.endColumn; + ident.endLine = t.beginLine; + ident.endColumn = t.endColumn; + ident.next = t.next; + ident.specialToken = t.specialToken; + return ident; + + } +} + +Token identExcludingInherit() : +{ + Token t; +} +{ + t = { return t; } + | + ( + t = + | t = + | t = + ) + { + Token ident = new Token(IDENT, unescape(t.image, false)); + ident.beginLine = t.beginLine; + ident.beginColumn = t.endColumn; + ident.endLine = t.beginLine; + ident.endColumn = t.endColumn; + ident.next = t.next; + ident.specialToken = t.specialToken; + return ident; + + } +} + +Token identExcludingOnly() : +{ + Token t; +} +{ + t = { return t; } + | + ( + t = + | t = + | t = + ) + { + Token ident = new Token(IDENT, unescape(t.image, false)); + ident.beginLine = t.beginLine; + ident.beginColumn = t.endColumn; + ident.endLine = t.beginLine; + ident.endColumn = t.endColumn; + ident.next = t.next; + ident.specialToken = t.specialToken; + return ident; + + } +} + + +// +// number() +// +LexicalUnit number(LexicalUnit prev, char op) : +{ + Token t; + LexicalUnit value = null; +} +{ + ( + t = + ) + { + try + { + value = LexicalUnitImpl.createNumber(prev, intValue(op, t.image)); + } + catch (NumberFormatException e) + { + value = LexicalUnitImpl.createNumber(prev, doubleValue(op, t.image)); + } + if (value != null) + { + value.setLocator(createLocator(token)); + } + return value; + } +} + +// +// percentage() +// +LexicalUnit percentage(LexicalUnit prev, char op) : +{ + Token t; + LexicalUnit value = null; +} +{ + ( + t = { value = LexicalUnitImpl.createPercentage(prev, doubleValue(op, t.image)); } + ) + { + if (value != null) + { + value.setLocator(createLocator(token)); + } + return value; + } +} + +// +// dimension() +// +LexicalUnit dimension(LexicalUnit prev, char op) : +{ + Token t; + LexicalUnit value = null; +} +{ + ( + t = { value = LexicalUnitImpl.createPixel(prev, doubleValue(op, t.image)); } + | t = { value = LexicalUnitImpl.createCentimeter(prev, doubleValue(op, t.image)); } + | t = { value = LexicalUnitImpl.createMillimeter(prev, doubleValue(op, t.image)); } + | t = { value = LexicalUnitImpl.createInch(prev, doubleValue(op, t.image)); } + | t = { value = LexicalUnitImpl.createPoint(prev, doubleValue(op, t.image)); } + | t = { value = LexicalUnitImpl.createPica(prev, doubleValue(op, t.image)); } + | t = { value = LexicalUnitImpl.createQuater(prev, doubleValue(op, t.image)); } + | t = { value = LexicalUnitImpl.createEm(prev, doubleValue(op, t.image)); } + | t = { value = LexicalUnitImpl.createRem(prev, doubleValue(op, t.image)); } + | t = { value = LexicalUnitImpl.createEx(prev, doubleValue(op, t.image)); } + | t = { value = LexicalUnitImpl.createCh(prev, doubleValue(op, t.image)); } + | t = { value = LexicalUnitImpl.createVw(prev, doubleValue(op, t.image)); } + | t = { value = LexicalUnitImpl.createVh(prev, doubleValue(op, t.image)); } + | t = { value = LexicalUnitImpl.createVMin(prev, doubleValue(op, t.image)); } + | t = { value = LexicalUnitImpl.createVMax(prev, doubleValue(op, t.image)); } + | t = { value = LexicalUnitImpl.createDegree(prev, doubleValue(op, t.image)); } + | t = { value = LexicalUnitImpl.createRadian(prev, doubleValue(op, t.image)); } + | t = { value = LexicalUnitImpl.createGradian(prev, doubleValue(op, t.image)); } + | t = { value = LexicalUnitImpl.createTurn(prev, doubleValue(op, t.image)); } + | t = { value = LexicalUnitImpl.createMillisecond(prev, doubleValue(op, t.image)); } + | t = { value = LexicalUnitImpl.createSecond(prev, doubleValue(op, t.image)); } + | t = { value = LexicalUnitImpl.createHertz(prev, doubleValue(op, t.image)); } + | t = { value = LexicalUnitImpl.createKiloHertz(prev, doubleValue(op, t.image)); } + | t = { value = LexicalUnitImpl.createDimension(prev, doubleValue(op, t.image), "dpi"); } + | t = { value = LexicalUnitImpl.createDimension(prev, doubleValue(op, t.image), "dpcm"); } + ) + { + if (value != null) + { + value.setLocator(createLocator(token)); + } + return value; + } +} + + +// +// angle() +// +LexicalUnit angle(LexicalUnit prev, char op) : +{ + Token t; + LexicalUnit value = null; +} +{ + ( + t = { value = LexicalUnitImpl.createDegree(prev, doubleValue(op, t.image)); } + | t = { value = LexicalUnitImpl.createRadian(prev, doubleValue(op, t.image)); } + | t = { value = LexicalUnitImpl.createGradian(prev, doubleValue(op, t.image)); } + | t = { value = LexicalUnitImpl.createTurn(prev, doubleValue(op, t.image)); } + ) + { + if (value != null) + { + value.setLocator(createLocator(token)); + } + return value; + } +} + + +// +// unicodeRange +// +LexicalUnit unicodeRange(LexicalUnit prev) : +{ + Token t; + StringBuilder range = new StringBuilder(); +} +{ + t = { range.append(unescape(t.image, false)); } + { + return LexicalUnitImpl.createIdent(prev, range.toString().toUpperCase(Locale.ROOT)); + } +} + +// +// hexcolor +// : HASH S* +// ; +// +LexicalUnit hexcolor(LexicalUnit prev) : +{ + Token t; +} +{ + t = + { + return hexColorInternal(prev, t); + } +} + +JAVACODE +String skip() { + StringBuilder sb = new StringBuilder(); + int nesting = 0; + Token t = getToken(0); + if (t.image != null) { + sb.append(t.image); + } + + do { + t = getNextToken(); + if (t.kind == EOF) { + break; + } + sb.append(t.image); + appendUnit(t, sb); + + if (t.kind == LBRACE) { + nesting++; + } + else if (t.kind == RBRACE) { + nesting--; + } + } + while ((t.kind != RBRACE && t.kind != SEMICOLON) || nesting > 0); + + return sb.toString(); +} + +JAVACODE +String skipUnit() { + StringBuilder sb = new StringBuilder(); + + Token t = token; + Token oldToken = null; + while (t.kind != SEMICOLON && t.kind != RBRACE && t.kind != EOF ) { + oldToken = t; + sb.append(oldToken.image); + appendUnit(t, sb); + + t = getNextToken(); + } + if (t.kind != EOF) { + token = oldToken; + } + + return sb.toString(); +} + +JAVACODE +void appendUnit(Token t, StringBuilder sb) { + if (t.kind == EMS) { + sb.append("em"); + return; + } + if (t.kind == REM) { + sb.append("rem"); + return; + } + if (t.kind == EXS) { + sb.append("ex"); + return; + } + if (t.kind == CH) { + sb.append("ch"); + return; + } + if (t.kind == VW) { + sb.append("vw"); + return; + } + if (t.kind == VH) { + sb.append("vh"); + return; + } + if (t.kind == VMIN) { + sb.append("vmin"); + return; + } + if (t.kind == VMAX) { + sb.append("vmax"); + return; + } + if (t.kind == LENGTH_PX) { + sb.append("px"); + return; + } + if (t.kind == LENGTH_CM) { + sb.append("cm"); + return; + } + if (t.kind == LENGTH_MM) { + sb.append("mm"); + return; + } + if (t.kind == LENGTH_IN) { + sb.append("in"); + return; + } + if (t.kind == LENGTH_PT) { + sb.append("pt"); + return; + } + if (t.kind == LENGTH_PC) { + sb.append("pc"); + return; + } + if (t.kind == LENGTH_Q) { + sb.append("Q"); + return; + } + if (t.kind == ANGLE_DEG) { + sb.append("deg"); + return; + } + if (t.kind == ANGLE_RAD) { + sb.append("rad"); + return; + } + if (t.kind == ANGLE_GRAD) { + sb.append("grad"); + return; + } + if (t.kind == ANGLE_TURN) { + sb.append("turn"); + return; + } + if (t.kind == TIME_MS) { + sb.append("ms"); + return; + } + if (t.kind == TIME_S) { + sb.append('s'); + return; + } + if (t.kind == FREQ_HZ) { + sb.append("hz"); + return; + } + if (t.kind == FREQ_KHZ) { + sb.append("khz"); + return; + } + if (t.kind == RESOLUTION_DPI) { + sb.append("dpi"); + return; + } + if (t.kind == RESOLUTION_DPCM) { + sb.append("dpcm"); + return; + } + if (t.kind == PERCENTAGE) { + sb.append('%'); + return; + } +} + +JAVACODE +void error_skipblock(String msgKey, CSSParseException e) +{ + if (msgKey != null) { + getErrorHandler().warning(createSkipWarning(msgKey, e)); + } + + Token t; + int nesting = 0; + do { + t = getNextToken(); + if (t.kind == LBRACE) { + nesting++; + } + else if (t.kind == RBRACE) { + nesting--; + } + } + while (t.kind != EOF && (t.kind != RBRACE || nesting > 0)); +} + +JAVACODE +void error_skipdecl() +{ + Token t = getToken(1); + if (t.kind == LBRACE) { + error_skipblock(null, null); + return; + } + if (t.kind == RBRACE) { + // next will be RBRACE so we are finished + return; + } + + Token oldToken = token; + while (t.kind != SEMICOLON && t.kind != RBRACE && t.kind != EOF) { + oldToken = t; + t = getNextToken(); + } + if (t.kind != EOF) { + token = oldToken; + } +} + +JAVACODE +void error_skipAtRule() +{ + Token t = null; + do { + t = getNextToken(); + } + while (t.kind != SEMICOLON && t.kind != EOF); +} + +JAVACODE +Boolean handleCaseInSensitive(Token t) +{ + String s = unescape(t.image, false); + if ("i".equalsIgnoreCase(s)) { + return Boolean.TRUE; + } + if ("s".equalsIgnoreCase(s)) { + return Boolean.FALSE; + } + + throw toCSSParseException("invalidCaseInSensitivelyIdentifier", new String[] { s }, createLocator(t)); +} diff --git a/src/test/java/org/htmlunit/cssparser/parser/CSS3ParserRealWorldTest.java b/src/test/java/org/htmlunit/cssparser/parser/CSS3ParserRealWorldTest.java index 74e0047..31602e8 100644 --- a/src/test/java/org/htmlunit/cssparser/parser/CSS3ParserRealWorldTest.java +++ b/src/test/java/org/htmlunit/cssparser/parser/CSS3ParserRealWorldTest.java @@ -506,6 +506,15 @@ public void jenkins10078() throws Exception { realWorld("realworld/jenkins_10078.css", 1423, 4032, media, 0, 0); } + /** + * @throws Exception if any error occurs + */ + @Test + public void filterscontainer() throws Exception { + final String media = "(max-width: 767px);(min-width: 640px);(min-width: 768px);"; + realWorld("realworld/filterscontainer.css", 43, 74, media, 0, 0); + } + private void realWorld(final String resourceName, final int rules, final int properties, final String media, final int err, final int warn) throws Exception { diff --git a/src/test/java/org/htmlunit/cssparser/parser/CSS3ParserTest.java b/src/test/java/org/htmlunit/cssparser/parser/CSS3ParserTest.java index 4886c41..312eb14 100644 --- a/src/test/java/org/htmlunit/cssparser/parser/CSS3ParserTest.java +++ b/src/test/java/org/htmlunit/cssparser/parser/CSS3ParserTest.java @@ -1316,6 +1316,9 @@ public void varExpressions() throws Exception { expression("h1 { --my-var: 'test' }", "h1 { --my-var: \"test\"; }"); + expression("h1 { box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000); }", + "h1 { box-shadow: var(--tw-ring-offset-shadow, 0 0 rgb(0, 0, 0, 0)); }"); + // test cases for unsuccessful parsing expression("h1 { --my-var: var(test); }", 1, 0, 0); expression("h1 { --my-var: var(); }", 1, 0, 0); diff --git a/src/test/resources/realworld/filterscontainer.css b/src/test/resources/realworld/filterscontainer.css new file mode 100644 index 0000000..2436cb8 --- /dev/null +++ b/src/test/resources/realworld/filterscontainer.css @@ -0,0 +1 @@ +.layout-sidebar[data-v-acd2d56a]{padding-bottom:.75rem}@media (min-width: 768px){.layout-sidebar[data-v-acd2d56a]{padding-top:1rem;padding-bottom:1rem}}.layout-sidebar__main[data-v-acd2d56a]{display:block;align-items:flex-start}@media (min-width: 768px){.layout-sidebar__main[data-v-acd2d56a]{display:flex}}@media (min-width: 640px){.layout-sidebar__sidebar[data-v-acd2d56a]{max-width:300px}}@media (max-width: 767px){.sticky-search-position.layout-sidebar__sidebar[data-v-acd2d56a]{--tw-shadow: 0 2px 5px -1px rgba(0, 0, 0, .08);--tw-shadow-colored: 0 2px 5px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.layout-sidebar__sidebar[data-v-acd2d56a]{position:fixed;right:-100%;top:0;width:100%;height:100%;z-index:1000;transition:all ease .3s}.layout-sidebar__sidebar.show[data-v-acd2d56a]{transform:translate(-100%)}}.a-card .a-accordion[data-v-3e657b4a]{border:0}.a-card[data-v-3e657b4a] .a-accordion__button{padding:.5rem 1rem}.bu-filters__provider-logo[data-v-5cc2b1c6],.tr-filters__provider-logo[data-v-7b0a6cb5]{vertical-align:middle;box-sizing:content-box;width:24px}.tr-filters__provider-logo[data-v-7b0a6cb5] .provider-logo__wrapper{padding:0}.filterbox .list-enter-from[data-v-5dabcc00],.filterbox .list-leave-to[data-v-5dabcc00]{--tw-translate-x: 1.5rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));opacity:0}.filterbox .list-leave-active[data-v-5dabcc00]{position:absolute}.filterbox .list-enter-active[data-v-5dabcc00],.filterbox .list-leave-active[data-v-5dabcc00]{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.2s;transition-timing-function:linear}.slider-widget[data-v-404329e5]{padding:1.5rem 1rem 1.6875rem}.slider-widget.has-chart[data-v-404329e5]{padding-top:1rem}.slider-widget.has-chart[data-v-404329e5] .a-slider{padding-top:0}.filter-price[data-v-558ae752] .a-slider__footer{white-space:pre}.filter-price[data-v-558ae752] .a-slider__footer :first-child{text-align:left}.filter-price[data-v-558ae752] .a-slider__footer :last-child{text-align:right}.filter-card[data-v-3bf9d946] .filter-card_option{margin-right:.5rem;display:flex;min-height:2rem}.filter-card[data-v-3bf9d946] .filter-card_option:not(:last-child){margin-bottom:.75rem}.filter-card[data-v-3bf9d946] .filter-card_option:last-child{margin-bottom:.5rem}.filter-card[data-v-3bf9d946] .a-slider__tooltip{font-weight:400;line-height:180%;font-size:.875rem;white-space:pre;color:#2b2f33}.dummy-sidebar[data-v-0f3fb5ba]{direction:rtl;border-radius:.5rem;box-shadow:var(--shadow-sm);border:solid 1px var(--border-1);background-color:var(--white)}.dummy-sidebar__item[data-v-0f3fb5ba]{display:flex;justify-content:space-between;padding:1rem;font-size:1.25rem}.dummy-sidebar__item__line[data-v-0f3fb5ba]{flex:1;max-width:150px}.dummy-sidebar__item__line.is-short[data-v-0f3fb5ba]{max-width:84px}.dummy-sidebar__item[data-v-0f3fb5ba]:not(:last-child){border-bottom-width:1px}.bu-filters__provider-logo[data-v-66afc2e5]{vertical-align:middle;box-sizing:content-box;width:24px}.pretty-scroll[data-v-7aa95e25]::-webkit-scrollbar{width:24px}.pretty-scroll[data-v-7aa95e25]::-webkit-scrollbar-thumb{border:8px solid rgba(0,0,0,0);background-clip:padding-box;border-radius:99px;background-color:var(--grays-150)}.border-bottom[data-v-4027b5f5]{border-bottom:solid 1px var(--border-1)}[data-v-6be4bba8] .a-pill{height:32px;width:52px;justify-content:center;padding:0}@media (min-width: 768px){[data-v-6be4bba8] .a-pill{width:40px}}.GTO-checkbox-search[data-v-45741be3] .AC-scrollable-filter-section{max-height:300px;overflow-y:auto}.GTO-checkbox-search-mobile[data-v-45741be3] .AC-scrollable-filter-section{-ms-overflow-style:none;scrollbar-width:none}.GTO-checkbox-search-mobile[data-v-45741be3] .AC-scrollable-filter-section::-webkit-scrollbar{display:none}.hide-scroll[data-v-45741be3]{-ms-overflow-style:none;scrollbar-width:none}.hide-scroll[data-v-45741be3]::-webkit-scrollbar{display:none}[data-v-5aa56fe7] .a-card:not(:first-child){border-top-left-radius:0;border-top-right-radius:0;border-top:0}[data-v-5aa56fe7] .a-card:not(:last-child){border-bottom-left-radius:0;border-bottom-right-radius:0}.close-icon[data-v-5aa56fe7]{min-width:1rem}[data-v-5aa56fe7] .filter-item{max-width:200px} From 73a8a40c07b03537849ff226ca8cd321a015c584 Mon Sep 17 00:00:00 2001 From: Ronald Brill Date: Tue, 25 Feb 2025 13:25:08 +0100 Subject: [PATCH 2/6] start working on 4.11.0-SNAPSHOT --- README.md | 5 +---- pom.xml | 2 +- 2 files changed, 2 insertions(+), 5 deletions(-) diff --git a/README.md b/README.md index 533bcae..be0cc16 100644 --- a/README.md +++ b/README.md @@ -46,7 +46,7 @@ implementation group: 'org.htmlunit', name: 'htmlunit-cssparser', version: '4.10 ### Latst CI build The latest builds are available from our -[Jenkins CI build server][2] +[Jenkins CI build server](https://jenkins.wetator.org/job/HtmlUnit%20-%20CSS%20Parser/ "HtmlUnit - CSS Parser CI") [![Build Status](https://jenkins.wetator.org/buildStatus/icon?job=HtmlUnit+-+CSS+Parser)](https://jenkins.wetator.org/job/HtmlUnit%20-%20CSS%20Parser/) @@ -160,6 +160,3 @@ This project is licensed under the Apache 2.0 License ## Acknowledgments Many thanks to all of you contributing to HtmlUnit/CSSParser/Rhino in the past. - - -[2]: https://jenkins.wetator.org/job/HtmlUnit%20-%20CSS%20Parser/ "HtmlUnit - CSS Parser CI" \ No newline at end of file diff --git a/pom.xml b/pom.xml index 52f1928..a58f868 100644 --- a/pom.xml +++ b/pom.xml @@ -4,7 +4,7 @@ 4.0.0 org.htmlunit htmlunit-cssparser - 4.10.0 + 4.11.0-SNAPSHOT HtmlUnit CSS Parser HtmlUnit From a2545a9738c288246b5b3aa17356966a43eb3d2a Mon Sep 17 00:00:00 2001 From: Ronald Brill Date: Tue, 25 Feb 2025 16:55:43 +0100 Subject: [PATCH 3/6] more tests --- .../parser/CSS3ParserRealWorldTest.java | 22 + .../realworld/alibaba-huge-index.css | 16835 ++++++++++++++++ .../resources/realworld/filterscontainer.css | 198 +- 3 files changed, 17054 insertions(+), 1 deletion(-) create mode 100644 src/test/resources/realworld/alibaba-huge-index.css diff --git a/src/test/java/org/htmlunit/cssparser/parser/CSS3ParserRealWorldTest.java b/src/test/java/org/htmlunit/cssparser/parser/CSS3ParserRealWorldTest.java index 31602e8..646a461 100644 --- a/src/test/java/org/htmlunit/cssparser/parser/CSS3ParserRealWorldTest.java +++ b/src/test/java/org/htmlunit/cssparser/parser/CSS3ParserRealWorldTest.java @@ -515,6 +515,28 @@ public void filterscontainer() throws Exception { realWorld("realworld/filterscontainer.css", 43, 74, media, 0, 0); } + /** + * @throws Exception if any error occurs + */ + @Test + public void alibabaHugeIndex() throws Exception { + final String media = "(max-width: 767px);(max-width: 768px);" + + "(max-width: 991px);" + + "(min-width: 1024px);" + + "(min-width: 1200px);" + + "(min-width: 1280px);" + + "(min-width: 360px);" + + "(min-width: 640px);" + + "(min-width: 768px);" + + "(min-width: 992px);" + + "(prefers-reduced-motion: no-preference);" + + "screen and (max-width: 1200px);" + + "screen and (max-width: 480px);" + + "screen and (max-width: 767px);" + + "screen and (max-width: 768px);"; + realWorld("realworld/alibaba-huge-index.css", 3201, 6863, media, 12, 6); + } + private void realWorld(final String resourceName, final int rules, final int properties, final String media, final int err, final int warn) throws Exception { diff --git a/src/test/resources/realworld/alibaba-huge-index.css b/src/test/resources/realworld/alibaba-huge-index.css new file mode 100644 index 0000000..e7c3e4d --- /dev/null +++ b/src/test/resources/realworld/alibaba-huge-index.css @@ -0,0 +1,16835 @@ +#nprogress { + pointer-events: none; +} +#nprogress .bar { + background: var(--primary); + position: fixed; + z-index: 1031; + top: 0; + left: auto !important; + right: 0; + width: 100%; + height: 2px; +} +#nprogress .peg { + display: block; + position: absolute; + right: 0; + width: 100px; + height: 100%; + box-shadow: 0 0 10px var(--primary), 0 0 5px var(--primary); + opacity: 1; + transform: rotate(3deg) translateY(-4px); +} +.nprogress-custom-parent { + overflow: hidden; + position: relative; +} +.nprogress-custom-parent #nprogress .bar { + position: absolute; +} /*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */ +html { + line-height: 1.15; + -webkit-text-size-adjust: 100%; +} +body { + margin: 0; +} +main { + display: block; +} +h1 { + font-size: 2em; + margin: 0.67em 0; +} +hr { + box-sizing: content-box; + height: 0; + overflow: visible; +} +pre { + font-family: monospace, monospace; + font-size: 1em; +} +a { + background-color: transparent; +} +abbr[title] { + border-bottom: none; + text-decoration: underline; + -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 { + box-sizing: border-box; + color: inherit; + display: table; + max-width: 100%; + padding: 0; + white-space: normal; +} +progress { + vertical-align: baseline; +} +textarea { + overflow: auto; +} +[type="checkbox"], +[type="radio"] { + box-sizing: border-box; + padding: 0; +} +[type="number"]::-webkit-inner-spin-button, +[type="number"]::-webkit-outer-spin-button { + height: auto; +} +[type="search"] { + -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; +} +* { + box-sizing: border-box; + -webkit-tap-highlight-color: transparent; + -webkit-font-smoothing: antialiased; + font-feature-settings: inherit; + border: 0 solid var(--border-1); +} +fieldset { + margin: 0; +} +a { + color: inherit; + text-decoration: none; +} +a:visited { + color: inherit; +} +p { + margin-top: 0; +} +button, +[type="button"], +[type="reset"], +[type="submit"] { + display: inline-block; + -webkit-appearance: button; +} +address { + font-style: normal; +} +.fade-enter-active, +.fade-leave-active { + transition: opacity linear var(--duration, 0.2s); +} +.fade-enter-from, +.fade-leave-to { + opacity: 0; +} +@media (min-width: 768px) { + .cards-flip > li, + .cards-flip > div, + .cards-flip-item { + transition: all ease var(--duration, 0.7s); + } + .cards-flip-enter-from, + .cards-flip-leave-to { + opacity: 0; + } + .cards-flip-leave-active { + position: absolute; + } +} +@-webkit-keyframes fade { + 0% { + opacity: 0; + } + to { + opacity: 1; + } +} +@keyframes fade { + 0% { + opacity: 0; + } + to { + opacity: 1; + } +} +.fade-in { + -webkit-animation: fade var(--duration, 0.2s) ease; + animation: fade var(--duration, 0.2s) ease; +} +:root { + --white: #fff; + --black: #000; + --primary: #fdb713; + --primary-light: #ffe19c; + --primary-dark: #e3a107; + --secondary-100: #f2f9ff; + --secondary-200: #c9e3f8; + --secondary-300: #51a2e7; + --secondary-400: #0077db; + --secondary-500: #00569e; + --secondary-600: #004075; + --secondary-700: #001c33; + --success-100: #eafaee; + --success-300: #84e199; + --success-400: #28a745; + --success-500: #1e7b33; + --success-700: #11461d; + --warning-100: #fff5e5; + --warning-300: #ffce85; + --warning-400: #ff9800; + --warning-500: #a85d00; + --warning-700: #4d2800; + --info-100: #e8f9fc; + --info-300: #a0e8f3; + --info-400: #17a2b8; + --info-500: #0f697a; + --info-700: #072f36; + --danger-100: #fdf2f3; + --danger-300: #f2b5bb; + --danger-400: #dc3545; + --danger-500: #871722; + --danger-700: #410b10; + --gray-100: #f8fafb; + --gray-200: #f6f8f9; + --gray-300: #e2e6e9; + --gray-400: #bec6cc; + --gray-500: #959ea6; + --gray-600: #6c7680; + --gray-700: #4b5259; + --gray-800: #2b2f33; + --gray-900: #0a0b0c; + --grays-100: #f8fafb; + --grays-150: #e2e6e9; + --grays-200: #bec6cc; + --grays-300: #959ea6; + --grays-400: #6c7680; + --grays-500: #4b5259; + --grays-600: #2b2f33; + --grays-700: #0a0b0c; + --bg-cta-naturalWhite: #fff; + --bg-cta-naturalDefault: #f8fafb; + --bg-cta-softNaturalSelected: #f8fafb; + --bg-cta-softOnLightHover: #f8fafb; + --bg-cta-naturalHover: #e2e6e9; + --bg-cta-softOnDarkHover: #2b2f33; + --bg-cta-softOnDarkSelected: #2b2f33; + --bg-cta-primaryDefault: #fdb713; + --bg-cta-primaryHover: #e3a107; + --bg-cta-primaryDisabled: #ffe19c; + --bg-cta-bgLoading: #ffe19c; + --bg-cta-softSecondaryHover: #f2f9ff; + --bg-cta-softSecondarySelected: #f2f9ff; + --bg-cta-secondaryDisabled: #c9e3f8; + --bg-cta-secondaryLoading: #c9e3f8; + --bg-cta-secondaryDefault: #0077db; + --bg-cta-secondaryHover: #00569e; + --bg-cta-softAlertHover: #fdf2f3; + --bg-cta-softAlertSelected: #fdf2f3; + --fg-cta-secondaryDefault: #fff; + --fg-cta-naturalDisabled: #bec6cc; + --fg-cta-primaryDisabled: #6c7680; + --fg-cta-naturalDefault: #4b5259; + --fg-cta-primaryLoading: #4b5259; + --fg-cta-naturalFocus: #2b2f33; + --fg-cta-primaryDefault: #0a0b0c; + --fg-cta-secondarySelected: #0077db; + --fg-cta-onDark: #fff; + --fg-cta-onLightDisabled: #bec6cc; + --fg-cta-onDarkDisabled: #4b5259; + --fg-cta-onLight: #4b5259; + --fg-cta-secondaryDisabled: #c9e3f8; + --fg-cta-secondary: #0077db; + --fg-cta-secondaryFocus: #00569e; + --fg-cta-alertDisabled: #f2b5bb; + --fg-cta-alert: #dc3545; + --fg-cta-alertDefault: #dc3545; + --fg-cta-alertFocus: #871722; + --border-cta-primaryFocus: #4b5259; + --border-cta-naturalDefault: #4b5259; + --border-cta-naturalDarkSelected: #4b5259; + --border-cta-naturalFocus: #2b2f33; + --border-cta-secondaryDisabled: #c9e3f8; + --border-cta-secondaryLoading: #c9e3f8; + --border-cta-secondaryDefault: #0077db; + --border-cta-secondarySelected: #0077db; + --border-cta-secondaryFocus: #00569e; + --border-cta-alertLoading: #f2b5bb; + --border-cta-alertDisabled: #f2b5bb; + --border-cta-alertSelected: #f2b5bb; + --border-cta-alertFcous: #871722; + --border-cta-alertDefault: #dc3545; + --border-1: rgba(0, 0, 0, 0.12); + --border-2: rgba(0, 0, 0, 0.2); + --overlay: rgba(10, 11, 12, 0.65); + --bg: #f6f6f6; + --shadow-sm: 0 1px 1px -1px rgba(0, 0, 0, 0.08); + --shadow-md: 0 2px 5px -1px rgba(0, 0, 0, 0.08); + --shadow-lg: 0 4px 6px 0 rgba(0, 0, 0, 0.08); + --shadow-xl: 0 3px 10px 0 rgba(0, 0, 0, 0.12), + 0 10px 10px -6px rgba(0, 0, 0, 0.12); + --shadow-bottom-sheet: 0 -20px 30px -5px rgba(0, 0, 0, 0.08); + --shadow-nav-bar: 0 -1px 0 0 rgba(0, 0, 0, 0.08), + 0 -2px 8px 8px rgba(0, 0, 0, 0.04); + --shadow-inner: inset 0 2px 4px 0 rgb(0, 0, 0, 0.05); + --spacing-0: 0; + --spacing-1: 0.25rem; + --spacing-2: 0.5rem; + --spacing-3: 0.75rem; + --spacing-4: 1rem; + --spacing-5: 1.5rem; + --spacing-6: 2rem; + --spacing-7: 3rem; + --spacing-8: 4rem; + --spacing-9: 4.5rem; + --spacing-10: 6rem; + --spacing-11: 8rem; + --spacing-12: 12rem; + --spacing-13: 16rem; + --spacing-14: 24rem; + --spacing-15: 32rem; + --spacing-16: 40rem; + --spacing-px: 1px; + --checkbox-bg-checked-default: #0077db; + --checkbox-bg-checked-hover: #00569e; + --checkbox-bg-checked-disabled: #c9e3f8; + --checkbox-bg-checked-error: #0077db; + --checkbox-bg-checked-focus: #0077db; + --checkbox-bg-unchecked-default: #f8fafb; + --checkbox-fg-checked-default: #f8fafb; + --checkbox-border-default: #959ea6; + --checkbox-border-disabled: #bec6cc; + --checkbox-border-error: #dc3545; + --checkbox-border-focus: #00569e; + --checkbox-border-hover: #6c7680; + --checkbox-radi-default: 4px; + --checkbox-size-unit-default: 24px; + --checkbox-content-netrual-intense: #6c7680; + --checkbox-space-between: 8px; + --checkbox-content-netrual-dominant: #4b5259; + --checkbox-touch-area: 32px; + --checkbox-border-none: #00000000; + --radio-fg-checked: #ffffff; + --radio-bg-unchecked: #f8fafb; + --radio-bg-checked-default: #0077db; + --radio-bg-checked-error: #0077db; + --radio-bg-checked-focus: #0077db; + --radio-bg-checked-hover: #00569e; + --radio-border-default: #959ea6; + --radio-border-error: #dc3545; + --radio-border-hover: #6c7680; + --radio-space-between: 8px; + --radio-bg-checked-disabled: #c9e3f8; + --radio-border-disabled: #bec6cc; + --radio-border-focus: #00569e; + --radio-size-unit-default: 24px; + --radio-content-netural-dominant: #4b5259; + --radio-content-netural-intense: #6c7680; + --radio-touch-area: 32px; + --radio-border-none: #00000000; + --switch-bg-active: #0077db; + --switch-bg-active-disabled: #c9e3f8; + --switch-bg-deactive: #959ea6; + --switch-bg-deactive-disabled: #bec6cc; + --switch-content-netrual-dominant: #4b5259; + --switch-content-netrual-intense: #6c7680; + --switch-space-between: 8px; + --switch-touch-area: 32px; + --switch-radi-default: 1024px; + --switch-fg-active: #ffffff; + --switch-fg-active-disabled: #f2f9ff; + --switch-fg-deactive: #ffffff; + --switch-fg-deactive-disabled: #f8fafb; + --label-surface-gray: #e2e6e9; + --label-surface-info: #e8f9fc; + --label-surface-success: #eafaee; + --label-surface-warning: #fff5e5; + --label-surface-alert: #fdf2f3; + --label-surface-brand: #ffe19c; + --label-surface-dark: #000000a6; + --label-content-gray: #4b5259; + --label-content-info: #0f697a; + --label-on-surface-success: #28a745; + --label-content-warning: #a85d00; + --label-content-alert: #871722; + --label-content-brand: #4d2800; + --label-content-dark: #ffffff; + --label-side-padding-default: 8px; + --label-right-padding: 4px; + --label-space-between-lg: 8px; + --label-space-between-nl: 4px; + --label-radi-default: 1024px; + --label-icon-size-unit: 16px; + --label-content-success: #1e7b33; + --label-on-surface-info: #17a2b8; + --label-on-surface-warning: #a85d00; + --label-on-surface-alert: #dc3545; + --label-on-surface-gray: #4b5259; + --label-left-padding: 8px; + --label-border-gray: #4b5259; + --label-size-unit-nl: 20px; + --label-size-unit-lg: 24px; + --label-border-none: #00000000; + --special-surface-balance-increase: #eafaee; + --special-surface-new: #84e199; + --special-surface-balance-decrease: #fdf2f3; + --special-surface-zero: #f8fafb; + --special-surface-discount: #dc3545; + --special-content-balance-increase: #1e7b33; + --special-content-new: #0a0b0c; + --special-content-balance-decrease: #871722; + --special-content-zero: #4b5259; + --special-content-discount: #ffffff; + --special-side-padding-lg: 8px; + --special-space-between-lg: 4px; + --special-icon-size-unit: 12px; + --special-radi-default: 1024px; + --special-side-padding-nl: 4px; + --special-size-unit-nl: 20px; + --special-size-unit-lg: 24px; + --special-size-unit-sm: 16px; + --bullet-bg-default: #e2e6e9; + --bullet-bg-gary: #4b5259; + --bullet-bg-info: #17a2b8; + --bullet-bg-success: #28a745; + --bullet-bg-warning: #a85d00; + --bullet-bg-alert: #dc3545; + --textField-bg-default: #ffffff; + --textField-bg-value: #ffffff; + --textField-bg-focus: #ffffff; + --textField-bg-disabled: #f8fafb; + --textField-bg-error: #ffffff; + --textField-fg-default: #959ea6; + --textField-fg-focus: #2b2f33; + --textField-fg-disabled: #bec6cc; + --textField-fg-error: #dc3545; + --textField-bg-warning: #ffffff; + --textField-fg-warning: #ff9800; + --textField-border-default: #bec6cc; + --textField-border-value: #bec6cc; + --textField-border-focus: #4b5259; + --textField-border-warning: #ff9800; + --textField-border-error: #dc3545; + --textField-border-disabled: #bec6cc; + --textField-content-netrual: #959ea6; + --textField-content-secondary: #0077db; + --textField-content-alert: #dc3545; + --textField-size-unit-lg: 48px; + --textField-size-unit-md: 40px; + --textField-radi-default: 8px; + --textField-side-padding: 8px; + --textField-space-between: 4px; + --textField-fg-value: #2b2f33; + --toast-surface-dark: #2b2f33; + --toast-content-netrual-invert: #ffffff; + --toast-surface-alert: #dc3545; + --toast-surface-light: #ffffff; + --toast-content-neutral-dominant: #4b5259; + --toast-radi-default: 8px; + --toast-side-padding-default: 12px; + --toast-side-padding-right: 16px; + --toast-space-between-lg: 12px; + --toast-space-between-nl: 8px; + --toast-space-between-vertical: 12px; + --knob-bg-default: #ffffff; + --knob-bg-hover: #ffffff; + --knob-bg-focus: #ffffff; + --knob-bg-disable: #f6f8f9; + --knob-radi-default: 1024px; + --knob-border-default: #0077db; + --knob-border-hover: #00569e; + --knob-border-focus: #00569e; + --knob-border-disable: #f2f9ff; + --knob-size-unit: 20px; + --Bins-bg-default: #c9e3f8; + --Bins-bg-hover: #51a2e7; + --Bins-bg-focus: #0077db; + --Bins-bg-disable: #f2f9ff; + --Bins-radi-default: 4px; + --Slider-bg-default: #e2e6e9; + --Slider-bg-selected: #0077db; + --Slider-bg-focus: #00569e; + --Slider-bg-disable: #f2f9ff; + --Slider-radi-default: 1024px; + --Content-on-surfac-Overwhelming: #0a0b0c; + --Content-on-surfac-Extreme: #2b2f33; + --Content-on-surfac-Dominant: #4b5259; + --Content-on-surfac-Intense: #6c7680; + --Content-on-surfac-strong: #959ea6; + --Content-on-surfac-moderate: #bec6cc; + --uploadFile-bg-base: #ffffff; + --uploadFile-bg-hover: #f2f9ff; + --uploadFile-border-base: #0077db; + --uploadFile-border-hover: #0077db; + --uploadFile-border-error: #dc3545; + --uploadFile-bg-uploaded: #f8fafb; + --uploadFile-space-between: 4px; + --uploadFile-side-padding: 8px; + --uploadFile-overlay-default: #00000033; + --uploadFile-content-secondary: #0077db; + --uploadFile-content-netrual-intense: #6c7680; + --uploadFile-bg-uploading: #f8fafb; + --uploadFile-bg-error: #f8fafb; + --uploadFile-radi-default: 8px; + --uploadFile-border-none: #00000000; + --uploadFile-bg-disabled: #f8fafb; + --uploadFile-border-disabled: #bec6cc; + --uploadFile-content-netrual-moderate: #bec6cc; + --progressBar-bg-default: #ffffff; + --progressBar-fg-default: #0077db; + --progressBar-radi-default: 1024px; + --DotPageIndicator-on-image-bg-active: #ffffff; + --DotPageIndicator-on-image-bg-inactive: #ffffff99; + --DotPageIndicator-on-surface-bg-active: #0a0b0c; + --DotPageIndicator-on-surface-bg-inactive: #000000a6; + --DotPageIndicator-side-padding-nl: 12px; + --DotPageIndicator-top-padding-nl: 16px; + --DotPageIndicator-top-padding-lg: 24px; + --DotPageIndicator-Bottom-padding-nl: 12px; + --DotPageIndicator-space-between: 8px; + --ListItem-surface-default: #ffffff; + --ListItem-surface-hover: #f8fafb; + --ListItem-surface-loading: #ffffff; + --ListItem-surface-focus: #ffffff; + --ListItem-surface-disabled: #ffffff; + --ListItem-radi-default: 0px; + --ListItem-radi-individual: 8px; + --ListItem-side-padding: 12px; + --ListItem-space-between: 12px; + --ListItem-border-size: 1px; + --ListItem-border-default: #0000001f; + --ListItem-border-hover: #4b5259; + --ListItem-border-loading: #0000001f; + --ListItem-border-focus: #0077db; + --ListItem-border-disabled: #0000001f; + --ListItem-top-down-padding: 12px; + --ListItem-surface-selected: #f2f9ff; + --ListItem-border-container: #0000001f; + --ListItem-border-none: #00000000; +} +*, +:before, +:after { + --tw-border-spacing-x: 0; + --tw-border-spacing-y: 0; + --tw-translate-x: 0; + --tw-translate-y: 0; + --tw-rotate: 0; + --tw-skew-x: 0; + --tw-skew-y: 0; + --tw-scale-x: 1; + --tw-scale-y: 1; + --tw-pan-x: ; + --tw-pan-y: ; + --tw-pinch-zoom: ; + --tw-scroll-snap-strictness: proximity; + --tw-ring-offset-shadow: 0 0 #0000; + --tw-ring-shadow: 0 0 #0000; + --tw-shadow: 0 0 #0000; + --tw-shadow-colored: 0 0 #0000; + --tw-blur: ; + --tw-brightness: ; + --tw-contrast: ; + --tw-grayscale: ; + --tw-hue-rotate: ; + --tw-invert: ; + --tw-saturate: ; + --tw-sepia: ; + --tw-drop-shadow: ; + --tw-backdrop-blur: ; + --tw-backdrop-brightness: ; + --tw-backdrop-contrast: ; + --tw-backdrop-grayscale: ; + --tw-backdrop-hue-rotate: ; + --tw-backdrop-invert: ; + --tw-backdrop-opacity: ; + --tw-backdrop-saturate: ; + --tw-backdrop-sepia: ; +} +::-webkit-backdrop { + --tw-border-spacing-x: 0; + --tw-border-spacing-y: 0; + --tw-translate-x: 0; + --tw-translate-y: 0; + --tw-rotate: 0; + --tw-skew-x: 0; + --tw-skew-y: 0; + --tw-scale-x: 1; + --tw-scale-y: 1; + --tw-pan-x: ; + --tw-pan-y: ; + --tw-pinch-zoom: ; + --tw-scroll-snap-strictness: proximity; + --tw-ring-offset-shadow: 0 0 #0000; + --tw-ring-shadow: 0 0 #0000; + --tw-shadow: 0 0 #0000; + --tw-shadow-colored: 0 0 #0000; + --tw-blur: ; + --tw-brightness: ; + --tw-contrast: ; + --tw-grayscale: ; + --tw-hue-rotate: ; + --tw-invert: ; + --tw-saturate: ; + --tw-sepia: ; + --tw-drop-shadow: ; + --tw-backdrop-blur: ; + --tw-backdrop-brightness: ; + --tw-backdrop-contrast: ; + --tw-backdrop-grayscale: ; + --tw-backdrop-hue-rotate: ; + --tw-backdrop-invert: ; + --tw-backdrop-opacity: ; + --tw-backdrop-saturate: ; + --tw-backdrop-sepia: ; +} +::backdrop { + --tw-border-spacing-x: 0; + --tw-border-spacing-y: 0; + --tw-translate-x: 0; + --tw-translate-y: 0; + --tw-rotate: 0; + --tw-skew-x: 0; + --tw-skew-y: 0; + --tw-scale-x: 1; + --tw-scale-y: 1; + --tw-pan-x: ; + --tw-pan-y: ; + --tw-pinch-zoom: ; + --tw-scroll-snap-strictness: proximity; + --tw-ring-offset-shadow: 0 0 #0000; + --tw-ring-shadow: 0 0 #0000; + --tw-shadow: 0 0 #0000; + --tw-shadow-colored: 0 0 #0000; + --tw-blur: ; + --tw-brightness: ; + --tw-contrast: ; + --tw-grayscale: ; + --tw-hue-rotate: ; + --tw-invert: ; + --tw-saturate: ; + --tw-sepia: ; + --tw-drop-shadow: ; + --tw-backdrop-blur: ; + --tw-backdrop-brightness: ; + --tw-backdrop-contrast: ; + --tw-backdrop-grayscale: ; + --tw-backdrop-hue-rotate: ; + --tw-backdrop-invert: ; + --tw-backdrop-opacity: ; + --tw-backdrop-saturate: ; + --tw-backdrop-sepia: ; +} +.dummy-card { + flex: 1; + display: flex; + border-radius: 9999px; + border: solid 1px var(--border-1); + background-color: var(--white); + padding: 0.5rem 1rem; +} +@media (min-width: 768px) { + .dummy-card { + border-radius: 0.5rem; + padding: 0.625rem; + box-shadow: var(--shadow-sm); + } +} +.dummy-card__item { + flex: 1; + display: flex; + align-items: center; +} +.dummy-card__item:not(:last-child) { + -webkit-border-end: 1px solid var(--border-1); + border-inline-end: 1px solid var(--border-1); +} +.dummy-card__item__circle { + width: 1.5em; + -webkit-margin-end: 0.5rem; + margin-inline-end: 0.5rem; +} +.dummy-card__item__line { + flex: 1; + max-width: 60px; + font-size: 1rem; +} +body { + text-align: right; + line-height: 1.55; + overflow: overlay; + max-width: 100%; + margin: 0; + padding: 0; +} +#app { + direction: rtl; +} +hr { + border-width: 1px 0 0; + border-color: var(--border-1); +} +b { + font-weight: 500; +} +summary { + outline: none; +} +.vr { + flex: 0 0 1px; + width: 1px; + background-color: var(--border-1); + display: inline-block; + align-self: stretch; +} +[class^="divide"] > * { + border: 0 solid var(--border-1); +} +.pretty-scroll::-webkit-scrollbar { + width: 5px; + height: 5px; +} +.pretty-scroll::-webkit-scrollbar-track { + background: transparent; +} +.pretty-scroll::-webkit-scrollbar-thumb { + background: var(--grays-200); + border-radius: 4px; +} +.sr-only { + position: absolute !important; + height: 1px !important; + width: 1px !important; + overflow: hidden !important; + clip: rect(1px 1px 1px 1px); + clip: rect(1px, 1px, 1px, 1px); + margin: 0; + white-space: nowrap !important; +} +.hide-scroll { + -ms-overflow-style: none; + scrollbar-width: none; +} +.hide-scroll::-webkit-scrollbar { + display: none; +} +.caret-rotate { + transition: transform 0.3s ease; +} +.caret-rotate--up { + transform: rotate(180deg); +} +.direction-ltr { + direction: ltr; +} +.direction-rtl { + direction: rtl; +} +.font-en, +.font-en-number { + font-feature-settings: "ss02"; +} +.absolute-center { + position: absolute; + top: 50%; + left: 50%; + transform: translate(-50%, -50%); +} +.link { + color: var(--secondary-400); + text-decoration: underline; +} +.dot { + display: inline-block; + margin: 0 5px; + vertical-align: middle; + width: 4px; + height: 4px; + border-radius: 50%; + background-color: var(--grays-200); +} +.ltr-only { + display: none; +} +[dir="ltr"] .ltr-only { + display: initial; +} +[dir="ltr"] .rtl-only { + display: none; +} +.dot-between > * ~ *:before, +.dot-between-sm > * ~ *:before, +.dot-between-lg > * ~ *:before { + content: ""; + display: inline-block; + width: var(--size); + height: var(--size); + border-radius: 50%; + background-color: currentColor; + margin: 0 var(--margin); +} +.dot-between-sm > * ~ *:before { + --size: 0.3em; + --margin: 0.45em; +} +.dot-between > * ~ *:before { + --size: 0.4rem; + --margin: 0.65rem; +} +.dot-between-lg > * ~ *:before { + --size: 0.5rem; + --margin: 0.7rem; +} +.text-headline-sm { + font-weight: 700; + line-height: 170%; + font-size: 0.75rem; +} +@media (min-width: 768px) { + .text-headline-sm { + font-size: 0.875rem; + } +} +.text-body-md { + font-weight: 400; + line-height: 200%; + font-size: 0.75rem; +} +@media (min-width: 768px) { + .text-body-md { + font-size: 0.875rem; + } +} +.text-callout { + font-weight: 400; + line-height: 180%; + font-size: 0.875rem; +} +.text-caption { + font-weight: 400; + line-height: 180%; + font-size: 0.75rem; +} +.\!btn-primary-nl-normal { + background-color: #fdb713 !important; + color: #0a0b0c !important; + border: 1px solid #0000001f !important; + gap: 4px !important; +} +.\!btn-primary-nl-normal:hover { + background-color: #e9a507 !important; +} +.\!btn-primary-nl-normal:focus { + background-color: #fdb713 !important; + border: 1px solid #4b5259 !important; +} +.\!btn-primary-nl-normal { + height: 2.5rem !important; + min-height: unset !important; + padding: 0 16px !important; + font-weight: 400 !important; + line-height: 180% !important; + font-size: 0.875rem !important; +} +.\!btn-primary-nl-rounded { + background-color: #fdb713 !important; + color: #0a0b0c !important; + border: 1px solid #0000001f !important; + gap: 4px !important; +} +.\!btn-primary-nl-rounded:hover { + background-color: #e9a507 !important; +} +.\!btn-primary-nl-rounded:focus { + background-color: #fdb713 !important; + border: 1px solid #4b5259 !important; +} +.\!btn-primary-nl-rounded { + height: 2.5rem !important; + min-height: unset !important; + padding: 0 16px !important; + font-weight: 400 !important; + line-height: 180% !important; + font-size: 0.875rem !important; + border-radius: 1.5rem !important; +} +.\!btn-primary-nl-rounded svg { + width: 1.25rem !important; + height: 1.25rem !important; +} +.\!btn-primary-lg-normal { + background-color: #fdb713 !important; + color: #0a0b0c !important; + border: 1px solid #0000001f !important; + gap: 4px !important; +} +.\!btn-primary-lg-normal:hover { + background-color: #e9a507 !important; +} +.\!btn-primary-lg-normal:focus { + background-color: #fdb713 !important; + border: 1px solid #4b5259 !important; +} +.\!btn-primary-lg-normal { + height: 3rem !important; + min-height: unset !important; + padding: 0 16px !important; + font-weight: 400 !important; + line-height: 170% !important; + font-size: 1rem !important; +} +.\!btn-primary-lg-normal svg { + width: 1.5rem !important; + height: 1.5rem !important; +} +.\!btn-secondary-nl-normal { + background-color: #0077db !important; + color: #fff !important; + gap: 0.25rem !important; +} +.\!btn-secondary-nl-normal:hover { + background-color: #00569e !important; +} +.\!btn-secondary-nl-normal:focus { + background-color: #0077db !important; + border: 1px solid #00569e !important; +} +.\!btn-secondary-nl-normal { + height: 2.5rem !important; + min-height: unset !important; + padding: 0 12px !important; + font-weight: 400 !important; + line-height: 180% !important; + font-size: 0.875rem !important; +} +.\!btn-secondary-nl-normal svg { + width: 1.25rem !important; + height: 1.25rem !important; +} +.\!btn-secondary-nl-rounded { + background-color: #0077db !important; + color: #fff !important; + gap: 0.25rem !important; +} +.\!btn-secondary-nl-rounded:hover { + background-color: #00569e !important; +} +.\!btn-secondary-nl-rounded:focus { + background-color: #0077db !important; + border: 1px solid #00569e !important; +} +.\!btn-secondary-nl-rounded { + height: 2.5rem !important; + min-height: unset !important; + padding: 0 12px !important; + font-weight: 400 !important; + line-height: 180% !important; + font-size: 0.875rem !important; +} +.\!btn-secondary-nl-rounded svg { + width: 1.25rem !important; + height: 1.25rem !important; +} +.\!btn-secondary-nl-rounded { + border-radius: 24px !important; +} +.\!btn-secondary-lg-normal { + background-color: #0077db !important; + color: #fff !important; + gap: 0.25rem !important; +} +.\!btn-secondary-lg-normal:hover { + background-color: #00569e !important; +} +.\!btn-secondary-lg-normal:focus { + background-color: #0077db !important; + border: 1px solid #00569e !important; +} +.\!btn-secondary-lg-normal { + height: 3rem !important; + min-height: unset !important; + padding: 0 16px !important; + font-weight: 400 !important; + line-height: 170% !important; + font-size: 1rem !important; +} +.\!btn-secondary-lg-normal svg { + width: 1.5rem !important; + height: 1.5rem !important; +} +.\!btn-secondary-lg-rounded { + background-color: #0077db !important; + color: #fff !important; + gap: 0.25rem !important; +} +.\!btn-secondary-lg-rounded:hover { + background-color: #00569e !important; +} +.\!btn-secondary-lg-rounded:focus { + background-color: #0077db !important; + border: 1px solid #00569e !important; +} +.\!btn-secondary-lg-rounded { + height: 3rem !important; + min-height: unset !important; + padding: 0 16px !important; + font-weight: 400 !important; + line-height: 170% !important; + font-size: 1rem !important; +} +.\!btn-secondary-lg-rounded svg { + width: 1.5rem !important; + height: 1.5rem !important; +} +.\!btn-secondary-lg-rounded { + border-radius: 24px !important; +} +.\!btn-ghost-nl-blue { + background-color: #0000 !important; + border-width: 1px !important; + border-style: solid !important; + gap: 0.25rem !important; +} +.\!btn-ghost-nl-blue:focus { + border-color: #00569e !important; + color: #00569e !important; +} +.\!btn-ghost-nl-blue { + height: 40px !important; + min-height: unset !important; + font-weight: 400 !important; + line-height: 180% !important; + font-size: 0.875rem !important; +} +.\!btn-ghost-nl-blue svg { + width: 1.25rem !important; + height: 1.25rem !important; +} +.\!btn-ghost-nl-blue { + color: #0077db !important; + border-color: #0077db !important; +} +.\!btn-ghost-nl-blue:hover { + background-color: #f2f9ff !important; +} +.\!btn-ghost-nl-gray { + background-color: #0000 !important; + border-width: 1px !important; + border-style: solid !important; + gap: 0.25rem !important; +} +.\!btn-ghost-nl-gray:focus { + border-color: #2b2f33 !important; + color: #2b2f33 !important; +} +.\!btn-ghost-nl-gray { + height: 40px !important; + min-height: unset !important; + font-weight: 400 !important; + line-height: 180% !important; + font-size: 0.875rem !important; +} +.\!btn-ghost-nl-gray svg { + width: 1.25rem !important; + height: 1.25rem !important; +} +.\!btn-ghost-nl-gray { + color: #4b5259 !important; + border-color: #4b5259 !important; +} +.\!btn-ghost-nl-gray:hover { + background-color: #f8fafb !important; +} +.\!btn-ghost-nl-alert { + background-color: #0000 !important; + border-width: 1px !important; + border-style: solid !important; + gap: 0.25rem !important; +} +.\!btn-ghost-nl-alert:focus { + border-color: #871722 !important; + color: #871722 !important; +} +.\!btn-ghost-nl-alert { + height: 40px !important; + min-height: unset !important; + font-weight: 400 !important; + line-height: 180% !important; + font-size: 0.875rem !important; +} +.\!btn-ghost-nl-alert svg { + width: 1.25rem !important; + height: 1.25rem !important; +} +.\!btn-ghost-nl-alert { + color: #dc3545 !important; + border-color: #dc3545 !important; +} +.\!btn-ghost-nl-alert:hover { + background-color: #fdf2f3 !important; +} +.\!btn-ghost-lg-blue { + background-color: #0000 !important; + border-width: 1px !important; + border-style: solid !important; + gap: 0.25rem !important; +} +.\!btn-ghost-lg-blue:focus { + border-color: #00569e !important; + color: #00569e !important; +} +.\!btn-ghost-lg-blue { + height: 3rem !important; + min-height: unset !important; + font-weight: 400 !important; + line-height: 170% !important; + font-size: 1rem !important; +} +.\!btn-ghost-lg-blue svg { + width: 1.5rem !important; + height: 1.5rem !important; +} +.\!btn-ghost-lg-blue { + color: #0077db !important; + border-color: #0077db !important; +} +.\!btn-ghost-lg-blue:hover { + background-color: #f2f9ff !important; +} +.\!btn-ghost-lg-gray { + background-color: #0000 !important; + border-width: 1px !important; + border-style: solid !important; + gap: 0.25rem !important; +} +.\!btn-ghost-lg-gray:focus { + border-color: #2b2f33 !important; + color: #2b2f33 !important; +} +.\!btn-ghost-lg-gray { + height: 3rem !important; + min-height: unset !important; + font-weight: 400 !important; + line-height: 170% !important; + font-size: 1rem !important; +} +.\!btn-ghost-lg-gray svg { + width: 1.5rem !important; + height: 1.5rem !important; +} +.\!btn-ghost-lg-gray { + color: #4b5259 !important; + border-color: #4b5259 !important; +} +.\!btn-ghost-lg-gray:hover { + background-color: #f8fafb !important; +} +.\!btn-ghost-lg-alert { + background-color: #0000 !important; + border-width: 1px !important; + border-style: solid !important; + gap: 0.25rem !important; +} +.\!btn-ghost-lg-alert:focus { + border-color: #871722 !important; + color: #871722 !important; +} +.\!btn-ghost-lg-alert { + height: 3rem !important; + min-height: unset !important; + font-weight: 400 !important; + line-height: 170% !important; + font-size: 1rem !important; +} +.\!btn-ghost-lg-alert svg { + width: 1.5rem !important; + height: 1.5rem !important; +} +.\!btn-ghost-lg-alert { + color: #dc3545 !important; + border-color: #dc3545 !important; +} +.\!btn-ghost-lg-alert:hover { + background-color: #fdf2f3 !important; +} +.\!btn-tertiary-sm-blue { + border: none !important; + border-radius: 16px !important; + background-color: transparent !important; + gap: 0.25rem !important; + padding: 0 8px !important; + height: 1.5rem !important; + min-height: unset !important; + font-weight: 400 !important; + line-height: 180% !important; + font-size: 0.75rem !important; +} +.\!btn-tertiary-sm-blue svg { + width: 1rem !important; + height: 1rem !important; +} +.\!btn-tertiary-sm-blue { + color: #0077db !important; +} +.\!btn-tertiary-sm-blue:hover { + background-color: #f2f9ff !important; + color: #0077db !important; +} +.\!btn-tertiary-sm-gray { + border: none !important; + border-radius: 16px !important; + background-color: transparent !important; + gap: 0.25rem !important; + padding: 0 8px !important; + height: 1.5rem !important; + min-height: unset !important; + font-weight: 400 !important; + line-height: 180% !important; + font-size: 0.75rem !important; +} +.\!btn-tertiary-sm-gray svg { + width: 1rem !important; + height: 1rem !important; +} +.\!btn-tertiary-sm-gray { + color: #4b5259 !important; +} +.\!btn-tertiary-sm-gray:hover { + background-color: #f8fafb !important; +} +.\!btn-tertiary-sm-alert { + border: none !important; + border-radius: 16px !important; + background-color: transparent !important; + gap: 0.25rem !important; + padding: 0 8px !important; + height: 1.5rem !important; + min-height: unset !important; + font-weight: 400 !important; + line-height: 180% !important; + font-size: 0.75rem !important; +} +.\!btn-tertiary-sm-alert svg { + width: 1rem !important; + height: 1rem !important; +} +.\!btn-tertiary-sm-alert { + color: #dc3545 !important; +} +.\!btn-tertiary-sm-alert:hover { + background-color: #fdf2f3 !important; +} +.\!btn-tertiary-sm-dark { + border: none !important; + border-radius: 16px !important; + background-color: transparent !important; + gap: 0.25rem !important; + padding: 0 8px !important; + height: 1.5rem !important; + min-height: unset !important; + font-weight: 400 !important; + line-height: 180% !important; + font-size: 0.75rem !important; +} +.\!btn-tertiary-sm-dark svg { + width: 1rem !important; + height: 1rem !important; +} +.\!btn-tertiary-sm-dark { + color: #fff !important; +} +.\!btn-tertiary-sm-dark:hover { + background-color: #2b2f33 !important; + color: #fff !important; +} +.\!btn-tertiary-nl-blue { + border: none !important; + border-radius: 16px !important; + background-color: transparent !important; + gap: 0.25rem !important; + padding: 0 8px !important; + height: 2rem !important; + min-height: unset !important; + font-weight: 400 !important; + line-height: 180% !important; + font-size: 0.875rem !important; +} +.\!btn-tertiary-nl-blue svg { + width: 1.25rem !important; + height: 1.25rem !important; +} +.\!btn-tertiary-nl-blue { + color: #0077db !important; +} +.\!btn-tertiary-nl-blue:hover { + background-color: #f2f9ff !important; + color: #0077db !important; +} +.\!btn-tertiary-nl-gray { + border: none !important; + border-radius: 16px !important; + background-color: transparent !important; + gap: 0.25rem !important; + padding: 0 8px !important; + height: 2rem !important; + min-height: unset !important; + font-weight: 400 !important; + line-height: 180% !important; + font-size: 0.875rem !important; +} +.\!btn-tertiary-nl-gray svg { + width: 1.25rem !important; + height: 1.25rem !important; +} +.\!btn-tertiary-nl-gray { + color: #4b5259 !important; +} +.\!btn-tertiary-nl-gray:hover { + background-color: #f8fafb !important; +} +.\!btn-tertiary-nl-alert { + border: none !important; + border-radius: 16px !important; + background-color: transparent !important; + gap: 0.25rem !important; + padding: 0 8px !important; + height: 2rem !important; + min-height: unset !important; + font-weight: 400 !important; + line-height: 180% !important; + font-size: 0.875rem !important; +} +.\!btn-tertiary-nl-alert svg { + width: 1.25rem !important; + height: 1.25rem !important; +} +.\!btn-tertiary-nl-alert { + color: #dc3545 !important; +} +.\!btn-tertiary-nl-alert:hover { + background-color: #fdf2f3 !important; +} +.\!btn-tertiary-nl-dark { + border: none !important; + border-radius: 16px !important; + background-color: transparent !important; + gap: 0.25rem !important; + padding: 0 8px !important; + height: 2rem !important; + min-height: unset !important; + font-weight: 400 !important; + line-height: 180% !important; + font-size: 0.875rem !important; +} +.\!btn-tertiary-nl-dark svg { + width: 1.25rem !important; + height: 1.25rem !important; +} +.\!btn-tertiary-nl-dark { + color: #fff !important; +} +.\!btn-tertiary-nl-dark:hover { + background-color: #2b2f33 !important; + color: #fff !important; +} +.\!btn-icon-sm-standardNetrual { + min-height: unset !important; + min-width: 0px !important; + padding: 0 !important; + background-color: transparent !important; + border-width: 1px !important; + border-style: solid !important; + box-shadow: none !important; +} +.\!btn-icon-sm-standardNetrual:focus { + border-color: #4b5259 !important; +} +.\!btn-icon-sm-standardNetrual { + height: 1.5rem !important; + width: 1.5rem !important; + border-radius: 8px !important; +} +.\!btn-icon-sm-standardNetrual svg { + width: 1rem !important; + height: 1rem !important; +} +.\!btn-icon-sm-standardNetrual { + border: 1px solid transparent !important; + color: #4b5259 !important; +} +.\!btn-icon-sm-standardNetrual:hover { + background-color: #f8fafb !important; +} +.\!btn-icon-sm-standardNetrualOnDark { + min-height: unset !important; + min-width: 0px !important; + padding: 0 !important; + background-color: #0000 !important; + border-width: 1px !important; + border-style: solid !important; + box-shadow: none !important; +} +.\!btn-icon-sm-standardNetrualOnDark:focus { + border-color: #fff !important; +} +.\!btn-icon-sm-standardNetrualOnDark { + height: 1.5rem !important; + width: 1.5rem !important; + border-radius: 8px !important; +} +.\!btn-icon-sm-standardNetrualOnDark svg { + width: 1rem !important; + height: 1rem !important; +} +.\!btn-icon-sm-standardNetrualOnDark { + border: 1px solid transparent !important; + color: #fff !important; +} +.\!btn-icon-sm-standardNetrualOnDark:hover { + background-color: #fff3 !important; +} +.\!btn-icon-sm-standardNetrualOnDark:disabled { + background-color: #0000 !important; + color: #6c7680 !important; +} +.\!btn-icon-sm-solidNetrual { + min-height: unset !important; + min-width: 0px !important; + padding: 0 !important; + background-color: #fff !important; + border-width: 1px !important; + border-style: solid !important; + box-shadow: none !important; +} +.\!btn-icon-sm-solidNetrual:focus { + border-color: #4b5259 !important; +} +.\!btn-icon-sm-solidNetrual { + height: 1.5rem !important; + width: 1.5rem !important; + border-radius: 8px !important; +} +.\!btn-icon-sm-solidNetrual svg { + width: 1rem !important; + height: 1rem !important; +} +.\!btn-icon-sm-solidNetrual { + border-color: #0000001f !important; + color: #2b2f33 !important; +} +.\!btn-icon-sm-solidNetrual:hover { + background-color: #f8fafb !important; +} +.\!btn-icon-sm-solidPrimary { + min-height: unset !important; + min-width: 0px !important; + padding: 0 !important; + background-color: #fdb713 !important; + border-width: 1px !important; + border-style: solid !important; + box-shadow: none !important; +} +.\!btn-icon-sm-solidPrimary:focus { + background-color: #fdb713 !important; + border-color: #4b5259 !important; +} +.\!btn-icon-sm-solidPrimary { + height: 1.5rem !important; + width: 1.5rem !important; + border-radius: 8px !important; +} +.\!btn-icon-sm-solidPrimary svg { + width: 1rem !important; + height: 1rem !important; +} +.\!btn-icon-sm-solidPrimary { + border-color: #0000001f !important; + color: #0a0b0c !important; +} +.\!btn-icon-sm-solidPrimary:hover { + background-color: #e9a507 !important; +} +.\!btn-icon-sm-solidSecondary { + min-height: unset !important; + min-width: 0px !important; + padding: 0 !important; + background-color: #0077db !important; + border-width: 1px !important; + border-style: solid !important; + box-shadow: none !important; +} +.\!btn-icon-sm-solidSecondary:focus { + background-color: #0077db !important; + border-color: #00569e !important; +} +.\!btn-icon-sm-solidSecondary { + height: 1.5rem !important; + width: 1.5rem !important; + border-radius: 8px !important; +} +.\!btn-icon-sm-solidSecondary svg { + width: 1rem !important; + height: 1rem !important; +} +.\!btn-icon-sm-solidSecondary { + border-color: #0000001f !important; + color: #fff !important; +} +.\!btn-icon-sm-solidSecondary:hover { + background-color: #00569e !important; +} +.\!btn-icon-sm-standardSecondary { + min-height: unset !important; + min-width: 0px !important; + padding: 0 !important; + background-color: transparent !important; + border-width: 1px !important; + border-style: solid !important; + box-shadow: none !important; +} +.\!btn-icon-sm-standardSecondary:focus { + color: #0077db !important; + background-color: #0000 !important; + border-color: #0077db !important; +} +.\!btn-icon-sm-standardSecondary { + height: 1.5rem !important; + width: 1.5rem !important; + border-radius: 8px !important; +} +.\!btn-icon-sm-standardSecondary svg { + width: 1rem !important; + height: 1rem !important; +} +.\!btn-icon-sm-standardSecondary { + border-color: transparent !important; + color: #0077db !important; +} +.\!btn-icon-sm-standardSecondary:hover { + color: #0077db !important; + background-color: #f2f9ff !important; +} +.\!btn-icon-sm-standardAlert { + min-height: unset !important; + min-width: 0px !important; + padding: 0 !important; + background-color: transparent !important; + border-width: 1px !important; + border-style: solid !important; + box-shadow: none !important; +} +.\!btn-icon-sm-standardAlert:focus { + background-color: transparent !important; + border-color: #dc3545 !important; + color: #dc3545 !important; +} +.\!btn-icon-sm-standardAlert { + height: 1.5rem !important; + width: 1.5rem !important; + border-radius: 8px !important; +} +.\!btn-icon-sm-standardAlert svg { + width: 1rem !important; + height: 1rem !important; +} +.\!btn-icon-sm-standardAlert { + border: 1px solid transparent !important; + color: #dc3545 !important; +} +.\!btn-icon-sm-standardAlert:hover { + color: #dc3545 !important; +} +.\!btn-icon-nl-standardNetrual { + min-height: unset !important; + min-width: 0px !important; + padding: 0 !important; + background-color: transparent !important; + border-width: 1px !important; + border-style: solid !important; + box-shadow: none !important; +} +.\!btn-icon-nl-standardNetrual:focus { + border-color: #4b5259 !important; +} +.\!btn-icon-nl-standardNetrual { + height: 2rem !important; + width: 2rem !important; + border-radius: 8px !important; +} +.\!btn-icon-nl-standardNetrual svg { + width: 1.25rem !important; + height: 1.25rem !important; +} +.\!btn-icon-nl-standardNetrual { + border: 1px solid transparent !important; + color: #4b5259 !important; +} +.\!btn-icon-nl-standardNetrual:hover { + background-color: #f8fafb !important; +} +.\!btn-icon-nl-solidNetrual { + min-height: unset !important; + min-width: 0px !important; + padding: 0 !important; + background-color: #fff !important; + border-width: 1px !important; + border-style: solid !important; + box-shadow: none !important; +} +.\!btn-icon-nl-solidNetrual:focus { + border-color: #4b5259 !important; +} +.\!btn-icon-nl-solidNetrual { + height: 2rem !important; + width: 2rem !important; + border-radius: 8px !important; +} +.\!btn-icon-nl-solidNetrual svg { + width: 1.25rem !important; + height: 1.25rem !important; +} +.\!btn-icon-nl-solidNetrual { + border-color: #0000001f !important; + color: #2b2f33 !important; +} +.\!btn-icon-nl-solidNetrual:hover { + background-color: #f8fafb !important; +} +.\!btn-icon-nl-solidPrimary { + min-height: unset !important; + min-width: 0px !important; + padding: 0 !important; + background-color: #fdb713 !important; + border-width: 1px !important; + border-style: solid !important; + box-shadow: none !important; +} +.\!btn-icon-nl-solidPrimary:focus { + background-color: #fdb713 !important; + border-color: #4b5259 !important; +} +.\!btn-icon-nl-solidPrimary { + height: 2rem !important; + width: 2rem !important; + border-radius: 8px !important; +} +.\!btn-icon-nl-solidPrimary svg { + width: 1.25rem !important; + height: 1.25rem !important; +} +.\!btn-icon-nl-solidPrimary { + border-color: #0000001f !important; + color: #0a0b0c !important; +} +.\!btn-icon-nl-solidPrimary:hover { + background-color: #e9a507 !important; +} +.\!btn-icon-nl-solidSecondary { + min-height: unset !important; + min-width: 0px !important; + padding: 0 !important; + background-color: #0077db !important; + border-width: 1px !important; + border-style: solid !important; + box-shadow: none !important; +} +.\!btn-icon-nl-solidSecondary:focus { + background-color: #0077db !important; + border-color: #00569e !important; +} +.\!btn-icon-nl-solidSecondary { + height: 2rem !important; + width: 2rem !important; + border-radius: 8px !important; +} +.\!btn-icon-nl-solidSecondary svg { + width: 1.25rem !important; + height: 1.25rem !important; +} +.\!btn-icon-nl-solidSecondary { + border-color: #0000001f !important; + color: #fff !important; +} +.\!btn-icon-nl-solidSecondary:hover { + background-color: #00569e !important; +} +.\!btn-icon-nl-standardSecondary { + min-height: unset !important; + min-width: 0px !important; + padding: 0 !important; + background-color: transparent !important; + border-width: 1px !important; + border-style: solid !important; + box-shadow: none !important; +} +.\!btn-icon-nl-standardSecondary:focus { + color: #0077db !important; + background-color: #0000 !important; + border-color: #0077db !important; +} +.\!btn-icon-nl-standardSecondary { + height: 2rem !important; + width: 2rem !important; + border-radius: 8px !important; +} +.\!btn-icon-nl-standardSecondary svg { + width: 1.25rem !important; + height: 1.25rem !important; +} +.\!btn-icon-nl-standardSecondary { + border-color: transparent !important; + color: #0077db !important; +} +.\!btn-icon-nl-standardSecondary:hover { + color: #0077db !important; + background-color: #f2f9ff !important; +} +.\!btn-icon-nl-standardAlert { + min-height: unset !important; + min-width: 0px !important; + padding: 0 !important; + background-color: transparent !important; + border-width: 1px !important; + border-style: solid !important; + box-shadow: none !important; +} +.\!btn-icon-nl-standardAlert:focus { + background-color: transparent !important; + border-color: #dc3545 !important; + color: #dc3545 !important; +} +.\!btn-icon-nl-standardAlert { + height: 2rem !important; + width: 2rem !important; + border-radius: 8px !important; +} +.\!btn-icon-nl-standardAlert svg { + width: 1.25rem !important; + height: 1.25rem !important; +} +.\!btn-icon-nl-standardAlert { + border: 1px solid transparent !important; + color: #dc3545 !important; +} +.\!btn-icon-nl-standardAlert:hover { + color: #dc3545 !important; +} +.\!btn-icon-lg-standardNetrual { + min-height: unset !important; + min-width: 0px !important; + padding: 0 !important; + background-color: transparent !important; + border-width: 1px !important; + border-style: solid !important; + box-shadow: none !important; +} +.\!btn-icon-lg-standardNetrual:focus { + border-color: #4b5259 !important; +} +.\!btn-icon-lg-standardNetrual { + height: 3rem !important; + width: 3rem !important; + border-radius: 1rem !important; +} +.\!btn-icon-lg-standardNetrual svg { + width: 1.5rem !important; + height: 1.5rem !important; +} +.\!btn-icon-lg-standardNetrual { + border: 1px solid transparent !important; + color: #4b5259 !important; +} +.\!btn-icon-lg-standardNetrual:hover { + background-color: #f8fafb !important; +} +.\!btn-icon-lg-solidNetrual { + min-height: unset !important; + min-width: 0px !important; + padding: 0 !important; + background-color: #fff !important; + border-width: 1px !important; + border-style: solid !important; + box-shadow: none !important; +} +.\!btn-icon-lg-solidNetrual:focus { + border-color: #4b5259 !important; +} +.\!btn-icon-lg-solidNetrual { + height: 3rem !important; + width: 3rem !important; + border-radius: 1rem !important; +} +.\!btn-icon-lg-solidNetrual svg { + width: 1.5rem !important; + height: 1.5rem !important; +} +.\!btn-icon-lg-solidNetrual { + border-color: #0000001f !important; + color: #2b2f33 !important; +} +.\!btn-icon-lg-solidNetrual:hover { + background-color: #f8fafb !important; +} +.\!btn-icon-lg-solidPrimary { + min-height: unset !important; + min-width: 0px !important; + padding: 0 !important; + background-color: #fdb713 !important; + border-width: 1px !important; + border-style: solid !important; + box-shadow: none !important; +} +.\!btn-icon-lg-solidPrimary:focus { + background-color: #fdb713 !important; + border-color: #4b5259 !important; +} +.\!btn-icon-lg-solidPrimary { + height: 3rem !important; + width: 3rem !important; + border-radius: 1rem !important; +} +.\!btn-icon-lg-solidPrimary svg { + width: 1.5rem !important; + height: 1.5rem !important; +} +.\!btn-icon-lg-solidPrimary { + border-color: #0000001f !important; + color: #0a0b0c !important; +} +.\!btn-icon-lg-solidPrimary:hover { + background-color: #e9a507 !important; +} +.\!btn-icon-lg-solidSecondary { + min-height: unset !important; + min-width: 0px !important; + padding: 0 !important; + background-color: #0077db !important; + border-width: 1px !important; + border-style: solid !important; + box-shadow: none !important; +} +.\!btn-icon-lg-solidSecondary:focus { + background-color: #0077db !important; + border-color: #00569e !important; +} +.\!btn-icon-lg-solidSecondary { + height: 3rem !important; + width: 3rem !important; + border-radius: 1rem !important; +} +.\!btn-icon-lg-solidSecondary svg { + width: 1.5rem !important; + height: 1.5rem !important; +} +.\!btn-icon-lg-solidSecondary { + border-color: #0000001f !important; + color: #fff !important; +} +.\!btn-icon-lg-solidSecondary:hover { + background-color: #00569e !important; +} +.\!btn-icon-lg-standardSecondary { + min-height: unset !important; + min-width: 0px !important; + padding: 0 !important; + background-color: transparent !important; + border-width: 1px !important; + border-style: solid !important; + box-shadow: none !important; +} +.\!btn-icon-lg-standardSecondary:focus { + color: #0077db !important; + background-color: #0000 !important; + border-color: #0077db !important; +} +.\!btn-icon-lg-standardSecondary { + height: 3rem !important; + width: 3rem !important; + border-radius: 1rem !important; +} +.\!btn-icon-lg-standardSecondary svg { + width: 1.5rem !important; + height: 1.5rem !important; +} +.\!btn-icon-lg-standardSecondary { + border-color: transparent !important; + color: #0077db !important; +} +.\!btn-icon-lg-standardSecondary:hover { + color: #0077db !important; + background-color: #f2f9ff !important; +} +.\!btn-icon-lg-standardAlert { + min-height: unset !important; + min-width: 0px !important; + padding: 0 !important; + background-color: transparent !important; + border-width: 1px !important; + border-style: solid !important; + box-shadow: none !important; +} +.\!btn-icon-lg-standardAlert:focus { + background-color: transparent !important; + border-color: #dc3545 !important; + color: #dc3545 !important; +} +.\!btn-icon-lg-standardAlert { + height: 3rem !important; + width: 3rem !important; + border-radius: 1rem !important; +} +.\!btn-icon-lg-standardAlert svg { + width: 1.5rem !important; + height: 1.5rem !important; +} +.\!btn-icon-lg-standardAlert { + border: 1px solid transparent !important; + color: #dc3545 !important; +} +.\!btn-icon-lg-standardAlert:hover { + color: #dc3545 !important; +} +.pointer-events-none { + pointer-events: none !important; +} +.visible { + visibility: visible !important; +} +.invisible { + visibility: hidden !important; +} +.collapse { + visibility: collapse !important; +} +.static { + position: static !important; +} +.fixed { + position: fixed !important; +} +.absolute { + position: absolute !important; +} +.relative { + position: relative !important; +} +.sticky { + position: -webkit-sticky !important; + position: sticky !important; +} +.inset-x-2 { + left: 0.5rem !important; + right: 0.5rem !important; +} +.right-0 { + right: 0 !important; +} +.top-0 { + top: 0 !important; +} +.bottom-0 { + bottom: 0 !important; +} +.left-0 { + left: 0 !important; +} +.right-1\/2 { + right: 50% !important; +} +.top-\[11px\] { + top: 11px !important; +} +.top-auto { + top: auto !important; +} +.bottom-auto { + bottom: auto !important; +} +.bottom-2 { + bottom: 0.5rem !important; +} +.left-1\/2 { + left: 50% !important; +} +.top-2 { + top: 0.5rem !important; +} +.right-2 { + right: 0.5rem !important; +} +.left-2 { + left: 0.5rem !important; +} +.z-10 { + z-index: 10 !important; +} +.z-0 { + z-index: 0 !important; +} +.-z-\[1\] { + z-index: -1 !important; +} +.z-\[2\] { + z-index: 2 !important; +} +.m-0 { + margin: 0 !important; +} +.-m-4 { + margin: -1rem !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; +} +.mx-auto { + margin-left: auto !important; + margin-right: auto !important; +} +.my-4 { + margin-top: 1rem !important; + margin-bottom: 1rem !important; +} +.my-2 { + margin-top: 0.5rem !important; + margin-bottom: 0.5rem !important; +} +.my-auto { + margin-top: auto !important; + margin-bottom: auto !important; +} +.mx-2 { + margin-left: 0.5rem !important; + margin-right: 0.5rem !important; +} +.mr-auto { + margin-right: auto !important; +} +.ml-4 { + margin-left: 1rem !important; +} +.mb-4 { + margin-bottom: 1rem !important; +} +.mt-0 { + margin-top: 0 !important; +} +.mb-2 { + margin-bottom: 0.5rem !important; +} +.ml-2 { + margin-left: 0.5rem !important; +} +.mt-1 { + margin-top: 0.25rem !important; +} +.mt-2 { + margin-top: 0.5rem !important; +} +.ml-1 { + margin-left: 0.25rem !important; +} +.mt-\[0\.4rem\] { + margin-top: 0.4rem !important; +} +.ml-auto { + margin-left: auto !important; +} +.mt-3 { + margin-top: 0.75rem !important; +} +.mr-1 { + margin-right: 0.25rem !important; +} +.mr-2 { + margin-right: 0.5rem !important; +} +.mb-5 { + margin-bottom: 1.5rem !important; +} +.ml-5 { + margin-left: 1.5rem !important; +} +.-mr-2 { + margin-right: -0.5rem !important; +} +.mb-3 { + margin-bottom: 0.75rem !important; +} +.-mb-1 { + margin-bottom: -0.25rem !important; +} +.mr-4 { + margin-right: 1rem !important; +} +.mt-5 { + margin-top: 1.5rem !important; +} +.mb-7 { + margin-bottom: 3rem !important; +} +.mb-px { + margin-bottom: 1px !important; +} +.mt-4 { + margin-top: 1rem !important; +} +.box-border { + box-sizing: border-box !important; +} +.block { + display: block !important; +} +.inline-block { + display: inline-block !important; +} +.inline { + display: inline !important; +} +.flex { + display: flex !important; +} +.inline-flex { + display: inline-flex !important; +} +.table { + display: table !important; +} +.grid { + display: grid !important; +} +.list-item { + display: list-item !important; +} +.hidden { + display: none !important; +} +.h-7 { + height: 3rem !important; +} +.h-4 { + height: 1rem !important; +} +.h-full { + height: 100% !important; +} +.h-5 { + height: 1.5rem !important; +} +.h-2 { + height: 0.5rem !important; +} +.h-auto { + height: auto !important; +} +.h-3 { + height: 0.75rem !important; +} +.h-1 { + height: 0.25rem !important; +} +.h-\[1px\] { + height: 1px !important; +} +.h-6 { + height: 2rem !important; +} +.h-\[6px\] { + height: 6px !important; +} +.h-\[104px\] { + height: 104px !important; +} +.max-h-\[16\.5rem\] { + max-height: 16.5rem !important; +} +.w-7 { + width: 3rem !important; +} +.w-13 { + width: 16rem !important; +} +.w-full { + width: 100% !important; +} +.w-5 { + width: 1.5rem !important; +} +.w-10 { + width: 6rem !important; +} +.w-2 { + width: 0.5rem !important; +} +.w-fit { + width: -webkit-fit-content !important; + width: -moz-fit-content !important; + width: fit-content !important; +} +.w-1\/2 { + width: 50% !important; +} +.w-6 { + width: 2rem !important; +} +.w-\[6px\] { + width: 6px !important; +} +.w-\[104px\] { + width: 104px !important; +} +.w-12 { + width: 12rem !important; +} +.min-w-\[100px\] { + min-width: 100px !important; +} +.max-w-max { + max-width: -webkit-max-content !important; + max-width: -moz-max-content !important; + max-width: max-content !important; +} +.max-w-full { + max-width: 100% !important; +} +.max-w-\[300px\] { + max-width: 300px !important; +} +.max-w-screen-lg { + max-width: 1024px !important; +} +.max-w-\[890px\] { + max-width: 890px !important; +} +.flex-shrink { + flex-shrink: 1 !important; +} +.shrink-0 { + flex-shrink: 0 !important; +} +.shrink, +.\!shrink { + flex-shrink: 1 !important; +} +.flex-grow, +.grow { + flex-grow: 1 !important; +} +.table-fixed { + table-layout: fixed !important; +} +.border-collapse { + border-collapse: collapse !important; +} +.border-spacing-0 { + --tw-border-spacing-x: 0 !important; + --tw-border-spacing-y: 0 !important; + border-spacing: var(--tw-border-spacing-x) var(--tw-border-spacing-y) !important; +} +.-translate-x-1\/2 { + --tw-translate-x: -50% !important; + transform: translate(var(--tw-translate-x), var(--tw-translate-y)) + rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) + scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important; +} +.scale-\[1\.2\] { + --tw-scale-x: 1.2 !important; + --tw-scale-y: 1.2 !important; + transform: translate(var(--tw-translate-x), var(--tw-translate-y)) + rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) + scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important; +} +.scale-\[2\] { + --tw-scale-x: 2 !important; + --tw-scale-y: 2 !important; + transform: translate(var(--tw-translate-x), var(--tw-translate-y)) + rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) + scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important; +} +.transform { + transform: translate(var(--tw-translate-x), var(--tw-translate-y)) + rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) + scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important; +} +.cursor-pointer { + cursor: pointer !important; +} +.cursor-not-allowed { + cursor: not-allowed !important; +} +.resize { + resize: both !important; +} +.list-none { + list-style-type: none !important; +} +.grid-flow-row { + grid-auto-flow: row !important; +} +.flex-row { + flex-direction: row !important; +} +.flex-row-reverse { + flex-direction: row-reverse !important; +} +.flex-col { + flex-direction: column !important; +} +.flex-wrap { + flex-wrap: wrap !important; +} +.items-center { + align-items: center !important; +} +.items-stretch { + align-items: stretch !important; +} +.justify-start { + justify-content: flex-start !important; +} +.justify-center { + justify-content: center !important; +} +.justify-between { + justify-content: space-between !important; +} +.justify-around { + justify-content: space-around !important; +} +.gap-2 { + gap: 0.5rem !important; +} +.gap-1 { + gap: 0.25rem !important; +} +.gap-\[2px\] { + gap: 2px !important; +} +.gap-4 { + gap: 1rem !important; +} +.gap-x-2 { + -moz-column-gap: 0.5rem !important; + column-gap: 0.5rem !important; +} +.self-stretch { + align-self: stretch !important; +} +.overflow-auto { + overflow: auto !important; +} +.overflow-hidden { + overflow: hidden !important; +} +.truncate { + overflow: hidden !important; + text-overflow: ellipsis !important; + white-space: nowrap !important; +} +.whitespace-nowrap { + white-space: nowrap !important; +} +.rounded-full { + border-radius: 9999px !important; +} +.rounded { + border-radius: 0.25rem !important; +} +.rounded-lg { + border-radius: 0.5rem !important; +} +.rounded-md { + border-radius: 0.375rem !important; +} +.border { + border-width: 1px !important; +} +.border-2 { + border-width: 2px !important; +} +.border-solid { + border-style: solid !important; +} +.border-fg-cta-naturalDisabled { + border-color: #bec6cc !important; +} +.border-secondary-400 { + border-color: #0077db !important; +} +.border-border-cta-primaryFocus { + border-color: #4b5259 !important; +} +.border-border-cta-secondaryFocus { + border-color: #00569e !important; +} +.border-border-cta-naturalDefault { + border-color: #4b5259 !important; +} +.border-border-cta-secondaryDefault { + border-color: #0077db !important; +} +.border-border-cta-alertDefault { + border-color: #dc3545 !important; +} +.border-\[\#4B5259\] { + border-color: #4b5259 !important; +} +.border-\[\#DC3545\] { + border-color: #dc3545 !important; +} +.bg-bg-cta-naturalWhite { + background-color: #fff !important; +} +.bg-secondary-400 { + background-color: #0077db !important; +} +.bg-primary-light { + background-color: #ffe19c !important; +} +.bg-white { + background-color: #fff !important; +} +.bg-info-400 { + background-color: #17a2b8 !important; +} +.bg-secondary-100 { + background-color: #f2f9ff !important; +} +.bg-grays-150 { + background-color: #e2e6e9 !important; +} +.bg-grays-200 { + background-color: #bec6cc !important; +} +.bg-black { + background-color: #000 !important; +} +.bg-grays-600 { + background-color: #2b2f33 !important; +} +.bg-primary { + background-color: #fdb713 !important; +} +.bg-grays-100 { + background-color: #f8fafb !important; +} +.bg-bg-cta-primaryDefault { + background-color: #fdb713 !important; +} +.bg-bg-cta-primaryHover { + background-color: #e3a107 !important; +} +.bg-bg-cta-secondaryDefault { + background-color: #0077db !important; +} +.bg-bg-cta-secondaryHover { + background-color: #00569e !important; +} +.bg-bg-cta-softSecondaryHover { + background-color: #f2f9ff !important; +} +.bg-bg-cta-softOnLightHover { + background-color: #f8fafb !important; +} +.bg-bg-cta-softAlertHover { + background-color: #fdf2f3 !important; +} +.bg-bg-cta-softOnDarkHover { + background-color: #2b2f33 !important; +} +.bg-bg-cta-naturalDefault { + background-color: #f8fafb !important; +} +.bg-\[\#FDF2F3\] { + background-color: #fdf2f3 !important; +} +.p-4 { + padding: 1rem !important; +} +.p-2 { + padding: 0.5rem !important; +} +.p-3 { + padding: 0.75rem !important; +} +.p-0 { + padding: 0 !important; +} +.p-1 { + padding: 0.25rem !important; +} +.p-\[5px\] { + padding: 5px !important; +} +.p-8 { + padding: 4rem !important; +} +.p-5 { + padding: 1.5rem !important; +} +.py-3 { + padding-top: 0.75rem !important; + padding-bottom: 0.75rem !important; +} +.px-3 { + padding-left: 0.75rem !important; + padding-right: 0.75rem !important; +} +.py-2 { + padding-top: 0.5rem !important; + padding-bottom: 0.5rem !important; +} +.py-1 { + padding-top: 0.25rem !important; + padding-bottom: 0.25rem !important; +} +.px-6 { + padding-left: 2rem !important; + padding-right: 2rem !important; +} +.px-4 { + padding-left: 1rem !important; + padding-right: 1rem !important; +} +.px-2 { + padding-left: 0.5rem !important; + padding-right: 0.5rem !important; +} +.py-0 { + padding-top: 0 !important; + padding-bottom: 0 !important; +} +.px-5 { + padding-left: 1.5rem !important; + padding-right: 1.5rem !important; +} +.px-\[1\.25rem\] { + padding-left: 1.25rem !important; + padding-right: 1.25rem !important; +} +.pr-1 { + padding-right: 0.25rem !important; +} +.pl-4 { + padding-left: 1rem !important; +} +.pr-4 { + padding-right: 1rem !important; +} +.pl-3 { + padding-left: 0.75rem !important; +} +.pr-3 { + padding-right: 0.75rem !important; +} +.pr-5 { + padding-right: 1.5rem !important; +} +.pr-0 { + padding-right: 0 !important; +} +.pl-6 { + padding-left: 2rem !important; +} +.pt-3 { + padding-top: 0.75rem !important; +} +.pl-2 { + padding-left: 0.5rem !important; +} +.pr-2 { + padding-right: 0.5rem !important; +} +.pt-0 { + padding-top: 0 !important; +} +.pb-2 { + padding-bottom: 0.5rem !important; +} +.pl-0 { + padding-left: 0 !important; +} +.text-left { + text-align: left !important; +} +.text-center { + text-align: center !important; +} +.align-top { + vertical-align: top !important; +} +.align-middle { + vertical-align: middle !important; +} +.text-4 { + font-size: 1rem !important; +} +.text-2 { + font-size: 0.75rem !important; +} +.text-3 { + font-size: 0.875rem !important; +} +.text-5 { + font-size: 1.125rem !important; +} +.text-1 { + font-size: 0.625rem !important; +} +.font-bold { + font-weight: 700 !important; +} +.font-medium { + font-weight: 500 !important; +} +.font-normal { + font-weight: 400 !important; +} +.uppercase { + text-transform: uppercase !important; +} +.text-info-400 { + color: #17a2b8 !important; +} +.text-danger-400 { + color: #dc3545 !important; +} +.text-grays-600 { + color: #2b2f33 !important; +} +.text-success-400 { + color: #28a745 !important; +} +.text-grays-500 { + color: #4b5259 !important; +} +.text-grays-400 { + color: #6c7680 !important; +} +.text-fg-cta-naturalDefault { + color: #4b5259 !important; +} +.text-grays-100 { + color: #f8fafb !important; +} +.text-grays-300 { + color: #959ea6 !important; +} +.text-grays-700 { + color: #0a0b0c !important; +} +.text-grays-200 { + color: #bec6cc !important; +} +.text-primary { + color: #fdb713 !important; +} +.text-secondary-400 { + color: #0077db !important; +} +.text-success-500 { + color: #1e7b33 !important; +} +.text-white { + color: #fff !important; +} +.underline { + -webkit-text-decoration-line: underline !important; + text-decoration-line: underline !important; +} +.opacity-0 { + opacity: 0 !important; +} +.opacity-100 { + opacity: 1 !important; +} +.opacity-40 { + opacity: 0.4 !important; +} +.shadow-xl { + --tw-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.12), + 0 10px 10px -6px rgba(0, 0, 0, 0.12) !important; + --tw-shadow-colored: 0 3px 10px 0 var(--tw-shadow-color), + 0 10px 10px -6px var(--tw-shadow-color) !important; + box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), + var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important; +} +.shadow-lg { + --tw-shadow: 0 4px 6px 0 rgba(0, 0, 0, 0.08) !important; + --tw-shadow-colored: 0 4px 6px 0 var(--tw-shadow-color) !important; + box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), + var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important; +} +.outline { + outline-style: solid !important; +} +.blur { + --tw-blur: blur(8px) !important; + filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) + var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) + var(--tw-sepia) var(--tw-drop-shadow) !important; +} +.filter { + filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) + var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) + var(--tw-sepia) var(--tw-drop-shadow) !important; +} +.transition { + transition-property: color, background-color, border-color, fill, stroke, + opacity, box-shadow, transform, filter, -webkit-text-decoration-color, + -webkit-backdrop-filter !important; + transition-property: color, background-color, border-color, + text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, + backdrop-filter !important; + transition-property: color, background-color, border-color, + text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, + backdrop-filter, -webkit-text-decoration-color, -webkit-backdrop-filter !important; + transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important; + transition-duration: 0.15s !important; +} +.transition-all { + transition-property: all !important; + transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important; + transition-duration: 0.15s !important; +} +.duration-500 { + transition-duration: 0.5s !important; +} +.duration-300 { + transition-duration: 0.3s !important; +} +.ease-in-out { + transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important; +} +.ease-in { + transition-timing-function: cubic-bezier(0.4, 0, 1, 1) !important; +} +.ease-out { + transition-timing-function: cubic-bezier(0, 0, 0.2, 1) !important; +} +.content-\[\'\'\] { + --tw-content: "" !important; + content: var(--tw-content) !important; +} +.last\:ml-0:last-child { + margin-left: 0 !important; +} +.last\:border-0:last-child { + border-width: 0px !important; +} +.hover\:bg-secondary-100:hover { + background-color: #f2f9ff !important; +} +.hover\:text-grays-300:hover { + color: #959ea6 !important; +} +@media (min-width: 640px) { + .sm\:py-2 { + padding-top: 0.5rem !important; + padding-bottom: 0.5rem !important; + } + .sm\:text-center { + text-align: center !important; + } + .sm\:text-3 { + font-size: 0.875rem !important; + } +} +@media (min-width: 768px) { + .md\:mx-0 { + margin-left: 0 !important; + margin-right: 0 !important; + } + .md\:ml-4 { + margin-left: 1rem !important; + } + .md\:grid-flow-col { + grid-auto-flow: column !important; + } + .md\:justify-between { + justify-content: space-between !important; + } + .md\:p-0 { + padding: 0 !important; + } + .md\:px-6 { + padding-left: 2rem !important; + padding-right: 2rem !important; + } + .md\:px-2 { + padding-left: 0.5rem !important; + padding-right: 0.5rem !important; + } + .md\:px-1 { + padding-left: 0.25rem !important; + padding-right: 0.25rem !important; + } + .md\:px-0 { + padding-left: 0 !important; + padding-right: 0 !important; + } + .md\:pb-1 { + padding-bottom: 0.25rem !important; + } + .md\:text-3 { + font-size: 0.875rem !important; + } + .md\:text-2 { + font-size: 0.75rem !important; + } +} +@media (min-width: 1024px) { + .lg\:-mx-2 { + margin-left: -0.5rem !important; + margin-right: -0.5rem !important; + } +} +.collapsing { + overflow: hidden; +} +.a-accordion { + border-width: 1px; + background-color: var(--white); + border-radius: 8px; + overflow: hidden; + line-height: 2.25; +} +.a-accordion__expand { + margin-right: auto; + color: #6c7680; + background-color: var(--white); + padding: 7px; + border: none; + border-radius: 100%; + transition: all ease 0.2s; + cursor: pointer; +} +.a-accordion__expand:focus { + outline: none; +} +.a-accordion__expand:hover, +.a-accordion__expand:focus { + background-color: var(--secondary-100); + color: var(--secondary-400); +} +.a-accordion__expand > svg { + width: 1rem; + height: 1rem; +} +@media (min-width: 768px) { + .a-accordion__expand > svg { + width: 1.125rem; + height: 1.125rem; + } +} +.a-accordion.open .a-accordion__expand { + background-color: var(--grays-100); +} +.a-accordion__button { + position: relative; + display: flex; + padding: 20px; + font-size: 1.125rem; + font-weight: 400; + color: var(--grays-500); + align-items: center; + cursor: pointer; + list-style: none; +} +.a-accordion__button::-webkit-details-marker { + display: none; +} +.a-accordion__button:hover .a-accordion__expand { + background-color: var(--secondary-100); + color: var(--secondary-400); +} +.a-accordion__icon { + margin-left: 12px; + border-radius: 50%; + background-color: var(--info-100); + color: var(--info-400); + padding: 5px; + flex: 0 0 auto; + vertical-align: middle; +} +.a-accordion.shadow { + box-shadow: var(--shadow-md); + border-color: var(--border-1); +} +.a-accordion.shadow .a-accordion__content { + background-color: var(--grays-100); +} +.a-accordion.icon .a-accordion__content { + padding-right: 64px; +} +.list-text { + display: flex; + flex-direction: column; + flex: 1; + background-color: transparent; +} +.list-text__title { + font-size: 0.875rem; + font-weight: 400; + line-height: 25.2px; + color: var(--Content-on-surfac-Overwhelming); + margin: 0; +} +.list-text__subtitle { + display: flex; + font-size: 0.75rem; + line-height: 21.6px; + color: var(--Content-on-surfac-Intense); +} +.list-text__subtitle.is-bullet { + flex-direction: row; + align-items: center; +} +.list-text__subtitle.is-column { + flex-direction: column; + align-items: stretch; +} +.a-item[data-v-f3142712] { + display: flex; + align-items: center; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + border-radius: 0; + padding: var(--ListItem-top-down-padding) var(--ListItem-side-padding); + width: auto; + gap: 8px; + border: var(--ListItem-border-size) solid var(--ListItem-border-none); + border-bottom-color: var(--ListItem-border-default); +} +.a-item-link[data-v-f3142712] { + display: flex; + align-items: center; + font-weight: 400; + width: 100%; + gap: 4px; + transition: all ease 0.2s; + outline: none !important; +} +@-webkit-keyframes a-skeleton-animation { + 0% { + background-position: 0 0; + } + to { + background-position: 100% 0; + } +} +@keyframes a-skeleton-animation { + 0% { + background-position: 0 0; + } + to { + background-position: 100% 0; + } +} +.a-skeleton { + --skeleton-light: #efeded; + background-image: linear-gradient( + to right, + var(--bg), + var(--skeleton-light), + var(--bg), + var(--skeleton-light) + ); + background-size: 300% auto; + background-position: 0 0; +} +@media (prefers-reduced-motion: no-preference) { + .a-skeleton.is-animated { + -webkit-animation: a-skeleton-animation ease 1s infinite both; + animation: a-skeleton-animation ease 1s infinite both; + } +} +.a-skeleton.is-line { + height: 1em; + border-radius: 0.753em; +} +.a-skeleton.is-circle { + height: 0; + padding-top: 100%; + border-radius: 50%; +} +.a-skeleton.is-rect { + border-radius: 6px; +} +.a-skeleton.is-multiline:last-child { + width: 66.666%; +} +.a-skeleton.is-multiline:not(:last-child) { + margin-bottom: 0.5em; +} +.a-menu-list { + display: flex; + flex-direction: column; + list-style: none; + padding: 0; + margin: 0; + text-align: start; + border-radius: var(--ListItem-radi-individual); + justify-content: flex-start; +} +.a-menu-list li:last-child { + border-radius: 0 0 var(--ListItem-radi-individual) + var(--ListItem-radi-individual); + border-bottom-color: transparent; +} +.a-menu-list li:first-child { + border-radius: 8px 8px 0 0; +} +.a-menu-list li:hover { + background-color: var(--ListItem-surface-hover); +} +.a-menu-list li:focus { + outline: none; +} +.a-menu-list li.is-focused { + border-color: var(--ListItem-border-focus); +} +.a-menu-list li.is-disabled { + background-color: var(--ListItem-surface-disabled) !important; + border: 1px solid var(--ListItem-border-none); + pointer-events: none; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + opacity: 12%; +} +.a-menu-list div.is-loading { + pointer-events: none; + display: flex; + align-items: center; + gap: 0.5rem; + padding: var(--ListItem-top-down-padding) var(--ListItem-side-padding); +} +.a-menu-list li.is-selected { + background-color: var(--ListItem-surface-selected); +} +.a-menu-list li.is-individual:hover { + border: 1px solid var(--ListItem-border-hover) !important; +} +.a-menu-list li.is-individual:only-child { + border: 1px solid var(--ListItem-border-default); + border-radius: var(--ListItem-radi-individual); +} +.lds-ellipsis { + position: relative; + display: inline-block; +} +.lds-ellipsis > circle { + -webkit-animation: bubble 0.8s infinite + cubic-bezier(0.455, 0.03, 0.515, 0.955); + animation: bubble 0.8s infinite cubic-bezier(0.455, 0.03, 0.515, 0.955); + transform-origin: center; + transform-box: fill-box; +} +.lds-ellipsis > circle:nth-child(1) { + -webkit-animation-delay: 0.25s; + animation-delay: 0.25s; +} +.lds-ellipsis > circle:nth-child(2) { + -webkit-animation-delay: 0.15s; + animation-delay: 0.15s; +} +@-webkit-keyframes bubble { + 0% { + transform: scale(0.5); + opacity: 0.2; + } + 50% { + transform: scale(1); + opacity: 1; + } + to { + transform: scale(0.5); + opacity: 0.2; + } +} +@keyframes bubble { + 0% { + transform: scale(0.5); + opacity: 0.2; + } + 50% { + transform: scale(1); + opacity: 1; + } + to { + transform: scale(0.5); + opacity: 0.2; + } +} +.btn { + background-color: transparent; + -moz-appearance: none; + appearance: none; + -webkit-appearance: none; + position: relative; + display: inline-flex; + justify-content: center; + align-items: center; + --padding-inline: 0.25rem; + padding: 0.25rem var(--padding-inline); + --button-size: auto; + min-height: var(--button-size); + border: solid 1px var(--border-1); + border-radius: 8px; + cursor: pointer; + box-shadow: var(--shadow-sm); + --outline-width: 2px; + outline: var(--outline-width) none var(--grays-500); + outline-offset: calc(var(--outline-width) * -1); + transition-duration: 0.2s; + transition-timing-function: ease; + transition-property: background-color, border-color, opacity; +} +.btn.is-disabled { + cursor: not-allowed; + opacity: 0.525; + box-shadow: none; +} +.btn:focus { + outline-style: solid; +} +@supports selector(:focus-visible) { + .btn:focus { + outline-style: none; + } + .btn:focus-visible { + outline-style: solid; + } +} +.btn.is-rounded { + border-radius: 1000px; +} +.btn.is-block { + display: flex; + width: 100%; +} +.btn.is-lg { + --padding-inline: 1rem; + --button-size: 3rem; + font-size: 1rem; +} +.btn.is-md { + --padding-inline: 0.75rem; + --button-size: 2.5rem; + font-size: 0.875rem; +} +.btn.is-nl { + --padding-inline: 0.75rem; + --button-size: 2rem; + font-size: 0.875rem; +} +.btn.is-sm { + --padding-inline: 0.5rem; + --button-size: 1.5rem; + font-size: 0.75rem; +} +.btn.is-icon { + --outline-width: 1px; + --padding-inline: 0.25rem; + width: var(--button-size); + height: var(--button-size); +} +.btn.is-raw { + background-color: transparent; + color: inherit; + border-width: 0; + padding: 0; + box-shadow: none; + transition-property: box-shadow; +} +.btn.is-raw:active { + box-shadow: 0 0 5px 2px inset #00000026; +} +.btn.is-link { + --button-size: initial; + color: var(--secondary-400); + border-color: transparent; + padding: 2px 5px; + box-shadow: none; +} +.btn.is-link:hover:not(.is-disabled), +.btn.is-link:active:not(.is-disabled) { + border-color: var(--secondary-200); + background-color: var(--secondary-100); +} +.btn.is-solid-primary { + background-color: var(--primary); + color: var(--grays-700); +} +.btn.is-solid-primary:hover:not(.is-disabled), +.btn.is-solid-primary:active:not(.is-disabled) { + background-color: var(--primary-dark); +} +.btn.is-outline-primary { + border: 2px solid var(--primary); + color: var(--primary); + background-color: var(--white); +} +.btn.is-outline-primary:hover:not(.is-disabled), +.btn.is-outline-primary:active:not(.is-disabled) { + background-color: var(--white); +} +.btn.is-outline-primary:focus, +.btn.is-outline-primary:focus-visible { + outline-style: none; +} +.btn.is-outline-primary:focus { + border-color: var(--primary-dark); +} +@supports selector(:focus-visible) { + .btn.is-outline-primary:focus { + border-color: var(--primary); + } + .btn.is-outline-primary:focus-visible { + border-color: var(--primary-dark); + } +} +.btn.is-ghost-primary { + background-color: transparent; + color: var(--primary); + border-color: transparent; + box-shadow: none; +} +.btn.is-ghost-primary:hover:not(.is-disabled), +.btn.is-ghost-primary:active:not(.is-disabled) { + background-color: var(--white); +} +.btn.is-ghost-primary:focus, +.btn.is-ghost-primary:focus-visible { + outline-style: none; +} +.btn.is-ghost-primary:focus { + border-color: var(--primary); +} +@supports selector(:focus-visible) { + .btn.is-ghost-primary:focus { + border-color: transparent; + } + .btn.is-ghost-primary:focus-visible { + border-color: var(--primary); + } +} +.btn.is-solid-secondary { + background-color: var(--secondary-400); + color: var(--white); +} +.btn.is-solid-secondary:hover:not(.is-disabled), +.btn.is-solid-secondary:active:not(.is-disabled) { + background-color: var(--secondary-500); +} +.btn.is-outline-secondary { + border: 2px solid var(--secondary-400); + color: var(--secondary-400); + background-color: var(--white); +} +.btn.is-outline-secondary:hover:not(.is-disabled), +.btn.is-outline-secondary:active:not(.is-disabled) { + background-color: var(--secondary-100); +} +.btn.is-outline-secondary:focus, +.btn.is-outline-secondary:focus-visible { + outline-style: none; +} +.btn.is-outline-secondary:focus { + border-color: var(--secondary-500); +} +@supports selector(:focus-visible) { + .btn.is-outline-secondary:focus { + border-color: var(--secondary-400); + } + .btn.is-outline-secondary:focus-visible { + border-color: var(--secondary-500); + } +} +.btn.is-ghost-secondary { + background-color: transparent; + color: var(--secondary-400); + border-color: transparent; + box-shadow: none; +} +.btn.is-ghost-secondary:hover:not(.is-disabled), +.btn.is-ghost-secondary:active:not(.is-disabled) { + background-color: var(--secondary-100); +} +.btn.is-ghost-secondary:focus, +.btn.is-ghost-secondary:focus-visible { + outline-style: none; +} +.btn.is-ghost-secondary:focus { + border-color: var(--secondary-400); +} +@supports selector(:focus-visible) { + .btn.is-ghost-secondary:focus { + border-color: transparent; + } + .btn.is-ghost-secondary:focus-visible { + border-color: var(--secondary-400); + } +} +.btn.is-solid-danger { + background-color: var(--danger-400); + color: var(--white); +} +.btn.is-solid-danger:hover:not(.is-disabled), +.btn.is-solid-danger:active:not(.is-disabled) { + background-color: var(--danger-500); +} +.btn.is-outline-danger { + border: 2px solid var(--danger-400); + color: var(--danger-400); + background-color: var(--white); +} +.btn.is-outline-danger:hover:not(.is-disabled), +.btn.is-outline-danger:active:not(.is-disabled) { + background-color: var(--danger-100); +} +.btn.is-outline-danger:focus, +.btn.is-outline-danger:focus-visible { + outline-style: none; +} +.btn.is-outline-danger:focus { + border-color: var(--danger-500); +} +@supports selector(:focus-visible) { + .btn.is-outline-danger:focus { + border-color: var(--danger-400); + } + .btn.is-outline-danger:focus-visible { + border-color: var(--danger-500); + } +} +.btn.is-ghost-danger { + background-color: transparent; + color: var(--danger-400); + border-color: transparent; + box-shadow: none; +} +.btn.is-ghost-danger:hover:not(.is-disabled), +.btn.is-ghost-danger:active:not(.is-disabled) { + background-color: var(--danger-100); +} +.btn.is-ghost-danger:focus, +.btn.is-ghost-danger:focus-visible { + outline-style: none; +} +.btn.is-ghost-danger:focus { + border-color: var(--danger-400); +} +@supports selector(:focus-visible) { + .btn.is-ghost-danger:focus { + border-color: transparent; + } + .btn.is-ghost-danger:focus-visible { + border-color: var(--danger-400); + } +} +.btn.is-solid-light { + background-color: var(--white); + color: var(--grays-700); +} +.btn.is-solid-light:hover:not(.is-disabled), +.btn.is-solid-light:active:not(.is-disabled) { + background-color: var(--grays-100); +} +.btn.is-outline-light { + border: 2px solid var(--white); + color: var(--white); + background-color: var(--white); +} +.btn.is-outline-light:hover:not(.is-disabled), +.btn.is-outline-light:active:not(.is-disabled) { + background-color: var(--grays-100); +} +.btn.is-outline-light:focus, +.btn.is-outline-light:focus-visible { + outline-style: none; +} +.btn.is-outline-light:focus { + border-color: var(--grays-100); +} +@supports selector(:focus-visible) { + .btn.is-outline-light:focus { + border-color: var(--white); + } + .btn.is-outline-light:focus-visible { + border-color: var(--grays-100); + } +} +.btn.is-ghost-light { + background-color: transparent; + color: var(--white); + border-color: transparent; + box-shadow: none; +} +.btn.is-ghost-light:hover:not(.is-disabled), +.btn.is-ghost-light:active:not(.is-disabled) { + background-color: var(--grays-100); +} +.btn.is-ghost-light:focus, +.btn.is-ghost-light:focus-visible { + outline-style: none; +} +.btn.is-ghost-light:focus { + border-color: var(--white); +} +@supports selector(:focus-visible) { + .btn.is-ghost-light:focus { + border-color: transparent; + } + .btn.is-ghost-light:focus-visible { + border-color: var(--white); + } +} +.btn.is-solid-dark { + background-color: var(--grays-700); + color: var(--white); +} +.btn.is-solid-dark:hover:not(.is-disabled), +.btn.is-solid-dark:active:not(.is-disabled) { + background-color: var(--grays-600); +} +.btn.is-outline-dark { + border: 2px solid var(--grays-700); + color: var(--grays-700); + background-color: var(--white); +} +.btn.is-outline-dark:hover:not(.is-disabled), +.btn.is-outline-dark:active:not(.is-disabled) { + background-color: var(--grays-100); +} +.btn.is-outline-dark:focus, +.btn.is-outline-dark:focus-visible { + outline-style: none; +} +.btn.is-outline-dark:focus { + background-color: var(--grays-150); +} +@supports selector(:focus-visible) { + .btn.is-outline-dark:focus { + background-color: var(--white); + } + .btn.is-outline-dark:focus-visible { + background-color: var(--grays-150); + } +} +.btn.is-ghost-dark { + background-color: transparent; + color: var(--grays-700); + border-color: transparent; + box-shadow: none; +} +.btn.is-ghost-dark:hover:not(.is-disabled), +.btn.is-ghost-dark:active:not(.is-disabled) { + background-color: var(--grays-100); +} +.btn.is-ghost-dark:focus, +.btn.is-ghost-dark:focus-visible { + outline-style: none; +} +.btn.is-ghost-dark:focus { + border-color: var(--grays-700); +} +@supports selector(:focus-visible) { + .btn.is-ghost-dark:focus { + border-color: transparent; + } + .btn.is-ghost-dark:focus-visible { + border-color: var(--grays-700); + } +} +.btn.is-solid-dark-glass { + background-color: #000000a6; + color: var(--white); +} +.btn.is-solid-dark-glass:hover:not(.is-disabled), +.btn.is-solid-dark-glass:active:not(.is-disabled) { + background-color: #000000bf; +} +.btn.is-outline-dark-glass { + border: 2px solid rgba(0, 0, 0, 0.65); + color: #000000a6; + background-color: var(--white); +} +.btn.is-outline-dark-glass:hover:not(.is-disabled), +.btn.is-outline-dark-glass:active:not(.is-disabled) { + background-color: transparent; +} +.btn.is-outline-dark-glass:focus, +.btn.is-outline-dark-glass:focus-visible { + outline-style: none; +} +.btn.is-outline-dark-glass:focus { + border-color: #000000bf; +} +@supports selector(:focus-visible) { + .btn.is-outline-dark-glass:focus { + border-color: #000000a6; + } + .btn.is-outline-dark-glass:focus-visible { + border-color: #000000bf; + } +} +.btn.is-ghost-dark-glass { + background-color: transparent; + color: #000000a6; + border-color: transparent; + box-shadow: none; +} +.btn.is-ghost-dark-glass:hover:not(.is-disabled), +.btn.is-ghost-dark-glass:active:not(.is-disabled) { + background-color: transparent; +} +.btn.is-ghost-dark-glass:focus, +.btn.is-ghost-dark-glass:focus-visible { + outline-style: none; +} +.btn.is-ghost-dark-glass:focus { + border-color: #000000a6; +} +@supports selector(:focus-visible) { + .btn.is-ghost-dark-glass:focus { + border-color: transparent; + } + .btn.is-ghost-dark-glass:focus-visible { + border-color: #000000a6; + } +} +.a-alert { + display: flex; + align-items: center; + border-radius: 0.5rem; + padding: 0.75rem; + border: 1px solid; +} +.a-alert.is-info { + border-color: var(--info-300); + background-color: var(--info-100); + color: var(--info-500); +} +.a-alert.is-alert { + border-color: var(--danger-300); + background-color: var(--danger-100); + color: var(--danger-500); +} +.a-alert.is-warning { + border-color: var(--warning-300); + background-color: var(--warning-100); + color: var(--warning-500); +} +.a-alert.is-success { + border-color: var(--success-300); + background-color: var(--success-100); + color: var(--success-500); +} +@media (min-width: 768px) { + .a-alert { + padding-left: 1rem; + padding-right: 1rem; + } +} +.a-alert__title { + font-size: 0.875rem; +} +@media (min-width: 768px) { + .a-alert__title { + margin-top: 0; + margin-bottom: 0.25rem; + font-size: 1rem; + font-weight: 700; + } +} +.a-alert__icon-holder { + margin-left: 0.5rem; + height: 1.5rem; + width: 1.5rem; + flex-shrink: 0; +} +.a-alert__icon-holder.with-title { + margin-top: 0.25rem; + margin-left: 0.75rem; +} +.a-alert__icon-holder.with-links { + margin-top: auto; + margin-bottom: auto; +} +@media (min-width: 768px) { + .a-alert__icon-holder.with-links { + margin-top: 0; + } +} +.a-alert__body { + flex-grow: 1; +} +.a-alert__content { + margin: 0; +} +.a-alert__links { + margin-top: 0.5rem; + display: flex; + font-size: 0.75rem; + font-weight: 500; + text-decoration: underline; +} +@media (min-width: 768px) { + .a-alert__links { + font-size: 0.875rem; + } +} +.a-alert__link { + margin-left: 0.5rem; +} +.a-alert__dismiss { + margin-right: 0.5rem; + flex-shrink: 0; +} +.notice[data-v-4c79b6d3] { + display: flex; +} +.notice.is-sm[data-v-4c79b6d3] { + gap: 0.25rem; +} +.notice.is-md[data-v-4c79b6d3] { + gap: 0.5rem; +} +.app-bar__title { + min-width: 0px; + font-size: 0.875rem; + flex: 1 1 0; +} +.app-bar__title > b { + display: block; + font-weight: 500; +} +.app-bar__title > small { + margin-top: 0.4rem; + display: block; + color: #6c7680; +} +.v-dropdown { + position: absolute; + top: 100%; + right: var(--dropdown-offset, 0); + z-index: 500; +} +.v-dropdown.is-up { + top: auto; + bottom: 100%; +} +.v-dropdown.is-align-left { + right: auto; + left: var(--dropdown-offset, 0); +} +.v-dropdown-enter-active, +.v-dropdown-leave-active { + transition: transform 80ms linear; +} +.v-dropdown-enter-from, +.v-dropdown-leave-to { + opacity: 0; + transform: translateY(-10px); +} +.a-card { + border-radius: 8px; + box-shadow: var(--shadow-sm); + border: solid 1px var(--border-1); + background-color: var(--white); +} +.a-card__header { + border-bottom: solid 1px var(--border-1); +} +.a-card__footer { + border-top: solid 1px var(--border-1); + border-radius: inherit; +} +.a-card__header, +.a-card__body, +.a-card__footer { + padding: 1rem 1.25rem; +} +.a-card__body { + flex: 1 1 auto; +} +.a-card.is-flat { + box-shadow: none; +} +.a-card.is-sharp { + border-radius: 0; +} +.a-menu { + list-style: none; + padding: 0; + margin: 0; + overflow-y: auto; + text-align: start; + border-radius: 8px; + font-size: 0.875rem; +} +.a-menu > li > a { + display: block; + font-weight: 400; + color: var(--grays-700); + transition: all ease 0.2s; + outline: none !important; +} +@media (min-width: 768px) { + .a-menu > li:hover > a, + .a-menu > li.is-focus > a, + .a-menu > li a:focus { + background-color: #f2f9ff; + } +} +.a-menu > li.is-active > a { + color: var(--secondary-400); + background-color: var(--secondary-100); +} +.is-small-menu .a-menu { + font-size: 0.75rem; +} +.chbtn-plain { + display: flex; + width: -webkit-max-content; + width: -moz-max-content; + width: max-content; +} +.chbtn-plain__content { + position: relative; + display: flex; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + align-items: center; + justify-items: center; + border: 1px solid var(--border-1); + background-color: var(--bg-cta-naturalWhite); + border-radius: 0.5rem; + color: var(--fg-cta-naturalDefault); +} +.chbtn-plain__content:hover { + background-color: var(--bg-cta-softOnLightHover); +} +.chbtn-plain__content.is-descriptive { + flex-direction: column; +} +.chbtn-plain__content.is-lg { + padding: var(--spacing-2) var(--spacing-4); +} +.chbtn-plain__content.is-nl { + padding: var(--spacing-1) var(--spacing-2); +} +.chbtn-plain__content.is-disabled { + background-color: var(--bg-cta-naturalWhite); + border: 0 solid var(--border-1); + color: var(--fg-cta-naturalDisabled); + cursor: not-allowed; +} +.chbtn-plain input[type="checkbox"]:checked + span { + border: 1px solid var(--border-cta-secondarySelected); + background-color: var(--bg-cta-softSecondarySelected); + color: var(--fg-cta-secondarySelected); +} +.chbtn-dropdown { + position: relative; + display: flex; +} +.chbtn-dropdown__content { + position: relative; + display: flex; + direction: rtl; + align-items: center; + justify-items: center; + border: 1px solid var(--border-1); + background-color: var(--bg-cta-naturalWhite); + border-radius: 0.5rem; + color: var(--fg-cta-naturalDefault); +} +.chbtn-dropdown__content:hover { + background-color: var(--bg-cta-softOnLightHover); +} +.chbtn-dropdown__content.is-lg { + padding: var(--spacing-2) var(--spacing-4); +} +.chbtn-dropdown__content.is-nl { + padding: var(--spacing-1) var(--spacing-2); +} +.chbtn-dropdown__content.is-active { + border: 1px solid var(--border-cta-secondarySelected); + background-color: var(--bg-cta-softSecondarySelected); + color: var(--fg-cta-secondarySelected); +} +.chbtn-dropdown__content.is-disabled { + background-color: var(--bg-cta-naturalWhite); + border: 0 solid var(--border-1); + color: var(--fg-cta-naturalDisabled); + cursor: not-allowed; +} +.pbtn-plain { + display: flex; + width: -webkit-max-content; + width: -moz-max-content; + width: max-content; +} +.pbtn-plain__content { + position: relative; + display: flex; + align-items: center; + justify-content: center; + gap: 0.25rem; + border-radius: 0.5rem; + border-width: 1px; + background-color: #fff; + padding: 0.25rem 0.5rem; + color: #4b5259; +} +.pbtn-plain__content:hover { + background-color: var(--bg-cta-softOnLightHover); +} +.pbtn-plain__content:focus { + border: 1px solid var(--border-cta-naturalFocus); +} +.pbtn-plain__content.is-disabled { + background-color: var(--bg-cta-naturalWhite); + border: 1px solid var(--border-1); + color: var(--fg-cta-naturalDisabled); + cursor: not-allowed; +} +.pbtn-plain__content__label { + font-weight: 400; + line-height: 180%; + font-size: 0.875rem; +} +.pbtn-plain__content__count { + font-weight: 400; + line-height: 180%; + font-size: 0.75rem; + display: flex; + flex-direction: column; + align-items: center; + justify-content: center; + border-radius: 9999px; + background-color: #0077db; + color: #f8fafb; + line-height: 1.33; + width: 20px; + height: 20px; + padding: 2px; +} +.pbtn-plain__content .close-icon:focus { + border: 1px solid var(--border-cta-naturalFocus); +} +.pbtn-plain.active .pbtn-plain__content, +.pbtn-plain input[type="checkbox"]:checked + span { + border: 1px solid var(--border-cta-secondarySelected); + background-color: var(--bg-cta-softSecondarySelected); + color: var(--fg-cta-secondarySelected); +} +.pbtn-dropdown { + position: relative; + display: flex; +} +.pbtn-dropdown__content { + position: relative; + display: flex; + align-items: center; + justify-content: center; + border-radius: 0.5rem; + border-width: 1px; + background-color: #fff; + padding: 0.25rem 0.5rem; + color: #4b5259; +} +.pbtn-dropdown__content:hover { + background-color: var(--bg-cta-softOnLightHover); +} +.pbtn-dropdown__content.is-active { + border: 1px solid var(--border-cta-secondarySelected); + background-color: var(--bg-cta-softSecondarySelected); + color: var(--fg-cta-secondarySelected); +} +.pbtn-dropdown__content.is-disabled { + background-color: var(--bg-cta-naturalWhite); + border: 1px solid var(--border-1); + color: var(--fg-cta-naturalDisabled); + cursor: not-allowed; +} +.a-card-section { + padding-bottom: 1.5rem; +} +.a-card-title { + margin: 0.75rem 0 1rem; + position: relative; + display: flex; + align-items: center; + padding: 0.5rem 1.5rem 0.5rem 1rem; + font-size: 1rem; + color: #4b5259; +} +@media (min-width: 768px) { + .a-card-title { + margin-top: 0.5rem; + padding-left: 2rem; + padding-right: 2rem; + font-size: 1.125rem; + } +} +.a-card-title-icon { + width: 1.5rem; + height: 1.5rem; +} +@media (min-width: 768px) { + .a-card-title-icon { + width: 2rem; + height: 2rem; + } +} +.a-card-title-icon { + margin-left: 0.75rem; +} +.a-card-title:before { + content: ""; + position: absolute; + display: block; + right: 0; + top: 0; + bottom: 0; + width: 4px; + border-radius: 5px 0 0 5px; + background-color: var(--grays-500); +} +.a-caution { + display: flex; + align-items: center; + justify-content: center; + background-color: #ffe19c; + padding: 0.75rem; + font-size: 0.875rem; + color: #2b2f33; +} +.a-counter { + display: inline-flex; + align-items: center; + max-width: 100%; +} +.a-counter__value { + min-width: 40px; +} +.a-counter .btn { + width: 1.5rem; + height: 1.5rem; +} +@media (max-width: 768px) { + .a-counter .btn { + width: 2rem; + height: 2rem; + } +} +.calendar-weekday { + color: var(--grays-300); + font-size: 0.75rem; +} +:root { + --calendar-active: var(--primary); +} +.calendar-cell { + border-radius: 5px; + cursor: pointer; + position: relative; + outline: none !important; + border: 2px solid transparent; + margin-bottom: 2px; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + line-height: 1.35; +} +.calendar-cell > span { + position: relative; + z-index: 1; +} +.calendar-cell.is-disabled { + color: var(--grays-200); + cursor: default !important; + border-color: transparent !important; +} +.calendar-cell:after { + position: absolute; + content: ""; + left: -2px; + right: -2px; + top: -2px; + bottom: -2px; + transition: all ease 0.15s; +} +.calendar-cell.is-today { + border: 1px solid var(--grays-200); +} +.calendar-cell.is-selected:after { + background-color: var(--calendar-active); +} +.calendar.is-jalali .calendar-cell.is-selected0:after { + border-top-right-radius: 5px; + border-bottom-right-radius: 5px; +} +.calendar.is-jalali .calendar-cell.is-selected1:after { + border-top-left-radius: 5px; + border-bottom-left-radius: 5px; +} +.calendar-cell.is-highlight:after { + background-color: var(--warning-100); +} +.calendar-cell.is-holiday { + color: var(--danger-400); +} +.calendar-cell.is-holiday.is-disabled { + color: var(--danger-300); +} +.calendar-cell.is-focus { + border: 2px solid var(--primary); +} +.calendar-cell.is-focus .tooltip:before { + position: absolute; + content: attr(datacontent); + top: -44px; + right: -50%; + transform: translate(40%); + background: var(--grays-600); + border-radius: 5px; + color: var(--grays-100); + z-index: 600; + padding: 5px; + width: -webkit-max-content; + width: -moz-max-content; + width: max-content; +} +.calendar-cell.is-focus .tooltip:after { + position: absolute; + content: ""; + top: -6px; + left: 50%; + transform: translate(-50%, -100%); + width: 0; + height: 0; + z-index: 600; + border: 5px solid; + border-color: var(--grays-600) transparent transparent transparent; +} +.calendar-cell .is-pass { + position: absolute; + width: 18px; + border-width: 1px 0 0; + border-style: solid; + top: 15px; + right: 20%; + transform: rotate(135deg) translate(-50%, -50%); +} +.calendar.is-gregory .calendar-cell.is-selected0:after { + border-top-left-radius: 5px; + border-bottom-left-radius: 5px; +} +.calendar.is-gregory .calendar-cell.is-selected1:after { + border-top-right-radius: 5px; + border-bottom-right-radius: 5px; +} +.datepicker-card:not(.is-range) .calendar-cell.is-selected:after { + border-radius: 5px; +} +.calendar { + margin: 0 auto; + padding: 0 8px; +} +.calendar-grid { + display: flex; + flex-wrap: wrap; + width: 100%; + text-align: center; + color: var(--grays-500); + font-size: 0.875rem; + outline: none !important; +} +.calendar-grid > span { + flex: 0 0 14.2857142857%; + display: flex; + align-items: center; + justify-content: center; +} +.calendar-grid > span:before { + content: ""; + float: left; + padding-top: 100%; + display: block; +} +.calendar.is-gregory { + direction: ltr; +} +@media (max-width: 767px) { + .calendar > h5 { + position: -webkit-sticky; + position: sticky; + top: 30px; + padding: 2px 0; + z-index: 3; + } +} +.a-input { + position: relative; + display: flex; + align-items: center; + font-size: 0.875rem; + width: 100%; + font-weight: 400; + padding: 0 var(--textField-side-padding); + background-clip: padding-box; + color: var(--textField-content-netrual); + -webkit-appearance: none; + -moz-appearance: none; + appearance: none; + line-height: 1.4rem; + height: var(--textField-size-unit-md); + --prepend-size: 0px; + --active-label-transform: translate( + calc(-5px + var(--prepend-size)), + -1.25rem + ); +} +.a-input.has-prepend { + --prepend-size: 24px; +} +.a-input fieldset { + position: absolute; + pointer-events: none; + border: 1px solid var(--textField-border-default); + top: -4.5px; + right: 0; + left: 0; + bottom: 0; + transition: border-color linear 0.15s; + border-right-width: var(--input-border-right, 1px); + border-left-width: var(--input-border-left, 1px); + border-radius: var(--input-border-left-radius, var(--textField-radi-default)) + var(--input-border-right-radius, var(--textField-radi-default)) + var(--input-border-right-radius, var(--textField-radi-default)) + var(--input-border-left-radius, var(--textField-radi-default)); +} +.a-input.is-placeholder > .a-input__label { + transform: none !important; +} +.a-input.is-placeholder fieldset > legend { + width: 0 !important; +} +.a-input.is-placeholder.is-active > .a-input__label { + color: transparent; +} +.a-input.is-en { + --active-label-transform: translate( + calc(5px - var(--prepend-size)), + -1.25rem + ); +} +.a-input.is-en fieldset > legend { + text-align: left; +} +.a-input.is-en .a-input__label { + text-align: left; + transform-origin: left; + margin-left: var(--prepend-size); +} +.a-input input { + height: 100%; + width: 100%; + border: 0; + padding: 0 1px 0 0; + background: none; + outline: none !important; + -webkit-appearance: none; + -moz-appearance: none; + appearance: none; + caret-color: inherit; + border-radius: var(--textField-radi-default); + color: var(--textField-fg-value); + font-size: inherit; +} +.a-input input::-moz-placeholder { + color: var(--textField-fg-default); +} +.a-input input:-ms-input-placeholder { + color: var(--textField-fg-default); +} +.a-input input::placeholder { + color: var(--textField-fg-default); +} +.a-input input:-webkit-autofill, +.a-input input:-webkit-autofill:hover, +.a-input input:-webkit-autofill:focus, +.a-input input:-webkit-autofill:active { + -webkit-box-shadow: 0 0 0 30px white inset !important; +} +.a-input legend { + height: 10px; +} +.a-input__input { + bottom: 0; + right: 0; + top: 0; + width: 100%; + padding: var(--textField-side-padding); + position: absolute; + display: flex; + gap: var(--textField-space-between); + flex-wrap: nowrap; + align-items: center; +} +.a-input__input > svg { + transition: color linear 0.15s; + color: var(--textField-fg-default); + flex-shrink: 0; +} +.a-input__input > svg:hover { + color: var(--textField-fg-default); +} +.a-input__input__side-label { + color: var(--textField-fg-default); + font-size: 0.75rem; +} +.a-input__label { + display: inline-block; + margin: 0; + transform-origin: right; + margin-right: var(--prepend-size); + white-space: nowrap; + text-overflow: ellipsis; + overflow: hidden; + padding: var(--textField-space-between); + pointer-events: none; +} +.a-input__label, +.a-input legend { + text-align: right; + transition: all linear 0.15s; + cursor: text; +} +.a-input.is-lg { + font-size: 1rem; + height: var(--textField-size-unit-lg); + line-height: 1.75rem; + --active-label-transform: translate( + calc(-6px + var(--prepend-size)), + -1.55em + ); +} +.a-input.is-focus { + color: var(--textField-fg-focus); +} +.a-input.is-focus fieldset { + border-color: var(--textField-border-focus); +} +.a-input.is-focus svg:first-child { + color: var(--textField-fg-focus); +} +.a-input.is-active .a-input__label { + left: 0; + transform: var(--active-label-transform) scale(0.625); + color: var(--textField-fg-default); +} +.a-input.is-invalid { + color: var(--textField-fg-error); + caret-color: var(--textField-fg-error); +} +.a-input.is-invalid fieldset { + border-color: var(--textField-border-error); +} +.a-input.is-invalid input { + color: var(--textField-fg-error); +} +.a-input.is-invalid svg { + color: var(--textField-fg-error) !important; +} +.a-input.is-invalid ::-moz-placeholder { + color: var(--textField-fg-error); +} +.a-input.is-invalid :-ms-input-placeholder { + color: var(--textField-fg-error); +} +.a-input.is-invalid ::placeholder { + color: var(--textField-fg-error); +} +.a-input.is-disabled { + background-color: var(--textField-bg-disabled); + color: var(--textField-fg-disabled); + opacity: 0.75; +} +.a-input.is-disabled .a-input__label { + z-index: 1; + pointer-events: auto; +} +.a-input.has-warning fieldset { + border-color: var(--textField-border-warning); +} +.a-input.has-warning svg { + color: var(--textField-fg-default); +} +.help-text { + position: absolute; + font-size: 0.625rem; + color: var(--textField-content-netrual); + top: 100%; + right: 0; + left: 0; + direction: rtl; + line-height: 1.7; +} +@media (min-width: 768px) { + .help-text { + line-height: 1.9; + } +} +.help-text.is-invalid { + color: var(--textField-content-alert); +} +.help-text.has-warning { + color: var(--textField-content-netrual); +} +.a-input-group { + display: flex; + flex-wrap: nowrap; + align-items: stretch; +} +.a-input-group.is-horizontal > .a-input { + margin-bottom: 0; +} +.a-input-group.is-horizontal > :not(.is-first) { + --input-border-right: 0; + --input-border-right-radius: 0; + border-right: 0; + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +.a-input-group.is-horizontal > :not(.is-last) { + --input-border-left: 0; + --input-border-left-radius: 0; + border-left: 0; + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} +.a-input-group.is-horizontal > :not(.is-first):not(.is-last) { + border-radius: 0; +} +.a-input-group.is-vertical { + flex-direction: column; +} +.a-input-group.is-vertical > :not(.is-first), +.a-input-group.is-vertical :not(.is-first) fieldset { + border-top: 0; + border-top-right-radius: 0; + border-top-left-radius: 0; +} +.a-input-group.is-vertical > :not(.is-last), +.a-input-group.is-vertical :not(.is-last) fieldset { + border-bottom: 0; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; +} +.a-input-group.is-placeholder .a-input > .a-input__label { + transform: none !important; +} +.a-input-group.is-placeholder .a-input legend { + width: 0 !important; +} +.a-input-group.is-placeholder .a-input.is-active > .a-input__label { + color: transparent; +} +.a-input-group__separator { + z-index: 1; + align-self: stretch; + flex: 0 0 1px; + background-color: var(--grays-200); + transition: background-color linear 0.12s; +} +.a-input-group__separator.is-focus { + background-color: var(--grays-400); +} +.a-input-group__separator.is-invalid { + background-color: var(--danger-400); +} +@-webkit-keyframes modal-backdrop { + 0% { + background-color: #0000; + } + to { + background-color: #00000080; + } +} +@keyframes modal-backdrop { + 0% { + background-color: #0000; + } + to { + background-color: #00000080; + } +} +.a-modal-container { + z-index: 700; + position: fixed; + display: flex; + justify-content: center; +} +.a-modal-container, +.a-modal-container .a-modal-backdrop { + top: 0; + left: 0; + right: 0; + bottom: 0; +} +.a-modal-container.confined-modal { + position: absolute; + z-index: 0; +} +.a-modal-backdrop { + position: absolute; + content: ""; + background-color: #4b4b4b99; +} +#app > .wrapper { + transition: transform ease 0.2s; + transform-origin: center bottom; +} +.a-toast-container { + position: fixed; + bottom: 0; + right: 0; + left: 0; + padding: 0.5rem; + direction: rtl; + z-index: 1000; + overflow: hidden; +} +.a-toast-container.is-empty { + pointer-events: none; +} +@media (min-width: 768px) { + .a-toast-container { + left: auto; + padding: 1.25rem 1.25rem 1.25rem 7.5rem; + } +} +.a-toast-container.is-modal-toast { + top: 0; + right: 0; + left: 0; + padding: 1.25rem; + bottom: auto; + position: absolute; + display: flex; + align-items: center; + flex-direction: column; + z-index: 90; +} +.a-toast { + position: relative; + padding: var(--toast-side-padding-default); + padding-right: var(--toast-side-padding-right); + font-size: 0.875rem; + font-weight: 400; + border-radius: var(--toast-radi-default); + margin-bottom: 0.5rem; + width: 100%; + float: right; + clear: both; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + box-shadow: var(--shadow-lg); +} +.a-toast__body { + display: flex; + gap: var(--toast-space-between-lg); +} +@media (min-width: 768px) { + .a-toast { + width: 352px; + margin-bottom: 1rem; + } +} +.a-toast__content { + flex: 1 1 100%; + line-height: 1.71; +} +.a-toast__actions-list { + display: flex; + flex-direction: row-reverse; + gap: 0.5rem; + white-space: nowrap; +} +.a-toast-enter-active, +.a-toast-leave-active { + transition: all ease 0.3s; +} +.a-toast-enter-from, +.a-toast-leave-to { + opacity: 0; + transform: translate(100%); +} +.a-toast.is-dark { + background-color: var(--toast-surface-dark); +} +.a-toast.is-dark .a-toast__body { + color: var(--toast-content-netrual-invert); +} +.a-toast.is-light { + background-color: var(--toast-surface-light); +} +.a-toast.is-light .a-toast__body { + color: var(--toast-content-neutral-dominant); +} +.a-toast.is-danger { + background-color: var(--toast-surface-alert); +} +.a-toast.is-danger .a-toast__body { + color: var(--toast-content-netrual-invert); +} +.a-toast-container.is-modal-toast .a-toast-enter-from, +.a-toast-container.is-modal-toast .a-toast-leave-to { + opacity: 0; + transform: translateY(-20px); +} +.a-modal { + position: absolute; + top: 50%; + left: 50%; + transform: translate(-50%, -50%); + transform-origin: left; + perspective: 1000px; + max-width: 100%; + max-height: 100%; + overflow-y: auto; + -webkit-overflow-scrolling: touch; +} +.a-modal-close { + position: absolute; + left: 0; + top: 0; +} +.a-modal-enter-active, +.a-modal-leave-active { + transition: all ease 0.2s; +} +.a-modal-enter-active.is-loading { + transition: all cubic-bezier(0.3, 0.2, 0.5, 1.25) 0.3s; +} +.a-modal-enter-active.is-detail { + transition: all cubic-bezier(0.5, 0.5, 0.4, 1.5) 0.3s; +} +.a-modal-leave-active.is-loading { + transition-duration: 0.25s; +} +.a-modal-leave-active.is-detail { + transition: all cubic-bezier(0.6, 0.3, 0.5, 1.25) 0.25s; +} +.a-modal.is-bottom-sheet { + top: auto; + bottom: 0; + left: auto; + transform: none; + border-radius: 1rem 1rem 0 0; + width: 100%; + padding-bottom: env(safe-area-inset-bottom); +} +.a-modal.is-sidebar { + top: 0; + bottom: 0; + left: auto; + right: 0; + transform: none; + border-radius: 0; + width: 100%; + max-width: 100%; + display: flex; + flex-direction: column; +} +.a-modal.is-sidebar > .a-card__body { + flex: 1 1 1%; + overflow: auto; + -webkit-overflow-scrolling: touch; +} +@media (max-width: 991px) { + .a-modal.is-full { + top: 0; + left: 0; + width: 100%; + height: 100%; + transform: none; + border-radius: 0; + display: flex; + flex-direction: column; + } +} +.a-modal-enter-from, +.a-modal-leave-to { + transform: translate3d(-50%, calc(-50% + 30px), 0); + opacity: 0; +} +@media (max-width: 991px) { + .a-modal-enter-from.is-full, + .a-modal-leave-to.is-full { + opacity: 1; + transform: translate3d(100%, 0, 0) !important; + } +} +.a-modal-enter-from.is-bottom-sheet, +.a-modal-leave-to.is-bottom-sheet { + transform: translate3d(0, 100%, 0); +} +.a-modal-enter-from.is-sidebar, +.a-modal-leave-to.is-sidebar { + transform: translate3d(100%, 0, 0); + opacity: 1; +} +.a-modal-enter-from.is-loading, +.a-modal-leave-to.is-loading { + transform: scale(0.9) translate3d(-50%, calc(-50% + 16px), 0); +} +.a-modal-enter-from.is-detail { + transform: translate(-50%, calc(-50% - 24px), 0); +} +.a-modal-leave-to.is-detail { + transform: translate(-50%, calc(-50% + 16px), 0); +} +.a-bullet { + display: inline-flex; + align-items: center; + justify-content: flex-start; + font-size: 0.75rem; + font-weight: 500; + line-height: 1.75; + color: var(--grays-300); +} +.a-bullet:before { + content: ""; + width: 4px; + height: 4px; + -webkit-margin-end: 8px; + margin-inline-end: 8px; + border-radius: 50%; + background-color: currentColor; + flex: 0 0 auto; +} +.a-bullet.is-info { + color: var(--bullet-bg-info); +} +.a-bullet.is-success { + color: var(--bullet-bg-success); +} +.a-bullet.is-warning { + color: var(--bullet-bg-warning); +} +.a-bullet.is-alert { + color: var(--bullet-bg-alert); +} +.a-bullet.is-sm { + font-size: 0.75rem; + font-weight: 400; + line-height: 1.67; +} +.a-bullet.is-lg { + font-size: 0.875rem; + font-weight: 500; + line-height: 1.79; +} +.a-bullet.is-lg.is-base { + color: var(--grays-600); +} +.a-label { + font-weight: 400; + line-height: 180%; + font-size: 0.75rem; + display: inline-flex; + justify-content: center; + padding: 0 var(--special-side-padding-lg); + align-items: center; + max-width: 26ch; + border-radius: var(--special-radi-default); + white-space: nowrap; + vertical-align: middle; + gap: var(--label-space-between-nl); +} +.a-label > svg { + -webkit-margin-end: 0.25rem; + margin-inline-end: 0.25rem; + width: var(--label-icon-size-unit); + height: var(--label-icon-size-unit); +} +.a-label.is-gray { + background-color: var(--label-surface-gray); + color: var(--label-content-gray); +} +.a-label.is-info { + background-color: var(--label-surface-info); + color: var(--label-content-info); +} +.a-label.is-success { + background-color: var(--label-surface-success); + color: var(--label-content-success); +} +.a-label.is-warning { + background-color: var(--label-surface-warning); + color: var(--label-content-warning); +} +.a-label.is-alert { + background-color: var(--label-surface-alert); + color: var(--label-content-alert); +} +.a-label.is-brand { + background-color: var(--label-surface-brand); + color: var(--label-content-brand); +} +.a-label.is-dark { + background-color: var(--label-surface-dark); + color: var(--label-content-dark); +} +.a-label.is-disabled { + background-color: var(--grays-100); + color: var(--grays-500); +} +.a-label.is-sm { + height: var(--label-size-unit-nl); +} +.a-label.is-lg { + height: var(--label-size-unit-lg); +} +.a-label.is-outline { + background-color: transparent; + border: 1px solid var(--label-border-gray); +} +.a-label.is-bullet { + background-color: transparent; + border: 0; +} +.a-label.is-bullet.is-alert { + color: var(--label-on-surface-alert); +} +.a-label.is-bullet.is-warning { + color: var(--label-on-surface-warning); +} +.a-label.is-bullet.is-success { + color: var(--label-on-surface-success); +} +.a-label.is-bullet.is-info { + color: var(--label-on-surface-info); +} +.a-label.is-bullet.is-gray { + color: var(--label-on-surface-gray); +} +.a-checkbox { + display: inline-flex; + cursor: pointer; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + align-items: center; +} +.a-checkbox.is-checked .a-checkbox__bullet.is-checkbox { + background-color: var(--checkbox-bg-checked-default); + border-color: var(--checkbox-border-none); +} +.a-checkbox.is-checked .a-checkbox__bullet.is-radio { + background-color: var(--radio-bg-checked-default); + border-color: var(--radio-border-none); +} +.a-checkbox.is-checked .a-checkbox__bullet.is-switch { + background-color: var(--switch-bg-active); + border-color: var(--switch-bg-active); +} +.a-checkbox .a-checkbox__bullet.is-checkbox { + background-color: var(--checkbox-bg-unchecked-default); + border: 2px solid var(--checkbox-border-default); +} +.a-checkbox .a-checkbox__bullet.is-radio { + background-color: var(--radio-bg-unchecked); + border: 2px solid var(--radio-border-default); +} +.a-checkbox .a-checkbox__bullet.is-switch { + background-color: var(--switch-bg-deactive); + border-color: var(--switch-bg-deactive); +} +.a-checkbox > input { + position: absolute; + display: block; + top: 0; + right: 0; + width: 0; + visibility: hidden; +} +.a-checkbox__custom-input { + position: relative; + display: inline-flex; + vertical-align: middle; + align-items: center; + justify-content: center; + width: 32px; + height: 32px; +} +.a-checkbox__icon { + fill: var(--checkbox-content-netrual-dominant); +} +.a-checkbox .a-checkbox__bullet { + display: inline-flex; + align-items: center; + justify-content: center; + margin: 2px 0; + transition: all ease 0.2s; +} +.a-checkbox .a-checkbox__bullet:where(.is-checkbox) { + width: var(--checkbox-size-unit-default); + height: var(--checkbox-size-unit-default); + border-radius: var(--checkbox-radi-default); +} +.a-checkbox .a-checkbox__bullet:where(.is-radio) { + width: var(--radio-size-unit-default); + height: var(--radio-size-unit-default); + border-radius: 50%; +} +.a-checkbox .a-checkbox__bullet:where(.is-radio):after { + content: ""; + position: absolute; + display: none; + width: 10px; + height: 10px; + background-color: var(--radio-fg-checked); + border-radius: 50%; +} +.a-checkbox .a-checkbox__bullet:where(.is-switch) { + width: 32px; + height: 20px; + border-radius: 30px; +} +.a-checkbox .a-checkbox__bullet:where(.is-switch):after { + position: absolute; + content: ""; + left: 2px; + width: 16px; + height: 16px; + background-color: var(--switch-fg-deactive); + transform: translate(0); + transition: transform 0.2s ease; + border-radius: 50%; +} +.a-checkbox__content { + margin-right: 0.5rem; + display: flex; + align-items: center; + justify-content: center; + gap: 0.5rem; +} +.a-checkbox__label { + display: flex; + align-items: center; + justify-content: space-between; +} +.a-checkbox__label--has-side { + min-width: 14rem; +} +.a-checkbox__label--sub-text, +.a-checkbox__label--side-text { + font-weight: 400; + line-height: 180%; + font-size: 0.75rem; + color: var(--checkbox-content-netrual-intense); +} +.a-checkbox__main-label { + font-weight: 400; + line-height: 180%; + font-size: 0.875rem; + color: var(--checkbox-content-netrual-dominant); +} +.a-checkbox__main-label.is-sm { + font-weight: 400; + line-height: 180%; + font-size: 0.875rem; +} +.a-checkbox__main-label.is-lg { + font-weight: 400; + line-height: 200%; + font-size: 0.875rem; +} +@media (min-width: 768px) { + .a-checkbox__main-label.is-lg { + font-size: 1rem; + } +} +.a-checkbox__checkmark { + position: absolute; + display: none; + width: 16px; + height: 16px; + fill: none; + stroke: var(--checkbox-fg-checked-default); + stroke-width: 2px; + stroke-linecap: round; + pointer-events: none; +} +.a-checkbox.is-checked .a-checkbox__checkmark { + display: block; +} +.a-checkbox.is-checked .is-radio:after { + display: block; +} +.a-checkbox.is-checked .is-switch:after { + transform: translate(12px); +} +.a-checkbox.is-disabled.is-checked .a-checkbox__bullet.is-checkbox { + background-color: var(--checkbox-bg-checked-disabled); + border-color: var(--checkbox-border-none); + cursor: not-allowed; +} +.a-checkbox.is-disabled.is-checked .a-checkbox__bullet.is-radio { + background-color: var(--radio-bg-checked-disabled); + border-color: var(--radio-border-none); + cursor: not-allowed; +} +.a-checkbox.is-disabled.is-checked .a-checkbox__bullet.is-switch { + background-color: var(--switch-bg-active-disabled); + border-color: var(--switch-bg-active-disabled); + cursor: not-allowed; +} +.a-checkbox.is-disabled .a-checkbox__bullet.is-checkbox { + background-color: var(--checkbox-bg-unchecked-default); + border-color: var(--checkbox-border-disabled); + cursor: not-allowed; +} +.a-checkbox.is-disabled .a-checkbox__bullet.is-radio { + background-color: var(--radio-bg-unchecked); + border-color: var(--radio-border-disabled); + cursor: not-allowed; +} +.a-checkbox.is-disabled .a-checkbox__bullet.is-switch { + background-color: var(--switch-bg-deactive-disabled); + border-color: var(--switch-bg-deactive-disabled); + cursor: not-allowed; +} +.a-checkbox.is-invalid.is-checked .a-checkbox__bullet.is-checkbox { + background-color: var(--checkbox-bg-checked-error); + border: 2px solid var(--checkbox-border-error); +} +.a-checkbox.is-invalid.is-checked .a-checkbox__bullet.is-radio { + background-color: var(--radio-bg-checked-errord); + border-color: var(--radio-border-error); +} +.a-checkbox.is-invalid .a-checkbox__bullet.is-checkbox { + background-color: var(--checkbox-bg-unchecked-default); + border-color: var(--checkbox-border-error); +} +.a-checkbox.is-invalid .a-checkbox__bullet.is-radio { + background-color: var(--radio-bg-unchecked); + border-color: var(--radio-border-error); +} +.a-checkbox:not(.is-disabled):not(.is-invalid).is-checked + .a-checkbox__bullet.is-checkbox:hover { + background-color: var(--checkbox-bg-checked-hover); + border: 2px solid var(--checkbox-bg-checked-hover); +} +.a-checkbox:not(.is-disabled):not(.is-invalid).is-checked + .a-checkbox__bullet.is-radio:hover { + background-color: var(--radio-bg-checked-hover); + border: 2px solid var(--radio-bg-checked-hover); +} +.a-checkbox:not(.is-disabled):not(.is-invalid) + .a-checkbox__bullet.is-checkbox:hover { + background-color: var(--checkbox-bg-unchecked-default); + border: 2px solid var(--checkbox-border-hover); +} +.a-checkbox:not(.is-disabled):not(.is-invalid) + .a-checkbox__bullet.is-radio:hover { + background-color: var(--radio-bg-unchecked); + border: 2px solid var(--radio-border-hover); +} +.a-checkbox:not(.is-disabled):not(.is-invalid).is-checked + .a-checkbox__bullet.is-checkbox:focus { + background-color: var(--checkbox-bg-checked-focus); + border: 2px solid var(--checkbox-border-focus); +} +.a-checkbox:not(.is-disabled):not(.is-invalid).is-checked + .a-checkbox__bullet.is-radio:focus { + background-color: var(--radio-bg-checked-focus); + border: 2px solid var(--radio-border-focus); +} +.a-checkbox:not(.is-disabled):not(.is-invalid) + .a-checkbox__bullet.is-checkbox:focus { + background-color: var(--checkbox-bg-unchecked-default); + border: 2px solid var(--checkbox-border-focus); +} +.a-checkbox:not(.is-disabled):not(.is-invalid) + .a-checkbox__bullet.is-radio:focus { + background-color: var(--radio-bg-unchecked); + border: 2px solid var(--radio-border-focus); +} +.a-select { + font-size: 0.875rem; +} +.a-select.is-lg { + font-size: 1rem; +} +.a-select:not(.is-searchable) input, +.a-select:not(.is-searchable) label { + cursor: default; +} +.a-select > .v-dropdown { + border: 0; + border-radius: 0; + margin: 3px 0 0; + transition-duration: 0.1s; +} +.a-select__icon { + transition: all ease 0.2s; +} +.a-select.open .a-select__icon { + transform: rotate(180deg); +} +.a-select__checkbox { + display: flex; + padding: 0.5rem 1rem; +} +.a-select__accept-button { + position: fixed; + bottom: 0; + height: auto; + width: 100%; + background-color: #fff; + padding: 1rem; + margin-bottom: -0.25rem; +} +.a-select .a-input { + transition-property: all; + transition-duration: 80ms; +} +@media screen and (max-width: 768px) { + .a-select__input-icon { + transform: rotate(90deg); + } +} +.a-select .v-dropdown-enter-active, +.a-select .v-dropdown-leave-active { + transition: all 80ms linear; +} +.a-select.a-modal .a-menu { + max-height: unset !important; +} +.a-select.a-modal > .a-card { + border: 0; +} +.a-select__select { + position: absolute; + top: 0; + right: 0; + left: 0; + bottom: 0; + z-index: 10; + height: 100%; + width: 100%; + opacity: 0; +} +.date-input { + flex: 4 1 0; +} +.date-input input { + padding-left: 0; +} +.date-input--month { + flex: 7 1 0; +} +.date-input--year { + flex: 5 1 0; +} +@-webkit-keyframes datepicker-pulse { + 0% { + box-shadow: 0 0 0 0 var(--warning-300); + } + 70% { + box-shadow: 0 0 0 4px var(--warning-300); + } + to { + box-shadow: 0 0 0 0 var(--warning-300); + } +} +@keyframes datepicker-pulse { + 0% { + box-shadow: 0 0 0 0 var(--warning-300); + } + 70% { + box-shadow: 0 0 0 4px var(--warning-300); + } + to { + box-shadow: 0 0 0 0 var(--warning-300); + } +} +.datepicker-pulse { + -webkit-animation: datepicker-pulse 0.35s 3; + animation: datepicker-pulse 0.35s 3; +} +.datepicker-card { + overflow: unset; + position: relative; + transition: opacity 0.15s linear, transform 0.2s linear !important; +} +.datepicker-card.moving { + overflow: hidden; +} +.datepicker-card .a-card__footer { + padding-bottom: calc(env(safe-area-inset-bottom) + 1rem); +} +.datepicker-arrows { + top: -0.25rem; + right: 0; + left: 0; + padding: 0 0.25rem; + position: absolute; + display: flex; + justify-content: space-between; + z-index: 10; +} +.datepicker-slide { + display: flex; + justify-content: space-between; + will-change: transform; +} +.datepicker-slide > div { + flex: 1 0 var(--slide-flex-basis, 50%); +} +.datepicker-footer-title { + margin-left: 0.25rem; + font-size: 0.75rem; + color: #6c7680; +} +.shortcut-menu { + margin: 0; + margin-right: -0.5rem; + list-style-type: none; + overflow: auto; + padding: 0; +} +.shortcut-menu > li > a { + display: block; + padding: 0.5rem; + color: #4b5259; +} +.shortcut-menu > li > a:hover, +.shortcut-menu > li > a:active { + background-color: #f8fafb; +} +.shortcut-menu-active { + top: 50%; + margin-top: -8px; + width: 16px; + height: 16px; + left: 20px; + position: absolute; + color: #0077db; +} +.tab-links { + position: relative; + display: block; + max-width: 100%; + white-space: nowrap; + padding: 0; + color: #4b5259; + list-style: none; + margin: 0 0 -1px; + -ms-overflow-style: none; + scrollbar-width: none; +} +.tab-links::-webkit-scrollbar { + display: none; +} +.tab-links > li { + display: inline-block; +} +.tab-links > li > .tab-links-item { + position: relative; + display: block; + padding: 0.5rem 1.25rem; +} +@media (min-width: 768px) { + .tab-links > li > .tab-links-item { + padding-left: 1.5rem; + padding-right: 1.5rem; + } +} +.tab-links > li > .tab-links-item { + transition: all ease 0.2s; +} +.tab-links > li > .tab-links-item:focus { + outline: none; +} +.tab-links > li:not(.is-active) > .tab-links-item:focus-visible:after { + content: ""; + position: absolute; + bottom: 0; + left: 0; + right: 0; + display: block; + background-color: #17a2b8; + height: 5px; + border-radius: 4px 4px 0 0; +} +.tab-links > li.is-active > .tab-links-item { + color: var(--secondary-400); +} +.tab-links-active { + position: absolute; + bottom: 0; + right: 0; + background-color: #0077db; + height: 5px; + border-radius: 3px 3px 0 0; + width: 100px; + transform-origin: right; + transition: transform ease 0.2s; + visibility: hidden; +} +.tab-links.is-small > .tab-links-active { + height: 2px; + border-radius: 0; +} +.tab-view { + position: relative; + transition: height 0.3s ease; +} +.tab-view > div { + will-change: position; + right: 0; + left: 0; + top: 0; + bottom: 0; +} +.tab-slide-enter-active, +.tab-slide-leave-active { + -webkit-backface-visibility: hidden; + backface-visibility: hidden; + transition: all linear 0.18s; +} +.tab-slide-enter-active:first-of-type, +.tab-slide-leave-active:first-of-type { + position: absolute; +} +.tab-slide-enter-from { + transform: translate(var(--slide-transition-from)) translateZ(0); +} +.tab-slide-leave-to { + transform: translate(var(--slide-transition-to)) translateZ(0); +} +.datepicker-footer { + box-shadow: var(--shadow-nav-bar); + border: 0; +} +.datepicker-tabs.tab-links { + margin-bottom: -0.25rem; + margin-top: 1rem; + display: flex; + justify-content: space-around; + font-size: 0.875rem; + font-weight: 500; + color: #0a0b0c; +} +.a-datepicker-days { + top: 0; + z-index: 4; + position: -webkit-sticky; + position: sticky; + background-color: #f8fafb; +} +.a-datepicker-days.is-gregory { + direction: ltr; +} +.a-datepicker-days .calendar-weekday { + padding-top: 0; + padding-bottom: 0; + font-weight: 500; + color: #4b5259; + height: 30px; +} +.datepicker__active-class { + background-color: var(--grays-100); + border-radius: 0.5rem 0 0 0.5rem; +} +.datepicker__active-class:before { + position: absolute; + right: 0; + top: 0; + bottom: 0; + background-color: #0077db; + content: ""; + width: 2px; + border-radius: 0.5rem 0 0 0.5rem; +} +.datepicker__title { + position: relative; + box-sizing: border-box; + padding-left: 0.5rem; + padding-right: 0.5rem; + padding: 4px 8px; +} +.datepicker__remove { + position: absolute; + left: 0; + font-size: 0.75rem; + top: 50%; + transform: translateY(-50%); +} +.time-input { + flex: 4 1 0; +} +.time-input input { + padding-left: 0; +} +.input-group-swap-btn { + position: relative; + display: flex; + align-self: stretch; + flex: 0 0 auto; +} +.input-group-swap-btn:after, +.input-group-swap-btn:before { + position: absolute; + content: " "; + top: 0; + bottom: 0; + right: 0; + left: 50%; + border: 1px solid var(--grays-200); + border-right-width: 0; + transition: border-color linear 0.15s; +} +.input-group-swap-btn:after { + left: 0; + right: 50%; + border-left-width: 0; +} +.is-focus-0 > .input-group-swap-btn:before { + border-color: var(--grays-400); +} +.is-focus-2 > .input-group-swap-btn:after { + border-color: var(--grays-400); +} +.is-focus-2 > .input-group-swap-btn:before { + border-left-color: var(--grays-400); +} +.is-invalid-0 > .input-group-swap-btn:before { + border-color: var(--danger-400); +} +.is-invalid-2 > .input-group-swap-btn:after { + border-color: var(--danger-400); +} +.is-invalid-2 > .input-group-swap-btn:before { + border-left-color: var(--danger-400); +} +.input-group-swap-btn > button { + border: 1px solid var(--grays-200); + border-radius: 50%; + background: var(--white); + width: 2rem; + height: 2rem; + margin: 8px 0; + position: relative; + display: flex; + align-items: center; + justify-content: center; + color: var(--grays-500); + z-index: 1; +} +.input-group-swap-btn > button:disabled { + opacity: 1; + background-color: var(--grays-100); +} +.input-group-swap-btn > button > svg { + width: 1rem; + height: 1rem; +} +.input-group-swap-btn.is-vertical { + background: var(--grays-200); + height: 1px; +} +.is-focus > .input-group-swap-btn.is-vertical { + background-color: var(--grays-400); +} +.is-invalid > .input-group-swap-btn.is-vertical { + background-color: var(--danger-400); +} +.input-group-swap-btn.is-vertical:after, +.input-group-swap-btn.is-vertical:before { + content: none; +} +.input-group-swap-btn.is-vertical > button { + position: absolute; + left: 35px; + margin: 0; + transform: translateY(-50%); + width: 2.5rem; + height: 2.5rem; +} +.input-group-swap-btn.is-vertical > button:active { + background-color: var(--grays-100); +} +.input-group-swap-btn.is-vertical > button > svg { + width: 1.25rem; + height: 1.25rem; +} +.a-textarea { + position: relative; + display: flex; + width: 100%; + min-width: 0; + flex-direction: column; + --prepend-size: 0px; + --active-label-transform: translate(calc(-8px + var(--prepend-size)), -1rem); + font-size: 0.875rem; + color: var(--grays-300); +} +.a-textarea__input { + width: 100%; + display: flex; + flex: 1 1 auto; +} +.a-textarea__label { + position: absolute; + display: inline-block; + margin: 0; + transform-origin: right; + margin-right: var(--prepend-size); + white-space: nowrap; + text-overflow: ellipsis; + padding: 4px 10px; + transition: all linear 0.15s; + pointer-events: none; +} +.a-textarea textarea { + width: 100%; + max-width: 100%; + min-height: 48px; + border: 1px solid var(--grays-200); + padding: 6px 8px; + background: none; + outline: none !important; + -webkit-appearance: none; + -moz-appearance: none; + appearance: none; + caret-color: inherit; + border-radius: 8px; + color: var(--grays-600); + font-size: inherit; + line-height: normal; + resize: vertical; +} +.a-textarea textarea::-moz-placeholder { + color: var(--grays-300); +} +.a-textarea textarea:-ms-input-placeholder { + color: var(--grays-300); +} +.a-textarea textarea::placeholder { + color: var(--grays-300); +} +.a-textarea__counter { + text-align: right; + margin-top: 0.25rem; + color: var(--grays-300); + font-size: 0.625rem; +} +.a-textarea.is-invalid { + color: var(--danger-400); +} +.a-textarea.is-invalid textarea { + border-color: var(--danger-400); +} +.a-textarea.is-active .a-textarea__label { + right: 0; + transform: var(--active-label-transform) scale(0.625); + color: var(--grays-400); + background: var(--white); +} +.a-textarea.is-lg { + font-size: 1rem; + line-height: 1.75rem; +} +.a-choice { + border: 1px solid var(--grays-200); + border-radius: 8px; + background-color: var(--white); + padding: 0.5rem; + margin: 0; + color: var(--grays-700); + font-weight: 500; + font-size: 0.875rem; + white-space: nowrap; + cursor: pointer; + outline: none !important; +} +.a-choice:hover, +.a-choice:focus { + box-shadow: var(--shadow-sm); +} +.a-choice.is-checked { + box-shadow: 0 0 0 1.2px inset var(--secondary-400); + border-color: var(--secondary-400); + z-index: 5; +} +.a-choice-group { + display: flex; + border-radius: 0.5rem; +} +.a-choice-group > .a-choice { + flex: 1; + border-radius: 0; +} +.a-choice-group > .a-choice:first-child { + border-radius: 0 0.5rem 0.5rem 0; +} +.a-choice-group > .a-choice:last-child { + border-radius: 0.5rem 0 0 0.5rem; +} +.a-choice-group > .a-choice:not(:last-child):not(.is-checked) { + border-left-color: transparent; +} +.a-choice-group > .a-choice.is-checked + .a-choice-group > .a-choice { + border-right-color: transparent; +} +.a-container { + --a-container-p-x: 0.5rem; + padding-left: var(--a-container-p-x); + padding-right: var(--a-container-p-x); + max-width: 320px; + margin-left: auto; + margin-right: auto; +} +@media (min-width: 360px) { + .a-container { + --a-container-p-x: 1rem; + max-width: none; + width: 100%; + padding-left: 1rem; + padding-right: 1rem; + } +} +@media (min-width: 768px) { + .a-container { + max-width: 100%; + } +} +@media (min-width: 992px) { + .a-container { + max-width: 980px; + } +} +@media (min-width: 1200px) { + .a-container { + max-width: 1200px; + } +} +.a-container.is-fluid { + max-width: none; +} +img { + color: transparent; +} +img.is-responsive { + max-width: 100%; +} +img.is-cover { + -o-object-fit: cover; + object-fit: cover; +} +img.is-contain { + -o-object-fit: contain; + object-fit: contain; +} +img.is-rounded { + border-radius: 0.5rem; +} +img.lazyloading:not(.no-blur) { + filter: blur(20px); +} +.placeholder-container { + display: flex; + align-items: center; + justify-content: center; + background-color: #e2e6e9; + text-align: center; +} +.a-abbr { + display: inline-flex; + justify-content: center; + font-size: 0.625rem; + padding: 0 4px; + min-width: 24px; + height: 0.875rem; + font-weight: 400; + line-height: 1.4; + align-items: center; + border-radius: 4px; + white-space: nowrap; + color: var(--grays-500); + background-color: var(--grays-150); +} +.a-abbr > span { + position: relative; + top: 1px; +} +.a-abbr.is-info { + background-color: var(--info-100); + color: var(--info-500); +} +.a-abbr.is-success { + background-color: var(--success-100); + color: var(--success-500); +} +.a-abbr.is-warning { + background-color: var(--warning-100); + color: var(--warning-500); +} +.a-abbr.is-alert { + background-color: var(--danger-100); + color: var(--danger-500); +} +.a-abbr.is-brand { + background-color: var(--primary-light); + color: var(--warning-700); +} +.a-icon-label { + display: inline-flex; + align-items: center; + justify-content: center; + width: 3rem; + height: 3rem; + border-radius: 50%; + overflow: hidden; + color: var(--grays-500); + background-color: var(--grays-150); + vertical-align: middle; +} +.a-icon-label.is-info { + background-color: var(--info-100); + color: var(--info-500); +} +.a-icon-label.is-success { + background-color: var(--success-100); + color: var(--success-500); +} +.a-icon-label.is-warning { + background-color: var(--warning-100); + color: var(--warning-500); +} +.a-icon-label.is-alert { + background-color: var(--danger-100); + color: var(--danger-500); +} +.a-icon-label.is-brand { + background-color: var(--primary-light); + color: var(--warning-700); +} +.a-icon-label.is-sm { + width: 2rem; + height: 2rem; +} +.a-linear-gauge { + direction: ltr; + border-radius: 50px; + overflow: hidden; +} +.a-linear-gauge.is-info-variant { + background-color: var(--info-300); +} +.a-linear-gauge.is-alert-variant { + background-color: var(--danger-300); +} +.a-linear-gauge.is-warning-variant { + background-color: var(--warning-300); +} +.a-linear-gauge.is-success-variant { + background-color: var(--success-300); +} +.a-linear-gauge__fill { + border-radius: 50px; + height: 100%; +} +.a-linear-gauge__fill.is-info-variant { + background-color: var(--info-400); +} +.a-linear-gauge__fill.is-alert-variant { + background-color: var(--danger-400); +} +.a-linear-gauge__fill.is-warning-variant { + background-color: var(--warning-400); +} +.a-linear-gauge__fill.is-success-variant { + background-color: var(--success-400); +} +@-webkit-keyframes circle-rotate { + 0% { + transform: rotate(0); + } + to { + transform: rotate(360deg); + } +} +@keyframes circle-rotate { + 0% { + transform: rotate(0); + } + to { + transform: rotate(360deg); + } +} +.a-loading-dots { + -webkit-animation: circle-rotate 1s cubic-bezier(0.77, 0, 0.175, 1) infinite; + animation: circle-rotate 1s cubic-bezier(0.77, 0, 0.175, 1) infinite; +} +.a-banner { + overflow: hidden; + border-radius: 0.5rem; + border-width: 1px; + border-style: solid; + background-color: #fff; + padding: 0.75rem; +} +.a-banner__body { + display: flex; + flex-direction: column; + justify-content: space-between; + margin-right: 0.75rem; +} +.a-banner__body__header { + font-weight: 700; + line-height: 170%; + font-size: 0.75rem; +} +@media (min-width: 768px) { + .a-banner__body__header { + font-size: 0.875rem; + } +} +.a-banner__body__header { + margin: 0; + margin-bottom: 0.25rem; + color: #2b2f33; +} +.a-banner__body__description { + font-weight: 400; + line-height: 200%; + font-size: 0.75rem; +} +@media (min-width: 768px) { + .a-banner__body__description { + font-size: 0.875rem; + } +} +.a-banner__body__description { + margin-bottom: 0; + color: #6c7680; +} +.a-banner__image-container { + min-width: 80px; + height: 80px; + border-radius: 4px; + overflow: hidden; + display: flex; + justify-content: center; + align-items: center; +} +@media (min-width: 768px) { + .a-banner__body { + width: 100%; + margin-right: 1rem; + flex-direction: row; + } + .a-banner__body__description { + line-height: initial; + } + .a-banner__actions { + display: flex; + justify-content: center; + align-items: center; + } + .a-banner__image-container { + min-width: 96px; + height: 72px; + } +} +.indicator[data-v-f2199cc0] { + border-radius: 9999px; + opacity: 0.2; + transition-property: all; + transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); + transition-duration: 0.3s; + margin-left: var(--46fc453f); + margin-right: var(--46fc453f); + min-width: var(--2b2df968); + min-height: var(--2b2df968); + background-color: var(--61d87578); +} +.indicator.active[data-v-f2199cc0] { + --tw-scale-x: 1.2; + --tw-scale-y: 1.2; + transform: translate(var(--tw-translate-x), var(--tw-translate-y)) + rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) + scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); + opacity: 1; +} +.indicator.active.scale-indicator[data-v-f2199cc0] { + --tw-scale-x: 2; + --tw-scale-y: 2; + transform: translate(var(--tw-translate-x), var(--tw-translate-y)) + rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) + scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); +} +.indicator.directSibling[data-v-f2199cc0] { + opacity: 0.5; +} +.indicator.directSibling.scale-indicator[data-v-f2199cc0] { + --tw-scale-x: 1.5; + --tw-scale-y: 1.5; + transform: translate(var(--tw-translate-x), var(--tw-translate-y)) + rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) + scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); +} +.indicator.indirectSibling[data-v-f2199cc0] { + opacity: 0.3; +} +.indicator.indirectSibling.scale-indicator[data-v-f2199cc0] { + --tw-scale-x: 1.2; + --tw-scale-y: 1.2; + transform: translate(var(--tw-translate-x), var(--tw-translate-y)) + rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) + scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); +} +.a-pill { + display: inline-flex; + align-items: center; + white-space: nowrap; + border-radius: 9999px; + background-color: #fff; + padding: 0.25rem 1rem; + font-size: 0.875rem; + font-weight: 500; + color: #4b5259; + line-height: 1rem; + border: 1px solid; + border-color: var(--border-1); + cursor: pointer; +} +.a-pill:hover, +.a-pill:focus { + outline: none; + box-shadow: var(--shadow-sm); +} +.a-pill.has-icon { + -webkit-padding-end: 0.5rem; + padding-inline-end: 0.5rem; +} +.a-pill.is-active { + background-color: #f2f9ff; + color: #0077db; + border-color: var(--secondary-400); +} +.a-pill.is-disabled { + pointer-events: none; +} +.a-pill.is-borderless { + border: none !important; +} +.a-pill__icon { + -webkit-margin-end: 0.5rem; + margin-inline-end: 0.5rem; + font-size: 1rem; +} +.a-pill__count { + display: flex; + flex-direction: column; + align-items: center; + justify-content: center; + border-radius: 9999px; + background-color: #0077db; + font-size: 0.75rem; + color: #f8fafb; + line-height: 1.33; + width: 20px; + padding: 2px; +} +.a-pill.is-lg { + font-size: 1rem; + line-height: 1.75; + padding: 0.5rem 0.75rem; +} +.a-pill.is-lg .a-pill__icon { + font-size: 1.5rem; +} +.a-pill.is-md { + font-size: 0.875rem; + line-height: 1.5rem; + padding: 0.5rem 1.25rem; +} +.a-pill.is-md .a-pill__icon { + font-size: 1.5rem; +} +.a-pill.is-sm { + font-size: 0.75rem; + line-height: 1rem; + padding: 2px 5px; +} +.a-pill.is-sm .a-pill__icon { + font-size: 1rem; +} +.a-pill-dropdown { + white-space: nowrap; + cursor: pointer; +} +.a-pill-dropdown.is-disabled { + pointer-events: none; +} +.a-pill-dropdown.is-disabled .a-pill { + border-color: var(--grays-150); + color: var(--grays-150); +} +.a-pill-dropdown__content { + overflow: hidden; + border-radius: 7px; + border: solid 1px var(--border-1); + box-shadow: var(--shadow-md); +} +.a-pill-dropdown__content .a-card { + box-shadow: initial; + border: none; + background-color: initial; +} +.a-pill-dropdown .a-pill.is-plain { + box-shadow: none; +} +.a-pill-dropdown .a-pill.is-plain.is-open { + border-color: var(--border-1); +} +.a-pill-dropdown .a-pill:focus { + box-shadow: 0 0 0 2px inset var(--info-400); +} +.a-pill-dropdown__caret { + transform: rotate(90deg); +} +@font-face { + font-family: swiper-icons; + src: url(data:application/font-woff;charset=utf-8;base64,\ d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA); + font-weight: 400; + font-style: normal; +} +:root { + --swiper-theme-color: #007aff; +} +.swiper { + margin-left: auto; + margin-right: auto; + position: relative; + overflow: hidden; + list-style: none; + padding: 0; + z-index: 1; +} +.swiper-vertical > .swiper-wrapper { + flex-direction: column; +} +.swiper-wrapper { + position: relative; + width: 100%; + height: 100%; + z-index: 1; + display: flex; + transition-property: transform; + box-sizing: content-box; +} +.swiper-android .swiper-slide, +.swiper-wrapper { + transform: translateZ(0); +} +.swiper-pointer-events { + touch-action: pan-y; +} +.swiper-pointer-events.swiper-vertical { + touch-action: pan-x; +} +.swiper-slide { + flex-shrink: 0; + width: 100%; + height: 100%; + position: relative; + transition-property: transform; +} +.swiper-slide-invisible-blank { + visibility: hidden; +} +.swiper-autoheight, +.swiper-autoheight .swiper-slide { + height: auto; +} +.swiper-autoheight .swiper-wrapper { + align-items: flex-start; + transition-property: transform, height; +} +.swiper-3d, +.swiper-3d.swiper-css-mode .swiper-wrapper { + perspective: 1200px; +} +.swiper-3d .swiper-cube-shadow, +.swiper-3d .swiper-slide, +.swiper-3d .swiper-slide-shadow, +.swiper-3d .swiper-slide-shadow-bottom, +.swiper-3d .swiper-slide-shadow-left, +.swiper-3d .swiper-slide-shadow-right, +.swiper-3d .swiper-slide-shadow-top, +.swiper-3d .swiper-wrapper { + transform-style: preserve-3d; +} +.swiper-3d .swiper-slide-shadow, +.swiper-3d .swiper-slide-shadow-bottom, +.swiper-3d .swiper-slide-shadow-left, +.swiper-3d .swiper-slide-shadow-right, +.swiper-3d .swiper-slide-shadow-top { + position: absolute; + left: 0; + top: 0; + width: 100%; + height: 100%; + pointer-events: none; + z-index: 10; +} +.swiper-3d .swiper-slide-shadow { + background: rgba(0, 0, 0, 0.15); +} +.swiper-3d .swiper-slide-shadow-left { + background-image: linear-gradient( + to left, + rgba(0, 0, 0, 0.5), + rgba(0, 0, 0, 0) + ); +} +.swiper-3d .swiper-slide-shadow-right { + background-image: linear-gradient( + to right, + rgba(0, 0, 0, 0.5), + rgba(0, 0, 0, 0) + ); +} +.swiper-3d .swiper-slide-shadow-top { + background-image: linear-gradient( + to top, + rgba(0, 0, 0, 0.5), + rgba(0, 0, 0, 0) + ); +} +.swiper-3d .swiper-slide-shadow-bottom { + background-image: linear-gradient( + to bottom, + rgba(0, 0, 0, 0.5), + rgba(0, 0, 0, 0) + ); +} +.swiper-css-mode > .swiper-wrapper { + overflow: auto; + scrollbar-width: none; + -ms-overflow-style: none; +} +.swiper-css-mode > .swiper-wrapper::-webkit-scrollbar { + display: none; +} +.swiper-css-mode > .swiper-wrapper > .swiper-slide { + scroll-snap-align: start start; +} +.swiper-horizontal.swiper-css-mode > .swiper-wrapper { + -ms-scroll-snap-type: x mandatory; + scroll-snap-type: x mandatory; +} +.swiper-vertical.swiper-css-mode > .swiper-wrapper { + -ms-scroll-snap-type: y mandatory; + scroll-snap-type: y mandatory; +} +.swiper-centered > .swiper-wrapper:before { + content: ""; + flex-shrink: 0; + order: 9999; +} +.swiper-centered.swiper-horizontal + > .swiper-wrapper + > .swiper-slide:first-child { + -webkit-margin-start: var(--swiper-centered-offset-before); + margin-inline-start: var(--swiper-centered-offset-before); +} +.swiper-centered.swiper-horizontal > .swiper-wrapper:before { + height: 100%; + min-height: 1px; + width: var(--swiper-centered-offset-after); +} +.swiper-centered.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child { + -webkit-margin-before: var(--swiper-centered-offset-before); + margin-block-start: var(--swiper-centered-offset-before); +} +.swiper-centered.swiper-vertical > .swiper-wrapper:before { + width: 100%; + min-width: 1px; + height: var(--swiper-centered-offset-after); +} +.swiper-centered > .swiper-wrapper > .swiper-slide { + scroll-snap-align: center center; +} +.swiper-free-mode > .swiper-wrapper { + transition-timing-function: ease-out; + margin: 0 auto; +} +.a-swiper { + display: flex; + flex-wrap: wrap; + align-items: center; + justify-content: center; +} +.a-swiper__main { + width: 100%; + height: 100%; + position: relative; + display: flex; + flex-wrap: wrap; + align-items: center; + justify-content: center; +} +.a-swiper__inner { + width: 100%; + height: 100%; +} +.a-swiper__navigation.btn { + z-index: 2; + position: absolute; + display: flex; + justify-content: center; + align-items: center; + width: 3rem; + height: 3rem; + background-color: #fff; + border-width: 1px; +} +.a-swiper__navigation.btn.is-prev { + right: -1.5rem; +} +.a-swiper__navigation.btn.is-next { + left: -1.5rem; +} +.a-swiper__navigation.btn:disabled { + visibility: hidden; +} +.a-swiper__pagination { + display: flex; + margin-top: 0.75rem; +} +.a-swiper__pagination .swiper-pagination-bullet { + -webkit-appearance: none; + -moz-appearance: none; + appearance: none; + border: none; + padding: 0; + cursor: pointer; + width: 0.5rem; + height: 0.5rem; + background-color: #e2e6e9; + border-radius: 0.5rem; +} +.a-swiper__pagination .swiper-pagination-bullet:not(:last-child) { + margin-left: 0.25rem; +} +.a-swiper__pagination .swiper-pagination-bullet-active { + background-color: #fdb713; +} +.a-swiper .swiper-wrapper { + padding: 0; + margin: 0; +} +.a-swiper .swiper-slide { + min-height: 100%; + height: auto; +} +.a-swiper .swiper-slide::marker { + content: ""; +} +.a-p-calendar-cell { + position: relative; + display: flex; + width: 100%; + justify-content: space-between; + flex-direction: column; + align-items: stretch; + background: var(--white) none; + border: none; + border-radius: 4px; + margin: 0; + padding: 9px 0; + cursor: pointer; +} +.a-p-calendar-cell:hover, +.a-p-calendar-cell:focus { + outline: none; + background-color: var(--secondary-100); +} +.a-p-calendar-cell__loading { + margin: 0 auto; +} +.a-p-calendar-cell__p-date, +.a-p-calendar-cell__g-date { + text-align: center; + color: var(--grays-400); +} +.a-p-calendar-cell__p-date { + font-size: 0.75rem; + line-height: 1.75; +} +.a-p-calendar-cell__p-date .a-p-calendar-cell__loading { + max-width: 67px; + height: 1.1rem !important; +} +.a-p-calendar-cell__g-date { + direction: ltr; + font-size: 0.625rem; + line-height: 1.7; +} +.a-p-calendar-cell__g-date .a-p-calendar-cell__loading { + font-size: 0.75rem; + max-width: 30px; +} +.a-p-calendar-cell__price { + color: var(--grays-500); + font-weight: 500; + font-size: 1.125rem; + line-height: 1.28; +} +.a-p-calendar-cell__price .a-p-calendar-cell__loading { + font-size: 1.375rem; + max-width: 49px; +} +.a-p-calendar-cell__currency { + font-size: 10px; + color: var(--grays-500); +} +.a-p-calendar-cell__not-available { + margin-top: 3px; + line-height: 1.75; + color: var(--grays-400); + font-size: 0.625rem; +} +.a-p-calendar-cell__search { + display: flex; + align-items: center; + justify-content: center; + font-size: 1.5rem; + color: var(--secondary-400); +} +.a-p-calendar-cell.is-gregorian-shown .a-p-calendar-cell__p-date { + font-weight: 500; +} +.a-p-calendar-cell.is-gregorian-shown .a-p-calendar-cell__price { + line-height: 1.5; +} +.a-p-calendar-cell.is-max .a-p-calendar-cell__price, +.a-p-calendar-cell.is-max .a-p-calendar-cell__currency { + color: var(--danger-400); +} +.a-p-calendar-cell.is-min .a-p-calendar-cell__price, +.a-p-calendar-cell.is-min .a-p-calendar-cell__currency { + color: var(--success-400); +} +.a-p-calendar-cell.is-selected { + box-shadow: 0 0 0 2px inset var(--secondary-400); +} +.a-p-calendar-cell.is-unselect { + pointer-events: none; +} +.a-p-calendar-cell.is-not-available, +.a-p-calendar-cell.is-capacity-full, +.a-p-calendar-cell.is-disabled, +.a-p-calendar-cell.is-unselect { + cursor: default; + background-color: var(--grays-100); +} +.a-p-calendar-cell.is-not-available.is-selected, +.a-p-calendar-cell.is-capacity-full.is-selected, +.a-p-calendar-cell.is-disabled.is-selected, +.a-p-calendar-cell.is-unselect.is-selected { + border: none; +} +.a-p-calendar-cell.is-loading { + padding: 10px 5px; +} +.a-p-calendar-cell.is-loading.is-selected { + border: none; +} +.a-p-calendar-cell.is-loading .a-p-calendar-cell__p-date { + font-size: 0.625rem; + margin-bottom: 0.625rem; +} +.a-p-calendar-cell.is-loading .a-p-calendar-cell__price { + font-size: 1.375rem; + margin-top: 0; +} +.a-p-calendar-cell:not(.is-last):after { + content: ""; + position: absolute; + display: block; + left: 0; + top: 15px; + bottom: 15px; + width: 1px; + background-color: var(--border-1); +} +.a-p-calendar-cell.is-mobile { + padding: 10px 2px 6px; +} +.a-p-calendar-cell.is-mobile .a-p-calendar-cell__p-date { + font-size: 0.625rem; + line-height: 1.7; + margin-bottom: 2px; +} +.a-p-calendar-cell.is-mobile + .a-p-calendar-cell__p-date + .a-p-calendar-cell__loading { + max-width: 38px; + margin-bottom: 6px; +} +.a-p-calendar-cell.is-mobile .a-p-calendar-cell__price { + color: var(--grays-600); + font-size: 0.75rem; + line-height: 1.75; +} +.a-p-calendar-cell.is-mobile + .a-p-calendar-cell__price + .a-p-calendar-cell__loading { + max-width: 28px; + font-size: 1rem; +} +.a-p-calendar-cell.is-mobile.is-selected .a-p-calendar-cell__p-date { + color: var(--grays-500); + font-weight: 500; +} +.a-p-calendar-cell.is-mobile.is-max .a-p-calendar-cell__price { + color: var(--danger-400); +} +.a-p-calendar-cell.is-mobile.is-min .a-p-calendar-cell__price { + color: var(--success-400); +} +.a-p-calendar-cell.is-mobile.is-loading { + padding: 13px 5px 11px; +} +.a-p-calendar-cell.is-mobile.is-date-only { + padding: 12px 0; +} +.a-p-calendar-cell.is-date-only { + padding: 16px 0; +} +.a-price-calendar-header[data-v-614a280d] { + display: flex; + align-items: center; + padding: 12px; + -webkit-padding-end: 18px; + padding-inline-end: 18px; + background-color: var(--white); + font-size: 0.75rem; + font-weight: 500; + color: var(--grays-500); + border-radius: 4px; +} +.a-price-calendar-header__content[data-v-614a280d] { + flex: 1; + display: flex; + align-items: center; +} +.a-price-calendar-header__content > strong[data-v-614a280d] { + font-size: 0.875rem; + font-weight: 500; + color: var(--grays-600); + -webkit-margin-end: 2px; + margin-inline-end: 2px; +} +.a-price-calendar-header__icon[data-v-614a280d] { + font-size: 1.5rem; + color: var(--grays-400); + -webkit-margin-end: 8px; + margin-inline-end: 8px; +} +.a-price-calendar-header__action[data-v-614a280d] { + flex: 0 0 auto; +} +.a-price-calendar-header__toggle > span[data-v-614a280d] { + -webkit-margin-end: 4px; + margin-inline-end: 4px; +} +.a-price-calendar-header.is-mobile[data-v-614a280d] { + border-bottom-width: 1px; + padding: 4px 16px; + justify-content: flex-end; +} +.a-price-calendar { + display: flex; + border-width: 1px; + flex-direction: column; + border-radius: 5px; + box-shadow: none; +} +.a-price-calendar__swiper { + border-radius: 5px; + position: relative; + display: flex; + background-color: var(--white); +} +.a-price-calendar__track { + width: calc(100% - 48px); +} +.a-price-calendar__track.is-mobile { + width: calc(100% - 60.78px); +} +.a-price-calendar.is-mobile { + min-height: 3.5rem; + border: none; + overflow: visible; + border-radius: 0; + margin: 0 calc(var(--a-container-p-x) * -1) 1.25rem + calc(var(--a-container-p-x) * -1); + box-shadow: var(--shadow-sm); + margin-top: 1px; +} +.a-price-calendar__wrapper { + border-radius: 5px; +} +.a-price-calendar__arrow-left { + flex-shrink: 0; + border-top-left-radius: 5px; + border-bottom-left-radius: 5px; +} +.a-price-calendar__arrow-left.is-mobile { + padding: 0.5rem; +} +.a-price-calendar__arrow-right { + flex-shrink: 0; + border-top-right-radius: 5px; + border-bottom-right-radius: 5px; +} +.a-price-calendar__arrow-right.is-mobile { + padding: 0.5rem; +} +.a-arrow-button { + display: inline-block; + margin: 0; + padding: 8px; + border: none; + background: none; + background-color: var(--grays-100); + color: var(--grays-300); + outline: none; + cursor: pointer; +} +.a-arrow-button:hover { + color: var(--secondary-400); + background-color: var(--secondary-100); +} +.a-arrow-button > svg { + display: block; +} +@media (min-width: 768px) { + .a-arrow-button { + padding: 4px; + } +} +.a-price-calendar-simple { + border-width: 1px; + background-color: var(--white); + border-radius: 4px; + padding: 12px 16px; +} +.a-price-calendar-simple__header { + display: flex; + align-items: center; + font-size: 0.75rem; + font-weight: 500; + color: var(--grays-500); +} +.a-price-calendar-simple__header__icon { + font-size: 1.5rem; + color: var(--grays-400); + -webkit-margin-end: 8px; + margin-inline-end: 8px; +} +.a-price-calendar-simple__header strong { + font-size: 0.875rem; + font-weight: 500; + color: var(--grays-600); + -webkit-margin-end: 2px; + margin-inline-end: 2px; +} +.a-price-calendar-simple__header__action { + flex: 0 0 auto; + -webkit-margin-start: auto; + margin-inline-start: auto; +} +.a-price-calendar-simple__header__action > span { + -webkit-margin-end: 4px; + margin-inline-end: 4px; +} +.a-price-calendar-simple__body { + padding: 16px 0 8px; +} +.a-price-calendar-simple__list { + display: flex; + border-width: 1px; + overflow: hidden; + background-color: var(--white); + border-radius: 5px; +} +.a-progress { + background-color: var(--progressBar-bg-default); + height: 0.25rem; + width: 100%; + border-radius: 9999px; +} +.a-progress_bar { + background-color: var(--progressBar-fg-default); + height: 100%; + border-radius: 9999px; + transition-property: all; + transition-duration: 0.5s; + transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); +} +.a-slider { + --slider-thickness: 6px; + padding: 30px 10px 0; + touch-action: none; +} +.a-slider__bar { + position: relative; + height: var(--slider-thickness); + background-color: var(--Slider-bg-default); + border-radius: var(--Slider-radi-default); +} +.a-slider__dot { + position: absolute; + width: var(--knob-size-unit); + height: var(--knob-size-unit); + box-shadow: var(--shadow-md); + border: solid 2px var(--knob-border-default); + background-color: var(--knob-bg-default); + border-radius: var(--knob-radi-default); + top: calc((var(--knob-size-unit) - var(--slider-thickness)) / -2); + margin-left: calc(var(--knob-size-unit) / -2); + z-index: 3; + cursor: pointer; + transition: background-color ease 0.15s, border-color ease 0.15s; +} +.a-slider__dot.active { + outline: none; + border: 2px solid var(--knob-border-focus); + background-color: var(--knob-bg-focus); +} +.a-slider__dot:hover { + border: solid 2px var(--knob-border-hover); + background-color: var(--knob-bg-hover); +} +.a-slider__dot:focus { + outline: none; + border: 2px solid var(--knob-border-focus); + background-color: var(--knob-bg-focus); +} +.a-slider__dot:after { + content: ""; + position: absolute; + z-index: 4; + top: calc((var(--knob-size-unit) - var(--slider-thickness)) / -2); + left: calc((var(--knob-size-unit) - var(--slider-thickness)) / -2); + width: 32px; + height: 32px; + background-color: transparent; +} +.a-slider__progress { + position: absolute; + top: 0; + bottom: 0; + background-color: var(--Slider-bg-selected); + border-radius: var(--Slider-radi-default); +} +.a-slider__tooltip { + width: 100%; + display: flex; + flex-direction: column; + margin-top: 4px; + font-size: 0.875rem; + white-space: nowrap; + text-align: center; +} +.a-slider__tooltip > div { + display: flex; + flex-direction: row-reverse; + justify-content: space-between; +} +.a-slider__tooltip__title { + color: var(--Content-on-surfac-Extreme); + margin-top: 4px; +} +.a-slider__tooltip__subtitle { + color: var(--Content-on-surfac-Dominant); + font-size: 0.75rem; + margin-top: -0.5rem; +} +.a-slider.disabled .a-slider__bar, +.a-slider.disabled .a-slider__progress { + background-color: var(--Slider-bg-disable); +} +.a-slider.disabled .a-slider__dot { + pointer-events: none; + box-shadow: none; + cursor: not-allowed; + border-color: var(--knob-border-disable); + background-color: var(--knob-bg-disable); +} +.a-slider-chart { + position: absolute; + display: flex; + align-items: baseline; + padding: 0 8px; + width: 100%; + gap: 2px; +} +.a-slider-chart > span { + height: 100px; + flex: 1; + background-color: var(--Bins-bg-default); + border-radius: var(--Bins-radi-default) var(--Bins-radi-default) 0 0; +} +.a-slider-chart > span.disabled { + background-color: var(--Bins-bg-disable); +} +.a-steppers ul { + display: flex; + align-items: stretch; + justify-content: center; + overflow: auto; + padding: 0; +} +@media (min-width: 768px) { + .a-steppers ul { + justify-content: space-between; + } +} +.a-steppers ul > li { + position: relative; + z-index: 0; + display: flex; + align-items: center; + text-align: center; + color: #bec6cc; +} +.a-steppers ul > li.passed { + color: #0a0b0c; +} +.a-steppers ul > li.passed:after { + border-color: #28a745; +} +.a-steppers ul > li.active { + font-weight: 700; +} +.a-steppers__title { + margin-left: 0.25rem; + margin-right: 0.25rem; + white-space: nowrap; + font-size: 0.625rem; +} +@media (min-width: 768px) { + .a-steppers__title { + margin-left: 0; + margin-right: 0; + font-size: 0.75rem; + } +} +.a-steppers:not(.is-minimal) li { + width: 100%; + flex-direction: column; +} +.a-steppers:not(.is-minimal) li:after { + position: absolute; + right: 50%; + top: 11px; + z-index: -1; + height: 1px; + width: 100%; + --tw-content: ""; + content: var(--tw-content); + border-bottom: solid 1px; + border-color: var(--grays-200); +} +.a-steppers:not(.is-minimal) li:last-child:after { + --tw-content: none; + content: var(--tw-content); +} +.a-steppers:not(.is-minimal) li .a-steppers__icon { + display: block; +} +.a-steppers.is-minimal li:not(.passed, .active) .a-steppers__icon { + display: none; +} +.a-steppers.is-minimal li.passed > .a-steppers__title { + display: none; +} +.a-steppers.is-minimal li.active { + font-weight: 500; +} +.a-steppers.is-minimal svg { + margin-left: 2px; +} +.a-image-swiper[data-v-22ed4773] { + position: relative; + display: flex; + align-items: center; + overflow: hidden; +} +.a-image-swiper__selected[data-v-22ed4773] { + border: 2px solid var(--primary); +} +.a-image-swiper.is-rounded[data-v-22ed4773] { + border-radius: 0.25rem; +} +.a-image-swiper__nav[data-v-22ed4773] { + position: absolute; + z-index: 2; + border: none; + background: none; + color: var(--white); + font-size: 1.5rem; + display: flex; + align-items: center; + justify-content: center; + padding: 0; + outline: none; + cursor: pointer; + transition: opacity 0.2s ease; + opacity: 0; +} +.a-image-swiper__nav.is-overlay-variant[data-v-22ed4773] { + top: 0; + bottom: 0; + width: 20%; + padding: 0 0.5rem; + justify-content: start; +} +.a-image-swiper__nav.is-overlay-button-variant[data-v-22ed4773] { + top: auto; + bottom: auto; + height: 2rem; + width: 2rem; + border-radius: 9999px; + background-color: #fff; + padding: 5px; + color: #4b5259; + border: 1px solid rgba(0, 0, 0, 0.12); +} +.a-image-swiper__nav.is-overlay-button-variant.is-prev[data-v-22ed4773] { + right: 0.5rem; +} +.a-image-swiper__nav.is-overlay-button-variant.is-next[data-v-22ed4773] { + left: 0.5rem; +} +.a-image-swiper__nav.is-button-variant[data-v-22ed4773] { + margin: 1rem; + border-radius: 9999px; + top: auto; + bottom: auto; + width: 2.5rem; + height: 2.5rem; + background-color: #000000a6; + opacity: 1; +} +.a-image-swiper__nav.is-button-filled-variant[data-v-22ed4773] { + margin: 1rem; + border-radius: 9999px; + top: auto; + bottom: auto; + width: 2.5rem; + height: 2.5rem; + background-color: var(--grays-500); + opacity: 1; +} +.a-image-swiper__nav.swiper-button-disabled[data-v-22ed4773] { + display: none; +} +.a-image-swiper__nav.is-prev[data-v-22ed4773] { + right: 0; +} +.a-image-swiper__nav.is-prev.is-overlay-variant[data-v-22ed4773] { + background-image: linear-gradient( + to left, + rgba(0, 0, 0, 0.7), + rgba(0, 0, 0, 0) + ); +} +.a-image-swiper__nav.is-next[data-v-22ed4773] { + left: 0; +} +.a-image-swiper__nav.is-next.is-overlay-variant[data-v-22ed4773] { + justify-content: end; + background-image: linear-gradient( + to right, + rgba(0, 0, 0, 0.7), + rgba(0, 0, 0, 0) + ); +} +.a-image-swiper__nav.is-visible[data-v-22ed4773] { + opacity: 1; +} +.a-image-swiper .pagination-dots[data-v-22ed4773] { + position: absolute; + bottom: 0.5rem; + left: 50%; + z-index: 2; + display: flex; + --tw-translate-x: -50%; + transform: translate(var(--tw-translate-x), var(--tw-translate-y)) + rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) + scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); + flex-direction: row; + align-items: center; + gap: 2px; +} +.a-image-swiper .pagination-dots__dot[data-v-22ed4773] { + margin: 0; + cursor: pointer; + border-radius: 9999px; + background-color: #fff; + padding: 0; + opacity: 0.4; +} +.a-image-swiper .pagination-dots__dot-active[data-v-22ed4773] { + opacity: 1; +} +.a-image-swiper .pagination-dots__dot-sm[data-v-22ed4773] { + height: 0.25rem; + width: 0.25rem; +} +.a-image-swiper .pagination-dots__dot-md[data-v-22ed4773] { + height: 6px; + width: 6px; +} +.a-image-swiper .pagination-dots__dot-lg[data-v-22ed4773] { + height: 0.5rem; + width: 0.5rem; +} +.a-image-swiper .dots-move[data-v-22ed4773], +.a-image-swiper .dots-enter-active[data-v-22ed4773], +.a-image-swiper .dots-leave-active[data-v-22ed4773] { + transition: all 0.5s ease; +} +.a-image-swiper .dots-enter-from[data-v-22ed4773], +.a-image-swiper .dots-leave-to[data-v-22ed4773] { + opacity: 0; + transform: translate(5px); +} +.a-image-swiper .dots-leave-active[data-v-22ed4773] { + position: absolute; +} +.a-table { + width: 100%; + border-collapse: collapse; +} +.a-table.is-borderless > thead > tr > th, +.a-table.is-borderless tbody > tr > th, +.a-table.is-borderless > tbody > tr > td { + border: none; +} +.a-table.is-raw > thead > tr > th, +.a-table.is-raw tbody > tr > th, +.a-table.is-raw > tbody > tr > td { + background: transparent; +} +.a-table.is-sticky th { + position: -webkit-sticky; + position: sticky; + top: 0; +} +.a-table.is-border-vertical > thead > tr > th, +.a-table.is-border-vertical tbody > tr > th, +.a-table.is-border-vertical > tbody > tr > td { + border-width: 1px; +} +.a-table > thead > tr > th { + border: 1px solid var(--grays-150); + border-width: 1px 0; + background-color: var(--bg); +} +.a-table > thead > tr > th:first-child { + border-right-width: 1px; +} +.a-table > thead > tr > th:last-child { + border-left-width: 1px; +} +.a-table--stacked > tbody > tr > th, +.a-table > thead > tr > th { + color: var(--grays-500); + font-size: 0.875rem; + font-weight: 400; + padding: 10px; + text-align: inherit; +} +.a-table > tbody > tr > td { + border: 1px solid var(--grays-150); + border-width: 1px 0; + padding: 14px 9px; + text-align: inherit; +} +.a-table > tbody > tr > td:first-child { + border-right-width: 1px; +} +.a-table > tbody > tr > td:last-child { + border-left-width: 1px; +} +.a-table--stacked > tbody > tr > th { + background-color: var(--bg); + border: 1px solid var(--grays-150); +} +.a-table--stacked > tbody > tr:first-child > th { + border-top-right-radius: 8px; +} +.a-table--stacked > tbody > tr:last-child > th { + border-bottom-right-radius: 8px; +} +.tab-links.is-border { + display: inline-block; + border-width: 1px; + border-radius: 100px; +} +.tab-links.is-border > li > .tab-links-item { + padding: 0.5rem 2rem; +} +@media screen and (max-width: 1200px) { + .tab-links.is-border > li > .tab-links-item { + padding: 0.5rem 1rem; + } +} +.tab-links.is-border > li:not(:first-child) > .tab-links-item:after { + content: ""; + position: absolute; + right: 0; + top: 10px; + bottom: 10px; + width: 1px; + background-color: var(--border-1); +} +.tab-links.is-border > .tab-links-active { + height: 2px; + border-radius: 0; +} +.a-tooltip { + position: relative; +} +.a-tooltip__activator { + line-height: 1; +} +.a-tooltip__pop { + --a-tooltip-arrow-size: 8px; + position: absolute; + z-index: 10; + display: inline-block; + border-radius: 0.375rem; + background-color: #2b2f33; + padding: 0.5rem; + text-align: center; + font-size: 0.75rem; + color: #f8fafb; + opacity: 0; + transition: opacity 0.2s ease-in-out; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + pointer-events: none; +} +.a-tooltip__pop.is-visible { + opacity: 1; +} +.a-tooltip__pop[data-popper-placement^="top"] > .a-tooltip__arrow { + bottom: calc(-1 * var(--a-tooltip-arrow-size) / 2); +} +.a-tooltip__pop[data-popper-placement^="top"] > .a-tooltip__arrow:before { + bottom: 0; +} +.a-tooltip__pop[data-popper-placement^="bottom"] > .a-tooltip__arrow { + top: calc(-1 * var(--a-tooltip-arrow-size) / 2); +} +.a-tooltip__pop[data-popper-placement^="bottom"] > .a-tooltip__arrow:before { + top: 0; +} +.a-tooltip__pop[data-popper-placement^="left"] > .a-tooltip__arrow { + right: calc(-1 * var(--a-tooltip-arrow-size) / 2); +} +.a-tooltip__pop[data-popper-placement^="left"] > .a-tooltip__arrow:before { + right: 0; +} +.a-tooltip__pop[data-popper-placement^="right"] > .a-tooltip__arrow { + left: calc(-1 * var(--a-tooltip-arrow-size) / 2); +} +.a-tooltip__pop[data-popper-placement^="right"] > .a-tooltip__arrow:before { + left: 0; +} +.a-tooltip__arrow { + position: absolute; + width: var(--a-tooltip-arrow-size); + height: var(--a-tooltip-arrow-size); + background: inherit; + visibility: hidden; +} +.a-tooltip__arrow:before { + content: ""; + position: absolute; + width: var(--a-tooltip-arrow-size); + height: var(--a-tooltip-arrow-size); + background: inherit; + visibility: visible; + transform: rotate(45deg); +} +.a-uploader { + display: flex; + gap: 0.5rem; + border-color: var(--uploadFile-border-base); + color: var(--uploadFile-content-secondary); +} +.a-uploader-input { + display: flex; + height: 104px; + width: 104px; + align-items: center; + justify-content: center; + border-radius: 0.5rem; + border-width: 2px; + background-color: var(--uploadFile-bg-base); +} +.a-uploader_border-error { + border-width: 1px; + border-style: solid; + border-color: var(--uploadFile-border-error) !important; +} +.a-uploader_disabled { + border-color: var(--uploadFile-border-disabled); + color: var(--uploadFile-content-netrual-moderate); + background-color: var(--uploadFile-bg-disabled); +} +.a-uploader_uploading { + display: flex; + height: 100%; + width: 100%; + align-items: center; + justify-content: center; + border-radius: 0.5rem; + background-color: var(--uploadFile-overlay-default); + color: var(--uploadFile-content-netrual-intense); +} +.a-uploader_uploaded { + display: flex; + height: 100%; + width: 100%; + align-items: center; + justify-content: center; + border-radius: 0.5rem; + background-color: var(--uploadFile-bg-uploaded); + color: var(--uploadFile-content-netrual-intense); +} +@font-face { + font-family: alibaba; + font-style: normal; + font-weight: 700; + font-display: swap; + src: url(https://cdn.alibaba.ir/h2/desktop/assets/fonts/alibaba/alibaba-bold.woff2-bbb24413.woff2) + format("woff2"), + url(https://cdn.alibaba.ir/h2/desktop/assets/fonts/alibaba/alibaba-bold-4edf9c7b.woff) + format("woff"), + url(https://cdn.alibaba.ir/h2/desktop/assets/fonts/alibaba/alibaba-bold-e7a0564c.eot?#iefix) + format("embedded-opentype"), + url(https://cdn.alibaba.ir/h2/desktop/assets/fonts/alibaba/alibaba-bold-398e0943.ttf) + format("truetype"); +} +@font-face { + font-family: alibaba; + font-style: normal; + font-weight: 400; + font-display: swap; + src: url(https://cdn.alibaba.ir/h2/desktop/assets/fonts/alibaba/alibaba-regular.woff2-5d2979c4.woff2) + format("woff2"), + url(https://cdn.alibaba.ir/h2/desktop/assets/fonts/alibaba/alibaba-regular-588b6fcf.woff) + format("woff"), + url(https://cdn.alibaba.ir/h2/desktop/assets/fonts/alibaba/alibaba-regular-7ab3eea7.eot?#iefix) + format("embedded-opentype"), + url(https://cdn.alibaba.ir/h2/desktop/assets/fonts/alibaba/alibaba-regular-e2638a27.ttf) + format("truetype"); +} +@font-face { + font-family: alibaba; + font-style: normal; + font-weight: 900; + font-display: swap; + src: url(https://cdn.alibaba.ir/h2/desktop/assets/fonts/alibaba/alibaba-black.woff2-41970917.woff2) + format("woff2"), + url(https://cdn.alibaba.ir/h2/desktop/assets/fonts/alibaba/alibaba-black-4557273d.woff) + format("woff"), + url(https://cdn.alibaba.ir/h2/desktop/assets/fonts/alibaba/alibaba-black-9f9cc3e5.eot?#iefix) + format("embedded-opentype"), + url(https://cdn.alibaba.ir/h2/desktop/assets/fonts/alibaba/alibaba-black-fa7c68fd.ttf) + format("truetype"); +} +:root { + --white: #fff; + --black: #000; + --primary: #fdb713; + --primary-light: #ffe19c; + --primary-dark: #e3a107; + --secondary-100: #f2f9ff; + --secondary-200: #c9e3f8; + --secondary-300: #51a2e7; + --secondary-400: #0077db; + --secondary-500: #00569e; + --secondary-600: #004075; + --secondary-700: #001c33; + --success-100: #eafaee; + --success-300: #84e199; + --success-400: #28a745; + --success-500: #1e7b33; + --success-700: #11461d; + --warning-100: #fff5e5; + --warning-300: #ffce85; + --warning-400: #ff9800; + --warning-500: #a85d00; + --warning-700: #4d2800; + --info-100: #e8f9fc; + --info-300: #a0e8f3; + --info-400: #17a2b8; + --info-500: #0f697a; + --info-700: #072f36; + --danger-100: #fdf2f3; + --danger-300: #f2b5bb; + --danger-400: #dc3545; + --danger-500: #871722; + --danger-700: #410b10; + --gray-100: #f8fafb; + --gray-200: #f6f8f9; + --gray-300: #e2e6e9; + --gray-400: #bec6cc; + --gray-500: #959ea6; + --gray-600: #6c7680; + --gray-700: #4b5259; + --gray-800: #2b2f33; + --gray-900: #0a0b0c; + --grays-100: #f8fafb; + --grays-150: #e2e6e9; + --grays-200: #bec6cc; + --grays-300: #959ea6; + --grays-400: #6c7680; + --grays-500: #4b5259; + --grays-600: #2b2f33; + --grays-700: #0a0b0c; + --bg-cta-naturalWhite: #fff; + --bg-cta-naturalDefault: #f8fafb; + --bg-cta-softNaturalSelected: #f8fafb; + --bg-cta-softOnLightHover: #f8fafb; + --bg-cta-naturalHover: #e2e6e9; + --bg-cta-softOnDarkHover: #2b2f33; + --bg-cta-softOnDarkSelected: #2b2f33; + --bg-cta-primaryDefault: #fdb713; + --bg-cta-primaryHover: #e3a107; + --bg-cta-primaryDisabled: #ffe19c; + --bg-cta-bgLoading: #ffe19c; + --bg-cta-softSecondaryHover: #f2f9ff; + --bg-cta-softSecondarySelected: #f2f9ff; + --bg-cta-secondaryDisabled: #c9e3f8; + --bg-cta-secondaryLoading: #c9e3f8; + --bg-cta-secondaryDefault: #0077db; + --bg-cta-secondaryHover: #00569e; + --bg-cta-softAlertHover: #fdf2f3; + --bg-cta-softAlertSelected: #fdf2f3; + --fg-cta-secondaryDefault: #fff; + --fg-cta-naturalDisabled: #bec6cc; + --fg-cta-primaryDisabled: #6c7680; + --fg-cta-naturalDefault: #4b5259; + --fg-cta-primaryLoading: #4b5259; + --fg-cta-naturalFocus: #2b2f33; + --fg-cta-primaryDefault: #0a0b0c; + --fg-cta-secondarySelected: #0077db; + --fg-cta-onDark: #fff; + --fg-cta-onLightDisabled: #bec6cc; + --fg-cta-onDarkDisabled: #4b5259; + --fg-cta-onLight: #4b5259; + --fg-cta-secondaryDisabled: #c9e3f8; + --fg-cta-secondary: #0077db; + --fg-cta-secondaryFocus: #00569e; + --fg-cta-alertDisabled: #f2b5bb; + --fg-cta-alert: #dc3545; + --fg-cta-alertDefault: #dc3545; + --fg-cta-alertFocus: #871722; + --border-cta-primaryFocus: #4b5259; + --border-cta-naturalDefault: #4b5259; + --border-cta-naturalDarkSelected: #4b5259; + --border-cta-naturalFocus: #2b2f33; + --border-cta-secondaryDisabled: #c9e3f8; + --border-cta-secondaryLoading: #c9e3f8; + --border-cta-secondaryDefault: #0077db; + --border-cta-secondarySelected: #0077db; + --border-cta-secondaryFocus: #00569e; + --border-cta-alertLoading: #f2b5bb; + --border-cta-alertDisabled: #f2b5bb; + --border-cta-alertSelected: #f2b5bb; + --border-cta-alertFcous: #871722; + --border-cta-alertDefault: #dc3545; + --border-1: rgba(0, 0, 0, 0.12); + --border-2: rgba(0, 0, 0, 0.2); + --overlay: rgba(10, 11, 12, 0.65); + --bg: #f6f6f6; + --shadow-sm: 0 1px 1px -1px rgba(0, 0, 0, 0.08); + --shadow-md: 0 2px 5px -1px rgba(0, 0, 0, 0.08); + --shadow-lg: 0 4px 6px 0 rgba(0, 0, 0, 0.08); + --shadow-xl: 0 3px 10px 0 rgba(0, 0, 0, 0.12), + 0 10px 10px -6px rgba(0, 0, 0, 0.12); + --shadow-bottom-sheet: 0 -20px 30px -5px rgba(0, 0, 0, 0.08); + --shadow-nav-bar: 0 -1px 0 0 rgba(0, 0, 0, 0.08), + 0 -2px 8px 8px rgba(0, 0, 0, 0.04); + --shadow-inner: inset 0 2px 4px 0 rgb(0, 0, 0, 0.05); + --spacing-0: 0; + --spacing-1: 0.25rem; + --spacing-2: 0.5rem; + --spacing-3: 0.75rem; + --spacing-4: 1rem; + --spacing-5: 1.5rem; + --spacing-6: 2rem; + --spacing-7: 3rem; + --spacing-8: 4rem; + --spacing-9: 4.5rem; + --spacing-10: 6rem; + --spacing-11: 8rem; + --spacing-12: 12rem; + --spacing-13: 16rem; + --spacing-14: 24rem; + --spacing-15: 32rem; + --spacing-16: 40rem; + --spacing-px: 1px; + --checkbox-bg-checked-default: #0077db; + --checkbox-bg-checked-hover: #00569e; + --checkbox-bg-checked-disabled: #c9e3f8; + --checkbox-bg-checked-error: #0077db; + --checkbox-bg-checked-focus: #0077db; + --checkbox-bg-unchecked-default: #f8fafb; + --checkbox-fg-checked-default: #f8fafb; + --checkbox-border-default: #959ea6; + --checkbox-border-disabled: #bec6cc; + --checkbox-border-error: #dc3545; + --checkbox-border-focus: #00569e; + --checkbox-border-hover: #6c7680; + --checkbox-radi-default: 4px; + --checkbox-size-unit-default: 24px; + --checkbox-content-netrual-intense: #6c7680; + --checkbox-space-between: 8px; + --checkbox-content-netrual-dominant: #4b5259; + --checkbox-touch-area: 32px; + --checkbox-border-none: #00000000; + --radio-fg-checked: #ffffff; + --radio-bg-unchecked: #f8fafb; + --radio-bg-checked-default: #0077db; + --radio-bg-checked-error: #0077db; + --radio-bg-checked-focus: #0077db; + --radio-bg-checked-hover: #00569e; + --radio-border-default: #959ea6; + --radio-border-error: #dc3545; + --radio-border-hover: #6c7680; + --radio-space-between: 8px; + --radio-bg-checked-disabled: #c9e3f8; + --radio-border-disabled: #bec6cc; + --radio-border-focus: #00569e; + --radio-size-unit-default: 24px; + --radio-content-netural-dominant: #4b5259; + --radio-content-netural-intense: #6c7680; + --radio-touch-area: 32px; + --radio-border-none: #00000000; + --switch-bg-active: #0077db; + --switch-bg-active-disabled: #c9e3f8; + --switch-bg-deactive: #959ea6; + --switch-bg-deactive-disabled: #bec6cc; + --switch-content-netrual-dominant: #4b5259; + --switch-content-netrual-intense: #6c7680; + --switch-space-between: 8px; + --switch-touch-area: 32px; + --switch-radi-default: 1024px; + --switch-fg-active: #ffffff; + --switch-fg-active-disabled: #f2f9ff; + --switch-fg-deactive: #ffffff; + --switch-fg-deactive-disabled: #f8fafb; + --label-surface-gray: #e2e6e9; + --label-surface-info: #e8f9fc; + --label-surface-success: #eafaee; + --label-surface-warning: #fff5e5; + --label-surface-alert: #fdf2f3; + --label-surface-brand: #ffe19c; + --label-surface-dark: #000000a6; + --label-content-gray: #4b5259; + --label-content-info: #0f697a; + --label-on-surface-success: #28a745; + --label-content-warning: #a85d00; + --label-content-alert: #871722; + --label-content-brand: #4d2800; + --label-content-dark: #ffffff; + --label-side-padding-default: 8px; + --label-right-padding: 4px; + --label-space-between-lg: 8px; + --label-space-between-nl: 4px; + --label-radi-default: 1024px; + --label-icon-size-unit: 16px; + --label-content-success: #1e7b33; + --label-on-surface-info: #17a2b8; + --label-on-surface-warning: #a85d00; + --label-on-surface-alert: #dc3545; + --label-on-surface-gray: #4b5259; + --label-left-padding: 8px; + --label-border-gray: #4b5259; + --label-size-unit-nl: 20px; + --label-size-unit-lg: 24px; + --label-border-none: #00000000; + --special-surface-balance-increase: #eafaee; + --special-surface-new: #84e199; + --special-surface-balance-decrease: #fdf2f3; + --special-surface-zero: #f8fafb; + --special-surface-discount: #dc3545; + --special-content-balance-increase: #1e7b33; + --special-content-new: #0a0b0c; + --special-content-balance-decrease: #871722; + --special-content-zero: #4b5259; + --special-content-discount: #ffffff; + --special-side-padding-lg: 8px; + --special-space-between-lg: 4px; + --special-icon-size-unit: 12px; + --special-radi-default: 1024px; + --special-side-padding-nl: 4px; + --special-size-unit-nl: 20px; + --special-size-unit-lg: 24px; + --special-size-unit-sm: 16px; + --bullet-bg-default: #e2e6e9; + --bullet-bg-gary: #4b5259; + --bullet-bg-info: #17a2b8; + --bullet-bg-success: #28a745; + --bullet-bg-warning: #a85d00; + --bullet-bg-alert: #dc3545; + --textField-bg-default: #ffffff; + --textField-bg-value: #ffffff; + --textField-bg-focus: #ffffff; + --textField-bg-disabled: #f8fafb; + --textField-bg-error: #ffffff; + --textField-fg-default: #959ea6; + --textField-fg-focus: #2b2f33; + --textField-fg-disabled: #bec6cc; + --textField-fg-error: #dc3545; + --textField-bg-warning: #ffffff; + --textField-fg-warning: #ff9800; + --textField-border-default: #bec6cc; + --textField-border-value: #bec6cc; + --textField-border-focus: #4b5259; + --textField-border-warning: #ff9800; + --textField-border-error: #dc3545; + --textField-border-disabled: #bec6cc; + --textField-content-netrual: #959ea6; + --textField-content-secondary: #0077db; + --textField-content-alert: #dc3545; + --textField-size-unit-lg: 48px; + --textField-size-unit-md: 40px; + --textField-radi-default: 8px; + --textField-side-padding: 8px; + --textField-space-between: 4px; + --textField-fg-value: #2b2f33; + --toast-surface-dark: #2b2f33; + --toast-content-netrual-invert: #ffffff; + --toast-surface-alert: #dc3545; + --toast-surface-light: #ffffff; + --toast-content-neutral-dominant: #4b5259; + --toast-radi-default: 8px; + --toast-side-padding-default: 12px; + --toast-side-padding-right: 16px; + --toast-space-between-lg: 12px; + --toast-space-between-nl: 8px; + --toast-space-between-vertical: 12px; + --knob-bg-default: #ffffff; + --knob-bg-hover: #ffffff; + --knob-bg-focus: #ffffff; + --knob-bg-disable: #f6f8f9; + --knob-radi-default: 1024px; + --knob-border-default: #0077db; + --knob-border-hover: #00569e; + --knob-border-focus: #00569e; + --knob-border-disable: #f2f9ff; + --knob-size-unit: 20px; + --Bins-bg-default: #c9e3f8; + --Bins-bg-hover: #51a2e7; + --Bins-bg-focus: #0077db; + --Bins-bg-disable: #f2f9ff; + --Bins-radi-default: 4px; + --Slider-bg-default: #e2e6e9; + --Slider-bg-selected: #0077db; + --Slider-bg-focus: #00569e; + --Slider-bg-disable: #f2f9ff; + --Slider-radi-default: 1024px; + --Content-on-surfac-Overwhelming: #0a0b0c; + --Content-on-surfac-Extreme: #2b2f33; + --Content-on-surfac-Dominant: #4b5259; + --Content-on-surfac-Intense: #6c7680; + --Content-on-surfac-strong: #959ea6; + --Content-on-surfac-moderate: #bec6cc; + --uploadFile-bg-base: #ffffff; + --uploadFile-bg-hover: #f2f9ff; + --uploadFile-border-base: #0077db; + --uploadFile-border-hover: #0077db; + --uploadFile-border-error: #dc3545; + --uploadFile-bg-uploaded: #f8fafb; + --uploadFile-space-between: 4px; + --uploadFile-side-padding: 8px; + --uploadFile-overlay-default: #00000033; + --uploadFile-content-secondary: #0077db; + --uploadFile-content-netrual-intense: #6c7680; + --uploadFile-bg-uploading: #f8fafb; + --uploadFile-bg-error: #f8fafb; + --uploadFile-radi-default: 8px; + --uploadFile-border-none: #00000000; + --uploadFile-bg-disabled: #f8fafb; + --uploadFile-border-disabled: #bec6cc; + --uploadFile-content-netrual-moderate: #bec6cc; + --progressBar-bg-default: #ffffff; + --progressBar-fg-default: #0077db; + --progressBar-radi-default: 1024px; + --DotPageIndicator-on-image-bg-active: #ffffff; + --DotPageIndicator-on-image-bg-inactive: #ffffff99; + --DotPageIndicator-on-surface-bg-active: #0a0b0c; + --DotPageIndicator-on-surface-bg-inactive: #000000a6; + --DotPageIndicator-side-padding-nl: 12px; + --DotPageIndicator-top-padding-nl: 16px; + --DotPageIndicator-top-padding-lg: 24px; + --DotPageIndicator-Bottom-padding-nl: 12px; + --DotPageIndicator-space-between: 8px; + --ListItem-surface-default: #ffffff; + --ListItem-surface-hover: #f8fafb; + --ListItem-surface-loading: #ffffff; + --ListItem-surface-focus: #ffffff; + --ListItem-surface-disabled: #ffffff; + --ListItem-radi-default: 0px; + --ListItem-radi-individual: 8px; + --ListItem-side-padding: 12px; + --ListItem-space-between: 12px; + --ListItem-border-size: 1px; + --ListItem-border-default: #0000001f; + --ListItem-border-hover: #4b5259; + --ListItem-border-loading: #0000001f; + --ListItem-border-focus: #0077db; + --ListItem-border-disabled: #0000001f; + --ListItem-top-down-padding: 12px; + --ListItem-surface-selected: #f2f9ff; + --ListItem-border-container: #0000001f; + --ListItem-border-none: #00000000; +} +html, +body { + width: 100%; + font-family: alibaba, system-ui, BlinkMacSystemFont, -apple-system, Segoe UI, + Roboto, sans-serif; + font-feature-settings: "ss01"; +} +*, +:before, +:after { + --tw-border-spacing-x: 0; + --tw-border-spacing-y: 0; + --tw-translate-x: 0; + --tw-translate-y: 0; + --tw-rotate: 0; + --tw-skew-x: 0; + --tw-skew-y: 0; + --tw-scale-x: 1; + --tw-scale-y: 1; + --tw-pan-x: ; + --tw-pan-y: ; + --tw-pinch-zoom: ; + --tw-scroll-snap-strictness: proximity; + --tw-ring-offset-shadow: 0 0 #0000; + --tw-ring-shadow: 0 0 #0000; + --tw-shadow: 0 0 #0000; + --tw-shadow-colored: 0 0 #0000; + --tw-blur: ; + --tw-brightness: ; + --tw-contrast: ; + --tw-grayscale: ; + --tw-hue-rotate: ; + --tw-invert: ; + --tw-saturate: ; + --tw-sepia: ; + --tw-drop-shadow: ; + --tw-backdrop-blur: ; + --tw-backdrop-brightness: ; + --tw-backdrop-contrast: ; + --tw-backdrop-grayscale: ; + --tw-backdrop-hue-rotate: ; + --tw-backdrop-invert: ; + --tw-backdrop-opacity: ; + --tw-backdrop-saturate: ; + --tw-backdrop-sepia: ; +} +::-webkit-backdrop { + --tw-border-spacing-x: 0; + --tw-border-spacing-y: 0; + --tw-translate-x: 0; + --tw-translate-y: 0; + --tw-rotate: 0; + --tw-skew-x: 0; + --tw-skew-y: 0; + --tw-scale-x: 1; + --tw-scale-y: 1; + --tw-pan-x: ; + --tw-pan-y: ; + --tw-pinch-zoom: ; + --tw-scroll-snap-strictness: proximity; + --tw-ring-offset-shadow: 0 0 #0000; + --tw-ring-shadow: 0 0 #0000; + --tw-shadow: 0 0 #0000; + --tw-shadow-colored: 0 0 #0000; + --tw-blur: ; + --tw-brightness: ; + --tw-contrast: ; + --tw-grayscale: ; + --tw-hue-rotate: ; + --tw-invert: ; + --tw-saturate: ; + --tw-sepia: ; + --tw-drop-shadow: ; + --tw-backdrop-blur: ; + --tw-backdrop-brightness: ; + --tw-backdrop-contrast: ; + --tw-backdrop-grayscale: ; + --tw-backdrop-hue-rotate: ; + --tw-backdrop-invert: ; + --tw-backdrop-opacity: ; + --tw-backdrop-saturate: ; + --tw-backdrop-sepia: ; +} +::backdrop { + --tw-border-spacing-x: 0; + --tw-border-spacing-y: 0; + --tw-translate-x: 0; + --tw-translate-y: 0; + --tw-rotate: 0; + --tw-skew-x: 0; + --tw-skew-y: 0; + --tw-scale-x: 1; + --tw-scale-y: 1; + --tw-pan-x: ; + --tw-pan-y: ; + --tw-pinch-zoom: ; + --tw-scroll-snap-strictness: proximity; + --tw-ring-offset-shadow: 0 0 #0000; + --tw-ring-shadow: 0 0 #0000; + --tw-shadow: 0 0 #0000; + --tw-shadow-colored: 0 0 #0000; + --tw-blur: ; + --tw-brightness: ; + --tw-contrast: ; + --tw-grayscale: ; + --tw-hue-rotate: ; + --tw-invert: ; + --tw-saturate: ; + --tw-sepia: ; + --tw-drop-shadow: ; + --tw-backdrop-blur: ; + --tw-backdrop-brightness: ; + --tw-backdrop-contrast: ; + --tw-backdrop-grayscale: ; + --tw-backdrop-hue-rotate: ; + --tw-backdrop-invert: ; + --tw-backdrop-opacity: ; + --tw-backdrop-saturate: ; + --tw-backdrop-sepia: ; +} +.text-display-sm { + font-weight: 700; + line-height: 170%; + font-size: 1rem; +} +.\!text-display-sm { + font-weight: 700 !important; + line-height: 170% !important; + font-size: 1rem !important; +} +@media (min-width: 768px) { + .text-display-sm { + line-height: 150%; + font-size: 1.25rem; + } + .\!text-display-sm { + line-height: 150% !important; + font-size: 1.25rem !important; + } +} +.text-display-md { + font-weight: 700; + line-height: 150%; + font-size: 1.25rem; +} +@media (min-width: 768px) { + .text-display-md { + font-size: 1.5rem; + } +} +.text-display-lg { + font-weight: 900; + line-height: 130%; + font-size: 1.5rem; +} +@media (min-width: 768px) { + .text-display-lg { + line-height: 150%; + font-size: 2rem; + } +} +.text-headline-sm { + font-weight: 700; + line-height: 170%; + font-size: 0.75rem; +} +@media (min-width: 768px) { + .text-headline-sm { + font-size: 0.875rem; + } +} +.text-headline-md { + font-weight: 700; + line-height: 170%; + font-size: 0.875rem; +} +.\!text-headline-md { + font-weight: 700 !important; + line-height: 170% !important; + font-size: 0.875rem !important; +} +@media (min-width: 768px) { + .text-headline-md { + font-size: 1rem; + } + .\!text-headline-md { + font-size: 1rem !important; + } +} +.text-headline-lg { + font-weight: 400; + line-height: 170%; + font-size: 1rem; +} +@media (min-width: 768px) { + .text-headline-lg { + font-weight: 700; + font-size: 1.125rem; + } +} +.text-body-md { + font-weight: 400; + line-height: 200%; + font-size: 0.75rem; +} +.\!text-body-md { + font-weight: 400 !important; + line-height: 200% !important; + font-size: 0.75rem !important; +} +@media (min-width: 768px) { + .text-body-md { + font-size: 0.875rem; + } + .\!text-body-md { + font-size: 0.875rem !important; + } +} +.text-body-lg { + font-weight: 400; + line-height: 200%; + font-size: 0.875rem; +} +@media (min-width: 768px) { + .text-body-lg { + font-size: 1rem; + } +} +.text-title-md { + font-weight: 400; + line-height: 150%; + font-size: 1.25rem; +} +.text-sub { + font-weight: 400; + line-height: 180%; + font-size: 1.125rem; +} +.text-sub-bold { + font-weight: 700; + line-height: 180%; + font-size: 1.125rem; +} +.text-label { + font-weight: 400; + line-height: 170%; + font-size: 1rem; +} +.text-callout { + font-weight: 400; + line-height: 180%; + font-size: 0.875rem; +} +.\!text-callout { + font-weight: 400 !important; + line-height: 180% !important; + font-size: 0.875rem !important; +} +.text-callout-bold { + font-weight: 700; + line-height: 180%; + font-size: 0.875rem; +} +.text-caption { + font-weight: 400; + line-height: 180%; + font-size: 0.75rem; +} +.\!text-caption { + font-weight: 400 !important; + line-height: 180% !important; + font-size: 0.75rem !important; +} +.text-caption-bold { + font-weight: 700; + line-height: 180%; + font-size: 0.75rem; +} +.\!text-caption-bold { + font-weight: 700 !important; + line-height: 180% !important; + font-size: 0.75rem !important; +} +.text-footnote { + font-weight: 400; + line-height: 180%; + font-size: 0.625rem; +} +.btn-primary-nl-normal { + background-color: #fdb713; + color: #0a0b0c; + border: 1px solid #0000001f; + gap: 4px; +} +.\!btn-primary-nl-normal { + background-color: #fdb713 !important; + color: #0a0b0c !important; + border: 1px solid #0000001f !important; + gap: 4px !important; +} +.btn-primary-nl-normal:hover { + background-color: #e9a507; +} +.\!btn-primary-nl-normal:hover { + background-color: #e9a507 !important; +} +.btn-primary-nl-normal:focus { + background-color: #fdb713; + border: 1px solid #4b5259; +} +.\!btn-primary-nl-normal:focus { + background-color: #fdb713 !important; + border: 1px solid #4b5259 !important; +} +.btn-primary-nl-normal { + height: 2.5rem; + min-height: unset; + padding: 0 16px; + font-weight: 400; + line-height: 180%; + font-size: 0.875rem; +} +.\!btn-primary-nl-normal { + height: 2.5rem !important; + min-height: unset !important; + padding: 0 16px !important; + font-weight: 400 !important; + line-height: 180% !important; + font-size: 0.875rem !important; +} +.\!btn-primary-lg-normal { + background-color: #fdb713 !important; + color: #0a0b0c !important; + border: 1px solid #0000001f !important; + gap: 4px !important; +} +.\!btn-primary-lg-normal:hover { + background-color: #e9a507 !important; +} +.\!btn-primary-lg-normal:focus { + background-color: #fdb713 !important; + border: 1px solid #4b5259 !important; +} +.\!btn-primary-lg-normal { + height: 3rem !important; + min-height: unset !important; + padding: 0 16px !important; + font-weight: 400 !important; + line-height: 170% !important; + font-size: 1rem !important; +} +.\!btn-primary-lg-normal svg { + width: 1.5rem !important; + height: 1.5rem !important; +} +.\!btn-secondary-nl-normal { + background-color: #0077db !important; + color: #fff !important; + gap: 0.25rem !important; +} +.btn-secondary-nl-normal { + background-color: #0077db; + color: #fff; + gap: 0.25rem; +} +.\!btn-secondary-nl-normal:hover { + background-color: #00569e !important; +} +.btn-secondary-nl-normal:hover { + background-color: #00569e; +} +.\!btn-secondary-nl-normal:focus { + background-color: #0077db !important; + border: 1px solid #00569e !important; +} +.btn-secondary-nl-normal:focus { + background-color: #0077db; + border: 1px solid #00569e; +} +.\!btn-secondary-nl-normal { + height: 2.5rem !important; + min-height: unset !important; + padding: 0 12px !important; + font-weight: 400 !important; + line-height: 180% !important; + font-size: 0.875rem !important; +} +.btn-secondary-nl-normal { + height: 2.5rem; + min-height: unset; + padding: 0 12px; + font-weight: 400; + line-height: 180%; + font-size: 0.875rem; +} +.\!btn-secondary-nl-normal svg { + width: 1.25rem !important; + height: 1.25rem !important; +} +.btn-secondary-nl-normal svg { + width: 1.25rem; + height: 1.25rem; +} +.\!btn-secondary-lg-normal { + background-color: #0077db !important; + color: #fff !important; + gap: 0.25rem !important; +} +.\!btn-secondary-lg-normal:hover { + background-color: #00569e !important; +} +.\!btn-secondary-lg-normal:focus { + background-color: #0077db !important; + border: 1px solid #00569e !important; +} +.\!btn-secondary-lg-normal { + height: 3rem !important; + min-height: unset !important; + padding: 0 16px !important; + font-weight: 400 !important; + line-height: 170% !important; + font-size: 1rem !important; +} +.\!btn-secondary-lg-normal svg { + width: 1.5rem !important; + height: 1.5rem !important; +} +.\!btn-ghost-nl-blue { + background-color: #0000 !important; + border-width: 1px !important; + border-style: solid !important; + gap: 0.25rem !important; +} +.\!btn-ghost-nl-blue:focus { + border-color: #00569e !important; + color: #00569e !important; +} +.\!btn-ghost-nl-blue { + height: 40px !important; + min-height: unset !important; + font-weight: 400 !important; + line-height: 180% !important; + font-size: 0.875rem !important; +} +.\!btn-ghost-nl-blue svg { + width: 1.25rem !important; + height: 1.25rem !important; +} +.\!btn-ghost-nl-blue { + color: #0077db !important; + border-color: #0077db !important; +} +.\!btn-ghost-nl-blue:hover { + background-color: #f2f9ff !important; +} +.\!btn-ghost-nl-gray { + background-color: #0000 !important; + border-width: 1px !important; + border-style: solid !important; + gap: 0.25rem !important; +} +.\!btn-ghost-nl-gray:focus { + border-color: #2b2f33 !important; + color: #2b2f33 !important; +} +.\!btn-ghost-nl-gray { + height: 40px !important; + min-height: unset !important; + font-weight: 400 !important; + line-height: 180% !important; + font-size: 0.875rem !important; +} +.\!btn-ghost-nl-gray svg { + width: 1.25rem !important; + height: 1.25rem !important; +} +.\!btn-ghost-nl-gray { + color: #4b5259 !important; + border-color: #4b5259 !important; +} +.\!btn-ghost-nl-gray:hover { + background-color: #f8fafb !important; +} +.\!btn-ghost-lg-blue { + background-color: #0000 !important; + border-width: 1px !important; + border-style: solid !important; + gap: 0.25rem !important; +} +.\!btn-ghost-lg-blue:focus { + border-color: #00569e !important; + color: #00569e !important; +} +.\!btn-ghost-lg-blue { + height: 3rem !important; + min-height: unset !important; + font-weight: 400 !important; + line-height: 170% !important; + font-size: 1rem !important; +} +.\!btn-ghost-lg-blue svg { + width: 1.5rem !important; + height: 1.5rem !important; +} +.\!btn-ghost-lg-blue { + color: #0077db !important; + border-color: #0077db !important; +} +.\!btn-ghost-lg-blue:hover { + background-color: #f2f9ff !important; +} +.\!btn-ghost-lg-gray { + background-color: #0000 !important; + border-width: 1px !important; + border-style: solid !important; + gap: 0.25rem !important; +} +.\!btn-ghost-lg-gray:focus { + border-color: #2b2f33 !important; + color: #2b2f33 !important; +} +.\!btn-ghost-lg-gray { + height: 3rem !important; + min-height: unset !important; + font-weight: 400 !important; + line-height: 170% !important; + font-size: 1rem !important; +} +.\!btn-ghost-lg-gray svg { + width: 1.5rem !important; + height: 1.5rem !important; +} +.\!btn-ghost-lg-gray { + color: #4b5259 !important; + border-color: #4b5259 !important; +} +.\!btn-ghost-lg-gray:hover { + background-color: #f8fafb !important; +} +.\!btn-tertiary-sm-blue { + border: none !important; + border-radius: 16px !important; + background-color: transparent !important; + gap: 0.25rem !important; + padding: 0 8px !important; + height: 1.5rem !important; + min-height: unset !important; + font-weight: 400 !important; + line-height: 180% !important; + font-size: 0.75rem !important; +} +.\!btn-tertiary-sm-blue svg { + width: 1rem !important; + height: 1rem !important; +} +.\!btn-tertiary-sm-blue { + color: #0077db !important; +} +.\!btn-tertiary-sm-blue:hover { + background-color: #f2f9ff !important; + color: #0077db !important; +} +.\!btn-tertiary-nl-blue { + border: none !important; + border-radius: 16px !important; + background-color: transparent !important; + gap: 0.25rem !important; + padding: 0 8px !important; + height: 2rem !important; + min-height: unset !important; + font-weight: 400 !important; + line-height: 180% !important; + font-size: 0.875rem !important; +} +.\!btn-tertiary-nl-blue svg { + width: 1.25rem !important; + height: 1.25rem !important; +} +.\!btn-tertiary-nl-blue { + color: #0077db !important; +} +.\!btn-tertiary-nl-blue:hover { + background-color: #f2f9ff !important; + color: #0077db !important; +} +.\!btn-tertiary-nl-gray { + border: none !important; + border-radius: 16px !important; + background-color: transparent !important; + gap: 0.25rem !important; + padding: 0 8px !important; + height: 2rem !important; + min-height: unset !important; + font-weight: 400 !important; + line-height: 180% !important; + font-size: 0.875rem !important; +} +.\!btn-tertiary-nl-gray svg { + width: 1.25rem !important; + height: 1.25rem !important; +} +.\!btn-tertiary-nl-gray { + color: #4b5259 !important; +} +.\!btn-tertiary-nl-gray:hover { + background-color: #f8fafb !important; +} +.\!btn-tertiary-nl-alert { + border: none !important; + border-radius: 16px !important; + background-color: transparent !important; + gap: 0.25rem !important; + padding: 0 8px !important; + height: 2rem !important; + min-height: unset !important; + font-weight: 400 !important; + line-height: 180% !important; + font-size: 0.875rem !important; +} +.\!btn-tertiary-nl-alert svg { + width: 1.25rem !important; + height: 1.25rem !important; +} +.\!btn-tertiary-nl-alert { + color: #dc3545 !important; +} +.\!btn-tertiary-nl-alert:hover { + background-color: #fdf2f3 !important; +} +.\!btn-tertiary-nl-dark { + border: none !important; + border-radius: 16px !important; + background-color: transparent !important; + gap: 0.25rem !important; + padding: 0 8px !important; + height: 2rem !important; + min-height: unset !important; + font-weight: 400 !important; + line-height: 180% !important; + font-size: 0.875rem !important; +} +.\!btn-tertiary-nl-dark svg { + width: 1.25rem !important; + height: 1.25rem !important; +} +.\!btn-tertiary-nl-dark { + color: #fff !important; +} +.\!btn-tertiary-nl-dark:hover { + background-color: #2b2f33 !important; + color: #fff !important; +} +.\!btn-tonal-sm-secondary { + border: 1px !important; + border-style: solid !important; + border-radius: 8px !important; + border-color: transparent !important; + gap: 4px !important; + height: 32px !important; + min-height: unset !important; + padding: 0 8px !important; + font-weight: 400 !important; + line-height: 180% !important; + font-size: 0.875rem !important; +} +.\!btn-tonal-sm-secondary svg:first-child, +.\!btn-tonal-sm-secondary svg:last-child { + width: 16px !important; + height: 16px !important; +} +.\!btn-tonal-sm-secondary { + color: #0077db !important; + background-color: #f2f9ff !important; +} +.\!btn-tonal-sm-secondary:hover { + background-color: #f2f9ff !important; + border-color: #0077db !important; +} +.\!btn-tonal-sm-secondary:disabled { + background-color: #f2f9ff !important; + color: #c9e3f8 !important; + border-color: transparent !important; +} +.\!btn-tonal-sm-secondary:focus { + background-color: #f2f9ff !important; + border-color: #c9e3f8 !important; +} +.\!btn-tonal-sm-secondary svg { + color: #0077db !important; +} +.\!btn-tonal-nl-secondary { + border: 1px !important; + border-style: solid !important; + border-radius: 8px !important; + border-color: transparent !important; + gap: 4px !important; + height: 40px !important; + min-height: unset !important; + padding: 0 8px !important; + font-weight: 400 !important; + line-height: 180% !important; + font-size: 0.875rem !important; +} +.\!btn-tonal-nl-secondary svg:first-child, +.\!btn-tonal-nl-secondary svg:last-child { + width: 20px !important; + height: 20px !important; +} +.\!btn-tonal-nl-secondary { + color: #0077db !important; + background-color: #f2f9ff !important; +} +.\!btn-tonal-nl-secondary:hover { + background-color: #f2f9ff !important; + border-color: #0077db !important; +} +.\!btn-tonal-nl-secondary:disabled { + background-color: #f2f9ff !important; + color: #c9e3f8 !important; + border-color: transparent !important; +} +.\!btn-tonal-nl-secondary:focus { + background-color: #f2f9ff !important; + border-color: #c9e3f8 !important; +} +.\!btn-tonal-nl-secondary svg { + color: #0077db !important; +} +.\!btn-icon-sm-standardNetrual { + min-height: unset !important; + min-width: 0px !important; + padding: 0 !important; + background-color: transparent !important; + border-width: 1px !important; + border-style: solid !important; + box-shadow: none !important; +} +.\!btn-icon-sm-standardNetrual:focus { + border-color: #4b5259 !important; +} +.\!btn-icon-sm-standardNetrual { + height: 1.5rem !important; + width: 1.5rem !important; + border-radius: 8px !important; +} +.\!btn-icon-sm-standardNetrual svg { + width: 1rem !important; + height: 1rem !important; +} +.\!btn-icon-sm-standardNetrual { + border: 1px solid transparent !important; + color: #4b5259 !important; +} +.\!btn-icon-sm-standardNetrual:hover { + background-color: #f8fafb !important; +} +.\!btn-icon-sm-solidNetrual { + min-height: unset !important; + min-width: 0px !important; + padding: 0 !important; + background-color: #fff !important; + border-width: 1px !important; + border-style: solid !important; + box-shadow: none !important; +} +.\!btn-icon-sm-solidNetrual:focus { + border-color: #4b5259 !important; +} +.\!btn-icon-sm-solidNetrual { + height: 1.5rem !important; + width: 1.5rem !important; + border-radius: 8px !important; +} +.\!btn-icon-sm-solidNetrual svg { + width: 1rem !important; + height: 1rem !important; +} +.\!btn-icon-sm-solidNetrual { + border-color: #0000001f !important; + color: #2b2f33 !important; +} +.\!btn-icon-sm-solidNetrual:hover { + background-color: #f8fafb !important; +} +.\!btn-icon-nl-standardNetrual { + min-height: unset !important; + min-width: 0px !important; + padding: 0 !important; + background-color: transparent !important; + border-width: 1px !important; + border-style: solid !important; + box-shadow: none !important; +} +.\!btn-icon-nl-standardNetrual:focus { + border-color: #4b5259 !important; +} +.\!btn-icon-nl-standardNetrual { + height: 2rem !important; + width: 2rem !important; + border-radius: 8px !important; +} +.\!btn-icon-nl-standardNetrual svg { + width: 1.25rem !important; + height: 1.25rem !important; +} +.\!btn-icon-nl-standardNetrual { + border: 1px solid transparent !important; + color: #4b5259 !important; +} +.\!btn-icon-nl-standardNetrual:hover { + background-color: #f8fafb !important; +} +.\!btn-icon-nl-solidNetrual { + min-height: unset !important; + min-width: 0px !important; + padding: 0 !important; + background-color: #fff !important; + border-width: 1px !important; + border-style: solid !important; + box-shadow: none !important; +} +.\!btn-icon-nl-solidNetrual:focus { + border-color: #4b5259 !important; +} +.\!btn-icon-nl-solidNetrual { + height: 2rem !important; + width: 2rem !important; + border-radius: 8px !important; +} +.\!btn-icon-nl-solidNetrual svg { + width: 1.25rem !important; + height: 1.25rem !important; +} +.\!btn-icon-nl-solidNetrual { + border-color: #0000001f !important; + color: #2b2f33 !important; +} +.\!btn-icon-nl-solidNetrual:hover { + background-color: #f8fafb !important; +} +.\!btn-icon-nl-outline { + min-height: unset !important; + min-width: 0px !important; + padding: 0 !important; + background-color: transparent !important; + border-width: 1px !important; + border-style: solid !important; + box-shadow: none !important; +} +.\!btn-icon-nl-outline:focus { + background-color: transparent !important; + border-color: #2b2f33 !important; +} +.\!btn-icon-nl-outline { + height: 2rem !important; + width: 2rem !important; + border-radius: 8px !important; +} +.\!btn-icon-nl-outline svg { + width: 1.25rem !important; + height: 1.25rem !important; +} +.\!btn-icon-nl-outline { + border-color: #0000001f !important; + color: #2b2f33 !important; +} +.\!btn-icon-nl-outline:hover { + background-color: #f8fafb !important; +} +.\!btn-icon-lg-standardNetrual { + min-height: unset !important; + min-width: 0px !important; + padding: 0 !important; + background-color: transparent !important; + border-width: 1px !important; + border-style: solid !important; + box-shadow: none !important; +} +.\!btn-icon-lg-standardNetrual:focus { + border-color: #4b5259 !important; +} +.\!btn-icon-lg-standardNetrual { + height: 3rem !important; + width: 3rem !important; + border-radius: 1rem !important; +} +.\!btn-icon-lg-standardNetrual svg { + width: 1.5rem !important; + height: 1.5rem !important; +} +.\!btn-icon-lg-standardNetrual { + border: 1px solid transparent !important; + color: #4b5259 !important; +} +.\!btn-icon-lg-standardNetrual:hover { + background-color: #f8fafb !important; +} +.\!btn-icon-lg-solidNetrual { + min-height: unset !important; + min-width: 0px !important; + padding: 0 !important; + background-color: #fff !important; + border-width: 1px !important; + border-style: solid !important; + box-shadow: none !important; +} +.\!btn-icon-lg-solidNetrual:focus { + border-color: #4b5259 !important; +} +.\!btn-icon-lg-solidNetrual { + height: 3rem !important; + width: 3rem !important; + border-radius: 1rem !important; +} +.\!btn-icon-lg-solidNetrual svg { + width: 1.5rem !important; + height: 1.5rem !important; +} +.\!btn-icon-lg-solidNetrual { + border-color: #0000001f !important; + color: #2b2f33 !important; +} +.\!btn-icon-lg-solidNetrual:hover { + background-color: #f8fafb !important; +} +.\!btn-icon-lg-outline { + min-height: unset !important; + min-width: 0px !important; + padding: 0 !important; + background-color: transparent !important; + border-width: 1px !important; + border-style: solid !important; + box-shadow: none !important; +} +.\!btn-icon-lg-outline:focus { + background-color: transparent !important; + border-color: #2b2f33 !important; +} +.\!btn-icon-lg-outline { + height: 3rem !important; + width: 3rem !important; + border-radius: 1rem !important; +} +.\!btn-icon-lg-outline svg { + width: 1.5rem !important; + height: 1.5rem !important; +} +.\!btn-icon-lg-outline { + border-color: #0000001f !important; + color: #2b2f33 !important; +} +.\!btn-icon-lg-outline:hover { + background-color: #f8fafb !important; +} +.\!btn-icon-lg-solidSecondary { + min-height: unset !important; + min-width: 0px !important; + padding: 0 !important; + background-color: #0077db !important; + border-width: 1px !important; + border-style: solid !important; + box-shadow: none !important; +} +.\!btn-icon-lg-solidSecondary:focus { + background-color: #0077db !important; + border-color: #00569e !important; +} +.\!btn-icon-lg-solidSecondary { + height: 3rem !important; + width: 3rem !important; + border-radius: 1rem !important; +} +.\!btn-icon-lg-solidSecondary svg { + width: 1.5rem !important; + height: 1.5rem !important; +} +.\!btn-icon-lg-solidSecondary { + border-color: #0000001f !important; + color: #fff !important; +} +.\!btn-icon-lg-solidSecondary:hover { + background-color: #00569e !important; +} +.english-text { + font-feature-settings: "ss02"; + direction: ltr; + text-align: left; +} +.sticky-search-position { + width: 100%; + background-color: #fff; + border-bottom: solid 1px var(--border-1); +} +.sticky-search-position.fixed { + --tw-shadow: 0 2px 5px -1px rgba(0, 0, 0, 0.08); + --tw-shadow-colored: 0 2px 5px -1px var(--tw-shadow-color); + box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), + var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); +} +.sticky-search-container { + --search-form-container: 64px; + height: var(--search-form-container); + transition: height 0.15s cubic-bezier(0.65, 0.05, 0.36, 1); + will-change: height; + position: relative; +} +.sticky-search-container.is-expanded { + --search-form-container: 146px; +} +.sticky-search-container.is-multi { + height: auto !important; +} +.collapsed-search-form { + position: absolute; + top: 0; + right: 0; + left: 0; + -webkit-animation: expand 0.15s cubic-bezier(0.65, 0.05, 0.36, 1); + animation: expand 0.15s cubic-bezier(0.65, 0.05, 0.36, 1); +} +.expanded-search-form { + position: relative; + top: 0; + right: 0; + left: 0; + transform-origin: top; + -webkit-animation: expand 0.15s cubic-bezier(0.65, 0.05, 0.36, 1); + animation: expand 0.15s cubic-bezier(0.65, 0.05, 0.36, 1); +} +@-webkit-keyframes expand { + 0% { + transform: scale(0.8); + opacity: 0; + } + to { + transform: scale(1); + opacity: 1; + } +} +@keyframes expand { + 0% { + transform: scale(0.8); + opacity: 0; + } + to { + transform: scale(1); + opacity: 1; + } +} +@media screen and (max-width: 480px) { + .sticky-search-container.is-expanded { + --search-form-container: 64px; + } +} +.pointer-events-none { + pointer-events: none !important; +} +.visible { + visibility: visible !important; +} +.invisible { + visibility: hidden !important; +} +.collapse { + visibility: collapse !important; +} +.static { + position: static !important; +} +.fixed { + position: fixed !important; +} +.absolute { + position: absolute !important; +} +.relative { + position: relative !important; +} +.sticky { + position: -webkit-sticky !important; + position: sticky !important; +} +.inset-0 { + top: 0 !important; + right: 0 !important; + bottom: 0 !important; + left: 0 !important; +} +.inset-2 { + top: 0.5rem !important; + right: 0.5rem !important; + bottom: 0.5rem !important; + left: 0.5rem !important; +} +.inset-x-2 { + left: 0.5rem !important; + right: 0.5rem !important; +} +.top-0 { + top: 0 !important; +} +.top-2 { + top: 0.5rem !important; +} +.right-1 { + right: 0.25rem !important; +} +.right-2 { + right: 0.5rem !important; +} +.bottom-2 { + bottom: 0.5rem !important; +} +.left-2 { + left: 0.5rem !important; +} +.bottom-4 { + bottom: 1rem !important; +} +.left-4 { + left: 1rem !important; +} +.right-4 { + right: 1rem !important; +} +.top-4 { + top: 1rem !important; +} +.bottom-0 { + bottom: 0 !important; +} +.left-0 { + left: 0 !important; +} +.top-1\/2 { + top: 50% !important; +} +.right-1\/2 { + right: 50% !important; +} +.right-0 { + right: 0 !important; +} +.top-1 { + top: 0.25rem !important; +} +.bottom-10 { + bottom: 6rem !important; +} +.\!bottom-0 { + bottom: 0 !important; +} +.top-\[5rem\] { + top: 5rem !important; +} +.top-3 { + top: 0.75rem !important; +} +.right-3 { + right: 0.75rem !important; +} +.top-6 { + top: 2rem !important; +} +.bottom-9 { + bottom: 4.5rem !important; +} +.left-1\/2 { + left: 50% !important; +} +.-right-\[60px\] { + right: -60px !important; +} +.-left-\[60px\] { + left: -60px !important; +} +.top-5 { + top: 1.5rem !important; +} +.-top-2 { + top: -0.5rem !important; +} +.-right-2 { + right: -0.5rem !important; +} +.bottom-1 { + bottom: 0.25rem !important; +} +.bottom-8 { + bottom: 4rem !important; +} +.-bottom-1 { + bottom: -0.25rem !important; +} +.right-\[-6px\] { + right: -6px !important; +} +.top-\[1px\] { + top: 1px !important; +} +.-left-4 { + left: -1rem !important; +} +.-top-1 { + top: -0.25rem !important; +} +.left-6 { + left: 2rem !important; +} +.left-3 { + left: 0.75rem !important; +} +.top-2\/4 { + top: 50% !important; +} +.bottom-\[52\.5px\] { + bottom: 52.5px !important; +} +.bottom-3 { + bottom: 0.75rem !important; +} +.bottom-5 { + bottom: 1.5rem !important; +} +.right-\[40px\] { + right: 40px !important; +} +.top-\[214px\] { + top: 214px !important; +} +.top-\[332px\] { + top: 332px !important; +} +.left-\[40px\] { + left: 40px !important; +} +.right-auto { + right: auto !important; +} +.left-5 { + left: 1.5rem !important; +} +.right-5 { + right: 1.5rem !important; +} +.top-10 { + top: 6rem !important; +} +.-bottom-7 { + bottom: -3rem !important; +} +.bottom-7 { + bottom: 3rem !important; +} +.-top-6 { + top: -2rem !important; +} +.-right-4 { + right: -1rem !important; +} +.top-\[70px\] { + top: 70px !important; +} +.top-\[100px\] { + top: 100px !important; +} +.right-\[-10px\] { + right: -10px !important; +} +.left-\[5px\] { + left: 5px !important; +} +.top-\[27px\] { + top: 27px !important; +} +.top-9 { + top: 4.5rem !important; +} +.-top-\[10px\] { + top: -10px !important; +} +.top-full { + top: 100% !important; +} +.bottom-px { + bottom: 1px !important; +} +.left-1 { + left: 0.25rem !important; +} +.top-\[2px\] { + top: 2px !important; +} +.bottom-\[40px\] { + bottom: 40px !important; +} +.right-6 { + right: 2rem !important; +} +.right-8 { + right: 4rem !important; +} +.right-9 { + right: 4.5rem !important; +} +.top-\[8px\] { + top: 8px !important; +} +.top-8 { + top: 4rem !important; +} +.-bottom-2 { + bottom: -0.5rem !important; +} +.-bottom-px { + bottom: -1px !important; +} +.-top-9 { + top: -4.5rem !important; +} +.bottom-auto { + bottom: auto !important; +} +.bottom-6 { + bottom: 2rem !important; +} +.-bottom-8 { + bottom: -4rem !important; +} +.-bottom-4 { + bottom: -1rem !important; +} +.top-\[10px\] { + top: 10px !important; +} +.top-\[50px\] { + top: 50px !important; +} +.-top-4 { + top: -1rem !important; +} +.top-\[-30px\] { + top: -30px !important; +} +.isolate { + isolation: isolate !important; +} +.z-\[45\] { + z-index: 45 !important; +} +.z-40 { + z-index: 40 !important; +} +.z-10 { + z-index: 10 !important; +} +.z-50 { + z-index: 50 !important; +} +.z-20 { + z-index: 20 !important; +} +.z-\[1\] { + z-index: 1 !important; +} +.z-0 { + z-index: 0 !important; +} +.z-\[3\] { + z-index: 3 !important; +} +.z-\[1000\] { + z-index: 1000 !important; +} +.z-\[10000\] { + z-index: 10000 !important; +} +.z-\[699\] { + z-index: 699 !important; +} +.-z-10 { + z-index: -10 !important; +} +.-z-50 { + z-index: -50 !important; +} +.z-30 { + z-index: 30 !important; +} +.z-\[2\] { + z-index: 2 !important; +} +.z-\[4\] { + z-index: 4 !important; +} +.order-first { + order: -9999 !important; +} +.order-2 { + order: 2 !important; +} +.order-4 { + order: 4 !important; +} +.order-1 { + order: 1 !important; +} +.order-5 { + order: 5 !important; +} +.order-6 { + order: 6 !important; +} +.order-3 { + order: 3 !important; +} +.order-last { + order: 9999 !important; +} +.col-span-4 { + grid-column: span 4 / span 4 !important; +} +.col-span-2, +.\!col-span-2 { + grid-column: span 2 / span 2 !important; +} +.col-span-3 { + grid-column: span 3 / span 3 !important; +} +.col-span-1 { + grid-column: span 1 / span 1 !important; +} +.col-start-3 { + grid-column-start: 3 !important; +} +.col-start-1 { + grid-column-start: 1 !important; +} +.col-start-4 { + grid-column-start: 4 !important; +} +.col-end-3 { + grid-column-end: 3 !important; +} +.col-end-4 { + grid-column-end: 4 !important; +} +.col-end-5 { + grid-column-end: 5 !important; +} +.row-span-2 { + grid-row: span 2 / span 2 !important; +} +.row-span-3 { + grid-row: span 3 / span 3 !important; +} +.row-span-1 { + grid-row: span 1 / span 1 !important; +} +.row-start-2 { + grid-row-start: 2 !important; +} +.row-start-1 { + grid-row-start: 1 !important; +} +.float-right { + float: right !important; +} +.float-left { + float: left !important; +} +.m-0 { + margin: 0 !important; +} +.m-auto { + margin: auto !important; +} +.m-3 { + margin: 0.75rem !important; +} +.m-2 { + margin: 0.5rem !important; +} +.-m-2 { + margin: -0.5rem !important; +} +.m-4 { + margin: 1rem !important; +} +.-m-4 { + margin: -1rem !important; +} +.m-8 { + margin: 4rem !important; +} +.\!m-0 { + margin: 0 !important; +} +.m-1 { + margin: 0.25rem !important; +} +.m-5 { + margin: 1.5rem !important; +} +.m-\[10px\] { + margin: 10px !important; +} +.m-\[5px\] { + margin: 5px !important; +} +.-mx-4 { + margin-left: -1rem !important; + margin-right: -1rem !important; +} +.my-0 { + margin-top: 0 !important; + margin-bottom: 0 !important; +} +.mx-auto { + margin-left: auto !important; + margin-right: auto !important; +} +.-mx-8 { + margin-left: -4rem !important; + margin-right: -4rem !important; +} +.mx-2 { + margin-left: 0.5rem !important; + margin-right: 0.5rem !important; +} +.my-8 { + margin-top: 4rem !important; + margin-bottom: 4rem !important; +} +.my-10 { + margin-top: 6rem !important; + margin-bottom: 6rem !important; +} +.-mx-2 { + margin-left: -0.5rem !important; + margin-right: -0.5rem !important; +} +.my-4 { + margin-top: 1rem !important; + margin-bottom: 1rem !important; +} +.my-6 { + margin-top: 2rem !important; + margin-bottom: 2rem !important; +} +.mx-6 { + margin-left: 2rem !important; + margin-right: 2rem !important; +} +.my-3 { + margin-top: 0.75rem !important; + margin-bottom: 0.75rem !important; +} +.my-5 { + margin-top: 1.5rem !important; + margin-bottom: 1.5rem !important; +} +.my-2 { + margin-top: 0.5rem !important; + margin-bottom: 0.5rem !important; +} +.mx-3 { + margin-left: 0.75rem !important; + margin-right: 0.75rem !important; +} +.mx-0 { + margin-left: 0 !important; + margin-right: 0 !important; +} +.mx-4 { + margin-left: 1rem !important; + margin-right: 1rem !important; +} +.my-1 { + margin-top: 0.25rem !important; + margin-bottom: 0.25rem !important; +} +.mx-1 { + margin-left: 0.25rem !important; + margin-right: 0.25rem !important; +} +.my-\[56px\] { + margin-top: 56px !important; + margin-bottom: 56px !important; +} +.my-\[25px\] { + margin-top: 25px !important; + margin-bottom: 25px !important; +} +.mx-5 { + margin-left: 1.5rem !important; + margin-right: 1.5rem !important; +} +.my-auto { + margin-top: auto !important; + margin-bottom: auto !important; +} +.my-7 { + margin-top: 3rem !important; + margin-bottom: 3rem !important; +} +.mx-\[2px\] { + margin-left: 2px !important; + margin-right: 2px !important; +} +.mx-\[4px\] { + margin-left: 4px !important; + margin-right: 4px !important; +} +.mx-7 { + margin-left: 3rem !important; + margin-right: 3rem !important; +} +.-mx-6 { + margin-left: -2rem !important; + margin-right: -2rem !important; +} +.-my-1 { + margin-top: -0.25rem !important; + margin-bottom: -0.25rem !important; +} +.-mx-\[20px\] { + margin-left: -20px !important; + margin-right: -20px !important; +} +.\!my-\[2px\] { + margin-top: 2px !important; + margin-bottom: 2px !important; +} +.\!my-0 { + margin-top: 0 !important; + margin-bottom: 0 !important; +} +.mx-\[5px\] { + margin-left: 5px !important; + margin-right: 5px !important; +} +.-mx-1 { + margin-left: -0.25rem !important; + margin-right: -0.25rem !important; +} +.-mx-3 { + margin-left: -0.75rem !important; + margin-right: -0.75rem !important; +} +.mx-\[20px\] { + margin-left: 20px !important; + margin-right: 20px !important; +} +.mt-2 { + margin-top: 0.5rem !important; +} +.mr-2 { + margin-right: 0.5rem !important; +} +.mt-1 { + margin-top: 0.25rem !important; +} +.ml-auto { + margin-left: auto !important; +} +.ml-2 { + margin-left: 0.5rem !important; +} +.mb-\[56px\] { + margin-bottom: 56px !important; +} +.mb-10 { + margin-bottom: 6rem !important; +} +.mr-1 { + margin-right: 0.25rem !important; +} +.ml-4 { + margin-left: 1rem !important; +} +.mb-\[36px\] { + margin-bottom: 36px !important; +} +.mb-0 { + margin-bottom: 0 !important; +} +.mt-3 { + margin-top: 0.75rem !important; +} +.mt-4 { + margin-top: 1rem !important; +} +.mt-5 { + margin-top: 1.5rem !important; +} +.mb-3 { + margin-bottom: 0.75rem !important; +} +.mb-4 { + margin-bottom: 1rem !important; +} +.mb-7 { + margin-bottom: 3rem !important; +} +.mt-0 { + margin-top: 0 !important; +} +.mr-auto { + margin-right: auto !important; +} +.mt-7 { + margin-top: 3rem !important; +} +.mr-8 { + margin-right: 4rem !important; +} +.mt-auto { + margin-top: auto !important; +} +.mb-2 { + margin-bottom: 0.5rem !important; +} +.mr-3 { + margin-right: 0.75rem !important; +} +.-ml-4 { + margin-left: -1rem !important; +} +.ml-1 { + margin-left: 0.25rem !important; +} +.mr-4 { + margin-right: 1rem !important; +} +.mb-5 { + margin-bottom: 1.5rem !important; +} +.mt-6 { + margin-top: 2rem !important; +} +.mb-1 { + margin-bottom: 0.25rem !important; +} +.-mt-2 { + margin-top: -0.5rem !important; +} +.mb-6 { + margin-bottom: 2rem !important; +} +.mb-\[40px\] { + margin-bottom: 40px !important; +} +.-mt-\[40px\] { + margin-top: -40px !important; +} +.ml-0 { + margin-left: 0 !important; +} +.ml-9 { + margin-left: 4.5rem !important; +} +.ml-3 { + margin-left: 0.75rem !important; +} +.ml-6 { + margin-left: 2rem !important; +} +.mb-9 { + margin-bottom: 4.5rem !important; +} +.mb-8 { + margin-bottom: 4rem !important; +} +.ml-7 { + margin-left: 3rem !important; +} +.mt-\[-90px\] { + margin-top: -90px !important; +} +.mt-\[-28px\] { + margin-top: -28px !important; +} +.mt-8 { + margin-top: 4rem !important; +} +.mr-5 { + margin-right: 1.5rem !important; +} +.ml-5 { + margin-left: 1.5rem !important; +} +.mt-\[42px\] { + margin-top: 42px !important; +} +.-mt-4 { + margin-top: -1rem !important; +} +.-mb-4 { + margin-bottom: -1rem !important; +} +.mr-\[14px\] { + margin-right: 14px !important; +} +.-mr-3 { + margin-right: -0.75rem !important; +} +.-mb-1 { + margin-bottom: -0.25rem !important; +} +.-mt-1 { + margin-top: -0.25rem !important; +} +.mr-\[2px\] { + margin-right: 2px !important; +} +.-mr-5 { + margin-right: -1.5rem !important; +} +.-ml-5 { + margin-left: -1.5rem !important; +} +.mt-\[3px\] { + margin-top: 3px !important; +} +.mb-\[11px\] { + margin-bottom: 11px !important; +} +.mb-11 { + margin-bottom: 8rem !important; +} +.mr-10 { + margin-right: 6rem !important; +} +.mt-px { + margin-top: 1px !important; +} +.-mt-px { + margin-top: -1px !important; +} +.ml-8 { + margin-left: 4rem !important; +} +.-ml-2 { + margin-left: -0.5rem !important; +} +.-mt-3 { + margin-top: -0.75rem !important; +} +.mb-\[1px\] { + margin-bottom: 1px !important; +} +.mr-0 { + margin-right: 0 !important; +} +.\!mt-0 { + margin-top: 0 !important; +} +.\!mb-0 { + margin-bottom: 0 !important; +} +.-mb-2 { + margin-bottom: -0.5rem !important; +} +.mt-10 { + margin-top: 6rem !important; +} +.mt-11 { + margin-top: 8rem !important; +} +.mt-9 { + margin-top: 4.5rem !important; +} +.mr-12 { + margin-right: 12rem !important; +} +.-mr-2 { + margin-right: -0.5rem !important; +} +.mr-\[6px\] { + margin-right: 6px !important; +} +.ml-\[6px\] { + margin-left: 6px !important; +} +.mb-\[2\.5rem\] { + margin-bottom: 2.5rem !important; +} +.-mr-4 { + margin-right: -1rem !important; +} +.mr-6 { + margin-right: 2rem !important; +} +.mb-\[2px\] { + margin-bottom: 2px !important; +} +.mb-auto { + margin-bottom: auto !important; +} +.-mt-\[140px\] { + margin-top: -140px !important; +} +.mt-\[56px\] { + margin-top: 56px !important; +} +.mb-\[20px\] { + margin-bottom: 20px !important; +} +.mt-\[20px\] { + margin-top: 20px !important; +} +.mt-12 { + margin-top: 12rem !important; +} +.mt-13 { + margin-top: 16rem !important; +} +.mt-\[40px\] { + margin-top: 40px !important; +} +.mt-\[-100px\] { + margin-top: -100px !important; +} +.mt-\[-140px\] { + margin-top: -140px !important; +} +.mt-\[2px\] { + margin-top: 2px !important; +} +.mr-7 { + margin-right: 3rem !important; +} +.mr-9 { + margin-right: 4.5rem !important; +} +.-mt-8 { + margin-top: -4rem !important; +} +.ml-\[15\%\] { + margin-left: 15% !important; +} +.-mt-6 { + margin-top: -2rem !important; +} +.\!mb-2 { + margin-bottom: 0.5rem !important; +} +.mb-px { + margin-bottom: 1px !important; +} +.\!ml-5 { + margin-left: 1.5rem !important; +} +.mb-12 { + margin-bottom: 12rem !important; +} +.ml-10 { + margin-left: 6rem !important; +} +.-ml-3 { + margin-left: -0.75rem !important; +} +.mt-\[10px\] { + margin-top: 10px !important; +} +.mb-\[73px\] { + margin-bottom: 73px !important; +} +.mb-\[48px\] { + margin-bottom: 48px !important; +} +.mb-\[28px\] { + margin-bottom: 28px !important; +} +.mb-\[18px\] { + margin-bottom: 18px !important; +} +.box-border { + box-sizing: border-box !important; +} +.block, +.\!block { + display: block !important; +} +.inline-block { + display: inline-block !important; +} +.inline { + display: inline !important; +} +.flex, +.\!flex { + display: flex !important; +} +.inline-flex { + display: inline-flex !important; +} +.table, +.\!table { + display: table !important; +} +.grid { + display: grid !important; +} +.hidden { + display: none !important; +} +.aspect-\[1\.775\] { + aspect-ratio: 1.775 !important; +} +.aspect-\[4\/3\] { + aspect-ratio: 4/3 !important; +} +.aspect-\[21\/9\] { + aspect-ratio: 21/9 !important; +} +.aspect-\[2\.05\/1\] { + aspect-ratio: 2.05/1 !important; +} +.aspect-\[1\.9\/1\] { + aspect-ratio: 1.9/1 !important; +} +.aspect-\[0\.8\/1\] { + aspect-ratio: 0.8/1 !important; +} +.aspect-square { + aspect-ratio: 1 / 1 !important; +} +.h-full { + height: 100% !important; +} +.h-3 { + height: 0.75rem !important; +} +.h-8 { + height: 4rem !important; +} +.h-6 { + height: 2rem !important; +} +.h-5 { + height: 1.5rem !important; +} +.h-9 { + height: 4.5rem !important; +} +.h-1\/2 { + height: 50% !important; +} +.h-\[208px\] { + height: 208px !important; +} +.h-\[1px\] { + height: 1px !important; +} +.h-7 { + height: 3rem !important; +} +.h-\[240px\] { + height: 240px !important; +} +.h-\[80px\] { + height: 80px !important; +} +.h-screen { + height: 100vh !important; +} +.h-10 { + height: 6rem !important; +} +.h-2 { + height: 0.5rem !important; +} +.h-\[56px\] { + height: 56px !important; +} +.h-1 { + height: 0.25rem !important; +} +.h-auto { + height: auto !important; +} +.h-\[24px\] { + height: 24px !important; +} +.h-\[3px\] { + height: 3px !important; +} +.h-\[144px\] { + height: 144px !important; +} +.h-\[320px\] { + height: 320px !important; +} +.h-11 { + height: 8rem !important; +} +.h-\[168px\] { + height: 168px !important; +} +.h-\[15px\] { + height: 15px !important; +} +.h-\[20px\] { + height: 20px !important; +} +.h-\[25px\] { + height: 25px !important; +} +.h-\[27px\] { + height: 27px !important; +} +.h-\[24\.5px\] { + height: 24.5px !important; +} +.h-\[151px\] { + height: 151px !important; +} +.h-\[72px\] { + height: 72px !important; +} +.h-\[45rem\] { + height: 45rem !important; +} +.h-\[40px\] { + height: 40px !important; +} +.h-\[69px\] { + height: 69px !important; +} +.h-\[121px\] { + height: 121px !important; +} +.h-\[270px\] { + height: 270px !important; +} +.h-\[122px\] { + height: 122px !important; +} +.h-\[86px\] { + height: 86px !important; +} +.\!h-full { + height: 100% !important; +} +.h-\[12\.5rem\] { + height: 12.5rem !important; +} +.h-4 { + height: 1rem !important; +} +.h-\[14rem\] { + height: 14rem !important; +} +.h-\[11\.5rem\] { + height: 11.5rem !important; +} +.h-\[9\.25rem\] { + height: 9.25rem !important; +} +.h-\[11rem\] { + height: 11rem !important; +} +.h-\[64px\] { + height: 64px !important; +} +.h-px { + height: 1px !important; +} +.h-0 { + height: 0 !important; +} +.h-\[7\.5rem\] { + height: 7.5rem !important; +} +.h-13 { + height: 16rem !important; +} +.h-15 { + height: 32rem !important; +} +.h-\[8rem\] { + height: 8rem !important; +} +.h-\[5rem\] { + height: 5rem !important; +} +.h-\[640px\] { + height: 640px !important; +} +.h-\[1\.25rem\] { + height: 1.25rem !important; +} +.h-\[420px\] { + height: 420px !important; +} +.h-\[4rem\] { + height: 4rem !important; +} +.h-\[231px\] { + height: 231px !important; +} +.h-\[181px\] { + height: 181px !important; +} +.h-\[9rem\] { + height: 9rem !important; +} +.h-\[52px\] { + height: 52px !important; +} +.h-\[120px\] { + height: 120px !important; +} +.h-\[calc\(100vh\+56px\)\] { + height: calc(100vh + 56px) !important; +} +.h-\[calc\(100\%-56px\)\] { + height: calc(100% - 56px) !important; +} +.h-\[116px\] { + height: 116px !important; +} +.h-\[180px\] { + height: 180px !important; +} +.h-\[90px\] { + height: 90px !important; +} +.h-\[188px\] { + height: 188px !important; +} +.h-\[185px\] { + height: 185px !important; +} +.h-\[115px\] { + height: 115px !important; +} +.h-\[55px\] { + height: 55px !important; +} +.h-\[113px\] { + height: 113px !important; +} +.h-\[calc\(50\%-2px\)\] { + height: calc(50% - 2px) !important; +} +.h-\[170px\] { + height: 170px !important; +} +.h-\[132px\] { + height: 132px !important; +} +.h-fit { + height: -webkit-fit-content !important; + height: -moz-fit-content !important; + height: fit-content !important; +} +.h-\[282px\] { + height: 282px !important; +} +.h-\[306px\] { + height: 306px !important; +} +.h-\[104px\] { + height: 104px !important; +} +.h-\[88px\] { + height: 88px !important; +} +.\!h-auto { + height: auto !important; +} +.h-\[260px\] { + height: 260px !important; +} +.h-\[131px\] { + height: 131px !important; +} +.h-\[21px\] { + height: 21px !important; +} +.h-\[228px\] { + height: 228px !important; +} +.h-\[4\.5rem\] { + height: 4.5rem !important; +} +.h-\[66px\] { + height: 66px !important; +} +.h-\[94px\] { + height: 94px !important; +} +.h-\[594px\] { + height: 594px !important; +} +.h-\[92px\] { + height: 92px !important; +} +.h-12 { + height: 12rem !important; +} +.h-\[6rem\] { + height: 6rem !important; +} +.h-\[10px\] { + height: 10px !important; +} +.h-\[18px\] { + height: 18px !important; +} +.h-\[280px\] { + height: 280px !important; +} +.h-\[255px\] { + height: 255px !important; +} +.h-\[140px\] { + height: 140px !important; +} +.h-\[562px\] { + height: 562px !important; +} +.h-\[32px\] { + height: 32px !important; +} +.h-\[156px\] { + height: 156px !important; +} +.h-\[112px\] { + height: 112px !important; +} +.h-\[204px\] { + height: 204px !important; +} +.h-\[5\.5rem\] { + height: 5.5rem !important; +} +.h-\[2\.5rem\] { + height: 2.5rem !important; +} +.h-\[calc\(100\%-160px\)\] { + height: calc(100% - 160px) !important; +} +.\!h-5 { + height: 1.5rem !important; +} +.h-\[200px\] { + height: 200px !important; +} +.h-\[28px\] { + height: 28px !important; +} +.h-\[48px\] { + height: 48px !important; +} +.h-\[37px\] { + height: 37px !important; +} +.h-\[360px\] { + height: 360px !important; +} +.h-\[250px\] { + height: 250px !important; +} +.h-\[330px\] { + height: 330px !important; +} +.h-\[2px\] { + height: 2px !important; +} +.h-max { + height: -webkit-max-content !important; + height: -moz-max-content !important; + height: max-content !important; +} +.h-\[464px\] { + height: 464px !important; +} +.h-\[6px\] { + height: 6px !important; +} +.h-\[16px\] { + height: 16px !important; +} +.\!h-\[33px\] { + height: 33px !important; +} +.h-\[100\%\] { + height: 100% !important; +} +.h-\[75vh\] { + height: 75vh !important; +} +.h-\[136px\] { + height: 136px !important; +} +.h-\[212px\] { + height: 212px !important; +} +.h-\[284px\] { + height: 284px !important; +} +.h-\[410px\] { + height: 410px !important; +} +.h-\[450px\] { + height: 450px !important; +} +.h-\[500px\] { + height: 500px !important; +} +.h-\[236px\] { + height: 236px !important; +} +.\!h-\[276px\] { + height: 276px !important; +} +.h-\[305px\] { + height: 305px !important; +} +.h-\[380px\] { + height: 380px !important; +} +.h-\[60px\] { + height: 60px !important; +} +.h-\[110px\] { + height: 110px !important; +} +.h-\[298px\] { + height: 298px !important; +} +.h-\[90\%\] { + height: 90% !important; +} +.h-\[87px\] { + height: 87px !important; +} +.h-\[129px\] { + height: 129px !important; +} +.h-\[85\%\] { + height: 85% !important; +} +.h-\[265px\] { + height: 265px !important; +} +.h-\[83\%\] { + height: 83% !important; +} +.h-\[307px\] { + height: 307px !important; +} +.h-\[296px\] { + height: 296px !important; +} +.h-\[72\%\] { + height: 72% !important; +} +.h-14 { + height: 24rem !important; +} +.h-\[26px\] { + height: 26px !important; +} +.h-\[3\.5rem\] { + height: 3.5rem !important; +} +.h-\[85vh\] { + height: 85vh !important; +} +.h-\[30px\] { + height: 30px !important; +} +.h-\[50vh\] { + height: 50vh !important; +} +.h-\[650px\] { + height: 650px !important; +} +.h-\[165px\] { + height: 165px !important; +} +.h-\[78px\] { + height: 78px !important; +} +.h-\[253px\] { + height: 253px !important; +} +.h-\[3rem\] { + height: 3rem !important; +} +.h-\[1\.75rem\] { + height: 1.75rem !important; +} +.h-\[100px\] { + height: 100px !important; +} +.h-\[97px\] { + height: 97px !important; +} +.h-\[93px\] { + height: 93px !important; +} +.h-\[32rem\] { + height: 32rem !important; +} +.h-\[700px\] { + height: 700px !important; +} +.h-\[150px\] { + height: 150px !important; +} +.h-\[234px\] { + height: 234px !important; +} +.h-\[50px\] { + height: 50px !important; +} +.h-\[106px\] { + height: 106px !important; +} +.max-h-\[244px\] { + max-height: 244px !important; +} +.max-h-\[400px\] { + max-height: 400px !important; +} +.max-h-\[98\%\] { + max-height: 98% !important; +} +.max-h-\[352px\] { + max-height: 352px !important; +} +.max-h-full { + max-height: 100% !important; +} +.max-h-\[460px\] { + max-height: 460px !important; +} +.max-h-\[116px\] { + max-height: 116px !important; +} +.max-h-\[52px\] { + max-height: 52px !important; +} +.max-h-\[188px\] { + max-height: 188px !important; +} +.max-h-\[512px\] { + max-height: 512px !important; +} +.max-h-\[113px\] { + max-height: 113px !important; +} +.max-h-\[calc\(100\%-26px\)\] { + max-height: calc(100% - 26px) !important; +} +.max-h-screen, +.max-h-\[100vh\] { + max-height: 100vh !important; +} +.max-h-\[16\.5rem\] { + max-height: 16.5rem !important; +} +.max-h-\[calc\(100vh-400px\)\] { + max-height: calc(100vh - 400px) !important; +} +.max-h-\[25rem\] { + max-height: 25rem !important; +} +.max-h-\[20rem\] { + max-height: 20rem !important; +} +.max-h-\[300px\] { + max-height: 300px !important; +} +.max-h-\[270px\] { + max-height: 270px !important; +} +.\!max-h-\[33px\] { + max-height: 33px !important; +} +.max-h-\[452px\] { + max-height: 452px !important; +} +.max-h-\[500px\] { + max-height: 500px !important; +} +.max-h-\[480px\] { + max-height: 480px !important; +} +.max-h-\[284px\] { + max-height: 284px !important; +} +.max-h-\[380px\] { + max-height: 380px !important; +} +.max-h-\[450px\] { + max-height: 450px !important; +} +.max-h-\[186px\] { + max-height: 186px !important; +} +.max-h-\[226px\] { + max-height: 226px !important; +} +.max-h-\[85vh\] { + max-height: 85vh !important; +} +.max-h-\[24rem\] { + max-height: 24rem !important; +} +.max-h-\[600px\] { + max-height: 600px !important; +} +.min-h-\[2rem\] { + min-height: 2rem !important; +} +.min-h-\[1\.5rem\] { + min-height: 1.5rem !important; +} +.min-h-\[100vh\], +.min-h-screen { + min-height: 100vh !important; +} +.min-h-\[104px\] { + min-height: 104px !important; +} +.min-h-\[135px\] { + min-height: 135px !important; +} +.min-h-\[auto\] { + min-height: auto !important; +} +.min-h-\[516px\] { + min-height: 516px !important; +} +.min-h-\[64px\] { + min-height: 64px !important; +} +.min-h-\[90px\] { + min-height: 90px !important; +} +.min-h-\[55px\] { + min-height: 55px !important; +} +.min-h-\[132px\] { + min-height: 132px !important; +} +.\!min-h-\[32px\] { + min-height: 32px !important; +} +.min-h-\[270px\] { + min-height: 270px !important; +} +.min-h-\[400px\] { + min-height: 400px !important; +} +.min-h-\[16\.5rem\] { + min-height: 16.5rem !important; +} +.min-h-\[11\.5rem\] { + min-height: 11.5rem !important; +} +.min-h-\[48px\] { + min-height: 48px !important; +} +.min-h-0 { + min-height: 0px !important; +} +.min-h-\[230px\] { + min-height: 230px !important; +} +.\!min-h-\[33px\] { + min-height: 33px !important; +} +.min-h-\[120px\] { + min-height: 120px !important; +} +.min-h-\[295px\] { + min-height: 295px !important; +} +.\!min-h-\[288px\] { + min-height: 288px !important; +} +.min-h-\[60px\] { + min-height: 60px !important; +} +.min-h-\[360px\] { + min-height: 360px !important; +} +.min-h-full { + min-height: 100% !important; +} +.min-h-\[355px\] { + min-height: 355px !important; +} +.min-h-\[3\.5rem\] { + min-height: 3.5rem !important; +} +.min-h-\[160px\] { + min-height: 160px !important; +} +.min-h-\[7rem\] { + min-height: 7rem !important; +} +.w-full { + width: 100% !important; +} +.w-\[288px\] { + width: 288px !important; +} +.w-\[200px\] { + width: 200px !important; +} +.w-10 { + width: 6rem !important; +} +.w-3 { + width: 0.75rem !important; +} +.w-12 { + width: 12rem !important; +} +.w-5 { + width: 1.5rem !important; +} +.w-\[280px\] { + width: 280px !important; +} +.w-9 { + width: 4.5rem !important; +} +.w-8 { + width: 4rem !important; +} +.w-7 { + width: 3rem !important; +} +.w-6 { + width: 2rem !important; +} +.w-\[80px\] { + width: 80px !important; +} +.w-fit { + width: -webkit-fit-content !important; + width: -moz-fit-content !important; + width: fit-content !important; +} +.w-\[80\%\] { + width: 80% !important; +} +.w-11 { + width: 8rem !important; +} +.w-auto { + width: auto !important; +} +.w-14 { + width: 24rem !important; +} +.w-max { + width: -webkit-max-content !important; + width: -moz-max-content !important; + width: max-content !important; +} +.w-\[17\.5rem\] { + width: 17.5rem !important; +} +.w-15 { + width: 32rem !important; +} +.w-\[18rem\] { + width: 18rem !important; +} +.w-\[12rem\] { + width: 12rem !important; +} +.w-2 { + width: 0.5rem !important; +} +.w-\[328px\] { + width: 328px !important; +} +.w-\[1px\] { + width: 1px !important; +} +.w-\[30px\] { + width: 30px !important; +} +.w-1 { + width: 0.25rem !important; +} +.w-\[31px\] { + width: 31px !important; +} +.w-\[42px\] { + width: 42px !important; +} +.w-11\/12 { + width: 91.666667% !important; +} +.w-1\/2 { + width: 50% !important; +} +.w-\[170px\] { + width: 170px !important; +} +.w-\[322px\] { + width: 322px !important; +} +.w-\[17\.75rem\] { + width: 17.75rem !important; +} +.w-\[196px\] { + width: 196px !important; +} +.w-\[156px\] { + width: 156px !important; +} +.\!w-7 { + width: 3rem !important; +} +.\!w-6 { + width: 2rem !important; +} +.w-2\/3 { + width: 66.666667% !important; +} +.w-\[180px\] { + width: 180px !important; +} +.w-\[150px\] { + width: 150px !important; +} +.w-\[88px\] { + width: 88px !important; +} +.w-13 { + width: 16rem !important; +} +.w-4 { + width: 1rem !important; +} +.w-\[8\.75rem\] { + width: 8.75rem !important; +} +.w-4\/6 { + width: 66.666667% !important; +} +.w-\[7\.5rem\] { + width: 7.5rem !important; +} +.w-1\/3 { + width: 33.333333% !important; +} +.w-\[20px\] { + width: 20px !important; +} +.w-16 { + width: 40rem !important; +} +.w-3\/5 { + width: 60% !important; +} +.w-\[5rem\] { + width: 5rem !important; +} +.w-\[40px\] { + width: 40px !important; +} +.w-\[360px\] { + width: 360px !important; +} +.w-\[284px\] { + width: 284px !important; +} +.w-\[20\.5rem\] { + width: 20.5rem !important; +} +.w-\[6\.25rem\] { + width: 6.25rem !important; +} +.w-\[10rem\] { + width: 10rem !important; +} +.w-\[65\%\] { + width: 65% !important; +} +.w-2\/5 { + width: 40% !important; +} +.w-\[4rem\] { + width: 4rem !important; +} +.w-\[15rem\] { + width: 15rem !important; +} +.w-\[11rem\] { + width: 11rem !important; +} +.w-\[56px\] { + width: 56px !important; +} +.w-\[120px\] { + width: 120px !important; +} +.w-screen { + width: 100vw !important; +} +.w-\[calc\(100\%\+48px\)\] { + width: calc(100% + 48px) !important; +} +.w-\[208px\] { + width: 208px !important; +} +.w-\[calc\(100\%-224px\)\] { + width: calc(100% - 224px) !important; +} +.w-\[calc\(50\%-2px\)\] { + width: calc(50% - 2px) !important; +} +.w-\[calc\(100\%\+32px\)\] { + width: calc(100% + 32px) !important; +} +.w-\[160px\] { + width: 160px !important; +} +.\!w-\[180px\] { + width: 180px !important; +} +.w-\[calc\(50\%-4px\)\] { + width: calc(50% - 4px) !important; +} +.w-\[6\.5rem\] { + width: 6.5rem !important; +} +.w-\[90\%\] { + width: 90% !important; +} +.w-1\/5 { + width: 20% !important; +} +.w-0 { + width: 0 !important; +} +.w-\[100vw\] { + width: 100vw !important; +} +.w-\[94px\] { + width: 94px !important; +} +.w-\[504px\] { + width: 504px !important; +} +.w-\[87px\] { + width: 87px !important; +} +.w-\[89px\] { + width: 89px !important; +} +.w-\[21px\] { + width: 21px !important; +} +.w-\[105px\] { + width: 105px !important; +} +.w-\[25rem\] { + width: 25rem !important; +} +.w-min { + width: -webkit-min-content !important; + width: -moz-min-content !important; + width: min-content !important; +} +.w-\[300px\] { + width: 300px !important; +} +.w-\[255px\] { + width: 255px !important; +} +.w-\[6rem\] { + width: 6rem !important; +} +.w-\[104px\] { + width: 104px !important; +} +.w-\[5px\] { + width: 5px !important; +} +.w-\[270px\] { + width: 270px !important; +} +.w-\[24px\] { + width: 24px !important; +} +.w-\[21rem\] { + width: 21rem !important; +} +.w-4\/5 { + width: 80% !important; +} +.w-2\/4 { + width: 50% !important; +} +.w-\[10\%\] { + width: 10% !important; +} +.w-1\/4 { + width: 25% !important; +} +.w-\[275px\] { + width: 275px !important; +} +.w-\[52px\] { + width: 52px !important; +} +.w-\[126px\] { + width: 126px !important; +} +.w-\[171px\] { + width: 171px !important; +} +.w-\[286px\] { + width: 286px !important; +} +.\!w-full { + width: 100% !important; +} +.w-\[9rem\] { + width: 9rem !important; +} +.\!w-5 { + width: 1.5rem !important; +} +.w-\[58px\] { + width: 58px !important; +} +.w-\[230px\] { + width: 230px !important; +} +.w-\[214px\] { + width: 214px !important; +} +.w-\[140px\] { + width: 140px !important; +} +.w-\[17rem\] { + width: 17rem !important; +} +.w-3\/4 { + width: 75% !important; +} +.w-5\/6 { + width: 83.333333% !important; +} +.w-\[224px\] { + width: 224px !important; +} +.w-\[242px\] { + width: 242px !important; +} +.\!w-\[224px\] { + width: 224px !important; +} +.w-\[28px\] { + width: 28px !important; +} +.w-\[137px\] { + width: 137px !important; +} +.w-\[157px\] { + width: 157px !important; +} +.w-\[96px\] { + width: 96px !important; +} +.w-\[456px\] { + width: 456px !important; +} +.w-\[16px\] { + width: 16px !important; +} +.w-\[3px\] { + width: 3px !important; +} +.w-\[256px\] { + width: 256px !important; +} +.w-\[calc\(50\%-8px\)\] { + width: calc(50% - 8px) !important; +} +.w-\[calc\(35\%-24px\)\] { + width: calc(35% - 24px) !important; +} +.w-\[calc\(35\%-26px\)\] { + width: calc(35% - 26px) !important; +} +.w-\[225px\] { + width: 225px !important; +} +.w-\[325px\] { + width: 325px !important; +} +.w-\[333px\] { + width: 333px !important; +} +.w-\[357px\] { + width: 357px !important; +} +.w-\[396px\] { + width: 396px !important; +} +.w-\[227\.2px\] { + width: 227.2px !important; +} +.w-\[244px\] { + width: 244px !important; +} +.w-\[304px\] { + width: 304px !important; +} +.w-\[512px\] { + width: 512px !important; +} +.w-\[264px\] { + width: 264px !important; +} +.w-\[106px\] { + width: 106px !important; +} +.w-\[103px\] { + width: 103px !important; +} +.w-\[101px\] { + width: 101px !important; +} +.w-\[146px\] { + width: 146px !important; +} +.w-7\/12 { + width: 58.333333% !important; +} +.w-\[231px\] { + width: 231px !important; +} +.w-\[60px\] { + width: 60px !important; +} +.w-\[100px\] { + width: 100px !important; +} +.w-10\/12 { + width: 83.333333% !important; +} +.w-\[159px\] { + width: 159px !important; +} +.w-\[221px\] { + width: 221px !important; +} +.w-\[165px\] { + width: 165px !important; +} +.w-\[131px\] { + width: 131px !important; +} +.w-\[72px\] { + width: 72px !important; +} +.w-\[405px\] { + width: 405px !important; +} +.w-\[22px\] { + width: 22px !important; +} +.w-\[5\.5rem\] { + width: 5.5rem !important; +} +.w-\[240px\] { + width: 240px !important; +} +.w-\[238px\] { + width: 238px !important; +} +.w-\[86px\] { + width: 86px !important; +} +.w-\[119px\] { + width: 119px !important; +} +.w-\[102px\] { + width: 102px !important; +} +.w-\[600px\] { + width: 600px !important; +} +.w-\[2\.5rem\] { + width: 2.5rem !important; +} +.w-\[8rem\] { + width: 8rem !important; +} +.w-\[8\.5rem\] { + width: 8.5rem !important; +} +.w-\[22\.5rem\] { + width: 22.5rem !important; +} +.w-\[254px\] { + width: 254px !important; +} +.w-\[130px\] { + width: 130px !important; +} +.w-\[189px\] { + width: 189px !important; +} +.w-\[48px\] { + width: 48px !important; +} +.w-\[55px\] { + width: 55px !important; +} +.w-\[16rem\] { + width: 16rem !important; +} +.w-\[13rem\] { + width: 13rem !important; +} +.w-\[7rem\] { + width: 7rem !important; +} +.w-\[163px\] { + width: 163px !important; +} +.w-\[552px\] { + width: 552px !important; +} +.min-w-0 { + min-width: 0px !important; +} +.min-w-\[5rem\] { + min-width: 5rem !important; +} +.min-w-\[1\.75rem\] { + min-width: 1.75rem !important; +} +.min-w-\[60px\] { + min-width: 60px !important; +} +.min-w-\[70px\] { + min-width: 70px !important; +} +.min-w-\[384px\] { + min-width: 384px !important; +} +.min-w-\[295px\] { + min-width: 295px !important; +} +.min-w-\[6rem\] { + min-width: 6rem !important; +} +.min-w-\[64px\] { + min-width: 64px !important; +} +.min-w-\[124px\] { + min-width: 124px !important; +} +.min-w-\[208px\] { + min-width: 208px !important; +} +.min-w-\[85vw\] { + min-width: 85vw !important; +} +.min-w-\[24px\] { + min-width: 24px !important; +} +.\!min-w-\[144px\] { + min-width: 144px !important; +} +.min-w-\[185px\] { + min-width: 185px !important; +} +.min-w-\[48px\] { + min-width: 48px !important; +} +.min-w-fit { + min-width: -webkit-fit-content !important; + min-width: -moz-fit-content !important; + min-width: fit-content !important; +} +.min-w-\[100px\] { + min-width: 100px !important; +} +.min-w-full { + min-width: 100% !important; +} +.\!min-w-\[168px\] { + min-width: 168px !important; +} +.\!min-w-\[138px\] { + min-width: 138px !important; +} +.min-w-\[328px\] { + min-width: 328px !important; +} +.min-w-\[90px\] { + min-width: 90px !important; +} +.min-w-max { + min-width: -webkit-max-content !important; + min-width: -moz-max-content !important; + min-width: max-content !important; +} +.min-w-\[260px\] { + min-width: 260px !important; +} +.min-w-\[250px\] { + min-width: 250px !important; +} +.min-w-\[50px\] { + min-width: 50px !important; +} +.min-w-\[313px\] { + min-width: 313px !important; +} +.min-w-\[175px\] { + min-width: 175px !important; +} +.min-w-\[21rem\] { + min-width: 21rem !important; +} +.min-w-\[9rem\] { + min-width: 9rem !important; +} +.min-w-\[246px\] { + min-width: 246px !important; +} +.min-w-\[16rem\] { + min-width: 16rem !important; +} +.min-w-\[150px\] { + min-width: 150px !important; +} +.min-w-\[144px\] { + min-width: 144px !important; +} +.min-w-\[192px\] { + min-width: 192px !important; +} +.min-w-\[220px\] { + min-width: 220px !important; +} +.min-w-\[56px\] { + min-width: 56px !important; +} +.min-w-\[10rem\] { + min-width: 10rem !important; +} +.min-w-\[3\.5rem\] { + min-width: 3.5rem !important; +} +.\!min-w-\[174px\] { + min-width: 174px !important; +} +.min-w-\[944px\] { + min-width: 944px !important; +} +.min-w-\[88px\] { + min-width: 88px !important; +} +.min-w-\[252px\] { + min-width: 252px !important; +} +.min-w-\[184px\] { + min-width: 184px !important; +} +.min-w-\[160px\] { + min-width: 160px !important; +} +.min-w-\[130px\] { + min-width: 130px !important; +} +.min-w-\[96px\] { + min-width: 96px !important; +} +.min-w-\[204px\] { + min-width: 204px !important; +} +.max-w-\[91\.25rem\] { + max-width: 91.25rem !important; +} +.max-w-\[200px\] { + max-width: 200px !important; +} +.max-w-\[300px\] { + max-width: 300px !important; +} +.max-w-\[296px\] { + max-width: 296px !important; +} +.max-w-\[56rem\] { + max-width: 56rem !important; +} +.max-w-\[640px\] { + max-width: 640px !important; +} +.max-w-\[1440px\] { + max-width: 1440px !important; +} +.max-w-3xl { + max-width: 48rem !important; +} +.max-w-md { + max-width: 28rem !important; +} +.max-w-\[57\.5rem\] { + max-width: 57.5rem !important; +} +.max-w-xs { + max-width: 20rem !important; +} +.max-w-\[145px\] { + max-width: 145px !important; +} +.max-w-full { + max-width: 100% !important; +} +.max-w-\[7\.5rem\] { + max-width: 7.5rem !important; +} +.max-w-\[260px\] { + max-width: 260px !important; +} +.max-w-\[32rem\] { + max-width: 32rem !important; +} +.max-w-sm { + max-width: 24rem !important; +} +.max-w-\[4rem\] { + max-width: 4rem !important; +} +.max-w-\[448px\] { + max-width: 448px !important; +} +.max-w-\[calc\(100vw-32px\)\] { + max-width: calc(100vw - 32px) !important; +} +.max-w-\[401px\] { + max-width: 401px !important; +} +.max-w-\[9rem\] { + max-width: 9rem !important; +} +.\!max-w-none { + max-width: none !important; +} +.\!max-w-full { + max-width: 100% !important; +} +.max-w-\[calc\(100\%\+32px\)\] { + max-width: calc(100% + 32px) !important; +} +.max-w-\[135px\] { + max-width: 135px !important; +} +.max-w-\[262px\] { + max-width: 262px !important; +} +.max-w-\[5rem\] { + max-width: 5rem !important; +} +.max-w-\[360px\] { + max-width: 360px !important; +} +.max-w-\[226px\] { + max-width: 226px !important; +} +.max-w-\[210px\] { + max-width: 210px !important; +} +.max-w-\[180px\] { + max-width: 180px !important; +} +.max-w-\[328px\] { + max-width: 328px !important; +} +.max-w-\[754px\] { + max-width: 754px !important; +} +.max-w-\[21rem\] { + max-width: 21rem !important; +} +.max-w-5xl { + max-width: 64rem !important; +} +.max-w-\[324px\] { + max-width: 324px !important; +} +.max-w-\[276px\] { + max-width: 276px !important; +} +.max-w-\[650px\] { + max-width: 650px !important; +} +.max-w-\[36rem\] { + max-width: 36rem !important; +} +.max-w-\[30rem\] { + max-width: 30rem !important; +} +.max-w-\[10rem\] { + max-width: 10rem !important; +} +.max-w-\[30ch\] { + max-width: 30ch !important; +} +.max-w-\[28ch\] { + max-width: 28ch !important; +} +.max-w-\[82ch\] { + max-width: 82ch !important; +} +.max-w-\[78ch\] { + max-width: 78ch !important; +} +.max-w-\[44rem\] { + max-width: 44rem !important; +} +.max-w-\[19\.475rem\] { + max-width: 19.475rem !important; +} +.max-w-\[580px\] { + max-width: 580px !important; +} +.max-w-\[27ch\] { + max-width: 27ch !important; +} +.max-w-\[16\.25rem\] { + max-width: 16.25rem !important; +} +.max-w-\[54rem\] { + max-width: 54rem !important; +} +.max-w-\[8\.5rem\] { + max-width: 8.5rem !important; +} +.max-w-\[91rem\] { + max-width: 91rem !important; +} +.max-w-\[600px\] { + max-width: 600px !important; +} +.max-w-\[692px\] { + max-width: 692px !important; +} +.max-w-\[31rem\] { + max-width: 31rem !important; +} +.max-w-\[40\%\] { + max-width: 40% !important; +} +.max-w-\[456px\] { + max-width: 456px !important; +} +.max-w-none { + max-width: none !important; +} +.max-w-\[992px\] { + max-width: 992px !important; +} +.max-w-\[944px\] { + max-width: 944px !important; +} +.max-w-\[1152px\] { + max-width: 1152px !important; +} +.max-w-\[256px\] { + max-width: 256px !important; +} +.max-w-\[396\] { + max-width: 396 !important; +} +.max-w-\[396px\] { + max-width: 396px !important; +} +.max-w-\[357px\] { + max-width: 357px !important; +} +.max-w-\[460px\] { + max-width: 460px !important; +} +.max-w-\[480px\] { + max-width: 480px !important; +} +.max-w-\[320px\] { + max-width: 320px !important; +} +.max-w-\[512px\] { + max-width: 512px !important; +} +.max-w-\[280px\] { + max-width: 280px !important; +} +.max-w-\[900px\] { + max-width: 900px !important; +} +.max-w-\[588px\] { + max-width: 588px !important; +} +.max-w-\[884px\] { + max-width: 884px !important; +} +.max-w-fit { + max-width: -webkit-fit-content !important; + max-width: -moz-fit-content !important; + max-width: fit-content !important; +} +.max-w-\[120px\] { + max-width: 120px !important; +} +.max-w-lg { + max-width: 32rem !important; +} +.max-w-\[835px\] { + max-width: 835px !important; +} +.max-w-\[20rem\] { + max-width: 20rem !important; +} +.max-w-xl { + max-width: 36rem !important; +} +.max-w-\[769px\] { + max-width: 769px !important; +} +.max-w-\[212px\] { + max-width: 212px !important; +} +.max-w-\[22\.5rem\] { + max-width: 22.5rem !important; +} +.flex-1 { + flex: 1 1 0% !important; +} +.flex-none { + flex: none !important; +} +.flex-\[3\] { + flex: 3 !important; +} +.flex-auto { + flex: 1 1 auto !important; +} +.flex-shrink-0 { + flex-shrink: 0 !important; +} +.flex-shrink { + flex-shrink: 1 !important; +} +.shrink-0 { + flex-shrink: 0 !important; +} +.shrink { + flex-shrink: 1 !important; +} +.shrink-\[10\] { + flex-shrink: 10 !important; +} +.flex-grow { + flex-grow: 1 !important; +} +.flex-grow-0 { + flex-grow: 0 !important; +} +.grow { + flex-grow: 1 !important; +} +.basis-\[69px\] { + flex-basis: 69px !important; +} +.basis-4 { + flex-basis: 1rem !important; +} +.basis-2 { + flex-basis: 0.5rem !important; +} +.basis-\[80\%\] { + flex-basis: 80% !important; +} +.basis-full { + flex-basis: 100% !important; +} +.basis-1\/3 { + flex-basis: 33.333333% !important; +} +.basis-auto { + flex-basis: auto !important; +} +.basis-\[40\%\] { + flex-basis: 40% !important; +} +.table-auto { + table-layout: auto !important; +} +.table-fixed { + table-layout: fixed !important; +} +.border-collapse { + border-collapse: collapse !important; +} +.origin-left { + transform-origin: left !important; +} +.origin-top-right { + transform-origin: top right !important; +} +.origin-right { + transform-origin: right !important; +} +.origin-top { + transform-origin: top !important; +} +.origin-center { + transform-origin: center !important; +} +.translate-x-1\/2 { + --tw-translate-x: 50% !important; + transform: translate(var(--tw-translate-x), var(--tw-translate-y)) + rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) + scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important; +} +.-translate-y-1\/2 { + --tw-translate-y: -50% !important; + transform: translate(var(--tw-translate-x), var(--tw-translate-y)) + rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) + scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important; +} +.-translate-y-8 { + --tw-translate-y: -4rem !important; + transform: translate(var(--tw-translate-x), var(--tw-translate-y)) + rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) + scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important; +} +.-translate-x-1\/2 { + --tw-translate-x: -50% !important; + transform: translate(var(--tw-translate-x), var(--tw-translate-y)) + rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) + scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important; +} +.translate-y-\[calc\(100\%-56px\)\] { + --tw-translate-y: calc(100% - 56px) !important; + transform: translate(var(--tw-translate-x), var(--tw-translate-y)) + rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) + scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important; +} +.translate-y-1\/2 { + --tw-translate-y: 50% !important; + transform: translate(var(--tw-translate-x), var(--tw-translate-y)) + rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) + scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important; +} +.translate-y-3 { + --tw-translate-y: 0.75rem !important; + transform: translate(var(--tw-translate-x), var(--tw-translate-y)) + rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) + scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important; +} +.-translate-y-\[112px\] { + --tw-translate-y: -112px !important; + transform: translate(var(--tw-translate-x), var(--tw-translate-y)) + rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) + scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important; +} +.translate-y-full { + --tw-translate-y: 100% !important; + transform: translate(var(--tw-translate-x), var(--tw-translate-y)) + rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) + scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important; +} +.translate-y-0 { + --tw-translate-y: 0 !important; + transform: translate(var(--tw-translate-x), var(--tw-translate-y)) + rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) + scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important; +} +.rotate-180 { + --tw-rotate: 180deg !important; + transform: translate(var(--tw-translate-x), var(--tw-translate-y)) + rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) + scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important; +} +.rotate-90 { + --tw-rotate: 90deg !important; + transform: translate(var(--tw-translate-x), var(--tw-translate-y)) + rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) + scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important; +} +.-rotate-90 { + --tw-rotate: -90deg !important; + transform: translate(var(--tw-translate-x), var(--tw-translate-y)) + rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) + scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important; +} +.scale-100 { + --tw-scale-x: 1 !important; + --tw-scale-y: 1 !important; + transform: translate(var(--tw-translate-x), var(--tw-translate-y)) + rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) + scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important; +} +.scale-0 { + --tw-scale-x: 0 !important; + --tw-scale-y: 0 !important; + transform: translate(var(--tw-translate-x), var(--tw-translate-y)) + rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) + scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important; +} +.scale-\[2\] { + --tw-scale-x: 2 !important; + --tw-scale-y: 2 !important; + transform: translate(var(--tw-translate-x), var(--tw-translate-y)) + rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) + scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important; +} +.scale-150 { + --tw-scale-x: 1.5 !important; + --tw-scale-y: 1.5 !important; + transform: translate(var(--tw-translate-x), var(--tw-translate-y)) + rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) + scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important; +} +.scale-\[0\] { + --tw-scale-x: 0 !important; + --tw-scale-y: 0 !important; + transform: translate(var(--tw-translate-x), var(--tw-translate-y)) + rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) + scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important; +} +.scale-y-110 { + --tw-scale-y: 1.1 !important; + transform: translate(var(--tw-translate-x), var(--tw-translate-y)) + rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) + scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important; +} +.scale-x-0 { + --tw-scale-x: 0 !important; + transform: translate(var(--tw-translate-x), var(--tw-translate-y)) + rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) + scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important; +} +.scale-y-0 { + --tw-scale-y: 0 !important; + transform: translate(var(--tw-translate-x), var(--tw-translate-y)) + rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) + scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important; +} +.scale-y-105 { + --tw-scale-y: 1.05 !important; + transform: translate(var(--tw-translate-x), var(--tw-translate-y)) + rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) + scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important; +} +.scale-x-105 { + --tw-scale-x: 1.05 !important; + transform: translate(var(--tw-translate-x), var(--tw-translate-y)) + rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) + scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important; +} +.transform { + transform: translate(var(--tw-translate-x), var(--tw-translate-y)) + rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) + scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important; +} +.cursor-pointer { + cursor: pointer !important; +} +.cursor-not-allowed { + cursor: not-allowed !important; +} +.cursor-ns-resize { + cursor: ns-resize !important; +} +.cursor-move { + cursor: move !important; +} +.touch-pan-x { + --tw-pan-x: pan-x !important; + touch-action: var(--tw-pan-x) var(--tw-pan-y) var(--tw-pinch-zoom) !important; +} +.select-none { + -webkit-user-select: none !important; + -moz-user-select: none !important; + -ms-user-select: none !important; + user-select: none !important; +} +.resize-none { + resize: none !important; +} +.resize { + resize: both !important; +} +.list-inside { + list-style-position: inside !important; +} +.list-none { + list-style-type: none !important; +} +.columns-2 { + -moz-columns: 2 !important; + columns: 2 !important; +} +.columns-1 { + -moz-columns: 1 !important; + columns: 1 !important; +} +.grid-cols-2 { + grid-template-columns: repeat(2, minmax(0, 1fr)) !important; +} +.grid-cols-1 { + grid-template-columns: repeat(1, minmax(0, 1fr)) !important; +} +.grid-cols-3 { + grid-template-columns: repeat(3, minmax(0, 1fr)) !important; +} +.grid-cols-\[repeat\(2\,_1fr\)\] { + grid-template-columns: repeat(2, 1fr) !important; +} +.grid-cols-4 { + grid-template-columns: repeat(4, minmax(0, 1fr)) !important; +} +.grid-cols-6 { + grid-template-columns: repeat(6, minmax(0, 1fr)) !important; +} +.grid-cols-7 { + grid-template-columns: repeat(7, minmax(0, 1fr)) !important; +} +.grid-rows-5 { + grid-template-rows: repeat(5, minmax(0, 1fr)) !important; +} +.grid-rows-3 { + grid-template-rows: repeat(3, minmax(0, 1fr)) !important; +} +.grid-rows-2 { + grid-template-rows: repeat(2, minmax(0, 1fr)) !important; +} +.flex-row, +.\!flex-row { + flex-direction: row !important; +} +.flex-row-reverse { + flex-direction: row-reverse !important; +} +.flex-col { + flex-direction: column !important; +} +.flex-col-reverse { + flex-direction: column-reverse !important; +} +.flex-wrap { + flex-wrap: wrap !important; +} +.flex-wrap-reverse { + flex-wrap: wrap-reverse !important; +} +.flex-nowrap { + flex-wrap: nowrap !important; +} +.place-items-center { + place-items: center !important; +} +.content-center { + align-content: center !important; +} +.content-between { + align-content: space-between !important; +} +.content-baseline { + align-content: baseline !important; +} +.items-start, +.\!items-start { + align-items: flex-start !important; +} +.items-end { + align-items: flex-end !important; +} +.items-center { + align-items: center !important; +} +.items-baseline { + align-items: baseline !important; +} +.items-stretch { + align-items: stretch !important; +} +.justify-start, +.\!justify-start { + justify-content: flex-start !important; +} +.justify-end { + justify-content: flex-end !important; +} +.justify-center, +.\!justify-center { + justify-content: center !important; +} +.justify-between { + justify-content: space-between !important; +} +.justify-around { + justify-content: space-around !important; +} +.justify-evenly { + justify-content: space-evenly !important; +} +.justify-items-center { + justify-items: center !important; +} +.justify-items-stretch { + justify-items: stretch !important; +} +.gap-2 { + gap: 0.5rem !important; +} +.gap-1 { + gap: 0.25rem !important; +} +.gap-3 { + gap: 0.75rem !important; +} +.gap-6 { + gap: 2rem !important; +} +.gap-5 { + gap: 1.5rem !important; +} +.gap-4 { + gap: 1rem !important; +} +.gap-10 { + gap: 6rem !important; +} +.gap-\[20px\] { + gap: 20px !important; +} +.gap-\[2px\] { + gap: 2px !important; +} +.gap-0 { + gap: 0 !important; +} +.gap-7 { + gap: 3rem !important; +} +.gap-\[40px\] { + gap: 40px !important; +} +.gap-\[116px\] { + gap: 116px !important; +} +.gap-8 { + gap: 4rem !important; +} +.gap-\[130px\] { + gap: 130px !important; +} +.gap-\[10px\] { + gap: 10px !important; +} +.gap-y-6 { + row-gap: 2rem !important; +} +.gap-y-4 { + row-gap: 1rem !important; +} +.gap-x-3 { + -moz-column-gap: 0.75rem !important; + column-gap: 0.75rem !important; +} +.gap-x-2 { + -moz-column-gap: 0.5rem !important; + column-gap: 0.5rem !important; +} +.gap-y-2 { + row-gap: 0.5rem !important; +} +.gap-y-3 { + row-gap: 0.75rem !important; +} +.gap-x-1 { + -moz-column-gap: 0.25rem !important; + column-gap: 0.25rem !important; +} +.gap-x-5 { + -moz-column-gap: 1.5rem !important; + column-gap: 1.5rem !important; +} +.gap-y-1 { + row-gap: 0.25rem !important; +} +.gap-y-5 { + row-gap: 1.5rem !important; +} +.gap-y-\[40px\] { + row-gap: 40px !important; +} +.gap-x-7 { + -moz-column-gap: 3rem !important; + column-gap: 3rem !important; +} +.gap-x-4 { + -moz-column-gap: 1rem !important; + column-gap: 1rem !important; +} +.gap-x-10 { + -moz-column-gap: 6rem !important; + column-gap: 6rem !important; +} +.gap-x-6 { + -moz-column-gap: 2rem !important; + column-gap: 2rem !important; +} +.gap-y-0 { + row-gap: 0 !important; +} +.gap-x-\[10px\] { + -moz-column-gap: 10px !important; + column-gap: 10px !important; +} +.space-y-4 > :not([hidden]) ~ :not([hidden]) { + --tw-space-y-reverse: 0 !important; + margin-top: calc(1rem * calc(1 - var(--tw-space-y-reverse))) !important; + margin-bottom: calc(1rem * var(--tw-space-y-reverse)) !important; +} +.space-y-1 > :not([hidden]) ~ :not([hidden]) { + --tw-space-y-reverse: 0 !important; + margin-top: calc(0.25rem * calc(1 - var(--tw-space-y-reverse))) !important; + margin-bottom: calc(0.25rem * var(--tw-space-y-reverse)) !important; +} +.divide-y > :not([hidden]) ~ :not([hidden]) { + --tw-divide-y-reverse: 0 !important; + border-top-width: calc(1px * calc(1 - var(--tw-divide-y-reverse))) !important; + border-bottom-width: calc(1px * var(--tw-divide-y-reverse)) !important; +} +.self-start { + align-self: flex-start !important; +} +.self-end { + align-self: flex-end !important; +} +.self-center { + align-self: center !important; +} +.self-stretch { + align-self: stretch !important; +} +.justify-self-end { + justify-self: end !important; +} +.justify-self-center { + justify-self: center !important; +} +.overflow-auto { + overflow: auto !important; +} +.overflow-hidden { + overflow: hidden !important; +} +.overflow-visible { + overflow: visible !important; +} +.overflow-scroll { + overflow: scroll !important; +} +.overflow-x-auto { + overflow-x: auto !important; +} +.overflow-y-auto { + overflow-y: auto !important; +} +.overflow-x-hidden { + overflow-x: hidden !important; +} +.overflow-y-hidden { + overflow-y: hidden !important; +} +.overflow-x-scroll { + overflow-x: scroll !important; +} +.overflow-y-scroll { + overflow-y: scroll !important; +} +.truncate { + overflow: hidden !important; + text-overflow: ellipsis !important; + white-space: nowrap !important; +} +.text-ellipsis { + text-overflow: ellipsis !important; +} +.whitespace-normal { + white-space: normal !important; +} +.whitespace-nowrap { + white-space: nowrap !important; +} +.whitespace-pre { + white-space: pre !important; +} +.whitespace-pre-line { + white-space: pre-line !important; +} +.whitespace-pre-wrap { + white-space: pre-wrap !important; +} +.break-words { + overflow-wrap: break-word !important; +} +.rounded-lg { + border-radius: 0.5rem !important; +} +.rounded { + border-radius: 0.25rem !important; +} +.rounded-full { + border-radius: 9999px !important; +} +.rounded-md { + border-radius: 0.375rem !important; +} +.rounded-2xl { + border-radius: 1rem !important; +} +.rounded-3xl { + border-radius: 1.5rem !important; +} +.rounded-none { + border-radius: 0 !important; +} +.rounded-\[72px\] { + border-radius: 72px !important; +} +.rounded-\[56px\] { + border-radius: 56px !important; +} +.rounded-xl { + border-radius: 0.75rem !important; +} +.rounded-sm { + border-radius: 0.125rem !important; +} +.rounded-\[2rem\] { + border-radius: 2rem !important; +} +.rounded-\[50\%\] { + border-radius: 50% !important; +} +.rounded-\[10px\] { + border-radius: 10px !important; +} +.rounded-\[4px\] { + border-radius: 4px !important; +} +.\!rounded-2xl { + border-radius: 1rem !important; +} +.rounded-t-md { + border-top-left-radius: 0.375rem !important; + border-top-right-radius: 0.375rem !important; +} +.rounded-b-none { + border-bottom-right-radius: 0 !important; + border-bottom-left-radius: 0 !important; +} +.rounded-t-xl { + border-top-left-radius: 0.75rem !important; + border-top-right-radius: 0.75rem !important; +} +.rounded-r-lg { + border-top-right-radius: 0.5rem !important; + border-bottom-right-radius: 0.5rem !important; +} +.rounded-t-2xl { + border-top-left-radius: 1rem !important; + border-top-right-radius: 1rem !important; +} +.rounded-t-none { + border-top-left-radius: 0 !important; + border-top-right-radius: 0 !important; +} +.rounded-b-lg { + border-bottom-right-radius: 0.5rem !important; + border-bottom-left-radius: 0.5rem !important; +} +.rounded-l-lg { + border-top-left-radius: 0.5rem !important; + border-bottom-left-radius: 0.5rem !important; +} +.rounded-t-lg { + border-top-left-radius: 0.5rem !important; + border-top-right-radius: 0.5rem !important; +} +.rounded-t-\[0\.25rem\], +.rounded-t { + border-top-left-radius: 0.25rem !important; + border-top-right-radius: 0.25rem !important; +} +.rounded-l-xl { + border-top-left-radius: 0.75rem !important; + border-bottom-left-radius: 0.75rem !important; +} +.rounded-r-\[4px\] { + border-top-right-radius: 4px !important; + border-bottom-right-radius: 4px !important; +} +.rounded-r-2xl { + border-top-right-radius: 1rem !important; + border-bottom-right-radius: 1rem !important; +} +.rounded-t-full { + border-top-left-radius: 9999px !important; + border-top-right-radius: 9999px !important; +} +.rounded-l { + border-top-left-radius: 0.25rem !important; + border-bottom-left-radius: 0.25rem !important; +} +.rounded-tr-2xl { + border-top-right-radius: 1rem !important; +} +.rounded-tl-\[2\.875rem\] { + border-top-left-radius: 2.875rem !important; +} +.rounded-br-md { + border-bottom-right-radius: 0.375rem !important; +} +.rounded-br-2xl { + border-bottom-right-radius: 1rem !important; +} +.rounded-bl-2xl { + border-bottom-left-radius: 1rem !important; +} +.rounded-tr-none { + border-top-right-radius: 0 !important; +} +.rounded-tl-2xl { + border-top-left-radius: 1rem !important; +} +.rounded-bl-none { + border-bottom-left-radius: 0 !important; +} +.border-0 { + border-width: 0px !important; +} +.border { + border-width: 1px !important; +} +.border-2, +.border-\[2px\] { + border-width: 2px !important; +} +.border-\[1px\] { + border-width: 1px !important; +} +.border-b { + border-bottom-width: 1px !important; +} +.border-b-0 { + border-bottom-width: 0px !important; +} +.border-r-0 { + border-right-width: 0px !important; +} +.border-b-\[1px\] { + border-bottom-width: 1px !important; +} +.border-r { + border-right-width: 1px !important; +} +.border-t { + border-top-width: 1px !important; +} +.\!border-t-0 { + border-top-width: 0px !important; +} +.border-b-2 { + border-bottom-width: 2px !important; +} +.border-r-2 { + border-right-width: 2px !important; +} +.border-t-2 { + border-top-width: 2px !important; +} +.border-l { + border-left-width: 1px !important; +} +.border-t-\[1px\] { + border-top-width: 1px !important; +} +.border-t-0 { + border-top-width: 0px !important; +} +.border-l-0 { + border-left-width: 0px !important; +} +.border-t-4 { + border-top-width: 4px !important; +} +.border-r-4 { + border-right-width: 4px !important; +} +.border-solid { + border-style: solid !important; +} +.border-none, +.\!border-none { + border-style: none !important; +} +.border-grays-150 { + border-color: #e2e6e9 !important; +} +.border-danger-400 { + border-color: #dc3545 !important; +} +.border-grays-400 { + border-color: #6c7680 !important; +} +.border-secondary-400 { + border-color: #0077db !important; +} +.border-grays-500 { + border-color: #4b5259 !important; +} +.border-primary { + border-color: #fdb713 !important; +} +.border-\[transparent\] { + border-color: transparent !important; +} +.border-\[\#0000001f\] { + border-color: #0000001f !important; +} +.border-grays-600 { + border-color: #2b2f33 !important; +} +.border-grays-200 { + border-color: #bec6cc !important; +} +.\!border-secondary-400 { + border-color: #0077db !important; +} +.border-secondary-300 { + border-color: #51a2e7 !important; +} +.\!border-grays-150 { + border-color: #e2e6e9 !important; +} +.border-white { + border-color: #fff !important; +} +.border-\[\#e0e0e0\] { + border-color: #e0e0e0 !important; +} +.border-gray-400 { + border-color: #bec6cc !important; +} +.border-info-300 { + border-color: #a0e8f3 !important; +} +.border-grays-300 { + border-color: #959ea6 !important; +} +.border-warning-300 { + border-color: #ffce85 !important; +} +.border-\[\#0000001F\] { + border-color: #0000001f !important; +} +.border-r-secondary-400 { + border-right-color: #0077db !important; +} +.border-b-grays-150 { + border-bottom-color: #e2e6e9 !important; +} +.border-r-primary { + border-right-color: #fdb713 !important; +} +.border-r-warning-300 { + border-right-color: #ffce85 !important; +} +.bg-white { + background-color: #fff !important; +} +.bg-grays-100 { + background-color: #f8fafb !important; +} +.bg-\[var\(--bg\)\] { + background-color: var(--bg) !important; +} +.bg-grays-200 { + background-color: #bec6cc !important; +} +.bg-secondary-400 { + background-color: #0077db !important; +} +.bg-grays-150 { + background-color: #e2e6e9 !important; +} +.bg-secondary-100 { + background-color: #f2f9ff !important; +} +.bg-warning-100 { + background-color: #fff5e5 !important; +} +.bg-grays-700 { + background-color: #0a0b0c !important; +} +.bg-danger-400 { + background-color: #dc3545 !important; +} +.bg-grays-600 { + background-color: #2b2f33 !important; +} +.bg-grays-400 { + background-color: #6c7680 !important; +} +.bg-info-100 { + background-color: #e8f9fc !important; +} +.bg-primary-light { + background-color: #ffe19c !important; +} +.bg-primary { + background-color: #fdb713 !important; +} +.bg-secondary-200 { + background-color: #c9e3f8 !important; +} +.bg-info-400 { + background-color: #17a2b8 !important; +} +.bg-grays-500 { + background-color: #4b5259 !important; +} +.bg-black { + background-color: #000 !important; +} +.bg-success-400 { + background-color: #28a745 !important; +} +.bg-warning-500 { + background-color: #a85d00 !important; +} +.bg-success-100 { + background-color: #eafaee !important; +} +.bg-success-300 { + background-color: #84e199 !important; +} +.\!bg-\[unset\] { + background-color: unset !important; +} +.bg-\[\#F6F6F6\] { + background-color: #f6f6f6 !important; +} +.\!bg-success-100 { + background-color: #eafaee !important; +} +.\!bg-white { + background-color: #fff !important; +} +.\!bg-primary { + background-color: #fdb713 !important; +} +.bg-grays-300 { + background-color: #959ea6 !important; +} +.bg-danger-100 { + background-color: #fdf2f3 !important; +} +.bg-info-300 { + background-color: #a0e8f3 !important; +} +.\!bg-primary-light { + background-color: #ffe19c !important; +} +.bg-secondary-700 { + background-color: #001c33 !important; +} +.bg-secondary-500 { + background-color: #00569e !important; +} +.bg-secondary-300 { + background-color: #51a2e7 !important; +} +.bg-\[\#F37022\] { + background-color: #f37022 !important; +} +.bg-\[\#F58221\] { + background-color: #f58221 !important; +} +.bg-\[\#FAA61C\] { + background-color: #faa61c !important; +} +.bg-\[\#F7941D\] { + background-color: #f7941d !important; +} +.bg-\[\#FEDC89\] { + background-color: #fedc89 !important; +} +.bg-\[\#FEEAB8\] { + background-color: #feeab8 !important; +} +.bg-\[\#FFF8E7\] { + background-color: #fff8e7 !important; +} +.bg-warning-400 { + background-color: #ff9800 !important; +} +.bg-white\/80 { + background-color: #fffc !important; +} +.bg-cover { + background-size: cover !important; +} +.bg-contain { + background-size: contain !important; +} +.bg-fixed { + background-attachment: fixed !important; +} +.bg-top { + background-position: top !important; +} +.bg-bottom { + background-position: bottom !important; +} +.bg-right-top { + background-position: right top !important; +} +.bg-no-repeat { + background-repeat: no-repeat !important; +} +.object-contain { + -o-object-fit: contain !important; + object-fit: contain !important; +} +.object-cover { + -o-object-fit: cover !important; + object-fit: cover !important; +} +.object-center { + -o-object-position: center !important; + object-position: center !important; +} +.p-4 { + padding: 1rem !important; +} +.p-3 { + padding: 0.75rem !important; +} +.p-1 { + padding: 0.25rem !important; +} +.p-0 { + padding: 0 !important; +} +.p-5 { + padding: 1.5rem !important; +} +.p-2 { + padding: 0.5rem !important; +} +.p-6 { + padding: 2rem !important; +} +.p-7 { + padding: 3rem !important; +} +.p-\[4\.5px\] { + padding: 4.5px !important; +} +.p-\[6px\] { + padding: 6px !important; +} +.p-\[2px\] { + padding: 2px !important; +} +.\!p-0 { + padding: 0 !important; +} +.\!p-4 { + padding: 1rem !important; +} +.\!p-1 { + padding: 0.25rem !important; +} +.p-\[1\.5px\] { + padding: 1.5px !important; +} +.p-\[20px\] { + padding: 20px !important; +} +.\!p-3 { + padding: 0.75rem !important; +} +.p-\[10px\] { + padding: 10px !important; +} +.p-8 { + padding: 4rem !important; +} +.px-0 { + padding-left: 0 !important; + padding-right: 0 !important; +} +.py-5 { + padding-top: 1.5rem !important; + padding-bottom: 1.5rem !important; +} +.px-4 { + padding-left: 1rem !important; + padding-right: 1rem !important; +} +.py-8 { + padding-top: 4rem !important; + padding-bottom: 4rem !important; +} +.py-7 { + padding-top: 3rem !important; + padding-bottom: 3rem !important; +} +.py-4 { + padding-top: 1rem !important; + padding-bottom: 1rem !important; +} +.px-5 { + padding-left: 1.5rem !important; + padding-right: 1.5rem !important; +} +.py-1 { + padding-top: 0.25rem !important; + padding-bottom: 0.25rem !important; +} +.py-2 { + padding-top: 0.5rem !important; + padding-bottom: 0.5rem !important; +} +.px-3 { + padding-left: 0.75rem !important; + padding-right: 0.75rem !important; +} +.px-8 { + padding-left: 4rem !important; + padding-right: 4rem !important; +} +.px-2 { + padding-left: 0.5rem !important; + padding-right: 0.5rem !important; +} +.py-6 { + padding-top: 2rem !important; + padding-bottom: 2rem !important; +} +.px-6 { + padding-left: 2rem !important; + padding-right: 2rem !important; +} +.\!px-0 { + padding-left: 0 !important; + padding-right: 0 !important; +} +.py-\[20px\] { + padding-top: 20px !important; + padding-bottom: 20px !important; +} +.py-3 { + padding-top: 0.75rem !important; + padding-bottom: 0.75rem !important; +} +.px-10 { + padding-left: 6rem !important; + padding-right: 6rem !important; +} +.px-1 { + padding-left: 0.25rem !important; + padding-right: 0.25rem !important; +} +.py-0 { + padding-top: 0 !important; + padding-bottom: 0 !important; +} +.py-\[40px\] { + padding-top: 40px !important; + padding-bottom: 40px !important; +} +.py-px { + padding-top: 1px !important; + padding-bottom: 1px !important; +} +.py-\[10px\] { + padding-top: 10px !important; + padding-bottom: 10px !important; +} +.px-\[5rem\] { + padding-left: 5rem !important; + padding-right: 5rem !important; +} +.py-\[1px\] { + padding-top: 1px !important; + padding-bottom: 1px !important; +} +.px-\[20px\] { + padding-left: 20px !important; + padding-right: 20px !important; +} +.\!py-1 { + padding-top: 0.25rem !important; + padding-bottom: 0.25rem !important; +} +.py-\[6px\] { + padding-top: 6px !important; + padding-bottom: 6px !important; +} +.py-\[5\.5px\] { + padding-top: 5.5px !important; + padding-bottom: 5.5px !important; +} +.\!px-4 { + padding-left: 1rem !important; + padding-right: 1rem !important; +} +.px-7 { + padding-left: 3rem !important; + padding-right: 3rem !important; +} +.px-12 { + padding-left: 12rem !important; + padding-right: 12rem !important; +} +.py-9 { + padding-top: 4.5rem !important; + padding-bottom: 4.5rem !important; +} +.px-\[11px\] { + padding-left: 11px !important; + padding-right: 11px !important; +} +.py-\[32px\] { + padding-top: 32px !important; + padding-bottom: 32px !important; +} +.py-\[112px\] { + padding-top: 112px !important; + padding-bottom: 112px !important; +} +.px-\[88px\] { + padding-left: 88px !important; + padding-right: 88px !important; +} +.py-\[5px\] { + padding-top: 5px !important; + padding-bottom: 5px !important; +} +.py-12 { + padding-top: 12rem !important; + padding-bottom: 12rem !important; +} +.py-10 { + padding-top: 6rem !important; + padding-bottom: 6rem !important; +} +.px-11 { + padding-left: 8rem !important; + padding-right: 8rem !important; +} +.py-\[0\.75rem\], +.\!py-3 { + padding-top: 0.75rem !important; + padding-bottom: 0.75rem !important; +} +.px-\[34px\] { + padding-left: 34px !important; + padding-right: 34px !important; +} +.px-\[10px\] { + padding-left: 10px !important; + padding-right: 10px !important; +} +.\!px-2 { + padding-left: 0.5rem !important; + padding-right: 0.5rem !important; +} +.px-px { + padding-left: 1px !important; + padding-right: 1px !important; +} +.px-\[18px\] { + padding-left: 18px !important; + padding-right: 18px !important; +} +.px-9 { + padding-left: 4.5rem !important; + padding-right: 4.5rem !important; +} +.px-\[0\.1rem\] { + padding-left: 0.1rem !important; + padding-right: 0.1rem !important; +} +.pb-1 { + padding-bottom: 0.25rem !important; +} +.pt-4 { + padding-top: 1rem !important; +} +.pb-5 { + padding-bottom: 1.5rem !important; +} +.pl-2 { + padding-left: 0.5rem !important; +} +.pr-4 { + padding-right: 1rem !important; +} +.pb-4 { + padding-bottom: 1rem !important; +} +.pl-1 { + padding-left: 0.25rem !important; +} +.pr-3 { + padding-right: 0.75rem !important; +} +.pt-5 { + padding-top: 1.5rem !important; +} +.\!pb-5 { + padding-bottom: 1.5rem !important; +} +.pt-6 { + padding-top: 2rem !important; +} +.pr-1 { + padding-right: 0.25rem !important; +} +.pb-0 { + padding-bottom: 0 !important; +} +.pt-0 { + padding-top: 0 !important; +} +.pb-3 { + padding-bottom: 0.75rem !important; +} +.pr-2 { + padding-right: 0.5rem !important; +} +.pb-2 { + padding-bottom: 0.5rem !important; +} +.pb-7 { + padding-bottom: 3rem !important; +} +.pt-3 { + padding-top: 0.75rem !important; +} +.pl-4 { + padding-left: 1rem !important; +} +.pr-0 { + padding-right: 0 !important; +} +.pt-1 { + padding-top: 0.25rem !important; +} +.pl-5 { + padding-left: 1.5rem !important; +} +.pr-5 { + padding-right: 1.5rem !important; +} +.pl-3 { + padding-left: 0.75rem !important; +} +.pt-2 { + padding-top: 0.5rem !important; +} +.pl-0 { + padding-left: 0 !important; +} +.pt-7 { + padding-top: 3rem !important; +} +.pt-\[1rem\] { + padding-top: 1rem !important; +} +.pr-\[1rem\] { + padding-right: 1rem !important; +} +.pl-\[1rem\] { + padding-left: 1rem !important; +} +.pb-6 { + padding-bottom: 2rem !important; +} +.pl-12 { + padding-left: 12rem !important; +} +.pl-7 { + padding-left: 3rem !important; +} +.pt-\[100\%\] { + padding-top: 100% !important; +} +.pb-9 { + padding-bottom: 4.5rem !important; +} +.pr-6 { + padding-right: 2rem !important; +} +.pb-10 { + padding-bottom: 6rem !important; +} +.pb-8 { + padding-bottom: 4rem !important; +} +.\!pt-0 { + padding-top: 0 !important; +} +.\!pr-\[2px\] { + padding-right: 2px !important; +} +.\!pl-2 { + padding-left: 0.5rem !important; +} +.pl-\[2px\] { + padding-left: 2px !important; +} +.pt-8 { + padding-top: 4rem !important; +} +.\!pb-2 { + padding-bottom: 0.5rem !important; +} +.pl-6 { + padding-left: 2rem !important; +} +.pr-9 { + padding-right: 4.5rem !important; +} +.\!pr-3 { + padding-right: 0.75rem !important; +} +.\!pb-0 { + padding-bottom: 0 !important; +} +.\!pb-3 { + padding-bottom: 0.75rem !important; +} +.pb-\[20px\] { + padding-bottom: 20px !important; +} +.\!pr-\[28px\] { + padding-right: 28px !important; +} +.\!pl-4 { + padding-left: 1rem !important; +} +.\!pr-5 { + padding-right: 1.5rem !important; +} +.pt-9 { + padding-top: 4.5rem !important; +} +.pb-\[90px\] { + padding-bottom: 90px !important; +} +.pl-8 { + padding-left: 4rem !important; +} +.pr-11 { + padding-right: 8rem !important; +} +.pt-11 { + padding-top: 8rem !important; +} +.text-left { + text-align: left !important; +} +.text-center { + text-align: center !important; +} +.text-right, +.\!text-right { + text-align: right !important; +} +.text-justify { + text-align: justify !important; +} +.text-end { + text-align: end !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; +} +.text-2 { + font-size: 0.75rem !important; +} +.text-3 { + font-size: 0.875rem !important; +} +.text-1 { + font-size: 0.625rem !important; +} +.text-5 { + font-size: 1.125rem !important; +} +.text-6 { + font-size: 1.25rem !important; +} +.text-4 { + font-size: 1rem !important; +} +.text-\[16px\] { + font-size: 16px !important; +} +.text-7 { + font-size: 1.5rem !important; +} +.text-9 { + font-size: 2rem !important; +} +.text-\[14px\] { + font-size: 14px !important; +} +.text-\[128px\] { + font-size: 128px !important; +} +.text-\[160px\] { + font-size: 160px !important; +} +.\!text-1 { + font-size: 0.625rem !important; +} +.\!text-2 { + font-size: 0.75rem !important; +} +.text-\[32px\] { + font-size: 32px !important; +} +.text-\[42px\] { + font-size: 42px !important; +} +.text-\[48px\] { + font-size: 48px !important; +} +.\!text-3 { + font-size: 0.875rem !important; +} +.font-bold { + font-weight: 700 !important; +} +.font-medium { + font-weight: 500 !important; +} +.font-normal { + font-weight: 400 !important; +} +.font-black { + font-weight: 900 !important; +} +.font-light { + font-weight: 300 !important; +} +.\!font-bold { + font-weight: 700 !important; +} +.uppercase { + text-transform: uppercase !important; +} +.capitalize { + text-transform: capitalize !important; +} +.leading-normal { + line-height: 1.7 !important; +} +.leading-loose { + line-height: 2 !important; +} +.leading-\[32px\] { + line-height: 32px !important; +} +.leading-\[1\.3\] { + line-height: 1.3 !important; +} +.leading-relaxed { + line-height: 1.8 !important; +} +.leading-snug { + line-height: 1.5 !important; +} +.leading-\[28px\] { + line-height: 28px !important; +} +.leading-tight { + line-height: 1.3 !important; +} +.leading-\[2rem\] { + line-height: 2rem !important; +} +.leading-\[160\%\] { + line-height: 160% !important; +} +.leading-none { + line-height: 1 !important; +} +.leading-\[1\.5rem\] { + line-height: 1.5rem !important; +} +.text-grays-700 { + color: #0a0b0c !important; +} +.text-grays-300 { + color: #959ea6 !important; +} +.text-grays-500 { + color: #4b5259 !important; +} +.text-danger-400 { + color: #dc3545 !important; +} +.text-grays-600 { + color: #2b2f33 !important; +} +.text-success-400 { + color: #28a745 !important; +} +.text-grays-200 { + color: #bec6cc !important; +} +.text-grays-400 { + color: #6c7680 !important; +} +.text-secondary-400 { + color: #0077db !important; +} +.text-info-400 { + color: #17a2b8 !important; +} +.text-secondary-300 { + color: #51a2e7 !important; +} +.text-primary { + color: #fdb713 !important; +} +.text-white { + color: #fff !important; +} +.text-secondary-500 { + color: #00569e !important; +} +.text-primary-dark { + color: #e3a107 !important; +} +.text-black { + color: #000 !important; +} +.text-warning-500 { + color: #a85d00 !important; +} +.text-success-500 { + color: #1e7b33 !important; +} +.text-info-500 { + color: #0f697a !important; +} +.text-warning-700 { + color: #4d2800 !important; +} +.text-danger-500 { + color: #871722 !important; +} +.text-warning-400 { + color: #ff9800 !important; +} +.text-gray-800 { + color: #2b2f33 !important; +} +.text-grays-150 { + color: #e2e6e9 !important; +} +.text-secondary-600 { + color: #004075 !important; +} +.\!text-success-400 { + color: #28a745 !important; +} +.\!text-grays-200 { + color: #bec6cc !important; +} +.text-grays-100 { + color: #f8fafb !important; +} +.\!text-primary { + color: #fdb713 !important; +} +.text-gray-600 { + color: #6c7680 !important; +} +.text-gray-700 { + color: #4b5259 !important; +} +.text-gray-500 { + color: #959ea6 !important; +} +.text-info-700 { + color: #072f36 !important; +} +.\!text-grays-300 { + color: #959ea6 !important; +} +.\!text-grays-600 { + color: #2b2f33 !important; +} +.\!text-danger-400 { + color: #dc3545 !important; +} +.text-\[\#ffe19c\] { + color: #ffe19c !important; +} +.text-\[\#E2E6E9\] { + color: #e2e6e9 !important; +} +.\!text-grays-700 { + color: #0a0b0c !important; +} +.\!text-secondary-400 { + color: #0077db !important; +} +.\!text-white { + color: #fff !important; +} +.\!text-grays-500 { + color: #4b5259 !important; +} +.text-success-700 { + color: #11461d !important; +} +.text-fg-cta-alert { + color: #dc3545 !important; +} +.text-gray-400 { + color: #bec6cc !important; +} +.text-success-300 { + color: #84e199 !important; +} +.underline { + -webkit-text-decoration-line: underline !important; + text-decoration-line: underline !important; +} +.line-through { + -webkit-text-decoration-line: line-through !important; + text-decoration-line: line-through !important; +} +.opacity-80 { + opacity: 0.8 !important; +} +.opacity-5 { + opacity: 0.05 !important; +} +.opacity-\[65\%\] { + opacity: 65% !important; +} +.opacity-60 { + opacity: 0.6 !important; +} +.opacity-0 { + opacity: 0 !important; +} +.opacity-100 { + opacity: 1 !important; +} +.opacity-50 { + opacity: 0.5 !important; +} +.opacity-75 { + opacity: 0.75 !important; +} +.opacity-40 { + opacity: 0.4 !important; +} +.opacity-95 { + opacity: 0.95 !important; +} +.opacity-70 { + opacity: 0.7 !important; +} +.shadow-lg { + --tw-shadow: 0 4px 6px 0 rgba(0, 0, 0, 0.08) !important; + --tw-shadow-colored: 0 4px 6px 0 var(--tw-shadow-color) !important; + box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), + var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important; +} +.shadow-md { + --tw-shadow: 0 2px 5px -1px rgba(0, 0, 0, 0.08) !important; + --tw-shadow-colored: 0 2px 5px -1px var(--tw-shadow-color) !important; + box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), + var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important; +} +.shadow-xl { + --tw-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.12), + 0 10px 10px -6px rgba(0, 0, 0, 0.12) !important; + --tw-shadow-colored: 0 3px 10px 0 var(--tw-shadow-color), + 0 10px 10px -6px var(--tw-shadow-color) !important; + box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), + var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important; +} +.shadow-none { + --tw-shadow: 0 0 #0000 !important; + --tw-shadow-colored: 0 0 #0000 !important; + box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), + var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important; +} +.shadow-bottom-sheet { + --tw-shadow: 0 -20px 30px -5px rgba(0, 0, 0, 0.08) !important; + --tw-shadow-colored: 0 -20px 30px -5px var(--tw-shadow-color) !important; + box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), + var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important; +} +.shadow-sm { + --tw-shadow: 0 1px 1px -1px rgba(0, 0, 0, 0.08) !important; + --tw-shadow-colored: 0 1px 1px -1px var(--tw-shadow-color) !important; + box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), + var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important; +} +.\!shadow-md { + --tw-shadow: 0 2px 5px -1px rgba(0, 0, 0, 0.08) !important; + --tw-shadow-colored: 0 2px 5px -1px var(--tw-shadow-color) !important; + box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), + var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important; +} +.\!shadow-none { + --tw-shadow: 0 0 #0000 !important; + --tw-shadow-colored: 0 0 #0000 !important; + box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), + var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important; +} +.shadow-inner { + --tw-shadow: inset 0 2px 4px 0 rgb(0, 0, 0, 0.05) !important; + --tw-shadow-colored: inset 0 2px 4px 0 var(--tw-shadow-color) !important; + box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), + var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important; +} +.outline { + outline-style: solid !important; +} +.outline-1 { + outline-width: 1px !important; +} +.outline-\[3px\] { + outline-width: 3px !important; +} +.-outline-offset-\[3px\] { + outline-offset: -3px !important; +} +.outline-grays-200 { + outline-color: #bec6cc !important; +} +.outline-secondary-400 { + outline-color: #0077db !important; +} +.blur { + --tw-blur: blur(8px) !important; + filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) + var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) + var(--tw-sepia) var(--tw-drop-shadow) !important; +} +.\!blur-0 { + --tw-blur: blur(0) !important; + filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) + var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) + var(--tw-sepia) var(--tw-drop-shadow) !important; +} +.filter, +.\!filter { + filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) + var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) + var(--tw-sepia) var(--tw-drop-shadow) !important; +} +.backdrop-blur-lg { + --tw-backdrop-blur: blur(16px) !important; + -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) + var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) + var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) + var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) + var(--tw-backdrop-sepia) !important; + backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) + var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) + var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) + var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) + var(--tw-backdrop-sepia) !important; +} +.backdrop-blur-md { + --tw-backdrop-blur: blur(12px) !important; + -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) + var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) + var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) + var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) + var(--tw-backdrop-sepia) !important; + backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) + var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) + var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) + var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) + var(--tw-backdrop-sepia) !important; +} +.backdrop-filter { + -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) + var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) + var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) + var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) + var(--tw-backdrop-sepia) !important; + backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) + var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) + var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) + var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) + var(--tw-backdrop-sepia) !important; +} +.transition { + transition-property: color, background-color, border-color, fill, stroke, + opacity, box-shadow, transform, filter, -webkit-text-decoration-color, + -webkit-backdrop-filter !important; + transition-property: color, background-color, border-color, + text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, + backdrop-filter !important; + transition-property: color, background-color, border-color, + text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, + backdrop-filter, -webkit-text-decoration-color, -webkit-backdrop-filter !important; + transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important; + transition-duration: 0.15s !important; +} +.transition-transform { + transition-property: transform !important; + transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important; + transition-duration: 0.15s !important; +} +.transition-all { + transition-property: all !important; + transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important; + transition-duration: 0.15s !important; +} +.transition-opacity { + transition-property: opacity !important; + transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important; + transition-duration: 0.15s !important; +} +.\!transition-all { + transition-property: all !important; + transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important; + transition-duration: 0.15s !important; +} +.transition-\[height\] { + transition-property: height !important; + transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important; + transition-duration: 0.15s !important; +} +.duration-300 { + transition-duration: 0.3s !important; +} +.duration-500 { + transition-duration: 0.5s !important; +} +.duration-200 { + transition-duration: 0.2s !important; +} +.ease-in { + transition-timing-function: cubic-bezier(0.4, 0, 1, 1) !important; +} +.ease-out { + transition-timing-function: cubic-bezier(0, 0, 0.2, 1) !important; +} +.ease-in-out { + transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important; +} +.content-\[\'\'\] { + --tw-content: "" !important; + content: var(--tw-content) !important; +} +.line-clamp-1 { + display: -webkit-box !important; + -webkit-line-clamp: 1 !important; + -webkit-box-orient: vertical !important; + overflow: hidden !important; +} +.line-clamp-2 { + display: -webkit-box !important; + -webkit-line-clamp: 2 !important; + -webkit-box-orient: vertical !important; + overflow: hidden !important; +} +.line-clamp-3 { + display: -webkit-box !important; + -webkit-line-clamp: 3 !important; + -webkit-box-orient: vertical !important; + overflow: hidden !important; +} +.h-safearea { + height: env(safe-area-inset-bottom) !important; +} +.ltr { + direction: ltr !important; +} +.\[perspective\:none\] { + perspective: none; +} +.\[key\:string\] { + key: string; +} +.search-form-toggle-enter-active, +.search-form-toggle-leave-active { + transition: opacity 0.2s ease; +} +.search-form-toggle-enter-from, +.search-form-toggle-leave-to { + opacity: 0; +} +.after\:content-none:after { + --tw-content: none !important; + content: var(--tw-content) !important; +} +.first\:mr-4:first-child { + margin-right: 1rem !important; +} +.first\:border-r-0:first-child { + border-right-width: 0px !important; +} +.first\:pr-4:first-child { + padding-right: 1rem !important; +} +.first\:pr-0:first-child { + padding-right: 0 !important; +} +.first\:pr-2:first-child { + padding-right: 0.5rem !important; +} +.last\:mr-2:last-child { + margin-right: 0.5rem !important; +} +.last\:mb-2:last-child { + margin-bottom: 0.5rem !important; +} +.last\:ml-4:last-child { + margin-left: 1rem !important; +} +.last\:ml-0:last-child { + margin-left: 0 !important; +} +.last\:mb-0:last-child { + margin-bottom: 0 !important; +} +.last\:mt-3:last-child { + margin-top: 0.75rem !important; +} +.last\:mb-3:last-child { + margin-bottom: 0.75rem !important; +} +.last\:border-0:last-child { + border-width: 0px !important; +} +.last\:border-b-0:last-child { + border-bottom-width: 0px !important; +} +.last\:border-l-0:last-child { + border-left-width: 0px !important; +} +.last\:pl-4:last-child { + padding-left: 1rem !important; +} +.last\:pl-2:last-child { + padding-left: 0.5rem !important; +} +.last\:pb-4:last-child { + padding-bottom: 1rem !important; +} +.last\:pb-0:last-child { + padding-bottom: 0 !important; +} +.last-of-type\:hidden:last-of-type { + display: none !important; +} +.hover\:cursor-pointer:hover { + cursor: pointer !important; +} +.hover\:border:hover { + border-width: 1px !important; +} +.hover\:border-danger-300:hover { + border-color: #f2b5bb !important; +} +.hover\:border-grays-200:hover { + border-color: #bec6cc !important; +} +.hover\:border-secondary-300:hover { + border-color: #51a2e7 !important; +} +.hover\:bg-grays-100:hover { + background-color: #f8fafb !important; +} +.hover\:bg-secondary-400:hover { + background-color: #0077db !important; +} +.hover\:bg-secondary-100:hover { + background-color: #f2f9ff !important; +} +.hover\:bg-danger-100:hover { + background-color: #fdf2f3 !important; +} +.hover\:bg-primary-dark:hover { + background-color: #e3a107 !important; +} +.hover\:bg-info-100:hover { + background-color: #e8f9fc !important; +} +.hover\:text-white:hover { + color: #fff !important; +} +.hover\:text-grays-300:hover { + color: #959ea6 !important; +} +.hover\:opacity-100:hover { + opacity: 1 !important; +} +.hover\:shadow-md:hover { + --tw-shadow: 0 2px 5px -1px rgba(0, 0, 0, 0.08) !important; + --tw-shadow-colored: 0 2px 5px -1px var(--tw-shadow-color) !important; + box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), + var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important; +} +.hover\:\!\[background-color\:transparent\]:hover { + background-color: transparent !important; +} +.focus\:\!bg-white:focus { + background-color: #fff !important; +} +.active\:shadow-none:active, +.active\:\!shadow-none:active { + --tw-shadow: 0 0 #0000 !important; + --tw-shadow-colored: 0 0 #0000 !important; + box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), + var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important; +} +.disabled\:text-grays-500:disabled { + color: #4b5259 !important; +} +.group:hover .group-hover\:scale-110 { + --tw-scale-x: 1.1 !important; + --tw-scale-y: 1.1 !important; + transform: translate(var(--tw-translate-x), var(--tw-translate-y)) + rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) + scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important; +} +@media (min-width: 640px) { + .sm\:text-display-sm { + font-weight: 700; + line-height: 170%; + font-size: 1rem; + } + @media (min-width: 768px) { + .sm\:text-display-sm { + line-height: 150%; + font-size: 1.25rem; + } + } + .sm\:text-headline-lg { + font-weight: 400; + line-height: 170%; + font-size: 1rem; + } + @media (min-width: 768px) { + .sm\:text-headline-lg { + font-weight: 700; + font-size: 1.125rem; + } + } + .sm\:right-0 { + right: 0 !important; + } + .sm\:order-first { + order: -9999 !important; + } + .sm\:text-callout-bold { + font-weight: 700; + line-height: 180%; + font-size: 0.875rem; + } + .sm\:text-caption { + font-weight: 400; + line-height: 180%; + font-size: 0.75rem; + } + .sm\:text-caption-bold { + font-weight: 700; + line-height: 180%; + font-size: 0.75rem; + } + .sm\:text-footnote { + font-weight: 400; + line-height: 180%; + font-size: 0.625rem; + } + .sm\:m-2 { + margin: 0.5rem !important; + } + .sm\:m-5 { + margin: 1.5rem !important; + } + .sm\:mx-0 { + margin-left: 0 !important; + margin-right: 0 !important; + } + .sm\:my-\[28px\] { + margin-top: 28px !important; + margin-bottom: 28px !important; + } + .sm\:my-7 { + margin-top: 3rem !important; + margin-bottom: 3rem !important; + } + .sm\:my-0 { + margin-top: 0 !important; + margin-bottom: 0 !important; + } + .sm\:mx-8 { + margin-left: 4rem !important; + margin-right: 4rem !important; + } + .sm\:my-3 { + margin-top: 0.75rem !important; + margin-bottom: 0.75rem !important; + } + .sm\:mx-auto { + margin-left: auto !important; + margin-right: auto !important; + } + .sm\:mb-3 { + margin-bottom: 0.75rem !important; + } + .sm\:mr-0 { + margin-right: 0 !important; + } + .sm\:mt-0 { + margin-top: 0 !important; + } + .sm\:mt-7 { + margin-top: 3rem !important; + } + .sm\:mt-5 { + margin-top: 1.5rem !important; + } + .sm\:mt-4 { + margin-top: 1rem !important; + } + .sm\:mb-4 { + margin-bottom: 1rem !important; + } + .sm\:mt-2 { + margin-top: 0.5rem !important; + } + .sm\:mb-0 { + margin-bottom: 0 !important; + } + .sm\:mr-9 { + margin-right: 4.5rem !important; + } + .sm\:ml-4 { + margin-left: 1rem !important; + } + .sm\:mt-8 { + margin-top: 4rem !important; + } + .sm\:mb-2 { + margin-bottom: 0.5rem !important; + } + .sm\:mr-4 { + margin-right: 1rem !important; + } + .sm\:mr-6 { + margin-right: 2rem !important; + } + .sm\:mr-8 { + margin-right: 4rem !important; + } + .sm\:ml-2 { + margin-left: 0.5rem !important; + } + .sm\:mt-3 { + margin-top: 0.75rem !important; + } + .sm\:mb-5 { + margin-bottom: 1.5rem !important; + } + .sm\:mt-\[20px\] { + margin-top: 20px !important; + } + .sm\:ml-0 { + margin-left: 0 !important; + } + .sm\:mr-2 { + margin-right: 0.5rem !important; + } + .sm\:mr-3 { + margin-right: 0.75rem !important; + } + .sm\:mb-1 { + margin-bottom: 0.25rem !important; + } + .sm\:\!btn-primary-lg-normal { + background-color: #fdb713 !important; + color: #0a0b0c !important; + border: 1px solid #0000001f !important; + gap: 4px !important; + } + .sm\:block { + display: block !important; + } + .sm\:\!btn-primary-lg-normal:hover { + background-color: #e9a507 !important; + } + .sm\:\!btn-primary-lg-normal:focus { + background-color: #fdb713 !important; + border: 1px solid #4b5259 !important; + } + .sm\:\!btn-primary-lg-normal { + height: 3rem !important; + min-height: unset !important; + padding: 0 16px !important; + font-weight: 400 !important; + line-height: 170% !important; + font-size: 1rem !important; + } + .sm\:\!btn-primary-lg-normal svg { + width: 1.5rem !important; + height: 1.5rem !important; + } + .sm\:grid { + display: grid !important; + } + .sm\:h-8 { + height: 4rem !important; + } + .sm\:h-5 { + height: 1.5rem !important; + } + .sm\:h-\[150px\] { + height: 150px !important; + } + .sm\:h-\[750px\] { + height: 750px !important; + } + .sm\:h-\[104px\] { + height: 104px !important; + } + .sm\:max-h-full { + max-height: 100% !important; + } + .sm\:w-auto { + width: auto !important; + } + .sm\:w-\[784px\] { + width: 784px !important; + } + .sm\:w-\[110px\] { + width: 110px !important; + } + .sm\:w-8 { + width: 4rem !important; + } + .sm\:w-\[calc\(35\%-21px\)\] { + width: calc(35% - 21px) !important; + } + .sm\:w-\[82px\] { + width: 82px !important; + } + .sm\:w-\[144px\] { + width: 144px !important; + } + .sm\:w-\[116px\] { + width: 116px !important; + } + .sm\:min-w-\[150px\] { + min-width: 150px !important; + } + .sm\:min-w-\[224px\] { + min-width: 224px !important; + } + .sm\:min-w-\[420px\] { + min-width: 420px !important; + } + .sm\:min-w-\[72px\] { + min-width: 72px !important; + } + .sm\:min-w-\[116px\] { + min-width: 116px !important; + } + .sm\:max-w-\[165px\] { + max-width: 165px !important; + } + .sm\:max-w-\[237px\] { + max-width: 237px !important; + } + .sm\:max-w-\[304px\] { + max-width: 304px !important; + } + .sm\:flex-grow { + flex-grow: 1 !important; + } + .sm\:grid-cols-1 { + grid-template-columns: repeat(1, minmax(0, 1fr)) !important; + } + .sm\:grid-cols-2 { + grid-template-columns: repeat(2, minmax(0, 1fr)) !important; + } + .sm\:grid-cols-3 { + grid-template-columns: repeat(3, minmax(0, 1fr)) !important; + } + .sm\:flex-row { + flex-direction: row !important; + } + .sm\:flex-col { + flex-direction: column !important; + } + .sm\:items-center { + align-items: center !important; + } + .sm\:justify-start { + justify-content: flex-start !important; + } + .sm\:justify-center { + justify-content: center !important; + } + .sm\:gap-5 { + gap: 1.5rem !important; + } + .sm\:gap-4 { + gap: 1rem !important; + } + .sm\:overflow-x-auto { + overflow-x: auto !important; + } + .sm\:overflow-x-hidden { + overflow-x: hidden !important; + } + .sm\:text-ellipsis { + text-overflow: ellipsis !important; + } + .sm\:whitespace-nowrap { + white-space: nowrap !important; + } + .sm\:rounded-md { + border-radius: 0.375rem !important; + } + .sm\:rounded-lg { + border-radius: 0.5rem !important; + } + .sm\:border-2 { + border-width: 2px !important; + } + .sm\:border { + border-width: 1px !important; + } + .sm\:border-\[2px\] { + border-width: 2px !important; + } + .sm\:border-none { + border-style: none !important; + } + .sm\:border-gray-200 { + border-color: #f6f8f9 !important; + } + .sm\:bg-right { + background-position: right !important; + } + .sm\:p-0 { + padding: 0 !important; + } + .sm\:p-3 { + padding: 0.75rem !important; + } + .sm\:p-5 { + padding: 1.5rem !important; + } + .sm\:p-1 { + padding: 0.25rem !important; + } + .sm\:p-4 { + padding: 1rem !important; + } + .sm\:px-6 { + padding-left: 2rem !important; + padding-right: 2rem !important; + } + .sm\:px-8 { + padding-left: 4rem !important; + padding-right: 4rem !important; + } + .sm\:py-2 { + padding-top: 0.5rem !important; + padding-bottom: 0.5rem !important; + } + .sm\:px-0 { + padding-left: 0 !important; + padding-right: 0 !important; + } + .sm\:px-\[54px\] { + padding-left: 54px !important; + padding-right: 54px !important; + } + .sm\:py-7 { + padding-top: 3rem !important; + padding-bottom: 3rem !important; + } + .sm\:px-5 { + padding-left: 1.5rem !important; + padding-right: 1.5rem !important; + } + .sm\:pr-4 { + padding-right: 1rem !important; + } + .sm\:pt-\[78px\] { + padding-top: 78px !important; + } + .sm\:pt-6 { + padding-top: 2rem !important; + } + .sm\:pt-3 { + padding-top: 0.75rem !important; + } + .sm\:pb-0 { + padding-bottom: 0 !important; + } + .sm\:pr-3 { + padding-right: 0.75rem !important; + } + .sm\:pl-4 { + padding-left: 1rem !important; + } + .sm\:pl-11 { + padding-left: 8rem !important; + } + .sm\:pb-3 { + padding-bottom: 0.75rem !important; + } + .sm\:text-center { + text-align: center !important; + } + .sm\:text-right { + text-align: right !important; + } + .sm\:text-justify { + text-align: justify !important; + } + .sm\:text-7 { + font-size: 1.5rem !important; + } + .sm\:text-4 { + font-size: 1rem !important; + } + .sm\:text-5 { + font-size: 1.125rem !important; + } + .sm\:text-6 { + font-size: 1.25rem !important; + } + .sm\:text-3 { + font-size: 0.875rem !important; + } + .sm\:text-2 { + font-size: 0.75rem !important; + } + .sm\:text-1 { + font-size: 0.625rem !important; + } + .sm\:text-\[18px\] { + font-size: 18px !important; + } + .sm\:font-normal { + font-weight: 400 !important; + } + .sm\:font-bold { + font-weight: 700 !important; + } + .sm\:text-grays-400 { + color: #6c7680 !important; + } + .sm\:text-black { + color: #000 !important; + } + .sm\:text-grays-600 { + color: #2b2f33 !important; + } +} +@media (min-width: 768px) { + .md\:text-display-sm { + font-weight: 700; + line-height: 170%; + font-size: 1rem; + } + @media (min-width: 768px) { + .md\:text-display-sm { + line-height: 150%; + font-size: 1.25rem; + } + } + .md\:text-display-md { + font-weight: 700; + line-height: 150%; + font-size: 1.25rem; + } + @media (min-width: 768px) { + .md\:text-display-md { + font-size: 1.5rem; + } + } + .md\:text-display-lg { + font-weight: 900; + line-height: 130%; + font-size: 1.5rem; + } + @media (min-width: 768px) { + .md\:text-display-lg { + line-height: 150%; + font-size: 2rem; + } + } + .md\:static { + position: static !important; + } + .md\:text-headline-sm { + font-weight: 700; + line-height: 170%; + font-size: 0.75rem; + } + @media (min-width: 768px) { + .md\:text-headline-sm { + font-size: 0.875rem; + } + } + .md\:absolute { + position: absolute !important; + } + .md\:text-headline-md { + font-weight: 700; + line-height: 170%; + font-size: 0.875rem; + } + .md\:sticky { + position: -webkit-sticky !important; + position: sticky !important; + } + @media (min-width: 768px) { + .md\:text-headline-md { + font-size: 1rem; + } + } + .md\:inset-0 { + top: 0 !important; + right: 0 !important; + bottom: 0 !important; + left: 0 !important; + } + .md\:text-headline-lg { + font-weight: 400; + line-height: 170%; + font-size: 1rem; + } + @media (min-width: 768px) { + .md\:text-headline-lg { + font-weight: 700; + font-size: 1.125rem; + } + } + .md\:text-body-md { + font-weight: 400; + line-height: 200%; + font-size: 0.75rem; + } + .md\:top-0 { + top: 0 !important; + } + .md\:bottom-4 { + bottom: 1rem !important; + } + .md\:left-4 { + left: 1rem !important; + } + .md\:top-4 { + top: 1rem !important; + } + .md\:bottom-5 { + bottom: 1.5rem !important; + } + .md\:left-0 { + left: 0 !important; + } + .md\:top-\[60px\] { + top: 60px !important; + } + @media (min-width: 768px) { + .md\:text-body-md { + font-size: 0.875rem; + } + } + .md\:text-body-lg { + font-weight: 400; + line-height: 200%; + font-size: 0.875rem; + } + @media (min-width: 768px) { + .md\:text-body-lg { + font-size: 1rem; + } + } + .md\:order-2 { + order: 2 !important; + } + .md\:order-1 { + order: 1 !important; + } + .md\:order-none { + order: 0 !important; + } + .md\:text-sub { + font-weight: 400; + line-height: 180%; + font-size: 1.125rem; + } + .md\:col-span-2 { + grid-column: span 2 / span 2 !important; + } + .md\:text-sub-bold { + font-weight: 700; + line-height: 180%; + font-size: 1.125rem; + } + .md\:text-label { + font-weight: 400; + line-height: 170%; + font-size: 1rem; + } + .md\:text-callout { + font-weight: 400; + line-height: 180%; + font-size: 0.875rem; + } + .md\:text-callout-bold { + font-weight: 700; + line-height: 180%; + font-size: 0.875rem; + } + .md\:text-caption { + font-weight: 400; + line-height: 180%; + font-size: 0.75rem; + } + .md\:float-none { + float: none !important; + } + .md\:m-0 { + margin: 0 !important; + } + .md\:m-auto { + margin: auto !important; + } + .md\:my-7 { + margin-top: 3rem !important; + margin-bottom: 3rem !important; + } + .md\:my-5 { + margin-top: 1.5rem !important; + margin-bottom: 1.5rem !important; + } + .md\:mx-0 { + margin-left: 0 !important; + margin-right: 0 !important; + } + .md\:mx-2 { + margin-left: 0.5rem !important; + margin-right: 0.5rem !important; + } + .md\:mx-4 { + margin-left: 1rem !important; + margin-right: 1rem !important; + } + .md\:my-0 { + margin-top: 0 !important; + margin-bottom: 0 !important; + } + .md\:my-2 { + margin-top: 0.5rem !important; + margin-bottom: 0.5rem !important; + } + .md\:my-6 { + margin-top: 2rem !important; + margin-bottom: 2rem !important; + } + .md\:my-4 { + margin-top: 1rem !important; + margin-bottom: 1rem !important; + } + .md\:my-3 { + margin-top: 0.75rem !important; + margin-bottom: 0.75rem !important; + } + .md\:my-1 { + margin-top: 0.25rem !important; + margin-bottom: 0.25rem !important; + } + .md\:mx-7 { + margin-left: 3rem !important; + margin-right: 3rem !important; + } + .md\:mx-3 { + margin-left: 0.75rem !important; + margin-right: 0.75rem !important; + } + .md\:mx-auto { + margin-left: auto !important; + margin-right: auto !important; + } + .md\:my-\[80px\] { + margin-top: 80px !important; + margin-bottom: 80px !important; + } + .md\:mx-5 { + margin-left: 1.5rem !important; + margin-right: 1.5rem !important; + } + .md\:my-8 { + margin-top: 4rem !important; + margin-bottom: 4rem !important; + } + .md\:mx-1 { + margin-left: 0.25rem !important; + margin-right: 0.25rem !important; + } + .md\:-mx-5 { + margin-left: -1.5rem !important; + margin-right: -1.5rem !important; + } + .md\:mb-10 { + margin-bottom: 6rem !important; + } + .md\:mb-8 { + margin-bottom: 4rem !important; + } + .md\:mr-0 { + margin-right: 0 !important; + } + .md\:ml-0 { + margin-left: 0 !important; + } + .md\:mb-1 { + margin-bottom: 0.25rem !important; + } + .md\:mt-4 { + margin-top: 1rem !important; + } + .md\:mb-6 { + margin-bottom: 2rem !important; + } + .md\:mb-7 { + margin-bottom: 3rem !important; + } + .md\:-mt-\[90px\] { + margin-top: -90px !important; + } + .md\:mt-7 { + margin-top: 3rem !important; + } + .md\:mb-5 { + margin-bottom: 1.5rem !important; + } + .md\:mb-4 { + margin-bottom: 1rem !important; + } + .md\:mb-0 { + margin-bottom: 0 !important; + } + .md\:mt-3 { + margin-top: 0.75rem !important; + } + .md\:ml-5 { + margin-left: 1.5rem !important; + } + .md\:mt-\[46px\] { + margin-top: 46px !important; + } + .md\:mt-0 { + margin-top: 0 !important; + } + .md\:mr-4 { + margin-right: 1rem !important; + } + .md\:mt-2 { + margin-top: 0.5rem !important; + } + .md\:mb-2 { + margin-bottom: 0.5rem !important; + } + .md\:mt-6 { + margin-top: 2rem !important; + } + .md\:mb-3 { + margin-bottom: 0.75rem !important; + } + .md\:mb-12 { + margin-bottom: 12rem !important; + } + .md\:mr-10 { + margin-right: 6rem !important; + } + .md\:mr-auto { + margin-right: auto !important; + } + .md\:ml-4 { + margin-left: 1rem !important; + } + .md\:ml-10 { + margin-left: 6rem !important; + } + .md\:mr-2 { + margin-right: 0.5rem !important; + } + .md\:mr-5 { + margin-right: 1.5rem !important; + } + .md\:ml-2 { + margin-left: 0.5rem !important; + } + .md\:-ml-4 { + margin-left: -1rem !important; + } + .md\:mr-3 { + margin-right: 0.75rem !important; + } + .md\:mt-12 { + margin-top: 12rem !important; + } + .md\:mr-1 { + margin-right: 0.25rem !important; + } + .md\:mb-11 { + margin-bottom: 8rem !important; + } + .md\:mt-11 { + margin-top: 8rem !important; + } + .md\:mt-10 { + margin-top: 6rem !important; + } + .md\:mt-1 { + margin-top: 0.25rem !important; + } + .md\:mt-5 { + margin-top: 1.5rem !important; + } + .md\:ml-3 { + margin-left: 0.75rem !important; + } + .md\:mb-px { + margin-bottom: 1px !important; + } + .md\:mr-6 { + margin-right: 2rem !important; + } + .md\:ml-6 { + margin-left: 2rem !important; + } + .md\:mt-9 { + margin-top: 4.5rem !important; + } + .md\:ml-7 { + margin-left: 3rem !important; + } + .md\:mb-\[72px\] { + margin-bottom: 72px !important; + } + .md\:mt-\[104px\] { + margin-top: 104px !important; + } + .md\:mb-\[28px\] { + margin-bottom: 28px !important; + } + .md\:mt-\[-110px\] { + margin-top: -110px !important; + } + .md\:mt-\[-17\%\] { + margin-top: -17% !important; + } + .md\:mb-\[80px\] { + margin-bottom: 80px !important; + } + .md\:mb-\[80\] { + margin-bottom: 80 !important; + } + .md\:mt-8 { + margin-top: 4rem !important; + } + .md\:ml-\[20px\] { + margin-left: 20px !important; + } + .md\:mt-\[40px\] { + margin-top: 40px !important; + } + .md\:mr-7 { + margin-right: 3rem !important; + } + .md\:mb-\[40px\] { + margin-bottom: 40px !important; + } + .md\:mb-\[2\.5rem\] { + margin-bottom: 2.5rem !important; + } + .md\:block { + display: block !important; + } + .md\:inline-block { + display: inline-block !important; + } + .md\:inline { + display: inline !important; + } + .md\:flex { + display: flex !important; + } + .md\:inline-flex { + display: inline-flex !important; + } + .md\:grid { + display: grid !important; + } + .md\:contents { + display: contents !important; + } + .md\:hidden { + display: none !important; + } + .md\:\!btn-secondary-lg-normal { + background-color: #0077db !important; + color: #fff !important; + gap: 0.25rem !important; + } + .md\:aspect-\[2\.8\/1\] { + aspect-ratio: 2.8/1 !important; + } + .md\:aspect-\[1\.97\/1\] { + aspect-ratio: 1.97/1 !important; + } + .md\:h-\[354px\] { + height: 354px !important; + } + .md\:h-\[100px\] { + height: 100px !important; + } + .md\:h-\[213px\] { + height: 213px !important; + } + .md\:h-\[28px\] { + height: 28px !important; + } + .md\:h-6 { + height: 2rem !important; + } + .md\:h-\[88px\] { + height: 88px !important; + } + .md\:h-\[112px\] { + height: 112px !important; + } + .md\:h-\[11\.5rem\] { + height: 11.5rem !important; + } + .md\:h-\[14rem\] { + height: 14rem !important; + } + .md\:h-\[10rem\] { + height: 10rem !important; + } + .md\:h-7 { + height: 3rem !important; + } + .md\:h-\[4\.5rem\] { + height: 4.5rem !important; + } + .md\:h-5 { + height: 1.5rem !important; + } + .md\:h-\[2\.5rem\] { + height: 2.5rem !important; + } + .md\:h-15 { + height: 32rem !important; + } + .md\:h-\[40px\] { + height: 40px !important; + } + .md\:h-9 { + height: 4.5rem !important; + } + .md\:h-\[64px\] { + height: 64px !important; + } + .md\:h-\[160px\] { + height: 160px !important; + } + .md\:h-\[315px\] { + height: 315px !important; + } + .md\:h-\[244px\] { + height: 244px !important; + } + .md\:h-auto { + height: auto !important; + } + .md\:h-\[80px\] { + height: 80px !important; + } + .md\:\!btn-secondary-lg-normal:hover { + background-color: #00569e !important; + } + .md\:h-\[110px\] { + height: 110px !important; + } + .md\:h-\[566px\] { + height: 566px !important; + } + .md\:h-\[fit-content\] { + height: -webkit-fit-content !important; + height: -moz-fit-content !important; + height: fit-content !important; + } + .md\:h-\[3rem\] { + height: 3rem !important; + } + .md\:h-\[640px\] { + height: 640px !important; + } + .md\:h-\[320px\] { + height: 320px !important; + } + .md\:h-full { + height: 100% !important; + } + .md\:h-8 { + height: 4rem !important; + } + .md\:h-\[104px\] { + height: 104px !important; + } + .md\:h-\[34px\] { + height: 34px !important; + } + .md\:h-\[284px\] { + height: 284px !important; + } + .md\:h-\[375px\] { + height: 375px !important; + } + .md\:h-\[123px\] { + height: 123px !important; + } + .md\:h-\[167px\] { + height: 167px !important; + } + .md\:h-\[386px\] { + height: 386px !important; + } + .md\:h-\[255px\] { + height: 255px !important; + } + .md\:h-13 { + height: 16rem !important; + } + .md\:h-\[150px\] { + height: 150px !important; + } + .md\:h-10 { + height: 6rem !important; + } + .md\:h-\[20px\] { + height: 20px !important; + } + .md\:h-\[12\.5rem\] { + height: 12.5rem !important; + } + .md\:max-h-\[200px\] { + max-height: 200px !important; + } + .md\:\!btn-secondary-lg-normal:focus { + background-color: #0077db !important; + border: 1px solid #00569e !important; + } + .md\:max-h-\[480px\] { + max-height: 480px !important; + } + .md\:max-h-\[17rem\] { + max-height: 17rem !important; + } + .md\:max-h-\[60vh\] { + max-height: 60vh !important; + } + .md\:\!btn-secondary-lg-normal { + height: 3rem !important; + min-height: unset !important; + padding: 0 16px !important; + font-weight: 400 !important; + line-height: 170% !important; + font-size: 1rem !important; + } + .md\:min-h-\[360px\] { + min-height: 360px !important; + } + .md\:\!min-h-\[288px\] { + min-height: 288px !important; + } + .md\:min-h-\[450px\] { + min-height: 450px !important; + } + .md\:w-11 { + width: 8rem !important; + } + .md\:w-\[100px\] { + width: 100px !important; + } + .md\:w-auto { + width: auto !important; + } + .md\:w-full { + width: 100% !important; + } + .md\:w-1\/2 { + width: 50% !important; + } + .md\:w-1\/4 { + width: 25% !important; + } + .md\:w-\[284px\] { + width: 284px !important; + } + .md\:w-\[88px\] { + width: 88px !important; + } + .md\:w-\[746px\] { + width: 746px !important; + } + .md\:w-\[500px\] { + width: 500px !important; + } + .md\:w-1\/5 { + width: 20% !important; + } + .md\:w-\[15rem\] { + width: 15rem !important; + } + .md\:w-\[10rem\] { + width: 10rem !important; + } + .md\:w-7 { + width: 3rem !important; + } + .md\:w-\[4\.5rem\] { + width: 4.5rem !important; + } + .md\:w-14 { + width: 24rem !important; + } + .md\:w-2\/3 { + width: 66.666667% !important; + } + .md\:w-5 { + width: 1.5rem !important; + } + .md\:w-13 { + width: 16rem !important; + } + .md\:w-12 { + width: 12rem !important; + } + .md\:w-\[328px\] { + width: 328px !important; + } + .md\:w-\[20\.5rem\] { + width: 20.5rem !important; + } + .md\:w-\[384px\] { + width: 384px !important; + } + .md\:w-\[40px\] { + width: 40px !important; + } + .md\:w-\[264px\] { + width: 264px !important; + } + .md\:w-fit { + width: -webkit-fit-content !important; + width: -moz-fit-content !important; + width: fit-content !important; + } + .md\:w-9 { + width: 4.5rem !important; + } + .md\:w-\[160px\] { + width: 160px !important; + } + .md\:w-\[calc\(100\%-50px\)\] { + width: calc(100% - 50px) !important; + } + .md\:w-max { + width: -webkit-max-content !important; + width: -moz-max-content !important; + width: max-content !important; + } + .md\:w-\[208px\] { + width: 208px !important; + } + .md\:w-1\/6 { + width: 16.666667% !important; + } + .md\:w-\[24\%\] { + width: 24% !important; + } + .md\:w-10 { + width: 6rem !important; + } + .md\:w-\[105px\] { + width: 105px !important; + } + .md\:w-6 { + width: 2rem !important; + } + .md\:w-3\/4 { + width: 75% !important; + } + .md\:w-2\/5 { + width: 40% !important; + } + .md\:w-\[130px\] { + width: 130px !important; + } + .md\:w-\[400px\] { + width: 400px !important; + } + .md\:\!btn-secondary-lg-normal svg { + width: 1.5rem !important; + height: 1.5rem !important; + } + .md\:w-\[260px\] { + width: 260px !important; + } + .md\:w-\[640px\] { + width: 640px !important; + } + .md\:w-2\/4 { + width: 50% !important; + } + .md\:w-\[276px\] { + width: 276px !important; + } + .md\:w-\[80px\] { + width: 80px !important; + } + .md\:w-\[48px\] { + width: 48px !important; + } + .md\:w-\[104px\] { + width: 104px !important; + } + .md\:w-\[456px\] { + width: 456px !important; + } + .md\:w-\[32px\] { + width: 32px !important; + } + .md\:w-\[calc\(35\%-26px\)\] { + width: calc(35% - 26px) !important; + } + .md\:w-\[350px\] { + width: 350px !important; + } + .md\:w-\[139px\] { + width: 139px !important; + } + .md\:w-\[240px\] { + width: 240px !important; + } + .md\:w-\[220px\] { + width: 220px !important; + } + .md\:w-\[111px\] { + width: 111px !important; + } + .md\:w-\[198px\] { + width: 198px !important; + } + .md\:w-\[134px\] { + width: 134px !important; + } + .md\:w-\[185px\] { + width: 185px !important; + } + .md\:w-\[213px\] { + width: 213px !important; + } + .md\:w-8 { + width: 4rem !important; + } + .md\:w-\[388px\] { + width: 388px !important; + } + .md\:w-\[256px\] { + width: 256px !important; + } + .md\:w-\[544px\] { + width: 544px !important; + } + .md\:w-\[347px\] { + width: 347px !important; + } + .md\:w-\[28px\] { + width: 28px !important; + } + .md\:w-\[538px\] { + width: 538px !important; + } + .md\:w-\[288px\] { + width: 288px !important; + } + .md\:w-\[248px\] { + width: 248px !important; + } + .md\:w-\[340px\] { + width: 340px !important; + } + .md\:w-\[170px\] { + width: 170px !important; + } + .md\:w-\[12\.5rem\] { + width: 12.5rem !important; + } + .md\:w-\[2\.5rem\] { + width: 2.5rem !important; + } + .md\:w-\[16rem\] { + width: 16rem !important; + } + .md\:w-\[42rem\] { + width: 42rem !important; + } + .md\:w-\[20px\] { + width: 20px !important; + } + .md\:w-\[557px\] { + width: 557px !important; + } + .md\:w-\[52px\] { + width: 52px !important; + } + .md\:w-\[6rem\] { + width: 6rem !important; + } + .md\:min-w-\[273px\] { + min-width: 273px !important; + } + .md\:min-w-\[256px\] { + min-width: 256px !important; + } + .md\:min-w-\[72px\] { + min-width: 72px !important; + } + .md\:min-w-\[456px\] { + min-width: 456px !important; + } + .md\:min-w-0 { + min-width: 0px !important; + } + .md\:min-w-\[300px\] { + min-width: 300px !important; + } + .md\:min-w-\[330px\] { + min-width: 330px !important; + } + .md\:min-w-\[236px\] { + min-width: 236px !important; + } + .md\:min-w-\[10rem\] { + min-width: 10rem !important; + } + .md\:min-w-\[52px\] { + min-width: 52px !important; + } + .md\:min-w-\[32rem\] { + min-width: 32rem !important; + } + .md\:max-w-xs { + max-width: 20rem !important; + } + .md\:max-w-\[264px\] { + max-width: 264px !important; + } + .md\:max-w-none { + max-width: none !important; + } + .md\:max-w-md { + max-width: 28rem !important; + } + .md\:max-w-lg { + max-width: 32rem !important; + } + .md\:max-w-\[460px\] { + max-width: 460px !important; + } + .md\:max-w-\[496px\] { + max-width: 496px !important; + } + .md\:max-w-\[580px\] { + max-width: 580px !important; + } + .md\:max-w-\[220px\] { + max-width: 220px !important; + } + .md\:max-w-\[328px\] { + max-width: 328px !important; + } + .md\:max-w-\[456px\] { + max-width: 456px !important; + } + .md\:max-w-\[48\.306\%\] { + max-width: 48.306% !important; + } + .md\:max-w-full { + max-width: 100% !important; + } + .md\:max-w-\[418px\] { + max-width: 418px !important; + } + .md\:max-w-\[250px\] { + max-width: 250px !important; + } + .md\:max-w-\[600px\] { + max-width: 600px !important; + } + .md\:flex-1 { + flex: 1 1 0% !important; + } + .md\:flex-none { + flex: none !important; + } + .md\:shrink-0 { + flex-shrink: 0 !important; + } + .md\:shrink { + flex-shrink: 1 !important; + } + .md\:flex-grow { + flex-grow: 1 !important; + } + .md\:basis-\[198px\] { + flex-basis: 198px !important; + } + .md\:basis-1\/6 { + flex-basis: 16.666667% !important; + } + .md\:basis-\[24\%\] { + flex-basis: 24% !important; + } + .md\:basis-1\/3 { + flex-basis: 33.333333% !important; + } + .md\:basis-3\/12 { + flex-basis: 25% !important; + } + .md\:origin-top { + transform-origin: top !important; + } + .md\:translate-x-0 { + --tw-translate-x: 0 !important; + transform: translate(var(--tw-translate-x), var(--tw-translate-y)) + rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) + scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important; + } + .md\:scale-y-\[1\.15\] { + --tw-scale-y: 1.15 !important; + transform: translate(var(--tw-translate-x), var(--tw-translate-y)) + rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) + scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important; + } + .md\:scale-x-\[1\.12\] { + --tw-scale-x: 1.12 !important; + transform: translate(var(--tw-translate-x), var(--tw-translate-y)) + rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) + scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important; + } + .md\:cursor-move { + cursor: move !important; + } + .md\:\!btn-ghost-lg-blue { + background-color: #0000 !important; + border-width: 1px !important; + border-style: solid !important; + gap: 0.25rem !important; + } + .md\:\!btn-ghost-lg-blue:focus { + border-color: #00569e !important; + color: #00569e !important; + } + .md\:\!btn-ghost-lg-blue { + height: 3rem !important; + min-height: unset !important; + font-weight: 400 !important; + line-height: 170% !important; + font-size: 1rem !important; + } + .md\:\!btn-ghost-lg-blue svg { + width: 1.5rem !important; + height: 1.5rem !important; + } + .md\:\!btn-ghost-lg-blue { + color: #0077db !important; + border-color: #0077db !important; + } + .md\:\!btn-ghost-lg-blue:hover { + background-color: #f2f9ff !important; + } + .md\:\!btn-tertiary-nl-blue { + border: none !important; + border-radius: 16px !important; + background-color: transparent !important; + gap: 0.25rem !important; + padding: 0 8px !important; + height: 2rem !important; + min-height: unset !important; + font-weight: 400 !important; + line-height: 180% !important; + font-size: 0.875rem !important; + } + .md\:\!btn-tertiary-nl-blue svg { + width: 1.25rem !important; + height: 1.25rem !important; + } + .md\:\!btn-tertiary-nl-blue { + color: #0077db !important; + } + .md\:\!btn-tertiary-nl-blue:hover { + background-color: #f2f9ff !important; + color: #0077db !important; + } + .md\:columns-4 { + -moz-columns: 4 !important; + columns: 4 !important; + } + .md\:grid-cols-5 { + grid-template-columns: repeat(5, minmax(0, 1fr)) !important; + } + .md\:grid-cols-4 { + grid-template-columns: repeat(4, minmax(0, 1fr)) !important; + } + .md\:grid-cols-6 { + grid-template-columns: repeat(6, minmax(0, 1fr)) !important; + } + .md\:grid-cols-3 { + grid-template-columns: repeat(3, minmax(0, 1fr)) !important; + } + .md\:grid-cols-2 { + grid-template-columns: repeat(2, minmax(0, 1fr)) !important; + } + .md\:flex-row { + flex-direction: row !important; + } + .md\:flex-row-reverse { + flex-direction: row-reverse !important; + } + .md\:flex-col { + flex-direction: column !important; + } + .md\:flex-col-reverse { + flex-direction: column-reverse !important; + } + .md\:flex-wrap { + flex-wrap: wrap !important; + } + .md\:flex-nowrap { + flex-wrap: nowrap !important; + } + .md\:items-start { + align-items: flex-start !important; + } + .md\:items-center { + align-items: center !important; + } + .md\:items-baseline { + align-items: baseline !important; + } + .md\:justify-start { + justify-content: flex-start !important; + } + .md\:justify-end { + justify-content: flex-end !important; + } + .md\:justify-center { + justify-content: center !important; + } + .md\:justify-between { + justify-content: space-between !important; + } + .md\:justify-evenly { + justify-content: space-evenly !important; + } + .md\:gap-8 { + gap: 4rem !important; + } + .md\:gap-4 { + gap: 1rem !important; + } + .md\:gap-2 { + gap: 0.5rem !important; + } + .md\:gap-5 { + gap: 1.5rem !important; + } + .md\:gap-3 { + gap: 0.75rem !important; + } + .md\:gap-10 { + gap: 6rem !important; + } + .md\:gap-0 { + gap: 0 !important; + } + .md\:gap-11 { + gap: 8rem !important; + } + .md\:gap-1 { + gap: 0.25rem !important; + } + .md\:gap-6 { + gap: 2rem !important; + } + .md\:gap-\[56px\] { + gap: 56px !important; + } + .md\:gap-\[2\.5rem\] { + gap: 2.5rem !important; + } + .md\:gap-7 { + gap: 3rem !important; + } + .md\:gap-x-4 { + -moz-column-gap: 1rem !important; + column-gap: 1rem !important; + } + .md\:gap-y-5 { + row-gap: 1.5rem !important; + } + .md\:gap-y-3 { + row-gap: 0.75rem !important; + } + .md\:gap-y-6 { + row-gap: 2rem !important; + } + .md\:gap-y-0 { + row-gap: 0 !important; + } + .md\:gap-y-2 { + row-gap: 0.5rem !important; + } + .md\:gap-x-5 { + -moz-column-gap: 1.5rem !important; + column-gap: 1.5rem !important; + } + .md\:gap-y-4 { + row-gap: 1rem !important; + } + .md\:gap-x-3 { + -moz-column-gap: 0.75rem !important; + column-gap: 0.75rem !important; + } + .md\:self-start { + align-self: flex-start !important; + } + .md\:self-center { + align-self: center !important; + } + .md\:overflow-hidden { + overflow: hidden !important; + } + .md\:overflow-visible { + overflow: visible !important; + } + .md\:rounded-lg { + border-radius: 0.5rem !important; + } + .md\:rounded { + border-radius: 0.25rem !important; + } + .md\:rounded-full { + border-radius: 9999px !important; + } + .md\:rounded-none { + border-radius: 0 !important; + } + .md\:rounded-2xl { + border-radius: 1rem !important; + } + .md\:rounded-md { + border-radius: 0.375rem !important; + } + .md\:rounded-r-lg { + border-top-right-radius: 0.5rem !important; + border-bottom-right-radius: 0.5rem !important; + } + .md\:rounded-tr-2xl { + border-top-right-radius: 1rem !important; + } + .md\:rounded-br-2xl { + border-bottom-right-radius: 1rem !important; + } + .md\:rounded-tl-none { + border-top-left-radius: 0 !important; + } + .md\:rounded-bl-none { + border-bottom-left-radius: 0 !important; + } + .md\:rounded-tr-none { + border-top-right-radius: 0 !important; + } + .md\:rounded-bl-2xl { + border-bottom-left-radius: 1rem !important; + } + .md\:border { + border-width: 1px !important; + } + .md\:border-0 { + border-width: 0px !important; + } + .md\:border-\[1px\] { + border-width: 1px !important; + } + .md\:border-b-0 { + border-bottom-width: 0px !important; + } + .md\:border-l { + border-left-width: 1px !important; + } + .md\:border-t-2 { + border-top-width: 2px !important; + } + .md\:border-t-0 { + border-top-width: 0px !important; + } + .md\:border-r { + border-right-width: 1px !important; + } + .md\:border-t { + border-top-width: 1px !important; + } + .md\:border-b { + border-bottom-width: 1px !important; + } + .md\:border-none { + border-style: none !important; + } + .md\:bg-grays-100 { + background-color: #f8fafb !important; + } + .md\:bg-grays-600 { + background-color: #2b2f33 !important; + } + .md\:bg-white { + background-color: #fff !important; + } + .md\:bg-danger-100 { + background-color: #fdf2f3 !important; + } + .md\:bg-secondary-100 { + background-color: #f2f9ff !important; + } + .md\:bg-cover { + background-size: cover !important; + } + .md\:object-cover { + -o-object-fit: cover !important; + object-fit: cover !important; + } + .md\:p-5 { + padding: 1.5rem !important; + } + .md\:p-4 { + padding: 1rem !important; + } + .md\:p-2 { + padding: 0.5rem !important; + } + .md\:p-0 { + padding: 0 !important; + } + .md\:p-\[10px\] { + padding: 10px !important; + } + .md\:p-7 { + padding: 3rem !important; + } + .md\:p-6 { + padding: 2rem !important; + } + .md\:p-3 { + padding: 0.75rem !important; + } + .md\:\!p-4 { + padding: 1rem !important; + } + .md\:py-\[28px\] { + padding-top: 28px !important; + padding-bottom: 28px !important; + } + .md\:py-9 { + padding-top: 4.5rem !important; + padding-bottom: 4.5rem !important; + } + .md\:px-4 { + padding-left: 1rem !important; + padding-right: 1rem !important; + } + .md\:px-5 { + padding-left: 1.5rem !important; + padding-right: 1.5rem !important; + } + .md\:py-0 { + padding-top: 0 !important; + padding-bottom: 0 !important; + } + .md\:px-0 { + padding-left: 0 !important; + padding-right: 0 !important; + } + .md\:px-8 { + padding-left: 4rem !important; + padding-right: 4rem !important; + } + .md\:py-4 { + padding-top: 1rem !important; + padding-bottom: 1rem !important; + } + .md\:px-7 { + padding-left: 3rem !important; + padding-right: 3rem !important; + } + .md\:px-\[20px\] { + padding-left: 20px !important; + padding-right: 20px !important; + } + .md\:py-5 { + padding-top: 1.5rem !important; + padding-bottom: 1.5rem !important; + } + .md\:px-11 { + padding-left: 8rem !important; + padding-right: 8rem !important; + } + .md\:py-\[80px\] { + padding-top: 80px !important; + padding-bottom: 80px !important; + } + .md\:px-6 { + padding-left: 2rem !important; + padding-right: 2rem !important; + } + .md\:py-3 { + padding-top: 0.75rem !important; + padding-bottom: 0.75rem !important; + } + .md\:py-2 { + padding-top: 0.5rem !important; + padding-bottom: 0.5rem !important; + } + .md\:py-1 { + padding-top: 0.25rem !important; + padding-bottom: 0.25rem !important; + } + .md\:px-3 { + padding-left: 0.75rem !important; + padding-right: 0.75rem !important; + } + .md\:px-2 { + padding-left: 0.5rem !important; + padding-right: 0.5rem !important; + } + .md\:py-\[6px\] { + padding-top: 6px !important; + padding-bottom: 6px !important; + } + .md\:\!py-6, + .md\:py-6 { + padding-top: 2rem !important; + padding-bottom: 2rem !important; + } + .md\:px-10 { + padding-left: 6rem !important; + padding-right: 6rem !important; + } + .md\:py-\[2px\] { + padding-top: 2px !important; + padding-bottom: 2px !important; + } + .md\:px-\[60px\] { + padding-left: 60px !important; + padding-right: 60px !important; + } + .md\:py-\[40px\] { + padding-top: 40px !important; + padding-bottom: 40px !important; + } + .md\:\!py-0 { + padding-top: 0 !important; + padding-bottom: 0 !important; + } + .md\:py-7 { + padding-top: 3rem !important; + padding-bottom: 3rem !important; + } + .md\:px-\[38px\] { + padding-left: 38px !important; + padding-right: 38px !important; + } + .md\:py-\[104px\] { + padding-top: 104px !important; + padding-bottom: 104px !important; + } + .md\:\!px-5 { + padding-left: 1.5rem !important; + padding-right: 1.5rem !important; + } + .md\:px-\[40px\] { + padding-left: 40px !important; + padding-right: 40px !important; + } + .md\:px-\[100px\] { + padding-left: 100px !important; + padding-right: 100px !important; + } + .md\:pb-7 { + padding-bottom: 3rem !important; + } + .md\:pr-0 { + padding-right: 0 !important; + } + .md\:pt-6 { + padding-top: 2rem !important; + } + .md\:pl-4 { + padding-left: 1rem !important; + } + .md\:pb-0 { + padding-bottom: 0 !important; + } + .md\:pt-5 { + padding-top: 1.5rem !important; + } + .md\:pb-4 { + padding-bottom: 1rem !important; + } + .md\:pr-3 { + padding-right: 0.75rem !important; + } + .md\:pl-0 { + padding-left: 0 !important; + } + .md\:pl-3 { + padding-left: 0.75rem !important; + } + .md\:pt-3 { + padding-top: 0.75rem !important; + } + .md\:pr-7 { + padding-right: 3rem !important; + } + .md\:pt-4 { + padding-top: 1rem !important; + } + .md\:pl-7 { + padding-left: 3rem !important; + } + .md\:pr-5 { + padding-right: 1.5rem !important; + } + .md\:pt-0 { + padding-top: 0 !important; + } + .md\:pb-2 { + padding-bottom: 0.5rem !important; + } + .md\:pb-6 { + padding-bottom: 2rem !important; + } + .md\:pr-10 { + padding-right: 6rem !important; + } + .md\:pt-10 { + padding-top: 6rem !important; + } + .md\:pt-2 { + padding-top: 0.5rem !important; + } + .md\:pr-1 { + padding-right: 0.25rem !important; + } + .md\:pr-2 { + padding-right: 0.5rem !important; + } + .md\:pb-3 { + padding-bottom: 0.75rem !important; + } + .md\:pb-1 { + padding-bottom: 0.25rem !important; + } + .md\:pr-4 { + padding-right: 1rem !important; + } + .md\:pr-\[13px\] { + padding-right: 13px !important; + } + .md\:pt-8 { + padding-top: 4rem !important; + } + .md\:pb-\[56px\] { + padding-bottom: 56px !important; + } + .md\:pb-5 { + padding-bottom: 1.5rem !important; + } + .md\:pl-1 { + padding-left: 0.25rem !important; + } + .md\:text-left { + text-align: left !important; + } + .md\:text-center { + text-align: center !important; + } + .md\:text-right { + text-align: right !important; + } + .md\:text-start { + text-align: start !important; + } + .md\:text-3 { + font-size: 0.875rem !important; + } + .md\:text-4 { + font-size: 1rem !important; + } + .md\:text-7 { + font-size: 1.5rem !important; + } + .md\:text-2 { + font-size: 0.75rem !important; + } + .md\:text-6 { + font-size: 1.25rem !important; + } + .md\:text-5 { + font-size: 1.125rem !important; + } + .md\:text-9 { + font-size: 2rem !important; + } + .md\:text-\[160px\] { + font-size: 160px !important; + } + .md\:font-bold { + font-weight: 700 !important; + } + .md\:font-normal { + font-weight: 400 !important; + } + .md\:font-black { + font-weight: 900 !important; + } + .md\:leading-loose { + line-height: 2 !important; + } + .md\:leading-snug { + line-height: 1.5 !important; + } + .md\:leading-\[32px\] { + line-height: 32px !important; + } + .md\:leading-\[28px\] { + line-height: 28px !important; + } + .md\:leading-relaxed { + line-height: 1.8 !important; + } + .md\:text-grays-600 { + color: #2b2f33 !important; + } + .md\:text-grays-700 { + color: #0a0b0c !important; + } + .md\:text-grays-400 { + color: #6c7680 !important; + } + .md\:text-white { + color: #fff !important; + } + .md\:text-secondary-600 { + color: #004075 !important; + } + .md\:text-grays-500 { + color: #4b5259 !important; + } + .md\:shadow-none { + --tw-shadow: 0 0 #0000 !important; + --tw-shadow-colored: 0 0 #0000 !important; + box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), + var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important; + } + .md\:shadow-sm { + --tw-shadow: 0 1px 1px -1px rgba(0, 0, 0, 0.08) !important; + --tw-shadow-colored: 0 1px 1px -1px var(--tw-shadow-color) !important; + box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), + var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important; + } + .md\:first\:mr-0:first-child { + margin-right: 0 !important; + } + .first\:md\:pr-0:first-child { + padding-right: 0 !important; + } + .md\:last\:ml-0:last-child { + margin-left: 0 !important; + } + .md\:last\:mb-0:last-child { + margin-bottom: 0 !important; + } + .last\:md\:pl-4:last-child { + padding-left: 1rem !important; + } +} +@media (min-width: 1024px) { + .lg\:text-display-lg { + font-weight: 900; + line-height: 130%; + font-size: 1.5rem; + } + @media (min-width: 768px) { + .lg\:text-display-lg { + line-height: 150%; + font-size: 2rem; + } + } + .lg\:text-headline-lg { + font-weight: 400; + line-height: 170%; + font-size: 1rem; + } + @media (min-width: 768px) { + .lg\:text-headline-lg { + font-weight: 700; + font-size: 1.125rem; + } + } + .lg\:top-0 { + top: 0 !important; + } + .lg\:text-body-lg { + font-weight: 400; + line-height: 200%; + font-size: 0.875rem; + } + @media (min-width: 768px) { + .lg\:text-body-lg { + font-size: 1rem; + } + } + .lg\:order-first { + order: -9999 !important; + } + .lg\:my-4 { + margin-top: 1rem !important; + margin-bottom: 1rem !important; + } + .lg\:my-5 { + margin-top: 1.5rem !important; + margin-bottom: 1.5rem !important; + } + .lg\:mx-auto { + margin-left: auto !important; + margin-right: auto !important; + } + .lg\:mb-5 { + margin-bottom: 1.5rem !important; + } + .lg\:mt-4 { + margin-top: 1rem !important; + } + .lg\:mb-8 { + margin-bottom: 4rem !important; + } + .lg\:ml-9 { + margin-left: 4.5rem !important; + } + .lg\:mb-7 { + margin-bottom: 3rem !important; + } + .lg\:mb-6 { + margin-bottom: 2rem !important; + } + .lg\:mb-0 { + margin-bottom: 0 !important; + } + .lg\:mb-4 { + margin-bottom: 1rem !important; + } + .lg\:mt-0 { + margin-top: 0 !important; + } + .lg\:mb-2 { + margin-bottom: 0.5rem !important; + } + .lg\:ml-5 { + margin-left: 1.5rem !important; + } + .lg\:mr-0 { + margin-right: 0 !important; + } + .lg\:mb-3 { + margin-bottom: 0.75rem !important; + } + .lg\:mt-\[3px\] { + margin-top: 3px !important; + } + .lg\:-mb-\[3px\] { + margin-bottom: -3px !important; + } + .lg\:mt-8 { + margin-top: 4rem !important; + } + .lg\:mr-3 { + margin-right: 0.75rem !important; + } + .lg\:mt-3 { + margin-top: 0.75rem !important; + } + .lg\:mt-11 { + margin-top: 8rem !important; + } + .lg\:mt-12 { + margin-top: 12rem !important; + } + .lg\:mr-\[56px\] { + margin-right: 56px !important; + } + .lg\:mt-\[104px\] { + margin-top: 104px !important; + } + .lg\:block { + display: block !important; + } + .lg\:flex { + display: flex !important; + } + .lg\:inline-flex { + display: inline-flex !important; + } + .lg\:grid { + display: grid !important; + } + .lg\:\!btn-secondary-lg-normal { + background-color: #0077db !important; + color: #fff !important; + gap: 0.25rem !important; + } + .lg\:h-\[3\.5rem\] { + height: 3.5rem !important; + } + .lg\:h-\[160px\] { + height: 160px !important; + } + .lg\:h-auto { + height: auto !important; + } + .lg\:\!btn-secondary-lg-normal:hover { + background-color: #00569e !important; + } + .lg\:\!btn-secondary-lg-normal:focus { + background-color: #0077db !important; + border: 1px solid #00569e !important; + } + .lg\:min-h-\[278px\] { + min-height: 278px !important; + } + .lg\:\!btn-secondary-lg-normal { + height: 3rem !important; + min-height: unset !important; + padding: 0 16px !important; + font-weight: 400 !important; + line-height: 170% !important; + font-size: 1rem !important; + } + .lg\:w-\[40px\] { + width: 40px !important; + } + .lg\:w-fit { + width: -webkit-fit-content !important; + width: -moz-fit-content !important; + width: fit-content !important; + } + .lg\:w-\[3\.5rem\] { + width: 3.5rem !important; + } + .lg\:w-\[35rem\] { + width: 35rem !important; + } + .lg\:w-\[160px\] { + width: 160px !important; + } + .lg\:w-\[1px\] { + width: 1px !important; + } + .lg\:w-3\/4 { + width: 75% !important; + } + .lg\:w-11 { + width: 8rem !important; + } + .lg\:w-1\/5 { + width: 20% !important; + } + .lg\:w-2\/5 { + width: 40% !important; + } + .lg\:w-1\/2 { + width: 50% !important; + } + .lg\:\!btn-secondary-lg-normal svg { + width: 1.5rem !important; + height: 1.5rem !important; + } + .lg\:w-auto { + width: auto !important; + } + .lg\:min-w-\[160px\] { + min-width: 160px !important; + } + .lg\:max-w-\[401px\] { + max-width: 401px !important; + } + .lg\:max-w-\[613px\] { + max-width: 613px !important; + } + .lg\:max-w-\[176px\] { + max-width: 176px !important; + } + .lg\:max-w-\[1px\] { + max-width: 1px !important; + } + .lg\:max-w-\[calc\(100\%-60px\)\] { + max-width: calc(100% - 60px) !important; + } + .lg\:max-w-\[881px\] { + max-width: 881px !important; + } + .lg\:basis-\[calc\(33\.3333\%-11px\)\] { + flex-basis: calc(33.3333% - 11px) !important; + } + .lg\:grid-cols-6 { + grid-template-columns: repeat(6, minmax(0, 1fr)) !important; + } + .lg\:grid-cols-2 { + grid-template-columns: repeat(2, minmax(0, 1fr)) !important; + } + .lg\:grid-cols-4 { + grid-template-columns: repeat(4, minmax(0, 1fr)) !important; + } + .lg\:flex-row { + flex-direction: row !important; + } + .lg\:flex-col { + flex-direction: column !important; + } + .lg\:flex-nowrap { + flex-wrap: nowrap !important; + } + .lg\:items-start { + align-items: flex-start !important; + } + .lg\:items-center { + align-items: center !important; + } + .lg\:items-stretch { + align-items: stretch !important; + } + .lg\:justify-end { + justify-content: flex-end !important; + } + .lg\:justify-center { + justify-content: center !important; + } + .lg\:gap-7 { + gap: 3rem !important; + } + .lg\:gap-4 { + gap: 1rem !important; + } + .lg\:gap-0 { + gap: 0 !important; + } + .lg\:gap-6 { + gap: 2rem !important; + } + .lg\:gap-2 { + gap: 0.5rem !important; + } + .lg\:gap-5 { + gap: 1.5rem !important; + } + .lg\:overflow-x-hidden { + overflow-x: hidden !important; + } + .lg\:rounded-full { + border-radius: 9999px !important; + } + .lg\:p-7 { + padding: 3rem !important; + } + .lg\:p-5 { + padding: 1.5rem !important; + } + .lg\:p-6 { + padding: 2rem !important; + } + .lg\:p-0 { + padding: 0 !important; + } + .lg\:px-0 { + padding-left: 0 !important; + padding-right: 0 !important; + } + .lg\:px-6 { + padding-left: 2rem !important; + padding-right: 2rem !important; + } + .lg\:py-6 { + padding-top: 2rem !important; + padding-bottom: 2rem !important; + } + .lg\:px-7 { + padding-left: 3rem !important; + padding-right: 3rem !important; + } + .lg\:px-2 { + padding-left: 0.5rem !important; + padding-right: 0.5rem !important; + } + .lg\:py-3 { + padding-top: 0.75rem !important; + padding-bottom: 0.75rem !important; + } + .lg\:py-4 { + padding-top: 1rem !important; + padding-bottom: 1rem !important; + } + .lg\:px-8 { + padding-left: 4rem !important; + padding-right: 4rem !important; + } + .lg\:px-4 { + padding-left: 1rem !important; + padding-right: 1rem !important; + } + .lg\:pb-7 { + padding-bottom: 3rem !important; + } + .lg\:pt-\[40px\] { + padding-top: 40px !important; + } + .lg\:pl-6 { + padding-left: 2rem !important; + } + .lg\:pb-2 { + padding-bottom: 0.5rem !important; + } + .lg\:pl-1 { + padding-left: 0.25rem !important; + } + .lg\:pl-4 { + padding-left: 1rem !important; + } + .lg\:text-center { + text-align: center !important; + } + .lg\:text-right { + text-align: right !important; + } + .lg\:text-start { + text-align: start !important; + } + .lg\:text-4 { + font-size: 1rem !important; + } + .lg\:text-3 { + font-size: 0.875rem !important; + } + .lg\:text-5 { + font-size: 1.125rem !important; + } + .lg\:text-\[48px\] { + font-size: 48px !important; + } + .lg\:font-bold { + font-weight: 700 !important; + } + .lg\:shadow-xl { + --tw-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.12), + 0 10px 10px -6px rgba(0, 0, 0, 0.12) !important; + --tw-shadow-colored: 0 3px 10px 0 var(--tw-shadow-color), + 0 10px 10px -6px var(--tw-shadow-color) !important; + box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), + var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important; + } +} +@media (min-width: 1280px) { + .xl\:mt-6 { + margin-top: 2rem !important; + } + .xl\:mt-0 { + margin-top: 0 !important; + } + .xl\:ml-6 { + margin-left: 2rem !important; + } + .xl\:mr-10 { + margin-right: 6rem !important; + } + .xl\:h-10 { + height: 6rem !important; + } + .xl\:w-\[726px\] { + width: 726px !important; + } + .xl\:w-\[350px\] { + width: 350px !important; + } + .xl\:w-8 { + width: 4rem !important; + } + .xl\:flex-row { + flex-direction: row !important; + } + .xl\:flex-wrap { + flex-wrap: wrap !important; + } + .xl\:px-10 { + padding-left: 6rem !important; + padding-right: 6rem !important; + } + .xl\:text-6 { + font-size: 1.25rem !important; + } + .xl\:text-3 { + font-size: 0.875rem !important; + } +} +.\[\&\:first-of-type\]\:mr-2:first-of-type { + margin-right: 0.5rem !important; +} +.\[\&\>div\]\:py-1 > div { + padding-top: 0.25rem !important; + padding-bottom: 0.25rem !important; +} +@media (min-width: 1024px) { + .lg\:\[\&\>div\]\:\!w-fit > div { + width: -webkit-fit-content !important; + width: -moz-fit-content !important; + width: fit-content !important; + } +} +@media (min-width: 1280px) { + .xl\:h-\[180px\] { + height: 180px !important; + } + .xl\:max-h-\[499px\] { + max-height: 499px !important; + } + .xl\:w-\[180px\] { + width: 180px !important; + } + .xl\:min-w-\[180px\] { + min-width: 180px !important; + } + .xl\:max-w-\[521px\] { + max-width: 521px !important; + } + .xl\:max-w-\[523px\] { + max-width: 523px !important; + } + .xl\:basis-\[calc\(25\%-12px\)\] { + flex-basis: calc(25% - 12px) !important; + } +} +.\[\&\>div\]\:\!items-start > div { + align-items: flex-start !important; +} +.\[\&\>div\]\:bg-white > div { + background-color: #fff !important; +} +@media (min-width: 1024px) { + .lg\:\[\&\>div\]\:\!items-center > div { + align-items: center !important; + } +} +.\[\&_video\]\:bg-white video { + background-color: #fff !important; +} +.\[\&\>div\>div\]\:min-w-\[85\%\] > div > div { + min-width: 85% !important; +} +.\[\&_img\]\:cursor-pointer img { + cursor: pointer !important; +} +.\[\&\>\*\]\:block > * { + display: block !important; +} +.\[\&\>\*\]\:text-center > * { + text-align: center !important; +} +.\[\&_small\]\:align-middle small { + vertical-align: middle !important; +} +@media (min-width: 1024px) { + .lg\:\[\&_small\]\:align-baseline small { + vertical-align: baseline !important; + } +} +@media (min-width: 1280px) { + .xl\:mx-0 { + margin-left: 0 !important; + margin-right: 0 !important; + } + .xl\:mr-auto { + margin-right: auto !important; + } + .xl\:mr-5 { + margin-right: 1.5rem !important; + } + .xl\:ml-2 { + margin-left: 0.5rem !important; + } + .xl\:block { + display: block !important; + } + .xl\:max-w-\[675px\] { + max-width: 675px !important; + } + .xl\:max-w-\[575px\] { + max-width: 575px !important; + } + .xl\:max-w-\[1184px\] { + max-width: 1184px !important; + } + .xl\:flex-col { + flex-direction: column !important; + } + .xl\:pb-0 { + padding-bottom: 0 !important; + } + .xl\:opacity-50 { + opacity: 0.5 !important; + } +} +.\[\&\>div\]\:\!pr-0 > div { + padding-right: 0 !important; +} +.\[\&\:not\(\:last-child\)\]\:mb-3:not(:last-child) { + margin-bottom: 0.75rem !important; +} +.\[\&\:last-child\]\:mb-2:last-child { + margin-bottom: 0.5rem !important; +} +.sticky-search-position.bottom-stick[data-v-2b0ba737] { + --tw-shadow: 0 2px 5px -1px rgba(0, 0, 0, 0.08); + --tw-shadow-colored: 0 2px 5px -1px var(--tw-shadow-color); + box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), + var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); +} +.bottom-stick[data-v-2b0ba737] { + position: fixed; + z-index: 100; + bottom: 0; + left: 0; + right: 0; + will-change: transform; + transition: transform 0.3s linear; +} +.bottom-stick.scrolled-down.is-slidable[data-v-2b0ba737] { + transform: translateY(100%); +} +.bottom-stick-on-top .bottom-stick[data-v-2b0ba737] { + z-index: 1000; +} +.sticky-search-position.igr-modal[data-v-e199e706] { + --tw-shadow: 0 2px 5px -1px rgba(0, 0, 0, 0.08); + --tw-shadow-colored: 0 2px 5px -1px var(--tw-shadow-color); + box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), + var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); +} +.igr-modal[data-v-e199e706] { + position: fixed; + z-index: 50; + display: flex; + height: 640px; + width: 360px; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + flex-direction: column; + border-radius: 0.5rem; + border-width: 1px; + background-color: #fff; + --tw-shadow: 0 4px 6px 0 rgba(0, 0, 0, 0.08); + --tw-shadow-colored: 0 4px 6px 0 var(--tw-shadow-color); + box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), + var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); +} +.slide-enter-active[data-v-e199e706] { + transition: all 0.3s ease-out; +} +.slide-leave-active[data-v-e199e706] { + transition: all 0.3s cubic-bezier(1, 0.5, 0.8, 1); +} +.slide-enter-from[data-v-e199e706], +.slide-leave-to[data-v-e199e706] { + transform: translate(-360px); +} +.igr-button[data-v-ae0b8df6] { + background-color: #0000 !important; + border-width: 1px !important; + border-style: solid !important; + gap: 0.25rem !important; +} +.igr-button[data-v-ae0b8df6]:focus { + border-color: #2b2f33 !important; + color: #2b2f33 !important; +} +.igr-button[data-v-ae0b8df6] { + height: 40px !important; + min-height: unset !important; + font-weight: 400 !important; + line-height: 180% !important; + font-size: 0.875rem !important; +} +.igr-button svg[data-v-ae0b8df6] { + width: 1.25rem !important; + height: 1.25rem !important; +} +.igr-button[data-v-ae0b8df6] { + color: #4b5259 !important; + border-color: #4b5259 !important; +} +.igr-button[data-v-ae0b8df6]:hover { + background-color: #f8fafb !important; +} +.igr-button[data-v-ae0b8df6] { + height: 2rem !important; + border-color: var(--border-1) !important; +} +.message--button[data-v-84a42bf8] { + border: 1px !important; + border-style: solid !important; + border-radius: 8px !important; + border-color: transparent !important; + gap: 4px !important; + height: 32px !important; + min-height: unset !important; + padding: 0 8px !important; + font-weight: 400 !important; + line-height: 180% !important; + font-size: 0.875rem !important; +} +.message--button svg[data-v-84a42bf8]:first-child, +.message--button svg[data-v-84a42bf8]:last-child { + width: 16px !important; + height: 16px !important; +} +.message--button[data-v-84a42bf8] { + color: #0077db !important; + background-color: #f2f9ff !important; +} +.message--button[data-v-84a42bf8]:hover { + background-color: #f2f9ff !important; + border-color: #0077db !important; +} +.message--button[data-v-84a42bf8]:disabled { + background-color: #f2f9ff !important; + color: #c9e3f8 !important; + border-color: transparent !important; +} +.message--button[data-v-84a42bf8]:focus { + background-color: #f2f9ff !important; + border-color: #c9e3f8 !important; +} +.message--button svg[data-v-84a42bf8] { + color: #0077db !important; +} +.message--button[data-v-84a42bf8] { + min-height: 2rem; +} +.message--button[data-v-84a42bf8]:nth-child(2n-1):last-of-type { + grid-column: 1 / -1; +} +@-webkit-keyframes slideLeft-390d14a7 { + 0% { + transform: translate(100vw); + } + to { + transform: translateY(0); + } +} +@keyframes slideLeft-390d14a7 { + 0% { + transform: translate(100vw); + } + to { + transform: translateY(0); + } +} +@-webkit-keyframes slideRight-390d14a7 { + 0% { + transform: translate(-100vw); + } + to { + transform: translateY(0); + } +} +@keyframes slideRight-390d14a7 { + 0% { + transform: translate(-100vw); + } + to { + transform: translateY(0); + } +} +.message[data-v-390d14a7] { + margin-top: 0.5rem; + display: flex; + flex-direction: column; + gap: 0.25rem; + border-radius: 0.75rem; + padding: 0.25rem 0.5rem; +} +.message[data-v-390d14a7]:last-child { + margin-bottom: 0.75rem; +} +.message--server[data-v-390d14a7] { + margin-right: 4rem; + background-color: #e2e6e9; +} +.message--server[data-v-390d14a7]:last-of-type { + -webkit-animation: slideRight-390d14a7 0.5s ease-in-out; + animation: slideRight-390d14a7 0.5s ease-in-out; +} +.message--client[data-v-390d14a7] { + position: relative; + align-self: flex-start; + border-bottom-right-radius: 0; + background-color: #000; + color: #fff; +} +.message--client[data-v-390d14a7]:last-of-type { + -webkit-animation: slideLeft-390d14a7 0.5s ease-in-out; + animation: slideLeft-390d14a7 0.5s ease-in-out; +} +.message--client[data-v-390d14a7]:after { + content: ""; + position: absolute; + bottom: -0.25rem; + right: -0.25rem; + height: 1rem; + width: 1rem; + background-color: #000; + -webkit-clip-path: polygon(70% 0, 0 70%, 100% 100%); + clip-path: polygon(70% 0, 0 70%, 100% 100%); +} +.sticky-search-position.igr[data-v-8e9dd7d0] { + --tw-shadow: 0 2px 5px -1px rgba(0, 0, 0, 0.08); + --tw-shadow-colored: 0 2px 5px -1px var(--tw-shadow-color); + box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), + var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); +} +.igr[data-v-8e9dd7d0] { + position: fixed; + z-index: 699; + display: flex; + cursor: ns-resize; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + align-items: center; + gap: 1rem; + border-radius: 0.5rem; + border-width: 1px; + background-color: #fff; + padding: 0.5rem; + --tw-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.12), + 0 10px 10px -6px rgba(0, 0, 0, 0.12); + --tw-shadow-colored: 0 3px 10px 0 var(--tw-shadow-color), + 0 10px 10px -6px var(--tw-shadow-color); + box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), + var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); +} +@media (min-width: 768px) { + .igr[data-v-8e9dd7d0] { + width: 328px; + cursor: move; + } +} +@media screen and (max-width: 767px) { + .igr[data-v-8e9dd7d0] { + width: calc(100% - 2rem); + touch-action: none; + } +} +.fade-enter-active[data-v-8e9dd7d0] { + transition: opacity 0.5s 0.2s ease; +} +.fade-leave-active[data-v-8e9dd7d0] { + transition: opacity 0.2s ease; +} +.fade-enter-from[data-v-8e9dd7d0], +.fade-leave-to[data-v-8e9dd7d0] { + opacity: 0; +} +.a-divider { + align-self: stretch; + min-height: 1px; + min-width: 1px; + margin: 0; + border: none; + flex: 0 1 0; + height: auto; + width: auto; + max-width: 100%; + background: var(--border-1); +} +[data-v-0ee8827e] .pbtn-plain { + min-width: -webkit-max-content; + min-width: -moz-max-content; + min-width: max-content; +} +@media (min-width: 768px) { + [data-v-0ee8827e] .pbtn-plain .pbtn-plain__content { + padding-left: 1rem; + padding-right: 1rem; + padding-top: unset; + padding-bottom: unset; + line-height: 40px; + height: 40px; + } +} +.notifications[data-v-3e9c4bf3] { + overflow-y: auto; +} +.notification-wrapper[data-v-3e9c4bf3] { + min-height: 350px; + max-height: 350px; +} +.notifications[data-v-628c1def] { + border-radius: 0.5rem; + border-width: 1px; +} +.auth-modal[data-v-7480b0b0] h3 { + margin-top: 0.5rem; + margin-bottom: 3rem; + text-align: center; + font-size: 1rem; + font-weight: 700; + color: #0a0b0c; +} +@media (min-width: 768px) { + .auth-modal[data-v-7480b0b0] h3 { + margin-bottom: 0.75rem; + margin-top: 0; + font-size: 1.25rem; + } +} +.auth-modal[data-v-7480b0b0] h4 { + margin-top: 0; + margin-bottom: 1rem; + font-size: 0.75rem; + font-weight: 400; + color: #2b2f33; +} +@media (min-width: 768px) { + .auth-modal[data-v-7480b0b0] h4 { + margin-left: -4rem; + margin-right: -4rem; + margin-bottom: 3rem; + text-align: center; + font-size: 1rem; + } +} +.auth-modal[data-v-7480b0b0] .auth-form { + display: flex; + flex-direction: column; + height: 100%; +} +.auth-modal[data-v-7480b0b0] .auth-actions { + margin-top: auto; +} +.auth-modal[data-v-7480b0b0] .auth-modal-close, +.auth-modal[data-v-7480b0b0] .auth-modal-back { + position: absolute; + top: 0; + left: 0; + z-index: 50; +} +.auth-modal[data-v-7480b0b0] .auth-modal-back { + left: auto; + right: 0; +} +.auth-modal[data-v-7480b0b0] .a-card__body { + margin-left: 0.5rem; + margin-right: 0.5rem; + padding-top: 1rem; + padding-bottom: 1.5rem; +} +@media (min-width: 768px) { + .auth-modal[data-v-7480b0b0] .a-card__body { + padding: 4.5rem 8rem; + } +} +.auth-modal__page .auth-modal-close[data-v-7480b0b0] { + display: none; +} +.auth-modal__page .auth-modal-page-logo[data-v-7480b0b0] { + position: absolute; + top: 3.5rem; + max-width: 180px; + right: 50%; + transform: translate(50%); +} +.auth-modal__page .auth-form[data-v-7480b0b0] { + padding-top: 7rem; +} +.not-found-img[data-v-570ca5a2] { + width: 360px; +} +.home-link[data-v-570ca5a2] { + text-decoration: underline; +} +.header-progress[data-v-6284d162] .a-progress_bar { + background-color: var(--primary); +} +.intro-service-landing[data-v-af62246a] { + display: flex; + font-size: 0.75rem; + list-style: none; + -webkit-padding-start: 0; + padding-inline-start: 0; +} +.intro-service-landing li[data-v-af62246a] { + margin-left: 0.25rem; + margin-right: 0.25rem; + flex-grow: 1; + color: #4b5259; + flex-basis: 33.33%; +} +.intro-service-landing__text[data-v-af62246a] { + width: 256px; +} +.footer[data-v-5f83dd99] { + border-top: solid 1px var(--grays-150); + background-color: #fff; + color: #2b2f33; +} +.footer__content[data-v-5f83dd99] { + padding-top: 0.5rem; + font-size: 0.875rem; + color: #0a0b0c; +} +.footer__heading[data-v-5f83dd99] { + margin-top: 0; + margin-bottom: 1.5rem; + font-size: 1.125rem; +} +.footer__applications[data-v-5f83dd99] { + padding-right: 0.75rem; + line-height: 2; +} +.footer__business-logos[data-v-5f83dd99] { + font-size: 0.75rem; +} +.footer__logo-item[data-v-5f83dd99] { + display: flex; + align-items: center; + justify-content: center; + overflow: hidden; + border-radius: 0.5rem; + background-color: #fff; + width: 80px; + height: 80px; +} +.footer-link[data-v-5f83dd99] { + display: block; + font-size: 0.875rem; +} +.footer-link[data-v-5f83dd99]:hover { + color: #4b5259; +} +.footer-link[data-v-5f83dd99] { + transition: all ease 0.15s; +} +.footer-card[data-v-5f83dd99] { + margin-right: 0.5rem; + display: flex; + align-items: center; + border-width: 1px; + font-size: 0.875rem; + font-weight: 700; + line-height: 2; + padding: 5px 16px; + border-radius: 8px; +} +.footer__text-address[data-v-5f83dd99] { + display: block; + color: #4b5259; + letter-spacing: -0.5px; +} +button[data-v-f6d3ca5c] { + all: unset; + transition-property: transform; + transition-duration: 0.2s; + transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); +} +[data-v-f6d3ca5c] .a-bullet { + top: -4px; +} +[data-v-f6d3ca5c] .a-bullet:before { + box-sizing: border-box; + border-width: 1px; + border-style: solid; + border-color: #fff; +} +@media (max-width: 767px) { + [data-v-f6d3ca5c] .a-pill span { + font-size: 10px; + width: unset; + min-width: 15px; + padding: 1px; + } +} +.home-bottom-menu { + box-shadow: var(--shadow-nav-bar); + padding-bottom: env(safe-area-inset-bottom); +} +.home-bottom-menu .btn { + box-shadow: none !important; +} +.home-bottom-menu .btn.is-active { + color: #0077db; +} +.home-bottom-menu .btn span { + text-wrap: nowrap; +} +.home-bottom-menu .login-indicator { + position: absolute; + right: -6px; + top: 1px; + display: inline-block; + border-radius: 9999px; + background-color: #fff; + vertical-align: top; + color: #28a745; +} +.sticky-search-position.add-experience-button[data-v-60f9ca34] { + --tw-shadow: 0 2px 5px -1px rgba(0, 0, 0, 0.08); + --tw-shadow-colored: 0 2px 5px -1px var(--tw-shadow-color); + box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), + var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); +} +.add-experience-button[data-v-60f9ca34] { + position: fixed; + bottom: 0.5rem; + right: 0.5rem; + z-index: 10; + border-radius: 9999px; + --tw-shadow: 0 2px 5px -1px rgba(0, 0, 0, 0.08); + --tw-shadow-colored: 0 2px 5px -1px var(--tw-shadow-color); + box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), + var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); + width: 50px; + height: 50px; + bottom: 55px; +} +.add-experience-button__text[data-v-60f9ca34] { + opacity: 0; + visibility: hidden; + width: 0; +} +.add-experience-button__text.scrolled-up[data-v-60f9ca34] { + -webkit-animation: fadeout 0.2s forwards; + animation: fadeOut-60f9ca34 0.2s forwards; + -webkit-animation-delay: 0.1s; + animation-delay: 0.1s; + width: 80px; +} +.add-experience-button__text.scrolled-down[data-v-60f9ca34] { + -webkit-animation: fadeIn-60f9ca34 0.2s forwards; + animation: fadeIn-60f9ca34 0.2s forwards; +} +.add-experience-button.scrolled-up[data-v-60f9ca34] { + -webkit-animation: slideleft 0.1s both; + animation: slideLeft-60f9ca34 0.1s both; +} +.add-experience-button.scrolled-down[data-v-60f9ca34] { + -webkit-animation: slideright 0.1s forwards; + animation: slideRight-60f9ca34 0.1s forwards; +} +@-webkit-keyframes slideLeft-60f9ca34 { + to { + width: 130px; + } +} +@keyframes slideLeft-60f9ca34 { + to { + width: 130px; + } +} +@-webkit-keyframes slideRight-60f9ca34 { + 0% { + width: 80px; + } +} +@keyframes slideRight-60f9ca34 { + 0% { + width: 80px; + } +} +@-webkit-keyframes fadeOut-60f9ca34 { + to { + opacity: 1; + visibility: visible; + } +} +@keyframes fadeOut-60f9ca34 { + to { + opacity: 1; + visibility: visible; + } +} +@-webkit-keyframes fadeIn-60f9ca34 { + to { + opacity: 0; + visibility: hidden; + } +} +@keyframes fadeIn-60f9ca34 { + to { + opacity: 0; + visibility: hidden; + } +} +.is-old[data-v-7ffdd062] { + position: relative; + display: flex; + align-items: center; + justify-content: center; +} +.is-old[data-v-7ffdd062]:after { + position: absolute; + height: 1px; + width: 100%; + background-color: #bec6cc; + content: ""; + transform: rotate(-8deg); +} +.user-info[data-v-585cdda1] { + overflow: hidden; + white-space: nowrap; + border-radius: 0.5rem; + --tw-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.12), + 0 10px 10px -6px rgba(0, 0, 0, 0.12); + --tw-shadow-colored: 0 3px 10px 0 var(--tw-shadow-color), + 0 10px 10px -6px var(--tw-shadow-color); + box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), + var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); +} +.user-info__main-info[data-v-585cdda1] { + display: flex; + flex-direction: column; + background-color: #f8fafb; + padding: 1rem; +} +.user-info__action[data-v-585cdda1] { + border: none; + background: transparent; + cursor: pointer; + display: flex; + width: 100%; + align-items: center; + padding: 0.75rem 1rem; + font-size: 0.875rem; + font-weight: 500; + color: #4b5259; +} +.destination-item { + display: flex; + align-items: center; + border-top-width: 1px; + height: 56px; + margin: 0 0.875rem; + font-size: 0.875rem; +} +.destination-item path { + fill: var(--grays-300); +} +.a-menu li.is-group + li .destination-item, +.a-menu li:first-child .destination-item { + border-top: 0; +} +.destination-item__dummy-circle { + width: 24px; +} +.destination-item.is-loading .is-circle { + height: 24px; +} +.destination-item.is-loading .is-line { + width: 50px; +} +.destination-group { + padding: 0.4rem 0; + cursor: default; +} +.a-menu > li:not(.is-active) .destination-item > svg { + color: var(--grays-300); +} +.a-menu > li.active .destination-item { + color: var(--secondary-400); +} +.search-icon[data-v-0371f322] { + position: relative; + display: flex; + align-items: center; + justify-content: center; + width: 35px; + height: 34px; +} +.fake-search-mobile[data-v-0371f322] { + position: relative; + width: 35px; + height: 35px; +} +.fake-search-mobile__search-bar[data-v-0371f322] { + position: absolute; + z-index: 10; + margin: 0; + opacity: 0; + height: 35px; + width: 35px; + background: transparent; + top: 50%; + left: 50%; + transform: translate(-50%, -50%); +} +.fake-search-mobile__search-bar[data-v-0371f322] button, +.fake-search-mobile__search-bar[data-v-0371f322] input, +.fake-search-mobile__search-bar[data-v-0371f322] label { + display: none; +} +.fake-search-mobile__icon[data-v-0371f322] { + position: absolute; + display: flex; + align-items: center; + justify-content: center; + margin: 0; + top: 50%; + left: 50%; + transform: translate(-50%, -50%); +} +.fake-search-mobile__icon[data-v-0371f322] path { + fill: var(--grays-500); +} +.sticky-search-position.plus-header[data-v-e22bb02c] { + --tw-shadow: 0 2px 5px -1px rgba(0, 0, 0, 0.08); + --tw-shadow-colored: 0 2px 5px -1px var(--tw-shadow-color); + box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), + var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); +} +.plus-header[data-v-e22bb02c] { + position: fixed; + z-index: 40; + background-color: #fff; + font-weight: 500; + top: 0; + left: 0; + right: 0; + min-height: var(--header-height); + will-change: transform; + transition: transform 0.3s linear; + border-bottom: solid 1px var(--border-1); + box-shadow: var(--shadow-md); + --header-height: 50px; +} +.plus-header.scrolled-away.scrolled-down[data-v-e22bb02c] { + transform: translateY(calc(var(--header-height) * -1)); +} +.plus-header__main[data-v-e22bb02c] { + height: var(--header-height); +} +.plus-header.is-desktop[data-v-e22bb02c] { + --header-height: 65px; +} +.plus-header.is-on-home[data-v-e22bb02c] { + border-bottom: none; +} +.plus-header__username[data-v-e22bb02c] { + max-width: 8rem; + text-overflow: ellipsis; + overflow: hidden; + white-space: nowrap; + margin-left: 0.5rem; + display: inline-block; + padding-top: 0.25rem; + padding-bottom: 0.25rem; +} +.plus-header__divider[data-v-e22bb02c] { + margin-right: 0.5rem; + height: 2rem; + background-color: #bec6cc; + width: 1px; +} +.before-init-page[data-v-d73f8cec] { + transform: translate(50px); +} +.initial-page[data-v-d73f8cec] { + transition: transform 0.1s linear; +} +.header-title[data-v-d73f8cec] { + position: absolute; + font-size: 0.875rem; + bottom: 8px; + right: 58px; +} +@media (max-width: 768px) { + .header-title[data-v-d73f8cec] { + font-size: 70%; + bottom: 0; + left: 0; + right: unset; + } +} +.header-menu[data-v-13aab30c] { + margin: 0; + display: flex; + height: 100%; + list-style-type: none; + align-items: center; + padding: 0; + color: #4b5259; +} +.header-menu[data-v-13aab30c] > .a-divider { + margin: 1.25rem 0.25rem; +} +.header-menu__children[data-v-13aab30c] { + margin-top: 0.5rem; + width: 8rem; + padding: 0; + --tw-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.12), + 0 10px 10px -6px rgba(0, 0, 0, 0.12); + --tw-shadow-colored: 0 3px 10px 0 var(--tw-shadow-color), + 0 10px 10px -6px var(--tw-shadow-color); + box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), + var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); +} +.sticky-search-position.header[data-v-76127e4a] { + --tw-shadow: 0 2px 5px -1px rgba(0, 0, 0, 0.08); + --tw-shadow-colored: 0 2px 5px -1px var(--tw-shadow-color); + box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), + var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); +} +.header[data-v-76127e4a] { + position: fixed; + z-index: 40; + background-color: #fff; + font-weight: 500; + --tw-shadow: 0 2px 5px -1px rgba(0, 0, 0, 0.08); + --tw-shadow-colored: 0 2px 5px -1px var(--tw-shadow-color); + box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), + var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); + top: 0; + left: 0; + right: 0; + min-height: var(--header-height); + will-change: transform; + transition: transform 0.2s ease-out; + --header-height: auto; +} +.header.is-on-home[data-v-76127e4a] { + border-bottom: none; +} +.header.scrolled-away.scrolled-down[data-v-76127e4a] { + transform: translateY(calc(var(--header-height) * -1)); +} +.header.is-desktop[data-v-76127e4a] { + --header-height: 4rem; +} +.header.is-mobile[data-v-76127e4a] { + box-shadow: var(--shadow-md); +} +.header__main[data-v-76127e4a] { + display: flex; + width: 100%; + align-items: center; + height: var(--header-height); +} +.header__username[data-v-76127e4a] { + max-width: 8rem; + text-overflow: ellipsis; + overflow: hidden; + white-space: nowrap; + margin-left: 0.5rem; + display: inline-block; + padding-top: 0.25rem; + padding-bottom: 0.25rem; +} +.header__user-info[data-v-76127e4a] { + margin-top: 0.75rem; + width: 15rem; +} +body:has(.cms-banner) .header.is-mobile[data-v-76127e4a] { + z-index: 701; +} +.min-h-screen[data-v-44649fb5] { + min-height: 100vh; +} +body { + background-color: var(--bg); +} +.wrapper { + display: flex; + min-height: 100vh; + flex-direction: column; +} +.wrapper.is-offline { + overflow: hidden; + filter: blur(1px) grayscale(100%); +} +.sticky-search-position.offline-wrapper { + --tw-shadow: 0 2px 5px -1px rgba(0, 0, 0, 0.08); + --tw-shadow-colored: 0 2px 5px -1px var(--tw-shadow-color); + box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), + var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); +} +.offline-wrapper { + position: fixed; + top: 0; + right: 0; + bottom: 0; + left: 0; +} +body[data-no-footer] .wrapper > .footer { + display: none; +} +.on-top { + position: absolute; + top: 0; + left: 0; + z-index: 45; +} +@media (max-width: 767px) { + .toast { + transition: margin-bottom linear 0.3s; + margin-bottom: var(--bottom-stick-height, 0); + } +} diff --git a/src/test/resources/realworld/filterscontainer.css b/src/test/resources/realworld/filterscontainer.css index 2436cb8..9c76946 100644 --- a/src/test/resources/realworld/filterscontainer.css +++ b/src/test/resources/realworld/filterscontainer.css @@ -1 +1,197 @@ -.layout-sidebar[data-v-acd2d56a]{padding-bottom:.75rem}@media (min-width: 768px){.layout-sidebar[data-v-acd2d56a]{padding-top:1rem;padding-bottom:1rem}}.layout-sidebar__main[data-v-acd2d56a]{display:block;align-items:flex-start}@media (min-width: 768px){.layout-sidebar__main[data-v-acd2d56a]{display:flex}}@media (min-width: 640px){.layout-sidebar__sidebar[data-v-acd2d56a]{max-width:300px}}@media (max-width: 767px){.sticky-search-position.layout-sidebar__sidebar[data-v-acd2d56a]{--tw-shadow: 0 2px 5px -1px rgba(0, 0, 0, .08);--tw-shadow-colored: 0 2px 5px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.layout-sidebar__sidebar[data-v-acd2d56a]{position:fixed;right:-100%;top:0;width:100%;height:100%;z-index:1000;transition:all ease .3s}.layout-sidebar__sidebar.show[data-v-acd2d56a]{transform:translate(-100%)}}.a-card .a-accordion[data-v-3e657b4a]{border:0}.a-card[data-v-3e657b4a] .a-accordion__button{padding:.5rem 1rem}.bu-filters__provider-logo[data-v-5cc2b1c6],.tr-filters__provider-logo[data-v-7b0a6cb5]{vertical-align:middle;box-sizing:content-box;width:24px}.tr-filters__provider-logo[data-v-7b0a6cb5] .provider-logo__wrapper{padding:0}.filterbox .list-enter-from[data-v-5dabcc00],.filterbox .list-leave-to[data-v-5dabcc00]{--tw-translate-x: 1.5rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));opacity:0}.filterbox .list-leave-active[data-v-5dabcc00]{position:absolute}.filterbox .list-enter-active[data-v-5dabcc00],.filterbox .list-leave-active[data-v-5dabcc00]{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.2s;transition-timing-function:linear}.slider-widget[data-v-404329e5]{padding:1.5rem 1rem 1.6875rem}.slider-widget.has-chart[data-v-404329e5]{padding-top:1rem}.slider-widget.has-chart[data-v-404329e5] .a-slider{padding-top:0}.filter-price[data-v-558ae752] .a-slider__footer{white-space:pre}.filter-price[data-v-558ae752] .a-slider__footer :first-child{text-align:left}.filter-price[data-v-558ae752] .a-slider__footer :last-child{text-align:right}.filter-card[data-v-3bf9d946] .filter-card_option{margin-right:.5rem;display:flex;min-height:2rem}.filter-card[data-v-3bf9d946] .filter-card_option:not(:last-child){margin-bottom:.75rem}.filter-card[data-v-3bf9d946] .filter-card_option:last-child{margin-bottom:.5rem}.filter-card[data-v-3bf9d946] .a-slider__tooltip{font-weight:400;line-height:180%;font-size:.875rem;white-space:pre;color:#2b2f33}.dummy-sidebar[data-v-0f3fb5ba]{direction:rtl;border-radius:.5rem;box-shadow:var(--shadow-sm);border:solid 1px var(--border-1);background-color:var(--white)}.dummy-sidebar__item[data-v-0f3fb5ba]{display:flex;justify-content:space-between;padding:1rem;font-size:1.25rem}.dummy-sidebar__item__line[data-v-0f3fb5ba]{flex:1;max-width:150px}.dummy-sidebar__item__line.is-short[data-v-0f3fb5ba]{max-width:84px}.dummy-sidebar__item[data-v-0f3fb5ba]:not(:last-child){border-bottom-width:1px}.bu-filters__provider-logo[data-v-66afc2e5]{vertical-align:middle;box-sizing:content-box;width:24px}.pretty-scroll[data-v-7aa95e25]::-webkit-scrollbar{width:24px}.pretty-scroll[data-v-7aa95e25]::-webkit-scrollbar-thumb{border:8px solid rgba(0,0,0,0);background-clip:padding-box;border-radius:99px;background-color:var(--grays-150)}.border-bottom[data-v-4027b5f5]{border-bottom:solid 1px var(--border-1)}[data-v-6be4bba8] .a-pill{height:32px;width:52px;justify-content:center;padding:0}@media (min-width: 768px){[data-v-6be4bba8] .a-pill{width:40px}}.GTO-checkbox-search[data-v-45741be3] .AC-scrollable-filter-section{max-height:300px;overflow-y:auto}.GTO-checkbox-search-mobile[data-v-45741be3] .AC-scrollable-filter-section{-ms-overflow-style:none;scrollbar-width:none}.GTO-checkbox-search-mobile[data-v-45741be3] .AC-scrollable-filter-section::-webkit-scrollbar{display:none}.hide-scroll[data-v-45741be3]{-ms-overflow-style:none;scrollbar-width:none}.hide-scroll[data-v-45741be3]::-webkit-scrollbar{display:none}[data-v-5aa56fe7] .a-card:not(:first-child){border-top-left-radius:0;border-top-right-radius:0;border-top:0}[data-v-5aa56fe7] .a-card:not(:last-child){border-bottom-left-radius:0;border-bottom-right-radius:0}.close-icon[data-v-5aa56fe7]{min-width:1rem}[data-v-5aa56fe7] .filter-item{max-width:200px} +.layout-sidebar[data-v-acd2d56a] { + padding-bottom: 0.75rem; +} +@media (min-width: 768px) { + .layout-sidebar[data-v-acd2d56a] { + padding-top: 1rem; + padding-bottom: 1rem; + } +} +.layout-sidebar__main[data-v-acd2d56a] { + display: block; + align-items: flex-start; +} +@media (min-width: 768px) { + .layout-sidebar__main[data-v-acd2d56a] { + display: flex; + } +} +@media (min-width: 640px) { + .layout-sidebar__sidebar[data-v-acd2d56a] { + max-width: 300px; + } +} +@media (max-width: 767px) { + .sticky-search-position.layout-sidebar__sidebar[data-v-acd2d56a] { + --tw-shadow: 0 2px 5px -1px rgba(0, 0, 0, 0.08); + --tw-shadow-colored: 0 2px 5px -1px var(--tw-shadow-color); + box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), + var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); + } + .layout-sidebar__sidebar[data-v-acd2d56a] { + position: fixed; + right: -100%; + top: 0; + width: 100%; + height: 100%; + z-index: 1000; + transition: all ease 0.3s; + } + .layout-sidebar__sidebar.show[data-v-acd2d56a] { + transform: translate(-100%); + } +} +.a-card .a-accordion[data-v-3e657b4a] { + border: 0; +} +.a-card[data-v-3e657b4a] .a-accordion__button { + padding: 0.5rem 1rem; +} +.bu-filters__provider-logo[data-v-5cc2b1c6], +.tr-filters__provider-logo[data-v-7b0a6cb5] { + vertical-align: middle; + box-sizing: content-box; + width: 24px; +} +.tr-filters__provider-logo[data-v-7b0a6cb5] .provider-logo__wrapper { + padding: 0; +} +.filterbox .list-enter-from[data-v-5dabcc00], +.filterbox .list-leave-to[data-v-5dabcc00] { + --tw-translate-x: 1.5rem; + transform: translate(var(--tw-translate-x), var(--tw-translate-y)) + rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) + scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); + opacity: 0; +} +.filterbox .list-leave-active[data-v-5dabcc00] { + position: absolute; +} +.filterbox .list-enter-active[data-v-5dabcc00], +.filterbox .list-leave-active[data-v-5dabcc00] { + transition-property: all; + transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); + transition-duration: 0.2s; + transition-timing-function: linear; +} +.slider-widget[data-v-404329e5] { + padding: 1.5rem 1rem 1.6875rem; +} +.slider-widget.has-chart[data-v-404329e5] { + padding-top: 1rem; +} +.slider-widget.has-chart[data-v-404329e5] .a-slider { + padding-top: 0; +} +.filter-price[data-v-558ae752] .a-slider__footer { + white-space: pre; +} +.filter-price[data-v-558ae752] .a-slider__footer :first-child { + text-align: left; +} +.filter-price[data-v-558ae752] .a-slider__footer :last-child { + text-align: right; +} +.filter-card[data-v-3bf9d946] .filter-card_option { + margin-right: 0.5rem; + display: flex; + min-height: 2rem; +} +.filter-card[data-v-3bf9d946] .filter-card_option:not(:last-child) { + margin-bottom: 0.75rem; +} +.filter-card[data-v-3bf9d946] .filter-card_option:last-child { + margin-bottom: 0.5rem; +} +.filter-card[data-v-3bf9d946] .a-slider__tooltip { + font-weight: 400; + line-height: 180%; + font-size: 0.875rem; + white-space: pre; + color: #2b2f33; +} +.dummy-sidebar[data-v-0f3fb5ba] { + direction: rtl; + border-radius: 0.5rem; + box-shadow: var(--shadow-sm); + border: solid 1px var(--border-1); + background-color: var(--white); +} +.dummy-sidebar__item[data-v-0f3fb5ba] { + display: flex; + justify-content: space-between; + padding: 1rem; + font-size: 1.25rem; +} +.dummy-sidebar__item__line[data-v-0f3fb5ba] { + flex: 1; + max-width: 150px; +} +.dummy-sidebar__item__line.is-short[data-v-0f3fb5ba] { + max-width: 84px; +} +.dummy-sidebar__item[data-v-0f3fb5ba]:not(:last-child) { + border-bottom-width: 1px; +} +.bu-filters__provider-logo[data-v-66afc2e5] { + vertical-align: middle; + box-sizing: content-box; + width: 24px; +} +.pretty-scroll[data-v-7aa95e25]::-webkit-scrollbar { + width: 24px; +} +.pretty-scroll[data-v-7aa95e25]::-webkit-scrollbar-thumb { + border: 8px solid rgba(0, 0, 0, 0); + background-clip: padding-box; + border-radius: 99px; + background-color: var(--grays-150); +} +.border-bottom[data-v-4027b5f5] { + border-bottom: solid 1px var(--border-1); +} +[data-v-6be4bba8] .a-pill { + height: 32px; + width: 52px; + justify-content: center; + padding: 0; +} +@media (min-width: 768px) { + [data-v-6be4bba8] .a-pill { + width: 40px; + } +} +.GTO-checkbox-search[data-v-45741be3] .AC-scrollable-filter-section { + max-height: 300px; + overflow-y: auto; +} +.GTO-checkbox-search-mobile[data-v-45741be3] .AC-scrollable-filter-section { + -ms-overflow-style: none; + scrollbar-width: none; +} +.GTO-checkbox-search-mobile[data-v-45741be3] + .AC-scrollable-filter-section::-webkit-scrollbar { + display: none; +} +.hide-scroll[data-v-45741be3] { + -ms-overflow-style: none; + scrollbar-width: none; +} +.hide-scroll[data-v-45741be3]::-webkit-scrollbar { + display: none; +} +[data-v-5aa56fe7] .a-card:not(:first-child) { + border-top-left-radius: 0; + border-top-right-radius: 0; + border-top: 0; +} +[data-v-5aa56fe7] .a-card:not(:last-child) { + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; +} +.close-icon[data-v-5aa56fe7] { + min-width: 1rem; +} +[data-v-5aa56fe7] .filter-item { + max-width: 200px; +} From 676709a23c80c3c135433cf84d8175a39b471993 Mon Sep 17 00:00:00 2001 From: Ronald Brill Date: Fri, 21 Mar 2025 18:02:30 +0100 Subject: [PATCH 4/6] small test update --- .../parser/CSS3ParserRealWorldTest.java | 2 +- .../realworld/alibaba-huge-index.css | 1084 +++++++++++------ 2 files changed, 728 insertions(+), 358 deletions(-) diff --git a/src/test/java/org/htmlunit/cssparser/parser/CSS3ParserRealWorldTest.java b/src/test/java/org/htmlunit/cssparser/parser/CSS3ParserRealWorldTest.java index 646a461..aebf824 100644 --- a/src/test/java/org/htmlunit/cssparser/parser/CSS3ParserRealWorldTest.java +++ b/src/test/java/org/htmlunit/cssparser/parser/CSS3ParserRealWorldTest.java @@ -534,7 +534,7 @@ public void alibabaHugeIndex() throws Exception { + "screen and (max-width: 480px);" + "screen and (max-width: 767px);" + "screen and (max-width: 768px);"; - realWorld("realworld/alibaba-huge-index.css", 3201, 6863, media, 12, 6); + realWorld("realworld/alibaba-huge-index.css", 3278, 6958, media, 12, 6); } private void realWorld(final String resourceName, final int rules, final int properties, diff --git a/src/test/resources/realworld/alibaba-huge-index.css b/src/test/resources/realworld/alibaba-huge-index.css index e7c3e4d..d0630b5 100644 --- a/src/test/resources/realworld/alibaba-huge-index.css +++ b/src/test/resources/realworld/alibaba-huge-index.css @@ -2351,6 +2351,12 @@ summary { .cursor-not-allowed { cursor: not-allowed !important; } +.select-none { + -webkit-user-select: none !important; + -moz-user-select: none !important; + -ms-user-select: none !important; + user-select: none !important; +} .resize { resize: both !important; } @@ -2962,42 +2968,43 @@ summary { flex: 1; background-color: transparent; } -.list-text__title { +.list-text__label { font-size: 0.875rem; font-weight: 400; line-height: 25.2px; color: var(--Content-on-surfac-Overwhelming); margin: 0; } -.list-text__subtitle { +.list-text__subtext { display: flex; font-size: 0.75rem; line-height: 21.6px; color: var(--Content-on-surfac-Intense); } -.list-text__subtitle.is-bullet { +.list-text__subtext.is-bullet { flex-direction: row; align-items: center; } -.list-text__subtitle.is-column { +.list-text__subtext.is-column { flex-direction: column; align-items: stretch; } -.a-item[data-v-f3142712] { +.a-item[data-v-b76cafe7] { display: flex; align-items: center; - -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; border-radius: 0; padding: var(--ListItem-top-down-padding) var(--ListItem-side-padding); width: auto; gap: 8px; +} +.a-item.has-divider[data-v-b76cafe7] { border: var(--ListItem-border-size) solid var(--ListItem-border-none); border-bottom-color: var(--ListItem-border-default); } -.a-item-link[data-v-f3142712] { +.a-item[data-v-b76cafe7]:last-child { + border: none; +} +.a-item-link[data-v-b76cafe7] { display: flex; align-items: center; font-weight: 400; @@ -3082,17 +3089,10 @@ summary { .a-menu-list li:focus { outline: none; } -.a-menu-list li.is-focused { - border-color: var(--ListItem-border-focus); -} .a-menu-list li.is-disabled { background-color: var(--ListItem-surface-disabled) !important; border: 1px solid var(--ListItem-border-none); pointer-events: none; - -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; opacity: 12%; } .a-menu-list div.is-loading { @@ -4824,6 +4824,7 @@ summary { color: var(--label-on-surface-gray); } .a-checkbox { + position: relative; display: inline-flex; cursor: pointer; -webkit-user-select: none; @@ -7816,6 +7817,11 @@ body { line-height: 180%; font-size: 0.625rem; } +.\!text-footnote { + font-weight: 400 !important; + line-height: 180% !important; + font-size: 0.625rem !important; +} .btn-primary-nl-normal { background-color: #fdb713; color: #0a0b0c; @@ -8011,6 +8017,34 @@ body { .\!btn-ghost-nl-gray:hover { background-color: #f8fafb !important; } +.\!btn-ghost-nl-alert { + background-color: #0000 !important; + border-width: 1px !important; + border-style: solid !important; + gap: 0.25rem !important; +} +.\!btn-ghost-nl-alert:focus { + border-color: #871722 !important; + color: #871722 !important; +} +.\!btn-ghost-nl-alert { + height: 40px !important; + min-height: unset !important; + font-weight: 400 !important; + line-height: 180% !important; + font-size: 0.875rem !important; +} +.\!btn-ghost-nl-alert svg { + width: 1.25rem !important; + height: 1.25rem !important; +} +.\!btn-ghost-nl-alert { + color: #dc3545 !important; + border-color: #dc3545 !important; +} +.\!btn-ghost-nl-alert:hover { + background-color: #fdf2f3 !important; +} .\!btn-ghost-lg-blue { background-color: #0000 !important; border-width: 1px !important; @@ -8629,6 +8663,33 @@ body { .top-0 { top: 0 !important; } +.bottom-7 { + bottom: 3rem !important; +} +.left-4 { + left: 1rem !important; +} +.-top-\[5px\] { + top: -5px !important; +} +.left-0 { + left: 0 !important; +} +.right-0 { + right: 0 !important; +} +.top-\[5\%\] { + top: 5% !important; +} +.bottom-\[15px\] { + bottom: 15px !important; +} +.left-\[1\%\] { + left: 1% !important; +} +.bottom-0 { + bottom: 0 !important; +} .top-2 { top: 0.5rem !important; } @@ -8647,30 +8708,18 @@ body { .bottom-4 { bottom: 1rem !important; } -.left-4 { - left: 1rem !important; -} .right-4 { right: 1rem !important; } .top-4 { top: 1rem !important; } -.bottom-0 { - bottom: 0 !important; -} -.left-0 { - left: 0 !important; -} .top-1\/2 { top: 50% !important; } .right-1\/2 { right: 50% !important; } -.right-0 { - right: 0 !important; -} .top-1 { top: 0.25rem !important; } @@ -8707,6 +8756,9 @@ body { .top-5 { top: 1.5rem !important; } +.top-\[28px\] { + top: 28px !important; +} .-top-2 { top: -0.5rem !important; } @@ -8743,12 +8795,18 @@ body { .top-2\/4 { top: 50% !important; } -.bottom-\[52\.5px\] { - bottom: 52.5px !important; -} .bottom-3 { bottom: 0.75rem !important; } +.-bottom-1\/2 { + bottom: -50% !important; +} +.\!bottom-1\/2 { + bottom: 50% !important; +} +.bottom-\[52\.5px\] { + bottom: 52.5px !important; +} .bottom-5 { bottom: 1.5rem !important; } @@ -8779,9 +8837,6 @@ body { .-bottom-7 { bottom: -3rem !important; } -.bottom-7 { - bottom: 3rem !important; -} .-top-6 { top: -2rem !important; } @@ -8806,6 +8861,9 @@ body { .top-9 { top: 4.5rem !important; } +.top-\[60px\] { + top: 60px !important; +} .-top-\[10px\] { top: -10px !important; } @@ -8878,6 +8936,15 @@ body { .z-\[45\] { z-index: 45 !important; } +.z-\[100\] { + z-index: 100 !important; +} +.z-\[70\] { + z-index: 70 !important; +} +.z-\[300\] { + z-index: 300 !important; +} .z-40 { z-index: 40 !important; } @@ -9066,6 +9133,10 @@ body { margin-top: 6rem !important; margin-bottom: 6rem !important; } +.my-3 { + margin-top: 0.75rem !important; + margin-bottom: 0.75rem !important; +} .-mx-2 { margin-left: -0.5rem !important; margin-right: -0.5rem !important; @@ -9082,10 +9153,6 @@ body { margin-left: 2rem !important; margin-right: 2rem !important; } -.my-3 { - margin-top: 0.75rem !important; - margin-bottom: 0.75rem !important; -} .my-5 { margin-top: 1.5rem !important; margin-bottom: 1.5rem !important; @@ -9130,6 +9197,10 @@ body { margin-top: auto !important; margin-bottom: auto !important; } +.mx-\[-16px\] { + margin-left: -16px !important; + margin-right: -16px !important; +} .my-7 { margin-top: 3rem !important; margin-bottom: 3rem !important; @@ -9154,6 +9225,18 @@ body { margin-top: -0.25rem !important; margin-bottom: -0.25rem !important; } +.my-\[20px\] { + margin-top: 20px !important; + margin-bottom: 20px !important; +} +.-mx-\[28px\] { + margin-left: -28px !important; + margin-right: -28px !important; +} +.mx-\[28px\] { + margin-left: 28px !important; + margin-right: 28px !important; +} .-mx-\[20px\] { margin-left: -20px !important; margin-right: -20px !important; @@ -9245,6 +9328,18 @@ body { .mr-8 { margin-right: 4rem !important; } +.-mt-3 { + margin-top: -0.75rem !important; +} +.ml-0 { + margin-left: 0 !important; +} +.ml-1 { + margin-left: 0.25rem !important; +} +.mt-\[40px\] { + margin-top: 40px !important; +} .mt-auto { margin-top: auto !important; } @@ -9257,9 +9352,6 @@ body { .-ml-4 { margin-left: -1rem !important; } -.ml-1 { - margin-left: 0.25rem !important; -} .mr-4 { margin-right: 1rem !important; } @@ -9284,12 +9376,12 @@ body { .-mt-\[40px\] { margin-top: -40px !important; } -.ml-0 { - margin-left: 0 !important; -} .ml-9 { margin-left: 4.5rem !important; } +.mb-8 { + margin-bottom: 4rem !important; +} .ml-3 { margin-left: 0.75rem !important; } @@ -9299,9 +9391,6 @@ body { .mb-9 { margin-bottom: 4.5rem !important; } -.mb-8 { - margin-bottom: 4rem !important; -} .ml-7 { margin-left: 3rem !important; } @@ -9374,9 +9463,6 @@ body { .-ml-2 { margin-left: -0.5rem !important; } -.-mt-3 { - margin-top: -0.75rem !important; -} .mb-\[1px\] { margin-bottom: 1px !important; } @@ -9416,6 +9502,9 @@ body { .mb-\[2\.5rem\] { margin-bottom: 2.5rem !important; } +.\!mt-4 { + margin-top: 1rem !important; +} .-mr-4 { margin-right: -1rem !important; } @@ -9446,9 +9535,6 @@ body { .mt-13 { margin-top: 16rem !important; } -.mt-\[40px\] { - margin-top: 40px !important; -} .mt-\[-100px\] { margin-top: -100px !important; } @@ -9560,6 +9646,36 @@ body { .h-full { height: 100% !important; } +.h-2 { + height: 0.5rem !important; +} +.h-\[1px\] { + height: 1px !important; +} +.h-5 { + height: 1.5rem !important; +} +.h-\[64px\] { + height: 64px !important; +} +.h-\[25px\] { + height: 25px !important; +} +.h-\[32px\] { + height: 32px !important; +} +.h-\[56px\] { + height: 56px !important; +} +.h-\[95\%\] { + height: 95% !important; +} +.h-\[640px\] { + height: 640px !important; +} +.h-\[20px\] { + height: 20px !important; +} .h-3 { height: 0.75rem !important; } @@ -9569,9 +9685,6 @@ body { .h-6 { height: 2rem !important; } -.h-5 { - height: 1.5rem !important; -} .h-9 { height: 4.5rem !important; } @@ -9581,9 +9694,6 @@ body { .h-\[208px\] { height: 208px !important; } -.h-\[1px\] { - height: 1px !important; -} .h-7 { height: 3rem !important; } @@ -9599,12 +9709,6 @@ body { .h-10 { height: 6rem !important; } -.h-2 { - height: 0.5rem !important; -} -.h-\[56px\] { - height: 56px !important; -} .h-1 { height: 0.25rem !important; } @@ -9632,12 +9736,6 @@ body { .h-\[15px\] { height: 15px !important; } -.h-\[20px\] { - height: 20px !important; -} -.h-\[25px\] { - height: 25px !important; -} .h-\[27px\] { height: 27px !important; } @@ -9692,9 +9790,6 @@ body { .h-\[11rem\] { height: 11rem !important; } -.h-\[64px\] { - height: 64px !important; -} .h-px { height: 1px !important; } @@ -9716,9 +9811,6 @@ body { .h-\[5rem\] { height: 5rem !important; } -.h-\[640px\] { - height: 640px !important; -} .h-\[1\.25rem\] { height: 1.25rem !important; } @@ -9734,6 +9826,15 @@ body { .h-\[181px\] { height: 181px !important; } +.h-\[180px\] { + height: 180px !important; +} +.h-\[28px\] { + height: 28px !important; +} +.h-\[16px\] { + height: 16px !important; +} .h-\[9rem\] { height: 9rem !important; } @@ -9752,8 +9853,8 @@ body { .h-\[116px\] { height: 116px !important; } -.h-\[180px\] { - height: 180px !important; +.h-\[165px\] { + height: 165px !important; } .h-\[90px\] { height: 90px !important; @@ -9844,21 +9945,21 @@ body { .h-\[280px\] { height: 280px !important; } +.h-\[128px\] { + height: 128px !important; +} .h-\[255px\] { height: 255px !important; } .h-\[140px\] { height: 140px !important; } -.h-\[562px\] { - height: 562px !important; -} -.h-\[32px\] { - height: 32px !important; -} .h-\[156px\] { height: 156px !important; } +.h-\[562px\] { + height: 562px !important; +} .h-\[112px\] { height: 112px !important; } @@ -9880,12 +9981,15 @@ body { .h-\[200px\] { height: 200px !important; } -.h-\[28px\] { - height: 28px !important; +.h-\[inherit\] { + height: inherit !important; } .h-\[48px\] { height: 48px !important; } +.h-\[22px\] { + height: 22px !important; +} .h-\[37px\] { height: 37px !important; } @@ -9912,9 +10016,6 @@ body { .h-\[6px\] { height: 6px !important; } -.h-\[16px\] { - height: 16px !important; -} .\!h-\[33px\] { height: 33px !important; } @@ -10011,9 +10112,6 @@ body { .h-\[650px\] { height: 650px !important; } -.h-\[165px\] { - height: 165px !important; -} .h-\[78px\] { height: 78px !important; } @@ -10053,6 +10151,9 @@ body { .h-\[106px\] { height: 106px !important; } +.max-h-11 { + max-height: 8rem !important; +} .max-h-\[244px\] { max-height: 244px !important; } @@ -10062,6 +10163,12 @@ body { .max-h-\[98\%\] { max-height: 98% !important; } +.max-h-\[180px\] { + max-height: 180px !important; +} +.max-h-5 { + max-height: 1.5rem !important; +} .max-h-\[352px\] { max-height: 352px !important; } @@ -10074,12 +10181,18 @@ body { .max-h-\[116px\] { max-height: 116px !important; } +.max-h-\[165px\] { + max-height: 165px !important; +} .max-h-\[52px\] { max-height: 52px !important; } .max-h-\[188px\] { max-height: 188px !important; } +.max-h-\[700px\] { + max-height: 700px !important; +} .max-h-\[512px\] { max-height: 512px !important; } @@ -10108,6 +10221,12 @@ body { .max-h-\[300px\] { max-height: 300px !important; } +.max-h-\[185px\] { + max-height: 185px !important; +} +.max-h-\[calc\(100vh-224px\)\] { + max-height: calc(100vh - 224px) !important; +} .max-h-\[270px\] { max-height: 270px !important; } @@ -10147,6 +10266,12 @@ body { .max-h-\[600px\] { max-height: 600px !important; } +.min-h-0 { + min-height: 0px !important; +} +.min-h-\[32px\] { + min-height: 32px !important; +} .min-h-\[2rem\] { min-height: 2rem !important; } @@ -10166,6 +10291,9 @@ body { .min-h-\[auto\] { min-height: auto !important; } +.min-h-\[240px\] { + min-height: 240px !important; +} .min-h-\[516px\] { min-height: 516px !important; } @@ -10175,6 +10303,9 @@ body { .min-h-\[90px\] { min-height: 90px !important; } +.min-h-\[700px\] { + min-height: 700px !important; +} .min-h-\[55px\] { min-height: 55px !important; } @@ -10196,12 +10327,21 @@ body { .min-h-\[11\.5rem\] { min-height: 11.5rem !important; } +.min-h-\[185px\] { + min-height: 185px !important; +} +.min-h-\[113px\] { + min-height: 113px !important; +} +.min-h-\[56px\] { + min-height: 56px !important; +} +.min-h-full { + min-height: 100% !important; +} .min-h-\[48px\] { min-height: 48px !important; } -.min-h-0 { - min-height: 0px !important; -} .min-h-\[230px\] { min-height: 230px !important; } @@ -10223,9 +10363,6 @@ body { .min-h-\[360px\] { min-height: 360px !important; } -.min-h-full { - min-height: 100% !important; -} .min-h-\[355px\] { min-height: 355px !important; } @@ -10250,15 +10387,35 @@ body { .w-10 { width: 6rem !important; } -.w-3 { - width: 0.75rem !important; +.w-max { + width: -webkit-max-content !important; + width: -moz-max-content !important; + width: max-content !important; } -.w-12 { - width: 12rem !important; +.w-2 { + width: 0.5rem !important; } .w-5 { width: 1.5rem !important; } +.w-\[64px\] { + width: 64px !important; +} +.w-\[25px\] { + width: 25px !important; +} +.w-\[360px\] { + width: 360px !important; +} +.w-\[20px\] { + width: 20px !important; +} +.w-3 { + width: 0.75rem !important; +} +.w-12 { + width: 12rem !important; +} .w-\[280px\] { width: 280px !important; } @@ -10294,11 +10451,6 @@ body { .w-14 { width: 24rem !important; } -.w-max { - width: -webkit-max-content !important; - width: -moz-max-content !important; - width: max-content !important; -} .w-\[17\.5rem\] { width: 17.5rem !important; } @@ -10311,9 +10463,6 @@ body { .w-\[12rem\] { width: 12rem !important; } -.w-2 { - width: 0.5rem !important; -} .w-\[328px\] { width: 328px !important; } @@ -10389,9 +10538,6 @@ body { .w-1\/3 { width: 33.333333% !important; } -.w-\[20px\] { - width: 20px !important; -} .w-16 { width: 40rem !important; } @@ -10404,9 +10550,6 @@ body { .w-\[40px\] { width: 40px !important; } -.w-\[360px\] { - width: 360px !important; -} .w-\[284px\] { width: 284px !important; } @@ -10431,18 +10574,27 @@ body { .w-\[15rem\] { width: 15rem !important; } +.w-\[126px\] { + width: 126px !important; +} +.w-\[120px\] { + width: 120px !important; +} .w-\[11rem\] { width: 11rem !important; } .w-\[56px\] { width: 56px !important; } -.w-\[120px\] { - width: 120px !important; +.w-px { + width: 1px !important; } .w-screen { width: 100vw !important; } +.w-\[70px\] { + width: 70px !important; +} .w-\[calc\(100\%\+48px\)\] { width: calc(100% + 48px) !important; } @@ -10550,9 +10702,6 @@ body { .w-\[52px\] { width: 52px !important; } -.w-\[126px\] { - width: 126px !important; -} .w-\[171px\] { width: 171px !important; } @@ -10580,6 +10729,18 @@ body { .w-\[140px\] { width: 140px !important; } +.w-\[calc\(100\%\+56px\)\] { + width: calc(100% + 56px) !important; +} +.w-\[calc\(33\.33\%-56px\)\] { + width: calc(33.33% - 56px) !important; +} +.w-\[22px\] { + width: 22px !important; +} +.w-\[calc\(33\.33\%-38px\)\] { + width: calc(33.33% - 38px) !important; +} .w-\[17rem\] { width: 17rem !important; } @@ -10706,9 +10867,6 @@ body { .w-\[405px\] { width: 405px !important; } -.w-\[22px\] { - width: 22px !important; -} .w-\[5\.5rem\] { width: 5.5rem !important; } @@ -10772,6 +10930,9 @@ body { .w-\[552px\] { width: 552px !important; } +.min-w-\[75px\] { + min-width: 75px !important; +} .min-w-0 { min-width: 0px !important; } @@ -10796,6 +10957,12 @@ body { .min-w-\[6rem\] { min-width: 6rem !important; } +.min-w-\[185px\] { + min-width: 185px !important; +} +.min-w-\[230px\] { + min-width: 230px !important; +} .min-w-\[64px\] { min-width: 64px !important; } @@ -10814,9 +10981,6 @@ body { .\!min-w-\[144px\] { min-width: 144px !important; } -.min-w-\[185px\] { - min-width: 185px !important; -} .min-w-\[48px\] { min-width: 48px !important; } @@ -10878,6 +11042,24 @@ body { .min-w-\[150px\] { min-width: 150px !important; } +.min-w-\[16px\] { + min-width: 16px !important; +} +.min-w-\[264px\] { + min-width: 264px !important; +} +.min-w-\[40px\] { + min-width: 40px !important; +} +.min-w-\[26px\] { + min-width: 26px !important; +} +.min-w-\[172px\] { + min-width: 172px !important; +} +.min-w-\[284px\] { + min-width: 284px !important; +} .min-w-\[144px\] { min-width: 144px !important; } @@ -10923,6 +11105,9 @@ body { .min-w-\[204px\] { min-width: 204px !important; } +.max-w-\[250px\] { + max-width: 250px !important; +} .max-w-\[91\.25rem\] { max-width: 91.25rem !important; } @@ -10974,9 +11159,19 @@ body { .max-w-sm { max-width: 24rem !important; } +.max-w-\[438px\] { + max-width: 438px !important; +} .max-w-\[4rem\] { max-width: 4rem !important; } +.max-w-none, +.\!max-w-none { + max-width: none !important; +} +.max-w-\[15px\] { + max-width: 15px !important; +} .max-w-\[448px\] { max-width: 448px !important; } @@ -10989,9 +11184,6 @@ body { .max-w-\[9rem\] { max-width: 9rem !important; } -.\!max-w-none { - max-width: none !important; -} .\!max-w-full { max-width: 100% !important; } @@ -11094,15 +11286,9 @@ body { .max-w-\[31rem\] { max-width: 31rem !important; } -.max-w-\[40\%\] { - max-width: 40% !important; -} .max-w-\[456px\] { max-width: 456px !important; } -.max-w-none { - max-width: none !important; -} .max-w-\[992px\] { max-width: 992px !important; } @@ -11234,6 +11420,9 @@ body { .basis-auto { flex-basis: auto !important; } +.basis-1\/2 { + flex-basis: 50% !important; +} .basis-\[40\%\] { flex-basis: 40% !important; } @@ -11285,14 +11474,14 @@ body { rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important; } -.translate-y-\[calc\(100\%-56px\)\] { - --tw-translate-y: calc(100% - 56px) !important; +.translate-y-1\/2 { + --tw-translate-y: 50% !important; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important; } -.translate-y-1\/2 { - --tw-translate-y: 50% !important; +.translate-y-\[calc\(100\%-56px\)\] { + --tw-translate-y: calc(100% - 56px) !important; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important; @@ -11421,6 +11610,9 @@ body { .cursor-move { cursor: move !important; } +.cursor-help { + cursor: help !important; +} .touch-pan-x { --tw-pan-x: pan-x !important; touch-action: var(--tw-pan-x) var(--tw-pan-y) var(--tw-pinch-zoom) !important; @@ -11563,27 +11755,27 @@ body { .gap-1 { gap: 0.25rem !important; } -.gap-3 { - gap: 0.75rem !important; -} -.gap-6 { - gap: 2rem !important; -} .gap-5 { gap: 1.5rem !important; } .gap-4 { gap: 1rem !important; } +.gap-3 { + gap: 0.75rem !important; +} +.gap-\[2px\] { + gap: 2px !important; +} +.gap-6 { + gap: 2rem !important; +} .gap-10 { gap: 6rem !important; } .gap-\[20px\] { gap: 20px !important; } -.gap-\[2px\] { - gap: 2px !important; -} .gap-0 { gap: 0 !important; } @@ -11593,6 +11785,9 @@ body { .gap-\[40px\] { gap: 40px !important; } +.gap-\[10px\] { + gap: 10px !important; +} .gap-\[116px\] { gap: 116px !important; } @@ -11602,9 +11797,6 @@ body { .gap-\[130px\] { gap: 130px !important; } -.gap-\[10px\] { - gap: 10px !important; -} .gap-y-6 { row-gap: 2rem !important; } @@ -11654,6 +11846,10 @@ body { -moz-column-gap: 6rem !important; column-gap: 6rem !important; } +.gap-x-\[56px\] { + -moz-column-gap: 56px !important; + column-gap: 56px !important; +} .gap-x-6 { -moz-column-gap: 2rem !important; column-gap: 2rem !important; @@ -11754,24 +11950,27 @@ body { .break-words { overflow-wrap: break-word !important; } +.rounded-full { + border-radius: 9999px !important; +} +.rounded-3xl { + border-radius: 1.5rem !important; +} .rounded-lg { border-radius: 0.5rem !important; } +.rounded-\[48px\] { + border-radius: 48px !important; +} .rounded { border-radius: 0.25rem !important; } -.rounded-full { - border-radius: 9999px !important; -} .rounded-md { border-radius: 0.375rem !important; } .rounded-2xl { border-radius: 1rem !important; } -.rounded-3xl { - border-radius: 1.5rem !important; -} .rounded-none { border-radius: 0 !important; } @@ -11799,9 +11998,16 @@ body { .rounded-\[4px\] { border-radius: 4px !important; } +.rounded-\[8px\] { + border-radius: 8px !important; +} .\!rounded-2xl { border-radius: 1rem !important; } +.rounded-t-2xl { + border-top-left-radius: 1rem !important; + border-top-right-radius: 1rem !important; +} .rounded-t-md { border-top-left-radius: 0.375rem !important; border-top-right-radius: 0.375rem !important; @@ -11818,10 +12024,6 @@ body { border-top-right-radius: 0.5rem !important; border-bottom-right-radius: 0.5rem !important; } -.rounded-t-2xl { - border-top-left-radius: 1rem !important; - border-top-right-radius: 1rem !important; -} .rounded-t-none { border-top-left-radius: 0 !important; border-top-right-radius: 0 !important; @@ -11887,12 +12089,12 @@ body { .rounded-bl-none { border-bottom-left-radius: 0 !important; } -.border-0 { - border-width: 0px !important; -} .border { border-width: 1px !important; } +.border-0 { + border-width: 0px !important; +} .border-2, .border-\[2px\] { border-width: 2px !important; @@ -11900,6 +12102,12 @@ body { .border-\[1px\] { border-width: 1px !important; } +.\!border-0 { + border-width: 0px !important; +} +.border-t { + border-top-width: 1px !important; +} .border-b { border-bottom-width: 1px !important; } @@ -11915,9 +12123,6 @@ body { .border-r { border-right-width: 1px !important; } -.border-t { - border-top-width: 1px !important; -} .\!border-t-0 { border-top-width: 0px !important; } @@ -11955,6 +12160,9 @@ body { .\!border-none { border-style: none !important; } +.border-white { + border-color: #fff !important; +} .border-grays-150 { border-color: #e2e6e9 !important; } @@ -11994,9 +12202,6 @@ body { .\!border-grays-150 { border-color: #e2e6e9 !important; } -.border-white { - border-color: #fff !important; -} .border-\[\#e0e0e0\] { border-color: #e0e0e0 !important; } @@ -12036,12 +12241,18 @@ body { .bg-\[var\(--bg\)\] { background-color: var(--bg) !important; } -.bg-grays-200 { - background-color: #bec6cc !important; +.\!bg-black\/60 { + background-color: #0009 !important; +} +.bg-primary-light { + background-color: #ffe19c !important; } .bg-secondary-400 { background-color: #0077db !important; } +.bg-grays-200 { + background-color: #bec6cc !important; +} .bg-grays-150 { background-color: #e2e6e9 !important; } @@ -12066,9 +12277,6 @@ body { .bg-info-100 { background-color: #e8f9fc !important; } -.bg-primary-light { - background-color: #ffe19c !important; -} .bg-primary { background-color: #fdb713 !important; } @@ -12269,6 +12477,30 @@ body { padding-top: 3rem !important; padding-bottom: 3rem !important; } +.py-2 { + padding-top: 0.5rem !important; + padding-bottom: 0.5rem !important; +} +.px-2 { + padding-left: 0.5rem !important; + padding-right: 0.5rem !important; +} +.py-1 { + padding-top: 0.25rem !important; + padding-bottom: 0.25rem !important; +} +.py-3 { + padding-top: 0.75rem !important; + padding-bottom: 0.75rem !important; +} +.py-0 { + padding-top: 0 !important; + padding-bottom: 0 !important; +} +.py-6 { + padding-top: 2rem !important; + padding-bottom: 2rem !important; +} .py-4 { padding-top: 1rem !important; padding-bottom: 1rem !important; @@ -12277,14 +12509,6 @@ body { padding-left: 1.5rem !important; padding-right: 1.5rem !important; } -.py-1 { - padding-top: 0.25rem !important; - padding-bottom: 0.25rem !important; -} -.py-2 { - padding-top: 0.5rem !important; - padding-bottom: 0.5rem !important; -} .px-3 { padding-left: 0.75rem !important; padding-right: 0.75rem !important; @@ -12293,14 +12517,6 @@ body { padding-left: 4rem !important; padding-right: 4rem !important; } -.px-2 { - padding-left: 0.5rem !important; - padding-right: 0.5rem !important; -} -.py-6 { - padding-top: 2rem !important; - padding-bottom: 2rem !important; -} .px-6 { padding-left: 2rem !important; padding-right: 2rem !important; @@ -12313,10 +12529,6 @@ body { padding-top: 20px !important; padding-bottom: 20px !important; } -.py-3 { - padding-top: 0.75rem !important; - padding-bottom: 0.75rem !important; -} .px-10 { padding-left: 6rem !important; padding-right: 6rem !important; @@ -12325,10 +12537,6 @@ body { padding-left: 0.25rem !important; padding-right: 0.25rem !important; } -.py-0 { - padding-top: 0 !important; - padding-bottom: 0 !important; -} .py-\[40px\] { padding-top: 40px !important; padding-bottom: 40px !important; @@ -12381,6 +12589,10 @@ body { padding-top: 4.5rem !important; padding-bottom: 4.5rem !important; } +.px-\[6px\] { + padding-left: 6px !important; + padding-right: 6px !important; +} .px-\[11px\] { padding-left: 11px !important; padding-right: 11px !important; @@ -12418,6 +12630,10 @@ body { padding-top: 0.75rem !important; padding-bottom: 0.75rem !important; } +.px-\[2px\] { + padding-left: 2px !important; + padding-right: 2px !important; +} .px-\[34px\] { padding-left: 34px !important; padding-right: 34px !important; @@ -12455,12 +12671,21 @@ body { .pb-5 { padding-bottom: 1.5rem !important; } -.pl-2 { - padding-left: 0.5rem !important; +.pb-0 { + padding-bottom: 0 !important; +} +.pl-4 { + padding-left: 1rem !important; +} +.pt-2 { + padding-top: 0.5rem !important; } .pr-4 { padding-right: 1rem !important; } +.pl-2 { + padding-left: 0.5rem !important; +} .pb-4 { padding-bottom: 1rem !important; } @@ -12482,9 +12707,6 @@ body { .pr-1 { padding-right: 0.25rem !important; } -.pb-0 { - padding-bottom: 0 !important; -} .pt-0 { padding-top: 0 !important; } @@ -12503,9 +12725,6 @@ body { .pt-3 { padding-top: 0.75rem !important; } -.pl-4 { - padding-left: 1rem !important; -} .pr-0 { padding-right: 0 !important; } @@ -12521,9 +12740,6 @@ body { .pl-3 { padding-left: 0.75rem !important; } -.pt-2 { - padding-top: 0.5rem !important; -} .pl-0 { padding-left: 0 !important; } @@ -12542,6 +12758,9 @@ body { .pb-6 { padding-bottom: 2rem !important; } +.pb-9 { + padding-bottom: 4.5rem !important; +} .pl-12 { padding-left: 12rem !important; } @@ -12551,9 +12770,6 @@ body { .pt-\[100\%\] { padding-top: 100% !important; } -.pb-9 { - padding-bottom: 4.5rem !important; -} .pr-6 { padding-right: 2rem !important; } @@ -12566,11 +12782,17 @@ body { .\!pt-0 { padding-top: 0 !important; } +.\!pl-2 { + padding-left: 0.5rem !important; +} .\!pr-\[2px\] { padding-right: 2px !important; } -.\!pl-2 { - padding-left: 0.5rem !important; +.\!pb-4 { + padding-bottom: 1rem !important; +} +.pt-\[12px\] { + padding-top: 12px !important; } .pl-\[2px\] { padding-left: 2px !important; @@ -12593,6 +12815,12 @@ body { .\!pb-0 { padding-bottom: 0 !important; } +.pb-\[2px\] { + padding-bottom: 2px !important; +} +.pt-\[20px\] { + padding-top: 20px !important; +} .\!pb-3 { padding-bottom: 0.75rem !important; } @@ -12636,6 +12864,9 @@ body { .text-justify { text-align: justify !important; } +.text-start { + text-align: start !important; +} .text-end { text-align: end !important; } @@ -12732,6 +12963,9 @@ body { .leading-normal { line-height: 1.7 !important; } +.leading-relaxed { + line-height: 1.8 !important; +} .leading-loose { line-height: 2 !important; } @@ -12741,9 +12975,6 @@ body { .leading-\[1\.3\] { line-height: 1.3 !important; } -.leading-relaxed { - line-height: 1.8 !important; -} .leading-snug { line-height: 1.5 !important; } @@ -12840,15 +13071,21 @@ body { .text-secondary-600 { color: #004075 !important; } +.text-bg-cta-naturalWhite { + color: #fff !important; +} +.\!text-grays-600 { + color: #2b2f33 !important; +} +.text-grays-100 { + color: #f8fafb !important; +} .\!text-success-400 { color: #28a745 !important; } .\!text-grays-200 { color: #bec6cc !important; } -.text-grays-100 { - color: #f8fafb !important; -} .\!text-primary { color: #fdb713 !important; } @@ -12867,9 +13104,6 @@ body { .\!text-grays-300 { color: #959ea6 !important; } -.\!text-grays-600 { - color: #2b2f33 !important; -} .\!text-danger-400 { color: #dc3545 !important; } @@ -12897,12 +13131,12 @@ body { .text-fg-cta-alert { color: #dc3545 !important; } -.text-gray-400 { - color: #bec6cc !important; -} .text-success-300 { color: #84e199 !important; } +.text-gray-400 { + color: #bec6cc !important; +} .underline { -webkit-text-decoration-line: underline !important; text-decoration-line: underline !important; @@ -12911,6 +13145,9 @@ body { -webkit-text-decoration-line: line-through !important; text-decoration-line: line-through !important; } +.opacity-70 { + opacity: 0.7 !important; +} .opacity-80 { opacity: 0.8 !important; } @@ -12920,18 +13157,21 @@ body { .opacity-\[65\%\] { opacity: 65% !important; } -.opacity-60 { - opacity: 0.6 !important; -} .opacity-0 { opacity: 0 !important; } -.opacity-100 { +.\!opacity-100 { opacity: 1 !important; } +.opacity-60 { + opacity: 0.6 !important; +} .opacity-50 { opacity: 0.5 !important; } +.opacity-100 { + opacity: 1 !important; +} .opacity-75 { opacity: 0.75 !important; } @@ -12941,8 +13181,13 @@ body { .opacity-95 { opacity: 0.95 !important; } -.opacity-70 { - opacity: 0.7 !important; +.shadow-xl { + --tw-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.12), + 0 10px 10px -6px rgba(0, 0, 0, 0.12) !important; + --tw-shadow-colored: 0 3px 10px 0 var(--tw-shadow-color), + 0 10px 10px -6px var(--tw-shadow-color) !important; + box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), + var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important; } .shadow-lg { --tw-shadow: 0 4px 6px 0 rgba(0, 0, 0, 0.08) !important; @@ -12956,14 +13201,6 @@ body { box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important; } -.shadow-xl { - --tw-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.12), - 0 10px 10px -6px rgba(0, 0, 0, 0.12) !important; - --tw-shadow-colored: 0 3px 10px 0 var(--tw-shadow-color), - 0 10px 10px -6px var(--tw-shadow-color) !important; - box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), - var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important; -} .shadow-none { --tw-shadow: 0 0 #0000 !important; --tw-shadow-colored: 0 0 #0000 !important; @@ -12994,11 +13231,9 @@ body { box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important; } -.shadow-inner { - --tw-shadow: inset 0 2px 4px 0 rgb(0, 0, 0, 0.05) !important; - --tw-shadow-colored: inset 0 2px 4px 0 var(--tw-shadow-color) !important; - box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), - var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important; +.outline-none { + outline: 2px solid transparent !important; + outline-offset: 2px !important; } .outline { outline-style: solid !important; @@ -13024,12 +13259,19 @@ body { var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow) !important; } -.\!blur-0 { +.\!blur-0, +.blur-0 { --tw-blur: blur(0) !important; filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow) !important; } +.\!blur-lg { + --tw-blur: blur(16px) !important; + filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) + var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) + var(--tw-sepia) var(--tw-drop-shadow) !important; +} .filter, .\!filter { filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) @@ -13121,14 +13363,14 @@ body { .duration-200 { transition-duration: 0.2s !important; } -.ease-in { - transition-timing-function: cubic-bezier(0.4, 0, 1, 1) !important; +.ease-in-out { + transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important; } .ease-out { transition-timing-function: cubic-bezier(0, 0, 0.2, 1) !important; } -.ease-in-out { - transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important; +.ease-in { + transition-timing-function: cubic-bezier(0.4, 0, 1, 1) !important; } .content-\[\'\'\] { --tw-content: "" !important; @@ -13152,6 +13394,12 @@ body { -webkit-box-orient: vertical !important; overflow: hidden !important; } +.line-clamp-6 { + display: -webkit-box !important; + -webkit-line-clamp: 6 !important; + -webkit-box-orient: vertical !important; + overflow: hidden !important; +} .h-safearea { height: env(safe-area-inset-bottom) !important; } @@ -13206,9 +13454,6 @@ body { .last\:mb-0:last-child { margin-bottom: 0 !important; } -.last\:mt-3:last-child { - margin-top: 0.75rem !important; -} .last\:mb-3:last-child { margin-bottom: 0.75rem !important; } @@ -13233,6 +13478,9 @@ body { .last\:pb-0:last-child { padding-bottom: 0 !important; } +.first-of-type\:bg-\[\#F6F6F6\]:first-of-type { + background-color: #f6f6f6 !important; +} .last-of-type\:hidden:last-of-type { display: none !important; } @@ -13287,9 +13535,16 @@ body { .hover\:\!\[background-color\:transparent\]:hover { background-color: transparent !important; } +.focus\:border-none:focus { + border-style: none !important; +} .focus\:\!bg-white:focus { background-color: #fff !important; } +.focus\:outline-none:focus { + outline: 2px solid transparent !important; + outline-offset: 2px !important; +} .active\:shadow-none:active, .active\:\!shadow-none:active { --tw-shadow: 0 0 #0000 !important; @@ -13827,6 +14082,18 @@ body { font-size: 1.125rem; } } + .md\:bottom-4 { + bottom: 1rem !important; + } + .md\:-top-\[12px\] { + top: -12px !important; + } + .md\:bottom-\[15px\] { + bottom: 15px !important; + } + .md\:top-auto { + top: auto !important; + } .md\:text-body-md { font-weight: 400; line-height: 200%; @@ -13835,8 +14102,11 @@ body { .md\:top-0 { top: 0 !important; } - .md\:bottom-4 { - bottom: 1rem !important; + .md\:left-6 { + left: 2rem !important; + } + .md\:top-6 { + top: 2rem !important; } .md\:left-4 { left: 1rem !important; @@ -13900,6 +14170,11 @@ body { line-height: 180%; font-size: 0.875rem; } + .md\:\!text-callout { + font-weight: 400 !important; + line-height: 180% !important; + font-size: 0.875rem !important; + } .md\:text-callout-bold { font-weight: 700; line-height: 180%; @@ -13910,6 +14185,16 @@ body { line-height: 180%; font-size: 0.75rem; } + .md\:\!text-caption-bold { + font-weight: 700 !important; + line-height: 180% !important; + font-size: 0.75rem !important; + } + .md\:text-caption-bold { + font-weight: 700; + line-height: 180%; + font-size: 0.75rem; + } .md\:float-none { float: none !important; } @@ -13983,21 +14268,24 @@ body { margin-left: 1.5rem !important; margin-right: 1.5rem !important; } - .md\:my-8 { - margin-top: 4rem !important; - margin-bottom: 4rem !important; + .md\:-mx-5 { + margin-left: -1.5rem !important; + margin-right: -1.5rem !important; } .md\:mx-1 { margin-left: 0.25rem !important; margin-right: 0.25rem !important; } - .md\:-mx-5 { - margin-left: -1.5rem !important; - margin-right: -1.5rem !important; + .md\:my-8 { + margin-top: 4rem !important; + margin-bottom: 4rem !important; } .md\:mb-10 { margin-bottom: 6rem !important; } + .md\:mb-4 { + margin-bottom: 1rem !important; + } .md\:mb-8 { margin-bottom: 4rem !important; } @@ -14028,9 +14316,6 @@ body { .md\:mb-5 { margin-bottom: 1.5rem !important; } - .md\:mb-4 { - margin-bottom: 1rem !important; - } .md\:mb-0 { margin-bottom: 0 !important; } @@ -14112,9 +14397,15 @@ body { .md\:mt-5 { margin-top: 1.5rem !important; } + .md\:mb-\[2px\] { + margin-bottom: 2px !important; + } .md\:ml-3 { margin-left: 0.75rem !important; } + .md\:\!mt-0 { + margin-top: 0 !important; + } .md\:mb-px { margin-bottom: 1px !important; } @@ -14204,6 +14495,9 @@ body { .md\:aspect-\[1\.97\/1\] { aspect-ratio: 1.97/1 !important; } + .md\:h-\[80px\] { + height: 80px !important; + } .md\:h-\[354px\] { height: 354px !important; } @@ -14252,6 +14546,15 @@ body { .md\:h-\[40px\] { height: 40px !important; } + .md\:h-\[216px\] { + height: 216px !important; + } + .md\:h-auto { + height: auto !important; + } + .md\:h-\[36px\] { + height: 36px !important; + } .md\:h-9 { height: 4.5rem !important; } @@ -14264,18 +14567,12 @@ body { .md\:h-\[315px\] { height: 315px !important; } - .md\:h-\[244px\] { - height: 244px !important; - } - .md\:h-auto { - height: auto !important; - } - .md\:h-\[80px\] { - height: 80px !important; - } .md\:\!btn-secondary-lg-normal:hover { background-color: #00569e !important; } + .md\:h-\[244px\] { + height: 244px !important; + } .md\:h-\[110px\] { height: 110px !important; } @@ -14341,13 +14638,19 @@ body { .md\:h-\[12\.5rem\] { height: 12.5rem !important; } - .md\:max-h-\[200px\] { - max-height: 200px !important; + .md\:max-h-\[216px\] { + max-height: 216px !important; } .md\:\!btn-secondary-lg-normal:focus { background-color: #0077db !important; border: 1px solid #00569e !important; } + .md\:max-h-\[calc\(100\%-64px\)\] { + max-height: calc(100% - 64px) !important; + } + .md\:max-h-\[200px\] { + max-height: 200px !important; + } .md\:max-h-\[480px\] { max-height: 480px !important; } @@ -14357,6 +14660,9 @@ body { .md\:max-h-\[60vh\] { max-height: 60vh !important; } + .md\:min-h-full { + min-height: 100% !important; + } .md\:\!btn-secondary-lg-normal { height: 3rem !important; min-height: unset !important; @@ -14377,6 +14683,9 @@ body { .md\:w-11 { width: 8rem !important; } + .md\:w-\[80px\] { + width: 80px !important; + } .md\:w-\[100px\] { width: 100px !important; } @@ -14454,12 +14763,28 @@ body { width: -moz-fit-content !important; width: fit-content !important; } + .md\:w-\[216px\] { + width: 216px !important; + } + .md\:w-px { + width: 1px !important; + } + .md\:w-\[184px\] { + width: 184px !important; + } + .md\:w-\[140px\] { + width: 140px !important; + } .md\:w-9 { width: 4.5rem !important; } .md\:w-\[160px\] { width: 160px !important; } + .md\:\!btn-secondary-lg-normal svg { + width: 1.5rem !important; + height: 1.5rem !important; + } .md\:w-\[calc\(100\%-50px\)\] { width: calc(100% - 50px) !important; } @@ -14498,10 +14823,6 @@ body { .md\:w-\[400px\] { width: 400px !important; } - .md\:\!btn-secondary-lg-normal svg { - width: 1.5rem !important; - height: 1.5rem !important; - } .md\:w-\[260px\] { width: 260px !important; } @@ -14514,9 +14835,6 @@ body { .md\:w-\[276px\] { width: 276px !important; } - .md\:w-\[80px\] { - width: 80px !important; - } .md\:w-\[48px\] { width: 48px !important; } @@ -14667,6 +14985,18 @@ body { .md\:max-w-\[460px\] { max-width: 460px !important; } + .md\:max-w-\[216px\] { + max-width: 216px !important; + } + .md\:max-w-\[648px\] { + max-width: 648px !important; + } + .md\:max-w-\[280px\] { + max-width: 280px !important; + } + .md\:max-w-\[300px\] { + max-width: 300px !important; + } .md\:max-w-\[496px\] { max-width: 496px !important; } @@ -14932,6 +15262,9 @@ body { -moz-column-gap: 0.75rem !important; column-gap: 0.75rem !important; } + .md\:gap-y-1 { + row-gap: 0.25rem !important; + } .md\:self-start { align-self: flex-start !important; } @@ -14999,15 +15332,15 @@ body { .md\:border-l { border-left-width: 1px !important; } + .md\:border-r { + border-right-width: 1px !important; + } .md\:border-t-2 { border-top-width: 2px !important; } .md\:border-t-0 { border-top-width: 0px !important; } - .md\:border-r { - border-right-width: 1px !important; - } .md\:border-t { border-top-width: 1px !important; } @@ -15155,6 +15488,10 @@ body { padding-left: 6rem !important; padding-right: 6rem !important; } + .md\:px-\[10px\] { + padding-left: 10px !important; + padding-right: 10px !important; + } .md\:py-\[2px\] { padding-top: 2px !important; padding-bottom: 2px !important; @@ -15255,6 +15592,9 @@ body { .md\:pt-10 { padding-top: 6rem !important; } + .md\:pb-3 { + padding-bottom: 0.75rem !important; + } .md\:pt-2 { padding-top: 0.5rem !important; } @@ -15264,9 +15604,6 @@ body { .md\:pr-2 { padding-right: 0.5rem !important; } - .md\:pb-3 { - padding-bottom: 0.75rem !important; - } .md\:pb-1 { padding-bottom: 0.25rem !important; } @@ -15276,6 +15613,9 @@ body { .md\:pr-\[13px\] { padding-right: 13px !important; } + .md\:pl-2 { + padding-left: 0.5rem !important; + } .md\:pt-8 { padding-top: 4rem !important; } @@ -15300,6 +15640,15 @@ body { .md\:text-start { text-align: start !important; } + .md\:\!btn-icon-lg-outline { + min-height: unset !important; + min-width: 0px !important; + padding: 0 !important; + background-color: transparent !important; + border-width: 1px !important; + border-style: solid !important; + box-shadow: none !important; + } .md\:text-3 { font-size: 0.875rem !important; } @@ -15321,6 +15670,10 @@ body { .md\:text-9 { font-size: 2rem !important; } + .md\:\!btn-icon-lg-outline:focus { + background-color: transparent !important; + border-color: #2b2f33 !important; + } .md\:text-\[160px\] { font-size: 160px !important; } @@ -15333,6 +15686,22 @@ body { .md\:font-black { font-weight: 900 !important; } + .md\:\!btn-icon-lg-outline { + height: 3rem !important; + width: 3rem !important; + border-radius: 1rem !important; + } + .md\:\!btn-icon-lg-outline svg { + width: 1.5rem !important; + height: 1.5rem !important; + } + .md\:\!btn-icon-lg-outline { + border-color: #0000001f !important; + color: #2b2f33 !important; + } + .md\:\!btn-icon-lg-outline:hover { + background-color: #f8fafb !important; + } .md\:leading-loose { line-height: 2 !important; } @@ -15445,6 +15814,9 @@ body { margin-left: auto !important; margin-right: auto !important; } + .lg\:mb-6 { + margin-bottom: 2rem !important; + } .lg\:mb-5 { margin-bottom: 1.5rem !important; } @@ -15460,9 +15832,6 @@ body { .lg\:mb-7 { margin-bottom: 3rem !important; } - .lg\:mb-6 { - margin-bottom: 2rem !important; - } .lg\:mb-0 { margin-bottom: 0 !important; } @@ -15776,64 +16145,19 @@ body { box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important; } + .lg\:\[\&\>div\]\:\!w-fit > div { + width: -webkit-fit-content !important; + width: -moz-fit-content !important; + width: fit-content !important; + } } @media (min-width: 1280px) { - .xl\:mt-6 { - margin-top: 2rem !important; - } - .xl\:mt-0 { - margin-top: 0 !important; - } .xl\:ml-6 { margin-left: 2rem !important; } .xl\:mr-10 { margin-right: 6rem !important; } - .xl\:h-10 { - height: 6rem !important; - } - .xl\:w-\[726px\] { - width: 726px !important; - } - .xl\:w-\[350px\] { - width: 350px !important; - } - .xl\:w-8 { - width: 4rem !important; - } - .xl\:flex-row { - flex-direction: row !important; - } - .xl\:flex-wrap { - flex-wrap: wrap !important; - } - .xl\:px-10 { - padding-left: 6rem !important; - padding-right: 6rem !important; - } - .xl\:text-6 { - font-size: 1.25rem !important; - } - .xl\:text-3 { - font-size: 0.875rem !important; - } -} -.\[\&\:first-of-type\]\:mr-2:first-of-type { - margin-right: 0.5rem !important; -} -.\[\&\>div\]\:py-1 > div { - padding-top: 0.25rem !important; - padding-bottom: 0.25rem !important; -} -@media (min-width: 1024px) { - .lg\:\[\&\>div\]\:\!w-fit > div { - width: -webkit-fit-content !important; - width: -moz-fit-content !important; - width: fit-content !important; - } -} -@media (min-width: 1280px) { .xl\:h-\[180px\] { height: 180px !important; } @@ -15862,6 +16186,10 @@ body { .\[\&\>div\]\:bg-white > div { background-color: #fff !important; } +.\[\&\>div\]\:py-1 > div { + padding-top: 0.25rem !important; + padding-bottom: 0.25rem !important; +} @media (min-width: 1024px) { .lg\:\[\&\>div\]\:\!items-center > div { align-items: center !important; @@ -15870,12 +16198,6 @@ body { .\[\&_video\]\:bg-white video { background-color: #fff !important; } -.\[\&\>div\>div\]\:min-w-\[85\%\] > div > div { - min-width: 85% !important; -} -.\[\&_img\]\:cursor-pointer img { - cursor: pointer !important; -} .\[\&\>\*\]\:block > * { display: block !important; } @@ -15890,11 +16212,22 @@ body { vertical-align: baseline !important; } } +@media (min-width: 1200px) { + .min-\[1200px\]\:flex-wrap { + flex-wrap: wrap !important; + } +} @media (min-width: 1280px) { .xl\:mx-0 { margin-left: 0 !important; margin-right: 0 !important; } + .xl\:mt-6 { + margin-top: 2rem !important; + } + .xl\:mt-0 { + margin-top: 0 !important; + } .xl\:mr-auto { margin-right: auto !important; } @@ -15907,6 +16240,18 @@ body { .xl\:block { display: block !important; } + .xl\:h-10 { + height: 6rem !important; + } + .xl\:w-\[726px\] { + width: 726px !important; + } + .xl\:w-\[350px\] { + width: 350px !important; + } + .xl\:w-8 { + width: 4rem !important; + } .xl\:max-w-\[675px\] { max-width: 675px !important; } @@ -15916,19 +16261,50 @@ body { .xl\:max-w-\[1184px\] { max-width: 1184px !important; } + .xl\:flex-row { + flex-direction: row !important; + } .xl\:flex-col { flex-direction: column !important; } + .xl\:flex-wrap { + flex-wrap: wrap !important; + } + .xl\:px-10 { + padding-left: 6rem !important; + padding-right: 6rem !important; + } .xl\:pb-0 { padding-bottom: 0 !important; } + .xl\:text-6 { + font-size: 1.25rem !important; + } + .xl\:text-3 { + font-size: 0.875rem !important; + } .xl\:opacity-50 { opacity: 0.5 !important; } } +.\[\&\:first-of-type\]\:mr-2:first-of-type { + margin-right: 0.5rem !important; +} +.\[\&_img\]\:\!blur-md img { + --tw-blur: blur(12px) !important; + filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) + var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) + var(--tw-sepia) var(--tw-drop-shadow) !important; +} +.\[\&\>div\]\:\!flex-row > div { + flex-direction: row !important; +} .\[\&\>div\]\:\!pr-0 > div { padding-right: 0 !important; } +.\[\&\>div\>div\]\:min-w-\[85\%\] > div > div { + min-width: 85% !important; +} .\[\&\:not\(\:last-child\)\]\:mb-3:not(:last-child) { margin-bottom: 0.75rem !important; } @@ -16805,12 +17181,6 @@ body { overflow: hidden; filter: blur(1px) grayscale(100%); } -.sticky-search-position.offline-wrapper { - --tw-shadow: 0 2px 5px -1px rgba(0, 0, 0, 0.08); - --tw-shadow-colored: 0 2px 5px -1px var(--tw-shadow-color); - box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), - var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); -} .offline-wrapper { position: fixed; top: 0; From 5ee732e8300c53f44c1e1d0e33351d54a6de526f Mon Sep 17 00:00:00 2001 From: Ronald Brill Date: Sun, 23 Mar 2025 14:45:48 +0100 Subject: [PATCH 5/6] checkstyle / jdoc --- checkstyle.xml | 29 ++++-- checkstyle_suppressions.xml | 4 + .../cssparser/dom/DOMExceptionImpl.java | 4 +- .../cssparser/parser/AbstractCSSParser.java | 90 +++++++++---------- .../cssparser/parser/CSSErrorHandler.java | 6 +- .../cssparser/parser/CSSParseException.java | 1 - .../cssparser/parser/DocumentHandler.java | 16 ++-- .../parser/condition/AttributeCondition.java | 3 + .../parser/condition/LangCondition.java | 1 - .../cssparser/parser/CSS3ParserTest.java | 3 +- 10 files changed, 88 insertions(+), 69 deletions(-) diff --git a/checkstyle.xml b/checkstyle.xml index 6ca5e3b..4399fa8 100644 --- a/checkstyle.xml +++ b/checkstyle.xml @@ -33,6 +33,7 @@ + @@ -99,15 +100,11 @@ - @@ -123,12 +120,12 @@ - - - - + + + + @@ -145,9 +142,22 @@ + + + + + + + + + + + + + @@ -162,6 +172,9 @@ + + + diff --git a/checkstyle_suppressions.xml b/checkstyle_suppressions.xml index fe8dbbf..a87ce46 100644 --- a/checkstyle_suppressions.xml +++ b/checkstyle_suppressions.xml @@ -12,4 +12,8 @@ + + + + diff --git a/src/main/java/org/htmlunit/cssparser/dom/DOMExceptionImpl.java b/src/main/java/org/htmlunit/cssparser/dom/DOMExceptionImpl.java index 7657a32..5d4d625 100644 --- a/src/main/java/org/htmlunit/cssparser/dom/DOMExceptionImpl.java +++ b/src/main/java/org/htmlunit/cssparser/dom/DOMExceptionImpl.java @@ -58,7 +58,7 @@ public class DOMExceptionImpl extends DOMException { /** INSERT_BEFORE_IMPORT = 16. */ public static final int INSERT_BEFORE_IMPORT = 16; - static final String[] messages = { + static final String[] MESSAGES_ = { "Syntax error", "Index out of bounds error", "This style sheet is read only", @@ -103,6 +103,6 @@ public DOMExceptionImpl(final int code, final int messageKey) { * @param info additional info */ public DOMExceptionImpl(final int code, final int messageKey, final String info) { - super((short) code, messages[messageKey] + " (" + info + ")"); + super((short) code, MESSAGES_[messageKey] + " (" + info + ")"); } } diff --git a/src/main/java/org/htmlunit/cssparser/parser/AbstractCSSParser.java b/src/main/java/org/htmlunit/cssparser/parser/AbstractCSSParser.java index b54ad68..405596d 100644 --- a/src/main/java/org/htmlunit/cssparser/parser/AbstractCSSParser.java +++ b/src/main/java/org/htmlunit/cssparser/parser/AbstractCSSParser.java @@ -39,55 +39,55 @@ public abstract class AbstractCSSParser { private CSSErrorHandler errorHandler_; private InputSource source_; - private static final HashMap parserMessages_ = new HashMap<>(); + private static final HashMap PARSER_MESSAGES_ = new HashMap<>(); static { - parserMessages_.put("invalidExpectingOne", "Invalid token \"{0}\". Was expecting: {1}."); - parserMessages_.put("invalidExpectingMore", "Invalid token \"{0}\". Was expecting one of: {1}."); - parserMessages_.put("invalidColor", "Invalid color \"{0}\"."); - parserMessages_.put("invalidStyleSheet", "Error in style sheet."); - parserMessages_.put("invalidRule", "Error in rule."); - parserMessages_.put("invalidUnknownRule", "Error in unknown at-rule."); - parserMessages_.put("invalidCharsetRule", "Error in @charset rule."); - parserMessages_.put("misplacedCharsetRule", "The @charset must be the first element in the style sheet."); - parserMessages_.put("invalidImportRule", "Error in @import rule."); - parserMessages_.put("invalidImportRuleIgnored", "@import rule must occur before all other rules."); - parserMessages_.put("invalidImportRuleIgnored2", + PARSER_MESSAGES_.put("invalidExpectingOne", "Invalid token \"{0}\". Was expecting: {1}."); + PARSER_MESSAGES_.put("invalidExpectingMore", "Invalid token \"{0}\". Was expecting one of: {1}."); + PARSER_MESSAGES_.put("invalidColor", "Invalid color \"{0}\"."); + PARSER_MESSAGES_.put("invalidStyleSheet", "Error in style sheet."); + PARSER_MESSAGES_.put("invalidRule", "Error in rule."); + PARSER_MESSAGES_.put("invalidUnknownRule", "Error in unknown at-rule."); + PARSER_MESSAGES_.put("invalidCharsetRule", "Error in @charset rule."); + PARSER_MESSAGES_.put("misplacedCharsetRule", "The @charset must be the first element in the style sheet."); + PARSER_MESSAGES_.put("invalidImportRule", "Error in @import rule."); + PARSER_MESSAGES_.put("invalidImportRuleIgnored", "@import rule must occur before all other rules."); + PARSER_MESSAGES_.put("invalidImportRuleIgnored2", "@import rule must occur before all other rules, except the @charset rule."); - parserMessages_.put("invalidPageRule", "Error in @page rule."); - parserMessages_.put("invalidFontFaceRule", "Error in @font-face rule."); - parserMessages_.put("invalidMediaList", "Error in media list."); - parserMessages_.put("invalidMediaRule", "Error in @media rule."); - parserMessages_.put("invalidStyleRule", "Error in style rule."); - parserMessages_.put("invalidStyleDeclaration", "Error in style declaration."); - parserMessages_.put("invalidDeclaration", "Error in declaration."); - parserMessages_.put("invalidDeclarationInvalidChar", "Error in declaration; invalid character \"{0}\" found."); - parserMessages_.put("invalidDeclarationStarHack", + PARSER_MESSAGES_.put("invalidPageRule", "Error in @page rule."); + PARSER_MESSAGES_.put("invalidFontFaceRule", "Error in @font-face rule."); + PARSER_MESSAGES_.put("invalidMediaList", "Error in media list."); + PARSER_MESSAGES_.put("invalidMediaRule", "Error in @media rule."); + PARSER_MESSAGES_.put("invalidStyleRule", "Error in style rule."); + PARSER_MESSAGES_.put("invalidStyleDeclaration", "Error in style declaration."); + PARSER_MESSAGES_.put("invalidDeclaration", "Error in declaration."); + PARSER_MESSAGES_.put("invalidDeclarationInvalidChar", "Error in declaration; invalid character \"{0}\" found."); + PARSER_MESSAGES_.put("invalidDeclarationStarHack", "Error in declaration. ''*'' is not allowed as first char of a property."); - parserMessages_.put("invalidSelectorList", "Error in selector list."); - parserMessages_.put("invalidSelector", "Error in selector."); - parserMessages_.put("invalidSimpleSelector", "Error in simple selector."); - parserMessages_.put("invalidClassSelector", "Error in class selector."); - parserMessages_.put("invalidElementName", "Error in element name."); - parserMessages_.put("invalidAttrib", "Error in attribute selector."); - parserMessages_.put("invalidPseudo", "Error in pseudo class or element."); - parserMessages_.put("duplicatePseudo", "Duplicate pseudo class \":{0}\" or pseudo class \":{0}\" not at end."); - parserMessages_.put("invalidHash", "Error in hash."); - parserMessages_.put("invalidExpr", "Error in expression."); - parserMessages_.put("invalidExprColon", "Error in expression; '':'' found after identifier \"{0}\"."); - parserMessages_.put("invalidPrio", "Error in priority."); - - parserMessages_.put("invalidPagePseudoClass", + PARSER_MESSAGES_.put("invalidSelectorList", "Error in selector list."); + PARSER_MESSAGES_.put("invalidSelector", "Error in selector."); + PARSER_MESSAGES_.put("invalidSimpleSelector", "Error in simple selector."); + PARSER_MESSAGES_.put("invalidClassSelector", "Error in class selector."); + PARSER_MESSAGES_.put("invalidElementName", "Error in element name."); + PARSER_MESSAGES_.put("invalidAttrib", "Error in attribute selector."); + PARSER_MESSAGES_.put("invalidPseudo", "Error in pseudo class or element."); + PARSER_MESSAGES_.put("duplicatePseudo", "Duplicate pseudo class \":{0}\" or pseudo class \":{0}\" not at end."); + PARSER_MESSAGES_.put("invalidHash", "Error in hash."); + PARSER_MESSAGES_.put("invalidExpr", "Error in expression."); + PARSER_MESSAGES_.put("invalidExprColon", "Error in expression; '':'' found after identifier \"{0}\"."); + PARSER_MESSAGES_.put("invalidPrio", "Error in priority."); + + PARSER_MESSAGES_.put("invalidPagePseudoClass", "Invalid page pseudo class \"{0}\"; valid values are \"blank\", \"first\", \"left\", and \"right\"."); - parserMessages_.put("invalidCaseInSensitivelyIdentifier", + PARSER_MESSAGES_.put("invalidCaseInSensitivelyIdentifier", "Invalid case-insensitively identifier \"{0}\" found; valid values are \"i\", and \"s\"."); - parserMessages_.put("ignoringRule", "Ignoring the whole rule."); - parserMessages_.put("ignoringFollowingDeclarations", "Ignoring the following declarations in this rule."); + PARSER_MESSAGES_.put("ignoringRule", "Ignoring the whole rule."); + PARSER_MESSAGES_.put("ignoringFollowingDeclarations", "Ignoring the following declarations in this rule."); - parserMessages_.put("tokenMgrError", "Lexical error."); - parserMessages_.put("domException", "DOM exception: ''{0}''"); + PARSER_MESSAGES_.put("tokenMgrError", "Lexical error."); + PARSER_MESSAGES_.put("domException", "DOM exception: ''{0}''"); } private static final String NUM_CHARS = "0123456789."; @@ -169,7 +169,7 @@ protected InputSource getInputSource() { * @return the parser message */ protected String getParserMessage(final String key) { - final String msg = parserMessages_.get(key); + final String msg = PARSER_MESSAGES_.get(key); if (msg == null) { return "[[" + key + "]]"; } @@ -555,10 +555,10 @@ private static CharStream getCharStream(final InputSource source) throws IOExcep /** * @return a string about which CSS language is supported by this - * parser. For CSS Level 1, it returns "http://www.w3.org/TR/REC-CSS1", for - * CSS Level 2, it returns "http://www.w3.org/TR/REC-CSS2". Note that a - * "CSSx" parser can return lexical unit other than those allowed by CSS - * Level x but this usage is not recommended. + * parser. For CSS Level 1, it returns "http://www.w3.org/TR/REC-CSS1", for + * CSS Level 2, it returns "http://www.w3.org/TR/REC-CSS2". Note that a + * "CSSx" parser can return lexical unit other than those allowed by CSS + * Level x but this usage is not recommended. */ public abstract String getParserVersion(); diff --git a/src/main/java/org/htmlunit/cssparser/parser/CSSErrorHandler.java b/src/main/java/org/htmlunit/cssparser/parser/CSSErrorHandler.java index e39deae..95079db 100644 --- a/src/main/java/org/htmlunit/cssparser/parser/CSSErrorHandler.java +++ b/src/main/java/org/htmlunit/cssparser/parser/CSSErrorHandler.java @@ -15,9 +15,9 @@ package org.htmlunit.cssparser.parser; /** - * Interface for CSS parser error handlers. - * @author Ronald Brill - */ + * Interface for CSS parser error handlers. + * @author Ronald Brill + */ public interface CSSErrorHandler { /** diff --git a/src/main/java/org/htmlunit/cssparser/parser/CSSParseException.java b/src/main/java/org/htmlunit/cssparser/parser/CSSParseException.java index 8a5391e..9a120a7 100644 --- a/src/main/java/org/htmlunit/cssparser/parser/CSSParseException.java +++ b/src/main/java/org/htmlunit/cssparser/parser/CSSParseException.java @@ -41,7 +41,6 @@ public CSSParseException(final String message, final Locator locator) { } /** - * Wrap an existing exception in a CSSParseException. * *

This constructor is especially useful when an application is diff --git a/src/main/java/org/htmlunit/cssparser/parser/DocumentHandler.java b/src/main/java/org/htmlunit/cssparser/parser/DocumentHandler.java index 27a7337..904ea63 100644 --- a/src/main/java/org/htmlunit/cssparser/parser/DocumentHandler.java +++ b/src/main/java/org/htmlunit/cssparser/parser/DocumentHandler.java @@ -95,7 +95,7 @@ public interface DocumentHandler { * @param characterEncoding the character encoding * @param locator the locator * @throws CSSException Any CSS exception, possibly wrapping another - * exception. + * exception. */ void charset(String characterEncoding, Locator locator) throws CSSException; @@ -105,10 +105,10 @@ public interface DocumentHandler { * @param uri The URI of the imported style sheet. * @param media The intended destination media for style information. * @param defaultNamespaceURI The default namespace URI for the imported - * style sheet. + * style sheet. * @param locator the locator * @exception CSSException Any CSS exception, possibly wrapping another - * exception. + * exception. */ void importStyle(String uri, MediaQueryList media, String defaultNamespaceURI, Locator locator) throws CSSException; @@ -120,7 +120,7 @@ void importStyle(String uri, MediaQueryList media, * @param atRule The complete ignored at-rule. * @param locator the locator * @exception CSSException Any CSS exception, possibly wrapping another - * exception. + * exception. */ void ignorableAtRule(String atRule, Locator locator) throws CSSException; @@ -133,7 +133,7 @@ void importStyle(String uri, MediaQueryList media, * * @param locator the locator * @exception CSSException Any CSS exception, possibly wrapping another - * exception. + * exception. */ void startFontFace(Locator locator) throws CSSException; @@ -148,7 +148,7 @@ void importStyle(String uri, MediaQueryList media, * @param pseudoPage the pseudo page (if any, null otherwise) * @param locator the locator * @exception CSSException Any CSS exception, possibly wrapping another - * exception. + * exception. */ void startPage(String name, String pseudoPage, Locator locator) throws CSSException; @@ -162,7 +162,7 @@ void importStyle(String uri, MediaQueryList media, * @param media The intended destination media for style information. * @param locator the locator * @exception CSSException Any CSS exception, possibly wrapping another - * exception. + * exception. */ void startMedia(MediaQueryList media, Locator locator) throws CSSException; @@ -172,7 +172,7 @@ void importStyle(String uri, MediaQueryList media, * @param selectors All intended selectors for all declarations. * @param locator the locator * @exception CSSException Any CSS exception, possibly wrapping another - * exception. + * exception. */ void startSelector(SelectorList selectors, Locator locator) throws CSSException; diff --git a/src/main/java/org/htmlunit/cssparser/parser/condition/AttributeCondition.java b/src/main/java/org/htmlunit/cssparser/parser/condition/AttributeCondition.java index 32356e9..34610bf 100644 --- a/src/main/java/org/htmlunit/cssparser/parser/condition/AttributeCondition.java +++ b/src/main/java/org/htmlunit/cssparser/parser/condition/AttributeCondition.java @@ -67,6 +67,9 @@ public boolean isCaseInSensitive() { return caseInSensitive_ != null && caseInSensitive_.booleanValue(); } + /** + * @return the operator '=' + */ public String getOperator() { return "="; } diff --git a/src/main/java/org/htmlunit/cssparser/parser/condition/LangCondition.java b/src/main/java/org/htmlunit/cssparser/parser/condition/LangCondition.java index c35f000..4632660 100644 --- a/src/main/java/org/htmlunit/cssparser/parser/condition/LangCondition.java +++ b/src/main/java/org/htmlunit/cssparser/parser/condition/LangCondition.java @@ -20,7 +20,6 @@ import org.htmlunit.cssparser.parser.Locator; /** - * * @author Ronald Brill */ public class LangCondition extends AbstractLocatable implements Condition, Serializable { diff --git a/src/test/java/org/htmlunit/cssparser/parser/CSS3ParserTest.java b/src/test/java/org/htmlunit/cssparser/parser/CSS3ParserTest.java index 312eb14..4a9b5a0 100644 --- a/src/test/java/org/htmlunit/cssparser/parser/CSS3ParserTest.java +++ b/src/test/java/org/htmlunit/cssparser/parser/CSS3ParserTest.java @@ -2275,7 +2275,8 @@ public void skipInvalidColor() throws Exception { assertEquals("*.test { display: block; }", rules.getRules().get(0).getCssText()); assertEquals("*.another { display: none; }", rules.getRules().get(1).getCssText()); } -/** + + /** * @throws Exception if any error occurs */ @Test From 48ed9afa21be237088b0383887d2d0c1889b59e2 Mon Sep 17 00:00:00 2001 From: Ronald Brill Date: Sun, 23 Mar 2025 14:49:08 +0100 Subject: [PATCH 6/6] 4.11.0 --- README.md | 8 ++++---- pom.xml | 4 ++-- 2 files changed, 6 insertions(+), 6 deletions(-) diff --git a/README.md b/README.md index be0cc16..9a60400 100644 --- a/README.md +++ b/README.md @@ -18,7 +18,7 @@ We will try to stay in sync with CSSParser regarding the features in the future. [HtmlUnit@mastodon](https://fosstodon.org/@HtmlUnit) | [HtmlUnit@bsky](https://bsky.app/profile/htmlunit.bsky.social) | [HtmlUnit@Twitter](https://twitter.com/HtmlUnit) -### Latest release Version 4.10.0 / February 22, 2025 +### Latest release Version 4.11.0 / March 23, 2025 ## Get it! @@ -30,7 +30,7 @@ Add to your `pom.xml`: org.htmlunit htmlunit-cssparser - 4.10.0 + 4.11.0 ``` @@ -39,7 +39,7 @@ Add to your `pom.xml`: Add to your `build.gradle`: ```groovy -implementation group: 'org.htmlunit', name: 'htmlunit-cssparser', version: '4.10.0' +implementation group: 'org.htmlunit', name: 'htmlunit-cssparser', version: '4.11.0' ``` @@ -55,7 +55,7 @@ If you use maven please add: org.htmlunit htmlunit-cssparser - 4.11.0-SNAPSHOT + 4.12.0-SNAPSHOT You have to add the sonatype snapshot repository to your pom `repositories` section also: diff --git a/pom.xml b/pom.xml index a58f868..ea4ff78 100644 --- a/pom.xml +++ b/pom.xml @@ -4,7 +4,7 @@ 4.0.0 org.htmlunit htmlunit-cssparser - 4.11.0-SNAPSHOT + 4.11.0 HtmlUnit CSS Parser HtmlUnit @@ -20,7 +20,7 @@ 8 8 - 10.21.1 + 10.21.4 10.0.4