/* Base */

:root {
  --color-root-bg: 0 100% 100%;
  --color-root-fg: 0 0% 0%;
  --color-primary-lighter: 70 29% 94%;
  --color-primary: 70 29% 84%;
  --color-primary-darker: 70 29% 74%;
  --color-secondary-lighter: 86 14% 60%;
  --color-secondary: 86 14% 40%;
  --color-secondary-darker: 86 14% 20%;
  --color-tertiary-lighter: 266 14% 50%;
  --color-tertiary: 266 14% 40%;
  --color-tertiary-darker: 266 14% 60%;
  --color-on-primary: 0 100% 100%;
  --color-on-secondary: 0 100% 100%;
  --color-on-tertiary: 360 100% 100%;
  --color-on-theme: hsl(var(--color-on-primary));
  --color-bg: hsl(var(--color-root-bg));
  --color-theme: hsl(var(--color-primary));
  --color-theme-fade: hsl(var(--color-primary-lighter) / 40%);
}

*,
    img,
    :after,
    :before {
  border: 0 solid #eee;
}

a {
  overflow-wrap: break-word;
  -webkit-hyphens: auto;
          hyphens: auto;
  --tw-text-opacity: 1;
  color: hsl(var(--color-secondary) / var(--tw-text-opacity));
}

a:hover {
  --tw-text-opacity: 1;
  color: hsl(var(--color-secondary-darker) / var(--tw-text-opacity));
}

svg {
  vertical-align: middle;
}

[x-cloak] {
  display: none !important;
}

a,
    area,
    button,
    input,
    label,
    select,
    summary,
    textarea {
  touch-action: manipulation;
}

:is([type=checkbox],.control-checkbox,[type=radio],.control-radio,.control-switch){
  position:relative;
  display:inline-flex;
  justify-content:flex-end;
  align-items:center;
  flex-shrink:0;
  width:var(--control-width, 1em);
  height:var(--control-height, 1em);
  margin:var(--form-margin, 0);
  padding:0;
  border-radius:var(--control-radius, 0.25rem);
  border:var(--control-border-width, 1px) var(--control-border-style, solid) var(--control-stroke, currentcolor);
  background:var(--control-bg, transparent) center/contain no-repeat;
  color:var(--control-color, inherit);
  -webkit-appearance:none;
  -moz-appearance:none;
       appearance:none;
  cursor:pointer
}

:is([type=checkbox],.control-checkbox,[type=radio],.control-radio,.control-switch)::before{
  content:"";
  position:absolute;
  inset:0;
  background-color:currentcolor;
  -webkit-mask-image:var(--control-icon);
  mask-image:var(--control-icon);
  -webkit-mask-size:var(--control-icon-size, contain);
  mask-size:var(--control-icon-size, contain);
  -webkit-mask-position:var(--control-icon-position, center);
  mask-position:var(--control-icon-position, center);
  -webkit-mask-repeat:no-repeat;
  mask-repeat:no-repeat;
  transition:-webkit-mask-position .15s ease,mask-position .15s ease
}

:is([type=checkbox],.control-checkbox,[type=radio],.control-radio,.control-switch):focus{
  box-shadow:var(--control-focus-shadow, 0 0 0 0.2rem var(--color-theme-fade, rgba(21, 101, 193, 0.2)));
  outline:0
}

