/*
-------------------------------------------
wf-variables.css
-------------------------------------------

  Beskrivning: Variabler
	Skapad av: Webbfröken AB
  Webbadress: https://webbfroken.se

------------------------------------------- */


/*
-------------------------------------------
Variabler
------------------------------------------- */

:root {

  /* Grid */  
  --wf-grid-size: 1436px;
  --wf-grid-6-col: 698px;
  --wf-grid-8-col: 944px;

  /*
    View width calculations:
    Ex. 20px / 1920 px x 100 = 1.04 vw
  */
  
  /* Avstånd - 2560 */
  --wf-spacing-10: clamp(0.5rem, 0.39vw, 1.0rem);
  --wf-spacing-20: clamp(1.0rem, 0.78vw, 2.0rem);
  --wf-spacing-30: clamp(1.5rem, 1.17vw, 3.0rem);
  --wf-spacing-40: clamp(2.0rem, 1.56vw, 4.0rem);
  --wf-spacing-60: clamp(3.0rem, 2.34vw, 6.0rem);
  --wf-spacing-80: clamp(4.0rem, 3.12vw, 8.0rem);
  --wf-spacing-100: clamp(5.0rem, 3.91vw, 10.0rem);
  --wf-spacing-120: clamp(6.0rem, 4.69vw, 12.0rem);
  --wf-spacing-160: clamp(8.0rem, 6.25vw, 16.0rem);
  --wf-spacing-180: clamp(9.0rem, 7.03vw, 18.0rem);
  --wf-page-edge-spacing: clamp(1rem, calc(.5rem + 2vw), 6rem);
    
  /* Textstorlekar - 2560  */
  --wf-font-size-h1: clamp(3.4rem, 3.25vw, 5.2rem);
  --wf-font-size-h2-big: clamp(3rem, 2.61vw, 4.2rem);
  --wf-font-size-h2: clamp(2.6rem, 2.25vw, 3.6rem);
  --wf-font-size-h3: clamp(2.2rem, 1.75vw, 2.8rem);
  --wf-font-size-h4: clamp(2.0rem, 1.56vw, 2.4rem);
  --wf-font-size-preamble: clamp(2.2rem, 1.75vw, 2.8rem);
  --wf-font-size-normal: clamp(1.8rem, 1.38vw, 2.2rem);
  --wf-font-size-normal-small: clamp(1.7rem, 1.25vw, 2.0rem);
  --wf-font-size-small: clamp(1.6rem, 1.13vw, 1.8rem);
  
  --wf-heading-font: 'Ubuntu';

  /* Färger i standardfiler */
  --wf-color-danger: var(--env-element-danger-background-color);
  --wf-color-danger-fair: #F0E0E0;
  --wf-color-disable-background :#eee;
  --wf-color-disable-border: #e1e1e1;
  --wf-color-warning:#f7d182;
  --wf-color-warning-fair:#fbeccd;

  --wf-color-222: #222;

  /* Färger från Junes grafiska profil */
  --june-asfalt:#585857;
  --june-asfalt-70:#898A89;
  --june-asfalt-30:#CDCCCC;
  --june-mossa: #173a20;
  --june-mossa-110: #13311b;
  --june-mossa-80: #45614d;
  --june-mossa-70: #5d7563;
  --june-mossa-30: #b9c4bc;
  --june-mossa-20: #d1d8d2;
  --june-mossa-10: #e9ebe8;
  --june-mossa-05: #f3f5f3;
  --june-bjork:#C9E1C8;
  --june-bjork-70:#D9E9D9;
  --june-bjork-50:#E3F0E4;
  --june-bjork-30:#EDF5ED;
  --june-bjork-10:#fafcf9;
  --june-gras:#4C9E40;
  --june-gras-70:#88BC7D;
  --june-gras-30:#CBE2C7;
  --june-gras-10:#EEF6EC;
  --june-gras-05: #F6FAF5;
  --june-ljung:#6E1C34;
  --june-ljung-70:#9C6372;
  --june-ljung-30:#D4BBC3;
  --june-ljung-20:#e0ccd6;
  --june-ros:#F5D5DD;
  --june-ros-70:#F8E3E9;
  --june-ros-50:#FAEAEE;
  --june-ros-30:#FCF1F4;
  --june-sand:#735C3A;
  --june-sand-70:#9D8D78;
  --june-sand-30:#D5CEC4;
  --june-sand-15:#EAE7E1;
  --june-sand-10:#F1EFEB;
  --june-sand-05:#F8F7F5;

  /* Färger för fraktionskategorier i skyltsystemet */
  --color-byggavfall: #004879;
  --color-elavfall: #F68B1F;
  --color-farligt-avfall: #ED1B2F;
  --color-glas: #11B895;
  --color-kartong: #BD9C6A;
  --color-matavfall: #1FB25A;
  --color-metall: #576E7A;
  --color-pant: #26a2a6;
  --color-papper: #007fc0;
  --color-plast: #923393;
  --color-restavfall: #130C0D;
  --color-tradgardsavfall: #066B33;
  --color-aterbruk: #7DC353;

  /* Färg för skylt på sortergården */
  --color-skylt: #0085c4;

  /* Borderradie */
  --wf-radius: 8px;
  --wf-radius-small: 4px;
  --wf-radius-large: 17px;
  
  /* Knappar */  
  --wf-form-text-input-line-height: 1.2;
  --wf-form-text-input-padding: .8475em;
  --wf-form-button-line-height: 1;
  --wf-form-button-padding: 1.092em 1.5em;

  --wf-button-padding: 1em 1.5em;
  --wf-button-with-icon-padding: 1em 1.5em 1em 1em;

  /* Knapphöjd i sidhuvud */
  --wf-header-btn-height: clamp(80px, 12vw, 155px);


  /* Svg-ikoner  - Pilar */
  --wf-chevron-right-june-mossa-70:url("data:image/svg+xml,%3Csvg%20width%3D'20'%20height%3D'21'%20viewBox%3D'0%200%2020%2021'%20fill%3D'none'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20d%3D'M15.4092%209.99214L9.54178%2016.1538C8.4808%2017.2679%208.4808%2019.0708%209.54178%2020.185L9.91779%2020.5798L17.7032%2012.4011L20%209.98908L17.7032%207.57708L11.8357%201.41547C10.7747%200.301293%209.05793%200.301293%207.99695%201.41547L7.62094%201.81032L15.4092%209.98908L15.4092%209.99214Z'%20fill%3D'%2364785A'/%3E%3C/svg%3E");
  --wf-chevron-right-white:url("data:image/svg+xml,%3Csvg%20width%3D'20'%20height%3D'21'%20viewBox%3D'0%200%2020%2021'%20fill%3D'none'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20d%3D'M15.4092%209.99214L9.54178%2016.1538C8.4808%2017.2679%208.4808%2019.0708%209.54178%2020.185L9.91779%2020.5798L17.7032%2012.4011L20%209.98908L17.7032%207.57708L11.8357%201.41547C10.7747%200.301293%209.05793%200.301293%207.99695%201.41547L7.62094%201.81032L15.4092%209.98908L15.4092%209.99214Z'%20fill%3D'%23ffffff'/%3E%3C/svg%3E");
  --wf-chevron-right-june-ljung:url("data:image/svg+xml,%3Csvg%20width%3D'20'%20height%3D'21'%20viewBox%3D'0%200%2020%2021'%20fill%3D'none'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20d%3D'M15.4092%209.99214L9.54178%2016.1538C8.4808%2017.2679%208.4808%2019.0708%209.54178%2020.185L9.91779%2020.5798L17.7032%2012.4011L20%209.98908L17.7032%207.57708L11.8357%201.41547C10.7747%200.301293%209.05793%200.301293%207.99695%201.41547L7.62094%201.81032L15.4092%209.98908L15.4092%209.99214Z'%20fill%3D'%236E1C34'/%3E%3C/svg%3E");
  --wf-chevron-right-june-ros-50: url("data:image/svg+xml,%3Csvg%20width%3D'20'%20height%3D'21'%20viewBox%3D'0%200%2020%2021'%20fill%3D'none'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20d%3D'M15.4092%209.99214L9.54178%2016.1538C8.4808%2017.2679%208.4808%2019.0708%209.54178%2020.185L9.91779%2020.5798L17.7032%2012.4011L20%209.98908L17.7032%207.57708L11.8357%201.41547C10.7747%200.301293%209.05793%200.301293%207.99695%201.41547L7.62094%201.81032L15.4092%209.98908L15.4092%209.99214Z'%20fill%3D'%23faeaee'/%3E%3C/svg%3E");
  --wf-chevron-right-june-mossa:url("data:image/svg+xml,%3Csvg%20width%3D'20'%20height%3D'21'%20viewBox%3D'0%200%2020%2021'%20fill%3D'none'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20d%3D'M15.4092%209.99214L9.54178%2016.1538C8.4808%2017.2679%208.4808%2019.0708%209.54178%2020.185L9.91779%2020.5798L17.7032%2012.4011L20%209.98908L17.7032%207.57708L11.8357%201.41547C10.7747%200.301293%209.05793%200.301293%207.99695%201.41547L7.62094%201.81032L15.4092%209.98908L15.4092%209.99214Z'%20fill%3D'%23173A20'/%3E%3C/svg%3E");
  --wf-chevron-right-212121:url("data:image/svg+xml,%3Csvg%20width%3D'20'%20height%3D'21'%20viewBox%3D'0%200%2020%2021'%20fill%3D'none'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20d%3D'M15.4092%209.99214L9.54178%2016.1538C8.4808%2017.2679%208.4808%2019.0708%209.54178%2020.185L9.91779%2020.5798L17.7032%2012.4011L20%209.98908L17.7032%207.57708L11.8357%201.41547C10.7747%200.301293%209.05793%200.301293%207.99695%201.41547L7.62094%201.81032L15.4092%209.98908L15.4092%209.99214Z'%20fill%3D'%23212121'/%3E%3C/svg%3E");
  --wf-chevron-right-june-asfalt: url("data:image/svg+xml,%3Csvg%20width%3D'20'%20height%3D'21'%20viewBox%3D'0%200%2020%2021'%20fill%3D'none'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20d%3D'M15.4092%209.99214L9.54178%2016.1538C8.4808%2017.2679%208.4808%2019.0708%209.54178%2020.185L9.91779%2020.5798L17.7032%2012.4011L20%209.98908L17.7032%207.57708L11.8357%201.41547C10.7747%200.301293%209.05793%200.301293%207.99695%201.41547L7.62094%201.81032L15.4092%209.98908L15.4092%209.99214Z'%20fill%3D'%23585857'/%3E%3C/svg%3E");

  --wf-scroll-arrow-mossa: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2029.8%2029.8%22%3E%3Cpath%20d%3D%22M27.2%2012.9c-1.2-1.2-3.1-1.3-4.4-.1l-4.5%204.5c-.1.1-.3%200-.4%200V3.1c0-1.9-2-2.4-3-2.4-1.5-.2-2.8.9-3%202.4V17c0%20.1%200%20.2-.2.3h-.3L7%2012.6c-1.3-1.2-3.3-1-4.5.3-1.1%201.2-1.1%203%200%204.2l11.6%2011.7c.2.2.5.4.8.4s.6-.1.8-.3l11.6-11.4c1.2-1.2%201.1-3.2-.1-4.4Z%22%20fill%3D%22%23173A20%22%2F%3E%3C%2Fsvg%3E");
  --wf-scroll-arrow-fff: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2029.8%2029.8%22%3E%3Cpath%20d%3D%22M27.2%2012.9c-1.2-1.2-3.1-1.3-4.4-.1l-4.5%204.5c-.1.1-.3%200-.4%200V3.1c0-1.9-2-2.4-3-2.4-1.5-.2-2.8.9-3%202.4V17c0%20.1%200%20.2-.2.3h-.3L7%2012.6c-1.3-1.2-3.3-1-4.5.3-1.1%201.2-1.1%203%200%204.2l11.6%2011.7c.2.2.5.4.8.4s.6-.1.8-.3l11.6-11.4c1.2-1.2%201.1-3.2-.1-4.4Z%22%20fill%3D%22%23ffffff%22%2F%3E%3C%2Fsvg%3E");

  /* Svg-ikoner  - Generella */
  --wf-x-june-mossa: url("data:image/svg+xml,%3Csvg%20width%3D%2720%27%20height%3D%2720%27%20fill%3D%27none%27%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%3E%3Cpath%20d%3D%27M10.001%207.37%206.445%203.814a3.11%203.11%200%200%200-4.397%200l-.432.432%205.757%205.757-3.556%203.556a3.11%203.11%200%200%200%200%204.397l.432.432%205.755-5.755%203.556%203.557a3.11%203.11%200%200%200%204.397%200l.432-.433-5.757-5.756%203.556-3.557a3.11%203.11%200%200%200%200-4.397l-.432-.432-5.755%205.755Z%27%20fill%3D%27%23173A20%27/%3E%3C/svg%3E");
  --wf-icon-page-mossa: url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A//www.w3.org/2000/svg'%20height%3D'24px'%20viewBox%3D'0%20-960%20960%20960'%20width%3D'24px'%20fill%3D'%23173A20'%3E%3Cpath%20d%3D'M320-240h320v-80H320v80Zm0-160h320v-80H320v80ZM240-80q-33%200-56.5-23.5T160-160v-640q0-33%2023.5-56.5T240-880h320l240%20240v480q0%2033-23.5%2056.5T720-80H240Zm280-520v-200H240v640h480v-440H520ZM240-800v200-200%20640-640Z'/%3E%3C/svg%3E");
  --wf-icon-news-mossa: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%20height%3D%2724px%27%20viewBox%3D%270%20-960%20960%20960%27%20width%3D%2724px%27%20fill%3D%27%23173A20%27%3E%3Cpath%20d%3D%27M280-280q17%200%2028.5-11.5T320-320q0-17-11.5-28.5T280-360q-17%200-28.5%2011.5T240-320q0%2017%2011.5%2028.5T280-280Zm-40-160h80v-240h-80v240Zm200%20160h280v-80H440v80Zm0-160h280v-80H440v80Zm0-160h280v-80H440v80ZM160-120q-33%200-56.5-23.5T80-200v-560q0-33%2023.5-56.5T160-840h640q33%200%2056.5%2023.5T880-760v560q0%2033-23.5%2056.5T800-120H160Zm0-80h640v-560H160v560Zm0%200v-560%20560Z%27/%3E%3C/svg%3E");
  --wf-icon-map-pin-mossa: url("data:image/svg+xml,%3Csvg%20width%3D%2724%27%20height%3D%2724%27%20fill%3D%27none%27%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%3E%3Cpath%20d%3D%27M11.745%2018.517c-2.48-1.827-4.36-3.633-5.59-5.367-1.258-1.77-1.891-3.541-1.891-5.26%200-2.279.725-4.181%202.156-5.659C7.854.749%209.73%200%2011.998%200c2.268%200%204.147.749%205.582%202.231%201.43%201.478%202.156%203.38%202.156%205.66%200%201.718-.637%203.488-1.891%205.258-1.23%201.735-3.11%203.541-5.59%205.368l-.253.188-.253-.188h-.004Zm.253-15.573c-1.423%200-2.553.453-3.45%201.382-.902.933-1.343%202.103-1.343%203.565%200%201.037.417%202.178%201.242%203.388.806%201.182%202%202.427%203.55%203.709%201.552-1.282%202.746-2.527%203.551-3.709.826-1.21%201.243-2.347%201.243-3.388%200-1.462-.441-2.632-1.343-3.565-.898-.93-2.027-1.382-3.45-1.382Zm0%207.306c-.69%200-1.287-.249-1.78-.737a2.422%202.422%200%200%201-.737-1.779c0-.689.249-1.285.738-1.778a2.424%202.424%200%200%201%201.779-.737c.69%200%201.286.248%201.78.737.492.489.736%201.09.736%201.778%200%20.69-.248%201.286-.737%201.779a2.424%202.424%200%200%201-1.78.737ZM0%2024v-.733a3.73%203.73%200%200%201%203.73-3.729H24v.733A3.73%203.73%200%200%201%2020.27%2024H0Z%27%20fill%3D%27%23173A20%27/%3E%3C/svg%3E");


  /* Svg-ikoner  - Målgrupper */
  --wf-icon-villa-radhus-mossa: url("data:image/svg+xml,%3Csvg%20width='24'%20height='24'%20fill='%23173A20'%20xmlns='http://www.w3.org/2000/svg'%3E%3Cpath%20d='M4.364%2023.546v-9.982L3.04%2014.58A2.157%202.157%200%200%201%200%2014.164L12%205l4.364%203.327V6.091a3.273%203.273%200%200%201%203.272%203.273v1.472L24%2014.164a2.157%202.157%200%200%201-3.04.416l-1.324-1.016v9.982h-6.545V17h-2.182v6.546H4.364Zm2.181-2.182h2.182v-6.546h6.546v6.546h2.181V11.9L12%207.755%206.545%2011.9v9.464Zm3.273-8.7h4.364c0-.582-.218-1.06-.655-1.432a2.28%202.28%200%200%200-1.527-.56%202.28%202.28%200%200%200-1.527.56c-.437.373-.655.85-.655%201.432Z'%20fill='%23173A20'/%3E%3C/svg%3E");
  --wf-icon-fritidshus-mossa: url("data:image/svg+xml,%3Csvg%20width%3D%2724%27%20height%3D%2725%27%20fill%3D%27243C1D%27%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%3E%3Cpath%20d%3D%27M3.273%2024.218V13.991l-.23.175c-.955.73-2.322.54-3.043-.42l3.273-2.51V7.855h2.182v1.718L12%204.582l12%209.163a2.176%202.176%200%200%201-3.037.423l-.236-.177v10.227H3.273Zm2.182-2.182h5.454v-3.272a1.09%201.09%200%201%201%202.182%200v3.272h5.455v-9.709L12%207.337l-6.545%204.99v9.71ZM3.273%206.764c0-.91.318-1.682.954-2.319.637-.636%201.41-.954%202.318-.954.31%200%20.569-.105.778-.314.209-.209.313-.468.313-.777h2.182c0%20.91-.318%201.682-.954%202.318-.637.637-1.41.955-2.319.955-.309%200-.568.104-.777.313-.209.21-.313.469-.313.778H3.273Z%27%20fill%3D%27%23173A20%27/%3E%3C/svg%3E");
  --wf-icon-flerbostadshus-mossa: url("data:image/svg+xml,%3Csvg%20width%3D%2720%27%20height%3D%2720%27%20fill%3D%27243C1D%27%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%3E%3Cpath%20d%3D%27M1%2020V10a4%204%200%200%201%204-4V2h6a4%204%200%200%201%204%204v4h4v10h-8v-4H9v4H1Zm2-2h2v-2H3v2Zm0-4h2v-2H3v2Zm0-4h2V8H3v2Zm4%204h2v-2H7v2Zm0-4h2V8H7v2Zm0-4h2V4H7v2Zm4%208h2v-2h-2v2Zm0-4h2V8h-2v2Zm0-4h2V4h-2v2Zm4%2012h2v-2h-2v2Zm0-4h2v-2h-2v2Z%27%20fill%3D%27%23173A20%27/%3E%3C/svg%3E");
  --wf-icon-verksamhet-mossa: url("data:image/svg+xml,%3Csvg%20width%3D%2720%27%20height%3D%2720%27%20fill%3D%27243C1D%27%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%3E%3Cpath%20d%3D%27M2%206a2%202%200%200%201%202-2h14v2H2Zm0%2014v-6H1v-2l1-5h16l1%205v2h-1v4a2%202%200%200%201-2%202v-6h-4v6H2Zm2-2h6v-4H4v4Zm-.95-6h13.9l-.6-3H3.65l-.6%203Z%27%20fill%3D%27%23173A20%27/%3E%3C/svg%3E");
  
  /* Svg-ikoner  - Avfall */
  --wf-icon-avfallstyp-mossa: url("data:image/svg+xml,%3Csvg%20width%3D'20'%20height%3D'20'%20fill%3D'none'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20d%3D'm3.537%209%205.558-9%205.558%209H3.537Zm11.116%2011c-1.264%200-2.337-.438-3.221-1.313-.885-.875-1.327-1.937-1.327-3.187%200-1.25.442-2.313%201.327-3.188.884-.874%201.957-1.312%203.22-1.312%201.264%200%202.338.438%203.222%201.313.884.874%201.326%201.937%201.326%203.187%200%201.25-.442%202.313-1.326%203.188-.884.875-1.958%201.312-3.221%201.312ZM0%2019.5v-8h8.084v8H0ZM14.653%2018c.707%200%201.305-.242%201.793-.725a2.401%202.401%200%200%200%20.733-1.775c0-.7-.244-1.292-.733-1.775-.488-.483-1.086-.725-1.793-.725-.708%200-1.306.242-1.794.725a2.401%202.401%200%200%200-.733%201.775c0%20.7.245%201.292.733%201.775.488.483%201.086.725%201.794.725ZM2.02%2017.5h4.042v-4H2.021v4ZM7.124%207h3.941l-1.97-3.15L7.125%207Z'%20fill%3D'%23173A20'/%3E%3C/svg%3E");
  --wf-icon-avfall-a-o-mossa: url("data:image/svg+xml,%3Csvg%20width%3D'20'%20height%3D'20'%20fill%3D'none'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20d%3D'M7.49%209.7c-.11-.34-.22-.68-.35-1.04-.12-.36-.25-.71-.37-1.06H2.98c-.12.35-.25.71-.37%201.06-.12.36-.24.7-.34%201.04H0a141.137%20141.137%200%200%201%202-5.41c.31-.78.62-1.53.93-2.23.3-.7.62-1.39.95-2.06h2.07a79.3%2079.3%200%200%201%202.84%206.8c.32.89.67%201.85%201.04%202.9H7.49ZM4.86%202.2l-.21.58c-.09.24-.2.52-.32.84-.12.32-.25.67-.4%201.05-.15.38-.3.78-.45%201.2h2.77c-.15-.42-.29-.82-.43-1.21s-.27-.73-.4-1.05c-.13-.32-.24-.6-.33-.84-.09-.24-.17-.43-.23-.57ZM20%2014.95c0%20.83-.12%201.56-.37%202.19-.25.63-.59%201.16-1.01%201.58-.43.42-.94.74-1.53.96-.59.21-1.23.32-1.91.32-.68%200-1.29-.11-1.88-.32-.59-.21-1.1-.53-1.54-.96-.44-.42-.78-.95-1.04-1.58-.26-.63-.38-1.36-.38-2.19%200-.83.13-1.56.39-2.19.26-.63.61-1.16%201.06-1.59.44-.43.96-.75%201.54-.97.58-.21%201.2-.32%201.84-.32.64%200%201.29.11%201.88.32.59.21%201.1.54%201.54.97.44.43.78.96%201.04%201.59.25.63.38%201.36.38%202.19H20Zm-6.47-5.81c-.29%200-.54-.1-.76-.29-.21-.19-.32-.45-.32-.78s.11-.59.32-.78c.21-.19.47-.29.76-.29.29%200%20.54.1.76.29.22.19.32.45.32.78s-.11.59-.32.78c-.21.19-.47.29-.76.29Zm-.94%205.81c0%20.48.06.91.17%201.29.11.38.28.71.5.99.22.28.49.49.81.64.32.15.68.22%201.09.22.41%200%20.76-.07%201.09-.22.32-.15.59-.36.81-.64.22-.28.39-.6.5-.99.12-.38.17-.81.17-1.29s-.06-.91-.17-1.29a3.07%203.07%200%200%200-.5-.99c-.21-.27-.49-.49-.81-.64-.32-.15-.68-.22-1.09-.22-.41%200-.77.08-1.09.23-.32.15-.59.37-.81.64a2.8%202.8%200%200%200-.5.99c-.12.39-.17.81-.17%201.28Zm4.06-5.81c-.29%200-.54-.1-.76-.29-.21-.19-.32-.45-.32-.78s.11-.59.32-.78c.21-.19.47-.29.76-.29.29%200%20.54.1.76.29.21.19.32.45.32.78s-.11.59-.32.78c-.21.19-.47.29-.76.29ZM0%2015.77h2.77c.91%200%201.66-.74%201.66-1.66H0v1.66ZM20%202.2h-2.77c-.91%200-1.66.74-1.66%201.66h4.42V2.2H20Z'%20fill%3D'%23173A20'/%3E%3C/svg%3E");

  /* Svg-ikoner  - Självservice och öppettider*/
  --wf-icon-clock-white: url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'20'%20height%3D'20'%20fill%3D'none'%3E%3Cpath%20fill%3D'%23173A20'%20d%3D'M10.001%200A10%2010%200%200%200%200%2010.001a10%2010%200%200%200%2010.001%2010.002A10%2010%200%200%200%2020.003%2010C20.003%204.476%2015.523%200%2010%200Zm0%2017.31a7.308%207.308%200%201%201%200-14.617%207.308%207.308%200%200%201%200%2014.616Z'%2F%3E%3Cpath%20fill%3D'%23173A20'%20d%3D'm12.113%208.718-1.83.865-3.358-3.358a2.754%202.754%200%200%200%200%203.895l2.102%202.102c.425.426%201.06.51%201.573.26l5.178-2.449a2.755%202.755%200%200%200-3.667-1.313l.002-.002Z'%2F%3E%3C%2Fsvg%3E");
  --wf-icon-self-service-user-white:url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'20'%20height%3D'20'%20fill%3D'none'%3E%3Cpath%20fill%3D'%23FFFFFF'%20d%3D'M2.061%2020c-1.16-.764-1.42-2.374-.53-3.442%202.41-2.892%205.031-4.356%207.818-4.356h.062c3.586.028%206.497%202.5%208.193%204.378a2.25%202.25%200%200%201-.464%203.403c-.035-.052-3.438-5.283-7.756-5.31-2.525-.01-4.983%201.776-7.323%205.325V20ZM9.747%2010.63a5.32%205.32%200%200%201-5.314-5.315A5.32%205.32%200%200%201%209.747%200a5.32%205.32%200%200%201%205.315%205.315%205.32%205.32%200%200%201-5.315%205.314Zm0-8.157a2.843%202.843%200%200%200-2.841%202.842%202.843%202.843%200%200%200%202.841%202.841%202.843%202.843%200%200%200%202.842-2.841%202.843%202.843%200%200%200-2.842-2.842Z'%2F%3E%3C%2Fsvg%3E");
  --wf-icon-self-service-user-gras: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20width%3D%2720%27%20height%3D%2720%27%20fill%3D%27none%27%3E%3Cpath%20fill%3D%27%234C9E40%27%20d%3D%27M2.061%2020c-1.16-.764-1.42-2.374-.53-3.442%202.41-2.892%205.031-4.356%207.818-4.356h.062c3.586.028%206.497%202.5%208.193%204.378a2.25%202.25%200%200%201-.464%203.403c-.035-.052-3.438-5.283-7.756-5.31-2.525-.01-4.983%201.776-7.323%205.325V20ZM9.747%2010.63a5.32%205.32%200%200%201-5.314-5.315A5.32%205.32%200%200%201%209.747%200a5.32%205.32%200%200%201%205.315%205.315%205.32%205.32%200%200%201-5.315%205.314Zm0-8.157a2.843%202.843%200%200%200-2.841%202.842%202.843%202.843%200%200%200%202.841%202.841%202.843%202.843%200%200%200%202.842-2.841%202.843%202.843%200%200%200-2.842-2.842Z%27%2F%3E%3C%2Fsvg%3E");
  --wf-icon-self-service-user-mossa: url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'20'%20height%3D'20'%20fill%3D'none'%3E%3Cpath%20fill%3D'%2350634B'%20d%3D'M2.061%2020c-1.16-.764-1.42-2.374-.53-3.442%202.41-2.892%205.031-4.356%207.818-4.356h.062c3.586.028%206.497%202.5%208.193%204.378a2.25%202.25%200%200%201-.464%203.403c-.035-.052-3.438-5.283-7.756-5.31-2.525-.01-4.983%201.776-7.323%205.325V20ZM9.747%2010.63a5.32%205.32%200%200%201-5.314-5.315A5.32%205.32%200%200%201%209.747%200a5.32%205.32%200%200%201%205.315%205.315%205.32%205.32%200%200%201-5.315%205.314Zm0-8.157a2.843%202.843%200%200%200-2.841%202.842%202.843%202.843%200%200%200%202.841%202.841%202.843%202.843%200%200%200%202.842-2.841%202.843%202.843%200%200%200-2.842-2.842Z'%2F%3E%3C%2Fsvg%3E");
  --wf-icon-self-service-mossa: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20height%3D%2224px%22%20viewBox%3D%220%20-960%20960%20960%22%20width%3D%2224px%22%20fill%3D%22%23173A20%22%3E%3Cpath%20d%3D%22M720-240q25%200%2042.5-17.5T780-300q0-25-17.5-42.5T720-360q-25%200-42.5%2017.5T660-300q0%2025%2017.5%2042.5T720-240Zm0%20120q32%200%2057-14t42-39q-20-16-45.5-23.5T720-204q-28%200-53.5%207.5T621-173q17%2025%2042%2039t57%2014Zm-520%200q-33%200-56.5-23.5T120-200v-560q0-33%2023.5-56.5T200-840h560q33%200%2056.5%2023.5T840-760v268q-19-9-39-15.5t-41-9.5v-243H200v560h242q3%2022%209.5%2042t15.5%2038H200Zm0-120v40-560%20243-3%20280Zm80-40h163q3-21%209.5-41t14.5-39H280v80Zm0-160h244q32-30%2071.5-50t84.5-27v-3H280v80Zm0-160h400v-80H280v80ZM720-40q-83%200-141.5-58.5T520-240q0-83%2058.5-141.5T720-440q83%200%20141.5%2058.5T920-240q0%2083-58.5%20141.5T720-40Z%22%2F%3E%3C%2Fsvg%3E");
  --wf-icon-self-service-white: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20height%3D%2224px%22%20viewBox%3D%220%20-960%20960%20960%22%20width%3D%2224px%22%20fill%3D%22%23FFFFFF%22%3E%3Cpath%20d%3D%22M720-240q25%200%2042.5-17.5T780-300q0-25-17.5-42.5T720-360q-25%200-42.5%2017.5T660-300q0%2025%2017.5%2042.5T720-240Zm0%20120q32%200%2057-14t42-39q-20-16-45.5-23.5T720-204q-28%200-53.5%207.5T621-173q17%2025%2042%2039t57%2014Zm-520%200q-33%200-56.5-23.5T120-200v-560q0-33%2023.5-56.5T200-840h560q33%200%2056.5%2023.5T840-760v268q-19-9-39-15.5t-41-9.5v-243H200v560h242q3%2022%209.5%2042t15.5%2038H200Zm0-120v40-560%20243-3%20280Zm80-40h163q3-21%209.5-41t14.5-39H280v80Zm0-160h244q32-30%2071.5-50t84.5-27v-3H280v80Zm0-160h400v-80H280v80ZM720-40q-83%200-141.5-58.5T520-240q0-83%2058.5-141.5T720-440q83%200%20141.5%2058.5T920-240q0%2083-58.5%20141.5T720-40Z%22%2F%3E%3C%2Fsvg%3E");
  --wf-icon-self-service-ljung: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20height%3D%2224px%22%20viewBox%3D%220%20-960%20960%20960%22%20width%3D%2224px%22%20fill%3D%22%236e1b33%22%3E%3Cpath%20d%3D%22M720-240q25%200%2042.5-17.5T780-300q0-25-17.5-42.5T720-360q-25%200-42.5%2017.5T660-300q0%2025%2017.5%2042.5T720-240Zm0%20120q32%200%2057-14t42-39q-20-16-45.5-23.5T720-204q-28%200-53.5%207.5T621-173q17%2025%2042%2039t57%2014Zm-520%200q-33%200-56.5-23.5T120-200v-560q0-33%2023.5-56.5T200-840h560q33%200%2056.5%2023.5T840-760v268q-19-9-39-15.5t-41-9.5v-243H200v560h242q3%2022%209.5%2042t15.5%2038H200Zm0-120v40-560%20243-3%20280Zm80-40h163q3-21%209.5-41t14.5-39H280v80Zm0-160h244q32-30%2071.5-50t84.5-27v-3H280v80Zm0-160h400v-80H280v80ZM720-40q-83%200-141.5-58.5T520-240q0-83%2058.5-141.5T720-440q83%200%20141.5%2058.5T920-240q0%2083-58.5%20141.5T720-40Z%22%2F%3E%3C%2Fsvg%3E");

  /* Svg-ikoner - Viktigt meddelande */
  --wf-icon-info-212121: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20height%3D%2224px%22%20viewBox%3D%220%20-960%20960%20960%22%20width%3D%2224px%22%20fill%3D%22%2523212121%22%3E%3Cpath%20d%3D%22M440-280h80v-240h-80v240Zm40-320q17%200%2028.5-11.5T520-640q0-17-11.5-28.5T480-680q-17%200-28.5%2011.5T440-640q0%2017%2011.5%2028.5T480-600Zm0%20520q-83%200-156-31.5T197-197q-54-54-85.5-127T80-480q0-83%2031.5-156T197-763q54-54%20127-85.5T480-880q83%200%20156%2031.5T763-763q54%2054%2085.5%20127T880-480q0%2083-31.5%20156T763-197q-54%2054-127%2085.5T480-80Zm0-80q134%200%20227-93t93-227q0-134-93-227t-227-93q-134%200-227%2093t-93%20227q0%20134%2093%20227t227%2093Zm0-320Z%22/%3E%3C/svg%3E');
  --wf-icon-warning-212121: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20height%3D%2224px%22%20viewBox%3D%220%20-960%20960%20960%22%20width%3D%2224px%22%20fill%3D%22%2523212121%22%3E%3Cpath%20d%3D%22m40-120%20440-760%20440%20760H40Zm138-80h604L480-720%20178-200Zm302-40q17%200%2028.5-11.5T520-280q0-17-11.5-28.5T480-320q-17%200-28.5%2011.5T440-280q0%2017%2011.5%2028.5T480-240Zm-40-120h80v-200h-80v200Zm40-100Z%22/%3E%3C/svg%3E');

  /* Svg-ikoner - Återkoppling */
  --wf-icon-thumbs-up-ljung: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%20height%3D%2724px%27%20viewBox%3D%270%20-960%20960%20960%27%20width%3D%2724px%27%20fill%3D%27%236E1C34%27%3E%3Cpath%20d%3D%27M720-120H280v-520l280-280%2050%2050q7%207%2011.5%2019t4.5%2023v14l-44%20174h258q32%200%2056%2024t24%2056v80q0%207-2%2015t-4%2015L794-168q-9%2020-30%2034t-44%2014Zm-360-80h360l120-280v-80H480l54-220-174%20174v406Zm0-406v406-406Zm-80-34v80H160v360h120v80H80v-520h200Z%27/%3E%3C/svg%3E");
  --wf-icon-thumbs-down-ljung: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%20height%3D%2724px%27%20viewBox%3D%270%20-960%20960%20960%27%20width%3D%2724px%27%20fill%3D%27%236E1C34%27%3E%3Cpath%20d%3D%27M240-840h440v520L400-40l-50-50q-7-7-11.5-19t-4.5-23v-14l44-174H120q-32%200-56-24t-24-56v-80q0-7%202-15t4-15l120-282q9-20%2030-34t44-14Zm360%2080H240L120-480v80h360l-54%20220%20174-174v-406Zm0%20406v-406%20406Zm80%2034v-80h120v-360H680v-80h200v520H680Z%27/%3E%3C/svg%3E");


  /* Animationer */
  --wf-block-transition: transform 0.3s ease-in-out, background-color 0.3s ease-in-out;
  --wf-block-transform: scale(1.02);
  --wf-tab-transition: transform 0.3s ease-in-out, background-color 0.3s ease-in-out;
  --wf-tab-transform: scale(1.02) translateY(-.04em);
  --wf-btn-transition: transform 0.3s ease-in-out, background-color 0.3s ease-in-out;
  --wf-btn-transform: scale(1.02);
}


/*
-------------------------------------------
Omskrivning Envision-variabler
------------------------------------------- */

.sv-theme-standard {
  --env-font-size-medium: var(--wf-font-size-normal);
  --env-form-input-border-radius: var(--env-border-radius-medium);
  --env-border-radius-large: 17px;
  --env-border-radius-medium: var(--env-border-radius);
  --env-border-radius-small: 4px;
}