@charset "UTF-8";
h1,
h1 *,
h2,
h2 *,
h3,
h3 * {
  font-family: "Sharp Grotesk", sans-serif;
  margin: 0 0 0.5407911001em;
}

* {
  font-family: "Geist", sans-serif;
}

/**
* Buttons: Bør flyttes til en egen fil med alt knapper.
* @see https://torn-team.atlassian.net/browse/TORN-1104
 */
button.disabled,
button:disabled,
input[type=button].disabled,
input[type=button]:disabled,
input[type=reset].disabled,
input[type=reset]:disabled,
input[type=submit].disabled,
input[type=submit]:disabled,
.button.disabled,
.button:disabled,
.wc-block-grid__products .wc-block-grid__product .wp-block-button__link.disabled,
.wc-block-grid__products .wc-block-grid__product .wp-block-button__link:disabled,
.added_to_cart.disabled,
.added_to_cart:disabled {
  opacity: 0.5 !important;
  cursor: not-allowed;
}

button,
input[type=button],
input[type=reset],
input[type=submit],
.button,
.wc-block-grid__products .wc-block-grid__product .wp-block-button__link,
.added_to_cart {
  cursor: pointer;
  text-shadow: none;
  -webkit-appearance: none;
  word-break: break-word;
}

body {
  background-color: #fbf9f3;
}
body.page-template-authentication {
  background-color: #fcfcfc;
}

a:focus,
button:focus,
.button.alt:focus,
input:focus,
textarea:focus,
input[type=button]:focus,
input[type=reset]:focus,
input[type=submit]:focus,
input[type=email]:focus,
input[type=tel]:focus,
input[type=number]:focus,
input[type=url]:focus,
input[type=password]:focus,
input[type=search]:focus {
  outline: none;
}

a,
a:visited {
  color: #1a0c0c;
}

.required label::after,
.required strong::after,
.required legend::after {
  content: " *";
  color: #ec562d;
}
.required .radio-field > label::after {
  content: "";
}

.widget .widget-title {
  font-size: 1em;
  font-weight: bold;
  color: #1a0c0c;
  border-bottom: none;
  margin-bottom: 0;
}

.widget_product_categories button {
  background-color: #f0c450;
  border-radius: 5px;
}
.widget_product_categories .submit-product-categories-wrapper {
  bottom: 10px;
}
.widget_product_categories.widget.woocommerce li .count {
  float: none;
}
.widget_product_categories .widget-title {
  position: relative;
  top: 80px;
}

.widget-area .widget_search input[type=search],
.widget-area .widget_product_search input[type=search] {
  border: 1px solid black;
  border-radius: 5px;
  padding: 0.7em 1.4em;
  background-color: #ffffff;
}
.widget-area .widget_search form::before,
.widget-area .widget_product_search form::before {
  left: unset;
  right: 1em;
}

.torn-product-category-search-form {
  position: relative;
  top: -40px;
}

.site-main {
  position: relative;
  display: flex;
  flex-flow: column;
}

.vendor-page .site-main {
  padding-top: 25px;
}

#colophon .storefront-handheld-footer-bar {
  display: none;
}

html,
body {
  height: 100%;
  line-height: 1;
  margin: 0;
  padding: 0;
  border: 0;
  vertical-align: baseline;
}

button,
input,
select,
textarea {
  font-size: 100%;
  margin: 0;
  line-height: 1.618;
  text-rendering: optimizeLegibility;
  font-weight: 400;
}

textarea {
  padding: 12px 16px;
  border-radius: 12px;
  width: 100%;
  margin-top: 12px;
  border: 1px solid #666666;
}

ol,
ul {
  overflow-wrap: break-word;
  padding: 0;
}

* {
  box-sizing: border-box;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
}

a {
  text-decoration: none;
}

.torn-hypertext {
  text-decoration: underline !important;
}

p {
  overflow-wrap: break-word;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
  display: block;
}

table {
  border-spacing: 0;
  width: 100%;
  margin: 0 0 1.41575em;
  border-collapse: separate;
}
table td,
table th {
  padding: 1em 1.41575em;
  text-align: left;
  vertical-align: top;
}

img {
  height: auto;
  max-width: 100%;
  display: block;
  border-radius: 3px;
}

/**
 * Theese should probably be placed in component files.
 */
input[type=checkbox],
input[type=radio] {
  min-height: 24px;
  min-width: 24px;
  width: 32px;
  height: 32px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  vertical-align: text-bottom !important;
  outline: 0;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  border: 1px solid #1a0c0c;
  background-color: white;
  flex-shrink: 0;
  cursor: pointer;
  background-size: 16px;
  margin-right: 6px;
}
input[type=checkbox]:checked, input[type=checkbox][checked=checked]:not(body.woocommerce-cart .gateway-selector ul li input[type=radio][checked=checked]),
input[type=radio]:checked,
input[type=radio][checked=checked]:not(body.woocommerce-cart .gateway-selector ul li input[type=radio][checked=checked]) {
  background-color: #1a0c0c !important;
}
input[type=checkbox]:hover,
input[type=radio]:hover {
  box-shadow: 0 0 0 1px #1a0c0c;
}

input[type=radio] {
  border-radius: 50px;
}

input[type=checkbox] {
  border-radius: 8px;
}

input[type=text],
input[type=password],
input[type=number],
input[type=email],
input[type=tel],
input[type=url],
select {
  border: 1px solid #666666;
  margin-top: 12px;
  border-radius: 12px;
  padding: 12px 16px;
  font-size: 18px;
  line-height: 24px;
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

input[type=text]:hover:not([disabled]),
input[type=password]:hover:not([disabled]),
input[type=number]:hover:not([disabled]),
input[type=email]:hover:not([disabled]),
input[type=tel]:hover:not([disabled]),
input[type=url]:hover:not([disabled]),
textarea:hover:not([disabled]),
select:hover:not([disabled]) {
  outline: 1px solid #0f0f0f;
}

input[type=text]:disabled,
input[type=password]:disabled,
input[type=number]:disabled,
input[type=email]:disabled,
input[type=tel]:disabled,
input[type=url]:disabled,
textarea:disabled,
select:disabled {
  outline: 1px solid #eeeeee;
}

input[type=text]:focus,
input[type=password]:focus,
input[type=number]:focus,
input[type=email]:focus,
input[type=tel]:focus,
input[type=url]:focus,
textarea:focus,
select:focus {
  outline-width: 2px;
}

label {
  display: block;
}

dd {
  margin: 0 0 1.618em;
}

dt {
  font-weight: 600;
}

.screen-reader-text {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  -webkit-clip-path: inset(50%);
  clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
  word-wrap: normal !important;
}

.description {
  font-family: "Geist", sans-serif !important;
  font-size: 11px !important;
  font-weight: 400 !important;
  line-height: 17px !important;
  color: #898280 !important;
  margin-top: 0.25rem;
  margin-bottom: 0;
}
@media screen and (min-width: 1920px) {
  .description {
    font-size: 16px !important;
    line-height: 24px !important;
  }
}

.warning-description {
  font-family: "Geist", sans-serif !important;
  font-size: 11px !important;
  font-weight: 400 !important;
  line-height: 17px !important;
  color: #f78502 !important;
  margin-top: 12px;
}
@media screen and (min-width: 1920px) {
  .warning-description {
    font-size: 16px !important;
    line-height: 24px !important;
  }
}

.error-description {
  font-family: "Geist", sans-serif !important;
  font-size: 11px !important;
  font-weight: 400 !important;
  line-height: 17px !important;
  color: #ec562d !important;
  margin-top: 12px;
}
@media screen and (min-width: 1920px) {
  .error-description {
    font-size: 16px !important;
    line-height: 24px !important;
  }
}

#user_switching_switch_on {
  background-color: white;
  padding: 2px 4px !important;
  border-radius: 8px;
}

.torn-modal-backdrop {
  z-index: 40;
}

.torn-modal-container {
  position: fixed;
  top: 33%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: none;
  z-index: 50;
  background-color: white;
  box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
  border-radius: 24px;
  padding: 2.5rem 2rem;
  width: auto;
  max-width: 80vw;
  max-width: 80dvw;
  max-height: 90vh;
  max-height: 90dvh;
  overflow: auto;
}
@media screen and (min-width: 900px) {
  .torn-modal-container {
    top: 50%;
    padding: 4rem 2rem;
  }
}
@media screen and (max-width: 600px) {
  .torn-modal-container {
    max-height: 95vh;
    max-width: 99vw;
    max-width: 99dvw;
  }
}
@media screen and (max-width: 600px) {
  .torn-modal-container.narrow {
    width: 100%;
  }
}
.torn-modal-container .modal-content .modal-body {
  margin-top: 2rem;
}
@media screen and (max-width: 768px) {
  .torn-modal-container .modal-content .modal-body {
    margin-top: 1em;
  }
}
.torn-modal-container .modal-content .modal-body button,
.torn-modal-container .modal-content .modal-body a.button {
  width: auto;
  margin-top: 2rem;
}
@media screen and (max-width: 768px) {
  .torn-modal-container .modal-content .modal-body button,
  .torn-modal-container .modal-content .modal-body a.button {
    margin-top: 1em;
  }
}
.torn-modal-container.medium {
  padding: 32px;
  width: 755px;
}
.torn-modal-container label {
  text-align: left;
  font-size: 17px;
  font-weight: 700;
}
@media screen and (min-width: 900px) {
  .torn-modal-container label {
    margin-bottom: 12px;
  }
}
.torn-modal-container td {
  padding: 0;
}
.torn-modal-container input[type=password],
.torn-modal-container input[type=number],
.torn-modal-container input[type=tel],
.torn-modal-container input[type=text],
.torn-modal-container input[type=email],
.torn-modal-container button {
  width: 100%;
}
@media screen and (min-width: 900px) {
  .torn-modal-container input[type=password],
  .torn-modal-container input[type=number],
  .torn-modal-container input[type=tel],
  .torn-modal-container input[type=text],
  .torn-modal-container input[type=email],
  .torn-modal-container button {
    margin-bottom: 24px;
  }
}
.torn-modal-container button {
  justify-content: center;
}
.torn-modal-container button.close {
  position: absolute;
  text-indent: -9999px;
  border: none;
  background-color: transparent;
  right: 1.875rem;
  top: 1.875rem;
  height: 2.5rem;
  width: 2.5rem;
  background-size: 1.25rem;
}
.torn-modal-container .modal-headline {
  font-family: "Sharp Grotesk", sans-serif;
  font-size: 18px;
  line-height: 30px;
  font-weight: 400;
  color: #1a0c0c;
  margin: 0;
  padding-right: 1.875rem;
}
@media screen and (min-width: 900px) {
  .torn-modal-container .modal-headline {
    padding-bottom: 16px;
  }
}
.torn-modal-container .separator {
  border-bottom: 1px solid #e4e1dc;
  text-align: center;
  margin-bottom: 2rem;
}
.torn-modal-container .separator .text {
  color: #727272;
  margin: 0 auto;
  background-color: white;
  padding: 0 13px;
  position: relative;
  top: 8px;
  font-size: 14px;
}

body.show-modal-backdrop .torn-modal-container {
  display: flex;
  flex-direction: column;
}

.torn-toaster-container {
  position: fixed;
  height: fit-content;
  bottom: -120px;
  width: 100%;
  z-index: 99;
  padding: 20px 80px 20px 20px;
  transition: bottom 500ms;
  background-color: rgba(0, 0, 0, 0);
}
.torn-toaster-container.active {
  bottom: 0px;
}
.torn-toaster-container .box {
  color: #1a0c0c;
  margin: 0 auto !important;
  height: fit-content;
  display: flex;
  align-items: center;
  max-width: 800px;
  border-radius: 12px;
  border: 1px solid #f0c450;
  padding: 16px 24px 16px 24px;
  box-shadow: rgba(0, 0, 0, 0.25) 0px 54px 55px, rgba(0, 0, 0, 0.12) 0px -12px 30px, rgba(0, 0, 0, 0.12) 0px 4px 6px, rgba(0, 0, 0, 0.17) 0px 12px 13px, rgba(0, 0, 0, 0.09) 0px -3px 5px;
}
@media only screen and (max-width: 480px) {
  .torn-toaster-container .box {
    flex-direction: column;
    align-items: flex-start;
    gap: 6px;
    padding: 12px;
  }
}
.torn-toaster-container .box.success {
  background-color: #e6f9ea;
  border-color: #1f9f3c;
}
.torn-toaster-container .box.error {
  background-color: #ffe4e2;
  border-color: #d02e24;
  white-space: normal;
}
.torn-toaster-container .box.warning {
  background-color: #fef9ee;
  border-color: #f0c450;
}
.torn-toaster-container .box.info {
  background-color: #e4f0ff;
  border-color: #3074c1;
}
.torn-toaster-container .box .content {
  flex: 1;
  font-size: 18px;
  line-height: 24px;
  font-weight: 500;
}
@media only screen and (max-width: 480px) {
  .torn-toaster-container .box .content {
    font-size: 16px;
    line-height: 20px;
  }
}
.torn-toaster-container .box .button {
  flex: 0 0 fit-content;
  border: 1px solid #1a0c0c;
  border-radius: 50px;
  padding: 8px 12px;
  font-size: 14px;
  font-weight: 700;
  line-height: 14px;
}

#content {
  height: auto;
}

html {
  scroll-behavior: smooth;
}.torn-dashboard.app {
  background-color: #fbf9f3;
  height: 100%;
}
h1,
h1 *,
h2,
h2 *,
h3,
h3 * {
  font-family: "Sharp Grotesk", sans-serif;
  margin: 0 0 0.5407911001em;
}

* {
  font-family: "Geist", sans-serif;
}

/**
* Buttons: Bør flyttes til en egen fil med alt knapper.
* @see https://torn-team.atlassian.net/browse/TORN-1104
 */
button.disabled,
button:disabled,
input[type=button].disabled,
input[type=button]:disabled,
input[type=reset].disabled,
input[type=reset]:disabled,
input[type=submit].disabled,
input[type=submit]:disabled,
.button.disabled,
.button:disabled,
.wc-block-grid__products .wc-block-grid__product .wp-block-button__link.disabled,
.wc-block-grid__products .wc-block-grid__product .wp-block-button__link:disabled,
.added_to_cart.disabled,
.added_to_cart:disabled {
  opacity: 0.5 !important;
  cursor: not-allowed;
}

button,
input[type=button],
input[type=reset],
input[type=submit],
.button,
.wc-block-grid__products .wc-block-grid__product .wp-block-button__link,
.added_to_cart {
  cursor: pointer;
  text-shadow: none;
  -webkit-appearance: none;
  word-break: break-word;
}

body {
  background-color: #fbf9f3;
}
body.page-template-authentication {
  background-color: #fcfcfc;
}

a:focus,
button:focus,
.button.alt:focus,
input:focus,
textarea:focus,
input[type=button]:focus,
input[type=reset]:focus,
input[type=submit]:focus,
input[type=email]:focus,
input[type=tel]:focus,
input[type=number]:focus,
input[type=url]:focus,
input[type=password]:focus,
input[type=search]:focus {
  outline: none;
}

a,
a:visited {
  color: #1a0c0c;
}

.required label::after,
.required strong::after,
.required legend::after {
  content: " *";
  color: #ec562d;
}
.required .radio-field > label::after {
  content: "";
}

.widget .widget-title {
  font-size: 1em;
  font-weight: bold;
  color: #1a0c0c;
  border-bottom: none;
  margin-bottom: 0;
}

.widget_product_categories button {
  background-color: #f0c450;
  border-radius: 5px;
}
.widget_product_categories .submit-product-categories-wrapper {
  bottom: 10px;
}
.widget_product_categories.widget.woocommerce li .count {
  float: none;
}
.widget_product_categories .widget-title {
  position: relative;
  top: 80px;
}

.widget-area .widget_search input[type=search],
.widget-area .widget_product_search input[type=search] {
  border: 1px solid black;
  border-radius: 5px;
  padding: 0.7em 1.4em;
  background-color: #ffffff;
}
.widget-area .widget_search form::before,
.widget-area .widget_product_search form::before {
  left: unset;
  right: 1em;
}

.torn-product-category-search-form {
  position: relative;
  top: -40px;
}

.site-main {
  position: relative;
  display: flex;
  flex-flow: column;
}

.vendor-page .site-main {
  padding-top: 25px;
}

#colophon .storefront-handheld-footer-bar {
  display: none;
}

html,
body {
  height: 100%;
  line-height: 1;
  margin: 0;
  padding: 0;
  border: 0;
  vertical-align: baseline;
}

button,
input,
select,
textarea {
  font-size: 100%;
  margin: 0;
  line-height: 1.618;
  text-rendering: optimizeLegibility;
  font-weight: 400;
}

textarea {
  padding: 12px 16px;
  border-radius: 12px;
  width: 100%;
  margin-top: 12px;
  border: 1px solid #666666;
}

ol,
ul {
  overflow-wrap: break-word;
  padding: 0;
}

* {
  box-sizing: border-box;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
}

a {
  text-decoration: none;
}

.torn-hypertext {
  text-decoration: underline !important;
}

p {
  overflow-wrap: break-word;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
  display: block;
}

table {
  border-spacing: 0;
  width: 100%;
  margin: 0 0 1.41575em;
  border-collapse: separate;
}
table td,
table th {
  padding: 1em 1.41575em;
  text-align: left;
  vertical-align: top;
}

img {
  height: auto;
  max-width: 100%;
  display: block;
  border-radius: 3px;
}

/**
 * Theese should probably be placed in component files.
 */
input[type=checkbox],
input[type=radio] {
  min-height: 24px;
  min-width: 24px;
  width: 32px;
  height: 32px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  vertical-align: text-bottom !important;
  outline: 0;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  border: 1px solid #1a0c0c;
  background-color: white;
  flex-shrink: 0;
  cursor: pointer;
  background-size: 16px;
  margin-right: 6px;
}
input[type=checkbox]:checked, input[type=checkbox][checked=checked]:not(body.woocommerce-cart .gateway-selector ul li input[type=radio][checked=checked]),
input[type=radio]:checked,
input[type=radio][checked=checked]:not(body.woocommerce-cart .gateway-selector ul li input[type=radio][checked=checked]) {
  background-color: #1a0c0c !important;
}
input[type=checkbox]:hover,
input[type=radio]:hover {
  box-shadow: 0 0 0 1px #1a0c0c;
}

input[type=radio] {
  border-radius: 50px;
}

input[type=checkbox] {
  border-radius: 8px;
}

input[type=text],
input[type=password],
input[type=number],
input[type=email],
input[type=tel],
input[type=url],
select {
  border: 1px solid #666666;
  margin-top: 12px;
  border-radius: 12px;
  padding: 12px 16px;
  font-size: 18px;
  line-height: 24px;
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

input[type=text]:hover:not([disabled]),
input[type=password]:hover:not([disabled]),
input[type=number]:hover:not([disabled]),
input[type=email]:hover:not([disabled]),
input[type=tel]:hover:not([disabled]),
input[type=url]:hover:not([disabled]),
textarea:hover:not([disabled]),
select:hover:not([disabled]) {
  outline: 1px solid #0f0f0f;
}

input[type=text]:disabled,
input[type=password]:disabled,
input[type=number]:disabled,
input[type=email]:disabled,
input[type=tel]:disabled,
input[type=url]:disabled,
textarea:disabled,
select:disabled {
  outline: 1px solid #eeeeee;
}

input[type=text]:focus,
input[type=password]:focus,
input[type=number]:focus,
input[type=email]:focus,
input[type=tel]:focus,
input[type=url]:focus,
textarea:focus,
select:focus {
  outline-width: 2px;
}

label {
  display: block;
}

dd {
  margin: 0 0 1.618em;
}

dt {
  font-weight: 600;
}

.screen-reader-text {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  -webkit-clip-path: inset(50%);
  clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
  word-wrap: normal !important;
}

.description {
  font-family: "Geist", sans-serif !important;
  font-size: 11px !important;
  font-weight: 400 !important;
  line-height: 17px !important;
  color: #898280 !important;
  margin-top: 0.25rem;
  margin-bottom: 0;
}
@media screen and (min-width: 1920px) {
  .description {
    font-size: 16px !important;
    line-height: 24px !important;
  }
}

.warning-description {
  font-family: "Geist", sans-serif !important;
  font-size: 11px !important;
  font-weight: 400 !important;
  line-height: 17px !important;
  color: #f78502 !important;
  margin-top: 12px;
}
@media screen and (min-width: 1920px) {
  .warning-description {
    font-size: 16px !important;
    line-height: 24px !important;
  }
}

.error-description {
  font-family: "Geist", sans-serif !important;
  font-size: 11px !important;
  font-weight: 400 !important;
  line-height: 17px !important;
  color: #ec562d !important;
  margin-top: 12px;
}
@media screen and (min-width: 1920px) {
  .error-description {
    font-size: 16px !important;
    line-height: 24px !important;
  }
}

#user_switching_switch_on {
  background-color: white;
  padding: 2px 4px !important;
  border-radius: 8px;
}

.torn-modal-backdrop {
  z-index: 40;
}

.torn-modal-container {
  position: fixed;
  top: 33%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: none;
  z-index: 50;
  background-color: white;
  box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
  border-radius: 24px;
  padding: 2.5rem 2rem;
  width: auto;
  max-width: 80vw;
  max-width: 80dvw;
  max-height: 90vh;
  max-height: 90dvh;
  overflow: auto;
}
@media screen and (min-width: 900px) {
  .torn-modal-container {
    top: 50%;
    padding: 4rem 2rem;
  }
}
@media screen and (max-width: 600px) {
  .torn-modal-container {
    max-height: 95vh;
    max-width: 99vw;
    max-width: 99dvw;
  }
}
@media screen and (max-width: 600px) {
  .torn-modal-container.narrow {
    width: 100%;
  }
}
.torn-modal-container .modal-content .modal-body {
  margin-top: 2rem;
}
@media screen and (max-width: 768px) {
  .torn-modal-container .modal-content .modal-body {
    margin-top: 1em;
  }
}
.torn-modal-container .modal-content .modal-body button,
.torn-modal-container .modal-content .modal-body a.button {
  width: auto;
  margin-top: 2rem;
}
@media screen and (max-width: 768px) {
  .torn-modal-container .modal-content .modal-body button,
  .torn-modal-container .modal-content .modal-body a.button {
    margin-top: 1em;
  }
}
.torn-modal-container.medium {
  padding: 32px;
  width: 755px;
}
.torn-modal-container label {
  text-align: left;
  font-size: 17px;
  font-weight: 700;
}
@media screen and (min-width: 900px) {
  .torn-modal-container label {
    margin-bottom: 12px;
  }
}
.torn-modal-container td {
  padding: 0;
}
.torn-modal-container input[type=password],
.torn-modal-container input[type=number],
.torn-modal-container input[type=tel],
.torn-modal-container input[type=text],
.torn-modal-container input[type=email],
.torn-modal-container button {
  width: 100%;
}
@media screen and (min-width: 900px) {
  .torn-modal-container input[type=password],
  .torn-modal-container input[type=number],
  .torn-modal-container input[type=tel],
  .torn-modal-container input[type=text],
  .torn-modal-container input[type=email],
  .torn-modal-container button {
    margin-bottom: 24px;
  }
}
.torn-modal-container button {
  justify-content: center;
}
.torn-modal-container button.close {
  position: absolute;
  text-indent: -9999px;
  border: none;
  background-color: transparent;
  right: 1.875rem;
  top: 1.875rem;
  height: 2.5rem;
  width: 2.5rem;
  background-size: 1.25rem;
}
.torn-modal-container .modal-headline {
  font-family: "Sharp Grotesk", sans-serif;
  font-size: 18px;
  line-height: 30px;
  font-weight: 400;
  color: #1a0c0c;
  margin: 0;
  padding-right: 1.875rem;
}
@media screen and (min-width: 900px) {
  .torn-modal-container .modal-headline {
    padding-bottom: 16px;
  }
}
.torn-modal-container .separator {
  border-bottom: 1px solid #e4e1dc;
  text-align: center;
  margin-bottom: 2rem;
}
.torn-modal-container .separator .text {
  color: #727272;
  margin: 0 auto;
  background-color: white;
  padding: 0 13px;
  position: relative;
  top: 8px;
  font-size: 14px;
}

body.show-modal-backdrop .torn-modal-container {
  display: flex;
  flex-direction: column;
}

.torn-toaster-container {
  position: fixed;
  height: fit-content;
  bottom: -120px;
  width: 100%;
  z-index: 99;
  padding: 20px 80px 20px 20px;
  transition: bottom 500ms;
  background-color: rgba(0, 0, 0, 0);
}
.torn-toaster-container.active {
  bottom: 0px;
}
.torn-toaster-container .box {
  color: #1a0c0c;
  margin: 0 auto !important;
  height: fit-content;
  display: flex;
  align-items: center;
  max-width: 800px;
  border-radius: 12px;
  border: 1px solid #f0c450;
  padding: 16px 24px 16px 24px;
  box-shadow: rgba(0, 0, 0, 0.25) 0px 54px 55px, rgba(0, 0, 0, 0.12) 0px -12px 30px, rgba(0, 0, 0, 0.12) 0px 4px 6px, rgba(0, 0, 0, 0.17) 0px 12px 13px, rgba(0, 0, 0, 0.09) 0px -3px 5px;
}
@media only screen and (max-width: 480px) {
  .torn-toaster-container .box {
    flex-direction: column;
    align-items: flex-start;
    gap: 6px;
    padding: 12px;
  }
}
.torn-toaster-container .box.success {
  background-color: #e6f9ea;
  border-color: #1f9f3c;
}
.torn-toaster-container .box.error {
  background-color: #ffe4e2;
  border-color: #d02e24;
  white-space: normal;
}
.torn-toaster-container .box.warning {
  background-color: #fef9ee;
  border-color: #f0c450;
}
.torn-toaster-container .box.info {
  background-color: #e4f0ff;
  border-color: #3074c1;
}
.torn-toaster-container .box .content {
  flex: 1;
  font-size: 18px;
  line-height: 24px;
  font-weight: 500;
}
@media only screen and (max-width: 480px) {
  .torn-toaster-container .box .content {
    font-size: 16px;
    line-height: 20px;
  }
}
.torn-toaster-container .box .button {
  flex: 0 0 fit-content;
  border: 1px solid #1a0c0c;
  border-radius: 50px;
  padding: 8px 12px;
  font-size: 14px;
  font-weight: 700;
  line-height: 14px;
}

#content {
  height: auto;
}

html {
  scroll-behavior: smooth;
}

.summary-page-container {
  width: auto;
  height: auto;
  display: flex;
  flex-flow: column;
  align-items: flex-start;
  justify-content: flex-start;
}
.summary-page-container .header-container {
  font-family: "Geist", sans-serif;
  font-size: 10px !important;
  font-weight: 400 !important;
  line-height: 15px !important;
}
@media screen and (min-width: 1920px) {
  .summary-page-container .header-container {
    font-size: 14px !important;
    line-height: 21px !important;
  }
}
.summary-page-container .header-container h1 {
  font-family: "Sharp Grotesk", sans-serif;
  font-size: 26px !important;
  font-weight: 500;
  line-height: 28px;
  margin: 0px;
}
@media screen and (min-width: 1920px) {
  .summary-page-container .header-container h1 {
    font-size: 32px !important;
    line-height: 32px;
  }
}
.summary-page-container .info-items-container {
  display: flex;
}
.summary-page-container .info-items-container .info-items {
  display: flex;
  flex-wrap: wrap;
  flex: 50%;
  gap: 1.5rem;
  margin: 2.5rem 0;
}
.summary-page-container .info-items-container .info-items .total-orders-in-process-container,
.summary-page-container .info-items-container .info-items .active-adds-container {
  box-shadow: 0 0 0px 1px #1fb775;
  border-radius: 24px;
  cursor: pointer;
  transition: box-shadow 0.3s ease-in-out;
}
.summary-page-container .info-items-container .info-items .total-orders-in-process-container:hover,
.summary-page-container .info-items-container .info-items .active-adds-container:hover {
  box-shadow: 0 0 0px 2px #1fb775;
}
.summary-page-container .info-items-container .info-items .info-item {
  display: flex;
  flex-flow: column;
  padding: 0.75rem;
  background-color: white;
  border-radius: 24px;
  line-height: 200%;
  height: 5rem;
  justify-content: space-between;
}
.summary-page-container .info-items-container .kickback-container {
  flex: 50%;
}
.summary-page-container .info-items-container .kickback-container .kickbacks {
  display: flex;
  margin: 1.5rem 0;
  gap: 1.5rem;
}
.summary-page-container .info-items-container .kickback-container .kickbacks .kickback {
  display: flex;
  flex-flow: column;
  padding: 1.25rem;
  min-height: 320px;
  border-radius: 24px;
  background-color: white;
}
@media screen and (max-width: 1024px) {
  .summary-page-container .info-items-container .kickback-container .kickbacks .kickback {
    min-height: 360px;
  }
}
.summary-page-container .info-items-container .kickback-container .kickbacks .kickback.current-kickback {
  min-width: 400px;
}
@media screen and (max-width: 1024px) {
  .summary-page-container .info-items-container .kickback-container .kickbacks .kickback.current-kickback {
    min-width: 250px;
  }
}
.summary-page-container .info-items-container .kickback-container .kickbacks .kickback.variant-info {
  background-color: #daf3fb;
}
.summary-page-container .info-items-container .kickback-container .kickbacks .kickback .kickback__heading-container {
  display: flex;
  flex-direction: column;
}
.summary-page-container .info-items-container .kickback-container .kickbacks .kickback .kickback__heading-container .kickback__heading {
  font-size: 18px;
  line-height: 24px;
  font-weight: bold;
}
.summary-page-container .info-items-container .kickback-container .kickbacks .kickback .kickback__heading-container .kickback__description {
  font-size: 14px;
  line-height: 14px;
}
.summary-page-container .info-items-container .kickback-container .kickbacks .kickback .kickback__total-sold {
  margin: 2rem 0;
  font-size: 60px;
  font-weight: 500;
  line-height: 48px;
  color: #1fb775;
  font-family: "Sharp Grotesk", sans-serif;
}
.summary-page-container .info-items-container .kickback-container .kickbacks .kickback .kickback__divider {
  height: 1px;
  background-color: #dbeff1;
}
.summary-page-container .info-items-container .kickback-container .kickbacks .kickback .kickback__order-status-container {
  margin: 1rem 0;
}
.summary-page-container .info-items-container .kickback-container .kickbacks .kickback .kickback__order-status-container .kickback__order-status {
  display: flex;
  font-size: 18;
  font-weight: bold;
  line-height: 150%;
  margin-top: 0.5rem;
  align-items: center;
}
.summary-page-container .info-items-container .kickback-container .kickbacks .kickback .kickback__order-status-container .kickback__order-status.deviation-orange {
  color: #f78502;
}
.summary-page-container .info-items-container .kickback-container .kickbacks .kickback .kickback__order-status-container .kickback__order-status.deviation-orange svg {
  color: black;
}
.summary-page-container .info-items-container .kickback-container .kickbacks .kickback .kickback__order-status-container .kickback__order-status .sale-stats-circle {
  margin-right: 0.25rem;
}
.summary-page-container .info-items-container .kickback-container .kickbacks .kickback .kickback__order-status-container .kickback__order-status svg {
  margin-left: 0.5rem;
}
.summary-page-container .info-items-container .kickback-container .kickbacks .kickback .kickback__bar-container {
  height: 50;
  width: 100%;
  margin-top: 7rem;
  position: relative;
}
.summary-page-container .info-items-container .kickback-container .kickbacks .kickback .kickback__bar-container .kickback__bar-skeleton {
  width: 100%;
  height: 100%;
  overflow: hidden;
  border-radius: 50;
  position: absolute;
  background-color: #daf3fb;
}
.summary-page-container .info-items-container .kickback-container .kickbacks .kickback .kickback__bar-container .kickback__bar-skeleton .kickback__bar {
  height: 100%;
  position: absolute;
  background-color: #1fb775;
}
.summary-page-container .info-items-container .kickback-container .kickbacks .kickback .kickback__bar-container .kickback__info-label-container {
  width: 1px;
  position: absolute;
}
.summary-page-container .info-items-container .kickback-container .kickbacks .kickback .kickback__bar-container .kickback__info-label-container .kickback__info-label {
  line-height: 24px;
  position: absolute;
  width: max-content;
}
.summary-page-container .info-items-container .kickback-container .kickbacks .kickback .kickback__bar-container .kickback__info-label-container .kickback__info-label-description {
  font-size: 11px;
  line-height: 18px;
  position: absolute;
  width: max-content;
  display: flex;
  align-items: center;
}
.summary-page-container .info-items-container .kickback-container .kickbacks .kickback .kickback__bar-container .kickback__info-label-container .kickback__info-label-description svg {
  color: #1fb775;
}
.summary-page-container .info-items-container .kickback-container .kickbacks .kickback .kickback__bar-container .kickback__info-label-circle {
  z-index: 15;
  height: 10px;
  width: 10px;
  display: flex;
  position: absolute;
  border-radius: 100;
  align-items: center;
  justify-content: center;
}
.summary-page-container .info-items-container .kickback-container .kickbacks .kickback .kickback__bar-container .kickback__info-label-circle span {
  height: 4px;
  width: 4px;
  border-radius: 100;
  position: absolute;
  background-color: #daf3fb;
}
.summary-page-container .info-items-container .kickback-container .kickbacks .kickback .kickback__not-enough-data {
  line-height: 24px;
  margin-top: 1.5rem;
}
.summary-page-container .info-items-container .kickback-container .kickbacks .kickback .kickback__not-enough-data span {
  font-size: 24px;
  font-weight: bold;
}
.summary-page-container .info-items-container .kickback-container .kickbacks .kickback .kickback__not-enough-data p {
  font-size: 16px;
  margin-top: 1rem;
}
.summary-page-container .info-items-v2-container {
  margin: 40px auto 0;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 30px;
}
@media screen and (max-width: 1024px) {
  .summary-page-container .info-items-v2-container {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media screen and (max-width: 700px) {
  .summary-page-container .info-items-v2-container {
    grid-template-columns: 1fr;
  }
}
.summary-page-container .button-container .barcode-link {
  width: 100%;
  font-weight: normal;
  font-size: 15px;
  border: 1px black solid;
  position: relative;
}
.summary-page-container .button-container .barcode-link span {
  display: flex;
  align-items: center;
  gap: 14px;
}
.summary-page-container .button-container .barcode-link .try-me-label {
  position: absolute;
  top: -7px;
  right: 20px;
  border-radius: 8px;
  background-color: black;
  font-size: 11px;
  padding: 0 8px;
  color: white;
}
.summary-page-container .table-container .header-container tr:first-child th {
  padding: 0rem 1rem;
}
.summary-page-container .table-container tbody td {
  cursor: pointer;
}
.summary-page-container .table-container tbody td .date-created {
  display: flex;
  align-items: center;
  justify-content: center;
  width: fit-content;
}
.summary-page-container .table-container tbody td .date-created .overdue-popup-icon {
  margin-left: 0.4rem;
}
@media screen and (min-width: 1920px) {
  .summary-page-container .info-items-container .info-item {
    padding: 1rem;
    height: 6rem;
  }
}
h1,
h1 *,
h2,
h2 *,
h3,
h3 * {
  font-family: "Sharp Grotesk", sans-serif;
  margin: 0 0 0.5407911001em;
}

* {
  font-family: "Geist", sans-serif;
}

/**
* Buttons: Bør flyttes til en egen fil med alt knapper.
* @see https://torn-team.atlassian.net/browse/TORN-1104
 */
button.disabled,
button:disabled,
input[type=button].disabled,
input[type=button]:disabled,
input[type=reset].disabled,
input[type=reset]:disabled,
input[type=submit].disabled,
input[type=submit]:disabled,
.button.disabled,
.button:disabled,
.wc-block-grid__products .wc-block-grid__product .wp-block-button__link.disabled,
.wc-block-grid__products .wc-block-grid__product .wp-block-button__link:disabled,
.added_to_cart.disabled,
.added_to_cart:disabled {
  opacity: 0.5 !important;
  cursor: not-allowed;
}

button,
input[type=button],
input[type=reset],
input[type=submit],
.button,
.wc-block-grid__products .wc-block-grid__product .wp-block-button__link,
.added_to_cart {
  cursor: pointer;
  text-shadow: none;
  -webkit-appearance: none;
  word-break: break-word;
}

body {
  background-color: #fbf9f3;
}
body.page-template-authentication {
  background-color: #fcfcfc;
}

a:focus,
button:focus,
.button.alt:focus,
input:focus,
textarea:focus,
input[type=button]:focus,
input[type=reset]:focus,
input[type=submit]:focus,
input[type=email]:focus,
input[type=tel]:focus,
input[type=number]:focus,
input[type=url]:focus,
input[type=password]:focus,
input[type=search]:focus {
  outline: none;
}

a,
a:visited {
  color: #1a0c0c;
}

.required label::after,
.required strong::after,
.required legend::after {
  content: " *";
  color: #ec562d;
}
.required .radio-field > label::after {
  content: "";
}

.widget .widget-title {
  font-size: 1em;
  font-weight: bold;
  color: #1a0c0c;
  border-bottom: none;
  margin-bottom: 0;
}

.widget_product_categories button {
  background-color: #f0c450;
  border-radius: 5px;
}
.widget_product_categories .submit-product-categories-wrapper {
  bottom: 10px;
}
.widget_product_categories.widget.woocommerce li .count {
  float: none;
}
.widget_product_categories .widget-title {
  position: relative;
  top: 80px;
}

.widget-area .widget_search input[type=search],
.widget-area .widget_product_search input[type=search] {
  border: 1px solid black;
  border-radius: 5px;
  padding: 0.7em 1.4em;
  background-color: #ffffff;
}
.widget-area .widget_search form::before,
.widget-area .widget_product_search form::before {
  left: unset;
  right: 1em;
}

.torn-product-category-search-form {
  position: relative;
  top: -40px;
}

.site-main {
  position: relative;
  display: flex;
  flex-flow: column;
}

.vendor-page .site-main {
  padding-top: 25px;
}

#colophon .storefront-handheld-footer-bar {
  display: none;
}

html,
body {
  height: 100%;
  line-height: 1;
  margin: 0;
  padding: 0;
  border: 0;
  vertical-align: baseline;
}

button,
input,
select,
textarea {
  font-size: 100%;
  margin: 0;
  line-height: 1.618;
  text-rendering: optimizeLegibility;
  font-weight: 400;
}

textarea {
  padding: 12px 16px;
  border-radius: 12px;
  width: 100%;
  margin-top: 12px;
  border: 1px solid #666666;
}

ol,
ul {
  overflow-wrap: break-word;
  padding: 0;
}

* {
  box-sizing: border-box;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
}

a {
  text-decoration: none;
}

.torn-hypertext {
  text-decoration: underline !important;
}

p {
  overflow-wrap: break-word;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
  display: block;
}

table {
  border-spacing: 0;
  width: 100%;
  margin: 0 0 1.41575em;
  border-collapse: separate;
}
table td,
table th {
  padding: 1em 1.41575em;
  text-align: left;
  vertical-align: top;
}

img {
  height: auto;
  max-width: 100%;
  display: block;
  border-radius: 3px;
}

/**
 * Theese should probably be placed in component files.
 */
input[type=checkbox],
input[type=radio] {
  min-height: 24px;
  min-width: 24px;
  width: 32px;
  height: 32px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  vertical-align: text-bottom !important;
  outline: 0;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  border: 1px solid #1a0c0c;
  background-color: white;
  flex-shrink: 0;
  cursor: pointer;
  background-size: 16px;
  margin-right: 6px;
}
input[type=checkbox]:checked, input[type=checkbox][checked=checked]:not(body.woocommerce-cart .gateway-selector ul li input[type=radio][checked=checked]),
input[type=radio]:checked,
input[type=radio][checked=checked]:not(body.woocommerce-cart .gateway-selector ul li input[type=radio][checked=checked]) {
  background-color: #1a0c0c !important;
}
input[type=checkbox]:hover,
input[type=radio]:hover {
  box-shadow: 0 0 0 1px #1a0c0c;
}

input[type=radio] {
  border-radius: 50px;
}

input[type=checkbox] {
  border-radius: 8px;
}

input[type=text],
input[type=password],
input[type=number],
input[type=email],
input[type=tel],
input[type=url],
select {
  border: 1px solid #666666;
  margin-top: 12px;
  border-radius: 12px;
  padding: 12px 16px;
  font-size: 18px;
  line-height: 24px;
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

input[type=text]:hover:not([disabled]),
input[type=password]:hover:not([disabled]),
input[type=number]:hover:not([disabled]),
input[type=email]:hover:not([disabled]),
input[type=tel]:hover:not([disabled]),
input[type=url]:hover:not([disabled]),
textarea:hover:not([disabled]),
select:hover:not([disabled]) {
  outline: 1px solid #0f0f0f;
}

input[type=text]:disabled,
input[type=password]:disabled,
input[type=number]:disabled,
input[type=email]:disabled,
input[type=tel]:disabled,
input[type=url]:disabled,
textarea:disabled,
select:disabled {
  outline: 1px solid #eeeeee;
}

input[type=text]:focus,
input[type=password]:focus,
input[type=number]:focus,
input[type=email]:focus,
input[type=tel]:focus,
input[type=url]:focus,
textarea:focus,
select:focus {
  outline-width: 2px;
}

label {
  display: block;
}

dd {
  margin: 0 0 1.618em;
}

dt {
  font-weight: 600;
}

.screen-reader-text {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  -webkit-clip-path: inset(50%);
  clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
  word-wrap: normal !important;
}

.description {
  font-family: "Geist", sans-serif !important;
  font-size: 11px !important;
  font-weight: 400 !important;
  line-height: 17px !important;
  color: #898280 !important;
  margin-top: 0.25rem;
  margin-bottom: 0;
}
@media screen and (min-width: 1920px) {
  .description {
    font-size: 16px !important;
    line-height: 24px !important;
  }
}

.warning-description {
  font-family: "Geist", sans-serif !important;
  font-size: 11px !important;
  font-weight: 400 !important;
  line-height: 17px !important;
  color: #f78502 !important;
  margin-top: 12px;
}
@media screen and (min-width: 1920px) {
  .warning-description {
    font-size: 16px !important;
    line-height: 24px !important;
  }
}

.error-description {
  font-family: "Geist", sans-serif !important;
  font-size: 11px !important;
  font-weight: 400 !important;
  line-height: 17px !important;
  color: #ec562d !important;
  margin-top: 12px;
}
@media screen and (min-width: 1920px) {
  .error-description {
    font-size: 16px !important;
    line-height: 24px !important;
  }
}

#user_switching_switch_on {
  background-color: white;
  padding: 2px 4px !important;
  border-radius: 8px;
}

.torn-modal-backdrop {
  z-index: 40;
}

.torn-modal-container {
  position: fixed;
  top: 33%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: none;
  z-index: 50;
  background-color: white;
  box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
  border-radius: 24px;
  padding: 2.5rem 2rem;
  width: auto;
  max-width: 80vw;
  max-width: 80dvw;
  max-height: 90vh;
  max-height: 90dvh;
  overflow: auto;
}
@media screen and (min-width: 900px) {
  .torn-modal-container {
    top: 50%;
    padding: 4rem 2rem;
  }
}
@media screen and (max-width: 600px) {
  .torn-modal-container {
    max-height: 95vh;
    max-width: 99vw;
    max-width: 99dvw;
  }
}
@media screen and (max-width: 600px) {
  .torn-modal-container.narrow {
    width: 100%;
  }
}
.torn-modal-container .modal-content .modal-body {
  margin-top: 2rem;
}
@media screen and (max-width: 768px) {
  .torn-modal-container .modal-content .modal-body {
    margin-top: 1em;
  }
}
.torn-modal-container .modal-content .modal-body button,
.torn-modal-container .modal-content .modal-body a.button {
  width: auto;
  margin-top: 2rem;
}
@media screen and (max-width: 768px) {
  .torn-modal-container .modal-content .modal-body button,
  .torn-modal-container .modal-content .modal-body a.button {
    margin-top: 1em;
  }
}
.torn-modal-container.medium {
  padding: 32px;
  width: 755px;
}
.torn-modal-container label {
  text-align: left;
  font-size: 17px;
  font-weight: 700;
}
@media screen and (min-width: 900px) {
  .torn-modal-container label {
    margin-bottom: 12px;
  }
}
.torn-modal-container td {
  padding: 0;
}
.torn-modal-container input[type=password],
.torn-modal-container input[type=number],
.torn-modal-container input[type=tel],
.torn-modal-container input[type=text],
.torn-modal-container input[type=email],
.torn-modal-container button {
  width: 100%;
}
@media screen and (min-width: 900px) {
  .torn-modal-container input[type=password],
  .torn-modal-container input[type=number],
  .torn-modal-container input[type=tel],
  .torn-modal-container input[type=text],
  .torn-modal-container input[type=email],
  .torn-modal-container button {
    margin-bottom: 24px;
  }
}
.torn-modal-container button {
  justify-content: center;
}
.torn-modal-container button.close {
  position: absolute;
  text-indent: -9999px;
  border: none;
  background-color: transparent;
  right: 1.875rem;
  top: 1.875rem;
  height: 2.5rem;
  width: 2.5rem;
  background-size: 1.25rem;
}
.torn-modal-container .modal-headline {
  font-family: "Sharp Grotesk", sans-serif;
  font-size: 18px;
  line-height: 30px;
  font-weight: 400;
  color: #1a0c0c;
  margin: 0;
  padding-right: 1.875rem;
}
@media screen and (min-width: 900px) {
  .torn-modal-container .modal-headline {
    padding-bottom: 16px;
  }
}
.torn-modal-container .separator {
  border-bottom: 1px solid #e4e1dc;
  text-align: center;
  margin-bottom: 2rem;
}
.torn-modal-container .separator .text {
  color: #727272;
  margin: 0 auto;
  background-color: white;
  padding: 0 13px;
  position: relative;
  top: 8px;
  font-size: 14px;
}

body.show-modal-backdrop .torn-modal-container {
  display: flex;
  flex-direction: column;
}

.torn-toaster-container {
  position: fixed;
  height: fit-content;
  bottom: -120px;
  width: 100%;
  z-index: 99;
  padding: 20px 80px 20px 20px;
  transition: bottom 500ms;
  background-color: rgba(0, 0, 0, 0);
}
.torn-toaster-container.active {
  bottom: 0px;
}
.torn-toaster-container .box {
  color: #1a0c0c;
  margin: 0 auto !important;
  height: fit-content;
  display: flex;
  align-items: center;
  max-width: 800px;
  border-radius: 12px;
  border: 1px solid #f0c450;
  padding: 16px 24px 16px 24px;
  box-shadow: rgba(0, 0, 0, 0.25) 0px 54px 55px, rgba(0, 0, 0, 0.12) 0px -12px 30px, rgba(0, 0, 0, 0.12) 0px 4px 6px, rgba(0, 0, 0, 0.17) 0px 12px 13px, rgba(0, 0, 0, 0.09) 0px -3px 5px;
}
@media only screen and (max-width: 480px) {
  .torn-toaster-container .box {
    flex-direction: column;
    align-items: flex-start;
    gap: 6px;
    padding: 12px;
  }
}
.torn-toaster-container .box.success {
  background-color: #e6f9ea;
  border-color: #1f9f3c;
}
.torn-toaster-container .box.error {
  background-color: #ffe4e2;
  border-color: #d02e24;
  white-space: normal;
}
.torn-toaster-container .box.warning {
  background-color: #fef9ee;
  border-color: #f0c450;
}
.torn-toaster-container .box.info {
  background-color: #e4f0ff;
  border-color: #3074c1;
}
.torn-toaster-container .box .content {
  flex: 1;
  font-size: 18px;
  line-height: 24px;
  font-weight: 500;
}
@media only screen and (max-width: 480px) {
  .torn-toaster-container .box .content {
    font-size: 16px;
    line-height: 20px;
  }
}
.torn-toaster-container .box .button {
  flex: 0 0 fit-content;
  border: 1px solid #1a0c0c;
  border-radius: 50px;
  padding: 8px 12px;
  font-size: 14px;
  font-weight: 700;
  line-height: 14px;
}

#content {
  height: auto;
}

html {
  scroll-behavior: smooth;
}

.block-wrapper {
  padding: 30px 20px 20px;
  display: flex;
  flex-direction: column;
  gap: 15px;
  background-color: #ffffff;
  border-radius: 24px;
  color: #1a0c0c;
  max-width: 400px;
  aspect-ratio: 1/1;
}
@media screen and (max-width: 700px) {
  .block-wrapper {
    aspect-ratio: auto;
  }
}
.block-wrapper--secondary {
  background-color: transparent;
  border: 1px solid #25d68a;
}
.block-wrapper--order-processing {
  background-color: #d0f2de;
}
.block-wrapper--order-overdue {
  background-color: #fbe8ce;
}
.block-wrapper__heading {
  margin-bottom: 18px;
  font-size: 25px;
  font-weight: 500;
  line-height: 1.2;
}
.block-wrapper__tag {
  padding: 5px 12px;
  background-color: #1a0c0c;
  color: #ffffff;
  font-size: 12px;
  font-weight: 700;
  line-height: 1;
  border-radius: 100px;
  align-self: flex-start;
}
.block-wrapper__text {
  font-size: 14px;
  line-height: 1.2;
}
.block-wrapper__text a {
  margin-left: 10px;
  text-decoration: underline;
}
.block-wrapper__stat-item {
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: 14px;
}
.block-wrapper__stat-item svg {
  width: 26px;
  height: 26px;
}
.block-wrapper__list-item {
  display: flex;
  gap: 10px;
  align-items: center;
  font-size: 16px;
  text-decoration: underline;
}
.block-wrapper__list-item svg {
  width: 24px;
  height: 24px;
}
.block-wrapper .orders-info {
  display: flex;
  gap: 6px;
  align-items: center;
  font-size: 16px;
  line-height: 1.2;
  text-decoration: underline;
}
.block-wrapper .orders-info::before {
  content: "";
  display: block;
  width: 18px;
  height: 18px;
  border-radius: 50%;
}
.block-wrapper .orders-info--green::before {
  background-color: #1fb775;
}
.block-wrapper .orders-info--orange::before {
  background-color: #f78502;
}
.block-wrapper .all-orders-link {
  margin-top: auto;
  display: flex;
  align-items: center;
  gap: 20px;
  justify-self: flex-end;
  align-self: flex-end;
  font-size: 16px;
}
.block-wrapper .all-orders-link .link-button-circle {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background-color: #1a0c0c;
}
.block-wrapper .all-orders-link .link-button-circle svg {
  width: 25px;
  height: 25px;
}
.block-wrapper .big-button {
  border: 2px solid #1a0c0c;
  padding: 10px 15px;
  height: 45px;
  display: flex;
  gap: 14px;
  align-items: center;
  border-radius: 100px;
  font-size: 16px;
}
.block-wrapper .big-button svg {
  width: 16px;
  height: 16px;
}
.block-wrapper .item-underline {
  margin-bottom: 10px;
  font-size: 16px;
  text-decoration: underline;
}.welcome-modal-container {
  padding: 4rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  width: 25rem;
  text-align: center;
}
.welcome-modal-container .welcome-modal__header {
  font-family: "Sharp Grotesk", sans-serif;
  font-size: 20px;
  font-weight: 500;
  line-height: 30px;
  margin: 0;
}
.welcome-modal-container .welcome-modal__content {
  margin: 1.5rem 0;
}
.welcome-modal-container .welcome-modal__button {
  margin: 0 0 1.5rem 0;
}
.welcome-modal-container .welcome-modal__anchor-tag {
  font-weight: 700;
  position: relative;
}
.welcome-modal-container .welcome-modal__anchor-tag::after {
  content: "";
  position: absolute;
  width: 110%;
  transform: scaleX(0);
  height: 2px;
  bottom: -0.4rem;
  left: -5%;
  background-color: #25d68a;
  transform-origin: bottom right;
  transition: transform 0.25s ease-out;
}
.welcome-modal-container .welcome-modal__anchor-tag:hover::after {
  transform: scaleX(1);
  transform-origin: bottom left;
}.table-loader {
  max-width: 100%;
}
h1,
h1 *,
h2,
h2 *,
h3,
h3 * {
  font-family: "Sharp Grotesk", sans-serif;
  margin: 0 0 0.5407911001em;
}

* {
  font-family: "Geist", sans-serif;
}

/**
* Buttons: Bør flyttes til en egen fil med alt knapper.
* @see https://torn-team.atlassian.net/browse/TORN-1104
 */
button.disabled,
button:disabled,
input[type=button].disabled,
input[type=button]:disabled,
input[type=reset].disabled,
input[type=reset]:disabled,
input[type=submit].disabled,
input[type=submit]:disabled,
.button.disabled,
.button:disabled,
.wc-block-grid__products .wc-block-grid__product .wp-block-button__link.disabled,
.wc-block-grid__products .wc-block-grid__product .wp-block-button__link:disabled,
.added_to_cart.disabled,
.added_to_cart:disabled {
  opacity: 0.5 !important;
  cursor: not-allowed;
}

button,
input[type=button],
input[type=reset],
input[type=submit],
.button,
.wc-block-grid__products .wc-block-grid__product .wp-block-button__link,
.added_to_cart {
  cursor: pointer;
  text-shadow: none;
  -webkit-appearance: none;
  word-break: break-word;
}

body {
  background-color: #fbf9f3;
}
body.page-template-authentication {
  background-color: #fcfcfc;
}

a:focus,
button:focus,
.button.alt:focus,
input:focus,
textarea:focus,
input[type=button]:focus,
input[type=reset]:focus,
input[type=submit]:focus,
input[type=email]:focus,
input[type=tel]:focus,
input[type=number]:focus,
input[type=url]:focus,
input[type=password]:focus,
input[type=search]:focus {
  outline: none;
}

a,
a:visited {
  color: #1a0c0c;
}

.required label::after,
.required strong::after,
.required legend::after {
  content: " *";
  color: #ec562d;
}
.required .radio-field > label::after {
  content: "";
}

.widget .widget-title {
  font-size: 1em;
  font-weight: bold;
  color: #1a0c0c;
  border-bottom: none;
  margin-bottom: 0;
}

.widget_product_categories button {
  background-color: #f0c450;
  border-radius: 5px;
}
.widget_product_categories .submit-product-categories-wrapper {
  bottom: 10px;
}
.widget_product_categories.widget.woocommerce li .count {
  float: none;
}
.widget_product_categories .widget-title {
  position: relative;
  top: 80px;
}

.widget-area .widget_search input[type=search],
.widget-area .widget_product_search input[type=search] {
  border: 1px solid black;
  border-radius: 5px;
  padding: 0.7em 1.4em;
  background-color: #ffffff;
}
.widget-area .widget_search form::before,
.widget-area .widget_product_search form::before {
  left: unset;
  right: 1em;
}

.torn-product-category-search-form {
  position: relative;
  top: -40px;
}

.site-main {
  position: relative;
  display: flex;
  flex-flow: column;
}

.vendor-page .site-main {
  padding-top: 25px;
}

#colophon .storefront-handheld-footer-bar {
  display: none;
}

html,
body {
  height: 100%;
  line-height: 1;
  margin: 0;
  padding: 0;
  border: 0;
  vertical-align: baseline;
}

button,
input,
select,
textarea {
  font-size: 100%;
  margin: 0;
  line-height: 1.618;
  text-rendering: optimizeLegibility;
  font-weight: 400;
}

textarea {
  padding: 12px 16px;
  border-radius: 12px;
  width: 100%;
  margin-top: 12px;
  border: 1px solid #666666;
}

ol,
ul {
  overflow-wrap: break-word;
  padding: 0;
}

* {
  box-sizing: border-box;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
}

a {
  text-decoration: none;
}

.torn-hypertext {
  text-decoration: underline !important;
}

p {
  overflow-wrap: break-word;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
  display: block;
}

table {
  border-spacing: 0;
  width: 100%;
  margin: 0 0 1.41575em;
  border-collapse: separate;
}
table td,
table th {
  padding: 1em 1.41575em;
  text-align: left;
  vertical-align: top;
}

img {
  height: auto;
  max-width: 100%;
  display: block;
  border-radius: 3px;
}

/**
 * Theese should probably be placed in component files.
 */
input[type=checkbox],
input[type=radio] {
  min-height: 24px;
  min-width: 24px;
  width: 32px;
  height: 32px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  vertical-align: text-bottom !important;
  outline: 0;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  border: 1px solid #1a0c0c;
  background-color: white;
  flex-shrink: 0;
  cursor: pointer;
  background-size: 16px;
  margin-right: 6px;
}
input[type=checkbox]:checked, input[type=checkbox][checked=checked]:not(body.woocommerce-cart .gateway-selector ul li input[type=radio][checked=checked]),
input[type=radio]:checked,
input[type=radio][checked=checked]:not(body.woocommerce-cart .gateway-selector ul li input[type=radio][checked=checked]) {
  background-color: #1a0c0c !important;
}
input[type=checkbox]:hover,
input[type=radio]:hover {
  box-shadow: 0 0 0 1px #1a0c0c;
}

input[type=radio] {
  border-radius: 50px;
}

input[type=checkbox] {
  border-radius: 8px;
}

input[type=text],
input[type=password],
input[type=number],
input[type=email],
input[type=tel],
input[type=url],
select {
  border: 1px solid #666666;
  margin-top: 12px;
  border-radius: 12px;
  padding: 12px 16px;
  font-size: 18px;
  line-height: 24px;
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

input[type=text]:hover:not([disabled]),
input[type=password]:hover:not([disabled]),
input[type=number]:hover:not([disabled]),
input[type=email]:hover:not([disabled]),
input[type=tel]:hover:not([disabled]),
input[type=url]:hover:not([disabled]),
textarea:hover:not([disabled]),
select:hover:not([disabled]) {
  outline: 1px solid #0f0f0f;
}

input[type=text]:disabled,
input[type=password]:disabled,
input[type=number]:disabled,
input[type=email]:disabled,
input[type=tel]:disabled,
input[type=url]:disabled,
textarea:disabled,
select:disabled {
  outline: 1px solid #eeeeee;
}

input[type=text]:focus,
input[type=password]:focus,
input[type=number]:focus,
input[type=email]:focus,
input[type=tel]:focus,
input[type=url]:focus,
textarea:focus,
select:focus {
  outline-width: 2px;
}

label {
  display: block;
}

dd {
  margin: 0 0 1.618em;
}

dt {
  font-weight: 600;
}

.screen-reader-text {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  -webkit-clip-path: inset(50%);
  clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
  word-wrap: normal !important;
}

.description {
  font-family: "Geist", sans-serif !important;
  font-size: 11px !important;
  font-weight: 400 !important;
  line-height: 17px !important;
  color: #898280 !important;
  margin-top: 0.25rem;
  margin-bottom: 0;
}
@media screen and (min-width: 1920px) {
  .description {
    font-size: 16px !important;
    line-height: 24px !important;
  }
}

.warning-description {
  font-family: "Geist", sans-serif !important;
  font-size: 11px !important;
  font-weight: 400 !important;
  line-height: 17px !important;
  color: #f78502 !important;
  margin-top: 12px;
}
@media screen and (min-width: 1920px) {
  .warning-description {
    font-size: 16px !important;
    line-height: 24px !important;
  }
}

.error-description {
  font-family: "Geist", sans-serif !important;
  font-size: 11px !important;
  font-weight: 400 !important;
  line-height: 17px !important;
  color: #ec562d !important;
  margin-top: 12px;
}
@media screen and (min-width: 1920px) {
  .error-description {
    font-size: 16px !important;
    line-height: 24px !important;
  }
}

#user_switching_switch_on {
  background-color: white;
  padding: 2px 4px !important;
  border-radius: 8px;
}

.torn-modal-backdrop {
  z-index: 40;
}

.torn-modal-container {
  position: fixed;
  top: 33%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: none;
  z-index: 50;
  background-color: white;
  box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
  border-radius: 24px;
  padding: 2.5rem 2rem;
  width: auto;
  max-width: 80vw;
  max-width: 80dvw;
  max-height: 90vh;
  max-height: 90dvh;
  overflow: auto;
}
@media screen and (min-width: 900px) {
  .torn-modal-container {
    top: 50%;
    padding: 4rem 2rem;
  }
}
@media screen and (max-width: 600px) {
  .torn-modal-container {
    max-height: 95vh;
    max-width: 99vw;
    max-width: 99dvw;
  }
}
@media screen and (max-width: 600px) {
  .torn-modal-container.narrow {
    width: 100%;
  }
}
.torn-modal-container .modal-content .modal-body {
  margin-top: 2rem;
}
@media screen and (max-width: 768px) {
  .torn-modal-container .modal-content .modal-body {
    margin-top: 1em;
  }
}
.torn-modal-container .modal-content .modal-body button,
.torn-modal-container .modal-content .modal-body a.button {
  width: auto;
  margin-top: 2rem;
}
@media screen and (max-width: 768px) {
  .torn-modal-container .modal-content .modal-body button,
  .torn-modal-container .modal-content .modal-body a.button {
    margin-top: 1em;
  }
}
.torn-modal-container.medium {
  padding: 32px;
  width: 755px;
}
.torn-modal-container label {
  text-align: left;
  font-size: 17px;
  font-weight: 700;
}
@media screen and (min-width: 900px) {
  .torn-modal-container label {
    margin-bottom: 12px;
  }
}
.torn-modal-container td {
  padding: 0;
}
.torn-modal-container input[type=password],
.torn-modal-container input[type=number],
.torn-modal-container input[type=tel],
.torn-modal-container input[type=text],
.torn-modal-container input[type=email],
.torn-modal-container button {
  width: 100%;
}
@media screen and (min-width: 900px) {
  .torn-modal-container input[type=password],
  .torn-modal-container input[type=number],
  .torn-modal-container input[type=tel],
  .torn-modal-container input[type=text],
  .torn-modal-container input[type=email],
  .torn-modal-container button {
    margin-bottom: 24px;
  }
}
.torn-modal-container button {
  justify-content: center;
}
.torn-modal-container button.close {
  position: absolute;
  text-indent: -9999px;
  border: none;
  background-color: transparent;
  right: 1.875rem;
  top: 1.875rem;
  height: 2.5rem;
  width: 2.5rem;
  background-size: 1.25rem;
}
.torn-modal-container .modal-headline {
  font-family: "Sharp Grotesk", sans-serif;
  font-size: 18px;
  line-height: 30px;
  font-weight: 400;
  color: #1a0c0c;
  margin: 0;
  padding-right: 1.875rem;
}
@media screen and (min-width: 900px) {
  .torn-modal-container .modal-headline {
    padding-bottom: 16px;
  }
}
.torn-modal-container .separator {
  border-bottom: 1px solid #e4e1dc;
  text-align: center;
  margin-bottom: 2rem;
}
.torn-modal-container .separator .text {
  color: #727272;
  margin: 0 auto;
  background-color: white;
  padding: 0 13px;
  position: relative;
  top: 8px;
  font-size: 14px;
}

body.show-modal-backdrop .torn-modal-container {
  display: flex;
  flex-direction: column;
}

.torn-toaster-container {
  position: fixed;
  height: fit-content;
  bottom: -120px;
  width: 100%;
  z-index: 99;
  padding: 20px 80px 20px 20px;
  transition: bottom 500ms;
  background-color: rgba(0, 0, 0, 0);
}
.torn-toaster-container.active {
  bottom: 0px;
}
.torn-toaster-container .box {
  color: #1a0c0c;
  margin: 0 auto !important;
  height: fit-content;
  display: flex;
  align-items: center;
  max-width: 800px;
  border-radius: 12px;
  border: 1px solid #f0c450;
  padding: 16px 24px 16px 24px;
  box-shadow: rgba(0, 0, 0, 0.25) 0px 54px 55px, rgba(0, 0, 0, 0.12) 0px -12px 30px, rgba(0, 0, 0, 0.12) 0px 4px 6px, rgba(0, 0, 0, 0.17) 0px 12px 13px, rgba(0, 0, 0, 0.09) 0px -3px 5px;
}
@media only screen and (max-width: 480px) {
  .torn-toaster-container .box {
    flex-direction: column;
    align-items: flex-start;
    gap: 6px;
    padding: 12px;
  }
}
.torn-toaster-container .box.success {
  background-color: #e6f9ea;
  border-color: #1f9f3c;
}
.torn-toaster-container .box.error {
  background-color: #ffe4e2;
  border-color: #d02e24;
  white-space: normal;
}
.torn-toaster-container .box.warning {
  background-color: #fef9ee;
  border-color: #f0c450;
}
.torn-toaster-container .box.info {
  background-color: #e4f0ff;
  border-color: #3074c1;
}
.torn-toaster-container .box .content {
  flex: 1;
  font-size: 18px;
  line-height: 24px;
  font-weight: 500;
}
@media only screen and (max-width: 480px) {
  .torn-toaster-container .box .content {
    font-size: 16px;
    line-height: 20px;
  }
}
.torn-toaster-container .box .button {
  flex: 0 0 fit-content;
  border: 1px solid #1a0c0c;
  border-radius: 50px;
  padding: 8px 12px;
  font-size: 14px;
  font-weight: 700;
  line-height: 14px;
}

#content {
  height: auto;
}

html {
  scroll-behavior: smooth;
}

.info-box__container {
  margin-bottom: 40px;
  padding: 16px;
  align-self: stretch;
  background-color: #d0f2de;
  border-radius: 24px;
}
.info-box__warning {
  background-color: #ffe0e0;
  font-weight: bold;
}
.info-box__text {
  font-size: 18px;
}
.info-box__text p {
  margin: 0;
  text-align: center;
}
.info-box__text a {
  text-decoration: underline;
}
h1,
h1 *,
h2,
h2 *,
h3,
h3 * {
  font-family: "Sharp Grotesk", sans-serif;
  margin: 0 0 0.5407911001em;
}

* {
  font-family: "Geist", sans-serif;
}

/**
* Buttons: Bør flyttes til en egen fil med alt knapper.
* @see https://torn-team.atlassian.net/browse/TORN-1104
 */
button.disabled,
button:disabled,
input[type=button].disabled,
input[type=button]:disabled,
input[type=reset].disabled,
input[type=reset]:disabled,
input[type=submit].disabled,
input[type=submit]:disabled,
.button.disabled,
.button:disabled,
.wc-block-grid__products .wc-block-grid__product .wp-block-button__link.disabled,
.wc-block-grid__products .wc-block-grid__product .wp-block-button__link:disabled,
.added_to_cart.disabled,
.added_to_cart:disabled {
  opacity: 0.5 !important;
  cursor: not-allowed;
}

button,
input[type=button],
input[type=reset],
input[type=submit],
.button,
.wc-block-grid__products .wc-block-grid__product .wp-block-button__link,
.added_to_cart {
  cursor: pointer;
  text-shadow: none;
  -webkit-appearance: none;
  word-break: break-word;
}

body {
  background-color: #fbf9f3;
}
body.page-template-authentication {
  background-color: #fcfcfc;
}

a:focus,
button:focus,
.button.alt:focus,
input:focus,
textarea:focus,
input[type=button]:focus,
input[type=reset]:focus,
input[type=submit]:focus,
input[type=email]:focus,
input[type=tel]:focus,
input[type=number]:focus,
input[type=url]:focus,
input[type=password]:focus,
input[type=search]:focus {
  outline: none;
}

a,
a:visited {
  color: #1a0c0c;
}

.required label::after,
.required strong::after,
.required legend::after {
  content: " *";
  color: #ec562d;
}
.required .radio-field > label::after {
  content: "";
}

.widget .widget-title {
  font-size: 1em;
  font-weight: bold;
  color: #1a0c0c;
  border-bottom: none;
  margin-bottom: 0;
}

.widget_product_categories button {
  background-color: #f0c450;
  border-radius: 5px;
}
.widget_product_categories .submit-product-categories-wrapper {
  bottom: 10px;
}
.widget_product_categories.widget.woocommerce li .count {
  float: none;
}
.widget_product_categories .widget-title {
  position: relative;
  top: 80px;
}

.widget-area .widget_search input[type=search],
.widget-area .widget_product_search input[type=search] {
  border: 1px solid black;
  border-radius: 5px;
  padding: 0.7em 1.4em;
  background-color: #ffffff;
}
.widget-area .widget_search form::before,
.widget-area .widget_product_search form::before {
  left: unset;
  right: 1em;
}

.torn-product-category-search-form {
  position: relative;
  top: -40px;
}

.site-main {
  position: relative;
  display: flex;
  flex-flow: column;
}

.vendor-page .site-main {
  padding-top: 25px;
}

#colophon .storefront-handheld-footer-bar {
  display: none;
}

html,
body {
  height: 100%;
  line-height: 1;
  margin: 0;
  padding: 0;
  border: 0;
  vertical-align: baseline;
}

button,
input,
select,
textarea {
  font-size: 100%;
  margin: 0;
  line-height: 1.618;
  text-rendering: optimizeLegibility;
  font-weight: 400;
}

textarea {
  padding: 12px 16px;
  border-radius: 12px;
  width: 100%;
  margin-top: 12px;
  border: 1px solid #666666;
}

ol,
ul {
  overflow-wrap: break-word;
  padding: 0;
}

* {
  box-sizing: border-box;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
}

a {
  text-decoration: none;
}

.torn-hypertext {
  text-decoration: underline !important;
}

p {
  overflow-wrap: break-word;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
  display: block;
}

table {
  border-spacing: 0;
  width: 100%;
  margin: 0 0 1.41575em;
  border-collapse: separate;
}
table td,
table th {
  padding: 1em 1.41575em;
  text-align: left;
  vertical-align: top;
}

img {
  height: auto;
  max-width: 100%;
  display: block;
  border-radius: 3px;
}

/**
 * Theese should probably be placed in component files.
 */
input[type=checkbox],
input[type=radio] {
  min-height: 24px;
  min-width: 24px;
  width: 32px;
  height: 32px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  vertical-align: text-bottom !important;
  outline: 0;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  border: 1px solid #1a0c0c;
  background-color: white;
  flex-shrink: 0;
  cursor: pointer;
  background-size: 16px;
  margin-right: 6px;
}
input[type=checkbox]:checked, input[type=checkbox][checked=checked]:not(body.woocommerce-cart .gateway-selector ul li input[type=radio][checked=checked]),
input[type=radio]:checked,
input[type=radio][checked=checked]:not(body.woocommerce-cart .gateway-selector ul li input[type=radio][checked=checked]) {
  background-color: #1a0c0c !important;
}
input[type=checkbox]:hover,
input[type=radio]:hover {
  box-shadow: 0 0 0 1px #1a0c0c;
}

input[type=radio] {
  border-radius: 50px;
}

input[type=checkbox] {
  border-radius: 8px;
}

input[type=text],
input[type=password],
input[type=number],
input[type=email],
input[type=tel],
input[type=url],
select {
  border: 1px solid #666666;
  margin-top: 12px;
  border-radius: 12px;
  padding: 12px 16px;
  font-size: 18px;
  line-height: 24px;
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

input[type=text]:hover:not([disabled]),
input[type=password]:hover:not([disabled]),
input[type=number]:hover:not([disabled]),
input[type=email]:hover:not([disabled]),
input[type=tel]:hover:not([disabled]),
input[type=url]:hover:not([disabled]),
textarea:hover:not([disabled]),
select:hover:not([disabled]) {
  outline: 1px solid #0f0f0f;
}

input[type=text]:disabled,
input[type=password]:disabled,
input[type=number]:disabled,
input[type=email]:disabled,
input[type=tel]:disabled,
input[type=url]:disabled,
textarea:disabled,
select:disabled {
  outline: 1px solid #eeeeee;
}

input[type=text]:focus,
input[type=password]:focus,
input[type=number]:focus,
input[type=email]:focus,
input[type=tel]:focus,
input[type=url]:focus,
textarea:focus,
select:focus {
  outline-width: 2px;
}

label {
  display: block;
}

dd {
  margin: 0 0 1.618em;
}

dt {
  font-weight: 600;
}

.screen-reader-text {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  -webkit-clip-path: inset(50%);
  clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
  word-wrap: normal !important;
}

.description {
  font-family: "Geist", sans-serif !important;
  font-size: 11px !important;
  font-weight: 400 !important;
  line-height: 17px !important;
  color: #898280 !important;
  margin-top: 0.25rem;
  margin-bottom: 0;
}
@media screen and (min-width: 1920px) {
  .description {
    font-size: 16px !important;
    line-height: 24px !important;
  }
}

.warning-description {
  font-family: "Geist", sans-serif !important;
  font-size: 11px !important;
  font-weight: 400 !important;
  line-height: 17px !important;
  color: #f78502 !important;
  margin-top: 12px;
}
@media screen and (min-width: 1920px) {
  .warning-description {
    font-size: 16px !important;
    line-height: 24px !important;
  }
}

.error-description {
  font-family: "Geist", sans-serif !important;
  font-size: 11px !important;
  font-weight: 400 !important;
  line-height: 17px !important;
  color: #ec562d !important;
  margin-top: 12px;
}
@media screen and (min-width: 1920px) {
  .error-description {
    font-size: 16px !important;
    line-height: 24px !important;
  }
}

#user_switching_switch_on {
  background-color: white;
  padding: 2px 4px !important;
  border-radius: 8px;
}

.torn-modal-backdrop {
  z-index: 40;
}

.torn-modal-container {
  position: fixed;
  top: 33%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: none;
  z-index: 50;
  background-color: white;
  box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
  border-radius: 24px;
  padding: 2.5rem 2rem;
  width: auto;
  max-width: 80vw;
  max-width: 80dvw;
  max-height: 90vh;
  max-height: 90dvh;
  overflow: auto;
}
@media screen and (min-width: 900px) {
  .torn-modal-container {
    top: 50%;
    padding: 4rem 2rem;
  }
}
@media screen and (max-width: 600px) {
  .torn-modal-container {
    max-height: 95vh;
    max-width: 99vw;
    max-width: 99dvw;
  }
}
@media screen and (max-width: 600px) {
  .torn-modal-container.narrow {
    width: 100%;
  }
}
.torn-modal-container .modal-content .modal-body {
  margin-top: 2rem;
}
@media screen and (max-width: 768px) {
  .torn-modal-container .modal-content .modal-body {
    margin-top: 1em;
  }
}
.torn-modal-container .modal-content .modal-body button,
.torn-modal-container .modal-content .modal-body a.button {
  width: auto;
  margin-top: 2rem;
}
@media screen and (max-width: 768px) {
  .torn-modal-container .modal-content .modal-body button,
  .torn-modal-container .modal-content .modal-body a.button {
    margin-top: 1em;
  }
}
.torn-modal-container.medium {
  padding: 32px;
  width: 755px;
}
.torn-modal-container label {
  text-align: left;
  font-size: 17px;
  font-weight: 700;
}
@media screen and (min-width: 900px) {
  .torn-modal-container label {
    margin-bottom: 12px;
  }
}
.torn-modal-container td {
  padding: 0;
}
.torn-modal-container input[type=password],
.torn-modal-container input[type=number],
.torn-modal-container input[type=tel],
.torn-modal-container input[type=text],
.torn-modal-container input[type=email],
.torn-modal-container button {
  width: 100%;
}
@media screen and (min-width: 900px) {
  .torn-modal-container input[type=password],
  .torn-modal-container input[type=number],
  .torn-modal-container input[type=tel],
  .torn-modal-container input[type=text],
  .torn-modal-container input[type=email],
  .torn-modal-container button {
    margin-bottom: 24px;
  }
}
.torn-modal-container button {
  justify-content: center;
}
.torn-modal-container button.close {
  position: absolute;
  text-indent: -9999px;
  border: none;
  background-color: transparent;
  right: 1.875rem;
  top: 1.875rem;
  height: 2.5rem;
  width: 2.5rem;
  background-size: 1.25rem;
}
.torn-modal-container .modal-headline {
  font-family: "Sharp Grotesk", sans-serif;
  font-size: 18px;
  line-height: 30px;
  font-weight: 400;
  color: #1a0c0c;
  margin: 0;
  padding-right: 1.875rem;
}
@media screen and (min-width: 900px) {
  .torn-modal-container .modal-headline {
    padding-bottom: 16px;
  }
}
.torn-modal-container .separator {
  border-bottom: 1px solid #e4e1dc;
  text-align: center;
  margin-bottom: 2rem;
}
.torn-modal-container .separator .text {
  color: #727272;
  margin: 0 auto;
  background-color: white;
  padding: 0 13px;
  position: relative;
  top: 8px;
  font-size: 14px;
}

body.show-modal-backdrop .torn-modal-container {
  display: flex;
  flex-direction: column;
}

.torn-toaster-container {
  position: fixed;
  height: fit-content;
  bottom: -120px;
  width: 100%;
  z-index: 99;
  padding: 20px 80px 20px 20px;
  transition: bottom 500ms;
  background-color: rgba(0, 0, 0, 0);
}
.torn-toaster-container.active {
  bottom: 0px;
}
.torn-toaster-container .box {
  color: #1a0c0c;
  margin: 0 auto !important;
  height: fit-content;
  display: flex;
  align-items: center;
  max-width: 800px;
  border-radius: 12px;
  border: 1px solid #f0c450;
  padding: 16px 24px 16px 24px;
  box-shadow: rgba(0, 0, 0, 0.25) 0px 54px 55px, rgba(0, 0, 0, 0.12) 0px -12px 30px, rgba(0, 0, 0, 0.12) 0px 4px 6px, rgba(0, 0, 0, 0.17) 0px 12px 13px, rgba(0, 0, 0, 0.09) 0px -3px 5px;
}
@media only screen and (max-width: 480px) {
  .torn-toaster-container .box {
    flex-direction: column;
    align-items: flex-start;
    gap: 6px;
    padding: 12px;
  }
}
.torn-toaster-container .box.success {
  background-color: #e6f9ea;
  border-color: #1f9f3c;
}
.torn-toaster-container .box.error {
  background-color: #ffe4e2;
  border-color: #d02e24;
  white-space: normal;
}
.torn-toaster-container .box.warning {
  background-color: #fef9ee;
  border-color: #f0c450;
}
.torn-toaster-container .box.info {
  background-color: #e4f0ff;
  border-color: #3074c1;
}
.torn-toaster-container .box .content {
  flex: 1;
  font-size: 18px;
  line-height: 24px;
  font-weight: 500;
}
@media only screen and (max-width: 480px) {
  .torn-toaster-container .box .content {
    font-size: 16px;
    line-height: 20px;
  }
}
.torn-toaster-container .box .button {
  flex: 0 0 fit-content;
  border: 1px solid #1a0c0c;
  border-radius: 50px;
  padding: 8px 12px;
  font-size: 14px;
  font-weight: 700;
  line-height: 14px;
}

#content {
  height: auto;
}

html {
  scroll-behavior: smooth;
}

.app-container {
  font-family: "Geist", sans-serif !important;
  font-size: 11px !important;
  font-weight: 400 !important;
  line-height: 17px !important;
  margin: 0;
  padding: 0;
  z-index: 0;
  width: 100%;
  height: 100%;
}
@media screen and (min-width: 1920px) {
  .app-container {
    font-size: 16px !important;
    line-height: 24px !important;
  }
}
.app-container .page-container {
  padding: 1.5rem 1rem;
  max-width: 1920px;
  margin: auto;
}
@media screen and (min-width: 1366px) {
  .app-container .page-container {
    padding: 1.5rem 3rem;
  }
}
h1,
h1 *,
h2,
h2 *,
h3,
h3 * {
  font-family: "Sharp Grotesk", sans-serif;
  margin: 0 0 0.5407911001em;
}

* {
  font-family: "Geist", sans-serif;
}

/**
* Buttons: Bør flyttes til en egen fil med alt knapper.
* @see https://torn-team.atlassian.net/browse/TORN-1104
 */
button.disabled,
button:disabled,
input[type=button].disabled,
input[type=button]:disabled,
input[type=reset].disabled,
input[type=reset]:disabled,
input[type=submit].disabled,
input[type=submit]:disabled,
.button.disabled,
.button:disabled,
.wc-block-grid__products .wc-block-grid__product .wp-block-button__link.disabled,
.wc-block-grid__products .wc-block-grid__product .wp-block-button__link:disabled,
.added_to_cart.disabled,
.added_to_cart:disabled {
  opacity: 0.5 !important;
  cursor: not-allowed;
}

button,
input[type=button],
input[type=reset],
input[type=submit],
.button,
.wc-block-grid__products .wc-block-grid__product .wp-block-button__link,
.added_to_cart {
  cursor: pointer;
  text-shadow: none;
  -webkit-appearance: none;
  word-break: break-word;
}

body {
  background-color: #fbf9f3;
}
body.page-template-authentication {
  background-color: #fcfcfc;
}

a:focus,
button:focus,
.button.alt:focus,
input:focus,
textarea:focus,
input[type=button]:focus,
input[type=reset]:focus,
input[type=submit]:focus,
input[type=email]:focus,
input[type=tel]:focus,
input[type=number]:focus,
input[type=url]:focus,
input[type=password]:focus,
input[type=search]:focus {
  outline: none;
}

a,
a:visited {
  color: #1a0c0c;
}

.required label::after,
.required strong::after,
.required legend::after {
  content: " *";
  color: #ec562d;
}
.required .radio-field > label::after {
  content: "";
}

.widget .widget-title {
  font-size: 1em;
  font-weight: bold;
  color: #1a0c0c;
  border-bottom: none;
  margin-bottom: 0;
}

.widget_product_categories button {
  background-color: #f0c450;
  border-radius: 5px;
}
.widget_product_categories .submit-product-categories-wrapper {
  bottom: 10px;
}
.widget_product_categories.widget.woocommerce li .count {
  float: none;
}
.widget_product_categories .widget-title {
  position: relative;
  top: 80px;
}

.widget-area .widget_search input[type=search],
.widget-area .widget_product_search input[type=search] {
  border: 1px solid black;
  border-radius: 5px;
  padding: 0.7em 1.4em;
  background-color: #ffffff;
}
.widget-area .widget_search form::before,
.widget-area .widget_product_search form::before {
  left: unset;
  right: 1em;
}

.torn-product-category-search-form {
  position: relative;
  top: -40px;
}

.site-main {
  position: relative;
  display: flex;
  flex-flow: column;
}

.vendor-page .site-main {
  padding-top: 25px;
}

#colophon .storefront-handheld-footer-bar {
  display: none;
}

html,
body {
  height: 100%;
  line-height: 1;
  margin: 0;
  padding: 0;
  border: 0;
  vertical-align: baseline;
}

button,
input,
select,
textarea {
  font-size: 100%;
  margin: 0;
  line-height: 1.618;
  text-rendering: optimizeLegibility;
  font-weight: 400;
}

textarea {
  padding: 12px 16px;
  border-radius: 12px;
  width: 100%;
  margin-top: 12px;
  border: 1px solid #666666;
}

ol,
ul {
  overflow-wrap: break-word;
  padding: 0;
}

* {
  box-sizing: border-box;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
}

a {
  text-decoration: none;
}

.torn-hypertext {
  text-decoration: underline !important;
}

p {
  overflow-wrap: break-word;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
  display: block;
}

table {
  border-spacing: 0;
  width: 100%;
  margin: 0 0 1.41575em;
  border-collapse: separate;
}
table td,
table th {
  padding: 1em 1.41575em;
  text-align: left;
  vertical-align: top;
}

img {
  height: auto;
  max-width: 100%;
  display: block;
  border-radius: 3px;
}

/**
 * Theese should probably be placed in component files.
 */
input[type=checkbox],
input[type=radio] {
  min-height: 24px;
  min-width: 24px;
  width: 32px;
  height: 32px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  vertical-align: text-bottom !important;
  outline: 0;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  border: 1px solid #1a0c0c;
  background-color: white;
  flex-shrink: 0;
  cursor: pointer;
  background-size: 16px;
  margin-right: 6px;
}
input[type=checkbox]:checked, input[type=checkbox][checked=checked]:not(body.woocommerce-cart .gateway-selector ul li input[type=radio][checked=checked]),
input[type=radio]:checked,
input[type=radio][checked=checked]:not(body.woocommerce-cart .gateway-selector ul li input[type=radio][checked=checked]) {
  background-color: #1a0c0c !important;
}
input[type=checkbox]:hover,
input[type=radio]:hover {
  box-shadow: 0 0 0 1px #1a0c0c;
}

input[type=radio] {
  border-radius: 50px;
}

input[type=checkbox] {
  border-radius: 8px;
}

input[type=text],
input[type=password],
input[type=number],
input[type=email],
input[type=tel],
input[type=url],
select {
  border: 1px solid #666666;
  margin-top: 12px;
  border-radius: 12px;
  padding: 12px 16px;
  font-size: 18px;
  line-height: 24px;
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

input[type=text]:hover:not([disabled]),
input[type=password]:hover:not([disabled]),
input[type=number]:hover:not([disabled]),
input[type=email]:hover:not([disabled]),
input[type=tel]:hover:not([disabled]),
input[type=url]:hover:not([disabled]),
textarea:hover:not([disabled]),
select:hover:not([disabled]) {
  outline: 1px solid #0f0f0f;
}

input[type=text]:disabled,
input[type=password]:disabled,
input[type=number]:disabled,
input[type=email]:disabled,
input[type=tel]:disabled,
input[type=url]:disabled,
textarea:disabled,
select:disabled {
  outline: 1px solid #eeeeee;
}

input[type=text]:focus,
input[type=password]:focus,
input[type=number]:focus,
input[type=email]:focus,
input[type=tel]:focus,
input[type=url]:focus,
textarea:focus,
select:focus {
  outline-width: 2px;
}

label {
  display: block;
}

dd {
  margin: 0 0 1.618em;
}

dt {
  font-weight: 600;
}

.screen-reader-text {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  -webkit-clip-path: inset(50%);
  clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
  word-wrap: normal !important;
}

.description {
  font-family: "Geist", sans-serif !important;
  font-size: 11px !important;
  font-weight: 400 !important;
  line-height: 17px !important;
  color: #898280 !important;
  margin-top: 0.25rem;
  margin-bottom: 0;
}
@media screen and (min-width: 1920px) {
  .description {
    font-size: 16px !important;
    line-height: 24px !important;
  }
}

.warning-description {
  font-family: "Geist", sans-serif !important;
  font-size: 11px !important;
  font-weight: 400 !important;
  line-height: 17px !important;
  color: #f78502 !important;
  margin-top: 12px;
}
@media screen and (min-width: 1920px) {
  .warning-description {
    font-size: 16px !important;
    line-height: 24px !important;
  }
}

.error-description {
  font-family: "Geist", sans-serif !important;
  font-size: 11px !important;
  font-weight: 400 !important;
  line-height: 17px !important;
  color: #ec562d !important;
  margin-top: 12px;
}
@media screen and (min-width: 1920px) {
  .error-description {
    font-size: 16px !important;
    line-height: 24px !important;
  }
}

#user_switching_switch_on {
  background-color: white;
  padding: 2px 4px !important;
  border-radius: 8px;
}

.torn-modal-backdrop {
  z-index: 40;
}

.torn-modal-container {
  position: fixed;
  top: 33%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: none;
  z-index: 50;
  background-color: white;
  box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
  border-radius: 24px;
  padding: 2.5rem 2rem;
  width: auto;
  max-width: 80vw;
  max-width: 80dvw;
  max-height: 90vh;
  max-height: 90dvh;
  overflow: auto;
}
@media screen and (min-width: 900px) {
  .torn-modal-container {
    top: 50%;
    padding: 4rem 2rem;
  }
}
@media screen and (max-width: 600px) {
  .torn-modal-container {
    max-height: 95vh;
    max-width: 99vw;
    max-width: 99dvw;
  }
}
@media screen and (max-width: 600px) {
  .torn-modal-container.narrow {
    width: 100%;
  }
}
.torn-modal-container .modal-content .modal-body {
  margin-top: 2rem;
}
@media screen and (max-width: 768px) {
  .torn-modal-container .modal-content .modal-body {
    margin-top: 1em;
  }
}
.torn-modal-container .modal-content .modal-body button,
.torn-modal-container .modal-content .modal-body a.button {
  width: auto;
  margin-top: 2rem;
}
@media screen and (max-width: 768px) {
  .torn-modal-container .modal-content .modal-body button,
  .torn-modal-container .modal-content .modal-body a.button {
    margin-top: 1em;
  }
}
.torn-modal-container.medium {
  padding: 32px;
  width: 755px;
}
.torn-modal-container label {
  text-align: left;
  font-size: 17px;
  font-weight: 700;
}
@media screen and (min-width: 900px) {
  .torn-modal-container label {
    margin-bottom: 12px;
  }
}
.torn-modal-container td {
  padding: 0;
}
.torn-modal-container input[type=password],
.torn-modal-container input[type=number],
.torn-modal-container input[type=tel],
.torn-modal-container input[type=text],
.torn-modal-container input[type=email],
.torn-modal-container button {
  width: 100%;
}
@media screen and (min-width: 900px) {
  .torn-modal-container input[type=password],
  .torn-modal-container input[type=number],
  .torn-modal-container input[type=tel],
  .torn-modal-container input[type=text],
  .torn-modal-container input[type=email],
  .torn-modal-container button {
    margin-bottom: 24px;
  }
}
.torn-modal-container button {
  justify-content: center;
}
.torn-modal-container button.close {
  position: absolute;
  text-indent: -9999px;
  border: none;
  background-color: transparent;
  right: 1.875rem;
  top: 1.875rem;
  height: 2.5rem;
  width: 2.5rem;
  background-size: 1.25rem;
}
.torn-modal-container .modal-headline {
  font-family: "Sharp Grotesk", sans-serif;
  font-size: 18px;
  line-height: 30px;
  font-weight: 400;
  color: #1a0c0c;
  margin: 0;
  padding-right: 1.875rem;
}
@media screen and (min-width: 900px) {
  .torn-modal-container .modal-headline {
    padding-bottom: 16px;
  }
}
.torn-modal-container .separator {
  border-bottom: 1px solid #e4e1dc;
  text-align: center;
  margin-bottom: 2rem;
}
.torn-modal-container .separator .text {
  color: #727272;
  margin: 0 auto;
  background-color: white;
  padding: 0 13px;
  position: relative;
  top: 8px;
  font-size: 14px;
}

body.show-modal-backdrop .torn-modal-container {
  display: flex;
  flex-direction: column;
}

.torn-toaster-container {
  position: fixed;
  height: fit-content;
  bottom: -120px;
  width: 100%;
  z-index: 99;
  padding: 20px 80px 20px 20px;
  transition: bottom 500ms;
  background-color: rgba(0, 0, 0, 0);
}
.torn-toaster-container.active {
  bottom: 0px;
}
.torn-toaster-container .box {
  color: #1a0c0c;
  margin: 0 auto !important;
  height: fit-content;
  display: flex;
  align-items: center;
  max-width: 800px;
  border-radius: 12px;
  border: 1px solid #f0c450;
  padding: 16px 24px 16px 24px;
  box-shadow: rgba(0, 0, 0, 0.25) 0px 54px 55px, rgba(0, 0, 0, 0.12) 0px -12px 30px, rgba(0, 0, 0, 0.12) 0px 4px 6px, rgba(0, 0, 0, 0.17) 0px 12px 13px, rgba(0, 0, 0, 0.09) 0px -3px 5px;
}
@media only screen and (max-width: 480px) {
  .torn-toaster-container .box {
    flex-direction: column;
    align-items: flex-start;
    gap: 6px;
    padding: 12px;
  }
}
.torn-toaster-container .box.success {
  background-color: #e6f9ea;
  border-color: #1f9f3c;
}
.torn-toaster-container .box.error {
  background-color: #ffe4e2;
  border-color: #d02e24;
  white-space: normal;
}
.torn-toaster-container .box.warning {
  background-color: #fef9ee;
  border-color: #f0c450;
}
.torn-toaster-container .box.info {
  background-color: #e4f0ff;
  border-color: #3074c1;
}
.torn-toaster-container .box .content {
  flex: 1;
  font-size: 18px;
  line-height: 24px;
  font-weight: 500;
}
@media only screen and (max-width: 480px) {
  .torn-toaster-container .box .content {
    font-size: 16px;
    line-height: 20px;
  }
}
.torn-toaster-container .box .button {
  flex: 0 0 fit-content;
  border: 1px solid #1a0c0c;
  border-radius: 50px;
  padding: 8px 12px;
  font-size: 14px;
  font-weight: 700;
  line-height: 14px;
}

#content {
  height: auto;
}

html {
  scroll-behavior: smooth;
}

.app-header {
  background-color: white;
  padding: 0.75rem;
  box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16);
  z-index: 30;
  position: relative;
}
.app-header.upload-mobile-header {
  background-color: #ffffff;
}
.app-header.mobile-list-header {
  background-color: #fbf9f3;
  box-shadow: none;
}
.app-header .custom-header-content-container {
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: relative;
}
.app-header .custom-header-content-container .headline {
  display: flex;
  align-items: center;
  column-gap: 8px;
  box-shadow: none;
  font-family: "Sharp Grotesk", sans-serif;
  font-size: 26px !important;
  font-weight: 500;
  line-height: 28px;
  font-size: 14px !important;
}
@media screen and (min-width: 1920px) {
  .app-header .custom-header-content-container .headline {
    font-size: 32px !important;
    line-height: 32px;
  }
}
.app-header .custom-header-content-container .headline.mobile-list-headline {
  padding-top: 3rem;
}
.app-header .custom-header-content-container .headline.mobile-list-headline p {
  margin-bottom: 0;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: 0.38px;
}
.app-header .custom-header-content-container .torn-logo {
  background: center/contain no-repeat url("data:image/svg+xml,%3csvg%20width='117'%20height='48'%20viewBox='0%200%20117%2048'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M13.1616%2010.7297H20.5235V16.7223H13.1616V34.3655C13.1616%2037.4689%2014.4266%2039.0238%2017.9051%2039.0238C18.7852%2039.0152%2019.6622%2038.9201%2020.5235%2038.74V44.3856C19.0558%2044.8329%2017.5264%2045.0458%2015.9919%2045.0164C10.1922%2045.0164%206.50492%2041.4871%206.50492%2035.3463V16.7286H0V10.7361H1.83731C5.51827%2010.7361%207.07414%208.47467%207.07414%205.51311V0H13.1585L13.1616%2010.7297Z'%20fill='%231A0C0C'/%3e%3cpath%20d='M50.6702%2011.9251L54.2089%207.33606L58.4433%2010.7297L54.8445%2015.3944C57.6052%2018.5704%2059.2307%2022.8062%2059.2307%2027.6759C59.2307%2038.0492%2052.0142%2045.7417%2041.8378%2045.7417C38.7755%2045.7564%2035.7583%2045.0049%2033.0624%2043.556L29.5838%2048L25.3368%2044.6126L28.8154%2040.0962C26.0578%2036.9201%2024.4292%2032.615%2024.4292%2027.6759C24.4292%2017.3719%2031.6456%209.67945%2041.822%209.67945C44.9158%209.65825%2047.9629%2010.4316%2050.6702%2011.9251ZM32.9801%2034.7912L46.847%2016.8642C45.3064%2016.0282%2043.579%2015.5942%2041.8252%2015.6026C36.1646%2015.6026%2031.2092%2019.8352%2031.2092%2027.6696C31.2092%2030.7699%2031.9176%2032.8894%2032.9801%2034.7944V34.7912ZM52.4348%2027.6664C52.4348%2024.913%2051.8024%2022.5129%2050.7367%2020.6804L36.8667%2038.6043C38.3843%2039.4311%2040.0932%2039.8455%2041.822%2039.806C47.4858%2039.806%2052.4348%2035.5797%2052.4348%2027.6664Z'%20fill='%231A0C0C'/%3e%3cpath%20d='M62.709%2010.3765C63.4315%2010.2392%2064.165%2010.1674%2064.9005%2010.162C68.3791%2010.162%2072.6134%2011.4236%2075.0895%2016.656V10.7297H81.6008V44.6757H74.9599V27.6664C74.9599%2020.1852%2071.2093%2017.2205%2065.6183%2017.2205C64.648%2017.2244%2063.6791%2017.295%2062.7185%2017.4318L62.709%2010.3765Z'%20fill='%231A0C0C'/%3e%3cpath%20d='M110.337%2025.0551C110.337%2019.9015%20107.649%2015.7383%20102.412%2015.7383C96.4672%2015.7383%2094.4876%2019.5514%2094.4876%2024.2792V44.6758H87.8467V23.1501C87.8467%2015.5995%2091.8818%209.7395%20100.018%209.7395C103.981%209.7395%20108.016%2011.3638%20110.492%2015.5995V10.7298H117V44.6758H110.359L110.337%2025.0551Z'%20fill='%231A0C0C'/%3e%3c/svg%3e");
  height: 14px;
  width: 36px;
  position: absolute;
  top: 0;
  right: 0;
}
.app-header .header-content-container {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: auto;
}
.app-header .header-content-container .button-container {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex: 0 0 33%;
}
.app-header .header-content-container .button-container span {
  line-height: initial;
}
.app-header .header-content-container .button-container:last-child {
  justify-content: flex-end;
}
.app-header .header-content-container .headline {
  font-family: "Sharp Grotesk", sans-serif;
  font-size: 26px !important;
  font-weight: 500;
  line-height: 28px;
  flex: 0 1 34%;
  text-align: center;
}
@media screen and (min-width: 1920px) {
  .app-header .header-content-container .headline {
    font-size: 32px !important;
    line-height: 32px;
  }
}
.app-header .header-content-container .torn-logo {
  background: center/contain no-repeat url("data:image/svg+xml,%3csvg%20width='117'%20height='48'%20viewBox='0%200%20117%2048'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M13.1616%2010.7297H20.5235V16.7223H13.1616V34.3655C13.1616%2037.4689%2014.4266%2039.0238%2017.9051%2039.0238C18.7852%2039.0152%2019.6622%2038.9201%2020.5235%2038.74V44.3856C19.0558%2044.8329%2017.5264%2045.0458%2015.9919%2045.0164C10.1922%2045.0164%206.50492%2041.4871%206.50492%2035.3463V16.7286H0V10.7361H1.83731C5.51827%2010.7361%207.07414%208.47467%207.07414%205.51311V0H13.1585L13.1616%2010.7297Z'%20fill='%231A0C0C'/%3e%3cpath%20d='M50.6702%2011.9251L54.2089%207.33606L58.4433%2010.7297L54.8445%2015.3944C57.6052%2018.5704%2059.2307%2022.8062%2059.2307%2027.6759C59.2307%2038.0492%2052.0142%2045.7417%2041.8378%2045.7417C38.7755%2045.7564%2035.7583%2045.0049%2033.0624%2043.556L29.5838%2048L25.3368%2044.6126L28.8154%2040.0962C26.0578%2036.9201%2024.4292%2032.615%2024.4292%2027.6759C24.4292%2017.3719%2031.6456%209.67945%2041.822%209.67945C44.9158%209.65825%2047.9629%2010.4316%2050.6702%2011.9251ZM32.9801%2034.7912L46.847%2016.8642C45.3064%2016.0282%2043.579%2015.5942%2041.8252%2015.6026C36.1646%2015.6026%2031.2092%2019.8352%2031.2092%2027.6696C31.2092%2030.7699%2031.9176%2032.8894%2032.9801%2034.7944V34.7912ZM52.4348%2027.6664C52.4348%2024.913%2051.8024%2022.5129%2050.7367%2020.6804L36.8667%2038.6043C38.3843%2039.4311%2040.0932%2039.8455%2041.822%2039.806C47.4858%2039.806%2052.4348%2035.5797%2052.4348%2027.6664Z'%20fill='%231A0C0C'/%3e%3cpath%20d='M62.709%2010.3765C63.4315%2010.2392%2064.165%2010.1674%2064.9005%2010.162C68.3791%2010.162%2072.6134%2011.4236%2075.0895%2016.656V10.7297H81.6008V44.6757H74.9599V27.6664C74.9599%2020.1852%2071.2093%2017.2205%2065.6183%2017.2205C64.648%2017.2244%2063.6791%2017.295%2062.7185%2017.4318L62.709%2010.3765Z'%20fill='%231A0C0C'/%3e%3cpath%20d='M110.337%2025.0551C110.337%2019.9015%20107.649%2015.7383%20102.412%2015.7383C96.4672%2015.7383%2094.4876%2019.5514%2094.4876%2024.2792V44.6758H87.8467V23.1501C87.8467%2015.5995%2091.8818%209.7395%20100.018%209.7395C103.981%209.7395%20108.016%2011.3638%20110.492%2015.5995V10.7298H117V44.6758H110.359L110.337%2025.0551Z'%20fill='%231A0C0C'/%3e%3c/svg%3e");
  height: 30px;
  width: 70px;
}
@media screen and (min-width: 1920px) {
  .app-header {
    padding: 1rem;
  }
}
h1,
h1 *,
h2,
h2 *,
h3,
h3 * {
  font-family: "Sharp Grotesk", sans-serif;
  margin: 0 0 0.5407911001em;
}

* {
  font-family: "Geist", sans-serif;
}

/**
* Buttons: Bør flyttes til en egen fil med alt knapper.
* @see https://torn-team.atlassian.net/browse/TORN-1104
 */
button.disabled,
button:disabled,
input[type=button].disabled,
input[type=button]:disabled,
input[type=reset].disabled,
input[type=reset]:disabled,
input[type=submit].disabled,
input[type=submit]:disabled,
.button.disabled,
.button:disabled,
.wc-block-grid__products .wc-block-grid__product .wp-block-button__link.disabled,
.wc-block-grid__products .wc-block-grid__product .wp-block-button__link:disabled,
.added_to_cart.disabled,
.added_to_cart:disabled {
  opacity: 0.5 !important;
  cursor: not-allowed;
}

button,
input[type=button],
input[type=reset],
input[type=submit],
.button,
.wc-block-grid__products .wc-block-grid__product .wp-block-button__link,
.added_to_cart {
  cursor: pointer;
  text-shadow: none;
  -webkit-appearance: none;
  word-break: break-word;
}

body {
  background-color: #fbf9f3;
}
body.page-template-authentication {
  background-color: #fcfcfc;
}

a:focus,
button:focus,
.button.alt:focus,
input:focus,
textarea:focus,
input[type=button]:focus,
input[type=reset]:focus,
input[type=submit]:focus,
input[type=email]:focus,
input[type=tel]:focus,
input[type=number]:focus,
input[type=url]:focus,
input[type=password]:focus,
input[type=search]:focus {
  outline: none;
}

a,
a:visited {
  color: #1a0c0c;
}

.required label::after,
.required strong::after,
.required legend::after {
  content: " *";
  color: #ec562d;
}
.required .radio-field > label::after {
  content: "";
}

.widget .widget-title {
  font-size: 1em;
  font-weight: bold;
  color: #1a0c0c;
  border-bottom: none;
  margin-bottom: 0;
}

.widget_product_categories button {
  background-color: #f0c450;
  border-radius: 5px;
}
.widget_product_categories .submit-product-categories-wrapper {
  bottom: 10px;
}
.widget_product_categories.widget.woocommerce li .count {
  float: none;
}
.widget_product_categories .widget-title {
  position: relative;
  top: 80px;
}

.widget-area .widget_search input[type=search],
.widget-area .widget_product_search input[type=search] {
  border: 1px solid black;
  border-radius: 5px;
  padding: 0.7em 1.4em;
  background-color: #ffffff;
}
.widget-area .widget_search form::before,
.widget-area .widget_product_search form::before {
  left: unset;
  right: 1em;
}

.torn-product-category-search-form {
  position: relative;
  top: -40px;
}

.site-main {
  position: relative;
  display: flex;
  flex-flow: column;
}

.vendor-page .site-main {
  padding-top: 25px;
}

#colophon .storefront-handheld-footer-bar {
  display: none;
}

html,
body {
  height: 100%;
  line-height: 1;
  margin: 0;
  padding: 0;
  border: 0;
  vertical-align: baseline;
}

button,
input,
select,
textarea {
  font-size: 100%;
  margin: 0;
  line-height: 1.618;
  text-rendering: optimizeLegibility;
  font-weight: 400;
}

textarea {
  padding: 12px 16px;
  border-radius: 12px;
  width: 100%;
  margin-top: 12px;
  border: 1px solid #666666;
}

ol,
ul {
  overflow-wrap: break-word;
  padding: 0;
}

* {
  box-sizing: border-box;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
}

a {
  text-decoration: none;
}

.torn-hypertext {
  text-decoration: underline !important;
}

p {
  overflow-wrap: break-word;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
  display: block;
}

table {
  border-spacing: 0;
  width: 100%;
  margin: 0 0 1.41575em;
  border-collapse: separate;
}
table td,
table th {
  padding: 1em 1.41575em;
  text-align: left;
  vertical-align: top;
}

img {
  height: auto;
  max-width: 100%;
  display: block;
  border-radius: 3px;
}

/**
 * Theese should probably be placed in component files.
 */
input[type=checkbox],
input[type=radio] {
  min-height: 24px;
  min-width: 24px;
  width: 32px;
  height: 32px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  vertical-align: text-bottom !important;
  outline: 0;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  border: 1px solid #1a0c0c;
  background-color: white;
  flex-shrink: 0;
  cursor: pointer;
  background-size: 16px;
  margin-right: 6px;
}
input[type=checkbox]:checked, input[type=checkbox][checked=checked]:not(body.woocommerce-cart .gateway-selector ul li input[type=radio][checked=checked]),
input[type=radio]:checked,
input[type=radio][checked=checked]:not(body.woocommerce-cart .gateway-selector ul li input[type=radio][checked=checked]) {
  background-color: #1a0c0c !important;
}
input[type=checkbox]:hover,
input[type=radio]:hover {
  box-shadow: 0 0 0 1px #1a0c0c;
}

input[type=radio] {
  border-radius: 50px;
}

input[type=checkbox] {
  border-radius: 8px;
}

input[type=text],
input[type=password],
input[type=number],
input[type=email],
input[type=tel],
input[type=url],
select {
  border: 1px solid #666666;
  margin-top: 12px;
  border-radius: 12px;
  padding: 12px 16px;
  font-size: 18px;
  line-height: 24px;
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

input[type=text]:hover:not([disabled]),
input[type=password]:hover:not([disabled]),
input[type=number]:hover:not([disabled]),
input[type=email]:hover:not([disabled]),
input[type=tel]:hover:not([disabled]),
input[type=url]:hover:not([disabled]),
textarea:hover:not([disabled]),
select:hover:not([disabled]) {
  outline: 1px solid #0f0f0f;
}

input[type=text]:disabled,
input[type=password]:disabled,
input[type=number]:disabled,
input[type=email]:disabled,
input[type=tel]:disabled,
input[type=url]:disabled,
textarea:disabled,
select:disabled {
  outline: 1px solid #eeeeee;
}

input[type=text]:focus,
input[type=password]:focus,
input[type=number]:focus,
input[type=email]:focus,
input[type=tel]:focus,
input[type=url]:focus,
textarea:focus,
select:focus {
  outline-width: 2px;
}

label {
  display: block;
}

dd {
  margin: 0 0 1.618em;
}

dt {
  font-weight: 600;
}

.screen-reader-text {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  -webkit-clip-path: inset(50%);
  clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
  word-wrap: normal !important;
}

.description {
  font-family: "Geist", sans-serif !important;
  font-size: 11px !important;
  font-weight: 400 !important;
  line-height: 17px !important;
  color: #898280 !important;
  margin-top: 0.25rem;
  margin-bottom: 0;
}
@media screen and (min-width: 1920px) {
  .description {
    font-size: 16px !important;
    line-height: 24px !important;
  }
}

.warning-description {
  font-family: "Geist", sans-serif !important;
  font-size: 11px !important;
  font-weight: 400 !important;
  line-height: 17px !important;
  color: #f78502 !important;
  margin-top: 12px;
}
@media screen and (min-width: 1920px) {
  .warning-description {
    font-size: 16px !important;
    line-height: 24px !important;
  }
}

.error-description {
  font-family: "Geist", sans-serif !important;
  font-size: 11px !important;
  font-weight: 400 !important;
  line-height: 17px !important;
  color: #ec562d !important;
  margin-top: 12px;
}
@media screen and (min-width: 1920px) {
  .error-description {
    font-size: 16px !important;
    line-height: 24px !important;
  }
}

#user_switching_switch_on {
  background-color: white;
  padding: 2px 4px !important;
  border-radius: 8px;
}

.torn-modal-backdrop {
  z-index: 40;
}

.torn-modal-container {
  position: fixed;
  top: 33%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: none;
  z-index: 50;
  background-color: white;
  box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
  border-radius: 24px;
  padding: 2.5rem 2rem;
  width: auto;
  max-width: 80vw;
  max-width: 80dvw;
  max-height: 90vh;
  max-height: 90dvh;
  overflow: auto;
}
@media screen and (min-width: 900px) {
  .torn-modal-container {
    top: 50%;
    padding: 4rem 2rem;
  }
}
@media screen and (max-width: 600px) {
  .torn-modal-container {
    max-height: 95vh;
    max-width: 99vw;
    max-width: 99dvw;
  }
}
@media screen and (max-width: 600px) {
  .torn-modal-container.narrow {
    width: 100%;
  }
}
.torn-modal-container .modal-content .modal-body {
  margin-top: 2rem;
}
@media screen and (max-width: 768px) {
  .torn-modal-container .modal-content .modal-body {
    margin-top: 1em;
  }
}
.torn-modal-container .modal-content .modal-body button,
.torn-modal-container .modal-content .modal-body a.button {
  width: auto;
  margin-top: 2rem;
}
@media screen and (max-width: 768px) {
  .torn-modal-container .modal-content .modal-body button,
  .torn-modal-container .modal-content .modal-body a.button {
    margin-top: 1em;
  }
}
.torn-modal-container.medium {
  padding: 32px;
  width: 755px;
}
.torn-modal-container label {
  text-align: left;
  font-size: 17px;
  font-weight: 700;
}
@media screen and (min-width: 900px) {
  .torn-modal-container label {
    margin-bottom: 12px;
  }
}
.torn-modal-container td {
  padding: 0;
}
.torn-modal-container input[type=password],
.torn-modal-container input[type=number],
.torn-modal-container input[type=tel],
.torn-modal-container input[type=text],
.torn-modal-container input[type=email],
.torn-modal-container button {
  width: 100%;
}
@media screen and (min-width: 900px) {
  .torn-modal-container input[type=password],
  .torn-modal-container input[type=number],
  .torn-modal-container input[type=tel],
  .torn-modal-container input[type=text],
  .torn-modal-container input[type=email],
  .torn-modal-container button {
    margin-bottom: 24px;
  }
}
.torn-modal-container button {
  justify-content: center;
}
.torn-modal-container button.close {
  position: absolute;
  text-indent: -9999px;
  border: none;
  background-color: transparent;
  right: 1.875rem;
  top: 1.875rem;
  height: 2.5rem;
  width: 2.5rem;
  background-size: 1.25rem;
}
.torn-modal-container .modal-headline {
  font-family: "Sharp Grotesk", sans-serif;
  font-size: 18px;
  line-height: 30px;
  font-weight: 400;
  color: #1a0c0c;
  margin: 0;
  padding-right: 1.875rem;
}
@media screen and (min-width: 900px) {
  .torn-modal-container .modal-headline {
    padding-bottom: 16px;
  }
}
.torn-modal-container .separator {
  border-bottom: 1px solid #e4e1dc;
  text-align: center;
  margin-bottom: 2rem;
}
.torn-modal-container .separator .text {
  color: #727272;
  margin: 0 auto;
  background-color: white;
  padding: 0 13px;
  position: relative;
  top: 8px;
  font-size: 14px;
}

body.show-modal-backdrop .torn-modal-container {
  display: flex;
  flex-direction: column;
}

.torn-toaster-container {
  position: fixed;
  height: fit-content;
  bottom: -120px;
  width: 100%;
  z-index: 99;
  padding: 20px 80px 20px 20px;
  transition: bottom 500ms;
  background-color: rgba(0, 0, 0, 0);
}
.torn-toaster-container.active {
  bottom: 0px;
}
.torn-toaster-container .box {
  color: #1a0c0c;
  margin: 0 auto !important;
  height: fit-content;
  display: flex;
  align-items: center;
  max-width: 800px;
  border-radius: 12px;
  border: 1px solid #f0c450;
  padding: 16px 24px 16px 24px;
  box-shadow: rgba(0, 0, 0, 0.25) 0px 54px 55px, rgba(0, 0, 0, 0.12) 0px -12px 30px, rgba(0, 0, 0, 0.12) 0px 4px 6px, rgba(0, 0, 0, 0.17) 0px 12px 13px, rgba(0, 0, 0, 0.09) 0px -3px 5px;
}
@media only screen and (max-width: 480px) {
  .torn-toaster-container .box {
    flex-direction: column;
    align-items: flex-start;
    gap: 6px;
    padding: 12px;
  }
}
.torn-toaster-container .box.success {
  background-color: #e6f9ea;
  border-color: #1f9f3c;
}
.torn-toaster-container .box.error {
  background-color: #ffe4e2;
  border-color: #d02e24;
  white-space: normal;
}
.torn-toaster-container .box.warning {
  background-color: #fef9ee;
  border-color: #f0c450;
}
.torn-toaster-container .box.info {
  background-color: #e4f0ff;
  border-color: #3074c1;
}
.torn-toaster-container .box .content {
  flex: 1;
  font-size: 18px;
  line-height: 24px;
  font-weight: 500;
}
@media only screen and (max-width: 480px) {
  .torn-toaster-container .box .content {
    font-size: 16px;
    line-height: 20px;
  }
}
.torn-toaster-container .box .button {
  flex: 0 0 fit-content;
  border: 1px solid #1a0c0c;
  border-radius: 50px;
  padding: 8px 12px;
  font-size: 14px;
  font-weight: 700;
  line-height: 14px;
}

#content {
  height: auto;
}

html {
  scroll-behavior: smooth;
}

.header-button {
  display: flex;
  border: 2px black solid;
  border-radius: 100px;
  height: 48px;
  padding: 12px 16px;
  align-items: center;
  background-color: white;
}
.header-button .icon {
  display: inline-block;
  width: 32px;
  height: 24px;
}
.header-button .text {
  font-family: "Sharp Grotesk", sans-serif;
  font-size: 18px;
}
.header-button span {
  margin-left: 6px;
}

@media screen and (max-width: 580px) {
  #header-button-store span {
    display: none;
  }
}
@media screen and (max-width: 1028px) {
  .button-container > #header-button > span {
    display: none;
  }
}.app-menu-container {
  opacity: 0;
  transition: all 0.3s ease-in-out;
  pointer-events: none;
  z-index: 20;
}
.app-menu-container.enter-done {
  opacity: 1;
  pointer-events: visible;
}
.app-menu-container.exit {
  opacity: 0;
}

.app-menu-backdrop {
  position: fixed;
  top: 3rem;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  background-color: rgba(0, 0, 0, 0.335);
  z-index: 20;
}
@media screen and (min-width: 1920px) {
  .app-menu-backdrop {
    top: 4rem;
  }
}
h1,
h1 *,
h2,
h2 *,
h3,
h3 * {
  font-family: "Sharp Grotesk", sans-serif;
  margin: 0 0 0.5407911001em;
}

* {
  font-family: "Geist", sans-serif;
}

/**
* Buttons: Bør flyttes til en egen fil med alt knapper.
* @see https://torn-team.atlassian.net/browse/TORN-1104
 */
button.disabled,
button:disabled,
input[type=button].disabled,
input[type=button]:disabled,
input[type=reset].disabled,
input[type=reset]:disabled,
input[type=submit].disabled,
input[type=submit]:disabled,
.button.disabled,
.button:disabled,
.wc-block-grid__products .wc-block-grid__product .wp-block-button__link.disabled,
.wc-block-grid__products .wc-block-grid__product .wp-block-button__link:disabled,
.added_to_cart.disabled,
.added_to_cart:disabled {
  opacity: 0.5 !important;
  cursor: not-allowed;
}

button,
input[type=button],
input[type=reset],
input[type=submit],
.button,
.wc-block-grid__products .wc-block-grid__product .wp-block-button__link,
.added_to_cart {
  cursor: pointer;
  text-shadow: none;
  -webkit-appearance: none;
  word-break: break-word;
}

body {
  background-color: #fbf9f3;
}
body.page-template-authentication {
  background-color: #fcfcfc;
}

a:focus,
button:focus,
.button.alt:focus,
input:focus,
textarea:focus,
input[type=button]:focus,
input[type=reset]:focus,
input[type=submit]:focus,
input[type=email]:focus,
input[type=tel]:focus,
input[type=number]:focus,
input[type=url]:focus,
input[type=password]:focus,
input[type=search]:focus {
  outline: none;
}

a,
a:visited {
  color: #1a0c0c;
}

.required label::after,
.required strong::after,
.required legend::after {
  content: " *";
  color: #ec562d;
}
.required .radio-field > label::after {
  content: "";
}

.widget .widget-title {
  font-size: 1em;
  font-weight: bold;
  color: #1a0c0c;
  border-bottom: none;
  margin-bottom: 0;
}

.widget_product_categories button {
  background-color: #f0c450;
  border-radius: 5px;
}
.widget_product_categories .submit-product-categories-wrapper {
  bottom: 10px;
}
.widget_product_categories.widget.woocommerce li .count {
  float: none;
}
.widget_product_categories .widget-title {
  position: relative;
  top: 80px;
}

.widget-area .widget_search input[type=search],
.widget-area .widget_product_search input[type=search] {
  border: 1px solid black;
  border-radius: 5px;
  padding: 0.7em 1.4em;
  background-color: #ffffff;
}
.widget-area .widget_search form::before,
.widget-area .widget_product_search form::before {
  left: unset;
  right: 1em;
}

.torn-product-category-search-form {
  position: relative;
  top: -40px;
}

.site-main {
  position: relative;
  display: flex;
  flex-flow: column;
}

.vendor-page .site-main {
  padding-top: 25px;
}

#colophon .storefront-handheld-footer-bar {
  display: none;
}

html,
body {
  height: 100%;
  line-height: 1;
  margin: 0;
  padding: 0;
  border: 0;
  vertical-align: baseline;
}

button,
input,
select,
textarea {
  font-size: 100%;
  margin: 0;
  line-height: 1.618;
  text-rendering: optimizeLegibility;
  font-weight: 400;
}

textarea {
  padding: 12px 16px;
  border-radius: 12px;
  width: 100%;
  margin-top: 12px;
  border: 1px solid #666666;
}

ol,
ul {
  overflow-wrap: break-word;
  padding: 0;
}

* {
  box-sizing: border-box;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
}

a {
  text-decoration: none;
}

.torn-hypertext {
  text-decoration: underline !important;
}

p {
  overflow-wrap: break-word;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
  display: block;
}

table {
  border-spacing: 0;
  width: 100%;
  margin: 0 0 1.41575em;
  border-collapse: separate;
}
table td,
table th {
  padding: 1em 1.41575em;
  text-align: left;
  vertical-align: top;
}

img {
  height: auto;
  max-width: 100%;
  display: block;
  border-radius: 3px;
}

/**
 * Theese should probably be placed in component files.
 */
input[type=checkbox],
input[type=radio] {
  min-height: 24px;
  min-width: 24px;
  width: 32px;
  height: 32px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  vertical-align: text-bottom !important;
  outline: 0;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  border: 1px solid #1a0c0c;
  background-color: white;
  flex-shrink: 0;
  cursor: pointer;
  background-size: 16px;
  margin-right: 6px;
}
input[type=checkbox]:checked, input[type=checkbox][checked=checked]:not(body.woocommerce-cart .gateway-selector ul li input[type=radio][checked=checked]),
input[type=radio]:checked,
input[type=radio][checked=checked]:not(body.woocommerce-cart .gateway-selector ul li input[type=radio][checked=checked]) {
  background-color: #1a0c0c !important;
}
input[type=checkbox]:hover,
input[type=radio]:hover {
  box-shadow: 0 0 0 1px #1a0c0c;
}

input[type=radio] {
  border-radius: 50px;
}

input[type=checkbox] {
  border-radius: 8px;
}

input[type=text],
input[type=password],
input[type=number],
input[type=email],
input[type=tel],
input[type=url],
select {
  border: 1px solid #666666;
  margin-top: 12px;
  border-radius: 12px;
  padding: 12px 16px;
  font-size: 18px;
  line-height: 24px;
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

input[type=text]:hover:not([disabled]),
input[type=password]:hover:not([disabled]),
input[type=number]:hover:not([disabled]),
input[type=email]:hover:not([disabled]),
input[type=tel]:hover:not([disabled]),
input[type=url]:hover:not([disabled]),
textarea:hover:not([disabled]),
select:hover:not([disabled]) {
  outline: 1px solid #0f0f0f;
}

input[type=text]:disabled,
input[type=password]:disabled,
input[type=number]:disabled,
input[type=email]:disabled,
input[type=tel]:disabled,
input[type=url]:disabled,
textarea:disabled,
select:disabled {
  outline: 1px solid #eeeeee;
}

input[type=text]:focus,
input[type=password]:focus,
input[type=number]:focus,
input[type=email]:focus,
input[type=tel]:focus,
input[type=url]:focus,
textarea:focus,
select:focus {
  outline-width: 2px;
}

label {
  display: block;
}

dd {
  margin: 0 0 1.618em;
}

dt {
  font-weight: 600;
}

.screen-reader-text {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  -webkit-clip-path: inset(50%);
  clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
  word-wrap: normal !important;
}

.description {
  font-family: "Geist", sans-serif !important;
  font-size: 11px !important;
  font-weight: 400 !important;
  line-height: 17px !important;
  color: #898280 !important;
  margin-top: 0.25rem;
  margin-bottom: 0;
}
@media screen and (min-width: 1920px) {
  .description {
    font-size: 16px !important;
    line-height: 24px !important;
  }
}

.warning-description {
  font-family: "Geist", sans-serif !important;
  font-size: 11px !important;
  font-weight: 400 !important;
  line-height: 17px !important;
  color: #f78502 !important;
  margin-top: 12px;
}
@media screen and (min-width: 1920px) {
  .warning-description {
    font-size: 16px !important;
    line-height: 24px !important;
  }
}

.error-description {
  font-family: "Geist", sans-serif !important;
  font-size: 11px !important;
  font-weight: 400 !important;
  line-height: 17px !important;
  color: #ec562d !important;
  margin-top: 12px;
}
@media screen and (min-width: 1920px) {
  .error-description {
    font-size: 16px !important;
    line-height: 24px !important;
  }
}

#user_switching_switch_on {
  background-color: white;
  padding: 2px 4px !important;
  border-radius: 8px;
}

.torn-modal-backdrop {
  z-index: 40;
}

.torn-modal-container {
  position: fixed;
  top: 33%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: none;
  z-index: 50;
  background-color: white;
  box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
  border-radius: 24px;
  padding: 2.5rem 2rem;
  width: auto;
  max-width: 80vw;
  max-width: 80dvw;
  max-height: 90vh;
  max-height: 90dvh;
  overflow: auto;
}
@media screen and (min-width: 900px) {
  .torn-modal-container {
    top: 50%;
    padding: 4rem 2rem;
  }
}
@media screen and (max-width: 600px) {
  .torn-modal-container {
    max-height: 95vh;
    max-width: 99vw;
    max-width: 99dvw;
  }
}
@media screen and (max-width: 600px) {
  .torn-modal-container.narrow {
    width: 100%;
  }
}
.torn-modal-container .modal-content .modal-body {
  margin-top: 2rem;
}
@media screen and (max-width: 768px) {
  .torn-modal-container .modal-content .modal-body {
    margin-top: 1em;
  }
}
.torn-modal-container .modal-content .modal-body button,
.torn-modal-container .modal-content .modal-body a.button {
  width: auto;
  margin-top: 2rem;
}
@media screen and (max-width: 768px) {
  .torn-modal-container .modal-content .modal-body button,
  .torn-modal-container .modal-content .modal-body a.button {
    margin-top: 1em;
  }
}
.torn-modal-container.medium {
  padding: 32px;
  width: 755px;
}
.torn-modal-container label {
  text-align: left;
  font-size: 17px;
  font-weight: 700;
}
@media screen and (min-width: 900px) {
  .torn-modal-container label {
    margin-bottom: 12px;
  }
}
.torn-modal-container td {
  padding: 0;
}
.torn-modal-container input[type=password],
.torn-modal-container input[type=number],
.torn-modal-container input[type=tel],
.torn-modal-container input[type=text],
.torn-modal-container input[type=email],
.torn-modal-container button {
  width: 100%;
}
@media screen and (min-width: 900px) {
  .torn-modal-container input[type=password],
  .torn-modal-container input[type=number],
  .torn-modal-container input[type=tel],
  .torn-modal-container input[type=text],
  .torn-modal-container input[type=email],
  .torn-modal-container button {
    margin-bottom: 24px;
  }
}
.torn-modal-container button {
  justify-content: center;
}
.torn-modal-container button.close {
  position: absolute;
  text-indent: -9999px;
  border: none;
  background-color: transparent;
  right: 1.875rem;
  top: 1.875rem;
  height: 2.5rem;
  width: 2.5rem;
  background-size: 1.25rem;
}
.torn-modal-container .modal-headline {
  font-family: "Sharp Grotesk", sans-serif;
  font-size: 18px;
  line-height: 30px;
  font-weight: 400;
  color: #1a0c0c;
  margin: 0;
  padding-right: 1.875rem;
}
@media screen and (min-width: 900px) {
  .torn-modal-container .modal-headline {
    padding-bottom: 16px;
  }
}
.torn-modal-container .separator {
  border-bottom: 1px solid #e4e1dc;
  text-align: center;
  margin-bottom: 2rem;
}
.torn-modal-container .separator .text {
  color: #727272;
  margin: 0 auto;
  background-color: white;
  padding: 0 13px;
  position: relative;
  top: 8px;
  font-size: 14px;
}

body.show-modal-backdrop .torn-modal-container {
  display: flex;
  flex-direction: column;
}

.torn-toaster-container {
  position: fixed;
  height: fit-content;
  bottom: -120px;
  width: 100%;
  z-index: 99;
  padding: 20px 80px 20px 20px;
  transition: bottom 500ms;
  background-color: rgba(0, 0, 0, 0);
}
.torn-toaster-container.active {
  bottom: 0px;
}
.torn-toaster-container .box {
  color: #1a0c0c;
  margin: 0 auto !important;
  height: fit-content;
  display: flex;
  align-items: center;
  max-width: 800px;
  border-radius: 12px;
  border: 1px solid #f0c450;
  padding: 16px 24px 16px 24px;
  box-shadow: rgba(0, 0, 0, 0.25) 0px 54px 55px, rgba(0, 0, 0, 0.12) 0px -12px 30px, rgba(0, 0, 0, 0.12) 0px 4px 6px, rgba(0, 0, 0, 0.17) 0px 12px 13px, rgba(0, 0, 0, 0.09) 0px -3px 5px;
}
@media only screen and (max-width: 480px) {
  .torn-toaster-container .box {
    flex-direction: column;
    align-items: flex-start;
    gap: 6px;
    padding: 12px;
  }
}
.torn-toaster-container .box.success {
  background-color: #e6f9ea;
  border-color: #1f9f3c;
}
.torn-toaster-container .box.error {
  background-color: #ffe4e2;
  border-color: #d02e24;
  white-space: normal;
}
.torn-toaster-container .box.warning {
  background-color: #fef9ee;
  border-color: #f0c450;
}
.torn-toaster-container .box.info {
  background-color: #e4f0ff;
  border-color: #3074c1;
}
.torn-toaster-container .box .content {
  flex: 1;
  font-size: 18px;
  line-height: 24px;
  font-weight: 500;
}
@media only screen and (max-width: 480px) {
  .torn-toaster-container .box .content {
    font-size: 16px;
    line-height: 20px;
  }
}
.torn-toaster-container .box .button {
  flex: 0 0 fit-content;
  border: 1px solid #1a0c0c;
  border-radius: 50px;
  padding: 8px 12px;
  font-size: 14px;
  font-weight: 700;
  line-height: 14px;
}

#content {
  height: auto;
}

html {
  scroll-behavior: smooth;
}

.app-menu {
  font-family: "Geist", sans-serif;
  font-size: 18px !important;
  font-weight: 400 !important;
  line-height: 21px !important;
  background-color: white;
  width: 25rem;
  height: 100%;
  padding-top: 24px;
  padding-bottom: 24px;
  font-size: 18px;
  text-align: left;
}
.app-menu ul {
  list-style: none;
  display: flex;
  flex-direction: column;
  margin: 0;
}
.app-menu section {
  margin-top: 42px;
}
.app-menu section:first-child {
  margin-top: 28px;
}
.app-menu section.bottom {
  margin-top: auto;
}
.app-menu li {
  margin: 0;
  display: block;
  color: #1a0c0c;
}
.app-menu li:last-child {
  border-bottom: none;
}
.app-menu li:hover {
  background-color: #ebebeb;
}
.app-menu li > * {
  display: flex;
  align-items: center;
  height: 100%;
  width: 414px;
  padding: 12px 24px;
  cursor: pointer;
  gap: 6px;
}
.app-menu li.disabled {
  display: none;
}
h1,
h1 *,
h2,
h2 *,
h3,
h3 * {
  font-family: "Sharp Grotesk", sans-serif;
  margin: 0 0 0.5407911001em;
}

* {
  font-family: "Geist", sans-serif;
}

/**
* Buttons: Bør flyttes til en egen fil med alt knapper.
* @see https://torn-team.atlassian.net/browse/TORN-1104
 */
button.disabled,
button:disabled,
input[type=button].disabled,
input[type=button]:disabled,
input[type=reset].disabled,
input[type=reset]:disabled,
input[type=submit].disabled,
input[type=submit]:disabled,
.button.disabled,
.button:disabled,
.wc-block-grid__products .wc-block-grid__product .wp-block-button__link.disabled,
.wc-block-grid__products .wc-block-grid__product .wp-block-button__link:disabled,
.added_to_cart.disabled,
.added_to_cart:disabled {
  opacity: 0.5 !important;
  cursor: not-allowed;
}

button,
input[type=button],
input[type=reset],
input[type=submit],
.button,
.wc-block-grid__products .wc-block-grid__product .wp-block-button__link,
.added_to_cart {
  cursor: pointer;
  text-shadow: none;
  -webkit-appearance: none;
  word-break: break-word;
}

body {
  background-color: #fbf9f3;
}
body.page-template-authentication {
  background-color: #fcfcfc;
}

a:focus,
button:focus,
.button.alt:focus,
input:focus,
textarea:focus,
input[type=button]:focus,
input[type=reset]:focus,
input[type=submit]:focus,
input[type=email]:focus,
input[type=tel]:focus,
input[type=number]:focus,
input[type=url]:focus,
input[type=password]:focus,
input[type=search]:focus {
  outline: none;
}

a,
a:visited {
  color: #1a0c0c;
}

.required label::after,
.required strong::after,
.required legend::after {
  content: " *";
  color: #ec562d;
}
.required .radio-field > label::after {
  content: "";
}

.widget .widget-title {
  font-size: 1em;
  font-weight: bold;
  color: #1a0c0c;
  border-bottom: none;
  margin-bottom: 0;
}

.widget_product_categories button {
  background-color: #f0c450;
  border-radius: 5px;
}
.widget_product_categories .submit-product-categories-wrapper {
  bottom: 10px;
}
.widget_product_categories.widget.woocommerce li .count {
  float: none;
}
.widget_product_categories .widget-title {
  position: relative;
  top: 80px;
}

.widget-area .widget_search input[type=search],
.widget-area .widget_product_search input[type=search] {
  border: 1px solid black;
  border-radius: 5px;
  padding: 0.7em 1.4em;
  background-color: #ffffff;
}
.widget-area .widget_search form::before,
.widget-area .widget_product_search form::before {
  left: unset;
  right: 1em;
}

.torn-product-category-search-form {
  position: relative;
  top: -40px;
}

.site-main {
  position: relative;
  display: flex;
  flex-flow: column;
}

.vendor-page .site-main {
  padding-top: 25px;
}

#colophon .storefront-handheld-footer-bar {
  display: none;
}

html,
body {
  height: 100%;
  line-height: 1;
  margin: 0;
  padding: 0;
  border: 0;
  vertical-align: baseline;
}

button,
input,
select,
textarea {
  font-size: 100%;
  margin: 0;
  line-height: 1.618;
  text-rendering: optimizeLegibility;
  font-weight: 400;
}

textarea {
  padding: 12px 16px;
  border-radius: 12px;
  width: 100%;
  margin-top: 12px;
  border: 1px solid #666666;
}

ol,
ul {
  overflow-wrap: break-word;
  padding: 0;
}

* {
  box-sizing: border-box;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
}

a {
  text-decoration: none;
}

.torn-hypertext {
  text-decoration: underline !important;
}

p {
  overflow-wrap: break-word;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
  display: block;
}

table {
  border-spacing: 0;
  width: 100%;
  margin: 0 0 1.41575em;
  border-collapse: separate;
}
table td,
table th {
  padding: 1em 1.41575em;
  text-align: left;
  vertical-align: top;
}

img {
  height: auto;
  max-width: 100%;
  display: block;
  border-radius: 3px;
}

/**
 * Theese should probably be placed in component files.
 */
input[type=checkbox],
input[type=radio] {
  min-height: 24px;
  min-width: 24px;
  width: 32px;
  height: 32px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  vertical-align: text-bottom !important;
  outline: 0;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  border: 1px solid #1a0c0c;
  background-color: white;
  flex-shrink: 0;
  cursor: pointer;
  background-size: 16px;
  margin-right: 6px;
}
input[type=checkbox]:checked, input[type=checkbox][checked=checked]:not(body.woocommerce-cart .gateway-selector ul li input[type=radio][checked=checked]),
input[type=radio]:checked,
input[type=radio][checked=checked]:not(body.woocommerce-cart .gateway-selector ul li input[type=radio][checked=checked]) {
  background-color: #1a0c0c !important;
}
input[type=checkbox]:hover,
input[type=radio]:hover {
  box-shadow: 0 0 0 1px #1a0c0c;
}

input[type=radio] {
  border-radius: 50px;
}

input[type=checkbox] {
  border-radius: 8px;
}

input[type=text],
input[type=password],
input[type=number],
input[type=email],
input[type=tel],
input[type=url],
select {
  border: 1px solid #666666;
  margin-top: 12px;
  border-radius: 12px;
  padding: 12px 16px;
  font-size: 18px;
  line-height: 24px;
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

input[type=text]:hover:not([disabled]),
input[type=password]:hover:not([disabled]),
input[type=number]:hover:not([disabled]),
input[type=email]:hover:not([disabled]),
input[type=tel]:hover:not([disabled]),
input[type=url]:hover:not([disabled]),
textarea:hover:not([disabled]),
select:hover:not([disabled]) {
  outline: 1px solid #0f0f0f;
}

input[type=text]:disabled,
input[type=password]:disabled,
input[type=number]:disabled,
input[type=email]:disabled,
input[type=tel]:disabled,
input[type=url]:disabled,
textarea:disabled,
select:disabled {
  outline: 1px solid #eeeeee;
}

input[type=text]:focus,
input[type=password]:focus,
input[type=number]:focus,
input[type=email]:focus,
input[type=tel]:focus,
input[type=url]:focus,
textarea:focus,
select:focus {
  outline-width: 2px;
}

label {
  display: block;
}

dd {
  margin: 0 0 1.618em;
}

dt {
  font-weight: 600;
}

.screen-reader-text {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  -webkit-clip-path: inset(50%);
  clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
  word-wrap: normal !important;
}

.description {
  font-family: "Geist", sans-serif !important;
  font-size: 11px !important;
  font-weight: 400 !important;
  line-height: 17px !important;
  color: #898280 !important;
  margin-top: 0.25rem;
  margin-bottom: 0;
}
@media screen and (min-width: 1920px) {
  .description {
    font-size: 16px !important;
    line-height: 24px !important;
  }
}

.warning-description {
  font-family: "Geist", sans-serif !important;
  font-size: 11px !important;
  font-weight: 400 !important;
  line-height: 17px !important;
  color: #f78502 !important;
  margin-top: 12px;
}
@media screen and (min-width: 1920px) {
  .warning-description {
    font-size: 16px !important;
    line-height: 24px !important;
  }
}

.error-description {
  font-family: "Geist", sans-serif !important;
  font-size: 11px !important;
  font-weight: 400 !important;
  line-height: 17px !important;
  color: #ec562d !important;
  margin-top: 12px;
}
@media screen and (min-width: 1920px) {
  .error-description {
    font-size: 16px !important;
    line-height: 24px !important;
  }
}

#user_switching_switch_on {
  background-color: white;
  padding: 2px 4px !important;
  border-radius: 8px;
}

.torn-modal-backdrop {
  z-index: 40;
}

.torn-modal-container {
  position: fixed;
  top: 33%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: none;
  z-index: 50;
  background-color: white;
  box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
  border-radius: 24px;
  padding: 2.5rem 2rem;
  width: auto;
  max-width: 80vw;
  max-width: 80dvw;
  max-height: 90vh;
  max-height: 90dvh;
  overflow: auto;
}
@media screen and (min-width: 900px) {
  .torn-modal-container {
    top: 50%;
    padding: 4rem 2rem;
  }
}
@media screen and (max-width: 600px) {
  .torn-modal-container {
    max-height: 95vh;
    max-width: 99vw;
    max-width: 99dvw;
  }
}
@media screen and (max-width: 600px) {
  .torn-modal-container.narrow {
    width: 100%;
  }
}
.torn-modal-container .modal-content .modal-body {
  margin-top: 2rem;
}
@media screen and (max-width: 768px) {
  .torn-modal-container .modal-content .modal-body {
    margin-top: 1em;
  }
}
.torn-modal-container .modal-content .modal-body button,
.torn-modal-container .modal-content .modal-body a.button {
  width: auto;
  margin-top: 2rem;
}
@media screen and (max-width: 768px) {
  .torn-modal-container .modal-content .modal-body button,
  .torn-modal-container .modal-content .modal-body a.button {
    margin-top: 1em;
  }
}
.torn-modal-container.medium {
  padding: 32px;
  width: 755px;
}
.torn-modal-container label {
  text-align: left;
  font-size: 17px;
  font-weight: 700;
}
@media screen and (min-width: 900px) {
  .torn-modal-container label {
    margin-bottom: 12px;
  }
}
.torn-modal-container td {
  padding: 0;
}
.torn-modal-container input[type=password],
.torn-modal-container input[type=number],
.torn-modal-container input[type=tel],
.torn-modal-container input[type=text],
.torn-modal-container input[type=email],
.torn-modal-container button {
  width: 100%;
}
@media screen and (min-width: 900px) {
  .torn-modal-container input[type=password],
  .torn-modal-container input[type=number],
  .torn-modal-container input[type=tel],
  .torn-modal-container input[type=text],
  .torn-modal-container input[type=email],
  .torn-modal-container button {
    margin-bottom: 24px;
  }
}
.torn-modal-container button {
  justify-content: center;
}
.torn-modal-container button.close {
  position: absolute;
  text-indent: -9999px;
  border: none;
  background-color: transparent;
  right: 1.875rem;
  top: 1.875rem;
  height: 2.5rem;
  width: 2.5rem;
  background-size: 1.25rem;
}
.torn-modal-container .modal-headline {
  font-family: "Sharp Grotesk", sans-serif;
  font-size: 18px;
  line-height: 30px;
  font-weight: 400;
  color: #1a0c0c;
  margin: 0;
  padding-right: 1.875rem;
}
@media screen and (min-width: 900px) {
  .torn-modal-container .modal-headline {
    padding-bottom: 16px;
  }
}
.torn-modal-container .separator {
  border-bottom: 1px solid #e4e1dc;
  text-align: center;
  margin-bottom: 2rem;
}
.torn-modal-container .separator .text {
  color: #727272;
  margin: 0 auto;
  background-color: white;
  padding: 0 13px;
  position: relative;
  top: 8px;
  font-size: 14px;
}

body.show-modal-backdrop .torn-modal-container {
  display: flex;
  flex-direction: column;
}

.torn-toaster-container {
  position: fixed;
  height: fit-content;
  bottom: -120px;
  width: 100%;
  z-index: 99;
  padding: 20px 80px 20px 20px;
  transition: bottom 500ms;
  background-color: rgba(0, 0, 0, 0);
}
.torn-toaster-container.active {
  bottom: 0px;
}
.torn-toaster-container .box {
  color: #1a0c0c;
  margin: 0 auto !important;
  height: fit-content;
  display: flex;
  align-items: center;
  max-width: 800px;
  border-radius: 12px;
  border: 1px solid #f0c450;
  padding: 16px 24px 16px 24px;
  box-shadow: rgba(0, 0, 0, 0.25) 0px 54px 55px, rgba(0, 0, 0, 0.12) 0px -12px 30px, rgba(0, 0, 0, 0.12) 0px 4px 6px, rgba(0, 0, 0, 0.17) 0px 12px 13px, rgba(0, 0, 0, 0.09) 0px -3px 5px;
}
@media only screen and (max-width: 480px) {
  .torn-toaster-container .box {
    flex-direction: column;
    align-items: flex-start;
    gap: 6px;
    padding: 12px;
  }
}
.torn-toaster-container .box.success {
  background-color: #e6f9ea;
  border-color: #1f9f3c;
}
.torn-toaster-container .box.error {
  background-color: #ffe4e2;
  border-color: #d02e24;
  white-space: normal;
}
.torn-toaster-container .box.warning {
  background-color: #fef9ee;
  border-color: #f0c450;
}
.torn-toaster-container .box.info {
  background-color: #e4f0ff;
  border-color: #3074c1;
}
.torn-toaster-container .box .content {
  flex: 1;
  font-size: 18px;
  line-height: 24px;
  font-weight: 500;
}
@media only screen and (max-width: 480px) {
  .torn-toaster-container .box .content {
    font-size: 16px;
    line-height: 20px;
  }
}
.torn-toaster-container .box .button {
  flex: 0 0 fit-content;
  border: 1px solid #1a0c0c;
  border-radius: 50px;
  padding: 8px 12px;
  font-size: 14px;
  font-weight: 700;
  line-height: 14px;
}

#content {
  height: auto;
}

html {
  scroll-behavior: smooth;
}

.staffs-page-container {
  width: auto;
  height: auto;
  display: flex;
  flex-flow: column;
  align-items: flex-start;
}
.staffs-page-container .mobile-staff-page {
  display: none;
}
.staffs-page-container .top-page-container {
  margin: 1.25rem 0 2rem 0;
  width: 100%;
}
.staffs-page-container .top-page-container .info-items-container {
  display: flex;
  justify-content: space-between;
}
.staffs-page-container .top-page-container .info-items-container h1 {
  font-family: "Sharp Grotesk", sans-serif;
  font-size: 26px !important;
  font-weight: 500;
  line-height: 28px;
}
@media screen and (min-width: 1920px) {
  .staffs-page-container .top-page-container .info-items-container h1 {
    font-size: 32px !important;
    line-height: 32px;
  }
}
.staffs-page-container .top-page-container .info-items-container .info-paragraph p {
  max-width: 250px;
  font-family: "Geist", sans-serif;
  font-size: 10px !important;
  font-weight: 400 !important;
  line-height: 15px !important;
}
@media screen and (min-width: 1920px) {
  .staffs-page-container .top-page-container .info-items-container .info-paragraph p {
    font-size: 14px !important;
    line-height: 21px !important;
  }
}
.staffs-page-container .top-page-container .info-items-container .subscription-services-container {
  display: flex;
  flex-direction: column;
  row-gap: 8px;
}
.staffs-page-container .top-page-container .info-items-container .subscription-services-container .services-container {
  display: flex;
  column-gap: 8px;
}
.staffs-page-container .top-page-container .info-items-container .subscription-services-container .subsriptions-heading {
  font-size: 14px;
  line-height: 18px;
  letter-spacing: 0em;
}
.staffs-page-container .table-container {
  width: 100%;
}
.staffs-page-container .table-container::-webkit-scrollbar {
  display: none; /* for Chrome, Safari, and Opera */
}
.staffs-page-container .table-container .table-header-panel {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.staffs-page-container .table-container .table-header-panel .right-side {
  width: auto;
  display: flex;
}
.staffs-page-container .table-container .table-header-panel .right-side button {
  margin-left: 1rem;
  line-height: 0;
}
.staffs-page-container .table-container .pagination {
  background-color: #fbf9f3;
}
.staffs-page-container .table-container .pagination .nav-buttons,
.staffs-page-container .table-container .pagination .pagesize-selector {
  display: none;
}
@media only screen and (max-width: 580px) {
  .staffs-page-container {
    height: 100vh;
    max-height: 100%;
    height: 100dvh;
  }
  .staffs-page-container .top-page-container,
  .staffs-page-container .table-container {
    display: none;
  }
  .staffs-page-container .mobile-staff-page {
    display: flex;
    flex-direction: column;
    width: 100%;
  }
  .staffs-page-container .mobile-staff-page .button-container {
    display: flex;
    justify-content: flex-end;
  }
  .staffs-page-container .mobile-staff-page .mobile-staff-counter {
    margin-bottom: 2rem;
    width: 100%;
    display: flex;
    justify-content: center;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0em;
  }
  .staffs-page-container .mobile-staff-page .mobile-staff-container {
    margin: 2rem 0 1rem 0;
    border-top: 1px solid #747476;
    border-bottom: 1px solid #747476;
  }
  .staffs-page-container .mobile-staff-page .mobile-staff-container .mobile-staff {
    padding: 1.5rem 1rem;
    display: flex;
    flex-direction: column;
    row-gap: 16px;
  }
  .staffs-page-container .mobile-staff-page .mobile-staff-container .mobile-staff:nth-of-type(odd) {
    background-color: #f9f9f9;
  }
  .staffs-page-container .mobile-staff-page .mobile-staff-container .mobile-staff:nth-of-type(even) {
    background-color: #ffffff;
  }
  .staffs-page-container .mobile-staff-page .mobile-staff-container .mobile-staff .mobile-staff-field {
    display: grid;
    row-gap: 16px;
    grid-template-columns: 1fr 1fr;
    font-size: 14px;
    line-height: 14px;
    letter-spacing: 0em;
  }
  .staffs-page-container .mobile-staff-page .mobile-staff-container .mobile-staff .mobile-staff-field .mobile-staff-field__label {
    font-weight: 700;
  }
  .staffs-page-container .mobile-staff-page .mobile-staff-container .mobile-staff .mobile-staff-field .mobile-staff-field__value {
    justify-self: flex-start;
  }
  .staffs-page-container .mobile-staff-page .mobile-staff-container .mobile-staff .mobile-staff-field__action-buttons {
    display: flex;
    flex-direction: row-reverse;
    justify-content: flex-end;
    column-gap: 16px;
    margin-top: 8px;
  }
  .staffs-page-container .mobile-staff-page .mobile-staff-container .mobile-staff .mobile-staff-field__action-buttons button {
    font-size: 14px;
    font-weight: 700;
    line-height: 16px;
    letter-spacing: 0em;
  }
}
h1,
h1 *,
h2,
h2 *,
h3,
h3 * {
  font-family: "Sharp Grotesk", sans-serif;
  margin: 0 0 0.5407911001em;
}

* {
  font-family: "Geist", sans-serif;
}

/**
* Buttons: Bør flyttes til en egen fil med alt knapper.
* @see https://torn-team.atlassian.net/browse/TORN-1104
 */
button.disabled,
button:disabled,
input[type=button].disabled,
input[type=button]:disabled,
input[type=reset].disabled,
input[type=reset]:disabled,
input[type=submit].disabled,
input[type=submit]:disabled,
.button.disabled,
.button:disabled,
.wc-block-grid__products .wc-block-grid__product .wp-block-button__link.disabled,
.wc-block-grid__products .wc-block-grid__product .wp-block-button__link:disabled,
.added_to_cart.disabled,
.added_to_cart:disabled {
  opacity: 0.5 !important;
  cursor: not-allowed;
}

button,
input[type=button],
input[type=reset],
input[type=submit],
.button,
.wc-block-grid__products .wc-block-grid__product .wp-block-button__link,
.added_to_cart {
  cursor: pointer;
  text-shadow: none;
  -webkit-appearance: none;
  word-break: break-word;
}

body {
  background-color: #fbf9f3;
}
body.page-template-authentication {
  background-color: #fcfcfc;
}

a:focus,
button:focus,
.button.alt:focus,
input:focus,
textarea:focus,
input[type=button]:focus,
input[type=reset]:focus,
input[type=submit]:focus,
input[type=email]:focus,
input[type=tel]:focus,
input[type=number]:focus,
input[type=url]:focus,
input[type=password]:focus,
input[type=search]:focus {
  outline: none;
}

a,
a:visited {
  color: #1a0c0c;
}

.required label::after,
.required strong::after,
.required legend::after {
  content: " *";
  color: #ec562d;
}
.required .radio-field > label::after {
  content: "";
}

.widget .widget-title {
  font-size: 1em;
  font-weight: bold;
  color: #1a0c0c;
  border-bottom: none;
  margin-bottom: 0;
}

.widget_product_categories button {
  background-color: #f0c450;
  border-radius: 5px;
}
.widget_product_categories .submit-product-categories-wrapper {
  bottom: 10px;
}
.widget_product_categories.widget.woocommerce li .count {
  float: none;
}
.widget_product_categories .widget-title {
  position: relative;
  top: 80px;
}

.widget-area .widget_search input[type=search],
.widget-area .widget_product_search input[type=search] {
  border: 1px solid black;
  border-radius: 5px;
  padding: 0.7em 1.4em;
  background-color: #ffffff;
}
.widget-area .widget_search form::before,
.widget-area .widget_product_search form::before {
  left: unset;
  right: 1em;
}

.torn-product-category-search-form {
  position: relative;
  top: -40px;
}

.site-main {
  position: relative;
  display: flex;
  flex-flow: column;
}

.vendor-page .site-main {
  padding-top: 25px;
}

#colophon .storefront-handheld-footer-bar {
  display: none;
}

html,
body {
  height: 100%;
  line-height: 1;
  margin: 0;
  padding: 0;
  border: 0;
  vertical-align: baseline;
}

button,
input,
select,
textarea {
  font-size: 100%;
  margin: 0;
  line-height: 1.618;
  text-rendering: optimizeLegibility;
  font-weight: 400;
}

textarea {
  padding: 12px 16px;
  border-radius: 12px;
  width: 100%;
  margin-top: 12px;
  border: 1px solid #666666;
}

ol,
ul {
  overflow-wrap: break-word;
  padding: 0;
}

* {
  box-sizing: border-box;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
}

a {
  text-decoration: none;
}

.torn-hypertext {
  text-decoration: underline !important;
}

p {
  overflow-wrap: break-word;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
  display: block;
}

table {
  border-spacing: 0;
  width: 100%;
  margin: 0 0 1.41575em;
  border-collapse: separate;
}
table td,
table th {
  padding: 1em 1.41575em;
  text-align: left;
  vertical-align: top;
}

img {
  height: auto;
  max-width: 100%;
  display: block;
  border-radius: 3px;
}

/**
 * Theese should probably be placed in component files.
 */
input[type=checkbox],
input[type=radio] {
  min-height: 24px;
  min-width: 24px;
  width: 32px;
  height: 32px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  vertical-align: text-bottom !important;
  outline: 0;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  border: 1px solid #1a0c0c;
  background-color: white;
  flex-shrink: 0;
  cursor: pointer;
  background-size: 16px;
  margin-right: 6px;
}
input[type=checkbox]:checked, input[type=checkbox][checked=checked]:not(body.woocommerce-cart .gateway-selector ul li input[type=radio][checked=checked]),
input[type=radio]:checked,
input[type=radio][checked=checked]:not(body.woocommerce-cart .gateway-selector ul li input[type=radio][checked=checked]) {
  background-color: #1a0c0c !important;
}
input[type=checkbox]:hover,
input[type=radio]:hover {
  box-shadow: 0 0 0 1px #1a0c0c;
}

input[type=radio] {
  border-radius: 50px;
}

input[type=checkbox] {
  border-radius: 8px;
}

input[type=text],
input[type=password],
input[type=number],
input[type=email],
input[type=tel],
input[type=url],
select {
  border: 1px solid #666666;
  margin-top: 12px;
  border-radius: 12px;
  padding: 12px 16px;
  font-size: 18px;
  line-height: 24px;
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

input[type=text]:hover:not([disabled]),
input[type=password]:hover:not([disabled]),
input[type=number]:hover:not([disabled]),
input[type=email]:hover:not([disabled]),
input[type=tel]:hover:not([disabled]),
input[type=url]:hover:not([disabled]),
textarea:hover:not([disabled]),
select:hover:not([disabled]) {
  outline: 1px solid #0f0f0f;
}

input[type=text]:disabled,
input[type=password]:disabled,
input[type=number]:disabled,
input[type=email]:disabled,
input[type=tel]:disabled,
input[type=url]:disabled,
textarea:disabled,
select:disabled {
  outline: 1px solid #eeeeee;
}

input[type=text]:focus,
input[type=password]:focus,
input[type=number]:focus,
input[type=email]:focus,
input[type=tel]:focus,
input[type=url]:focus,
textarea:focus,
select:focus {
  outline-width: 2px;
}

label {
  display: block;
}

dd {
  margin: 0 0 1.618em;
}

dt {
  font-weight: 600;
}

.screen-reader-text {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  -webkit-clip-path: inset(50%);
  clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
  word-wrap: normal !important;
}

.description {
  font-family: "Geist", sans-serif !important;
  font-size: 11px !important;
  font-weight: 400 !important;
  line-height: 17px !important;
  color: #898280 !important;
  margin-top: 0.25rem;
  margin-bottom: 0;
}
@media screen and (min-width: 1920px) {
  .description {
    font-size: 16px !important;
    line-height: 24px !important;
  }
}

.warning-description {
  font-family: "Geist", sans-serif !important;
  font-size: 11px !important;
  font-weight: 400 !important;
  line-height: 17px !important;
  color: #f78502 !important;
  margin-top: 12px;
}
@media screen and (min-width: 1920px) {
  .warning-description {
    font-size: 16px !important;
    line-height: 24px !important;
  }
}

.error-description {
  font-family: "Geist", sans-serif !important;
  font-size: 11px !important;
  font-weight: 400 !important;
  line-height: 17px !important;
  color: #ec562d !important;
  margin-top: 12px;
}
@media screen and (min-width: 1920px) {
  .error-description {
    font-size: 16px !important;
    line-height: 24px !important;
  }
}

#user_switching_switch_on {
  background-color: white;
  padding: 2px 4px !important;
  border-radius: 8px;
}

.torn-modal-backdrop {
  z-index: 40;
}

.torn-modal-container {
  position: fixed;
  top: 33%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: none;
  z-index: 50;
  background-color: white;
  box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
  border-radius: 24px;
  padding: 2.5rem 2rem;
  width: auto;
  max-width: 80vw;
  max-width: 80dvw;
  max-height: 90vh;
  max-height: 90dvh;
  overflow: auto;
}
@media screen and (min-width: 900px) {
  .torn-modal-container {
    top: 50%;
    padding: 4rem 2rem;
  }
}
@media screen and (max-width: 600px) {
  .torn-modal-container {
    max-height: 95vh;
    max-width: 99vw;
    max-width: 99dvw;
  }
}
@media screen and (max-width: 600px) {
  .torn-modal-container.narrow {
    width: 100%;
  }
}
.torn-modal-container .modal-content .modal-body {
  margin-top: 2rem;
}
@media screen and (max-width: 768px) {
  .torn-modal-container .modal-content .modal-body {
    margin-top: 1em;
  }
}
.torn-modal-container .modal-content .modal-body button,
.torn-modal-container .modal-content .modal-body a.button {
  width: auto;
  margin-top: 2rem;
}
@media screen and (max-width: 768px) {
  .torn-modal-container .modal-content .modal-body button,
  .torn-modal-container .modal-content .modal-body a.button {
    margin-top: 1em;
  }
}
.torn-modal-container.medium {
  padding: 32px;
  width: 755px;
}
.torn-modal-container label {
  text-align: left;
  font-size: 17px;
  font-weight: 700;
}
@media screen and (min-width: 900px) {
  .torn-modal-container label {
    margin-bottom: 12px;
  }
}
.torn-modal-container td {
  padding: 0;
}
.torn-modal-container input[type=password],
.torn-modal-container input[type=number],
.torn-modal-container input[type=tel],
.torn-modal-container input[type=text],
.torn-modal-container input[type=email],
.torn-modal-container button {
  width: 100%;
}
@media screen and (min-width: 900px) {
  .torn-modal-container input[type=password],
  .torn-modal-container input[type=number],
  .torn-modal-container input[type=tel],
  .torn-modal-container input[type=text],
  .torn-modal-container input[type=email],
  .torn-modal-container button {
    margin-bottom: 24px;
  }
}
.torn-modal-container button {
  justify-content: center;
}
.torn-modal-container button.close {
  position: absolute;
  text-indent: -9999px;
  border: none;
  background-color: transparent;
  right: 1.875rem;
  top: 1.875rem;
  height: 2.5rem;
  width: 2.5rem;
  background-size: 1.25rem;
}
.torn-modal-container .modal-headline {
  font-family: "Sharp Grotesk", sans-serif;
  font-size: 18px;
  line-height: 30px;
  font-weight: 400;
  color: #1a0c0c;
  margin: 0;
  padding-right: 1.875rem;
}
@media screen and (min-width: 900px) {
  .torn-modal-container .modal-headline {
    padding-bottom: 16px;
  }
}
.torn-modal-container .separator {
  border-bottom: 1px solid #e4e1dc;
  text-align: center;
  margin-bottom: 2rem;
}
.torn-modal-container .separator .text {
  color: #727272;
  margin: 0 auto;
  background-color: white;
  padding: 0 13px;
  position: relative;
  top: 8px;
  font-size: 14px;
}

body.show-modal-backdrop .torn-modal-container {
  display: flex;
  flex-direction: column;
}

.torn-toaster-container {
  position: fixed;
  height: fit-content;
  bottom: -120px;
  width: 100%;
  z-index: 99;
  padding: 20px 80px 20px 20px;
  transition: bottom 500ms;
  background-color: rgba(0, 0, 0, 0);
}
.torn-toaster-container.active {
  bottom: 0px;
}
.torn-toaster-container .box {
  color: #1a0c0c;
  margin: 0 auto !important;
  height: fit-content;
  display: flex;
  align-items: center;
  max-width: 800px;
  border-radius: 12px;
  border: 1px solid #f0c450;
  padding: 16px 24px 16px 24px;
  box-shadow: rgba(0, 0, 0, 0.25) 0px 54px 55px, rgba(0, 0, 0, 0.12) 0px -12px 30px, rgba(0, 0, 0, 0.12) 0px 4px 6px, rgba(0, 0, 0, 0.17) 0px 12px 13px, rgba(0, 0, 0, 0.09) 0px -3px 5px;
}
@media only screen and (max-width: 480px) {
  .torn-toaster-container .box {
    flex-direction: column;
    align-items: flex-start;
    gap: 6px;
    padding: 12px;
  }
}
.torn-toaster-container .box.success {
  background-color: #e6f9ea;
  border-color: #1f9f3c;
}
.torn-toaster-container .box.error {
  background-color: #ffe4e2;
  border-color: #d02e24;
  white-space: normal;
}
.torn-toaster-container .box.warning {
  background-color: #fef9ee;
  border-color: #f0c450;
}
.torn-toaster-container .box.info {
  background-color: #e4f0ff;
  border-color: #3074c1;
}
.torn-toaster-container .box .content {
  flex: 1;
  font-size: 18px;
  line-height: 24px;
  font-weight: 500;
}
@media only screen and (max-width: 480px) {
  .torn-toaster-container .box .content {
    font-size: 16px;
    line-height: 20px;
  }
}
.torn-toaster-container .box .button {
  flex: 0 0 fit-content;
  border: 1px solid #1a0c0c;
  border-radius: 50px;
  padding: 8px 12px;
  font-size: 14px;
  font-weight: 700;
  line-height: 14px;
}

#content {
  height: auto;
}

html {
  scroll-behavior: smooth;
}

.text-cell-container {
  display: flex;
  align-items: center;
  width: inherit;
  height: 100%;
}
.text-cell-container div.has-refund {
  text-decoration: line-through;
}
.text-cell-container span {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  width: inherit;
}
.text-cell-container span span {
  font-family: "Geist", sans-serif;
  font-size: 8.4px !important;
  font-weight: 400 !important;
  line-height: 12.6px !important;
  color: #898280;
  white-space: nowrap;
}
@media screen and (min-width: 1920px) {
  .text-cell-container span span {
    font-size: 12px !important;
    line-height: 18px !important;
  }
}
h1,
h1 *,
h2,
h2 *,
h3,
h3 * {
  font-family: "Sharp Grotesk", sans-serif;
  margin: 0 0 0.5407911001em;
}

* {
  font-family: "Geist", sans-serif;
}

/**
* Buttons: Bør flyttes til en egen fil med alt knapper.
* @see https://torn-team.atlassian.net/browse/TORN-1104
 */
button.disabled,
button:disabled,
input[type=button].disabled,
input[type=button]:disabled,
input[type=reset].disabled,
input[type=reset]:disabled,
input[type=submit].disabled,
input[type=submit]:disabled,
.button.disabled,
.button:disabled,
.wc-block-grid__products .wc-block-grid__product .wp-block-button__link.disabled,
.wc-block-grid__products .wc-block-grid__product .wp-block-button__link:disabled,
.added_to_cart.disabled,
.added_to_cart:disabled {
  opacity: 0.5 !important;
  cursor: not-allowed;
}

button,
input[type=button],
input[type=reset],
input[type=submit],
.button,
.wc-block-grid__products .wc-block-grid__product .wp-block-button__link,
.added_to_cart {
  cursor: pointer;
  text-shadow: none;
  -webkit-appearance: none;
  word-break: break-word;
}

body {
  background-color: #fbf9f3;
}
body.page-template-authentication {
  background-color: #fcfcfc;
}

a:focus,
button:focus,
.button.alt:focus,
input:focus,
textarea:focus,
input[type=button]:focus,
input[type=reset]:focus,
input[type=submit]:focus,
input[type=email]:focus,
input[type=tel]:focus,
input[type=number]:focus,
input[type=url]:focus,
input[type=password]:focus,
input[type=search]:focus {
  outline: none;
}

a,
a:visited {
  color: #1a0c0c;
}

.required label::after,
.required strong::after,
.required legend::after {
  content: " *";
  color: #ec562d;
}
.required .radio-field > label::after {
  content: "";
}

.widget .widget-title {
  font-size: 1em;
  font-weight: bold;
  color: #1a0c0c;
  border-bottom: none;
  margin-bottom: 0;
}

.widget_product_categories button {
  background-color: #f0c450;
  border-radius: 5px;
}
.widget_product_categories .submit-product-categories-wrapper {
  bottom: 10px;
}
.widget_product_categories.widget.woocommerce li .count {
  float: none;
}
.widget_product_categories .widget-title {
  position: relative;
  top: 80px;
}

.widget-area .widget_search input[type=search],
.widget-area .widget_product_search input[type=search] {
  border: 1px solid black;
  border-radius: 5px;
  padding: 0.7em 1.4em;
  background-color: #ffffff;
}
.widget-area .widget_search form::before,
.widget-area .widget_product_search form::before {
  left: unset;
  right: 1em;
}

.torn-product-category-search-form {
  position: relative;
  top: -40px;
}

.site-main {
  position: relative;
  display: flex;
  flex-flow: column;
}

.vendor-page .site-main {
  padding-top: 25px;
}

#colophon .storefront-handheld-footer-bar {
  display: none;
}

html,
body {
  height: 100%;
  line-height: 1;
  margin: 0;
  padding: 0;
  border: 0;
  vertical-align: baseline;
}

button,
input,
select,
textarea {
  font-size: 100%;
  margin: 0;
  line-height: 1.618;
  text-rendering: optimizeLegibility;
  font-weight: 400;
}

textarea {
  padding: 12px 16px;
  border-radius: 12px;
  width: 100%;
  margin-top: 12px;
  border: 1px solid #666666;
}

ol,
ul {
  overflow-wrap: break-word;
  padding: 0;
}

* {
  box-sizing: border-box;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
}

a {
  text-decoration: none;
}

.torn-hypertext {
  text-decoration: underline !important;
}

p {
  overflow-wrap: break-word;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
  display: block;
}

table {
  border-spacing: 0;
  width: 100%;
  margin: 0 0 1.41575em;
  border-collapse: separate;
}
table td,
table th {
  padding: 1em 1.41575em;
  text-align: left;
  vertical-align: top;
}

img {
  height: auto;
  max-width: 100%;
  display: block;
  border-radius: 3px;
}

/**
 * Theese should probably be placed in component files.
 */
input[type=checkbox],
input[type=radio] {
  min-height: 24px;
  min-width: 24px;
  width: 32px;
  height: 32px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  vertical-align: text-bottom !important;
  outline: 0;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  border: 1px solid #1a0c0c;
  background-color: white;
  flex-shrink: 0;
  cursor: pointer;
  background-size: 16px;
  margin-right: 6px;
}
input[type=checkbox]:checked, input[type=checkbox][checked=checked]:not(body.woocommerce-cart .gateway-selector ul li input[type=radio][checked=checked]),
input[type=radio]:checked,
input[type=radio][checked=checked]:not(body.woocommerce-cart .gateway-selector ul li input[type=radio][checked=checked]) {
  background-color: #1a0c0c !important;
}
input[type=checkbox]:hover,
input[type=radio]:hover {
  box-shadow: 0 0 0 1px #1a0c0c;
}

input[type=radio] {
  border-radius: 50px;
}

input[type=checkbox] {
  border-radius: 8px;
}

input[type=text],
input[type=password],
input[type=number],
input[type=email],
input[type=tel],
input[type=url],
select {
  border: 1px solid #666666;
  margin-top: 12px;
  border-radius: 12px;
  padding: 12px 16px;
  font-size: 18px;
  line-height: 24px;
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

input[type=text]:hover:not([disabled]),
input[type=password]:hover:not([disabled]),
input[type=number]:hover:not([disabled]),
input[type=email]:hover:not([disabled]),
input[type=tel]:hover:not([disabled]),
input[type=url]:hover:not([disabled]),
textarea:hover:not([disabled]),
select:hover:not([disabled]) {
  outline: 1px solid #0f0f0f;
}

input[type=text]:disabled,
input[type=password]:disabled,
input[type=number]:disabled,
input[type=email]:disabled,
input[type=tel]:disabled,
input[type=url]:disabled,
textarea:disabled,
select:disabled {
  outline: 1px solid #eeeeee;
}

input[type=text]:focus,
input[type=password]:focus,
input[type=number]:focus,
input[type=email]:focus,
input[type=tel]:focus,
input[type=url]:focus,
textarea:focus,
select:focus {
  outline-width: 2px;
}

label {
  display: block;
}

dd {
  margin: 0 0 1.618em;
}

dt {
  font-weight: 600;
}

.screen-reader-text {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  -webkit-clip-path: inset(50%);
  clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
  word-wrap: normal !important;
}

.description {
  font-family: "Geist", sans-serif !important;
  font-size: 11px !important;
  font-weight: 400 !important;
  line-height: 17px !important;
  color: #898280 !important;
  margin-top: 0.25rem;
  margin-bottom: 0;
}
@media screen and (min-width: 1920px) {
  .description {
    font-size: 16px !important;
    line-height: 24px !important;
  }
}

.warning-description {
  font-family: "Geist", sans-serif !important;
  font-size: 11px !important;
  font-weight: 400 !important;
  line-height: 17px !important;
  color: #f78502 !important;
  margin-top: 12px;
}
@media screen and (min-width: 1920px) {
  .warning-description {
    font-size: 16px !important;
    line-height: 24px !important;
  }
}

.error-description {
  font-family: "Geist", sans-serif !important;
  font-size: 11px !important;
  font-weight: 400 !important;
  line-height: 17px !important;
  color: #ec562d !important;
  margin-top: 12px;
}
@media screen and (min-width: 1920px) {
  .error-description {
    font-size: 16px !important;
    line-height: 24px !important;
  }
}

#user_switching_switch_on {
  background-color: white;
  padding: 2px 4px !important;
  border-radius: 8px;
}

.torn-modal-backdrop {
  z-index: 40;
}

.torn-modal-container {
  position: fixed;
  top: 33%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: none;
  z-index: 50;
  background-color: white;
  box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
  border-radius: 24px;
  padding: 2.5rem 2rem;
  width: auto;
  max-width: 80vw;
  max-width: 80dvw;
  max-height: 90vh;
  max-height: 90dvh;
  overflow: auto;
}
@media screen and (min-width: 900px) {
  .torn-modal-container {
    top: 50%;
    padding: 4rem 2rem;
  }
}
@media screen and (max-width: 600px) {
  .torn-modal-container {
    max-height: 95vh;
    max-width: 99vw;
    max-width: 99dvw;
  }
}
@media screen and (max-width: 600px) {
  .torn-modal-container.narrow {
    width: 100%;
  }
}
.torn-modal-container .modal-content .modal-body {
  margin-top: 2rem;
}
@media screen and (max-width: 768px) {
  .torn-modal-container .modal-content .modal-body {
    margin-top: 1em;
  }
}
.torn-modal-container .modal-content .modal-body button,
.torn-modal-container .modal-content .modal-body a.button {
  width: auto;
  margin-top: 2rem;
}
@media screen and (max-width: 768px) {
  .torn-modal-container .modal-content .modal-body button,
  .torn-modal-container .modal-content .modal-body a.button {
    margin-top: 1em;
  }
}
.torn-modal-container.medium {
  padding: 32px;
  width: 755px;
}
.torn-modal-container label {
  text-align: left;
  font-size: 17px;
  font-weight: 700;
}
@media screen and (min-width: 900px) {
  .torn-modal-container label {
    margin-bottom: 12px;
  }
}
.torn-modal-container td {
  padding: 0;
}
.torn-modal-container input[type=password],
.torn-modal-container input[type=number],
.torn-modal-container input[type=tel],
.torn-modal-container input[type=text],
.torn-modal-container input[type=email],
.torn-modal-container button {
  width: 100%;
}
@media screen and (min-width: 900px) {
  .torn-modal-container input[type=password],
  .torn-modal-container input[type=number],
  .torn-modal-container input[type=tel],
  .torn-modal-container input[type=text],
  .torn-modal-container input[type=email],
  .torn-modal-container button {
    margin-bottom: 24px;
  }
}
.torn-modal-container button {
  justify-content: center;
}
.torn-modal-container button.close {
  position: absolute;
  text-indent: -9999px;
  border: none;
  background-color: transparent;
  right: 1.875rem;
  top: 1.875rem;
  height: 2.5rem;
  width: 2.5rem;
  background-size: 1.25rem;
}
.torn-modal-container .modal-headline {
  font-family: "Sharp Grotesk", sans-serif;
  font-size: 18px;
  line-height: 30px;
  font-weight: 400;
  color: #1a0c0c;
  margin: 0;
  padding-right: 1.875rem;
}
@media screen and (min-width: 900px) {
  .torn-modal-container .modal-headline {
    padding-bottom: 16px;
  }
}
.torn-modal-container .separator {
  border-bottom: 1px solid #e4e1dc;
  text-align: center;
  margin-bottom: 2rem;
}
.torn-modal-container .separator .text {
  color: #727272;
  margin: 0 auto;
  background-color: white;
  padding: 0 13px;
  position: relative;
  top: 8px;
  font-size: 14px;
}

body.show-modal-backdrop .torn-modal-container {
  display: flex;
  flex-direction: column;
}

.torn-toaster-container {
  position: fixed;
  height: fit-content;
  bottom: -120px;
  width: 100%;
  z-index: 99;
  padding: 20px 80px 20px 20px;
  transition: bottom 500ms;
  background-color: rgba(0, 0, 0, 0);
}
.torn-toaster-container.active {
  bottom: 0px;
}
.torn-toaster-container .box {
  color: #1a0c0c;
  margin: 0 auto !important;
  height: fit-content;
  display: flex;
  align-items: center;
  max-width: 800px;
  border-radius: 12px;
  border: 1px solid #f0c450;
  padding: 16px 24px 16px 24px;
  box-shadow: rgba(0, 0, 0, 0.25) 0px 54px 55px, rgba(0, 0, 0, 0.12) 0px -12px 30px, rgba(0, 0, 0, 0.12) 0px 4px 6px, rgba(0, 0, 0, 0.17) 0px 12px 13px, rgba(0, 0, 0, 0.09) 0px -3px 5px;
}
@media only screen and (max-width: 480px) {
  .torn-toaster-container .box {
    flex-direction: column;
    align-items: flex-start;
    gap: 6px;
    padding: 12px;
  }
}
.torn-toaster-container .box.success {
  background-color: #e6f9ea;
  border-color: #1f9f3c;
}
.torn-toaster-container .box.error {
  background-color: #ffe4e2;
  border-color: #d02e24;
  white-space: normal;
}
.torn-toaster-container .box.warning {
  background-color: #fef9ee;
  border-color: #f0c450;
}
.torn-toaster-container .box.info {
  background-color: #e4f0ff;
  border-color: #3074c1;
}
.torn-toaster-container .box .content {
  flex: 1;
  font-size: 18px;
  line-height: 24px;
  font-weight: 500;
}
@media only screen and (max-width: 480px) {
  .torn-toaster-container .box .content {
    font-size: 16px;
    line-height: 20px;
  }
}
.torn-toaster-container .box .button {
  flex: 0 0 fit-content;
  border: 1px solid #1a0c0c;
  border-radius: 50px;
  padding: 8px 12px;
  font-size: 14px;
  font-weight: 700;
  line-height: 14px;
}

#content {
  height: auto;
}

html {
  scroll-behavior: smooth;
}

.table-header-panel {
  display: flex;
}
.table-header-panel .right-side {
  width: 100%;
}
.table-header-panel .right-side .table-header-content {
  height: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  column-gap: 0.15rem;
  padding: 0 0 0 2rem;
}
.table-header-panel .right-side .table-header-content .radio-field label {
  font-family: "Geist", sans-serif !important;
  font-size: 11px !important;
  font-weight: 400 !important;
  line-height: 17px !important;
}
@media screen and (min-width: 1920px) {
  .table-header-panel .right-side .table-header-content .radio-field label {
    font-size: 16px !important;
    line-height: 24px !important;
  }
}
.table-header-panel .right-side .table-header-content .radio-field input {
  width: 1.5rem;
  height: 1.5rem;
}
.table-header-panel .right-side .table-header-content div {
  height: 100%;
  display: flex;
  align-items: center;
  column-gap: 0.5rem;
}
.table-header-panel .right-side .table-header-content div:not(:first-child) {
  column-gap: 1.5rem;
  height: 100%;
}
.table-header-panel .right-side .table-header-content div:not(:first-child) button {
  height: 100%;
  line-height: 0px;
}
.table-header-panel .right-side .table-header-content div .fieldset-buttons > .radio-field > #is-deviation-radio-button {
  margin-left: 3.5rem;
}
.table-header-panel .right-side .table-header-content .select-container {
  margin: 0;
  display: flex;
  align-items: center;
}
.table-header-panel .right-side .table-header-content .select-container select {
  font-family: "Geist", sans-serif;
  font-size: 12.5px !important;
  font-weight: 500 !important;
  line-height: 17px !important;
  padding: 0.5rem 3ch 0.5rem 0.5rem;
  margin: 0;
  width: 10rem;
}
@media screen and (min-width: 1920px) {
  .table-header-panel .right-side .table-header-content .select-container select {
    font-size: 18px !important;
    line-height: 24px !important;
  }
}
.table-header-panel .right-side .table-header-content .select-container .select-icon {
  margin: 0;
  top: 8%;
}
.table-header-panel .right-side .table-header-content .select-container .select-icon svg {
  fill: inherit;
}
.table-header-panel .right-side .table-header-content .checkbox-field label {
  font-family: "Geist", sans-serif;
  font-size: 12.5px !important;
  font-weight: 400 !important;
  line-height: 17px !important;
}
@media screen and (min-width: 1920px) {
  .table-header-panel .right-side .table-header-content .checkbox-field label {
    font-size: 18px !important;
    line-height: 26px !important;
  }
}
.table-header-panel .right-side .table-header-content .checkbox-field input {
  height: 1.75rem;
  width: 1.75rem;
}
@media screen and (min-width: 1920px) {
  .table-header-panel .right-side .table-header-content .select-container select {
    padding: 0.7rem 3ch 0.7rem 0.7rem;
    width: 14rem;
  }
  .table-header-panel .right-side .table-header-content .select-container .select-icon {
    top: 24%;
  }
  .table-header-panel .right-side .table-header-content .checkbox-field input {
    height: 2rem;
    width: 2rem;
  }
}
h1,
h1 *,
h2,
h2 *,
h3,
h3 * {
  font-family: "Sharp Grotesk", sans-serif;
  margin: 0 0 0.5407911001em;
}

* {
  font-family: "Geist", sans-serif;
}

/**
* Buttons: Bør flyttes til en egen fil med alt knapper.
* @see https://torn-team.atlassian.net/browse/TORN-1104
 */
button.disabled,
button:disabled,
input[type=button].disabled,
input[type=button]:disabled,
input[type=reset].disabled,
input[type=reset]:disabled,
input[type=submit].disabled,
input[type=submit]:disabled,
.button.disabled,
.button:disabled,
.wc-block-grid__products .wc-block-grid__product .wp-block-button__link.disabled,
.wc-block-grid__products .wc-block-grid__product .wp-block-button__link:disabled,
.added_to_cart.disabled,
.added_to_cart:disabled {
  opacity: 0.5 !important;
  cursor: not-allowed;
}

button,
input[type=button],
input[type=reset],
input[type=submit],
.button,
.wc-block-grid__products .wc-block-grid__product .wp-block-button__link,
.added_to_cart {
  cursor: pointer;
  text-shadow: none;
  -webkit-appearance: none;
  word-break: break-word;
}

body {
  background-color: #fbf9f3;
}
body.page-template-authentication {
  background-color: #fcfcfc;
}

a:focus,
button:focus,
.button.alt:focus,
input:focus,
textarea:focus,
input[type=button]:focus,
input[type=reset]:focus,
input[type=submit]:focus,
input[type=email]:focus,
input[type=tel]:focus,
input[type=number]:focus,
input[type=url]:focus,
input[type=password]:focus,
input[type=search]:focus {
  outline: none;
}

a,
a:visited {
  color: #1a0c0c;
}

.required label::after,
.required strong::after,
.required legend::after {
  content: " *";
  color: #ec562d;
}
.required .radio-field > label::after {
  content: "";
}

.widget .widget-title {
  font-size: 1em;
  font-weight: bold;
  color: #1a0c0c;
  border-bottom: none;
  margin-bottom: 0;
}

.widget_product_categories button {
  background-color: #f0c450;
  border-radius: 5px;
}
.widget_product_categories .submit-product-categories-wrapper {
  bottom: 10px;
}
.widget_product_categories.widget.woocommerce li .count {
  float: none;
}
.widget_product_categories .widget-title {
  position: relative;
  top: 80px;
}

.widget-area .widget_search input[type=search],
.widget-area .widget_product_search input[type=search] {
  border: 1px solid black;
  border-radius: 5px;
  padding: 0.7em 1.4em;
  background-color: #ffffff;
}
.widget-area .widget_search form::before,
.widget-area .widget_product_search form::before {
  left: unset;
  right: 1em;
}

.torn-product-category-search-form {
  position: relative;
  top: -40px;
}

.site-main {
  position: relative;
  display: flex;
  flex-flow: column;
}

.vendor-page .site-main {
  padding-top: 25px;
}

#colophon .storefront-handheld-footer-bar {
  display: none;
}

html,
body {
  height: 100%;
  line-height: 1;
  margin: 0;
  padding: 0;
  border: 0;
  vertical-align: baseline;
}

button,
input,
select,
textarea {
  font-size: 100%;
  margin: 0;
  line-height: 1.618;
  text-rendering: optimizeLegibility;
  font-weight: 400;
}

textarea {
  padding: 12px 16px;
  border-radius: 12px;
  width: 100%;
  margin-top: 12px;
  border: 1px solid #666666;
}

ol,
ul {
  overflow-wrap: break-word;
  padding: 0;
}

* {
  box-sizing: border-box;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
}

a {
  text-decoration: none;
}

.torn-hypertext {
  text-decoration: underline !important;
}

p {
  overflow-wrap: break-word;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
  display: block;
}

table {
  border-spacing: 0;
  width: 100%;
  margin: 0 0 1.41575em;
  border-collapse: separate;
}
table td,
table th {
  padding: 1em 1.41575em;
  text-align: left;
  vertical-align: top;
}

img {
  height: auto;
  max-width: 100%;
  display: block;
  border-radius: 3px;
}

/**
 * Theese should probably be placed in component files.
 */
input[type=checkbox],
input[type=radio] {
  min-height: 24px;
  min-width: 24px;
  width: 32px;
  height: 32px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  vertical-align: text-bottom !important;
  outline: 0;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  border: 1px solid #1a0c0c;
  background-color: white;
  flex-shrink: 0;
  cursor: pointer;
  background-size: 16px;
  margin-right: 6px;
}
input[type=checkbox]:checked, input[type=checkbox][checked=checked]:not(body.woocommerce-cart .gateway-selector ul li input[type=radio][checked=checked]),
input[type=radio]:checked,
input[type=radio][checked=checked]:not(body.woocommerce-cart .gateway-selector ul li input[type=radio][checked=checked]) {
  background-color: #1a0c0c !important;
}
input[type=checkbox]:hover,
input[type=radio]:hover {
  box-shadow: 0 0 0 1px #1a0c0c;
}

input[type=radio] {
  border-radius: 50px;
}

input[type=checkbox] {
  border-radius: 8px;
}

input[type=text],
input[type=password],
input[type=number],
input[type=email],
input[type=tel],
input[type=url],
select {
  border: 1px solid #666666;
  margin-top: 12px;
  border-radius: 12px;
  padding: 12px 16px;
  font-size: 18px;
  line-height: 24px;
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

input[type=text]:hover:not([disabled]),
input[type=password]:hover:not([disabled]),
input[type=number]:hover:not([disabled]),
input[type=email]:hover:not([disabled]),
input[type=tel]:hover:not([disabled]),
input[type=url]:hover:not([disabled]),
textarea:hover:not([disabled]),
select:hover:not([disabled]) {
  outline: 1px solid #0f0f0f;
}

input[type=text]:disabled,
input[type=password]:disabled,
input[type=number]:disabled,
input[type=email]:disabled,
input[type=tel]:disabled,
input[type=url]:disabled,
textarea:disabled,
select:disabled {
  outline: 1px solid #eeeeee;
}

input[type=text]:focus,
input[type=password]:focus,
input[type=number]:focus,
input[type=email]:focus,
input[type=tel]:focus,
input[type=url]:focus,
textarea:focus,
select:focus {
  outline-width: 2px;
}

label {
  display: block;
}

dd {
  margin: 0 0 1.618em;
}

dt {
  font-weight: 600;
}

.screen-reader-text {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  -webkit-clip-path: inset(50%);
  clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
  word-wrap: normal !important;
}

.description {
  font-family: "Geist", sans-serif !important;
  font-size: 11px !important;
  font-weight: 400 !important;
  line-height: 17px !important;
  color: #898280 !important;
  margin-top: 0.25rem;
  margin-bottom: 0;
}
@media screen and (min-width: 1920px) {
  .description {
    font-size: 16px !important;
    line-height: 24px !important;
  }
}

.warning-description {
  font-family: "Geist", sans-serif !important;
  font-size: 11px !important;
  font-weight: 400 !important;
  line-height: 17px !important;
  color: #f78502 !important;
  margin-top: 12px;
}
@media screen and (min-width: 1920px) {
  .warning-description {
    font-size: 16px !important;
    line-height: 24px !important;
  }
}

.error-description {
  font-family: "Geist", sans-serif !important;
  font-size: 11px !important;
  font-weight: 400 !important;
  line-height: 17px !important;
  color: #ec562d !important;
  margin-top: 12px;
}
@media screen and (min-width: 1920px) {
  .error-description {
    font-size: 16px !important;
    line-height: 24px !important;
  }
}

#user_switching_switch_on {
  background-color: white;
  padding: 2px 4px !important;
  border-radius: 8px;
}

.torn-modal-backdrop {
  z-index: 40;
}

.torn-modal-container {
  position: fixed;
  top: 33%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: none;
  z-index: 50;
  background-color: white;
  box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
  border-radius: 24px;
  padding: 2.5rem 2rem;
  width: auto;
  max-width: 80vw;
  max-width: 80dvw;
  max-height: 90vh;
  max-height: 90dvh;
  overflow: auto;
}
@media screen and (min-width: 900px) {
  .torn-modal-container {
    top: 50%;
    padding: 4rem 2rem;
  }
}
@media screen and (max-width: 600px) {
  .torn-modal-container {
    max-height: 95vh;
    max-width: 99vw;
    max-width: 99dvw;
  }
}
@media screen and (max-width: 600px) {
  .torn-modal-container.narrow {
    width: 100%;
  }
}
.torn-modal-container .modal-content .modal-body {
  margin-top: 2rem;
}
@media screen and (max-width: 768px) {
  .torn-modal-container .modal-content .modal-body {
    margin-top: 1em;
  }
}
.torn-modal-container .modal-content .modal-body button,
.torn-modal-container .modal-content .modal-body a.button {
  width: auto;
  margin-top: 2rem;
}
@media screen and (max-width: 768px) {
  .torn-modal-container .modal-content .modal-body button,
  .torn-modal-container .modal-content .modal-body a.button {
    margin-top: 1em;
  }
}
.torn-modal-container.medium {
  padding: 32px;
  width: 755px;
}
.torn-modal-container label {
  text-align: left;
  font-size: 17px;
  font-weight: 700;
}
@media screen and (min-width: 900px) {
  .torn-modal-container label {
    margin-bottom: 12px;
  }
}
.torn-modal-container td {
  padding: 0;
}
.torn-modal-container input[type=password],
.torn-modal-container input[type=number],
.torn-modal-container input[type=tel],
.torn-modal-container input[type=text],
.torn-modal-container input[type=email],
.torn-modal-container button {
  width: 100%;
}
@media screen and (min-width: 900px) {
  .torn-modal-container input[type=password],
  .torn-modal-container input[type=number],
  .torn-modal-container input[type=tel],
  .torn-modal-container input[type=text],
  .torn-modal-container input[type=email],
  .torn-modal-container button {
    margin-bottom: 24px;
  }
}
.torn-modal-container button {
  justify-content: center;
}
.torn-modal-container button.close {
  position: absolute;
  text-indent: -9999px;
  border: none;
  background-color: transparent;
  right: 1.875rem;
  top: 1.875rem;
  height: 2.5rem;
  width: 2.5rem;
  background-size: 1.25rem;
}
.torn-modal-container .modal-headline {
  font-family: "Sharp Grotesk", sans-serif;
  font-size: 18px;
  line-height: 30px;
  font-weight: 400;
  color: #1a0c0c;
  margin: 0;
  padding-right: 1.875rem;
}
@media screen and (min-width: 900px) {
  .torn-modal-container .modal-headline {
    padding-bottom: 16px;
  }
}
.torn-modal-container .separator {
  border-bottom: 1px solid #e4e1dc;
  text-align: center;
  margin-bottom: 2rem;
}
.torn-modal-container .separator .text {
  color: #727272;
  margin: 0 auto;
  background-color: white;
  padding: 0 13px;
  position: relative;
  top: 8px;
  font-size: 14px;
}

body.show-modal-backdrop .torn-modal-container {
  display: flex;
  flex-direction: column;
}

.torn-toaster-container {
  position: fixed;
  height: fit-content;
  bottom: -120px;
  width: 100%;
  z-index: 99;
  padding: 20px 80px 20px 20px;
  transition: bottom 500ms;
  background-color: rgba(0, 0, 0, 0);
}
.torn-toaster-container.active {
  bottom: 0px;
}
.torn-toaster-container .box {
  color: #1a0c0c;
  margin: 0 auto !important;
  height: fit-content;
  display: flex;
  align-items: center;
  max-width: 800px;
  border-radius: 12px;
  border: 1px solid #f0c450;
  padding: 16px 24px 16px 24px;
  box-shadow: rgba(0, 0, 0, 0.25) 0px 54px 55px, rgba(0, 0, 0, 0.12) 0px -12px 30px, rgba(0, 0, 0, 0.12) 0px 4px 6px, rgba(0, 0, 0, 0.17) 0px 12px 13px, rgba(0, 0, 0, 0.09) 0px -3px 5px;
}
@media only screen and (max-width: 480px) {
  .torn-toaster-container .box {
    flex-direction: column;
    align-items: flex-start;
    gap: 6px;
    padding: 12px;
  }
}
.torn-toaster-container .box.success {
  background-color: #e6f9ea;
  border-color: #1f9f3c;
}
.torn-toaster-container .box.error {
  background-color: #ffe4e2;
  border-color: #d02e24;
  white-space: normal;
}
.torn-toaster-container .box.warning {
  background-color: #fef9ee;
  border-color: #f0c450;
}
.torn-toaster-container .box.info {
  background-color: #e4f0ff;
  border-color: #3074c1;
}
.torn-toaster-container .box .content {
  flex: 1;
  font-size: 18px;
  line-height: 24px;
  font-weight: 500;
}
@media only screen and (max-width: 480px) {
  .torn-toaster-container .box .content {
    font-size: 16px;
    line-height: 20px;
  }
}
.torn-toaster-container .box .button {
  flex: 0 0 fit-content;
  border: 1px solid #1a0c0c;
  border-radius: 50px;
  padding: 8px 12px;
  font-size: 14px;
  font-weight: 700;
  line-height: 14px;
}

#content {
  height: auto;
}

html {
  scroll-behavior: smooth;
}

.debounced-input-container {
  display: flex;
  align-items: center;
  position: relative;
}
.debounced-input-container input {
  font-family: "Geist", sans-serif;
  font-size: 12.5px !important;
  font-weight: 400 !important;
  line-height: 17px !important;
  padding: 0.5rem 3ch 0.5rem 0.5rem !important;
}
@media screen and (min-width: 1920px) {
  .debounced-input-container input {
    font-size: 18px !important;
    line-height: 26px !important;
  }
}
.debounced-input-container svg {
  fill: #1a0c0c !important;
  position: absolute;
  right: 1rem;
  width: 1rem;
  height: 1rem;
}
.debounced-input-container.active svg {
  cursor: pointer;
}
@media screen and (min-width: 1920px) {
  .debounced-input-container input {
    padding: 0.7rem 3ch 0.7rem 0.7rem !important;
  }
  .debounced-input-container svg {
    width: 1.5rem;
    height: 1.5rem;
  }
}.delete-staff-modal-content {
  width: 24rem;
  text-align: center;
  line-height: 150%;
  padding: 3rem;
}

.delete-staff-modal-buttons {
  margin-top: 2rem;
  display: flex;
  justify-content: center;
  align-items: center;
  column-gap: 1rem;
}
h1,
h1 *,
h2,
h2 *,
h3,
h3 * {
  font-family: "Sharp Grotesk", sans-serif;
  margin: 0 0 0.5407911001em;
}

* {
  font-family: "Geist", sans-serif;
}

/**
* Buttons: Bør flyttes til en egen fil med alt knapper.
* @see https://torn-team.atlassian.net/browse/TORN-1104
 */
button.disabled,
button:disabled,
input[type=button].disabled,
input[type=button]:disabled,
input[type=reset].disabled,
input[type=reset]:disabled,
input[type=submit].disabled,
input[type=submit]:disabled,
.button.disabled,
.button:disabled,
.wc-block-grid__products .wc-block-grid__product .wp-block-button__link.disabled,
.wc-block-grid__products .wc-block-grid__product .wp-block-button__link:disabled,
.added_to_cart.disabled,
.added_to_cart:disabled {
  opacity: 0.5 !important;
  cursor: not-allowed;
}

button,
input[type=button],
input[type=reset],
input[type=submit],
.button,
.wc-block-grid__products .wc-block-grid__product .wp-block-button__link,
.added_to_cart {
  cursor: pointer;
  text-shadow: none;
  -webkit-appearance: none;
  word-break: break-word;
}

body {
  background-color: #fbf9f3;
}
body.page-template-authentication {
  background-color: #fcfcfc;
}

a:focus,
button:focus,
.button.alt:focus,
input:focus,
textarea:focus,
input[type=button]:focus,
input[type=reset]:focus,
input[type=submit]:focus,
input[type=email]:focus,
input[type=tel]:focus,
input[type=number]:focus,
input[type=url]:focus,
input[type=password]:focus,
input[type=search]:focus {
  outline: none;
}

a,
a:visited {
  color: #1a0c0c;
}

.required label::after,
.required strong::after,
.required legend::after {
  content: " *";
  color: #ec562d;
}
.required .radio-field > label::after {
  content: "";
}

.widget .widget-title {
  font-size: 1em;
  font-weight: bold;
  color: #1a0c0c;
  border-bottom: none;
  margin-bottom: 0;
}

.widget_product_categories button {
  background-color: #f0c450;
  border-radius: 5px;
}
.widget_product_categories .submit-product-categories-wrapper {
  bottom: 10px;
}
.widget_product_categories.widget.woocommerce li .count {
  float: none;
}
.widget_product_categories .widget-title {
  position: relative;
  top: 80px;
}

.widget-area .widget_search input[type=search],
.widget-area .widget_product_search input[type=search] {
  border: 1px solid black;
  border-radius: 5px;
  padding: 0.7em 1.4em;
  background-color: #ffffff;
}
.widget-area .widget_search form::before,
.widget-area .widget_product_search form::before {
  left: unset;
  right: 1em;
}

.torn-product-category-search-form {
  position: relative;
  top: -40px;
}

.site-main {
  position: relative;
  display: flex;
  flex-flow: column;
}

.vendor-page .site-main {
  padding-top: 25px;
}

#colophon .storefront-handheld-footer-bar {
  display: none;
}

html,
body {
  height: 100%;
  line-height: 1;
  margin: 0;
  padding: 0;
  border: 0;
  vertical-align: baseline;
}

button,
input,
select,
textarea {
  font-size: 100%;
  margin: 0;
  line-height: 1.618;
  text-rendering: optimizeLegibility;
  font-weight: 400;
}

textarea {
  padding: 12px 16px;
  border-radius: 12px;
  width: 100%;
  margin-top: 12px;
  border: 1px solid #666666;
}

ol,
ul {
  overflow-wrap: break-word;
  padding: 0;
}

* {
  box-sizing: border-box;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
}

a {
  text-decoration: none;
}

.torn-hypertext {
  text-decoration: underline !important;
}

p {
  overflow-wrap: break-word;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
  display: block;
}

table {
  border-spacing: 0;
  width: 100%;
  margin: 0 0 1.41575em;
  border-collapse: separate;
}
table td,
table th {
  padding: 1em 1.41575em;
  text-align: left;
  vertical-align: top;
}

img {
  height: auto;
  max-width: 100%;
  display: block;
  border-radius: 3px;
}

/**
 * Theese should probably be placed in component files.
 */
input[type=checkbox],
input[type=radio] {
  min-height: 24px;
  min-width: 24px;
  width: 32px;
  height: 32px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  vertical-align: text-bottom !important;
  outline: 0;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  border: 1px solid #1a0c0c;
  background-color: white;
  flex-shrink: 0;
  cursor: pointer;
  background-size: 16px;
  margin-right: 6px;
}
input[type=checkbox]:checked, input[type=checkbox][checked=checked]:not(body.woocommerce-cart .gateway-selector ul li input[type=radio][checked=checked]),
input[type=radio]:checked,
input[type=radio][checked=checked]:not(body.woocommerce-cart .gateway-selector ul li input[type=radio][checked=checked]) {
  background-color: #1a0c0c !important;
}
input[type=checkbox]:hover,
input[type=radio]:hover {
  box-shadow: 0 0 0 1px #1a0c0c;
}

input[type=radio] {
  border-radius: 50px;
}

input[type=checkbox] {
  border-radius: 8px;
}

input[type=text],
input[type=password],
input[type=number],
input[type=email],
input[type=tel],
input[type=url],
select {
  border: 1px solid #666666;
  margin-top: 12px;
  border-radius: 12px;
  padding: 12px 16px;
  font-size: 18px;
  line-height: 24px;
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

input[type=text]:hover:not([disabled]),
input[type=password]:hover:not([disabled]),
input[type=number]:hover:not([disabled]),
input[type=email]:hover:not([disabled]),
input[type=tel]:hover:not([disabled]),
input[type=url]:hover:not([disabled]),
textarea:hover:not([disabled]),
select:hover:not([disabled]) {
  outline: 1px solid #0f0f0f;
}

input[type=text]:disabled,
input[type=password]:disabled,
input[type=number]:disabled,
input[type=email]:disabled,
input[type=tel]:disabled,
input[type=url]:disabled,
textarea:disabled,
select:disabled {
  outline: 1px solid #eeeeee;
}

input[type=text]:focus,
input[type=password]:focus,
input[type=number]:focus,
input[type=email]:focus,
input[type=tel]:focus,
input[type=url]:focus,
textarea:focus,
select:focus {
  outline-width: 2px;
}

label {
  display: block;
}

dd {
  margin: 0 0 1.618em;
}

dt {
  font-weight: 600;
}

.screen-reader-text {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  -webkit-clip-path: inset(50%);
  clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
  word-wrap: normal !important;
}

.description {
  font-family: "Geist", sans-serif !important;
  font-size: 11px !important;
  font-weight: 400 !important;
  line-height: 17px !important;
  color: #898280 !important;
  margin-top: 0.25rem;
  margin-bottom: 0;
}
@media screen and (min-width: 1920px) {
  .description {
    font-size: 16px !important;
    line-height: 24px !important;
  }
}

.warning-description {
  font-family: "Geist", sans-serif !important;
  font-size: 11px !important;
  font-weight: 400 !important;
  line-height: 17px !important;
  color: #f78502 !important;
  margin-top: 12px;
}
@media screen and (min-width: 1920px) {
  .warning-description {
    font-size: 16px !important;
    line-height: 24px !important;
  }
}

.error-description {
  font-family: "Geist", sans-serif !important;
  font-size: 11px !important;
  font-weight: 400 !important;
  line-height: 17px !important;
  color: #ec562d !important;
  margin-top: 12px;
}
@media screen and (min-width: 1920px) {
  .error-description {
    font-size: 16px !important;
    line-height: 24px !important;
  }
}

#user_switching_switch_on {
  background-color: white;
  padding: 2px 4px !important;
  border-radius: 8px;
}

.torn-modal-backdrop {
  z-index: 40;
}

.torn-modal-container {
  position: fixed;
  top: 33%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: none;
  z-index: 50;
  background-color: white;
  box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
  border-radius: 24px;
  padding: 2.5rem 2rem;
  width: auto;
  max-width: 80vw;
  max-width: 80dvw;
  max-height: 90vh;
  max-height: 90dvh;
  overflow: auto;
}
@media screen and (min-width: 900px) {
  .torn-modal-container {
    top: 50%;
    padding: 4rem 2rem;
  }
}
@media screen and (max-width: 600px) {
  .torn-modal-container {
    max-height: 95vh;
    max-width: 99vw;
    max-width: 99dvw;
  }
}
@media screen and (max-width: 600px) {
  .torn-modal-container.narrow {
    width: 100%;
  }
}
.torn-modal-container .modal-content .modal-body {
  margin-top: 2rem;
}
@media screen and (max-width: 768px) {
  .torn-modal-container .modal-content .modal-body {
    margin-top: 1em;
  }
}
.torn-modal-container .modal-content .modal-body button,
.torn-modal-container .modal-content .modal-body a.button {
  width: auto;
  margin-top: 2rem;
}
@media screen and (max-width: 768px) {
  .torn-modal-container .modal-content .modal-body button,
  .torn-modal-container .modal-content .modal-body a.button {
    margin-top: 1em;
  }
}
.torn-modal-container.medium {
  padding: 32px;
  width: 755px;
}
.torn-modal-container label {
  text-align: left;
  font-size: 17px;
  font-weight: 700;
}
@media screen and (min-width: 900px) {
  .torn-modal-container label {
    margin-bottom: 12px;
  }
}
.torn-modal-container td {
  padding: 0;
}
.torn-modal-container input[type=password],
.torn-modal-container input[type=number],
.torn-modal-container input[type=tel],
.torn-modal-container input[type=text],
.torn-modal-container input[type=email],
.torn-modal-container button {
  width: 100%;
}
@media screen and (min-width: 900px) {
  .torn-modal-container input[type=password],
  .torn-modal-container input[type=number],
  .torn-modal-container input[type=tel],
  .torn-modal-container input[type=text],
  .torn-modal-container input[type=email],
  .torn-modal-container button {
    margin-bottom: 24px;
  }
}
.torn-modal-container button {
  justify-content: center;
}
.torn-modal-container button.close {
  position: absolute;
  text-indent: -9999px;
  border: none;
  background-color: transparent;
  right: 1.875rem;
  top: 1.875rem;
  height: 2.5rem;
  width: 2.5rem;
  background-size: 1.25rem;
}
.torn-modal-container .modal-headline {
  font-family: "Sharp Grotesk", sans-serif;
  font-size: 18px;
  line-height: 30px;
  font-weight: 400;
  color: #1a0c0c;
  margin: 0;
  padding-right: 1.875rem;
}
@media screen and (min-width: 900px) {
  .torn-modal-container .modal-headline {
    padding-bottom: 16px;
  }
}
.torn-modal-container .separator {
  border-bottom: 1px solid #e4e1dc;
  text-align: center;
  margin-bottom: 2rem;
}
.torn-modal-container .separator .text {
  color: #727272;
  margin: 0 auto;
  background-color: white;
  padding: 0 13px;
  position: relative;
  top: 8px;
  font-size: 14px;
}

body.show-modal-backdrop .torn-modal-container {
  display: flex;
  flex-direction: column;
}

.torn-toaster-container {
  position: fixed;
  height: fit-content;
  bottom: -120px;
  width: 100%;
  z-index: 99;
  padding: 20px 80px 20px 20px;
  transition: bottom 500ms;
  background-color: rgba(0, 0, 0, 0);
}
.torn-toaster-container.active {
  bottom: 0px;
}
.torn-toaster-container .box {
  color: #1a0c0c;
  margin: 0 auto !important;
  height: fit-content;
  display: flex;
  align-items: center;
  max-width: 800px;
  border-radius: 12px;
  border: 1px solid #f0c450;
  padding: 16px 24px 16px 24px;
  box-shadow: rgba(0, 0, 0, 0.25) 0px 54px 55px, rgba(0, 0, 0, 0.12) 0px -12px 30px, rgba(0, 0, 0, 0.12) 0px 4px 6px, rgba(0, 0, 0, 0.17) 0px 12px 13px, rgba(0, 0, 0, 0.09) 0px -3px 5px;
}
@media only screen and (max-width: 480px) {
  .torn-toaster-container .box {
    flex-direction: column;
    align-items: flex-start;
    gap: 6px;
    padding: 12px;
  }
}
.torn-toaster-container .box.success {
  background-color: #e6f9ea;
  border-color: #1f9f3c;
}
.torn-toaster-container .box.error {
  background-color: #ffe4e2;
  border-color: #d02e24;
  white-space: normal;
}
.torn-toaster-container .box.warning {
  background-color: #fef9ee;
  border-color: #f0c450;
}
.torn-toaster-container .box.info {
  background-color: #e4f0ff;
  border-color: #3074c1;
}
.torn-toaster-container .box .content {
  flex: 1;
  font-size: 18px;
  line-height: 24px;
  font-weight: 500;
}
@media only screen and (max-width: 480px) {
  .torn-toaster-container .box .content {
    font-size: 16px;
    line-height: 20px;
  }
}
.torn-toaster-container .box .button {
  flex: 0 0 fit-content;
  border: 1px solid #1a0c0c;
  border-radius: 50px;
  padding: 8px 12px;
  font-size: 14px;
  font-weight: 700;
  line-height: 14px;
}

#content {
  height: auto;
}

html {
  scroll-behavior: smooth;
}

.staff-form {
  display: flex;
  flex-flow: column;
  align-items: center;
  justify-content: flex-start;
  padding: 3rem;
}
@media only screen and (max-width: 580px) {
  .staff-form {
    margin: -2rem 0;
    padding: 3rem 2rem;
  }
}
.staff-form .field {
  margin-top: 20px;
}
.staff-form .error-description {
  margin-bottom: 0;
}
.staff-form .text-field {
  width: 100%;
}
.staff-form .subscription-services-alerts {
  display: flex;
  flex-direction: column;
  row-gap: 8px;
  margin-top: 20px;
  width: 100%;
}
.staff-form .subscription-services-alerts .subscription-service-header > div {
  font-weight: bold !important;
}
.staff-form .subscription-services-alerts > * {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
}
.staff-form .subscription-services-alerts > * input {
  margin-right: 0;
  width: 24px;
  height: 24px;
}
.staff-form .subscription-services-alerts > * input:disabled {
  border-color: rgba(112, 112, 112, 0.4);
}
.staff-form .subscription-services-alerts > * div {
  font-family: "Geist", sans-serif;
  font-size: 12.5px !important;
  font-weight: 400 !important;
  line-height: 17px !important;
  align-self: center;
}
@media screen and (min-width: 1920px) {
  .staff-form .subscription-services-alerts > * div {
    font-size: 18px !important;
    line-height: 26px !important;
  }
}
.staff-form .subscription-services-alerts > * div:first-of-type {
  grid-column: span 3/span 3;
  margin-right: 8px;
}
.staff-form .subscription-services-alerts > * div:nth-of-type(2), .staff-form .subscription-services-alerts > * div:last-of-type {
  justify-self: flex-end;
}
.staff-form .button-container {
  width: 100%;
  margin-top: 2rem;
}
.staff-form .button-container button {
  width: inherit;
  justify-content: center;
}
h1,
h1 *,
h2,
h2 *,
h3,
h3 * {
  font-family: "Sharp Grotesk", sans-serif;
  margin: 0 0 0.5407911001em;
}

* {
  font-family: "Geist", sans-serif;
}

/**
* Buttons: Bør flyttes til en egen fil med alt knapper.
* @see https://torn-team.atlassian.net/browse/TORN-1104
 */
button.disabled,
button:disabled,
input[type=button].disabled,
input[type=button]:disabled,
input[type=reset].disabled,
input[type=reset]:disabled,
input[type=submit].disabled,
input[type=submit]:disabled,
.button.disabled,
.button:disabled,
.wc-block-grid__products .wc-block-grid__product .wp-block-button__link.disabled,
.wc-block-grid__products .wc-block-grid__product .wp-block-button__link:disabled,
.added_to_cart.disabled,
.added_to_cart:disabled {
  opacity: 0.5 !important;
  cursor: not-allowed;
}

button,
input[type=button],
input[type=reset],
input[type=submit],
.button,
.wc-block-grid__products .wc-block-grid__product .wp-block-button__link,
.added_to_cart {
  cursor: pointer;
  text-shadow: none;
  -webkit-appearance: none;
  word-break: break-word;
}

body {
  background-color: #fbf9f3;
}
body.page-template-authentication {
  background-color: #fcfcfc;
}

a:focus,
button:focus,
.button.alt:focus,
input:focus,
textarea:focus,
input[type=button]:focus,
input[type=reset]:focus,
input[type=submit]:focus,
input[type=email]:focus,
input[type=tel]:focus,
input[type=number]:focus,
input[type=url]:focus,
input[type=password]:focus,
input[type=search]:focus {
  outline: none;
}

a,
a:visited {
  color: #1a0c0c;
}

.required label::after,
.required strong::after,
.required legend::after {
  content: " *";
  color: #ec562d;
}
.required .radio-field > label::after {
  content: "";
}

.widget .widget-title {
  font-size: 1em;
  font-weight: bold;
  color: #1a0c0c;
  border-bottom: none;
  margin-bottom: 0;
}

.widget_product_categories button {
  background-color: #f0c450;
  border-radius: 5px;
}
.widget_product_categories .submit-product-categories-wrapper {
  bottom: 10px;
}
.widget_product_categories.widget.woocommerce li .count {
  float: none;
}
.widget_product_categories .widget-title {
  position: relative;
  top: 80px;
}

.widget-area .widget_search input[type=search],
.widget-area .widget_product_search input[type=search] {
  border: 1px solid black;
  border-radius: 5px;
  padding: 0.7em 1.4em;
  background-color: #ffffff;
}
.widget-area .widget_search form::before,
.widget-area .widget_product_search form::before {
  left: unset;
  right: 1em;
}

.torn-product-category-search-form {
  position: relative;
  top: -40px;
}

.site-main {
  position: relative;
  display: flex;
  flex-flow: column;
}

.vendor-page .site-main {
  padding-top: 25px;
}

#colophon .storefront-handheld-footer-bar {
  display: none;
}

html,
body {
  height: 100%;
  line-height: 1;
  margin: 0;
  padding: 0;
  border: 0;
  vertical-align: baseline;
}

button,
input,
select,
textarea {
  font-size: 100%;
  margin: 0;
  line-height: 1.618;
  text-rendering: optimizeLegibility;
  font-weight: 400;
}

textarea {
  padding: 12px 16px;
  border-radius: 12px;
  width: 100%;
  margin-top: 12px;
  border: 1px solid #666666;
}

ol,
ul {
  overflow-wrap: break-word;
  padding: 0;
}

* {
  box-sizing: border-box;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
}

a {
  text-decoration: none;
}

.torn-hypertext {
  text-decoration: underline !important;
}

p {
  overflow-wrap: break-word;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
  display: block;
}

table {
  border-spacing: 0;
  width: 100%;
  margin: 0 0 1.41575em;
  border-collapse: separate;
}
table td,
table th {
  padding: 1em 1.41575em;
  text-align: left;
  vertical-align: top;
}

img {
  height: auto;
  max-width: 100%;
  display: block;
  border-radius: 3px;
}

/**
 * Theese should probably be placed in component files.
 */
input[type=checkbox],
input[type=radio] {
  min-height: 24px;
  min-width: 24px;
  width: 32px;
  height: 32px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  vertical-align: text-bottom !important;
  outline: 0;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  border: 1px solid #1a0c0c;
  background-color: white;
  flex-shrink: 0;
  cursor: pointer;
  background-size: 16px;
  margin-right: 6px;
}
input[type=checkbox]:checked, input[type=checkbox][checked=checked]:not(body.woocommerce-cart .gateway-selector ul li input[type=radio][checked=checked]),
input[type=radio]:checked,
input[type=radio][checked=checked]:not(body.woocommerce-cart .gateway-selector ul li input[type=radio][checked=checked]) {
  background-color: #1a0c0c !important;
}
input[type=checkbox]:hover,
input[type=radio]:hover {
  box-shadow: 0 0 0 1px #1a0c0c;
}

input[type=radio] {
  border-radius: 50px;
}

input[type=checkbox] {
  border-radius: 8px;
}

input[type=text],
input[type=password],
input[type=number],
input[type=email],
input[type=tel],
input[type=url],
select {
  border: 1px solid #666666;
  margin-top: 12px;
  border-radius: 12px;
  padding: 12px 16px;
  font-size: 18px;
  line-height: 24px;
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

input[type=text]:hover:not([disabled]),
input[type=password]:hover:not([disabled]),
input[type=number]:hover:not([disabled]),
input[type=email]:hover:not([disabled]),
input[type=tel]:hover:not([disabled]),
input[type=url]:hover:not([disabled]),
textarea:hover:not([disabled]),
select:hover:not([disabled]) {
  outline: 1px solid #0f0f0f;
}

input[type=text]:disabled,
input[type=password]:disabled,
input[type=number]:disabled,
input[type=email]:disabled,
input[type=tel]:disabled,
input[type=url]:disabled,
textarea:disabled,
select:disabled {
  outline: 1px solid #eeeeee;
}

input[type=text]:focus,
input[type=password]:focus,
input[type=number]:focus,
input[type=email]:focus,
input[type=tel]:focus,
input[type=url]:focus,
textarea:focus,
select:focus {
  outline-width: 2px;
}

label {
  display: block;
}

dd {
  margin: 0 0 1.618em;
}

dt {
  font-weight: 600;
}

.screen-reader-text {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  -webkit-clip-path: inset(50%);
  clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
  word-wrap: normal !important;
}

.description {
  font-family: "Geist", sans-serif !important;
  font-size: 11px !important;
  font-weight: 400 !important;
  line-height: 17px !important;
  color: #898280 !important;
  margin-top: 0.25rem;
  margin-bottom: 0;
}
@media screen and (min-width: 1920px) {
  .description {
    font-size: 16px !important;
    line-height: 24px !important;
  }
}

.warning-description {
  font-family: "Geist", sans-serif !important;
  font-size: 11px !important;
  font-weight: 400 !important;
  line-height: 17px !important;
  color: #f78502 !important;
  margin-top: 12px;
}
@media screen and (min-width: 1920px) {
  .warning-description {
    font-size: 16px !important;
    line-height: 24px !important;
  }
}

.error-description {
  font-family: "Geist", sans-serif !important;
  font-size: 11px !important;
  font-weight: 400 !important;
  line-height: 17px !important;
  color: #ec562d !important;
  margin-top: 12px;
}
@media screen and (min-width: 1920px) {
  .error-description {
    font-size: 16px !important;
    line-height: 24px !important;
  }
}

#user_switching_switch_on {
  background-color: white;
  padding: 2px 4px !important;
  border-radius: 8px;
}

.torn-modal-backdrop {
  z-index: 40;
}

.torn-modal-container {
  position: fixed;
  top: 33%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: none;
  z-index: 50;
  background-color: white;
  box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
  border-radius: 24px;
  padding: 2.5rem 2rem;
  width: auto;
  max-width: 80vw;
  max-width: 80dvw;
  max-height: 90vh;
  max-height: 90dvh;
  overflow: auto;
}
@media screen and (min-width: 900px) {
  .torn-modal-container {
    top: 50%;
    padding: 4rem 2rem;
  }
}
@media screen and (max-width: 600px) {
  .torn-modal-container {
    max-height: 95vh;
    max-width: 99vw;
    max-width: 99dvw;
  }
}
@media screen and (max-width: 600px) {
  .torn-modal-container.narrow {
    width: 100%;
  }
}
.torn-modal-container .modal-content .modal-body {
  margin-top: 2rem;
}
@media screen and (max-width: 768px) {
  .torn-modal-container .modal-content .modal-body {
    margin-top: 1em;
  }
}
.torn-modal-container .modal-content .modal-body button,
.torn-modal-container .modal-content .modal-body a.button {
  width: auto;
  margin-top: 2rem;
}
@media screen and (max-width: 768px) {
  .torn-modal-container .modal-content .modal-body button,
  .torn-modal-container .modal-content .modal-body a.button {
    margin-top: 1em;
  }
}
.torn-modal-container.medium {
  padding: 32px;
  width: 755px;
}
.torn-modal-container label {
  text-align: left;
  font-size: 17px;
  font-weight: 700;
}
@media screen and (min-width: 900px) {
  .torn-modal-container label {
    margin-bottom: 12px;
  }
}
.torn-modal-container td {
  padding: 0;
}
.torn-modal-container input[type=password],
.torn-modal-container input[type=number],
.torn-modal-container input[type=tel],
.torn-modal-container input[type=text],
.torn-modal-container input[type=email],
.torn-modal-container button {
  width: 100%;
}
@media screen and (min-width: 900px) {
  .torn-modal-container input[type=password],
  .torn-modal-container input[type=number],
  .torn-modal-container input[type=tel],
  .torn-modal-container input[type=text],
  .torn-modal-container input[type=email],
  .torn-modal-container button {
    margin-bottom: 24px;
  }
}
.torn-modal-container button {
  justify-content: center;
}
.torn-modal-container button.close {
  position: absolute;
  text-indent: -9999px;
  border: none;
  background-color: transparent;
  right: 1.875rem;
  top: 1.875rem;
  height: 2.5rem;
  width: 2.5rem;
  background-size: 1.25rem;
}
.torn-modal-container .modal-headline {
  font-family: "Sharp Grotesk", sans-serif;
  font-size: 18px;
  line-height: 30px;
  font-weight: 400;
  color: #1a0c0c;
  margin: 0;
  padding-right: 1.875rem;
}
@media screen and (min-width: 900px) {
  .torn-modal-container .modal-headline {
    padding-bottom: 16px;
  }
}
.torn-modal-container .separator {
  border-bottom: 1px solid #e4e1dc;
  text-align: center;
  margin-bottom: 2rem;
}
.torn-modal-container .separator .text {
  color: #727272;
  margin: 0 auto;
  background-color: white;
  padding: 0 13px;
  position: relative;
  top: 8px;
  font-size: 14px;
}

body.show-modal-backdrop .torn-modal-container {
  display: flex;
  flex-direction: column;
}

.torn-toaster-container {
  position: fixed;
  height: fit-content;
  bottom: -120px;
  width: 100%;
  z-index: 99;
  padding: 20px 80px 20px 20px;
  transition: bottom 500ms;
  background-color: rgba(0, 0, 0, 0);
}
.torn-toaster-container.active {
  bottom: 0px;
}
.torn-toaster-container .box {
  color: #1a0c0c;
  margin: 0 auto !important;
  height: fit-content;
  display: flex;
  align-items: center;
  max-width: 800px;
  border-radius: 12px;
  border: 1px solid #f0c450;
  padding: 16px 24px 16px 24px;
  box-shadow: rgba(0, 0, 0, 0.25) 0px 54px 55px, rgba(0, 0, 0, 0.12) 0px -12px 30px, rgba(0, 0, 0, 0.12) 0px 4px 6px, rgba(0, 0, 0, 0.17) 0px 12px 13px, rgba(0, 0, 0, 0.09) 0px -3px 5px;
}
@media only screen and (max-width: 480px) {
  .torn-toaster-container .box {
    flex-direction: column;
    align-items: flex-start;
    gap: 6px;
    padding: 12px;
  }
}
.torn-toaster-container .box.success {
  background-color: #e6f9ea;
  border-color: #1f9f3c;
}
.torn-toaster-container .box.error {
  background-color: #ffe4e2;
  border-color: #d02e24;
  white-space: normal;
}
.torn-toaster-container .box.warning {
  background-color: #fef9ee;
  border-color: #f0c450;
}
.torn-toaster-container .box.info {
  background-color: #e4f0ff;
  border-color: #3074c1;
}
.torn-toaster-container .box .content {
  flex: 1;
  font-size: 18px;
  line-height: 24px;
  font-weight: 500;
}
@media only screen and (max-width: 480px) {
  .torn-toaster-container .box .content {
    font-size: 16px;
    line-height: 20px;
  }
}
.torn-toaster-container .box .button {
  flex: 0 0 fit-content;
  border: 1px solid #1a0c0c;
  border-radius: 50px;
  padding: 8px 12px;
  font-size: 14px;
  font-weight: 700;
  line-height: 14px;
}

#content {
  height: auto;
}

html {
  scroll-behavior: smooth;
}

.menu-button-container {
  font-family: "Geist", sans-serif;
  font-size: 10px !important;
  font-weight: 400 !important;
  line-height: 15px !important;
  background-color: white;
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
  padding: 0.7rem;
  border-radius: 6px;
  width: fit-content;
  transition: all 0.3s ease-in-out;
  border: 1px solid #ebebeb;
}
@media screen and (min-width: 1920px) {
  .menu-button-container {
    font-size: 14px !important;
    line-height: 21px !important;
  }
}
.menu-button-container .menu-button-list {
  margin: 0;
  width: 100%;
}
.menu-button-container .menu-button-list li:not(:last-child) {
  border-bottom: 1px solid #ebebeb;
  border-radius: 0;
  margin: 0;
  width: 100%;
}
.menu-button-container .menu-button-list .menu-button-list-item {
  display: flex;
  cursor: pointer;
  align-items: center;
  column-gap: 0.3rem;
  padding: 0.5rem 0.5rem;
  height: auto;
  border-radius: 6px;
}
.menu-button-container .menu-button-list .menu-button-list-item:hover {
  background-color: #f9f9f9;
}
.menu-button-container .menu-button-list .menu-button-list-item.no-item {
  color: #ebebeb;
  cursor: not-allowed;
}
.menu-button-container .menu-button-list .menu-button-list-item.no-item:hover {
  background-color: white;
}
.menu-button-container .menu-button-list .menu-button-list-item.loading {
  filter: opacity(50%);
}
.menu-button-container .menu-button-list .menu-button-list-item.loading .spinner-icon {
  animation: rotation 2s infinite linear;
}
@keyframes rotation {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(359deg);
  }
}
.menu-button-container ul {
  list-style-type: none;
  line-height: 150%;
}
.menu-button-container button {
  cursor: pointer;
}
@media screen and (min-width: 1920px) {
  .menu-button-container {
    padding: 1rem;
  }
}.table-container {
  background-color: white;
  border-radius: 24px;
  width: 100%;
}
.table-container .horizontal-scroll {
  overflow-y: visible;
  overflow-x: none;
}
.table-container--transparent {
  background-color: transparent;
  border-radius: 0;
}
.table-container--transparent::-webkit-scrollbar {
  display: none;
}
.table-container--transparent table .table-header-panel {
  margin-bottom: 16px;
}
.table-container--transparent table .table-header-panel .right-side {
  margin-left: auto;
  width: auto;
}
.table-container--transparent table .not-sortable-column {
  max-width: 100% !important;
}
.table-container--transparent table thead {
  background-color: transparent;
}
.table-container--transparent table thead tr th {
  padding: 0;
}
.table-container--transparent table thead tr:last-child {
  background-color: #fff;
}
.table-container--transparent table tbody {
  background-color: #fff;
}
.table-container--transparent .pagination {
  background-color: transparent;
  border: 0;
  height: auto;
  margin-top: 22px;
  padding: 0;
}
.table-container--transparent input[type=text] {
  border-radius: 6px;
}

.table-header-panel .left-side {
  display: flex;
}
.table-header-panel .left-side input {
  margin-top: 0;
  width: 20rem;
}
.table-header-panel .left-side .select-sort-container {
  display: flex;
  align-items: center;
  width: fit-content;
}
.table-header-panel .left-side .select-sort-container select {
  margin: 0 0 0 1rem;
  width: fit-content;
  height: 3rem;
  padding: 0 2rem 0 0.5rem;
  border: 1px solid #666;
  border-radius: 12px;
  font-weight: 500;
  appearance: none;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: right 1rem center;
  background-size: 1em;
}
@media screen and (max-width: 1919px) {
  .table-header-panel .left-side {
    display: flex;
  }
  .table-header-panel .left-side input {
    margin-top: 0;
    width: 15rem;
  }
  .table-header-panel .left-side .select-sort-container {
    display: flex;
    align-items: center;
    width: fit-content;
  }
  .table-header-panel .left-side .select-sort-container select {
    margin: 0 0 0 0.75rem;
    width: fit-content;
    height: 3rem;
    padding: 0 1.5rem 0 0.375rem;
    border: 1px solid #666;
    border-radius: 12px;
    font-weight: 500;
    appearance: none;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: right 1rem center;
    background-size: 0.75em;
  }
}
h1,
h1 *,
h2,
h2 *,
h3,
h3 * {
  font-family: "Sharp Grotesk", sans-serif;
  margin: 0 0 0.5407911001em;
}

* {
  font-family: "Geist", sans-serif;
}

/**
* Buttons: Bør flyttes til en egen fil med alt knapper.
* @see https://torn-team.atlassian.net/browse/TORN-1104
 */
button.disabled,
button:disabled,
input[type=button].disabled,
input[type=button]:disabled,
input[type=reset].disabled,
input[type=reset]:disabled,
input[type=submit].disabled,
input[type=submit]:disabled,
.button.disabled,
.button:disabled,
.wc-block-grid__products .wc-block-grid__product .wp-block-button__link.disabled,
.wc-block-grid__products .wc-block-grid__product .wp-block-button__link:disabled,
.added_to_cart.disabled,
.added_to_cart:disabled {
  opacity: 0.5 !important;
  cursor: not-allowed;
}

button,
input[type=button],
input[type=reset],
input[type=submit],
.button,
.wc-block-grid__products .wc-block-grid__product .wp-block-button__link,
.added_to_cart {
  cursor: pointer;
  text-shadow: none;
  -webkit-appearance: none;
  word-break: break-word;
}

body {
  background-color: #fbf9f3;
}
body.page-template-authentication {
  background-color: #fcfcfc;
}

a:focus,
button:focus,
.button.alt:focus,
input:focus,
textarea:focus,
input[type=button]:focus,
input[type=reset]:focus,
input[type=submit]:focus,
input[type=email]:focus,
input[type=tel]:focus,
input[type=number]:focus,
input[type=url]:focus,
input[type=password]:focus,
input[type=search]:focus {
  outline: none;
}

a,
a:visited {
  color: #1a0c0c;
}

.required label::after,
.required strong::after,
.required legend::after {
  content: " *";
  color: #ec562d;
}
.required .radio-field > label::after {
  content: "";
}

.widget .widget-title {
  font-size: 1em;
  font-weight: bold;
  color: #1a0c0c;
  border-bottom: none;
  margin-bottom: 0;
}

.widget_product_categories button {
  background-color: #f0c450;
  border-radius: 5px;
}
.widget_product_categories .submit-product-categories-wrapper {
  bottom: 10px;
}
.widget_product_categories.widget.woocommerce li .count {
  float: none;
}
.widget_product_categories .widget-title {
  position: relative;
  top: 80px;
}

.widget-area .widget_search input[type=search],
.widget-area .widget_product_search input[type=search] {
  border: 1px solid black;
  border-radius: 5px;
  padding: 0.7em 1.4em;
  background-color: #ffffff;
}
.widget-area .widget_search form::before,
.widget-area .widget_product_search form::before {
  left: unset;
  right: 1em;
}

.torn-product-category-search-form {
  position: relative;
  top: -40px;
}

.site-main {
  position: relative;
  display: flex;
  flex-flow: column;
}

.vendor-page .site-main {
  padding-top: 25px;
}

#colophon .storefront-handheld-footer-bar {
  display: none;
}

html,
body {
  height: 100%;
  line-height: 1;
  margin: 0;
  padding: 0;
  border: 0;
  vertical-align: baseline;
}

button,
input,
select,
textarea {
  font-size: 100%;
  margin: 0;
  line-height: 1.618;
  text-rendering: optimizeLegibility;
  font-weight: 400;
}

textarea {
  padding: 12px 16px;
  border-radius: 12px;
  width: 100%;
  margin-top: 12px;
  border: 1px solid #666666;
}

ol,
ul {
  overflow-wrap: break-word;
  padding: 0;
}

* {
  box-sizing: border-box;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
}

a {
  text-decoration: none;
}

.torn-hypertext {
  text-decoration: underline !important;
}

p {
  overflow-wrap: break-word;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
  display: block;
}

table {
  border-spacing: 0;
  width: 100%;
  margin: 0 0 1.41575em;
  border-collapse: separate;
}
table td,
table th {
  padding: 1em 1.41575em;
  text-align: left;
  vertical-align: top;
}

img {
  height: auto;
  max-width: 100%;
  display: block;
  border-radius: 3px;
}

/**
 * Theese should probably be placed in component files.
 */
input[type=checkbox],
input[type=radio] {
  min-height: 24px;
  min-width: 24px;
  width: 32px;
  height: 32px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  vertical-align: text-bottom !important;
  outline: 0;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  border: 1px solid #1a0c0c;
  background-color: white;
  flex-shrink: 0;
  cursor: pointer;
  background-size: 16px;
  margin-right: 6px;
}
input[type=checkbox]:checked, input[type=checkbox][checked=checked]:not(body.woocommerce-cart .gateway-selector ul li input[type=radio][checked=checked]),
input[type=radio]:checked,
input[type=radio][checked=checked]:not(body.woocommerce-cart .gateway-selector ul li input[type=radio][checked=checked]) {
  background-color: #1a0c0c !important;
}
input[type=checkbox]:hover,
input[type=radio]:hover {
  box-shadow: 0 0 0 1px #1a0c0c;
}

input[type=radio] {
  border-radius: 50px;
}

input[type=checkbox] {
  border-radius: 8px;
}

input[type=text],
input[type=password],
input[type=number],
input[type=email],
input[type=tel],
input[type=url],
select {
  border: 1px solid #666666;
  margin-top: 12px;
  border-radius: 12px;
  padding: 12px 16px;
  font-size: 18px;
  line-height: 24px;
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

input[type=text]:hover:not([disabled]),
input[type=password]:hover:not([disabled]),
input[type=number]:hover:not([disabled]),
input[type=email]:hover:not([disabled]),
input[type=tel]:hover:not([disabled]),
input[type=url]:hover:not([disabled]),
textarea:hover:not([disabled]),
select:hover:not([disabled]) {
  outline: 1px solid #0f0f0f;
}

input[type=text]:disabled,
input[type=password]:disabled,
input[type=number]:disabled,
input[type=email]:disabled,
input[type=tel]:disabled,
input[type=url]:disabled,
textarea:disabled,
select:disabled {
  outline: 1px solid #eeeeee;
}

input[type=text]:focus,
input[type=password]:focus,
input[type=number]:focus,
input[type=email]:focus,
input[type=tel]:focus,
input[type=url]:focus,
textarea:focus,
select:focus {
  outline-width: 2px;
}

label {
  display: block;
}

dd {
  margin: 0 0 1.618em;
}

dt {
  font-weight: 600;
}

.screen-reader-text {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  -webkit-clip-path: inset(50%);
  clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
  word-wrap: normal !important;
}

.description {
  font-family: "Geist", sans-serif !important;
  font-size: 11px !important;
  font-weight: 400 !important;
  line-height: 17px !important;
  color: #898280 !important;
  margin-top: 0.25rem;
  margin-bottom: 0;
}
@media screen and (min-width: 1920px) {
  .description {
    font-size: 16px !important;
    line-height: 24px !important;
  }
}

.warning-description {
  font-family: "Geist", sans-serif !important;
  font-size: 11px !important;
  font-weight: 400 !important;
  line-height: 17px !important;
  color: #f78502 !important;
  margin-top: 12px;
}
@media screen and (min-width: 1920px) {
  .warning-description {
    font-size: 16px !important;
    line-height: 24px !important;
  }
}

.error-description {
  font-family: "Geist", sans-serif !important;
  font-size: 11px !important;
  font-weight: 400 !important;
  line-height: 17px !important;
  color: #ec562d !important;
  margin-top: 12px;
}
@media screen and (min-width: 1920px) {
  .error-description {
    font-size: 16px !important;
    line-height: 24px !important;
  }
}

#user_switching_switch_on {
  background-color: white;
  padding: 2px 4px !important;
  border-radius: 8px;
}

.torn-modal-backdrop {
  z-index: 40;
}

.torn-modal-container {
  position: fixed;
  top: 33%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: none;
  z-index: 50;
  background-color: white;
  box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
  border-radius: 24px;
  padding: 2.5rem 2rem;
  width: auto;
  max-width: 80vw;
  max-width: 80dvw;
  max-height: 90vh;
  max-height: 90dvh;
  overflow: auto;
}
@media screen and (min-width: 900px) {
  .torn-modal-container {
    top: 50%;
    padding: 4rem 2rem;
  }
}
@media screen and (max-width: 600px) {
  .torn-modal-container {
    max-height: 95vh;
    max-width: 99vw;
    max-width: 99dvw;
  }
}
@media screen and (max-width: 600px) {
  .torn-modal-container.narrow {
    width: 100%;
  }
}
.torn-modal-container .modal-content .modal-body {
  margin-top: 2rem;
}
@media screen and (max-width: 768px) {
  .torn-modal-container .modal-content .modal-body {
    margin-top: 1em;
  }
}
.torn-modal-container .modal-content .modal-body button,
.torn-modal-container .modal-content .modal-body a.button {
  width: auto;
  margin-top: 2rem;
}
@media screen and (max-width: 768px) {
  .torn-modal-container .modal-content .modal-body button,
  .torn-modal-container .modal-content .modal-body a.button {
    margin-top: 1em;
  }
}
.torn-modal-container.medium {
  padding: 32px;
  width: 755px;
}
.torn-modal-container label {
  text-align: left;
  font-size: 17px;
  font-weight: 700;
}
@media screen and (min-width: 900px) {
  .torn-modal-container label {
    margin-bottom: 12px;
  }
}
.torn-modal-container td {
  padding: 0;
}
.torn-modal-container input[type=password],
.torn-modal-container input[type=number],
.torn-modal-container input[type=tel],
.torn-modal-container input[type=text],
.torn-modal-container input[type=email],
.torn-modal-container button {
  width: 100%;
}
@media screen and (min-width: 900px) {
  .torn-modal-container input[type=password],
  .torn-modal-container input[type=number],
  .torn-modal-container input[type=tel],
  .torn-modal-container input[type=text],
  .torn-modal-container input[type=email],
  .torn-modal-container button {
    margin-bottom: 24px;
  }
}
.torn-modal-container button {
  justify-content: center;
}
.torn-modal-container button.close {
  position: absolute;
  text-indent: -9999px;
  border: none;
  background-color: transparent;
  right: 1.875rem;
  top: 1.875rem;
  height: 2.5rem;
  width: 2.5rem;
  background-size: 1.25rem;
}
.torn-modal-container .modal-headline {
  font-family: "Sharp Grotesk", sans-serif;
  font-size: 18px;
  line-height: 30px;
  font-weight: 400;
  color: #1a0c0c;
  margin: 0;
  padding-right: 1.875rem;
}
@media screen and (min-width: 900px) {
  .torn-modal-container .modal-headline {
    padding-bottom: 16px;
  }
}
.torn-modal-container .separator {
  border-bottom: 1px solid #e4e1dc;
  text-align: center;
  margin-bottom: 2rem;
}
.torn-modal-container .separator .text {
  color: #727272;
  margin: 0 auto;
  background-color: white;
  padding: 0 13px;
  position: relative;
  top: 8px;
  font-size: 14px;
}

body.show-modal-backdrop .torn-modal-container {
  display: flex;
  flex-direction: column;
}

.torn-toaster-container {
  position: fixed;
  height: fit-content;
  bottom: -120px;
  width: 100%;
  z-index: 99;
  padding: 20px 80px 20px 20px;
  transition: bottom 500ms;
  background-color: rgba(0, 0, 0, 0);
}
.torn-toaster-container.active {
  bottom: 0px;
}
.torn-toaster-container .box {
  color: #1a0c0c;
  margin: 0 auto !important;
  height: fit-content;
  display: flex;
  align-items: center;
  max-width: 800px;
  border-radius: 12px;
  border: 1px solid #f0c450;
  padding: 16px 24px 16px 24px;
  box-shadow: rgba(0, 0, 0, 0.25) 0px 54px 55px, rgba(0, 0, 0, 0.12) 0px -12px 30px, rgba(0, 0, 0, 0.12) 0px 4px 6px, rgba(0, 0, 0, 0.17) 0px 12px 13px, rgba(0, 0, 0, 0.09) 0px -3px 5px;
}
@media only screen and (max-width: 480px) {
  .torn-toaster-container .box {
    flex-direction: column;
    align-items: flex-start;
    gap: 6px;
    padding: 12px;
  }
}
.torn-toaster-container .box.success {
  background-color: #e6f9ea;
  border-color: #1f9f3c;
}
.torn-toaster-container .box.error {
  background-color: #ffe4e2;
  border-color: #d02e24;
  white-space: normal;
}
.torn-toaster-container .box.warning {
  background-color: #fef9ee;
  border-color: #f0c450;
}
.torn-toaster-container .box.info {
  background-color: #e4f0ff;
  border-color: #3074c1;
}
.torn-toaster-container .box .content {
  flex: 1;
  font-size: 18px;
  line-height: 24px;
  font-weight: 500;
}
@media only screen and (max-width: 480px) {
  .torn-toaster-container .box .content {
    font-size: 16px;
    line-height: 20px;
  }
}
.torn-toaster-container .box .button {
  flex: 0 0 fit-content;
  border: 1px solid #1a0c0c;
  border-radius: 50px;
  padding: 8px 12px;
  font-size: 14px;
  font-weight: 700;
  line-height: 14px;
}

#content {
  height: auto;
}

html {
  scroll-behavior: smooth;
}

.pagination {
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 3rem;
  padding: 0 1.25rem;
  background-color: white;
  width: 100%;
  border-top: 0.75px solid #ebebeb;
  user-select: none;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
}
.pagination .products-count-info {
  flex: 0 1 33%;
  justify-content: flex-start;
  align-items: center;
}
.pagination .nav-buttons {
  display: flex;
  flex: 0 1 34%;
  justify-content: center;
  align-items: center;
  column-gap: 0.75rem;
}
.pagination .nav-buttons button {
  background-color: white;
  border-radius: 50%;
  width: 2.1875rem;
  height: 2.1875rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
.pagination .nav-buttons .center-text {
  display: inline-flex;
  align-items: center;
}
.pagination .nav-buttons .center-text strong {
  margin: 0 0.225rem;
}
.pagination .pagesize-selector {
  flex: 0 1 33%;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  column-gap: 0.75rem;
}
.pagination .pagesize-selector .select-container {
  margin: 0;
  display: flex;
  justify-content: center;
  align-items: center;
}
.pagination .pagesize-selector .select-container select {
  font-family: "Geist", sans-serif;
  font-size: 12.5px !important;
  font-weight: 500 !important;
  line-height: 17px !important;
  border-radius: 6px;
  margin: 0;
  padding: 0.5rem 3ch 0.5rem 0.5rem;
}
@media screen and (min-width: 1920px) {
  .pagination .pagesize-selector .select-container select {
    font-size: 18px !important;
    line-height: 24px !important;
  }
}
.pagination .pagesize-selector .select-container .select-icon {
  margin: 0;
  right: 0.1rem;
  top: 0.1rem;
}
@media screen and (min-width: 1536px) {
  .pagination {
    height: 3.5rem;
  }
}
@media screen and (min-width: 1920px) {
  .pagination {
    height: 4rem;
  }
  .pagination .nav-buttons button {
    width: 2.25rem;
    height: 2.25rem;
  }
}
h1,
h1 *,
h2,
h2 *,
h3,
h3 * {
  font-family: "Sharp Grotesk", sans-serif;
  margin: 0 0 0.5407911001em;
}

* {
  font-family: "Geist", sans-serif;
}

/**
* Buttons: Bør flyttes til en egen fil med alt knapper.
* @see https://torn-team.atlassian.net/browse/TORN-1104
 */
button.disabled,
button:disabled,
input[type=button].disabled,
input[type=button]:disabled,
input[type=reset].disabled,
input[type=reset]:disabled,
input[type=submit].disabled,
input[type=submit]:disabled,
.button.disabled,
.button:disabled,
.wc-block-grid__products .wc-block-grid__product .wp-block-button__link.disabled,
.wc-block-grid__products .wc-block-grid__product .wp-block-button__link:disabled,
.added_to_cart.disabled,
.added_to_cart:disabled {
  opacity: 0.5 !important;
  cursor: not-allowed;
}

button,
input[type=button],
input[type=reset],
input[type=submit],
.button,
.wc-block-grid__products .wc-block-grid__product .wp-block-button__link,
.added_to_cart {
  cursor: pointer;
  text-shadow: none;
  -webkit-appearance: none;
  word-break: break-word;
}

body {
  background-color: #fbf9f3;
}
body.page-template-authentication {
  background-color: #fcfcfc;
}

a:focus,
button:focus,
.button.alt:focus,
input:focus,
textarea:focus,
input[type=button]:focus,
input[type=reset]:focus,
input[type=submit]:focus,
input[type=email]:focus,
input[type=tel]:focus,
input[type=number]:focus,
input[type=url]:focus,
input[type=password]:focus,
input[type=search]:focus {
  outline: none;
}

a,
a:visited {
  color: #1a0c0c;
}

.required label::after,
.required strong::after,
.required legend::after {
  content: " *";
  color: #ec562d;
}
.required .radio-field > label::after {
  content: "";
}

.widget .widget-title {
  font-size: 1em;
  font-weight: bold;
  color: #1a0c0c;
  border-bottom: none;
  margin-bottom: 0;
}

.widget_product_categories button {
  background-color: #f0c450;
  border-radius: 5px;
}
.widget_product_categories .submit-product-categories-wrapper {
  bottom: 10px;
}
.widget_product_categories.widget.woocommerce li .count {
  float: none;
}
.widget_product_categories .widget-title {
  position: relative;
  top: 80px;
}

.widget-area .widget_search input[type=search],
.widget-area .widget_product_search input[type=search] {
  border: 1px solid black;
  border-radius: 5px;
  padding: 0.7em 1.4em;
  background-color: #ffffff;
}
.widget-area .widget_search form::before,
.widget-area .widget_product_search form::before {
  left: unset;
  right: 1em;
}

.torn-product-category-search-form {
  position: relative;
  top: -40px;
}

.site-main {
  position: relative;
  display: flex;
  flex-flow: column;
}

.vendor-page .site-main {
  padding-top: 25px;
}

#colophon .storefront-handheld-footer-bar {
  display: none;
}

html,
body {
  height: 100%;
  line-height: 1;
  margin: 0;
  padding: 0;
  border: 0;
  vertical-align: baseline;
}

button,
input,
select,
textarea {
  font-size: 100%;
  margin: 0;
  line-height: 1.618;
  text-rendering: optimizeLegibility;
  font-weight: 400;
}

textarea {
  padding: 12px 16px;
  border-radius: 12px;
  width: 100%;
  margin-top: 12px;
  border: 1px solid #666666;
}

ol,
ul {
  overflow-wrap: break-word;
  padding: 0;
}

* {
  box-sizing: border-box;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
}

a {
  text-decoration: none;
}

.torn-hypertext {
  text-decoration: underline !important;
}

p {
  overflow-wrap: break-word;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
  display: block;
}

table {
  border-spacing: 0;
  width: 100%;
  margin: 0 0 1.41575em;
  border-collapse: separate;
}
table td,
table th {
  padding: 1em 1.41575em;
  text-align: left;
  vertical-align: top;
}

img {
  height: auto;
  max-width: 100%;
  display: block;
  border-radius: 3px;
}

/**
 * Theese should probably be placed in component files.
 */
input[type=checkbox],
input[type=radio] {
  min-height: 24px;
  min-width: 24px;
  width: 32px;
  height: 32px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  vertical-align: text-bottom !important;
  outline: 0;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  border: 1px solid #1a0c0c;
  background-color: white;
  flex-shrink: 0;
  cursor: pointer;
  background-size: 16px;
  margin-right: 6px;
}
input[type=checkbox]:checked, input[type=checkbox][checked=checked]:not(body.woocommerce-cart .gateway-selector ul li input[type=radio][checked=checked]),
input[type=radio]:checked,
input[type=radio][checked=checked]:not(body.woocommerce-cart .gateway-selector ul li input[type=radio][checked=checked]) {
  background-color: #1a0c0c !important;
}
input[type=checkbox]:hover,
input[type=radio]:hover {
  box-shadow: 0 0 0 1px #1a0c0c;
}

input[type=radio] {
  border-radius: 50px;
}

input[type=checkbox] {
  border-radius: 8px;
}

input[type=text],
input[type=password],
input[type=number],
input[type=email],
input[type=tel],
input[type=url],
select {
  border: 1px solid #666666;
  margin-top: 12px;
  border-radius: 12px;
  padding: 12px 16px;
  font-size: 18px;
  line-height: 24px;
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

input[type=text]:hover:not([disabled]),
input[type=password]:hover:not([disabled]),
input[type=number]:hover:not([disabled]),
input[type=email]:hover:not([disabled]),
input[type=tel]:hover:not([disabled]),
input[type=url]:hover:not([disabled]),
textarea:hover:not([disabled]),
select:hover:not([disabled]) {
  outline: 1px solid #0f0f0f;
}

input[type=text]:disabled,
input[type=password]:disabled,
input[type=number]:disabled,
input[type=email]:disabled,
input[type=tel]:disabled,
input[type=url]:disabled,
textarea:disabled,
select:disabled {
  outline: 1px solid #eeeeee;
}

input[type=text]:focus,
input[type=password]:focus,
input[type=number]:focus,
input[type=email]:focus,
input[type=tel]:focus,
input[type=url]:focus,
textarea:focus,
select:focus {
  outline-width: 2px;
}

label {
  display: block;
}

dd {
  margin: 0 0 1.618em;
}

dt {
  font-weight: 600;
}

.screen-reader-text {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  -webkit-clip-path: inset(50%);
  clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
  word-wrap: normal !important;
}

.description {
  font-family: "Geist", sans-serif !important;
  font-size: 11px !important;
  font-weight: 400 !important;
  line-height: 17px !important;
  color: #898280 !important;
  margin-top: 0.25rem;
  margin-bottom: 0;
}
@media screen and (min-width: 1920px) {
  .description {
    font-size: 16px !important;
    line-height: 24px !important;
  }
}

.warning-description {
  font-family: "Geist", sans-serif !important;
  font-size: 11px !important;
  font-weight: 400 !important;
  line-height: 17px !important;
  color: #f78502 !important;
  margin-top: 12px;
}
@media screen and (min-width: 1920px) {
  .warning-description {
    font-size: 16px !important;
    line-height: 24px !important;
  }
}

.error-description {
  font-family: "Geist", sans-serif !important;
  font-size: 11px !important;
  font-weight: 400 !important;
  line-height: 17px !important;
  color: #ec562d !important;
  margin-top: 12px;
}
@media screen and (min-width: 1920px) {
  .error-description {
    font-size: 16px !important;
    line-height: 24px !important;
  }
}

#user_switching_switch_on {
  background-color: white;
  padding: 2px 4px !important;
  border-radius: 8px;
}

.torn-modal-backdrop {
  z-index: 40;
}

.torn-modal-container {
  position: fixed;
  top: 33%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: none;
  z-index: 50;
  background-color: white;
  box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
  border-radius: 24px;
  padding: 2.5rem 2rem;
  width: auto;
  max-width: 80vw;
  max-width: 80dvw;
  max-height: 90vh;
  max-height: 90dvh;
  overflow: auto;
}
@media screen and (min-width: 900px) {
  .torn-modal-container {
    top: 50%;
    padding: 4rem 2rem;
  }
}
@media screen and (max-width: 600px) {
  .torn-modal-container {
    max-height: 95vh;
    max-width: 99vw;
    max-width: 99dvw;
  }
}
@media screen and (max-width: 600px) {
  .torn-modal-container.narrow {
    width: 100%;
  }
}
.torn-modal-container .modal-content .modal-body {
  margin-top: 2rem;
}
@media screen and (max-width: 768px) {
  .torn-modal-container .modal-content .modal-body {
    margin-top: 1em;
  }
}
.torn-modal-container .modal-content .modal-body button,
.torn-modal-container .modal-content .modal-body a.button {
  width: auto;
  margin-top: 2rem;
}
@media screen and (max-width: 768px) {
  .torn-modal-container .modal-content .modal-body button,
  .torn-modal-container .modal-content .modal-body a.button {
    margin-top: 1em;
  }
}
.torn-modal-container.medium {
  padding: 32px;
  width: 755px;
}
.torn-modal-container label {
  text-align: left;
  font-size: 17px;
  font-weight: 700;
}
@media screen and (min-width: 900px) {
  .torn-modal-container label {
    margin-bottom: 12px;
  }
}
.torn-modal-container td {
  padding: 0;
}
.torn-modal-container input[type=password],
.torn-modal-container input[type=number],
.torn-modal-container input[type=tel],
.torn-modal-container input[type=text],
.torn-modal-container input[type=email],
.torn-modal-container button {
  width: 100%;
}
@media screen and (min-width: 900px) {
  .torn-modal-container input[type=password],
  .torn-modal-container input[type=number],
  .torn-modal-container input[type=tel],
  .torn-modal-container input[type=text],
  .torn-modal-container input[type=email],
  .torn-modal-container button {
    margin-bottom: 24px;
  }
}
.torn-modal-container button {
  justify-content: center;
}
.torn-modal-container button.close {
  position: absolute;
  text-indent: -9999px;
  border: none;
  background-color: transparent;
  right: 1.875rem;
  top: 1.875rem;
  height: 2.5rem;
  width: 2.5rem;
  background-size: 1.25rem;
}
.torn-modal-container .modal-headline {
  font-family: "Sharp Grotesk", sans-serif;
  font-size: 18px;
  line-height: 30px;
  font-weight: 400;
  color: #1a0c0c;
  margin: 0;
  padding-right: 1.875rem;
}
@media screen and (min-width: 900px) {
  .torn-modal-container .modal-headline {
    padding-bottom: 16px;
  }
}
.torn-modal-container .separator {
  border-bottom: 1px solid #e4e1dc;
  text-align: center;
  margin-bottom: 2rem;
}
.torn-modal-container .separator .text {
  color: #727272;
  margin: 0 auto;
  background-color: white;
  padding: 0 13px;
  position: relative;
  top: 8px;
  font-size: 14px;
}

body.show-modal-backdrop .torn-modal-container {
  display: flex;
  flex-direction: column;
}

.torn-toaster-container {
  position: fixed;
  height: fit-content;
  bottom: -120px;
  width: 100%;
  z-index: 99;
  padding: 20px 80px 20px 20px;
  transition: bottom 500ms;
  background-color: rgba(0, 0, 0, 0);
}
.torn-toaster-container.active {
  bottom: 0px;
}
.torn-toaster-container .box {
  color: #1a0c0c;
  margin: 0 auto !important;
  height: fit-content;
  display: flex;
  align-items: center;
  max-width: 800px;
  border-radius: 12px;
  border: 1px solid #f0c450;
  padding: 16px 24px 16px 24px;
  box-shadow: rgba(0, 0, 0, 0.25) 0px 54px 55px, rgba(0, 0, 0, 0.12) 0px -12px 30px, rgba(0, 0, 0, 0.12) 0px 4px 6px, rgba(0, 0, 0, 0.17) 0px 12px 13px, rgba(0, 0, 0, 0.09) 0px -3px 5px;
}
@media only screen and (max-width: 480px) {
  .torn-toaster-container .box {
    flex-direction: column;
    align-items: flex-start;
    gap: 6px;
    padding: 12px;
  }
}
.torn-toaster-container .box.success {
  background-color: #e6f9ea;
  border-color: #1f9f3c;
}
.torn-toaster-container .box.error {
  background-color: #ffe4e2;
  border-color: #d02e24;
  white-space: normal;
}
.torn-toaster-container .box.warning {
  background-color: #fef9ee;
  border-color: #f0c450;
}
.torn-toaster-container .box.info {
  background-color: #e4f0ff;
  border-color: #3074c1;
}
.torn-toaster-container .box .content {
  flex: 1;
  font-size: 18px;
  line-height: 24px;
  font-weight: 500;
}
@media only screen and (max-width: 480px) {
  .torn-toaster-container .box .content {
    font-size: 16px;
    line-height: 20px;
  }
}
.torn-toaster-container .box .button {
  flex: 0 0 fit-content;
  border: 1px solid #1a0c0c;
  border-radius: 50px;
  padding: 8px 12px;
  font-size: 14px;
  font-weight: 700;
  line-height: 14px;
}

#content {
  height: auto;
}

html {
  scroll-behavior: smooth;
}

table {
  border-collapse: separate;
  line-height: 112%;
  margin: 0 !important;
}
table .header-container .sortable-column svg {
  fill: rgb(31, 183, 117);
}
table thead {
  position: -webkit-sticky;
  position: sticky;
  background-color: white;
  z-index: 10;
  inset-block-start: 0; /* "top" */
}
table thead tr .table-cell-0__transparent:has(.table-header-panel) {
  background-color: #fbf9f3;
  padding-right: 0;
}
table thead tr .table-cell-0__transparent:has(.table-header-panel) div {
  max-width: 100% !important;
}
table thead tr:not(:first-child) th {
  border-top: 0.75px solid;
  border-bottom: 0.75px solid;
  padding: 0rem;
  user-select: none;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
}
table thead tr:not(:first-child) th .sortable-column,
table thead tr:not(:first-child) th .not-sortable-column {
  height: 2.5rem;
  padding: 0 0 0 1.125rem;
}
table thead tr:not(:first-child) th .sortable-column {
  display: flex;
  align-items: center;
}
table thead tr:not(:first-child) th.sort-selected {
  background-color: rgb(208, 242, 222);
}
table thead tr th {
  padding: 0.65rem 1.125rem;
}
table thead tr th:not(:last-child):hover {
  background-color: rgb(208, 242, 222);
}
table thead tr th .sortable-column {
  cursor: pointer;
  white-space: nowrap;
}
table thead tr th .sortable-column svg {
  width: 1rem;
  height: 1rem;
}
table thead tr th .sortable-column .icon-asc {
  transform: rotate(180deg);
  padding-right: 0.25rem;
}
table thead tr th .sortable-column .icon-desc {
  padding-left: 0.25rem;
}
table tbody tr.is-draft {
  background-color: rgba(228, 225, 220, 0.5);
}
table tbody tr.is-draft:hover {
  background-color: rgba(228, 225, 220, 0.5) !important;
}
table tbody tr:not(.selected):hover {
  background-color: #f9f9f9;
}
table tbody tr td {
  padding: 0.3rem 0 0.3rem 1rem;
  height: 2.5rem;
  border-bottom: 0.75px solid #ebebeb;
  vertical-align: middle;
}
table tbody tr td.sort-selected {
  background-color: rgba(208, 242, 222, 0.5);
}
table tbody tr td.count-selected:not(:last-child) {
  opacity: 20%;
}
table tbody tr td .table-buttons {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  margin-right: 1.25rem;
}
table tbody tr td .table-buttons .button-container:first-child {
  margin-right: 0.75rem;
}
table tfoot {
  inset-block-end: 0; /* "bottom" */
  height: 3rem;
  margin: auto;
  vertical-align: middle;
}
table tfoot span {
  font-weight: normal;
  white-space: nowrap;
}
table tfoot th {
  vertical-align: middle;
  padding: 0 0 0 1.125rem;
}
table th,
table td {
  vertical-align: middle;
  position: relative;
}
table .resizer {
  position: absolute;
  right: 0;
  top: 0;
  height: 100%;
  width: 3.75px;
  background: rgba(0, 0, 0, 0);
  cursor: col-resize;
  user-select: none;
  touch-action: none;
}
table .resizer.isResizing {
  background: rgb(31, 183, 117);
  opacity: 1;
}
@media (hover: hover) {
  table .resizer {
    opacity: 0;
  }
  table *:hover > .resizer {
    opacity: 1;
    background: #ebebeb;
  }
}
@media screen and (min-width: 1440px) {
  table thead tr:not(:first-child) th .sortable-column,
  table thead tr:not(:first-child) th .not-sortable-column {
    height: 3rem;
  }
  table tbody tr td {
    height: 3rem;
  }
}
@media screen and (min-width: 1920px) {
  table thead tr:not(:first-child) th {
    border-top: 1px solid;
    border-bottom: 1px solid;
  }
  table thead tr:not(:first-child) th .sortable-column,
  table thead tr:not(:first-child) th .not-sortable-column {
    height: 3.49rem;
    padding: 0 0 0 1.5rem;
  }
  table thead tr th {
    padding: 0.8rem 1.5rem;
  }
  table thead tr th .sortable-column svg {
    width: 1.5rem;
    height: 1.5rem;
  }
  table thead tr th .sortable-column .icon-asc {
    padding-right: 0.3rem;
  }
  table thead tr th .sortable-column .icon-desc {
    padding-left: 0.3rem;
  }
  table tbody tr td {
    padding: 0.5rem 0 0.5rem 1.5rem;
    height: 3.49rem;
    border-bottom: 1px solid #ebebeb;
  }
  table tbody tr td .table-buttons {
    margin-right: 1.5rem;
  }
  table tbody tr td .table-buttons .button-container:first-child {
    margin-right: 1rem;
  }
  table tfoot {
    height: 4rem;
  }
  table tfoot th {
    padding: 0 0 0 1.5rem;
  }
  table .resizer {
    width: 5px;
  }
}.search-not-found-container {
  position: relative;
  height: 25rem;
}
.search-not-found-container .content-container {
  position: absolute;
  top: 33%;
}
.search-not-found-container .content-container .content {
  display: flex;
  flex-flow: column;
  align-items: center;
  justify-content: center;
  row-gap: 1rem;
}
@media screen and (min-width: 1920px) {
  .search-not-found-container {
    height: 34rem;
  }
}
h1,
h1 *,
h2,
h2 *,
h3,
h3 * {
  font-family: "Sharp Grotesk", sans-serif;
  margin: 0 0 0.5407911001em;
}

* {
  font-family: "Geist", sans-serif;
}

/**
* Buttons: Bør flyttes til en egen fil med alt knapper.
* @see https://torn-team.atlassian.net/browse/TORN-1104
 */
button.disabled,
button:disabled,
input[type=button].disabled,
input[type=button]:disabled,
input[type=reset].disabled,
input[type=reset]:disabled,
input[type=submit].disabled,
input[type=submit]:disabled,
.button.disabled,
.button:disabled,
.wc-block-grid__products .wc-block-grid__product .wp-block-button__link.disabled,
.wc-block-grid__products .wc-block-grid__product .wp-block-button__link:disabled,
.added_to_cart.disabled,
.added_to_cart:disabled {
  opacity: 0.5 !important;
  cursor: not-allowed;
}

button,
input[type=button],
input[type=reset],
input[type=submit],
.button,
.wc-block-grid__products .wc-block-grid__product .wp-block-button__link,
.added_to_cart {
  cursor: pointer;
  text-shadow: none;
  -webkit-appearance: none;
  word-break: break-word;
}

body {
  background-color: #fbf9f3;
}
body.page-template-authentication {
  background-color: #fcfcfc;
}

a:focus,
button:focus,
.button.alt:focus,
input:focus,
textarea:focus,
input[type=button]:focus,
input[type=reset]:focus,
input[type=submit]:focus,
input[type=email]:focus,
input[type=tel]:focus,
input[type=number]:focus,
input[type=url]:focus,
input[type=password]:focus,
input[type=search]:focus {
  outline: none;
}

a,
a:visited {
  color: #1a0c0c;
}

.required label::after,
.required strong::after,
.required legend::after {
  content: " *";
  color: #ec562d;
}
.required .radio-field > label::after {
  content: "";
}

.widget .widget-title {
  font-size: 1em;
  font-weight: bold;
  color: #1a0c0c;
  border-bottom: none;
  margin-bottom: 0;
}

.widget_product_categories button {
  background-color: #f0c450;
  border-radius: 5px;
}
.widget_product_categories .submit-product-categories-wrapper {
  bottom: 10px;
}
.widget_product_categories.widget.woocommerce li .count {
  float: none;
}
.widget_product_categories .widget-title {
  position: relative;
  top: 80px;
}

.widget-area .widget_search input[type=search],
.widget-area .widget_product_search input[type=search] {
  border: 1px solid black;
  border-radius: 5px;
  padding: 0.7em 1.4em;
  background-color: #ffffff;
}
.widget-area .widget_search form::before,
.widget-area .widget_product_search form::before {
  left: unset;
  right: 1em;
}

.torn-product-category-search-form {
  position: relative;
  top: -40px;
}

.site-main {
  position: relative;
  display: flex;
  flex-flow: column;
}

.vendor-page .site-main {
  padding-top: 25px;
}

#colophon .storefront-handheld-footer-bar {
  display: none;
}

html,
body {
  height: 100%;
  line-height: 1;
  margin: 0;
  padding: 0;
  border: 0;
  vertical-align: baseline;
}

button,
input,
select,
textarea {
  font-size: 100%;
  margin: 0;
  line-height: 1.618;
  text-rendering: optimizeLegibility;
  font-weight: 400;
}

textarea {
  padding: 12px 16px;
  border-radius: 12px;
  width: 100%;
  margin-top: 12px;
  border: 1px solid #666666;
}

ol,
ul {
  overflow-wrap: break-word;
  padding: 0;
}

* {
  box-sizing: border-box;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
}

a {
  text-decoration: none;
}

.torn-hypertext {
  text-decoration: underline !important;
}

p {
  overflow-wrap: break-word;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
  display: block;
}

table {
  border-spacing: 0;
  width: 100%;
  margin: 0 0 1.41575em;
  border-collapse: separate;
}
table td,
table th {
  padding: 1em 1.41575em;
  text-align: left;
  vertical-align: top;
}

img {
  height: auto;
  max-width: 100%;
  display: block;
  border-radius: 3px;
}

/**
 * Theese should probably be placed in component files.
 */
input[type=checkbox],
input[type=radio] {
  min-height: 24px;
  min-width: 24px;
  width: 32px;
  height: 32px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  vertical-align: text-bottom !important;
  outline: 0;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  border: 1px solid #1a0c0c;
  background-color: white;
  flex-shrink: 0;
  cursor: pointer;
  background-size: 16px;
  margin-right: 6px;
}
input[type=checkbox]:checked, input[type=checkbox][checked=checked]:not(body.woocommerce-cart .gateway-selector ul li input[type=radio][checked=checked]),
input[type=radio]:checked,
input[type=radio][checked=checked]:not(body.woocommerce-cart .gateway-selector ul li input[type=radio][checked=checked]) {
  background-color: #1a0c0c !important;
}
input[type=checkbox]:hover,
input[type=radio]:hover {
  box-shadow: 0 0 0 1px #1a0c0c;
}

input[type=radio] {
  border-radius: 50px;
}

input[type=checkbox] {
  border-radius: 8px;
}

input[type=text],
input[type=password],
input[type=number],
input[type=email],
input[type=tel],
input[type=url],
select {
  border: 1px solid #666666;
  margin-top: 12px;
  border-radius: 12px;
  padding: 12px 16px;
  font-size: 18px;
  line-height: 24px;
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

input[type=text]:hover:not([disabled]),
input[type=password]:hover:not([disabled]),
input[type=number]:hover:not([disabled]),
input[type=email]:hover:not([disabled]),
input[type=tel]:hover:not([disabled]),
input[type=url]:hover:not([disabled]),
textarea:hover:not([disabled]),
select:hover:not([disabled]) {
  outline: 1px solid #0f0f0f;
}

input[type=text]:disabled,
input[type=password]:disabled,
input[type=number]:disabled,
input[type=email]:disabled,
input[type=tel]:disabled,
input[type=url]:disabled,
textarea:disabled,
select:disabled {
  outline: 1px solid #eeeeee;
}

input[type=text]:focus,
input[type=password]:focus,
input[type=number]:focus,
input[type=email]:focus,
input[type=tel]:focus,
input[type=url]:focus,
textarea:focus,
select:focus {
  outline-width: 2px;
}

label {
  display: block;
}

dd {
  margin: 0 0 1.618em;
}

dt {
  font-weight: 600;
}

.screen-reader-text {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  -webkit-clip-path: inset(50%);
  clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
  word-wrap: normal !important;
}

.description {
  font-family: "Geist", sans-serif !important;
  font-size: 11px !important;
  font-weight: 400 !important;
  line-height: 17px !important;
  color: #898280 !important;
  margin-top: 0.25rem;
  margin-bottom: 0;
}
@media screen and (min-width: 1920px) {
  .description {
    font-size: 16px !important;
    line-height: 24px !important;
  }
}

.warning-description {
  font-family: "Geist", sans-serif !important;
  font-size: 11px !important;
  font-weight: 400 !important;
  line-height: 17px !important;
  color: #f78502 !important;
  margin-top: 12px;
}
@media screen and (min-width: 1920px) {
  .warning-description {
    font-size: 16px !important;
    line-height: 24px !important;
  }
}

.error-description {
  font-family: "Geist", sans-serif !important;
  font-size: 11px !important;
  font-weight: 400 !important;
  line-height: 17px !important;
  color: #ec562d !important;
  margin-top: 12px;
}
@media screen and (min-width: 1920px) {
  .error-description {
    font-size: 16px !important;
    line-height: 24px !important;
  }
}

#user_switching_switch_on {
  background-color: white;
  padding: 2px 4px !important;
  border-radius: 8px;
}

.torn-modal-backdrop {
  z-index: 40;
}

.torn-modal-container {
  position: fixed;
  top: 33%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: none;
  z-index: 50;
  background-color: white;
  box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
  border-radius: 24px;
  padding: 2.5rem 2rem;
  width: auto;
  max-width: 80vw;
  max-width: 80dvw;
  max-height: 90vh;
  max-height: 90dvh;
  overflow: auto;
}
@media screen and (min-width: 900px) {
  .torn-modal-container {
    top: 50%;
    padding: 4rem 2rem;
  }
}
@media screen and (max-width: 600px) {
  .torn-modal-container {
    max-height: 95vh;
    max-width: 99vw;
    max-width: 99dvw;
  }
}
@media screen and (max-width: 600px) {
  .torn-modal-container.narrow {
    width: 100%;
  }
}
.torn-modal-container .modal-content .modal-body {
  margin-top: 2rem;
}
@media screen and (max-width: 768px) {
  .torn-modal-container .modal-content .modal-body {
    margin-top: 1em;
  }
}
.torn-modal-container .modal-content .modal-body button,
.torn-modal-container .modal-content .modal-body a.button {
  width: auto;
  margin-top: 2rem;
}
@media screen and (max-width: 768px) {
  .torn-modal-container .modal-content .modal-body button,
  .torn-modal-container .modal-content .modal-body a.button {
    margin-top: 1em;
  }
}
.torn-modal-container.medium {
  padding: 32px;
  width: 755px;
}
.torn-modal-container label {
  text-align: left;
  font-size: 17px;
  font-weight: 700;
}
@media screen and (min-width: 900px) {
  .torn-modal-container label {
    margin-bottom: 12px;
  }
}
.torn-modal-container td {
  padding: 0;
}
.torn-modal-container input[type=password],
.torn-modal-container input[type=number],
.torn-modal-container input[type=tel],
.torn-modal-container input[type=text],
.torn-modal-container input[type=email],
.torn-modal-container button {
  width: 100%;
}
@media screen and (min-width: 900px) {
  .torn-modal-container input[type=password],
  .torn-modal-container input[type=number],
  .torn-modal-container input[type=tel],
  .torn-modal-container input[type=text],
  .torn-modal-container input[type=email],
  .torn-modal-container button {
    margin-bottom: 24px;
  }
}
.torn-modal-container button {
  justify-content: center;
}
.torn-modal-container button.close {
  position: absolute;
  text-indent: -9999px;
  border: none;
  background-color: transparent;
  right: 1.875rem;
  top: 1.875rem;
  height: 2.5rem;
  width: 2.5rem;
  background-size: 1.25rem;
}
.torn-modal-container .modal-headline {
  font-family: "Sharp Grotesk", sans-serif;
  font-size: 18px;
  line-height: 30px;
  font-weight: 400;
  color: #1a0c0c;
  margin: 0;
  padding-right: 1.875rem;
}
@media screen and (min-width: 900px) {
  .torn-modal-container .modal-headline {
    padding-bottom: 16px;
  }
}
.torn-modal-container .separator {
  border-bottom: 1px solid #e4e1dc;
  text-align: center;
  margin-bottom: 2rem;
}
.torn-modal-container .separator .text {
  color: #727272;
  margin: 0 auto;
  background-color: white;
  padding: 0 13px;
  position: relative;
  top: 8px;
  font-size: 14px;
}

body.show-modal-backdrop .torn-modal-container {
  display: flex;
  flex-direction: column;
}

.torn-toaster-container {
  position: fixed;
  height: fit-content;
  bottom: -120px;
  width: 100%;
  z-index: 99;
  padding: 20px 80px 20px 20px;
  transition: bottom 500ms;
  background-color: rgba(0, 0, 0, 0);
}
.torn-toaster-container.active {
  bottom: 0px;
}
.torn-toaster-container .box {
  color: #1a0c0c;
  margin: 0 auto !important;
  height: fit-content;
  display: flex;
  align-items: center;
  max-width: 800px;
  border-radius: 12px;
  border: 1px solid #f0c450;
  padding: 16px 24px 16px 24px;
  box-shadow: rgba(0, 0, 0, 0.25) 0px 54px 55px, rgba(0, 0, 0, 0.12) 0px -12px 30px, rgba(0, 0, 0, 0.12) 0px 4px 6px, rgba(0, 0, 0, 0.17) 0px 12px 13px, rgba(0, 0, 0, 0.09) 0px -3px 5px;
}
@media only screen and (max-width: 480px) {
  .torn-toaster-container .box {
    flex-direction: column;
    align-items: flex-start;
    gap: 6px;
    padding: 12px;
  }
}
.torn-toaster-container .box.success {
  background-color: #e6f9ea;
  border-color: #1f9f3c;
}
.torn-toaster-container .box.error {
  background-color: #ffe4e2;
  border-color: #d02e24;
  white-space: normal;
}
.torn-toaster-container .box.warning {
  background-color: #fef9ee;
  border-color: #f0c450;
}
.torn-toaster-container .box.info {
  background-color: #e4f0ff;
  border-color: #3074c1;
}
.torn-toaster-container .box .content {
  flex: 1;
  font-size: 18px;
  line-height: 24px;
  font-weight: 500;
}
@media only screen and (max-width: 480px) {
  .torn-toaster-container .box .content {
    font-size: 16px;
    line-height: 20px;
  }
}
.torn-toaster-container .box .button {
  flex: 0 0 fit-content;
  border: 1px solid #1a0c0c;
  border-radius: 50px;
  padding: 8px 12px;
  font-size: 14px;
  font-weight: 700;
  line-height: 14px;
}

#content {
  height: auto;
}

html {
  scroll-behavior: smooth;
}

.info-items-container {
  width: 100%;
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  column-gap: 2rem;
}
.info-items-container h1 {
  padding: 1rem 0;
}
.info-items-container .info-item .styled-heading {
  white-space: nowrap;
  display: flex;
  align-items: center;
  font-family: "Geist", sans-serif;
  font-size: 10px !important;
  font-weight: 400 !important;
  line-height: 15px !important;
}
@media screen and (min-width: 1920px) {
  .info-items-container .info-item .styled-heading {
    font-size: 14px !important;
    line-height: 21px !important;
  }
}
.info-items-container .info-item span {
  font-family: "Sharp Grotesk", sans-serif;
  font-size: 26px !important;
  font-weight: 500;
  line-height: 28px;
  white-space: nowrap;
}
@media screen and (min-width: 1920px) {
  .info-items-container .info-item span {
    font-size: 32px !important;
    line-height: 32px;
  }
}
.info-items-container .info-item .vat-text {
  font-family: "Geist", sans-serif;
  font-size: 10px !important;
  font-weight: 400 !important;
  line-height: 15px !important;
  color: #898280;
  margin-left: 1ch;
}
@media screen and (min-width: 1920px) {
  .info-items-container .info-item .vat-text {
    font-size: 14px !important;
    line-height: 21px !important;
  }
}
.info-items-container .sale-stats-container {
  display: flex;
}
.info-items-container .sale-stats-container .info-item {
  margin-right: 1rem;
}
.info-items-container .sale-stats-circle {
  width: 0.7rem;
  height: 0.7rem;
  border-radius: 50%;
  margin-left: 0.5rem;
}
.info-items-container .sale-stats-circle.sale-stat-red {
  background-color: #e24242;
}
.info-items-container .sale-stats-circle.sale-stat-orange {
  background-color: #f78502;
}
.info-items-container .sale-stats-circle.sale-stat-green {
  background-color: #1fb775;
}
.info-items-container .green span:last-child:not(.vat-text) {
  color: #1fb775;
}
.info-items-container .purple span:last-child {
  color: rgb(150, 77, 213);
}
.info-items-container .subscription-service {
  background-color: #d0f2de;
  border-radius: 24px;
  padding: 1rem;
  max-width: 270px;
  font-size: 16px;
  letter-spacing: 0em;
}
.info-items-container .subscription-service .subscription-service-heading {
  font-weight: 700;
  line-height: 18px;
  letter-spacing: 0em;
  margin-bottom: 8px;
}
.info-items-container .subscription-service .subscription-service-description {
  font-size: 16px;
  font-weight: 400;
  line-height: 20px;
}
@media screen and (min-width: 1920px) {
  .info-items-container {
    column-gap: 5rem;
  }
  .info-items-container .info-item .styled-heading {
    line-height: 24px !important;
  }
  .info-items-container .sale-stats-circle {
    width: 1rem;
    height: 1rem;
  }
}
h1,
h1 *,
h2,
h2 *,
h3,
h3 * {
  font-family: "Sharp Grotesk", sans-serif;
  margin: 0 0 0.5407911001em;
}

* {
  font-family: "Geist", sans-serif;
}

/**
* Buttons: Bør flyttes til en egen fil med alt knapper.
* @see https://torn-team.atlassian.net/browse/TORN-1104
 */
button.disabled,
button:disabled,
input[type=button].disabled,
input[type=button]:disabled,
input[type=reset].disabled,
input[type=reset]:disabled,
input[type=submit].disabled,
input[type=submit]:disabled,
.button.disabled,
.button:disabled,
.wc-block-grid__products .wc-block-grid__product .wp-block-button__link.disabled,
.wc-block-grid__products .wc-block-grid__product .wp-block-button__link:disabled,
.added_to_cart.disabled,
.added_to_cart:disabled {
  opacity: 0.5 !important;
  cursor: not-allowed;
}

button,
input[type=button],
input[type=reset],
input[type=submit],
.button,
.wc-block-grid__products .wc-block-grid__product .wp-block-button__link,
.added_to_cart {
  cursor: pointer;
  text-shadow: none;
  -webkit-appearance: none;
  word-break: break-word;
}

body {
  background-color: #fbf9f3;
}
body.page-template-authentication {
  background-color: #fcfcfc;
}

a:focus,
button:focus,
.button.alt:focus,
input:focus,
textarea:focus,
input[type=button]:focus,
input[type=reset]:focus,
input[type=submit]:focus,
input[type=email]:focus,
input[type=tel]:focus,
input[type=number]:focus,
input[type=url]:focus,
input[type=password]:focus,
input[type=search]:focus {
  outline: none;
}

a,
a:visited {
  color: #1a0c0c;
}

.required label::after,
.required strong::after,
.required legend::after {
  content: " *";
  color: #ec562d;
}
.required .radio-field > label::after {
  content: "";
}

.widget .widget-title {
  font-size: 1em;
  font-weight: bold;
  color: #1a0c0c;
  border-bottom: none;
  margin-bottom: 0;
}

.widget_product_categories button {
  background-color: #f0c450;
  border-radius: 5px;
}
.widget_product_categories .submit-product-categories-wrapper {
  bottom: 10px;
}
.widget_product_categories.widget.woocommerce li .count {
  float: none;
}
.widget_product_categories .widget-title {
  position: relative;
  top: 80px;
}

.widget-area .widget_search input[type=search],
.widget-area .widget_product_search input[type=search] {
  border: 1px solid black;
  border-radius: 5px;
  padding: 0.7em 1.4em;
  background-color: #ffffff;
}
.widget-area .widget_search form::before,
.widget-area .widget_product_search form::before {
  left: unset;
  right: 1em;
}

.torn-product-category-search-form {
  position: relative;
  top: -40px;
}

.site-main {
  position: relative;
  display: flex;
  flex-flow: column;
}

.vendor-page .site-main {
  padding-top: 25px;
}

#colophon .storefront-handheld-footer-bar {
  display: none;
}

html,
body {
  height: 100%;
  line-height: 1;
  margin: 0;
  padding: 0;
  border: 0;
  vertical-align: baseline;
}

button,
input,
select,
textarea {
  font-size: 100%;
  margin: 0;
  line-height: 1.618;
  text-rendering: optimizeLegibility;
  font-weight: 400;
}

textarea {
  padding: 12px 16px;
  border-radius: 12px;
  width: 100%;
  margin-top: 12px;
  border: 1px solid #666666;
}

ol,
ul {
  overflow-wrap: break-word;
  padding: 0;
}

* {
  box-sizing: border-box;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
}

a {
  text-decoration: none;
}

.torn-hypertext {
  text-decoration: underline !important;
}

p {
  overflow-wrap: break-word;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
  display: block;
}

table {
  border-spacing: 0;
  width: 100%;
  margin: 0 0 1.41575em;
  border-collapse: separate;
}
table td,
table th {
  padding: 1em 1.41575em;
  text-align: left;
  vertical-align: top;
}

img {
  height: auto;
  max-width: 100%;
  display: block;
  border-radius: 3px;
}

/**
 * Theese should probably be placed in component files.
 */
input[type=checkbox],
input[type=radio] {
  min-height: 24px;
  min-width: 24px;
  width: 32px;
  height: 32px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  vertical-align: text-bottom !important;
  outline: 0;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  border: 1px solid #1a0c0c;
  background-color: white;
  flex-shrink: 0;
  cursor: pointer;
  background-size: 16px;
  margin-right: 6px;
}
input[type=checkbox]:checked, input[type=checkbox][checked=checked]:not(body.woocommerce-cart .gateway-selector ul li input[type=radio][checked=checked]),
input[type=radio]:checked,
input[type=radio][checked=checked]:not(body.woocommerce-cart .gateway-selector ul li input[type=radio][checked=checked]) {
  background-color: #1a0c0c !important;
}
input[type=checkbox]:hover,
input[type=radio]:hover {
  box-shadow: 0 0 0 1px #1a0c0c;
}

input[type=radio] {
  border-radius: 50px;
}

input[type=checkbox] {
  border-radius: 8px;
}

input[type=text],
input[type=password],
input[type=number],
input[type=email],
input[type=tel],
input[type=url],
select {
  border: 1px solid #666666;
  margin-top: 12px;
  border-radius: 12px;
  padding: 12px 16px;
  font-size: 18px;
  line-height: 24px;
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

input[type=text]:hover:not([disabled]),
input[type=password]:hover:not([disabled]),
input[type=number]:hover:not([disabled]),
input[type=email]:hover:not([disabled]),
input[type=tel]:hover:not([disabled]),
input[type=url]:hover:not([disabled]),
textarea:hover:not([disabled]),
select:hover:not([disabled]) {
  outline: 1px solid #0f0f0f;
}

input[type=text]:disabled,
input[type=password]:disabled,
input[type=number]:disabled,
input[type=email]:disabled,
input[type=tel]:disabled,
input[type=url]:disabled,
textarea:disabled,
select:disabled {
  outline: 1px solid #eeeeee;
}

input[type=text]:focus,
input[type=password]:focus,
input[type=number]:focus,
input[type=email]:focus,
input[type=tel]:focus,
input[type=url]:focus,
textarea:focus,
select:focus {
  outline-width: 2px;
}

label {
  display: block;
}

dd {
  margin: 0 0 1.618em;
}

dt {
  font-weight: 600;
}

.screen-reader-text {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  -webkit-clip-path: inset(50%);
  clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
  word-wrap: normal !important;
}

.description {
  font-family: "Geist", sans-serif !important;
  font-size: 11px !important;
  font-weight: 400 !important;
  line-height: 17px !important;
  color: #898280 !important;
  margin-top: 0.25rem;
  margin-bottom: 0;
}
@media screen and (min-width: 1920px) {
  .description {
    font-size: 16px !important;
    line-height: 24px !important;
  }
}

.warning-description {
  font-family: "Geist", sans-serif !important;
  font-size: 11px !important;
  font-weight: 400 !important;
  line-height: 17px !important;
  color: #f78502 !important;
  margin-top: 12px;
}
@media screen and (min-width: 1920px) {
  .warning-description {
    font-size: 16px !important;
    line-height: 24px !important;
  }
}

.error-description {
  font-family: "Geist", sans-serif !important;
  font-size: 11px !important;
  font-weight: 400 !important;
  line-height: 17px !important;
  color: #ec562d !important;
  margin-top: 12px;
}
@media screen and (min-width: 1920px) {
  .error-description {
    font-size: 16px !important;
    line-height: 24px !important;
  }
}

#user_switching_switch_on {
  background-color: white;
  padding: 2px 4px !important;
  border-radius: 8px;
}

.torn-modal-backdrop {
  z-index: 40;
}

.torn-modal-container {
  position: fixed;
  top: 33%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: none;
  z-index: 50;
  background-color: white;
  box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
  border-radius: 24px;
  padding: 2.5rem 2rem;
  width: auto;
  max-width: 80vw;
  max-width: 80dvw;
  max-height: 90vh;
  max-height: 90dvh;
  overflow: auto;
}
@media screen and (min-width: 900px) {
  .torn-modal-container {
    top: 50%;
    padding: 4rem 2rem;
  }
}
@media screen and (max-width: 600px) {
  .torn-modal-container {
    max-height: 95vh;
    max-width: 99vw;
    max-width: 99dvw;
  }
}
@media screen and (max-width: 600px) {
  .torn-modal-container.narrow {
    width: 100%;
  }
}
.torn-modal-container .modal-content .modal-body {
  margin-top: 2rem;
}
@media screen and (max-width: 768px) {
  .torn-modal-container .modal-content .modal-body {
    margin-top: 1em;
  }
}
.torn-modal-container .modal-content .modal-body button,
.torn-modal-container .modal-content .modal-body a.button {
  width: auto;
  margin-top: 2rem;
}
@media screen and (max-width: 768px) {
  .torn-modal-container .modal-content .modal-body button,
  .torn-modal-container .modal-content .modal-body a.button {
    margin-top: 1em;
  }
}
.torn-modal-container.medium {
  padding: 32px;
  width: 755px;
}
.torn-modal-container label {
  text-align: left;
  font-size: 17px;
  font-weight: 700;
}
@media screen and (min-width: 900px) {
  .torn-modal-container label {
    margin-bottom: 12px;
  }
}
.torn-modal-container td {
  padding: 0;
}
.torn-modal-container input[type=password],
.torn-modal-container input[type=number],
.torn-modal-container input[type=tel],
.torn-modal-container input[type=text],
.torn-modal-container input[type=email],
.torn-modal-container button {
  width: 100%;
}
@media screen and (min-width: 900px) {
  .torn-modal-container input[type=password],
  .torn-modal-container input[type=number],
  .torn-modal-container input[type=tel],
  .torn-modal-container input[type=text],
  .torn-modal-container input[type=email],
  .torn-modal-container button {
    margin-bottom: 24px;
  }
}
.torn-modal-container button {
  justify-content: center;
}
.torn-modal-container button.close {
  position: absolute;
  text-indent: -9999px;
  border: none;
  background-color: transparent;
  right: 1.875rem;
  top: 1.875rem;
  height: 2.5rem;
  width: 2.5rem;
  background-size: 1.25rem;
}
.torn-modal-container .modal-headline {
  font-family: "Sharp Grotesk", sans-serif;
  font-size: 18px;
  line-height: 30px;
  font-weight: 400;
  color: #1a0c0c;
  margin: 0;
  padding-right: 1.875rem;
}
@media screen and (min-width: 900px) {
  .torn-modal-container .modal-headline {
    padding-bottom: 16px;
  }
}
.torn-modal-container .separator {
  border-bottom: 1px solid #e4e1dc;
  text-align: center;
  margin-bottom: 2rem;
}
.torn-modal-container .separator .text {
  color: #727272;
  margin: 0 auto;
  background-color: white;
  padding: 0 13px;
  position: relative;
  top: 8px;
  font-size: 14px;
}

body.show-modal-backdrop .torn-modal-container {
  display: flex;
  flex-direction: column;
}

.torn-toaster-container {
  position: fixed;
  height: fit-content;
  bottom: -120px;
  width: 100%;
  z-index: 99;
  padding: 20px 80px 20px 20px;
  transition: bottom 500ms;
  background-color: rgba(0, 0, 0, 0);
}
.torn-toaster-container.active {
  bottom: 0px;
}
.torn-toaster-container .box {
  color: #1a0c0c;
  margin: 0 auto !important;
  height: fit-content;
  display: flex;
  align-items: center;
  max-width: 800px;
  border-radius: 12px;
  border: 1px solid #f0c450;
  padding: 16px 24px 16px 24px;
  box-shadow: rgba(0, 0, 0, 0.25) 0px 54px 55px, rgba(0, 0, 0, 0.12) 0px -12px 30px, rgba(0, 0, 0, 0.12) 0px 4px 6px, rgba(0, 0, 0, 0.17) 0px 12px 13px, rgba(0, 0, 0, 0.09) 0px -3px 5px;
}
@media only screen and (max-width: 480px) {
  .torn-toaster-container .box {
    flex-direction: column;
    align-items: flex-start;
    gap: 6px;
    padding: 12px;
  }
}
.torn-toaster-container .box.success {
  background-color: #e6f9ea;
  border-color: #1f9f3c;
}
.torn-toaster-container .box.error {
  background-color: #ffe4e2;
  border-color: #d02e24;
  white-space: normal;
}
.torn-toaster-container .box.warning {
  background-color: #fef9ee;
  border-color: #f0c450;
}
.torn-toaster-container .box.info {
  background-color: #e4f0ff;
  border-color: #3074c1;
}
.torn-toaster-container .box .content {
  flex: 1;
  font-size: 18px;
  line-height: 24px;
  font-weight: 500;
}
@media only screen and (max-width: 480px) {
  .torn-toaster-container .box .content {
    font-size: 16px;
    line-height: 20px;
  }
}
.torn-toaster-container .box .button {
  flex: 0 0 fit-content;
  border: 1px solid #1a0c0c;
  border-radius: 50px;
  padding: 8px 12px;
  font-size: 14px;
  font-weight: 700;
  line-height: 14px;
}

#content {
  height: auto;
}

html {
  scroll-behavior: smooth;
}

.flex-row {
  display: flex;
  align-items: center;
}

.settings-page-container {
  max-width: 1920px;
  padding: 0 60px;
  display: grid;
  grid-template-columns: 1fr 1fr;
  column-gap: 60px;
  margin-top: 2rem;
}
@media screen and (max-width: 1028px) {
  .settings-page-container {
    grid-template-columns: 1fr;
    padding: 0 0;
  }
  .settings-page-container > .box {
    padding: 20px;
  }
}
.settings-page-container h3 {
  margin: 1rem 0;
}
.settings-page-container button {
  margin-top: 4rem;
}
.settings-page-container .heading h3 {
  font-family: "Sharp Grotesk", sans-serif;
  font-size: 16.5px !important;
  font-weight: 500;
  line-height: 25px;
}
@media screen and (min-width: 1920px) {
  .settings-page-container .heading h3 {
    font-size: 24px !important;
    line-height: 30px;
  }
}
.settings-page-container .heading p {
  font-family: "Geist", sans-serif;
  font-size: 12.5px !important;
  font-weight: 400 !important;
  line-height: 17px !important;
}
@media screen and (min-width: 1920px) {
  .settings-page-container .heading p {
    font-size: 18px !important;
    line-height: 26px !important;
  }
}
.settings-page-container .contents-container {
  display: flex;
  flex-direction: column;
}
@media screen and (max-width: 1028px) {
  .settings-page-container .contents-container > .box {
    padding: 20px;
  }
  .settings-page-container .contents-container:not(:first-child) {
    margin-top: 4rem;
  }
}
.settings-page-container .contents-container .content-container {
  display: flex;
  flex-direction: column;
}
.settings-page-container .contents-container .content-container .single-staff {
  font-family: "Geist", sans-serif !important;
  font-size: 11px !important;
  font-weight: 400 !important;
  line-height: 17px !important;
}
@media screen and (min-width: 1920px) {
  .settings-page-container .contents-container .content-container .single-staff {
    font-size: 16px !important;
    line-height: 24px !important;
  }
}
.settings-page-container .contents-container .content-container .single-staff span:first-child {
  font-weight: 700;
}
.settings-page-container .contents-container .content-container p {
  font-size: 18px;
  line-height: 27px;
}
.settings-page-container .contents-container .content-container:not(:first-child) {
  margin-top: 4rem;
}
.settings-page-container .contents-container .content-container .content:not(:first-child) {
  margin-top: 2rem;
}
.settings-page-container .form-container {
  background-color: white;
  width: 100%;
}
.settings-page-container .form-container .logo-container {
  margin-top: 2rem;
}
.settings-page-container .form-container .logo-container .logo {
  width: 10rem;
  height: 10rem;
  border: 1px solid;
}
.settings-page-container .form-container .description-container {
  margin-top: 2rem;
}
.settings-page-container .form-container .fieldset-buttons .checkbox-field {
  margin-top: 24px;
}
.settings-page-container .time-row-heading {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  margin-bottom: 12px;
}
@media only screen and (max-width: 1024px) {
  .settings-page-container .time-row-heading {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
.settings-page-container .time-container .time-row {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  margin-bottom: 24px;
}
@media only screen and (max-width: 1024px) {
  .settings-page-container .time-container .time-row {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
.settings-page-container .time-container .time-row .field {
  margin: 0;
}
.settings-page-container .time-container .time-row .field input {
  margin: 0;
  width: 7ch;
}
.settings-page-container .time-container .time-row span {
  padding: 8px 0;
  align-self: center;
}
.settings-page-container .time-container .store-closed {
  margin-top: 1.5rem;
}
.settings-page-container .notification-and-report-container div {
  margin-top: 2rem;
}

.zip-code-field {
  position: relative;
}
.zip-code-field input {
  width: 7ch;
}
.zip-code-field span {
  font-family: "Geist", sans-serif !important;
  font-size: 11px !important;
  font-weight: 400 !important;
  line-height: 17px !important;
  position: absolute;
  left: 10ch;
  top: 42px;
}
@media screen and (min-width: 1920px) {
  .zip-code-field span {
    font-size: 16px !important;
    line-height: 24px !important;
  }
}
@media screen and (min-width: 1920px) {
  .zip-code-field span {
    top: 54px;
  }
}

.settings-info-box {
  margin-top: 20px;
  padding-left: 40px;
  position: relative;
  display: flex;
  align-items: center;
}
.settings-info-box p {
  font-family: "Geist", sans-serif;
  font-size: 12.5px !important;
  font-weight: 400 !important;
  line-height: 17px !important;
}
@media screen and (min-width: 1920px) {
  .settings-info-box p {
    font-size: 18px !important;
    line-height: 26px !important;
  }
}
.settings-info-box::before {
  content: "!";
  position: absolute;
  left: 0;
  top: 10px;
  font-size: 80px; /* Adjust as needed */
  line-height: 1;
  color: black; /* Adjust color as needed */
}
h1,
h1 *,
h2,
h2 *,
h3,
h3 * {
  font-family: "Sharp Grotesk", sans-serif;
  margin: 0 0 0.5407911001em;
}

* {
  font-family: "Geist", sans-serif;
}

/**
* Buttons: Bør flyttes til en egen fil med alt knapper.
* @see https://torn-team.atlassian.net/browse/TORN-1104
 */
button.disabled,
button:disabled,
input[type=button].disabled,
input[type=button]:disabled,
input[type=reset].disabled,
input[type=reset]:disabled,
input[type=submit].disabled,
input[type=submit]:disabled,
.button.disabled,
.button:disabled,
.wc-block-grid__products .wc-block-grid__product .wp-block-button__link.disabled,
.wc-block-grid__products .wc-block-grid__product .wp-block-button__link:disabled,
.added_to_cart.disabled,
.added_to_cart:disabled {
  opacity: 0.5 !important;
  cursor: not-allowed;
}

button,
input[type=button],
input[type=reset],
input[type=submit],
.button,
.wc-block-grid__products .wc-block-grid__product .wp-block-button__link,
.added_to_cart {
  cursor: pointer;
  text-shadow: none;
  -webkit-appearance: none;
  word-break: break-word;
}

body {
  background-color: #fbf9f3;
}
body.page-template-authentication {
  background-color: #fcfcfc;
}

a:focus,
button:focus,
.button.alt:focus,
input:focus,
textarea:focus,
input[type=button]:focus,
input[type=reset]:focus,
input[type=submit]:focus,
input[type=email]:focus,
input[type=tel]:focus,
input[type=number]:focus,
input[type=url]:focus,
input[type=password]:focus,
input[type=search]:focus {
  outline: none;
}

a,
a:visited {
  color: #1a0c0c;
}

.required label::after,
.required strong::after,
.required legend::after {
  content: " *";
  color: #ec562d;
}
.required .radio-field > label::after {
  content: "";
}

.widget .widget-title {
  font-size: 1em;
  font-weight: bold;
  color: #1a0c0c;
  border-bottom: none;
  margin-bottom: 0;
}

.widget_product_categories button {
  background-color: #f0c450;
  border-radius: 5px;
}
.widget_product_categories .submit-product-categories-wrapper {
  bottom: 10px;
}
.widget_product_categories.widget.woocommerce li .count {
  float: none;
}
.widget_product_categories .widget-title {
  position: relative;
  top: 80px;
}

.widget-area .widget_search input[type=search],
.widget-area .widget_product_search input[type=search] {
  border: 1px solid black;
  border-radius: 5px;
  padding: 0.7em 1.4em;
  background-color: #ffffff;
}
.widget-area .widget_search form::before,
.widget-area .widget_product_search form::before {
  left: unset;
  right: 1em;
}

.torn-product-category-search-form {
  position: relative;
  top: -40px;
}

.site-main {
  position: relative;
  display: flex;
  flex-flow: column;
}

.vendor-page .site-main {
  padding-top: 25px;
}

#colophon .storefront-handheld-footer-bar {
  display: none;
}

html,
body {
  height: 100%;
  line-height: 1;
  margin: 0;
  padding: 0;
  border: 0;
  vertical-align: baseline;
}

button,
input,
select,
textarea {
  font-size: 100%;
  margin: 0;
  line-height: 1.618;
  text-rendering: optimizeLegibility;
  font-weight: 400;
}

textarea {
  padding: 12px 16px;
  border-radius: 12px;
  width: 100%;
  margin-top: 12px;
  border: 1px solid #666666;
}

ol,
ul {
  overflow-wrap: break-word;
  padding: 0;
}

* {
  box-sizing: border-box;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
}

a {
  text-decoration: none;
}

.torn-hypertext {
  text-decoration: underline !important;
}

p {
  overflow-wrap: break-word;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
  display: block;
}

table {
  border-spacing: 0;
  width: 100%;
  margin: 0 0 1.41575em;
  border-collapse: separate;
}
table td,
table th {
  padding: 1em 1.41575em;
  text-align: left;
  vertical-align: top;
}

img {
  height: auto;
  max-width: 100%;
  display: block;
  border-radius: 3px;
}

/**
 * Theese should probably be placed in component files.
 */
input[type=checkbox],
input[type=radio] {
  min-height: 24px;
  min-width: 24px;
  width: 32px;
  height: 32px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  vertical-align: text-bottom !important;
  outline: 0;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  border: 1px solid #1a0c0c;
  background-color: white;
  flex-shrink: 0;
  cursor: pointer;
  background-size: 16px;
  margin-right: 6px;
}
input[type=checkbox]:checked, input[type=checkbox][checked=checked]:not(body.woocommerce-cart .gateway-selector ul li input[type=radio][checked=checked]),
input[type=radio]:checked,
input[type=radio][checked=checked]:not(body.woocommerce-cart .gateway-selector ul li input[type=radio][checked=checked]) {
  background-color: #1a0c0c !important;
}
input[type=checkbox]:hover,
input[type=radio]:hover {
  box-shadow: 0 0 0 1px #1a0c0c;
}

input[type=radio] {
  border-radius: 50px;
}

input[type=checkbox] {
  border-radius: 8px;
}

input[type=text],
input[type=password],
input[type=number],
input[type=email],
input[type=tel],
input[type=url],
select {
  border: 1px solid #666666;
  margin-top: 12px;
  border-radius: 12px;
  padding: 12px 16px;
  font-size: 18px;
  line-height: 24px;
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

input[type=text]:hover:not([disabled]),
input[type=password]:hover:not([disabled]),
input[type=number]:hover:not([disabled]),
input[type=email]:hover:not([disabled]),
input[type=tel]:hover:not([disabled]),
input[type=url]:hover:not([disabled]),
textarea:hover:not([disabled]),
select:hover:not([disabled]) {
  outline: 1px solid #0f0f0f;
}

input[type=text]:disabled,
input[type=password]:disabled,
input[type=number]:disabled,
input[type=email]:disabled,
input[type=tel]:disabled,
input[type=url]:disabled,
textarea:disabled,
select:disabled {
  outline: 1px solid #eeeeee;
}

input[type=text]:focus,
input[type=password]:focus,
input[type=number]:focus,
input[type=email]:focus,
input[type=tel]:focus,
input[type=url]:focus,
textarea:focus,
select:focus {
  outline-width: 2px;
}

label {
  display: block;
}

dd {
  margin: 0 0 1.618em;
}

dt {
  font-weight: 600;
}

.screen-reader-text {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  -webkit-clip-path: inset(50%);
  clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
  word-wrap: normal !important;
}

.description {
  font-family: "Geist", sans-serif !important;
  font-size: 11px !important;
  font-weight: 400 !important;
  line-height: 17px !important;
  color: #898280 !important;
  margin-top: 0.25rem;
  margin-bottom: 0;
}
@media screen and (min-width: 1920px) {
  .description {
    font-size: 16px !important;
    line-height: 24px !important;
  }
}

.warning-description {
  font-family: "Geist", sans-serif !important;
  font-size: 11px !important;
  font-weight: 400 !important;
  line-height: 17px !important;
  color: #f78502 !important;
  margin-top: 12px;
}
@media screen and (min-width: 1920px) {
  .warning-description {
    font-size: 16px !important;
    line-height: 24px !important;
  }
}

.error-description {
  font-family: "Geist", sans-serif !important;
  font-size: 11px !important;
  font-weight: 400 !important;
  line-height: 17px !important;
  color: #ec562d !important;
  margin-top: 12px;
}
@media screen and (min-width: 1920px) {
  .error-description {
    font-size: 16px !important;
    line-height: 24px !important;
  }
}

#user_switching_switch_on {
  background-color: white;
  padding: 2px 4px !important;
  border-radius: 8px;
}

.torn-modal-backdrop {
  z-index: 40;
}

.torn-modal-container {
  position: fixed;
  top: 33%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: none;
  z-index: 50;
  background-color: white;
  box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
  border-radius: 24px;
  padding: 2.5rem 2rem;
  width: auto;
  max-width: 80vw;
  max-width: 80dvw;
  max-height: 90vh;
  max-height: 90dvh;
  overflow: auto;
}
@media screen and (min-width: 900px) {
  .torn-modal-container {
    top: 50%;
    padding: 4rem 2rem;
  }
}
@media screen and (max-width: 600px) {
  .torn-modal-container {
    max-height: 95vh;
    max-width: 99vw;
    max-width: 99dvw;
  }
}
@media screen and (max-width: 600px) {
  .torn-modal-container.narrow {
    width: 100%;
  }
}
.torn-modal-container .modal-content .modal-body {
  margin-top: 2rem;
}
@media screen and (max-width: 768px) {
  .torn-modal-container .modal-content .modal-body {
    margin-top: 1em;
  }
}
.torn-modal-container .modal-content .modal-body button,
.torn-modal-container .modal-content .modal-body a.button {
  width: auto;
  margin-top: 2rem;
}
@media screen and (max-width: 768px) {
  .torn-modal-container .modal-content .modal-body button,
  .torn-modal-container .modal-content .modal-body a.button {
    margin-top: 1em;
  }
}
.torn-modal-container.medium {
  padding: 32px;
  width: 755px;
}
.torn-modal-container label {
  text-align: left;
  font-size: 17px;
  font-weight: 700;
}
@media screen and (min-width: 900px) {
  .torn-modal-container label {
    margin-bottom: 12px;
  }
}
.torn-modal-container td {
  padding: 0;
}
.torn-modal-container input[type=password],
.torn-modal-container input[type=number],
.torn-modal-container input[type=tel],
.torn-modal-container input[type=text],
.torn-modal-container input[type=email],
.torn-modal-container button {
  width: 100%;
}
@media screen and (min-width: 900px) {
  .torn-modal-container input[type=password],
  .torn-modal-container input[type=number],
  .torn-modal-container input[type=tel],
  .torn-modal-container input[type=text],
  .torn-modal-container input[type=email],
  .torn-modal-container button {
    margin-bottom: 24px;
  }
}
.torn-modal-container button {
  justify-content: center;
}
.torn-modal-container button.close {
  position: absolute;
  text-indent: -9999px;
  border: none;
  background-color: transparent;
  right: 1.875rem;
  top: 1.875rem;
  height: 2.5rem;
  width: 2.5rem;
  background-size: 1.25rem;
}
.torn-modal-container .modal-headline {
  font-family: "Sharp Grotesk", sans-serif;
  font-size: 18px;
  line-height: 30px;
  font-weight: 400;
  color: #1a0c0c;
  margin: 0;
  padding-right: 1.875rem;
}
@media screen and (min-width: 900px) {
  .torn-modal-container .modal-headline {
    padding-bottom: 16px;
  }
}
.torn-modal-container .separator {
  border-bottom: 1px solid #e4e1dc;
  text-align: center;
  margin-bottom: 2rem;
}
.torn-modal-container .separator .text {
  color: #727272;
  margin: 0 auto;
  background-color: white;
  padding: 0 13px;
  position: relative;
  top: 8px;
  font-size: 14px;
}

body.show-modal-backdrop .torn-modal-container {
  display: flex;
  flex-direction: column;
}

.torn-toaster-container {
  position: fixed;
  height: fit-content;
  bottom: -120px;
  width: 100%;
  z-index: 99;
  padding: 20px 80px 20px 20px;
  transition: bottom 500ms;
  background-color: rgba(0, 0, 0, 0);
}
.torn-toaster-container.active {
  bottom: 0px;
}
.torn-toaster-container .box {
  color: #1a0c0c;
  margin: 0 auto !important;
  height: fit-content;
  display: flex;
  align-items: center;
  max-width: 800px;
  border-radius: 12px;
  border: 1px solid #f0c450;
  padding: 16px 24px 16px 24px;
  box-shadow: rgba(0, 0, 0, 0.25) 0px 54px 55px, rgba(0, 0, 0, 0.12) 0px -12px 30px, rgba(0, 0, 0, 0.12) 0px 4px 6px, rgba(0, 0, 0, 0.17) 0px 12px 13px, rgba(0, 0, 0, 0.09) 0px -3px 5px;
}
@media only screen and (max-width: 480px) {
  .torn-toaster-container .box {
    flex-direction: column;
    align-items: flex-start;
    gap: 6px;
    padding: 12px;
  }
}
.torn-toaster-container .box.success {
  background-color: #e6f9ea;
  border-color: #1f9f3c;
}
.torn-toaster-container .box.error {
  background-color: #ffe4e2;
  border-color: #d02e24;
  white-space: normal;
}
.torn-toaster-container .box.warning {
  background-color: #fef9ee;
  border-color: #f0c450;
}
.torn-toaster-container .box.info {
  background-color: #e4f0ff;
  border-color: #3074c1;
}
.torn-toaster-container .box .content {
  flex: 1;
  font-size: 18px;
  line-height: 24px;
  font-weight: 500;
}
@media only screen and (max-width: 480px) {
  .torn-toaster-container .box .content {
    font-size: 16px;
    line-height: 20px;
  }
}
.torn-toaster-container .box .button {
  flex: 0 0 fit-content;
  border: 1px solid #1a0c0c;
  border-radius: 50px;
  padding: 8px 12px;
  font-size: 14px;
  font-weight: 700;
  line-height: 14px;
}

#content {
  height: auto;
}

html {
  scroll-behavior: smooth;
}

.orderlist-page-container {
  width: auto;
  height: auto;
  display: flex;
  flex-flow: column;
  align-items: flex-start;
  margin-top: 1.25rem;
}
.orderlist-page-container h1 {
  margin-bottom: 0;
  font-family: "Sharp Grotesk", sans-serif;
  font-size: 26px !important;
  font-weight: 500;
  line-height: 28px;
}
@media screen and (min-width: 1920px) {
  .orderlist-page-container h1 {
    font-size: 32px !important;
    line-height: 32px;
  }
}
.orderlist-page-container .shipping-agent-logo {
  position: absolute;
  top: 12px;
  right: 4px;
  height: 16px;
}
.orderlist-page-container .table-container .resizer {
  display: none;
}
.orderlist-page-container .table-container .header-container .table-filters--buttons {
  margin: 50px 0;
}
.orderlist-page-container .table-container .header-container .table-filters--buttons .fieldset-buttons {
  display: flex;
  gap: 15px;
}
.orderlist-page-container .table-container tbody td {
  cursor: pointer;
}
.orderlist-page-container .table-container tbody td .is-overdue {
  display: flex;
  align-items: center;
  justify-content: center;
  width: fit-content;
}
.orderlist-page-container .table-container tbody td .is-overdue .overdue-popup-icon {
  margin-left: 0.4rem;
}
h1,
h1 *,
h2,
h2 *,
h3,
h3 * {
  font-family: "Sharp Grotesk", sans-serif;
  margin: 0 0 0.5407911001em;
}

* {
  font-family: "Geist", sans-serif;
}

/**
* Buttons: Bør flyttes til en egen fil med alt knapper.
* @see https://torn-team.atlassian.net/browse/TORN-1104
 */
button.disabled,
button:disabled,
input[type=button].disabled,
input[type=button]:disabled,
input[type=reset].disabled,
input[type=reset]:disabled,
input[type=submit].disabled,
input[type=submit]:disabled,
.button.disabled,
.button:disabled,
.wc-block-grid__products .wc-block-grid__product .wp-block-button__link.disabled,
.wc-block-grid__products .wc-block-grid__product .wp-block-button__link:disabled,
.added_to_cart.disabled,
.added_to_cart:disabled {
  opacity: 0.5 !important;
  cursor: not-allowed;
}

button,
input[type=button],
input[type=reset],
input[type=submit],
.button,
.wc-block-grid__products .wc-block-grid__product .wp-block-button__link,
.added_to_cart {
  cursor: pointer;
  text-shadow: none;
  -webkit-appearance: none;
  word-break: break-word;
}

body {
  background-color: #fbf9f3;
}
body.page-template-authentication {
  background-color: #fcfcfc;
}

a:focus,
button:focus,
.button.alt:focus,
input:focus,
textarea:focus,
input[type=button]:focus,
input[type=reset]:focus,
input[type=submit]:focus,
input[type=email]:focus,
input[type=tel]:focus,
input[type=number]:focus,
input[type=url]:focus,
input[type=password]:focus,
input[type=search]:focus {
  outline: none;
}

a,
a:visited {
  color: #1a0c0c;
}

.required label::after,
.required strong::after,
.required legend::after {
  content: " *";
  color: #ec562d;
}
.required .radio-field > label::after {
  content: "";
}

.widget .widget-title {
  font-size: 1em;
  font-weight: bold;
  color: #1a0c0c;
  border-bottom: none;
  margin-bottom: 0;
}

.widget_product_categories button {
  background-color: #f0c450;
  border-radius: 5px;
}
.widget_product_categories .submit-product-categories-wrapper {
  bottom: 10px;
}
.widget_product_categories.widget.woocommerce li .count {
  float: none;
}
.widget_product_categories .widget-title {
  position: relative;
  top: 80px;
}

.widget-area .widget_search input[type=search],
.widget-area .widget_product_search input[type=search] {
  border: 1px solid black;
  border-radius: 5px;
  padding: 0.7em 1.4em;
  background-color: #ffffff;
}
.widget-area .widget_search form::before,
.widget-area .widget_product_search form::before {
  left: unset;
  right: 1em;
}

.torn-product-category-search-form {
  position: relative;
  top: -40px;
}

.site-main {
  position: relative;
  display: flex;
  flex-flow: column;
}

.vendor-page .site-main {
  padding-top: 25px;
}

#colophon .storefront-handheld-footer-bar {
  display: none;
}

html,
body {
  height: 100%;
  line-height: 1;
  margin: 0;
  padding: 0;
  border: 0;
  vertical-align: baseline;
}

button,
input,
select,
textarea {
  font-size: 100%;
  margin: 0;
  line-height: 1.618;
  text-rendering: optimizeLegibility;
  font-weight: 400;
}

textarea {
  padding: 12px 16px;
  border-radius: 12px;
  width: 100%;
  margin-top: 12px;
  border: 1px solid #666666;
}

ol,
ul {
  overflow-wrap: break-word;
  padding: 0;
}

* {
  box-sizing: border-box;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
}

a {
  text-decoration: none;
}

.torn-hypertext {
  text-decoration: underline !important;
}

p {
  overflow-wrap: break-word;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
  display: block;
}

table {
  border-spacing: 0;
  width: 100%;
  margin: 0 0 1.41575em;
  border-collapse: separate;
}
table td,
table th {
  padding: 1em 1.41575em;
  text-align: left;
  vertical-align: top;
}

img {
  height: auto;
  max-width: 100%;
  display: block;
  border-radius: 3px;
}

/**
 * Theese should probably be placed in component files.
 */
input[type=checkbox],
input[type=radio] {
  min-height: 24px;
  min-width: 24px;
  width: 32px;
  height: 32px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  vertical-align: text-bottom !important;
  outline: 0;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  border: 1px solid #1a0c0c;
  background-color: white;
  flex-shrink: 0;
  cursor: pointer;
  background-size: 16px;
  margin-right: 6px;
}
input[type=checkbox]:checked, input[type=checkbox][checked=checked]:not(body.woocommerce-cart .gateway-selector ul li input[type=radio][checked=checked]),
input[type=radio]:checked,
input[type=radio][checked=checked]:not(body.woocommerce-cart .gateway-selector ul li input[type=radio][checked=checked]) {
  background-color: #1a0c0c !important;
}
input[type=checkbox]:hover,
input[type=radio]:hover {
  box-shadow: 0 0 0 1px #1a0c0c;
}

input[type=radio] {
  border-radius: 50px;
}

input[type=checkbox] {
  border-radius: 8px;
}

input[type=text],
input[type=password],
input[type=number],
input[type=email],
input[type=tel],
input[type=url],
select {
  border: 1px solid #666666;
  margin-top: 12px;
  border-radius: 12px;
  padding: 12px 16px;
  font-size: 18px;
  line-height: 24px;
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

input[type=text]:hover:not([disabled]),
input[type=password]:hover:not([disabled]),
input[type=number]:hover:not([disabled]),
input[type=email]:hover:not([disabled]),
input[type=tel]:hover:not([disabled]),
input[type=url]:hover:not([disabled]),
textarea:hover:not([disabled]),
select:hover:not([disabled]) {
  outline: 1px solid #0f0f0f;
}

input[type=text]:disabled,
input[type=password]:disabled,
input[type=number]:disabled,
input[type=email]:disabled,
input[type=tel]:disabled,
input[type=url]:disabled,
textarea:disabled,
select:disabled {
  outline: 1px solid #eeeeee;
}

input[type=text]:focus,
input[type=password]:focus,
input[type=number]:focus,
input[type=email]:focus,
input[type=tel]:focus,
input[type=url]:focus,
textarea:focus,
select:focus {
  outline-width: 2px;
}

label {
  display: block;
}

dd {
  margin: 0 0 1.618em;
}

dt {
  font-weight: 600;
}

.screen-reader-text {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  -webkit-clip-path: inset(50%);
  clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
  word-wrap: normal !important;
}

.description {
  font-family: "Geist", sans-serif !important;
  font-size: 11px !important;
  font-weight: 400 !important;
  line-height: 17px !important;
  color: #898280 !important;
  margin-top: 0.25rem;
  margin-bottom: 0;
}
@media screen and (min-width: 1920px) {
  .description {
    font-size: 16px !important;
    line-height: 24px !important;
  }
}

.warning-description {
  font-family: "Geist", sans-serif !important;
  font-size: 11px !important;
  font-weight: 400 !important;
  line-height: 17px !important;
  color: #f78502 !important;
  margin-top: 12px;
}
@media screen and (min-width: 1920px) {
  .warning-description {
    font-size: 16px !important;
    line-height: 24px !important;
  }
}

.error-description {
  font-family: "Geist", sans-serif !important;
  font-size: 11px !important;
  font-weight: 400 !important;
  line-height: 17px !important;
  color: #ec562d !important;
  margin-top: 12px;
}
@media screen and (min-width: 1920px) {
  .error-description {
    font-size: 16px !important;
    line-height: 24px !important;
  }
}

#user_switching_switch_on {
  background-color: white;
  padding: 2px 4px !important;
  border-radius: 8px;
}

.torn-modal-backdrop {
  z-index: 40;
}

.torn-modal-container {
  position: fixed;
  top: 33%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: none;
  z-index: 50;
  background-color: white;
  box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
  border-radius: 24px;
  padding: 2.5rem 2rem;
  width: auto;
  max-width: 80vw;
  max-width: 80dvw;
  max-height: 90vh;
  max-height: 90dvh;
  overflow: auto;
}
@media screen and (min-width: 900px) {
  .torn-modal-container {
    top: 50%;
    padding: 4rem 2rem;
  }
}
@media screen and (max-width: 600px) {
  .torn-modal-container {
    max-height: 95vh;
    max-width: 99vw;
    max-width: 99dvw;
  }
}
@media screen and (max-width: 600px) {
  .torn-modal-container.narrow {
    width: 100%;
  }
}
.torn-modal-container .modal-content .modal-body {
  margin-top: 2rem;
}
@media screen and (max-width: 768px) {
  .torn-modal-container .modal-content .modal-body {
    margin-top: 1em;
  }
}
.torn-modal-container .modal-content .modal-body button,
.torn-modal-container .modal-content .modal-body a.button {
  width: auto;
  margin-top: 2rem;
}
@media screen and (max-width: 768px) {
  .torn-modal-container .modal-content .modal-body button,
  .torn-modal-container .modal-content .modal-body a.button {
    margin-top: 1em;
  }
}
.torn-modal-container.medium {
  padding: 32px;
  width: 755px;
}
.torn-modal-container label {
  text-align: left;
  font-size: 17px;
  font-weight: 700;
}
@media screen and (min-width: 900px) {
  .torn-modal-container label {
    margin-bottom: 12px;
  }
}
.torn-modal-container td {
  padding: 0;
}
.torn-modal-container input[type=password],
.torn-modal-container input[type=number],
.torn-modal-container input[type=tel],
.torn-modal-container input[type=text],
.torn-modal-container input[type=email],
.torn-modal-container button {
  width: 100%;
}
@media screen and (min-width: 900px) {
  .torn-modal-container input[type=password],
  .torn-modal-container input[type=number],
  .torn-modal-container input[type=tel],
  .torn-modal-container input[type=text],
  .torn-modal-container input[type=email],
  .torn-modal-container button {
    margin-bottom: 24px;
  }
}
.torn-modal-container button {
  justify-content: center;
}
.torn-modal-container button.close {
  position: absolute;
  text-indent: -9999px;
  border: none;
  background-color: transparent;
  right: 1.875rem;
  top: 1.875rem;
  height: 2.5rem;
  width: 2.5rem;
  background-size: 1.25rem;
}
.torn-modal-container .modal-headline {
  font-family: "Sharp Grotesk", sans-serif;
  font-size: 18px;
  line-height: 30px;
  font-weight: 400;
  color: #1a0c0c;
  margin: 0;
  padding-right: 1.875rem;
}
@media screen and (min-width: 900px) {
  .torn-modal-container .modal-headline {
    padding-bottom: 16px;
  }
}
.torn-modal-container .separator {
  border-bottom: 1px solid #e4e1dc;
  text-align: center;
  margin-bottom: 2rem;
}
.torn-modal-container .separator .text {
  color: #727272;
  margin: 0 auto;
  background-color: white;
  padding: 0 13px;
  position: relative;
  top: 8px;
  font-size: 14px;
}

body.show-modal-backdrop .torn-modal-container {
  display: flex;
  flex-direction: column;
}

.torn-toaster-container {
  position: fixed;
  height: fit-content;
  bottom: -120px;
  width: 100%;
  z-index: 99;
  padding: 20px 80px 20px 20px;
  transition: bottom 500ms;
  background-color: rgba(0, 0, 0, 0);
}
.torn-toaster-container.active {
  bottom: 0px;
}
.torn-toaster-container .box {
  color: #1a0c0c;
  margin: 0 auto !important;
  height: fit-content;
  display: flex;
  align-items: center;
  max-width: 800px;
  border-radius: 12px;
  border: 1px solid #f0c450;
  padding: 16px 24px 16px 24px;
  box-shadow: rgba(0, 0, 0, 0.25) 0px 54px 55px, rgba(0, 0, 0, 0.12) 0px -12px 30px, rgba(0, 0, 0, 0.12) 0px 4px 6px, rgba(0, 0, 0, 0.17) 0px 12px 13px, rgba(0, 0, 0, 0.09) 0px -3px 5px;
}
@media only screen and (max-width: 480px) {
  .torn-toaster-container .box {
    flex-direction: column;
    align-items: flex-start;
    gap: 6px;
    padding: 12px;
  }
}
.torn-toaster-container .box.success {
  background-color: #e6f9ea;
  border-color: #1f9f3c;
}
.torn-toaster-container .box.error {
  background-color: #ffe4e2;
  border-color: #d02e24;
  white-space: normal;
}
.torn-toaster-container .box.warning {
  background-color: #fef9ee;
  border-color: #f0c450;
}
.torn-toaster-container .box.info {
  background-color: #e4f0ff;
  border-color: #3074c1;
}
.torn-toaster-container .box .content {
  flex: 1;
  font-size: 18px;
  line-height: 24px;
  font-weight: 500;
}
@media only screen and (max-width: 480px) {
  .torn-toaster-container .box .content {
    font-size: 16px;
    line-height: 20px;
  }
}
.torn-toaster-container .box .button {
  flex: 0 0 fit-content;
  border: 1px solid #1a0c0c;
  border-radius: 50px;
  padding: 8px 12px;
  font-size: 14px;
  font-weight: 700;
  line-height: 14px;
}

#content {
  height: auto;
}

html {
  scroll-behavior: smooth;
}

.overdue-popup-icon svg {
  width: 0.7rem;
  height: 0.7rem;
}
@media screen and (min-width: 1920px) {
  .overdue-popup-icon svg {
    width: 1rem;
    height: 1rem;
  }
}

.overdue-tooltip-container {
  font-family: "Geist", sans-serif;
  font-size: 10px !important;
  font-weight: 400 !important;
  line-height: 15px !important;
  display: flex;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.16);
  border: 1px solid #ebebeb;
  border-radius: 12px;
  width: 15.5rem;
  transition: all 0.3s ease-in-out;
  pointer-events: none;
  position: relative;
  padding: 1.12rem;
}
@media screen and (min-width: 1920px) {
  .overdue-tooltip-container {
    font-size: 14px !important;
    line-height: 21px !important;
  }
}
.overdue-tooltip-container .triangle {
  position: absolute;
  transform: rotate(45deg);
  width: 1rem;
  height: 1rem;
  background-color: white;
  border-style: none solid solid none;
  border-color: #ebebeb;
  border-width: 1px;
}
@media screen and (min-width: 1920px) {
  .overdue-tooltip-container {
    width: 20rem;
    padding: 1.5rem;
  }
}.radio-field-button {
  margin-top: 0;
}
.radio-field-button label {
  padding: 16px 21px;
  background-color: #fff;
  border-radius: 100px;
  border: 1px dashed black;
}
.radio-field-button label[data-checked=true], .radio-field-button label:hover {
  background-color: #000 !important;
  color: #fff;
}
.radio-field-button input[type=radio] {
  display: none;
}
h1,
h1 *,
h2,
h2 *,
h3,
h3 * {
  font-family: "Sharp Grotesk", sans-serif;
  margin: 0 0 0.5407911001em;
}

* {
  font-family: "Geist", sans-serif;
}

/**
* Buttons: Bør flyttes til en egen fil med alt knapper.
* @see https://torn-team.atlassian.net/browse/TORN-1104
 */
button.disabled,
button:disabled,
input[type=button].disabled,
input[type=button]:disabled,
input[type=reset].disabled,
input[type=reset]:disabled,
input[type=submit].disabled,
input[type=submit]:disabled,
.button.disabled,
.button:disabled,
.wc-block-grid__products .wc-block-grid__product .wp-block-button__link.disabled,
.wc-block-grid__products .wc-block-grid__product .wp-block-button__link:disabled,
.added_to_cart.disabled,
.added_to_cart:disabled {
  opacity: 0.5 !important;
  cursor: not-allowed;
}

button,
input[type=button],
input[type=reset],
input[type=submit],
.button,
.wc-block-grid__products .wc-block-grid__product .wp-block-button__link,
.added_to_cart {
  cursor: pointer;
  text-shadow: none;
  -webkit-appearance: none;
  word-break: break-word;
}

body {
  background-color: #fbf9f3;
}
body.page-template-authentication {
  background-color: #fcfcfc;
}

a:focus,
button:focus,
.button.alt:focus,
input:focus,
textarea:focus,
input[type=button]:focus,
input[type=reset]:focus,
input[type=submit]:focus,
input[type=email]:focus,
input[type=tel]:focus,
input[type=number]:focus,
input[type=url]:focus,
input[type=password]:focus,
input[type=search]:focus {
  outline: none;
}

a,
a:visited {
  color: #1a0c0c;
}

.required label::after,
.required strong::after,
.required legend::after {
  content: " *";
  color: #ec562d;
}
.required .radio-field > label::after {
  content: "";
}

.widget .widget-title {
  font-size: 1em;
  font-weight: bold;
  color: #1a0c0c;
  border-bottom: none;
  margin-bottom: 0;
}

.widget_product_categories button {
  background-color: #f0c450;
  border-radius: 5px;
}
.widget_product_categories .submit-product-categories-wrapper {
  bottom: 10px;
}
.widget_product_categories.widget.woocommerce li .count {
  float: none;
}
.widget_product_categories .widget-title {
  position: relative;
  top: 80px;
}

.widget-area .widget_search input[type=search],
.widget-area .widget_product_search input[type=search] {
  border: 1px solid black;
  border-radius: 5px;
  padding: 0.7em 1.4em;
  background-color: #ffffff;
}
.widget-area .widget_search form::before,
.widget-area .widget_product_search form::before {
  left: unset;
  right: 1em;
}

.torn-product-category-search-form {
  position: relative;
  top: -40px;
}

.site-main {
  position: relative;
  display: flex;
  flex-flow: column;
}

.vendor-page .site-main {
  padding-top: 25px;
}

#colophon .storefront-handheld-footer-bar {
  display: none;
}

html,
body {
  height: 100%;
  line-height: 1;
  margin: 0;
  padding: 0;
  border: 0;
  vertical-align: baseline;
}

button,
input,
select,
textarea {
  font-size: 100%;
  margin: 0;
  line-height: 1.618;
  text-rendering: optimizeLegibility;
  font-weight: 400;
}

textarea {
  padding: 12px 16px;
  border-radius: 12px;
  width: 100%;
  margin-top: 12px;
  border: 1px solid #666666;
}

ol,
ul {
  overflow-wrap: break-word;
  padding: 0;
}

* {
  box-sizing: border-box;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
}

a {
  text-decoration: none;
}

.torn-hypertext {
  text-decoration: underline !important;
}

p {
  overflow-wrap: break-word;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
  display: block;
}

table {
  border-spacing: 0;
  width: 100%;
  margin: 0 0 1.41575em;
  border-collapse: separate;
}
table td,
table th {
  padding: 1em 1.41575em;
  text-align: left;
  vertical-align: top;
}

img {
  height: auto;
  max-width: 100%;
  display: block;
  border-radius: 3px;
}

/**
 * Theese should probably be placed in component files.
 */
input[type=checkbox],
input[type=radio] {
  min-height: 24px;
  min-width: 24px;
  width: 32px;
  height: 32px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  vertical-align: text-bottom !important;
  outline: 0;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  border: 1px solid #1a0c0c;
  background-color: white;
  flex-shrink: 0;
  cursor: pointer;
  background-size: 16px;
  margin-right: 6px;
}
input[type=checkbox]:checked, input[type=checkbox][checked=checked]:not(body.woocommerce-cart .gateway-selector ul li input[type=radio][checked=checked]),
input[type=radio]:checked,
input[type=radio][checked=checked]:not(body.woocommerce-cart .gateway-selector ul li input[type=radio][checked=checked]) {
  background-color: #1a0c0c !important;
}
input[type=checkbox]:hover,
input[type=radio]:hover {
  box-shadow: 0 0 0 1px #1a0c0c;
}

input[type=radio] {
  border-radius: 50px;
}

input[type=checkbox] {
  border-radius: 8px;
}

input[type=text],
input[type=password],
input[type=number],
input[type=email],
input[type=tel],
input[type=url],
select {
  border: 1px solid #666666;
  margin-top: 12px;
  border-radius: 12px;
  padding: 12px 16px;
  font-size: 18px;
  line-height: 24px;
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

input[type=text]:hover:not([disabled]),
input[type=password]:hover:not([disabled]),
input[type=number]:hover:not([disabled]),
input[type=email]:hover:not([disabled]),
input[type=tel]:hover:not([disabled]),
input[type=url]:hover:not([disabled]),
textarea:hover:not([disabled]),
select:hover:not([disabled]) {
  outline: 1px solid #0f0f0f;
}

input[type=text]:disabled,
input[type=password]:disabled,
input[type=number]:disabled,
input[type=email]:disabled,
input[type=tel]:disabled,
input[type=url]:disabled,
textarea:disabled,
select:disabled {
  outline: 1px solid #eeeeee;
}

input[type=text]:focus,
input[type=password]:focus,
input[type=number]:focus,
input[type=email]:focus,
input[type=tel]:focus,
input[type=url]:focus,
textarea:focus,
select:focus {
  outline-width: 2px;
}

label {
  display: block;
}

dd {
  margin: 0 0 1.618em;
}

dt {
  font-weight: 600;
}

.screen-reader-text {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  -webkit-clip-path: inset(50%);
  clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
  word-wrap: normal !important;
}

.description {
  font-family: "Geist", sans-serif !important;
  font-size: 11px !important;
  font-weight: 400 !important;
  line-height: 17px !important;
  color: #898280 !important;
  margin-top: 0.25rem;
  margin-bottom: 0;
}
@media screen and (min-width: 1920px) {
  .description {
    font-size: 16px !important;
    line-height: 24px !important;
  }
}

.warning-description {
  font-family: "Geist", sans-serif !important;
  font-size: 11px !important;
  font-weight: 400 !important;
  line-height: 17px !important;
  color: #f78502 !important;
  margin-top: 12px;
}
@media screen and (min-width: 1920px) {
  .warning-description {
    font-size: 16px !important;
    line-height: 24px !important;
  }
}

.error-description {
  font-family: "Geist", sans-serif !important;
  font-size: 11px !important;
  font-weight: 400 !important;
  line-height: 17px !important;
  color: #ec562d !important;
  margin-top: 12px;
}
@media screen and (min-width: 1920px) {
  .error-description {
    font-size: 16px !important;
    line-height: 24px !important;
  }
}

#user_switching_switch_on {
  background-color: white;
  padding: 2px 4px !important;
  border-radius: 8px;
}

.torn-modal-backdrop {
  z-index: 40;
}

.torn-modal-container {
  position: fixed;
  top: 33%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: none;
  z-index: 50;
  background-color: white;
  box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
  border-radius: 24px;
  padding: 2.5rem 2rem;
  width: auto;
  max-width: 80vw;
  max-width: 80dvw;
  max-height: 90vh;
  max-height: 90dvh;
  overflow: auto;
}
@media screen and (min-width: 900px) {
  .torn-modal-container {
    top: 50%;
    padding: 4rem 2rem;
  }
}
@media screen and (max-width: 600px) {
  .torn-modal-container {
    max-height: 95vh;
    max-width: 99vw;
    max-width: 99dvw;
  }
}
@media screen and (max-width: 600px) {
  .torn-modal-container.narrow {
    width: 100%;
  }
}
.torn-modal-container .modal-content .modal-body {
  margin-top: 2rem;
}
@media screen and (max-width: 768px) {
  .torn-modal-container .modal-content .modal-body {
    margin-top: 1em;
  }
}
.torn-modal-container .modal-content .modal-body button,
.torn-modal-container .modal-content .modal-body a.button {
  width: auto;
  margin-top: 2rem;
}
@media screen and (max-width: 768px) {
  .torn-modal-container .modal-content .modal-body button,
  .torn-modal-container .modal-content .modal-body a.button {
    margin-top: 1em;
  }
}
.torn-modal-container.medium {
  padding: 32px;
  width: 755px;
}
.torn-modal-container label {
  text-align: left;
  font-size: 17px;
  font-weight: 700;
}
@media screen and (min-width: 900px) {
  .torn-modal-container label {
    margin-bottom: 12px;
  }
}
.torn-modal-container td {
  padding: 0;
}
.torn-modal-container input[type=password],
.torn-modal-container input[type=number],
.torn-modal-container input[type=tel],
.torn-modal-container input[type=text],
.torn-modal-container input[type=email],
.torn-modal-container button {
  width: 100%;
}
@media screen and (min-width: 900px) {
  .torn-modal-container input[type=password],
  .torn-modal-container input[type=number],
  .torn-modal-container input[type=tel],
  .torn-modal-container input[type=text],
  .torn-modal-container input[type=email],
  .torn-modal-container button {
    margin-bottom: 24px;
  }
}
.torn-modal-container button {
  justify-content: center;
}
.torn-modal-container button.close {
  position: absolute;
  text-indent: -9999px;
  border: none;
  background-color: transparent;
  right: 1.875rem;
  top: 1.875rem;
  height: 2.5rem;
  width: 2.5rem;
  background-size: 1.25rem;
}
.torn-modal-container .modal-headline {
  font-family: "Sharp Grotesk", sans-serif;
  font-size: 18px;
  line-height: 30px;
  font-weight: 400;
  color: #1a0c0c;
  margin: 0;
  padding-right: 1.875rem;
}
@media screen and (min-width: 900px) {
  .torn-modal-container .modal-headline {
    padding-bottom: 16px;
  }
}
.torn-modal-container .separator {
  border-bottom: 1px solid #e4e1dc;
  text-align: center;
  margin-bottom: 2rem;
}
.torn-modal-container .separator .text {
  color: #727272;
  margin: 0 auto;
  background-color: white;
  padding: 0 13px;
  position: relative;
  top: 8px;
  font-size: 14px;
}

body.show-modal-backdrop .torn-modal-container {
  display: flex;
  flex-direction: column;
}

.torn-toaster-container {
  position: fixed;
  height: fit-content;
  bottom: -120px;
  width: 100%;
  z-index: 99;
  padding: 20px 80px 20px 20px;
  transition: bottom 500ms;
  background-color: rgba(0, 0, 0, 0);
}
.torn-toaster-container.active {
  bottom: 0px;
}
.torn-toaster-container .box {
  color: #1a0c0c;
  margin: 0 auto !important;
  height: fit-content;
  display: flex;
  align-items: center;
  max-width: 800px;
  border-radius: 12px;
  border: 1px solid #f0c450;
  padding: 16px 24px 16px 24px;
  box-shadow: rgba(0, 0, 0, 0.25) 0px 54px 55px, rgba(0, 0, 0, 0.12) 0px -12px 30px, rgba(0, 0, 0, 0.12) 0px 4px 6px, rgba(0, 0, 0, 0.17) 0px 12px 13px, rgba(0, 0, 0, 0.09) 0px -3px 5px;
}
@media only screen and (max-width: 480px) {
  .torn-toaster-container .box {
    flex-direction: column;
    align-items: flex-start;
    gap: 6px;
    padding: 12px;
  }
}
.torn-toaster-container .box.success {
  background-color: #e6f9ea;
  border-color: #1f9f3c;
}
.torn-toaster-container .box.error {
  background-color: #ffe4e2;
  border-color: #d02e24;
  white-space: normal;
}
.torn-toaster-container .box.warning {
  background-color: #fef9ee;
  border-color: #f0c450;
}
.torn-toaster-container .box.info {
  background-color: #e4f0ff;
  border-color: #3074c1;
}
.torn-toaster-container .box .content {
  flex: 1;
  font-size: 18px;
  line-height: 24px;
  font-weight: 500;
}
@media only screen and (max-width: 480px) {
  .torn-toaster-container .box .content {
    font-size: 16px;
    line-height: 20px;
  }
}
.torn-toaster-container .box .button {
  flex: 0 0 fit-content;
  border: 1px solid #1a0c0c;
  border-radius: 50px;
  padding: 8px 12px;
  font-size: 14px;
  font-weight: 700;
  line-height: 14px;
}

#content {
  height: auto;
}

html {
  scroll-behavior: smooth;
}

.published-products-page-container {
  width: auto;
  height: auto;
  display: flex;
  flex-flow: column;
  align-items: flex-start;
  position: relative;
}
.published-products-page-container h1 {
  font-family: "Sharp Grotesk", sans-serif;
  font-size: 26px !important;
  font-weight: 500;
  line-height: 28px;
}
@media screen and (min-width: 1920px) {
  .published-products-page-container h1 {
    font-size: 32px !important;
    line-height: 32px;
  }
}
.published-products-page-container .filter--buttons-container {
  margin: 0 0 30px;
}
.published-products-page-container .top-page-container {
  width: 100%;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  column-gap: 2rem;
  margin: 1.25rem 0;
}
.published-products-page-container .table-container .checkbox-field {
  margin-left: 1.5rem;
  column-gap: 0.5rem !important;
  cursor: pointer;
}
.published-products-page-container .table-container .checkbox-field label {
  cursor: pointer;
}
.published-products-page-container .horizontal-scroll {
  overflow-y: visible;
  overflow-x: visible;
}
@media screen and (min-width: 1440px) {
  .published-products-page-container .top-page-container {
    margin: 1.4rem 0;
  }
}
@media screen and (min-width: 1920px) {
  .published-products-page-container .top-page-container {
    margin: 1.9rem 0;
  }
}
.published-products-page-container .sold-cell {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 5px;
}

.confirm-modal-content {
  width: 24rem;
  text-align: center;
  line-height: 150%;
  padding: 3rem;
}

.confirm-modal-buttons {
  margin-top: 2rem;
  display: flex;
  justify-content: center;
  align-items: center;
  column-gap: 1rem;
}
h1,
h1 *,
h2,
h2 *,
h3,
h3 * {
  font-family: "Sharp Grotesk", sans-serif;
  margin: 0 0 0.5407911001em;
}

* {
  font-family: "Geist", sans-serif;
}

/**
* Buttons: Bør flyttes til en egen fil med alt knapper.
* @see https://torn-team.atlassian.net/browse/TORN-1104
 */
button.disabled,
button:disabled,
input[type=button].disabled,
input[type=button]:disabled,
input[type=reset].disabled,
input[type=reset]:disabled,
input[type=submit].disabled,
input[type=submit]:disabled,
.button.disabled,
.button:disabled,
.wc-block-grid__products .wc-block-grid__product .wp-block-button__link.disabled,
.wc-block-grid__products .wc-block-grid__product .wp-block-button__link:disabled,
.added_to_cart.disabled,
.added_to_cart:disabled {
  opacity: 0.5 !important;
  cursor: not-allowed;
}

button,
input[type=button],
input[type=reset],
input[type=submit],
.button,
.wc-block-grid__products .wc-block-grid__product .wp-block-button__link,
.added_to_cart {
  cursor: pointer;
  text-shadow: none;
  -webkit-appearance: none;
  word-break: break-word;
}

body {
  background-color: #fbf9f3;
}
body.page-template-authentication {
  background-color: #fcfcfc;
}

a:focus,
button:focus,
.button.alt:focus,
input:focus,
textarea:focus,
input[type=button]:focus,
input[type=reset]:focus,
input[type=submit]:focus,
input[type=email]:focus,
input[type=tel]:focus,
input[type=number]:focus,
input[type=url]:focus,
input[type=password]:focus,
input[type=search]:focus {
  outline: none;
}

a,
a:visited {
  color: #1a0c0c;
}

.required label::after,
.required strong::after,
.required legend::after {
  content: " *";
  color: #ec562d;
}
.required .radio-field > label::after {
  content: "";
}

.widget .widget-title {
  font-size: 1em;
  font-weight: bold;
  color: #1a0c0c;
  border-bottom: none;
  margin-bottom: 0;
}

.widget_product_categories button {
  background-color: #f0c450;
  border-radius: 5px;
}
.widget_product_categories .submit-product-categories-wrapper {
  bottom: 10px;
}
.widget_product_categories.widget.woocommerce li .count {
  float: none;
}
.widget_product_categories .widget-title {
  position: relative;
  top: 80px;
}

.widget-area .widget_search input[type=search],
.widget-area .widget_product_search input[type=search] {
  border: 1px solid black;
  border-radius: 5px;
  padding: 0.7em 1.4em;
  background-color: #ffffff;
}
.widget-area .widget_search form::before,
.widget-area .widget_product_search form::before {
  left: unset;
  right: 1em;
}

.torn-product-category-search-form {
  position: relative;
  top: -40px;
}

.site-main {
  position: relative;
  display: flex;
  flex-flow: column;
}

.vendor-page .site-main {
  padding-top: 25px;
}

#colophon .storefront-handheld-footer-bar {
  display: none;
}

html,
body {
  height: 100%;
  line-height: 1;
  margin: 0;
  padding: 0;
  border: 0;
  vertical-align: baseline;
}

button,
input,
select,
textarea {
  font-size: 100%;
  margin: 0;
  line-height: 1.618;
  text-rendering: optimizeLegibility;
  font-weight: 400;
}

textarea {
  padding: 12px 16px;
  border-radius: 12px;
  width: 100%;
  margin-top: 12px;
  border: 1px solid #666666;
}

ol,
ul {
  overflow-wrap: break-word;
  padding: 0;
}

* {
  box-sizing: border-box;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
}

a {
  text-decoration: none;
}

.torn-hypertext {
  text-decoration: underline !important;
}

p {
  overflow-wrap: break-word;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
  display: block;
}

table {
  border-spacing: 0;
  width: 100%;
  margin: 0 0 1.41575em;
  border-collapse: separate;
}
table td,
table th {
  padding: 1em 1.41575em;
  text-align: left;
  vertical-align: top;
}

img {
  height: auto;
  max-width: 100%;
  display: block;
  border-radius: 3px;
}

/**
 * Theese should probably be placed in component files.
 */
input[type=checkbox],
input[type=radio] {
  min-height: 24px;
  min-width: 24px;
  width: 32px;
  height: 32px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  vertical-align: text-bottom !important;
  outline: 0;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  border: 1px solid #1a0c0c;
  background-color: white;
  flex-shrink: 0;
  cursor: pointer;
  background-size: 16px;
  margin-right: 6px;
}
input[type=checkbox]:checked, input[type=checkbox][checked=checked]:not(body.woocommerce-cart .gateway-selector ul li input[type=radio][checked=checked]),
input[type=radio]:checked,
input[type=radio][checked=checked]:not(body.woocommerce-cart .gateway-selector ul li input[type=radio][checked=checked]) {
  background-color: #1a0c0c !important;
}
input[type=checkbox]:hover,
input[type=radio]:hover {
  box-shadow: 0 0 0 1px #1a0c0c;
}

input[type=radio] {
  border-radius: 50px;
}

input[type=checkbox] {
  border-radius: 8px;
}

input[type=text],
input[type=password],
input[type=number],
input[type=email],
input[type=tel],
input[type=url],
select {
  border: 1px solid #666666;
  margin-top: 12px;
  border-radius: 12px;
  padding: 12px 16px;
  font-size: 18px;
  line-height: 24px;
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

input[type=text]:hover:not([disabled]),
input[type=password]:hover:not([disabled]),
input[type=number]:hover:not([disabled]),
input[type=email]:hover:not([disabled]),
input[type=tel]:hover:not([disabled]),
input[type=url]:hover:not([disabled]),
textarea:hover:not([disabled]),
select:hover:not([disabled]) {
  outline: 1px solid #0f0f0f;
}

input[type=text]:disabled,
input[type=password]:disabled,
input[type=number]:disabled,
input[type=email]:disabled,
input[type=tel]:disabled,
input[type=url]:disabled,
textarea:disabled,
select:disabled {
  outline: 1px solid #eeeeee;
}

input[type=text]:focus,
input[type=password]:focus,
input[type=number]:focus,
input[type=email]:focus,
input[type=tel]:focus,
input[type=url]:focus,
textarea:focus,
select:focus {
  outline-width: 2px;
}

label {
  display: block;
}

dd {
  margin: 0 0 1.618em;
}

dt {
  font-weight: 600;
}

.screen-reader-text {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  -webkit-clip-path: inset(50%);
  clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
  word-wrap: normal !important;
}

.description {
  font-family: "Geist", sans-serif !important;
  font-size: 11px !important;
  font-weight: 400 !important;
  line-height: 17px !important;
  color: #898280 !important;
  margin-top: 0.25rem;
  margin-bottom: 0;
}
@media screen and (min-width: 1920px) {
  .description {
    font-size: 16px !important;
    line-height: 24px !important;
  }
}

.warning-description {
  font-family: "Geist", sans-serif !important;
  font-size: 11px !important;
  font-weight: 400 !important;
  line-height: 17px !important;
  color: #f78502 !important;
  margin-top: 12px;
}
@media screen and (min-width: 1920px) {
  .warning-description {
    font-size: 16px !important;
    line-height: 24px !important;
  }
}

.error-description {
  font-family: "Geist", sans-serif !important;
  font-size: 11px !important;
  font-weight: 400 !important;
  line-height: 17px !important;
  color: #ec562d !important;
  margin-top: 12px;
}
@media screen and (min-width: 1920px) {
  .error-description {
    font-size: 16px !important;
    line-height: 24px !important;
  }
}

#user_switching_switch_on {
  background-color: white;
  padding: 2px 4px !important;
  border-radius: 8px;
}

.torn-modal-backdrop {
  z-index: 40;
}

.torn-modal-container {
  position: fixed;
  top: 33%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: none;
  z-index: 50;
  background-color: white;
  box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
  border-radius: 24px;
  padding: 2.5rem 2rem;
  width: auto;
  max-width: 80vw;
  max-width: 80dvw;
  max-height: 90vh;
  max-height: 90dvh;
  overflow: auto;
}
@media screen and (min-width: 900px) {
  .torn-modal-container {
    top: 50%;
    padding: 4rem 2rem;
  }
}
@media screen and (max-width: 600px) {
  .torn-modal-container {
    max-height: 95vh;
    max-width: 99vw;
    max-width: 99dvw;
  }
}
@media screen and (max-width: 600px) {
  .torn-modal-container.narrow {
    width: 100%;
  }
}
.torn-modal-container .modal-content .modal-body {
  margin-top: 2rem;
}
@media screen and (max-width: 768px) {
  .torn-modal-container .modal-content .modal-body {
    margin-top: 1em;
  }
}
.torn-modal-container .modal-content .modal-body button,
.torn-modal-container .modal-content .modal-body a.button {
  width: auto;
  margin-top: 2rem;
}
@media screen and (max-width: 768px) {
  .torn-modal-container .modal-content .modal-body button,
  .torn-modal-container .modal-content .modal-body a.button {
    margin-top: 1em;
  }
}
.torn-modal-container.medium {
  padding: 32px;
  width: 755px;
}
.torn-modal-container label {
  text-align: left;
  font-size: 17px;
  font-weight: 700;
}
@media screen and (min-width: 900px) {
  .torn-modal-container label {
    margin-bottom: 12px;
  }
}
.torn-modal-container td {
  padding: 0;
}
.torn-modal-container input[type=password],
.torn-modal-container input[type=number],
.torn-modal-container input[type=tel],
.torn-modal-container input[type=text],
.torn-modal-container input[type=email],
.torn-modal-container button {
  width: 100%;
}
@media screen and (min-width: 900px) {
  .torn-modal-container input[type=password],
  .torn-modal-container input[type=number],
  .torn-modal-container input[type=tel],
  .torn-modal-container input[type=text],
  .torn-modal-container input[type=email],
  .torn-modal-container button {
    margin-bottom: 24px;
  }
}
.torn-modal-container button {
  justify-content: center;
}
.torn-modal-container button.close {
  position: absolute;
  text-indent: -9999px;
  border: none;
  background-color: transparent;
  right: 1.875rem;
  top: 1.875rem;
  height: 2.5rem;
  width: 2.5rem;
  background-size: 1.25rem;
}
.torn-modal-container .modal-headline {
  font-family: "Sharp Grotesk", sans-serif;
  font-size: 18px;
  line-height: 30px;
  font-weight: 400;
  color: #1a0c0c;
  margin: 0;
  padding-right: 1.875rem;
}
@media screen and (min-width: 900px) {
  .torn-modal-container .modal-headline {
    padding-bottom: 16px;
  }
}
.torn-modal-container .separator {
  border-bottom: 1px solid #e4e1dc;
  text-align: center;
  margin-bottom: 2rem;
}
.torn-modal-container .separator .text {
  color: #727272;
  margin: 0 auto;
  background-color: white;
  padding: 0 13px;
  position: relative;
  top: 8px;
  font-size: 14px;
}

body.show-modal-backdrop .torn-modal-container {
  display: flex;
  flex-direction: column;
}

.torn-toaster-container {
  position: fixed;
  height: fit-content;
  bottom: -120px;
  width: 100%;
  z-index: 99;
  padding: 20px 80px 20px 20px;
  transition: bottom 500ms;
  background-color: rgba(0, 0, 0, 0);
}
.torn-toaster-container.active {
  bottom: 0px;
}
.torn-toaster-container .box {
  color: #1a0c0c;
  margin: 0 auto !important;
  height: fit-content;
  display: flex;
  align-items: center;
  max-width: 800px;
  border-radius: 12px;
  border: 1px solid #f0c450;
  padding: 16px 24px 16px 24px;
  box-shadow: rgba(0, 0, 0, 0.25) 0px 54px 55px, rgba(0, 0, 0, 0.12) 0px -12px 30px, rgba(0, 0, 0, 0.12) 0px 4px 6px, rgba(0, 0, 0, 0.17) 0px 12px 13px, rgba(0, 0, 0, 0.09) 0px -3px 5px;
}
@media only screen and (max-width: 480px) {
  .torn-toaster-container .box {
    flex-direction: column;
    align-items: flex-start;
    gap: 6px;
    padding: 12px;
  }
}
.torn-toaster-container .box.success {
  background-color: #e6f9ea;
  border-color: #1f9f3c;
}
.torn-toaster-container .box.error {
  background-color: #ffe4e2;
  border-color: #d02e24;
  white-space: normal;
}
.torn-toaster-container .box.warning {
  background-color: #fef9ee;
  border-color: #f0c450;
}
.torn-toaster-container .box.info {
  background-color: #e4f0ff;
  border-color: #3074c1;
}
.torn-toaster-container .box .content {
  flex: 1;
  font-size: 18px;
  line-height: 24px;
  font-weight: 500;
}
@media only screen and (max-width: 480px) {
  .torn-toaster-container .box .content {
    font-size: 16px;
    line-height: 20px;
  }
}
.torn-toaster-container .box .button {
  flex: 0 0 fit-content;
  border: 1px solid #1a0c0c;
  border-radius: 50px;
  padding: 8px 12px;
  font-size: 14px;
  font-weight: 700;
  line-height: 14px;
}

#content {
  height: auto;
}

html {
  scroll-behavior: smooth;
}

.editable-input-container {
  font-family: "Geist", sans-serif !important;
  font-size: 11px !important;
  font-weight: 400 !important;
  line-height: 17px !important;
  position: relative;
  width: inherit;
  /* Chrome, Safari, Edge, Opera */
  /* Firefox */
}
@media screen and (min-width: 1920px) {
  .editable-input-container {
    font-size: 16px !important;
    line-height: 24px !important;
  }
}
.editable-input-container input::-webkit-outer-spin-button,
.editable-input-container input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.editable-input-container input[type=number] {
  -moz-appearance: textfield;
}
.editable-input-container .editable-input {
  top: 0;
  left: 0;
  vertical-align: middle;
  background-color: #25d68a;
  border-radius: 6px !important;
  border: none !important;
  box-shadow: 0px 0px 0 1px #000000;
  margin: 0 !important;
  padding: 0rem 0.375rem !important;
  width: inherit !important;
  font-size: inherit;
}
.editable-input-container .editable-input:hover {
  outline: none !important;
}
.editable-input-container .editable-input-placeholder {
  top: 0;
  left: 0;
  vertical-align: middle;
  border-radius: 6px;
  border: none;
  box-shadow: 0px 0px 0 1px #000000;
  cursor: cell;
  display: inline-block;
  overflow: hidden;
  margin: 0;
  padding: 0.275rem 0.375rem;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: inherit;
  font-size: inherit;
  transition: background-color 0.5s ease-in, box-shadow 0.3s linear;
}
.editable-input-container .editable-input-placeholder:hover {
  background-color: #25d68a;
}
.editable-input-container .editable-input-placeholder.submitted {
  box-shadow: 0px 0px 0 1px #d0f2de;
  background-color: #d0f2de;
}
.editable-input-container .editable-input-placeholder.loading {
  opacity: 0.3;
}
.editable-input-container .editable-input-placeholder.loading:hover {
  border-style: none;
  box-shadow: none;
  cursor: default;
}
.editable-input-container .editable-input-placeholder.hide-placeholder {
  position: fixed;
  opacity: 0;
  z-index: -99;
  top: -9999;
  left: -9999;
}
.editable-input-container .editable-input-placeholder .number-text {
  font-family: "Geist", sans-serif;
  font-size: 8.4px !important;
  font-weight: 400 !important;
  line-height: 12.6px !important;
  color: #898280;
  white-space: nowrap;
  margin-left: 1ch;
}
@media screen and (min-width: 1920px) {
  .editable-input-container .editable-input-placeholder .number-text {
    font-size: 12px !important;
    line-height: 18px !important;
  }
}
@media screen and (min-width: 1920px) {
  .editable-input-container .editable-input {
    padding: 0.375rem !important;
  }
  .editable-input-container .editable-input-placeholder {
    padding: 0.375rem;
  }
  .editable-input-container .editable-input-placeholder.submitted {
    box-shadow: 0px 0px 0 1px #d0f2de;
    background-color: #d0f2de;
  }
}.product-title-with-image-container {
  display: flex;
  align-items: center;
  width: inherit;
  min-width: fit-content;
  height: 100%;
  margin-right: 3rem;
}
.product-title-with-image-container span {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  width: inherit;
}
.product-title-with-image-container img {
  border-radius: 100%;
  width: 1.7rem;
  min-width: 1.7rem;
  height: 1.7rem;
  object-fit: scale-down;
  margin-right: 1rem;
}
.product-title-with-image-container input {
  width: inherit;
}
@media screen and (min-width: 1920px) {
  .product-title-with-image-container img {
    min-width: 2rem;
    width: 2rem;
    height: 2rem;
  }
}
h1,
h1 *,
h2,
h2 *,
h3,
h3 * {
  font-family: "Sharp Grotesk", sans-serif;
  margin: 0 0 0.5407911001em;
}

* {
  font-family: "Geist", sans-serif;
}

/**
* Buttons: Bør flyttes til en egen fil med alt knapper.
* @see https://torn-team.atlassian.net/browse/TORN-1104
 */
button.disabled,
button:disabled,
input[type=button].disabled,
input[type=button]:disabled,
input[type=reset].disabled,
input[type=reset]:disabled,
input[type=submit].disabled,
input[type=submit]:disabled,
.button.disabled,
.button:disabled,
.wc-block-grid__products .wc-block-grid__product .wp-block-button__link.disabled,
.wc-block-grid__products .wc-block-grid__product .wp-block-button__link:disabled,
.added_to_cart.disabled,
.added_to_cart:disabled {
  opacity: 0.5 !important;
  cursor: not-allowed;
}

button,
input[type=button],
input[type=reset],
input[type=submit],
.button,
.wc-block-grid__products .wc-block-grid__product .wp-block-button__link,
.added_to_cart {
  cursor: pointer;
  text-shadow: none;
  -webkit-appearance: none;
  word-break: break-word;
}

body {
  background-color: #fbf9f3;
}
body.page-template-authentication {
  background-color: #fcfcfc;
}

a:focus,
button:focus,
.button.alt:focus,
input:focus,
textarea:focus,
input[type=button]:focus,
input[type=reset]:focus,
input[type=submit]:focus,
input[type=email]:focus,
input[type=tel]:focus,
input[type=number]:focus,
input[type=url]:focus,
input[type=password]:focus,
input[type=search]:focus {
  outline: none;
}

a,
a:visited {
  color: #1a0c0c;
}

.required label::after,
.required strong::after,
.required legend::after {
  content: " *";
  color: #ec562d;
}
.required .radio-field > label::after {
  content: "";
}

.widget .widget-title {
  font-size: 1em;
  font-weight: bold;
  color: #1a0c0c;
  border-bottom: none;
  margin-bottom: 0;
}

.widget_product_categories button {
  background-color: #f0c450;
  border-radius: 5px;
}
.widget_product_categories .submit-product-categories-wrapper {
  bottom: 10px;
}
.widget_product_categories.widget.woocommerce li .count {
  float: none;
}
.widget_product_categories .widget-title {
  position: relative;
  top: 80px;
}

.widget-area .widget_search input[type=search],
.widget-area .widget_product_search input[type=search] {
  border: 1px solid black;
  border-radius: 5px;
  padding: 0.7em 1.4em;
  background-color: #ffffff;
}
.widget-area .widget_search form::before,
.widget-area .widget_product_search form::before {
  left: unset;
  right: 1em;
}

.torn-product-category-search-form {
  position: relative;
  top: -40px;
}

.site-main {
  position: relative;
  display: flex;
  flex-flow: column;
}

.vendor-page .site-main {
  padding-top: 25px;
}

#colophon .storefront-handheld-footer-bar {
  display: none;
}

html,
body {
  height: 100%;
  line-height: 1;
  margin: 0;
  padding: 0;
  border: 0;
  vertical-align: baseline;
}

button,
input,
select,
textarea {
  font-size: 100%;
  margin: 0;
  line-height: 1.618;
  text-rendering: optimizeLegibility;
  font-weight: 400;
}

textarea {
  padding: 12px 16px;
  border-radius: 12px;
  width: 100%;
  margin-top: 12px;
  border: 1px solid #666666;
}

ol,
ul {
  overflow-wrap: break-word;
  padding: 0;
}

* {
  box-sizing: border-box;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
}

a {
  text-decoration: none;
}

.torn-hypertext {
  text-decoration: underline !important;
}

p {
  overflow-wrap: break-word;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
  display: block;
}

table {
  border-spacing: 0;
  width: 100%;
  margin: 0 0 1.41575em;
  border-collapse: separate;
}
table td,
table th {
  padding: 1em 1.41575em;
  text-align: left;
  vertical-align: top;
}

img {
  height: auto;
  max-width: 100%;
  display: block;
  border-radius: 3px;
}

/**
 * Theese should probably be placed in component files.
 */
input[type=checkbox],
input[type=radio] {
  min-height: 24px;
  min-width: 24px;
  width: 32px;
  height: 32px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  vertical-align: text-bottom !important;
  outline: 0;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  border: 1px solid #1a0c0c;
  background-color: white;
  flex-shrink: 0;
  cursor: pointer;
  background-size: 16px;
  margin-right: 6px;
}
input[type=checkbox]:checked, input[type=checkbox][checked=checked]:not(body.woocommerce-cart .gateway-selector ul li input[type=radio][checked=checked]),
input[type=radio]:checked,
input[type=radio][checked=checked]:not(body.woocommerce-cart .gateway-selector ul li input[type=radio][checked=checked]) {
  background-color: #1a0c0c !important;
}
input[type=checkbox]:hover,
input[type=radio]:hover {
  box-shadow: 0 0 0 1px #1a0c0c;
}

input[type=radio] {
  border-radius: 50px;
}

input[type=checkbox] {
  border-radius: 8px;
}

input[type=text],
input[type=password],
input[type=number],
input[type=email],
input[type=tel],
input[type=url],
select {
  border: 1px solid #666666;
  margin-top: 12px;
  border-radius: 12px;
  padding: 12px 16px;
  font-size: 18px;
  line-height: 24px;
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

input[type=text]:hover:not([disabled]),
input[type=password]:hover:not([disabled]),
input[type=number]:hover:not([disabled]),
input[type=email]:hover:not([disabled]),
input[type=tel]:hover:not([disabled]),
input[type=url]:hover:not([disabled]),
textarea:hover:not([disabled]),
select:hover:not([disabled]) {
  outline: 1px solid #0f0f0f;
}

input[type=text]:disabled,
input[type=password]:disabled,
input[type=number]:disabled,
input[type=email]:disabled,
input[type=tel]:disabled,
input[type=url]:disabled,
textarea:disabled,
select:disabled {
  outline: 1px solid #eeeeee;
}

input[type=text]:focus,
input[type=password]:focus,
input[type=number]:focus,
input[type=email]:focus,
input[type=tel]:focus,
input[type=url]:focus,
textarea:focus,
select:focus {
  outline-width: 2px;
}

label {
  display: block;
}

dd {
  margin: 0 0 1.618em;
}

dt {
  font-weight: 600;
}

.screen-reader-text {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  -webkit-clip-path: inset(50%);
  clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
  word-wrap: normal !important;
}

.description {
  font-family: "Geist", sans-serif !important;
  font-size: 11px !important;
  font-weight: 400 !important;
  line-height: 17px !important;
  color: #898280 !important;
  margin-top: 0.25rem;
  margin-bottom: 0;
}
@media screen and (min-width: 1920px) {
  .description {
    font-size: 16px !important;
    line-height: 24px !important;
  }
}

.warning-description {
  font-family: "Geist", sans-serif !important;
  font-size: 11px !important;
  font-weight: 400 !important;
  line-height: 17px !important;
  color: #f78502 !important;
  margin-top: 12px;
}
@media screen and (min-width: 1920px) {
  .warning-description {
    font-size: 16px !important;
    line-height: 24px !important;
  }
}

.error-description {
  font-family: "Geist", sans-serif !important;
  font-size: 11px !important;
  font-weight: 400 !important;
  line-height: 17px !important;
  color: #ec562d !important;
  margin-top: 12px;
}
@media screen and (min-width: 1920px) {
  .error-description {
    font-size: 16px !important;
    line-height: 24px !important;
  }
}

#user_switching_switch_on {
  background-color: white;
  padding: 2px 4px !important;
  border-radius: 8px;
}

.torn-modal-backdrop {
  z-index: 40;
}

.torn-modal-container {
  position: fixed;
  top: 33%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: none;
  z-index: 50;
  background-color: white;
  box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
  border-radius: 24px;
  padding: 2.5rem 2rem;
  width: auto;
  max-width: 80vw;
  max-width: 80dvw;
  max-height: 90vh;
  max-height: 90dvh;
  overflow: auto;
}
@media screen and (min-width: 900px) {
  .torn-modal-container {
    top: 50%;
    padding: 4rem 2rem;
  }
}
@media screen and (max-width: 600px) {
  .torn-modal-container {
    max-height: 95vh;
    max-width: 99vw;
    max-width: 99dvw;
  }
}
@media screen and (max-width: 600px) {
  .torn-modal-container.narrow {
    width: 100%;
  }
}
.torn-modal-container .modal-content .modal-body {
  margin-top: 2rem;
}
@media screen and (max-width: 768px) {
  .torn-modal-container .modal-content .modal-body {
    margin-top: 1em;
  }
}
.torn-modal-container .modal-content .modal-body button,
.torn-modal-container .modal-content .modal-body a.button {
  width: auto;
  margin-top: 2rem;
}
@media screen and (max-width: 768px) {
  .torn-modal-container .modal-content .modal-body button,
  .torn-modal-container .modal-content .modal-body a.button {
    margin-top: 1em;
  }
}
.torn-modal-container.medium {
  padding: 32px;
  width: 755px;
}
.torn-modal-container label {
  text-align: left;
  font-size: 17px;
  font-weight: 700;
}
@media screen and (min-width: 900px) {
  .torn-modal-container label {
    margin-bottom: 12px;
  }
}
.torn-modal-container td {
  padding: 0;
}
.torn-modal-container input[type=password],
.torn-modal-container input[type=number],
.torn-modal-container input[type=tel],
.torn-modal-container input[type=text],
.torn-modal-container input[type=email],
.torn-modal-container button {
  width: 100%;
}
@media screen and (min-width: 900px) {
  .torn-modal-container input[type=password],
  .torn-modal-container input[type=number],
  .torn-modal-container input[type=tel],
  .torn-modal-container input[type=text],
  .torn-modal-container input[type=email],
  .torn-modal-container button {
    margin-bottom: 24px;
  }
}
.torn-modal-container button {
  justify-content: center;
}
.torn-modal-container button.close {
  position: absolute;
  text-indent: -9999px;
  border: none;
  background-color: transparent;
  right: 1.875rem;
  top: 1.875rem;
  height: 2.5rem;
  width: 2.5rem;
  background-size: 1.25rem;
}
.torn-modal-container .modal-headline {
  font-family: "Sharp Grotesk", sans-serif;
  font-size: 18px;
  line-height: 30px;
  font-weight: 400;
  color: #1a0c0c;
  margin: 0;
  padding-right: 1.875rem;
}
@media screen and (min-width: 900px) {
  .torn-modal-container .modal-headline {
    padding-bottom: 16px;
  }
}
.torn-modal-container .separator {
  border-bottom: 1px solid #e4e1dc;
  text-align: center;
  margin-bottom: 2rem;
}
.torn-modal-container .separator .text {
  color: #727272;
  margin: 0 auto;
  background-color: white;
  padding: 0 13px;
  position: relative;
  top: 8px;
  font-size: 14px;
}

body.show-modal-backdrop .torn-modal-container {
  display: flex;
  flex-direction: column;
}

.torn-toaster-container {
  position: fixed;
  height: fit-content;
  bottom: -120px;
  width: 100%;
  z-index: 99;
  padding: 20px 80px 20px 20px;
  transition: bottom 500ms;
  background-color: rgba(0, 0, 0, 0);
}
.torn-toaster-container.active {
  bottom: 0px;
}
.torn-toaster-container .box {
  color: #1a0c0c;
  margin: 0 auto !important;
  height: fit-content;
  display: flex;
  align-items: center;
  max-width: 800px;
  border-radius: 12px;
  border: 1px solid #f0c450;
  padding: 16px 24px 16px 24px;
  box-shadow: rgba(0, 0, 0, 0.25) 0px 54px 55px, rgba(0, 0, 0, 0.12) 0px -12px 30px, rgba(0, 0, 0, 0.12) 0px 4px 6px, rgba(0, 0, 0, 0.17) 0px 12px 13px, rgba(0, 0, 0, 0.09) 0px -3px 5px;
}
@media only screen and (max-width: 480px) {
  .torn-toaster-container .box {
    flex-direction: column;
    align-items: flex-start;
    gap: 6px;
    padding: 12px;
  }
}
.torn-toaster-container .box.success {
  background-color: #e6f9ea;
  border-color: #1f9f3c;
}
.torn-toaster-container .box.error {
  background-color: #ffe4e2;
  border-color: #d02e24;
  white-space: normal;
}
.torn-toaster-container .box.warning {
  background-color: #fef9ee;
  border-color: #f0c450;
}
.torn-toaster-container .box.info {
  background-color: #e4f0ff;
  border-color: #3074c1;
}
.torn-toaster-container .box .content {
  flex: 1;
  font-size: 18px;
  line-height: 24px;
  font-weight: 500;
}
@media only screen and (max-width: 480px) {
  .torn-toaster-container .box .content {
    font-size: 16px;
    line-height: 20px;
  }
}
.torn-toaster-container .box .button {
  flex: 0 0 fit-content;
  border: 1px solid #1a0c0c;
  border-radius: 50px;
  padding: 8px 12px;
  font-size: 14px;
  font-weight: 700;
  line-height: 14px;
}

#content {
  height: auto;
}

html {
  scroll-behavior: smooth;
}

.supplier-and-identifier-cell {
  font-family: "Geist", sans-serif;
  font-size: 8.4px !important;
  font-weight: 400 !important;
  line-height: 12.6px !important;
  width: inherit;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
@media screen and (min-width: 1920px) {
  .supplier-and-identifier-cell {
    font-size: 12px !important;
    line-height: 18px !important;
  }
}
.supplier-and-identifier-cell .sku-and-identifier {
  color: #898280;
}
h1,
h1 *,
h2,
h2 *,
h3,
h3 * {
  font-family: "Sharp Grotesk", sans-serif;
  margin: 0 0 0.5407911001em;
}

* {
  font-family: "Geist", sans-serif;
}

/**
* Buttons: Bør flyttes til en egen fil med alt knapper.
* @see https://torn-team.atlassian.net/browse/TORN-1104
 */
button.disabled,
button:disabled,
input[type=button].disabled,
input[type=button]:disabled,
input[type=reset].disabled,
input[type=reset]:disabled,
input[type=submit].disabled,
input[type=submit]:disabled,
.button.disabled,
.button:disabled,
.wc-block-grid__products .wc-block-grid__product .wp-block-button__link.disabled,
.wc-block-grid__products .wc-block-grid__product .wp-block-button__link:disabled,
.added_to_cart.disabled,
.added_to_cart:disabled {
  opacity: 0.5 !important;
  cursor: not-allowed;
}

button,
input[type=button],
input[type=reset],
input[type=submit],
.button,
.wc-block-grid__products .wc-block-grid__product .wp-block-button__link,
.added_to_cart {
  cursor: pointer;
  text-shadow: none;
  -webkit-appearance: none;
  word-break: break-word;
}

body {
  background-color: #fbf9f3;
}
body.page-template-authentication {
  background-color: #fcfcfc;
}

a:focus,
button:focus,
.button.alt:focus,
input:focus,
textarea:focus,
input[type=button]:focus,
input[type=reset]:focus,
input[type=submit]:focus,
input[type=email]:focus,
input[type=tel]:focus,
input[type=number]:focus,
input[type=url]:focus,
input[type=password]:focus,
input[type=search]:focus {
  outline: none;
}

a,
a:visited {
  color: #1a0c0c;
}

.required label::after,
.required strong::after,
.required legend::after {
  content: " *";
  color: #ec562d;
}
.required .radio-field > label::after {
  content: "";
}

.widget .widget-title {
  font-size: 1em;
  font-weight: bold;
  color: #1a0c0c;
  border-bottom: none;
  margin-bottom: 0;
}

.widget_product_categories button {
  background-color: #f0c450;
  border-radius: 5px;
}
.widget_product_categories .submit-product-categories-wrapper {
  bottom: 10px;
}
.widget_product_categories.widget.woocommerce li .count {
  float: none;
}
.widget_product_categories .widget-title {
  position: relative;
  top: 80px;
}

.widget-area .widget_search input[type=search],
.widget-area .widget_product_search input[type=search] {
  border: 1px solid black;
  border-radius: 5px;
  padding: 0.7em 1.4em;
  background-color: #ffffff;
}
.widget-area .widget_search form::before,
.widget-area .widget_product_search form::before {
  left: unset;
  right: 1em;
}

.torn-product-category-search-form {
  position: relative;
  top: -40px;
}

.site-main {
  position: relative;
  display: flex;
  flex-flow: column;
}

.vendor-page .site-main {
  padding-top: 25px;
}

#colophon .storefront-handheld-footer-bar {
  display: none;
}

html,
body {
  height: 100%;
  line-height: 1;
  margin: 0;
  padding: 0;
  border: 0;
  vertical-align: baseline;
}

button,
input,
select,
textarea {
  font-size: 100%;
  margin: 0;
  line-height: 1.618;
  text-rendering: optimizeLegibility;
  font-weight: 400;
}

textarea {
  padding: 12px 16px;
  border-radius: 12px;
  width: 100%;
  margin-top: 12px;
  border: 1px solid #666666;
}

ol,
ul {
  overflow-wrap: break-word;
  padding: 0;
}

* {
  box-sizing: border-box;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
}

a {
  text-decoration: none;
}

.torn-hypertext {
  text-decoration: underline !important;
}

p {
  overflow-wrap: break-word;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
  display: block;
}

table {
  border-spacing: 0;
  width: 100%;
  margin: 0 0 1.41575em;
  border-collapse: separate;
}
table td,
table th {
  padding: 1em 1.41575em;
  text-align: left;
  vertical-align: top;
}

img {
  height: auto;
  max-width: 100%;
  display: block;
  border-radius: 3px;
}

/**
 * Theese should probably be placed in component files.
 */
input[type=checkbox],
input[type=radio] {
  min-height: 24px;
  min-width: 24px;
  width: 32px;
  height: 32px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  vertical-align: text-bottom !important;
  outline: 0;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  border: 1px solid #1a0c0c;
  background-color: white;
  flex-shrink: 0;
  cursor: pointer;
  background-size: 16px;
  margin-right: 6px;
}
input[type=checkbox]:checked, input[type=checkbox][checked=checked]:not(body.woocommerce-cart .gateway-selector ul li input[type=radio][checked=checked]),
input[type=radio]:checked,
input[type=radio][checked=checked]:not(body.woocommerce-cart .gateway-selector ul li input[type=radio][checked=checked]) {
  background-color: #1a0c0c !important;
}
input[type=checkbox]:hover,
input[type=radio]:hover {
  box-shadow: 0 0 0 1px #1a0c0c;
}

input[type=radio] {
  border-radius: 50px;
}

input[type=checkbox] {
  border-radius: 8px;
}

input[type=text],
input[type=password],
input[type=number],
input[type=email],
input[type=tel],
input[type=url],
select {
  border: 1px solid #666666;
  margin-top: 12px;
  border-radius: 12px;
  padding: 12px 16px;
  font-size: 18px;
  line-height: 24px;
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

input[type=text]:hover:not([disabled]),
input[type=password]:hover:not([disabled]),
input[type=number]:hover:not([disabled]),
input[type=email]:hover:not([disabled]),
input[type=tel]:hover:not([disabled]),
input[type=url]:hover:not([disabled]),
textarea:hover:not([disabled]),
select:hover:not([disabled]) {
  outline: 1px solid #0f0f0f;
}

input[type=text]:disabled,
input[type=password]:disabled,
input[type=number]:disabled,
input[type=email]:disabled,
input[type=tel]:disabled,
input[type=url]:disabled,
textarea:disabled,
select:disabled {
  outline: 1px solid #eeeeee;
}

input[type=text]:focus,
input[type=password]:focus,
input[type=number]:focus,
input[type=email]:focus,
input[type=tel]:focus,
input[type=url]:focus,
textarea:focus,
select:focus {
  outline-width: 2px;
}

label {
  display: block;
}

dd {
  margin: 0 0 1.618em;
}

dt {
  font-weight: 600;
}

.screen-reader-text {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  -webkit-clip-path: inset(50%);
  clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
  word-wrap: normal !important;
}

.description {
  font-family: "Geist", sans-serif !important;
  font-size: 11px !important;
  font-weight: 400 !important;
  line-height: 17px !important;
  color: #898280 !important;
  margin-top: 0.25rem;
  margin-bottom: 0;
}
@media screen and (min-width: 1920px) {
  .description {
    font-size: 16px !important;
    line-height: 24px !important;
  }
}

.warning-description {
  font-family: "Geist", sans-serif !important;
  font-size: 11px !important;
  font-weight: 400 !important;
  line-height: 17px !important;
  color: #f78502 !important;
  margin-top: 12px;
}
@media screen and (min-width: 1920px) {
  .warning-description {
    font-size: 16px !important;
    line-height: 24px !important;
  }
}

.error-description {
  font-family: "Geist", sans-serif !important;
  font-size: 11px !important;
  font-weight: 400 !important;
  line-height: 17px !important;
  color: #ec562d !important;
  margin-top: 12px;
}
@media screen and (min-width: 1920px) {
  .error-description {
    font-size: 16px !important;
    line-height: 24px !important;
  }
}

#user_switching_switch_on {
  background-color: white;
  padding: 2px 4px !important;
  border-radius: 8px;
}

.torn-modal-backdrop {
  z-index: 40;
}

.torn-modal-container {
  position: fixed;
  top: 33%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: none;
  z-index: 50;
  background-color: white;
  box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
  border-radius: 24px;
  padding: 2.5rem 2rem;
  width: auto;
  max-width: 80vw;
  max-width: 80dvw;
  max-height: 90vh;
  max-height: 90dvh;
  overflow: auto;
}
@media screen and (min-width: 900px) {
  .torn-modal-container {
    top: 50%;
    padding: 4rem 2rem;
  }
}
@media screen and (max-width: 600px) {
  .torn-modal-container {
    max-height: 95vh;
    max-width: 99vw;
    max-width: 99dvw;
  }
}
@media screen and (max-width: 600px) {
  .torn-modal-container.narrow {
    width: 100%;
  }
}
.torn-modal-container .modal-content .modal-body {
  margin-top: 2rem;
}
@media screen and (max-width: 768px) {
  .torn-modal-container .modal-content .modal-body {
    margin-top: 1em;
  }
}
.torn-modal-container .modal-content .modal-body button,
.torn-modal-container .modal-content .modal-body a.button {
  width: auto;
  margin-top: 2rem;
}
@media screen and (max-width: 768px) {
  .torn-modal-container .modal-content .modal-body button,
  .torn-modal-container .modal-content .modal-body a.button {
    margin-top: 1em;
  }
}
.torn-modal-container.medium {
  padding: 32px;
  width: 755px;
}
.torn-modal-container label {
  text-align: left;
  font-size: 17px;
  font-weight: 700;
}
@media screen and (min-width: 900px) {
  .torn-modal-container label {
    margin-bottom: 12px;
  }
}
.torn-modal-container td {
  padding: 0;
}
.torn-modal-container input[type=password],
.torn-modal-container input[type=number],
.torn-modal-container input[type=tel],
.torn-modal-container input[type=text],
.torn-modal-container input[type=email],
.torn-modal-container button {
  width: 100%;
}
@media screen and (min-width: 900px) {
  .torn-modal-container input[type=password],
  .torn-modal-container input[type=number],
  .torn-modal-container input[type=tel],
  .torn-modal-container input[type=text],
  .torn-modal-container input[type=email],
  .torn-modal-container button {
    margin-bottom: 24px;
  }
}
.torn-modal-container button {
  justify-content: center;
}
.torn-modal-container button.close {
  position: absolute;
  text-indent: -9999px;
  border: none;
  background-color: transparent;
  right: 1.875rem;
  top: 1.875rem;
  height: 2.5rem;
  width: 2.5rem;
  background-size: 1.25rem;
}
.torn-modal-container .modal-headline {
  font-family: "Sharp Grotesk", sans-serif;
  font-size: 18px;
  line-height: 30px;
  font-weight: 400;
  color: #1a0c0c;
  margin: 0;
  padding-right: 1.875rem;
}
@media screen and (min-width: 900px) {
  .torn-modal-container .modal-headline {
    padding-bottom: 16px;
  }
}
.torn-modal-container .separator {
  border-bottom: 1px solid #e4e1dc;
  text-align: center;
  margin-bottom: 2rem;
}
.torn-modal-container .separator .text {
  color: #727272;
  margin: 0 auto;
  background-color: white;
  padding: 0 13px;
  position: relative;
  top: 8px;
  font-size: 14px;
}

body.show-modal-backdrop .torn-modal-container {
  display: flex;
  flex-direction: column;
}

.torn-toaster-container {
  position: fixed;
  height: fit-content;
  bottom: -120px;
  width: 100%;
  z-index: 99;
  padding: 20px 80px 20px 20px;
  transition: bottom 500ms;
  background-color: rgba(0, 0, 0, 0);
}
.torn-toaster-container.active {
  bottom: 0px;
}
.torn-toaster-container .box {
  color: #1a0c0c;
  margin: 0 auto !important;
  height: fit-content;
  display: flex;
  align-items: center;
  max-width: 800px;
  border-radius: 12px;
  border: 1px solid #f0c450;
  padding: 16px 24px 16px 24px;
  box-shadow: rgba(0, 0, 0, 0.25) 0px 54px 55px, rgba(0, 0, 0, 0.12) 0px -12px 30px, rgba(0, 0, 0, 0.12) 0px 4px 6px, rgba(0, 0, 0, 0.17) 0px 12px 13px, rgba(0, 0, 0, 0.09) 0px -3px 5px;
}
@media only screen and (max-width: 480px) {
  .torn-toaster-container .box {
    flex-direction: column;
    align-items: flex-start;
    gap: 6px;
    padding: 12px;
  }
}
.torn-toaster-container .box.success {
  background-color: #e6f9ea;
  border-color: #1f9f3c;
}
.torn-toaster-container .box.error {
  background-color: #ffe4e2;
  border-color: #d02e24;
  white-space: normal;
}
.torn-toaster-container .box.warning {
  background-color: #fef9ee;
  border-color: #f0c450;
}
.torn-toaster-container .box.info {
  background-color: #e4f0ff;
  border-color: #3074c1;
}
.torn-toaster-container .box .content {
  flex: 1;
  font-size: 18px;
  line-height: 24px;
  font-weight: 500;
}
@media only screen and (max-width: 480px) {
  .torn-toaster-container .box .content {
    font-size: 16px;
    line-height: 20px;
  }
}
.torn-toaster-container .box .button {
  flex: 0 0 fit-content;
  border: 1px solid #1a0c0c;
  border-radius: 50px;
  padding: 8px 12px;
  font-size: 14px;
  font-weight: 700;
  line-height: 14px;
}

#content {
  height: auto;
}

html {
  scroll-behavior: smooth;
}

.ad-score-trigger {
  width: fit-content;
  border-radius: 100%;
  align-items: center;
  justify-content: flex-start;
  display: flex;
}

.ad-score-tooltip-content-container {
  width: fit-content;
  background-color: #ebe2eb;
  display: flex;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  box-shadow: 0px 5px 5px 0px lightgrey;
  padding: 1.5rem;
  border-radius: 20px;
  transition: all 0.3s ease-in-out;
  pointer-events: none;
}
.ad-score-tooltip-content-container .triangle {
  background-color: #ebe2eb;
  position: absolute;
  transform: rotate(45deg);
  width: 1rem;
  height: 1rem;
}
.ad-score-tooltip-content-container .score-card {
  width: 15rem;
}
.ad-score-tooltip-content-container .score-card > .score {
  text-align: center;
  font-family: "Geist", sans-serif;
  font-size: 11px !important;
  font-weight: 700 !important;
  line-height: 17px !important;
}
@media screen and (min-width: 1920px) {
  .ad-score-tooltip-content-container .score-card > .score {
    font-size: 16px !important;
    line-height: 24px !important;
  }
}
.ad-score-tooltip-content-container .score-card > .score label {
  margin-bottom: 8px;
}
.ad-score-tooltip-content-container .score-card > .score span {
  font-family: "Sharp Grotesk", sans-serif;
  font-size: 26px !important;
  font-weight: 500;
  line-height: 28px;
  color: rgb(150, 77, 213);
}
@media screen and (min-width: 1920px) {
  .ad-score-tooltip-content-container .score-card > .score span {
    font-size: 32px !important;
    line-height: 32px;
  }
}
.ad-score-tooltip-content-container .score-card > .score-missing {
  list-style-type: none;
  margin-top: 0.7rem;
  font-family: "Geist", sans-serif;
  font-size: 12.5px !important;
  font-weight: 400 !important;
  line-height: 17px !important;
}
.ad-score-tooltip-content-container .score-card > .score-missing p {
  margin: 0 !important;
}
@media screen and (min-width: 1920px) {
  .ad-score-tooltip-content-container .score-card > .score-missing {
    font-size: 18px !important;
    line-height: 26px !important;
  }
}
.ad-score-tooltip-content-container .score-card > .score-checklist {
  margin: 1rem 0 0 0;
  list-style-type: none;
  font-family: "Geist", sans-serif;
  font-size: 12.5px !important;
  font-weight: 400 !important;
  line-height: 17px !important;
}
@media screen and (min-width: 1920px) {
  .ad-score-tooltip-content-container .score-card > .score-checklist {
    font-size: 18px !important;
    line-height: 26px !important;
  }
}
.ad-score-tooltip-content-container .score-card > .score-checklist > .score-checklist-item {
  padding: 6px 0;
  border-top: 1px #ad88cd solid;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.ad-score-tooltip-content-container .score-card > .score-checklist > .score-checklist-item:last-child {
  padding-bottom: 0;
}
.ad-score-tooltip-content-container .score-card > .score-checklist > .score-checklist-item svg {
  fill: #e24242;
}
.ad-score-tooltip-content-container .score-card > .score-checklist > .score-checklist-item > .checked svg {
  fill: #25d68a;
}
.ad-score-tooltip-content-container .score-card > .score-checklist > .score-checklist-item > .exclaimed svg {
  fill: rgb(150, 77, 213);
}
@media screen and (min-width: 1920px) {
  .ad-score-tooltip-content-container .score-card > .score-missing {
    margin-top: 1rem;
  }
  .ad-score-tooltip-content-container .score-card > .score-checklist {
    margin: 2rem 0 0 0;
  }
  .ad-score-tooltip-content-container .score-card > .score-checklist > .score-checklist-item {
    padding: 1rem 0;
  }
}
h1,
h1 *,
h2,
h2 *,
h3,
h3 * {
  font-family: "Sharp Grotesk", sans-serif;
  margin: 0 0 0.5407911001em;
}

* {
  font-family: "Geist", sans-serif;
}

/**
* Buttons: Bør flyttes til en egen fil med alt knapper.
* @see https://torn-team.atlassian.net/browse/TORN-1104
 */
button.disabled,
button:disabled,
input[type=button].disabled,
input[type=button]:disabled,
input[type=reset].disabled,
input[type=reset]:disabled,
input[type=submit].disabled,
input[type=submit]:disabled,
.button.disabled,
.button:disabled,
.wc-block-grid__products .wc-block-grid__product .wp-block-button__link.disabled,
.wc-block-grid__products .wc-block-grid__product .wp-block-button__link:disabled,
.added_to_cart.disabled,
.added_to_cart:disabled {
  opacity: 0.5 !important;
  cursor: not-allowed;
}

button,
input[type=button],
input[type=reset],
input[type=submit],
.button,
.wc-block-grid__products .wc-block-grid__product .wp-block-button__link,
.added_to_cart {
  cursor: pointer;
  text-shadow: none;
  -webkit-appearance: none;
  word-break: break-word;
}

body {
  background-color: #fbf9f3;
}
body.page-template-authentication {
  background-color: #fcfcfc;
}

a:focus,
button:focus,
.button.alt:focus,
input:focus,
textarea:focus,
input[type=button]:focus,
input[type=reset]:focus,
input[type=submit]:focus,
input[type=email]:focus,
input[type=tel]:focus,
input[type=number]:focus,
input[type=url]:focus,
input[type=password]:focus,
input[type=search]:focus {
  outline: none;
}

a,
a:visited {
  color: #1a0c0c;
}

.required label::after,
.required strong::after,
.required legend::after {
  content: " *";
  color: #ec562d;
}
.required .radio-field > label::after {
  content: "";
}

.widget .widget-title {
  font-size: 1em;
  font-weight: bold;
  color: #1a0c0c;
  border-bottom: none;
  margin-bottom: 0;
}

.widget_product_categories button {
  background-color: #f0c450;
  border-radius: 5px;
}
.widget_product_categories .submit-product-categories-wrapper {
  bottom: 10px;
}
.widget_product_categories.widget.woocommerce li .count {
  float: none;
}
.widget_product_categories .widget-title {
  position: relative;
  top: 80px;
}

.widget-area .widget_search input[type=search],
.widget-area .widget_product_search input[type=search] {
  border: 1px solid black;
  border-radius: 5px;
  padding: 0.7em 1.4em;
  background-color: #ffffff;
}
.widget-area .widget_search form::before,
.widget-area .widget_product_search form::before {
  left: unset;
  right: 1em;
}

.torn-product-category-search-form {
  position: relative;
  top: -40px;
}

.site-main {
  position: relative;
  display: flex;
  flex-flow: column;
}

.vendor-page .site-main {
  padding-top: 25px;
}

#colophon .storefront-handheld-footer-bar {
  display: none;
}

html,
body {
  height: 100%;
  line-height: 1;
  margin: 0;
  padding: 0;
  border: 0;
  vertical-align: baseline;
}

button,
input,
select,
textarea {
  font-size: 100%;
  margin: 0;
  line-height: 1.618;
  text-rendering: optimizeLegibility;
  font-weight: 400;
}

textarea {
  padding: 12px 16px;
  border-radius: 12px;
  width: 100%;
  margin-top: 12px;
  border: 1px solid #666666;
}

ol,
ul {
  overflow-wrap: break-word;
  padding: 0;
}

* {
  box-sizing: border-box;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
}

a {
  text-decoration: none;
}

.torn-hypertext {
  text-decoration: underline !important;
}

p {
  overflow-wrap: break-word;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
  display: block;
}

table {
  border-spacing: 0;
  width: 100%;
  margin: 0 0 1.41575em;
  border-collapse: separate;
}
table td,
table th {
  padding: 1em 1.41575em;
  text-align: left;
  vertical-align: top;
}

img {
  height: auto;
  max-width: 100%;
  display: block;
  border-radius: 3px;
}

/**
 * Theese should probably be placed in component files.
 */
input[type=checkbox],
input[type=radio] {
  min-height: 24px;
  min-width: 24px;
  width: 32px;
  height: 32px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  vertical-align: text-bottom !important;
  outline: 0;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  border: 1px solid #1a0c0c;
  background-color: white;
  flex-shrink: 0;
  cursor: pointer;
  background-size: 16px;
  margin-right: 6px;
}
input[type=checkbox]:checked, input[type=checkbox][checked=checked]:not(body.woocommerce-cart .gateway-selector ul li input[type=radio][checked=checked]),
input[type=radio]:checked,
input[type=radio][checked=checked]:not(body.woocommerce-cart .gateway-selector ul li input[type=radio][checked=checked]) {
  background-color: #1a0c0c !important;
}
input[type=checkbox]:hover,
input[type=radio]:hover {
  box-shadow: 0 0 0 1px #1a0c0c;
}

input[type=radio] {
  border-radius: 50px;
}

input[type=checkbox] {
  border-radius: 8px;
}

input[type=text],
input[type=password],
input[type=number],
input[type=email],
input[type=tel],
input[type=url],
select {
  border: 1px solid #666666;
  margin-top: 12px;
  border-radius: 12px;
  padding: 12px 16px;
  font-size: 18px;
  line-height: 24px;
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

input[type=text]:hover:not([disabled]),
input[type=password]:hover:not([disabled]),
input[type=number]:hover:not([disabled]),
input[type=email]:hover:not([disabled]),
input[type=tel]:hover:not([disabled]),
input[type=url]:hover:not([disabled]),
textarea:hover:not([disabled]),
select:hover:not([disabled]) {
  outline: 1px solid #0f0f0f;
}

input[type=text]:disabled,
input[type=password]:disabled,
input[type=number]:disabled,
input[type=email]:disabled,
input[type=tel]:disabled,
input[type=url]:disabled,
textarea:disabled,
select:disabled {
  outline: 1px solid #eeeeee;
}

input[type=text]:focus,
input[type=password]:focus,
input[type=number]:focus,
input[type=email]:focus,
input[type=tel]:focus,
input[type=url]:focus,
textarea:focus,
select:focus {
  outline-width: 2px;
}

label {
  display: block;
}

dd {
  margin: 0 0 1.618em;
}

dt {
  font-weight: 600;
}

.screen-reader-text {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  -webkit-clip-path: inset(50%);
  clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
  word-wrap: normal !important;
}

.description {
  font-family: "Geist", sans-serif !important;
  font-size: 11px !important;
  font-weight: 400 !important;
  line-height: 17px !important;
  color: #898280 !important;
  margin-top: 0.25rem;
  margin-bottom: 0;
}
@media screen and (min-width: 1920px) {
  .description {
    font-size: 16px !important;
    line-height: 24px !important;
  }
}

.warning-description {
  font-family: "Geist", sans-serif !important;
  font-size: 11px !important;
  font-weight: 400 !important;
  line-height: 17px !important;
  color: #f78502 !important;
  margin-top: 12px;
}
@media screen and (min-width: 1920px) {
  .warning-description {
    font-size: 16px !important;
    line-height: 24px !important;
  }
}

.error-description {
  font-family: "Geist", sans-serif !important;
  font-size: 11px !important;
  font-weight: 400 !important;
  line-height: 17px !important;
  color: #ec562d !important;
  margin-top: 12px;
}
@media screen and (min-width: 1920px) {
  .error-description {
    font-size: 16px !important;
    line-height: 24px !important;
  }
}

#user_switching_switch_on {
  background-color: white;
  padding: 2px 4px !important;
  border-radius: 8px;
}

.torn-modal-backdrop {
  z-index: 40;
}

.torn-modal-container {
  position: fixed;
  top: 33%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: none;
  z-index: 50;
  background-color: white;
  box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
  border-radius: 24px;
  padding: 2.5rem 2rem;
  width: auto;
  max-width: 80vw;
  max-width: 80dvw;
  max-height: 90vh;
  max-height: 90dvh;
  overflow: auto;
}
@media screen and (min-width: 900px) {
  .torn-modal-container {
    top: 50%;
    padding: 4rem 2rem;
  }
}
@media screen and (max-width: 600px) {
  .torn-modal-container {
    max-height: 95vh;
    max-width: 99vw;
    max-width: 99dvw;
  }
}
@media screen and (max-width: 600px) {
  .torn-modal-container.narrow {
    width: 100%;
  }
}
.torn-modal-container .modal-content .modal-body {
  margin-top: 2rem;
}
@media screen and (max-width: 768px) {
  .torn-modal-container .modal-content .modal-body {
    margin-top: 1em;
  }
}
.torn-modal-container .modal-content .modal-body button,
.torn-modal-container .modal-content .modal-body a.button {
  width: auto;
  margin-top: 2rem;
}
@media screen and (max-width: 768px) {
  .torn-modal-container .modal-content .modal-body button,
  .torn-modal-container .modal-content .modal-body a.button {
    margin-top: 1em;
  }
}
.torn-modal-container.medium {
  padding: 32px;
  width: 755px;
}
.torn-modal-container label {
  text-align: left;
  font-size: 17px;
  font-weight: 700;
}
@media screen and (min-width: 900px) {
  .torn-modal-container label {
    margin-bottom: 12px;
  }
}
.torn-modal-container td {
  padding: 0;
}
.torn-modal-container input[type=password],
.torn-modal-container input[type=number],
.torn-modal-container input[type=tel],
.torn-modal-container input[type=text],
.torn-modal-container input[type=email],
.torn-modal-container button {
  width: 100%;
}
@media screen and (min-width: 900px) {
  .torn-modal-container input[type=password],
  .torn-modal-container input[type=number],
  .torn-modal-container input[type=tel],
  .torn-modal-container input[type=text],
  .torn-modal-container input[type=email],
  .torn-modal-container button {
    margin-bottom: 24px;
  }
}
.torn-modal-container button {
  justify-content: center;
}
.torn-modal-container button.close {
  position: absolute;
  text-indent: -9999px;
  border: none;
  background-color: transparent;
  right: 1.875rem;
  top: 1.875rem;
  height: 2.5rem;
  width: 2.5rem;
  background-size: 1.25rem;
}
.torn-modal-container .modal-headline {
  font-family: "Sharp Grotesk", sans-serif;
  font-size: 18px;
  line-height: 30px;
  font-weight: 400;
  color: #1a0c0c;
  margin: 0;
  padding-right: 1.875rem;
}
@media screen and (min-width: 900px) {
  .torn-modal-container .modal-headline {
    padding-bottom: 16px;
  }
}
.torn-modal-container .separator {
  border-bottom: 1px solid #e4e1dc;
  text-align: center;
  margin-bottom: 2rem;
}
.torn-modal-container .separator .text {
  color: #727272;
  margin: 0 auto;
  background-color: white;
  padding: 0 13px;
  position: relative;
  top: 8px;
  font-size: 14px;
}

body.show-modal-backdrop .torn-modal-container {
  display: flex;
  flex-direction: column;
}

.torn-toaster-container {
  position: fixed;
  height: fit-content;
  bottom: -120px;
  width: 100%;
  z-index: 99;
  padding: 20px 80px 20px 20px;
  transition: bottom 500ms;
  background-color: rgba(0, 0, 0, 0);
}
.torn-toaster-container.active {
  bottom: 0px;
}
.torn-toaster-container .box {
  color: #1a0c0c;
  margin: 0 auto !important;
  height: fit-content;
  display: flex;
  align-items: center;
  max-width: 800px;
  border-radius: 12px;
  border: 1px solid #f0c450;
  padding: 16px 24px 16px 24px;
  box-shadow: rgba(0, 0, 0, 0.25) 0px 54px 55px, rgba(0, 0, 0, 0.12) 0px -12px 30px, rgba(0, 0, 0, 0.12) 0px 4px 6px, rgba(0, 0, 0, 0.17) 0px 12px 13px, rgba(0, 0, 0, 0.09) 0px -3px 5px;
}
@media only screen and (max-width: 480px) {
  .torn-toaster-container .box {
    flex-direction: column;
    align-items: flex-start;
    gap: 6px;
    padding: 12px;
  }
}
.torn-toaster-container .box.success {
  background-color: #e6f9ea;
  border-color: #1f9f3c;
}
.torn-toaster-container .box.error {
  background-color: #ffe4e2;
  border-color: #d02e24;
  white-space: normal;
}
.torn-toaster-container .box.warning {
  background-color: #fef9ee;
  border-color: #f0c450;
}
.torn-toaster-container .box.info {
  background-color: #e4f0ff;
  border-color: #3074c1;
}
.torn-toaster-container .box .content {
  flex: 1;
  font-size: 18px;
  line-height: 24px;
  font-weight: 500;
}
@media only screen and (max-width: 480px) {
  .torn-toaster-container .box .content {
    font-size: 16px;
    line-height: 20px;
  }
}
.torn-toaster-container .box .button {
  flex: 0 0 fit-content;
  border: 1px solid #1a0c0c;
  border-radius: 50px;
  padding: 8px 12px;
  font-size: 14px;
  font-weight: 700;
  line-height: 14px;
}

#content {
  height: auto;
}

html {
  scroll-behavior: smooth;
}

.sale-score-trigger {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 0.7rem;
  height: 0.7rem;
  border-radius: 100%;
}
@media screen and (min-width: 1920px) {
  .sale-score-trigger {
    width: 1rem;
    height: 1rem;
  }
}

.sale-score-tooltip-content-container {
  display: flex;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  box-shadow: 0px 5px 5px 0px lightgrey;
  padding: 1.5rem;
  border-radius: 20px;
  width: 18rem;
  transition: all 0.3s ease-in-out;
  pointer-events: none;
}
.sale-score-tooltip-content-container .header-content {
  font-family: "Geist", sans-serif;
  font-size: 11px !important;
  font-weight: 700 !important;
  line-height: 17px !important;
  border-bottom: 1px solid;
  margin-bottom: 1rem;
  line-height: 160%;
  text-align: center;
}
@media screen and (min-width: 1920px) {
  .sale-score-tooltip-content-container .header-content {
    font-size: 16px !important;
    line-height: 24px !important;
  }
}
.sale-score-tooltip-content-container .header-content h1 {
  font-family: "Sharp Grotesk", sans-serif;
  font-size: 26px !important;
  font-weight: 500;
  line-height: 28px;
}
@media screen and (min-width: 1920px) {
  .sale-score-tooltip-content-container .header-content h1 {
    font-size: 32px !important;
    line-height: 32px;
  }
}
.sale-score-tooltip-content-container .body-content {
  font-family: "Geist", sans-serif;
  font-size: 12.5px !important;
  font-weight: 400 !important;
  line-height: 17px !important;
  text-align: start;
  white-space: normal;
}
@media screen and (min-width: 1920px) {
  .sale-score-tooltip-content-container .body-content {
    font-size: 18px !important;
    line-height: 26px !important;
  }
}
.sale-score-tooltip-content-container .triangle {
  position: absolute;
  transform: rotate(45deg);
  width: 1rem;
  height: 1rem;
}.filter--buttons-container {
  margin: 50px 0;
}
.filter--buttons-container .fieldset-buttons {
  display: flex;
  gap: 15px;
}
.filter--buttons-container .button-container {
  display: inline-block;
  position: relative;
}
.filter--buttons-container .button-container .tool-tip {
  display: none;
}
.filter--buttons-container .button-container:hover .tool-tip {
  display: block;
  width: 220px;
  background-color: white;
  border: 1px black solid;
  border-radius: 10px;
  color: black;
  text-align: center;
  border-radius: 6px;
  padding: 5px;
  position: absolute;
  z-index: 100;
  bottom: 112%; /* Position the tooltip above the button */
  left: 50%;
  margin-left: -46px; /* Adjust this value to center the tooltip */
}
.filter--buttons-container .button-container:hover .tool-tip h3 {
  font-size: 12px;
  font-weight: bold;
  text-align: left;
}
.filter--buttons-container .button-container:hover .tool-tip p {
  font-size: 12px;
  font-weight: normal;
  text-align: left;
  margin-bottom: 3px;
  padding-bottom: 0;
}
.filter--buttons-container .button-container:hover .tool-tip::after {
  position: absolute;
  content: "";
  width: 0;
  height: 0;
  bottom: -7px;
  left: 38px;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 7px solid rgba(0, 0, 0, 0.7);
}
.filter--buttons-container .radio-field-button {
  margin-top: 0;
}
.filter--buttons-container .radio-field-button label {
  padding: 16px 21px;
  background-color: #fff;
  border-radius: 100px;
}
.filter--buttons-container .radio-field-button label[data-checked=true] {
  background-color: #000;
  color: #fff;
}
.filter--buttons-container .radio-field-button input[type=radio] {
  display: none;
}
h1,
h1 *,
h2,
h2 *,
h3,
h3 * {
  font-family: "Sharp Grotesk", sans-serif;
  margin: 0 0 0.5407911001em;
}

* {
  font-family: "Geist", sans-serif;
}

/**
* Buttons: Bør flyttes til en egen fil med alt knapper.
* @see https://torn-team.atlassian.net/browse/TORN-1104
 */
button.disabled,
button:disabled,
input[type=button].disabled,
input[type=button]:disabled,
input[type=reset].disabled,
input[type=reset]:disabled,
input[type=submit].disabled,
input[type=submit]:disabled,
.button.disabled,
.button:disabled,
.wc-block-grid__products .wc-block-grid__product .wp-block-button__link.disabled,
.wc-block-grid__products .wc-block-grid__product .wp-block-button__link:disabled,
.added_to_cart.disabled,
.added_to_cart:disabled {
  opacity: 0.5 !important;
  cursor: not-allowed;
}

button,
input[type=button],
input[type=reset],
input[type=submit],
.button,
.wc-block-grid__products .wc-block-grid__product .wp-block-button__link,
.added_to_cart {
  cursor: pointer;
  text-shadow: none;
  -webkit-appearance: none;
  word-break: break-word;
}

body {
  background-color: #fbf9f3;
}
body.page-template-authentication {
  background-color: #fcfcfc;
}

a:focus,
button:focus,
.button.alt:focus,
input:focus,
textarea:focus,
input[type=button]:focus,
input[type=reset]:focus,
input[type=submit]:focus,
input[type=email]:focus,
input[type=tel]:focus,
input[type=number]:focus,
input[type=url]:focus,
input[type=password]:focus,
input[type=search]:focus {
  outline: none;
}

a,
a:visited {
  color: #1a0c0c;
}

.required label::after,
.required strong::after,
.required legend::after {
  content: " *";
  color: #ec562d;
}
.required .radio-field > label::after {
  content: "";
}

.widget .widget-title {
  font-size: 1em;
  font-weight: bold;
  color: #1a0c0c;
  border-bottom: none;
  margin-bottom: 0;
}

.widget_product_categories button {
  background-color: #f0c450;
  border-radius: 5px;
}
.widget_product_categories .submit-product-categories-wrapper {
  bottom: 10px;
}
.widget_product_categories.widget.woocommerce li .count {
  float: none;
}
.widget_product_categories .widget-title {
  position: relative;
  top: 80px;
}

.widget-area .widget_search input[type=search],
.widget-area .widget_product_search input[type=search] {
  border: 1px solid black;
  border-radius: 5px;
  padding: 0.7em 1.4em;
  background-color: #ffffff;
}
.widget-area .widget_search form::before,
.widget-area .widget_product_search form::before {
  left: unset;
  right: 1em;
}

.torn-product-category-search-form {
  position: relative;
  top: -40px;
}

.site-main {
  position: relative;
  display: flex;
  flex-flow: column;
}

.vendor-page .site-main {
  padding-top: 25px;
}

#colophon .storefront-handheld-footer-bar {
  display: none;
}

html,
body {
  height: 100%;
  line-height: 1;
  margin: 0;
  padding: 0;
  border: 0;
  vertical-align: baseline;
}

button,
input,
select,
textarea {
  font-size: 100%;
  margin: 0;
  line-height: 1.618;
  text-rendering: optimizeLegibility;
  font-weight: 400;
}

textarea {
  padding: 12px 16px;
  border-radius: 12px;
  width: 100%;
  margin-top: 12px;
  border: 1px solid #666666;
}

ol,
ul {
  overflow-wrap: break-word;
  padding: 0;
}

* {
  box-sizing: border-box;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
}

a {
  text-decoration: none;
}

.torn-hypertext {
  text-decoration: underline !important;
}

p {
  overflow-wrap: break-word;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
  display: block;
}

table {
  border-spacing: 0;
  width: 100%;
  margin: 0 0 1.41575em;
  border-collapse: separate;
}
table td,
table th {
  padding: 1em 1.41575em;
  text-align: left;
  vertical-align: top;
}

img {
  height: auto;
  max-width: 100%;
  display: block;
  border-radius: 3px;
}

/**
 * Theese should probably be placed in component files.
 */
input[type=checkbox],
input[type=radio] {
  min-height: 24px;
  min-width: 24px;
  width: 32px;
  height: 32px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  vertical-align: text-bottom !important;
  outline: 0;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  border: 1px solid #1a0c0c;
  background-color: white;
  flex-shrink: 0;
  cursor: pointer;
  background-size: 16px;
  margin-right: 6px;
}
input[type=checkbox]:checked, input[type=checkbox][checked=checked]:not(body.woocommerce-cart .gateway-selector ul li input[type=radio][checked=checked]),
input[type=radio]:checked,
input[type=radio][checked=checked]:not(body.woocommerce-cart .gateway-selector ul li input[type=radio][checked=checked]) {
  background-color: #1a0c0c !important;
}
input[type=checkbox]:hover,
input[type=radio]:hover {
  box-shadow: 0 0 0 1px #1a0c0c;
}

input[type=radio] {
  border-radius: 50px;
}

input[type=checkbox] {
  border-radius: 8px;
}

input[type=text],
input[type=password],
input[type=number],
input[type=email],
input[type=tel],
input[type=url],
select {
  border: 1px solid #666666;
  margin-top: 12px;
  border-radius: 12px;
  padding: 12px 16px;
  font-size: 18px;
  line-height: 24px;
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

input[type=text]:hover:not([disabled]),
input[type=password]:hover:not([disabled]),
input[type=number]:hover:not([disabled]),
input[type=email]:hover:not([disabled]),
input[type=tel]:hover:not([disabled]),
input[type=url]:hover:not([disabled]),
textarea:hover:not([disabled]),
select:hover:not([disabled]) {
  outline: 1px solid #0f0f0f;
}

input[type=text]:disabled,
input[type=password]:disabled,
input[type=number]:disabled,
input[type=email]:disabled,
input[type=tel]:disabled,
input[type=url]:disabled,
textarea:disabled,
select:disabled {
  outline: 1px solid #eeeeee;
}

input[type=text]:focus,
input[type=password]:focus,
input[type=number]:focus,
input[type=email]:focus,
input[type=tel]:focus,
input[type=url]:focus,
textarea:focus,
select:focus {
  outline-width: 2px;
}

label {
  display: block;
}

dd {
  margin: 0 0 1.618em;
}

dt {
  font-weight: 600;
}

.screen-reader-text {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  -webkit-clip-path: inset(50%);
  clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
  word-wrap: normal !important;
}

.description {
  font-family: "Geist", sans-serif !important;
  font-size: 11px !important;
  font-weight: 400 !important;
  line-height: 17px !important;
  color: #898280 !important;
  margin-top: 0.25rem;
  margin-bottom: 0;
}
@media screen and (min-width: 1920px) {
  .description {
    font-size: 16px !important;
    line-height: 24px !important;
  }
}

.warning-description {
  font-family: "Geist", sans-serif !important;
  font-size: 11px !important;
  font-weight: 400 !important;
  line-height: 17px !important;
  color: #f78502 !important;
  margin-top: 12px;
}
@media screen and (min-width: 1920px) {
  .warning-description {
    font-size: 16px !important;
    line-height: 24px !important;
  }
}

.error-description {
  font-family: "Geist", sans-serif !important;
  font-size: 11px !important;
  font-weight: 400 !important;
  line-height: 17px !important;
  color: #ec562d !important;
  margin-top: 12px;
}
@media screen and (min-width: 1920px) {
  .error-description {
    font-size: 16px !important;
    line-height: 24px !important;
  }
}

#user_switching_switch_on {
  background-color: white;
  padding: 2px 4px !important;
  border-radius: 8px;
}

.torn-modal-backdrop {
  z-index: 40;
}

.torn-modal-container {
  position: fixed;
  top: 33%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: none;
  z-index: 50;
  background-color: white;
  box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
  border-radius: 24px;
  padding: 2.5rem 2rem;
  width: auto;
  max-width: 80vw;
  max-width: 80dvw;
  max-height: 90vh;
  max-height: 90dvh;
  overflow: auto;
}
@media screen and (min-width: 900px) {
  .torn-modal-container {
    top: 50%;
    padding: 4rem 2rem;
  }
}
@media screen and (max-width: 600px) {
  .torn-modal-container {
    max-height: 95vh;
    max-width: 99vw;
    max-width: 99dvw;
  }
}
@media screen and (max-width: 600px) {
  .torn-modal-container.narrow {
    width: 100%;
  }
}
.torn-modal-container .modal-content .modal-body {
  margin-top: 2rem;
}
@media screen and (max-width: 768px) {
  .torn-modal-container .modal-content .modal-body {
    margin-top: 1em;
  }
}
.torn-modal-container .modal-content .modal-body button,
.torn-modal-container .modal-content .modal-body a.button {
  width: auto;
  margin-top: 2rem;
}
@media screen and (max-width: 768px) {
  .torn-modal-container .modal-content .modal-body button,
  .torn-modal-container .modal-content .modal-body a.button {
    margin-top: 1em;
  }
}
.torn-modal-container.medium {
  padding: 32px;
  width: 755px;
}
.torn-modal-container label {
  text-align: left;
  font-size: 17px;
  font-weight: 700;
}
@media screen and (min-width: 900px) {
  .torn-modal-container label {
    margin-bottom: 12px;
  }
}
.torn-modal-container td {
  padding: 0;
}
.torn-modal-container input[type=password],
.torn-modal-container input[type=number],
.torn-modal-container input[type=tel],
.torn-modal-container input[type=text],
.torn-modal-container input[type=email],
.torn-modal-container button {
  width: 100%;
}
@media screen and (min-width: 900px) {
  .torn-modal-container input[type=password],
  .torn-modal-container input[type=number],
  .torn-modal-container input[type=tel],
  .torn-modal-container input[type=text],
  .torn-modal-container input[type=email],
  .torn-modal-container button {
    margin-bottom: 24px;
  }
}
.torn-modal-container button {
  justify-content: center;
}
.torn-modal-container button.close {
  position: absolute;
  text-indent: -9999px;
  border: none;
  background-color: transparent;
  right: 1.875rem;
  top: 1.875rem;
  height: 2.5rem;
  width: 2.5rem;
  background-size: 1.25rem;
}
.torn-modal-container .modal-headline {
  font-family: "Sharp Grotesk", sans-serif;
  font-size: 18px;
  line-height: 30px;
  font-weight: 400;
  color: #1a0c0c;
  margin: 0;
  padding-right: 1.875rem;
}
@media screen and (min-width: 900px) {
  .torn-modal-container .modal-headline {
    padding-bottom: 16px;
  }
}
.torn-modal-container .separator {
  border-bottom: 1px solid #e4e1dc;
  text-align: center;
  margin-bottom: 2rem;
}
.torn-modal-container .separator .text {
  color: #727272;
  margin: 0 auto;
  background-color: white;
  padding: 0 13px;
  position: relative;
  top: 8px;
  font-size: 14px;
}

body.show-modal-backdrop .torn-modal-container {
  display: flex;
  flex-direction: column;
}

.torn-toaster-container {
  position: fixed;
  height: fit-content;
  bottom: -120px;
  width: 100%;
  z-index: 99;
  padding: 20px 80px 20px 20px;
  transition: bottom 500ms;
  background-color: rgba(0, 0, 0, 0);
}
.torn-toaster-container.active {
  bottom: 0px;
}
.torn-toaster-container .box {
  color: #1a0c0c;
  margin: 0 auto !important;
  height: fit-content;
  display: flex;
  align-items: center;
  max-width: 800px;
  border-radius: 12px;
  border: 1px solid #f0c450;
  padding: 16px 24px 16px 24px;
  box-shadow: rgba(0, 0, 0, 0.25) 0px 54px 55px, rgba(0, 0, 0, 0.12) 0px -12px 30px, rgba(0, 0, 0, 0.12) 0px 4px 6px, rgba(0, 0, 0, 0.17) 0px 12px 13px, rgba(0, 0, 0, 0.09) 0px -3px 5px;
}
@media only screen and (max-width: 480px) {
  .torn-toaster-container .box {
    flex-direction: column;
    align-items: flex-start;
    gap: 6px;
    padding: 12px;
  }
}
.torn-toaster-container .box.success {
  background-color: #e6f9ea;
  border-color: #1f9f3c;
}
.torn-toaster-container .box.error {
  background-color: #ffe4e2;
  border-color: #d02e24;
  white-space: normal;
}
.torn-toaster-container .box.warning {
  background-color: #fef9ee;
  border-color: #f0c450;
}
.torn-toaster-container .box.info {
  background-color: #e4f0ff;
  border-color: #3074c1;
}
.torn-toaster-container .box .content {
  flex: 1;
  font-size: 18px;
  line-height: 24px;
  font-weight: 500;
}
@media only screen and (max-width: 480px) {
  .torn-toaster-container .box .content {
    font-size: 16px;
    line-height: 20px;
  }
}
.torn-toaster-container .box .button {
  flex: 0 0 fit-content;
  border: 1px solid #1a0c0c;
  border-radius: 50px;
  padding: 8px 12px;
  font-size: 14px;
  font-weight: 700;
  line-height: 14px;
}

#content {
  height: auto;
}

html {
  scroll-behavior: smooth;
}

.product-import-page-container {
  width: auto;
  display: flex;
  flex-flow: column;
  align-items: flex-start;
}
.product-import-page-container > h1 {
  margin-top: 5px;
  font-family: "Sharp Grotesk", sans-serif;
  font-size: 26px !important;
  font-weight: 500;
  line-height: 28px;
}
@media screen and (min-width: 1920px) {
  .product-import-page-container > h1 {
    font-size: 32px !important;
    line-height: 32px;
  }
}
.product-import-page-container .top-page-container {
  width: 100%;
  margin: 1.25rem 0;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  transition: all 0.3s ease-in-out;
}
.product-import-page-container .product-import-tables {
  width: 100%;
}
@media screen and (min-width: 1440px) {
  .product-import-page-container .top-page-container {
    margin: 1.4rem 0;
  }
}
@media screen and (min-width: 1920px) {
  .product-import-page-container .top-page-container {
    margin: 1.68rem 0;
  }
}

.confirm-modal-content {
  width: 24rem;
  text-align: center;
  line-height: 150%;
  padding: 3rem;
}

.confirm-modal-buttons {
  margin-top: 2rem;
  display: flex;
  justify-content: center;
  align-items: center;
  column-gap: 1rem;
}@media print {
  @page {
    margin: 0;
  }
  .app-header,
  .widgets-container,
  .send-counting-table-to-a-person,
  .table-header-panel,
  .button-container,
  .pagination,
  .product-title-with-image-container > img,
  .send-sms-container,
  .top-page-container,
  button {
    display: none !important;
  }
  td,
  th,
  tr {
    height: 0 !important;
  }
  .table-container {
    z-index: 100 !important;
    width: 100% !important;
    overflow: hidden !important;
    border-radius: 0;
    box-shadow: none !important;
  }
  .header-container {
    font-size: 10px !important;
  }
  .header-container tr:first-child {
    display: none !important;
  }
  .header-container tr:last-child svg {
    fill: black !important;
  }
  .body-container {
    font-size: 12px !important;
  }
  .body-cell {
    padding: 0 4px !important;
    font-size: 8px !important;
  }
  .body-cell .supplier-and-identifier-cell span {
    font-size: 8px !important;
  }
  .body-cell span {
    font-size: 12px !important;
  }
  .body-cell .editable-input-placeholder {
    padding: 0;
    border-radius: 0;
    font-size: 8px !important;
  }
  .table-cell-container {
    width: 100% !important;
    word-wrap: break-all !important;
    display: block !important;
  }
  .table-cell-container span {
    font-size: 8px !important;
  }
  .info-items-container .styled-heading > span {
    font-size: 12px !important;
  }
}
h1,
h1 *,
h2,
h2 *,
h3,
h3 * {
  font-family: "Sharp Grotesk", sans-serif;
  margin: 0 0 0.5407911001em;
}

* {
  font-family: "Geist", sans-serif;
}

/**
* Buttons: Bør flyttes til en egen fil med alt knapper.
* @see https://torn-team.atlassian.net/browse/TORN-1104
 */
button.disabled,
button:disabled,
input[type=button].disabled,
input[type=button]:disabled,
input[type=reset].disabled,
input[type=reset]:disabled,
input[type=submit].disabled,
input[type=submit]:disabled,
.button.disabled,
.button:disabled,
.wc-block-grid__products .wc-block-grid__product .wp-block-button__link.disabled,
.wc-block-grid__products .wc-block-grid__product .wp-block-button__link:disabled,
.added_to_cart.disabled,
.added_to_cart:disabled {
  opacity: 0.5 !important;
  cursor: not-allowed;
}

button,
input[type=button],
input[type=reset],
input[type=submit],
.button,
.wc-block-grid__products .wc-block-grid__product .wp-block-button__link,
.added_to_cart {
  cursor: pointer;
  text-shadow: none;
  -webkit-appearance: none;
  word-break: break-word;
}

body {
  background-color: #fbf9f3;
}
body.page-template-authentication {
  background-color: #fcfcfc;
}

a:focus,
button:focus,
.button.alt:focus,
input:focus,
textarea:focus,
input[type=button]:focus,
input[type=reset]:focus,
input[type=submit]:focus,
input[type=email]:focus,
input[type=tel]:focus,
input[type=number]:focus,
input[type=url]:focus,
input[type=password]:focus,
input[type=search]:focus {
  outline: none;
}

a,
a:visited {
  color: #1a0c0c;
}

.required label::after,
.required strong::after,
.required legend::after {
  content: " *";
  color: #ec562d;
}
.required .radio-field > label::after {
  content: "";
}

.widget .widget-title {
  font-size: 1em;
  font-weight: bold;
  color: #1a0c0c;
  border-bottom: none;
  margin-bottom: 0;
}

.widget_product_categories button {
  background-color: #f0c450;
  border-radius: 5px;
}
.widget_product_categories .submit-product-categories-wrapper {
  bottom: 10px;
}
.widget_product_categories.widget.woocommerce li .count {
  float: none;
}
.widget_product_categories .widget-title {
  position: relative;
  top: 80px;
}

.widget-area .widget_search input[type=search],
.widget-area .widget_product_search input[type=search] {
  border: 1px solid black;
  border-radius: 5px;
  padding: 0.7em 1.4em;
  background-color: #ffffff;
}
.widget-area .widget_search form::before,
.widget-area .widget_product_search form::before {
  left: unset;
  right: 1em;
}

.torn-product-category-search-form {
  position: relative;
  top: -40px;
}

.site-main {
  position: relative;
  display: flex;
  flex-flow: column;
}

.vendor-page .site-main {
  padding-top: 25px;
}

#colophon .storefront-handheld-footer-bar {
  display: none;
}

html,
body {
  height: 100%;
  line-height: 1;
  margin: 0;
  padding: 0;
  border: 0;
  vertical-align: baseline;
}

button,
input,
select,
textarea {
  font-size: 100%;
  margin: 0;
  line-height: 1.618;
  text-rendering: optimizeLegibility;
  font-weight: 400;
}

textarea {
  padding: 12px 16px;
  border-radius: 12px;
  width: 100%;
  margin-top: 12px;
  border: 1px solid #666666;
}

ol,
ul {
  overflow-wrap: break-word;
  padding: 0;
}

* {
  box-sizing: border-box;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
}

a {
  text-decoration: none;
}

.torn-hypertext {
  text-decoration: underline !important;
}

p {
  overflow-wrap: break-word;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
  display: block;
}

table {
  border-spacing: 0;
  width: 100%;
  margin: 0 0 1.41575em;
  border-collapse: separate;
}
table td,
table th {
  padding: 1em 1.41575em;
  text-align: left;
  vertical-align: top;
}

img {
  height: auto;
  max-width: 100%;
  display: block;
  border-radius: 3px;
}

/**
 * Theese should probably be placed in component files.
 */
input[type=checkbox],
input[type=radio] {
  min-height: 24px;
  min-width: 24px;
  width: 32px;
  height: 32px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  vertical-align: text-bottom !important;
  outline: 0;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  border: 1px solid #1a0c0c;
  background-color: white;
  flex-shrink: 0;
  cursor: pointer;
  background-size: 16px;
  margin-right: 6px;
}
input[type=checkbox]:checked, input[type=checkbox][checked=checked]:not(body.woocommerce-cart .gateway-selector ul li input[type=radio][checked=checked]),
input[type=radio]:checked,
input[type=radio][checked=checked]:not(body.woocommerce-cart .gateway-selector ul li input[type=radio][checked=checked]) {
  background-color: #1a0c0c !important;
}
input[type=checkbox]:hover,
input[type=radio]:hover {
  box-shadow: 0 0 0 1px #1a0c0c;
}

input[type=radio] {
  border-radius: 50px;
}

input[type=checkbox] {
  border-radius: 8px;
}

input[type=text],
input[type=password],
input[type=number],
input[type=email],
input[type=tel],
input[type=url],
select {
  border: 1px solid #666666;
  margin-top: 12px;
  border-radius: 12px;
  padding: 12px 16px;
  font-size: 18px;
  line-height: 24px;
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

input[type=text]:hover:not([disabled]),
input[type=password]:hover:not([disabled]),
input[type=number]:hover:not([disabled]),
input[type=email]:hover:not([disabled]),
input[type=tel]:hover:not([disabled]),
input[type=url]:hover:not([disabled]),
textarea:hover:not([disabled]),
select:hover:not([disabled]) {
  outline: 1px solid #0f0f0f;
}

input[type=text]:disabled,
input[type=password]:disabled,
input[type=number]:disabled,
input[type=email]:disabled,
input[type=tel]:disabled,
input[type=url]:disabled,
textarea:disabled,
select:disabled {
  outline: 1px solid #eeeeee;
}

input[type=text]:focus,
input[type=password]:focus,
input[type=number]:focus,
input[type=email]:focus,
input[type=tel]:focus,
input[type=url]:focus,
textarea:focus,
select:focus {
  outline-width: 2px;
}

label {
  display: block;
}

dd {
  margin: 0 0 1.618em;
}

dt {
  font-weight: 600;
}

.screen-reader-text {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  -webkit-clip-path: inset(50%);
  clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
  word-wrap: normal !important;
}

.description {
  font-family: "Geist", sans-serif !important;
  font-size: 11px !important;
  font-weight: 400 !important;
  line-height: 17px !important;
  color: #898280 !important;
  margin-top: 0.25rem;
  margin-bottom: 0;
}
@media screen and (min-width: 1920px) {
  .description {
    font-size: 16px !important;
    line-height: 24px !important;
  }
}

.warning-description {
  font-family: "Geist", sans-serif !important;
  font-size: 11px !important;
  font-weight: 400 !important;
  line-height: 17px !important;
  color: #f78502 !important;
  margin-top: 12px;
}
@media screen and (min-width: 1920px) {
  .warning-description {
    font-size: 16px !important;
    line-height: 24px !important;
  }
}

.error-description {
  font-family: "Geist", sans-serif !important;
  font-size: 11px !important;
  font-weight: 400 !important;
  line-height: 17px !important;
  color: #ec562d !important;
  margin-top: 12px;
}
@media screen and (min-width: 1920px) {
  .error-description {
    font-size: 16px !important;
    line-height: 24px !important;
  }
}

#user_switching_switch_on {
  background-color: white;
  padding: 2px 4px !important;
  border-radius: 8px;
}

.torn-modal-backdrop {
  z-index: 40;
}

.torn-modal-container {
  position: fixed;
  top: 33%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: none;
  z-index: 50;
  background-color: white;
  box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
  border-radius: 24px;
  padding: 2.5rem 2rem;
  width: auto;
  max-width: 80vw;
  max-width: 80dvw;
  max-height: 90vh;
  max-height: 90dvh;
  overflow: auto;
}
@media screen and (min-width: 900px) {
  .torn-modal-container {
    top: 50%;
    padding: 4rem 2rem;
  }
}
@media screen and (max-width: 600px) {
  .torn-modal-container {
    max-height: 95vh;
    max-width: 99vw;
    max-width: 99dvw;
  }
}
@media screen and (max-width: 600px) {
  .torn-modal-container.narrow {
    width: 100%;
  }
}
.torn-modal-container .modal-content .modal-body {
  margin-top: 2rem;
}
@media screen and (max-width: 768px) {
  .torn-modal-container .modal-content .modal-body {
    margin-top: 1em;
  }
}
.torn-modal-container .modal-content .modal-body button,
.torn-modal-container .modal-content .modal-body a.button {
  width: auto;
  margin-top: 2rem;
}
@media screen and (max-width: 768px) {
  .torn-modal-container .modal-content .modal-body button,
  .torn-modal-container .modal-content .modal-body a.button {
    margin-top: 1em;
  }
}
.torn-modal-container.medium {
  padding: 32px;
  width: 755px;
}
.torn-modal-container label {
  text-align: left;
  font-size: 17px;
  font-weight: 700;
}
@media screen and (min-width: 900px) {
  .torn-modal-container label {
    margin-bottom: 12px;
  }
}
.torn-modal-container td {
  padding: 0;
}
.torn-modal-container input[type=password],
.torn-modal-container input[type=number],
.torn-modal-container input[type=tel],
.torn-modal-container input[type=text],
.torn-modal-container input[type=email],
.torn-modal-container button {
  width: 100%;
}
@media screen and (min-width: 900px) {
  .torn-modal-container input[type=password],
  .torn-modal-container input[type=number],
  .torn-modal-container input[type=tel],
  .torn-modal-container input[type=text],
  .torn-modal-container input[type=email],
  .torn-modal-container button {
    margin-bottom: 24px;
  }
}
.torn-modal-container button {
  justify-content: center;
}
.torn-modal-container button.close {
  position: absolute;
  text-indent: -9999px;
  border: none;
  background-color: transparent;
  right: 1.875rem;
  top: 1.875rem;
  height: 2.5rem;
  width: 2.5rem;
  background-size: 1.25rem;
}
.torn-modal-container .modal-headline {
  font-family: "Sharp Grotesk", sans-serif;
  font-size: 18px;
  line-height: 30px;
  font-weight: 400;
  color: #1a0c0c;
  margin: 0;
  padding-right: 1.875rem;
}
@media screen and (min-width: 900px) {
  .torn-modal-container .modal-headline {
    padding-bottom: 16px;
  }
}
.torn-modal-container .separator {
  border-bottom: 1px solid #e4e1dc;
  text-align: center;
  margin-bottom: 2rem;
}
.torn-modal-container .separator .text {
  color: #727272;
  margin: 0 auto;
  background-color: white;
  padding: 0 13px;
  position: relative;
  top: 8px;
  font-size: 14px;
}

body.show-modal-backdrop .torn-modal-container {
  display: flex;
  flex-direction: column;
}

.torn-toaster-container {
  position: fixed;
  height: fit-content;
  bottom: -120px;
  width: 100%;
  z-index: 99;
  padding: 20px 80px 20px 20px;
  transition: bottom 500ms;
  background-color: rgba(0, 0, 0, 0);
}
.torn-toaster-container.active {
  bottom: 0px;
}
.torn-toaster-container .box {
  color: #1a0c0c;
  margin: 0 auto !important;
  height: fit-content;
  display: flex;
  align-items: center;
  max-width: 800px;
  border-radius: 12px;
  border: 1px solid #f0c450;
  padding: 16px 24px 16px 24px;
  box-shadow: rgba(0, 0, 0, 0.25) 0px 54px 55px, rgba(0, 0, 0, 0.12) 0px -12px 30px, rgba(0, 0, 0, 0.12) 0px 4px 6px, rgba(0, 0, 0, 0.17) 0px 12px 13px, rgba(0, 0, 0, 0.09) 0px -3px 5px;
}
@media only screen and (max-width: 480px) {
  .torn-toaster-container .box {
    flex-direction: column;
    align-items: flex-start;
    gap: 6px;
    padding: 12px;
  }
}
.torn-toaster-container .box.success {
  background-color: #e6f9ea;
  border-color: #1f9f3c;
}
.torn-toaster-container .box.error {
  background-color: #ffe4e2;
  border-color: #d02e24;
  white-space: normal;
}
.torn-toaster-container .box.warning {
  background-color: #fef9ee;
  border-color: #f0c450;
}
.torn-toaster-container .box.info {
  background-color: #e4f0ff;
  border-color: #3074c1;
}
.torn-toaster-container .box .content {
  flex: 1;
  font-size: 18px;
  line-height: 24px;
  font-weight: 500;
}
@media only screen and (max-width: 480px) {
  .torn-toaster-container .box .content {
    font-size: 16px;
    line-height: 20px;
  }
}
.torn-toaster-container .box .button {
  flex: 0 0 fit-content;
  border: 1px solid #1a0c0c;
  border-radius: 50px;
  padding: 8px 12px;
  font-size: 14px;
  font-weight: 700;
  line-height: 14px;
}

#content {
  height: auto;
}

html {
  scroll-behavior: smooth;
}

.price-cell-container {
  display: flex;
  align-items: baseline;
}
.price-cell-container .vat-text {
  font-family: "Geist", sans-serif;
  font-size: 8.4px !important;
  font-weight: 400 !important;
  line-height: 12.6px !important;
  vertical-align: baseline;
  color: #898280;
  white-space: nowrap;
  margin-left: 0.2rem;
}
@media screen and (min-width: 1920px) {
  .price-cell-container .vat-text {
    font-size: 12px !important;
    line-height: 18px !important;
  }
}
.price-cell-container.is-refund {
  text-decoration: line-through;
}.column-settings-form {
  display: flex;
  flex-flow: column;
  align-items: center;
  justify-content: flex-start;
  width: 100%;
  padding: 3rem;
}
.column-settings-form .column-settings-buttons {
  width: 100%;
  display: flex;
  justify-content: space-between;
  margin-top: 3rem;
  column-gap: 1rem;
}
.column-settings-form .column-settings-checkboxes {
  width: 100%;
  margin-top: 1rem;
}
.column-settings-form .column-settings-checkboxes .checkbox-field {
  margin-top: 0.5rem;
}
.column-settings-form .column-settings-checkboxes .checkbox-field label {
  cursor: pointer;
}.import-table-container {
  width: 100%;
}
.import-table-container .table-container tbody td {
  cursor: pointer;
}
h1,
h1 *,
h2,
h2 *,
h3,
h3 * {
  font-family: "Sharp Grotesk", sans-serif;
  margin: 0 0 0.5407911001em;
}

* {
  font-family: "Geist", sans-serif;
}

/**
* Buttons: Bør flyttes til en egen fil med alt knapper.
* @see https://torn-team.atlassian.net/browse/TORN-1104
 */
button.disabled,
button:disabled,
input[type=button].disabled,
input[type=button]:disabled,
input[type=reset].disabled,
input[type=reset]:disabled,
input[type=submit].disabled,
input[type=submit]:disabled,
.button.disabled,
.button:disabled,
.wc-block-grid__products .wc-block-grid__product .wp-block-button__link.disabled,
.wc-block-grid__products .wc-block-grid__product .wp-block-button__link:disabled,
.added_to_cart.disabled,
.added_to_cart:disabled {
  opacity: 0.5 !important;
  cursor: not-allowed;
}

button,
input[type=button],
input[type=reset],
input[type=submit],
.button,
.wc-block-grid__products .wc-block-grid__product .wp-block-button__link,
.added_to_cart {
  cursor: pointer;
  text-shadow: none;
  -webkit-appearance: none;
  word-break: break-word;
}

body {
  background-color: #fbf9f3;
}
body.page-template-authentication {
  background-color: #fcfcfc;
}

a:focus,
button:focus,
.button.alt:focus,
input:focus,
textarea:focus,
input[type=button]:focus,
input[type=reset]:focus,
input[type=submit]:focus,
input[type=email]:focus,
input[type=tel]:focus,
input[type=number]:focus,
input[type=url]:focus,
input[type=password]:focus,
input[type=search]:focus {
  outline: none;
}

a,
a:visited {
  color: #1a0c0c;
}

.required label::after,
.required strong::after,
.required legend::after {
  content: " *";
  color: #ec562d;
}
.required .radio-field > label::after {
  content: "";
}

.widget .widget-title {
  font-size: 1em;
  font-weight: bold;
  color: #1a0c0c;
  border-bottom: none;
  margin-bottom: 0;
}

.widget_product_categories button {
  background-color: #f0c450;
  border-radius: 5px;
}
.widget_product_categories .submit-product-categories-wrapper {
  bottom: 10px;
}
.widget_product_categories.widget.woocommerce li .count {
  float: none;
}
.widget_product_categories .widget-title {
  position: relative;
  top: 80px;
}

.widget-area .widget_search input[type=search],
.widget-area .widget_product_search input[type=search] {
  border: 1px solid black;
  border-radius: 5px;
  padding: 0.7em 1.4em;
  background-color: #ffffff;
}
.widget-area .widget_search form::before,
.widget-area .widget_product_search form::before {
  left: unset;
  right: 1em;
}

.torn-product-category-search-form {
  position: relative;
  top: -40px;
}

.site-main {
  position: relative;
  display: flex;
  flex-flow: column;
}

.vendor-page .site-main {
  padding-top: 25px;
}

#colophon .storefront-handheld-footer-bar {
  display: none;
}

html,
body {
  height: 100%;
  line-height: 1;
  margin: 0;
  padding: 0;
  border: 0;
  vertical-align: baseline;
}

button,
input,
select,
textarea {
  font-size: 100%;
  margin: 0;
  line-height: 1.618;
  text-rendering: optimizeLegibility;
  font-weight: 400;
}

textarea {
  padding: 12px 16px;
  border-radius: 12px;
  width: 100%;
  margin-top: 12px;
  border: 1px solid #666666;
}

ol,
ul {
  overflow-wrap: break-word;
  padding: 0;
}

* {
  box-sizing: border-box;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
}

a {
  text-decoration: none;
}

.torn-hypertext {
  text-decoration: underline !important;
}

p {
  overflow-wrap: break-word;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
  display: block;
}

table {
  border-spacing: 0;
  width: 100%;
  margin: 0 0 1.41575em;
  border-collapse: separate;
}
table td,
table th {
  padding: 1em 1.41575em;
  text-align: left;
  vertical-align: top;
}

img {
  height: auto;
  max-width: 100%;
  display: block;
  border-radius: 3px;
}

/**
 * Theese should probably be placed in component files.
 */
input[type=checkbox],
input[type=radio] {
  min-height: 24px;
  min-width: 24px;
  width: 32px;
  height: 32px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  vertical-align: text-bottom !important;
  outline: 0;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  border: 1px solid #1a0c0c;
  background-color: white;
  flex-shrink: 0;
  cursor: pointer;
  background-size: 16px;
  margin-right: 6px;
}
input[type=checkbox]:checked, input[type=checkbox][checked=checked]:not(body.woocommerce-cart .gateway-selector ul li input[type=radio][checked=checked]),
input[type=radio]:checked,
input[type=radio][checked=checked]:not(body.woocommerce-cart .gateway-selector ul li input[type=radio][checked=checked]) {
  background-color: #1a0c0c !important;
}
input[type=checkbox]:hover,
input[type=radio]:hover {
  box-shadow: 0 0 0 1px #1a0c0c;
}

input[type=radio] {
  border-radius: 50px;
}

input[type=checkbox] {
  border-radius: 8px;
}

input[type=text],
input[type=password],
input[type=number],
input[type=email],
input[type=tel],
input[type=url],
select {
  border: 1px solid #666666;
  margin-top: 12px;
  border-radius: 12px;
  padding: 12px 16px;
  font-size: 18px;
  line-height: 24px;
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

input[type=text]:hover:not([disabled]),
input[type=password]:hover:not([disabled]),
input[type=number]:hover:not([disabled]),
input[type=email]:hover:not([disabled]),
input[type=tel]:hover:not([disabled]),
input[type=url]:hover:not([disabled]),
textarea:hover:not([disabled]),
select:hover:not([disabled]) {
  outline: 1px solid #0f0f0f;
}

input[type=text]:disabled,
input[type=password]:disabled,
input[type=number]:disabled,
input[type=email]:disabled,
input[type=tel]:disabled,
input[type=url]:disabled,
textarea:disabled,
select:disabled {
  outline: 1px solid #eeeeee;
}

input[type=text]:focus,
input[type=password]:focus,
input[type=number]:focus,
input[type=email]:focus,
input[type=tel]:focus,
input[type=url]:focus,
textarea:focus,
select:focus {
  outline-width: 2px;
}

label {
  display: block;
}

dd {
  margin: 0 0 1.618em;
}

dt {
  font-weight: 600;
}

.screen-reader-text {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  -webkit-clip-path: inset(50%);
  clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
  word-wrap: normal !important;
}

.description {
  font-family: "Geist", sans-serif !important;
  font-size: 11px !important;
  font-weight: 400 !important;
  line-height: 17px !important;
  color: #898280 !important;
  margin-top: 0.25rem;
  margin-bottom: 0;
}
@media screen and (min-width: 1920px) {
  .description {
    font-size: 16px !important;
    line-height: 24px !important;
  }
}

.warning-description {
  font-family: "Geist", sans-serif !important;
  font-size: 11px !important;
  font-weight: 400 !important;
  line-height: 17px !important;
  color: #f78502 !important;
  margin-top: 12px;
}
@media screen and (min-width: 1920px) {
  .warning-description {
    font-size: 16px !important;
    line-height: 24px !important;
  }
}

.error-description {
  font-family: "Geist", sans-serif !important;
  font-size: 11px !important;
  font-weight: 400 !important;
  line-height: 17px !important;
  color: #ec562d !important;
  margin-top: 12px;
}
@media screen and (min-width: 1920px) {
  .error-description {
    font-size: 16px !important;
    line-height: 24px !important;
  }
}

#user_switching_switch_on {
  background-color: white;
  padding: 2px 4px !important;
  border-radius: 8px;
}

.torn-modal-backdrop {
  z-index: 40;
}

.torn-modal-container {
  position: fixed;
  top: 33%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: none;
  z-index: 50;
  background-color: white;
  box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
  border-radius: 24px;
  padding: 2.5rem 2rem;
  width: auto;
  max-width: 80vw;
  max-width: 80dvw;
  max-height: 90vh;
  max-height: 90dvh;
  overflow: auto;
}
@media screen and (min-width: 900px) {
  .torn-modal-container {
    top: 50%;
    padding: 4rem 2rem;
  }
}
@media screen and (max-width: 600px) {
  .torn-modal-container {
    max-height: 95vh;
    max-width: 99vw;
    max-width: 99dvw;
  }
}
@media screen and (max-width: 600px) {
  .torn-modal-container.narrow {
    width: 100%;
  }
}
.torn-modal-container .modal-content .modal-body {
  margin-top: 2rem;
}
@media screen and (max-width: 768px) {
  .torn-modal-container .modal-content .modal-body {
    margin-top: 1em;
  }
}
.torn-modal-container .modal-content .modal-body button,
.torn-modal-container .modal-content .modal-body a.button {
  width: auto;
  margin-top: 2rem;
}
@media screen and (max-width: 768px) {
  .torn-modal-container .modal-content .modal-body button,
  .torn-modal-container .modal-content .modal-body a.button {
    margin-top: 1em;
  }
}
.torn-modal-container.medium {
  padding: 32px;
  width: 755px;
}
.torn-modal-container label {
  text-align: left;
  font-size: 17px;
  font-weight: 700;
}
@media screen and (min-width: 900px) {
  .torn-modal-container label {
    margin-bottom: 12px;
  }
}
.torn-modal-container td {
  padding: 0;
}
.torn-modal-container input[type=password],
.torn-modal-container input[type=number],
.torn-modal-container input[type=tel],
.torn-modal-container input[type=text],
.torn-modal-container input[type=email],
.torn-modal-container button {
  width: 100%;
}
@media screen and (min-width: 900px) {
  .torn-modal-container input[type=password],
  .torn-modal-container input[type=number],
  .torn-modal-container input[type=tel],
  .torn-modal-container input[type=text],
  .torn-modal-container input[type=email],
  .torn-modal-container button {
    margin-bottom: 24px;
  }
}
.torn-modal-container button {
  justify-content: center;
}
.torn-modal-container button.close {
  position: absolute;
  text-indent: -9999px;
  border: none;
  background-color: transparent;
  right: 1.875rem;
  top: 1.875rem;
  height: 2.5rem;
  width: 2.5rem;
  background-size: 1.25rem;
}
.torn-modal-container .modal-headline {
  font-family: "Sharp Grotesk", sans-serif;
  font-size: 18px;
  line-height: 30px;
  font-weight: 400;
  color: #1a0c0c;
  margin: 0;
  padding-right: 1.875rem;
}
@media screen and (min-width: 900px) {
  .torn-modal-container .modal-headline {
    padding-bottom: 16px;
  }
}
.torn-modal-container .separator {
  border-bottom: 1px solid #e4e1dc;
  text-align: center;
  margin-bottom: 2rem;
}
.torn-modal-container .separator .text {
  color: #727272;
  margin: 0 auto;
  background-color: white;
  padding: 0 13px;
  position: relative;
  top: 8px;
  font-size: 14px;
}

body.show-modal-backdrop .torn-modal-container {
  display: flex;
  flex-direction: column;
}

.torn-toaster-container {
  position: fixed;
  height: fit-content;
  bottom: -120px;
  width: 100%;
  z-index: 99;
  padding: 20px 80px 20px 20px;
  transition: bottom 500ms;
  background-color: rgba(0, 0, 0, 0);
}
.torn-toaster-container.active {
  bottom: 0px;
}
.torn-toaster-container .box {
  color: #1a0c0c;
  margin: 0 auto !important;
  height: fit-content;
  display: flex;
  align-items: center;
  max-width: 800px;
  border-radius: 12px;
  border: 1px solid #f0c450;
  padding: 16px 24px 16px 24px;
  box-shadow: rgba(0, 0, 0, 0.25) 0px 54px 55px, rgba(0, 0, 0, 0.12) 0px -12px 30px, rgba(0, 0, 0, 0.12) 0px 4px 6px, rgba(0, 0, 0, 0.17) 0px 12px 13px, rgba(0, 0, 0, 0.09) 0px -3px 5px;
}
@media only screen and (max-width: 480px) {
  .torn-toaster-container .box {
    flex-direction: column;
    align-items: flex-start;
    gap: 6px;
    padding: 12px;
  }
}
.torn-toaster-container .box.success {
  background-color: #e6f9ea;
  border-color: #1f9f3c;
}
.torn-toaster-container .box.error {
  background-color: #ffe4e2;
  border-color: #d02e24;
  white-space: normal;
}
.torn-toaster-container .box.warning {
  background-color: #fef9ee;
  border-color: #f0c450;
}
.torn-toaster-container .box.info {
  background-color: #e4f0ff;
  border-color: #3074c1;
}
.torn-toaster-container .box .content {
  flex: 1;
  font-size: 18px;
  line-height: 24px;
  font-weight: 500;
}
@media only screen and (max-width: 480px) {
  .torn-toaster-container .box .content {
    font-size: 16px;
    line-height: 20px;
  }
}
.torn-toaster-container .box .button {
  flex: 0 0 fit-content;
  border: 1px solid #1a0c0c;
  border-radius: 50px;
  padding: 8px 12px;
  font-size: 14px;
  font-weight: 700;
  line-height: 14px;
}

#content {
  height: auto;
}

html {
  scroll-behavior: smooth;
}

.counting-table-container {
  display: flex;
  flex-direction: column;
  row-gap: 48px;
  width: 100%;
  justify-content: flex-start;
}
.counting-table-container .table-container {
  grid-column-start: 1;
  grid-column-end: 3;
  height: fit-content;
}
.counting-table-container .table-container tbody td {
  cursor: default;
}
.counting-table-container .send-sms-container {
  display: flex;
  flex-direction: column;
}
.counting-table-container .send-sms-container .contact {
  padding: 1.75rem 1.25rem !important;
}
.counting-table-container .send-sms-container .contact p {
  font-family: "Geist", sans-serif;
  font-size: 12.5px !important;
  font-weight: 400 !important;
  line-height: 17px !important;
}
@media screen and (min-width: 1920px) {
  .counting-table-container .send-sms-container .contact p {
    font-size: 18px !important;
    line-height: 26px !important;
  }
}
.counting-table-container .send-sms-container .box {
  padding: 1.75rem 1.25rem !important;
  display: flex;
  flex-flow: column;
}
.counting-table-container .send-sms-container .box .send-sms {
  font-family: "Geist", sans-serif;
  font-size: 12.5px !important;
  font-weight: 400 !important;
  line-height: 17px !important;
  margin: 1.5rem 0;
  display: flex;
  flex-flow: column;
  row-gap: 1rem;
}
@media screen and (min-width: 1920px) {
  .counting-table-container .send-sms-container .box .send-sms {
    font-size: 18px !important;
    line-height: 26px !important;
  }
}
.counting-table-container .send-sms-container .box .send-sms .send-sms-item {
  width: fit-content;
}
.counting-table-container .send-sms-container .box .send-sms .send-sms-item .radio-field {
  margin-top: 0rem;
}
.counting-table-container .send-sms-container .box .send-sms .send-sms-item .radio-field label {
  font-family: "Geist", sans-serif;
  font-size: 12.5px !important;
  font-weight: 400 !important;
  line-height: 17px !important;
  margin-left: 0.25rem;
}
@media screen and (min-width: 1920px) {
  .counting-table-container .send-sms-container .box .send-sms .send-sms-item .radio-field label {
    font-size: 18px !important;
    line-height: 26px !important;
  }
}
.counting-table-container .send-sms-container .box .send-sms .send-sms-item .radio-field input {
  width: 1.4rem;
  height: 1.4rem;
}
@media only screen and (min-width: 1920px) {
  .counting-table-container .send-sms-container .contact {
    padding: 2rem 1.5rem !important;
  }
  .counting-table-container .send-sms-container .box {
    padding: 2rem 1.5rem !important;
  }
  .counting-table-container .send-sms-container .box .send-sms {
    margin: 2rem 0;
    row-gap: 1.25rem;
  }
  .counting-table-container .send-sms-container .box .send-sms .send-sms-item .radio-field label {
    margin-left: 0.5rem;
  }
  .counting-table-container .send-sms-container .box .send-sms .send-sms-item .radio-field input {
    width: 2rem;
    height: 2rem;
  }
}
@media only screen and (min-width: 1300px) {
  .counting-table-container {
    display: grid;
    grid-template-columns: 3fr 2fr 2fr;
    column-gap: 4rem;
  }
}
h1,
h1 *,
h2,
h2 *,
h3,
h3 * {
  font-family: "Sharp Grotesk", sans-serif;
  margin: 0 0 0.5407911001em;
}

* {
  font-family: "Geist", sans-serif;
}

/**
* Buttons: Bør flyttes til en egen fil med alt knapper.
* @see https://torn-team.atlassian.net/browse/TORN-1104
 */
button.disabled,
button:disabled,
input[type=button].disabled,
input[type=button]:disabled,
input[type=reset].disabled,
input[type=reset]:disabled,
input[type=submit].disabled,
input[type=submit]:disabled,
.button.disabled,
.button:disabled,
.wc-block-grid__products .wc-block-grid__product .wp-block-button__link.disabled,
.wc-block-grid__products .wc-block-grid__product .wp-block-button__link:disabled,
.added_to_cart.disabled,
.added_to_cart:disabled {
  opacity: 0.5 !important;
  cursor: not-allowed;
}

button,
input[type=button],
input[type=reset],
input[type=submit],
.button,
.wc-block-grid__products .wc-block-grid__product .wp-block-button__link,
.added_to_cart {
  cursor: pointer;
  text-shadow: none;
  -webkit-appearance: none;
  word-break: break-word;
}

body {
  background-color: #fbf9f3;
}
body.page-template-authentication {
  background-color: #fcfcfc;
}

a:focus,
button:focus,
.button.alt:focus,
input:focus,
textarea:focus,
input[type=button]:focus,
input[type=reset]:focus,
input[type=submit]:focus,
input[type=email]:focus,
input[type=tel]:focus,
input[type=number]:focus,
input[type=url]:focus,
input[type=password]:focus,
input[type=search]:focus {
  outline: none;
}

a,
a:visited {
  color: #1a0c0c;
}

.required label::after,
.required strong::after,
.required legend::after {
  content: " *";
  color: #ec562d;
}
.required .radio-field > label::after {
  content: "";
}

.widget .widget-title {
  font-size: 1em;
  font-weight: bold;
  color: #1a0c0c;
  border-bottom: none;
  margin-bottom: 0;
}

.widget_product_categories button {
  background-color: #f0c450;
  border-radius: 5px;
}
.widget_product_categories .submit-product-categories-wrapper {
  bottom: 10px;
}
.widget_product_categories.widget.woocommerce li .count {
  float: none;
}
.widget_product_categories .widget-title {
  position: relative;
  top: 80px;
}

.widget-area .widget_search input[type=search],
.widget-area .widget_product_search input[type=search] {
  border: 1px solid black;
  border-radius: 5px;
  padding: 0.7em 1.4em;
  background-color: #ffffff;
}
.widget-area .widget_search form::before,
.widget-area .widget_product_search form::before {
  left: unset;
  right: 1em;
}

.torn-product-category-search-form {
  position: relative;
  top: -40px;
}

.site-main {
  position: relative;
  display: flex;
  flex-flow: column;
}

.vendor-page .site-main {
  padding-top: 25px;
}

#colophon .storefront-handheld-footer-bar {
  display: none;
}

html,
body {
  height: 100%;
  line-height: 1;
  margin: 0;
  padding: 0;
  border: 0;
  vertical-align: baseline;
}

button,
input,
select,
textarea {
  font-size: 100%;
  margin: 0;
  line-height: 1.618;
  text-rendering: optimizeLegibility;
  font-weight: 400;
}

textarea {
  padding: 12px 16px;
  border-radius: 12px;
  width: 100%;
  margin-top: 12px;
  border: 1px solid #666666;
}

ol,
ul {
  overflow-wrap: break-word;
  padding: 0;
}

* {
  box-sizing: border-box;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
}

a {
  text-decoration: none;
}

.torn-hypertext {
  text-decoration: underline !important;
}

p {
  overflow-wrap: break-word;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
  display: block;
}

table {
  border-spacing: 0;
  width: 100%;
  margin: 0 0 1.41575em;
  border-collapse: separate;
}
table td,
table th {
  padding: 1em 1.41575em;
  text-align: left;
  vertical-align: top;
}

img {
  height: auto;
  max-width: 100%;
  display: block;
  border-radius: 3px;
}

/**
 * Theese should probably be placed in component files.
 */
input[type=checkbox],
input[type=radio] {
  min-height: 24px;
  min-width: 24px;
  width: 32px;
  height: 32px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  vertical-align: text-bottom !important;
  outline: 0;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  border: 1px solid #1a0c0c;
  background-color: white;
  flex-shrink: 0;
  cursor: pointer;
  background-size: 16px;
  margin-right: 6px;
}
input[type=checkbox]:checked, input[type=checkbox][checked=checked]:not(body.woocommerce-cart .gateway-selector ul li input[type=radio][checked=checked]),
input[type=radio]:checked,
input[type=radio][checked=checked]:not(body.woocommerce-cart .gateway-selector ul li input[type=radio][checked=checked]) {
  background-color: #1a0c0c !important;
}
input[type=checkbox]:hover,
input[type=radio]:hover {
  box-shadow: 0 0 0 1px #1a0c0c;
}

input[type=radio] {
  border-radius: 50px;
}

input[type=checkbox] {
  border-radius: 8px;
}

input[type=text],
input[type=password],
input[type=number],
input[type=email],
input[type=tel],
input[type=url],
select {
  border: 1px solid #666666;
  margin-top: 12px;
  border-radius: 12px;
  padding: 12px 16px;
  font-size: 18px;
  line-height: 24px;
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

input[type=text]:hover:not([disabled]),
input[type=password]:hover:not([disabled]),
input[type=number]:hover:not([disabled]),
input[type=email]:hover:not([disabled]),
input[type=tel]:hover:not([disabled]),
input[type=url]:hover:not([disabled]),
textarea:hover:not([disabled]),
select:hover:not([disabled]) {
  outline: 1px solid #0f0f0f;
}

input[type=text]:disabled,
input[type=password]:disabled,
input[type=number]:disabled,
input[type=email]:disabled,
input[type=tel]:disabled,
input[type=url]:disabled,
textarea:disabled,
select:disabled {
  outline: 1px solid #eeeeee;
}

input[type=text]:focus,
input[type=password]:focus,
input[type=number]:focus,
input[type=email]:focus,
input[type=tel]:focus,
input[type=url]:focus,
textarea:focus,
select:focus {
  outline-width: 2px;
}

label {
  display: block;
}

dd {
  margin: 0 0 1.618em;
}

dt {
  font-weight: 600;
}

.screen-reader-text {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  -webkit-clip-path: inset(50%);
  clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
  word-wrap: normal !important;
}

.description {
  font-family: "Geist", sans-serif !important;
  font-size: 11px !important;
  font-weight: 400 !important;
  line-height: 17px !important;
  color: #898280 !important;
  margin-top: 0.25rem;
  margin-bottom: 0;
}
@media screen and (min-width: 1920px) {
  .description {
    font-size: 16px !important;
    line-height: 24px !important;
  }
}

.warning-description {
  font-family: "Geist", sans-serif !important;
  font-size: 11px !important;
  font-weight: 400 !important;
  line-height: 17px !important;
  color: #f78502 !important;
  margin-top: 12px;
}
@media screen and (min-width: 1920px) {
  .warning-description {
    font-size: 16px !important;
    line-height: 24px !important;
  }
}

.error-description {
  font-family: "Geist", sans-serif !important;
  font-size: 11px !important;
  font-weight: 400 !important;
  line-height: 17px !important;
  color: #ec562d !important;
  margin-top: 12px;
}
@media screen and (min-width: 1920px) {
  .error-description {
    font-size: 16px !important;
    line-height: 24px !important;
  }
}

#user_switching_switch_on {
  background-color: white;
  padding: 2px 4px !important;
  border-radius: 8px;
}

.torn-modal-backdrop {
  z-index: 40;
}

.torn-modal-container {
  position: fixed;
  top: 33%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: none;
  z-index: 50;
  background-color: white;
  box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
  border-radius: 24px;
  padding: 2.5rem 2rem;
  width: auto;
  max-width: 80vw;
  max-width: 80dvw;
  max-height: 90vh;
  max-height: 90dvh;
  overflow: auto;
}
@media screen and (min-width: 900px) {
  .torn-modal-container {
    top: 50%;
    padding: 4rem 2rem;
  }
}
@media screen and (max-width: 600px) {
  .torn-modal-container {
    max-height: 95vh;
    max-width: 99vw;
    max-width: 99dvw;
  }
}
@media screen and (max-width: 600px) {
  .torn-modal-container.narrow {
    width: 100%;
  }
}
.torn-modal-container .modal-content .modal-body {
  margin-top: 2rem;
}
@media screen and (max-width: 768px) {
  .torn-modal-container .modal-content .modal-body {
    margin-top: 1em;
  }
}
.torn-modal-container .modal-content .modal-body button,
.torn-modal-container .modal-content .modal-body a.button {
  width: auto;
  margin-top: 2rem;
}
@media screen and (max-width: 768px) {
  .torn-modal-container .modal-content .modal-body button,
  .torn-modal-container .modal-content .modal-body a.button {
    margin-top: 1em;
  }
}
.torn-modal-container.medium {
  padding: 32px;
  width: 755px;
}
.torn-modal-container label {
  text-align: left;
  font-size: 17px;
  font-weight: 700;
}
@media screen and (min-width: 900px) {
  .torn-modal-container label {
    margin-bottom: 12px;
  }
}
.torn-modal-container td {
  padding: 0;
}
.torn-modal-container input[type=password],
.torn-modal-container input[type=number],
.torn-modal-container input[type=tel],
.torn-modal-container input[type=text],
.torn-modal-container input[type=email],
.torn-modal-container button {
  width: 100%;
}
@media screen and (min-width: 900px) {
  .torn-modal-container input[type=password],
  .torn-modal-container input[type=number],
  .torn-modal-container input[type=tel],
  .torn-modal-container input[type=text],
  .torn-modal-container input[type=email],
  .torn-modal-container button {
    margin-bottom: 24px;
  }
}
.torn-modal-container button {
  justify-content: center;
}
.torn-modal-container button.close {
  position: absolute;
  text-indent: -9999px;
  border: none;
  background-color: transparent;
  right: 1.875rem;
  top: 1.875rem;
  height: 2.5rem;
  width: 2.5rem;
  background-size: 1.25rem;
}
.torn-modal-container .modal-headline {
  font-family: "Sharp Grotesk", sans-serif;
  font-size: 18px;
  line-height: 30px;
  font-weight: 400;
  color: #1a0c0c;
  margin: 0;
  padding-right: 1.875rem;
}
@media screen and (min-width: 900px) {
  .torn-modal-container .modal-headline {
    padding-bottom: 16px;
  }
}
.torn-modal-container .separator {
  border-bottom: 1px solid #e4e1dc;
  text-align: center;
  margin-bottom: 2rem;
}
.torn-modal-container .separator .text {
  color: #727272;
  margin: 0 auto;
  background-color: white;
  padding: 0 13px;
  position: relative;
  top: 8px;
  font-size: 14px;
}

body.show-modal-backdrop .torn-modal-container {
  display: flex;
  flex-direction: column;
}

.torn-toaster-container {
  position: fixed;
  height: fit-content;
  bottom: -120px;
  width: 100%;
  z-index: 99;
  padding: 20px 80px 20px 20px;
  transition: bottom 500ms;
  background-color: rgba(0, 0, 0, 0);
}
.torn-toaster-container.active {
  bottom: 0px;
}
.torn-toaster-container .box {
  color: #1a0c0c;
  margin: 0 auto !important;
  height: fit-content;
  display: flex;
  align-items: center;
  max-width: 800px;
  border-radius: 12px;
  border: 1px solid #f0c450;
  padding: 16px 24px 16px 24px;
  box-shadow: rgba(0, 0, 0, 0.25) 0px 54px 55px, rgba(0, 0, 0, 0.12) 0px -12px 30px, rgba(0, 0, 0, 0.12) 0px 4px 6px, rgba(0, 0, 0, 0.17) 0px 12px 13px, rgba(0, 0, 0, 0.09) 0px -3px 5px;
}
@media only screen and (max-width: 480px) {
  .torn-toaster-container .box {
    flex-direction: column;
    align-items: flex-start;
    gap: 6px;
    padding: 12px;
  }
}
.torn-toaster-container .box.success {
  background-color: #e6f9ea;
  border-color: #1f9f3c;
}
.torn-toaster-container .box.error {
  background-color: #ffe4e2;
  border-color: #d02e24;
  white-space: normal;
}
.torn-toaster-container .box.warning {
  background-color: #fef9ee;
  border-color: #f0c450;
}
.torn-toaster-container .box.info {
  background-color: #e4f0ff;
  border-color: #3074c1;
}
.torn-toaster-container .box .content {
  flex: 1;
  font-size: 18px;
  line-height: 24px;
  font-weight: 500;
}
@media only screen and (max-width: 480px) {
  .torn-toaster-container .box .content {
    font-size: 16px;
    line-height: 20px;
  }
}
.torn-toaster-container .box .button {
  flex: 0 0 fit-content;
  border: 1px solid #1a0c0c;
  border-radius: 50px;
  padding: 8px 12px;
  font-size: 14px;
  font-weight: 700;
  line-height: 14px;
}

#content {
  height: auto;
}

html {
  scroll-behavior: smooth;
}

.contact p {
  font-size: 18px;
  line-height: 27px;
  font-size: 16px;
}
.contact a {
  text-decoration: underline;
}
.contact #contact-email {
  margin-right: 4px;
}.publish-all-products-modal {
  width: 100%;
  padding: 3rem;
}.toggle-buttons {
  background-color: #25d68a;
  width: 12rem;
  height: 2.5rem;
  border-radius: 8px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  transition: all 0.3s ease-in-out;
  padding: 0.2rem;
}
.toggle-buttons button {
  white-space: nowrap;
  width: 100%;
  height: 100%;
  border-radius: 8px;
  background-color: transparent;
  border-style: none;
}
.toggle-buttons button.active {
  background-color: white;
  transition: all 0.3s ease-in-out;
}
.toggle-buttons button:disabled {
  background-color: white;
  color: #1a0c0c;
  cursor: initial;
  opacity: 1 !important;
}
@media screen and (min-width: 1920px) {
  .toggle-buttons {
    width: 18rem;
    height: 3.7rem;
  }
}
h1,
h1 *,
h2,
h2 *,
h3,
h3 * {
  font-family: "Sharp Grotesk", sans-serif;
  margin: 0 0 0.5407911001em;
}

* {
  font-family: "Geist", sans-serif;
}

/**
* Buttons: Bør flyttes til en egen fil med alt knapper.
* @see https://torn-team.atlassian.net/browse/TORN-1104
 */
button.disabled,
button:disabled,
input[type=button].disabled,
input[type=button]:disabled,
input[type=reset].disabled,
input[type=reset]:disabled,
input[type=submit].disabled,
input[type=submit]:disabled,
.button.disabled,
.button:disabled,
.wc-block-grid__products .wc-block-grid__product .wp-block-button__link.disabled,
.wc-block-grid__products .wc-block-grid__product .wp-block-button__link:disabled,
.added_to_cart.disabled,
.added_to_cart:disabled {
  opacity: 0.5 !important;
  cursor: not-allowed;
}

button,
input[type=button],
input[type=reset],
input[type=submit],
.button,
.wc-block-grid__products .wc-block-grid__product .wp-block-button__link,
.added_to_cart {
  cursor: pointer;
  text-shadow: none;
  -webkit-appearance: none;
  word-break: break-word;
}

body {
  background-color: #fbf9f3;
}
body.page-template-authentication {
  background-color: #fcfcfc;
}

a:focus,
button:focus,
.button.alt:focus,
input:focus,
textarea:focus,
input[type=button]:focus,
input[type=reset]:focus,
input[type=submit]:focus,
input[type=email]:focus,
input[type=tel]:focus,
input[type=number]:focus,
input[type=url]:focus,
input[type=password]:focus,
input[type=search]:focus {
  outline: none;
}

a,
a:visited {
  color: #1a0c0c;
}

.required label::after,
.required strong::after,
.required legend::after {
  content: " *";
  color: #ec562d;
}
.required .radio-field > label::after {
  content: "";
}

.widget .widget-title {
  font-size: 1em;
  font-weight: bold;
  color: #1a0c0c;
  border-bottom: none;
  margin-bottom: 0;
}

.widget_product_categories button {
  background-color: #f0c450;
  border-radius: 5px;
}
.widget_product_categories .submit-product-categories-wrapper {
  bottom: 10px;
}
.widget_product_categories.widget.woocommerce li .count {
  float: none;
}
.widget_product_categories .widget-title {
  position: relative;
  top: 80px;
}

.widget-area .widget_search input[type=search],
.widget-area .widget_product_search input[type=search] {
  border: 1px solid black;
  border-radius: 5px;
  padding: 0.7em 1.4em;
  background-color: #ffffff;
}
.widget-area .widget_search form::before,
.widget-area .widget_product_search form::before {
  left: unset;
  right: 1em;
}

.torn-product-category-search-form {
  position: relative;
  top: -40px;
}

.site-main {
  position: relative;
  display: flex;
  flex-flow: column;
}

.vendor-page .site-main {
  padding-top: 25px;
}

#colophon .storefront-handheld-footer-bar {
  display: none;
}

html,
body {
  height: 100%;
  line-height: 1;
  margin: 0;
  padding: 0;
  border: 0;
  vertical-align: baseline;
}

button,
input,
select,
textarea {
  font-size: 100%;
  margin: 0;
  line-height: 1.618;
  text-rendering: optimizeLegibility;
  font-weight: 400;
}

textarea {
  padding: 12px 16px;
  border-radius: 12px;
  width: 100%;
  margin-top: 12px;
  border: 1px solid #666666;
}

ol,
ul {
  overflow-wrap: break-word;
  padding: 0;
}

* {
  box-sizing: border-box;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
}

a {
  text-decoration: none;
}

.torn-hypertext {
  text-decoration: underline !important;
}

p {
  overflow-wrap: break-word;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
  display: block;
}

table {
  border-spacing: 0;
  width: 100%;
  margin: 0 0 1.41575em;
  border-collapse: separate;
}
table td,
table th {
  padding: 1em 1.41575em;
  text-align: left;
  vertical-align: top;
}

img {
  height: auto;
  max-width: 100%;
  display: block;
  border-radius: 3px;
}

/**
 * Theese should probably be placed in component files.
 */
input[type=checkbox],
input[type=radio] {
  min-height: 24px;
  min-width: 24px;
  width: 32px;
  height: 32px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  vertical-align: text-bottom !important;
  outline: 0;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  border: 1px solid #1a0c0c;
  background-color: white;
  flex-shrink: 0;
  cursor: pointer;
  background-size: 16px;
  margin-right: 6px;
}
input[type=checkbox]:checked, input[type=checkbox][checked=checked]:not(body.woocommerce-cart .gateway-selector ul li input[type=radio][checked=checked]),
input[type=radio]:checked,
input[type=radio][checked=checked]:not(body.woocommerce-cart .gateway-selector ul li input[type=radio][checked=checked]) {
  background-color: #1a0c0c !important;
}
input[type=checkbox]:hover,
input[type=radio]:hover {
  box-shadow: 0 0 0 1px #1a0c0c;
}

input[type=radio] {
  border-radius: 50px;
}

input[type=checkbox] {
  border-radius: 8px;
}

input[type=text],
input[type=password],
input[type=number],
input[type=email],
input[type=tel],
input[type=url],
select {
  border: 1px solid #666666;
  margin-top: 12px;
  border-radius: 12px;
  padding: 12px 16px;
  font-size: 18px;
  line-height: 24px;
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

input[type=text]:hover:not([disabled]),
input[type=password]:hover:not([disabled]),
input[type=number]:hover:not([disabled]),
input[type=email]:hover:not([disabled]),
input[type=tel]:hover:not([disabled]),
input[type=url]:hover:not([disabled]),
textarea:hover:not([disabled]),
select:hover:not([disabled]) {
  outline: 1px solid #0f0f0f;
}

input[type=text]:disabled,
input[type=password]:disabled,
input[type=number]:disabled,
input[type=email]:disabled,
input[type=tel]:disabled,
input[type=url]:disabled,
textarea:disabled,
select:disabled {
  outline: 1px solid #eeeeee;
}

input[type=text]:focus,
input[type=password]:focus,
input[type=number]:focus,
input[type=email]:focus,
input[type=tel]:focus,
input[type=url]:focus,
textarea:focus,
select:focus {
  outline-width: 2px;
}

label {
  display: block;
}

dd {
  margin: 0 0 1.618em;
}

dt {
  font-weight: 600;
}

.screen-reader-text {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  -webkit-clip-path: inset(50%);
  clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
  word-wrap: normal !important;
}

.description {
  font-family: "Geist", sans-serif !important;
  font-size: 11px !important;
  font-weight: 400 !important;
  line-height: 17px !important;
  color: #898280 !important;
  margin-top: 0.25rem;
  margin-bottom: 0;
}
@media screen and (min-width: 1920px) {
  .description {
    font-size: 16px !important;
    line-height: 24px !important;
  }
}

.warning-description {
  font-family: "Geist", sans-serif !important;
  font-size: 11px !important;
  font-weight: 400 !important;
  line-height: 17px !important;
  color: #f78502 !important;
  margin-top: 12px;
}
@media screen and (min-width: 1920px) {
  .warning-description {
    font-size: 16px !important;
    line-height: 24px !important;
  }
}

.error-description {
  font-family: "Geist", sans-serif !important;
  font-size: 11px !important;
  font-weight: 400 !important;
  line-height: 17px !important;
  color: #ec562d !important;
  margin-top: 12px;
}
@media screen and (min-width: 1920px) {
  .error-description {
    font-size: 16px !important;
    line-height: 24px !important;
  }
}

#user_switching_switch_on {
  background-color: white;
  padding: 2px 4px !important;
  border-radius: 8px;
}

.torn-modal-backdrop {
  z-index: 40;
}

.torn-modal-container {
  position: fixed;
  top: 33%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: none;
  z-index: 50;
  background-color: white;
  box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
  border-radius: 24px;
  padding: 2.5rem 2rem;
  width: auto;
  max-width: 80vw;
  max-width: 80dvw;
  max-height: 90vh;
  max-height: 90dvh;
  overflow: auto;
}
@media screen and (min-width: 900px) {
  .torn-modal-container {
    top: 50%;
    padding: 4rem 2rem;
  }
}
@media screen and (max-width: 600px) {
  .torn-modal-container {
    max-height: 95vh;
    max-width: 99vw;
    max-width: 99dvw;
  }
}
@media screen and (max-width: 600px) {
  .torn-modal-container.narrow {
    width: 100%;
  }
}
.torn-modal-container .modal-content .modal-body {
  margin-top: 2rem;
}
@media screen and (max-width: 768px) {
  .torn-modal-container .modal-content .modal-body {
    margin-top: 1em;
  }
}
.torn-modal-container .modal-content .modal-body button,
.torn-modal-container .modal-content .modal-body a.button {
  width: auto;
  margin-top: 2rem;
}
@media screen and (max-width: 768px) {
  .torn-modal-container .modal-content .modal-body button,
  .torn-modal-container .modal-content .modal-body a.button {
    margin-top: 1em;
  }
}
.torn-modal-container.medium {
  padding: 32px;
  width: 755px;
}
.torn-modal-container label {
  text-align: left;
  font-size: 17px;
  font-weight: 700;
}
@media screen and (min-width: 900px) {
  .torn-modal-container label {
    margin-bottom: 12px;
  }
}
.torn-modal-container td {
  padding: 0;
}
.torn-modal-container input[type=password],
.torn-modal-container input[type=number],
.torn-modal-container input[type=tel],
.torn-modal-container input[type=text],
.torn-modal-container input[type=email],
.torn-modal-container button {
  width: 100%;
}
@media screen and (min-width: 900px) {
  .torn-modal-container input[type=password],
  .torn-modal-container input[type=number],
  .torn-modal-container input[type=tel],
  .torn-modal-container input[type=text],
  .torn-modal-container input[type=email],
  .torn-modal-container button {
    margin-bottom: 24px;
  }
}
.torn-modal-container button {
  justify-content: center;
}
.torn-modal-container button.close {
  position: absolute;
  text-indent: -9999px;
  border: none;
  background-color: transparent;
  right: 1.875rem;
  top: 1.875rem;
  height: 2.5rem;
  width: 2.5rem;
  background-size: 1.25rem;
}
.torn-modal-container .modal-headline {
  font-family: "Sharp Grotesk", sans-serif;
  font-size: 18px;
  line-height: 30px;
  font-weight: 400;
  color: #1a0c0c;
  margin: 0;
  padding-right: 1.875rem;
}
@media screen and (min-width: 900px) {
  .torn-modal-container .modal-headline {
    padding-bottom: 16px;
  }
}
.torn-modal-container .separator {
  border-bottom: 1px solid #e4e1dc;
  text-align: center;
  margin-bottom: 2rem;
}
.torn-modal-container .separator .text {
  color: #727272;
  margin: 0 auto;
  background-color: white;
  padding: 0 13px;
  position: relative;
  top: 8px;
  font-size: 14px;
}

body.show-modal-backdrop .torn-modal-container {
  display: flex;
  flex-direction: column;
}

.torn-toaster-container {
  position: fixed;
  height: fit-content;
  bottom: -120px;
  width: 100%;
  z-index: 99;
  padding: 20px 80px 20px 20px;
  transition: bottom 500ms;
  background-color: rgba(0, 0, 0, 0);
}
.torn-toaster-container.active {
  bottom: 0px;
}
.torn-toaster-container .box {
  color: #1a0c0c;
  margin: 0 auto !important;
  height: fit-content;
  display: flex;
  align-items: center;
  max-width: 800px;
  border-radius: 12px;
  border: 1px solid #f0c450;
  padding: 16px 24px 16px 24px;
  box-shadow: rgba(0, 0, 0, 0.25) 0px 54px 55px, rgba(0, 0, 0, 0.12) 0px -12px 30px, rgba(0, 0, 0, 0.12) 0px 4px 6px, rgba(0, 0, 0, 0.17) 0px 12px 13px, rgba(0, 0, 0, 0.09) 0px -3px 5px;
}
@media only screen and (max-width: 480px) {
  .torn-toaster-container .box {
    flex-direction: column;
    align-items: flex-start;
    gap: 6px;
    padding: 12px;
  }
}
.torn-toaster-container .box.success {
  background-color: #e6f9ea;
  border-color: #1f9f3c;
}
.torn-toaster-container .box.error {
  background-color: #ffe4e2;
  border-color: #d02e24;
  white-space: normal;
}
.torn-toaster-container .box.warning {
  background-color: #fef9ee;
  border-color: #f0c450;
}
.torn-toaster-container .box.info {
  background-color: #e4f0ff;
  border-color: #3074c1;
}
.torn-toaster-container .box .content {
  flex: 1;
  font-size: 18px;
  line-height: 24px;
  font-weight: 500;
}
@media only screen and (max-width: 480px) {
  .torn-toaster-container .box .content {
    font-size: 16px;
    line-height: 20px;
  }
}
.torn-toaster-container .box .button {
  flex: 0 0 fit-content;
  border: 1px solid #1a0c0c;
  border-radius: 50px;
  padding: 8px 12px;
  font-size: 14px;
  font-weight: 700;
  line-height: 14px;
}

#content {
  height: auto;
}

html {
  scroll-behavior: smooth;
}

.mobile-list-container {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  margin: auto;
  background-color: #ffffff;
  height: 100vh;
  max-height: 100%;
  height: 100dvh;
}
.mobile-list-container .top-text-container {
  margin-top: 3rem;
  margin-bottom: 3rem;
  text-align: center;
}
.mobile-list-container .product-cards {
  background-color: #ffffff;
  margin-top: 2rem;
}
h1,
h1 *,
h2,
h2 *,
h3,
h3 * {
  font-family: "Sharp Grotesk", sans-serif;
  margin: 0 0 0.5407911001em;
}

* {
  font-family: "Geist", sans-serif;
}

/**
* Buttons: Bør flyttes til en egen fil med alt knapper.
* @see https://torn-team.atlassian.net/browse/TORN-1104
 */
button.disabled,
button:disabled,
input[type=button].disabled,
input[type=button]:disabled,
input[type=reset].disabled,
input[type=reset]:disabled,
input[type=submit].disabled,
input[type=submit]:disabled,
.button.disabled,
.button:disabled,
.wc-block-grid__products .wc-block-grid__product .wp-block-button__link.disabled,
.wc-block-grid__products .wc-block-grid__product .wp-block-button__link:disabled,
.added_to_cart.disabled,
.added_to_cart:disabled {
  opacity: 0.5 !important;
  cursor: not-allowed;
}

button,
input[type=button],
input[type=reset],
input[type=submit],
.button,
.wc-block-grid__products .wc-block-grid__product .wp-block-button__link,
.added_to_cart {
  cursor: pointer;
  text-shadow: none;
  -webkit-appearance: none;
  word-break: break-word;
}

body {
  background-color: #fbf9f3;
}
body.page-template-authentication {
  background-color: #fcfcfc;
}

a:focus,
button:focus,
.button.alt:focus,
input:focus,
textarea:focus,
input[type=button]:focus,
input[type=reset]:focus,
input[type=submit]:focus,
input[type=email]:focus,
input[type=tel]:focus,
input[type=number]:focus,
input[type=url]:focus,
input[type=password]:focus,
input[type=search]:focus {
  outline: none;
}

a,
a:visited {
  color: #1a0c0c;
}

.required label::after,
.required strong::after,
.required legend::after {
  content: " *";
  color: #ec562d;
}
.required .radio-field > label::after {
  content: "";
}

.widget .widget-title {
  font-size: 1em;
  font-weight: bold;
  color: #1a0c0c;
  border-bottom: none;
  margin-bottom: 0;
}

.widget_product_categories button {
  background-color: #f0c450;
  border-radius: 5px;
}
.widget_product_categories .submit-product-categories-wrapper {
  bottom: 10px;
}
.widget_product_categories.widget.woocommerce li .count {
  float: none;
}
.widget_product_categories .widget-title {
  position: relative;
  top: 80px;
}

.widget-area .widget_search input[type=search],
.widget-area .widget_product_search input[type=search] {
  border: 1px solid black;
  border-radius: 5px;
  padding: 0.7em 1.4em;
  background-color: #ffffff;
}
.widget-area .widget_search form::before,
.widget-area .widget_product_search form::before {
  left: unset;
  right: 1em;
}

.torn-product-category-search-form {
  position: relative;
  top: -40px;
}

.site-main {
  position: relative;
  display: flex;
  flex-flow: column;
}

.vendor-page .site-main {
  padding-top: 25px;
}

#colophon .storefront-handheld-footer-bar {
  display: none;
}

html,
body {
  height: 100%;
  line-height: 1;
  margin: 0;
  padding: 0;
  border: 0;
  vertical-align: baseline;
}

button,
input,
select,
textarea {
  font-size: 100%;
  margin: 0;
  line-height: 1.618;
  text-rendering: optimizeLegibility;
  font-weight: 400;
}

textarea {
  padding: 12px 16px;
  border-radius: 12px;
  width: 100%;
  margin-top: 12px;
  border: 1px solid #666666;
}

ol,
ul {
  overflow-wrap: break-word;
  padding: 0;
}

* {
  box-sizing: border-box;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
}

a {
  text-decoration: none;
}

.torn-hypertext {
  text-decoration: underline !important;
}

p {
  overflow-wrap: break-word;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
  display: block;
}

table {
  border-spacing: 0;
  width: 100%;
  margin: 0 0 1.41575em;
  border-collapse: separate;
}
table td,
table th {
  padding: 1em 1.41575em;
  text-align: left;
  vertical-align: top;
}

img {
  height: auto;
  max-width: 100%;
  display: block;
  border-radius: 3px;
}

/**
 * Theese should probably be placed in component files.
 */
input[type=checkbox],
input[type=radio] {
  min-height: 24px;
  min-width: 24px;
  width: 32px;
  height: 32px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  vertical-align: text-bottom !important;
  outline: 0;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  border: 1px solid #1a0c0c;
  background-color: white;
  flex-shrink: 0;
  cursor: pointer;
  background-size: 16px;
  margin-right: 6px;
}
input[type=checkbox]:checked, input[type=checkbox][checked=checked]:not(body.woocommerce-cart .gateway-selector ul li input[type=radio][checked=checked]),
input[type=radio]:checked,
input[type=radio][checked=checked]:not(body.woocommerce-cart .gateway-selector ul li input[type=radio][checked=checked]) {
  background-color: #1a0c0c !important;
}
input[type=checkbox]:hover,
input[type=radio]:hover {
  box-shadow: 0 0 0 1px #1a0c0c;
}

input[type=radio] {
  border-radius: 50px;
}

input[type=checkbox] {
  border-radius: 8px;
}

input[type=text],
input[type=password],
input[type=number],
input[type=email],
input[type=tel],
input[type=url],
select {
  border: 1px solid #666666;
  margin-top: 12px;
  border-radius: 12px;
  padding: 12px 16px;
  font-size: 18px;
  line-height: 24px;
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

input[type=text]:hover:not([disabled]),
input[type=password]:hover:not([disabled]),
input[type=number]:hover:not([disabled]),
input[type=email]:hover:not([disabled]),
input[type=tel]:hover:not([disabled]),
input[type=url]:hover:not([disabled]),
textarea:hover:not([disabled]),
select:hover:not([disabled]) {
  outline: 1px solid #0f0f0f;
}

input[type=text]:disabled,
input[type=password]:disabled,
input[type=number]:disabled,
input[type=email]:disabled,
input[type=tel]:disabled,
input[type=url]:disabled,
textarea:disabled,
select:disabled {
  outline: 1px solid #eeeeee;
}

input[type=text]:focus,
input[type=password]:focus,
input[type=number]:focus,
input[type=email]:focus,
input[type=tel]:focus,
input[type=url]:focus,
textarea:focus,
select:focus {
  outline-width: 2px;
}

label {
  display: block;
}

dd {
  margin: 0 0 1.618em;
}

dt {
  font-weight: 600;
}

.screen-reader-text {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  -webkit-clip-path: inset(50%);
  clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
  word-wrap: normal !important;
}

.description {
  font-family: "Geist", sans-serif !important;
  font-size: 11px !important;
  font-weight: 400 !important;
  line-height: 17px !important;
  color: #898280 !important;
  margin-top: 0.25rem;
  margin-bottom: 0;
}
@media screen and (min-width: 1920px) {
  .description {
    font-size: 16px !important;
    line-height: 24px !important;
  }
}

.warning-description {
  font-family: "Geist", sans-serif !important;
  font-size: 11px !important;
  font-weight: 400 !important;
  line-height: 17px !important;
  color: #f78502 !important;
  margin-top: 12px;
}
@media screen and (min-width: 1920px) {
  .warning-description {
    font-size: 16px !important;
    line-height: 24px !important;
  }
}

.error-description {
  font-family: "Geist", sans-serif !important;
  font-size: 11px !important;
  font-weight: 400 !important;
  line-height: 17px !important;
  color: #ec562d !important;
  margin-top: 12px;
}
@media screen and (min-width: 1920px) {
  .error-description {
    font-size: 16px !important;
    line-height: 24px !important;
  }
}

#user_switching_switch_on {
  background-color: white;
  padding: 2px 4px !important;
  border-radius: 8px;
}

.torn-modal-backdrop {
  z-index: 40;
}

.torn-modal-container {
  position: fixed;
  top: 33%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: none;
  z-index: 50;
  background-color: white;
  box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
  border-radius: 24px;
  padding: 2.5rem 2rem;
  width: auto;
  max-width: 80vw;
  max-width: 80dvw;
  max-height: 90vh;
  max-height: 90dvh;
  overflow: auto;
}
@media screen and (min-width: 900px) {
  .torn-modal-container {
    top: 50%;
    padding: 4rem 2rem;
  }
}
@media screen and (max-width: 600px) {
  .torn-modal-container {
    max-height: 95vh;
    max-width: 99vw;
    max-width: 99dvw;
  }
}
@media screen and (max-width: 600px) {
  .torn-modal-container.narrow {
    width: 100%;
  }
}
.torn-modal-container .modal-content .modal-body {
  margin-top: 2rem;
}
@media screen and (max-width: 768px) {
  .torn-modal-container .modal-content .modal-body {
    margin-top: 1em;
  }
}
.torn-modal-container .modal-content .modal-body button,
.torn-modal-container .modal-content .modal-body a.button {
  width: auto;
  margin-top: 2rem;
}
@media screen and (max-width: 768px) {
  .torn-modal-container .modal-content .modal-body button,
  .torn-modal-container .modal-content .modal-body a.button {
    margin-top: 1em;
  }
}
.torn-modal-container.medium {
  padding: 32px;
  width: 755px;
}
.torn-modal-container label {
  text-align: left;
  font-size: 17px;
  font-weight: 700;
}
@media screen and (min-width: 900px) {
  .torn-modal-container label {
    margin-bottom: 12px;
  }
}
.torn-modal-container td {
  padding: 0;
}
.torn-modal-container input[type=password],
.torn-modal-container input[type=number],
.torn-modal-container input[type=tel],
.torn-modal-container input[type=text],
.torn-modal-container input[type=email],
.torn-modal-container button {
  width: 100%;
}
@media screen and (min-width: 900px) {
  .torn-modal-container input[type=password],
  .torn-modal-container input[type=number],
  .torn-modal-container input[type=tel],
  .torn-modal-container input[type=text],
  .torn-modal-container input[type=email],
  .torn-modal-container button {
    margin-bottom: 24px;
  }
}
.torn-modal-container button {
  justify-content: center;
}
.torn-modal-container button.close {
  position: absolute;
  text-indent: -9999px;
  border: none;
  background-color: transparent;
  right: 1.875rem;
  top: 1.875rem;
  height: 2.5rem;
  width: 2.5rem;
  background-size: 1.25rem;
}
.torn-modal-container .modal-headline {
  font-family: "Sharp Grotesk", sans-serif;
  font-size: 18px;
  line-height: 30px;
  font-weight: 400;
  color: #1a0c0c;
  margin: 0;
  padding-right: 1.875rem;
}
@media screen and (min-width: 900px) {
  .torn-modal-container .modal-headline {
    padding-bottom: 16px;
  }
}
.torn-modal-container .separator {
  border-bottom: 1px solid #e4e1dc;
  text-align: center;
  margin-bottom: 2rem;
}
.torn-modal-container .separator .text {
  color: #727272;
  margin: 0 auto;
  background-color: white;
  padding: 0 13px;
  position: relative;
  top: 8px;
  font-size: 14px;
}

body.show-modal-backdrop .torn-modal-container {
  display: flex;
  flex-direction: column;
}

.torn-toaster-container {
  position: fixed;
  height: fit-content;
  bottom: -120px;
  width: 100%;
  z-index: 99;
  padding: 20px 80px 20px 20px;
  transition: bottom 500ms;
  background-color: rgba(0, 0, 0, 0);
}
.torn-toaster-container.active {
  bottom: 0px;
}
.torn-toaster-container .box {
  color: #1a0c0c;
  margin: 0 auto !important;
  height: fit-content;
  display: flex;
  align-items: center;
  max-width: 800px;
  border-radius: 12px;
  border: 1px solid #f0c450;
  padding: 16px 24px 16px 24px;
  box-shadow: rgba(0, 0, 0, 0.25) 0px 54px 55px, rgba(0, 0, 0, 0.12) 0px -12px 30px, rgba(0, 0, 0, 0.12) 0px 4px 6px, rgba(0, 0, 0, 0.17) 0px 12px 13px, rgba(0, 0, 0, 0.09) 0px -3px 5px;
}
@media only screen and (max-width: 480px) {
  .torn-toaster-container .box {
    flex-direction: column;
    align-items: flex-start;
    gap: 6px;
    padding: 12px;
  }
}
.torn-toaster-container .box.success {
  background-color: #e6f9ea;
  border-color: #1f9f3c;
}
.torn-toaster-container .box.error {
  background-color: #ffe4e2;
  border-color: #d02e24;
  white-space: normal;
}
.torn-toaster-container .box.warning {
  background-color: #fef9ee;
  border-color: #f0c450;
}
.torn-toaster-container .box.info {
  background-color: #e4f0ff;
  border-color: #3074c1;
}
.torn-toaster-container .box .content {
  flex: 1;
  font-size: 18px;
  line-height: 24px;
  font-weight: 500;
}
@media only screen and (max-width: 480px) {
  .torn-toaster-container .box .content {
    font-size: 16px;
    line-height: 20px;
  }
}
.torn-toaster-container .box .button {
  flex: 0 0 fit-content;
  border: 1px solid #1a0c0c;
  border-radius: 50px;
  padding: 8px 12px;
  font-size: 14px;
  font-weight: 700;
  line-height: 14px;
}

#content {
  height: auto;
}

html {
  scroll-behavior: smooth;
}

.tips-container .tips {
  display: flex;
  flex-direction: column;
  border-left: 10px solid;
  padding: 24px;
  border-color: #25d68a;
}
.tips-container .tips.white {
  background-color: #ffffff;
}
.tips-container .tips.torn-white {
  background-color: #fbf9f3;
}
.tips-container .tips a {
  text-decoration: underline;
  cursor: pointer;
}
.tips-container .tips span {
  font-weight: 600;
  font-size: 18px;
  line-height: 24px;
  color: #25d68a;
}
.tips-container .tips p {
  margin-top: 8px;
  font-weight: 400;
  font-size: 18px;
  line-height: 27px;
}.empty-list-container {
  display: flex;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  row-gap: 1rem;
  margin-top: 3rem;
}
.empty-list-container .message {
  text-align: center;
  width: 28ch;
}
h1,
h1 *,
h2,
h2 *,
h3,
h3 * {
  font-family: "Sharp Grotesk", sans-serif;
  margin: 0 0 0.5407911001em;
}

* {
  font-family: "Geist", sans-serif;
}

/**
* Buttons: Bør flyttes til en egen fil med alt knapper.
* @see https://torn-team.atlassian.net/browse/TORN-1104
 */
button.disabled,
button:disabled,
input[type=button].disabled,
input[type=button]:disabled,
input[type=reset].disabled,
input[type=reset]:disabled,
input[type=submit].disabled,
input[type=submit]:disabled,
.button.disabled,
.button:disabled,
.wc-block-grid__products .wc-block-grid__product .wp-block-button__link.disabled,
.wc-block-grid__products .wc-block-grid__product .wp-block-button__link:disabled,
.added_to_cart.disabled,
.added_to_cart:disabled {
  opacity: 0.5 !important;
  cursor: not-allowed;
}

button,
input[type=button],
input[type=reset],
input[type=submit],
.button,
.wc-block-grid__products .wc-block-grid__product .wp-block-button__link,
.added_to_cart {
  cursor: pointer;
  text-shadow: none;
  -webkit-appearance: none;
  word-break: break-word;
}

body {
  background-color: #fbf9f3;
}
body.page-template-authentication {
  background-color: #fcfcfc;
}

a:focus,
button:focus,
.button.alt:focus,
input:focus,
textarea:focus,
input[type=button]:focus,
input[type=reset]:focus,
input[type=submit]:focus,
input[type=email]:focus,
input[type=tel]:focus,
input[type=number]:focus,
input[type=url]:focus,
input[type=password]:focus,
input[type=search]:focus {
  outline: none;
}

a,
a:visited {
  color: #1a0c0c;
}

.required label::after,
.required strong::after,
.required legend::after {
  content: " *";
  color: #ec562d;
}
.required .radio-field > label::after {
  content: "";
}

.widget .widget-title {
  font-size: 1em;
  font-weight: bold;
  color: #1a0c0c;
  border-bottom: none;
  margin-bottom: 0;
}

.widget_product_categories button {
  background-color: #f0c450;
  border-radius: 5px;
}
.widget_product_categories .submit-product-categories-wrapper {
  bottom: 10px;
}
.widget_product_categories.widget.woocommerce li .count {
  float: none;
}
.widget_product_categories .widget-title {
  position: relative;
  top: 80px;
}

.widget-area .widget_search input[type=search],
.widget-area .widget_product_search input[type=search] {
  border: 1px solid black;
  border-radius: 5px;
  padding: 0.7em 1.4em;
  background-color: #ffffff;
}
.widget-area .widget_search form::before,
.widget-area .widget_product_search form::before {
  left: unset;
  right: 1em;
}

.torn-product-category-search-form {
  position: relative;
  top: -40px;
}

.site-main {
  position: relative;
  display: flex;
  flex-flow: column;
}

.vendor-page .site-main {
  padding-top: 25px;
}

#colophon .storefront-handheld-footer-bar {
  display: none;
}

html,
body {
  height: 100%;
  line-height: 1;
  margin: 0;
  padding: 0;
  border: 0;
  vertical-align: baseline;
}

button,
input,
select,
textarea {
  font-size: 100%;
  margin: 0;
  line-height: 1.618;
  text-rendering: optimizeLegibility;
  font-weight: 400;
}

textarea {
  padding: 12px 16px;
  border-radius: 12px;
  width: 100%;
  margin-top: 12px;
  border: 1px solid #666666;
}

ol,
ul {
  overflow-wrap: break-word;
  padding: 0;
}

* {
  box-sizing: border-box;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
}

a {
  text-decoration: none;
}

.torn-hypertext {
  text-decoration: underline !important;
}

p {
  overflow-wrap: break-word;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
  display: block;
}

table {
  border-spacing: 0;
  width: 100%;
  margin: 0 0 1.41575em;
  border-collapse: separate;
}
table td,
table th {
  padding: 1em 1.41575em;
  text-align: left;
  vertical-align: top;
}

img {
  height: auto;
  max-width: 100%;
  display: block;
  border-radius: 3px;
}

/**
 * Theese should probably be placed in component files.
 */
input[type=checkbox],
input[type=radio] {
  min-height: 24px;
  min-width: 24px;
  width: 32px;
  height: 32px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  vertical-align: text-bottom !important;
  outline: 0;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  border: 1px solid #1a0c0c;
  background-color: white;
  flex-shrink: 0;
  cursor: pointer;
  background-size: 16px;
  margin-right: 6px;
}
input[type=checkbox]:checked, input[type=checkbox][checked=checked]:not(body.woocommerce-cart .gateway-selector ul li input[type=radio][checked=checked]),
input[type=radio]:checked,
input[type=radio][checked=checked]:not(body.woocommerce-cart .gateway-selector ul li input[type=radio][checked=checked]) {
  background-color: #1a0c0c !important;
}
input[type=checkbox]:hover,
input[type=radio]:hover {
  box-shadow: 0 0 0 1px #1a0c0c;
}

input[type=radio] {
  border-radius: 50px;
}

input[type=checkbox] {
  border-radius: 8px;
}

input[type=text],
input[type=password],
input[type=number],
input[type=email],
input[type=tel],
input[type=url],
select {
  border: 1px solid #666666;
  margin-top: 12px;
  border-radius: 12px;
  padding: 12px 16px;
  font-size: 18px;
  line-height: 24px;
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

input[type=text]:hover:not([disabled]),
input[type=password]:hover:not([disabled]),
input[type=number]:hover:not([disabled]),
input[type=email]:hover:not([disabled]),
input[type=tel]:hover:not([disabled]),
input[type=url]:hover:not([disabled]),
textarea:hover:not([disabled]),
select:hover:not([disabled]) {
  outline: 1px solid #0f0f0f;
}

input[type=text]:disabled,
input[type=password]:disabled,
input[type=number]:disabled,
input[type=email]:disabled,
input[type=tel]:disabled,
input[type=url]:disabled,
textarea:disabled,
select:disabled {
  outline: 1px solid #eeeeee;
}

input[type=text]:focus,
input[type=password]:focus,
input[type=number]:focus,
input[type=email]:focus,
input[type=tel]:focus,
input[type=url]:focus,
textarea:focus,
select:focus {
  outline-width: 2px;
}

label {
  display: block;
}

dd {
  margin: 0 0 1.618em;
}

dt {
  font-weight: 600;
}

.screen-reader-text {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  -webkit-clip-path: inset(50%);
  clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
  word-wrap: normal !important;
}

.description {
  font-family: "Geist", sans-serif !important;
  font-size: 11px !important;
  font-weight: 400 !important;
  line-height: 17px !important;
  color: #898280 !important;
  margin-top: 0.25rem;
  margin-bottom: 0;
}
@media screen and (min-width: 1920px) {
  .description {
    font-size: 16px !important;
    line-height: 24px !important;
  }
}

.warning-description {
  font-family: "Geist", sans-serif !important;
  font-size: 11px !important;
  font-weight: 400 !important;
  line-height: 17px !important;
  color: #f78502 !important;
  margin-top: 12px;
}
@media screen and (min-width: 1920px) {
  .warning-description {
    font-size: 16px !important;
    line-height: 24px !important;
  }
}

.error-description {
  font-family: "Geist", sans-serif !important;
  font-size: 11px !important;
  font-weight: 400 !important;
  line-height: 17px !important;
  color: #ec562d !important;
  margin-top: 12px;
}
@media screen and (min-width: 1920px) {
  .error-description {
    font-size: 16px !important;
    line-height: 24px !important;
  }
}

#user_switching_switch_on {
  background-color: white;
  padding: 2px 4px !important;
  border-radius: 8px;
}

.torn-modal-backdrop {
  z-index: 40;
}

.torn-modal-container {
  position: fixed;
  top: 33%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: none;
  z-index: 50;
  background-color: white;
  box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
  border-radius: 24px;
  padding: 2.5rem 2rem;
  width: auto;
  max-width: 80vw;
  max-width: 80dvw;
  max-height: 90vh;
  max-height: 90dvh;
  overflow: auto;
}
@media screen and (min-width: 900px) {
  .torn-modal-container {
    top: 50%;
    padding: 4rem 2rem;
  }
}
@media screen and (max-width: 600px) {
  .torn-modal-container {
    max-height: 95vh;
    max-width: 99vw;
    max-width: 99dvw;
  }
}
@media screen and (max-width: 600px) {
  .torn-modal-container.narrow {
    width: 100%;
  }
}
.torn-modal-container .modal-content .modal-body {
  margin-top: 2rem;
}
@media screen and (max-width: 768px) {
  .torn-modal-container .modal-content .modal-body {
    margin-top: 1em;
  }
}
.torn-modal-container .modal-content .modal-body button,
.torn-modal-container .modal-content .modal-body a.button {
  width: auto;
  margin-top: 2rem;
}
@media screen and (max-width: 768px) {
  .torn-modal-container .modal-content .modal-body button,
  .torn-modal-container .modal-content .modal-body a.button {
    margin-top: 1em;
  }
}
.torn-modal-container.medium {
  padding: 32px;
  width: 755px;
}
.torn-modal-container label {
  text-align: left;
  font-size: 17px;
  font-weight: 700;
}
@media screen and (min-width: 900px) {
  .torn-modal-container label {
    margin-bottom: 12px;
  }
}
.torn-modal-container td {
  padding: 0;
}
.torn-modal-container input[type=password],
.torn-modal-container input[type=number],
.torn-modal-container input[type=tel],
.torn-modal-container input[type=text],
.torn-modal-container input[type=email],
.torn-modal-container button {
  width: 100%;
}
@media screen and (min-width: 900px) {
  .torn-modal-container input[type=password],
  .torn-modal-container input[type=number],
  .torn-modal-container input[type=tel],
  .torn-modal-container input[type=text],
  .torn-modal-container input[type=email],
  .torn-modal-container button {
    margin-bottom: 24px;
  }
}
.torn-modal-container button {
  justify-content: center;
}
.torn-modal-container button.close {
  position: absolute;
  text-indent: -9999px;
  border: none;
  background-color: transparent;
  right: 1.875rem;
  top: 1.875rem;
  height: 2.5rem;
  width: 2.5rem;
  background-size: 1.25rem;
}
.torn-modal-container .modal-headline {
  font-family: "Sharp Grotesk", sans-serif;
  font-size: 18px;
  line-height: 30px;
  font-weight: 400;
  color: #1a0c0c;
  margin: 0;
  padding-right: 1.875rem;
}
@media screen and (min-width: 900px) {
  .torn-modal-container .modal-headline {
    padding-bottom: 16px;
  }
}
.torn-modal-container .separator {
  border-bottom: 1px solid #e4e1dc;
  text-align: center;
  margin-bottom: 2rem;
}
.torn-modal-container .separator .text {
  color: #727272;
  margin: 0 auto;
  background-color: white;
  padding: 0 13px;
  position: relative;
  top: 8px;
  font-size: 14px;
}

body.show-modal-backdrop .torn-modal-container {
  display: flex;
  flex-direction: column;
}

.torn-toaster-container {
  position: fixed;
  height: fit-content;
  bottom: -120px;
  width: 100%;
  z-index: 99;
  padding: 20px 80px 20px 20px;
  transition: bottom 500ms;
  background-color: rgba(0, 0, 0, 0);
}
.torn-toaster-container.active {
  bottom: 0px;
}
.torn-toaster-container .box {
  color: #1a0c0c;
  margin: 0 auto !important;
  height: fit-content;
  display: flex;
  align-items: center;
  max-width: 800px;
  border-radius: 12px;
  border: 1px solid #f0c450;
  padding: 16px 24px 16px 24px;
  box-shadow: rgba(0, 0, 0, 0.25) 0px 54px 55px, rgba(0, 0, 0, 0.12) 0px -12px 30px, rgba(0, 0, 0, 0.12) 0px 4px 6px, rgba(0, 0, 0, 0.17) 0px 12px 13px, rgba(0, 0, 0, 0.09) 0px -3px 5px;
}
@media only screen and (max-width: 480px) {
  .torn-toaster-container .box {
    flex-direction: column;
    align-items: flex-start;
    gap: 6px;
    padding: 12px;
  }
}
.torn-toaster-container .box.success {
  background-color: #e6f9ea;
  border-color: #1f9f3c;
}
.torn-toaster-container .box.error {
  background-color: #ffe4e2;
  border-color: #d02e24;
  white-space: normal;
}
.torn-toaster-container .box.warning {
  background-color: #fef9ee;
  border-color: #f0c450;
}
.torn-toaster-container .box.info {
  background-color: #e4f0ff;
  border-color: #3074c1;
}
.torn-toaster-container .box .content {
  flex: 1;
  font-size: 18px;
  line-height: 24px;
  font-weight: 500;
}
@media only screen and (max-width: 480px) {
  .torn-toaster-container .box .content {
    font-size: 16px;
    line-height: 20px;
  }
}
.torn-toaster-container .box .button {
  flex: 0 0 fit-content;
  border: 1px solid #1a0c0c;
  border-radius: 50px;
  padding: 8px 12px;
  font-size: 14px;
  font-weight: 700;
  line-height: 14px;
}

#content {
  height: auto;
}

html {
  scroll-behavior: smooth;
}

.product-card-container {
  border: 1px #eeeeee;
  border-style: none none solid none;
  padding: 1.5rem 0;
  display: flex;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  margin: auto;
  width: 90%;
  letter-spacing: 0em;
  line-height: 24px;
}
.product-card-container .disabled {
  color: #919191;
}
.product-card-container.product-published {
  background-color: #fbf9f3;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  margin-bottom: 2rem;
  border: none;
}
.product-card-container.product-published p {
  margin-bottom: 4px !important;
}
.product-card-container.product-published .undo-button {
  width: 100%;
}
.product-card-container.product-published .undo-button .button-container {
  width: fit-content !important;
}
.product-card-container.product-published .undo-button .button-container button {
  padding: 8px 24px;
  font-size: 14px;
  font-weight: 400;
  line-height: 16px;
}
.product-card-container .chip-container {
  width: 100%;
  display: flex;
  column-gap: 8px;
  margin-bottom: 1rem;
  justify-content: flex-start;
}
.product-card-container .content-container {
  width: 100%;
  align-items: flex-start;
  margin-bottom: 1rem;
}
.product-card-container .content-container p {
  margin: 0;
  font-size: 14px;
  font-weight: 400;
  line-height: 18px;
}
.product-card-container .action-container {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
}
.product-card-container .action-container .button-container {
  width: 100%;
}
.product-card-container .action-container .button-container button {
  width: 100%;
  font-size: 18px;
  font-weight: 700;
}
.product-card-container .action-container .action-field {
  width: 100%;
  margin-bottom: 1.5rem;
  display: grid;
  grid-template-columns: repeat(5, 1fr);
}
.product-card-container .action-container .action-field .warning {
  color: #f78502 !important;
  background-color: transparent;
}
.product-card-container .action-container .action-field .warning-dark {
  color: #ff5b24 !important;
}
.product-card-container .action-container .action-field.product-status {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  font-size: 16px;
  font-weight: 700;
}
.product-card-container .action-container .action-field.product-status span {
  display: flex;
  align-items: center;
}
.product-card-container .action-container .action-field.product-status span.green {
  color: #1fb775;
}
.product-card-container .action-container .action-field.product-status p {
  margin: 0;
  margin-top: 4px;
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
}
.product-card-container .action-container .action-field.product-status .product-status__published {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.product-card-container .action-container .action-field.product-status .product-status__published a {
  font-size: 14px;
  font-weight: 400;
  text-decoration: underline;
}
.product-card-container .action-container .action-field #action-field__label {
  grid-column: 1/4;
  display: flex;
  flex-direction: column;
  font-size: 16px;
  font-weight: 700;
}
.product-card-container .action-container .action-field #action-field__label svg {
  width: 16px;
  margin-right: 4px;
}
.product-card-container .action-container .action-field #action-field__label #action-field__label-description,
.product-card-container .action-container .action-field #action-field__label div {
  display: flex;
  align-items: center;
}
.product-card-container .action-container .action-field #action-field__label #action-field__label-description {
  color: #747476;
  font-size: 12px;
  font-weight: 400;
  line-height: 18px;
}
.product-card-container .action-container .action-field #action-field__input {
  grid-column: 4/6;
  place-self: end;
  display: flex;
  align-items: center;
  column-gap: 8px;
}
.product-card-container .action-container .action-field #action-field__input #action-field__input-description {
  color: #747476;
  font-size: 12px;
  font-weight: 400;
  line-height: 18px;
}
.product-card-container .action-container .action-field #action-field__input:not(:has(.number-field)) {
  justify-self: end;
}
.product-card-container .action-container .action-field #action-field__input .number-field {
  margin-top: 0;
}
.product-card-container .action-container .action-field #action-field__input .number-field input {
  width: 6ch;
  margin-top: 0;
  font-size: 18px !important;
  font-weight: 400 !important;
  line-height: 24px !important;
  letter-spacing: 0em !important;
  border-radius: 6px;
  border: 1px solid #ebebeb;
}

.confirm-publish-modal-content {
  padding: 3rem;
  display: flex;
  flex-flow: column;
  align-items: center;
}
.confirm-publish-modal-content .confirm-publish-modal-buttons {
  margin-top: 2rem;
  width: 100%;
  display: flex;
  justify-content: space-between;
}
h1,
h1 *,
h2,
h2 *,
h3,
h3 * {
  font-family: "Sharp Grotesk", sans-serif;
  margin: 0 0 0.5407911001em;
}

* {
  font-family: "Geist", sans-serif;
}

/**
* Buttons: Bør flyttes til en egen fil med alt knapper.
* @see https://torn-team.atlassian.net/browse/TORN-1104
 */
button.disabled,
button:disabled,
input[type=button].disabled,
input[type=button]:disabled,
input[type=reset].disabled,
input[type=reset]:disabled,
input[type=submit].disabled,
input[type=submit]:disabled,
.button.disabled,
.button:disabled,
.wc-block-grid__products .wc-block-grid__product .wp-block-button__link.disabled,
.wc-block-grid__products .wc-block-grid__product .wp-block-button__link:disabled,
.added_to_cart.disabled,
.added_to_cart:disabled {
  opacity: 0.5 !important;
  cursor: not-allowed;
}

button,
input[type=button],
input[type=reset],
input[type=submit],
.button,
.wc-block-grid__products .wc-block-grid__product .wp-block-button__link,
.added_to_cart {
  cursor: pointer;
  text-shadow: none;
  -webkit-appearance: none;
  word-break: break-word;
}

body {
  background-color: #fbf9f3;
}
body.page-template-authentication {
  background-color: #fcfcfc;
}

a:focus,
button:focus,
.button.alt:focus,
input:focus,
textarea:focus,
input[type=button]:focus,
input[type=reset]:focus,
input[type=submit]:focus,
input[type=email]:focus,
input[type=tel]:focus,
input[type=number]:focus,
input[type=url]:focus,
input[type=password]:focus,
input[type=search]:focus {
  outline: none;
}

a,
a:visited {
  color: #1a0c0c;
}

.required label::after,
.required strong::after,
.required legend::after {
  content: " *";
  color: #ec562d;
}
.required .radio-field > label::after {
  content: "";
}

.widget .widget-title {
  font-size: 1em;
  font-weight: bold;
  color: #1a0c0c;
  border-bottom: none;
  margin-bottom: 0;
}

.widget_product_categories button {
  background-color: #f0c450;
  border-radius: 5px;
}
.widget_product_categories .submit-product-categories-wrapper {
  bottom: 10px;
}
.widget_product_categories.widget.woocommerce li .count {
  float: none;
}
.widget_product_categories .widget-title {
  position: relative;
  top: 80px;
}

.widget-area .widget_search input[type=search],
.widget-area .widget_product_search input[type=search] {
  border: 1px solid black;
  border-radius: 5px;
  padding: 0.7em 1.4em;
  background-color: #ffffff;
}
.widget-area .widget_search form::before,
.widget-area .widget_product_search form::before {
  left: unset;
  right: 1em;
}

.torn-product-category-search-form {
  position: relative;
  top: -40px;
}

.site-main {
  position: relative;
  display: flex;
  flex-flow: column;
}

.vendor-page .site-main {
  padding-top: 25px;
}

#colophon .storefront-handheld-footer-bar {
  display: none;
}

html,
body {
  height: 100%;
  line-height: 1;
  margin: 0;
  padding: 0;
  border: 0;
  vertical-align: baseline;
}

button,
input,
select,
textarea {
  font-size: 100%;
  margin: 0;
  line-height: 1.618;
  text-rendering: optimizeLegibility;
  font-weight: 400;
}

textarea {
  padding: 12px 16px;
  border-radius: 12px;
  width: 100%;
  margin-top: 12px;
  border: 1px solid #666666;
}

ol,
ul {
  overflow-wrap: break-word;
  padding: 0;
}

* {
  box-sizing: border-box;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
}

a {
  text-decoration: none;
}

.torn-hypertext {
  text-decoration: underline !important;
}

p {
  overflow-wrap: break-word;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
  display: block;
}

table {
  border-spacing: 0;
  width: 100%;
  margin: 0 0 1.41575em;
  border-collapse: separate;
}
table td,
table th {
  padding: 1em 1.41575em;
  text-align: left;
  vertical-align: top;
}

img {
  height: auto;
  max-width: 100%;
  display: block;
  border-radius: 3px;
}

/**
 * Theese should probably be placed in component files.
 */
input[type=checkbox],
input[type=radio] {
  min-height: 24px;
  min-width: 24px;
  width: 32px;
  height: 32px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  vertical-align: text-bottom !important;
  outline: 0;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  border: 1px solid #1a0c0c;
  background-color: white;
  flex-shrink: 0;
  cursor: pointer;
  background-size: 16px;
  margin-right: 6px;
}
input[type=checkbox]:checked, input[type=checkbox][checked=checked]:not(body.woocommerce-cart .gateway-selector ul li input[type=radio][checked=checked]),
input[type=radio]:checked,
input[type=radio][checked=checked]:not(body.woocommerce-cart .gateway-selector ul li input[type=radio][checked=checked]) {
  background-color: #1a0c0c !important;
}
input[type=checkbox]:hover,
input[type=radio]:hover {
  box-shadow: 0 0 0 1px #1a0c0c;
}

input[type=radio] {
  border-radius: 50px;
}

input[type=checkbox] {
  border-radius: 8px;
}

input[type=text],
input[type=password],
input[type=number],
input[type=email],
input[type=tel],
input[type=url],
select {
  border: 1px solid #666666;
  margin-top: 12px;
  border-radius: 12px;
  padding: 12px 16px;
  font-size: 18px;
  line-height: 24px;
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

input[type=text]:hover:not([disabled]),
input[type=password]:hover:not([disabled]),
input[type=number]:hover:not([disabled]),
input[type=email]:hover:not([disabled]),
input[type=tel]:hover:not([disabled]),
input[type=url]:hover:not([disabled]),
textarea:hover:not([disabled]),
select:hover:not([disabled]) {
  outline: 1px solid #0f0f0f;
}

input[type=text]:disabled,
input[type=password]:disabled,
input[type=number]:disabled,
input[type=email]:disabled,
input[type=tel]:disabled,
input[type=url]:disabled,
textarea:disabled,
select:disabled {
  outline: 1px solid #eeeeee;
}

input[type=text]:focus,
input[type=password]:focus,
input[type=number]:focus,
input[type=email]:focus,
input[type=tel]:focus,
input[type=url]:focus,
textarea:focus,
select:focus {
  outline-width: 2px;
}

label {
  display: block;
}

dd {
  margin: 0 0 1.618em;
}

dt {
  font-weight: 600;
}

.screen-reader-text {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  -webkit-clip-path: inset(50%);
  clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
  word-wrap: normal !important;
}

.description {
  font-family: "Geist", sans-serif !important;
  font-size: 11px !important;
  font-weight: 400 !important;
  line-height: 17px !important;
  color: #898280 !important;
  margin-top: 0.25rem;
  margin-bottom: 0;
}
@media screen and (min-width: 1920px) {
  .description {
    font-size: 16px !important;
    line-height: 24px !important;
  }
}

.warning-description {
  font-family: "Geist", sans-serif !important;
  font-size: 11px !important;
  font-weight: 400 !important;
  line-height: 17px !important;
  color: #f78502 !important;
  margin-top: 12px;
}
@media screen and (min-width: 1920px) {
  .warning-description {
    font-size: 16px !important;
    line-height: 24px !important;
  }
}

.error-description {
  font-family: "Geist", sans-serif !important;
  font-size: 11px !important;
  font-weight: 400 !important;
  line-height: 17px !important;
  color: #ec562d !important;
  margin-top: 12px;
}
@media screen and (min-width: 1920px) {
  .error-description {
    font-size: 16px !important;
    line-height: 24px !important;
  }
}

#user_switching_switch_on {
  background-color: white;
  padding: 2px 4px !important;
  border-radius: 8px;
}

.torn-modal-backdrop {
  z-index: 40;
}

.torn-modal-container {
  position: fixed;
  top: 33%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: none;
  z-index: 50;
  background-color: white;
  box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
  border-radius: 24px;
  padding: 2.5rem 2rem;
  width: auto;
  max-width: 80vw;
  max-width: 80dvw;
  max-height: 90vh;
  max-height: 90dvh;
  overflow: auto;
}
@media screen and (min-width: 900px) {
  .torn-modal-container {
    top: 50%;
    padding: 4rem 2rem;
  }
}
@media screen and (max-width: 600px) {
  .torn-modal-container {
    max-height: 95vh;
    max-width: 99vw;
    max-width: 99dvw;
  }
}
@media screen and (max-width: 600px) {
  .torn-modal-container.narrow {
    width: 100%;
  }
}
.torn-modal-container .modal-content .modal-body {
  margin-top: 2rem;
}
@media screen and (max-width: 768px) {
  .torn-modal-container .modal-content .modal-body {
    margin-top: 1em;
  }
}
.torn-modal-container .modal-content .modal-body button,
.torn-modal-container .modal-content .modal-body a.button {
  width: auto;
  margin-top: 2rem;
}
@media screen and (max-width: 768px) {
  .torn-modal-container .modal-content .modal-body button,
  .torn-modal-container .modal-content .modal-body a.button {
    margin-top: 1em;
  }
}
.torn-modal-container.medium {
  padding: 32px;
  width: 755px;
}
.torn-modal-container label {
  text-align: left;
  font-size: 17px;
  font-weight: 700;
}
@media screen and (min-width: 900px) {
  .torn-modal-container label {
    margin-bottom: 12px;
  }
}
.torn-modal-container td {
  padding: 0;
}
.torn-modal-container input[type=password],
.torn-modal-container input[type=number],
.torn-modal-container input[type=tel],
.torn-modal-container input[type=text],
.torn-modal-container input[type=email],
.torn-modal-container button {
  width: 100%;
}
@media screen and (min-width: 900px) {
  .torn-modal-container input[type=password],
  .torn-modal-container input[type=number],
  .torn-modal-container input[type=tel],
  .torn-modal-container input[type=text],
  .torn-modal-container input[type=email],
  .torn-modal-container button {
    margin-bottom: 24px;
  }
}
.torn-modal-container button {
  justify-content: center;
}
.torn-modal-container button.close {
  position: absolute;
  text-indent: -9999px;
  border: none;
  background-color: transparent;
  right: 1.875rem;
  top: 1.875rem;
  height: 2.5rem;
  width: 2.5rem;
  background-size: 1.25rem;
}
.torn-modal-container .modal-headline {
  font-family: "Sharp Grotesk", sans-serif;
  font-size: 18px;
  line-height: 30px;
  font-weight: 400;
  color: #1a0c0c;
  margin: 0;
  padding-right: 1.875rem;
}
@media screen and (min-width: 900px) {
  .torn-modal-container .modal-headline {
    padding-bottom: 16px;
  }
}
.torn-modal-container .separator {
  border-bottom: 1px solid #e4e1dc;
  text-align: center;
  margin-bottom: 2rem;
}
.torn-modal-container .separator .text {
  color: #727272;
  margin: 0 auto;
  background-color: white;
  padding: 0 13px;
  position: relative;
  top: 8px;
  font-size: 14px;
}

body.show-modal-backdrop .torn-modal-container {
  display: flex;
  flex-direction: column;
}

.torn-toaster-container {
  position: fixed;
  height: fit-content;
  bottom: -120px;
  width: 100%;
  z-index: 99;
  padding: 20px 80px 20px 20px;
  transition: bottom 500ms;
  background-color: rgba(0, 0, 0, 0);
}
.torn-toaster-container.active {
  bottom: 0px;
}
.torn-toaster-container .box {
  color: #1a0c0c;
  margin: 0 auto !important;
  height: fit-content;
  display: flex;
  align-items: center;
  max-width: 800px;
  border-radius: 12px;
  border: 1px solid #f0c450;
  padding: 16px 24px 16px 24px;
  box-shadow: rgba(0, 0, 0, 0.25) 0px 54px 55px, rgba(0, 0, 0, 0.12) 0px -12px 30px, rgba(0, 0, 0, 0.12) 0px 4px 6px, rgba(0, 0, 0, 0.17) 0px 12px 13px, rgba(0, 0, 0, 0.09) 0px -3px 5px;
}
@media only screen and (max-width: 480px) {
  .torn-toaster-container .box {
    flex-direction: column;
    align-items: flex-start;
    gap: 6px;
    padding: 12px;
  }
}
.torn-toaster-container .box.success {
  background-color: #e6f9ea;
  border-color: #1f9f3c;
}
.torn-toaster-container .box.error {
  background-color: #ffe4e2;
  border-color: #d02e24;
  white-space: normal;
}
.torn-toaster-container .box.warning {
  background-color: #fef9ee;
  border-color: #f0c450;
}
.torn-toaster-container .box.info {
  background-color: #e4f0ff;
  border-color: #3074c1;
}
.torn-toaster-container .box .content {
  flex: 1;
  font-size: 18px;
  line-height: 24px;
  font-weight: 500;
}
@media only screen and (max-width: 480px) {
  .torn-toaster-container .box .content {
    font-size: 16px;
    line-height: 20px;
  }
}
.torn-toaster-container .box .button {
  flex: 0 0 fit-content;
  border: 1px solid #1a0c0c;
  border-radius: 50px;
  padding: 8px 12px;
  font-size: 14px;
  font-weight: 700;
  line-height: 14px;
}

#content {
  height: auto;
}

html {
  scroll-behavior: smooth;
}

.no-product-import-container {
  display: flex;
  flex-flow: column;
  align-items: center;
  justify-content: center;
  row-gap: 60px;
  margin-top: 3rem;
}
@media screen and (min-width: 1028px) {
  .no-product-import-container {
    padding: 0 8em;
  }
}
.no-product-import-container .no-product-import-heading h1 {
  text-align: center;
  font-size: 32px;
  font-weight: 700;
  line-height: 30px;
  font-family: DM Sans, sans-serif;
}
.no-product-import-container .no-product-import-heading h2 {
  font-size: 20px;
  font-weight: 400;
  line-height: 30px;
  font-family: DM Sans, sans-serif;
}
.no-product-import-container .no-product-import-body {
  padding: 3rem !important;
}
.no-product-import-container .no-product-import-body .description {
  font-style: italic;
}
.no-product-import-container .no-product-import-body ul {
  padding: 1rem 0.75rem;
  list-style: none;
}
.no-product-import-container .no-product-import-body ul li {
  background: url("data:image/svg+xml,%3csvg%20width='16'%20height='12'%20viewBox='0%200%2016%2012'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20fill='%2325d68a'%20d='M14.7099%201.21C14.617%201.11627%2014.5064%201.04188%2014.3845%200.991107C14.2627%200.940338%2014.132%200.9142%2013.9999%200.9142C13.8679%200.9142%2013.7372%200.940338%2013.6154%200.991107C13.4935%201.04188%2013.3829%201.11627%2013.29%201.21L5.83995%208.67L2.70995%205.53C2.61343%205.43676%202.49949%205.36345%202.37463%205.31424C2.24978%205.26504%202.11645%205.24091%201.98227%205.24323C1.84809%205.24555%201.71568%205.27428%201.5926%205.32777C1.46953%205.38126%201.35819%205.45848%201.26495%205.555C1.17171%205.65152%201.0984%205.76546%201.04919%205.89032C0.999989%206.01517%200.975859%206.1485%200.97818%206.28268C0.980502%206.41686%201.00923%206.54927%201.06272%206.67234C1.11622%206.79542%201.19343%206.90676%201.28995%207L5.12995%2010.84C5.22291%2010.9337%205.33351%2011.0081%205.45537%2011.0589C5.57723%2011.1097%205.70794%2011.1358%205.83995%2011.1358C5.97196%2011.1358%206.10267%2011.1097%206.22453%2011.0589C6.34639%2011.0081%206.45699%2010.9337%206.54995%2010.84L14.7099%202.68C14.8115%202.58636%2014.8925%202.4727%2014.9479%202.3462C15.0033%202.21971%2015.0319%202.0831%2015.0319%201.945C15.0319%201.8069%2015.0033%201.67029%2014.9479%201.54379C14.8925%201.41729%2014.8115%201.30364%2014.7099%201.21Z'%20fill='black'/%3e%3c/svg%3e") left center no-repeat;
  padding-left: 24px;
  font-size: 12px;
  line-height: 22px;
}
.no-product-import-container .no-product-import-body > div:nth-child(2) {
  border-left: 1px #898280 solid;
  margin-left: 40px;
  margin-top: 0;
  padding-left: 40px;
  padding-top: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
}
.no-product-import-container .no-product-import-body > div:nth-child(2) > div:nth-child(1) {
  margin-top: 2rem;
}
.no-product-import-container .no-product-import-body > div:nth-child(2) h3 {
  text-align: center;
}
.no-product-import-container .no-product-import-body > div:nth-child(2) h3:nth-child(1) {
  margin-bottom: 0 !important;
}
@media screen and (max-width: 1028px) {
  .no-product-import-container .no-product-import-body {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 24px 20px;
  }
  .no-product-import-container .no-product-import-body > div:nth-child(1) {
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  .no-product-import-container .no-product-import-body > div:nth-child(2) {
    border-top: 1px #898280 solid;
    border-left: none;
    margin-top: 48px;
    margin-left: 0;
    padding-left: 0;
  }
  .no-product-import-container .no-product-import-body > div:nth-child(2) > div:nth-child(1) {
    margin-bottom: 1rem;
  }
  .no-product-import-container .no-product-import-body > div:nth-child(2) h3:nth-child(1) {
    margin-bottom: 0 !important;
  }
}
h1,
h1 *,
h2,
h2 *,
h3,
h3 * {
  font-family: "Sharp Grotesk", sans-serif;
  margin: 0 0 0.5407911001em;
}

* {
  font-family: "Geist", sans-serif;
}

/**
* Buttons: Bør flyttes til en egen fil med alt knapper.
* @see https://torn-team.atlassian.net/browse/TORN-1104
 */
button.disabled,
button:disabled,
input[type=button].disabled,
input[type=button]:disabled,
input[type=reset].disabled,
input[type=reset]:disabled,
input[type=submit].disabled,
input[type=submit]:disabled,
.button.disabled,
.button:disabled,
.wc-block-grid__products .wc-block-grid__product .wp-block-button__link.disabled,
.wc-block-grid__products .wc-block-grid__product .wp-block-button__link:disabled,
.added_to_cart.disabled,
.added_to_cart:disabled {
  opacity: 0.5 !important;
  cursor: not-allowed;
}

button,
input[type=button],
input[type=reset],
input[type=submit],
.button,
.wc-block-grid__products .wc-block-grid__product .wp-block-button__link,
.added_to_cart {
  cursor: pointer;
  text-shadow: none;
  -webkit-appearance: none;
  word-break: break-word;
}

body {
  background-color: #fbf9f3;
}
body.page-template-authentication {
  background-color: #fcfcfc;
}

a:focus,
button:focus,
.button.alt:focus,
input:focus,
textarea:focus,
input[type=button]:focus,
input[type=reset]:focus,
input[type=submit]:focus,
input[type=email]:focus,
input[type=tel]:focus,
input[type=number]:focus,
input[type=url]:focus,
input[type=password]:focus,
input[type=search]:focus {
  outline: none;
}

a,
a:visited {
  color: #1a0c0c;
}

.required label::after,
.required strong::after,
.required legend::after {
  content: " *";
  color: #ec562d;
}
.required .radio-field > label::after {
  content: "";
}

.widget .widget-title {
  font-size: 1em;
  font-weight: bold;
  color: #1a0c0c;
  border-bottom: none;
  margin-bottom: 0;
}

.widget_product_categories button {
  background-color: #f0c450;
  border-radius: 5px;
}
.widget_product_categories .submit-product-categories-wrapper {
  bottom: 10px;
}
.widget_product_categories.widget.woocommerce li .count {
  float: none;
}
.widget_product_categories .widget-title {
  position: relative;
  top: 80px;
}

.widget-area .widget_search input[type=search],
.widget-area .widget_product_search input[type=search] {
  border: 1px solid black;
  border-radius: 5px;
  padding: 0.7em 1.4em;
  background-color: #ffffff;
}
.widget-area .widget_search form::before,
.widget-area .widget_product_search form::before {
  left: unset;
  right: 1em;
}

.torn-product-category-search-form {
  position: relative;
  top: -40px;
}

.site-main {
  position: relative;
  display: flex;
  flex-flow: column;
}

.vendor-page .site-main {
  padding-top: 25px;
}

#colophon .storefront-handheld-footer-bar {
  display: none;
}

html,
body {
  height: 100%;
  line-height: 1;
  margin: 0;
  padding: 0;
  border: 0;
  vertical-align: baseline;
}

button,
input,
select,
textarea {
  font-size: 100%;
  margin: 0;
  line-height: 1.618;
  text-rendering: optimizeLegibility;
  font-weight: 400;
}

textarea {
  padding: 12px 16px;
  border-radius: 12px;
  width: 100%;
  margin-top: 12px;
  border: 1px solid #666666;
}

ol,
ul {
  overflow-wrap: break-word;
  padding: 0;
}

* {
  box-sizing: border-box;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
}

a {
  text-decoration: none;
}

.torn-hypertext {
  text-decoration: underline !important;
}

p {
  overflow-wrap: break-word;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
  display: block;
}

table {
  border-spacing: 0;
  width: 100%;
  margin: 0 0 1.41575em;
  border-collapse: separate;
}
table td,
table th {
  padding: 1em 1.41575em;
  text-align: left;
  vertical-align: top;
}

img {
  height: auto;
  max-width: 100%;
  display: block;
  border-radius: 3px;
}

/**
 * Theese should probably be placed in component files.
 */
input[type=checkbox],
input[type=radio] {
  min-height: 24px;
  min-width: 24px;
  width: 32px;
  height: 32px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  vertical-align: text-bottom !important;
  outline: 0;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  border: 1px solid #1a0c0c;
  background-color: white;
  flex-shrink: 0;
  cursor: pointer;
  background-size: 16px;
  margin-right: 6px;
}
input[type=checkbox]:checked, input[type=checkbox][checked=checked]:not(body.woocommerce-cart .gateway-selector ul li input[type=radio][checked=checked]),
input[type=radio]:checked,
input[type=radio][checked=checked]:not(body.woocommerce-cart .gateway-selector ul li input[type=radio][checked=checked]) {
  background-color: #1a0c0c !important;
}
input[type=checkbox]:hover,
input[type=radio]:hover {
  box-shadow: 0 0 0 1px #1a0c0c;
}

input[type=radio] {
  border-radius: 50px;
}

input[type=checkbox] {
  border-radius: 8px;
}

input[type=text],
input[type=password],
input[type=number],
input[type=email],
input[type=tel],
input[type=url],
select {
  border: 1px solid #666666;
  margin-top: 12px;
  border-radius: 12px;
  padding: 12px 16px;
  font-size: 18px;
  line-height: 24px;
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

input[type=text]:hover:not([disabled]),
input[type=password]:hover:not([disabled]),
input[type=number]:hover:not([disabled]),
input[type=email]:hover:not([disabled]),
input[type=tel]:hover:not([disabled]),
input[type=url]:hover:not([disabled]),
textarea:hover:not([disabled]),
select:hover:not([disabled]) {
  outline: 1px solid #0f0f0f;
}

input[type=text]:disabled,
input[type=password]:disabled,
input[type=number]:disabled,
input[type=email]:disabled,
input[type=tel]:disabled,
input[type=url]:disabled,
textarea:disabled,
select:disabled {
  outline: 1px solid #eeeeee;
}

input[type=text]:focus,
input[type=password]:focus,
input[type=number]:focus,
input[type=email]:focus,
input[type=tel]:focus,
input[type=url]:focus,
textarea:focus,
select:focus {
  outline-width: 2px;
}

label {
  display: block;
}

dd {
  margin: 0 0 1.618em;
}

dt {
  font-weight: 600;
}

.screen-reader-text {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  -webkit-clip-path: inset(50%);
  clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
  word-wrap: normal !important;
}

.description {
  font-family: "Geist", sans-serif !important;
  font-size: 11px !important;
  font-weight: 400 !important;
  line-height: 17px !important;
  color: #898280 !important;
  margin-top: 0.25rem;
  margin-bottom: 0;
}
@media screen and (min-width: 1920px) {
  .description {
    font-size: 16px !important;
    line-height: 24px !important;
  }
}

.warning-description {
  font-family: "Geist", sans-serif !important;
  font-size: 11px !important;
  font-weight: 400 !important;
  line-height: 17px !important;
  color: #f78502 !important;
  margin-top: 12px;
}
@media screen and (min-width: 1920px) {
  .warning-description {
    font-size: 16px !important;
    line-height: 24px !important;
  }
}

.error-description {
  font-family: "Geist", sans-serif !important;
  font-size: 11px !important;
  font-weight: 400 !important;
  line-height: 17px !important;
  color: #ec562d !important;
  margin-top: 12px;
}
@media screen and (min-width: 1920px) {
  .error-description {
    font-size: 16px !important;
    line-height: 24px !important;
  }
}

#user_switching_switch_on {
  background-color: white;
  padding: 2px 4px !important;
  border-radius: 8px;
}

.torn-modal-backdrop {
  z-index: 40;
}

.torn-modal-container {
  position: fixed;
  top: 33%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: none;
  z-index: 50;
  background-color: white;
  box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
  border-radius: 24px;
  padding: 2.5rem 2rem;
  width: auto;
  max-width: 80vw;
  max-width: 80dvw;
  max-height: 90vh;
  max-height: 90dvh;
  overflow: auto;
}
@media screen and (min-width: 900px) {
  .torn-modal-container {
    top: 50%;
    padding: 4rem 2rem;
  }
}
@media screen and (max-width: 600px) {
  .torn-modal-container {
    max-height: 95vh;
    max-width: 99vw;
    max-width: 99dvw;
  }
}
@media screen and (max-width: 600px) {
  .torn-modal-container.narrow {
    width: 100%;
  }
}
.torn-modal-container .modal-content .modal-body {
  margin-top: 2rem;
}
@media screen and (max-width: 768px) {
  .torn-modal-container .modal-content .modal-body {
    margin-top: 1em;
  }
}
.torn-modal-container .modal-content .modal-body button,
.torn-modal-container .modal-content .modal-body a.button {
  width: auto;
  margin-top: 2rem;
}
@media screen and (max-width: 768px) {
  .torn-modal-container .modal-content .modal-body button,
  .torn-modal-container .modal-content .modal-body a.button {
    margin-top: 1em;
  }
}
.torn-modal-container.medium {
  padding: 32px;
  width: 755px;
}
.torn-modal-container label {
  text-align: left;
  font-size: 17px;
  font-weight: 700;
}
@media screen and (min-width: 900px) {
  .torn-modal-container label {
    margin-bottom: 12px;
  }
}
.torn-modal-container td {
  padding: 0;
}
.torn-modal-container input[type=password],
.torn-modal-container input[type=number],
.torn-modal-container input[type=tel],
.torn-modal-container input[type=text],
.torn-modal-container input[type=email],
.torn-modal-container button {
  width: 100%;
}
@media screen and (min-width: 900px) {
  .torn-modal-container input[type=password],
  .torn-modal-container input[type=number],
  .torn-modal-container input[type=tel],
  .torn-modal-container input[type=text],
  .torn-modal-container input[type=email],
  .torn-modal-container button {
    margin-bottom: 24px;
  }
}
.torn-modal-container button {
  justify-content: center;
}
.torn-modal-container button.close {
  position: absolute;
  text-indent: -9999px;
  border: none;
  background-color: transparent;
  right: 1.875rem;
  top: 1.875rem;
  height: 2.5rem;
  width: 2.5rem;
  background-size: 1.25rem;
}
.torn-modal-container .modal-headline {
  font-family: "Sharp Grotesk", sans-serif;
  font-size: 18px;
  line-height: 30px;
  font-weight: 400;
  color: #1a0c0c;
  margin: 0;
  padding-right: 1.875rem;
}
@media screen and (min-width: 900px) {
  .torn-modal-container .modal-headline {
    padding-bottom: 16px;
  }
}
.torn-modal-container .separator {
  border-bottom: 1px solid #e4e1dc;
  text-align: center;
  margin-bottom: 2rem;
}
.torn-modal-container .separator .text {
  color: #727272;
  margin: 0 auto;
  background-color: white;
  padding: 0 13px;
  position: relative;
  top: 8px;
  font-size: 14px;
}

body.show-modal-backdrop .torn-modal-container {
  display: flex;
  flex-direction: column;
}

.torn-toaster-container {
  position: fixed;
  height: fit-content;
  bottom: -120px;
  width: 100%;
  z-index: 99;
  padding: 20px 80px 20px 20px;
  transition: bottom 500ms;
  background-color: rgba(0, 0, 0, 0);
}
.torn-toaster-container.active {
  bottom: 0px;
}
.torn-toaster-container .box {
  color: #1a0c0c;
  margin: 0 auto !important;
  height: fit-content;
  display: flex;
  align-items: center;
  max-width: 800px;
  border-radius: 12px;
  border: 1px solid #f0c450;
  padding: 16px 24px 16px 24px;
  box-shadow: rgba(0, 0, 0, 0.25) 0px 54px 55px, rgba(0, 0, 0, 0.12) 0px -12px 30px, rgba(0, 0, 0, 0.12) 0px 4px 6px, rgba(0, 0, 0, 0.17) 0px 12px 13px, rgba(0, 0, 0, 0.09) 0px -3px 5px;
}
@media only screen and (max-width: 480px) {
  .torn-toaster-container .box {
    flex-direction: column;
    align-items: flex-start;
    gap: 6px;
    padding: 12px;
  }
}
.torn-toaster-container .box.success {
  background-color: #e6f9ea;
  border-color: #1f9f3c;
}
.torn-toaster-container .box.error {
  background-color: #ffe4e2;
  border-color: #d02e24;
  white-space: normal;
}
.torn-toaster-container .box.warning {
  background-color: #fef9ee;
  border-color: #f0c450;
}
.torn-toaster-container .box.info {
  background-color: #e4f0ff;
  border-color: #3074c1;
}
.torn-toaster-container .box .content {
  flex: 1;
  font-size: 18px;
  line-height: 24px;
  font-weight: 500;
}
@media only screen and (max-width: 480px) {
  .torn-toaster-container .box .content {
    font-size: 16px;
    line-height: 20px;
  }
}
.torn-toaster-container .box .button {
  flex: 0 0 fit-content;
  border: 1px solid #1a0c0c;
  border-radius: 50px;
  padding: 8px 12px;
  font-size: 14px;
  font-weight: 700;
  line-height: 14px;
}

#content {
  height: auto;
}

html {
  scroll-behavior: smooth;
}

.order-page-container {
  display: flex;
  flex-direction: column;
  row-gap: 24px;
  margin-top: 1.25rem;
}
.order-page-container h3 {
  font-family: "Sharp Grotesk", sans-serif;
  font-size: 16.5px !important;
  font-weight: 500;
  line-height: 25px;
}
@media screen and (min-width: 1920px) {
  .order-page-container h3 {
    font-size: 24px !important;
    line-height: 30px;
  }
}
.order-page-container h4 {
  font-size: 16px;
  font-weight: 700;
  line-height: 16px;
  margin-bottom: 8px;
}
@media only screen and (min-width: 1300px) {
  .order-page-container {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
  }
}
.order-page-container .box {
  padding: 1.75rem 1.25rem !important;
}
@media screen and (max-width: 1300px) {
  .order-page-container .box.status-shipping {
    display: flex;
  }
}
.order-page-container .box.reduced-padding {
  padding: 0.5rem 1.25rem !important;
}
.order-page-container .box.reduced-padding h3,
.order-page-container .box.reduced-padding p {
  margin: 0;
}
@media screen and (min-width: 1920px) {
  .order-page-container .box {
    padding: 2rem 1.5rem !important;
  }
}
.order-page-container .order-page-top {
  grid-column: span 3/span 3;
}
.order-page-container .order-page-top.order-shippig-status-content {
  display: flex;
  background-color: red;
}
.order-page-container .order-page-body {
  grid-column: span 3/span 3;
  display: flex;
  flex-direction: column;
  row-gap: 48px;
}
@media only screen and (min-width: 1300px) {
  .order-page-container .order-page-body {
    display: grid;
    column-gap: 60px;
    grid-template-columns: repeat(7, minmax(0, 1fr));
  }
}
.order-page-container .order-page-body .order-first-column {
  display: flex;
  flex-direction: column;
  row-gap: 24px;
}
.order-page-container .order-page-body .order-first-column .table-container .header-container .order-summary-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 4rem;
}
@media only screen and (min-width: 1920px) {
  .order-page-container .order-page-body .order-first-column .table-container .header-container .order-summary-header {
    height: 4.5rem;
  }
}
@media only screen and (min-width: 1300px) {
  .order-page-container .order-page-body .order-first-column {
    flex-direction: column;
    grid-column: span 5/span 5;
  }
}
.order-page-container .order-page-body .order-second-column {
  grid-column: span 2/span 2;
  display: flex;
  flex-direction: column;
  row-gap: 48px;
}
.order-page-container .order-page-body .order-second-column .order-details-container {
  display: flex;
  flex-direction: column;
}
.order-page-container .order-page-body .order-second-column .order-details-container h3 {
  margin-bottom: 32px;
}
.order-page-container .order-page-body .order-second-column .order-details-container .order-details-content .order-detail {
  display: flex;
  justify-content: space-between;
  padding: 20px 0;
  border-top: 1px solid #eeeeee;
}
.order-page-container .order-page-body .order-second-column .order-details-container .order-details-content .order-detail span {
  font-size: 16px;
  line-height: 16px;
}
.order-page-container .order-page-body .order-second-column .order-details-container .order-details-content .order-detail:last-child {
  border-bottom: 1px solid #eeeeee;
}
.order-page-container .order-page-body .order-second-column .order-details-container .order-details-content .order-detail .order-pricing-detail {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  gap: 12px;
}
.order-page-container .order-page-body .order-second-column .reference-input-container {
  display: flex;
  flex-wrap: wrap;
  align-items: end;
  column-gap: 20px;
  row-gap: 20px;
}
.order-page-container .order-page-body .order-second-column .customer-note-container .button-container {
  margin-top: 20px;
}
@media screen and (min-width: 1920px) {
  .order-page-container {
    margin-top: 3rem;
  }
}

.book-shipping-modal .package-row {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
}
.book-shipping-modal .package-row .field {
  width: 20%;
  display: inline-block;
}
h1,
h1 *,
h2,
h2 *,
h3,
h3 * {
  font-family: "Sharp Grotesk", sans-serif;
  margin: 0 0 0.5407911001em;
}

* {
  font-family: "Geist", sans-serif;
}

/**
* Buttons: Bør flyttes til en egen fil med alt knapper.
* @see https://torn-team.atlassian.net/browse/TORN-1104
 */
button.disabled,
button:disabled,
input[type=button].disabled,
input[type=button]:disabled,
input[type=reset].disabled,
input[type=reset]:disabled,
input[type=submit].disabled,
input[type=submit]:disabled,
.button.disabled,
.button:disabled,
.wc-block-grid__products .wc-block-grid__product .wp-block-button__link.disabled,
.wc-block-grid__products .wc-block-grid__product .wp-block-button__link:disabled,
.added_to_cart.disabled,
.added_to_cart:disabled {
  opacity: 0.5 !important;
  cursor: not-allowed;
}

button,
input[type=button],
input[type=reset],
input[type=submit],
.button,
.wc-block-grid__products .wc-block-grid__product .wp-block-button__link,
.added_to_cart {
  cursor: pointer;
  text-shadow: none;
  -webkit-appearance: none;
  word-break: break-word;
}

body {
  background-color: #fbf9f3;
}
body.page-template-authentication {
  background-color: #fcfcfc;
}

a:focus,
button:focus,
.button.alt:focus,
input:focus,
textarea:focus,
input[type=button]:focus,
input[type=reset]:focus,
input[type=submit]:focus,
input[type=email]:focus,
input[type=tel]:focus,
input[type=number]:focus,
input[type=url]:focus,
input[type=password]:focus,
input[type=search]:focus {
  outline: none;
}

a,
a:visited {
  color: #1a0c0c;
}

.required label::after,
.required strong::after,
.required legend::after {
  content: " *";
  color: #ec562d;
}
.required .radio-field > label::after {
  content: "";
}

.widget .widget-title {
  font-size: 1em;
  font-weight: bold;
  color: #1a0c0c;
  border-bottom: none;
  margin-bottom: 0;
}

.widget_product_categories button {
  background-color: #f0c450;
  border-radius: 5px;
}
.widget_product_categories .submit-product-categories-wrapper {
  bottom: 10px;
}
.widget_product_categories.widget.woocommerce li .count {
  float: none;
}
.widget_product_categories .widget-title {
  position: relative;
  top: 80px;
}

.widget-area .widget_search input[type=search],
.widget-area .widget_product_search input[type=search] {
  border: 1px solid black;
  border-radius: 5px;
  padding: 0.7em 1.4em;
  background-color: #ffffff;
}
.widget-area .widget_search form::before,
.widget-area .widget_product_search form::before {
  left: unset;
  right: 1em;
}

.torn-product-category-search-form {
  position: relative;
  top: -40px;
}

.site-main {
  position: relative;
  display: flex;
  flex-flow: column;
}

.vendor-page .site-main {
  padding-top: 25px;
}

#colophon .storefront-handheld-footer-bar {
  display: none;
}

html,
body {
  height: 100%;
  line-height: 1;
  margin: 0;
  padding: 0;
  border: 0;
  vertical-align: baseline;
}

button,
input,
select,
textarea {
  font-size: 100%;
  margin: 0;
  line-height: 1.618;
  text-rendering: optimizeLegibility;
  font-weight: 400;
}

textarea {
  padding: 12px 16px;
  border-radius: 12px;
  width: 100%;
  margin-top: 12px;
  border: 1px solid #666666;
}

ol,
ul {
  overflow-wrap: break-word;
  padding: 0;
}

* {
  box-sizing: border-box;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
}

a {
  text-decoration: none;
}

.torn-hypertext {
  text-decoration: underline !important;
}

p {
  overflow-wrap: break-word;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
  display: block;
}

table {
  border-spacing: 0;
  width: 100%;
  margin: 0 0 1.41575em;
  border-collapse: separate;
}
table td,
table th {
  padding: 1em 1.41575em;
  text-align: left;
  vertical-align: top;
}

img {
  height: auto;
  max-width: 100%;
  display: block;
  border-radius: 3px;
}

/**
 * Theese should probably be placed in component files.
 */
input[type=checkbox],
input[type=radio] {
  min-height: 24px;
  min-width: 24px;
  width: 32px;
  height: 32px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  vertical-align: text-bottom !important;
  outline: 0;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  border: 1px solid #1a0c0c;
  background-color: white;
  flex-shrink: 0;
  cursor: pointer;
  background-size: 16px;
  margin-right: 6px;
}
input[type=checkbox]:checked, input[type=checkbox][checked=checked]:not(body.woocommerce-cart .gateway-selector ul li input[type=radio][checked=checked]),
input[type=radio]:checked,
input[type=radio][checked=checked]:not(body.woocommerce-cart .gateway-selector ul li input[type=radio][checked=checked]) {
  background-color: #1a0c0c !important;
}
input[type=checkbox]:hover,
input[type=radio]:hover {
  box-shadow: 0 0 0 1px #1a0c0c;
}

input[type=radio] {
  border-radius: 50px;
}

input[type=checkbox] {
  border-radius: 8px;
}

input[type=text],
input[type=password],
input[type=number],
input[type=email],
input[type=tel],
input[type=url],
select {
  border: 1px solid #666666;
  margin-top: 12px;
  border-radius: 12px;
  padding: 12px 16px;
  font-size: 18px;
  line-height: 24px;
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

input[type=text]:hover:not([disabled]),
input[type=password]:hover:not([disabled]),
input[type=number]:hover:not([disabled]),
input[type=email]:hover:not([disabled]),
input[type=tel]:hover:not([disabled]),
input[type=url]:hover:not([disabled]),
textarea:hover:not([disabled]),
select:hover:not([disabled]) {
  outline: 1px solid #0f0f0f;
}

input[type=text]:disabled,
input[type=password]:disabled,
input[type=number]:disabled,
input[type=email]:disabled,
input[type=tel]:disabled,
input[type=url]:disabled,
textarea:disabled,
select:disabled {
  outline: 1px solid #eeeeee;
}

input[type=text]:focus,
input[type=password]:focus,
input[type=number]:focus,
input[type=email]:focus,
input[type=tel]:focus,
input[type=url]:focus,
textarea:focus,
select:focus {
  outline-width: 2px;
}

label {
  display: block;
}

dd {
  margin: 0 0 1.618em;
}

dt {
  font-weight: 600;
}

.screen-reader-text {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  -webkit-clip-path: inset(50%);
  clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
  word-wrap: normal !important;
}

.description {
  font-family: "Geist", sans-serif !important;
  font-size: 11px !important;
  font-weight: 400 !important;
  line-height: 17px !important;
  color: #898280 !important;
  margin-top: 0.25rem;
  margin-bottom: 0;
}
@media screen and (min-width: 1920px) {
  .description {
    font-size: 16px !important;
    line-height: 24px !important;
  }
}

.warning-description {
  font-family: "Geist", sans-serif !important;
  font-size: 11px !important;
  font-weight: 400 !important;
  line-height: 17px !important;
  color: #f78502 !important;
  margin-top: 12px;
}
@media screen and (min-width: 1920px) {
  .warning-description {
    font-size: 16px !important;
    line-height: 24px !important;
  }
}

.error-description {
  font-family: "Geist", sans-serif !important;
  font-size: 11px !important;
  font-weight: 400 !important;
  line-height: 17px !important;
  color: #ec562d !important;
  margin-top: 12px;
}
@media screen and (min-width: 1920px) {
  .error-description {
    font-size: 16px !important;
    line-height: 24px !important;
  }
}

#user_switching_switch_on {
  background-color: white;
  padding: 2px 4px !important;
  border-radius: 8px;
}

.torn-modal-backdrop {
  z-index: 40;
}

.torn-modal-container {
  position: fixed;
  top: 33%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: none;
  z-index: 50;
  background-color: white;
  box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
  border-radius: 24px;
  padding: 2.5rem 2rem;
  width: auto;
  max-width: 80vw;
  max-width: 80dvw;
  max-height: 90vh;
  max-height: 90dvh;
  overflow: auto;
}
@media screen and (min-width: 900px) {
  .torn-modal-container {
    top: 50%;
    padding: 4rem 2rem;
  }
}
@media screen and (max-width: 600px) {
  .torn-modal-container {
    max-height: 95vh;
    max-width: 99vw;
    max-width: 99dvw;
  }
}
@media screen and (max-width: 600px) {
  .torn-modal-container.narrow {
    width: 100%;
  }
}
.torn-modal-container .modal-content .modal-body {
  margin-top: 2rem;
}
@media screen and (max-width: 768px) {
  .torn-modal-container .modal-content .modal-body {
    margin-top: 1em;
  }
}
.torn-modal-container .modal-content .modal-body button,
.torn-modal-container .modal-content .modal-body a.button {
  width: auto;
  margin-top: 2rem;
}
@media screen and (max-width: 768px) {
  .torn-modal-container .modal-content .modal-body button,
  .torn-modal-container .modal-content .modal-body a.button {
    margin-top: 1em;
  }
}
.torn-modal-container.medium {
  padding: 32px;
  width: 755px;
}
.torn-modal-container label {
  text-align: left;
  font-size: 17px;
  font-weight: 700;
}
@media screen and (min-width: 900px) {
  .torn-modal-container label {
    margin-bottom: 12px;
  }
}
.torn-modal-container td {
  padding: 0;
}
.torn-modal-container input[type=password],
.torn-modal-container input[type=number],
.torn-modal-container input[type=tel],
.torn-modal-container input[type=text],
.torn-modal-container input[type=email],
.torn-modal-container button {
  width: 100%;
}
@media screen and (min-width: 900px) {
  .torn-modal-container input[type=password],
  .torn-modal-container input[type=number],
  .torn-modal-container input[type=tel],
  .torn-modal-container input[type=text],
  .torn-modal-container input[type=email],
  .torn-modal-container button {
    margin-bottom: 24px;
  }
}
.torn-modal-container button {
  justify-content: center;
}
.torn-modal-container button.close {
  position: absolute;
  text-indent: -9999px;
  border: none;
  background-color: transparent;
  right: 1.875rem;
  top: 1.875rem;
  height: 2.5rem;
  width: 2.5rem;
  background-size: 1.25rem;
}
.torn-modal-container .modal-headline {
  font-family: "Sharp Grotesk", sans-serif;
  font-size: 18px;
  line-height: 30px;
  font-weight: 400;
  color: #1a0c0c;
  margin: 0;
  padding-right: 1.875rem;
}
@media screen and (min-width: 900px) {
  .torn-modal-container .modal-headline {
    padding-bottom: 16px;
  }
}
.torn-modal-container .separator {
  border-bottom: 1px solid #e4e1dc;
  text-align: center;
  margin-bottom: 2rem;
}
.torn-modal-container .separator .text {
  color: #727272;
  margin: 0 auto;
  background-color: white;
  padding: 0 13px;
  position: relative;
  top: 8px;
  font-size: 14px;
}

body.show-modal-backdrop .torn-modal-container {
  display: flex;
  flex-direction: column;
}

.torn-toaster-container {
  position: fixed;
  height: fit-content;
  bottom: -120px;
  width: 100%;
  z-index: 99;
  padding: 20px 80px 20px 20px;
  transition: bottom 500ms;
  background-color: rgba(0, 0, 0, 0);
}
.torn-toaster-container.active {
  bottom: 0px;
}
.torn-toaster-container .box {
  color: #1a0c0c;
  margin: 0 auto !important;
  height: fit-content;
  display: flex;
  align-items: center;
  max-width: 800px;
  border-radius: 12px;
  border: 1px solid #f0c450;
  padding: 16px 24px 16px 24px;
  box-shadow: rgba(0, 0, 0, 0.25) 0px 54px 55px, rgba(0, 0, 0, 0.12) 0px -12px 30px, rgba(0, 0, 0, 0.12) 0px 4px 6px, rgba(0, 0, 0, 0.17) 0px 12px 13px, rgba(0, 0, 0, 0.09) 0px -3px 5px;
}
@media only screen and (max-width: 480px) {
  .torn-toaster-container .box {
    flex-direction: column;
    align-items: flex-start;
    gap: 6px;
    padding: 12px;
  }
}
.torn-toaster-container .box.success {
  background-color: #e6f9ea;
  border-color: #1f9f3c;
}
.torn-toaster-container .box.error {
  background-color: #ffe4e2;
  border-color: #d02e24;
  white-space: normal;
}
.torn-toaster-container .box.warning {
  background-color: #fef9ee;
  border-color: #f0c450;
}
.torn-toaster-container .box.info {
  background-color: #e4f0ff;
  border-color: #3074c1;
}
.torn-toaster-container .box .content {
  flex: 1;
  font-size: 18px;
  line-height: 24px;
  font-weight: 500;
}
@media only screen and (max-width: 480px) {
  .torn-toaster-container .box .content {
    font-size: 16px;
    line-height: 20px;
  }
}
.torn-toaster-container .box .button {
  flex: 0 0 fit-content;
  border: 1px solid #1a0c0c;
  border-radius: 50px;
  padding: 8px 12px;
  font-size: 14px;
  font-weight: 700;
  line-height: 14px;
}

#content {
  height: auto;
}

html {
  scroll-behavior: smooth;
}

.table-heading-container {
  height: 3rem;
  display: flex;
  align-items: center;
}
.table-heading-container h2 {
  font-family: "Sharp Grotesk", sans-serif;
  font-size: 16.5px !important;
  font-weight: 500;
  line-height: 25px;
  vertical-align: middle;
  margin: 0;
}
@media screen and (min-width: 1920px) {
  .table-heading-container h2 {
    font-size: 24px !important;
    line-height: 30px;
  }
}
h1,
h1 *,
h2,
h2 *,
h3,
h3 * {
  font-family: "Sharp Grotesk", sans-serif;
  margin: 0 0 0.5407911001em;
}

* {
  font-family: "Geist", sans-serif;
}

/**
* Buttons: Bør flyttes til en egen fil med alt knapper.
* @see https://torn-team.atlassian.net/browse/TORN-1104
 */
button.disabled,
button:disabled,
input[type=button].disabled,
input[type=button]:disabled,
input[type=reset].disabled,
input[type=reset]:disabled,
input[type=submit].disabled,
input[type=submit]:disabled,
.button.disabled,
.button:disabled,
.wc-block-grid__products .wc-block-grid__product .wp-block-button__link.disabled,
.wc-block-grid__products .wc-block-grid__product .wp-block-button__link:disabled,
.added_to_cart.disabled,
.added_to_cart:disabled {
  opacity: 0.5 !important;
  cursor: not-allowed;
}

button,
input[type=button],
input[type=reset],
input[type=submit],
.button,
.wc-block-grid__products .wc-block-grid__product .wp-block-button__link,
.added_to_cart {
  cursor: pointer;
  text-shadow: none;
  -webkit-appearance: none;
  word-break: break-word;
}

body {
  background-color: #fbf9f3;
}
body.page-template-authentication {
  background-color: #fcfcfc;
}

a:focus,
button:focus,
.button.alt:focus,
input:focus,
textarea:focus,
input[type=button]:focus,
input[type=reset]:focus,
input[type=submit]:focus,
input[type=email]:focus,
input[type=tel]:focus,
input[type=number]:focus,
input[type=url]:focus,
input[type=password]:focus,
input[type=search]:focus {
  outline: none;
}

a,
a:visited {
  color: #1a0c0c;
}

.required label::after,
.required strong::after,
.required legend::after {
  content: " *";
  color: #ec562d;
}
.required .radio-field > label::after {
  content: "";
}

.widget .widget-title {
  font-size: 1em;
  font-weight: bold;
  color: #1a0c0c;
  border-bottom: none;
  margin-bottom: 0;
}

.widget_product_categories button {
  background-color: #f0c450;
  border-radius: 5px;
}
.widget_product_categories .submit-product-categories-wrapper {
  bottom: 10px;
}
.widget_product_categories.widget.woocommerce li .count {
  float: none;
}
.widget_product_categories .widget-title {
  position: relative;
  top: 80px;
}

.widget-area .widget_search input[type=search],
.widget-area .widget_product_search input[type=search] {
  border: 1px solid black;
  border-radius: 5px;
  padding: 0.7em 1.4em;
  background-color: #ffffff;
}
.widget-area .widget_search form::before,
.widget-area .widget_product_search form::before {
  left: unset;
  right: 1em;
}

.torn-product-category-search-form {
  position: relative;
  top: -40px;
}

.site-main {
  position: relative;
  display: flex;
  flex-flow: column;
}

.vendor-page .site-main {
  padding-top: 25px;
}

#colophon .storefront-handheld-footer-bar {
  display: none;
}

html,
body {
  height: 100%;
  line-height: 1;
  margin: 0;
  padding: 0;
  border: 0;
  vertical-align: baseline;
}

button,
input,
select,
textarea {
  font-size: 100%;
  margin: 0;
  line-height: 1.618;
  text-rendering: optimizeLegibility;
  font-weight: 400;
}

textarea {
  padding: 12px 16px;
  border-radius: 12px;
  width: 100%;
  margin-top: 12px;
  border: 1px solid #666666;
}

ol,
ul {
  overflow-wrap: break-word;
  padding: 0;
}

* {
  box-sizing: border-box;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
}

a {
  text-decoration: none;
}

.torn-hypertext {
  text-decoration: underline !important;
}

p {
  overflow-wrap: break-word;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
  display: block;
}

table {
  border-spacing: 0;
  width: 100%;
  margin: 0 0 1.41575em;
  border-collapse: separate;
}
table td,
table th {
  padding: 1em 1.41575em;
  text-align: left;
  vertical-align: top;
}

img {
  height: auto;
  max-width: 100%;
  display: block;
  border-radius: 3px;
}

/**
 * Theese should probably be placed in component files.
 */
input[type=checkbox],
input[type=radio] {
  min-height: 24px;
  min-width: 24px;
  width: 32px;
  height: 32px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  vertical-align: text-bottom !important;
  outline: 0;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  border: 1px solid #1a0c0c;
  background-color: white;
  flex-shrink: 0;
  cursor: pointer;
  background-size: 16px;
  margin-right: 6px;
}
input[type=checkbox]:checked, input[type=checkbox][checked=checked]:not(body.woocommerce-cart .gateway-selector ul li input[type=radio][checked=checked]),
input[type=radio]:checked,
input[type=radio][checked=checked]:not(body.woocommerce-cart .gateway-selector ul li input[type=radio][checked=checked]) {
  background-color: #1a0c0c !important;
}
input[type=checkbox]:hover,
input[type=radio]:hover {
  box-shadow: 0 0 0 1px #1a0c0c;
}

input[type=radio] {
  border-radius: 50px;
}

input[type=checkbox] {
  border-radius: 8px;
}

input[type=text],
input[type=password],
input[type=number],
input[type=email],
input[type=tel],
input[type=url],
select {
  border: 1px solid #666666;
  margin-top: 12px;
  border-radius: 12px;
  padding: 12px 16px;
  font-size: 18px;
  line-height: 24px;
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

input[type=text]:hover:not([disabled]),
input[type=password]:hover:not([disabled]),
input[type=number]:hover:not([disabled]),
input[type=email]:hover:not([disabled]),
input[type=tel]:hover:not([disabled]),
input[type=url]:hover:not([disabled]),
textarea:hover:not([disabled]),
select:hover:not([disabled]) {
  outline: 1px solid #0f0f0f;
}

input[type=text]:disabled,
input[type=password]:disabled,
input[type=number]:disabled,
input[type=email]:disabled,
input[type=tel]:disabled,
input[type=url]:disabled,
textarea:disabled,
select:disabled {
  outline: 1px solid #eeeeee;
}

input[type=text]:focus,
input[type=password]:focus,
input[type=number]:focus,
input[type=email]:focus,
input[type=tel]:focus,
input[type=url]:focus,
textarea:focus,
select:focus {
  outline-width: 2px;
}

label {
  display: block;
}

dd {
  margin: 0 0 1.618em;
}

dt {
  font-weight: 600;
}

.screen-reader-text {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  -webkit-clip-path: inset(50%);
  clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
  word-wrap: normal !important;
}

.description {
  font-family: "Geist", sans-serif !important;
  font-size: 11px !important;
  font-weight: 400 !important;
  line-height: 17px !important;
  color: #898280 !important;
  margin-top: 0.25rem;
  margin-bottom: 0;
}
@media screen and (min-width: 1920px) {
  .description {
    font-size: 16px !important;
    line-height: 24px !important;
  }
}

.warning-description {
  font-family: "Geist", sans-serif !important;
  font-size: 11px !important;
  font-weight: 400 !important;
  line-height: 17px !important;
  color: #f78502 !important;
  margin-top: 12px;
}
@media screen and (min-width: 1920px) {
  .warning-description {
    font-size: 16px !important;
    line-height: 24px !important;
  }
}

.error-description {
  font-family: "Geist", sans-serif !important;
  font-size: 11px !important;
  font-weight: 400 !important;
  line-height: 17px !important;
  color: #ec562d !important;
  margin-top: 12px;
}
@media screen and (min-width: 1920px) {
  .error-description {
    font-size: 16px !important;
    line-height: 24px !important;
  }
}

#user_switching_switch_on {
  background-color: white;
  padding: 2px 4px !important;
  border-radius: 8px;
}

.torn-modal-backdrop {
  z-index: 40;
}

.torn-modal-container {
  position: fixed;
  top: 33%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: none;
  z-index: 50;
  background-color: white;
  box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
  border-radius: 24px;
  padding: 2.5rem 2rem;
  width: auto;
  max-width: 80vw;
  max-width: 80dvw;
  max-height: 90vh;
  max-height: 90dvh;
  overflow: auto;
}
@media screen and (min-width: 900px) {
  .torn-modal-container {
    top: 50%;
    padding: 4rem 2rem;
  }
}
@media screen and (max-width: 600px) {
  .torn-modal-container {
    max-height: 95vh;
    max-width: 99vw;
    max-width: 99dvw;
  }
}
@media screen and (max-width: 600px) {
  .torn-modal-container.narrow {
    width: 100%;
  }
}
.torn-modal-container .modal-content .modal-body {
  margin-top: 2rem;
}
@media screen and (max-width: 768px) {
  .torn-modal-container .modal-content .modal-body {
    margin-top: 1em;
  }
}
.torn-modal-container .modal-content .modal-body button,
.torn-modal-container .modal-content .modal-body a.button {
  width: auto;
  margin-top: 2rem;
}
@media screen and (max-width: 768px) {
  .torn-modal-container .modal-content .modal-body button,
  .torn-modal-container .modal-content .modal-body a.button {
    margin-top: 1em;
  }
}
.torn-modal-container.medium {
  padding: 32px;
  width: 755px;
}
.torn-modal-container label {
  text-align: left;
  font-size: 17px;
  font-weight: 700;
}
@media screen and (min-width: 900px) {
  .torn-modal-container label {
    margin-bottom: 12px;
  }
}
.torn-modal-container td {
  padding: 0;
}
.torn-modal-container input[type=password],
.torn-modal-container input[type=number],
.torn-modal-container input[type=tel],
.torn-modal-container input[type=text],
.torn-modal-container input[type=email],
.torn-modal-container button {
  width: 100%;
}
@media screen and (min-width: 900px) {
  .torn-modal-container input[type=password],
  .torn-modal-container input[type=number],
  .torn-modal-container input[type=tel],
  .torn-modal-container input[type=text],
  .torn-modal-container input[type=email],
  .torn-modal-container button {
    margin-bottom: 24px;
  }
}
.torn-modal-container button {
  justify-content: center;
}
.torn-modal-container button.close {
  position: absolute;
  text-indent: -9999px;
  border: none;
  background-color: transparent;
  right: 1.875rem;
  top: 1.875rem;
  height: 2.5rem;
  width: 2.5rem;
  background-size: 1.25rem;
}
.torn-modal-container .modal-headline {
  font-family: "Sharp Grotesk", sans-serif;
  font-size: 18px;
  line-height: 30px;
  font-weight: 400;
  color: #1a0c0c;
  margin: 0;
  padding-right: 1.875rem;
}
@media screen and (min-width: 900px) {
  .torn-modal-container .modal-headline {
    padding-bottom: 16px;
  }
}
.torn-modal-container .separator {
  border-bottom: 1px solid #e4e1dc;
  text-align: center;
  margin-bottom: 2rem;
}
.torn-modal-container .separator .text {
  color: #727272;
  margin: 0 auto;
  background-color: white;
  padding: 0 13px;
  position: relative;
  top: 8px;
  font-size: 14px;
}

body.show-modal-backdrop .torn-modal-container {
  display: flex;
  flex-direction: column;
}

.torn-toaster-container {
  position: fixed;
  height: fit-content;
  bottom: -120px;
  width: 100%;
  z-index: 99;
  padding: 20px 80px 20px 20px;
  transition: bottom 500ms;
  background-color: rgba(0, 0, 0, 0);
}
.torn-toaster-container.active {
  bottom: 0px;
}
.torn-toaster-container .box {
  color: #1a0c0c;
  margin: 0 auto !important;
  height: fit-content;
  display: flex;
  align-items: center;
  max-width: 800px;
  border-radius: 12px;
  border: 1px solid #f0c450;
  padding: 16px 24px 16px 24px;
  box-shadow: rgba(0, 0, 0, 0.25) 0px 54px 55px, rgba(0, 0, 0, 0.12) 0px -12px 30px, rgba(0, 0, 0, 0.12) 0px 4px 6px, rgba(0, 0, 0, 0.17) 0px 12px 13px, rgba(0, 0, 0, 0.09) 0px -3px 5px;
}
@media only screen and (max-width: 480px) {
  .torn-toaster-container .box {
    flex-direction: column;
    align-items: flex-start;
    gap: 6px;
    padding: 12px;
  }
}
.torn-toaster-container .box.success {
  background-color: #e6f9ea;
  border-color: #1f9f3c;
}
.torn-toaster-container .box.error {
  background-color: #ffe4e2;
  border-color: #d02e24;
  white-space: normal;
}
.torn-toaster-container .box.warning {
  background-color: #fef9ee;
  border-color: #f0c450;
}
.torn-toaster-container .box.info {
  background-color: #e4f0ff;
  border-color: #3074c1;
}
.torn-toaster-container .box .content {
  flex: 1;
  font-size: 18px;
  line-height: 24px;
  font-weight: 500;
}
@media only screen and (max-width: 480px) {
  .torn-toaster-container .box .content {
    font-size: 16px;
    line-height: 20px;
  }
}
.torn-toaster-container .box .button {
  flex: 0 0 fit-content;
  border: 1px solid #1a0c0c;
  border-radius: 50px;
  padding: 8px 12px;
  font-size: 14px;
  font-weight: 700;
  line-height: 14px;
}

#content {
  height: auto;
}

html {
  scroll-behavior: smooth;
}

.status-complete {
  background-color: #d0f2de;
  justify-content: space-between;
}
.status-complete .variant-tertiary {
  background-color: transparent !important;
}

.status-inprogress {
  background-color: #ffe0e0;
}
.status-inprogress .variant-primary {
  background-color: #e24242 !important;
  border-color: #e24242 !important;
}
.status-inprogress .variant-tertiary {
  border-color: #e24242 !important;
  background-color: transparent !important;
}

.shipping-container {
  display: flex;
  justify-content: space-between;
  width: 100%;
}
.shipping-container p {
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
}
@media only screen and (min-width: 1300px) {
  .shipping-container {
    flex-direction: row;
    column-gap: 0;
  }
}
.shipping-container.shipping-pickup:has(.cta-action-buttons) {
  flex-direction: column;
}
.shipping-container.shipping-pickup .cta-action-buttons {
  display: flex;
  column-gap: 8px;
}
@media only screen and (min-width: 1300px) {
  .shipping-container.shipping-pickup .cta-action-buttons {
    column-gap: 18px;
  }
}
.shipping-container .order-shipping-status-content {
  align-items: center;
  display: flex;
}
.shipping-container .order-shipping-status-content h3 {
  margin: 0;
}
.shipping-container .order-shipping-status-content .short-instructions {
  display: flex;
  flex-direction: column;
}
@media only screen and (min-width: 1300px) {
  .shipping-container .order-shipping-status-content .short-instructions {
    flex-direction: row;
  }
}
.shipping-container .order-shipping-status-content ul {
  list-style: none;
}
.shipping-container .order-shipping-status-content ul li {
  margin-top: 24px;
  margin-right: 0;
}
@media only screen and (min-width: 1300px) {
  .shipping-container .order-shipping-status-content ul li {
    margin-right: 24px;
    margin-top: 0;
  }
}
.shipping-container .order-shipping-status-content .booking-failed-container {
  background-color: #fbe8ce;
}
.shipping-container .cta {
  display: flex;
  justify-content: space-between;
  align-items: center;
  column-gap: 24px;
}
@media only screen and (max-width: 768px) {
  .shipping-container .cta {
    flex-direction: column;
    align-items: flex-start;
    row-gap: 24px;
  }
}
@media only screen and (max-width: 1300px) {
  .shipping-container .cta {
    justify-content: flex-start;
  }
}
@media only screen and (max-width: 1300px) {
  .shipping-container .cta.shipping-pickup {
    justify-content: space-between;
  }
}

.pickup-message-date span {
  text-transform: capitalize;
}
h1,
h1 *,
h2,
h2 *,
h3,
h3 * {
  font-family: "Sharp Grotesk", sans-serif;
  margin: 0 0 0.5407911001em;
}

* {
  font-family: "Geist", sans-serif;
}

/**
* Buttons: Bør flyttes til en egen fil med alt knapper.
* @see https://torn-team.atlassian.net/browse/TORN-1104
 */
button.disabled,
button:disabled,
input[type=button].disabled,
input[type=button]:disabled,
input[type=reset].disabled,
input[type=reset]:disabled,
input[type=submit].disabled,
input[type=submit]:disabled,
.button.disabled,
.button:disabled,
.wc-block-grid__products .wc-block-grid__product .wp-block-button__link.disabled,
.wc-block-grid__products .wc-block-grid__product .wp-block-button__link:disabled,
.added_to_cart.disabled,
.added_to_cart:disabled {
  opacity: 0.5 !important;
  cursor: not-allowed;
}

button,
input[type=button],
input[type=reset],
input[type=submit],
.button,
.wc-block-grid__products .wc-block-grid__product .wp-block-button__link,
.added_to_cart {
  cursor: pointer;
  text-shadow: none;
  -webkit-appearance: none;
  word-break: break-word;
}

body {
  background-color: #fbf9f3;
}
body.page-template-authentication {
  background-color: #fcfcfc;
}

a:focus,
button:focus,
.button.alt:focus,
input:focus,
textarea:focus,
input[type=button]:focus,
input[type=reset]:focus,
input[type=submit]:focus,
input[type=email]:focus,
input[type=tel]:focus,
input[type=number]:focus,
input[type=url]:focus,
input[type=password]:focus,
input[type=search]:focus {
  outline: none;
}

a,
a:visited {
  color: #1a0c0c;
}

.required label::after,
.required strong::after,
.required legend::after {
  content: " *";
  color: #ec562d;
}
.required .radio-field > label::after {
  content: "";
}

.widget .widget-title {
  font-size: 1em;
  font-weight: bold;
  color: #1a0c0c;
  border-bottom: none;
  margin-bottom: 0;
}

.widget_product_categories button {
  background-color: #f0c450;
  border-radius: 5px;
}
.widget_product_categories .submit-product-categories-wrapper {
  bottom: 10px;
}
.widget_product_categories.widget.woocommerce li .count {
  float: none;
}
.widget_product_categories .widget-title {
  position: relative;
  top: 80px;
}

.widget-area .widget_search input[type=search],
.widget-area .widget_product_search input[type=search] {
  border: 1px solid black;
  border-radius: 5px;
  padding: 0.7em 1.4em;
  background-color: #ffffff;
}
.widget-area .widget_search form::before,
.widget-area .widget_product_search form::before {
  left: unset;
  right: 1em;
}

.torn-product-category-search-form {
  position: relative;
  top: -40px;
}

.site-main {
  position: relative;
  display: flex;
  flex-flow: column;
}

.vendor-page .site-main {
  padding-top: 25px;
}

#colophon .storefront-handheld-footer-bar {
  display: none;
}

html,
body {
  height: 100%;
  line-height: 1;
  margin: 0;
  padding: 0;
  border: 0;
  vertical-align: baseline;
}

button,
input,
select,
textarea {
  font-size: 100%;
  margin: 0;
  line-height: 1.618;
  text-rendering: optimizeLegibility;
  font-weight: 400;
}

textarea {
  padding: 12px 16px;
  border-radius: 12px;
  width: 100%;
  margin-top: 12px;
  border: 1px solid #666666;
}

ol,
ul {
  overflow-wrap: break-word;
  padding: 0;
}

* {
  box-sizing: border-box;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
}

a {
  text-decoration: none;
}

.torn-hypertext {
  text-decoration: underline !important;
}

p {
  overflow-wrap: break-word;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
  display: block;
}

table {
  border-spacing: 0;
  width: 100%;
  margin: 0 0 1.41575em;
  border-collapse: separate;
}
table td,
table th {
  padding: 1em 1.41575em;
  text-align: left;
  vertical-align: top;
}

img {
  height: auto;
  max-width: 100%;
  display: block;
  border-radius: 3px;
}

/**
 * Theese should probably be placed in component files.
 */
input[type=checkbox],
input[type=radio] {
  min-height: 24px;
  min-width: 24px;
  width: 32px;
  height: 32px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  vertical-align: text-bottom !important;
  outline: 0;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  border: 1px solid #1a0c0c;
  background-color: white;
  flex-shrink: 0;
  cursor: pointer;
  background-size: 16px;
  margin-right: 6px;
}
input[type=checkbox]:checked, input[type=checkbox][checked=checked]:not(body.woocommerce-cart .gateway-selector ul li input[type=radio][checked=checked]),
input[type=radio]:checked,
input[type=radio][checked=checked]:not(body.woocommerce-cart .gateway-selector ul li input[type=radio][checked=checked]) {
  background-color: #1a0c0c !important;
}
input[type=checkbox]:hover,
input[type=radio]:hover {
  box-shadow: 0 0 0 1px #1a0c0c;
}

input[type=radio] {
  border-radius: 50px;
}

input[type=checkbox] {
  border-radius: 8px;
}

input[type=text],
input[type=password],
input[type=number],
input[type=email],
input[type=tel],
input[type=url],
select {
  border: 1px solid #666666;
  margin-top: 12px;
  border-radius: 12px;
  padding: 12px 16px;
  font-size: 18px;
  line-height: 24px;
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

input[type=text]:hover:not([disabled]),
input[type=password]:hover:not([disabled]),
input[type=number]:hover:not([disabled]),
input[type=email]:hover:not([disabled]),
input[type=tel]:hover:not([disabled]),
input[type=url]:hover:not([disabled]),
textarea:hover:not([disabled]),
select:hover:not([disabled]) {
  outline: 1px solid #0f0f0f;
}

input[type=text]:disabled,
input[type=password]:disabled,
input[type=number]:disabled,
input[type=email]:disabled,
input[type=tel]:disabled,
input[type=url]:disabled,
textarea:disabled,
select:disabled {
  outline: 1px solid #eeeeee;
}

input[type=text]:focus,
input[type=password]:focus,
input[type=number]:focus,
input[type=email]:focus,
input[type=tel]:focus,
input[type=url]:focus,
textarea:focus,
select:focus {
  outline-width: 2px;
}

label {
  display: block;
}

dd {
  margin: 0 0 1.618em;
}

dt {
  font-weight: 600;
}

.screen-reader-text {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  -webkit-clip-path: inset(50%);
  clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
  word-wrap: normal !important;
}

.description {
  font-family: "Geist", sans-serif !important;
  font-size: 11px !important;
  font-weight: 400 !important;
  line-height: 17px !important;
  color: #898280 !important;
  margin-top: 0.25rem;
  margin-bottom: 0;
}
@media screen and (min-width: 1920px) {
  .description {
    font-size: 16px !important;
    line-height: 24px !important;
  }
}

.warning-description {
  font-family: "Geist", sans-serif !important;
  font-size: 11px !important;
  font-weight: 400 !important;
  line-height: 17px !important;
  color: #f78502 !important;
  margin-top: 12px;
}
@media screen and (min-width: 1920px) {
  .warning-description {
    font-size: 16px !important;
    line-height: 24px !important;
  }
}

.error-description {
  font-family: "Geist", sans-serif !important;
  font-size: 11px !important;
  font-weight: 400 !important;
  line-height: 17px !important;
  color: #ec562d !important;
  margin-top: 12px;
}
@media screen and (min-width: 1920px) {
  .error-description {
    font-size: 16px !important;
    line-height: 24px !important;
  }
}

#user_switching_switch_on {
  background-color: white;
  padding: 2px 4px !important;
  border-radius: 8px;
}

.torn-modal-backdrop {
  z-index: 40;
}

.torn-modal-container {
  position: fixed;
  top: 33%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: none;
  z-index: 50;
  background-color: white;
  box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
  border-radius: 24px;
  padding: 2.5rem 2rem;
  width: auto;
  max-width: 80vw;
  max-width: 80dvw;
  max-height: 90vh;
  max-height: 90dvh;
  overflow: auto;
}
@media screen and (min-width: 900px) {
  .torn-modal-container {
    top: 50%;
    padding: 4rem 2rem;
  }
}
@media screen and (max-width: 600px) {
  .torn-modal-container {
    max-height: 95vh;
    max-width: 99vw;
    max-width: 99dvw;
  }
}
@media screen and (max-width: 600px) {
  .torn-modal-container.narrow {
    width: 100%;
  }
}
.torn-modal-container .modal-content .modal-body {
  margin-top: 2rem;
}
@media screen and (max-width: 768px) {
  .torn-modal-container .modal-content .modal-body {
    margin-top: 1em;
  }
}
.torn-modal-container .modal-content .modal-body button,
.torn-modal-container .modal-content .modal-body a.button {
  width: auto;
  margin-top: 2rem;
}
@media screen and (max-width: 768px) {
  .torn-modal-container .modal-content .modal-body button,
  .torn-modal-container .modal-content .modal-body a.button {
    margin-top: 1em;
  }
}
.torn-modal-container.medium {
  padding: 32px;
  width: 755px;
}
.torn-modal-container label {
  text-align: left;
  font-size: 17px;
  font-weight: 700;
}
@media screen and (min-width: 900px) {
  .torn-modal-container label {
    margin-bottom: 12px;
  }
}
.torn-modal-container td {
  padding: 0;
}
.torn-modal-container input[type=password],
.torn-modal-container input[type=number],
.torn-modal-container input[type=tel],
.torn-modal-container input[type=text],
.torn-modal-container input[type=email],
.torn-modal-container button {
  width: 100%;
}
@media screen and (min-width: 900px) {
  .torn-modal-container input[type=password],
  .torn-modal-container input[type=number],
  .torn-modal-container input[type=tel],
  .torn-modal-container input[type=text],
  .torn-modal-container input[type=email],
  .torn-modal-container button {
    margin-bottom: 24px;
  }
}
.torn-modal-container button {
  justify-content: center;
}
.torn-modal-container button.close {
  position: absolute;
  text-indent: -9999px;
  border: none;
  background-color: transparent;
  right: 1.875rem;
  top: 1.875rem;
  height: 2.5rem;
  width: 2.5rem;
  background-size: 1.25rem;
}
.torn-modal-container .modal-headline {
  font-family: "Sharp Grotesk", sans-serif;
  font-size: 18px;
  line-height: 30px;
  font-weight: 400;
  color: #1a0c0c;
  margin: 0;
  padding-right: 1.875rem;
}
@media screen and (min-width: 900px) {
  .torn-modal-container .modal-headline {
    padding-bottom: 16px;
  }
}
.torn-modal-container .separator {
  border-bottom: 1px solid #e4e1dc;
  text-align: center;
  margin-bottom: 2rem;
}
.torn-modal-container .separator .text {
  color: #727272;
  margin: 0 auto;
  background-color: white;
  padding: 0 13px;
  position: relative;
  top: 8px;
  font-size: 14px;
}

body.show-modal-backdrop .torn-modal-container {
  display: flex;
  flex-direction: column;
}

.torn-toaster-container {
  position: fixed;
  height: fit-content;
  bottom: -120px;
  width: 100%;
  z-index: 99;
  padding: 20px 80px 20px 20px;
  transition: bottom 500ms;
  background-color: rgba(0, 0, 0, 0);
}
.torn-toaster-container.active {
  bottom: 0px;
}
.torn-toaster-container .box {
  color: #1a0c0c;
  margin: 0 auto !important;
  height: fit-content;
  display: flex;
  align-items: center;
  max-width: 800px;
  border-radius: 12px;
  border: 1px solid #f0c450;
  padding: 16px 24px 16px 24px;
  box-shadow: rgba(0, 0, 0, 0.25) 0px 54px 55px, rgba(0, 0, 0, 0.12) 0px -12px 30px, rgba(0, 0, 0, 0.12) 0px 4px 6px, rgba(0, 0, 0, 0.17) 0px 12px 13px, rgba(0, 0, 0, 0.09) 0px -3px 5px;
}
@media only screen and (max-width: 480px) {
  .torn-toaster-container .box {
    flex-direction: column;
    align-items: flex-start;
    gap: 6px;
    padding: 12px;
  }
}
.torn-toaster-container .box.success {
  background-color: #e6f9ea;
  border-color: #1f9f3c;
}
.torn-toaster-container .box.error {
  background-color: #ffe4e2;
  border-color: #d02e24;
  white-space: normal;
}
.torn-toaster-container .box.warning {
  background-color: #fef9ee;
  border-color: #f0c450;
}
.torn-toaster-container .box.info {
  background-color: #e4f0ff;
  border-color: #3074c1;
}
.torn-toaster-container .box .content {
  flex: 1;
  font-size: 18px;
  line-height: 24px;
  font-weight: 500;
}
@media only screen and (max-width: 480px) {
  .torn-toaster-container .box .content {
    font-size: 16px;
    line-height: 20px;
  }
}
.torn-toaster-container .box .button {
  flex: 0 0 fit-content;
  border: 1px solid #1a0c0c;
  border-radius: 50px;
  padding: 8px 12px;
  font-size: 14px;
  font-weight: 700;
  line-height: 14px;
}

#content {
  height: auto;
}

html {
  scroll-behavior: smooth;
}

.warning {
  background-color: #fbe8ce;
  border-radius: 1rem;
}

.product-tooltip-codes-desc {
  background-color: white;
  padding: 1rem;
  border-radius: 1rem;
  margin-left: -1rem;
}

.shipping-modal {
  max-height: 80vh;
  overflow-y: auto;
  font-size: 16px;
}
.shipping-modal button {
  font-size: 16px !important;
}
.shipping-modal .shipping-modal-heading {
  padding: 18px 32px;
  text-align: center;
}
@media only screen and (max-width: 500px) {
  .shipping-modal .shipping-modal-heading {
    padding: 18px 12px;
  }
  .shipping-modal .shipping-modal-heading h3 {
    width: 95%;
  }
}
.shipping-modal .shipping-modal-body-booking-failed {
  background-color: #fbe8ce;
}
@media only screen and (max-width: 500px) {
  .shipping-modal .shipping-modal-body-booking-failed {
    padding: 0 12px 12px 12px;
  }
}
.shipping-modal .shipping-modal-body-booking-failed h3 {
  width: max-content;
  margin-bottom: 32px;
}
.shipping-modal .shipping-modal-body-booking-failed a {
  text-decoration: underline;
}
.shipping-modal .shipping-modal-body .shipping-modal-packaging-todolist {
  padding: 8px 52px 8px 32px;
  background-color: #fbf9f3;
  border-top: 1px solid #eeeeee;
  border-bottom: 1px solid #eeeeee;
}
.shipping-modal .shipping-modal-body .shipping-modal-packaging-todolist strong {
  font-weight: 700;
  line-height: 30px;
}
.shipping-modal .shipping-modal-body .shipping-modal-packaging-todolist ol {
  margin-bottom: 0;
  padding-left: 24px;
  line-height: 30px;
}
@media only screen and (max-width: 500px) {
  .shipping-modal .shipping-modal-body .shipping-modal-packaging-todolist {
    padding: 8px 12px;
  }
}
.shipping-modal .shipping-modal-body .shipping-modal-packaging-lables {
  display: flex;
  flex-direction: column;
  align-items: center;
  row-gap: 24px;
  padding: 0 56px 32px 56px;
}
.shipping-modal .shipping-modal-body .shipping-modal-body-content {
  padding: 0 32px 32px 32px;
}
@media only screen and (max-width: 500px) {
  .shipping-modal .shipping-modal-body .shipping-modal-body-content {
    padding: 0 12px 12px 12px;
  }
}
.shipping-modal .shipping-modal-body .shipping-modal-body-content .shipping-modal-body-packaging div {
  display: flex;
  margin-top: 18px;
}
.shipping-modal .shipping-modal-body .shipping-modal-body-content .shipping-modal-body-packaging .shipping-modal-body-packages {
  position: relative;
  flex-direction: column;
}
.shipping-modal .shipping-modal-body .shipping-modal-body-content .shipping-modal-body-packaging .shipping-modal-body-packages .shipping-modal-body-packages-content {
  display: flex;
  justify-content: space-between;
  margin-top: 0;
  width: 100%;
}
.shipping-modal .shipping-modal-body .shipping-modal-body-content .shipping-modal-body-packaging .shipping-modal-body-packages input[type=text] {
  padding: 8px 12px;
  font-size: 16px;
  width: 8ch;
}
@media only screen and (max-width: 500px) {
  .shipping-modal .shipping-modal-body .shipping-modal-body-content .shipping-modal-body-packaging .shipping-modal-body-packages {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
  }
  .shipping-modal .shipping-modal-body .shipping-modal-body-content .shipping-modal-body-packaging .shipping-modal-body-packages .field {
    place-self: start;
  }
  .shipping-modal .shipping-modal-body .shipping-modal-body-content .shipping-modal-body-packaging .shipping-modal-body-packages .field:nth-child(2) {
    grid-column-start: 1;
  }
  .shipping-modal .shipping-modal-body .shipping-modal-body-content .shipping-modal-body-packaging .shipping-modal-body-packages .field:nth-child(3) {
    grid-column-start: 2;
    grid-row-start: 1;
  }
}
.shipping-modal .shipping-modal-body .shipping-modal-body-content .shipping-modal-body-packaging .trash-icon {
  margin-top: 52px;
  align-self: center;
  cursor: pointer;
}
@media only screen and (max-width: 500px) {
  .shipping-modal .shipping-modal-body .shipping-modal-body-content .shipping-modal-body-packaging .trash-icon {
    position: absolute;
    right: 25;
    margin-top: 0;
  }
}
.shipping-modal .shipping-modal-body .shipping-modal-body-content .shipping-modal-body-packaging .shipping-modal-body-packages-action {
  align-items: center;
  justify-content: space-between;
  margin: 32px 0;
}
.shipping-modal .shipping-modal-body .shipping-modal-body-content .shipping-modal-body-packaging .shipping-modal-body-packages-action p {
  font-weight: 400;
  line-height: 30px;
  margin: 0;
}
.shipping-modal .shipping-modal-body .shipping-modal-body-content .shipping-modal-body-packaging .shipping-modal-body-packages-action .button-container {
  margin-top: 0;
}
@media only screen and (max-width: 500px) {
  .shipping-modal .shipping-modal-body .shipping-modal-body-content .shipping-modal-body-packaging .shipping-modal-body-packages-action {
    flex-direction: column;
    align-items: flex-start;
    font-family: "Geist", sans-serif;
    font-size: 12.5px !important;
    font-weight: 400 !important;
    line-height: 17px !important;
  }
}
@media only screen and (max-width: 500px) and (min-width: 1920px) {
  .shipping-modal .shipping-modal-body .shipping-modal-body-content .shipping-modal-body-packaging .shipping-modal-body-packages-action {
    font-size: 18px !important;
    line-height: 26px !important;
  }
}
.shipping-modal .shipping-modal-body .shipping-modal-body-content .shipping-modal-body-packaging .shipping-modal-body-packaging-type > fieldset > .fieldset-buttons {
  margin: 0;
  flex-direction: column;
}
.shipping-modal .shipping-modal-body .shipping-modal-body-content .shipping-modal-body-packaging .shipping-modal-body-packaging-type > fieldset > .fieldset-buttons input[type=radio] {
  width: 24px;
  height: 24px;
}
.shipping-modal .shipping-modal-body .shipping-modal-body-content .shipping-modal-body-packaging .shipping-modal-body-packaging-type fieldset {
  width: 50%;
}
.shipping-modal .shipping-modal-body .shipping-modal-body-content .shipping-modal-body-packaging .shipping-modal-body-packaging-type .product-codes-info-icon {
  display: block;
  margin: 0 0 0 6px;
  padding: 0;
}
.shipping-modal .shipping-modal-body .shipping-modal-body-content .shipping-modal-body-sms {
  padding-top: 42px;
}
.shipping-modal .shipping-modal-body .shipping-modal-body-content .shipping-modal-body-sms .button-container {
  margin-top: 40px;
}
.shipping-modal .shipping-modal-footer {
  padding: 18px 32px;
  display: flex;
  justify-content: space-between;
  border-top: 1px solid #eeeeee;
}
@media only screen and (max-width: 768px) {
  .shipping-modal .shipping-modal-footer {
    flex-direction: column-reverse;
    align-items: center;
    row-gap: 20px;
  }
}
@media only screen and (max-width: 500px) {
  .shipping-modal .shipping-modal-footer {
    padding: 18px 12px;
  }
}.customer-card-container .box {
  display: flex;
  flex-flow: column;
}
.customer-card-container a {
  text-decoration: underline;
}
.customer-card-container div {
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
}
h1,
h1 *,
h2,
h2 *,
h3,
h3 * {
  font-family: "Sharp Grotesk", sans-serif;
  margin: 0 0 0.5407911001em;
}

* {
  font-family: "Geist", sans-serif;
}

/**
* Buttons: Bør flyttes til en egen fil med alt knapper.
* @see https://torn-team.atlassian.net/browse/TORN-1104
 */
button.disabled,
button:disabled,
input[type=button].disabled,
input[type=button]:disabled,
input[type=reset].disabled,
input[type=reset]:disabled,
input[type=submit].disabled,
input[type=submit]:disabled,
.button.disabled,
.button:disabled,
.wc-block-grid__products .wc-block-grid__product .wp-block-button__link.disabled,
.wc-block-grid__products .wc-block-grid__product .wp-block-button__link:disabled,
.added_to_cart.disabled,
.added_to_cart:disabled {
  opacity: 0.5 !important;
  cursor: not-allowed;
}

button,
input[type=button],
input[type=reset],
input[type=submit],
.button,
.wc-block-grid__products .wc-block-grid__product .wp-block-button__link,
.added_to_cart {
  cursor: pointer;
  text-shadow: none;
  -webkit-appearance: none;
  word-break: break-word;
}

body {
  background-color: #fbf9f3;
}
body.page-template-authentication {
  background-color: #fcfcfc;
}

a:focus,
button:focus,
.button.alt:focus,
input:focus,
textarea:focus,
input[type=button]:focus,
input[type=reset]:focus,
input[type=submit]:focus,
input[type=email]:focus,
input[type=tel]:focus,
input[type=number]:focus,
input[type=url]:focus,
input[type=password]:focus,
input[type=search]:focus {
  outline: none;
}

a,
a:visited {
  color: #1a0c0c;
}

.required label::after,
.required strong::after,
.required legend::after {
  content: " *";
  color: #ec562d;
}
.required .radio-field > label::after {
  content: "";
}

.widget .widget-title {
  font-size: 1em;
  font-weight: bold;
  color: #1a0c0c;
  border-bottom: none;
  margin-bottom: 0;
}

.widget_product_categories button {
  background-color: #f0c450;
  border-radius: 5px;
}
.widget_product_categories .submit-product-categories-wrapper {
  bottom: 10px;
}
.widget_product_categories.widget.woocommerce li .count {
  float: none;
}
.widget_product_categories .widget-title {
  position: relative;
  top: 80px;
}

.widget-area .widget_search input[type=search],
.widget-area .widget_product_search input[type=search] {
  border: 1px solid black;
  border-radius: 5px;
  padding: 0.7em 1.4em;
  background-color: #ffffff;
}
.widget-area .widget_search form::before,
.widget-area .widget_product_search form::before {
  left: unset;
  right: 1em;
}

.torn-product-category-search-form {
  position: relative;
  top: -40px;
}

.site-main {
  position: relative;
  display: flex;
  flex-flow: column;
}

.vendor-page .site-main {
  padding-top: 25px;
}

#colophon .storefront-handheld-footer-bar {
  display: none;
}

html,
body {
  height: 100%;
  line-height: 1;
  margin: 0;
  padding: 0;
  border: 0;
  vertical-align: baseline;
}

button,
input,
select,
textarea {
  font-size: 100%;
  margin: 0;
  line-height: 1.618;
  text-rendering: optimizeLegibility;
  font-weight: 400;
}

textarea {
  padding: 12px 16px;
  border-radius: 12px;
  width: 100%;
  margin-top: 12px;
  border: 1px solid #666666;
}

ol,
ul {
  overflow-wrap: break-word;
  padding: 0;
}

* {
  box-sizing: border-box;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
}

a {
  text-decoration: none;
}

.torn-hypertext {
  text-decoration: underline !important;
}

p {
  overflow-wrap: break-word;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
  display: block;
}

table {
  border-spacing: 0;
  width: 100%;
  margin: 0 0 1.41575em;
  border-collapse: separate;
}
table td,
table th {
  padding: 1em 1.41575em;
  text-align: left;
  vertical-align: top;
}

img {
  height: auto;
  max-width: 100%;
  display: block;
  border-radius: 3px;
}

/**
 * Theese should probably be placed in component files.
 */
input[type=checkbox],
input[type=radio] {
  min-height: 24px;
  min-width: 24px;
  width: 32px;
  height: 32px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  vertical-align: text-bottom !important;
  outline: 0;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  border: 1px solid #1a0c0c;
  background-color: white;
  flex-shrink: 0;
  cursor: pointer;
  background-size: 16px;
  margin-right: 6px;
}
input[type=checkbox]:checked, input[type=checkbox][checked=checked]:not(body.woocommerce-cart .gateway-selector ul li input[type=radio][checked=checked]),
input[type=radio]:checked,
input[type=radio][checked=checked]:not(body.woocommerce-cart .gateway-selector ul li input[type=radio][checked=checked]) {
  background-color: #1a0c0c !important;
}
input[type=checkbox]:hover,
input[type=radio]:hover {
  box-shadow: 0 0 0 1px #1a0c0c;
}

input[type=radio] {
  border-radius: 50px;
}

input[type=checkbox] {
  border-radius: 8px;
}

input[type=text],
input[type=password],
input[type=number],
input[type=email],
input[type=tel],
input[type=url],
select {
  border: 1px solid #666666;
  margin-top: 12px;
  border-radius: 12px;
  padding: 12px 16px;
  font-size: 18px;
  line-height: 24px;
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

input[type=text]:hover:not([disabled]),
input[type=password]:hover:not([disabled]),
input[type=number]:hover:not([disabled]),
input[type=email]:hover:not([disabled]),
input[type=tel]:hover:not([disabled]),
input[type=url]:hover:not([disabled]),
textarea:hover:not([disabled]),
select:hover:not([disabled]) {
  outline: 1px solid #0f0f0f;
}

input[type=text]:disabled,
input[type=password]:disabled,
input[type=number]:disabled,
input[type=email]:disabled,
input[type=tel]:disabled,
input[type=url]:disabled,
textarea:disabled,
select:disabled {
  outline: 1px solid #eeeeee;
}

input[type=text]:focus,
input[type=password]:focus,
input[type=number]:focus,
input[type=email]:focus,
input[type=tel]:focus,
input[type=url]:focus,
textarea:focus,
select:focus {
  outline-width: 2px;
}

label {
  display: block;
}

dd {
  margin: 0 0 1.618em;
}

dt {
  font-weight: 600;
}

.screen-reader-text {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  -webkit-clip-path: inset(50%);
  clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
  word-wrap: normal !important;
}

.description {
  font-family: "Geist", sans-serif !important;
  font-size: 11px !important;
  font-weight: 400 !important;
  line-height: 17px !important;
  color: #898280 !important;
  margin-top: 0.25rem;
  margin-bottom: 0;
}
@media screen and (min-width: 1920px) {
  .description {
    font-size: 16px !important;
    line-height: 24px !important;
  }
}

.warning-description {
  font-family: "Geist", sans-serif !important;
  font-size: 11px !important;
  font-weight: 400 !important;
  line-height: 17px !important;
  color: #f78502 !important;
  margin-top: 12px;
}
@media screen and (min-width: 1920px) {
  .warning-description {
    font-size: 16px !important;
    line-height: 24px !important;
  }
}

.error-description {
  font-family: "Geist", sans-serif !important;
  font-size: 11px !important;
  font-weight: 400 !important;
  line-height: 17px !important;
  color: #ec562d !important;
  margin-top: 12px;
}
@media screen and (min-width: 1920px) {
  .error-description {
    font-size: 16px !important;
    line-height: 24px !important;
  }
}

#user_switching_switch_on {
  background-color: white;
  padding: 2px 4px !important;
  border-radius: 8px;
}

.torn-modal-backdrop {
  z-index: 40;
}

.torn-modal-container {
  position: fixed;
  top: 33%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: none;
  z-index: 50;
  background-color: white;
  box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
  border-radius: 24px;
  padding: 2.5rem 2rem;
  width: auto;
  max-width: 80vw;
  max-width: 80dvw;
  max-height: 90vh;
  max-height: 90dvh;
  overflow: auto;
}
@media screen and (min-width: 900px) {
  .torn-modal-container {
    top: 50%;
    padding: 4rem 2rem;
  }
}
@media screen and (max-width: 600px) {
  .torn-modal-container {
    max-height: 95vh;
    max-width: 99vw;
    max-width: 99dvw;
  }
}
@media screen and (max-width: 600px) {
  .torn-modal-container.narrow {
    width: 100%;
  }
}
.torn-modal-container .modal-content .modal-body {
  margin-top: 2rem;
}
@media screen and (max-width: 768px) {
  .torn-modal-container .modal-content .modal-body {
    margin-top: 1em;
  }
}
.torn-modal-container .modal-content .modal-body button,
.torn-modal-container .modal-content .modal-body a.button {
  width: auto;
  margin-top: 2rem;
}
@media screen and (max-width: 768px) {
  .torn-modal-container .modal-content .modal-body button,
  .torn-modal-container .modal-content .modal-body a.button {
    margin-top: 1em;
  }
}
.torn-modal-container.medium {
  padding: 32px;
  width: 755px;
}
.torn-modal-container label {
  text-align: left;
  font-size: 17px;
  font-weight: 700;
}
@media screen and (min-width: 900px) {
  .torn-modal-container label {
    margin-bottom: 12px;
  }
}
.torn-modal-container td {
  padding: 0;
}
.torn-modal-container input[type=password],
.torn-modal-container input[type=number],
.torn-modal-container input[type=tel],
.torn-modal-container input[type=text],
.torn-modal-container input[type=email],
.torn-modal-container button {
  width: 100%;
}
@media screen and (min-width: 900px) {
  .torn-modal-container input[type=password],
  .torn-modal-container input[type=number],
  .torn-modal-container input[type=tel],
  .torn-modal-container input[type=text],
  .torn-modal-container input[type=email],
  .torn-modal-container button {
    margin-bottom: 24px;
  }
}
.torn-modal-container button {
  justify-content: center;
}
.torn-modal-container button.close {
  position: absolute;
  text-indent: -9999px;
  border: none;
  background-color: transparent;
  right: 1.875rem;
  top: 1.875rem;
  height: 2.5rem;
  width: 2.5rem;
  background-size: 1.25rem;
}
.torn-modal-container .modal-headline {
  font-family: "Sharp Grotesk", sans-serif;
  font-size: 18px;
  line-height: 30px;
  font-weight: 400;
  color: #1a0c0c;
  margin: 0;
  padding-right: 1.875rem;
}
@media screen and (min-width: 900px) {
  .torn-modal-container .modal-headline {
    padding-bottom: 16px;
  }
}
.torn-modal-container .separator {
  border-bottom: 1px solid #e4e1dc;
  text-align: center;
  margin-bottom: 2rem;
}
.torn-modal-container .separator .text {
  color: #727272;
  margin: 0 auto;
  background-color: white;
  padding: 0 13px;
  position: relative;
  top: 8px;
  font-size: 14px;
}

body.show-modal-backdrop .torn-modal-container {
  display: flex;
  flex-direction: column;
}

.torn-toaster-container {
  position: fixed;
  height: fit-content;
  bottom: -120px;
  width: 100%;
  z-index: 99;
  padding: 20px 80px 20px 20px;
  transition: bottom 500ms;
  background-color: rgba(0, 0, 0, 0);
}
.torn-toaster-container.active {
  bottom: 0px;
}
.torn-toaster-container .box {
  color: #1a0c0c;
  margin: 0 auto !important;
  height: fit-content;
  display: flex;
  align-items: center;
  max-width: 800px;
  border-radius: 12px;
  border: 1px solid #f0c450;
  padding: 16px 24px 16px 24px;
  box-shadow: rgba(0, 0, 0, 0.25) 0px 54px 55px, rgba(0, 0, 0, 0.12) 0px -12px 30px, rgba(0, 0, 0, 0.12) 0px 4px 6px, rgba(0, 0, 0, 0.17) 0px 12px 13px, rgba(0, 0, 0, 0.09) 0px -3px 5px;
}
@media only screen and (max-width: 480px) {
  .torn-toaster-container .box {
    flex-direction: column;
    align-items: flex-start;
    gap: 6px;
    padding: 12px;
  }
}
.torn-toaster-container .box.success {
  background-color: #e6f9ea;
  border-color: #1f9f3c;
}
.torn-toaster-container .box.error {
  background-color: #ffe4e2;
  border-color: #d02e24;
  white-space: normal;
}
.torn-toaster-container .box.warning {
  background-color: #fef9ee;
  border-color: #f0c450;
}
.torn-toaster-container .box.info {
  background-color: #e4f0ff;
  border-color: #3074c1;
}
.torn-toaster-container .box .content {
  flex: 1;
  font-size: 18px;
  line-height: 24px;
  font-weight: 500;
}
@media only screen and (max-width: 480px) {
  .torn-toaster-container .box .content {
    font-size: 16px;
    line-height: 20px;
  }
}
.torn-toaster-container .box .button {
  flex: 0 0 fit-content;
  border: 1px solid #1a0c0c;
  border-radius: 50px;
  padding: 8px 12px;
  font-size: 14px;
  font-weight: 700;
  line-height: 14px;
}

#content {
  height: auto;
}

html {
  scroll-behavior: smooth;
}

.information-dropdown-container {
  display: flex;
  flex-direction: column;
  row-gap: 8px;
}
.information-dropdown-container .information-dropdown-header {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  cursor: pointer;
}
.information-dropdown-container .information-dropdown-header h3 {
  margin-bottom: 0;
}
.information-dropdown-container .information-dropdown-header span {
  transition: transform 0.1s ease-out;
}
.information-dropdown-container .information-dropdown-content {
  display: flex;
  flex-direction: column;
  row-gap: 16px;
}
.information-dropdown-container .information-dropdown-content .order-history {
  display: flex;
  flex-direction: column;
}
.information-dropdown-container .information-dropdown-content .order-history #order-history-date {
  font-weight: bold;
}
@media only screen and (min-width: 768px) {
  .information-dropdown-container .information-dropdown-content .order-history {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }
  .information-dropdown-container .information-dropdown-content .order-history span:first-child {
    grid-column: span 1/span 1;
  }
  .information-dropdown-container .information-dropdown-content .order-history span:last-child {
    grid-column: span 4/span 4;
  }
}
.information-dropdown-container .information-dropdown-content .wp-block-columns {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  column-gap: 24px;
}
.information-dropdown-container .information-dropdown-content .wp-block-columns img {
  width: 100%;
  height: 200px;
  object-fit: contain;
  border-radius: 20px;
}
.information-dropdown-container .information-dropdown-content .wp-block-columns ul {
  padding: 0 40px;
  font-size: 16px;
  list-style-type: "- ";
}
.information-dropdown-container .information-dropdown-content .wp-block-columns ul li {
  margin-top: 8px;
}
.information-dropdown-container .information-dropdown-content a {
  text-decoration: underline;
}

.rotate-45 {
  transform: rotate(45deg);
  transition: transform 0.1s ease-out;
}.reports-page-container {
  margin: 1.25rem 0;
}
@media screen and (min-width: 1440px) {
  .reports-page-container {
    margin: 1.4rem 0;
  }
}
@media screen and (min-width: 1920px) {
  .reports-page-container {
    margin: 1.68rem 0;
  }
}
.reports-page-container h1 {
  padding: 1rem 0;
}
.reports-page-container iframe {
  background-color: white;
  width: 100%;
  border: 0px;
}
@media screen and (min-width: 1024px) {
  .reports-page-container iframe#iframe-reports {
    height: 70rem;
  }
}
@media screen and (min-width: 1440px) {
  .reports-page-container iframe#iframe-reports {
    height: 73rem;
  }
}
@media screen and (min-width: 1920px) {
  .reports-page-container iframe#iframe-reports {
    height: 93rem;
  }
}
h1,
h1 *,
h2,
h2 *,
h3,
h3 * {
  font-family: "Sharp Grotesk", sans-serif;
  margin: 0 0 0.5407911001em;
}

* {
  font-family: "Geist", sans-serif;
}

/**
* Buttons: Bør flyttes til en egen fil med alt knapper.
* @see https://torn-team.atlassian.net/browse/TORN-1104
 */
button.disabled,
button:disabled,
input[type=button].disabled,
input[type=button]:disabled,
input[type=reset].disabled,
input[type=reset]:disabled,
input[type=submit].disabled,
input[type=submit]:disabled,
.button.disabled,
.button:disabled,
.wc-block-grid__products .wc-block-grid__product .wp-block-button__link.disabled,
.wc-block-grid__products .wc-block-grid__product .wp-block-button__link:disabled,
.added_to_cart.disabled,
.added_to_cart:disabled {
  opacity: 0.5 !important;
  cursor: not-allowed;
}

button,
input[type=button],
input[type=reset],
input[type=submit],
.button,
.wc-block-grid__products .wc-block-grid__product .wp-block-button__link,
.added_to_cart {
  cursor: pointer;
  text-shadow: none;
  -webkit-appearance: none;
  word-break: break-word;
}

body {
  background-color: #fbf9f3;
}
body.page-template-authentication {
  background-color: #fcfcfc;
}

a:focus,
button:focus,
.button.alt:focus,
input:focus,
textarea:focus,
input[type=button]:focus,
input[type=reset]:focus,
input[type=submit]:focus,
input[type=email]:focus,
input[type=tel]:focus,
input[type=number]:focus,
input[type=url]:focus,
input[type=password]:focus,
input[type=search]:focus {
  outline: none;
}

a,
a:visited {
  color: #1a0c0c;
}

.required label::after,
.required strong::after,
.required legend::after {
  content: " *";
  color: #ec562d;
}
.required .radio-field > label::after {
  content: "";
}

.widget .widget-title {
  font-size: 1em;
  font-weight: bold;
  color: #1a0c0c;
  border-bottom: none;
  margin-bottom: 0;
}

.widget_product_categories button {
  background-color: #f0c450;
  border-radius: 5px;
}
.widget_product_categories .submit-product-categories-wrapper {
  bottom: 10px;
}
.widget_product_categories.widget.woocommerce li .count {
  float: none;
}
.widget_product_categories .widget-title {
  position: relative;
  top: 80px;
}

.widget-area .widget_search input[type=search],
.widget-area .widget_product_search input[type=search] {
  border: 1px solid black;
  border-radius: 5px;
  padding: 0.7em 1.4em;
  background-color: #ffffff;
}
.widget-area .widget_search form::before,
.widget-area .widget_product_search form::before {
  left: unset;
  right: 1em;
}

.torn-product-category-search-form {
  position: relative;
  top: -40px;
}

.site-main {
  position: relative;
  display: flex;
  flex-flow: column;
}

.vendor-page .site-main {
  padding-top: 25px;
}

#colophon .storefront-handheld-footer-bar {
  display: none;
}

html,
body {
  height: 100%;
  line-height: 1;
  margin: 0;
  padding: 0;
  border: 0;
  vertical-align: baseline;
}

button,
input,
select,
textarea {
  font-size: 100%;
  margin: 0;
  line-height: 1.618;
  text-rendering: optimizeLegibility;
  font-weight: 400;
}

textarea {
  padding: 12px 16px;
  border-radius: 12px;
  width: 100%;
  margin-top: 12px;
  border: 1px solid #666666;
}

ol,
ul {
  overflow-wrap: break-word;
  padding: 0;
}

* {
  box-sizing: border-box;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
}

a {
  text-decoration: none;
}

.torn-hypertext {
  text-decoration: underline !important;
}

p {
  overflow-wrap: break-word;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
  display: block;
}

table {
  border-spacing: 0;
  width: 100%;
  margin: 0 0 1.41575em;
  border-collapse: separate;
}
table td,
table th {
  padding: 1em 1.41575em;
  text-align: left;
  vertical-align: top;
}

img {
  height: auto;
  max-width: 100%;
  display: block;
  border-radius: 3px;
}

/**
 * Theese should probably be placed in component files.
 */
input[type=checkbox],
input[type=radio] {
  min-height: 24px;
  min-width: 24px;
  width: 32px;
  height: 32px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  vertical-align: text-bottom !important;
  outline: 0;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  border: 1px solid #1a0c0c;
  background-color: white;
  flex-shrink: 0;
  cursor: pointer;
  background-size: 16px;
  margin-right: 6px;
}
input[type=checkbox]:checked, input[type=checkbox][checked=checked]:not(body.woocommerce-cart .gateway-selector ul li input[type=radio][checked=checked]),
input[type=radio]:checked,
input[type=radio][checked=checked]:not(body.woocommerce-cart .gateway-selector ul li input[type=radio][checked=checked]) {
  background-color: #1a0c0c !important;
}
input[type=checkbox]:hover,
input[type=radio]:hover {
  box-shadow: 0 0 0 1px #1a0c0c;
}

input[type=radio] {
  border-radius: 50px;
}

input[type=checkbox] {
  border-radius: 8px;
}

input[type=text],
input[type=password],
input[type=number],
input[type=email],
input[type=tel],
input[type=url],
select {
  border: 1px solid #666666;
  margin-top: 12px;
  border-radius: 12px;
  padding: 12px 16px;
  font-size: 18px;
  line-height: 24px;
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

input[type=text]:hover:not([disabled]),
input[type=password]:hover:not([disabled]),
input[type=number]:hover:not([disabled]),
input[type=email]:hover:not([disabled]),
input[type=tel]:hover:not([disabled]),
input[type=url]:hover:not([disabled]),
textarea:hover:not([disabled]),
select:hover:not([disabled]) {
  outline: 1px solid #0f0f0f;
}

input[type=text]:disabled,
input[type=password]:disabled,
input[type=number]:disabled,
input[type=email]:disabled,
input[type=tel]:disabled,
input[type=url]:disabled,
textarea:disabled,
select:disabled {
  outline: 1px solid #eeeeee;
}

input[type=text]:focus,
input[type=password]:focus,
input[type=number]:focus,
input[type=email]:focus,
input[type=tel]:focus,
input[type=url]:focus,
textarea:focus,
select:focus {
  outline-width: 2px;
}

label {
  display: block;
}

dd {
  margin: 0 0 1.618em;
}

dt {
  font-weight: 600;
}

.screen-reader-text {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  -webkit-clip-path: inset(50%);
  clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
  word-wrap: normal !important;
}

.description {
  font-family: "Geist", sans-serif !important;
  font-size: 11px !important;
  font-weight: 400 !important;
  line-height: 17px !important;
  color: #898280 !important;
  margin-top: 0.25rem;
  margin-bottom: 0;
}
@media screen and (min-width: 1920px) {
  .description {
    font-size: 16px !important;
    line-height: 24px !important;
  }
}

.warning-description {
  font-family: "Geist", sans-serif !important;
  font-size: 11px !important;
  font-weight: 400 !important;
  line-height: 17px !important;
  color: #f78502 !important;
  margin-top: 12px;
}
@media screen and (min-width: 1920px) {
  .warning-description {
    font-size: 16px !important;
    line-height: 24px !important;
  }
}

.error-description {
  font-family: "Geist", sans-serif !important;
  font-size: 11px !important;
  font-weight: 400 !important;
  line-height: 17px !important;
  color: #ec562d !important;
  margin-top: 12px;
}
@media screen and (min-width: 1920px) {
  .error-description {
    font-size: 16px !important;
    line-height: 24px !important;
  }
}

#user_switching_switch_on {
  background-color: white;
  padding: 2px 4px !important;
  border-radius: 8px;
}

.torn-modal-backdrop {
  z-index: 40;
}

.torn-modal-container {
  position: fixed;
  top: 33%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: none;
  z-index: 50;
  background-color: white;
  box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
  border-radius: 24px;
  padding: 2.5rem 2rem;
  width: auto;
  max-width: 80vw;
  max-width: 80dvw;
  max-height: 90vh;
  max-height: 90dvh;
  overflow: auto;
}
@media screen and (min-width: 900px) {
  .torn-modal-container {
    top: 50%;
    padding: 4rem 2rem;
  }
}
@media screen and (max-width: 600px) {
  .torn-modal-container {
    max-height: 95vh;
    max-width: 99vw;
    max-width: 99dvw;
  }
}
@media screen and (max-width: 600px) {
  .torn-modal-container.narrow {
    width: 100%;
  }
}
.torn-modal-container .modal-content .modal-body {
  margin-top: 2rem;
}
@media screen and (max-width: 768px) {
  .torn-modal-container .modal-content .modal-body {
    margin-top: 1em;
  }
}
.torn-modal-container .modal-content .modal-body button,
.torn-modal-container .modal-content .modal-body a.button {
  width: auto;
  margin-top: 2rem;
}
@media screen and (max-width: 768px) {
  .torn-modal-container .modal-content .modal-body button,
  .torn-modal-container .modal-content .modal-body a.button {
    margin-top: 1em;
  }
}
.torn-modal-container.medium {
  padding: 32px;
  width: 755px;
}
.torn-modal-container label {
  text-align: left;
  font-size: 17px;
  font-weight: 700;
}
@media screen and (min-width: 900px) {
  .torn-modal-container label {
    margin-bottom: 12px;
  }
}
.torn-modal-container td {
  padding: 0;
}
.torn-modal-container input[type=password],
.torn-modal-container input[type=number],
.torn-modal-container input[type=tel],
.torn-modal-container input[type=text],
.torn-modal-container input[type=email],
.torn-modal-container button {
  width: 100%;
}
@media screen and (min-width: 900px) {
  .torn-modal-container input[type=password],
  .torn-modal-container input[type=number],
  .torn-modal-container input[type=tel],
  .torn-modal-container input[type=text],
  .torn-modal-container input[type=email],
  .torn-modal-container button {
    margin-bottom: 24px;
  }
}
.torn-modal-container button {
  justify-content: center;
}
.torn-modal-container button.close {
  position: absolute;
  text-indent: -9999px;
  border: none;
  background-color: transparent;
  right: 1.875rem;
  top: 1.875rem;
  height: 2.5rem;
  width: 2.5rem;
  background-size: 1.25rem;
}
.torn-modal-container .modal-headline {
  font-family: "Sharp Grotesk", sans-serif;
  font-size: 18px;
  line-height: 30px;
  font-weight: 400;
  color: #1a0c0c;
  margin: 0;
  padding-right: 1.875rem;
}
@media screen and (min-width: 900px) {
  .torn-modal-container .modal-headline {
    padding-bottom: 16px;
  }
}
.torn-modal-container .separator {
  border-bottom: 1px solid #e4e1dc;
  text-align: center;
  margin-bottom: 2rem;
}
.torn-modal-container .separator .text {
  color: #727272;
  margin: 0 auto;
  background-color: white;
  padding: 0 13px;
  position: relative;
  top: 8px;
  font-size: 14px;
}

body.show-modal-backdrop .torn-modal-container {
  display: flex;
  flex-direction: column;
}

.torn-toaster-container {
  position: fixed;
  height: fit-content;
  bottom: -120px;
  width: 100%;
  z-index: 99;
  padding: 20px 80px 20px 20px;
  transition: bottom 500ms;
  background-color: rgba(0, 0, 0, 0);
}
.torn-toaster-container.active {
  bottom: 0px;
}
.torn-toaster-container .box {
  color: #1a0c0c;
  margin: 0 auto !important;
  height: fit-content;
  display: flex;
  align-items: center;
  max-width: 800px;
  border-radius: 12px;
  border: 1px solid #f0c450;
  padding: 16px 24px 16px 24px;
  box-shadow: rgba(0, 0, 0, 0.25) 0px 54px 55px, rgba(0, 0, 0, 0.12) 0px -12px 30px, rgba(0, 0, 0, 0.12) 0px 4px 6px, rgba(0, 0, 0, 0.17) 0px 12px 13px, rgba(0, 0, 0, 0.09) 0px -3px 5px;
}
@media only screen and (max-width: 480px) {
  .torn-toaster-container .box {
    flex-direction: column;
    align-items: flex-start;
    gap: 6px;
    padding: 12px;
  }
}
.torn-toaster-container .box.success {
  background-color: #e6f9ea;
  border-color: #1f9f3c;
}
.torn-toaster-container .box.error {
  background-color: #ffe4e2;
  border-color: #d02e24;
  white-space: normal;
}
.torn-toaster-container .box.warning {
  background-color: #fef9ee;
  border-color: #f0c450;
}
.torn-toaster-container .box.info {
  background-color: #e4f0ff;
  border-color: #3074c1;
}
.torn-toaster-container .box .content {
  flex: 1;
  font-size: 18px;
  line-height: 24px;
  font-weight: 500;
}
@media only screen and (max-width: 480px) {
  .torn-toaster-container .box .content {
    font-size: 16px;
    line-height: 20px;
  }
}
.torn-toaster-container .box .button {
  flex: 0 0 fit-content;
  border: 1px solid #1a0c0c;
  border-radius: 50px;
  padding: 8px 12px;
  font-size: 14px;
  font-weight: 700;
  line-height: 14px;
}

#content {
  height: auto;
}

html {
  scroll-behavior: smooth;
}

.new-product-page-container {
  display: flex;
  flex-flow: column;
  align-items: center;
  row-gap: 60px;
  margin-top: 3rem;
}
@media screen and (min-width: 1028px) {
  .new-product-page-container {
    padding: 0 8em;
  }
}
.new-product-page-container .description {
  font-size: 18px;
  line-height: 27px;
}
.new-product-page-container > .box > div:nth-child(2) {
  border-left: 1px #898280 solid;
  margin-left: 40px;
  margin-top: 0;
  padding-left: 40px;
  padding-top: 0;
}
@media screen and (max-width: 1028px) {
  .new-product-page-container {
    align-items: stretch;
  }
  .new-product-page-container > .box {
    padding: 24px 20px;
  }
  .new-product-page-container > .box > div:nth-child(2) {
    border-top: 1px #898280 solid;
    border-left: none;
    margin-top: 48px;
    margin-left: 0;
    padding-top: 48px;
    padding-left: 0;
  }
}
.new-product-page-container .new-product-form-container {
  display: grid;
  grid-template-columns: 1fr 1fr;
}
@media screen and (max-width: 1028px) {
  .new-product-page-container .new-product-form-container {
    grid-template-columns: 1fr;
  }
}
.new-product-page-container .new-product-form-container .loading-description {
  color: #1fb775;
}
.new-product-page-container .new-product-form-container .grouped {
  display: flex;
  align-items: flex-end;
  column-gap: 16px;
}
.new-product-page-container .new-product-form-container .grouped .number-field input[type=number] {
  width: 18ch;
  height: 2.5rem;
}
.new-product-page-container .new-product-form-container .grouped .button-container button {
  height: 2.5rem;
}
.new-product-page-container .new-product-form-container .manual-input-container button {
  margin-top: 2rem;
  height: 2.5rem;
}
.new-product-page-container .support-info-block {
  text-align: center;
  align-self: center;
  font-size: 16px;
  line-height: 24px;
}
h1,
h1 *,
h2,
h2 *,
h3,
h3 * {
  font-family: "Sharp Grotesk", sans-serif;
  margin: 0 0 0.5407911001em;
}

* {
  font-family: "Geist", sans-serif;
}

/**
* Buttons: Bør flyttes til en egen fil med alt knapper.
* @see https://torn-team.atlassian.net/browse/TORN-1104
 */
button.disabled,
button:disabled,
input[type=button].disabled,
input[type=button]:disabled,
input[type=reset].disabled,
input[type=reset]:disabled,
input[type=submit].disabled,
input[type=submit]:disabled,
.button.disabled,
.button:disabled,
.wc-block-grid__products .wc-block-grid__product .wp-block-button__link.disabled,
.wc-block-grid__products .wc-block-grid__product .wp-block-button__link:disabled,
.added_to_cart.disabled,
.added_to_cart:disabled {
  opacity: 0.5 !important;
  cursor: not-allowed;
}

button,
input[type=button],
input[type=reset],
input[type=submit],
.button,
.wc-block-grid__products .wc-block-grid__product .wp-block-button__link,
.added_to_cart {
  cursor: pointer;
  text-shadow: none;
  -webkit-appearance: none;
  word-break: break-word;
}

body {
  background-color: #fbf9f3;
}
body.page-template-authentication {
  background-color: #fcfcfc;
}

a:focus,
button:focus,
.button.alt:focus,
input:focus,
textarea:focus,
input[type=button]:focus,
input[type=reset]:focus,
input[type=submit]:focus,
input[type=email]:focus,
input[type=tel]:focus,
input[type=number]:focus,
input[type=url]:focus,
input[type=password]:focus,
input[type=search]:focus {
  outline: none;
}

a,
a:visited {
  color: #1a0c0c;
}

.required label::after,
.required strong::after,
.required legend::after {
  content: " *";
  color: #ec562d;
}
.required .radio-field > label::after {
  content: "";
}

.widget .widget-title {
  font-size: 1em;
  font-weight: bold;
  color: #1a0c0c;
  border-bottom: none;
  margin-bottom: 0;
}

.widget_product_categories button {
  background-color: #f0c450;
  border-radius: 5px;
}
.widget_product_categories .submit-product-categories-wrapper {
  bottom: 10px;
}
.widget_product_categories.widget.woocommerce li .count {
  float: none;
}
.widget_product_categories .widget-title {
  position: relative;
  top: 80px;
}

.widget-area .widget_search input[type=search],
.widget-area .widget_product_search input[type=search] {
  border: 1px solid black;
  border-radius: 5px;
  padding: 0.7em 1.4em;
  background-color: #ffffff;
}
.widget-area .widget_search form::before,
.widget-area .widget_product_search form::before {
  left: unset;
  right: 1em;
}

.torn-product-category-search-form {
  position: relative;
  top: -40px;
}

.site-main {
  position: relative;
  display: flex;
  flex-flow: column;
}

.vendor-page .site-main {
  padding-top: 25px;
}

#colophon .storefront-handheld-footer-bar {
  display: none;
}

html,
body {
  height: 100%;
  line-height: 1;
  margin: 0;
  padding: 0;
  border: 0;
  vertical-align: baseline;
}

button,
input,
select,
textarea {
  font-size: 100%;
  margin: 0;
  line-height: 1.618;
  text-rendering: optimizeLegibility;
  font-weight: 400;
}

textarea {
  padding: 12px 16px;
  border-radius: 12px;
  width: 100%;
  margin-top: 12px;
  border: 1px solid #666666;
}

ol,
ul {
  overflow-wrap: break-word;
  padding: 0;
}

* {
  box-sizing: border-box;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
}

a {
  text-decoration: none;
}

.torn-hypertext {
  text-decoration: underline !important;
}

p {
  overflow-wrap: break-word;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
  display: block;
}

table {
  border-spacing: 0;
  width: 100%;
  margin: 0 0 1.41575em;
  border-collapse: separate;
}
table td,
table th {
  padding: 1em 1.41575em;
  text-align: left;
  vertical-align: top;
}

img {
  height: auto;
  max-width: 100%;
  display: block;
  border-radius: 3px;
}

/**
 * Theese should probably be placed in component files.
 */
input[type=checkbox],
input[type=radio] {
  min-height: 24px;
  min-width: 24px;
  width: 32px;
  height: 32px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  vertical-align: text-bottom !important;
  outline: 0;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  border: 1px solid #1a0c0c;
  background-color: white;
  flex-shrink: 0;
  cursor: pointer;
  background-size: 16px;
  margin-right: 6px;
}
input[type=checkbox]:checked, input[type=checkbox][checked=checked]:not(body.woocommerce-cart .gateway-selector ul li input[type=radio][checked=checked]),
input[type=radio]:checked,
input[type=radio][checked=checked]:not(body.woocommerce-cart .gateway-selector ul li input[type=radio][checked=checked]) {
  background-color: #1a0c0c !important;
}
input[type=checkbox]:hover,
input[type=radio]:hover {
  box-shadow: 0 0 0 1px #1a0c0c;
}

input[type=radio] {
  border-radius: 50px;
}

input[type=checkbox] {
  border-radius: 8px;
}

input[type=text],
input[type=password],
input[type=number],
input[type=email],
input[type=tel],
input[type=url],
select {
  border: 1px solid #666666;
  margin-top: 12px;
  border-radius: 12px;
  padding: 12px 16px;
  font-size: 18px;
  line-height: 24px;
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

input[type=text]:hover:not([disabled]),
input[type=password]:hover:not([disabled]),
input[type=number]:hover:not([disabled]),
input[type=email]:hover:not([disabled]),
input[type=tel]:hover:not([disabled]),
input[type=url]:hover:not([disabled]),
textarea:hover:not([disabled]),
select:hover:not([disabled]) {
  outline: 1px solid #0f0f0f;
}

input[type=text]:disabled,
input[type=password]:disabled,
input[type=number]:disabled,
input[type=email]:disabled,
input[type=tel]:disabled,
input[type=url]:disabled,
textarea:disabled,
select:disabled {
  outline: 1px solid #eeeeee;
}

input[type=text]:focus,
input[type=password]:focus,
input[type=number]:focus,
input[type=email]:focus,
input[type=tel]:focus,
input[type=url]:focus,
textarea:focus,
select:focus {
  outline-width: 2px;
}

label {
  display: block;
}

dd {
  margin: 0 0 1.618em;
}

dt {
  font-weight: 600;
}

.screen-reader-text {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  -webkit-clip-path: inset(50%);
  clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
  word-wrap: normal !important;
}

.description {
  font-family: "Geist", sans-serif !important;
  font-size: 11px !important;
  font-weight: 400 !important;
  line-height: 17px !important;
  color: #898280 !important;
  margin-top: 0.25rem;
  margin-bottom: 0;
}
@media screen and (min-width: 1920px) {
  .description {
    font-size: 16px !important;
    line-height: 24px !important;
  }
}

.warning-description {
  font-family: "Geist", sans-serif !important;
  font-size: 11px !important;
  font-weight: 400 !important;
  line-height: 17px !important;
  color: #f78502 !important;
  margin-top: 12px;
}
@media screen and (min-width: 1920px) {
  .warning-description {
    font-size: 16px !important;
    line-height: 24px !important;
  }
}

.error-description {
  font-family: "Geist", sans-serif !important;
  font-size: 11px !important;
  font-weight: 400 !important;
  line-height: 17px !important;
  color: #ec562d !important;
  margin-top: 12px;
}
@media screen and (min-width: 1920px) {
  .error-description {
    font-size: 16px !important;
    line-height: 24px !important;
  }
}

#user_switching_switch_on {
  background-color: white;
  padding: 2px 4px !important;
  border-radius: 8px;
}

.torn-modal-backdrop {
  z-index: 40;
}

.torn-modal-container {
  position: fixed;
  top: 33%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: none;
  z-index: 50;
  background-color: white;
  box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
  border-radius: 24px;
  padding: 2.5rem 2rem;
  width: auto;
  max-width: 80vw;
  max-width: 80dvw;
  max-height: 90vh;
  max-height: 90dvh;
  overflow: auto;
}
@media screen and (min-width: 900px) {
  .torn-modal-container {
    top: 50%;
    padding: 4rem 2rem;
  }
}
@media screen and (max-width: 600px) {
  .torn-modal-container {
    max-height: 95vh;
    max-width: 99vw;
    max-width: 99dvw;
  }
}
@media screen and (max-width: 600px) {
  .torn-modal-container.narrow {
    width: 100%;
  }
}
.torn-modal-container .modal-content .modal-body {
  margin-top: 2rem;
}
@media screen and (max-width: 768px) {
  .torn-modal-container .modal-content .modal-body {
    margin-top: 1em;
  }
}
.torn-modal-container .modal-content .modal-body button,
.torn-modal-container .modal-content .modal-body a.button {
  width: auto;
  margin-top: 2rem;
}
@media screen and (max-width: 768px) {
  .torn-modal-container .modal-content .modal-body button,
  .torn-modal-container .modal-content .modal-body a.button {
    margin-top: 1em;
  }
}
.torn-modal-container.medium {
  padding: 32px;
  width: 755px;
}
.torn-modal-container label {
  text-align: left;
  font-size: 17px;
  font-weight: 700;
}
@media screen and (min-width: 900px) {
  .torn-modal-container label {
    margin-bottom: 12px;
  }
}
.torn-modal-container td {
  padding: 0;
}
.torn-modal-container input[type=password],
.torn-modal-container input[type=number],
.torn-modal-container input[type=tel],
.torn-modal-container input[type=text],
.torn-modal-container input[type=email],
.torn-modal-container button {
  width: 100%;
}
@media screen and (min-width: 900px) {
  .torn-modal-container input[type=password],
  .torn-modal-container input[type=number],
  .torn-modal-container input[type=tel],
  .torn-modal-container input[type=text],
  .torn-modal-container input[type=email],
  .torn-modal-container button {
    margin-bottom: 24px;
  }
}
.torn-modal-container button {
  justify-content: center;
}
.torn-modal-container button.close {
  position: absolute;
  text-indent: -9999px;
  border: none;
  background-color: transparent;
  right: 1.875rem;
  top: 1.875rem;
  height: 2.5rem;
  width: 2.5rem;
  background-size: 1.25rem;
}
.torn-modal-container .modal-headline {
  font-family: "Sharp Grotesk", sans-serif;
  font-size: 18px;
  line-height: 30px;
  font-weight: 400;
  color: #1a0c0c;
  margin: 0;
  padding-right: 1.875rem;
}
@media screen and (min-width: 900px) {
  .torn-modal-container .modal-headline {
    padding-bottom: 16px;
  }
}
.torn-modal-container .separator {
  border-bottom: 1px solid #e4e1dc;
  text-align: center;
  margin-bottom: 2rem;
}
.torn-modal-container .separator .text {
  color: #727272;
  margin: 0 auto;
  background-color: white;
  padding: 0 13px;
  position: relative;
  top: 8px;
  font-size: 14px;
}

body.show-modal-backdrop .torn-modal-container {
  display: flex;
  flex-direction: column;
}

.torn-toaster-container {
  position: fixed;
  height: fit-content;
  bottom: -120px;
  width: 100%;
  z-index: 99;
  padding: 20px 80px 20px 20px;
  transition: bottom 500ms;
  background-color: rgba(0, 0, 0, 0);
}
.torn-toaster-container.active {
  bottom: 0px;
}
.torn-toaster-container .box {
  color: #1a0c0c;
  margin: 0 auto !important;
  height: fit-content;
  display: flex;
  align-items: center;
  max-width: 800px;
  border-radius: 12px;
  border: 1px solid #f0c450;
  padding: 16px 24px 16px 24px;
  box-shadow: rgba(0, 0, 0, 0.25) 0px 54px 55px, rgba(0, 0, 0, 0.12) 0px -12px 30px, rgba(0, 0, 0, 0.12) 0px 4px 6px, rgba(0, 0, 0, 0.17) 0px 12px 13px, rgba(0, 0, 0, 0.09) 0px -3px 5px;
}
@media only screen and (max-width: 480px) {
  .torn-toaster-container .box {
    flex-direction: column;
    align-items: flex-start;
    gap: 6px;
    padding: 12px;
  }
}
.torn-toaster-container .box.success {
  background-color: #e6f9ea;
  border-color: #1f9f3c;
}
.torn-toaster-container .box.error {
  background-color: #ffe4e2;
  border-color: #d02e24;
  white-space: normal;
}
.torn-toaster-container .box.warning {
  background-color: #fef9ee;
  border-color: #f0c450;
}
.torn-toaster-container .box.info {
  background-color: #e4f0ff;
  border-color: #3074c1;
}
.torn-toaster-container .box .content {
  flex: 1;
  font-size: 18px;
  line-height: 24px;
  font-weight: 500;
}
@media only screen and (max-width: 480px) {
  .torn-toaster-container .box .content {
    font-size: 16px;
    line-height: 20px;
  }
}
.torn-toaster-container .box .button {
  flex: 0 0 fit-content;
  border: 1px solid #1a0c0c;
  border-radius: 50px;
  padding: 8px 12px;
  font-size: 14px;
  font-weight: 700;
  line-height: 14px;
}

#content {
  height: auto;
}

html {
  scroll-behavior: smooth;
}

.simple-publish-view-container {
  display: flex;
  flex-direction: column;
  row-gap: 1rem;
}
.simple-publish-view-container #simple-publish-view-form,
.simple-publish-view-container #simple-publish-view-success,
.simple-publish-view-container #simple-publish-view-error {
  display: flex;
  row-gap: 5rem;
  flex-direction: column;
  justify-content: center;
  padding: 1rem;
}
.simple-publish-view-container #simple-publish-view-form {
  background-color: white;
}
.simple-publish-view-container #simple-publish-view-form .field {
  font-size: 16px !important;
}
.simple-publish-view-container #simple-publish-view-form .field label,
.simple-publish-view-container #simple-publish-view-form .field input,
.simple-publish-view-container #simple-publish-view-form .field p {
  font-size: 16px !important;
}
.simple-publish-view-container #simple-publish-view-form .product-fields {
  display: flex;
  flex-direction: column;
  row-gap: 1rem;
}
.simple-publish-view-container #simple-publish-view-success #simple-publish-view-success-header-container {
  display: flex;
  flex-direction: column;
  row-gap: 2rem;
}
.simple-publish-view-container #simple-publish-view-error {
  padding: 0 10%;
}
.simple-publish-view-container #simple-publish-view-error .simple-publish-view-header {
  display: flex;
  flex-direction: column;
  row-gap: 24px;
}
.simple-publish-view-container #simple-publish-view-error .simple-publish-view-header h2 {
  margin: 0;
}
.simple-publish-view-container #simple-publish-view-error .simple-publish-view-header #simple-publish-scanned-code {
  font-weight: lighter;
  font-size: 20px;
  margin: 0;
}
.simple-publish-view-container #simple-publish-view-error .simple-publish-view-header p {
  font-size: 16px;
  line-height: 24px;
  padding: 0 10%;
}
.simple-publish-view-container .simple-publish-view-header {
  text-align: center;
}
.simple-publish-view-container .simple-publish-view-header #simple-publish-view-icon {
  margin-bottom: 0;
}
.simple-publish-view-container .simple-publish-view-header #simple-publish-view-icon svg {
  height: 60px;
  width: 60px;
}
.simple-publish-view-container .simple-publish-view-header #simple-publish-view-icon.color-red svg {
  fill: #e24242;
}
.simple-publish-view-container .simple-publish-view-header #simple-publish-view-icon.color-green svg {
  fill: #1fb775;
}
.simple-publish-view-container .simple-publish-view-header #product-found-label {
  color: #25d68a;
  font-size: 14px;
  letter-spacing: 0.5px;
}
.simple-publish-view-container .simple-publish-view-header #gtin {
  margin-top: 4px;
  font-size: 14px;
  letter-spacing: 0.5px;
}
.simple-publish-view-container .simple-publish-view-header #divider {
  height: 1px;
  margin: 1rem 0 2rem 0;
  background-color: rgba(0, 0, 0, 0.2);
}
.simple-publish-view-container .simple-publish-view-header #product-title {
  font-size: 20px;
  font-weight: bold;
  line-height: 24px;
  font-family: "Sharp Grotesk", sans-serif;
}
.simple-publish-view-container .simple-publish-view-header.align-left {
  text-align: left;
}
.simple-publish-view-container .simple-publish-view-header h1 {
  font-size: 56px;
  font-weight: 500;
}
.simple-publish-view-container .simple-publish-view-header h1 svg {
  margin: 0;
}
.simple-publish-view-container .simple-publish-view-header h2 {
  font-size: 24px;
  font-weight: bold;
  line-height: 32px;
  letter-spacing: 0.1px;
}
.simple-publish-view-container .simple-publish-view-footer {
  display: flex;
  align-items: center;
  gap: 1rem;
}
.simple-publish-view-container .simple-publish-view-footer #navigate-button {
  font-weight: bold;
  text-decoration: underline;
}
.simple-publish-view-container .simple-publish-publised-product-card {
  border-radius: 24px;
  background-color: white;
  padding: 2rem 1rem;
  display: flex;
  flex-direction: column;
  row-gap: 1rem;
  font-size: 16px;
}
.simple-publish-view-container .simple-publish-publised-product-card #product-title {
  font-size: 18px;
  letter-spacing: 0.1px;
  line-height: 24px;
  font-family: "Sharp Grotesk", sans-serif;
}
.simple-publish-view-container .button-container {
  display: flex;
}
.simple-publish-view-container .button-container.button {
  width: 100%;
  margin-top: 2rem;
  text-align: center;
  justify-self: center;
}
.simple-publish-view-container .button-container #back-button {
  width: 40px;
  height: 40px;
  padding: 0;
  margin-bottom: 1rem;
  justify-content: center;
}
.simple-publish-view-container .button-container #back-button svg {
  height: 28px;
  width: 28px;
}
h1,
h1 *,
h2,
h2 *,
h3,
h3 * {
  font-family: "Sharp Grotesk", sans-serif;
  margin: 0 0 0.5407911001em;
}

* {
  font-family: "Geist", sans-serif;
}

/**
* Buttons: Bør flyttes til en egen fil med alt knapper.
* @see https://torn-team.atlassian.net/browse/TORN-1104
 */
button.disabled,
button:disabled,
input[type=button].disabled,
input[type=button]:disabled,
input[type=reset].disabled,
input[type=reset]:disabled,
input[type=submit].disabled,
input[type=submit]:disabled,
.button.disabled,
.button:disabled,
.wc-block-grid__products .wc-block-grid__product .wp-block-button__link.disabled,
.wc-block-grid__products .wc-block-grid__product .wp-block-button__link:disabled,
.added_to_cart.disabled,
.added_to_cart:disabled {
  opacity: 0.5 !important;
  cursor: not-allowed;
}

button,
input[type=button],
input[type=reset],
input[type=submit],
.button,
.wc-block-grid__products .wc-block-grid__product .wp-block-button__link,
.added_to_cart {
  cursor: pointer;
  text-shadow: none;
  -webkit-appearance: none;
  word-break: break-word;
}

body {
  background-color: #fbf9f3;
}
body.page-template-authentication {
  background-color: #fcfcfc;
}

a:focus,
button:focus,
.button.alt:focus,
input:focus,
textarea:focus,
input[type=button]:focus,
input[type=reset]:focus,
input[type=submit]:focus,
input[type=email]:focus,
input[type=tel]:focus,
input[type=number]:focus,
input[type=url]:focus,
input[type=password]:focus,
input[type=search]:focus {
  outline: none;
}

a,
a:visited {
  color: #1a0c0c;
}

.required label::after,
.required strong::after,
.required legend::after {
  content: " *";
  color: #ec562d;
}
.required .radio-field > label::after {
  content: "";
}

.widget .widget-title {
  font-size: 1em;
  font-weight: bold;
  color: #1a0c0c;
  border-bottom: none;
  margin-bottom: 0;
}

.widget_product_categories button {
  background-color: #f0c450;
  border-radius: 5px;
}
.widget_product_categories .submit-product-categories-wrapper {
  bottom: 10px;
}
.widget_product_categories.widget.woocommerce li .count {
  float: none;
}
.widget_product_categories .widget-title {
  position: relative;
  top: 80px;
}

.widget-area .widget_search input[type=search],
.widget-area .widget_product_search input[type=search] {
  border: 1px solid black;
  border-radius: 5px;
  padding: 0.7em 1.4em;
  background-color: #ffffff;
}
.widget-area .widget_search form::before,
.widget-area .widget_product_search form::before {
  left: unset;
  right: 1em;
}

.torn-product-category-search-form {
  position: relative;
  top: -40px;
}

.site-main {
  position: relative;
  display: flex;
  flex-flow: column;
}

.vendor-page .site-main {
  padding-top: 25px;
}

#colophon .storefront-handheld-footer-bar {
  display: none;
}

html,
body {
  height: 100%;
  line-height: 1;
  margin: 0;
  padding: 0;
  border: 0;
  vertical-align: baseline;
}

button,
input,
select,
textarea {
  font-size: 100%;
  margin: 0;
  line-height: 1.618;
  text-rendering: optimizeLegibility;
  font-weight: 400;
}

textarea {
  padding: 12px 16px;
  border-radius: 12px;
  width: 100%;
  margin-top: 12px;
  border: 1px solid #666666;
}

ol,
ul {
  overflow-wrap: break-word;
  padding: 0;
}

* {
  box-sizing: border-box;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
}

a {
  text-decoration: none;
}

.torn-hypertext {
  text-decoration: underline !important;
}

p {
  overflow-wrap: break-word;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
  display: block;
}

table {
  border-spacing: 0;
  width: 100%;
  margin: 0 0 1.41575em;
  border-collapse: separate;
}
table td,
table th {
  padding: 1em 1.41575em;
  text-align: left;
  vertical-align: top;
}

img {
  height: auto;
  max-width: 100%;
  display: block;
  border-radius: 3px;
}

/**
 * Theese should probably be placed in component files.
 */
input[type=checkbox],
input[type=radio] {
  min-height: 24px;
  min-width: 24px;
  width: 32px;
  height: 32px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  vertical-align: text-bottom !important;
  outline: 0;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  border: 1px solid #1a0c0c;
  background-color: white;
  flex-shrink: 0;
  cursor: pointer;
  background-size: 16px;
  margin-right: 6px;
}
input[type=checkbox]:checked, input[type=checkbox][checked=checked]:not(body.woocommerce-cart .gateway-selector ul li input[type=radio][checked=checked]),
input[type=radio]:checked,
input[type=radio][checked=checked]:not(body.woocommerce-cart .gateway-selector ul li input[type=radio][checked=checked]) {
  background-color: #1a0c0c !important;
}
input[type=checkbox]:hover,
input[type=radio]:hover {
  box-shadow: 0 0 0 1px #1a0c0c;
}

input[type=radio] {
  border-radius: 50px;
}

input[type=checkbox] {
  border-radius: 8px;
}

input[type=text],
input[type=password],
input[type=number],
input[type=email],
input[type=tel],
input[type=url],
select {
  border: 1px solid #666666;
  margin-top: 12px;
  border-radius: 12px;
  padding: 12px 16px;
  font-size: 18px;
  line-height: 24px;
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

input[type=text]:hover:not([disabled]),
input[type=password]:hover:not([disabled]),
input[type=number]:hover:not([disabled]),
input[type=email]:hover:not([disabled]),
input[type=tel]:hover:not([disabled]),
input[type=url]:hover:not([disabled]),
textarea:hover:not([disabled]),
select:hover:not([disabled]) {
  outline: 1px solid #0f0f0f;
}

input[type=text]:disabled,
input[type=password]:disabled,
input[type=number]:disabled,
input[type=email]:disabled,
input[type=tel]:disabled,
input[type=url]:disabled,
textarea:disabled,
select:disabled {
  outline: 1px solid #eeeeee;
}

input[type=text]:focus,
input[type=password]:focus,
input[type=number]:focus,
input[type=email]:focus,
input[type=tel]:focus,
input[type=url]:focus,
textarea:focus,
select:focus {
  outline-width: 2px;
}

label {
  display: block;
}

dd {
  margin: 0 0 1.618em;
}

dt {
  font-weight: 600;
}

.screen-reader-text {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  -webkit-clip-path: inset(50%);
  clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
  word-wrap: normal !important;
}

.description {
  font-family: "Geist", sans-serif !important;
  font-size: 11px !important;
  font-weight: 400 !important;
  line-height: 17px !important;
  color: #898280 !important;
  margin-top: 0.25rem;
  margin-bottom: 0;
}
@media screen and (min-width: 1920px) {
  .description {
    font-size: 16px !important;
    line-height: 24px !important;
  }
}

.warning-description {
  font-family: "Geist", sans-serif !important;
  font-size: 11px !important;
  font-weight: 400 !important;
  line-height: 17px !important;
  color: #f78502 !important;
  margin-top: 12px;
}
@media screen and (min-width: 1920px) {
  .warning-description {
    font-size: 16px !important;
    line-height: 24px !important;
  }
}

.error-description {
  font-family: "Geist", sans-serif !important;
  font-size: 11px !important;
  font-weight: 400 !important;
  line-height: 17px !important;
  color: #ec562d !important;
  margin-top: 12px;
}
@media screen and (min-width: 1920px) {
  .error-description {
    font-size: 16px !important;
    line-height: 24px !important;
  }
}

#user_switching_switch_on {
  background-color: white;
  padding: 2px 4px !important;
  border-radius: 8px;
}

.torn-modal-backdrop {
  z-index: 40;
}

.torn-modal-container {
  position: fixed;
  top: 33%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: none;
  z-index: 50;
  background-color: white;
  box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
  border-radius: 24px;
  padding: 2.5rem 2rem;
  width: auto;
  max-width: 80vw;
  max-width: 80dvw;
  max-height: 90vh;
  max-height: 90dvh;
  overflow: auto;
}
@media screen and (min-width: 900px) {
  .torn-modal-container {
    top: 50%;
    padding: 4rem 2rem;
  }
}
@media screen and (max-width: 600px) {
  .torn-modal-container {
    max-height: 95vh;
    max-width: 99vw;
    max-width: 99dvw;
  }
}
@media screen and (max-width: 600px) {
  .torn-modal-container.narrow {
    width: 100%;
  }
}
.torn-modal-container .modal-content .modal-body {
  margin-top: 2rem;
}
@media screen and (max-width: 768px) {
  .torn-modal-container .modal-content .modal-body {
    margin-top: 1em;
  }
}
.torn-modal-container .modal-content .modal-body button,
.torn-modal-container .modal-content .modal-body a.button {
  width: auto;
  margin-top: 2rem;
}
@media screen and (max-width: 768px) {
  .torn-modal-container .modal-content .modal-body button,
  .torn-modal-container .modal-content .modal-body a.button {
    margin-top: 1em;
  }
}
.torn-modal-container.medium {
  padding: 32px;
  width: 755px;
}
.torn-modal-container label {
  text-align: left;
  font-size: 17px;
  font-weight: 700;
}
@media screen and (min-width: 900px) {
  .torn-modal-container label {
    margin-bottom: 12px;
  }
}
.torn-modal-container td {
  padding: 0;
}
.torn-modal-container input[type=password],
.torn-modal-container input[type=number],
.torn-modal-container input[type=tel],
.torn-modal-container input[type=text],
.torn-modal-container input[type=email],
.torn-modal-container button {
  width: 100%;
}
@media screen and (min-width: 900px) {
  .torn-modal-container input[type=password],
  .torn-modal-container input[type=number],
  .torn-modal-container input[type=tel],
  .torn-modal-container input[type=text],
  .torn-modal-container input[type=email],
  .torn-modal-container button {
    margin-bottom: 24px;
  }
}
.torn-modal-container button {
  justify-content: center;
}
.torn-modal-container button.close {
  position: absolute;
  text-indent: -9999px;
  border: none;
  background-color: transparent;
  right: 1.875rem;
  top: 1.875rem;
  height: 2.5rem;
  width: 2.5rem;
  background-size: 1.25rem;
}
.torn-modal-container .modal-headline {
  font-family: "Sharp Grotesk", sans-serif;
  font-size: 18px;
  line-height: 30px;
  font-weight: 400;
  color: #1a0c0c;
  margin: 0;
  padding-right: 1.875rem;
}
@media screen and (min-width: 900px) {
  .torn-modal-container .modal-headline {
    padding-bottom: 16px;
  }
}
.torn-modal-container .separator {
  border-bottom: 1px solid #e4e1dc;
  text-align: center;
  margin-bottom: 2rem;
}
.torn-modal-container .separator .text {
  color: #727272;
  margin: 0 auto;
  background-color: white;
  padding: 0 13px;
  position: relative;
  top: 8px;
  font-size: 14px;
}

body.show-modal-backdrop .torn-modal-container {
  display: flex;
  flex-direction: column;
}

.torn-toaster-container {
  position: fixed;
  height: fit-content;
  bottom: -120px;
  width: 100%;
  z-index: 99;
  padding: 20px 80px 20px 20px;
  transition: bottom 500ms;
  background-color: rgba(0, 0, 0, 0);
}
.torn-toaster-container.active {
  bottom: 0px;
}
.torn-toaster-container .box {
  color: #1a0c0c;
  margin: 0 auto !important;
  height: fit-content;
  display: flex;
  align-items: center;
  max-width: 800px;
  border-radius: 12px;
  border: 1px solid #f0c450;
  padding: 16px 24px 16px 24px;
  box-shadow: rgba(0, 0, 0, 0.25) 0px 54px 55px, rgba(0, 0, 0, 0.12) 0px -12px 30px, rgba(0, 0, 0, 0.12) 0px 4px 6px, rgba(0, 0, 0, 0.17) 0px 12px 13px, rgba(0, 0, 0, 0.09) 0px -3px 5px;
}
@media only screen and (max-width: 480px) {
  .torn-toaster-container .box {
    flex-direction: column;
    align-items: flex-start;
    gap: 6px;
    padding: 12px;
  }
}
.torn-toaster-container .box.success {
  background-color: #e6f9ea;
  border-color: #1f9f3c;
}
.torn-toaster-container .box.error {
  background-color: #ffe4e2;
  border-color: #d02e24;
  white-space: normal;
}
.torn-toaster-container .box.warning {
  background-color: #fef9ee;
  border-color: #f0c450;
}
.torn-toaster-container .box.info {
  background-color: #e4f0ff;
  border-color: #3074c1;
}
.torn-toaster-container .box .content {
  flex: 1;
  font-size: 18px;
  line-height: 24px;
  font-weight: 500;
}
@media only screen and (max-width: 480px) {
  .torn-toaster-container .box .content {
    font-size: 16px;
    line-height: 20px;
  }
}
.torn-toaster-container .box .button {
  flex: 0 0 fit-content;
  border: 1px solid #1a0c0c;
  border-radius: 50px;
  padding: 8px 12px;
  font-size: 14px;
  font-weight: 700;
  line-height: 14px;
}

#content {
  height: auto;
}

html {
  scroll-behavior: smooth;
}

.edit-product-page-container {
  display: flex;
  flex-direction: column;
  row-gap: 48px;
}
.edit-product-page-container h1 {
  font-size: 30px;
  font-weight: 500;
  line-height: 32px;
}
.edit-product-page-container h2 {
  font-size: 24px;
  font-weight: 500;
  line-height: 36px;
}
@media only screen and (min-width: 1300px) {
  .edit-product-page-container {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
  }
  .edit-product-page-container .product-form-container {
    margin-top: 32px;
    grid-column: span 2/span 2;
    width: 90%;
  }
  .edit-product-page-container .preview-container {
    grid-column: span 2/span 2;
    grid-column-start: 3;
  }
}
@media only screen and (min-width: 1600px) {
  .edit-product-page-container {
    column-gap: 108px;
  }
  .edit-product-page-container .product-form-container {
    width: fit-content;
  }
}
h1,
h1 *,
h2,
h2 *,
h3,
h3 * {
  font-family: "Sharp Grotesk", sans-serif;
  margin: 0 0 0.5407911001em;
}

* {
  font-family: "Geist", sans-serif;
}

/**
* Buttons: Bør flyttes til en egen fil med alt knapper.
* @see https://torn-team.atlassian.net/browse/TORN-1104
 */
button.disabled,
button:disabled,
input[type=button].disabled,
input[type=button]:disabled,
input[type=reset].disabled,
input[type=reset]:disabled,
input[type=submit].disabled,
input[type=submit]:disabled,
.button.disabled,
.button:disabled,
.wc-block-grid__products .wc-block-grid__product .wp-block-button__link.disabled,
.wc-block-grid__products .wc-block-grid__product .wp-block-button__link:disabled,
.added_to_cart.disabled,
.added_to_cart:disabled {
  opacity: 0.5 !important;
  cursor: not-allowed;
}

button,
input[type=button],
input[type=reset],
input[type=submit],
.button,
.wc-block-grid__products .wc-block-grid__product .wp-block-button__link,
.added_to_cart {
  cursor: pointer;
  text-shadow: none;
  -webkit-appearance: none;
  word-break: break-word;
}

body {
  background-color: #fbf9f3;
}
body.page-template-authentication {
  background-color: #fcfcfc;
}

a:focus,
button:focus,
.button.alt:focus,
input:focus,
textarea:focus,
input[type=button]:focus,
input[type=reset]:focus,
input[type=submit]:focus,
input[type=email]:focus,
input[type=tel]:focus,
input[type=number]:focus,
input[type=url]:focus,
input[type=password]:focus,
input[type=search]:focus {
  outline: none;
}

a,
a:visited {
  color: #1a0c0c;
}

.required label::after,
.required strong::after,
.required legend::after {
  content: " *";
  color: #ec562d;
}
.required .radio-field > label::after {
  content: "";
}

.widget .widget-title {
  font-size: 1em;
  font-weight: bold;
  color: #1a0c0c;
  border-bottom: none;
  margin-bottom: 0;
}

.widget_product_categories button {
  background-color: #f0c450;
  border-radius: 5px;
}
.widget_product_categories .submit-product-categories-wrapper {
  bottom: 10px;
}
.widget_product_categories.widget.woocommerce li .count {
  float: none;
}
.widget_product_categories .widget-title {
  position: relative;
  top: 80px;
}

.widget-area .widget_search input[type=search],
.widget-area .widget_product_search input[type=search] {
  border: 1px solid black;
  border-radius: 5px;
  padding: 0.7em 1.4em;
  background-color: #ffffff;
}
.widget-area .widget_search form::before,
.widget-area .widget_product_search form::before {
  left: unset;
  right: 1em;
}

.torn-product-category-search-form {
  position: relative;
  top: -40px;
}

.site-main {
  position: relative;
  display: flex;
  flex-flow: column;
}

.vendor-page .site-main {
  padding-top: 25px;
}

#colophon .storefront-handheld-footer-bar {
  display: none;
}

html,
body {
  height: 100%;
  line-height: 1;
  margin: 0;
  padding: 0;
  border: 0;
  vertical-align: baseline;
}

button,
input,
select,
textarea {
  font-size: 100%;
  margin: 0;
  line-height: 1.618;
  text-rendering: optimizeLegibility;
  font-weight: 400;
}

textarea {
  padding: 12px 16px;
  border-radius: 12px;
  width: 100%;
  margin-top: 12px;
  border: 1px solid #666666;
}

ol,
ul {
  overflow-wrap: break-word;
  padding: 0;
}

* {
  box-sizing: border-box;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
}

a {
  text-decoration: none;
}

.torn-hypertext {
  text-decoration: underline !important;
}

p {
  overflow-wrap: break-word;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
  display: block;
}

table {
  border-spacing: 0;
  width: 100%;
  margin: 0 0 1.41575em;
  border-collapse: separate;
}
table td,
table th {
  padding: 1em 1.41575em;
  text-align: left;
  vertical-align: top;
}

img {
  height: auto;
  max-width: 100%;
  display: block;
  border-radius: 3px;
}

/**
 * Theese should probably be placed in component files.
 */
input[type=checkbox],
input[type=radio] {
  min-height: 24px;
  min-width: 24px;
  width: 32px;
  height: 32px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  vertical-align: text-bottom !important;
  outline: 0;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  border: 1px solid #1a0c0c;
  background-color: white;
  flex-shrink: 0;
  cursor: pointer;
  background-size: 16px;
  margin-right: 6px;
}
input[type=checkbox]:checked, input[type=checkbox][checked=checked]:not(body.woocommerce-cart .gateway-selector ul li input[type=radio][checked=checked]),
input[type=radio]:checked,
input[type=radio][checked=checked]:not(body.woocommerce-cart .gateway-selector ul li input[type=radio][checked=checked]) {
  background-color: #1a0c0c !important;
}
input[type=checkbox]:hover,
input[type=radio]:hover {
  box-shadow: 0 0 0 1px #1a0c0c;
}

input[type=radio] {
  border-radius: 50px;
}

input[type=checkbox] {
  border-radius: 8px;
}

input[type=text],
input[type=password],
input[type=number],
input[type=email],
input[type=tel],
input[type=url],
select {
  border: 1px solid #666666;
  margin-top: 12px;
  border-radius: 12px;
  padding: 12px 16px;
  font-size: 18px;
  line-height: 24px;
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

input[type=text]:hover:not([disabled]),
input[type=password]:hover:not([disabled]),
input[type=number]:hover:not([disabled]),
input[type=email]:hover:not([disabled]),
input[type=tel]:hover:not([disabled]),
input[type=url]:hover:not([disabled]),
textarea:hover:not([disabled]),
select:hover:not([disabled]) {
  outline: 1px solid #0f0f0f;
}

input[type=text]:disabled,
input[type=password]:disabled,
input[type=number]:disabled,
input[type=email]:disabled,
input[type=tel]:disabled,
input[type=url]:disabled,
textarea:disabled,
select:disabled {
  outline: 1px solid #eeeeee;
}

input[type=text]:focus,
input[type=password]:focus,
input[type=number]:focus,
input[type=email]:focus,
input[type=tel]:focus,
input[type=url]:focus,
textarea:focus,
select:focus {
  outline-width: 2px;
}

label {
  display: block;
}

dd {
  margin: 0 0 1.618em;
}

dt {
  font-weight: 600;
}

.screen-reader-text {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  -webkit-clip-path: inset(50%);
  clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
  word-wrap: normal !important;
}

.description {
  font-family: "Geist", sans-serif !important;
  font-size: 11px !important;
  font-weight: 400 !important;
  line-height: 17px !important;
  color: #898280 !important;
  margin-top: 0.25rem;
  margin-bottom: 0;
}
@media screen and (min-width: 1920px) {
  .description {
    font-size: 16px !important;
    line-height: 24px !important;
  }
}

.warning-description {
  font-family: "Geist", sans-serif !important;
  font-size: 11px !important;
  font-weight: 400 !important;
  line-height: 17px !important;
  color: #f78502 !important;
  margin-top: 12px;
}
@media screen and (min-width: 1920px) {
  .warning-description {
    font-size: 16px !important;
    line-height: 24px !important;
  }
}

.error-description {
  font-family: "Geist", sans-serif !important;
  font-size: 11px !important;
  font-weight: 400 !important;
  line-height: 17px !important;
  color: #ec562d !important;
  margin-top: 12px;
}
@media screen and (min-width: 1920px) {
  .error-description {
    font-size: 16px !important;
    line-height: 24px !important;
  }
}

#user_switching_switch_on {
  background-color: white;
  padding: 2px 4px !important;
  border-radius: 8px;
}

.torn-modal-backdrop {
  z-index: 40;
}

.torn-modal-container {
  position: fixed;
  top: 33%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: none;
  z-index: 50;
  background-color: white;
  box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
  border-radius: 24px;
  padding: 2.5rem 2rem;
  width: auto;
  max-width: 80vw;
  max-width: 80dvw;
  max-height: 90vh;
  max-height: 90dvh;
  overflow: auto;
}
@media screen and (min-width: 900px) {
  .torn-modal-container {
    top: 50%;
    padding: 4rem 2rem;
  }
}
@media screen and (max-width: 600px) {
  .torn-modal-container {
    max-height: 95vh;
    max-width: 99vw;
    max-width: 99dvw;
  }
}
@media screen and (max-width: 600px) {
  .torn-modal-container.narrow {
    width: 100%;
  }
}
.torn-modal-container .modal-content .modal-body {
  margin-top: 2rem;
}
@media screen and (max-width: 768px) {
  .torn-modal-container .modal-content .modal-body {
    margin-top: 1em;
  }
}
.torn-modal-container .modal-content .modal-body button,
.torn-modal-container .modal-content .modal-body a.button {
  width: auto;
  margin-top: 2rem;
}
@media screen and (max-width: 768px) {
  .torn-modal-container .modal-content .modal-body button,
  .torn-modal-container .modal-content .modal-body a.button {
    margin-top: 1em;
  }
}
.torn-modal-container.medium {
  padding: 32px;
  width: 755px;
}
.torn-modal-container label {
  text-align: left;
  font-size: 17px;
  font-weight: 700;
}
@media screen and (min-width: 900px) {
  .torn-modal-container label {
    margin-bottom: 12px;
  }
}
.torn-modal-container td {
  padding: 0;
}
.torn-modal-container input[type=password],
.torn-modal-container input[type=number],
.torn-modal-container input[type=tel],
.torn-modal-container input[type=text],
.torn-modal-container input[type=email],
.torn-modal-container button {
  width: 100%;
}
@media screen and (min-width: 900px) {
  .torn-modal-container input[type=password],
  .torn-modal-container input[type=number],
  .torn-modal-container input[type=tel],
  .torn-modal-container input[type=text],
  .torn-modal-container input[type=email],
  .torn-modal-container button {
    margin-bottom: 24px;
  }
}
.torn-modal-container button {
  justify-content: center;
}
.torn-modal-container button.close {
  position: absolute;
  text-indent: -9999px;
  border: none;
  background-color: transparent;
  right: 1.875rem;
  top: 1.875rem;
  height: 2.5rem;
  width: 2.5rem;
  background-size: 1.25rem;
}
.torn-modal-container .modal-headline {
  font-family: "Sharp Grotesk", sans-serif;
  font-size: 18px;
  line-height: 30px;
  font-weight: 400;
  color: #1a0c0c;
  margin: 0;
  padding-right: 1.875rem;
}
@media screen and (min-width: 900px) {
  .torn-modal-container .modal-headline {
    padding-bottom: 16px;
  }
}
.torn-modal-container .separator {
  border-bottom: 1px solid #e4e1dc;
  text-align: center;
  margin-bottom: 2rem;
}
.torn-modal-container .separator .text {
  color: #727272;
  margin: 0 auto;
  background-color: white;
  padding: 0 13px;
  position: relative;
  top: 8px;
  font-size: 14px;
}

body.show-modal-backdrop .torn-modal-container {
  display: flex;
  flex-direction: column;
}

.torn-toaster-container {
  position: fixed;
  height: fit-content;
  bottom: -120px;
  width: 100%;
  z-index: 99;
  padding: 20px 80px 20px 20px;
  transition: bottom 500ms;
  background-color: rgba(0, 0, 0, 0);
}
.torn-toaster-container.active {
  bottom: 0px;
}
.torn-toaster-container .box {
  color: #1a0c0c;
  margin: 0 auto !important;
  height: fit-content;
  display: flex;
  align-items: center;
  max-width: 800px;
  border-radius: 12px;
  border: 1px solid #f0c450;
  padding: 16px 24px 16px 24px;
  box-shadow: rgba(0, 0, 0, 0.25) 0px 54px 55px, rgba(0, 0, 0, 0.12) 0px -12px 30px, rgba(0, 0, 0, 0.12) 0px 4px 6px, rgba(0, 0, 0, 0.17) 0px 12px 13px, rgba(0, 0, 0, 0.09) 0px -3px 5px;
}
@media only screen and (max-width: 480px) {
  .torn-toaster-container .box {
    flex-direction: column;
    align-items: flex-start;
    gap: 6px;
    padding: 12px;
  }
}
.torn-toaster-container .box.success {
  background-color: #e6f9ea;
  border-color: #1f9f3c;
}
.torn-toaster-container .box.error {
  background-color: #ffe4e2;
  border-color: #d02e24;
  white-space: normal;
}
.torn-toaster-container .box.warning {
  background-color: #fef9ee;
  border-color: #f0c450;
}
.torn-toaster-container .box.info {
  background-color: #e4f0ff;
  border-color: #3074c1;
}
.torn-toaster-container .box .content {
  flex: 1;
  font-size: 18px;
  line-height: 24px;
  font-weight: 500;
}
@media only screen and (max-width: 480px) {
  .torn-toaster-container .box .content {
    font-size: 16px;
    line-height: 20px;
  }
}
.torn-toaster-container .box .button {
  flex: 0 0 fit-content;
  border: 1px solid #1a0c0c;
  border-radius: 50px;
  padding: 8px 12px;
  font-size: 14px;
  font-weight: 700;
  line-height: 14px;
}

#content {
  height: auto;
}

html {
  scroll-behavior: smooth;
}

.preview-container-content {
  word-break: break-word;
  display: grid;
  grid-column: span 2/span 2;
  grid-template-columns: repeat(4, 1fr);
  column-gap: 32px;
  row-gap: 32px;
  position: sticky;
  top: 16px;
}
@media screen and (max-width: 1300px) {
  .preview-container-content {
    grid-template-columns: 1fr;
  }
}
.preview-container-content .submit-form {
  width: 100%;
}
@media only screen and (min-width: 1300px) {
  .preview-container-content .submit-form {
    display: none;
  }
}
.preview-container-content .submit-form .section-heading {
  align-items: center;
  column-gap: 12px;
  display: flex;
}
.preview-container-content .submit-form .section-heading h2 {
  margin-bottom: 0;
}
.preview-container-content .submit-form #unpublish {
  text-decoration: underline;
  color: #e24242;
  margin-top: 64px;
  font-weight: 700;
  font-size: 18px;
  line-height: 24px;
}
.preview-container-content .submit-form .submit-buttons-container {
  width: 100%;
  flex-wrap: wrap;
  gap: 16px;
  margin-top: 2rem;
  display: flex;
}
.preview-container-content .contact {
  grid-column: span 2/span 2;
}
.preview-container-content .preview {
  word-break: break-word;
  grid-column: span 2/span 2;
}
.preview-container-content .preview > .box {
  padding: 24px;
  display: flex;
  flex-direction: column;
}
.preview-container-content .preview > .box .preview-header {
  position: relative;
  padding-bottom: 20px;
}
.preview-container-content .preview > .box .preview-header .rebate-badge {
  position: absolute;
  padding: 8px 12px;
  background-color: black;
  color: white;
  border-radius: 100px;
  font-size: 13px;
  font-weight: 700;
}
.preview-container-content .preview > .box .preview-header #heart-icon {
  display: block;
  position: absolute;
  right: 0;
  height: 32px;
  width: 32px;
  cursor: pointer;
}
.preview-container-content .preview > .box .preview-header #heart-icon svg {
  height: 100%;
  width: 100%;
  fill: #25d68a;
}
.preview-container-content .preview > .box .preview-image-gallery {
  height: fit-content;
}
.preview-container-content .preview > .box .preview-image-gallery .cover-image img {
  height: 176px;
  width: 100%;
  border-radius: 12px;
  object-fit: contain;
}
.preview-container-content .preview > .box .preview-image-gallery .gallery {
  height: fit-content;
  margin-top: 20px;
  margin-bottom: 12px;
  display: flex;
  flex-wrap: wrap;
  column-gap: 12px;
  row-gap: 10px;
}
.preview-container-content .preview > .box .preview-image-gallery .gallery img {
  border-radius: 50%;
  object-fit: contain;
  width: 56px;
  height: 56px;
  outline: 2px solid #eeeeee;
}
.preview-container-content .preview > .box .preview-image-gallery .gallery img:hover {
  outline: 2px solid #25d68a;
  border: none;
  cursor: pointer;
}
.preview-container-content .preview > .box .preview-image-gallery .gallery .chosen {
  border: none;
  outline: 2px solid #25d68a;
}
.preview-container-content .preview > .box .preview-product .highlight-yellow {
  background-color: yellow;
}
.preview-container-content .preview > .box .preview-product #preview-product-brand {
  margin: 0;
  font-family: "Geist", sans-serif;
  font-weight: 400;
  font-size: 13px;
  line-height: 17.5px;
  text-transform: uppercase;
}
@media screen and (min-width: 1600px) {
  .preview-container-content .preview > .box .preview-product #preview-product-brand {
    font-size: 16px;
  }
}
.preview-container-content .preview > .box .preview-product #preview-product-title {
  margin: 0 auto;
  font-weight: 500;
  font-size: 22px;
  line-height: 32px;
}
@media screen and (min-width: 1600px) {
  .preview-container-content .preview > .box .preview-product #preview-product-title {
    font-size: 20px;
  }
}
.preview-container-content .preview > .box .preview-product #preview-product-subtitle {
  text-transform: capitalize;
  margin: 0 auto;
  font-weight: 400;
  font-size: 13px;
  line-height: 17.5px;
}
@media screen and (min-width: 1600px) {
  .preview-container-content .preview > .box .preview-product #preview-product-subtitle {
    font-size: 16px;
  }
}
.preview-container-content .preview > .box .preview-product #preview-product-shortdescription {
  font-weight: normal !important;
}
.preview-container-content .preview > .box .preview-product .superprice-badge {
  padding: 0.3rem 0.7rem;
  font-size: 10px;
  font-weight: 700;
  line-height: 16px;
  letter-spacing: -0.33%;
  color: #fbf9f3;
  background-color: #1a0c0c;
  width: fit-content;
  border-radius: 100px;
  margin-bottom: 0.5rem;
}
@media screen and (min-width: 1440px) {
  .preview-container-content .preview > .box .preview-product .superprice-badge {
    font-size: 12px;
    margin-bottom: 1rem;
  }
}
.preview-container-content .preview > .box .preview-product #preview-product-store {
  margin-top: 0.3rem;
  margin-bottom: 0;
  padding: 6px 0;
  display: block;
  color: #1fb775;
  font-weight: 700;
  font-size: 13px;
}
@media screen and (min-width: 1600px) {
  .preview-container-content .preview > .box .preview-product #preview-product-store {
    font-size: 14px;
  }
}
.preview-container-content .preview > .box .preview-product #preview-product-stock {
  font-size: 13px;
  margin-top: 4px;
  margin-bottom: 0.5rem;
}
@media screen and (min-width: 1600px) {
  .preview-container-content .preview > .box .preview-product #preview-product-stock {
    font-size: 14px;
  }
}
@media screen and (min-width: 1440px) {
  .preview-container-content .preview > .box .preview-product #preview-product-stock {
    margin-bottom: 1rem;
  }
}
.preview-container-content .preview > .box .preview-product .product-price-cart-container .product-price-m2-container {
  margin: 4px 0 6px 0;
}
.preview-container-content .preview > .box .preview-product .product-price-cart-container .product-price-m2-container #product-price-m2 {
  font-size: 24px;
  font-weight: bold;
  color: #1fb775;
}
.preview-container-content .preview > .box .preview-product .product-price-cart-container .product-price-cart {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.preview-container-content .preview > .box .preview-product .product-price-cart-container #old-price {
  text-decoration: line-through;
  font-size: 10px;
  color: #898280;
}
@media screen and (min-width: 1600px) {
  .preview-container-content .preview > .box .preview-product .product-price-cart-container #old-price {
    font-size: 14px;
  }
}
.preview-container-content .preview > .box .preview-product .product-price-cart-container .product-price #new-price {
  font-size: 15px;
  font-weight: 700;
  line-height: 125%;
}
@media screen and (min-width: 500px) {
  .preview-container-content .preview > .box .preview-product .product-price-cart-container .product-price #new-price {
    font-size: 17px;
  }
}
@media screen and (min-width: 1600px) {
  .preview-container-content .preview > .box .preview-product .product-price-cart-container .product-price #new-price {
    font-size: 19px;
  }
}
.preview-container-content .preview > .box .preview-product .product-price-cart-container .product-price #unit {
  font-size: 10px;
  color: #898280;
  align-self: flex-end;
  margin-left: 0.2rem;
  line-height: 18px;
  min-height: 18px;
  overflow: hidden;
}
@media screen and (min-width: 1600px) {
  .preview-container-content .preview > .box .preview-product .product-price-cart-container .product-price #unit {
    font-size: 14px;
  }
}
.preview-container-content .preview > .box .preview-product .product-price-cart-container #add-to-cart {
  font-size: 15px;
  line-height: 24px;
  font-weight: normal;
  border-radius: 100px;
  color: #1a0c0c;
  border: 0;
  flex-direction: row;
  display: flex;
  align-items: center;
  text-align: center;
  white-space: nowrap;
  transition: background 0.2s ease-out, border 0.2s ease-out;
  font-size: 15px;
  line-height: 24px;
  font-weight: 700;
  line-height: 16px;
  padding: 8px 12px;
  gap: 8px;
  background-color: white;
  border-radius: 100px;
  border: 1px solid #25d68a;
  font-size: 11px;
  padding: 0.25rem 0.5rem;
  border-radius: 100px;
  margin: 0;
  cursor: pointer;
}
.preview-container-content .preview > .box .preview-product .product-price-cart-container #add-to-cart .icon {
  background-size: 14px;
  width: 14px;
  height: 14px;
}
.preview-container-content .preview > .box .preview-product .product-price-cart-container #add-to-cart:hover, .preview-container-content .preview > .box .preview-product .product-price-cart-container #add-to-cart:hover:enabled {
  background-color: #25d68a;
  color: #1a0c0c;
}
.preview-container-content .preview > .box .preview-product .product-price-cart-container #add-to-cart .icon {
  position: relative;
}
.preview-container-content .score-container {
  grid-column: span 2/span 2;
}
.preview-container-content .score-container .score-card {
  background-color: #ebe2eb;
  border-radius: 20px;
  height: fit-content;
  display: flex;
  flex-direction: column;
  padding: 24px;
}
.preview-container-content .score-container .score-card > .score {
  text-align: center;
}
.preview-container-content .score-container .score-card > .score label {
  font-size: 18px;
  line-height: 27px;
  font-weight: 700;
  margin-bottom: 8px;
}
.preview-container-content .score-container .score-card > .score span {
  font-size: 24px;
  line-height: 24px;
  font-weight: 500;
  color: rgb(150, 77, 213);
}
.preview-container-content .score-container .score-card > .score p {
  margin: 0 auto !important;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
}
.preview-container-content .score-container .score-card > .score-missing {
  margin-top: 32px;
  list-style-type: none;
}
.preview-container-content .score-container .score-card > .score-missing p {
  margin: 0 auto !important;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
}
.preview-container-content .score-container .score-card > .score-checklist {
  margin-top: 32px;
  list-style-type: none;
}
.preview-container-content .score-container .score-card > .score-checklist > .score-checklist-item {
  font-size: 14px;
  line-height: 27px;
  font-weight: 400;
  padding: 12px 0;
  border-top: 1px #ad88cd solid;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.preview-container-content .score-container .score-card > .score-checklist > .score-checklist-item > .crossed svg {
  fill: #e24242;
}
.preview-container-content .score-container .score-card > .score-checklist > .score-checklist-item > .checked svg {
  fill: #25d68a;
}
.preview-container-content .score-container .score-card > .score-checklist > .score-checklist-item > .exclaimed svg {
  fill: rgb(150, 77, 213);
}
h1,
h1 *,
h2,
h2 *,
h3,
h3 * {
  font-family: "Sharp Grotesk", sans-serif;
  margin: 0 0 0.5407911001em;
}

* {
  font-family: "Geist", sans-serif;
}

/**
* Buttons: Bør flyttes til en egen fil med alt knapper.
* @see https://torn-team.atlassian.net/browse/TORN-1104
 */
button.disabled,
button:disabled,
input[type=button].disabled,
input[type=button]:disabled,
input[type=reset].disabled,
input[type=reset]:disabled,
input[type=submit].disabled,
input[type=submit]:disabled,
.button.disabled,
.button:disabled,
.wc-block-grid__products .wc-block-grid__product .wp-block-button__link.disabled,
.wc-block-grid__products .wc-block-grid__product .wp-block-button__link:disabled,
.added_to_cart.disabled,
.added_to_cart:disabled {
  opacity: 0.5 !important;
  cursor: not-allowed;
}

button,
input[type=button],
input[type=reset],
input[type=submit],
.button,
.wc-block-grid__products .wc-block-grid__product .wp-block-button__link,
.added_to_cart {
  cursor: pointer;
  text-shadow: none;
  -webkit-appearance: none;
  word-break: break-word;
}

body {
  background-color: #fbf9f3;
}
body.page-template-authentication {
  background-color: #fcfcfc;
}

a:focus,
button:focus,
.button.alt:focus,
input:focus,
textarea:focus,
input[type=button]:focus,
input[type=reset]:focus,
input[type=submit]:focus,
input[type=email]:focus,
input[type=tel]:focus,
input[type=number]:focus,
input[type=url]:focus,
input[type=password]:focus,
input[type=search]:focus {
  outline: none;
}

a,
a:visited {
  color: #1a0c0c;
}

.required label::after,
.required strong::after,
.required legend::after {
  content: " *";
  color: #ec562d;
}
.required .radio-field > label::after {
  content: "";
}

.widget .widget-title {
  font-size: 1em;
  font-weight: bold;
  color: #1a0c0c;
  border-bottom: none;
  margin-bottom: 0;
}

.widget_product_categories button {
  background-color: #f0c450;
  border-radius: 5px;
}
.widget_product_categories .submit-product-categories-wrapper {
  bottom: 10px;
}
.widget_product_categories.widget.woocommerce li .count {
  float: none;
}
.widget_product_categories .widget-title {
  position: relative;
  top: 80px;
}

.widget-area .widget_search input[type=search],
.widget-area .widget_product_search input[type=search] {
  border: 1px solid black;
  border-radius: 5px;
  padding: 0.7em 1.4em;
  background-color: #ffffff;
}
.widget-area .widget_search form::before,
.widget-area .widget_product_search form::before {
  left: unset;
  right: 1em;
}

.torn-product-category-search-form {
  position: relative;
  top: -40px;
}

.site-main {
  position: relative;
  display: flex;
  flex-flow: column;
}

.vendor-page .site-main {
  padding-top: 25px;
}

#colophon .storefront-handheld-footer-bar {
  display: none;
}

html,
body {
  height: 100%;
  line-height: 1;
  margin: 0;
  padding: 0;
  border: 0;
  vertical-align: baseline;
}

button,
input,
select,
textarea {
  font-size: 100%;
  margin: 0;
  line-height: 1.618;
  text-rendering: optimizeLegibility;
  font-weight: 400;
}

textarea {
  padding: 12px 16px;
  border-radius: 12px;
  width: 100%;
  margin-top: 12px;
  border: 1px solid #666666;
}

ol,
ul {
  overflow-wrap: break-word;
  padding: 0;
}

* {
  box-sizing: border-box;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
}

a {
  text-decoration: none;
}

.torn-hypertext {
  text-decoration: underline !important;
}

p {
  overflow-wrap: break-word;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
  display: block;
}

table {
  border-spacing: 0;
  width: 100%;
  margin: 0 0 1.41575em;
  border-collapse: separate;
}
table td,
table th {
  padding: 1em 1.41575em;
  text-align: left;
  vertical-align: top;
}

img {
  height: auto;
  max-width: 100%;
  display: block;
  border-radius: 3px;
}

/**
 * Theese should probably be placed in component files.
 */
input[type=checkbox],
input[type=radio] {
  min-height: 24px;
  min-width: 24px;
  width: 32px;
  height: 32px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  vertical-align: text-bottom !important;
  outline: 0;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  border: 1px solid #1a0c0c;
  background-color: white;
  flex-shrink: 0;
  cursor: pointer;
  background-size: 16px;
  margin-right: 6px;
}
input[type=checkbox]:checked, input[type=checkbox][checked=checked]:not(body.woocommerce-cart .gateway-selector ul li input[type=radio][checked=checked]),
input[type=radio]:checked,
input[type=radio][checked=checked]:not(body.woocommerce-cart .gateway-selector ul li input[type=radio][checked=checked]) {
  background-color: #1a0c0c !important;
}
input[type=checkbox]:hover,
input[type=radio]:hover {
  box-shadow: 0 0 0 1px #1a0c0c;
}

input[type=radio] {
  border-radius: 50px;
}

input[type=checkbox] {
  border-radius: 8px;
}

input[type=text],
input[type=password],
input[type=number],
input[type=email],
input[type=tel],
input[type=url],
select {
  border: 1px solid #666666;
  margin-top: 12px;
  border-radius: 12px;
  padding: 12px 16px;
  font-size: 18px;
  line-height: 24px;
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

input[type=text]:hover:not([disabled]),
input[type=password]:hover:not([disabled]),
input[type=number]:hover:not([disabled]),
input[type=email]:hover:not([disabled]),
input[type=tel]:hover:not([disabled]),
input[type=url]:hover:not([disabled]),
textarea:hover:not([disabled]),
select:hover:not([disabled]) {
  outline: 1px solid #0f0f0f;
}

input[type=text]:disabled,
input[type=password]:disabled,
input[type=number]:disabled,
input[type=email]:disabled,
input[type=tel]:disabled,
input[type=url]:disabled,
textarea:disabled,
select:disabled {
  outline: 1px solid #eeeeee;
}

input[type=text]:focus,
input[type=password]:focus,
input[type=number]:focus,
input[type=email]:focus,
input[type=tel]:focus,
input[type=url]:focus,
textarea:focus,
select:focus {
  outline-width: 2px;
}

label {
  display: block;
}

dd {
  margin: 0 0 1.618em;
}

dt {
  font-weight: 600;
}

.screen-reader-text {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  -webkit-clip-path: inset(50%);
  clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
  word-wrap: normal !important;
}

.description {
  font-family: "Geist", sans-serif !important;
  font-size: 11px !important;
  font-weight: 400 !important;
  line-height: 17px !important;
  color: #898280 !important;
  margin-top: 0.25rem;
  margin-bottom: 0;
}
@media screen and (min-width: 1920px) {
  .description {
    font-size: 16px !important;
    line-height: 24px !important;
  }
}

.warning-description {
  font-family: "Geist", sans-serif !important;
  font-size: 11px !important;
  font-weight: 400 !important;
  line-height: 17px !important;
  color: #f78502 !important;
  margin-top: 12px;
}
@media screen and (min-width: 1920px) {
  .warning-description {
    font-size: 16px !important;
    line-height: 24px !important;
  }
}

.error-description {
  font-family: "Geist", sans-serif !important;
  font-size: 11px !important;
  font-weight: 400 !important;
  line-height: 17px !important;
  color: #ec562d !important;
  margin-top: 12px;
}
@media screen and (min-width: 1920px) {
  .error-description {
    font-size: 16px !important;
    line-height: 24px !important;
  }
}

#user_switching_switch_on {
  background-color: white;
  padding: 2px 4px !important;
  border-radius: 8px;
}

.torn-modal-backdrop {
  z-index: 40;
}

.torn-modal-container {
  position: fixed;
  top: 33%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: none;
  z-index: 50;
  background-color: white;
  box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
  border-radius: 24px;
  padding: 2.5rem 2rem;
  width: auto;
  max-width: 80vw;
  max-width: 80dvw;
  max-height: 90vh;
  max-height: 90dvh;
  overflow: auto;
}
@media screen and (min-width: 900px) {
  .torn-modal-container {
    top: 50%;
    padding: 4rem 2rem;
  }
}
@media screen and (max-width: 600px) {
  .torn-modal-container {
    max-height: 95vh;
    max-width: 99vw;
    max-width: 99dvw;
  }
}
@media screen and (max-width: 600px) {
  .torn-modal-container.narrow {
    width: 100%;
  }
}
.torn-modal-container .modal-content .modal-body {
  margin-top: 2rem;
}
@media screen and (max-width: 768px) {
  .torn-modal-container .modal-content .modal-body {
    margin-top: 1em;
  }
}
.torn-modal-container .modal-content .modal-body button,
.torn-modal-container .modal-content .modal-body a.button {
  width: auto;
  margin-top: 2rem;
}
@media screen and (max-width: 768px) {
  .torn-modal-container .modal-content .modal-body button,
  .torn-modal-container .modal-content .modal-body a.button {
    margin-top: 1em;
  }
}
.torn-modal-container.medium {
  padding: 32px;
  width: 755px;
}
.torn-modal-container label {
  text-align: left;
  font-size: 17px;
  font-weight: 700;
}
@media screen and (min-width: 900px) {
  .torn-modal-container label {
    margin-bottom: 12px;
  }
}
.torn-modal-container td {
  padding: 0;
}
.torn-modal-container input[type=password],
.torn-modal-container input[type=number],
.torn-modal-container input[type=tel],
.torn-modal-container input[type=text],
.torn-modal-container input[type=email],
.torn-modal-container button {
  width: 100%;
}
@media screen and (min-width: 900px) {
  .torn-modal-container input[type=password],
  .torn-modal-container input[type=number],
  .torn-modal-container input[type=tel],
  .torn-modal-container input[type=text],
  .torn-modal-container input[type=email],
  .torn-modal-container button {
    margin-bottom: 24px;
  }
}
.torn-modal-container button {
  justify-content: center;
}
.torn-modal-container button.close {
  position: absolute;
  text-indent: -9999px;
  border: none;
  background-color: transparent;
  right: 1.875rem;
  top: 1.875rem;
  height: 2.5rem;
  width: 2.5rem;
  background-size: 1.25rem;
}
.torn-modal-container .modal-headline {
  font-family: "Sharp Grotesk", sans-serif;
  font-size: 18px;
  line-height: 30px;
  font-weight: 400;
  color: #1a0c0c;
  margin: 0;
  padding-right: 1.875rem;
}
@media screen and (min-width: 900px) {
  .torn-modal-container .modal-headline {
    padding-bottom: 16px;
  }
}
.torn-modal-container .separator {
  border-bottom: 1px solid #e4e1dc;
  text-align: center;
  margin-bottom: 2rem;
}
.torn-modal-container .separator .text {
  color: #727272;
  margin: 0 auto;
  background-color: white;
  padding: 0 13px;
  position: relative;
  top: 8px;
  font-size: 14px;
}

body.show-modal-backdrop .torn-modal-container {
  display: flex;
  flex-direction: column;
}

.torn-toaster-container {
  position: fixed;
  height: fit-content;
  bottom: -120px;
  width: 100%;
  z-index: 99;
  padding: 20px 80px 20px 20px;
  transition: bottom 500ms;
  background-color: rgba(0, 0, 0, 0);
}
.torn-toaster-container.active {
  bottom: 0px;
}
.torn-toaster-container .box {
  color: #1a0c0c;
  margin: 0 auto !important;
  height: fit-content;
  display: flex;
  align-items: center;
  max-width: 800px;
  border-radius: 12px;
  border: 1px solid #f0c450;
  padding: 16px 24px 16px 24px;
  box-shadow: rgba(0, 0, 0, 0.25) 0px 54px 55px, rgba(0, 0, 0, 0.12) 0px -12px 30px, rgba(0, 0, 0, 0.12) 0px 4px 6px, rgba(0, 0, 0, 0.17) 0px 12px 13px, rgba(0, 0, 0, 0.09) 0px -3px 5px;
}
@media only screen and (max-width: 480px) {
  .torn-toaster-container .box {
    flex-direction: column;
    align-items: flex-start;
    gap: 6px;
    padding: 12px;
  }
}
.torn-toaster-container .box.success {
  background-color: #e6f9ea;
  border-color: #1f9f3c;
}
.torn-toaster-container .box.error {
  background-color: #ffe4e2;
  border-color: #d02e24;
  white-space: normal;
}
.torn-toaster-container .box.warning {
  background-color: #fef9ee;
  border-color: #f0c450;
}
.torn-toaster-container .box.info {
  background-color: #e4f0ff;
  border-color: #3074c1;
}
.torn-toaster-container .box .content {
  flex: 1;
  font-size: 18px;
  line-height: 24px;
  font-weight: 500;
}
@media only screen and (max-width: 480px) {
  .torn-toaster-container .box .content {
    font-size: 16px;
    line-height: 20px;
  }
}
.torn-toaster-container .box .button {
  flex: 0 0 fit-content;
  border: 1px solid #1a0c0c;
  border-radius: 50px;
  padding: 8px 12px;
  font-size: 14px;
  font-weight: 700;
  line-height: 14px;
}

#content {
  height: auto;
}

html {
  scroll-behavior: smooth;
}

.product-form {
  padding-right: 20px;
  padding-left: 20px;
}
.product-form h2 {
  margin-top: 0;
  margin-bottom: 0;
}
.product-form .section-heading {
  display: flex;
  align-items: center;
  column-gap: 12px;
  margin-top: 4rem;
}
.product-form form {
  width: 100%;
}
@media only screen and (min-width: 1300px) {
  .product-form {
    padding: 48px 56px 48px 16px;
  }
}
.product-form .submit-form {
  margin-top: 2rem;
}
@media only screen and (max-width: 1300px) {
  .product-form .submit-form {
    display: none;
  }
}
.product-form .submit-form #unpublish {
  text-decoration: underline;
  color: #e24242;
  margin-top: 64px;
  font-weight: 700;
  font-size: 18px;
  line-height: 24px;
}
.product-form .submit-form .submit-buttons-container {
  margin-top: 2rem;
  display: flex;
  flex-wrap: wrap;
  column-gap: 16px;
  row-gap: 16px;
  width: 100%;
}
@media only screen and (max-width: 1028px) {
  .product-form .submit-form .submit-buttons-container {
    flex-direction: column;
    row-gap: 32px;
  }
}
@media only screen and (min-width: 1300px) {
  .product-form .submit-form .submit-buttons-container button {
    padding: 10px 12px;
  }
}
@media only screen and (min-width: 1600px) {
  .product-form .submit-form .submit-buttons-container {
    column-gap: 32px;
  }
  .product-form .submit-form .submit-buttons-container button {
    padding: 12px 24px;
  }
}

.unpublish-form {
  padding: 60px 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  row-gap: 32px;
}
.unpublish-form h2 {
  width: 60%;
  text-align: center;
  line-height: 150%;
}
.unpublish-form div {
  display: flex;
  column-gap: 24px;
}
.unpublish-form div #unpublish-confirm {
  color: #e24242;
  border-color: #e24242;
}
h1,
h1 *,
h2,
h2 *,
h3,
h3 * {
  font-family: "Sharp Grotesk", sans-serif;
  margin: 0 0 0.5407911001em;
}

* {
  font-family: "Geist", sans-serif;
}

/**
* Buttons: Bør flyttes til en egen fil med alt knapper.
* @see https://torn-team.atlassian.net/browse/TORN-1104
 */
button.disabled,
button:disabled,
input[type=button].disabled,
input[type=button]:disabled,
input[type=reset].disabled,
input[type=reset]:disabled,
input[type=submit].disabled,
input[type=submit]:disabled,
.button.disabled,
.button:disabled,
.wc-block-grid__products .wc-block-grid__product .wp-block-button__link.disabled,
.wc-block-grid__products .wc-block-grid__product .wp-block-button__link:disabled,
.added_to_cart.disabled,
.added_to_cart:disabled {
  opacity: 0.5 !important;
  cursor: not-allowed;
}

button,
input[type=button],
input[type=reset],
input[type=submit],
.button,
.wc-block-grid__products .wc-block-grid__product .wp-block-button__link,
.added_to_cart {
  cursor: pointer;
  text-shadow: none;
  -webkit-appearance: none;
  word-break: break-word;
}

body {
  background-color: #fbf9f3;
}
body.page-template-authentication {
  background-color: #fcfcfc;
}

a:focus,
button:focus,
.button.alt:focus,
input:focus,
textarea:focus,
input[type=button]:focus,
input[type=reset]:focus,
input[type=submit]:focus,
input[type=email]:focus,
input[type=tel]:focus,
input[type=number]:focus,
input[type=url]:focus,
input[type=password]:focus,
input[type=search]:focus {
  outline: none;
}

a,
a:visited {
  color: #1a0c0c;
}

.required label::after,
.required strong::after,
.required legend::after {
  content: " *";
  color: #ec562d;
}
.required .radio-field > label::after {
  content: "";
}

.widget .widget-title {
  font-size: 1em;
  font-weight: bold;
  color: #1a0c0c;
  border-bottom: none;
  margin-bottom: 0;
}

.widget_product_categories button {
  background-color: #f0c450;
  border-radius: 5px;
}
.widget_product_categories .submit-product-categories-wrapper {
  bottom: 10px;
}
.widget_product_categories.widget.woocommerce li .count {
  float: none;
}
.widget_product_categories .widget-title {
  position: relative;
  top: 80px;
}

.widget-area .widget_search input[type=search],
.widget-area .widget_product_search input[type=search] {
  border: 1px solid black;
  border-radius: 5px;
  padding: 0.7em 1.4em;
  background-color: #ffffff;
}
.widget-area .widget_search form::before,
.widget-area .widget_product_search form::before {
  left: unset;
  right: 1em;
}

.torn-product-category-search-form {
  position: relative;
  top: -40px;
}

.site-main {
  position: relative;
  display: flex;
  flex-flow: column;
}

.vendor-page .site-main {
  padding-top: 25px;
}

#colophon .storefront-handheld-footer-bar {
  display: none;
}

html,
body {
  height: 100%;
  line-height: 1;
  margin: 0;
  padding: 0;
  border: 0;
  vertical-align: baseline;
}

button,
input,
select,
textarea {
  font-size: 100%;
  margin: 0;
  line-height: 1.618;
  text-rendering: optimizeLegibility;
  font-weight: 400;
}

textarea {
  padding: 12px 16px;
  border-radius: 12px;
  width: 100%;
  margin-top: 12px;
  border: 1px solid #666666;
}

ol,
ul {
  overflow-wrap: break-word;
  padding: 0;
}

* {
  box-sizing: border-box;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
}

a {
  text-decoration: none;
}

.torn-hypertext {
  text-decoration: underline !important;
}

p {
  overflow-wrap: break-word;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
  display: block;
}

table {
  border-spacing: 0;
  width: 100%;
  margin: 0 0 1.41575em;
  border-collapse: separate;
}
table td,
table th {
  padding: 1em 1.41575em;
  text-align: left;
  vertical-align: top;
}

img {
  height: auto;
  max-width: 100%;
  display: block;
  border-radius: 3px;
}

/**
 * Theese should probably be placed in component files.
 */
input[type=checkbox],
input[type=radio] {
  min-height: 24px;
  min-width: 24px;
  width: 32px;
  height: 32px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  vertical-align: text-bottom !important;
  outline: 0;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  border: 1px solid #1a0c0c;
  background-color: white;
  flex-shrink: 0;
  cursor: pointer;
  background-size: 16px;
  margin-right: 6px;
}
input[type=checkbox]:checked, input[type=checkbox][checked=checked]:not(body.woocommerce-cart .gateway-selector ul li input[type=radio][checked=checked]),
input[type=radio]:checked,
input[type=radio][checked=checked]:not(body.woocommerce-cart .gateway-selector ul li input[type=radio][checked=checked]) {
  background-color: #1a0c0c !important;
}
input[type=checkbox]:hover,
input[type=radio]:hover {
  box-shadow: 0 0 0 1px #1a0c0c;
}

input[type=radio] {
  border-radius: 50px;
}

input[type=checkbox] {
  border-radius: 8px;
}

input[type=text],
input[type=password],
input[type=number],
input[type=email],
input[type=tel],
input[type=url],
select {
  border: 1px solid #666666;
  margin-top: 12px;
  border-radius: 12px;
  padding: 12px 16px;
  font-size: 18px;
  line-height: 24px;
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

input[type=text]:hover:not([disabled]),
input[type=password]:hover:not([disabled]),
input[type=number]:hover:not([disabled]),
input[type=email]:hover:not([disabled]),
input[type=tel]:hover:not([disabled]),
input[type=url]:hover:not([disabled]),
textarea:hover:not([disabled]),
select:hover:not([disabled]) {
  outline: 1px solid #0f0f0f;
}

input[type=text]:disabled,
input[type=password]:disabled,
input[type=number]:disabled,
input[type=email]:disabled,
input[type=tel]:disabled,
input[type=url]:disabled,
textarea:disabled,
select:disabled {
  outline: 1px solid #eeeeee;
}

input[type=text]:focus,
input[type=password]:focus,
input[type=number]:focus,
input[type=email]:focus,
input[type=tel]:focus,
input[type=url]:focus,
textarea:focus,
select:focus {
  outline-width: 2px;
}

label {
  display: block;
}

dd {
  margin: 0 0 1.618em;
}

dt {
  font-weight: 600;
}

.screen-reader-text {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  -webkit-clip-path: inset(50%);
  clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
  word-wrap: normal !important;
}

.description {
  font-family: "Geist", sans-serif !important;
  font-size: 11px !important;
  font-weight: 400 !important;
  line-height: 17px !important;
  color: #898280 !important;
  margin-top: 0.25rem;
  margin-bottom: 0;
}
@media screen and (min-width: 1920px) {
  .description {
    font-size: 16px !important;
    line-height: 24px !important;
  }
}

.warning-description {
  font-family: "Geist", sans-serif !important;
  font-size: 11px !important;
  font-weight: 400 !important;
  line-height: 17px !important;
  color: #f78502 !important;
  margin-top: 12px;
}
@media screen and (min-width: 1920px) {
  .warning-description {
    font-size: 16px !important;
    line-height: 24px !important;
  }
}

.error-description {
  font-family: "Geist", sans-serif !important;
  font-size: 11px !important;
  font-weight: 400 !important;
  line-height: 17px !important;
  color: #ec562d !important;
  margin-top: 12px;
}
@media screen and (min-width: 1920px) {
  .error-description {
    font-size: 16px !important;
    line-height: 24px !important;
  }
}

#user_switching_switch_on {
  background-color: white;
  padding: 2px 4px !important;
  border-radius: 8px;
}

.torn-modal-backdrop {
  z-index: 40;
}

.torn-modal-container {
  position: fixed;
  top: 33%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: none;
  z-index: 50;
  background-color: white;
  box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
  border-radius: 24px;
  padding: 2.5rem 2rem;
  width: auto;
  max-width: 80vw;
  max-width: 80dvw;
  max-height: 90vh;
  max-height: 90dvh;
  overflow: auto;
}
@media screen and (min-width: 900px) {
  .torn-modal-container {
    top: 50%;
    padding: 4rem 2rem;
  }
}
@media screen and (max-width: 600px) {
  .torn-modal-container {
    max-height: 95vh;
    max-width: 99vw;
    max-width: 99dvw;
  }
}
@media screen and (max-width: 600px) {
  .torn-modal-container.narrow {
    width: 100%;
  }
}
.torn-modal-container .modal-content .modal-body {
  margin-top: 2rem;
}
@media screen and (max-width: 768px) {
  .torn-modal-container .modal-content .modal-body {
    margin-top: 1em;
  }
}
.torn-modal-container .modal-content .modal-body button,
.torn-modal-container .modal-content .modal-body a.button {
  width: auto;
  margin-top: 2rem;
}
@media screen and (max-width: 768px) {
  .torn-modal-container .modal-content .modal-body button,
  .torn-modal-container .modal-content .modal-body a.button {
    margin-top: 1em;
  }
}
.torn-modal-container.medium {
  padding: 32px;
  width: 755px;
}
.torn-modal-container label {
  text-align: left;
  font-size: 17px;
  font-weight: 700;
}
@media screen and (min-width: 900px) {
  .torn-modal-container label {
    margin-bottom: 12px;
  }
}
.torn-modal-container td {
  padding: 0;
}
.torn-modal-container input[type=password],
.torn-modal-container input[type=number],
.torn-modal-container input[type=tel],
.torn-modal-container input[type=text],
.torn-modal-container input[type=email],
.torn-modal-container button {
  width: 100%;
}
@media screen and (min-width: 900px) {
  .torn-modal-container input[type=password],
  .torn-modal-container input[type=number],
  .torn-modal-container input[type=tel],
  .torn-modal-container input[type=text],
  .torn-modal-container input[type=email],
  .torn-modal-container button {
    margin-bottom: 24px;
  }
}
.torn-modal-container button {
  justify-content: center;
}
.torn-modal-container button.close {
  position: absolute;
  text-indent: -9999px;
  border: none;
  background-color: transparent;
  right: 1.875rem;
  top: 1.875rem;
  height: 2.5rem;
  width: 2.5rem;
  background-size: 1.25rem;
}
.torn-modal-container .modal-headline {
  font-family: "Sharp Grotesk", sans-serif;
  font-size: 18px;
  line-height: 30px;
  font-weight: 400;
  color: #1a0c0c;
  margin: 0;
  padding-right: 1.875rem;
}
@media screen and (min-width: 900px) {
  .torn-modal-container .modal-headline {
    padding-bottom: 16px;
  }
}
.torn-modal-container .separator {
  border-bottom: 1px solid #e4e1dc;
  text-align: center;
  margin-bottom: 2rem;
}
.torn-modal-container .separator .text {
  color: #727272;
  margin: 0 auto;
  background-color: white;
  padding: 0 13px;
  position: relative;
  top: 8px;
  font-size: 14px;
}

body.show-modal-backdrop .torn-modal-container {
  display: flex;
  flex-direction: column;
}

.torn-toaster-container {
  position: fixed;
  height: fit-content;
  bottom: -120px;
  width: 100%;
  z-index: 99;
  padding: 20px 80px 20px 20px;
  transition: bottom 500ms;
  background-color: rgba(0, 0, 0, 0);
}
.torn-toaster-container.active {
  bottom: 0px;
}
.torn-toaster-container .box {
  color: #1a0c0c;
  margin: 0 auto !important;
  height: fit-content;
  display: flex;
  align-items: center;
  max-width: 800px;
  border-radius: 12px;
  border: 1px solid #f0c450;
  padding: 16px 24px 16px 24px;
  box-shadow: rgba(0, 0, 0, 0.25) 0px 54px 55px, rgba(0, 0, 0, 0.12) 0px -12px 30px, rgba(0, 0, 0, 0.12) 0px 4px 6px, rgba(0, 0, 0, 0.17) 0px 12px 13px, rgba(0, 0, 0, 0.09) 0px -3px 5px;
}
@media only screen and (max-width: 480px) {
  .torn-toaster-container .box {
    flex-direction: column;
    align-items: flex-start;
    gap: 6px;
    padding: 12px;
  }
}
.torn-toaster-container .box.success {
  background-color: #e6f9ea;
  border-color: #1f9f3c;
}
.torn-toaster-container .box.error {
  background-color: #ffe4e2;
  border-color: #d02e24;
  white-space: normal;
}
.torn-toaster-container .box.warning {
  background-color: #fef9ee;
  border-color: #f0c450;
}
.torn-toaster-container .box.info {
  background-color: #e4f0ff;
  border-color: #3074c1;
}
.torn-toaster-container .box .content {
  flex: 1;
  font-size: 18px;
  line-height: 24px;
  font-weight: 500;
}
@media only screen and (max-width: 480px) {
  .torn-toaster-container .box .content {
    font-size: 16px;
    line-height: 20px;
  }
}
.torn-toaster-container .box .button {
  flex: 0 0 fit-content;
  border: 1px solid #1a0c0c;
  border-radius: 50px;
  padding: 8px 12px;
  font-size: 14px;
  font-weight: 700;
  line-height: 14px;
}

#content {
  height: auto;
}

html {
  scroll-behavior: smooth;
}

.about-product-container .section-heading {
  margin-top: 0;
}
.about-product-container .validation-errors-container {
  padding: 16px 24px;
  border-radius: 20px;
  background-color: #ffe0e0;
  font-size: 16px;
  line-height: 24px;
}
.about-product-container .validation-errors-container #validaiton-errors-heading {
  color: #e24242 !important;
  font-family: "Geist", sans-serif;
  font-size: 16px;
  line-height: 24px;
  font-weight: 700;
  margin-top: 0;
}
.about-product-container .validation-errors-container ul {
  margin: 0 32px;
  font-weight: 400;
  line-height: 27px;
}
.about-product-container .validation-errors-container ul li {
  cursor: pointer;
  width: fit-content;
  text-decoration: underline;
}
.about-product-container .send-link-to-staff {
  display: flex;
  flex-direction: column;
  row-gap: 42px;
}
.about-product-container .send-link-to-staff .fieldset-group {
  margin-top: 24px;
}
.about-product-container .send-link-to-staff .mobile-actions-buttons {
  display: flex;
  gap: 12px;
  flex-wrap: wrap;
}
.about-product-container .select-container {
  width: 50%;
}
@media screen and (max-width: 800px) {
  .about-product-container .select-container {
    width: 100%;
  }
}
.about-product-container .tips-container {
  margin: 64px 0;
}
.about-product-container .dropdown-torneditor {
  width: 100%;
  margin-top: 24px;
}
.about-product-container .dropdown-torneditor label {
  font-family: "Geist", sans-serif;
  font-size: 12.5px !important;
  font-weight: 400 !important;
  line-height: 17px !important;
  font-weight: 700 !important;
  width: fit-content;
  display: flex;
  align-items: center;
  justify-content: space-between;
  cursor: pointer;
}
@media screen and (min-width: 1920px) {
  .about-product-container .dropdown-torneditor label {
    font-size: 18px !important;
    line-height: 26px !important;
  }
}
.about-product-container .dropdown-torneditor label svg {
  margin-left: 6px;
  margin-right: 0;
}
.about-product-container .dropdown-torneditor label div {
  margin-top: 0;
}
.about-product-container .dropdown-torneditor .torn-editor-container {
  margin-top: 0;
}
.about-product-container .dropdown-take-picture-with-mobile {
  margin-top: 24px;
}
.about-product-container .dropdown-take-picture-with-mobile label {
  font-family: "Geist", sans-serif;
  font-size: 12.5px !important;
  font-weight: 400 !important;
  line-height: 17px !important;
  font-weight: 700 !important;
  width: fit-content;
  display: flex;
  align-items: center;
  justify-content: space-between;
  cursor: pointer;
}
@media screen and (min-width: 1920px) {
  .about-product-container .dropdown-take-picture-with-mobile label {
    font-size: 18px !important;
    line-height: 26px !important;
  }
}
.about-product-container .dropdown-take-picture-with-mobile label svg {
  margin-left: 6px;
  margin-right: 0;
}
.about-product-container .dropdown-take-picture-with-mobile label div {
  margin-top: 0;
}
.about-product-container .dropdown-take-picture-with-mobile .radio-field > label {
  font-family: "Geist", sans-serif;
  font-size: 12.5px !important;
  font-weight: 400 !important;
  line-height: 17px !important;
}
@media screen and (min-width: 1920px) {
  .about-product-container .dropdown-take-picture-with-mobile .radio-field > label {
    font-size: 18px !important;
    line-height: 26px !important;
  }
}
.about-product-container .dropdown-take-picture-with-mobile .fieldset-group {
  margin-top: 0;
}

.rotate-180 svg {
  transform: rotate(180deg);
  margin-right: 6px;
  margin-left: 0;
}
h1,
h1 *,
h2,
h2 *,
h3,
h3 * {
  font-family: "Sharp Grotesk", sans-serif;
  margin: 0 0 0.5407911001em;
}

* {
  font-family: "Geist", sans-serif;
}

/**
* Buttons: Bør flyttes til en egen fil med alt knapper.
* @see https://torn-team.atlassian.net/browse/TORN-1104
 */
button.disabled,
button:disabled,
input[type=button].disabled,
input[type=button]:disabled,
input[type=reset].disabled,
input[type=reset]:disabled,
input[type=submit].disabled,
input[type=submit]:disabled,
.button.disabled,
.button:disabled,
.wc-block-grid__products .wc-block-grid__product .wp-block-button__link.disabled,
.wc-block-grid__products .wc-block-grid__product .wp-block-button__link:disabled,
.added_to_cart.disabled,
.added_to_cart:disabled {
  opacity: 0.5 !important;
  cursor: not-allowed;
}

button,
input[type=button],
input[type=reset],
input[type=submit],
.button,
.wc-block-grid__products .wc-block-grid__product .wp-block-button__link,
.added_to_cart {
  cursor: pointer;
  text-shadow: none;
  -webkit-appearance: none;
  word-break: break-word;
}

body {
  background-color: #fbf9f3;
}
body.page-template-authentication {
  background-color: #fcfcfc;
}

a:focus,
button:focus,
.button.alt:focus,
input:focus,
textarea:focus,
input[type=button]:focus,
input[type=reset]:focus,
input[type=submit]:focus,
input[type=email]:focus,
input[type=tel]:focus,
input[type=number]:focus,
input[type=url]:focus,
input[type=password]:focus,
input[type=search]:focus {
  outline: none;
}

a,
a:visited {
  color: #1a0c0c;
}

.required label::after,
.required strong::after,
.required legend::after {
  content: " *";
  color: #ec562d;
}
.required .radio-field > label::after {
  content: "";
}

.widget .widget-title {
  font-size: 1em;
  font-weight: bold;
  color: #1a0c0c;
  border-bottom: none;
  margin-bottom: 0;
}

.widget_product_categories button {
  background-color: #f0c450;
  border-radius: 5px;
}
.widget_product_categories .submit-product-categories-wrapper {
  bottom: 10px;
}
.widget_product_categories.widget.woocommerce li .count {
  float: none;
}
.widget_product_categories .widget-title {
  position: relative;
  top: 80px;
}

.widget-area .widget_search input[type=search],
.widget-area .widget_product_search input[type=search] {
  border: 1px solid black;
  border-radius: 5px;
  padding: 0.7em 1.4em;
  background-color: #ffffff;
}
.widget-area .widget_search form::before,
.widget-area .widget_product_search form::before {
  left: unset;
  right: 1em;
}

.torn-product-category-search-form {
  position: relative;
  top: -40px;
}

.site-main {
  position: relative;
  display: flex;
  flex-flow: column;
}

.vendor-page .site-main {
  padding-top: 25px;
}

#colophon .storefront-handheld-footer-bar {
  display: none;
}

html,
body {
  height: 100%;
  line-height: 1;
  margin: 0;
  padding: 0;
  border: 0;
  vertical-align: baseline;
}

button,
input,
select,
textarea {
  font-size: 100%;
  margin: 0;
  line-height: 1.618;
  text-rendering: optimizeLegibility;
  font-weight: 400;
}

textarea {
  padding: 12px 16px;
  border-radius: 12px;
  width: 100%;
  margin-top: 12px;
  border: 1px solid #666666;
}

ol,
ul {
  overflow-wrap: break-word;
  padding: 0;
}

* {
  box-sizing: border-box;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
}

a {
  text-decoration: none;
}

.torn-hypertext {
  text-decoration: underline !important;
}

p {
  overflow-wrap: break-word;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
  display: block;
}

table {
  border-spacing: 0;
  width: 100%;
  margin: 0 0 1.41575em;
  border-collapse: separate;
}
table td,
table th {
  padding: 1em 1.41575em;
  text-align: left;
  vertical-align: top;
}

img {
  height: auto;
  max-width: 100%;
  display: block;
  border-radius: 3px;
}

/**
 * Theese should probably be placed in component files.
 */
input[type=checkbox],
input[type=radio] {
  min-height: 24px;
  min-width: 24px;
  width: 32px;
  height: 32px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  vertical-align: text-bottom !important;
  outline: 0;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  border: 1px solid #1a0c0c;
  background-color: white;
  flex-shrink: 0;
  cursor: pointer;
  background-size: 16px;
  margin-right: 6px;
}
input[type=checkbox]:checked, input[type=checkbox][checked=checked]:not(body.woocommerce-cart .gateway-selector ul li input[type=radio][checked=checked]),
input[type=radio]:checked,
input[type=radio][checked=checked]:not(body.woocommerce-cart .gateway-selector ul li input[type=radio][checked=checked]) {
  background-color: #1a0c0c !important;
}
input[type=checkbox]:hover,
input[type=radio]:hover {
  box-shadow: 0 0 0 1px #1a0c0c;
}

input[type=radio] {
  border-radius: 50px;
}

input[type=checkbox] {
  border-radius: 8px;
}

input[type=text],
input[type=password],
input[type=number],
input[type=email],
input[type=tel],
input[type=url],
select {
  border: 1px solid #666666;
  margin-top: 12px;
  border-radius: 12px;
  padding: 12px 16px;
  font-size: 18px;
  line-height: 24px;
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

input[type=text]:hover:not([disabled]),
input[type=password]:hover:not([disabled]),
input[type=number]:hover:not([disabled]),
input[type=email]:hover:not([disabled]),
input[type=tel]:hover:not([disabled]),
input[type=url]:hover:not([disabled]),
textarea:hover:not([disabled]),
select:hover:not([disabled]) {
  outline: 1px solid #0f0f0f;
}

input[type=text]:disabled,
input[type=password]:disabled,
input[type=number]:disabled,
input[type=email]:disabled,
input[type=tel]:disabled,
input[type=url]:disabled,
textarea:disabled,
select:disabled {
  outline: 1px solid #eeeeee;
}

input[type=text]:focus,
input[type=password]:focus,
input[type=number]:focus,
input[type=email]:focus,
input[type=tel]:focus,
input[type=url]:focus,
textarea:focus,
select:focus {
  outline-width: 2px;
}

label {
  display: block;
}

dd {
  margin: 0 0 1.618em;
}

dt {
  font-weight: 600;
}

.screen-reader-text {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  -webkit-clip-path: inset(50%);
  clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
  word-wrap: normal !important;
}

.description {
  font-family: "Geist", sans-serif !important;
  font-size: 11px !important;
  font-weight: 400 !important;
  line-height: 17px !important;
  color: #898280 !important;
  margin-top: 0.25rem;
  margin-bottom: 0;
}
@media screen and (min-width: 1920px) {
  .description {
    font-size: 16px !important;
    line-height: 24px !important;
  }
}

.warning-description {
  font-family: "Geist", sans-serif !important;
  font-size: 11px !important;
  font-weight: 400 !important;
  line-height: 17px !important;
  color: #f78502 !important;
  margin-top: 12px;
}
@media screen and (min-width: 1920px) {
  .warning-description {
    font-size: 16px !important;
    line-height: 24px !important;
  }
}

.error-description {
  font-family: "Geist", sans-serif !important;
  font-size: 11px !important;
  font-weight: 400 !important;
  line-height: 17px !important;
  color: #ec562d !important;
  margin-top: 12px;
}
@media screen and (min-width: 1920px) {
  .error-description {
    font-size: 16px !important;
    line-height: 24px !important;
  }
}

#user_switching_switch_on {
  background-color: white;
  padding: 2px 4px !important;
  border-radius: 8px;
}

.torn-modal-backdrop {
  z-index: 40;
}

.torn-modal-container {
  position: fixed;
  top: 33%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: none;
  z-index: 50;
  background-color: white;
  box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
  border-radius: 24px;
  padding: 2.5rem 2rem;
  width: auto;
  max-width: 80vw;
  max-width: 80dvw;
  max-height: 90vh;
  max-height: 90dvh;
  overflow: auto;
}
@media screen and (min-width: 900px) {
  .torn-modal-container {
    top: 50%;
    padding: 4rem 2rem;
  }
}
@media screen and (max-width: 600px) {
  .torn-modal-container {
    max-height: 95vh;
    max-width: 99vw;
    max-width: 99dvw;
  }
}
@media screen and (max-width: 600px) {
  .torn-modal-container.narrow {
    width: 100%;
  }
}
.torn-modal-container .modal-content .modal-body {
  margin-top: 2rem;
}
@media screen and (max-width: 768px) {
  .torn-modal-container .modal-content .modal-body {
    margin-top: 1em;
  }
}
.torn-modal-container .modal-content .modal-body button,
.torn-modal-container .modal-content .modal-body a.button {
  width: auto;
  margin-top: 2rem;
}
@media screen and (max-width: 768px) {
  .torn-modal-container .modal-content .modal-body button,
  .torn-modal-container .modal-content .modal-body a.button {
    margin-top: 1em;
  }
}
.torn-modal-container.medium {
  padding: 32px;
  width: 755px;
}
.torn-modal-container label {
  text-align: left;
  font-size: 17px;
  font-weight: 700;
}
@media screen and (min-width: 900px) {
  .torn-modal-container label {
    margin-bottom: 12px;
  }
}
.torn-modal-container td {
  padding: 0;
}
.torn-modal-container input[type=password],
.torn-modal-container input[type=number],
.torn-modal-container input[type=tel],
.torn-modal-container input[type=text],
.torn-modal-container input[type=email],
.torn-modal-container button {
  width: 100%;
}
@media screen and (min-width: 900px) {
  .torn-modal-container input[type=password],
  .torn-modal-container input[type=number],
  .torn-modal-container input[type=tel],
  .torn-modal-container input[type=text],
  .torn-modal-container input[type=email],
  .torn-modal-container button {
    margin-bottom: 24px;
  }
}
.torn-modal-container button {
  justify-content: center;
}
.torn-modal-container button.close {
  position: absolute;
  text-indent: -9999px;
  border: none;
  background-color: transparent;
  right: 1.875rem;
  top: 1.875rem;
  height: 2.5rem;
  width: 2.5rem;
  background-size: 1.25rem;
}
.torn-modal-container .modal-headline {
  font-family: "Sharp Grotesk", sans-serif;
  font-size: 18px;
  line-height: 30px;
  font-weight: 400;
  color: #1a0c0c;
  margin: 0;
  padding-right: 1.875rem;
}
@media screen and (min-width: 900px) {
  .torn-modal-container .modal-headline {
    padding-bottom: 16px;
  }
}
.torn-modal-container .separator {
  border-bottom: 1px solid #e4e1dc;
  text-align: center;
  margin-bottom: 2rem;
}
.torn-modal-container .separator .text {
  color: #727272;
  margin: 0 auto;
  background-color: white;
  padding: 0 13px;
  position: relative;
  top: 8px;
  font-size: 14px;
}

body.show-modal-backdrop .torn-modal-container {
  display: flex;
  flex-direction: column;
}

.torn-toaster-container {
  position: fixed;
  height: fit-content;
  bottom: -120px;
  width: 100%;
  z-index: 99;
  padding: 20px 80px 20px 20px;
  transition: bottom 500ms;
  background-color: rgba(0, 0, 0, 0);
}
.torn-toaster-container.active {
  bottom: 0px;
}
.torn-toaster-container .box {
  color: #1a0c0c;
  margin: 0 auto !important;
  height: fit-content;
  display: flex;
  align-items: center;
  max-width: 800px;
  border-radius: 12px;
  border: 1px solid #f0c450;
  padding: 16px 24px 16px 24px;
  box-shadow: rgba(0, 0, 0, 0.25) 0px 54px 55px, rgba(0, 0, 0, 0.12) 0px -12px 30px, rgba(0, 0, 0, 0.12) 0px 4px 6px, rgba(0, 0, 0, 0.17) 0px 12px 13px, rgba(0, 0, 0, 0.09) 0px -3px 5px;
}
@media only screen and (max-width: 480px) {
  .torn-toaster-container .box {
    flex-direction: column;
    align-items: flex-start;
    gap: 6px;
    padding: 12px;
  }
}
.torn-toaster-container .box.success {
  background-color: #e6f9ea;
  border-color: #1f9f3c;
}
.torn-toaster-container .box.error {
  background-color: #ffe4e2;
  border-color: #d02e24;
  white-space: normal;
}
.torn-toaster-container .box.warning {
  background-color: #fef9ee;
  border-color: #f0c450;
}
.torn-toaster-container .box.info {
  background-color: #e4f0ff;
  border-color: #3074c1;
}
.torn-toaster-container .box .content {
  flex: 1;
  font-size: 18px;
  line-height: 24px;
  font-weight: 500;
}
@media only screen and (max-width: 480px) {
  .torn-toaster-container .box .content {
    font-size: 16px;
    line-height: 20px;
  }
}
.torn-toaster-container .box .button {
  flex: 0 0 fit-content;
  border: 1px solid #1a0c0c;
  border-radius: 50px;
  padding: 8px 12px;
  font-size: 14px;
  font-weight: 700;
  line-height: 14px;
}

#content {
  height: auto;
}

html {
  scroll-behavior: smooth;
}

.file-gallery-field-container {
  margin-top: 2rem;
}

.file-gallery-container {
  display: flex;
  flex-direction: column;
}

.file-row {
  margin-top: 1.5rem;
  height: 120px;
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  border-radius: 6px;
  background-color: white;
  box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.15);
}
.file-row:last-child {
  margin-bottom: 1.5rem;
}
.file-row .product-image {
  grid-column: span 1/span 1;
  height: 120px;
  width: 120px;
  object-fit: cover;
}
.file-row .document-icon {
  grid-column: span 1/span 1;
  display: flex;
  justify-content: center;
  align-items: center;
}
.file-row .document-icon svg {
  width: 48px;
  height: 48px;
  fill: #b79177;
}
.file-row .file-actions {
  grid-column: span 3/span 3;
  margin-left: 24px;
  padding: 16px 0;
  display: flex;
  flex-direction: column;
  height: 100%;
  font-size: 18px;
  position: relative;
}
.file-row .file-actions .file-lable {
  margin: 0;
  font-size: 13px;
  line-height: 20px;
  font-weight: 700;
}
.file-row .file-actions .simple-editable-input .field {
  margin-top: 0;
}
.file-row .file-actions .simple-editable-input .field input[type=text] {
  padding: 0 6px;
  margin-top: -4px;
  font-size: 16px;
  border-radius: 6px;
}
.file-row .file-actions .trash-icon {
  padding: 0;
  margin-top: 50px;
  position: absolute;
  width: max-content;
  font-size: 16px;
  display: flex;
  align-items: center;
  cursor: pointer;
}
.file-row .file-actions .trash-icon svg {
  fill: #ec562d;
}
.file-row .file-actions button {
  display: flex;
  font-size: 15px;
  line-height: 24px;
  background: none;
  border: none;
}
.file-row .file-actions button img {
  width: 16px;
  height: 16px;
}
.file-row .file-order-actions {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
}
.file-row .file-order-actions button {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 50%;
  height: 100%;
  background: #fbf9f3;
  border: none;
  padding: 0;
}
.file-row .file-order-actions button:first-child {
  border-bottom: 1px solid;
}
h1,
h1 *,
h2,
h2 *,
h3,
h3 * {
  font-family: "Sharp Grotesk", sans-serif;
  margin: 0 0 0.5407911001em;
}

* {
  font-family: "Geist", sans-serif;
}

/**
* Buttons: Bør flyttes til en egen fil med alt knapper.
* @see https://torn-team.atlassian.net/browse/TORN-1104
 */
button.disabled,
button:disabled,
input[type=button].disabled,
input[type=button]:disabled,
input[type=reset].disabled,
input[type=reset]:disabled,
input[type=submit].disabled,
input[type=submit]:disabled,
.button.disabled,
.button:disabled,
.wc-block-grid__products .wc-block-grid__product .wp-block-button__link.disabled,
.wc-block-grid__products .wc-block-grid__product .wp-block-button__link:disabled,
.added_to_cart.disabled,
.added_to_cart:disabled {
  opacity: 0.5 !important;
  cursor: not-allowed;
}

button,
input[type=button],
input[type=reset],
input[type=submit],
.button,
.wc-block-grid__products .wc-block-grid__product .wp-block-button__link,
.added_to_cart {
  cursor: pointer;
  text-shadow: none;
  -webkit-appearance: none;
  word-break: break-word;
}

body {
  background-color: #fbf9f3;
}
body.page-template-authentication {
  background-color: #fcfcfc;
}

a:focus,
button:focus,
.button.alt:focus,
input:focus,
textarea:focus,
input[type=button]:focus,
input[type=reset]:focus,
input[type=submit]:focus,
input[type=email]:focus,
input[type=tel]:focus,
input[type=number]:focus,
input[type=url]:focus,
input[type=password]:focus,
input[type=search]:focus {
  outline: none;
}

a,
a:visited {
  color: #1a0c0c;
}

.required label::after,
.required strong::after,
.required legend::after {
  content: " *";
  color: #ec562d;
}
.required .radio-field > label::after {
  content: "";
}

.widget .widget-title {
  font-size: 1em;
  font-weight: bold;
  color: #1a0c0c;
  border-bottom: none;
  margin-bottom: 0;
}

.widget_product_categories button {
  background-color: #f0c450;
  border-radius: 5px;
}
.widget_product_categories .submit-product-categories-wrapper {
  bottom: 10px;
}
.widget_product_categories.widget.woocommerce li .count {
  float: none;
}
.widget_product_categories .widget-title {
  position: relative;
  top: 80px;
}

.widget-area .widget_search input[type=search],
.widget-area .widget_product_search input[type=search] {
  border: 1px solid black;
  border-radius: 5px;
  padding: 0.7em 1.4em;
  background-color: #ffffff;
}
.widget-area .widget_search form::before,
.widget-area .widget_product_search form::before {
  left: unset;
  right: 1em;
}

.torn-product-category-search-form {
  position: relative;
  top: -40px;
}

.site-main {
  position: relative;
  display: flex;
  flex-flow: column;
}

.vendor-page .site-main {
  padding-top: 25px;
}

#colophon .storefront-handheld-footer-bar {
  display: none;
}

html,
body {
  height: 100%;
  line-height: 1;
  margin: 0;
  padding: 0;
  border: 0;
  vertical-align: baseline;
}

button,
input,
select,
textarea {
  font-size: 100%;
  margin: 0;
  line-height: 1.618;
  text-rendering: optimizeLegibility;
  font-weight: 400;
}

textarea {
  padding: 12px 16px;
  border-radius: 12px;
  width: 100%;
  margin-top: 12px;
  border: 1px solid #666666;
}

ol,
ul {
  overflow-wrap: break-word;
  padding: 0;
}

* {
  box-sizing: border-box;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
}

a {
  text-decoration: none;
}

.torn-hypertext {
  text-decoration: underline !important;
}

p {
  overflow-wrap: break-word;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
  display: block;
}

table {
  border-spacing: 0;
  width: 100%;
  margin: 0 0 1.41575em;
  border-collapse: separate;
}
table td,
table th {
  padding: 1em 1.41575em;
  text-align: left;
  vertical-align: top;
}

img {
  height: auto;
  max-width: 100%;
  display: block;
  border-radius: 3px;
}

/**
 * Theese should probably be placed in component files.
 */
input[type=checkbox],
input[type=radio] {
  min-height: 24px;
  min-width: 24px;
  width: 32px;
  height: 32px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  vertical-align: text-bottom !important;
  outline: 0;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  border: 1px solid #1a0c0c;
  background-color: white;
  flex-shrink: 0;
  cursor: pointer;
  background-size: 16px;
  margin-right: 6px;
}
input[type=checkbox]:checked, input[type=checkbox][checked=checked]:not(body.woocommerce-cart .gateway-selector ul li input[type=radio][checked=checked]),
input[type=radio]:checked,
input[type=radio][checked=checked]:not(body.woocommerce-cart .gateway-selector ul li input[type=radio][checked=checked]) {
  background-color: #1a0c0c !important;
}
input[type=checkbox]:hover,
input[type=radio]:hover {
  box-shadow: 0 0 0 1px #1a0c0c;
}

input[type=radio] {
  border-radius: 50px;
}

input[type=checkbox] {
  border-radius: 8px;
}

input[type=text],
input[type=password],
input[type=number],
input[type=email],
input[type=tel],
input[type=url],
select {
  border: 1px solid #666666;
  margin-top: 12px;
  border-radius: 12px;
  padding: 12px 16px;
  font-size: 18px;
  line-height: 24px;
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

input[type=text]:hover:not([disabled]),
input[type=password]:hover:not([disabled]),
input[type=number]:hover:not([disabled]),
input[type=email]:hover:not([disabled]),
input[type=tel]:hover:not([disabled]),
input[type=url]:hover:not([disabled]),
textarea:hover:not([disabled]),
select:hover:not([disabled]) {
  outline: 1px solid #0f0f0f;
}

input[type=text]:disabled,
input[type=password]:disabled,
input[type=number]:disabled,
input[type=email]:disabled,
input[type=tel]:disabled,
input[type=url]:disabled,
textarea:disabled,
select:disabled {
  outline: 1px solid #eeeeee;
}

input[type=text]:focus,
input[type=password]:focus,
input[type=number]:focus,
input[type=email]:focus,
input[type=tel]:focus,
input[type=url]:focus,
textarea:focus,
select:focus {
  outline-width: 2px;
}

label {
  display: block;
}

dd {
  margin: 0 0 1.618em;
}

dt {
  font-weight: 600;
}

.screen-reader-text {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  -webkit-clip-path: inset(50%);
  clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
  word-wrap: normal !important;
}

.description {
  font-family: "Geist", sans-serif !important;
  font-size: 11px !important;
  font-weight: 400 !important;
  line-height: 17px !important;
  color: #898280 !important;
  margin-top: 0.25rem;
  margin-bottom: 0;
}
@media screen and (min-width: 1920px) {
  .description {
    font-size: 16px !important;
    line-height: 24px !important;
  }
}

.warning-description {
  font-family: "Geist", sans-serif !important;
  font-size: 11px !important;
  font-weight: 400 !important;
  line-height: 17px !important;
  color: #f78502 !important;
  margin-top: 12px;
}
@media screen and (min-width: 1920px) {
  .warning-description {
    font-size: 16px !important;
    line-height: 24px !important;
  }
}

.error-description {
  font-family: "Geist", sans-serif !important;
  font-size: 11px !important;
  font-weight: 400 !important;
  line-height: 17px !important;
  color: #ec562d !important;
  margin-top: 12px;
}
@media screen and (min-width: 1920px) {
  .error-description {
    font-size: 16px !important;
    line-height: 24px !important;
  }
}

#user_switching_switch_on {
  background-color: white;
  padding: 2px 4px !important;
  border-radius: 8px;
}

.torn-modal-backdrop {
  z-index: 40;
}

.torn-modal-container {
  position: fixed;
  top: 33%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: none;
  z-index: 50;
  background-color: white;
  box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
  border-radius: 24px;
  padding: 2.5rem 2rem;
  width: auto;
  max-width: 80vw;
  max-width: 80dvw;
  max-height: 90vh;
  max-height: 90dvh;
  overflow: auto;
}
@media screen and (min-width: 900px) {
  .torn-modal-container {
    top: 50%;
    padding: 4rem 2rem;
  }
}
@media screen and (max-width: 600px) {
  .torn-modal-container {
    max-height: 95vh;
    max-width: 99vw;
    max-width: 99dvw;
  }
}
@media screen and (max-width: 600px) {
  .torn-modal-container.narrow {
    width: 100%;
  }
}
.torn-modal-container .modal-content .modal-body {
  margin-top: 2rem;
}
@media screen and (max-width: 768px) {
  .torn-modal-container .modal-content .modal-body {
    margin-top: 1em;
  }
}
.torn-modal-container .modal-content .modal-body button,
.torn-modal-container .modal-content .modal-body a.button {
  width: auto;
  margin-top: 2rem;
}
@media screen and (max-width: 768px) {
  .torn-modal-container .modal-content .modal-body button,
  .torn-modal-container .modal-content .modal-body a.button {
    margin-top: 1em;
  }
}
.torn-modal-container.medium {
  padding: 32px;
  width: 755px;
}
.torn-modal-container label {
  text-align: left;
  font-size: 17px;
  font-weight: 700;
}
@media screen and (min-width: 900px) {
  .torn-modal-container label {
    margin-bottom: 12px;
  }
}
.torn-modal-container td {
  padding: 0;
}
.torn-modal-container input[type=password],
.torn-modal-container input[type=number],
.torn-modal-container input[type=tel],
.torn-modal-container input[type=text],
.torn-modal-container input[type=email],
.torn-modal-container button {
  width: 100%;
}
@media screen and (min-width: 900px) {
  .torn-modal-container input[type=password],
  .torn-modal-container input[type=number],
  .torn-modal-container input[type=tel],
  .torn-modal-container input[type=text],
  .torn-modal-container input[type=email],
  .torn-modal-container button {
    margin-bottom: 24px;
  }
}
.torn-modal-container button {
  justify-content: center;
}
.torn-modal-container button.close {
  position: absolute;
  text-indent: -9999px;
  border: none;
  background-color: transparent;
  right: 1.875rem;
  top: 1.875rem;
  height: 2.5rem;
  width: 2.5rem;
  background-size: 1.25rem;
}
.torn-modal-container .modal-headline {
  font-family: "Sharp Grotesk", sans-serif;
  font-size: 18px;
  line-height: 30px;
  font-weight: 400;
  color: #1a0c0c;
  margin: 0;
  padding-right: 1.875rem;
}
@media screen and (min-width: 900px) {
  .torn-modal-container .modal-headline {
    padding-bottom: 16px;
  }
}
.torn-modal-container .separator {
  border-bottom: 1px solid #e4e1dc;
  text-align: center;
  margin-bottom: 2rem;
}
.torn-modal-container .separator .text {
  color: #727272;
  margin: 0 auto;
  background-color: white;
  padding: 0 13px;
  position: relative;
  top: 8px;
  font-size: 14px;
}

body.show-modal-backdrop .torn-modal-container {
  display: flex;
  flex-direction: column;
}

.torn-toaster-container {
  position: fixed;
  height: fit-content;
  bottom: -120px;
  width: 100%;
  z-index: 99;
  padding: 20px 80px 20px 20px;
  transition: bottom 500ms;
  background-color: rgba(0, 0, 0, 0);
}
.torn-toaster-container.active {
  bottom: 0px;
}
.torn-toaster-container .box {
  color: #1a0c0c;
  margin: 0 auto !important;
  height: fit-content;
  display: flex;
  align-items: center;
  max-width: 800px;
  border-radius: 12px;
  border: 1px solid #f0c450;
  padding: 16px 24px 16px 24px;
  box-shadow: rgba(0, 0, 0, 0.25) 0px 54px 55px, rgba(0, 0, 0, 0.12) 0px -12px 30px, rgba(0, 0, 0, 0.12) 0px 4px 6px, rgba(0, 0, 0, 0.17) 0px 12px 13px, rgba(0, 0, 0, 0.09) 0px -3px 5px;
}
@media only screen and (max-width: 480px) {
  .torn-toaster-container .box {
    flex-direction: column;
    align-items: flex-start;
    gap: 6px;
    padding: 12px;
  }
}
.torn-toaster-container .box.success {
  background-color: #e6f9ea;
  border-color: #1f9f3c;
}
.torn-toaster-container .box.error {
  background-color: #ffe4e2;
  border-color: #d02e24;
  white-space: normal;
}
.torn-toaster-container .box.warning {
  background-color: #fef9ee;
  border-color: #f0c450;
}
.torn-toaster-container .box.info {
  background-color: #e4f0ff;
  border-color: #3074c1;
}
.torn-toaster-container .box .content {
  flex: 1;
  font-size: 18px;
  line-height: 24px;
  font-weight: 500;
}
@media only screen and (max-width: 480px) {
  .torn-toaster-container .box .content {
    font-size: 16px;
    line-height: 20px;
  }
}
.torn-toaster-container .box .button {
  flex: 0 0 fit-content;
  border: 1px solid #1a0c0c;
  border-radius: 50px;
  padding: 8px 12px;
  font-size: 14px;
  font-weight: 700;
  line-height: 14px;
}

#content {
  height: auto;
}

html {
  scroll-behavior: smooth;
}

.simple-editable-input {
  display: flex;
  align-items: center;
  column-gap: 12px;
}
.simple-editable-input span {
  display: flex;
  align-items: center;
  color: #898280;
  cursor: pointer;
}
.simple-editable-input a {
  text-decoration: underline;
}
h1,
h1 *,
h2,
h2 *,
h3,
h3 * {
  font-family: "Sharp Grotesk", sans-serif;
  margin: 0 0 0.5407911001em;
}

* {
  font-family: "Geist", sans-serif;
}

/**
* Buttons: Bør flyttes til en egen fil med alt knapper.
* @see https://torn-team.atlassian.net/browse/TORN-1104
 */
button.disabled,
button:disabled,
input[type=button].disabled,
input[type=button]:disabled,
input[type=reset].disabled,
input[type=reset]:disabled,
input[type=submit].disabled,
input[type=submit]:disabled,
.button.disabled,
.button:disabled,
.wc-block-grid__products .wc-block-grid__product .wp-block-button__link.disabled,
.wc-block-grid__products .wc-block-grid__product .wp-block-button__link:disabled,
.added_to_cart.disabled,
.added_to_cart:disabled {
  opacity: 0.5 !important;
  cursor: not-allowed;
}

button,
input[type=button],
input[type=reset],
input[type=submit],
.button,
.wc-block-grid__products .wc-block-grid__product .wp-block-button__link,
.added_to_cart {
  cursor: pointer;
  text-shadow: none;
  -webkit-appearance: none;
  word-break: break-word;
}

body {
  background-color: #fbf9f3;
}
body.page-template-authentication {
  background-color: #fcfcfc;
}

a:focus,
button:focus,
.button.alt:focus,
input:focus,
textarea:focus,
input[type=button]:focus,
input[type=reset]:focus,
input[type=submit]:focus,
input[type=email]:focus,
input[type=tel]:focus,
input[type=number]:focus,
input[type=url]:focus,
input[type=password]:focus,
input[type=search]:focus {
  outline: none;
}

a,
a:visited {
  color: #1a0c0c;
}

.required label::after,
.required strong::after,
.required legend::after {
  content: " *";
  color: #ec562d;
}
.required .radio-field > label::after {
  content: "";
}

.widget .widget-title {
  font-size: 1em;
  font-weight: bold;
  color: #1a0c0c;
  border-bottom: none;
  margin-bottom: 0;
}

.widget_product_categories button {
  background-color: #f0c450;
  border-radius: 5px;
}
.widget_product_categories .submit-product-categories-wrapper {
  bottom: 10px;
}
.widget_product_categories.widget.woocommerce li .count {
  float: none;
}
.widget_product_categories .widget-title {
  position: relative;
  top: 80px;
}

.widget-area .widget_search input[type=search],
.widget-area .widget_product_search input[type=search] {
  border: 1px solid black;
  border-radius: 5px;
  padding: 0.7em 1.4em;
  background-color: #ffffff;
}
.widget-area .widget_search form::before,
.widget-area .widget_product_search form::before {
  left: unset;
  right: 1em;
}

.torn-product-category-search-form {
  position: relative;
  top: -40px;
}

.site-main {
  position: relative;
  display: flex;
  flex-flow: column;
}

.vendor-page .site-main {
  padding-top: 25px;
}

#colophon .storefront-handheld-footer-bar {
  display: none;
}

html,
body {
  height: 100%;
  line-height: 1;
  margin: 0;
  padding: 0;
  border: 0;
  vertical-align: baseline;
}

button,
input,
select,
textarea {
  font-size: 100%;
  margin: 0;
  line-height: 1.618;
  text-rendering: optimizeLegibility;
  font-weight: 400;
}

textarea {
  padding: 12px 16px;
  border-radius: 12px;
  width: 100%;
  margin-top: 12px;
  border: 1px solid #666666;
}

ol,
ul {
  overflow-wrap: break-word;
  padding: 0;
}

* {
  box-sizing: border-box;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
}

a {
  text-decoration: none;
}

.torn-hypertext {
  text-decoration: underline !important;
}

p {
  overflow-wrap: break-word;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
  display: block;
}

table {
  border-spacing: 0;
  width: 100%;
  margin: 0 0 1.41575em;
  border-collapse: separate;
}
table td,
table th {
  padding: 1em 1.41575em;
  text-align: left;
  vertical-align: top;
}

img {
  height: auto;
  max-width: 100%;
  display: block;
  border-radius: 3px;
}

/**
 * Theese should probably be placed in component files.
 */
input[type=checkbox],
input[type=radio] {
  min-height: 24px;
  min-width: 24px;
  width: 32px;
  height: 32px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  vertical-align: text-bottom !important;
  outline: 0;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  border: 1px solid #1a0c0c;
  background-color: white;
  flex-shrink: 0;
  cursor: pointer;
  background-size: 16px;
  margin-right: 6px;
}
input[type=checkbox]:checked, input[type=checkbox][checked=checked]:not(body.woocommerce-cart .gateway-selector ul li input[type=radio][checked=checked]),
input[type=radio]:checked,
input[type=radio][checked=checked]:not(body.woocommerce-cart .gateway-selector ul li input[type=radio][checked=checked]) {
  background-color: #1a0c0c !important;
}
input[type=checkbox]:hover,
input[type=radio]:hover {
  box-shadow: 0 0 0 1px #1a0c0c;
}

input[type=radio] {
  border-radius: 50px;
}

input[type=checkbox] {
  border-radius: 8px;
}

input[type=text],
input[type=password],
input[type=number],
input[type=email],
input[type=tel],
input[type=url],
select {
  border: 1px solid #666666;
  margin-top: 12px;
  border-radius: 12px;
  padding: 12px 16px;
  font-size: 18px;
  line-height: 24px;
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

input[type=text]:hover:not([disabled]),
input[type=password]:hover:not([disabled]),
input[type=number]:hover:not([disabled]),
input[type=email]:hover:not([disabled]),
input[type=tel]:hover:not([disabled]),
input[type=url]:hover:not([disabled]),
textarea:hover:not([disabled]),
select:hover:not([disabled]) {
  outline: 1px solid #0f0f0f;
}

input[type=text]:disabled,
input[type=password]:disabled,
input[type=number]:disabled,
input[type=email]:disabled,
input[type=tel]:disabled,
input[type=url]:disabled,
textarea:disabled,
select:disabled {
  outline: 1px solid #eeeeee;
}

input[type=text]:focus,
input[type=password]:focus,
input[type=number]:focus,
input[type=email]:focus,
input[type=tel]:focus,
input[type=url]:focus,
textarea:focus,
select:focus {
  outline-width: 2px;
}

label {
  display: block;
}

dd {
  margin: 0 0 1.618em;
}

dt {
  font-weight: 600;
}

.screen-reader-text {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  -webkit-clip-path: inset(50%);
  clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
  word-wrap: normal !important;
}

.description {
  font-family: "Geist", sans-serif !important;
  font-size: 11px !important;
  font-weight: 400 !important;
  line-height: 17px !important;
  color: #898280 !important;
  margin-top: 0.25rem;
  margin-bottom: 0;
}
@media screen and (min-width: 1920px) {
  .description {
    font-size: 16px !important;
    line-height: 24px !important;
  }
}

.warning-description {
  font-family: "Geist", sans-serif !important;
  font-size: 11px !important;
  font-weight: 400 !important;
  line-height: 17px !important;
  color: #f78502 !important;
  margin-top: 12px;
}
@media screen and (min-width: 1920px) {
  .warning-description {
    font-size: 16px !important;
    line-height: 24px !important;
  }
}

.error-description {
  font-family: "Geist", sans-serif !important;
  font-size: 11px !important;
  font-weight: 400 !important;
  line-height: 17px !important;
  color: #ec562d !important;
  margin-top: 12px;
}
@media screen and (min-width: 1920px) {
  .error-description {
    font-size: 16px !important;
    line-height: 24px !important;
  }
}

#user_switching_switch_on {
  background-color: white;
  padding: 2px 4px !important;
  border-radius: 8px;
}

.torn-modal-backdrop {
  z-index: 40;
}

.torn-modal-container {
  position: fixed;
  top: 33%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: none;
  z-index: 50;
  background-color: white;
  box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
  border-radius: 24px;
  padding: 2.5rem 2rem;
  width: auto;
  max-width: 80vw;
  max-width: 80dvw;
  max-height: 90vh;
  max-height: 90dvh;
  overflow: auto;
}
@media screen and (min-width: 900px) {
  .torn-modal-container {
    top: 50%;
    padding: 4rem 2rem;
  }
}
@media screen and (max-width: 600px) {
  .torn-modal-container {
    max-height: 95vh;
    max-width: 99vw;
    max-width: 99dvw;
  }
}
@media screen and (max-width: 600px) {
  .torn-modal-container.narrow {
    width: 100%;
  }
}
.torn-modal-container .modal-content .modal-body {
  margin-top: 2rem;
}
@media screen and (max-width: 768px) {
  .torn-modal-container .modal-content .modal-body {
    margin-top: 1em;
  }
}
.torn-modal-container .modal-content .modal-body button,
.torn-modal-container .modal-content .modal-body a.button {
  width: auto;
  margin-top: 2rem;
}
@media screen and (max-width: 768px) {
  .torn-modal-container .modal-content .modal-body button,
  .torn-modal-container .modal-content .modal-body a.button {
    margin-top: 1em;
  }
}
.torn-modal-container.medium {
  padding: 32px;
  width: 755px;
}
.torn-modal-container label {
  text-align: left;
  font-size: 17px;
  font-weight: 700;
}
@media screen and (min-width: 900px) {
  .torn-modal-container label {
    margin-bottom: 12px;
  }
}
.torn-modal-container td {
  padding: 0;
}
.torn-modal-container input[type=password],
.torn-modal-container input[type=number],
.torn-modal-container input[type=tel],
.torn-modal-container input[type=text],
.torn-modal-container input[type=email],
.torn-modal-container button {
  width: 100%;
}
@media screen and (min-width: 900px) {
  .torn-modal-container input[type=password],
  .torn-modal-container input[type=number],
  .torn-modal-container input[type=tel],
  .torn-modal-container input[type=text],
  .torn-modal-container input[type=email],
  .torn-modal-container button {
    margin-bottom: 24px;
  }
}
.torn-modal-container button {
  justify-content: center;
}
.torn-modal-container button.close {
  position: absolute;
  text-indent: -9999px;
  border: none;
  background-color: transparent;
  right: 1.875rem;
  top: 1.875rem;
  height: 2.5rem;
  width: 2.5rem;
  background-size: 1.25rem;
}
.torn-modal-container .modal-headline {
  font-family: "Sharp Grotesk", sans-serif;
  font-size: 18px;
  line-height: 30px;
  font-weight: 400;
  color: #1a0c0c;
  margin: 0;
  padding-right: 1.875rem;
}
@media screen and (min-width: 900px) {
  .torn-modal-container .modal-headline {
    padding-bottom: 16px;
  }
}
.torn-modal-container .separator {
  border-bottom: 1px solid #e4e1dc;
  text-align: center;
  margin-bottom: 2rem;
}
.torn-modal-container .separator .text {
  color: #727272;
  margin: 0 auto;
  background-color: white;
  padding: 0 13px;
  position: relative;
  top: 8px;
  font-size: 14px;
}

body.show-modal-backdrop .torn-modal-container {
  display: flex;
  flex-direction: column;
}

.torn-toaster-container {
  position: fixed;
  height: fit-content;
  bottom: -120px;
  width: 100%;
  z-index: 99;
  padding: 20px 80px 20px 20px;
  transition: bottom 500ms;
  background-color: rgba(0, 0, 0, 0);
}
.torn-toaster-container.active {
  bottom: 0px;
}
.torn-toaster-container .box {
  color: #1a0c0c;
  margin: 0 auto !important;
  height: fit-content;
  display: flex;
  align-items: center;
  max-width: 800px;
  border-radius: 12px;
  border: 1px solid #f0c450;
  padding: 16px 24px 16px 24px;
  box-shadow: rgba(0, 0, 0, 0.25) 0px 54px 55px, rgba(0, 0, 0, 0.12) 0px -12px 30px, rgba(0, 0, 0, 0.12) 0px 4px 6px, rgba(0, 0, 0, 0.17) 0px 12px 13px, rgba(0, 0, 0, 0.09) 0px -3px 5px;
}
@media only screen and (max-width: 480px) {
  .torn-toaster-container .box {
    flex-direction: column;
    align-items: flex-start;
    gap: 6px;
    padding: 12px;
  }
}
.torn-toaster-container .box.success {
  background-color: #e6f9ea;
  border-color: #1f9f3c;
}
.torn-toaster-container .box.error {
  background-color: #ffe4e2;
  border-color: #d02e24;
  white-space: normal;
}
.torn-toaster-container .box.warning {
  background-color: #fef9ee;
  border-color: #f0c450;
}
.torn-toaster-container .box.info {
  background-color: #e4f0ff;
  border-color: #3074c1;
}
.torn-toaster-container .box .content {
  flex: 1;
  font-size: 18px;
  line-height: 24px;
  font-weight: 500;
}
@media only screen and (max-width: 480px) {
  .torn-toaster-container .box .content {
    font-size: 16px;
    line-height: 20px;
  }
}
.torn-toaster-container .box .button {
  flex: 0 0 fit-content;
  border: 1px solid #1a0c0c;
  border-radius: 50px;
  padding: 8px 12px;
  font-size: 14px;
  font-weight: 700;
  line-height: 14px;
}

#content {
  height: auto;
}

html {
  scroll-behavior: smooth;
}

.categories-container {
  margin-top: 24px;
}
.categories-container .select-container {
  padding-left: 24px;
}
.categories-container .select-container:first-of-type {
  margin-top: 0 !important;
}
.categories-container .field .text-field,
.categories-container .field input[type=text] {
  margin-top: 0;
}
.categories-container .fieldset-buttons .category-search-container {
  width: 75%;
}
.categories-container .fieldset-buttons .category-search-results {
  max-height: 270px;
  overflow-y: auto;
}
.categories-container .fieldset-buttons .field,
.categories-container .fieldset-buttons .field input[type=text] {
  margin-top: 8px;
}
.categories-container .fieldset-buttons .choose-categories-button {
  margin-top: 16px;
  float: right;
  cursor: pointer;
  color: #59c7eb;
}
.categories-container .fieldset-buttons .choose-categories-button:hover {
  text-decoration: underline;
}
.categories-container .radio-field {
  margin-top: 16px;
  padding-left: 8px;
}
.categories-container .radio-field:first-of-type {
  margin-bottom: 16px;
}
.categories-container .radio-field input[type=radio] {
  width: 24px;
  height: 24px;
}
h1,
h1 *,
h2,
h2 *,
h3,
h3 * {
  font-family: "Sharp Grotesk", sans-serif;
  margin: 0 0 0.5407911001em;
}

* {
  font-family: "Geist", sans-serif;
}

/**
* Buttons: Bør flyttes til en egen fil med alt knapper.
* @see https://torn-team.atlassian.net/browse/TORN-1104
 */
button.disabled,
button:disabled,
input[type=button].disabled,
input[type=button]:disabled,
input[type=reset].disabled,
input[type=reset]:disabled,
input[type=submit].disabled,
input[type=submit]:disabled,
.button.disabled,
.button:disabled,
.wc-block-grid__products .wc-block-grid__product .wp-block-button__link.disabled,
.wc-block-grid__products .wc-block-grid__product .wp-block-button__link:disabled,
.added_to_cart.disabled,
.added_to_cart:disabled {
  opacity: 0.5 !important;
  cursor: not-allowed;
}

button,
input[type=button],
input[type=reset],
input[type=submit],
.button,
.wc-block-grid__products .wc-block-grid__product .wp-block-button__link,
.added_to_cart {
  cursor: pointer;
  text-shadow: none;
  -webkit-appearance: none;
  word-break: break-word;
}

body {
  background-color: #fbf9f3;
}
body.page-template-authentication {
  background-color: #fcfcfc;
}

a:focus,
button:focus,
.button.alt:focus,
input:focus,
textarea:focus,
input[type=button]:focus,
input[type=reset]:focus,
input[type=submit]:focus,
input[type=email]:focus,
input[type=tel]:focus,
input[type=number]:focus,
input[type=url]:focus,
input[type=password]:focus,
input[type=search]:focus {
  outline: none;
}

a,
a:visited {
  color: #1a0c0c;
}

.required label::after,
.required strong::after,
.required legend::after {
  content: " *";
  color: #ec562d;
}
.required .radio-field > label::after {
  content: "";
}

.widget .widget-title {
  font-size: 1em;
  font-weight: bold;
  color: #1a0c0c;
  border-bottom: none;
  margin-bottom: 0;
}

.widget_product_categories button {
  background-color: #f0c450;
  border-radius: 5px;
}
.widget_product_categories .submit-product-categories-wrapper {
  bottom: 10px;
}
.widget_product_categories.widget.woocommerce li .count {
  float: none;
}
.widget_product_categories .widget-title {
  position: relative;
  top: 80px;
}

.widget-area .widget_search input[type=search],
.widget-area .widget_product_search input[type=search] {
  border: 1px solid black;
  border-radius: 5px;
  padding: 0.7em 1.4em;
  background-color: #ffffff;
}
.widget-area .widget_search form::before,
.widget-area .widget_product_search form::before {
  left: unset;
  right: 1em;
}

.torn-product-category-search-form {
  position: relative;
  top: -40px;
}

.site-main {
  position: relative;
  display: flex;
  flex-flow: column;
}

.vendor-page .site-main {
  padding-top: 25px;
}

#colophon .storefront-handheld-footer-bar {
  display: none;
}

html,
body {
  height: 100%;
  line-height: 1;
  margin: 0;
  padding: 0;
  border: 0;
  vertical-align: baseline;
}

button,
input,
select,
textarea {
  font-size: 100%;
  margin: 0;
  line-height: 1.618;
  text-rendering: optimizeLegibility;
  font-weight: 400;
}

textarea {
  padding: 12px 16px;
  border-radius: 12px;
  width: 100%;
  margin-top: 12px;
  border: 1px solid #666666;
}

ol,
ul {
  overflow-wrap: break-word;
  padding: 0;
}

* {
  box-sizing: border-box;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
}

a {
  text-decoration: none;
}

.torn-hypertext {
  text-decoration: underline !important;
}

p {
  overflow-wrap: break-word;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
  display: block;
}

table {
  border-spacing: 0;
  width: 100%;
  margin: 0 0 1.41575em;
  border-collapse: separate;
}
table td,
table th {
  padding: 1em 1.41575em;
  text-align: left;
  vertical-align: top;
}

img {
  height: auto;
  max-width: 100%;
  display: block;
  border-radius: 3px;
}

/**
 * Theese should probably be placed in component files.
 */
input[type=checkbox],
input[type=radio] {
  min-height: 24px;
  min-width: 24px;
  width: 32px;
  height: 32px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  vertical-align: text-bottom !important;
  outline: 0;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  border: 1px solid #1a0c0c;
  background-color: white;
  flex-shrink: 0;
  cursor: pointer;
  background-size: 16px;
  margin-right: 6px;
}
input[type=checkbox]:checked, input[type=checkbox][checked=checked]:not(body.woocommerce-cart .gateway-selector ul li input[type=radio][checked=checked]),
input[type=radio]:checked,
input[type=radio][checked=checked]:not(body.woocommerce-cart .gateway-selector ul li input[type=radio][checked=checked]) {
  background-color: #1a0c0c !important;
}
input[type=checkbox]:hover,
input[type=radio]:hover {
  box-shadow: 0 0 0 1px #1a0c0c;
}

input[type=radio] {
  border-radius: 50px;
}

input[type=checkbox] {
  border-radius: 8px;
}

input[type=text],
input[type=password],
input[type=number],
input[type=email],
input[type=tel],
input[type=url],
select {
  border: 1px solid #666666;
  margin-top: 12px;
  border-radius: 12px;
  padding: 12px 16px;
  font-size: 18px;
  line-height: 24px;
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

input[type=text]:hover:not([disabled]),
input[type=password]:hover:not([disabled]),
input[type=number]:hover:not([disabled]),
input[type=email]:hover:not([disabled]),
input[type=tel]:hover:not([disabled]),
input[type=url]:hover:not([disabled]),
textarea:hover:not([disabled]),
select:hover:not([disabled]) {
  outline: 1px solid #0f0f0f;
}

input[type=text]:disabled,
input[type=password]:disabled,
input[type=number]:disabled,
input[type=email]:disabled,
input[type=tel]:disabled,
input[type=url]:disabled,
textarea:disabled,
select:disabled {
  outline: 1px solid #eeeeee;
}

input[type=text]:focus,
input[type=password]:focus,
input[type=number]:focus,
input[type=email]:focus,
input[type=tel]:focus,
input[type=url]:focus,
textarea:focus,
select:focus {
  outline-width: 2px;
}

label {
  display: block;
}

dd {
  margin: 0 0 1.618em;
}

dt {
  font-weight: 600;
}

.screen-reader-text {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  -webkit-clip-path: inset(50%);
  clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
  word-wrap: normal !important;
}

.description {
  font-family: "Geist", sans-serif !important;
  font-size: 11px !important;
  font-weight: 400 !important;
  line-height: 17px !important;
  color: #898280 !important;
  margin-top: 0.25rem;
  margin-bottom: 0;
}
@media screen and (min-width: 1920px) {
  .description {
    font-size: 16px !important;
    line-height: 24px !important;
  }
}

.warning-description {
  font-family: "Geist", sans-serif !important;
  font-size: 11px !important;
  font-weight: 400 !important;
  line-height: 17px !important;
  color: #f78502 !important;
  margin-top: 12px;
}
@media screen and (min-width: 1920px) {
  .warning-description {
    font-size: 16px !important;
    line-height: 24px !important;
  }
}

.error-description {
  font-family: "Geist", sans-serif !important;
  font-size: 11px !important;
  font-weight: 400 !important;
  line-height: 17px !important;
  color: #ec562d !important;
  margin-top: 12px;
}
@media screen and (min-width: 1920px) {
  .error-description {
    font-size: 16px !important;
    line-height: 24px !important;
  }
}

#user_switching_switch_on {
  background-color: white;
  padding: 2px 4px !important;
  border-radius: 8px;
}

.torn-modal-backdrop {
  z-index: 40;
}

.torn-modal-container {
  position: fixed;
  top: 33%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: none;
  z-index: 50;
  background-color: white;
  box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
  border-radius: 24px;
  padding: 2.5rem 2rem;
  width: auto;
  max-width: 80vw;
  max-width: 80dvw;
  max-height: 90vh;
  max-height: 90dvh;
  overflow: auto;
}
@media screen and (min-width: 900px) {
  .torn-modal-container {
    top: 50%;
    padding: 4rem 2rem;
  }
}
@media screen and (max-width: 600px) {
  .torn-modal-container {
    max-height: 95vh;
    max-width: 99vw;
    max-width: 99dvw;
  }
}
@media screen and (max-width: 600px) {
  .torn-modal-container.narrow {
    width: 100%;
  }
}
.torn-modal-container .modal-content .modal-body {
  margin-top: 2rem;
}
@media screen and (max-width: 768px) {
  .torn-modal-container .modal-content .modal-body {
    margin-top: 1em;
  }
}
.torn-modal-container .modal-content .modal-body button,
.torn-modal-container .modal-content .modal-body a.button {
  width: auto;
  margin-top: 2rem;
}
@media screen and (max-width: 768px) {
  .torn-modal-container .modal-content .modal-body button,
  .torn-modal-container .modal-content .modal-body a.button {
    margin-top: 1em;
  }
}
.torn-modal-container.medium {
  padding: 32px;
  width: 755px;
}
.torn-modal-container label {
  text-align: left;
  font-size: 17px;
  font-weight: 700;
}
@media screen and (min-width: 900px) {
  .torn-modal-container label {
    margin-bottom: 12px;
  }
}
.torn-modal-container td {
  padding: 0;
}
.torn-modal-container input[type=password],
.torn-modal-container input[type=number],
.torn-modal-container input[type=tel],
.torn-modal-container input[type=text],
.torn-modal-container input[type=email],
.torn-modal-container button {
  width: 100%;
}
@media screen and (min-width: 900px) {
  .torn-modal-container input[type=password],
  .torn-modal-container input[type=number],
  .torn-modal-container input[type=tel],
  .torn-modal-container input[type=text],
  .torn-modal-container input[type=email],
  .torn-modal-container button {
    margin-bottom: 24px;
  }
}
.torn-modal-container button {
  justify-content: center;
}
.torn-modal-container button.close {
  position: absolute;
  text-indent: -9999px;
  border: none;
  background-color: transparent;
  right: 1.875rem;
  top: 1.875rem;
  height: 2.5rem;
  width: 2.5rem;
  background-size: 1.25rem;
}
.torn-modal-container .modal-headline {
  font-family: "Sharp Grotesk", sans-serif;
  font-size: 18px;
  line-height: 30px;
  font-weight: 400;
  color: #1a0c0c;
  margin: 0;
  padding-right: 1.875rem;
}
@media screen and (min-width: 900px) {
  .torn-modal-container .modal-headline {
    padding-bottom: 16px;
  }
}
.torn-modal-container .separator {
  border-bottom: 1px solid #e4e1dc;
  text-align: center;
  margin-bottom: 2rem;
}
.torn-modal-container .separator .text {
  color: #727272;
  margin: 0 auto;
  background-color: white;
  padding: 0 13px;
  position: relative;
  top: 8px;
  font-size: 14px;
}

body.show-modal-backdrop .torn-modal-container {
  display: flex;
  flex-direction: column;
}

.torn-toaster-container {
  position: fixed;
  height: fit-content;
  bottom: -120px;
  width: 100%;
  z-index: 99;
  padding: 20px 80px 20px 20px;
  transition: bottom 500ms;
  background-color: rgba(0, 0, 0, 0);
}
.torn-toaster-container.active {
  bottom: 0px;
}
.torn-toaster-container .box {
  color: #1a0c0c;
  margin: 0 auto !important;
  height: fit-content;
  display: flex;
  align-items: center;
  max-width: 800px;
  border-radius: 12px;
  border: 1px solid #f0c450;
  padding: 16px 24px 16px 24px;
  box-shadow: rgba(0, 0, 0, 0.25) 0px 54px 55px, rgba(0, 0, 0, 0.12) 0px -12px 30px, rgba(0, 0, 0, 0.12) 0px 4px 6px, rgba(0, 0, 0, 0.17) 0px 12px 13px, rgba(0, 0, 0, 0.09) 0px -3px 5px;
}
@media only screen and (max-width: 480px) {
  .torn-toaster-container .box {
    flex-direction: column;
    align-items: flex-start;
    gap: 6px;
    padding: 12px;
  }
}
.torn-toaster-container .box.success {
  background-color: #e6f9ea;
  border-color: #1f9f3c;
}
.torn-toaster-container .box.error {
  background-color: #ffe4e2;
  border-color: #d02e24;
  white-space: normal;
}
.torn-toaster-container .box.warning {
  background-color: #fef9ee;
  border-color: #f0c450;
}
.torn-toaster-container .box.info {
  background-color: #e4f0ff;
  border-color: #3074c1;
}
.torn-toaster-container .box .content {
  flex: 1;
  font-size: 18px;
  line-height: 24px;
  font-weight: 500;
}
@media only screen and (max-width: 480px) {
  .torn-toaster-container .box .content {
    font-size: 16px;
    line-height: 20px;
  }
}
.torn-toaster-container .box .button {
  flex: 0 0 fit-content;
  border: 1px solid #1a0c0c;
  border-radius: 50px;
  padding: 8px 12px;
  font-size: 14px;
  font-weight: 700;
  line-height: 14px;
}

#content {
  height: auto;
}

html {
  scroll-behavior: smooth;
}

.info-bubble__container {
  height: 24px;
  width: 24px;
  background-image: url("data:image/svg+xml,%3csvg%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M12%2011C11.7348%2011%2011.4804%2011.1054%2011.2929%2011.2929C11.1054%2011.4804%2011%2011.7348%2011%2012V16C11%2016.2652%2011.1054%2016.5196%2011.2929%2016.7071C11.4804%2016.8946%2011.7348%2017%2012%2017C12.2652%2017%2012.5196%2016.8946%2012.7071%2016.7071C12.8946%2016.5196%2013%2016.2652%2013%2016V12C13%2011.7348%2012.8946%2011.4804%2012.7071%2011.2929C12.5196%2011.1054%2012.2652%2011%2012%2011ZM12.38%207.08C12.1365%206.97998%2011.8635%206.97998%2011.62%207.08C11.4973%207.12759%2011.3851%207.19896%2011.29%207.29C11.2017%207.3872%2011.1306%207.49882%2011.08%207.62C11.024%207.73868%2010.9966%207.86882%2011%208C10.9992%208.13161%2011.0245%208.26207%2011.0742%208.38391C11.124%208.50574%2011.1973%208.61656%2011.29%208.71C11.3872%208.79833%2011.4988%208.86936%2011.62%208.92C11.7715%208.98224%2011.936%209.00632%2012.099%208.99011C12.2619%208.97391%2012.4184%208.91792%2012.5547%208.82707C12.691%208.73622%2012.8029%208.61328%2012.8805%208.46907C12.9582%208.32486%2012.9992%208.16378%2013%208C12.9963%207.73523%2012.8927%207.48163%2012.71%207.29C12.6149%207.19896%2012.5028%207.12759%2012.38%207.08ZM12%202C10.0222%202%208.08879%202.58649%206.4443%203.6853C4.79981%204.78412%203.51809%206.3459%202.76121%208.17317C2.00433%2010.0004%201.8063%2012.0111%202.19215%2013.9509C2.578%2015.8907%203.53041%2017.6725%204.92894%2019.0711C6.32746%2020.4696%208.10929%2021.422%2010.0491%2021.8079C11.9889%2022.1937%2013.9996%2021.9957%2015.8268%2021.2388C17.6541%2020.4819%2019.2159%2019.2002%2020.3147%2017.5557C21.4135%2015.9112%2022%2013.9778%2022%2012C22%2010.6868%2021.7413%209.38642%2021.2388%208.17317C20.7363%206.95991%2019.9997%205.85752%2019.0711%204.92893C18.1425%204.00035%2017.0401%203.26375%2015.8268%202.7612C14.6136%202.25866%2013.3132%202%2012%202ZM12%2020C10.4178%2020%208.87104%2019.5308%207.55544%2018.6518C6.23985%2017.7727%205.21447%2016.5233%204.60897%2015.0615C4.00347%2013.5997%203.84504%2011.9911%204.15372%2010.4393C4.4624%208.88743%205.22433%207.46197%206.34315%206.34315C7.46197%205.22433%208.88743%204.4624%2010.4393%204.15372C11.9911%203.84504%2013.5997%204.00346%2015.0615%204.60896C16.5233%205.21447%2017.7727%206.23984%2018.6518%207.55544C19.5308%208.87103%2020%2010.4177%2020%2012C20%2014.1217%2019.1572%2016.1566%2017.6569%2017.6569C16.1566%2019.1571%2014.1217%2020%2012%2020Z'%20fill='black'/%3e%3c/svg%3e");
  cursor: help;
  position: relative;
  z-index: 10;
}
.info-bubble__container .info-bubble__content {
  background-color: #daf3fb;
  position: absolute;
  display: flex;
  flex-flow: column;
  justify-content: center;
  align-items: left;
  box-shadow: 0px 5px 5px 0px lightgrey;
  padding: 1.5rem;
  border-radius: 20px;
  width: 300px;
  transition: all 0.3s ease-in-out;
  pointer-events: none;
}
.info-bubble__container .info-bubble__content .header-content {
  font-family: "Geist", sans-serif;
  font-size: 11px !important;
  font-weight: 700 !important;
  line-height: 17px !important;
  border-bottom: 1px solid;
  margin-bottom: 1rem;
  line-height: 160%;
  text-align: center;
  width: 100%;
  color: #2ea7ce;
}
@media screen and (min-width: 1920px) {
  .info-bubble__container .info-bubble__content .header-content {
    font-size: 16px !important;
    line-height: 24px !important;
  }
}
.info-bubble__container .info-bubble__content .header-content h1 {
  font-family: "Sharp Grotesk", sans-serif;
  font-size: 26px !important;
  font-weight: 500;
  line-height: 28px;
}
@media screen and (min-width: 1920px) {
  .info-bubble__container .info-bubble__content .header-content h1 {
    font-size: 32px !important;
    line-height: 32px;
  }
}
.info-bubble__container .info-bubble__content .header-content #sub-heading {
  color: black;
  margin-bottom: 0;
  font-size: 14px;
}
.info-bubble__container .info-bubble__content .body-content {
  font-family: "Geist", sans-serif;
  font-size: 12.5px !important;
  font-weight: 400 !important;
  line-height: 17px !important;
  text-align: start;
  white-space: normal;
}
@media screen and (min-width: 1920px) {
  .info-bubble__container .info-bubble__content .body-content {
    font-size: 18px !important;
    line-height: 26px !important;
  }
}
.info-bubble__container .info-bubble__content .body-content li {
  margin-top: 8px;
}.torn-editor-container {
  margin-top: 32px;
}
.torn-editor-container .torn-editor {
  margin-top: 12px;
  padding: 12px 16px;
  border: 1px solid #666666;
  border-radius: 12px;
}
.torn-editor-container .torn-editor .torn-editor-controls {
  display: flex;
  column-gap: 6px;
  position: relative;
}
.torn-editor-container .torn-editor .torn-editor-controls button {
  background-color: white;
  border: none;
  padding: 2px 15px;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.22);
  font-weight: 500;
  display: flex;
  align-items: center;
}
.torn-editor-container .torn-editor .torn-editor-controls > div {
  display: flex;
  column-gap: 6px;
}
.torn-editor-container .torn-editor #link-button {
  position: relative;
}
.torn-editor-container .torn-editor .torn-editor-link {
  color: blue;
  text-decoration: underline;
  cursor: pointer;
}
.torn-editor-container .torn-editor .torn-editor-link-tooltip {
  z-index: 10;
  top: 24px;
  left: 0;
  padding: 6px;
  margin-top: 12px;
  position: absolute;
  width: max-content;
  display: flex;
  flex-direction: column;
  row-gap: 6px;
  background-color: #fbf9f3;
  border: 2px solid #eeeeee;
}
.torn-editor-container .torn-editor .torn-editor-link-tooltip span {
  background-color: white;
  border: none;
  padding: 2px 15px;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.22);
  font-weight: lighter;
  text-align: left;
}
.torn-editor-container .torn-editor .torn-editor-link-tooltip span:hover {
  background-color: #eeeeee;
}
.torn-editor-container .torn-editor .public-DraftEditorPlaceholder-root,
.torn-editor-container .torn-editor .public-DraftEditor-content {
  padding: 15px 0;
}
.torn-editor-container .torn-editor .public-DraftEditor-content {
  min-height: 200px;
  max-height: 300px;
  word-break: break-normal;
  overflow-y: auto;
  line-height: 1.5rem;
}
.torn-editor-container .active {
  background-color: #eeeeee !important;
  color: #666666;
}
.torn-editor-container .italic {
  font-style: italic;
}

#link-form {
  padding: 24px;
  width: 30vw;
  max-width: 800px;
  display: flex;
  flex-direction: column;
}
#link-form .link-inputs {
  margin: 24px 0;
}
#link-form .link-inputs label:not(first-child) {
  margin-top: 24px;
}
#link-form .link-inputs input {
  width: 100%;
}
#link-form .link-actions {
  display: flex;
  justify-content: flex-end;
  column-gap: 12px;
}
h1,
h1 *,
h2,
h2 *,
h3,
h3 * {
  font-family: "Sharp Grotesk", sans-serif;
  margin: 0 0 0.5407911001em;
}

* {
  font-family: "Geist", sans-serif;
}

/**
* Buttons: Bør flyttes til en egen fil med alt knapper.
* @see https://torn-team.atlassian.net/browse/TORN-1104
 */
button.disabled,
button:disabled,
input[type=button].disabled,
input[type=button]:disabled,
input[type=reset].disabled,
input[type=reset]:disabled,
input[type=submit].disabled,
input[type=submit]:disabled,
.button.disabled,
.button:disabled,
.wc-block-grid__products .wc-block-grid__product .wp-block-button__link.disabled,
.wc-block-grid__products .wc-block-grid__product .wp-block-button__link:disabled,
.added_to_cart.disabled,
.added_to_cart:disabled {
  opacity: 0.5 !important;
  cursor: not-allowed;
}

button,
input[type=button],
input[type=reset],
input[type=submit],
.button,
.wc-block-grid__products .wc-block-grid__product .wp-block-button__link,
.added_to_cart {
  cursor: pointer;
  text-shadow: none;
  -webkit-appearance: none;
  word-break: break-word;
}

body {
  background-color: #fbf9f3;
}
body.page-template-authentication {
  background-color: #fcfcfc;
}

a:focus,
button:focus,
.button.alt:focus,
input:focus,
textarea:focus,
input[type=button]:focus,
input[type=reset]:focus,
input[type=submit]:focus,
input[type=email]:focus,
input[type=tel]:focus,
input[type=number]:focus,
input[type=url]:focus,
input[type=password]:focus,
input[type=search]:focus {
  outline: none;
}

a,
a:visited {
  color: #1a0c0c;
}

.required label::after,
.required strong::after,
.required legend::after {
  content: " *";
  color: #ec562d;
}
.required .radio-field > label::after {
  content: "";
}

.widget .widget-title {
  font-size: 1em;
  font-weight: bold;
  color: #1a0c0c;
  border-bottom: none;
  margin-bottom: 0;
}

.widget_product_categories button {
  background-color: #f0c450;
  border-radius: 5px;
}
.widget_product_categories .submit-product-categories-wrapper {
  bottom: 10px;
}
.widget_product_categories.widget.woocommerce li .count {
  float: none;
}
.widget_product_categories .widget-title {
  position: relative;
  top: 80px;
}

.widget-area .widget_search input[type=search],
.widget-area .widget_product_search input[type=search] {
  border: 1px solid black;
  border-radius: 5px;
  padding: 0.7em 1.4em;
  background-color: #ffffff;
}
.widget-area .widget_search form::before,
.widget-area .widget_product_search form::before {
  left: unset;
  right: 1em;
}

.torn-product-category-search-form {
  position: relative;
  top: -40px;
}

.site-main {
  position: relative;
  display: flex;
  flex-flow: column;
}

.vendor-page .site-main {
  padding-top: 25px;
}

#colophon .storefront-handheld-footer-bar {
  display: none;
}

html,
body {
  height: 100%;
  line-height: 1;
  margin: 0;
  padding: 0;
  border: 0;
  vertical-align: baseline;
}

button,
input,
select,
textarea {
  font-size: 100%;
  margin: 0;
  line-height: 1.618;
  text-rendering: optimizeLegibility;
  font-weight: 400;
}

textarea {
  padding: 12px 16px;
  border-radius: 12px;
  width: 100%;
  margin-top: 12px;
  border: 1px solid #666666;
}

ol,
ul {
  overflow-wrap: break-word;
  padding: 0;
}

* {
  box-sizing: border-box;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
}

a {
  text-decoration: none;
}

.torn-hypertext {
  text-decoration: underline !important;
}

p {
  overflow-wrap: break-word;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
  display: block;
}

table {
  border-spacing: 0;
  width: 100%;
  margin: 0 0 1.41575em;
  border-collapse: separate;
}
table td,
table th {
  padding: 1em 1.41575em;
  text-align: left;
  vertical-align: top;
}

img {
  height: auto;
  max-width: 100%;
  display: block;
  border-radius: 3px;
}

/**
 * Theese should probably be placed in component files.
 */
input[type=checkbox],
input[type=radio] {
  min-height: 24px;
  min-width: 24px;
  width: 32px;
  height: 32px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  vertical-align: text-bottom !important;
  outline: 0;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  border: 1px solid #1a0c0c;
  background-color: white;
  flex-shrink: 0;
  cursor: pointer;
  background-size: 16px;
  margin-right: 6px;
}
input[type=checkbox]:checked, input[type=checkbox][checked=checked]:not(body.woocommerce-cart .gateway-selector ul li input[type=radio][checked=checked]),
input[type=radio]:checked,
input[type=radio][checked=checked]:not(body.woocommerce-cart .gateway-selector ul li input[type=radio][checked=checked]) {
  background-color: #1a0c0c !important;
}
input[type=checkbox]:hover,
input[type=radio]:hover {
  box-shadow: 0 0 0 1px #1a0c0c;
}

input[type=radio] {
  border-radius: 50px;
}

input[type=checkbox] {
  border-radius: 8px;
}

input[type=text],
input[type=password],
input[type=number],
input[type=email],
input[type=tel],
input[type=url],
select {
  border: 1px solid #666666;
  margin-top: 12px;
  border-radius: 12px;
  padding: 12px 16px;
  font-size: 18px;
  line-height: 24px;
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

input[type=text]:hover:not([disabled]),
input[type=password]:hover:not([disabled]),
input[type=number]:hover:not([disabled]),
input[type=email]:hover:not([disabled]),
input[type=tel]:hover:not([disabled]),
input[type=url]:hover:not([disabled]),
textarea:hover:not([disabled]),
select:hover:not([disabled]) {
  outline: 1px solid #0f0f0f;
}

input[type=text]:disabled,
input[type=password]:disabled,
input[type=number]:disabled,
input[type=email]:disabled,
input[type=tel]:disabled,
input[type=url]:disabled,
textarea:disabled,
select:disabled {
  outline: 1px solid #eeeeee;
}

input[type=text]:focus,
input[type=password]:focus,
input[type=number]:focus,
input[type=email]:focus,
input[type=tel]:focus,
input[type=url]:focus,
textarea:focus,
select:focus {
  outline-width: 2px;
}

label {
  display: block;
}

dd {
  margin: 0 0 1.618em;
}

dt {
  font-weight: 600;
}

.screen-reader-text {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  -webkit-clip-path: inset(50%);
  clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
  word-wrap: normal !important;
}

.description {
  font-family: "Geist", sans-serif !important;
  font-size: 11px !important;
  font-weight: 400 !important;
  line-height: 17px !important;
  color: #898280 !important;
  margin-top: 0.25rem;
  margin-bottom: 0;
}
@media screen and (min-width: 1920px) {
  .description {
    font-size: 16px !important;
    line-height: 24px !important;
  }
}

.warning-description {
  font-family: "Geist", sans-serif !important;
  font-size: 11px !important;
  font-weight: 400 !important;
  line-height: 17px !important;
  color: #f78502 !important;
  margin-top: 12px;
}
@media screen and (min-width: 1920px) {
  .warning-description {
    font-size: 16px !important;
    line-height: 24px !important;
  }
}

.error-description {
  font-family: "Geist", sans-serif !important;
  font-size: 11px !important;
  font-weight: 400 !important;
  line-height: 17px !important;
  color: #ec562d !important;
  margin-top: 12px;
}
@media screen and (min-width: 1920px) {
  .error-description {
    font-size: 16px !important;
    line-height: 24px !important;
  }
}

#user_switching_switch_on {
  background-color: white;
  padding: 2px 4px !important;
  border-radius: 8px;
}

.torn-modal-backdrop {
  z-index: 40;
}

.torn-modal-container {
  position: fixed;
  top: 33%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: none;
  z-index: 50;
  background-color: white;
  box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
  border-radius: 24px;
  padding: 2.5rem 2rem;
  width: auto;
  max-width: 80vw;
  max-width: 80dvw;
  max-height: 90vh;
  max-height: 90dvh;
  overflow: auto;
}
@media screen and (min-width: 900px) {
  .torn-modal-container {
    top: 50%;
    padding: 4rem 2rem;
  }
}
@media screen and (max-width: 600px) {
  .torn-modal-container {
    max-height: 95vh;
    max-width: 99vw;
    max-width: 99dvw;
  }
}
@media screen and (max-width: 600px) {
  .torn-modal-container.narrow {
    width: 100%;
  }
}
.torn-modal-container .modal-content .modal-body {
  margin-top: 2rem;
}
@media screen and (max-width: 768px) {
  .torn-modal-container .modal-content .modal-body {
    margin-top: 1em;
  }
}
.torn-modal-container .modal-content .modal-body button,
.torn-modal-container .modal-content .modal-body a.button {
  width: auto;
  margin-top: 2rem;
}
@media screen and (max-width: 768px) {
  .torn-modal-container .modal-content .modal-body button,
  .torn-modal-container .modal-content .modal-body a.button {
    margin-top: 1em;
  }
}
.torn-modal-container.medium {
  padding: 32px;
  width: 755px;
}
.torn-modal-container label {
  text-align: left;
  font-size: 17px;
  font-weight: 700;
}
@media screen and (min-width: 900px) {
  .torn-modal-container label {
    margin-bottom: 12px;
  }
}
.torn-modal-container td {
  padding: 0;
}
.torn-modal-container input[type=password],
.torn-modal-container input[type=number],
.torn-modal-container input[type=tel],
.torn-modal-container input[type=text],
.torn-modal-container input[type=email],
.torn-modal-container button {
  width: 100%;
}
@media screen and (min-width: 900px) {
  .torn-modal-container input[type=password],
  .torn-modal-container input[type=number],
  .torn-modal-container input[type=tel],
  .torn-modal-container input[type=text],
  .torn-modal-container input[type=email],
  .torn-modal-container button {
    margin-bottom: 24px;
  }
}
.torn-modal-container button {
  justify-content: center;
}
.torn-modal-container button.close {
  position: absolute;
  text-indent: -9999px;
  border: none;
  background-color: transparent;
  right: 1.875rem;
  top: 1.875rem;
  height: 2.5rem;
  width: 2.5rem;
  background-size: 1.25rem;
}
.torn-modal-container .modal-headline {
  font-family: "Sharp Grotesk", sans-serif;
  font-size: 18px;
  line-height: 30px;
  font-weight: 400;
  color: #1a0c0c;
  margin: 0;
  padding-right: 1.875rem;
}
@media screen and (min-width: 900px) {
  .torn-modal-container .modal-headline {
    padding-bottom: 16px;
  }
}
.torn-modal-container .separator {
  border-bottom: 1px solid #e4e1dc;
  text-align: center;
  margin-bottom: 2rem;
}
.torn-modal-container .separator .text {
  color: #727272;
  margin: 0 auto;
  background-color: white;
  padding: 0 13px;
  position: relative;
  top: 8px;
  font-size: 14px;
}

body.show-modal-backdrop .torn-modal-container {
  display: flex;
  flex-direction: column;
}

.torn-toaster-container {
  position: fixed;
  height: fit-content;
  bottom: -120px;
  width: 100%;
  z-index: 99;
  padding: 20px 80px 20px 20px;
  transition: bottom 500ms;
  background-color: rgba(0, 0, 0, 0);
}
.torn-toaster-container.active {
  bottom: 0px;
}
.torn-toaster-container .box {
  color: #1a0c0c;
  margin: 0 auto !important;
  height: fit-content;
  display: flex;
  align-items: center;
  max-width: 800px;
  border-radius: 12px;
  border: 1px solid #f0c450;
  padding: 16px 24px 16px 24px;
  box-shadow: rgba(0, 0, 0, 0.25) 0px 54px 55px, rgba(0, 0, 0, 0.12) 0px -12px 30px, rgba(0, 0, 0, 0.12) 0px 4px 6px, rgba(0, 0, 0, 0.17) 0px 12px 13px, rgba(0, 0, 0, 0.09) 0px -3px 5px;
}
@media only screen and (max-width: 480px) {
  .torn-toaster-container .box {
    flex-direction: column;
    align-items: flex-start;
    gap: 6px;
    padding: 12px;
  }
}
.torn-toaster-container .box.success {
  background-color: #e6f9ea;
  border-color: #1f9f3c;
}
.torn-toaster-container .box.error {
  background-color: #ffe4e2;
  border-color: #d02e24;
  white-space: normal;
}
.torn-toaster-container .box.warning {
  background-color: #fef9ee;
  border-color: #f0c450;
}
.torn-toaster-container .box.info {
  background-color: #e4f0ff;
  border-color: #3074c1;
}
.torn-toaster-container .box .content {
  flex: 1;
  font-size: 18px;
  line-height: 24px;
  font-weight: 500;
}
@media only screen and (max-width: 480px) {
  .torn-toaster-container .box .content {
    font-size: 16px;
    line-height: 20px;
  }
}
.torn-toaster-container .box .button {
  flex: 0 0 fit-content;
  border: 1px solid #1a0c0c;
  border-radius: 50px;
  padding: 8px 12px;
  font-size: 14px;
  font-weight: 700;
  line-height: 14px;
}

#content {
  height: auto;
}

html {
  scroll-behavior: smooth;
}

.grid-inputs {
  display: flex;
  flex-direction: column;
}
.grid-inputs .select-container {
  width: 100%;
}
.grid-inputs.align-end {
  align-items: normal;
}
@media screen and (min-width: 1028px) {
  .grid-inputs {
    display: grid;
    grid-template-columns: 1fr 1fr;
    align-content: space-around;
    column-gap: 2rem;
  }
  .grid-inputs.align-end {
    align-items: end;
  }
}

.batch-radiobuttons {
  margin-top: 1.5rem;
}
h1,
h1 *,
h2,
h2 *,
h3,
h3 * {
  font-family: "Sharp Grotesk", sans-serif;
  margin: 0 0 0.5407911001em;
}

* {
  font-family: "Geist", sans-serif;
}

/**
* Buttons: Bør flyttes til en egen fil med alt knapper.
* @see https://torn-team.atlassian.net/browse/TORN-1104
 */
button.disabled,
button:disabled,
input[type=button].disabled,
input[type=button]:disabled,
input[type=reset].disabled,
input[type=reset]:disabled,
input[type=submit].disabled,
input[type=submit]:disabled,
.button.disabled,
.button:disabled,
.wc-block-grid__products .wc-block-grid__product .wp-block-button__link.disabled,
.wc-block-grid__products .wc-block-grid__product .wp-block-button__link:disabled,
.added_to_cart.disabled,
.added_to_cart:disabled {
  opacity: 0.5 !important;
  cursor: not-allowed;
}

button,
input[type=button],
input[type=reset],
input[type=submit],
.button,
.wc-block-grid__products .wc-block-grid__product .wp-block-button__link,
.added_to_cart {
  cursor: pointer;
  text-shadow: none;
  -webkit-appearance: none;
  word-break: break-word;
}

body {
  background-color: #fbf9f3;
}
body.page-template-authentication {
  background-color: #fcfcfc;
}

a:focus,
button:focus,
.button.alt:focus,
input:focus,
textarea:focus,
input[type=button]:focus,
input[type=reset]:focus,
input[type=submit]:focus,
input[type=email]:focus,
input[type=tel]:focus,
input[type=number]:focus,
input[type=url]:focus,
input[type=password]:focus,
input[type=search]:focus {
  outline: none;
}

a,
a:visited {
  color: #1a0c0c;
}

.required label::after,
.required strong::after,
.required legend::after {
  content: " *";
  color: #ec562d;
}
.required .radio-field > label::after {
  content: "";
}

.widget .widget-title {
  font-size: 1em;
  font-weight: bold;
  color: #1a0c0c;
  border-bottom: none;
  margin-bottom: 0;
}

.widget_product_categories button {
  background-color: #f0c450;
  border-radius: 5px;
}
.widget_product_categories .submit-product-categories-wrapper {
  bottom: 10px;
}
.widget_product_categories.widget.woocommerce li .count {
  float: none;
}
.widget_product_categories .widget-title {
  position: relative;
  top: 80px;
}

.widget-area .widget_search input[type=search],
.widget-area .widget_product_search input[type=search] {
  border: 1px solid black;
  border-radius: 5px;
  padding: 0.7em 1.4em;
  background-color: #ffffff;
}
.widget-area .widget_search form::before,
.widget-area .widget_product_search form::before {
  left: unset;
  right: 1em;
}

.torn-product-category-search-form {
  position: relative;
  top: -40px;
}

.site-main {
  position: relative;
  display: flex;
  flex-flow: column;
}

.vendor-page .site-main {
  padding-top: 25px;
}

#colophon .storefront-handheld-footer-bar {
  display: none;
}

html,
body {
  height: 100%;
  line-height: 1;
  margin: 0;
  padding: 0;
  border: 0;
  vertical-align: baseline;
}

button,
input,
select,
textarea {
  font-size: 100%;
  margin: 0;
  line-height: 1.618;
  text-rendering: optimizeLegibility;
  font-weight: 400;
}

textarea {
  padding: 12px 16px;
  border-radius: 12px;
  width: 100%;
  margin-top: 12px;
  border: 1px solid #666666;
}

ol,
ul {
  overflow-wrap: break-word;
  padding: 0;
}

* {
  box-sizing: border-box;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
}

a {
  text-decoration: none;
}

.torn-hypertext {
  text-decoration: underline !important;
}

p {
  overflow-wrap: break-word;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
  display: block;
}

table {
  border-spacing: 0;
  width: 100%;
  margin: 0 0 1.41575em;
  border-collapse: separate;
}
table td,
table th {
  padding: 1em 1.41575em;
  text-align: left;
  vertical-align: top;
}

img {
  height: auto;
  max-width: 100%;
  display: block;
  border-radius: 3px;
}

/**
 * Theese should probably be placed in component files.
 */
input[type=checkbox],
input[type=radio] {
  min-height: 24px;
  min-width: 24px;
  width: 32px;
  height: 32px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  vertical-align: text-bottom !important;
  outline: 0;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  border: 1px solid #1a0c0c;
  background-color: white;
  flex-shrink: 0;
  cursor: pointer;
  background-size: 16px;
  margin-right: 6px;
}
input[type=checkbox]:checked, input[type=checkbox][checked=checked]:not(body.woocommerce-cart .gateway-selector ul li input[type=radio][checked=checked]),
input[type=radio]:checked,
input[type=radio][checked=checked]:not(body.woocommerce-cart .gateway-selector ul li input[type=radio][checked=checked]) {
  background-color: #1a0c0c !important;
}
input[type=checkbox]:hover,
input[type=radio]:hover {
  box-shadow: 0 0 0 1px #1a0c0c;
}

input[type=radio] {
  border-radius: 50px;
}

input[type=checkbox] {
  border-radius: 8px;
}

input[type=text],
input[type=password],
input[type=number],
input[type=email],
input[type=tel],
input[type=url],
select {
  border: 1px solid #666666;
  margin-top: 12px;
  border-radius: 12px;
  padding: 12px 16px;
  font-size: 18px;
  line-height: 24px;
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

input[type=text]:hover:not([disabled]),
input[type=password]:hover:not([disabled]),
input[type=number]:hover:not([disabled]),
input[type=email]:hover:not([disabled]),
input[type=tel]:hover:not([disabled]),
input[type=url]:hover:not([disabled]),
textarea:hover:not([disabled]),
select:hover:not([disabled]) {
  outline: 1px solid #0f0f0f;
}

input[type=text]:disabled,
input[type=password]:disabled,
input[type=number]:disabled,
input[type=email]:disabled,
input[type=tel]:disabled,
input[type=url]:disabled,
textarea:disabled,
select:disabled {
  outline: 1px solid #eeeeee;
}

input[type=text]:focus,
input[type=password]:focus,
input[type=number]:focus,
input[type=email]:focus,
input[type=tel]:focus,
input[type=url]:focus,
textarea:focus,
select:focus {
  outline-width: 2px;
}

label {
  display: block;
}

dd {
  margin: 0 0 1.618em;
}

dt {
  font-weight: 600;
}

.screen-reader-text {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  -webkit-clip-path: inset(50%);
  clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
  word-wrap: normal !important;
}

.description {
  font-family: "Geist", sans-serif !important;
  font-size: 11px !important;
  font-weight: 400 !important;
  line-height: 17px !important;
  color: #898280 !important;
  margin-top: 0.25rem;
  margin-bottom: 0;
}
@media screen and (min-width: 1920px) {
  .description {
    font-size: 16px !important;
    line-height: 24px !important;
  }
}

.warning-description {
  font-family: "Geist", sans-serif !important;
  font-size: 11px !important;
  font-weight: 400 !important;
  line-height: 17px !important;
  color: #f78502 !important;
  margin-top: 12px;
}
@media screen and (min-width: 1920px) {
  .warning-description {
    font-size: 16px !important;
    line-height: 24px !important;
  }
}

.error-description {
  font-family: "Geist", sans-serif !important;
  font-size: 11px !important;
  font-weight: 400 !important;
  line-height: 17px !important;
  color: #ec562d !important;
  margin-top: 12px;
}
@media screen and (min-width: 1920px) {
  .error-description {
    font-size: 16px !important;
    line-height: 24px !important;
  }
}

#user_switching_switch_on {
  background-color: white;
  padding: 2px 4px !important;
  border-radius: 8px;
}

.torn-modal-backdrop {
  z-index: 40;
}

.torn-modal-container {
  position: fixed;
  top: 33%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: none;
  z-index: 50;
  background-color: white;
  box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
  border-radius: 24px;
  padding: 2.5rem 2rem;
  width: auto;
  max-width: 80vw;
  max-width: 80dvw;
  max-height: 90vh;
  max-height: 90dvh;
  overflow: auto;
}
@media screen and (min-width: 900px) {
  .torn-modal-container {
    top: 50%;
    padding: 4rem 2rem;
  }
}
@media screen and (max-width: 600px) {
  .torn-modal-container {
    max-height: 95vh;
    max-width: 99vw;
    max-width: 99dvw;
  }
}
@media screen and (max-width: 600px) {
  .torn-modal-container.narrow {
    width: 100%;
  }
}
.torn-modal-container .modal-content .modal-body {
  margin-top: 2rem;
}
@media screen and (max-width: 768px) {
  .torn-modal-container .modal-content .modal-body {
    margin-top: 1em;
  }
}
.torn-modal-container .modal-content .modal-body button,
.torn-modal-container .modal-content .modal-body a.button {
  width: auto;
  margin-top: 2rem;
}
@media screen and (max-width: 768px) {
  .torn-modal-container .modal-content .modal-body button,
  .torn-modal-container .modal-content .modal-body a.button {
    margin-top: 1em;
  }
}
.torn-modal-container.medium {
  padding: 32px;
  width: 755px;
}
.torn-modal-container label {
  text-align: left;
  font-size: 17px;
  font-weight: 700;
}
@media screen and (min-width: 900px) {
  .torn-modal-container label {
    margin-bottom: 12px;
  }
}
.torn-modal-container td {
  padding: 0;
}
.torn-modal-container input[type=password],
.torn-modal-container input[type=number],
.torn-modal-container input[type=tel],
.torn-modal-container input[type=text],
.torn-modal-container input[type=email],
.torn-modal-container button {
  width: 100%;
}
@media screen and (min-width: 900px) {
  .torn-modal-container input[type=password],
  .torn-modal-container input[type=number],
  .torn-modal-container input[type=tel],
  .torn-modal-container input[type=text],
  .torn-modal-container input[type=email],
  .torn-modal-container button {
    margin-bottom: 24px;
  }
}
.torn-modal-container button {
  justify-content: center;
}
.torn-modal-container button.close {
  position: absolute;
  text-indent: -9999px;
  border: none;
  background-color: transparent;
  right: 1.875rem;
  top: 1.875rem;
  height: 2.5rem;
  width: 2.5rem;
  background-size: 1.25rem;
}
.torn-modal-container .modal-headline {
  font-family: "Sharp Grotesk", sans-serif;
  font-size: 18px;
  line-height: 30px;
  font-weight: 400;
  color: #1a0c0c;
  margin: 0;
  padding-right: 1.875rem;
}
@media screen and (min-width: 900px) {
  .torn-modal-container .modal-headline {
    padding-bottom: 16px;
  }
}
.torn-modal-container .separator {
  border-bottom: 1px solid #e4e1dc;
  text-align: center;
  margin-bottom: 2rem;
}
.torn-modal-container .separator .text {
  color: #727272;
  margin: 0 auto;
  background-color: white;
  padding: 0 13px;
  position: relative;
  top: 8px;
  font-size: 14px;
}

body.show-modal-backdrop .torn-modal-container {
  display: flex;
  flex-direction: column;
}

.torn-toaster-container {
  position: fixed;
  height: fit-content;
  bottom: -120px;
  width: 100%;
  z-index: 99;
  padding: 20px 80px 20px 20px;
  transition: bottom 500ms;
  background-color: rgba(0, 0, 0, 0);
}
.torn-toaster-container.active {
  bottom: 0px;
}
.torn-toaster-container .box {
  color: #1a0c0c;
  margin: 0 auto !important;
  height: fit-content;
  display: flex;
  align-items: center;
  max-width: 800px;
  border-radius: 12px;
  border: 1px solid #f0c450;
  padding: 16px 24px 16px 24px;
  box-shadow: rgba(0, 0, 0, 0.25) 0px 54px 55px, rgba(0, 0, 0, 0.12) 0px -12px 30px, rgba(0, 0, 0, 0.12) 0px 4px 6px, rgba(0, 0, 0, 0.17) 0px 12px 13px, rgba(0, 0, 0, 0.09) 0px -3px 5px;
}
@media only screen and (max-width: 480px) {
  .torn-toaster-container .box {
    flex-direction: column;
    align-items: flex-start;
    gap: 6px;
    padding: 12px;
  }
}
.torn-toaster-container .box.success {
  background-color: #e6f9ea;
  border-color: #1f9f3c;
}
.torn-toaster-container .box.error {
  background-color: #ffe4e2;
  border-color: #d02e24;
  white-space: normal;
}
.torn-toaster-container .box.warning {
  background-color: #fef9ee;
  border-color: #f0c450;
}
.torn-toaster-container .box.info {
  background-color: #e4f0ff;
  border-color: #3074c1;
}
.torn-toaster-container .box .content {
  flex: 1;
  font-size: 18px;
  line-height: 24px;
  font-weight: 500;
}
@media only screen and (max-width: 480px) {
  .torn-toaster-container .box .content {
    font-size: 16px;
    line-height: 20px;
  }
}
.torn-toaster-container .box .button {
  flex: 0 0 fit-content;
  border: 1px solid #1a0c0c;
  border-radius: 50px;
  padding: 8px 12px;
  font-size: 14px;
  font-weight: 700;
  line-height: 14px;
}

#content {
  height: auto;
}

html {
  scroll-behavior: smooth;
}

.price-container h3 {
  margin-bottom: 0;
  font-size: 20px;
  font-weight: 500;
  line-height: 36px;
}
.price-container .price-suggestions-container {
  margin-top: 32px;
}
.price-container .price-suggestions-container label {
  font-family: "Geist", sans-serif;
  font-size: 12.5px !important;
  font-weight: 400 !important;
  line-height: 17px !important;
  font-weight: 700 !important;
}
@media screen and (min-width: 1920px) {
  .price-container .price-suggestions-container label {
    font-size: 18px !important;
    line-height: 26px !important;
  }
}
.price-container .price-suggestions-container .price-suggesitons {
  margin-top: 12px;
  list-style: none;
}
.price-container .price-suggestions-container .price-suggesitons .suggestion {
  padding: 16px 0;
  border-top: 1px solid #eeeeee;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  align-content: center;
  font-size: 14px;
  line-height: 16px;
}
.price-container .price-suggestions-container .price-suggesitons .suggestion:last-child {
  border-bottom: 1px solid #eeeeee;
}
.price-container .price-suggestions-container .price-suggesitons .suggestion .suggestion-product {
  font-weight: 700;
  word-break: break-all;
}
.price-container .price-suggestions-container .price-suggesitons .suggestion .suggestion-product a {
  display: flex;
  align-items: center;
  column-gap: 6px;
}
.price-container .price-suggestions-container .price-suggesitons .suggestion .suggestion-product a:hover {
  text-decoration: underline;
}
.price-container .price-suggestions-container .price-suggesitons .suggestion .suggestion-product a svg {
  min-width: 20px;
}
.price-container .price-suggestions-container .price-suggesitons .suggestion .suggestion-inventory,
.price-container .price-suggestions-container .price-suggesitons .suggestion .suggestion-price {
  font-weight: 400;
  text-align: end;
}
.price-container .price-suggestions-container .price-suggesitons .suggestion .suggestion-inventory {
  color: #898280;
}
.price-container .price-suggestions-container .plankepriser-price-container {
  margin-top: 2rem;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.price-container .price-suggestions-container .plankepriser-price-container .description {
  width: 65%;
}
.price-container .price-vat-container {
  margin-top: 24px;
}
.price-container .price-vat-container label {
  font-family: "Geist", sans-serif;
  font-size: 12.5px !important;
  font-weight: 400 !important;
  line-height: 17px !important;
  font-weight: 700 !important;
}
@media screen and (min-width: 1920px) {
  .price-container .price-vat-container label {
    font-size: 18px !important;
    line-height: 26px !important;
  }
}
.price-container .price-vat-container h3 {
  color: #25d68a;
}
.price-container .price-vat-container h3.can-improve-price {
  color: #1a0c0c;
}
.price-container .price-vat-container .plankepriser-price-notification {
  display: flex;
  align-items: center;
  column-gap: 0.75ch;
  margin-top: 1rem;
}
.price-container .measures-weight-container .packaging-container .packaging-measures {
  display: flex;
  column-gap: 32px;
}
@media screen and (max-width: 800px) {
  .price-container .measures-weight-container .packaging-container .packaging-measures {
    flex-wrap: wrap;
  }
}
.price-container .measures-weight-container .packaging-container .field {
  width: max-content;
}
.price-container .measures-weight-container .warning-description {
  font-size: 12px !important;
  border-radius: 20px;
  width: max-content;
}
h1,
h1 *,
h2,
h2 *,
h3,
h3 * {
  font-family: "Sharp Grotesk", sans-serif;
  margin: 0 0 0.5407911001em;
}

* {
  font-family: "Geist", sans-serif;
}

/**
* Buttons: Bør flyttes til en egen fil med alt knapper.
* @see https://torn-team.atlassian.net/browse/TORN-1104
 */
button.disabled,
button:disabled,
input[type=button].disabled,
input[type=button]:disabled,
input[type=reset].disabled,
input[type=reset]:disabled,
input[type=submit].disabled,
input[type=submit]:disabled,
.button.disabled,
.button:disabled,
.wc-block-grid__products .wc-block-grid__product .wp-block-button__link.disabled,
.wc-block-grid__products .wc-block-grid__product .wp-block-button__link:disabled,
.added_to_cart.disabled,
.added_to_cart:disabled {
  opacity: 0.5 !important;
  cursor: not-allowed;
}

button,
input[type=button],
input[type=reset],
input[type=submit],
.button,
.wc-block-grid__products .wc-block-grid__product .wp-block-button__link,
.added_to_cart {
  cursor: pointer;
  text-shadow: none;
  -webkit-appearance: none;
  word-break: break-word;
}

body {
  background-color: #fbf9f3;
}
body.page-template-authentication {
  background-color: #fcfcfc;
}

a:focus,
button:focus,
.button.alt:focus,
input:focus,
textarea:focus,
input[type=button]:focus,
input[type=reset]:focus,
input[type=submit]:focus,
input[type=email]:focus,
input[type=tel]:focus,
input[type=number]:focus,
input[type=url]:focus,
input[type=password]:focus,
input[type=search]:focus {
  outline: none;
}

a,
a:visited {
  color: #1a0c0c;
}

.required label::after,
.required strong::after,
.required legend::after {
  content: " *";
  color: #ec562d;
}
.required .radio-field > label::after {
  content: "";
}

.widget .widget-title {
  font-size: 1em;
  font-weight: bold;
  color: #1a0c0c;
  border-bottom: none;
  margin-bottom: 0;
}

.widget_product_categories button {
  background-color: #f0c450;
  border-radius: 5px;
}
.widget_product_categories .submit-product-categories-wrapper {
  bottom: 10px;
}
.widget_product_categories.widget.woocommerce li .count {
  float: none;
}
.widget_product_categories .widget-title {
  position: relative;
  top: 80px;
}

.widget-area .widget_search input[type=search],
.widget-area .widget_product_search input[type=search] {
  border: 1px solid black;
  border-radius: 5px;
  padding: 0.7em 1.4em;
  background-color: #ffffff;
}
.widget-area .widget_search form::before,
.widget-area .widget_product_search form::before {
  left: unset;
  right: 1em;
}

.torn-product-category-search-form {
  position: relative;
  top: -40px;
}

.site-main {
  position: relative;
  display: flex;
  flex-flow: column;
}

.vendor-page .site-main {
  padding-top: 25px;
}

#colophon .storefront-handheld-footer-bar {
  display: none;
}

html,
body {
  height: 100%;
  line-height: 1;
  margin: 0;
  padding: 0;
  border: 0;
  vertical-align: baseline;
}

button,
input,
select,
textarea {
  font-size: 100%;
  margin: 0;
  line-height: 1.618;
  text-rendering: optimizeLegibility;
  font-weight: 400;
}

textarea {
  padding: 12px 16px;
  border-radius: 12px;
  width: 100%;
  margin-top: 12px;
  border: 1px solid #666666;
}

ol,
ul {
  overflow-wrap: break-word;
  padding: 0;
}

* {
  box-sizing: border-box;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
}

a {
  text-decoration: none;
}

.torn-hypertext {
  text-decoration: underline !important;
}

p {
  overflow-wrap: break-word;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
  display: block;
}

table {
  border-spacing: 0;
  width: 100%;
  margin: 0 0 1.41575em;
  border-collapse: separate;
}
table td,
table th {
  padding: 1em 1.41575em;
  text-align: left;
  vertical-align: top;
}

img {
  height: auto;
  max-width: 100%;
  display: block;
  border-radius: 3px;
}

/**
 * Theese should probably be placed in component files.
 */
input[type=checkbox],
input[type=radio] {
  min-height: 24px;
  min-width: 24px;
  width: 32px;
  height: 32px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  vertical-align: text-bottom !important;
  outline: 0;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  border: 1px solid #1a0c0c;
  background-color: white;
  flex-shrink: 0;
  cursor: pointer;
  background-size: 16px;
  margin-right: 6px;
}
input[type=checkbox]:checked, input[type=checkbox][checked=checked]:not(body.woocommerce-cart .gateway-selector ul li input[type=radio][checked=checked]),
input[type=radio]:checked,
input[type=radio][checked=checked]:not(body.woocommerce-cart .gateway-selector ul li input[type=radio][checked=checked]) {
  background-color: #1a0c0c !important;
}
input[type=checkbox]:hover,
input[type=radio]:hover {
  box-shadow: 0 0 0 1px #1a0c0c;
}

input[type=radio] {
  border-radius: 50px;
}

input[type=checkbox] {
  border-radius: 8px;
}

input[type=text],
input[type=password],
input[type=number],
input[type=email],
input[type=tel],
input[type=url],
select {
  border: 1px solid #666666;
  margin-top: 12px;
  border-radius: 12px;
  padding: 12px 16px;
  font-size: 18px;
  line-height: 24px;
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

input[type=text]:hover:not([disabled]),
input[type=password]:hover:not([disabled]),
input[type=number]:hover:not([disabled]),
input[type=email]:hover:not([disabled]),
input[type=tel]:hover:not([disabled]),
input[type=url]:hover:not([disabled]),
textarea:hover:not([disabled]),
select:hover:not([disabled]) {
  outline: 1px solid #0f0f0f;
}

input[type=text]:disabled,
input[type=password]:disabled,
input[type=number]:disabled,
input[type=email]:disabled,
input[type=tel]:disabled,
input[type=url]:disabled,
textarea:disabled,
select:disabled {
  outline: 1px solid #eeeeee;
}

input[type=text]:focus,
input[type=password]:focus,
input[type=number]:focus,
input[type=email]:focus,
input[type=tel]:focus,
input[type=url]:focus,
textarea:focus,
select:focus {
  outline-width: 2px;
}

label {
  display: block;
}

dd {
  margin: 0 0 1.618em;
}

dt {
  font-weight: 600;
}

.screen-reader-text {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  -webkit-clip-path: inset(50%);
  clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
  word-wrap: normal !important;
}

.description {
  font-family: "Geist", sans-serif !important;
  font-size: 11px !important;
  font-weight: 400 !important;
  line-height: 17px !important;
  color: #898280 !important;
  margin-top: 0.25rem;
  margin-bottom: 0;
}
@media screen and (min-width: 1920px) {
  .description {
    font-size: 16px !important;
    line-height: 24px !important;
  }
}

.warning-description {
  font-family: "Geist", sans-serif !important;
  font-size: 11px !important;
  font-weight: 400 !important;
  line-height: 17px !important;
  color: #f78502 !important;
  margin-top: 12px;
}
@media screen and (min-width: 1920px) {
  .warning-description {
    font-size: 16px !important;
    line-height: 24px !important;
  }
}

.error-description {
  font-family: "Geist", sans-serif !important;
  font-size: 11px !important;
  font-weight: 400 !important;
  line-height: 17px !important;
  color: #ec562d !important;
  margin-top: 12px;
}
@media screen and (min-width: 1920px) {
  .error-description {
    font-size: 16px !important;
    line-height: 24px !important;
  }
}

#user_switching_switch_on {
  background-color: white;
  padding: 2px 4px !important;
  border-radius: 8px;
}

.torn-modal-backdrop {
  z-index: 40;
}

.torn-modal-container {
  position: fixed;
  top: 33%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: none;
  z-index: 50;
  background-color: white;
  box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
  border-radius: 24px;
  padding: 2.5rem 2rem;
  width: auto;
  max-width: 80vw;
  max-width: 80dvw;
  max-height: 90vh;
  max-height: 90dvh;
  overflow: auto;
}
@media screen and (min-width: 900px) {
  .torn-modal-container {
    top: 50%;
    padding: 4rem 2rem;
  }
}
@media screen and (max-width: 600px) {
  .torn-modal-container {
    max-height: 95vh;
    max-width: 99vw;
    max-width: 99dvw;
  }
}
@media screen and (max-width: 600px) {
  .torn-modal-container.narrow {
    width: 100%;
  }
}
.torn-modal-container .modal-content .modal-body {
  margin-top: 2rem;
}
@media screen and (max-width: 768px) {
  .torn-modal-container .modal-content .modal-body {
    margin-top: 1em;
  }
}
.torn-modal-container .modal-content .modal-body button,
.torn-modal-container .modal-content .modal-body a.button {
  width: auto;
  margin-top: 2rem;
}
@media screen and (max-width: 768px) {
  .torn-modal-container .modal-content .modal-body button,
  .torn-modal-container .modal-content .modal-body a.button {
    margin-top: 1em;
  }
}
.torn-modal-container.medium {
  padding: 32px;
  width: 755px;
}
.torn-modal-container label {
  text-align: left;
  font-size: 17px;
  font-weight: 700;
}
@media screen and (min-width: 900px) {
  .torn-modal-container label {
    margin-bottom: 12px;
  }
}
.torn-modal-container td {
  padding: 0;
}
.torn-modal-container input[type=password],
.torn-modal-container input[type=number],
.torn-modal-container input[type=tel],
.torn-modal-container input[type=text],
.torn-modal-container input[type=email],
.torn-modal-container button {
  width: 100%;
}
@media screen and (min-width: 900px) {
  .torn-modal-container input[type=password],
  .torn-modal-container input[type=number],
  .torn-modal-container input[type=tel],
  .torn-modal-container input[type=text],
  .torn-modal-container input[type=email],
  .torn-modal-container button {
    margin-bottom: 24px;
  }
}
.torn-modal-container button {
  justify-content: center;
}
.torn-modal-container button.close {
  position: absolute;
  text-indent: -9999px;
  border: none;
  background-color: transparent;
  right: 1.875rem;
  top: 1.875rem;
  height: 2.5rem;
  width: 2.5rem;
  background-size: 1.25rem;
}
.torn-modal-container .modal-headline {
  font-family: "Sharp Grotesk", sans-serif;
  font-size: 18px;
  line-height: 30px;
  font-weight: 400;
  color: #1a0c0c;
  margin: 0;
  padding-right: 1.875rem;
}
@media screen and (min-width: 900px) {
  .torn-modal-container .modal-headline {
    padding-bottom: 16px;
  }
}
.torn-modal-container .separator {
  border-bottom: 1px solid #e4e1dc;
  text-align: center;
  margin-bottom: 2rem;
}
.torn-modal-container .separator .text {
  color: #727272;
  margin: 0 auto;
  background-color: white;
  padding: 0 13px;
  position: relative;
  top: 8px;
  font-size: 14px;
}

body.show-modal-backdrop .torn-modal-container {
  display: flex;
  flex-direction: column;
}

.torn-toaster-container {
  position: fixed;
  height: fit-content;
  bottom: -120px;
  width: 100%;
  z-index: 99;
  padding: 20px 80px 20px 20px;
  transition: bottom 500ms;
  background-color: rgba(0, 0, 0, 0);
}
.torn-toaster-container.active {
  bottom: 0px;
}
.torn-toaster-container .box {
  color: #1a0c0c;
  margin: 0 auto !important;
  height: fit-content;
  display: flex;
  align-items: center;
  max-width: 800px;
  border-radius: 12px;
  border: 1px solid #f0c450;
  padding: 16px 24px 16px 24px;
  box-shadow: rgba(0, 0, 0, 0.25) 0px 54px 55px, rgba(0, 0, 0, 0.12) 0px -12px 30px, rgba(0, 0, 0, 0.12) 0px 4px 6px, rgba(0, 0, 0, 0.17) 0px 12px 13px, rgba(0, 0, 0, 0.09) 0px -3px 5px;
}
@media only screen and (max-width: 480px) {
  .torn-toaster-container .box {
    flex-direction: column;
    align-items: flex-start;
    gap: 6px;
    padding: 12px;
  }
}
.torn-toaster-container .box.success {
  background-color: #e6f9ea;
  border-color: #1f9f3c;
}
.torn-toaster-container .box.error {
  background-color: #ffe4e2;
  border-color: #d02e24;
  white-space: normal;
}
.torn-toaster-container .box.warning {
  background-color: #fef9ee;
  border-color: #f0c450;
}
.torn-toaster-container .box.info {
  background-color: #e4f0ff;
  border-color: #3074c1;
}
.torn-toaster-container .box .content {
  flex: 1;
  font-size: 18px;
  line-height: 24px;
  font-weight: 500;
}
@media only screen and (max-width: 480px) {
  .torn-toaster-container .box .content {
    font-size: 16px;
    line-height: 20px;
  }
}
.torn-toaster-container .box .button {
  flex: 0 0 fit-content;
  border: 1px solid #1a0c0c;
  border-radius: 50px;
  padding: 8px 12px;
  font-size: 14px;
  font-weight: 700;
  line-height: 14px;
}

#content {
  height: auto;
}

html {
  scroll-behavior: smooth;
}

.shipping-container label {
  display: flex;
  font-size: 18px;
  line-height: 27px;
  font-weight: 400;
  align-items: center;
}
.shipping-container input {
  width: 32px;
  height: 32px;
}
h1,
h1 *,
h2,
h2 *,
h3,
h3 * {
  font-family: "Sharp Grotesk", sans-serif;
  margin: 0 0 0.5407911001em;
}

* {
  font-family: "Geist", sans-serif;
}

/**
* Buttons: Bør flyttes til en egen fil med alt knapper.
* @see https://torn-team.atlassian.net/browse/TORN-1104
 */
button.disabled,
button:disabled,
input[type=button].disabled,
input[type=button]:disabled,
input[type=reset].disabled,
input[type=reset]:disabled,
input[type=submit].disabled,
input[type=submit]:disabled,
.button.disabled,
.button:disabled,
.wc-block-grid__products .wc-block-grid__product .wp-block-button__link.disabled,
.wc-block-grid__products .wc-block-grid__product .wp-block-button__link:disabled,
.added_to_cart.disabled,
.added_to_cart:disabled {
  opacity: 0.5 !important;
  cursor: not-allowed;
}

button,
input[type=button],
input[type=reset],
input[type=submit],
.button,
.wc-block-grid__products .wc-block-grid__product .wp-block-button__link,
.added_to_cart {
  cursor: pointer;
  text-shadow: none;
  -webkit-appearance: none;
  word-break: break-word;
}

body {
  background-color: #fbf9f3;
}
body.page-template-authentication {
  background-color: #fcfcfc;
}

a:focus,
button:focus,
.button.alt:focus,
input:focus,
textarea:focus,
input[type=button]:focus,
input[type=reset]:focus,
input[type=submit]:focus,
input[type=email]:focus,
input[type=tel]:focus,
input[type=number]:focus,
input[type=url]:focus,
input[type=password]:focus,
input[type=search]:focus {
  outline: none;
}

a,
a:visited {
  color: #1a0c0c;
}

.required label::after,
.required strong::after,
.required legend::after {
  content: " *";
  color: #ec562d;
}
.required .radio-field > label::after {
  content: "";
}

.widget .widget-title {
  font-size: 1em;
  font-weight: bold;
  color: #1a0c0c;
  border-bottom: none;
  margin-bottom: 0;
}

.widget_product_categories button {
  background-color: #f0c450;
  border-radius: 5px;
}
.widget_product_categories .submit-product-categories-wrapper {
  bottom: 10px;
}
.widget_product_categories.widget.woocommerce li .count {
  float: none;
}
.widget_product_categories .widget-title {
  position: relative;
  top: 80px;
}

.widget-area .widget_search input[type=search],
.widget-area .widget_product_search input[type=search] {
  border: 1px solid black;
  border-radius: 5px;
  padding: 0.7em 1.4em;
  background-color: #ffffff;
}
.widget-area .widget_search form::before,
.widget-area .widget_product_search form::before {
  left: unset;
  right: 1em;
}

.torn-product-category-search-form {
  position: relative;
  top: -40px;
}

.site-main {
  position: relative;
  display: flex;
  flex-flow: column;
}

.vendor-page .site-main {
  padding-top: 25px;
}

#colophon .storefront-handheld-footer-bar {
  display: none;
}

html,
body {
  height: 100%;
  line-height: 1;
  margin: 0;
  padding: 0;
  border: 0;
  vertical-align: baseline;
}

button,
input,
select,
textarea {
  font-size: 100%;
  margin: 0;
  line-height: 1.618;
  text-rendering: optimizeLegibility;
  font-weight: 400;
}

textarea {
  padding: 12px 16px;
  border-radius: 12px;
  width: 100%;
  margin-top: 12px;
  border: 1px solid #666666;
}

ol,
ul {
  overflow-wrap: break-word;
  padding: 0;
}

* {
  box-sizing: border-box;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
}

a {
  text-decoration: none;
}

.torn-hypertext {
  text-decoration: underline !important;
}

p {
  overflow-wrap: break-word;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
  display: block;
}

table {
  border-spacing: 0;
  width: 100%;
  margin: 0 0 1.41575em;
  border-collapse: separate;
}
table td,
table th {
  padding: 1em 1.41575em;
  text-align: left;
  vertical-align: top;
}

img {
  height: auto;
  max-width: 100%;
  display: block;
  border-radius: 3px;
}

/**
 * Theese should probably be placed in component files.
 */
input[type=checkbox],
input[type=radio] {
  min-height: 24px;
  min-width: 24px;
  width: 32px;
  height: 32px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  vertical-align: text-bottom !important;
  outline: 0;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  border: 1px solid #1a0c0c;
  background-color: white;
  flex-shrink: 0;
  cursor: pointer;
  background-size: 16px;
  margin-right: 6px;
}
input[type=checkbox]:checked, input[type=checkbox][checked=checked]:not(body.woocommerce-cart .gateway-selector ul li input[type=radio][checked=checked]),
input[type=radio]:checked,
input[type=radio][checked=checked]:not(body.woocommerce-cart .gateway-selector ul li input[type=radio][checked=checked]) {
  background-color: #1a0c0c !important;
}
input[type=checkbox]:hover,
input[type=radio]:hover {
  box-shadow: 0 0 0 1px #1a0c0c;
}

input[type=radio] {
  border-radius: 50px;
}

input[type=checkbox] {
  border-radius: 8px;
}

input[type=text],
input[type=password],
input[type=number],
input[type=email],
input[type=tel],
input[type=url],
select {
  border: 1px solid #666666;
  margin-top: 12px;
  border-radius: 12px;
  padding: 12px 16px;
  font-size: 18px;
  line-height: 24px;
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

input[type=text]:hover:not([disabled]),
input[type=password]:hover:not([disabled]),
input[type=number]:hover:not([disabled]),
input[type=email]:hover:not([disabled]),
input[type=tel]:hover:not([disabled]),
input[type=url]:hover:not([disabled]),
textarea:hover:not([disabled]),
select:hover:not([disabled]) {
  outline: 1px solid #0f0f0f;
}

input[type=text]:disabled,
input[type=password]:disabled,
input[type=number]:disabled,
input[type=email]:disabled,
input[type=tel]:disabled,
input[type=url]:disabled,
textarea:disabled,
select:disabled {
  outline: 1px solid #eeeeee;
}

input[type=text]:focus,
input[type=password]:focus,
input[type=number]:focus,
input[type=email]:focus,
input[type=tel]:focus,
input[type=url]:focus,
textarea:focus,
select:focus {
  outline-width: 2px;
}

label {
  display: block;
}

dd {
  margin: 0 0 1.618em;
}

dt {
  font-weight: 600;
}

.screen-reader-text {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  -webkit-clip-path: inset(50%);
  clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
  word-wrap: normal !important;
}

.description {
  font-family: "Geist", sans-serif !important;
  font-size: 11px !important;
  font-weight: 400 !important;
  line-height: 17px !important;
  color: #898280 !important;
  margin-top: 0.25rem;
  margin-bottom: 0;
}
@media screen and (min-width: 1920px) {
  .description {
    font-size: 16px !important;
    line-height: 24px !important;
  }
}

.warning-description {
  font-family: "Geist", sans-serif !important;
  font-size: 11px !important;
  font-weight: 400 !important;
  line-height: 17px !important;
  color: #f78502 !important;
  margin-top: 12px;
}
@media screen and (min-width: 1920px) {
  .warning-description {
    font-size: 16px !important;
    line-height: 24px !important;
  }
}

.error-description {
  font-family: "Geist", sans-serif !important;
  font-size: 11px !important;
  font-weight: 400 !important;
  line-height: 17px !important;
  color: #ec562d !important;
  margin-top: 12px;
}
@media screen and (min-width: 1920px) {
  .error-description {
    font-size: 16px !important;
    line-height: 24px !important;
  }
}

#user_switching_switch_on {
  background-color: white;
  padding: 2px 4px !important;
  border-radius: 8px;
}

.torn-modal-backdrop {
  z-index: 40;
}

.torn-modal-container {
  position: fixed;
  top: 33%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: none;
  z-index: 50;
  background-color: white;
  box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
  border-radius: 24px;
  padding: 2.5rem 2rem;
  width: auto;
  max-width: 80vw;
  max-width: 80dvw;
  max-height: 90vh;
  max-height: 90dvh;
  overflow: auto;
}
@media screen and (min-width: 900px) {
  .torn-modal-container {
    top: 50%;
    padding: 4rem 2rem;
  }
}
@media screen and (max-width: 600px) {
  .torn-modal-container {
    max-height: 95vh;
    max-width: 99vw;
    max-width: 99dvw;
  }
}
@media screen and (max-width: 600px) {
  .torn-modal-container.narrow {
    width: 100%;
  }
}
.torn-modal-container .modal-content .modal-body {
  margin-top: 2rem;
}
@media screen and (max-width: 768px) {
  .torn-modal-container .modal-content .modal-body {
    margin-top: 1em;
  }
}
.torn-modal-container .modal-content .modal-body button,
.torn-modal-container .modal-content .modal-body a.button {
  width: auto;
  margin-top: 2rem;
}
@media screen and (max-width: 768px) {
  .torn-modal-container .modal-content .modal-body button,
  .torn-modal-container .modal-content .modal-body a.button {
    margin-top: 1em;
  }
}
.torn-modal-container.medium {
  padding: 32px;
  width: 755px;
}
.torn-modal-container label {
  text-align: left;
  font-size: 17px;
  font-weight: 700;
}
@media screen and (min-width: 900px) {
  .torn-modal-container label {
    margin-bottom: 12px;
  }
}
.torn-modal-container td {
  padding: 0;
}
.torn-modal-container input[type=password],
.torn-modal-container input[type=number],
.torn-modal-container input[type=tel],
.torn-modal-container input[type=text],
.torn-modal-container input[type=email],
.torn-modal-container button {
  width: 100%;
}
@media screen and (min-width: 900px) {
  .torn-modal-container input[type=password],
  .torn-modal-container input[type=number],
  .torn-modal-container input[type=tel],
  .torn-modal-container input[type=text],
  .torn-modal-container input[type=email],
  .torn-modal-container button {
    margin-bottom: 24px;
  }
}
.torn-modal-container button {
  justify-content: center;
}
.torn-modal-container button.close {
  position: absolute;
  text-indent: -9999px;
  border: none;
  background-color: transparent;
  right: 1.875rem;
  top: 1.875rem;
  height: 2.5rem;
  width: 2.5rem;
  background-size: 1.25rem;
}
.torn-modal-container .modal-headline {
  font-family: "Sharp Grotesk", sans-serif;
  font-size: 18px;
  line-height: 30px;
  font-weight: 400;
  color: #1a0c0c;
  margin: 0;
  padding-right: 1.875rem;
}
@media screen and (min-width: 900px) {
  .torn-modal-container .modal-headline {
    padding-bottom: 16px;
  }
}
.torn-modal-container .separator {
  border-bottom: 1px solid #e4e1dc;
  text-align: center;
  margin-bottom: 2rem;
}
.torn-modal-container .separator .text {
  color: #727272;
  margin: 0 auto;
  background-color: white;
  padding: 0 13px;
  position: relative;
  top: 8px;
  font-size: 14px;
}

body.show-modal-backdrop .torn-modal-container {
  display: flex;
  flex-direction: column;
}

.torn-toaster-container {
  position: fixed;
  height: fit-content;
  bottom: -120px;
  width: 100%;
  z-index: 99;
  padding: 20px 80px 20px 20px;
  transition: bottom 500ms;
  background-color: rgba(0, 0, 0, 0);
}
.torn-toaster-container.active {
  bottom: 0px;
}
.torn-toaster-container .box {
  color: #1a0c0c;
  margin: 0 auto !important;
  height: fit-content;
  display: flex;
  align-items: center;
  max-width: 800px;
  border-radius: 12px;
  border: 1px solid #f0c450;
  padding: 16px 24px 16px 24px;
  box-shadow: rgba(0, 0, 0, 0.25) 0px 54px 55px, rgba(0, 0, 0, 0.12) 0px -12px 30px, rgba(0, 0, 0, 0.12) 0px 4px 6px, rgba(0, 0, 0, 0.17) 0px 12px 13px, rgba(0, 0, 0, 0.09) 0px -3px 5px;
}
@media only screen and (max-width: 480px) {
  .torn-toaster-container .box {
    flex-direction: column;
    align-items: flex-start;
    gap: 6px;
    padding: 12px;
  }
}
.torn-toaster-container .box.success {
  background-color: #e6f9ea;
  border-color: #1f9f3c;
}
.torn-toaster-container .box.error {
  background-color: #ffe4e2;
  border-color: #d02e24;
  white-space: normal;
}
.torn-toaster-container .box.warning {
  background-color: #fef9ee;
  border-color: #f0c450;
}
.torn-toaster-container .box.info {
  background-color: #e4f0ff;
  border-color: #3074c1;
}
.torn-toaster-container .box .content {
  flex: 1;
  font-size: 18px;
  line-height: 24px;
  font-weight: 500;
}
@media only screen and (max-width: 480px) {
  .torn-toaster-container .box .content {
    font-size: 16px;
    line-height: 20px;
  }
}
.torn-toaster-container .box .button {
  flex: 0 0 fit-content;
  border: 1px solid #1a0c0c;
  border-radius: 50px;
  padding: 8px 12px;
  font-size: 14px;
  font-weight: 700;
  line-height: 14px;
}

#content {
  height: auto;
}

html {
  scroll-behavior: smooth;
}

.upload-mobile-container {
  margin-top: 2rem;
}
.upload-mobile-container .grey {
  color: #b9b9b9;
}
.upload-mobile-container .good-luck-screen {
  height: 100vh;
  max-height: 100%;
  height: 100dvh;
  display: flex;
  flex-direction: column;
  row-gap: 2rem;
  padding-top: 8rem;
  justify-content: flex-start;
  align-items: center;
}
.upload-mobile-container .good-luck-screen h1 {
  font-size: 24px;
  font-weight: 500;
  line-height: 30px;
  letter-spacing: 0em;
  text-align: center;
}
.upload-mobile-container .content:not(:first-child) {
  margin-top: 2rem;
}
.upload-mobile-container .product-container {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.upload-mobile-container .product-container .product-header h1,
.upload-mobile-container .product-container .product-header p {
  font-size: 16px;
}
.upload-mobile-container .product-container .product-header h1 {
  margin-bottom: 0;
}
.upload-mobile-container .product-container .product-categories,
.upload-mobile-container .product-container .product-description {
  font-size: 16px;
  font-weight: lighter;
}
.upload-mobile-container .product-container .camera-icon-container {
  align-self: flex-start;
  height: 80px;
  width: 80px;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #eeeeee;
  cursor: pointer;
}
.upload-mobile-container .product-container .camera-icon-container img {
  border-radius: 50%;
  height: 100%;
  width: 100%;
  object-fit: contain;
}
.upload-mobile-container .gallery-container #images-uploaded-confirmation {
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 12px;
}
.upload-mobile-container .gallery-container #images-uploaded-confirmation svg {
  fill: #25d68a;
}
.upload-mobile-container .gallery-container .tips-container {
  margin-top: 2rem;
}
.upload-mobile-container .gallery-container .button-container {
  display: flex;
  justify-content: center;
  margin-top: 1rem;
}
.upload-mobile-container .gallery-container .button-container .button {
  padding: 12px 32px;
}
.upload-mobile-container .gallery-container .button-container .button span {
  font-size: 14px;
}
.upload-mobile-container .gallery-container .description {
  font-size: 14px;
  line-height: 21px;
  font-weight: 400;
  color: #898280;
}
.upload-mobile-container .gallery-container .file-gallery-field-container {
  margin-top: 0;
}
.upload-mobile-container .gallery-container .file-gallery-field-container .file-row:first-of-type {
  margin-top: 12px;
}
.upload-mobile-container .gallery-container .file-gallery-field-container .file-row .product-image {
  grid-column: span 2/span 2;
}
.upload-mobile-container .gallery-container .file-gallery-field-container .file-row .file-actions {
  grid-column: span 2/span 2;
}
.upload-mobile-container .gallery-container .file-gallery-field-container .file-row .file-order-actions button {
  width: 100%;
}
.upload-mobile-container .gallery-container .file-gallery-field-container .file-field span {
  font-size: 16px;
  font-weight: lighter;
}
.upload-mobile-container .gallery-container h2 {
  font-size: 14px;
  margin-bottom: 0;
}