:is([type=checkbox],.control-checkbox,[type=radio],.control-radio,.control-switch):is(:checked,.is-active){
  border-color:var(--control-checked-stroke, var(--color-theme, #1565c1));
  background-color:var(--control-checked-bg, var(--color-theme, #1565c1));
  color:var(--control-checked-color, var(--color-on-theme, #fff))
}

:is([type=checkbox],.control-checkbox,[type=radio],.control-radio,.control-switch):is(:checked,.is-active)::before{
  -webkit-mask-image:var(--control-checked-icon);
  mask-image:var(--control-checked-icon)
}

:is([type=checkbox],.control-checkbox,[type=radio],.control-radio,.control-switch):is(:disabled,.is-disabled){
  border-style:var(--control-disabled-border-style, dashed);
  box-shadow:none;
  opacity:var(--control-disabled-opacity, 0.7);
  pointer-events:none
}

[type=checkbox],.control-checkbox{
  --control-icon: url("#");
  --control-checked-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3'%3E%3Cpath d='M20 6L9 17l-5-5'/%3E%3C/svg%3E")
}

[type=checkbox]:indeterminate{
  --control-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3'%3E%3Cpath d='M5 12h14'/%3E%3C/svg%3E");
  border-color:var(--control-checked-stroke, var(--color-theme, #1565c1));
  background-color:var(--control-checked-bg, var(--color-theme, #1565c1));
  color:var(--control-checked-color, var(--color-on-theme, #fff))
}

[type=radio],.control-radio{
  --control-radius: 50%;
  --control-icon: url("#");
  --control-checked-icon: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle cx='8' cy='8' r='4'/%3e%3c/svg%3e")
}

.control-switch{
  --control-icon: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle cx='8' cy='8' r='5'/%3e%3c/svg%3e");
  --control-width: 1.75em;
  --control-height: 1em;
  --control-radius: 3rem;
  --control-icon-position: left center;
  --control-checked-icon: var(--control-icon)
}

.control-switch:is(:checked,.is-active){
  --control-icon-position: right center
}

[dir=rtl] .control-switch,.control-switch[dir=rtl]{
  --control-icon-position: right center
}

[dir=rtl] .control-switch:is(:checked,.is-active),.control-switch[dir=rtl]:is(:checked,.is-active){
  --control-icon-position: left center
}

input,select,textarea{
  margin:var(--form-margin, 0);
  font:inherit
}

select{
  word-wrap:normal;
  overflow-x:hidden;
  text-overflow:ellipsis
}

label{
  display:inline-block;
  margin:var(--label-margin, 0)
}

fieldset{
  min-inline-size:0;
  margin:var(--fieldset-margin, 1rem 0);
  padding:var(--fieldset-padding, 0);
  border:var(--fieldset-padding, 0)
}

legend{
  display:block;
  width:100%;
  margin:var(--legend-margin, 1rem 0);
  padding:var(--legend-padding, 0);
  border:var(--legend-border, 0);
  font-size:var(--legend-font-size, 1.25em)
}

optgroup{
  font-weight:bolder;
  font-style:normal
}

::-moz-placeholder{
  color:inherit;
  opacity:var(--form-placeholder, 0.5)
}

::placeholder{
  color:inherit;
  opacity:var(--form-placeholder, 0.5)
}

:-webkit-autofill{
  color-scheme:light
}

::-webkit-inner-spin-button,::-webkit-outer-spin-button{
  height:auto
}

::-webkit-search-decoration{
  -webkit-appearance:none
}

::-webkit-datetime-edit,::-webkit-datetime-edit-fields-wrapper{
  display:block
}

::-webkit-datetime-edit,::-webkit-datetime-edit-fields-wrapper,::-webkit-datetime-edit-text,::-webkit-datetime-edit-minute,::-webkit-datetime-edit-hour-field,::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-month-field,::-webkit-datetime-edit-year-field{
  padding-block-start:0;
  padding-block-end:0
}

[type=tel],[type=url],[type=email],[type=number]{
  direction:ltr
}

input:not([type]),:is([type=text],[type=number],[type=email],[type=tel],[type=password],[type=search],[type=url],[type=date],[type=datetime-local],[type=time],[type=month],[type=week],[type=color],[type=file],textarea,select){
  width:100%;
  padding:var(--form-padding, 0.375em 0.625em);
  border:var(--form-border-width, 1px) solid;
  border-color:var(--form-stroke, currentcolor);
  border-radius:var(--form-radius, 5px);
  background-color:var(--form-bg, transparent);
  color:var(--form-color, inherit);
  transition:150ms linear;
  transition-property:border-color,box-shadow;
  -webkit-appearance:none;
  -moz-appearance:none;
       appearance:none
}

input:not([type]):focus,:is([type=text],[type=number],[type=email],[type=tel],[type=password],[type=search],[type=url],[type=date],[type=datetime-local],[type=time],[type=month],[type=week],[type=color],[type=file],textarea,select):focus{
  border-color:var(--form-focus-color, var(--color-theme, #1565c1));
  box-shadow:var(--form-focus-style, inset 0 0 0 1px var(--color-theme, #1565c1));
  outline:0
}

input:not([type])[readonly],:is([type=text],[type=number],[type=email],[type=tel],[type=password],[type=search],[type=url],[type=date],[type=datetime-local],[type=time],[type=month],[type=week],[type=color],[type=file],textarea,select)[readonly]{
  border-style:dotted
}

textarea{
  overflow:auto;
  resize:vertical
}

select:not([multiple]){
  padding-right:var(--select-icon-padding, calc( 0.625em + var(--select-icon-size, 1.25em) ));
  background:var(--form-bg, transparent) right var(--select-icon-offset, 0.625em) center/var(--select-icon-size, 1.25em) no-repeat;
  background-image:var(--select-icon, url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="rgba(0, 0, 0, 0.87)"><path d="M0 0h24v24H0z" fill="none"/><path d="M7 10l5 5 5-5z"/></svg>'))
}

[type=color]{
  display:inline-block;
  width:2.375rem;
  height:2.375rem;
  padding:3px
}

[type=color]::-webkit-color-swatch-wrapper{
  padding:0
}

[type=color]::-moz-color-swatch{
  border:0;
  border-radius:var(--form-radius, 5px)
}

[type=color]::-webkit-color-swatch{
  border:0;
  border-radius:var(--form-radius, 5px)
}

[type=file]{
  padding-block-start:0;
  padding-block-end:0;
  padding-inline-start:0;
  overflow:hidden
}

[type=file]::file-selector-button{
  margin-inline-end:1ch;
  padding:var(--form-file-btn-padding, var(--form-padding, 0.375em 0.625em));
  border:0;
  border-radius:var(--form-file-btn-radius, var(--form-radius, 0));
  background-color:var(--form-file-btn-bg, var(--color-theme, #1565c1));
  color:var(--form-file-btn-color, var(--color-on-theme, #fff));
  font:inherit;
  cursor:pointer;
  -webkit-appearance:none;
  -moz-appearance:none;
       appearance:none
}

*, ::before, ::after {
  --tw-border-spacing-x: 0;
  --tw-border-spacing-y: 0;
  --tw-translate-x: 0;
  --tw-translate-y: 0;
  --tw-rotate: 0;
  --tw-skew-x: 0;
  --tw-skew-y: 0;
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  --tw-pan-x:  ;
  --tw-pan-y:  ;
  --tw-pinch-zoom:  ;
  --tw-scroll-snap-strictness: proximity;
  --tw-gradient-from-position:  ;
  --tw-gradient-via-position:  ;
  --tw-gradient-to-position:  ;
  --tw-ordinal:  ;
  --tw-slashed-zero:  ;
  --tw-numeric-figure:  ;
  --tw-numeric-spacing:  ;
  --tw-numeric-fraction:  ;
  --tw-ring-inset:  ;
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: rgb(147 197 253 / 0.5);
  --tw-ring-offset-shadow: 0 0 #0000;
  --tw-ring-shadow: 0 0 #0000;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  --tw-blur:  ;
  --tw-brightness:  ;
  --tw-contrast:  ;
  --tw-grayscale:  ;
  --tw-hue-rotate:  ;
  --tw-invert:  ;
  --tw-saturate:  ;
  --tw-sepia:  ;
  --tw-drop-shadow:  ;
  --tw-backdrop-blur:  ;
  --tw-backdrop-brightness:  ;
  --tw-backdrop-contrast:  ;
  --tw-backdrop-grayscale:  ;
  --tw-backdrop-hue-rotate:  ;
  --tw-backdrop-invert:  ;
  --tw-backdrop-opacity:  ;
  --tw-backdrop-saturate:  ;
  --tw-backdrop-sepia:  ;
}

::backdrop {
  --tw-border-spacing-x: 0;
  --tw-border-spacing-y: 0;
  --tw-translate-x: 0;
  --tw-translate-y: 0;
  --tw-rotate: 0;
  --tw-skew-x: 0;
  --tw-skew-y: 0;
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  --tw-pan-x:  ;
  --tw-pan-y:  ;
  --tw-pinch-zoom:  ;
  --tw-scroll-snap-strictness: proximity;
  --tw-gradient-from-position:  ;
  --tw-gradient-via-position:  ;
  --tw-gradient-to-position:  ;
  --tw-ordinal:  ;
  --tw-slashed-zero:  ;
  --tw-numeric-figure:  ;
  --tw-numeric-spacing:  ;
  --tw-numeric-fraction:  ;
  --tw-ring-inset:  ;
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: rgb(147 197 253 / 0.5);
  --tw-ring-offset-shadow: 0 0 #0000;
  --tw-ring-shadow: 0 0 #0000;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  --tw-blur:  ;
  --tw-brightness:  ;
  --tw-contrast:  ;
  --tw-grayscale:  ;
  --tw-hue-rotate:  ;
  --tw-invert:  ;
  --tw-saturate:  ;
  --tw-sepia:  ;
  --tw-drop-shadow:  ;
  --tw-backdrop-blur:  ;
  --tw-backdrop-brightness:  ;
  --tw-backdrop-contrast:  ;
  --tw-backdrop-grayscale:  ;
  --tw-backdrop-hue-rotate:  ;
  --tw-backdrop-invert:  ;
  --tw-backdrop-opacity:  ;
  --tw-backdrop-saturate:  ;
  --tw-backdrop-sepia:  ;
}

:root {
  --card-radius: 0.4rem;
  --card-elevation: none;
  --card-border: 1px solid hsl(var(--color-primary) / 40%);
}

.navigation,
.breadcrumbs,
.page-header .header.panel,
.header.content,
.footer.content,
.page-wrapper > .widget,
.page-wrapper > .page-bottom,
.block.category.event,
.top-container,
.page-main{
  inline-size:100%;
  max-inline-size:var(--container-size);
  margin-inline-start:auto;
  margin-inline-end:auto;
  padding-block-start:var(--container-padding-y);
  padding-block-end:var(--container-padding-y);
  padding-inline-start:var(--container-padding-x);
  padding-inline-end:var(--container-padding-x);
  box-sizing: border-box
}

.columns .sidebar-main {
  order: 0;
}

.page-title-wrapper {
  margin-top: 3.2rem;
}

@media (min-width: 768px) {
  .page-layout-2columns-left,
    .page-layout-2columns-right {
    --sidebar-width: 260px;
  }

  .page-layout-2columns-left .column.main, .page-layout-2columns-right .column.main {
    width: calc(100% - var(--sidebar-width));
  }

  .page-layout-2columns-left .sidebar, .page-layout-2columns-right .sidebar {
    width: var(--sidebar-width);
  }
}

@media (min-width: 1024px) {
  .page-layout-2columns-left,
    .page-layout-2columns-right {
    --sidebar-width: 320px;
  }
}

.modal-inner-wrap {
  border-radius: 0.8rem;
}

/* Components */

.btn{
  display:inline-flex;
  justify-content:center;
  align-items:center;
  margin:var(--btn-margin, 0);
  padding:var(--btn-padding, 0.375rem 0.8rem);
  border:var(--btn-border-width, 1px) solid var(--btn-stroke, transparent);
  border-radius:var(--btn-radius, 4px);
  background-color:var(--btn-bg, transparent);
  color:var(--btn-color, inherit);
  font-size:var(--btn-font-size, inherit);
  line-height:var(--btn-line-height, inherit);
  font-weight:var(--btn-font-weight, 500);
  text-align:center;
  vertical-align:middle;
  text-decoration:none;
  transition:.2s linear;
  transition-property:color,background-color,border-color,box-shadow;
  -webkit-user-select:none;
     -moz-user-select:none;
          user-select:none;
  cursor:pointer;
  -webkit-tap-highlight-color:rgba(0,0,0,0);
  -webkit-appearance:none
}

.btn:focus{
  outline:0
}

.btn:is(:focus,:hover){
  border-color:var(--btn-focus-stroke, transparent);
  background-color:var(--btn-focus-bg, rgba(0, 0, 0, 0.05));
  color:var(--btn-focus-color, inherit);
  text-decoration:none
}

.btn:is(.is-active,:active){
  border-color:var(--btn-active-stroke, transparent);
  background-color:var(--btn-active-bg, rgba(0, 0, 0, 0.2));
  color:var(--btn-active-color, inherit)
}

.btn:is(.is-disabled,:disabled){
  opacity:.7;
  pointer-events:none
}

.btn.-outline{
  --btn-stroke: currentcolor;
  --btn-hover-stroke: currentcolor
}

.btn.-theme{
  --btn-bg: var(--color-theme, #1565c1);
  --btn-color: var(--color-on-theme, #fff);
  --btn-focus-bg: #1876e1;
  --btn-focus-color: #fff;
  --btn-active-bg: #2f85e8;
  --btn-active-color: #fff
}

.btn.-icon{
  --btn-padding: 1px;
  --btn-size: 2.125em;
  min-width:var(--btn-size);
  min-height:var(--btn-size)
}

:root{
  --container-size: 1280px;
  --container-padding-y: 0;
  --container-padding-x: 1.25rem
}

.container{
  inline-size:100%;
  max-inline-size:var(--container-size);
  margin-inline-start:auto;
  margin-inline-end:auto;
  padding-block-start:var(--container-padding-y);
  padding-block-end:var(--container-padding-y);
  padding-inline-start:var(--container-padding-x);
  padding-inline-end:var(--container-padding-x)
}

:root {
  --container-size: 1280px;
  --container-padding-x: 2.4000000000000004rem;
}

.container {
  box-sizing: border-box;
}

.card{
  position:relative;
  display:flex;
  flex-direction:var(--card-dir, column);
  border-radius:var(--card-radius, 6px);
  border:var(--card-border, 0);
  box-shadow:var(--card-elevation, var(--elevation-z2, 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px rgba(0, 0, 0, 0.14), 0 1px 5px rgba(0, 0, 0, 0.12)));
  background-color:var(--card-bg, white);
  color:var(--card-color, rgba(0, 0, 0, 0.87));
  overflow:hidden
}

.card-media,.card-content,.card-action{
  flex:var(--card-flex, 0 0 auto);
  padding:var(--card-padding, 1rem)
}

.card-content{
  --card-flex: 1 1 auto
}

:is(.card-media,.card-content,.card-action)>:first-child{
  margin-top:0
}

:is(.card-media,.card-content,.card-action)>:last-child{
  margin-bottom:0
}

a:is(.card,.card.-has-link,.card-media,.card-content,.card-action){
  position:relative;
  text-decoration:none
}

a:is(.card,.card.-has-link,.card-media,.card-content,.card-action)::after{
  content:"";
  position:absolute;
  inset:0;
  background-color:var(--card-link-color, currentcolor);
  opacity:0;
  pointer-events:none
}

a:is(.card,.card.-has-link,.card-media,.card-content,.card-action):is(:focus,:hover){
  text-decoration:none
}

a:is(.card,.card.-has-link,.card-media,.card-content,.card-action):is(:focus,:hover)::after{
  transition:opacity .15s linear;
  opacity:var(--card-link-opacity, 0.05)
}

.menu{
  list-style:none;
  display:var(--menu-display, flex);
  flex-direction:var(--menu-dir, column);
  margin:var(--menu-margin, 0);
  padding:var(--menu-padding, 0);
  padding-inline-start:var(--menu-nested-indent)
}

.menu :is(ul,ol){
  --menu-nested-indent: 1em
}

.menu.-row{
  --menu-display: inline-flex;
  --menu-dir: row
}

.menu.-row :is(ul,ol){
  --menu-dir: column;
  --menu-nested-indent: 0
}

.menu.-column{
  --menu-display: flex;
  --menu-dir: column
}

:is(.menu-item,.menu-label,.menu>a:not([class*=btn]),.menu li>a:not([class*=btn])){
  display:flex;
  justify-content:var(--menu-item-justify, space-between);
  align-items:var(--menu-item-align, center);
  padding:var(--menu-item-padding, 0.4375rem 1em);
  border-radius:var(--menu-item-radius, 4px);
  border:var(--menu-item-border, 0);
  background-color:var(--menu-item-bg, transparent);
  color:var(--menu-item-color, inherit);
  text-decoration:none
}

:is(.menu-item,.menu>a:not([class*=btn]),.menu li>a:not([class*=btn])):focus{
  outline:0
}

:is(.menu-item,.menu>a:not([class*=btn]),.menu li>a:not([class*=btn])):is(:focus,:hover){
  border-color:var(--menu-item-focus-stroke, 0);
  background-color:var(--menu-item-focus-bg, rgba(0, 0, 0, 0.05));
  color:var(--menu-item-focus-color, 0);
  text-decoration:none
}

:is(.menu-item,.menu>a:not([class*=btn]),.menu li>a:not([class*=btn])):is(.is-active,:active,[aria-current=page]){
  border-color:var(--menu-item-active-stroke, 0);
  background-color:var(--menu-item-active-bg, var(--color-theme-fade, rgba(21, 101, 193, 0.2)));
  color:var(--menu-item-active-color, inherit)
}

:is(dialog,.dialog){
  --dialog-speed: 200ms;
  z-index:9;
  position:fixed;
  inset:0;
  display:flex;
  flex-direction:column;
  width:var(--dialog-width, -moz-fit-content);
  width:var(--dialog-width, fit-content);
  max-width:var(--dialog-max-width, calc(100% - 2em));
  height:var(--dialog-height, -moz-fit-content);
  height:var(--dialog-height, fit-content);
  max-height:var(--dialog-max-height, calc(100% - 2em));
  box-shadow:var(--dialog-elevation, var(--elevation-z6, 0 7px 8px -4px rgba(0, 0, 0, 0.2), 0 12px 17px 2px rgba(0, 0, 0, 0.14), 0 5px 22px 4px rgba(0, 0, 0, 0.12)));
  border:var(--dialog-border, 0);
  border-radius:var(--dialog-radius, 0.3em);
  margin:auto;
  padding:var(--dialog-padding, 2em);
  background:var(--dialog-bg, var(--color-bg, #fff));
  color:var(--dialog-color, inherit);
  transform:var(--dialog-translate, translateY(2em));
  transition:opacity var(--dialog-speed),transform var(--dialog-speed),visibility 0s var(--dialog-speed);
  opacity:0;
  visibility:hidden;
  content-visibility:auto
}

:is(dialog,.dialog).snackbar{
  margin-block-end:1em
}

:is(dialog,.dialog).offcanvas{
  --dialog-height: 100%;
  --dialog-max-height: 100%;
  --dialog-translate: translateX(-100%);
  --dialog-radius: 0 0.3em 0.3em 0;
  --dialog-border: 0;
  margin-inline-start:0
}

[dir=rtl] :is(dialog,.dialog).offcanvas,:is(dialog,.dialog).offcanvas[dir=rtl]{
  --dialog-radius: 0.3em 0 0 0.3em;
  --dialog-translate: translateX(100%)
}

:is(dialog,.dialog).offcanvas-end{
  --dialog-height: 100%;
  --dialog-max-height: 100%;
  --dialog-translate: translateX(100%);
  --dialog-radius: 0.3em 0 0 0.3em;
  --dialog-border: 0;
  margin-inline-end:0
}

[dir=rtl] :is(dialog,.dialog).offcanvas-end,:is(dialog,.dialog).offcanvas-end[dir=rtl]{
  --dialog-radius: 0 0.3em 0.3em 0;
  --dialog-translate: translateX(-100%)
}

:is(dialog,.dialog):is([open],.is-open){
  --dialog-speed: 300ms;
  transform:translate(0, 0);
  transition:opacity var(--dialog-speed),transform var(--dialog-speed),visibility 0s;
  opacity:1;
  visibility:visible
}

.dialog-inner{
  overflow:auto;
  overscroll-behavior:contain
}

dialog::backdrop{
  background-color:var(--backdrop, rgba(0, 0, 0, 0.2))
}

.backdrop{
  position:fixed;
  inset:0;
  background-color:var(--backdrop, rgba(0, 0, 0, 0.2))
}

:is(.pagination a,.pagination-item):is(.is-active,[aria-current=page]){
  border-color:var(--pagination-active-stroke, var(--color-theme, #1565c1));
  background-color:var(--pagination-active-bg, var(--color-theme, #1565c1));
  color:var(--pagination-active-color, var(--color-on-theme, #fff))
}

:root {
  --form-padding-y: 1rem;
  --form-padding-x: 1.5rem;
  --form-padding: var(--form-padding-y) var(--form-padding-x);
  --form-radius: 0;
  --form-border-width: 1px;
  --form-stroke: #9ca3af;
  --control-margin: 0 2px;
}

input,
textarea,
select {
  box-sizing: border-box;
  border-radius: 0.8rem !important;
}

/* prettier-ignore */

:is(
    [type="checkbox"],
    .control-checkbox,
    [type="radio"],
    .control-radio,
    .control-switch
) {
  margin: var(--control-margin);
}

.block.newsletter input {
  padding: var(--form-padding);
  padding-left: 35px;
}

.form.minisearch {
  --form-radius: 0.4rem;
  --btn-padding-y: 0.5rem;
  --btn-padding-x: 0.5rem;
}

.form.minisearch .label {
  cursor: pointer;
}

@media (min-width: 768px) {
  .form.minisearch .input-text {
    border-radius: 0.8rem;
  }
}

.address.fieldset .field.street legend.label {
  display: none !important;
}

.address.fieldset .field.street .control {
  display: flex;
  align-items: center;
  gap: 1.6rem;
}

.address.fieldset .field.street .control .field label {
  position: relative;
  margin-bottom: 0.8rem;
  display: flex !important;
  height: auto !important;
  width: auto !important;
  overflow: auto !important;
  font-weight: 500 !important;
}

.address.fieldset .field.street .control .field.additional {
  margin-top: 0px;
  width: 33.333333%;
}

@media (min-width: 768px) {
  .address.fieldset .field.street .control .field.additional {
    width: 25%;
  }
}

.address.fieldset .field.street .control .field._required {
  width: 66.666667%;
}

@media (min-width: 768px) {
  .address.fieldset .field.street .control .field._required {
    width: 75%;
  }
}

.address.fieldset .field.street .control .field._required .label:after {
  content: '*';
  color: #e02b27;
  font-size: 1.4rem;
  margin: 0 0 0 5px;
}

:root {
  --btn-padding-y: 1rem;
  --btn-padding-x: 1.5rem;
  --btn-radius: 2px;
  --btn-border-width: 2px;
  --btn-font-weight: 600;
}

button {
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
  cursor: pointer;
  border-radius: 0.8rem;
}

.btn {
  --btn-padding: var(--btn-padding-y) var(--btn-padding-x);
  box-sizing: border-box;
  border-radius: 0.8rem;
}

.btn-primary {
  --btn-bg: hsl(var(--color-tertiary) / 1);
  --btn-color: hsl(var(--color-on-tertiary) / 1);
  --btn-focus-bg: hsl(var(--color-tertiary-darker) / 1);
  --btn-focus-color: hsl(var(--color-on-tertiary) / 1);
  --btn-active-bg: hsl(var(--color-tertiary-lighter) / 1);
  --btn-active-color: hsl(var(--color-on-tertiary) / 1);
}

.btn-secondary {
  --btn-bg: hsl(var(--color-secondary) / 1);
  --btn-color: hsl(var(--color-on-secondary) / 1);
  --btn-focus-bg: hsl(var(--color-secondary-darker) / 1);
  --btn-focus-color: hsl(var(--color-on-secondary) / 1);
  --btn-active-bg: hsl(var(--color-secondary-lighter) / 1);
  --btn-active-color: hsl(var(--color-on-secondary) / 1);
}

.btn-tertiary {
  --btn-bg: hsl(var(--color-tertiary) / 1);
  --btn-color: hsl(var(--color-on-tertiary) / 1);
  --btn-focus-bg: hsl(var(--color-tertiary-darker) / 1);
  --btn-focus-color: hsl(var(--color-on-tertiary) / 1);
  --btn-active-bg: hsl(var(--color-tertiary-lighter) / 1);
  --btn-active-color: hsl(var(--color-on-tertiary) / 1);
}

.btn-outline {
  --btn-stroke: currentcolor;
  --btn-bg: transparent;
  --btn-color: currentcolor;
  --btn-focus-stroke: currentcolor;
  --btn-focus-bg: hsl(0 0% 0% / 12%);
  --btn-focus-color: currentcolor;
  --btn-active-stroke: currentcolor;
  --btn-active-bg: hsl(0 0% 0% / 24%);
  --btn-active-color: currentcolor;
}

.btn:is(:focus, :hover) {
  border-width: var(--btn-border-width, 1px);
}

button.action,
a.action.primary{
  display:inline-flex;
  justify-content:center;
  align-items:center;
  margin:var(--btn-margin, 0);
  padding:var(--btn-padding, 0.375rem 0.8rem);
  border:var(--btn-border-width, 1px) solid var(--btn-stroke, transparent);
  border-radius:var(--btn-radius, 4px);
  background-color:var(--btn-bg, transparent);
  color:var(--btn-color, inherit);
  font-size:var(--btn-font-size, inherit);
  line-height:var(--btn-line-height, inherit);
  font-weight:var(--btn-font-weight, 500);
  text-align:center;
  vertical-align:middle;
  text-decoration:none;
  transition:.2s linear;
  transition-property:color,background-color,border-color,box-shadow;
  -webkit-user-select:none;
     -moz-user-select:none;
          user-select:none;
  cursor:pointer;
  -webkit-tap-highlight-color:rgba(0,0,0,0);
  -webkit-appearance:none
}

button.action:focus,
a.action.primary:focus{
  outline:0
}

button.action:is(:focus,:hover),
a.action.primary:is(:focus,:hover){
  border-color:var(--btn-focus-stroke, transparent);
  background-color:var(--btn-focus-bg, rgba(0, 0, 0, 0.05));
  color:var(--btn-focus-color, inherit);
  text-decoration:none
}

button.action:is(.is-active,:active),
a.action.primary:is(.is-active,:active){
  border-color:var(--btn-active-stroke, transparent);
  background-color:var(--btn-active-bg, rgba(0, 0, 0, 0.2));
  color:var(--btn-active-color, inherit)
}

button.action:is(.is-disabled,:disabled),
a.action.primary:is(.is-disabled,:disabled){
  opacity:.7;
  pointer-events:none
}

button.action.-outline,
a.action.primary.-outline{
  --btn-stroke: currentcolor;
  --btn-hover-stroke: currentcolor
}

button.action.-theme,
a.action.primary.-theme{
  --btn-bg: var(--color-theme, #1565c1);
  --btn-color: var(--color-on-theme, #fff);
  --btn-focus-bg: #1876e1;
  --btn-focus-color: #fff;
  --btn-active-bg: #2f85e8;
  --btn-active-color: #fff
}

button.action.-icon,
a.action.primary.-icon{
  --btn-padding: 1px;
  --btn-size: 2.125em;
  min-width:var(--btn-size);
  min-height:var(--btn-size)
}

button.action,
a.action.primary {
  --btn-padding: var(--btn-padding-y) var(--btn-padding-x);
  box-sizing: border-box;
  border-radius: 0.8rem;
}

button.action:is(:focus, :hover),
a.action.primary:is(:focus, :hover) {
  border-width: var(--btn-border-width, 1px);
}

.action.primary,
.action-primary {
  --btn-bg: hsl(var(--color-tertiary) / 1);
  --btn-color: hsl(var(--color-on-tertiary) / 1);
  --btn-focus-bg: hsl(var(--color-tertiary-darker) / 1);
  --btn-focus-color: hsl(var(--color-on-tertiary) / 1);
  --btn-active-bg: hsl(var(--color-tertiary-lighter) / 1);
  --btn-active-color: hsl(var(--color-on-tertiary) / 1);
}

.actions-toolbar .secondary a.action {
  margin-top: calc(0.25em + var(--btn-padding-y)) !important;
}

.action.towishlist {
  display: inline-flex !important;
  gap: 0.8rem;
  font-size: 1.4000000000000001rem;
  line-height: 2rem;
  text-transform: none !important;
}

.action.towishlist::before {
  content: none !important;
}

:root {
  --menu-item-padding: 1rem 1.6rem;
}

.static-menu ul{
  list-style:none;
  display:var(--menu-display, flex);
  flex-direction:var(--menu-dir, column);
  margin:var(--menu-margin, 0);
  padding:var(--menu-padding, 0);
  padding-inline-start:var(--menu-nested-indent)
}

.static-menu ul :is(ul,ol){
  --menu-nested-indent: 1em
}

.static-menu ul.-row{
  --menu-display: inline-flex;
  --menu-dir: row
}

.static-menu ul.-row :is(ul,ol){
  --menu-dir: column;
  --menu-nested-indent: 0
}

.static-menu ul.-column{
  --menu-display: flex;
  --menu-dir: column
}

:is(.menu-item,.menu-label,.static-menu ul>a:not([class*=btn]),.menu li>a:not([class*=btn])){
  display:flex;
  justify-content:var(--menu-item-justify, space-between);
  align-items:var(--menu-item-align, center);
  padding:var(--menu-item-padding, 0.4375rem 1em);
  border-radius:var(--menu-item-radius, 4px);
  border:var(--menu-item-border, 0);
  background-color:var(--menu-item-bg, transparent);
  color:var(--menu-item-color, inherit);
  text-decoration:none
}

:is(.menu-item,.static-menu ul>a:not([class*=btn]),.menu li>a:not([class*=btn])):focus{
  outline:0
}

:is(.menu-item,.static-menu ul>a:not([class*=btn]),.menu li>a:not([class*=btn])):is(:focus,:hover){
  border-color:var(--menu-item-focus-stroke, 0);
  background-color:var(--menu-item-focus-bg, rgba(0, 0, 0, 0.05));
  color:var(--menu-item-focus-color, 0);
  text-decoration:none
}

:is(.menu-item,.static-menu ul>a:not([class*=btn]),.menu li>a:not([class*=btn])):is(.is-active,:active,[aria-current=page]){
  border-color:var(--menu-item-active-stroke, 0);
  background-color:var(--menu-item-active-bg, var(--color-theme-fade, rgba(21, 101, 193, 0.2)));
  color:var(--menu-item-active-color, inherit)
}

.static-menu ul {
  width: 100%;
}

.static-menu ul :where(li) {
  margin-block: 0;
}

.static-menu ul ul {
  padding-inline-start: 0;
}

.static-menu ul.-column {
  --menu-display: flex;
  --menu-dir: column;
}

.static-menu ul.-nested {
  --menu-nested-indent: 0;
}

:is(.menu-item,.menu-label,.static-menu ul>a:not([class*=btn]),.static-menu ul li>a:not([class*=btn])) {
  padding-left: 1.6rem !important;
  padding-right: 1.6rem !important;
  font-weight: 600;
}

@media (min-width: 1024px) {
  .static-menu ul {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
  }
}

.static-menu ul li {
  font-weight: 600;
  letter-spacing: 0.05em;
}

.main-menu :is(a, .menu-item).level-0 {
  --menu-item-active-bg: hsl(0 100% 100% / 12%);
  letter-spacing: 0.05em;
}

.main-menu .static-menu > ul {
  --menu-dir: row;
}

.menu :where(li) {
  margin-block: 0;
}

.menu ul {
  padding-inline-start: 0;
}

.menu.-column {
  --menu-display: flex;
  --menu-dir: column;
}

.menu.-nested {
  --menu-nested-indent: 0;
}

.menu-item {
  font-weight: inherit;
}

.menu-item.-back {
  --menu-item-justify: flex-start;
  --menu-item-radius: 0;
  --menu-item-border: 1px solid #d1d5db;
  margin-bottom: 0.8rem;
  border-left-width: 0px !important;
  border-right-width: 0px !important;
}

.columns-menu {
  --menu-item-padding: 0.6rem 0.8rem;
  -moz-columns: 5 240px;
       columns: 5 240px;
}

.columns-menu > ul {
  page-break-inside: avoid;
  -moz-column-break-inside: avoid;
       break-inside: avoid;
}

.menu-static-layer li > strong {
  display: block;
  font-size: 1.6rem;
  line-height: 2.4000000000000004rem;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: hsl(var(--color-secondary) / var(--tw-text-opacity));
}

.menu-static-layer li > strong.category.event{
  inline-size:100%;
  max-inline-size:var(--container-size);
  margin-inline-start:auto;
  margin-inline-end:auto;
  padding-block-start:var(--container-padding-y);
  padding-block-end:var(--container-padding-y);
  padding-inline-start:var(--container-padding-x);
  padding-inline-end:var(--container-padding-x);
  box-sizing: border-box
}

.menu-static-layer li > strong.newsletter input {
  padding: var(--form-padding);
  padding-left: 35px;
}

.menu-static-layer li > strong.crosssell .product-item-info,.menu-static-layer li > strong.crosssell .products-grid .product-item,.menu-static-layer li > strong.widget .products-grid .product-item {
  width: auto;
  margin: 0;
}

.cart-container .menu-static-layer li > strong.crosssell .products-grid .product-item-actions {
  margin-top: auto;
  margin-bottom: 0px;
  padding-top: 1.6rem;
}

.menu-static-layer li > strong.block-reorder :is(ul, ol) {
  padding-left: 0px;
}

.menu-static-layer li > strong {
  padding: var(--menu-item-padding, 0.4375rem 1em);
}

:is(.menu-item,.menu-label,.static-menu ul>a:not([class*=btn]),.menu li>a:not([class*=btn])) {
  padding-left: 1.6rem !important;
  padding-right: 1.6rem !important;
  font-weight: 600;
}

.snap{
  --gap-inline: 1.25em;
  --gap-block: calc(var(--gap-inline) / 2);
  display:flex;
  flex-direction:row;
  scroll-snap-type:inline mandatory;
  padding-block-start:var(--gap-block);
  padding-block-end:var(--gap-block);
  padding-inline-start:var(--gap-inline);
  padding-inline-end:var(--gap-inline);
  overflow-x:auto;
  overscroll-behavior-inline:contain;
  -webkit-overflow-scrolling:touch;
  scroll-padding-left:var(--gap-inline);
  scroll-padding-right:var(--gap-inline);
  scroll-padding-inline:var(--gap-inline)
}

@media(prefers-reduced-motion: no-preference){
  .snap{
    scroll-behavior:smooth
  }
}

.snap>:not([hidden]){
  flex:0 0 auto;
  inline-size:var(--scroll-size);
  scroll-snap-align:var(--scroll-align, start)
}

.snap>:not([hidden])~:not([hidden]){
  margin-inline-start:var(--item-gap, 0.5em)
}

@supports(-webkit-hyphens: none){
  .snap::after{
    content:"";
    order:1;
    flex:0 0 auto;
    inline-size:var(--gap-inline, 1.25em)
  }
}

.snap {
  list-style-type: none;
  --_scroll-size-count: 1;
  --_scroll-overflow: 0px;
  --_scroll-size-offset: (
        var(--slider-gap) - (var(--slider-gap) / var(--_scroll-size-count))
    );
  --_scroll-size: auto;
  --scroll-size: var(--_scroll-size);
  --gap-inline: var(--container-padding-x, 1.6rem);
  --gap-block: 0.8rem;
  --slider-gap: 1.6rem;
  --item-gap: 0;
  /* unset Fylgja v1 gap */
  gap: var(--slider-gap);
}

.snap li,
    .snap figure {
  margin-top: 0px;
  margin-bottom: 0px;
  width: 100%;
}

.snap img {
  width: 100%;
  vertical-align: middle;
}

.auto-snap {
  display: grid;
  scroll-snap-type: none;
  --_scroll-size-count: 1;
  --_scroll-size: auto;
  --gap-inline: 0;
  --gap-block: 0;
  --slider-gap: 0;
  overflow-x: visible;
  overscroll-behavior-inline: auto;
}

.products.wrapper.auto-snap,
.products-grid.auto-snap {
  display: block;
}

.auto-snap > * {
  grid-column-start: 1;
  grid-row-start: 1;
  transition: opacity 0.3s ease-in;
}

.auto-snap > *:not(.is-active) {
  opacity: 0;
}

.breadcrumbs {
  margin-bottom: 0px;
  padding-top: 1.6rem;
  padding-bottom: 1.6rem;
}

.widget.block-products-list .block-title strong {
  margin-bottom: 0px;
  font-size: 2.4000000000000004rem;
  line-height: 3.2rem;
  font-weight: 600;
}

@media (min-width: 768px) {
  .widget.block-products-list .block-title strong {
    font-size: 2.4000000000000004rem;
    line-height: 3.2rem;
  }
}

/* Page Components */

.page-header {
  margin-bottom: 0px;
}

.page-header .panel.wrapper {
  --tw-bg-opacity: 1;
  background-color: hsl(var(--color-secondary) / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: hsl(var(--color-on-secondary) / var(--tw-text-opacity));
}

.header.content {
  box-sizing: border-box;
}

.header.content *,
    .header.content ::before,
    .header.content ::after {
  box-sizing: inherit;
}

.header.content .action::before,
    .header.content .action:hover::before {
  color: inherit;
}

body:not(.checkout-index-index) .header.content {
  max-width: none;
  padding: 0px;
}

.cms-content {
  color: var(--tw-prose-body);
  max-width: 65ch;
}

.cms-content :where(p):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  margin-top: 1.25em;
  margin-bottom: 1.25em;
}

.cms-content :where([class~="lead"]):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  color: var(--tw-prose-lead);
  font-size: 1.25em;
  line-height: 1.6;
  margin-top: 1.2em;
  margin-bottom: 1.2em;
}

.cms-content :where(a):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  color: var(--tw-prose-links);
  text-decoration: underline;
  font-weight: 500;
}

.cms-content :where(strong):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  color: var(--tw-prose-bold);
  font-weight: 600;
}

.cms-content :where(a strong):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  color: inherit;
}

.cms-content :where(blockquote strong):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  color: inherit;
}

.cms-content :where(thead th strong):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  color: inherit;
}

.cms-content :where(ol):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  list-style-type: decimal;
  margin-top: 1.25em;
  margin-bottom: 1.25em;
  padding-left: 1.625em;
}

.cms-content :where(ol[type="A"]):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  list-style-type: upper-alpha;
}

.cms-content :where(ol[type="a"]):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  list-style-type: lower-alpha;
}

.cms-content :where(ol[type="A" s]):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  list-style-type: upper-alpha;
}

.cms-content :where(ol[type="a" s]):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  list-style-type: lower-alpha;
}

.cms-content :where(ol[type="I"]):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  list-style-type: upper-roman;
}

.cms-content :where(ol[type="i"]):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  list-style-type: lower-roman;
}

.cms-content :where(ol[type="I" s]):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  list-style-type: upper-roman;
}

.cms-content :where(ol[type="i" s]):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  list-style-type: lower-roman;
}

.cms-content :where(ol[type="1"]):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  list-style-type: decimal;
}

.cms-content :where(ul):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  list-style-type: disc;
  margin-top: 1.25em;
  margin-bottom: 1.25em;
  padding-left: 1.625em;
}

.cms-content :where(ol > li):not(:where([class~="not-prose"],[class~="not-prose"] *))::marker {
  font-weight: 400;
  color: var(--tw-prose-counters);
}

.cms-content :where(ul > li):not(:where([class~="not-prose"],[class~="not-prose"] *))::marker {
  color: var(--tw-prose-bullets);
}

.cms-content :where(dt):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  color: var(--tw-prose-headings);
  font-weight: 600;
  margin-top: 1.25em;
}

.cms-content :where(hr):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  border-color: var(--tw-prose-hr);
  border-top-width: 1px;
  margin-top: 3em;
  margin-bottom: 3em;
}

.cms-content :where(blockquote):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  font-weight: 500;
  font-style: italic;
  color: var(--tw-prose-quotes);
  border-left-width: 0.25rem;
  border-left-color: var(--tw-prose-quote-borders);
  quotes: "\201C""\201D""\2018""\2019";
  margin-top: 1.6em;
  margin-bottom: 1.6em;
  padding-left: 1em;
}

.cms-content :where(blockquote p:first-of-type):not(:where([class~="not-prose"],[class~="not-prose"] *))::before {
  content: open-quote;
}

.cms-content :where(blockquote p:last-of-type):not(:where([class~="not-prose"],[class~="not-prose"] *))::after {
  content: close-quote;
}

.cms-content :where(h1):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  color: var(--tw-prose-headings);
  font-weight: 500;
  font-size: 2.25em;
  margin-top: 0;
  margin-bottom: 1.6rem;
  line-height: 1.1111111;
}

.cms-content :where(h1 strong):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  font-weight: 900;
  color: inherit;
}

.cms-content :where(h2):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  color: var(--tw-prose-headings);
  font-weight: 500;
  font-size: 1.5em;
  margin-top: 2em;
  margin-bottom: 1em;
  line-height: 1.3333333;
}

.cms-content :where(h2 strong):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  font-weight: 800;
  color: inherit;
}

.cms-content :where(h3):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  color: var(--tw-prose-headings);
  font-weight: 500;
  font-size: 1.25em;
  margin-top: 1.6em;
  margin-bottom: 0.6em;
  line-height: 1.6;
}

.cms-content :where(h3 strong):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  font-weight: 700;
  color: inherit;
}

.cms-content :where(h4):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  color: var(--tw-prose-headings);
  font-weight: 600;
  margin-top: 1.5em;
  margin-bottom: 0.5em;
  line-height: 1.5;
}

.cms-content :where(h4 strong):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  font-weight: 700;
  color: inherit;
}

.cms-content :where(img):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  margin-top: 2em;
  margin-bottom: 2em;
}

.cms-content :where(picture):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  display: block;
  margin-top: 2em;
  margin-bottom: 2em;
}

.cms-content :where(kbd):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  font-weight: 500;
  font-family: inherit;
  color: var(--tw-prose-kbd);
  box-shadow: 0 0 0 1px rgb(var(--tw-prose-kbd-shadows) / 10%), 0 3px 0 rgb(var(--tw-prose-kbd-shadows) / 10%);
  font-size: 0.875em;
  border-radius: 0.3125rem;
  padding-top: 0.1875em;
  padding-right: 0.375em;
  padding-bottom: 0.1875em;
  padding-left: 0.375em;
}

.cms-content :where(code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  color: var(--tw-prose-code);
  font-weight: 600;
  font-size: 0.875em;
}

.cms-content :where(code):not(:where([class~="not-prose"],[class~="not-prose"] *))::before {
  content: "`";
}

.cms-content :where(code):not(:where([class~="not-prose"],[class~="not-prose"] *))::after {
  content: "`";
}

.cms-content :where(a code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  color: inherit;
}

.cms-content :where(h1 code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  color: inherit;
}

.cms-content :where(h2 code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  color: inherit;
  font-size: 0.875em;
}

.cms-content :where(h3 code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  color: inherit;
  font-size: 0.9em;
}

.cms-content :where(h4 code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  color: inherit;
}

.cms-content :where(blockquote code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  color: inherit;
}

.cms-content :where(thead th code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  color: inherit;
}

.cms-content :where(pre):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  color: var(--tw-prose-pre-code);
  background-color: var(--tw-prose-pre-bg);
  overflow-x: auto;
  font-weight: 400;
  font-size: 0.875em;
  line-height: 1.7142857;
  margin-top: 1.7142857em;
  margin-bottom: 1.7142857em;
  border-radius: 0.375rem;
  padding-top: 0.8571429em;
  padding-right: 1.1428571em;
  padding-bottom: 0.8571429em;
  padding-left: 1.1428571em;
}

.cms-content :where(pre code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  background-color: transparent;
  border-width: 0;
  border-radius: 0;
  padding: 0;
  font-weight: inherit;
  color: inherit;
  font-size: inherit;
  font-family: inherit;
  line-height: inherit;
}

.cms-content :where(pre code):not(:where([class~="not-prose"],[class~="not-prose"] *))::before {
  content: none;
}

.cms-content :where(pre code):not(:where([class~="not-prose"],[class~="not-prose"] *))::after {
  content: none;
}

.cms-content :where(table):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  width: 100%;
  table-layout: auto;
  text-align: left;
  margin-top: 2em;
  margin-bottom: 2em;
  font-size: 0.875em;
  line-height: 1.7142857;
}

.cms-content :where(thead):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  border-bottom-width: 1px;
  border-bottom-color: var(--tw-prose-th-borders);
}

.cms-content :where(thead th):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  color: var(--tw-prose-headings);
  font-weight: 600;
  vertical-align: bottom;
  padding-right: 0.5714286em;
  padding-bottom: 0.5714286em;
  padding-left: 0.5714286em;
}

.cms-content :where(tbody tr):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  border-bottom-width: 1px;
  border-bottom-color: var(--tw-prose-td-borders);
}

.cms-content :where(tbody tr:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  border-bottom-width: 0;
}

.cms-content :where(tbody td):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  vertical-align: baseline;
}

.cms-content :where(tfoot):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  border-top-width: 1px;
  border-top-color: var(--tw-prose-th-borders);
}

.cms-content :where(tfoot td):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  vertical-align: top;
}

.cms-content :where(figure > *):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  margin-top: 0;
  margin-bottom: 0;
}

.cms-content :where(figcaption):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  color: var(--tw-prose-captions);
  font-size: 0.875em;
  line-height: 1.4285714;
  margin-top: 0.8571429em;
}

.cms-content {
  --tw-prose-body: #374151;
  --tw-prose-headings: #111827;
  --tw-prose-lead: #4b5563;
  --tw-prose-links: #111827;
  --tw-prose-bold: #111827;
  --tw-prose-counters: #6b7280;
  --tw-prose-bullets: #d1d5db;
  --tw-prose-hr: #e5e7eb;
  --tw-prose-quotes: #111827;
  --tw-prose-quote-borders: #e5e7eb;
  --tw-prose-captions: #6b7280;
  --tw-prose-kbd: #111827;
  --tw-prose-kbd-shadows: 17 24 39;
  --tw-prose-code: #111827;
  --tw-prose-pre-code: #e5e7eb;
  --tw-prose-pre-bg: #1f2937;
  --tw-prose-th-borders: #d1d5db;
  --tw-prose-td-borders: #e5e7eb;
  --tw-prose-invert-body: #d1d5db;
  --tw-prose-invert-headings: #fff;
  --tw-prose-invert-lead: #9ca3af;
  --tw-prose-invert-links: #fff;
  --tw-prose-invert-bold: #fff;
  --tw-prose-invert-counters: #9ca3af;
  --tw-prose-invert-bullets: #4b5563;
  --tw-prose-invert-hr: #374151;
  --tw-prose-invert-quotes: #f3f4f6;
  --tw-prose-invert-quote-borders: #374151;
  --tw-prose-invert-captions: #9ca3af;
  --tw-prose-invert-kbd: #fff;
  --tw-prose-invert-kbd-shadows: 255 255 255;
  --tw-prose-invert-code: #fff;
  --tw-prose-invert-pre-code: #d1d5db;
  --tw-prose-invert-pre-bg: rgb(0 0 0 / 50%);
  --tw-prose-invert-th-borders: #4b5563;
  --tw-prose-invert-td-borders: #374151;
  font-size: 1.6rem;
  line-height: 1.75;
}

.cms-content :where(picture > img):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  margin-top: 0;
  margin-bottom: 0;
}

.cms-content :where(video):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  margin-top: 2em;
  margin-bottom: 2em;
}

.cms-content :where(li):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  margin-top: 0.5em;
  margin-bottom: 0.5em;
}

.cms-content :where(ol > li):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  padding-left: 0.375em;
}

.cms-content :where(ul > li):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  padding-left: 0.375em;
}

.cms-content :where(.prose > ul > li p):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  margin-top: 0.75em;
  margin-bottom: 0.75em;
}

.cms-content :where(.prose > ul > li > *:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  margin-top: 1.25em;
}

.cms-content :where(.prose > ul > li > *:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  margin-bottom: 1.25em;
}

.cms-content :where(.prose > ol > li > *:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  margin-top: 1.25em;
}

.cms-content :where(.prose > ol > li > *:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  margin-bottom: 1.25em;
}

.cms-content :where(ul ul, ul ol, ol ul, ol ol):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  margin-top: 0.75em;
  margin-bottom: 0.75em;
}

.cms-content :where(dl):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  margin-top: 1.25em;
  margin-bottom: 1.25em;
}

.cms-content :where(dd):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  margin-top: 0.5em;
  padding-left: 1.625em;
}

.cms-content :where(hr + *):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  margin-top: 0;
}

.cms-content :where(h2 + *):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  margin-top: 0;
}

.cms-content :where(h3 + *):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  margin-top: 0;
}

.cms-content :where(h4 + *):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  margin-top: 0;
}

.cms-content :where(thead th:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  padding-left: 0;
}

.cms-content :where(thead th:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  padding-right: 0;
}

.cms-content :where(tbody td, tfoot td):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  padding-top: 0.5714286em;
  padding-right: 0.5714286em;
  padding-bottom: 0.5714286em;
  padding-left: 0.5714286em;
}

.cms-content :where(tbody td:first-child, tfoot td:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  padding-left: 0;
}

.cms-content :where(tbody td:last-child, tfoot td:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  padding-right: 0;
}

.cms-content :where(figure):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  margin-top: 2em;
  margin-bottom: 2em;
}

.cms-content :where(.prose > :first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  margin-top: 0;
}

.cms-content :where(.prose > :last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  margin-bottom: 0;
}

.cms-content td p,.cms-content th p {
  margin: 0;
}

.cms-content {
  box-sizing: border-box;
  max-width: none;
}

.cms-content :is(:where(p):not(:where([class~="not-prose"],[class~="not-prose"] *))) {
  font-size: 1.4000000000000001rem;
  line-height: 2rem;
}

.cms-content *,
    .cms-content ::before,
    .cms-content ::after {
  box-sizing: inherit;
}

.cms-content h2, h3, h4, h5 {
  margin-top: 3.2rem;
  margin-bottom: 0px;
}

.cms-home .page-main-full-width .cms-content{
  inline-size:100%;
  max-inline-size:var(--container-size);
  margin-inline-start:auto;
  margin-inline-end:auto;
  padding-block-start:var(--container-padding-y);
  padding-block-end:var(--container-padding-y);
  padding-inline-start:var(--container-padding-x);
  padding-inline-end:var(--container-padding-x);
  box-sizing: border-box
}

.cms-content :where(p):not(:where([class~=not-prose],[class~=not-prose] *)) {
  margin: 10px 0;
  font-size: 18px;
}

.page-title {
  margin-bottom: 10px;
}

.opc-wrapper :is([type=checkbox],.control-checkbox,[type=radio],.control-radio,.control-switch):is(:checked,.is-active) {
  --tw-scale-x: 1.25;
  --tw-scale-y: 1.25;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  --tw-bg-opacity: 1;
  background-color: hsl(var(--color-secondary) / var(--tw-bg-opacity));
}

.cart-summary, .opc-block-summary {
  border-radius: 0.8rem;
}

.selected-store-pickup .secondary .button.action {
  display: none;
}

.page-wrapper > .page-bottom {
  max-width: none;
  padding-right: 0;
  padding-left: 0;
}

.page-wrapper > .page-bottom > .content{
  inline-size:100%;
  max-inline-size:var(--container-size);
  margin-inline-start:auto;
  margin-inline-end:auto;
  padding-block-start:var(--container-padding-y);
  padding-block-end:var(--container-padding-y);
  padding-inline-start:var(--container-padding-x);
  padding-inline-end:var(--container-padding-x);
  box-sizing: border-box
}

.page-wrapper > .page-bottom > .widget {
  margin-bottom: 0;
  background-color: #f1f5f9;
}

.page-wrapper > .page-bottom > .widget:last-child {
  margin-bottom: -20px;
}

.page-footer {
  margin-top: 3.2rem;
  padding: 0px;
  background: linear-gradient(
        to bottom,
        transparant 100px,
        var(--footer-bg, #f3f4f6) 100px,
        var(--footer-bg, #f3f4f6)
    );
  color: var(--footer-color, var(--color-secondary));
}

.page-footer :where(a) {
  color: inherit;
}

.footer.content {
  max-width: none;
  border-top: 0;
  padding: 0;
}

.footer.content .footer-block {
  padding-right: 0;
}

.footer.content .static-block ul {
  --menu-item-py: 0.4rem;
  --menu-item-px: 0.8rem;
  --menu-item-padding: var(--menu-item-py) var(--menu-item-px);
  list-style: none;
  display: var(--menu-display, flex);
  flex-direction: var(--menu-dir, column);
  margin: var(--menu-margin, 0);
  padding: var(--menu-padding, 0);
  padding-inline-start: var(--menu-nested-indent);
  margin-inline: calc(var(--menu-item-px) / -1);
}

.footer.content .static-block li + li {
  margin-block-start: var(--menu-item-py);
}

.footer.content .static-block li a {
  display: flex;
  justify-content: var(--menu-item-justify, space-between);
  align-items: var(--menu-item-align, center);
  padding: var(--menu-item-padding, 0.4375rem 1em);
  border-radius: var(--menu-item-radius, 4px);
  border: var(--menu-item-border, 0);
  background-color: var(--menu-item-bg, transparent);
  color: var(--menu-item-color, inherit);
  text-decoration: none;
}

.footer.content .static-block li a:is(:hover, :focus) {
  border-color: var(--menu-item-focus-stroke, 0);
  background-color: var(
                        --menu-item-focus-bg,
                        rgba(0, 0, 0, 0.05)
                    );
  color: var(--menu-item-focus-color, 0);
  text-decoration: none;
}

.footer.content .static-block li a:is(.is-active, :active, [aria-current="page"]) {
  border-color: var(--menu-item-active-stroke, 0);
  background-color: var(
                        --menu-item-active-bg,
                        var(--color-theme-fade, rgba(21, 101, 193, 0.2))
                    );
  color: var(--menu-item-active-color, inherit);
}

.copyright {
  background-color: transparent;
  padding: 0px;
  text-align: start;
  --tw-text-opacity: 1;
  color: hsl(var(--color-secondary-darker) / var(--tw-text-opacity));
  font-size: inherit;
}

.copyright-section {
  font-size: 1.4000000000000001rem;
  line-height: 2rem;
}

.copyright-section ul {
  margin-left: -0.4rem;
  margin-right: -0.4rem;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  -moz-column-gap: 1.6rem;
       column-gap: 1.6rem;
  row-gap: 0.8rem;
  padding-right: 0px !important;
}

.copyright-section ul :-moz-any-link {
  padding: 0.4rem;
}

.copyright-section ul :any-link {
  padding: 0.4rem;
}

.copyright-section :-moz-any-link {
  color: currentcolor;
}

.copyright-section :any-link {
  color: currentcolor;
}

.product-info-main .stock.available,
    .product-info-main .stock.unavailable {
  display: flex;
  align-items: center;
  gap: 0.8rem;
  font-weight: 500;
  text-transform: none;
}

@media (min-width: 640px) {
  .product-info-main .stock.available,
    .product-info-main .stock.unavailable {
    font-size: 1.8rem;
    line-height: 2.8000000000000003rem;
  }
}

.product-info-main .stock.available::before, .product-info-main .stock.unavailable::before {
  content: "";
  display: block;
  width: 0.8rem;
  height: 0.8rem;
  border-radius: 9999px;
}

.product-info-main .stock.available.category.event::before, .product-info-main .stock.unavailable.category.event::before{
  inline-size:100%;
  max-inline-size:var(--container-size);
  margin-inline-start:auto;
  margin-inline-end:auto;
  padding-block-start:var(--container-padding-y);
  padding-block-end:var(--container-padding-y);
  padding-inline-start:var(--container-padding-x);
  padding-inline-end:var(--container-padding-x);
  box-sizing: border-box
}

.product-info-main .stock.available.newsletter input::before, .product-info-main .stock.unavailable.newsletter input::before {
  padding: var(--form-padding);
  padding-left: 35px;
}

.product-info-main .stock.available.crosssell .product-item-info::before,.product-info-main .stock.available.crosssell .products-grid .product-item::before,.product-info-main .stock.available.widget .products-grid .product-item::before, .product-info-main .stock.unavailable.crosssell .product-item-info::before, .product-info-main .stock.unavailable.crosssell .products-grid .product-item::before, .product-info-main .stock.unavailable.widget .products-grid .product-item::before {
  width: auto;
  margin: 0;
}

.cart-container .product-info-main .stock.available.crosssell .products-grid .product-item-actions::before,.cart-container  .product-info-main .stock.unavailable.crosssell .products-grid .product-item-actions::before {
  margin-top: auto;
  margin-bottom: 0px;
  padding-top: 1.6rem;
}

.product-info-main .stock.available.block-reorder :is(ul, ol)::before, .product-info-main .stock.unavailable.block-reorder :is(ul, ol)::before {
  padding-left: 0px;
}

@media (min-width: 640px) {
  .product-info-main .stock.available::before, .product-info-main .stock.unavailable::before {
    width: 1.6rem;
    height: 1.6rem;
  }
}

.product-info-main .stock.available::before, .product-info-main .stock.unavailable::before {
  background-color: var(--stock-color, hsl(var(--color-primary)));
}

.product-info-main .stock.unavailable {
  --stock-color: #b91c1c;
}

.products.wrapper.grid,
.products-grid.grid {
  display: block;
}

.products.wrapper {
  margin-bottom: 3.2rem;
}

@media (min-width: 768px) {
  .products.wrapper.list .product-items {
    --card-dir: row;
    --cols: repeat(1, minmax(0, 1fr));
    --card-media-width: 33%;
  }
}

.products.wrapper .product-items{
  --cols-size: 250px;
  --cols: repeat( var(--grid-auto, auto-fill), minmax(min(100%, var(--cols-size)), 1fr) );
  --gap: 1em;
  display:grid;
  grid-gap:var(--gap);
  gap:var(--gap);
  grid-template-columns:var(--cols);
  margin-top: 4.800000000000001rem
}

@media (min-width: 1024px) {
  .products.wrapper .product-items {
    gap: 2.4000000000000004rem;
  }
}

/* Item */

.products.wrapper .product-item {
  margin-top: 0px;
  margin-bottom: 0px;
  display: flex;
  width: 100%;
  flex-direction: column;
  border-radius: 0.8rem;
}

.products.wrapper .product-item .product-item-photo {
  text-align: center;
  max-width: var(--card-media-width);
}

.products.wrapper .product-item .product-item-info{
  position:relative;
  display:flex;
  flex-direction:var(--card-dir, column);
  border-radius:var(--card-radius, 6px);
  border:var(--card-border, 0);
  box-shadow:var(--card-elevation, var(--elevation-z2, 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px rgba(0, 0, 0, 0.14), 0 1px 5px rgba(0, 0, 0, 0.12)));
  background-color:var(--card-bg, white);
  color:var(--card-color, rgba(0, 0, 0, 0.87));
  overflow:hidden
}

a:is(.products.wrapper .product-item .product-item-info,.card.-has-link,.card-media,.card-content,.card-action){
  position:relative;
  text-decoration:none
}

a:is(.products.wrapper .product-item .product-item-info,.card.-has-link,.card-media,.card-content,.card-action)::after{
  content:"";
  position:absolute;
  inset:0;
  background-color:var(--card-link-color, currentcolor);
  opacity:0;
  pointer-events:none
}

a:is(.products.wrapper .product-item .product-item-info,.card.-has-link,.card-media,.card-content,.card-action):is(:focus,:hover){
  text-decoration:none
}

a:is(.products.wrapper .product-item .product-item-info,.card.-has-link,.card-media,.card-content,.card-action):is(:focus,:hover)::after{
  transition:opacity .15s linear;
  opacity:var(--card-link-opacity, 0.05)
}

.products.wrapper .product-item .product-item-info {
  flex-grow: 1;
  gap: 1.6rem;
  border-radius: 0.8rem;
  padding-top: 2.4000000000000004rem;
  padding-bottom: 2.4000000000000004rem;
  padding-left: 1.6rem;
  padding-right: 1.6rem;
}

.products.wrapper .product-item .product-item-details {
  display: flex;
  flex-grow: 1;
  flex-direction: column;
}

.products.wrapper .product-item .product-item-details .price-final_price {
  margin-top: auto;
}

.products.wrapper .product-item .product-item-inner {
  margin-top: auto;
  padding-top: 1.6rem;
}

.products.wrapper .product-item .product-item-inner > * + * {
  margin-top: 1.6rem;
}

.products.wrapper .product-item .product-item-name {
  margin-left: 0px;
  margin-right: 0px;
  margin-bottom: 0.8rem;
  font-size: 2rem;
  line-height: 2.8000000000000003rem;
  font-weight: 600;
}

.products.wrapper .product-item .product-item-name > a {
  text-decoration-line: none;
  color: inherit;
}

.products.wrapper .product-item .action.tocart {
  margin-left: auto;
  border-radius: 0.8rem;
  padding: 0.8rem;
  width: 50px;
  height: 50px;
}

.products.wrapper .product-item .action.tocart span {
  display: none;
}

.products.wrapper .product-item .actions-primary .stock {
  margin-bottom: 1.6rem;
}

.products.wrapper .product-item .actions-secondary {
  position: absolute;
  top: 1.2000000000000002rem;
  right: 1.2000000000000002rem;
  z-index: 1;
}

.products.wrapper .product-item .actions-secondary .action.towishlist span {
  display: none;
}

.block.crosssell .product-item-info,
.block.crosssell .products-grid .product-item,
.block.widget .products-grid .product-item {
  width: auto !important;
  margin: 0 !important;
}

.cart-container .block.crosssell .products-grid .product-item-actions {
  margin-top: auto;
  margin-bottom: 0px;
  padding-top: 1.6rem;
}

.product-items.widget-product-grid{
  --cols-size: 250px;
  --cols: repeat( var(--grid-auto, auto-fill), minmax(min(100%, var(--cols-size)), 1fr) );
  --gap: 1em;
  display:grid;
  grid-gap:var(--gap);
  gap:var(--gap);
  grid-template-columns:var(--cols)
}

@media (min-width: 1024px) {
  .product-items.widget-product-grid {
    gap: 2.4000000000000004rem;
  }
}

.product-items.widget-product-grid {
  list-style: none;
  padding-inline-start: 0;
}

.product-items.widget-product-grid .product-item-details {
  margin-bottom: 1.6rem;
}

.product-items.widget-product-grid .product-item-details:last-child {
  margin-bottom: 0px;
}

.product-items.widget-product-grid .product-item-details .price-final_price {
  margin-top: auto;
}

.products.wrapper .product-item .product-item-inner {
  margin-top: 0;
  padding-top: 5px;
  margin-left: auto;
}

.cms-content :where(img):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  margin-top: 0;
  margin-bottom: 0;
}

.toolbar-products {
  border-radius: 0.8rem !important;
  --tw-text-opacity: 1 !important;
  color: hsl(var(--color-root-fg) / var(--tw-text-opacity)) !important;
}

.price-excluding-tax, .price-excluding-tax .price {
  font-size: 1.2000000000000002rem !important;
  line-height: 1.6rem !important;
  font-weight: 500;
}

.field.qty input, .cart-item-qty {
  height: 4rem !important;
  width: 8rem !important;
  padding: 0.4rem;
}

.product-info-main .product-reviews-summary {
  float: none;
}

.product-info-main .product-info-price {
  margin-bottom: 0.8rem;
  display: block;
  border-bottom-width: 0px;
}

.product-info-main .product-info-price.category.event{
  inline-size:100%;
  max-inline-size:var(--container-size);
  margin-inline-start:auto;
  margin-inline-end:auto;
  padding-block-start:var(--container-padding-y);
  padding-block-end:var(--container-padding-y);
  padding-inline-start:var(--container-padding-x);
  padding-inline-end:var(--container-padding-x);
  box-sizing: border-box
}

.product-info-main .product-info-price.newsletter input {
  padding: var(--form-padding);
  padding-left: 35px;
}

.product-info-main .product-info-price.crosssell .product-item-info,.product-info-main .product-info-price.crosssell .products-grid .product-item,.product-info-main .product-info-price.widget .products-grid .product-item {
  width: auto;
  margin: 0;
}

.cart-container .product-info-main .product-info-price.crosssell .products-grid .product-item-actions {
  margin-top: auto;
  margin-bottom: 0px;
  padding-top: 1.6rem;
}

.product-info-main .product-info-price.block-reorder :is(ul, ol) {
  padding-left: 0px;
}

.product-info-main .product-info-price {
  color: inherit;
}

.product-info-main .product-info-price .price-box {
  color: inherit;
  padding-bottom: 0;
}

.product-info-main .product-info-price .price-box .old-price {
  text-decoration: none;
}

.product-info-main .product-info-price .price-box .old-price .price {
  font-size: 2rem;
  line-height: 2.8000000000000003rem;
  text-decoration-line: line-through;
}

.product-info-main .product-info-price .price-box .special-price .price {
  font-size: 3rem;
  line-height: 3.6rem;
}

.product-info-main > .product.attribute {
  margin-bottom: 0.8rem;
}

.product-info-main .product-info-stock-sku {
  display: block;
  float: none;
  padding-bottom: 0;
  padding-left: 0;
  margin-top: 10px;
}

.page-title {
  margin-top: 0px;
  font-size: 2rem;
  line-height: 2.8000000000000003rem;
  font-weight: 300;
}

@media (min-width: 1024px) {
  .page-title {
    font-size: 3.6rem;
    line-height: 4rem;
  }
}

.box-tocart {
  margin-bottom: 0px;
}

.box-tocart .fieldset {
  margin-bottom: 1.2000000000000002rem;
  display: flex;
  gap: 0.8rem;
}

@media (min-width: 640px) {
  .box-tocart .fieldset {
    gap: 1.6rem;
  }
}

@media (min-width: 768px) {
  .box-tocart .fieldset {
    gap: 2.4000000000000004rem;
  }
}

.box-tocart .field.qty {
  margin-bottom: 0px;
}

.box-tocart .field.qty label {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border-width: 0;
}

.box-tocart .field.qty input {
  min-height: 5.2rem;
}

.box-tocart .actions {
  display: flex;
  flex-grow: 1;
  flex-direction: column;
}

.box-tocart .action.tocart {
  margin-right: 0px;
  width: 100%;
}

.box-tocart .action.tocart:not(:last-child) {
  margin-bottom: 0px;
}

.catalog-product-view .column.main {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  gap: 3.2rem;
}

.catalog-product-view .column.main > * {
  box-sizing: border-box;
  width: 100%;
}

@media (min-width: 768px) {
  .catalog-product-view .column.main .product.media {
    order: -9999;
    width: 40%;
  }

  .catalog-product-view .column.main .product-info-main {
    width: calc(60% - 3.2rem)
  }
}

.filter-title strong{
  display:inline-flex;
  justify-content:center;
  align-items:center;
  margin:var(--btn-margin, 0);
  padding:var(--btn-padding, 0.375rem 0.8rem);
  border:var(--btn-border-width, 1px) solid var(--btn-stroke, transparent);
  border-radius:var(--btn-radius, 4px);
  background-color:var(--btn-bg, transparent);
  color:var(--btn-color, inherit);
  font-size:var(--btn-font-size, inherit);
  line-height:var(--btn-line-height, inherit);
  font-weight:var(--btn-font-weight, 500);
  text-align:center;
  vertical-align:middle;
  text-decoration:none;
  transition:.2s linear;
  transition-property:color,background-color,border-color,box-shadow;
  -webkit-user-select:none;
     -moz-user-select:none;
          user-select:none;
  cursor:pointer;
  -webkit-tap-highlight-color:rgba(0,0,0,0);
  -webkit-appearance:none
}

.filter-title strong:focus{
  outline:0
}

.filter-title strong:is(:focus,:hover){
  border-color:var(--btn-focus-stroke, transparent);
  background-color:var(--btn-focus-bg, rgba(0, 0, 0, 0.05));
  color:var(--btn-focus-color, inherit);
  text-decoration:none
}

.filter-title strong:is(.is-active,:active){
  border-color:var(--btn-active-stroke, transparent);
  background-color:var(--btn-active-bg, rgba(0, 0, 0, 0.2));
  color:var(--btn-active-color, inherit)
}

.filter-title strong:is(.is-disabled,:disabled){
  opacity:.7;
  pointer-events:none
}

.filter-title strong.-outline{
  --btn-stroke: currentcolor;
  --btn-hover-stroke: currentcolor
}

.filter-title strong.-theme{
  --btn-bg: var(--color-theme, #1565c1);
  --btn-color: var(--color-on-theme, #fff);
  --btn-focus-bg: #1876e1;
  --btn-focus-color: #fff;
  --btn-active-bg: #2f85e8;
  --btn-active-color: #fff
}

.filter-title strong.-icon{
  --btn-padding: 1px;
  --btn-size: 2.125em;
  min-width:var(--btn-size);
  min-height:var(--btn-size)
}

.filter-title strong {
  padding-top: 0.4rem;
  padding-bottom: 0.4rem;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  --btn-padding: var(--btn-padding-y) var(--btn-padding-x);
  box-sizing: border-box;
  border-radius: 0.8rem;
  --btn-bg: hsl(var(--color-secondary) / 1);
  --btn-color: hsl(var(--color-on-secondary) / 1);
  --btn-focus-bg: hsl(var(--color-secondary-darker) / 1);
  --btn-focus-color: hsl(var(--color-on-secondary) / 1);
  --btn-active-bg: hsl(var(--color-secondary-lighter) / 1);
  --btn-active-color: hsl(var(--color-on-secondary) / 1);
}

.filter-title strong:is(:focus, :hover) {
  border-width: var(--btn-border-width, 1px);
}

@media (min-width: 768px) {
  .filter-options .filter-options-content {
    padding-left: 0px;
    padding-right: 0px;
  }
}

.products-grid.wishlist .product-items{
  --cols-size: 250px;
  --cols: repeat( var(--grid-auto, auto-fill), minmax(min(100%, var(--cols-size)), 1fr) );
  --gap: 1em;
  display:grid;
  grid-gap:var(--gap);
  gap:var(--gap);
  grid-template-columns:var(--cols);
  list-style-type: none;
  padding-inline-start: 0px
}

.products-grid.wishlist .product-item {
  margin-left: 0px;
  margin-right: 0px;
  width: 100%;
  --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.products-grid.wishlist .product-item .price-box {
  margin-top: auto;
}

.products-grid.wishlist .product-item .price-box .price {
  font-size: 2rem;
  line-height: 2.8000000000000003rem;
  font-weight: 700;
}

.products-grid.wishlist .product-item .price-box .old-price .price-label {
  display: none;
}

.products-grid.wishlist .product-item .price-box .old-price .price {
  font-size: 1.4000000000000001rem;
  line-height: 2rem;
  font-weight: 400;
  text-decoration-line: line-through;
}

.products-grid.wishlist .product-item .price-box .special-price .price {
  font-size: 2rem;
  line-height: 2.8000000000000003rem;
  font-weight: 700;
}

.products-grid.wishlist .product-item .product-item-inner .fieldset {
  display: flex;
  justify-content: space-between;
  -moz-column-gap: 0px;
       column-gap: 0px;
  letter-spacing: normal;
}

.products-grid.wishlist .product-item .product-item-inner .product-item-actions {
  margin-top: 0px;
}

.products-grid.wishlist .product-item .product-item-inner .field.qty,
            .products-grid.wishlist .product-item .product-item-inner .product-item-actions {
  display: block;
}

.products-grid.wishlist .product-item .product-item-inner .action.tocart {
  min-height: 5.2rem;
}

.block-wishlist .product-items {
  list-style-type: none;
  padding-inline-start: 0px;
}

.editwl_link .button.deletewl {
  background-color: transparent;
}

.editwl_link .button.deletewl:hover {
  text-decoration: underline;
}

.minicart-wrapper {
  margin: 0px;
}

.minicart-wrapper .action.showcart {
  display: flex !important;
  height: 3.2rem;
  width: 3.2rem;
  align-items: center;
  justify-content: center;
}

.minicart-wrapper .action.showcart::before {
  content: none !important;
}

.minicart-wrapper .action.showcart .counter.qty {
  position: absolute;
  top: -1rem;
  right: -1rem;
  margin: 0px;
  height: auto;
  min-width: 2.4000000000000004rem;
  border-radius: 9999px;
  --tw-bg-opacity: 1;
  background-color: hsl(var(--color-secondary) / var(--tw-bg-opacity));
  padding: 0.4rem;
  font-size: 1.4000000000000001rem;
  line-height: 2rem;
  font-weight: 600;
  line-height: 1;
  --tw-text-opacity: 1;
  color: hsl(var(--color-on-secondary) / var(--tw-text-opacity));
}

.minicart-wrapper .action.showcart .counter.qty .counter-number {
  text-shadow: none;
  font-feature-settings: "tnum";
  font-variant-numeric: tabular-nums;
}

.minicart-wrapper .details-qty label {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border-width: 0;
}

.minicart-wrapper .details-qty button {
  --tw-bg-opacity: 1;
  background-color: hsl(var(--color-primary) / var(--tw-bg-opacity));
  padding-left: 2.4000000000000004rem;
  padding-right: 2.4000000000000004rem;
  padding-top: 1.4000000000000001rem;
  padding-bottom: 1.4000000000000001rem;
  font-weight: 700;
}

.block-search {
  margin: 0px;
  padding: 0px;
}

.block-search .control {
  position: absolute;
  left: 0px;
  right: 0px;
  top: 100%;
  z-index: 100;
  margin: 0px;
  box-sizing: border-box;
  border-top-width: 0px;
  --tw-bg-opacity: 1;
  background-color: hsl(var(--color-root-bg) / var(--tw-bg-opacity));
  padding: 0.4rem;
  --tw-text-opacity: 1;
  color: hsl(var(--color-root-fg) / var(--tw-text-opacity));
  --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.block-search .control input {
  position: static;
  left: auto;
  margin-top: 0px;
  margin-bottom: 0px;
  font-size: inherit;
}

.block-search .label::before {
  margin: 0px;
  padding-left: 0.4rem;
  padding-right: 0.4rem;
}

.block-search .label:not(.active) + .control {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border-width: 0;
}

@media (min-width: 768px) {
  .block-search .control {
    position: static !important;
    width: auto !important;
    height: auto !important;
    padding: 0 !important;
    margin: 0 !important;
    overflow: visible !important;
    clip: auto !important;
    white-space: normal !important;
    z-index: auto;
    --tw-shadow: 0 0 #0000 !important;
    --tw-shadow-colored: 0 0 #0000 !important;
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important;
  }

  .block-search .action.search {
    top: calc(var(--form-padding-y, 0) / 2);
  }
}

.toolbar-sorter {
  display: flex;
  gap: 0.4rem;
}

.sorter-options {
  margin-left: 0px;
  margin-right: 0px;
  padding-top: 0.4rem;
  padding-bottom: 0.4rem;
  padding-left: 0.8rem;
}

.sorter-label {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border-width: 0;
}

.sorter-action{
  display:inline-flex;
  justify-content:center;
  align-items:center;
  margin:var(--btn-margin, 0);
  padding:var(--btn-padding, 0.375rem 0.8rem);
  border:var(--btn-border-width, 1px) solid var(--btn-stroke, transparent);
  border-radius:var(--btn-radius, 4px);
  background-color:var(--btn-bg, transparent);
  color:var(--btn-color, inherit);
  font-size:var(--btn-font-size, inherit);
  line-height:var(--btn-line-height, inherit);
  font-weight:var(--btn-font-weight, 500);
  text-align:center;
  vertical-align:middle;
  text-decoration:none;
  transition:.2s linear;
  transition-property:color,background-color,border-color,box-shadow;
  -webkit-user-select:none;
     -moz-user-select:none;
          user-select:none;
  cursor:pointer;
  -webkit-tap-highlight-color:rgba(0,0,0,0);
  -webkit-appearance:none
}

.sorter-action:focus{
  outline:0
}

.sorter-action:is(:focus,:hover){
  border-color:var(--btn-focus-stroke, transparent);
  background-color:var(--btn-focus-bg, rgba(0, 0, 0, 0.05));
  color:var(--btn-focus-color, inherit);
  text-decoration:none
}

.sorter-action:is(.is-active,:active){
  border-color:var(--btn-active-stroke, transparent);
  background-color:var(--btn-active-bg, rgba(0, 0, 0, 0.2));
  color:var(--btn-active-color, inherit)
}

.sorter-action:is(.is-disabled,:disabled){
  opacity:.7;
  pointer-events:none
}

.sorter-action.-outline{
  --btn-stroke: currentcolor;
  --btn-hover-stroke: currentcolor
}

.sorter-action.-theme{
  --btn-bg: var(--color-theme, #1565c1);
  --btn-color: var(--color-on-theme, #fff);
  --btn-focus-bg: #1876e1;
  --btn-focus-color: #fff;
  --btn-active-bg: #2f85e8;
  --btn-active-color: #fff
}

.sorter-action.-icon{
  --btn-padding: 1px;
  --btn-size: 2.125em;
  min-width:var(--btn-size);
  min-height:var(--btn-size)
}

.sorter-action {
  position: static !important;
  padding: 0.4rem;
  --btn-padding: var(--btn-padding-y) var(--btn-padding-x);
  box-sizing: border-box;
  border-radius: 0.8rem;
  --btn-bg: hsl(var(--color-secondary) / 1);
  --btn-color: hsl(var(--color-on-secondary) / 1);
  --btn-focus-bg: hsl(var(--color-secondary-darker) / 1);
  --btn-focus-color: hsl(var(--color-on-secondary) / 1);
  --btn-active-bg: hsl(var(--color-secondary-lighter) / 1);
  --btn-active-color: hsl(var(--color-on-secondary) / 1);
}

.sorter-action:is(:focus, :hover) {
  border-width: var(--btn-border-width, 1px);
}

.sorter-action::before,
    .sorter-action:hover::before {
  color: inherit;
}

.toolbar .modes {
  margin-right: 0px;
}

.toolbar .modes .modes-mode {
  border-color: transparent;
  --tw-bg-opacity: 1;
  background-color: hsl(var(--color-secondary-lighter) / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: hsl(var(--color-root-fg) / var(--tw-text-opacity));
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.toolbar .modes .modes-mode::before,
        .toolbar .modes .modes-mode:hover::before {
  color: inherit;
}

.toolbar .modes .modes-mode.active {
  --tw-bg-opacity: 1;
  background-color: hsl(var(--color-secondary) / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: hsl(var(--color-on-secondary) / var(--tw-text-opacity));
}

.toolbar .limiter {
  display: flex;
  gap: 0.4rem;
}

.toolbar .limiter select {
  margin-left: 0px;
  margin-right: 0px;
  padding-top: 0.4rem;
  padding-bottom: 0.4rem;
  padding-left: 0.8rem;
}

.toolbar .pages {
  margin-top: 0px;
  margin-bottom: 0px;
}

.toolbar-products {
  margin-bottom: 3.2rem;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1.6rem;
  border-radius: 0.4rem;
  border-width: 1px;
  border-color: hsl(var(--color-secondary) / 0.3);
  --tw-bg-opacity: 1;
  background-color: hsl(var(--color-root-bg) / var(--tw-bg-opacity));
  padding-top: 0.8rem;
  padding-bottom: 0.8rem;
  padding-left: 1.2000000000000002rem;
  padding-right: 1.2000000000000002rem;
  --tw-text-opacity: 1;
  color: hsl(var(--color-primary-darker) / var(--tw-text-opacity));
}

.toolbar-products::before {
  --tw-content: none;
  content: var(--tw-content);
}

.toolbar-products::after {
  --tw-content: none;
  content: var(--tw-content);
}

@media (min-width: 768px) {
  .toolbar-products {
    justify-content: space-between;
  }
}

.pages .pages-items{
  list-style:none;
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  margin:0;
  padding:0
}

.pages .pages-items>*{
  margin-top:calc(var(--pagination-gap, 2px)/2);
  margin-bottom:calc(var(--pagination-gap, 2px)/2)
}

.pages .pages-items>*:not(:last-child){
  margin-right:var(--pagination-gap, 2px)
}

.pages .pages-items a{
  display:block;
  min-width:var(--pagination-size, 2em);
  min-height:var(--pagination-size, 2em);
  padding:var(--pagination-padding, 0.25em 0.5em);
  border:1px solid var(--pagination-stroke, transparent);
  border-radius:var(--pagination-radius, 4px);
  background-color:var(--pagination-bg, transparent);
  color:var(--pagination-color, inherit);
  text-align:center;
  text-decoration:none;
  transition:.2s linear;
  transition-property:color,background-color,border-color,box-shadow;
  -webkit-user-select:none;
     -moz-user-select:none;
          user-select:none;
  cursor:pointer;
  -webkit-tap-highlight-color:rgba(0,0,0,0);
  -webkit-appearance:none
}

:is(.pages .pages-items a,.pagination-item){
  cursor:pointer
}

:is(.pages .pages-items a,.pagination-item):focus{
  outline:0
}

:is(.pages .pages-items a,.pagination-item):is(:focus,:hover){
  border-color:var(--pagination-focus-stroke, currentcolor);
  background-color:var(--pagination-focus-bg, transparent);
  color:var(--pagination-focus-color, inherit);
  text-decoration:none
}

:is(.pages .pages-items a,.pagination-item):is(.is-active,[aria-current=page]){
  border-color:var(--pagination-active-stroke, var(--color-theme, #1565c1));
  background-color:var(--pagination-active-bg, var(--color-theme, #1565c1));
  color:var(--pagination-active-color, var(--color-on-theme, #fff))
}

:is(.pages .pages-items a,.pagination-item).is-disabled{
  opacity:.8;
  pointer-events:none
}

.pages .pages-items.-dots :is(a,.pagination-item){
  --pagination-size: 0.625em;
  --pagination-gap: 0.35em;
  --pagination-padding: 0;
  --pagination-radius: 50%;
  --pagination-stroke: currentcolor;
  --pagination-focus-bg: var(--color-theme, #1565c1);
  --pagination-focus-stroke: var(--color-theme, #1565c1)
}

.pages .pages-items {
  justify-content: center;
  padding-left: 4.800000000000001rem;
  padding-right: 4.800000000000001rem;
}

@media (min-width: 640px) {
  .pages .pages-items {
    justify-content: flex-start;
    padding-left: 0px;
    padding-right: 0px;
  }
}

.pages .pages-items .page {
  --pagination-size: 1.5em;
  display:block;
  min-width:var(--pagination-size, 2em);
  min-height:var(--pagination-size, 2em);
  padding:var(--pagination-padding, 0.25em 0.5em);
  border:1px solid var(--pagination-stroke, transparent);
  border-radius:var(--pagination-radius, 4px);
  background-color:var(--pagination-bg, transparent);
  color:var(--pagination-color, inherit);
  text-align:center;
  text-decoration:none;
  transition:.2s linear;
  transition-property:color,background-color,border-color,box-shadow;
  -webkit-user-select:none;
     -moz-user-select:none;
          user-select:none;
  cursor:pointer;
  -webkit-tap-highlight-color:rgba(0,0,0,0);
  -webkit-appearance:none;
}

:is(.pagination a,.pages .pages-items .page){
  cursor:pointer
}

:is(.pagination a,.pages .pages-items .page):focus{
  outline:0
}

:is(.pagination a,.pages .pages-items .page):is(:focus,:hover){
  border-color:var(--pagination-focus-stroke, currentcolor);
  background-color:var(--pagination-focus-bg, transparent);
  color:var(--pagination-focus-color, inherit);
  text-decoration:none
}

:is(.pagination a,.pages .pages-items .page):is(.is-active,[aria-current=page]){
  border-color:var(--pagination-active-stroke, var(--color-theme, #1565c1));
  background-color:var(--pagination-active-bg, var(--color-theme, #1565c1));
  color:var(--pagination-active-color, var(--color-on-theme, #fff))
}

:is(.pagination a,.pages .pages-items .page).is-disabled{
  opacity:.8;
  pointer-events:none
}

.pagination.-dots :is(a,.pages .pages-items .page){
  --pagination-size: 0.625em;
  --pagination-gap: 0.35em;
  --pagination-padding: 0;
  --pagination-radius: 50%;
  --pagination-stroke: currentcolor;
  --pagination-focus-bg: var(--color-theme, #1565c1);
  --pagination-focus-stroke: var(--color-theme, #1565c1)
}

.pages .pages-items .action::before,
        .pages .pages-items .action:hover::before {
  color: inherit;
}

.pages .pages-items .item.current .page {
  border-color: var(
            --pagination-active-stroke,
            hsl(var(--color-secondary) / 1)
        );
  background-color: var(
            --pagination-active-bg,
            hsl(var(--color-secondary) / 1)
        );
  color: var(--pagination-active-color, hsl(var(--color-on-secondary) / 1));
}

.block.block-reorder :is(ul, ol) {
  padding-left: 0px;
}

.block-collapsible-nav {
  top: 0px;
}

/* Utilities */

.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border-width: 0;
}

.collapse {
  visibility: collapse;
}

.absolute {
  position: absolute;
}

.relative {
  position: relative;
}

.inset-0 {
  inset: 0px;
}

.inset-x-0 {
  left: 0px;
  right: 0px;
}

.bottom-0 {
  bottom: 0px;
}

.right-0 {
  right: 0px;
}

.top-0 {
  top: 0px;
}

.-z-10 {
  z-index: -100;
}

.z-0 {
  z-index: 0;
}

.z-0\.1 {
  z-index: 1;
}

.z-0\.2 {
  z-index: 2;
}

.z-10 {
  z-index: 100;
}

.z-20 {
  z-index: 200;
}

.col-start-1 {
  grid-column-start: 1;
}

.row-start-1 {
  grid-row-start: 1;
}

.\!float-none {
  float: none !important;
}

.float-none {
  float: none;
}

.m-0 {
  margin: 0px;
}

.mx-auto {
  margin-left: auto;
  margin-right: auto;
}

.my-0 {
  margin-top: 0px;
  margin-bottom: 0px;
}

.my-10 {
  margin-top: 4rem;
  margin-bottom: 4rem;
}

.my-4 {
  margin-top: 1.6rem;
  margin-bottom: 1.6rem;
}

.my-5 {
  margin-top: 2rem;
  margin-bottom: 2rem;
}

.my-8 {
  margin-top: 3.2rem;
  margin-bottom: 3.2rem;
}

.\!mb-0 {
  margin-bottom: 0px !important;
}

.\!mr-0 {
  margin-right: 0px !important;
}

.-mb-12 {
  margin-bottom: -4.800000000000001rem;
}

.-ml-4 {
  margin-left: -1.6rem;
}

.mb-0 {
  margin-bottom: 0px;
}

.mb-1 {
  margin-bottom: 0.4rem;
}

.mb-24 {
  margin-bottom: 9.600000000000001rem;
}

.mb-4 {
  margin-bottom: 1.6rem;
}

.mb-6 {
  margin-bottom: 2.4000000000000004rem;
}

.mb-8 {
  margin-bottom: 3.2rem;
}

.me-2 {
  margin-inline-end: 0.8rem;
}

.me-4 {
  margin-inline-end: 1.6rem;
}

.mr-1 {
  margin-right: 0.4rem;
}

.ms-auto {
  margin-inline-start: auto;
}

.mt-0 {
  margin-top: 0px;
}

.mt-2 {
  margin-top: 0.8rem;
}

.mt-3 {
  margin-top: 1.2000000000000002rem;
}

.mt-5 {
  margin-top: 2rem;
}

.mt-6 {
  margin-top: 2.4000000000000004rem;
}

.mt-8 {
  margin-top: 3.2rem;
}

.mt-auto {
  margin-top: auto;
}

.line-clamp-3 {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
}

.\!block {
  display: block !important;
}

.block {
  display: block;
}

.inline {
  display: inline;
}

.\!flex {
  display: flex !important;
}

.flex {
  display: flex;
}

.inline-flex {
  display: inline-flex;
}

.grid {
  display: grid;
}

.hidden {
  display: none;
}

.aspect-\[3\/2\] {
  aspect-ratio: 3/2;
}

.h-8 {
  height: 3.2rem;
}

.h-96 {
  height: 38.400000000000006rem;
}

.h-\[220px\] {
  height: 220px;
}

.h-\[230px\] {
  height: 230px;
}

.h-\[460px\] {
  height: 460px;
}

.h-\[600px\] {
  height: 600px;
}

.h-auto {
  height: auto;
}

.h-full {
  height: 100%;
}

.max-h-screen-header {
  max-height: calc(100vh - var(--page-header-height, 0px));
}

.min-h-20 {
  min-height: 8rem;
}

.\!w-1\/4 {
  width: 25% !important;
}

.\!w-3\/4 {
  width: 75% !important;
}

.\!w-full {
  width: 100% !important;
}

.w-5\/6 {
  width: 83.333333%;
}

.w-8 {
  width: 3.2rem;
}

.w-full {
  width: 100%;
}

.\!max-w-\[460px\] {
  max-width: 460px !important;
}

.\!max-w-full {
  max-width: 100% !important;
}

.\!max-w-none {
  max-width: none !important;
}

.max-w-3xl {
  max-width: 48rem;
}

.max-w-40 {
  max-width: 16rem;
}

.flex-auto {
  flex: 1 1 auto;
}

.shrink-0 {
  flex-shrink: 0;
}

.flex-grow {
  flex-grow: 1;
}

.grow {
  flex-grow: 1;
}

.-translate-y-4 {
  --tw-translate-y: -1.6rem;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.translate-x-0 {
  --tw-translate-x: 0px;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.translate-x-full {
  --tw-translate-x: 100%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.translate-y-0 {
  --tw-translate-y: 0px;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.-rotate-90 {
  --tw-rotate: -90deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.rotate-90 {
  --tw-rotate: 90deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.transform {
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.snap-start {
  scroll-snap-align: start;
}

.list-none {
  list-style-type: none;
}

.grid-cols-1 {
  grid-template-columns: repeat(1, minmax(0, 1fr));
}

.flex-col {
  flex-direction: column;
}

.\!flex-wrap {
  flex-wrap: wrap !important;
}

.flex-wrap {
  flex-wrap: wrap;
}

.flex-nowrap {
  flex-wrap: nowrap;
}

.items-start {
  align-items: flex-start;
}

.items-center {
  align-items: center;
}

.justify-end {
  justify-content: flex-end;
}

.justify-center {
  justify-content: center;
}

.justify-between {
  justify-content: space-between;
}

.gap-2 {
  gap: 0.8rem;
}

.gap-3 {
  gap: 1.2000000000000002rem;
}

.gap-4 {
  gap: 1.6rem;
}

.gap-6 {
  gap: 2.4000000000000004rem;
}

.gap-8 {
  gap: 3.2rem;
}

.\!gap-y-4 {
  row-gap: 1.6rem !important;
}

.gap-x-8 {
  -moz-column-gap: 3.2rem;
       column-gap: 3.2rem;
}

.gap-y-2 {
  row-gap: 0.8rem;
}

.divide-y > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-y-reverse: 0;
  border-top-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));
  border-bottom-width: calc(1px * var(--tw-divide-y-reverse));
}

.divide-primary\/30 > :not([hidden]) ~ :not([hidden]) {
  border-color: hsl(var(--color-primary) / 0.3);
}

.self-start {
  align-self: flex-start;
}

.self-center {
  align-self: center;
}

.overflow-hidden {
  overflow: hidden;
}

.overflow-y-auto {
  overflow-y: auto;
}

.overflow-x-hidden {
  overflow-x: hidden;
}

.text-balance {
  text-wrap: balance;
}

.text-pretty {
  text-wrap: pretty;
}

.rounded {
  border-radius: 0.4rem;
}

.rounded-2xl {
  border-radius: 1.6rem;
}

.rounded-3xl {
  border-radius: 2.4000000000000004rem;
}

.rounded-full {
  border-radius: 9999px;
}

.rounded-lg {
  border-radius: 0.8rem;
}

.\!rounded-r-none {
  border-top-right-radius: 0px !important;
  border-bottom-right-radius: 0px !important;
}

.rounded-b-lg {
  border-bottom-right-radius: 0.8rem;
  border-bottom-left-radius: 0.8rem;
}

.\!border-0 {
  border-width: 0px !important;
}

.border-4 {
  border-width: 4px;
}

.border-b {
  border-bottom-width: 1px;
}

.border-b-8 {
  border-bottom-width: 8px;
}

.border-current {
  border-color: currentColor;
}

.border-primary {
  --tw-border-opacity: 1;
  border-color: hsl(var(--color-primary) / var(--tw-border-opacity));
}

.bg-primary {
  --tw-bg-opacity: 1;
  background-color: hsl(var(--color-primary) / var(--tw-bg-opacity));
}

.bg-primary-darker {
  --tw-bg-opacity: 1;
  background-color: hsl(var(--color-primary-darker) / var(--tw-bg-opacity));
}

.bg-primary\/10 {
  background-color: hsl(var(--color-primary) / 0.1);
}

.bg-primary\/20 {
  background-color: hsl(var(--color-primary) / 0.2);
}

.bg-secondary {
  --tw-bg-opacity: 1;
  background-color: hsl(var(--color-secondary) / var(--tw-bg-opacity));
}

.bg-secondary\/75 {
  background-color: hsl(var(--color-secondary) / 0.75);
}

.bg-white {
  --tw-bg-opacity: 1;
  background-color: hsl(var(--color-root-bg) / var(--tw-bg-opacity));
}

.bg-white\/75 {
  background-color: hsl(var(--color-root-bg) / 0.75);
}

.bg-gradient-to-r {
  background-image: linear-gradient(to right, var(--tw-gradient-stops));
}

.from-black\/70 {
  --tw-gradient-from: hsl(var(--color-root-fg) / 0.7) var(--tw-gradient-from-position);
  --tw-gradient-to: hsl(var(--color-root-fg) / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.to-transparent {
  --tw-gradient-to: transparent var(--tw-gradient-to-position);
}

.bg-cover {
  background-size: cover;
}

.bg-no-repeat {
  background-repeat: no-repeat;
}

.fill-white {
  fill: hsl(var(--color-root-bg) / 1);
}

.stroke-black {
  stroke: hsl(var(--color-root-fg) / 1);
}

.object-contain {
  -o-object-fit: contain;
     object-fit: contain;
}

.object-cover {
  -o-object-fit: cover;
     object-fit: cover;
}

.object-center {
  -o-object-position: center;
     object-position: center;
}

.object-top {
  -o-object-position: top;
     object-position: top;
}

.p-0 {
  padding: 0px;
}

.p-1 {
  padding: 0.4rem;
}

.p-2 {
  padding: 0.8rem;
}

.px-0 {
  padding-left: 0px;
  padding-right: 0px;
}

.px-4 {
  padding-left: 1.6rem;
  padding-right: 1.6rem;
}

.px-6 {
  padding-left: 2.4000000000000004rem;
  padding-right: 2.4000000000000004rem;
}

.py-10 {
  padding-top: 4rem;
  padding-bottom: 4rem;
}

.py-12 {
  padding-top: 4.800000000000001rem;
  padding-bottom: 4.800000000000001rem;
}

.py-2 {
  padding-top: 0.8rem;
  padding-bottom: 0.8rem;
}

.py-3 {
  padding-top: 1.2000000000000002rem;
  padding-bottom: 1.2000000000000002rem;
}

.py-4 {
  padding-top: 1.6rem;
  padding-bottom: 1.6rem;
}

.py-6 {
  padding-top: 2.4000000000000004rem;
  padding-bottom: 2.4000000000000004rem;
}

.py-8 {
  padding-top: 3.2rem;
  padding-bottom: 3.2rem;
}

.pb-10 {
  padding-bottom: 4rem;
}

.pb-6 {
  padding-bottom: 2.4000000000000004rem;
}

.ps-0 {
  padding-inline-start: 0px;
}

.ps-6 {
  padding-inline-start: 2.4000000000000004rem;
}

.pt-16 {
  padding-top: 6.4rem;
}

.pt-28 {
  padding-top: 11.200000000000001rem;
}

.text-center {
  text-align: center;
}

.\!text-2xl {
  font-size: 2.4000000000000004rem !important;
  line-height: 3.2rem !important;
}

.text-2xl {
  font-size: 2.4000000000000004rem;
  line-height: 3.2rem;
}

.text-3xl {
  font-size: 3rem;
  line-height: 3.6rem;
}

.text-base {
  font-size: 1.6rem;
  line-height: 2.4000000000000004rem;
}

.text-lg {
  font-size: 1.8rem;
  line-height: 2.8000000000000003rem;
}

.text-sm {
  font-size: 1.4000000000000001rem;
  line-height: 2rem;
}

.text-xl {
  font-size: 2rem;
  line-height: 2.8000000000000003rem;
}

.text-xs {
  font-size: 1.2000000000000002rem;
  line-height: 1.6rem;
}

.font-bold {
  font-weight: 700;
}

.font-medium {
  font-weight: 500;
}

.font-semibold {
  font-weight: 600;
}

.uppercase {
  text-transform: uppercase;
}

.italic {
  font-style: italic;
}

.leading-8 {
  line-height: 2rem;
}

.tracking-wider {
  letter-spacing: 0.05em;
}

.text-black {
  --tw-text-opacity: 1;
  color: hsl(var(--color-root-fg) / var(--tw-text-opacity));
}

.text-gray-800 {
  --tw-text-opacity: 1;
  color: rgb(31 41 55 / var(--tw-text-opacity));
}

.text-on-primary {
  --tw-text-opacity: 1;
  color: hsl(var(--color-on-primary) / var(--tw-text-opacity));
}

.text-on-secondary {
  --tw-text-opacity: 1;
  color: hsl(var(--color-on-secondary) / var(--tw-text-opacity));
}

.text-primary-darker {
  --tw-text-opacity: 1;
  color: hsl(var(--color-primary-darker) / var(--tw-text-opacity));
}

.text-secondary {
  --tw-text-opacity: 1;
  color: hsl(var(--color-secondary) / var(--tw-text-opacity));
}

.text-slate-600 {
  --tw-text-opacity: 1;
  color: rgb(71 85 105 / var(--tw-text-opacity));
}

.text-tertiary {
  --tw-text-opacity: 1;
  color: hsl(var(--color-tertiary) / var(--tw-text-opacity));
}

.text-white {
  --tw-text-opacity: 1;
  color: hsl(var(--color-root-bg) / var(--tw-text-opacity));
}

.line-through {
  text-decoration-line: line-through;
}

.opacity-0 {
  opacity: 0;
}

.opacity-100 {
  opacity: 1;
}

.shadow-lg {
  --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.shadow-black {
  --tw-shadow-color: hsl(var(--color-root-fg) / 1);
  --tw-shadow: var(--tw-shadow-colored);
}

.filter {
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}

.transition {
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

.transition-opacity {
  transition-property: opacity;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

.transition-transform {
  transition-property: transform;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

.duration-100 {
  transition-duration: 100ms;
}

.duration-200 {
  transition-duration: 200ms;
}

.duration-300 {
  transition-duration: 300ms;
}

.ease-in {
  transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
}

.ease-in-out {
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

.ease-out {
  transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
}

.text-shadow {
  text-shadow: 0 2px 4px var(--tw-shadow-color);
}

.snap-overflow-4 {
  --_scroll-overflow: 1.6rem;
}

.snap-items-1 {
  --_scroll-size: 100%;
}

.snap-items-2 {
  --_scroll-size-count: 2;
  --_scroll-size: calc(
            (100% / var(--_scroll-size-count)) - var(--_scroll-size-offset) -
                var(--_scroll-overflow)
        );
}

@media (min-width: 640px) {
  .sm\:container{
    inline-size:100%;
    max-inline-size:var(--container-size);
    margin-inline-start:auto;
    margin-inline-end:auto;
    padding-block-start:var(--container-padding-y);
    padding-block-end:var(--container-padding-y);
    padding-inline-start:var(--container-padding-x);
    padding-inline-end:var(--container-padding-x);
    box-sizing: border-box
  }
}

@media (min-width: 768px) {
  .md\:container{
    inline-size:100%;
    max-inline-size:var(--container-size);
    margin-inline-start:auto;
    margin-inline-end:auto;
    padding-block-start:var(--container-padding-y);
    padding-block-end:var(--container-padding-y);
    padding-inline-start:var(--container-padding-x);
    padding-inline-end:var(--container-padding-x);
    box-sizing: border-box
  }
}

@media (min-width: 1024px) {
  .lg\:container{
    inline-size:100%;
    max-inline-size:var(--container-size);
    margin-inline-start:auto;
    margin-inline-end:auto;
    padding-block-start:var(--container-padding-y);
    padding-block-end:var(--container-padding-y);
    padding-inline-start:var(--container-padding-x);
    padding-inline-end:var(--container-padding-x);
    box-sizing: border-box
  }
}

.before\:\!text-white::before {
  content: var(--tw-content);
  --tw-text-opacity: 1 !important;
  color: hsl(var(--color-root-bg) / var(--tw-text-opacity)) !important;
}

.after\:absolute::after {
  content: var(--tw-content);
  position: absolute;
}

.after\:inset-0::after {
  content: var(--tw-content);
  inset: 0px;
}

.after\:content-\[\'\'\]::after {
  --tw-content: '';
  content: var(--tw-content);
}

.hover\:bg-primary\/20:hover {
  background-color: hsl(var(--color-primary) / 0.2);
}

.hover\:bg-white:hover {
  --tw-bg-opacity: 1;
  background-color: hsl(var(--color-root-bg) / var(--tw-bg-opacity));
}

.hover\:fill-\[\#B20000\]:hover {
  fill: #B20000;
}

.hover\:text-primary:hover {
  --tw-text-opacity: 1;
  color: hsl(var(--color-primary) / var(--tw-text-opacity));
}

.hover\:no-underline:hover {
  text-decoration-line: none;
}

.focus\:bg-primary\/20:focus {
  background-color: hsl(var(--color-primary) / 0.2);
}

.focus\:bg-white:focus {
  --tw-bg-opacity: 1;
  background-color: hsl(var(--color-root-bg) / var(--tw-bg-opacity));
}

.focus\:text-primary:focus {
  --tw-text-opacity: 1;
  color: hsl(var(--color-primary) / var(--tw-text-opacity));
}

.group:hover .group-hover\:opacity-80 {
  opacity: 0.8;
}

.group[aria-expanded="true"] .group-aria-expanded\:rotate-180 {
  --tw-rotate: 180deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

@media (min-width: 640px) {
  .sm\:order-last {
    order: 9999;
  }

  .sm\:h-\[500px\] {
    height: 500px;
  }

  .sm\:w-auto {
    width: auto;
  }

  .sm\:min-w-36 {
    min-width: 14.4rem;
  }

  .sm\:max-w-xl {
    max-width: 36rem;
  }

  .sm\:grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .sm\:flex-row {
    flex-direction: row;
  }

  .sm\:justify-between {
    justify-content: space-between;
  }

  .sm\:text-2xl {
    font-size: 2.4000000000000004rem;
    line-height: 3.2rem;
  }
}

@media (min-width: 768px) {
  .md\:pointer-events-none {
    pointer-events: none;
  }

  .md\:col-span-2 {
    grid-column: span 2 / span 2;
  }

  .md\:col-start-2 {
    grid-column-start: 2;
  }

  .md\:row-span-2 {
    grid-row: span 2 / span 2;
  }

  .md\:row-start-2 {
    grid-row-start: 2;
  }

  .md\:mx-0 {
    margin-left: 0px;
    margin-right: 0px;
  }

  .md\:my-0 {
    margin-top: 0px;
    margin-bottom: 0px;
  }

  .md\:my-12 {
    margin-top: 4.800000000000001rem;
    margin-bottom: 4.800000000000001rem;
  }

  .md\:mb-16 {
    margin-bottom: 6.4rem;
  }

  .md\:mb-20 {
    margin-bottom: 8rem;
  }

  .md\:mb-24 {
    margin-bottom: 9.600000000000001rem;
  }

  .md\:mt-0 {
    margin-top: 0px;
  }

  .md\:mt-12 {
    margin-top: 4.800000000000001rem;
  }

  .md\:block {
    display: block;
  }

  .md\:flex {
    display: flex;
  }

  .md\:grid {
    display: grid;
  }

  .md\:h-\[220px\] {
    height: 220px;
  }

  .md\:h-\[320px\] {
    height: 320px;
  }

  .md\:h-\[380px\] {
    height: 380px;
  }

  .md\:h-\[400px\] {
    height: 400px;
  }

  .md\:h-\[580px\] {
    height: 580px;
  }

  .md\:h-auto {
    height: auto;
  }

  .md\:w-full {
    width: 100%;
  }

  .md\:max-w-60 {
    max-width: 24rem;
  }

  .md\:max-w-full {
    max-width: 100%;
  }

  .md\:grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .md\:grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .md\:grid-rows-2 {
    grid-template-rows: repeat(2, minmax(0, 1fr));
  }

  .md\:flex-row {
    flex-direction: row;
  }

  .md\:items-end {
    align-items: flex-end;
  }

  .md\:items-center {
    align-items: center;
  }

  .md\:justify-start {
    justify-content: flex-start;
  }

  .md\:justify-between {
    justify-content: space-between;
  }

  .md\:gap-2 {
    gap: 0.8rem;
  }

  .md\:gap-4 {
    gap: 1.6rem;
  }

  .md\:gap-6 {
    gap: 2.4000000000000004rem;
  }

  .md\:gap-x-12 {
    -moz-column-gap: 4.800000000000001rem;
         column-gap: 4.800000000000001rem;
  }

  .md\:divide-y-0 > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-y-reverse: 0;
    border-top-width: calc(0px * calc(1 - var(--tw-divide-y-reverse)));
    border-bottom-width: calc(0px * var(--tw-divide-y-reverse));
  }

  .md\:rounded-lg {
    border-radius: 0.8rem;
  }

  .md\:\!border-0 {
    border-width: 0px !important;
  }

  .md\:\!bg-transparent {
    background-color: transparent !important;
  }

  .md\:\!p-0 {
    padding: 0px !important;
  }

  .md\:px-0 {
    padding-left: 0px;
    padding-right: 0px;
  }

  .md\:px-5 {
    padding-left: 2rem;
    padding-right: 2rem;
  }

  .md\:px-8 {
    padding-left: 3.2rem;
    padding-right: 3.2rem;
  }

  .md\:py-0 {
    padding-top: 0px;
    padding-bottom: 0px;
  }

  .md\:py-16 {
    padding-top: 6.4rem;
    padding-bottom: 6.4rem;
  }

  .md\:py-4 {
    padding-top: 1.6rem;
    padding-bottom: 1.6rem;
  }

  .md\:pb-4 {
    padding-bottom: 1.6rem;
  }

  .md\:text-3xl {
    font-size: 3rem;
    line-height: 3.6rem;
  }

  .md\:text-xl {
    font-size: 2rem;
    line-height: 2.8000000000000003rem;
  }

  .md\:text-secondary-darker {
    --tw-text-opacity: 1;
    color: hsl(var(--color-secondary-darker) / var(--tw-text-opacity));
  }

  .md\:snap-items-1 {
    --_scroll-size: 100%;
  }
}

@media (min-width: 1024px) {
  .lg\:float-right {
    float: right;
  }

  .lg\:block {
    display: block;
  }

  .lg\:hidden {
    display: none;
  }

  .lg\:h-\[320px\] {
    height: 320px;
  }

  .lg\:h-\[420px\] {
    height: 420px;
  }

  .lg\:h-\[620px\] {
    height: 620px;
  }

  .lg\:h-auto {
    height: auto;
  }

  .lg\:w-full {
    width: 100%;
  }

  .lg\:max-w-prose {
    max-width: 65ch;
  }

  .lg\:grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .lg\:grid-cols-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }

  .lg\:grid-cols-5 {
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }

  .lg\:border-b-0 {
    border-bottom-width: 0px;
  }

  .lg\:text-4xl {
    font-size: 3.6rem;
    line-height: 4rem;
  }

  .lg\:text-5xl {
    font-size: 4.800000000000001rem;
    line-height: 1;
  }

  .lg\:text-base {
    font-size: 1.6rem;
    line-height: 2.4000000000000004rem;
  }

  .lg\:text-lg {
    font-size: 1.8rem;
    line-height: 2.8000000000000003rem;
  }

  .lg\:leading-tight {
    line-height: 1.25;
  }

  .lg\:snap-items-4 {
    --_scroll-size-count: 4;
    --_scroll-size: calc(
            (100% / var(--_scroll-size-count)) - var(--_scroll-size-offset) -
                var(--_scroll-overflow)
        );
  }
}

@media (min-width: 1280px) {
  .xl\:flex {
    display: flex;
  }

  .xl\:flex-wrap {
    flex-wrap: wrap;
  }

  .xl\:justify-between {
    justify-content: space-between;
  }

  .xl\:opacity-100 {
    opacity: 1;
  }
}

.\[\&\>\*\]\:w-full>* {
  width: 100%;
}

.\[\&\>div\]\:w-full>div {
  width: 100%;
}