/*!*******************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[3]!./src/scss/main.scss ***!
  \*******************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
*, ::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(59 130 246 / 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:  ;
  --tw-contain-size:  ;
  --tw-contain-layout:  ;
  --tw-contain-paint:  ;
  --tw-contain-style:  ;
}
::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(59 130 246 / 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:  ;
  --tw-contain-size:  ;
  --tw-contain-layout:  ;
  --tw-contain-paint:  ;
  --tw-contain-style:  ;
}
/*
! tailwindcss v3.4.17 | MIT License | https://tailwindcss.com
*/
/*
1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4)
2. Allow adding a border to an element by just adding a border-width. (https://github.com/tailwindcss/tailwindcss/pull/116)
*/
*,
::before,
::after {
  box-sizing: border-box; /* 1 */
  border-width: 0; /* 2 */
  border-style: solid; /* 2 */
  border-color: #e5e7eb; /* 2 */
}
::before,
::after {
  --tw-content: '';
}
/*
1. Use a consistent sensible line-height in all browsers.
2. Prevent adjustments of font size after orientation changes in iOS.
3. Use a more readable tab size.
4. Use the user's configured `sans` font-family by default.
5. Use the user's configured `sans` font-feature-settings by default.
6. Use the user's configured `sans` font-variation-settings by default.
7. Disable tap highlights on iOS
*/
html,
:host {
  line-height: 1.5; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */
  -moz-tab-size: 4; /* 3 */
  -o-tab-size: 4;
     tab-size: 4; /* 3 */
  font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; /* 4 */
  font-feature-settings: normal; /* 5 */
  font-variation-settings: normal; /* 6 */
  -webkit-tap-highlight-color: transparent; /* 7 */
}
/*
1. Remove the margin in all browsers.
2. Inherit line-height from `html` so users can set them as a class directly on the `html` element.
*/
body {
  margin: 0; /* 1 */
  line-height: inherit; /* 2 */
}
/*
1. Add the correct height in Firefox.
2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655)
3. Ensure horizontal rules are visible by default.
*/
hr {
  height: 0; /* 1 */
  color: inherit; /* 2 */
  border-top-width: 1px; /* 3 */
}
/*
Add the correct text decoration in Chrome, Edge, and Safari.
*/
abbr:where([title]) {
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted;
}
/*
Remove the default font size and weight for headings.
*/
h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: inherit;
  font-weight: inherit;
}
/*
Reset links to optimize for opt-in styling instead of opt-out.
*/
a {
  color: inherit;
  text-decoration: inherit;
}
/*
Add the correct font weight in Edge and Safari.
*/
b,
strong {
  font-weight: bolder;
}
/*
1. Use the user's configured `mono` font-family by default.
2. Use the user's configured `mono` font-feature-settings by default.
3. Use the user's configured `mono` font-variation-settings by default.
4. Correct the odd `em` font sizing in all browsers.
*/
code,
kbd,
samp,
pre {
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; /* 1 */
  font-feature-settings: normal; /* 2 */
  font-variation-settings: normal; /* 3 */
  font-size: 1em; /* 4 */
}
/*
Add the correct font size in all browsers.
*/
small {
  font-size: 80%;
}
/*
Prevent `sub` and `sup` elements from affecting the line height in all browsers.
*/
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sub {
  bottom: -0.25em;
}
sup {
  top: -0.5em;
}
/*
1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297)
2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016)
3. Remove gaps between table borders by default.
*/
table {
  text-indent: 0; /* 1 */
  border-color: inherit; /* 2 */
  border-collapse: collapse; /* 3 */
}
/*
1. Change the font styles in all browsers.
2. Remove the margin in Firefox and Safari.
3. Remove default padding in all browsers.
*/
button,
input,
optgroup,
select,
textarea {
  font-family: inherit; /* 1 */
  font-feature-settings: inherit; /* 1 */
  font-variation-settings: inherit; /* 1 */
  font-size: 100%; /* 1 */
  font-weight: inherit; /* 1 */
  line-height: inherit; /* 1 */
  letter-spacing: inherit; /* 1 */
  color: inherit; /* 1 */
  margin: 0; /* 2 */
  padding: 0; /* 3 */
}
/*
Remove the inheritance of text transform in Edge and Firefox.
*/
button,
select {
  text-transform: none;
}
/*
1. Correct the inability to style clickable types in iOS and Safari.
2. Remove default button styles.
*/
button,
input:where([type='button']),
input:where([type='reset']),
input:where([type='submit']) {
  -webkit-appearance: button; /* 1 */
  background-color: transparent; /* 2 */
  background-image: none; /* 2 */
}
/*
Use the modern Firefox focus style for all focusable elements.
*/
:-moz-focusring {
  outline: auto;
}
/*
Remove the additional `:invalid` styles in Firefox. (https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737)
*/
:-moz-ui-invalid {
  box-shadow: none;
}
/*
Add the correct vertical alignment in Chrome and Firefox.
*/
progress {
  vertical-align: baseline;
}
/*
Correct the cursor style of increment and decrement buttons in Safari.
*/
::-webkit-inner-spin-button,
::-webkit-outer-spin-button {
  height: auto;
}
/*
1. Correct the odd appearance in Chrome and Safari.
2. Correct the outline style in Safari.
*/
[type='search'] {
  -webkit-appearance: textfield; /* 1 */
  outline-offset: -2px; /* 2 */
}
/*
Remove the inner padding in Chrome and Safari on macOS.
*/
::-webkit-search-decoration {
  -webkit-appearance: none;
}
/*
1. Correct the inability to style clickable types in iOS and Safari.
2. Change font properties to `inherit` in Safari.
*/
::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}
/*
Add the correct display in Chrome and Safari.
*/
summary {
  display: list-item;
}
/*
Removes the default spacing and border for appropriate elements.
*/
blockquote,
dl,
dd,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
figure,
p,
pre {
  margin: 0;
}
fieldset {
  margin: 0;
  padding: 0;
}
legend {
  padding: 0;
}
ol,
ul,
menu {
  list-style: none;
  margin: 0;
  padding: 0;
}
/*
Reset default styling for dialogs.
*/
dialog {
  padding: 0;
}
/*
Prevent resizing textareas horizontally by default.
*/
textarea {
  resize: vertical;
}
/*
1. Reset the default placeholder opacity in Firefox. (https://github.com/tailwindlabs/tailwindcss/issues/3300)
2. Set the default placeholder color to the user's configured gray 400 color.
*/
input::-moz-placeholder, textarea::-moz-placeholder {
  opacity: 1; /* 1 */
  color: #9ca3af; /* 2 */
}
input::placeholder,
textarea::placeholder {
  opacity: 1; /* 1 */
  color: #9ca3af; /* 2 */
}
/*
Set the default cursor for buttons.
*/
button,
[role="button"] {
  cursor: pointer;
}
/*
Make sure disabled buttons don't get the pointer cursor.
*/
:disabled {
  cursor: default;
}
/*
1. Make replaced elements `display: block` by default. (https://github.com/mozdevs/cssremedy/issues/14)
2. Add `vertical-align: middle` to align replaced elements more sensibly by default. (https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210)
   This can trigger a poorly considered lint error in some tools but is included by design.
*/
img,
svg,
video,
canvas,
audio,
iframe,
embed,
object {
  display: block; /* 1 */
  vertical-align: middle; /* 2 */
}
/*
Constrain images and videos to the parent width and preserve their intrinsic aspect ratio. (https://github.com/mozdevs/cssremedy/issues/14)
*/
img,
video {
  max-width: 100%;
  height: auto;
}
/* Make elements with the HTML hidden attribute stay hidden by default */
[hidden]:where(:not([hidden="until-found"])) {
  display: none;
}
.\!container{
  width: 100% !important;
}
.container{
  width: 100%;
}
@media (min-width: 640px){
  .\!container{
    max-width: 640px !important;
  }
  .container{
    max-width: 640px;
  }
}
@media (min-width: 768px){
  .\!container{
    max-width: 768px !important;
  }
  .container{
    max-width: 768px;
  }
}
@media (min-width: 874px){
  .\!container{
    max-width: 874px !important;
  }
  .container{
    max-width: 874px;
  }
}
@media (min-width: 991px){
  .\!container{
    max-width: 991px !important;
  }
  .container{
    max-width: 991px;
  }
}
@media (min-width: 1024px){
  .\!container{
    max-width: 1024px !important;
  }
  .container{
    max-width: 1024px;
  }
}
@media (min-width: 1140px){
  .\!container{
    max-width: 1140px !important;
  }
  .container{
    max-width: 1140px;
  }
}
@media (min-width: 1280px){
  .\!container{
    max-width: 1280px !important;
  }
  .container{
    max-width: 1280px;
  }
}
@media (min-width: 1366px){
  .\!container{
    max-width: 1366px !important;
  }
  .container{
    max-width: 1366px;
  }
}
@media (min-width: 1440px){
  .\!container{
    max-width: 1440px !important;
  }
  .container{
    max-width: 1440px;
  }
}
@media (min-width: 1536px){
  .\!container{
    max-width: 1536px !important;
  }
  .container{
    max-width: 1536px;
  }
}
@media (min-width: 1680px){
  .\!container{
    max-width: 1680px !important;
  }
  .container{
    max-width: 1680px;
  }
}
@media (min-width: 1920px){
  .\!container{
    max-width: 1920px !important;
  }
  .container{
    max-width: 1920px;
  }
}
.grid-layout{
  display: grid;
}
.text-image-section .grid-layout {
  gap: 12px;
}
@media screen and (max-width: 873px) {
  .text-image-section .grid-layout {
    display: block;
  }
  .text-image-section .grid-layout .half-column {
    min-height: auto;
  }
  .text-image-section .grid-layout .half-column.left-side {
    margin-bottom: 60px;
  }
}
.pdp-variant-container .pdp-variant .grid-layout {
  margin-bottom: 0;
}
.product.grid-layout {
  margin-bottom: 0;
}
.grid-layout {
    grid-template-columns: repeat(2, 1fr);
  }
@media screen and (min-width: 768px) {
    .grid-layout {
      grid-template-columns: repeat(12, 1fr);
    }
  }
.custom-button{
  position: absolute;
  top: 0px;
  z-index: 1;
  height: 100%;
  width: 1rem;
  opacity: 0.4;
}
body.locksmith-collection main #sort-and-filters .container .product-filters p.custom-button {
  white-space: nowrap;
  left: auto;
  position: relative;
  bottom: -1px;
  width: auto;
}
@media (min-width: 640px){
  .custom-button{
    width: 23vw;
  }
}
.editorial-item .editorial-card-wrapper{
  position: relative;
  height: 100%;
  width: 100%;
}
.editorial-item .editorial-card-wrapper .editorial-link{
  display: block;
  height: 100%;
  width: 100%;
}
.editorial-item .editorial-card-wrapper .editorial-media{
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.editorial-item .editorial-card-wrapper .editorial-video{
  height: 100%;
  width: 100%;
}
.editorial-item .editorial-card-wrapper .editorial-video video{
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.editorial-item .editorial-card-wrapper .editorial-image{
  height: 100%;
  width: 100%;
}
.editorial-item .editorial-card-wrapper .editorial-image img{
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.editorial-item .editorial-card-wrapper.ed-images .card__inner {
    position: relative;
  }
.editorial-item .editorial-card-wrapper.ed-images .card__inner .card__media {
    height: 100%;
    width: 100%;
  }
.editorial-item .editorial-card-wrapper.ed-images .card__inner .card__media .media {
    height: 100%;
    width: 100%;
  }
.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;
}
.pointer-events-none{
  pointer-events: none;
}
.visible{
  visibility: visible;
}
.invisible{
  visibility: hidden;
}
.collapse{
  visibility: collapse;
}
.static{
  position: static;
}
.fixed{
  position: fixed;
}
.\!absolute{
  position: absolute !important;
}
.absolute{
  position: absolute;
}
.relative{
  position: relative;
}
.sticky{
  position: sticky;
}
.-bottom-full{
  bottom: -100%;
}
.bottom-0{
  bottom: 0px;
}
.bottom-12{
  bottom: 3rem;
}
.bottom-14{
  bottom: 3.5rem;
}
.bottom-25{
  bottom: 6.25rem;
}
.bottom-5{
  bottom: 1.25rem;
}
.bottom-\[105px\]{
  bottom: 105px;
}
.bottom-auto{
  bottom: auto;
}
.left-0{
  left: 0px;
}
.left-1\/2{
  left: 50%;
}
.left-8{
  left: 2rem;
}
.left-\[2\.2rem\]{
  left: 2.2rem;
}
.left-full{
  left: 100%;
}
.right-0{
  right: 0px;
}
.right-7{
  right: 1.75rem;
}
.right-8{
  right: 2rem;
}
.top-0{
  top: 0px;
}
.top-1\/2{
  top: 50%;
}
.top-28{
  top: 7rem;
}
.top-\[-6px\]{
  top: -6px;
}
.top-auto{
  top: auto;
}
.top-full{
  top: 100%;
}
.isolate{
  isolation: isolate;
}
.-z-1{
  z-index: -1;
}
.z-1{
  z-index: 1;
}
.z-10{
  z-index: 10;
}
.z-30{
  z-index: 30;
}
.z-\[2\]{
  z-index: 2;
}
.col-span-1{
  grid-column: span 1 / span 1;
}
.col-span-12{
  grid-column: span 12 / span 12;
}
.col-span-2{
  grid-column: span 2 / span 2;
}
.col-start-1{
  grid-column-start: 1;
}
.\!m-0{
  margin: 0px !important;
}
.m-0{
  margin: 0px;
}
.\!my-0{
  margin-top: 0px !important;
  margin-bottom: 0px !important;
}
.mx-5{
  margin-left: 1.25rem;
  margin-right: 1.25rem;
}
.mx-auto{
  margin-left: auto;
  margin-right: auto;
}
.my-0{
  margin-top: 0px;
  margin-bottom: 0px;
}
.my-14{
  margin-top: 3.5rem;
  margin-bottom: 3.5rem;
}
.my-20{
  margin-top: 20px;
  margin-bottom: 20px;
}
.my-28{
  margin-top: 7rem;
  margin-bottom: 7rem;
}
.my-4{
  margin-top: 1rem;
  margin-bottom: 1rem;
}
.\!mb-0{
  margin-bottom: 0px !important;
}
.\!ml-0{
  margin-left: 0px !important;
}
.\!ml-auto{
  margin-left: auto !important;
}
.\!mt-0{
  margin-top: 0px !important;
}
.\!mt-12{
  margin-top: 3rem !important;
}
.\!mt-4{
  margin-top: 1rem !important;
}
.\!mt-8{
  margin-top: 2rem !important;
}
.-mt-64{
  margin-top: -16rem;
}
.mb-0{
  margin-bottom: 0px;
}
.mb-12{
  margin-bottom: 3rem;
}
.mb-15{
  margin-bottom: 3.75rem;
}
.mb-16{
  margin-bottom: 4rem;
}
.mb-20{
  margin-bottom: 20px;
}
.mb-32{
  margin-bottom: 8rem;
}
.mb-4{
  margin-bottom: 1rem;
}
.mb-8{
  margin-bottom: 2rem;
}
.mb-\[-2rem\]{
  margin-bottom: -2rem;
}
.mb-\[3px\]{
  margin-bottom: 3px;
}
.ml-1{
  margin-left: 0.25rem;
}
.ml-12{
  margin-left: 3rem;
}
.ml-16{
  margin-left: 4rem;
}
.ml-2{
  margin-left: 0.5rem;
}
.ml-3{
  margin-left: 0.75rem;
}
.ml-4{
  margin-left: 1rem;
}
.ml-8{
  margin-left: 2rem;
}
.ml-auto{
  margin-left: auto;
}
.mr-4{
  margin-right: 1rem;
}
.mr-8{
  margin-right: 2rem;
}
.mr-auto{
  margin-right: auto;
}
.mt-0{
  margin-top: 0px;
}
.mt-1{
  margin-top: 0.25rem;
}
.mt-10{
  margin-top: 10px;
}
.mt-11{
  margin-top: 2.75rem;
}
.mt-12{
  margin-top: 3rem;
}
.mt-14{
  margin-top: 3.5rem;
}
.mt-15{
  margin-top: 3.75rem;
}
.mt-16{
  margin-top: 4rem;
}
.mt-18{
  margin-top: 4.5rem;
}
.mt-2{
  margin-top: 0.5rem;
}
.mt-20{
  margin-top: 20px;
}
.mt-24{
  margin-top: 6rem;
}
.mt-36{
  margin-top: 9rem;
}
.mt-4{
  margin-top: 1rem;
}
.mt-44{
  margin-top: 44px;
}
.mt-6{
  margin-top: 1.5rem;
}
.mt-7{
  margin-top: 1.75rem;
}
.mt-8{
  margin-top: 2rem;
}
.mt-9{
  margin-top: 2.25rem;
}
.mt-\[-15px\]{
  margin-top: -15px;
}
.mt-\[-1px\]{
  margin-top: -1px;
}
.mt-\[-2px\]{
  margin-top: -2px;
}
.mt-\[-2rem\]{
  margin-top: -2rem;
}
.mt-\[1px\]{
  margin-top: 1px;
}
.mt-auto{
  margin-top: auto;
}
.\!block{
  display: block !important;
}
.block{
  display: block;
}
.inline-block{
  display: inline-block;
}
.inline{
  display: inline;
}
.\!flex{
  display: flex !important;
}
.flex{
  display: flex;
}
.table{
  display: table;
}
.grid{
  display: grid;
}
.contents{
  display: contents;
}
.\!hidden{
  display: none !important;
}
.hidden{
  display: none;
}
.h-0{
  height: 0px;
}
.h-5{
  height: 1.25rem;
}
.h-9{
  height: 2.25rem;
}
.h-\[12px\]{
  height: 12px;
}
.h-\[15px\]{
  height: 15px;
}
.h-\[18px\]{
  height: 18px;
}
.h-\[1px\]{
  height: 1px;
}
.h-\[45vh\]{
  height: 45vh;
}
.h-auto{
  height: auto;
}
.h-full{
  height: 100%;
}
.h-screen{
  height: 100vh;
}
.max-h-screen{
  max-height: 100vh;
}
.\!min-h-fit{
  min-height: -moz-fit-content !important;
  min-height: fit-content !important;
}
.min-h-\[93vh\]{
  min-height: 93vh;
}
.min-h-screen{
  min-height: 100vh;
}
.\!w-full{
  width: 100% !important;
}
.\!w-max{
  width: -moz-max-content !important;
  width: max-content !important;
}
.w-4{
  width: 1rem;
}
.w-5{
  width: 1.25rem;
}
.w-5\/6{
  width: 83.333333%;
}
.w-7{
  width: 1.75rem;
}
.w-8{
  width: 2rem;
}
.w-9{
  width: 2.25rem;
}
.w-\[12px\]{
  width: 12px;
}
.w-\[18px\]{
  width: 18px;
}
.w-\[75px\]{
  width: 75px;
}
.w-\[9px\]{
  width: 9px;
}
.w-full{
  width: 100%;
}
.w-max{
  width: -moz-max-content;
  width: max-content;
}
.w-screen{
  width: 100vw;
}
.max-w-\[90\%\]{
  max-width: 90%;
}
.max-w-full{
  max-width: 100%;
}
.flex-1{
  flex: 1 1 0%;
}
.flex-shrink{
  flex-shrink: 1;
}
.flex-grow{
  flex-grow: 1;
}
.-translate-x-1\/2{
  --tw-translate-x: -50%;
  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-1\/2{
  --tw-translate-y: -50%;
  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));
}
.\!cursor-pointer{
  cursor: pointer !important;
}
.cursor-pointer{
  cursor: pointer;
}
.resize{
  resize: both;
}
.list-none{
  list-style-type: none;
}
.auto-cols-auto{
  grid-auto-columns: auto;
}
.grid-flow-col{
  grid-auto-flow: column;
}
.grid-cols-1{
  grid-template-columns: repeat(1, minmax(0, 1fr));
}
.grid-cols-12{
  grid-template-columns: repeat(12, minmax(0, 1fr));
}
.grid-cols-2{
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
.flex-row{
  flex-direction: row;
}
.flex-col{
  flex-direction: column;
}
.flex-col-reverse{
  flex-direction: column-reverse;
}
.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-0{
  gap: 0px;
}
.gap-10{
  gap: 2.5rem;
}
.gap-12{
  gap: 3rem;
}
.gap-4{
  gap: 1rem;
}
.gap-7{
  gap: 1.75rem;
}
.gap-8{
  gap: 2rem;
}
.gap-x-20{
  -moz-column-gap: 20px;
       column-gap: 20px;
}
.gap-x-8{
  -moz-column-gap: 2rem;
       column-gap: 2rem;
}
.gap-y-0{
  row-gap: 0px;
}
.gap-y-12{
  row-gap: 3rem;
}
.gap-y-20{
  row-gap: 20px;
}
.gap-y-30{
  row-gap: 30px;
}
.gap-y-5{
  row-gap: 1.25rem;
}
.gap-y-6{
  row-gap: 1.5rem;
}
.self-end{
  align-self: flex-end;
}
.overflow-hidden{
  overflow: hidden;
}
.\!overflow-visible{
  overflow: visible !important;
}
.overflow-x-auto{
  overflow-x: auto;
}
.overflow-y-auto{
  overflow-y: auto;
}
.truncate{
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.whitespace-nowrap{
  white-space: nowrap;
}
.text-nowrap{
  text-wrap: nowrap;
}
.rounded-none{
  border-radius: 0px;
}
.\!border-0{
  border-width: 0px !important;
}
.border{
  border-width: 1px;
}
.border-b{
  border-bottom-width: 1px;
}
.border-t{
  border-top-width: 1px;
}
.border-none{
  border-style: none;
}
.border-\[\#696969\]{
  --tw-border-opacity: 1;
  border-color: rgb(105 105 105 / var(--tw-border-opacity, 1));
}
.border-\[rgba\(0\2c 0\2c 0\2c 0\.05\)\]{
  border-color: rgba(0,0,0,0.05);
}
.border-\[rgba\(0\2c 0\2c 0\2c 0\.1\)\]{
  border-color: rgba(0,0,0,0.1);
}
.border-\[rgba\(0\2c 0\2c 0\2c 0\.2\)\]{
  border-color: rgba(0,0,0,0.2);
}
.border-black{
  --tw-border-opacity: 1;
  border-color: rgb(0 0 0 / var(--tw-border-opacity, 1));
}
.\!bg-black{
  --tw-bg-opacity: 1 !important;
  background-color: rgb(0 0 0 / var(--tw-bg-opacity, 1)) !important;
}
.bg-\[rgba\(0\2c 0\2c 0\2c 0\.2\)\]{
  background-color: rgba(0,0,0,0.2);
}
.bg-\[rgba\(0\2c 0\2c 0\2c 0\.3\)\]{
  background-color: rgba(0,0,0,0.3);
}
.bg-\[rgba\(0\2c 0\2c 0\2c 0\.4\)\]{
  background-color: rgba(0,0,0,0.4);
}
.bg-black{
  --tw-bg-opacity: 1;
  background-color: rgb(0 0 0 / var(--tw-bg-opacity, 1));
}
.bg-transparent{
  background-color: transparent;
}
.bg-white{
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
}
.bg-cover{
  background-size: cover;
}
.bg-center{
  background-position: center;
}
.bg-no-repeat{
  background-repeat: no-repeat;
}
.object-contain{
  -o-object-fit: contain;
     object-fit: contain;
}
.object-cover{
  -o-object-fit: cover;
     object-fit: cover;
}
.\!p-0{
  padding: 0px !important;
}
.p-1{
  padding: 0.25rem;
}
.p-8{
  padding: 2rem;
}
.\!px-0{
  padding-left: 0px !important;
  padding-right: 0px !important;
}
.\!py-10{
  padding-top: 10px !important;
  padding-bottom: 10px !important;
}
.\!py-5{
  padding-top: 1.25rem !important;
  padding-bottom: 1.25rem !important;
}
.\!py-6{
  padding-top: 1.5rem !important;
  padding-bottom: 1.5rem !important;
}
.px-0{
  padding-left: 0px;
  padding-right: 0px;
}
.px-10{
  padding-left: 10px;
  padding-right: 10px;
}
.px-12{
  padding-left: 3rem;
  padding-right: 3rem;
}
.px-20{
  padding-left: 20px;
  padding-right: 20px;
}
.px-6{
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}
.px-8{
  padding-left: 2rem;
  padding-right: 2rem;
}
.py-10{
  padding-top: 10px;
  padding-bottom: 10px;
}
.py-11{
  padding-top: 2.75rem;
  padding-bottom: 2.75rem;
}
.py-12{
  padding-top: 3rem;
  padding-bottom: 3rem;
}
.py-48{
  padding-top: 12rem;
  padding-bottom: 12rem;
}
.py-6{
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
}
.py-8{
  padding-top: 2rem;
  padding-bottom: 2rem;
}
.py-88{
  padding-top: 22rem;
  padding-bottom: 22rem;
}
.py-\[15\.5rem\]{
  padding-top: 15.5rem;
  padding-bottom: 15.5rem;
}
.\!pb-0{
  padding-bottom: 0px !important;
}
.\!pb-\[6px\]{
  padding-bottom: 6px !important;
}
.\!pt-0{
  padding-top: 0px !important;
}
.\!pt-2{
  padding-top: 0.5rem !important;
}
.\!pt-48{
  padding-top: 12rem !important;
}
.pb-0{
  padding-bottom: 0px;
}
.pb-10{
  padding-bottom: 10px;
}
.pb-12{
  padding-bottom: 3rem;
}
.pb-14{
  padding-bottom: 3.5rem;
}
.pb-15{
  padding-bottom: 3.75rem;
}
.pb-16{
  padding-bottom: 4rem;
}
.pb-24{
  padding-bottom: 6rem;
}
.pb-28{
  padding-bottom: 7rem;
}
.pb-40{
  padding-bottom: 40px;
}
.pb-44{
  padding-bottom: 11rem;
}
.pb-8{
  padding-bottom: 2rem;
}
.pb-\[0\.6rem\]{
  padding-bottom: 0.6rem;
}
.pb-\[4px\]{
  padding-bottom: 4px;
}
.pb-\[6px\]{
  padding-bottom: 6px;
}
.pb-\[7\.7rem\]{
  padding-bottom: 7.7rem;
}
.pl-8{
  padding-left: 2rem;
}
.pr-1{
  padding-right: 0.25rem;
}
.pr-12{
  padding-right: 3rem;
}
.pr-8{
  padding-right: 2rem;
}
.pr-\[0\.5em\]{
  padding-right: 0.5em;
}
.pt-0{
  padding-top: 0px;
}
.pt-10{
  padding-top: 10px;
}
.pt-12{
  padding-top: 3rem;
}
.pt-15{
  padding-top: 3.75rem;
}
.pt-19{
  padding-top: 4.75rem;
}
.pt-20{
  padding-top: 20px;
}
.pt-22{
  padding-top: 5.5rem;
}
.pt-24{
  padding-top: 6rem;
}
.pt-28{
  padding-top: 7rem;
}
.pt-36{
  padding-top: 9rem;
}
.pt-50{
  padding-top: 50px;
}
.pt-64{
  padding-top: 16rem;
}
.pt-8{
  padding-top: 2rem;
}
.pt-\[130\%\]{
  padding-top: 130%;
}
.pt-\[145\%\]{
  padding-top: 145%;
}
.pt-\[150\%\]{
  padding-top: 150%;
}
.pt-\[66\.66\%\]{
  padding-top: 66.66%;
}
.\!text-left{
  text-align: left !important;
}
.text-left{
  text-align: left;
}
.text-center{
  text-align: center;
}
.text-right{
  text-align: right;
}
.text-justify{
  text-align: justify;
}
.\!text-14{
  font-size: 1.4rem !important;
}
.\!text-22{
  font-size: 2.2rem !important;
}
.text-10{
  font-size: 1rem;
}
.text-12{
  font-size: 1.2rem;
}
.text-14{
  font-size: 1.4rem;
}
.text-22{
  font-size: 2.2rem;
}
.text-24{
  font-size: 2.4rem;
}
.text-32{
  font-size: 3.2rem;
}
.uppercase{
  text-transform: uppercase;
}
.lowercase{
  text-transform: lowercase;
}
.capitalize{
  text-transform: capitalize;
}
.\!normal-case{
  text-transform: none !important;
}
.normal-case{
  text-transform: none;
}
.italic{
  font-style: italic;
}
.not-italic{
  font-style: normal;
}
.\!leading-normal{
  line-height: 1.5 !important;
}
.leading-\[6rem\]{
  line-height: 6rem;
}
.leading-loose{
  line-height: 2;
}
.leading-none{
  line-height: 1;
}
.leading-normal{
  line-height: 1.5;
}
.leading-snug{
  line-height: 1.375;
}
.leading-tight{
  line-height: 1.25;
}
.\!tracking-normal{
  letter-spacing: 0em !important;
}
.tracking-normal{
  letter-spacing: 0em;
}
.\!text-\[\#696969\]{
  --tw-text-opacity: 1 !important;
  color: rgb(105 105 105 / var(--tw-text-opacity, 1)) !important;
}
.\!text-black{
  --tw-text-opacity: 1 !important;
  color: rgb(0 0 0 / var(--tw-text-opacity, 1)) !important;
}
.\!text-white{
  --tw-text-opacity: 1 !important;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1)) !important;
}
.text-\[\#737373\]{
  --tw-text-opacity: 1;
  color: rgb(115 115 115 / var(--tw-text-opacity, 1));
}
.text-black{
  --tw-text-opacity: 1;
  color: rgb(0 0 0 / var(--tw-text-opacity, 1));
}
.text-green-600{
  --tw-text-opacity: 1;
  color: rgb(22 163 74 / var(--tw-text-opacity, 1));
}
.text-purple-brown{
  --tw-text-opacity: 1;
  color: rgb(36 30 33 / var(--tw-text-opacity, 1));
}
.text-red{
  --tw-text-opacity: 1;
  color: rgb(255 0 0 / var(--tw-text-opacity, 1));
}
.text-white{
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
.\!underline{
  text-decoration-line: underline !important;
}
.underline{
  text-decoration-line: underline;
}
.\!no-underline{
  text-decoration-line: none !important;
}
.\!decoration-1{
  text-decoration-thickness: 1px !important;
}
.\!underline-offset-4{
  text-underline-offset: 4px !important;
}
.underline-offset-4{
  text-underline-offset: 4px;
}
.underline-offset-8{
  text-underline-offset: 8px;
}
.antialiased{
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.opacity-0{
  opacity: 0;
}
.opacity-100{
  opacity: 1;
}
.opacity-20{
  opacity: 0.2;
}
.opacity-40{
  opacity: 0.4;
}
.shadow{
  --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.\!outline-none{
  outline: 2px solid transparent !important;
  outline-offset: 2px !important;
}
.outline-none{
  outline: 2px solid transparent;
  outline-offset: 2px;
}
.outline{
  outline-style: solid;
}
.blur{
  --tw-blur: blur(8px);
  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);
}
.grayscale{
  --tw-grayscale: grayscale(100%);
  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);
}
.invert{
  --tw-invert: invert(100%);
  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);
}
.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, backdrop-filter;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 250ms;
}
.transition-opacity{
  transition-property: opacity;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 250ms;
}
.transition-transform{
  transition-property: transform;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 250ms;
}
.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);
}
.placeholder\:text-22::-moz-placeholder{
  font-size: 2.2rem;
}
.placeholder\:text-22::placeholder{
  font-size: 2.2rem;
}
.placeholder\:text-black::-moz-placeholder{
  --tw-text-opacity: 1;
  color: rgb(0 0 0 / var(--tw-text-opacity, 1));
}
.placeholder\:text-black::placeholder{
  --tw-text-opacity: 1;
  color: rgb(0 0 0 / var(--tw-text-opacity, 1));
}
.before\:\!pb-0::before{
  content: var(--tw-content);
  padding-bottom: 0px !important;
}
.after\:\!pb-0::after{
  content: var(--tw-content);
  padding-bottom: 0px !important;
}
.first-of-type\:border-t:first-of-type{
  border-top-width: 1px;
}
.empty\:hidden:empty{
  display: none;
}
.hover\:\!underline:hover{
  text-decoration-line: underline !important;
}
.hover\:opacity-100:hover{
  opacity: 1;
}
.hover\:opacity-50:hover{
  opacity: 0.5;
}
@media (min-width: 640px){
  .\36 40\:bottom-22{
    bottom: 5.5rem;
  }
  .\36 40\:bottom-5{
    bottom: 1.25rem;
  }
  .\36 40\:left-12{
    left: 3rem;
  }
  .\36 40\:col-span-1{
    grid-column: span 1 / span 1;
  }
  .\36 40\:mr-16{
    margin-right: 4rem;
  }
  .\36 40\:mt-20{
    margin-top: 20px;
  }
  .\36 40\:grid{
    display: grid;
  }
  .\36 40\:min-h-\[115vh\]{
    min-height: 115vh;
  }
  .\36 40\:min-h-max{
    min-height: -moz-max-content;
    min-height: max-content;
  }
  .\36 40\:w-\[23vw\]{
    width: 23vw;
  }
  .\36 40\:w-\[60\%\]{
    width: 60%;
  }
  .\36 40\:max-w-\[50\%\]{
    max-width: 50%;
  }
  .\36 40\:px-\[30\%\]{
    padding-left: 30%;
    padding-right: 30%;
  }
  .\36 40\:py-\[21rem\]{
    padding-top: 21rem;
    padding-bottom: 21rem;
  }
  .\36 40\:pb-0{
    padding-bottom: 0px;
  }
  .\36 40\:pb-40{
    padding-bottom: 40px;
  }
  .\36 40\:pt-28{
    padding-top: 7rem;
  }
}
@media (min-width: 768px){
  .\37 68\:absolute{
    position: absolute;
  }
  .\37 68\:bottom-24{
    bottom: 6rem;
  }
  .\37 68\:right-10{
    right: 2.5rem;
  }
  .\37 68\:col-span-10{
    grid-column: span 10 / span 10;
  }
  .\37 68\:col-span-12{
    grid-column: span 12 / span 12;
  }
  .\37 68\:col-span-6{
    grid-column: span 6 / span 6;
  }
  .\37 68\:col-span-8{
    grid-column: span 8 / span 8;
  }
  .\37 68\:col-start-2{
    grid-column-start: 2;
  }
  .\37 68\:my-32{
    margin-top: 8rem;
    margin-bottom: 8rem;
  }
  .\37 68\:\!mb-16{
    margin-bottom: 4rem !important;
  }
  .\37 68\:\!mt-0{
    margin-top: 0px !important;
  }
  .\37 68\:mb-0{
    margin-bottom: 0px;
  }
  .\37 68\:mb-40{
    margin-bottom: 10rem;
  }
  .\37 68\:ml-12{
    margin-left: 3rem;
  }
  .\37 68\:mt-0{
    margin-top: 0px;
  }
  .\37 68\:mt-14{
    margin-top: 3.5rem;
  }
  .\37 68\:mt-26{
    margin-top: 6.5rem;
  }
  .\37 68\:mt-32{
    margin-top: 8rem;
  }
  .\37 68\:block{
    display: block;
  }
  .\37 68\:\!flex{
    display: flex !important;
  }
  .\37 68\:\!hidden{
    display: none !important;
  }
  .\37 68\:hidden{
    display: none;
  }
  .\37 68\:min-h-\[60rem\]{
    min-height: 60rem;
  }
  .\37 68\:w-1\/2{
    width: 50%;
  }
  .\37 68\:w-5\/6{
    width: 83.333333%;
  }
  .\37 68\:w-auto{
    width: auto;
  }
  .\37 68\:max-w-\[28rem\]{
    max-width: 28rem;
  }
  .\37 68\:grid-cols-12{
    grid-template-columns: repeat(12, minmax(0, 1fr));
  }
  .\37 68\:grid-cols-2{
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .\37 68\:grid-cols-3{
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .\37 68\:flex-row{
    flex-direction: row;
  }
  .\37 68\:gap-x-20{
    -moz-column-gap: 20px;
         column-gap: 20px;
  }
  .\37 68\:gap-x-8{
    -moz-column-gap: 2rem;
         column-gap: 2rem;
  }
  .\37 68\:gap-y-12{
    row-gap: 3rem;
  }
  .\37 68\:gap-y-60{
    row-gap: 60px;
  }
  .\37 68\:border-t-0{
    border-top-width: 0px;
  }
  .\37 68\:border-none{
    border-style: none;
  }
  .\37 68\:px-0{
    padding-left: 0px;
    padding-right: 0px;
  }
  .\37 68\:px-10{
    padding-left: 10px;
    padding-right: 10px;
  }
  .\37 68\:px-12{
    padding-left: 3rem;
    padding-right: 3rem;
  }
  .\37 68\:py-0{
    padding-top: 0px;
    padding-bottom: 0px;
  }
  .\37 68\:py-24{
    padding-top: 6rem;
    padding-bottom: 6rem;
  }
  .\37 68\:py-40{
    padding-top: 40px;
    padding-bottom: 40px;
  }
  .\37 68\:py-6{
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
  }
  .\37 68\:py-8{
    padding-top: 2rem;
    padding-bottom: 2rem;
  }
  .\37 68\:pb-0{
    padding-bottom: 0px;
  }
  .\37 68\:pb-32{
    padding-bottom: 8rem;
  }
  .\37 68\:text-28{
    font-size: 2.8rem;
  }
  .\37 68\:underline{
    text-decoration-line: underline;
  }
  .\37 68\:underline-offset-4{
    text-underline-offset: 4px;
  }
  .\37 68\:opacity-100{
    opacity: 1;
  }
  .\37 68\:hover\:bg-\[rgba\(0\2c 0\2c 0\2c 0\.05\)\]:hover{
    background-color: rgba(0,0,0,0.05);
  }
}
@media (min-width: 874px){
  .\38 74\:static{
    position: static;
  }
  .\38 74\:absolute{
    position: absolute;
  }
  .\38 74\:left-0{
    left: 0px;
  }
  .\38 74\:left-1\/2{
    left: 50%;
  }
  .\38 74\:right-12{
    right: 3rem;
  }
  .\38 74\:top-0{
    top: 0px;
  }
  .\38 74\:top-1\/2{
    top: 50%;
  }
  .\38 74\:z-1{
    z-index: 1;
  }
  .\38 74\:col-span-1{
    grid-column: span 1 / span 1;
  }
  .\38 74\:col-span-2{
    grid-column: span 2 / span 2;
  }
  .\38 74\:col-span-4{
    grid-column: span 4 / span 4;
  }
  .\38 74\:col-span-6{
    grid-column: span 6 / span 6;
  }
  .\38 74\:col-span-8{
    grid-column: span 8 / span 8;
  }
  .\38 74\:col-start-3{
    grid-column-start: 3;
  }
  .\38 74\:col-start-4{
    grid-column-start: 4;
  }
  .\38 74\:col-start-7{
    grid-column-start: 7;
  }
  .\38 74\:my-0{
    margin-top: 0px;
    margin-bottom: 0px;
  }
  .\38 74\:my-56{
    margin-top: 14rem;
    margin-bottom: 14rem;
  }
  .\38 74\:\!mb-26{
    margin-bottom: 6.5rem !important;
  }
  .\38 74\:\!mt-0{
    margin-top: 0px !important;
  }
  .\38 74\:-mt-\[12rem\]{
    margin-top: -12rem;
  }
  .\38 74\:mb-12{
    margin-bottom: 3rem;
  }
  .\38 74\:mb-16{
    margin-bottom: 4rem;
  }
  .\38 74\:mb-48{
    margin-bottom: 12rem;
  }
  .\38 74\:ml-12{
    margin-left: 3rem;
  }
  .\38 74\:ml-8{
    margin-left: 2rem;
  }
  .\38 74\:mt-0{
    margin-top: 0px;
  }
  .\38 74\:mt-18{
    margin-top: 4.5rem;
  }
  .\38 74\:mt-2{
    margin-top: 0.5rem;
  }
  .\38 74\:mt-24{
    margin-top: 6rem;
  }
  .\38 74\:mt-32{
    margin-top: 8rem;
  }
  .\38 74\:mt-6{
    margin-top: 1.5rem;
  }
  .\38 74\:mt-60{
    margin-top: 15rem;
  }
  .\38 74\:block{
    display: block;
  }
  .\38 74\:\!inline-block{
    display: inline-block !important;
  }
  .\38 74\:inline-block{
    display: inline-block;
  }
  .\38 74\:flex{
    display: flex;
  }
  .\38 74\:\!table{
    display: table !important;
  }
  .\38 74\:\!hidden{
    display: none !important;
  }
  .\38 74\:hidden{
    display: none;
  }
  .\38 74\:h-auto{
    height: auto;
  }
  .\38 74\:h-full{
    height: 100%;
  }
  .\38 74\:min-h-max{
    min-height: -moz-max-content;
    min-height: max-content;
  }
  .\38 74\:\!w-max{
    width: -moz-max-content !important;
    width: max-content !important;
  }
  .\38 74\:w-2\/6{
    width: 33.333333%;
  }
  .\38 74\:w-5{
    width: 1.25rem;
  }
  .\38 74\:w-6\/12{
    width: 50%;
  }
  .\38 74\:w-9{
    width: 2.25rem;
  }
  .\38 74\:w-auto{
    width: auto;
  }
  .\38 74\:w-full{
    width: 100%;
  }
  .\38 74\:min-w-\[35\%\]{
    min-width: 35%;
  }
  .\38 74\:max-w-\[35\%\]{
    max-width: 35%;
  }
  .\38 74\:max-w-\[39rem\]{
    max-width: 39rem;
  }
  .\38 74\:grid-cols-2{
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .\38 74\:grid-cols-4{
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
  .\38 74\:flex-row{
    flex-direction: row;
  }
  .\38 74\:items-center{
    align-items: center;
  }
  .\38 74\:justify-start{
    justify-content: flex-start;
  }
  .\38 74\:justify-between{
    justify-content: space-between;
  }
  .\38 74\:gap-8{
    gap: 2rem;
  }
  .\38 74\:gap-y-0{
    row-gap: 0px;
  }
  .\38 74\:gap-y-12{
    row-gap: 3rem;
  }
  .\38 74\:gap-y-20{
    row-gap: 20px;
  }
  .\38 74\:border-none{
    border-style: none;
  }
  .\38 74\:\!bg-transparent{
    background-color: transparent !important;
  }
  .\38 74\:bg-transparent{
    background-color: transparent;
  }
  .\38 74\:p-0{
    padding: 0px;
  }
  .\38 74\:p-12{
    padding: 3rem;
  }
  .\38 74\:\!py-0{
    padding-top: 0px !important;
    padding-bottom: 0px !important;
  }
  .\38 74\:px-0{
    padding-left: 0px;
    padding-right: 0px;
  }
  .\38 74\:px-12{
    padding-left: 3rem;
    padding-right: 3rem;
  }
  .\38 74\:px-2{
    padding-left: 0.5rem;
    padding-right: 0.5rem;
  }
  .\38 74\:px-8{
    padding-left: 2rem;
    padding-right: 2rem;
  }
  .\38 74\:py-10{
    padding-top: 10px;
    padding-bottom: 10px;
  }
  .\38 74\:py-12{
    padding-top: 3rem;
    padding-bottom: 3rem;
  }
  .\38 74\:py-16{
    padding-top: 4rem;
    padding-bottom: 4rem;
  }
  .\38 74\:py-88{
    padding-top: 22rem;
    padding-bottom: 22rem;
  }
  .\38 74\:py-\[8\.5rem\]{
    padding-top: 8.5rem;
    padding-bottom: 8.5rem;
  }
  .\38 74\:\!pt-40{
    padding-top: 40px !important;
  }
  .\38 74\:pb-0{
    padding-bottom: 0px;
  }
  .\38 74\:pb-14{
    padding-bottom: 3.5rem;
  }
  .\38 74\:pb-22{
    padding-bottom: 5.5rem;
  }
  .\38 74\:pb-30{
    padding-bottom: 30px;
  }
  .\38 74\:pb-40{
    padding-bottom: 40px;
  }
  .\38 74\:pl-12{
    padding-left: 3rem;
  }
  .\38 74\:pr-12{
    padding-right: 3rem;
  }
  .\38 74\:pt-0{
    padding-top: 0px;
  }
  .\38 74\:pt-100{
    padding-top: 100px;
  }
  .\38 74\:pt-12{
    padding-top: 3rem;
  }
  .\38 74\:pt-20{
    padding-top: 20px;
  }
  .\38 74\:pt-22{
    padding-top: 5.5rem;
  }
  .\38 74\:pt-44{
    padding-top: 11rem;
  }
  .\38 74\:pt-48{
    padding-top: 12rem;
  }
  .\38 74\:pt-50{
    padding-top: 50px;
  }
  .\38 74\:pt-\[26rem\]{
    padding-top: 26rem;
  }
  .\38 74\:text-14{
    font-size: 1.4rem;
  }
  .\38 74\:text-24{
    font-size: 2.4rem;
  }
  .\38 74\:leading-\[6rem\]{
    line-height: 6rem;
  }
  .\38 74\:leading-tight{
    line-height: 1.25;
  }
  .\38 74\:\!text-black{
    --tw-text-opacity: 1 !important;
    color: rgb(0 0 0 / var(--tw-text-opacity, 1)) !important;
  }
  .\38 74\:\!underline{
    text-decoration-line: underline !important;
  }
  .\38 74\:placeholder\:text-14::-moz-placeholder{
    font-size: 1.4rem;
  }
  .\38 74\:placeholder\:text-14::placeholder{
    font-size: 1.4rem;
  }
}
@media (min-width: 1024px){
  .\31 024\:col-span-3{
    grid-column: span 3 / span 3;
  }
  .\31 024\:my-56{
    margin-top: 14rem;
    margin-bottom: 14rem;
  }
  .\31 024\:mt-20{
    margin-top: 20px;
  }
  .\31 024\:pb-72{
    padding-bottom: 18rem;
  }
}
@media (min-width: 1140px){
  .\31 140\:mt-10{
    margin-top: 10px;
  }
  .\31 140\:grid-cols-4{
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}
@media (min-width: 1280px){
  .\31 280\:col-span-10{
    grid-column: span 10 / span 10;
  }
  .\31 280\:col-span-4{
    grid-column: span 4 / span 4;
  }
  .\31 280\:col-start-2{
    grid-column-start: 2;
  }
  .\31 280\:mb-20{
    margin-bottom: 20px;
  }
  .\31 280\:ml-4{
    margin-left: 1rem;
  }
  .\31 280\:mt-26{
    margin-top: 6.5rem;
  }
  .\31 280\:min-h-\[60rem\]{
    min-height: 60rem;
  }
  .\31 280\:w-4\/6{
    width: 66.666667%;
  }
  .\31 280\:w-5{
    width: 1.25rem;
  }
  .\31 280\:max-w-\[35rem\]{
    max-width: 35rem;
  }
  .\31 280\:gap-8{
    gap: 2rem;
  }
  .\31 280\:px-52{
    padding-left: 13rem;
    padding-right: 13rem;
  }
  .\31 280\:pb-36{
    padding-bottom: 9rem;
  }
  .\31 280\:pt-28{
    padding-top: 7rem;
  }
}
@media (min-width: 1366px){
  .\31 366\:bottom-18{
    bottom: 4.5rem;
  }
  .\31 366\:bottom-52{
    bottom: 13rem;
  }
  .\31 366\:left-\[6\.7rem\]{
    left: 6.7rem;
  }
  .\31 366\:right-\[2rem\]{
    right: 2rem;
  }
  .\31 366\:col-span-3{
    grid-column: span 3 / span 3;
  }
  .\31 366\:col-span-4{
    grid-column: span 4 / span 4;
  }
  .\31 366\:col-span-6{
    grid-column: span 6 / span 6;
  }
  .\31 366\:col-start-4{
    grid-column-start: 4;
  }
  .\31 366\:col-start-5{
    grid-column-start: 5;
  }
  .\31 366\:col-start-7{
    grid-column-start: 7;
  }
  .\31 366\:my-60{
    margin-top: 15rem;
    margin-bottom: 15rem;
  }
  .\31 366\:my-64{
    margin-top: 16rem;
    margin-bottom: 16rem;
  }
  .\31 366\:my-\[28rem\]{
    margin-top: 28rem;
    margin-bottom: 28rem;
  }
  .\31 366\:\!mt-1{
    margin-top: 0.25rem !important;
  }
  .\31 366\:mb-0{
    margin-bottom: 0px;
  }
  .\31 366\:mb-20{
    margin-bottom: 20px;
  }
  .\31 366\:mt-10{
    margin-top: 10px;
  }
  .\31 366\:mt-12{
    margin-top: 3rem;
  }
  .\31 366\:mt-20{
    margin-top: 20px;
  }
  .\31 366\:mt-24{
    margin-top: 6rem;
  }
  .\31 366\:mt-3{
    margin-top: 0.75rem;
  }
  .\31 366\:mt-32{
    margin-top: 8rem;
  }
  .\31 366\:mt-36{
    margin-top: 9rem;
  }
  .\31 366\:mt-40{
    margin-top: 10rem;
  }
  .\31 366\:mt-44{
    margin-top: 44px;
  }
  .\31 366\:mt-48{
    margin-top: 12rem;
  }
  .\31 366\:mt-7{
    margin-top: 1.75rem;
  }
  .\31 366\:w-4\/12{
    width: 33.333333%;
  }
  .\31 366\:max-w-\[48rem\]{
    max-width: 48rem;
  }
  .\31 366\:gap-x-16{
    -moz-column-gap: 4rem;
         column-gap: 4rem;
  }
  .\31 366\:\!py-12{
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }
  .\31 366\:px-12{
    padding-left: 3rem;
    padding-right: 3rem;
  }
  .\31 366\:px-24{
    padding-left: 6rem;
    padding-right: 6rem;
  }
  .\31 366\:px-80{
    padding-left: 20rem;
    padding-right: 20rem;
  }
  .\31 366\:px-\[6\.7rem\]{
    padding-left: 6.7rem;
    padding-right: 6.7rem;
  }
  .\31 366\:py-10{
    padding-top: 10px;
    padding-bottom: 10px;
  }
  .\31 366\:py-20{
    padding-top: 20px;
    padding-bottom: 20px;
  }
  .\31 366\:py-44{
    padding-top: 11rem;
    padding-bottom: 11rem;
  }
  .\31 366\:py-64{
    padding-top: 16rem;
    padding-bottom: 16rem;
  }
  .\31 366\:py-\[15\.5rem\]{
    padding-top: 15.5rem;
    padding-bottom: 15.5rem;
  }
  .\31 366\:\!pt-96{
    padding-top: 24rem !important;
  }
  .\31 366\:pb-24{
    padding-bottom: 6rem;
  }
  .\31 366\:pb-44{
    padding-bottom: 11rem;
  }
  .\31 366\:pb-64{
    padding-bottom: 16rem;
  }
  .\31 366\:pb-\[28rem\]{
    padding-bottom: 28rem;
  }
  .\31 366\:pb-\[30rem\]{
    padding-bottom: 30rem;
  }
  .\31 366\:pt-40{
    padding-top: 40px;
  }
  .\31 366\:pt-48{
    padding-top: 12rem;
  }
  .\31 366\:pt-88{
    padding-top: 22rem;
  }
  .\31 366\:pt-\[19rem\]{
    padding-top: 19rem;
  }
  .\31 366\:pt-\[24rem\]{
    padding-top: 24rem;
  }
  .\31 366\:pt-\[29rem\]{
    padding-top: 29rem;
  }
  .\31 366\:\!text-16{
    font-size: 1.6rem !important;
  }
  .\31 366\:text-12{
    font-size: 1.2rem;
  }
  .\31 366\:text-16{
    font-size: 1.6rem;
  }
  .\31 366\:text-32{
    font-size: 3.2rem;
  }
  .\31 366\:leading-tight{
    line-height: 1.25;
  }
  .\31 366\:placeholder\:text-16::-moz-placeholder{
    font-size: 1.6rem;
  }
  .\31 366\:placeholder\:text-16::placeholder{
    font-size: 1.6rem;
  }
}
@font-face {
  font-family: "ABC ROM";
  src: url("/cdn/shop/files/ABCROM-Medium.woff2?v=1755210396") format("woff2"), url("/cdn/shop/files/ABCROM-Medium.woff?v=1755210396") format("woff");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "ABC ROM";
  src: url("/cdn/shop/files/ABCROM-MediumItalic.woff2?v=1755210396") format("woff2"), url("/cdn/shop/files/ABCROM-MediumItalic.woff?v=1755210396") format("woff");
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}
.large-heading {
  font-size: 30px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  leading-trim: both;
  text-edge: cap;
}
@media screen and (max-width: 873px) {
  .large-heading {
    font-size: 20px;
  }
}

#sort-and-filters .facets-container {
  padding-top: 0;
  width: 100%;
}
#sort-and-filters .facets-container .facets {
  width: 100%;
}
#sort-and-filters .facets-container .facets * {
  border: none !important;
  box-shadow: none !important;
}
#sort-and-filters .facets__form {
  gap: 0;
  margin: 0;
}
#sort-and-filters .facets__list {
  padding: 0;
  width: -moz-max-content;
  width: max-content;
}
#sort-and-filters .facet-filters__label {
  margin: 0;
  position: relative;
  font-size: 1.4rem;
}
@media screen and (min-width: 1366px) {
  #sort-and-filters .facet-filters__label {
    font-size: 1.6rem;
  }
}
#sort-and-filters .facet-filters__label.open::after {
  transform: rotate(-90deg);
}
#sort-and-filters #filter-toggle {
  margin-left: 10px;
}
@media screen and (max-width: 873px) {
  #sort-and-filters #filter-toggle {
    padding-right: 15px;
  }
}
#sort-and-filters #main-collection-filters {
  justify-content: flex-end;
}
#sort-and-filters #FacetsWrapperDesktop {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100vw;
  background-color: #fff;
  z-index: 30;
  display: grid;
  padding-left: 0;
  padding-right: 0;
  max-height: 0;
  overflow: hidden;
  transition: ease-out 400ms;
  padding-top: 0;
  margin-top: 0;
  align-items: flex-start;
  opacity: 0;
}
#sort-and-filters #FacetsWrapperDesktop.facets__wrapper {
  border: none !important;
  box-shadow: none !important;
}
@media screen and (min-width: 874px) {
  #sort-and-filters #FacetsWrapperDesktop {
    width: auto;
    position: static;
    background-color: unset;
    z-index: 0;
  }
}
#sort-and-filters #FacetsWrapperDesktop #shadow-bg {
  display: block !important;
  transition: ease 400ms;
  pointer-events: none;
  opacity: 0;
}
#sort-and-filters #FacetsWrapperDesktop #shadow-bg.visible {
  pointer-events: all;
  opacity: 1;
}
@media screen and (min-width: 874px) {
  #sort-and-filters #FacetsWrapperDesktop #shadow-bg.visible {
    display: none !important;
  }
}
#sort-and-filters #FacetsWrapperDesktop.visible {
  max-height: 90vh;
  padding-bottom: 0;
  padding-top: 0;
  overflow-y: auto;
  opacity: 1;
}
#sort-and-filters #FacetsWrapperDesktop.visible #shadow-bg {
  pointer-events: all;
  opacity: 1;
}
@media screen and (min-width: 874px) {
  #sort-and-filters #FacetsWrapperDesktop.visible #shadow-bg {
    display: none !important;
  }
  #sort-and-filters #FacetsWrapperDesktop.visible {
    padding-top: 8rem;
    max-height: 60rem;
  }
}
@media screen and (min-width: 1280px) {
  #sort-and-filters #FacetsWrapperDesktop.visible {
    padding-bottom: 3rem;
  }
}
@media screen and (min-width: 1366px) {
  #sort-and-filters #FacetsWrapperDesktop.visible {
    padding-bottom: 1.6rem;
    padding-top: 8.8rem;
  }
}
#sort-and-filters #FacetsWrapperDesktop.visible ~ .facet-filters .facet-filters__field {
  padding-bottom: 5px;
}
@media screen and (min-width: 874px) {
  #sort-and-filters #FacetsWrapperDesktop.visible ~ .facet-filters .facet-filters__field {
    border: none;
  }
}
#sort-and-filters #FacetsWrapperDesktop .facets__disclosure {
  margin-right: 0;
}
@media screen and (min-width: 874px) {
  #sort-and-filters #FacetsWrapperDesktop .facets__disclosure {
    border-bottom: none;
  }
}
@media screen and (max-width: 873px) {
  #sort-and-filters #FacetsWrapperDesktop .facets__disclosure summary {
    padding-top: 2rem;
    padding-bottom: 2rem;
    padding-left: 2rem;
    padding-right: 2rem;
    margin-bottom: 0;
    position: relative;
  }
}
@media screen and (max-width: 873px) and (min-width: 768px) {
  #sort-and-filters #FacetsWrapperDesktop .facets__disclosure summary {
    padding-left: 3rem;
    padding-right: 3rem;
  }
}
@media screen and (max-width: 873px) {
  #sort-and-filters #FacetsWrapperDesktop .facets__disclosure summary::after {
    content: "";
    width: 1.2rem;
    height: 1.2rem;
    display: block;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12.658' height='7.367' viewBox='0 0 12.658 7.367'%3E%3Cpath data-name='Line 29828' transform='translate(0 3.699)' style='fill:none;stroke:%23000' d='M0 0h11.963'/%3E%3Cpath data-name='Path 25952' d='m-18696.926-22264.932 3.33 3.33-3.33 3.33' transform='translate(18705.547 22265.285)' style='fill:none;stroke:%23000'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
    position: absolute;
    top: 50%;
    transform: translateY(-50%) rotate(90deg);
    transition: ease 250ms;
    right: 2rem;
  }
}
@media screen and (max-width: 873px) and (min-width: 768px) {
  #sort-and-filters #FacetsWrapperDesktop .facets__disclosure summary::after {
    right: 3rem;
  }
}
@media screen and (max-width: 873px) {
  #sort-and-filters #FacetsWrapperDesktop .facets__disclosure .facets__display {
    padding-left: 2rem;
    padding-right: 2rem;
    padding-bottom: 0;
    max-height: 0;
    overflow: hidden;
    transition: cubic-bezier(1, 0, 0, 1) 400ms;
  }
}
@media screen and (max-width: 873px) and (min-width: 768px) {
  #sort-and-filters #FacetsWrapperDesktop .facets__disclosure .facets__display {
    padding-left: 3rem;
    padding-right: 3rem;
  }
}
@media screen and (max-width: 873px) {
  #sort-and-filters #FacetsWrapperDesktop .facets__disclosure.is-open .facets__display {
    max-height: calc(70vh - 18rem);
    padding-bottom: 2rem;
  }
  #sort-and-filters #FacetsWrapperDesktop .facets__disclosure.is-open summary::after {
    transform: translateY(-50%) rotate(-90deg);
  }
}
#sort-and-filters #FacetsWrapperDesktop .facets__disclosure .facets__display {
  width: auto;
}
#sort-and-filters #FacetsWrapperDesktop .disclosure-has-popup[open] > summary::before {
  content: none;
}
#sort-and-filters #FacetFiltersForm {
  grid-template-columns: 1fr;
}
#sort-and-filters #FacetFiltersForm .facet-filters {
  grid-column: 1;
  padding-left: 0;
}
#sort-and-filters #FacetFiltersForm .facet-filters.sorting.caption {
  max-height: 5.3rem;
  z-index: 1;
  background-color: #fff;
}
#sort-and-filters #FacetFiltersForm .facet-filters .facet-filters__field {
  transition: ease 250ms;
  border-bottom: 1px solid transparent;
  padding-bottom: 10px;
}
@media screen and (min-width: 1366px) {
  #sort-and-filters #FacetFiltersForm .facet-filters .facet-filters__field {
    padding-bottom: 3.6rem;
  }
}
#sort-and-filters #FacetFiltersForm .facets__display {
  position: static;
  overflow: visible;
}
#sort-and-filters #FacetFiltersForm .facets__disclosure[open] .facets__display,
#sort-and-filters #FacetFiltersForm .facets__disclosure-vertical[open] .facets__display-vertical {
  animation: none;
  border: none;
}
#sort-and-filters .facets__summary span {
  cursor: auto;
}
#sort-and-filters .facets__summary:hover span {
  text-decoration: none;
}
#sort-and-filters .facets__summary {
  margin-bottom: 0;
  padding-bottom: 2.8rem;
  line-height: 1;
}
@media screen and (min-width: 1366px) {
  #sort-and-filters .facets__summary {
    padding-bottom: 3.6rem;
  }
}
#sort-and-filters .facets__item + .facets__item {
  margin-top: 2rem;
}
#sort-and-filters .facet-checkbox {
  padding: 0;
}
#sort-and-filters .facet-checkbox input[type=checkbox]:checked ~ svg:not(.icon-checkmark) > * {
  fill: #000;
}
#sort-and-filters .facet-checkbox > svg {
  margin-right: 2rem;
  width: 1.5rem;
  height: 1.5rem;
}
#sort-and-filters .facet-checkbox > svg:not(.icon-checkmark) > * {
  fill: rgba(0, 0, 0, 0);
  transition: ease 250ms;
}
#sort-and-filters .facet-checkbox > svg.icon.icon-checkmark {
  visibility: hidden;
  display: none;
  opacity: 0;
  width: 0;
  height: 0;
}
@media (hover: hover) {
  #sort-and-filters .facet-checkbox:hover svg:not(.icon-checkmark) > * {
    fill: rgba(0, 0, 0, 0.2);
  }
}
#sort-and-filters .active-facets {
  transition: ease 250ms;
  margin-top: 0;
  grid-row: auto;
}
#sort-and-filters .active-facets.active-facets-desktop {
  margin-top: 0;
}
#sort-and-filters .active-facets.active-facets-desktop .active-facets__button-wrapper *,
#sort-and-filters .active-facets.active-facets-desktop span.active-facets__button-inner {
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: 14px; /* 116.667% */
  letter-spacing: 0.36px;
  leading-trim: both;
  text-edge: cap;
}
#sort-and-filters .active-facets.active-facets-desktop facet-remove {
  margin: 0;
  padding: 0;
  padding-top: 3rem;
}
#sort-and-filters .active-facets.active-facets-desktop facet-remove + facet-remove {
  margin-left: 3rem;
}
#sort-and-filters .active-facets.active-facets-desktop facet-remove:last-child {
  margin-left: auto;
}
#sort-and-filters .active-facets.active-facets-desktop facet-remove a {
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: 14px; /* 116.667% */
  letter-spacing: 0.36px;
  leading-trim: both;
  text-edge: cap;
  margin: 0;
  padding: 0;
}
#sort-and-filters .active-facets.active-facets-desktop facet-remove a span {
  margin: 0;
  padding: 0;
}
#sort-and-filters .active-facets.active-facets-desktop facet-remove .active-facets__button svg {
  margin: 0;
  margin-left: 1rem;
  width: 1.2rem;
  transition: ease 250ms;
}
@media (hover: hover) {
  #sort-and-filters .active-facets.active-facets-desktop facet-remove .active-facets__button:hover svg {
    opacity: 0.3;
  }
}

#clear-all-filters {
  opacity: 0.4;
  padding: 5px 0;
  transition: ease 250ms;
}
#clear-all-filters span {
  font-size: 1.4rem;
}
@media screen and (min-width: 1366px) {
  #clear-all-filters span {
    font-size: 1.6rem;
  }
}
@media (hover: hover) {
  #clear-all-filters:hover {
    opacity: 1;
  }
}

#sort-panel {
  position: fixed;
  background-color: #fff;
  bottom: 0;
  left: 0;
  width: 100vw;
  flex-direction: column;
  align-items: flex-end;
  max-height: 0;
  overflow: hidden;
  transition: ease 400ms;
  z-index: 30;
  border-top: 1px solid transparent;
  opacity: 0;
  margin-bottom: 0;
}
@media screen and (min-width: 874px) {
  #sort-panel {
    position: static;
    background-color: unset;
    z-index: 10;
    width: auto;
  }
}
#sort-panel.visible {
  opacity: 1;
  max-height: 35rem;
}
@media screen and (min-width: 874px) {
  #sort-panel.visible {
    padding-top: 2.8rem;
  }
}
@media screen and (min-width: 1366px) {
  #sort-panel.visible {
    padding-top: 3.6rem;
  }
}
@media screen and (min-width: 874px) {
  #sort-panel.visible + .active-facets {
    margin-top: 2.8rem;
  }
}
@media screen and (min-width: 1366px) {
  #sort-panel.visible + .active-facets {
    padding-top: 3.6rem;
  }
}

.sort-item {
  width: 100%;
}
.sort-item label {
  display: block;
  padding: 2rem;
  width: 100%;
  position: relative;
}
@media screen and (min-width: 768px) {
  .sort-item label {
    padding-left: 3rem;
    padding-right: 3rem;
  }
}
.sort-item label::after {
  content: "";
  color: #000;
  line-height: 1;
  width: 1.8rem;
  height: 1.8rem;
  display: block;
  position: absolute;
  right: 2rem;
  top: 50%;
  transform: translateY(-50%);
}
@media screen and (min-width: 768px) {
  .sort-item label::after {
    right: 3rem;
  }
}
@media screen and (min-width: 874px) {
  .sort-item label::after {
    top: unset;
    right: 0;
  }
}
.sort-item input[type=radio]:checked + label::after {
  left: 0;
  opacity: 1;
}
@media screen and (max-width: 873px) {
  .sort-item input[type=radio]:checked + label::after {
    content: "✓";
    left: unset;
    right: 2rem;
    font-size: 1.6rem;
    vertical-align: middle;
  }
}
@media screen and (max-width: 873px) and (min-width: 768px) {
  .sort-item input[type=radio]:checked + label::after {
    right: 3rem;
  }
}
@media screen and (min-width: 874px) {
  .sort-item {
    position: relative;
    width: -moz-max-content;
    width: max-content;
    border: none;
    overflow: hidden;
    padding: 0;
  }
  .sort-item label {
    display: inline;
    padding: 0;
    width: -moz-max-content;
    width: max-content;
    position: static;
  }
  .sort-item label::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    height: 1.5px;
    width: 100%;
    opacity: 0;
    background-color: currentColor;
    transition: ease 250ms;
  }
}
@media screen and (min-width: 874px) and (hover: hover) {
  .sort-item label:hover::after {
    opacity: 1;
  }
}
@media screen and (min-width: 874px) {
  .sort-item + .sort-item {
    margin-top: 1.6rem;
  }
}

.facet-filters__sort.select__select {
  display: none;
}

#cat-panel {
  position: fixed;
  background-color: #fff;
  bottom: 0;
  left: 0;
  width: 100vw;
  flex-direction: column;
  align-items: flex-end;
  max-height: 0;
  overflow: hidden;
  transition: ease 400ms;
  z-index: 30;
  border-top: 1px solid transparent;
  opacity: 0;
}
@media screen and (min-width: 874px) {
  #cat-panel {
    position: static;
    background-color: unset;
    z-index: 10;
    width: auto;
  }
}
#cat-panel.visible {
  opacity: 1;
  max-height: 55rem;
}
@media screen and (min-width: 874px) {
  #cat-panel.visible {
    padding-top: 2.8rem;
  }
}
@media screen and (min-width: 1366px) {
  #cat-panel.visible {
    padding-top: 3.6rem;
  }
}
@media screen and (min-width: 874px) {
  #cat-panel.visible + .active-facets {
    margin-top: 2.8rem;
  }
}
@media screen and (min-width: 1366px) {
  #cat-panel.visible + .active-facets {
    padding-top: 3.6rem;
  }
}

.cat-item {
  width: 100%;
}
.cat-item a {
  display: block;
  padding: 2rem;
  width: 100%;
  position: relative;
}
@media screen and (min-width: 768px) {
  .cat-item a {
    padding-left: 3rem;
    padding-right: 3rem;
  }
}
.cat-item a::after {
  content: "";
  color: #000;
  font-size: 1.8rem;
  line-height: 1;
  width: 1.8rem;
  height: 1.8rem;
  display: block;
  position: absolute;
  right: 2rem;
  top: 50%;
  transform: translateY(-50%);
}
@media screen and (min-width: 768px) {
  .cat-item a::after {
    right: 3rem;
  }
}
@media screen and (min-width: 874px) {
  .cat-item a::after {
    top: unset;
    right: 0;
  }
}
.cat-item a.active::after {
  left: 0;
  opacity: 1;
}
@media screen and (max-width: 873px) {
  .cat-item a.active::after {
    content: "✓";
    left: unset;
    right: 2rem;
    font-size: 1.6rem;
    vertical-align: middle;
  }
}
@media screen and (max-width: 873px) and (min-width: 768px) {
  .cat-item a.active::after {
    right: 3rem;
  }
}
@media screen and (min-width: 874px) {
  .cat-item {
    position: relative;
    width: -moz-max-content;
    width: max-content;
    border: none;
    overflow: hidden;
    padding: 0;
  }
  .cat-item a {
    display: inline;
    padding: 0;
    width: -moz-max-content;
    width: max-content;
    position: static;
  }
  .cat-item a::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    height: 1px;
    width: 100%;
    opacity: 0;
    background-color: currentColor;
    transition: ease 250ms;
  }
}
@media screen and (min-width: 874px) and (hover: hover) {
  .cat-item a:hover::after {
    opacity: 1;
  }
}
@media screen and (min-width: 874px) {
  .cat-item + .cat-item {
    margin-top: 1.6rem;
  }
}

.facet-filters__cat.select__select {
  display: none;
}

#FacetsWrapperDesktop .active-facets__button {
  padding: 0;
}
@media screen and (min-width: 874px) {
  #FacetsWrapperDesktop .active-facets__button {
    padding: 1.2rem;
  }
}
#FacetsWrapperDesktop span.active-facets__button-inner {
  padding: 5px 0;
}
@media screen and (min-width: 874px) {
  #FacetsWrapperDesktop span.active-facets__button-inner {
    padding-left: 1rem;
    padding-right: 1rem;
    padding-top: 3px;
    padding-bottom: 3px;
  }
}
#FacetsWrapperDesktop .active-facets-mobile {
  padding-right: 7rem;
  margin: 0;
}
@media screen and (min-width: 874px) {
  #FacetsWrapperDesktop .active-facets-mobile {
    padding-right: 0;
  }
}

#FacetFiltersForm facet-remove {
  height: -moz-max-content;
  height: max-content;
  padding-right: 3rem;
}
@media screen and (max-width: 767px) {
  #FacetFiltersForm facet-remove:nth-last-child(2) {
    padding-bottom: 2rem;
  }
}
#FacetFiltersForm facet-remove:last-child {
  position: absolute;
  padding-right: 0;
  right: 2rem;
}
@media screen and (min-width: 768px) {
  #FacetFiltersForm facet-remove:last-child {
    right: 0;
  }
}
#FacetFiltersForm facet-remove:nth-child(1)::after {
  content: "";
  background: rgba(0, 0, 0, 0.05);
  display: block;
  width: 100%;
  height: 1px;
  position: absolute;
  left: 0;
  top: 0;
}
@media screen and (min-width: 768px) {
  #FacetFiltersForm facet-remove {
    margin-top: 3rem;
  }
}

#sort-header ~ div.sort-item:nth-child(4) {
  padding-bottom: 0rem;
}
@media screen and (min-width: 768px) {
  #sort-header ~ div.sort-item:nth-child(4).active {
    padding-bottom: 3rem;
  }
}

#cat-header ~ div.cat-item:nth-child(4) {
  padding-bottom: 0rem;
}
@media screen and (min-width: 768px) {
  #cat-header ~ div.cat-item:nth-child(4).active {
    padding-bottom: 3rem;
  }
}

#cat-toggle {
  display: block;
}
@media screen and (min-width: 874px) {
  #cat-toggle {
    display: none;
  }
}

/**
 * Swiper 8.2.2
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * https://swiperjs.com
 *
 * Copyright 2014-2022 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: June 1, 2022
 */
@font-face {
  font-family: swiper-icons;
  src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA");
  font-weight: 400;
  font-style: normal;
}
:root {
  --swiper-theme-color:#007aff;
}

.swiper {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
  list-style: none;
  padding: 0;
  z-index: 1;
}

.swiper-vertical > .swiper-wrapper {
  flex-direction: column;
}

.swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: flex;
  transition-property: transform;
  box-sizing: content-box;
}

.swiper-android .swiper-slide, .swiper-wrapper {
  transform: translate3d(0px, 0, 0);
}

.swiper-pointer-events {
  touch-action: pan-y;
}

.swiper-pointer-events.swiper-vertical {
  touch-action: pan-x;
}

.swiper-slide {
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
  transition-property: transform;
}

.swiper-slide-invisible-blank {
  visibility: hidden;
}

.swiper-autoheight, .swiper-autoheight .swiper-slide {
  height: auto;
}

.swiper-autoheight .swiper-wrapper {
  align-items: flex-start;
  transition-property: transform, height;
}

.swiper-backface-hidden .swiper-slide {
  transform: translateZ(0);
  backface-visibility: hidden;
}

.swiper-3d, .swiper-3d.swiper-css-mode .swiper-wrapper {
  perspective: 1200px;
}

.swiper-3d .swiper-cube-shadow, .swiper-3d .swiper-slide, .swiper-3d .swiper-slide-shadow, .swiper-3d .swiper-slide-shadow-bottom, .swiper-3d .swiper-slide-shadow-left, .swiper-3d .swiper-slide-shadow-right, .swiper-3d .swiper-slide-shadow-top, .swiper-3d .swiper-wrapper {
  transform-style: preserve-3d;
}

.swiper-3d .swiper-slide-shadow, .swiper-3d .swiper-slide-shadow-bottom, .swiper-3d .swiper-slide-shadow-left, .swiper-3d .swiper-slide-shadow-right, .swiper-3d .swiper-slide-shadow-top {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 10;
}

.swiper-3d .swiper-slide-shadow {
  background: rgba(0, 0, 0, 0.15);
}

.swiper-3d .swiper-slide-shadow-left {
  background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-3d .swiper-slide-shadow-right {
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-3d .swiper-slide-shadow-top {
  background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-3d .swiper-slide-shadow-bottom {
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-css-mode > .swiper-wrapper {
  overflow: auto;
  scrollbar-width: none;
  -ms-overflow-style: none;
}

.swiper-css-mode > .swiper-wrapper::-webkit-scrollbar {
  display: none;
}

.swiper-css-mode > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: start start;
}

.swiper-horizontal.swiper-css-mode > .swiper-wrapper {
  scroll-snap-type: x mandatory;
}

.swiper-vertical.swiper-css-mode > .swiper-wrapper {
  scroll-snap-type: y mandatory;
}

.swiper-centered > .swiper-wrapper::before {
  content: "";
  flex-shrink: 0;
  order: 9999;
}

.swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child {
  margin-inline-start: var(--swiper-centered-offset-before);
}

.swiper-centered.swiper-horizontal > .swiper-wrapper::before {
  height: 100%;
  min-height: 1px;
  width: var(--swiper-centered-offset-after);
}

.swiper-centered.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child {
  margin-block-start: var(--swiper-centered-offset-before);
}

.swiper-centered.swiper-vertical > .swiper-wrapper::before {
  width: 100%;
  min-width: 1px;
  height: var(--swiper-centered-offset-after);
}

.swiper-centered > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: center center;
}

.swiper-virtual .swiper-slide {
  -webkit-backface-visibility: hidden;
  transform: translateZ(0);
}

.swiper-virtual.swiper-css-mode .swiper-wrapper::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none;
}

.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after {
  height: 1px;
  width: var(--swiper-virtual-size);
}

.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after {
  width: 1px;
  height: var(--swiper-virtual-size);
}

:root {
  --swiper-navigation-size:44px;
}

.swiper-button-next, .swiper-button-prev {
  position: absolute;
  top: 50%;
  width: calc(var(--swiper-navigation-size) / 44 * 27);
  height: var(--swiper-navigation-size);
  margin-top: calc(0px - var(--swiper-navigation-size) / 2);
  z-index: 10;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--swiper-navigation-color, var(--swiper-theme-color));
}

.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled {
  opacity: 0.35;
  cursor: auto;
  pointer-events: none;
}

.swiper-button-next.swiper-button-hidden, .swiper-button-prev.swiper-button-hidden {
  opacity: 0;
  cursor: auto;
  pointer-events: none;
}

.swiper-navigation-disabled .swiper-button-next, .swiper-navigation-disabled .swiper-button-prev {
  display: none !important;
}

.swiper-button-next:after, .swiper-button-prev:after {
  font-family: swiper-icons;
  font-size: var(--swiper-navigation-size);
  text-transform: none !important;
  letter-spacing: 0;
  font-variant: initial;
  line-height: 1;
}

.swiper-button-prev, .swiper-rtl .swiper-button-next {
  left: 10px;
  right: auto;
}

.swiper-button-prev:after, .swiper-rtl .swiper-button-next:after {
  content: "prev";
}

.swiper-button-next, .swiper-rtl .swiper-button-prev {
  right: 10px;
  left: auto;
}

.swiper-button-next:after, .swiper-rtl .swiper-button-prev:after {
  content: "next";
}

.swiper-button-lock {
  display: none;
}

.swiper-pagination {
  position: absolute;
  text-align: center;
  transition: 0.3s opacity;
  transform: translate3d(0, 0, 0);
  z-index: 10;
}

.swiper-pagination.swiper-pagination-hidden {
  opacity: 0;
}

.swiper-pagination-disabled > .swiper-pagination, .swiper-pagination.swiper-pagination-disabled {
  display: none !important;
}

.swiper-horizontal > .swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction {
  bottom: 10px;
  left: 0;
  width: 100%;
}

.swiper-pagination-bullets-dynamic {
  overflow: hidden;
  font-size: 0;
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transform: scale(0.33);
  position: relative;
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
  transform: scale(1);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
  transform: scale(1);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
  transform: scale(0.66);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
  transform: scale(0.33);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
  transform: scale(0.66);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
  transform: scale(0.33);
}

.swiper-pagination-bullet {
  width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px));
  height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px));
  display: inline-block;
  border-radius: 50%;
  background: var(--swiper-pagination-bullet-inactive-color, #000);
  opacity: var(--swiper-pagination-bullet-inactive-opacity, 0.2);
}

button.swiper-pagination-bullet {
  border: none;
  margin: 0;
  padding: 0;
  box-shadow: none;
  -webkit-appearance: none;
  -moz-appearance: none;
       appearance: none;
}

.swiper-pagination-clickable .swiper-pagination-bullet {
  cursor: pointer;
}

.swiper-pagination-bullet:only-child {
  display: none !important;
}

.swiper-pagination-bullet-active {
  opacity: var(--swiper-pagination-bullet-opacity, 1);
  background: var(--swiper-pagination-color, var(--swiper-theme-color));
}

.swiper-pagination-vertical.swiper-pagination-bullets, .swiper-vertical > .swiper-pagination-bullets {
  right: 10px;
  top: 50%;
  transform: translate3d(0px, -50%, 0);
}

.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet, .swiper-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {
  margin: var(--swiper-pagination-bullet-vertical-gap, 6px) 0;
  display: block;
}

.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic, .swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  top: 50%;
  transform: translateY(-50%);
  width: 8px;
}

.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet, .swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  display: inline-block;
  transition: 0.2s transform, 0.2s top;
}

.swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 4px);
}

.swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic, .swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  left: 50%;
  transform: translateX(-50%);
  white-space: nowrap;
}

.swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transition: 0.2s transform, 0.2s left;
}

.swiper-horizontal.swiper-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transition: 0.2s transform, 0.2s right;
}

.swiper-pagination-progressbar {
  background: rgba(0, 0, 0, 0.25);
  position: absolute;
}

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  background: var(--swiper-pagination-color, var(--swiper-theme-color));
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  transform: scale(0);
  transform-origin: left top;
}

.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  transform-origin: right top;
}

.swiper-horizontal > .swiper-pagination-progressbar, .swiper-pagination-progressbar.swiper-pagination-horizontal, .swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite, .swiper-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
  width: 100%;
  height: 4px;
  left: 0;
  top: 0;
}

.swiper-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite, .swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite, .swiper-pagination-progressbar.swiper-pagination-vertical, .swiper-vertical > .swiper-pagination-progressbar {
  width: 4px;
  height: 100%;
  left: 0;
  top: 0;
}

.swiper-pagination-lock {
  display: none;
}

.swiper-scrollbar {
  border-radius: 10px;
  position: relative;
  -ms-touch-action: none;
  background: rgba(0, 0, 0, 0.1);
}

.swiper-scrollbar-disabled > .swiper-scrollbar, .swiper-scrollbar.swiper-scrollbar-disabled {
  display: none !important;
}

.swiper-horizontal > .swiper-scrollbar {
  position: absolute;
  left: 1%;
  bottom: 3px;
  z-index: 50;
  height: 5px;
  width: 98%;
}

.swiper-vertical > .swiper-scrollbar {
  position: absolute;
  right: 3px;
  top: 1%;
  z-index: 50;
  width: 5px;
  height: 98%;
}

.swiper-scrollbar-drag {
  height: 100%;
  width: 100%;
  position: relative;
  background: rgba(0, 0, 0, 0.5);
  border-radius: 10px;
  left: 0;
  top: 0;
}

.swiper-scrollbar-cursor-drag {
  cursor: move;
}

.swiper-scrollbar-lock {
  display: none;
}

.swiper-zoom-container {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
}

.swiper-zoom-container > canvas, .swiper-zoom-container > img, .swiper-zoom-container > svg {
  max-width: 100%;
  max-height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}

.swiper-slide-zoomed {
  cursor: move;
}

.swiper-lazy-preloader {
  width: 42px;
  height: 42px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -21px;
  margin-top: -21px;
  z-index: 10;
  transform-origin: 50%;
  box-sizing: border-box;
  border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
  border-radius: 50%;
  border-top-color: transparent;
}

.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader, .swiper:not(.swiper-watch-progress) .swiper-lazy-preloader {
  animation: swiper-preloader-spin 1s infinite linear;
}

.swiper-lazy-preloader-white {
  --swiper-preloader-color:#fff;
}

.swiper-lazy-preloader-black {
  --swiper-preloader-color:#000;
}

@keyframes swiper-preloader-spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.swiper .swiper-notification {
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none;
  opacity: 0;
  z-index: -1000;
}

.swiper-free-mode > .swiper-wrapper {
  transition-timing-function: ease-out;
  margin: 0 auto;
}

.swiper-grid > .swiper-wrapper {
  flex-wrap: wrap;
}

.swiper-grid-column > .swiper-wrapper {
  flex-wrap: wrap;
  flex-direction: column;
}

.swiper-fade.swiper-free-mode .swiper-slide {
  transition-timing-function: ease-out;
}

.swiper-fade .swiper-slide {
  pointer-events: none;
  transition-property: opacity;
}

.swiper-fade .swiper-slide .swiper-slide {
  pointer-events: none;
}

.swiper-fade .swiper-slide-active, .swiper-fade .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}

.swiper-cube {
  overflow: visible;
}

.swiper-cube .swiper-slide {
  pointer-events: none;
  backface-visibility: hidden;
  z-index: 1;
  visibility: hidden;
  transform-origin: 0 0;
  width: 100%;
  height: 100%;
}

.swiper-cube .swiper-slide .swiper-slide {
  pointer-events: none;
}

.swiper-cube.swiper-rtl .swiper-slide {
  transform-origin: 100% 0;
}

.swiper-cube .swiper-slide-active, .swiper-cube .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}

.swiper-cube .swiper-slide-active, .swiper-cube .swiper-slide-next, .swiper-cube .swiper-slide-next + .swiper-slide, .swiper-cube .swiper-slide-prev {
  pointer-events: auto;
  visibility: visible;
}

.swiper-cube .swiper-slide-shadow-bottom, .swiper-cube .swiper-slide-shadow-left, .swiper-cube .swiper-slide-shadow-right, .swiper-cube .swiper-slide-shadow-top {
  z-index: 0;
  backface-visibility: hidden;
}

.swiper-cube .swiper-cube-shadow {
  position: absolute;
  left: 0;
  bottom: 0px;
  width: 100%;
  height: 100%;
  opacity: 0.6;
  z-index: 0;
}

.swiper-cube .swiper-cube-shadow:before {
  content: "";
  background: #000;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  filter: blur(50px);
}

.swiper-flip {
  overflow: visible;
}

.swiper-flip .swiper-slide {
  pointer-events: none;
  backface-visibility: hidden;
  z-index: 1;
}

.swiper-flip .swiper-slide .swiper-slide {
  pointer-events: none;
}

.swiper-flip .swiper-slide-active, .swiper-flip .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}

.swiper-flip .swiper-slide-shadow-bottom, .swiper-flip .swiper-slide-shadow-left, .swiper-flip .swiper-slide-shadow-right, .swiper-flip .swiper-slide-shadow-top {
  z-index: 0;
  backface-visibility: hidden;
}

.swiper-creative .swiper-slide {
  backface-visibility: hidden;
  overflow: hidden;
  transition-property: transform, opacity, height;
}

.swiper-cards {
  overflow: visible;
}

.swiper-cards .swiper-slide {
  transform-origin: center bottom;
  backface-visibility: hidden;
  overflow: hidden;
}

/**
 * Swiper 8.2.2
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * https://swiperjs.com
 *
 * Copyright 2014-2022 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: June 1, 2022
 */
@font-face {
  font-family: swiper-icons;
  src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA");
  font-weight: 400;
  font-style: normal;
}
:root {
  --swiper-theme-color:#007aff;
}

.swiper {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
  list-style: none;
  padding: 0;
  z-index: 1;
}

.swiper-vertical > .swiper-wrapper {
  flex-direction: column;
}

.swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: flex;
  transition-property: transform;
  box-sizing: content-box;
}

.swiper-android .swiper-slide, .swiper-wrapper {
  transform: translate3d(0px, 0, 0);
}

.swiper-pointer-events {
  touch-action: pan-y;
}

.swiper-pointer-events.swiper-vertical {
  touch-action: pan-x;
}

.swiper-slide {
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
  transition-property: transform;
}

.swiper-slide-invisible-blank {
  visibility: hidden;
}

.swiper-autoheight, .swiper-autoheight .swiper-slide {
  height: auto;
}

.swiper-autoheight .swiper-wrapper {
  align-items: flex-start;
  transition-property: transform, height;
}

.swiper-backface-hidden .swiper-slide {
  transform: translateZ(0);
  backface-visibility: hidden;
}

.swiper-3d, .swiper-3d.swiper-css-mode .swiper-wrapper {
  perspective: 1200px;
}

.swiper-3d .swiper-cube-shadow, .swiper-3d .swiper-slide, .swiper-3d .swiper-slide-shadow, .swiper-3d .swiper-slide-shadow-bottom, .swiper-3d .swiper-slide-shadow-left, .swiper-3d .swiper-slide-shadow-right, .swiper-3d .swiper-slide-shadow-top, .swiper-3d .swiper-wrapper {
  transform-style: preserve-3d;
}

.swiper-3d .swiper-slide-shadow, .swiper-3d .swiper-slide-shadow-bottom, .swiper-3d .swiper-slide-shadow-left, .swiper-3d .swiper-slide-shadow-right, .swiper-3d .swiper-slide-shadow-top {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 10;
}

.swiper-3d .swiper-slide-shadow {
  background: rgba(0, 0, 0, 0.15);
}

.swiper-3d .swiper-slide-shadow-left {
  background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-3d .swiper-slide-shadow-right {
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-3d .swiper-slide-shadow-top {
  background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-3d .swiper-slide-shadow-bottom {
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-css-mode > .swiper-wrapper {
  overflow: auto;
  scrollbar-width: none;
  -ms-overflow-style: none;
}

.swiper-css-mode > .swiper-wrapper::-webkit-scrollbar {
  display: none;
}

.swiper-css-mode > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: start start;
}

.swiper-horizontal.swiper-css-mode > .swiper-wrapper {
  scroll-snap-type: x mandatory;
}

.swiper-vertical.swiper-css-mode > .swiper-wrapper {
  scroll-snap-type: y mandatory;
}

.swiper-centered > .swiper-wrapper::before {
  content: "";
  flex-shrink: 0;
  order: 9999;
}

.swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child {
  margin-inline-start: var(--swiper-centered-offset-before);
}

.swiper-centered.swiper-horizontal > .swiper-wrapper::before {
  height: 100%;
  min-height: 1px;
  width: var(--swiper-centered-offset-after);
}

.swiper-centered.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child {
  margin-block-start: var(--swiper-centered-offset-before);
}

.swiper-centered.swiper-vertical > .swiper-wrapper::before {
  width: 100%;
  min-width: 1px;
  height: var(--swiper-centered-offset-after);
}

.swiper-centered > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: center center;
}

/**
 * Accordion v3.3.0
 * Lightweight and accessible accordion module created in pure Javascript
 * https://github.com/michu2k/Accordion
 *
 * Copyright (c) Michał Strumpf
 * Published under MIT License
 */
.ac {
  background-color: #fff;
  box-sizing: border-box;
}

.ac .ac-header {
  margin: 0;
  padding: 0;
}

.ac .ac-trigger {
  text-align: left;
  padding-bottom: 2.5rem;
  padding-top: 1.5rem;
  padding-right: 3.5rem;
  width: 100%;
  display: block;
  cursor: pointer;
  background-color: transparent;
  transition: color 250ms ease;
  position: relative;
  text-decoration: none;
  margin: 0;
  border: 0;
}

.ac .ac-trigger::after {
  content: "";
  width: 1.4rem;
  height: 1.4rem;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12.658' height='7.367' viewBox='0 0 12.658 7.367'%3E%3Cpath data-name='Line 29828' transform='translate(0 3.699)' style='fill:none;stroke:%23000' d='M0 0h11.963'/%3E%3Cpath data-name='Path 25952' d='m-18696.926-22264.932 3.33 3.33-3.33 3.33' transform='translate(18705.547 22265.285)' style='fill:none;stroke:%23000'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  transform: translate(0, -50%) rotate(90deg);
  transition: ease 250ms;
  position: absolute;
  right: 0rem;
  top: 25px;
}

.ac:first-of-type {
  margin-top: 0;
}
.ac:first-of-type .ac-trigger {
  padding-top: 2.5rem;
}
@media screen and (min-width: 1366px) {
  .ac:first-of-type .ac-trigger {
    padding-top: 2.2rem;
  }
}
.ac:first-of-type .ac-trigger::after {
  top: 3.5rem;
}

.ac .ac-panel {
  overflow: hidden;
  transition-property: height, visibility;
  transition-timing-function: ease;
  line-height: 1.5;
}
.ac .ac-panel *:last-child:not(a) {
  padding-bottom: 5rem;
}

.ac .ac-panel .ac-text {
  font: 15px/24px Arial, sans-serif;
  color: #111;
  padding: 10px;
  margin: 0;
}

.ac.js-enabled .ac-panel {
  visibility: hidden;
}

.ac.is-active .ac-panel {
  visibility: visible;
}

.ac.is-active > .ac-header .ac-trigger::after {
  transform: translate(0, -50%) rotate(-90deg);
}

@keyframes plyr-progress {
  to {
    background-position: 25px 0;
    background-position: var(--plyr-progress-loading-size, 25px) 0;
  }
}
@keyframes plyr-popup {
  0% {
    opacity: 0.5;
    transform: translateY(10px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes plyr-fade-in {
  0% {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
:root {
  --plyr-color-main: #fff;
  --plyr-control-icon-size: 12px;
}

.plyr {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  align-items: center;
  direction: ltr;
  display: flex;
  flex-direction: column;
  font-family: inherit;
  font-family: var(--plyr-font-family, inherit);
  font-variant-numeric: tabular-nums;
  font-weight: 400;
  font-weight: var(--plyr-font-weight-regular, 400);
  line-height: 1.7;
  line-height: var(--plyr-line-height, 1.7);
  max-width: 100%;
  min-width: 200px;
  position: relative;
  text-shadow: none;
  transition: box-shadow 0.3s ease;
  z-index: 0;
}

.plyr audio,
.plyr iframe,
.plyr video {
  display: block;
  height: 100%;
  width: 100%;
}

.plyr button {
  font: inherit;
  line-height: inherit;
  width: auto;
}

.plyr:focus {
  outline: 0;
}

.plyr--full-ui {
  box-sizing: border-box;
}

.plyr--full-ui *,
.plyr--full-ui :after,
.plyr--full-ui :before {
  box-sizing: inherit;
}

.plyr--full-ui a,
.plyr--full-ui button,
.plyr--full-ui input,
.plyr--full-ui label {
  touch-action: manipulation;
}

.plyr__badge {
  background: #4a5464;
  background: var(--plyr-badge-background, #4a5464);
  border-radius: 2px;
  border-radius: var(--plyr-badge-border-radius, 2px);
  color: #fff;
  color: var(--plyr-badge-text-color, #fff);
  font-size: 9px;
  font-size: var(--plyr-font-size-badge, 9px);
  line-height: 1;
  padding: 3px 4px;
}

.plyr--full-ui ::-webkit-media-text-track-container {
  display: none;
}

.plyr__captions {
  animation: plyr-fade-in 0.3s ease;
  bottom: 0;
  display: none;
  font-size: 12px;
  font-size: var(--plyr-font-size-small, 12px);
  left: 0;
  padding: 10px;
  padding: var(--plyr-control-spacing, 10px);
  position: absolute;
  text-align: center;
  transition: transform 0.4s ease-in-out;
  width: 100%;
}

.plyr__captions span:empty {
  display: none;
}

@media (min-width: 480px) {
  .plyr__captions {
    font-size: 15px;
    font-size: var(--plyr-font-size-base, 15px);
    padding: 20px;
    padding: calc(var(--plyr-control-spacing, 10px) * 2);
  }
}
@media (min-width: 768px) {
  .plyr__captions {
    font-size: 18px;
    font-size: var(--plyr-font-size-large, 18px);
  }
}
.plyr--captions-active .plyr__captions {
  display: block;
}

.plyr:not(.plyr--hide-controls) .plyr__controls:not(:empty) ~ .plyr__captions {
  transform: translateY(-40px);
  transform: translateY(calc(var(--plyr-control-spacing, 10px) * -4));
}

.plyr__caption {
  background: rgba(0, 0, 0, 0.8);
  background: var(--plyr-captions-background, rgba(0, 0, 0, 0.8));
  border-radius: 2px;
  -webkit-box-decoration-break: clone;
  box-decoration-break: clone;
  color: #fff;
  color: var(--plyr-captions-text-color, #fff);
  line-height: 185%;
  padding: 0.2em 0.5em;
  white-space: pre-wrap;
}

.plyr__caption div {
  display: inline;
}

.plyr__control {
  background: 0 0;
  border: 0;
  border-radius: 3px;
  border-radius: var(--plyr-control-radius, 3px);
  color: inherit;
  cursor: pointer;
  flex-shrink: 0;
  overflow: visible;
  padding: 7px;
  padding: calc(var(--plyr-control-spacing, 10px) * 0.7);
  position: relative;
  transition: all 0.3s ease;
  background-color: transparent !important;
}

.plyr__control svg {
  fill: currentColor;
  display: block;
  height: 18px;
  height: var(--plyr-control-icon-size, 18px);
  pointer-events: none;
  width: 18px;
  width: var(--plyr-control-icon-size, 18px);
}

.plyr__control:focus {
  outline: 0;
}

.plyr__control.plyr__tab-focus {
  outline: 3px dotted #00b2ff;
  outline: var(--plyr-tab-focus-color, var(--plyr-color-main, var(--plyr-color-main, #00b2ff))) dotted 3px;
  outline-offset: 2px;
}

a.plyr__control {
  text-decoration: none;
}

.plyr__control.plyr__control--pressed .icon--not-pressed,
.plyr__control.plyr__control--pressed .label--not-pressed,
.plyr__control:not(.plyr__control--pressed) .icon--pressed,
.plyr__control:not(.plyr__control--pressed) .label--pressed,
a.plyr__control:after,
a.plyr__control:before {
  display: none;
}

.plyr--full-ui ::-webkit-media-controls {
  display: none;
}

.plyr__controls {
  align-items: center;
  display: flex;
  justify-content: flex-end;
  text-align: center;
}

.plyr__controls .plyr__progress__container {
  flex: 1;
  min-width: 0;
}

.plyr__controls .plyr__controls__item {
  margin-left: 2.5px;
  margin-left: calc(var(--plyr-control-spacing, 10px) / 4);
}

.plyr__controls .plyr__controls__item:first-child {
  margin-left: 0;
  margin-right: auto;
}

.plyr__controls .plyr__controls__item.plyr__progress__container {
  padding-left: 2.5px;
  padding-left: calc(var(--plyr-control-spacing, 10px) / 4);
}

.plyr__controls .plyr__controls__item.plyr__time {
  padding: 0 5px;
  padding: 0 calc(var(--plyr-control-spacing, 10px) / 2);
}

.plyr__controls .plyr__controls__item.plyr__progress__container:first-child,
.plyr__controls .plyr__controls__item.plyr__time + .plyr__time,
.plyr__controls .plyr__controls__item.plyr__time:first-child {
  padding-left: 0;
}

.plyr [data-plyr=airplay],
.plyr [data-plyr=captions],
.plyr [data-plyr=fullscreen],
.plyr [data-plyr=pip],
.plyr__controls:empty {
  display: none;
}

.plyr--airplay-supported [data-plyr=airplay],
.plyr--captions-enabled [data-plyr=captions],
.plyr--fullscreen-enabled [data-plyr=fullscreen],
.plyr--pip-supported [data-plyr=pip] {
  display: inline-block;
}

.plyr__menu {
  display: flex;
  position: relative;
}

.plyr__menu .plyr__control svg {
  transition: transform 0.3s ease;
}

.plyr__menu .plyr__control[aria-expanded=true] svg {
  transform: rotate(90deg);
}

.plyr__menu .plyr__control[aria-expanded=true] .plyr__tooltip {
  display: none;
}

.plyr__menu__container {
  animation: plyr-popup 0.2s ease;
  background: hsla(0, 0%, 100%, 0.9);
  background: var(--plyr-menu-background, hsla(0, 0%, 100%, 0.9));
  border-radius: 4px;
  bottom: 100%;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
  box-shadow: var(--plyr-menu-shadow, 0 1px 2px rgba(0, 0, 0, 0.15));
  color: #4a5464;
  color: var(--plyr-menu-color, #4a5464);
  font-size: 15px;
  font-size: var(--plyr-font-size-base, 15px);
  margin-bottom: 10px;
  position: absolute;
  right: -3px;
  text-align: left;
  white-space: nowrap;
  z-index: 3;
}

.plyr__menu__container > div {
  overflow: hidden;
  transition: height 0.35s cubic-bezier(0.4, 0, 0.2, 1), width 0.35s cubic-bezier(0.4, 0, 0.2, 1);
}

.plyr__menu__container:after {
  border: 4px solid transparent;
  border-top-color: hsla(0, 0%, 100%, 0.9);
  border: var(--plyr-menu-arrow-size, 4px) solid transparent;
  border-top-color: var(--plyr-menu-background, hsla(0, 0%, 100%, 0.9));
  content: "";
  height: 0;
  position: absolute;
  right: 14px;
  right: calc(var(--plyr-control-icon-size, 18px) / 2 + var(--plyr-control-spacing, 10px) * 0.7 - var(--plyr-menu-arrow-size, 4px) / 2);
  top: 100%;
  width: 0;
}

.plyr__menu__container [role=menu] {
  padding: 7px;
  padding: calc(var(--plyr-control-spacing, 10px) * 0.7);
}

.plyr__menu__container [role=menuitem],
.plyr__menu__container [role=menuitemradio] {
  margin-top: 2px;
}

.plyr__menu__container [role=menuitem]:first-child,
.plyr__menu__container [role=menuitemradio]:first-child {
  margin-top: 0;
}

.plyr__menu__container .plyr__control {
  align-items: center;
  color: #4a5464;
  color: var(--plyr-menu-color, #4a5464);
  display: flex;
  font-size: 13px;
  font-size: var(--plyr-font-size-menu, var(--plyr-font-size-small, 13px));
  padding: 4.66667px 10.5px;
  padding: calc(var(--plyr-control-spacing, 10px) * 0.7 / 1.5) calc(var(--plyr-control-spacing, 10px) * 0.7 * 1.5);
  -webkit-user-select: none;
  -moz-user-select: none;
       user-select: none;
  width: 100%;
}

.plyr__menu__container .plyr__control > span {
  align-items: inherit;
  display: flex;
  width: 100%;
}

.plyr__menu__container .plyr__control:after {
  border: 4px solid transparent;
  border: var(--plyr-menu-item-arrow-size, 4px) solid transparent;
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}

.plyr__menu__container .plyr__control--forward {
  padding-right: 28px;
  padding-right: calc(var(--plyr-control-spacing, 10px) * 0.7 * 4);
}

.plyr__menu__container .plyr__control--forward:after {
  border-left-color: #728197;
  border-left-color: var(--plyr-menu-arrow-color, #728197);
  right: 6.5px;
  right: calc(var(--plyr-control-spacing, 10px) * 0.7 * 1.5 - var(--plyr-menu-item-arrow-size, 4px));
}

.plyr__menu__container .plyr__control--forward.plyr__tab-focus:after,
.plyr__menu__container .plyr__control--forward:hover:after {
  border-left-color: currentColor;
}

.plyr__menu__container .plyr__control--back {
  font-weight: 400;
  font-weight: var(--plyr-font-weight-regular, 400);
  margin: 7px;
  margin: calc(var(--plyr-control-spacing, 10px) * 0.7);
  margin-bottom: 3.5px;
  margin-bottom: calc(var(--plyr-control-spacing, 10px) * 0.7 / 2);
  padding-left: 28px;
  padding-left: calc(var(--plyr-control-spacing, 10px) * 0.7 * 4);
  position: relative;
  width: calc(100% - 14px);
  width: calc(100% - var(--plyr-control-spacing, 10px) * 0.7 * 2);
}

.plyr__menu__container .plyr__control--back:after {
  border-right-color: #728197;
  border-right-color: var(--plyr-menu-arrow-color, #728197);
  left: 6.5px;
  left: calc(var(--plyr-control-spacing, 10px) * 0.7 * 1.5 - var(--plyr-menu-item-arrow-size, 4px));
}

.plyr__menu__container .plyr__control--back:before {
  background: #dcdfe5;
  background: var(--plyr-menu-back-border-color, #dcdfe5);
  box-shadow: 0 1px 0 #fff;
  box-shadow: 0 1px 0 var(--plyr-menu-back-border-shadow-color, #fff);
  content: "";
  height: 1px;
  left: 0;
  margin-top: 3.5px;
  margin-top: calc(var(--plyr-control-spacing, 10px) * 0.7 / 2);
  overflow: hidden;
  position: absolute;
  right: 0;
  top: 100%;
}

.plyr__menu__container .plyr__control--back.plyr__tab-focus:after,
.plyr__menu__container .plyr__control--back:hover:after {
  border-right-color: currentColor;
}

.plyr__menu__container .plyr__control[role=menuitemradio] {
  padding-left: 7px;
  padding-left: calc(var(--plyr-control-spacing, 10px) * 0.7);
}

.plyr__menu__container .plyr__control[role=menuitemradio]:after,
.plyr__menu__container .plyr__control[role=menuitemradio]:before {
  border-radius: 100%;
}

.plyr__menu__container .plyr__control[role=menuitemradio]:before {
  background: rgba(0, 0, 0, 0.1);
  content: "";
  display: block;
  flex-shrink: 0;
  height: 16px;
  margin-right: 10px;
  margin-right: var(--plyr-control-spacing, 10px);
  transition: all 0.3s ease;
  width: 16px;
}

.plyr__menu__container .plyr__control[role=menuitemradio]:after {
  background: #fff;
  border: 0;
  height: 6px;
  left: 12px;
  opacity: 0;
  top: 50%;
  transform: translateY(-50%) scale(0);
  transition: transform 0.3s ease, opacity 0.3s ease;
  width: 6px;
}

.plyr__menu__container .plyr__control[role=menuitemradio][aria-checked=true]:before {
  background: #00b2ff;
  background: var(--plyr-control-toggle-checked-background, var(--plyr-color-main, var(--plyr-color-main, #00b2ff)));
}

.plyr__menu__container .plyr__control[role=menuitemradio][aria-checked=true]:after {
  opacity: 1;
  transform: translateY(-50%) scale(1);
}

.plyr__menu__container .plyr__control[role=menuitemradio].plyr__tab-focus:before,
.plyr__menu__container .plyr__control[role=menuitemradio]:hover:before {
  background: rgba(35, 40, 47, 0.1);
}

.plyr__menu__container .plyr__menu__value {
  align-items: center;
  display: flex;
  margin-left: auto;
  margin-right: calc(var(--plyr-control-spacing, 10px) * 0.7 * -1 + 2);
  overflow: hidden;
  padding-left: 24.5px;
  padding-left: calc(var(--plyr-control-spacing, 10px) * 0.7 * 3.5);
  pointer-events: none;
}

.plyr--full-ui input[type=range] {
  -webkit-appearance: none;
  -moz-appearance: none;
       appearance: none;
  background: 0 0;
  border: 0;
  border-radius: 26px;
  border-radius: calc(var(--plyr-range-thumb-height, 13px) * 2);
  color: #00b2ff;
  color: var(--plyr-range-fill-background, var(--plyr-color-main, var(--plyr-color-main, #00b2ff)));
  display: block;
  height: 19px;
  height: calc(var(--plyr-range-thumb-active-shadow-width, 3px) * 2 + var(--plyr-range-thumb-height, 13px));
  margin: 0;
  min-width: 0;
  padding: 0;
  transition: box-shadow 0.3s ease;
  width: 100%;
}

.plyr--full-ui input[type=range]::-webkit-slider-runnable-track {
  background: 0 0;
  background-image: linear-gradient(90deg, currentColor 0, transparent 0);
  background-image: linear-gradient(to right, currentColor var(--value, 0), transparent var(--value, 0));
  border: 0;
  border-radius: 0px;
  border-radius: calc(var(--plyr-range-track-height, 5px) / 2);
  height: 2px;
  height: var(--plyr-range-track-height, 2px);
  -webkit-transition: box-shadow 0.3s ease;
  transition: box-shadow 0.3s ease;
  -webkit-user-select: none;
  user-select: none;
}

.plyr--full-ui input[type=range]::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  background: #fff;
  background: var(--plyr-range-thumb-background, #fff);
  border: 0;
  border-radius: 100%;
  box-shadow: 0 1px 1px rgba(35, 40, 47, 0.15), 0 0 0 1px rgba(35, 40, 47, 0.2);
  box-shadow: var(--plyr-range-thumb-shadow, 0 1px 1px rgba(35, 40, 47, 0.15), 0 0 0 1px rgba(35, 40, 47, 0.2));
  height: var(--plyr-range-thumb-height, 13px);
  height: 0px;
  margin-top: -4px;
  margin-top: calc((var(--plyr-range-thumb-height, 13px) - var(--plyr-range-track-height, 5px)) / 2 * -1);
  position: relative;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
  width: 13px;
  width: var(--plyr-range-thumb-height, 13px);
}

.plyr--full-ui input[type=range]::-moz-range-track {
  background: 0 0;
  border: 0;
  border-radius: 2.5px;
  border-radius: calc(var(--plyr-range-track-height, 5px) / 2);
  height: 5px;
  height: var(--plyr-range-track-height, 5px);
  -moz-transition: box-shadow 0.3s ease;
  transition: box-shadow 0.3s ease;
  -moz-user-select: none;
       user-select: none;
}

.plyr--full-ui input[type=range]::-moz-range-thumb {
  background: #fff;
  background: var(--plyr-range-thumb-background, #fff);
  border: 0;
  border-radius: 100%;
  box-shadow: 0 1px 1px rgba(35, 40, 47, 0.15), 0 0 0 1px rgba(35, 40, 47, 0.2);
  box-shadow: var(--plyr-range-thumb-shadow, 0 1px 1px rgba(35, 40, 47, 0.15), 0 0 0 1px rgba(35, 40, 47, 0.2));
  height: 13px;
  height: var(--plyr-range-thumb-height, 13px);
  position: relative;
  -moz-transition: all 0.2s ease;
  transition: all 0.2s ease;
  width: 13px;
  width: var(--plyr-range-thumb-height, 13px);
}

.plyr--full-ui input[type=range]::-moz-range-progress {
  background: currentColor;
  border-radius: 2.5px;
  border-radius: calc(var(--plyr-range-track-height, 5px) / 2);
  height: 5px;
  height: var(--plyr-range-track-height, 5px);
}

.plyr--full-ui input[type=range]::-ms-track {
  color: transparent;
}

.plyr--full-ui input[type=range]::-ms-fill-upper,
.plyr--full-ui input[type=range]::-ms-track {
  background: 0 0;
  border: 0;
  border-radius: 2.5px;
  border-radius: calc(var(--plyr-range-track-height, 5px) / 2);
  height: 5px;
  height: var(--plyr-range-track-height, 5px);
  -ms-transition: box-shadow 0.3s ease;
  transition: box-shadow 0.3s ease;
  user-select: none;
}

.plyr--full-ui input[type=range]::-ms-fill-lower {
  background: 0 0;
  background: currentColor;
  border: 0;
  border-radius: 2.5px;
  border-radius: calc(var(--plyr-range-track-height, 5px) / 2);
  height: 5px;
  height: var(--plyr-range-track-height, 5px);
  -ms-transition: box-shadow 0.3s ease;
  transition: box-shadow 0.3s ease;
  user-select: none;
}

.plyr--full-ui input[type=range]::-ms-thumb {
  background: #fff;
  background: var(--plyr-range-thumb-background, #fff);
  border: 0;
  border-radius: 100%;
  box-shadow: 0 1px 1px rgba(35, 40, 47, 0.15), 0 0 0 1px rgba(35, 40, 47, 0.2);
  box-shadow: var(--plyr-range-thumb-shadow, 0 1px 1px rgba(35, 40, 47, 0.15), 0 0 0 1px rgba(35, 40, 47, 0.2));
  height: 13px;
  height: var(--plyr-range-thumb-height, 13px);
  margin-top: 0;
  position: relative;
  -ms-transition: all 0.2s ease;
  transition: all 0.2s ease;
  width: 13px;
  width: var(--plyr-range-thumb-height, 13px);
}

.plyr--full-ui input[type=range]::-ms-tooltip {
  display: none;
}

.plyr--full-ui input[type=range]::-moz-focus-outer {
  border: 0;
}

.plyr--full-ui input[type=range]:focus {
  outline: 0;
}

.plyr--full-ui input[type=range].plyr__tab-focus::-webkit-slider-runnable-track {
  outline: 3px dotted #00b2ff;
  outline: var(--plyr-tab-focus-color, var(--plyr-color-main, var(--plyr-color-main, #00b2ff))) dotted 3px;
  outline-offset: 2px;
}

.plyr--full-ui input[type=range].plyr__tab-focus::-moz-range-track {
  outline: 3px dotted #00b2ff;
  outline: var(--plyr-tab-focus-color, var(--plyr-color-main, var(--plyr-color-main, #00b2ff))) dotted 3px;
  outline-offset: 2px;
}

.plyr--full-ui input[type=range].plyr__tab-focus::-ms-track {
  outline: 3px dotted #00b2ff;
  outline: var(--plyr-tab-focus-color, var(--plyr-color-main, var(--plyr-color-main, #00b2ff))) dotted 3px;
  outline-offset: 2px;
}

.plyr__poster {
  background-color: #000;
  background-color: var(--plyr-video-background, var(--plyr-video-background, #000));
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: contain;
  height: 100%;
  left: 0;
  opacity: 0;
  position: absolute;
  top: 0;
  transition: opacity 0.2s ease;
  width: 100%;
  z-index: 1;
}

.plyr--stopped.plyr__poster-enabled .plyr__poster {
  opacity: 1;
}

.plyr--youtube.plyr--paused.plyr__poster-enabled:not(.plyr--stopped) .plyr__poster {
  display: none;
}

.plyr__time {
  font-size: 13px;
  font-size: var(--plyr-font-size-time, var(--plyr-font-size-small, 13px));
}

.plyr__time + .plyr__time:before {
  content: "⁄";
  margin-right: 10px;
  margin-right: var(--plyr-control-spacing, 10px);
}

@media (max-width: 767px) {
  .plyr__time + .plyr__time {
    display: none;
  }
}
.plyr__tooltip {
  background: hsla(0, 0%, 100%, 0.9);
  background: var(--plyr-tooltip-background, hsla(0, 0%, 100%, 0.9));
  border-radius: 5px;
  border-radius: var(--plyr-tooltip-radius, 5px);
  bottom: 100%;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
  box-shadow: var(--plyr-tooltip-shadow, 0 1px 2px rgba(0, 0, 0, 0.15));
  color: #4a5464;
  color: var(--plyr-tooltip-color, #4a5464);
  font-size: 13px;
  font-size: var(--plyr-font-size-small, 13px);
  font-weight: 400;
  font-weight: var(--plyr-font-weight-regular, 400);
  left: 50%;
  line-height: 1.3;
  margin-bottom: 10px;
  margin-bottom: calc(var(--plyr-control-spacing, 10px) / 2 * 2);
  opacity: 0;
  padding: 5px 7.5px;
  padding: calc(var(--plyr-control-spacing, 10px) / 2) calc(var(--plyr-control-spacing, 10px) / 2 * 1.5);
  pointer-events: none;
  position: absolute;
  transform: translate(-50%, 10px) scale(0.8);
  transform-origin: 50% 100%;
  transition: transform 0.2s ease 0.1s, opacity 0.2s ease 0.1s;
  white-space: nowrap;
  z-index: 2;
}

.plyr__tooltip:before {
  border-left: 4px solid transparent;
  border-left: var(--plyr-tooltip-arrow-size, 4px) solid transparent;
  border-right: 4px solid transparent;
  border-right: var(--plyr-tooltip-arrow-size, 4px) solid transparent;
  border-top: 4px solid hsla(0, 0%, 100%, 0.9);
  border-top: var(--plyr-tooltip-arrow-size, 4px) solid var(--plyr-tooltip-background, hsla(0, 0%, 100%, 0.9));
  bottom: -4px;
  bottom: calc(var(--plyr-tooltip-arrow-size, 4px) * -1);
  content: "";
  height: 0;
  left: 50%;
  position: absolute;
  transform: translateX(-50%);
  width: 0;
  z-index: 2;
}

.plyr .plyr__control.plyr__tab-focus .plyr__tooltip,
.plyr .plyr__control:hover .plyr__tooltip,
.plyr__tooltip--visible {
  opacity: 1;
  transform: translate(-50%) scale(1);
}

.plyr .plyr__control:hover .plyr__tooltip {
  z-index: 3;
}

.plyr__controls > .plyr__control:first-child .plyr__tooltip,
.plyr__controls > .plyr__control:first-child + .plyr__control .plyr__tooltip {
  left: 0;
  transform: translateY(10px) scale(0.8);
  transform-origin: 0 100%;
}

.plyr__controls > .plyr__control:first-child .plyr__tooltip:before,
.plyr__controls > .plyr__control:first-child + .plyr__control .plyr__tooltip:before {
  left: 16px;
  left: calc(var(--plyr-control-icon-size, 18px) / 2 + var(--plyr-control-spacing, 10px) * 0.7);
}

.plyr__controls > .plyr__control:last-child .plyr__tooltip {
  left: auto;
  right: 0;
  transform: translateY(10px) scale(0.8);
  transform-origin: 100% 100%;
}

.plyr__controls > .plyr__control:last-child .plyr__tooltip:before {
  left: auto;
  right: 16px;
  right: calc(var(--plyr-control-icon-size, 18px) / 2 + var(--plyr-control-spacing, 10px) * 0.7);
  transform: translateX(50%);
}

.plyr__controls > .plyr__control:first-child .plyr__tooltip--visible,
.plyr__controls > .plyr__control:first-child + .plyr__control .plyr__tooltip--visible,
.plyr__controls > .plyr__control:first-child + .plyr__control.plyr__tab-focus .plyr__tooltip,
.plyr__controls > .plyr__control:first-child + .plyr__control:hover .plyr__tooltip,
.plyr__controls > .plyr__control:first-child.plyr__tab-focus .plyr__tooltip,
.plyr__controls > .plyr__control:first-child:hover .plyr__tooltip,
.plyr__controls > .plyr__control:last-child .plyr__tooltip--visible,
.plyr__controls > .plyr__control:last-child.plyr__tab-focus .plyr__tooltip,
.plyr__controls > .plyr__control:last-child:hover .plyr__tooltip {
  transform: translate(0) scale(1);
}

.plyr__progress {
  left: 6.5px;
  left: calc(var(--plyr-range-thumb-height, 13px) * 0.5);
  margin-right: 13px;
  margin-right: var(--plyr-range-thumb-height, 13px);
  position: relative;
}

.plyr__progress input[type=range],
.plyr__progress__buffer {
  margin-left: -6.5px;
  margin-left: calc(var(--plyr-range-thumb-height, 13px) * -0.5);
  margin-right: -6.5px;
  margin-right: calc(var(--plyr-range-thumb-height, 13px) * -0.5);
  width: calc(100% + 13px);
  width: calc(100% + var(--plyr-range-thumb-height, 13px));
}

.plyr__progress input[type=range] {
  position: relative;
  z-index: 2;
}

.plyr__progress .plyr__tooltip {
  left: 0;
  max-width: 120px;
  overflow-wrap: break-word;
  white-space: normal;
}

.plyr__progress__buffer {
  -webkit-appearance: none;
  background: 0 0;
  border: 0;
  border-radius: 100px;
  height: 2px;
  height: var(--plyr-range-track-height, 2px);
  left: 0;
  margin-top: -2.5px;
  margin-top: calc(var(--plyr-range-track-height, 2px) / 2 * -1);
  padding: 0;
  position: absolute;
  top: 50%;
}

.plyr__progress__buffer::-webkit-progress-bar {
  background: 0 0;
}

.plyr__progress__buffer::-webkit-progress-value {
  background: currentColor;
  border-radius: 100px;
  min-width: 5px;
  min-width: var(--plyr-range-track-height, 5px);
  -webkit-transition: width 0.2s ease;
  transition: width 0.2s ease;
}

.plyr__progress__buffer::-moz-progress-bar {
  background: currentColor;
  border-radius: 100px;
  min-width: 5px;
  min-width: var(--plyr-range-track-height, 5px);
  -moz-transition: width 0.2s ease;
  transition: width 0.2s ease;
}

.plyr__progress__buffer::-ms-fill {
  border-radius: 100px;
  -ms-transition: width 0.2s ease;
  transition: width 0.2s ease;
}

.plyr--loading .plyr__progress__buffer {
  animation: plyr-progress 1s linear infinite;
  background-image: linear-gradient(-45deg, rgba(35, 40, 47, 0.6) 25%, transparent 0, transparent 50%, rgba(35, 40, 47, 0.6) 0, rgba(35, 40, 47, 0.6) 75%, transparent 0, transparent);
  background-image: linear-gradient(-45deg, var(--plyr-progress-loading-background, rgba(35, 40, 47, 0.6)) 25%, transparent 25%, transparent 50%, var(--plyr-progress-loading-background, rgba(35, 40, 47, 0.6)) 50%, var(--plyr-progress-loading-background, rgba(35, 40, 47, 0.6)) 75%, transparent 75%, transparent);
  background-repeat: repeat-x;
  background-size: 25px 25px;
  background-size: var(--plyr-progress-loading-size, 25px) var(--plyr-progress-loading-size, 25px);
  color: transparent;
}

.plyr--video.plyr--loading .plyr__progress__buffer {
  background-color: hsla(0, 0%, 100%, 0.25);
  background-color: var(--plyr-video-progress-buffered-background, hsla(0, 0%, 100%, 0.25));
}

.plyr--audio.plyr--loading .plyr__progress__buffer {
  background-color: rgba(193, 200, 209, 0.6);
  background-color: var(--plyr-audio-progress-buffered-background, rgba(193, 200, 209, 0.6));
}

.plyr__progress__marker {
  background-color: #fff;
  background-color: var(--plyr-progress-marker-background, #fff);
  border-radius: 1px;
  height: 5px;
  height: var(--plyr-range-track-height, 5px);
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 3px;
  width: var(--plyr-progress-marker-width, 3px);
  z-index: 3;
}

.plyr__volume {
  align-items: center;
  display: flex;
  max-width: 110px;
  min-width: 80px;
  position: relative;
  width: 20%;
}

.plyr__volume input[type=range] {
  margin-left: 5px;
  margin-left: calc(var(--plyr-control-spacing, 10px) / 2);
  margin-right: 5px;
  margin-right: calc(var(--plyr-control-spacing, 10px) / 2);
  position: relative;
  z-index: 2;
}

.plyr--is-ios .plyr__volume {
  min-width: 0;
  width: auto;
}

.plyr--audio {
  display: block;
}

.plyr--audio .plyr__controls {
  background: #fff;
  background: var(--plyr-audio-controls-background, #fff);
  border-radius: inherit;
  color: #4a5464;
  color: var(--plyr-audio-control-color, #4a5464);
  padding: 10px;
  padding: var(--plyr-control-spacing, 10px);
}

.plyr--audio .plyr__control.plyr__tab-focus,
.plyr--audio .plyr__control:hover,
.plyr--audio .plyr__control[aria-expanded=true] {
  background: #00b2ff;
  background: var(--plyr-audio-control-background-hover, var(--plyr-color-main, var(--plyr-color-main, #00b2ff)));
  color: #fff;
  color: var(--plyr-audio-control-color-hover, #fff);
}

.plyr--full-ui.plyr--audio input[type=range]::-webkit-slider-runnable-track {
  background-color: rgba(193, 200, 209, 0.6);
  background-color: var(--plyr-audio-range-track-background, var(--plyr-audio-progress-buffered-background, rgba(193, 200, 209, 0.6)));
}

.plyr--full-ui.plyr--audio input[type=range]::-moz-range-track {
  background-color: rgba(193, 200, 209, 0.6);
  background-color: var(--plyr-audio-range-track-background, var(--plyr-audio-progress-buffered-background, rgba(193, 200, 209, 0.6)));
}

.plyr--full-ui.plyr--audio input[type=range]::-ms-track {
  background-color: rgba(193, 200, 209, 0.6);
  background-color: var(--plyr-audio-range-track-background, var(--plyr-audio-progress-buffered-background, rgba(193, 200, 209, 0.6)));
}

.plyr--full-ui.plyr--audio input[type=range]:active::-webkit-slider-thumb {
  box-shadow: 0 1px 1px rgba(35, 40, 47, 0.15), 0 0 0 1px rgba(35, 40, 47, 0.2), 0 0 0 3px rgba(35, 40, 47, 0.1);
  box-shadow: var(--plyr-range-thumb-shadow, 0 1px 1px rgba(35, 40, 47, 0.15), 0 0 0 1px rgba(35, 40, 47, 0.2)), 0 0 0 var(--plyr-range-thumb-active-shadow-width, 3px) var(--plyr-audio-range-thumb-active-shadow-color, rgba(35, 40, 47, 0.1));
}

.plyr--full-ui.plyr--audio input[type=range]:active::-moz-range-thumb {
  box-shadow: 0 1px 1px rgba(35, 40, 47, 0.15), 0 0 0 1px rgba(35, 40, 47, 0.2), 0 0 0 3px rgba(35, 40, 47, 0.1);
  box-shadow: var(--plyr-range-thumb-shadow, 0 1px 1px rgba(35, 40, 47, 0.15), 0 0 0 1px rgba(35, 40, 47, 0.2)), 0 0 0 var(--plyr-range-thumb-active-shadow-width, 3px) var(--plyr-audio-range-thumb-active-shadow-color, rgba(35, 40, 47, 0.1));
}

.plyr--full-ui.plyr--audio input[type=range]:active::-ms-thumb {
  box-shadow: 0 1px 1px rgba(35, 40, 47, 0.15), 0 0 0 1px rgba(35, 40, 47, 0.2), 0 0 0 3px rgba(35, 40, 47, 0.1);
  box-shadow: var(--plyr-range-thumb-shadow, 0 1px 1px rgba(35, 40, 47, 0.15), 0 0 0 1px rgba(35, 40, 47, 0.2)), 0 0 0 var(--plyr-range-thumb-active-shadow-width, 3px) var(--plyr-audio-range-thumb-active-shadow-color, rgba(35, 40, 47, 0.1));
}

.plyr--audio .plyr__progress__buffer {
  color: rgba(193, 200, 209, 0.6);
  color: var(--plyr-audio-progress-buffered-background, rgba(193, 200, 209, 0.6));
}

.plyr--video {
  background: #000;
  background: var(--plyr-video-background, var(--plyr-video-background, #000));
  overflow: hidden;
}

.plyr--video.plyr--menu-open {
  overflow: visible;
}

.plyr__video-wrapper {
  background: #000;
  background: var(--plyr-video-background, var(--plyr-video-background, #000));
  height: 100%;
  margin: auto;
  overflow: hidden;
  position: relative;
  width: 100%;
}

.plyr__video-embed,
.plyr__video-wrapper--fixed-ratio {
  aspect-ratio: 16/9;
}

@supports not (aspect-ratio: 16/9) {
  .plyr__video-embed,
  .plyr__video-wrapper--fixed-ratio {
    height: 0;
    padding-bottom: 56.25%;
    position: relative;
  }
}
.plyr__video-embed iframe,
.plyr__video-wrapper--fixed-ratio video {
  border: 0;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}

.plyr--full-ui .plyr__video-embed > .plyr__video-embed__container {
  padding-bottom: 240%;
  position: relative;
  transform: translateY(-38.28125%);
}

.plyr--video .plyr__controls {
  background: linear-gradient(transparent, rgba(0, 0, 0, 0.75));
  background: var(--plyr-video-controls-background, linear-gradient(transparent, rgba(0, 0, 0, 0.75)));
  border-bottom-left-radius: inherit;
  border-bottom-right-radius: inherit;
  bottom: 0;
  color: #fff;
  color: var(--plyr-video-control-color, #fff);
  left: 0;
  padding: 5px;
  padding: calc(var(--plyr-control-spacing, 10px) / 2);
  padding-top: 20px;
  padding-top: calc(var(--plyr-control-spacing, 10px) * 2);
  position: absolute;
  right: 0;
  transition: opacity 0.4s ease-in-out, transform 0.4s ease-in-out;
  z-index: 3;
}

@media (min-width: 480px) {
  .plyr--video .plyr__controls {
    padding: 10px;
    padding: var(--plyr-control-spacing, 10px);
    padding-top: 35px;
    padding-top: calc(var(--plyr-control-spacing, 10px) * 3.5);
  }
}
.plyr--video.plyr--hide-controls .plyr__controls {
  opacity: 0;
  pointer-events: none;
  transform: translateY(100%);
}

.plyr--video .plyr__control.plyr__tab-focus,
.plyr--video .plyr__control:hover,
.plyr--video .plyr__control[aria-expanded=true] {
  background: #00b2ff;
  background: var(--plyr-video-control-background-hover, var(--plyr-color-main, var(--plyr-color-main, #00b2ff)));
  color: #fff;
  color: var(--plyr-video-control-color-hover, #fff);
}

.plyr__control--overlaid {
  background: #00b2ff;
  background: var(--plyr-video-control-background-hover, var(--plyr-color-main, var(--plyr-color-main, #00b2ff)));
  border: 0;
  border-radius: 100%;
  color: #fff;
  color: var(--plyr-video-control-color, #fff);
  display: none;
  left: 50%;
  opacity: 0.9;
  padding: 15px;
  padding: calc(var(--plyr-control-spacing, 10px) * 1.5);
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  transition: 0.3s;
  z-index: 2;
}

.plyr__control--overlaid svg {
  left: 2px;
  position: relative;
}

.plyr__control--overlaid:focus,
.plyr__control--overlaid:hover {
  opacity: 1;
}

.plyr--playing .plyr__control--overlaid {
  opacity: 0;
  visibility: hidden;
}

.plyr--full-ui.plyr--video .plyr__control--overlaid {
  display: block;
}

.plyr--full-ui.plyr--video input[type=range]::-webkit-slider-runnable-track {
  background-color: hsla(0, 0%, 100%, 0.25);
  background-color: var(--plyr-video-range-track-background, var(--plyr-video-progress-buffered-background, hsla(0, 0%, 100%, 0.25)));
}

.plyr--full-ui.plyr--video input[type=range]::-moz-range-track {
  background-color: hsla(0, 0%, 100%, 0.25);
  background-color: var(--plyr-video-range-track-background, var(--plyr-video-progress-buffered-background, hsla(0, 0%, 100%, 0.25)));
}

.plyr--full-ui.plyr--video input[type=range]::-ms-track {
  background-color: hsla(0, 0%, 100%, 0.25);
  background-color: var(--plyr-video-range-track-background, var(--plyr-video-progress-buffered-background, hsla(0, 0%, 100%, 0.25)));
}

.plyr--full-ui.plyr--video input[type=range]:active::-webkit-slider-thumb {
  box-shadow: 0 1px 1px rgba(35, 40, 47, 0.15), 0 0 0 1px rgba(35, 40, 47, 0.2), 0 0 0 3px hsla(0, 0%, 100%, 0.5);
  box-shadow: var(--plyr-range-thumb-shadow, 0 1px 1px rgba(35, 40, 47, 0.15), 0 0 0 1px rgba(35, 40, 47, 0.2)), 0 0 0 var(--plyr-range-thumb-active-shadow-width, 3px) var(--plyr-audio-range-thumb-active-shadow-color, hsla(0, 0%, 100%, 0.5));
}

.plyr--full-ui.plyr--video input[type=range]:active::-moz-range-thumb {
  box-shadow: 0 1px 1px rgba(35, 40, 47, 0.15), 0 0 0 1px rgba(35, 40, 47, 0.2), 0 0 0 3px hsla(0, 0%, 100%, 0.5);
  box-shadow: var(--plyr-range-thumb-shadow, 0 1px 1px rgba(35, 40, 47, 0.15), 0 0 0 1px rgba(35, 40, 47, 0.2)), 0 0 0 var(--plyr-range-thumb-active-shadow-width, 3px) var(--plyr-audio-range-thumb-active-shadow-color, hsla(0, 0%, 100%, 0.5));
}

.plyr--full-ui.plyr--video input[type=range]:active::-ms-thumb {
  box-shadow: 0 1px 1px rgba(35, 40, 47, 0.15), 0 0 0 1px rgba(35, 40, 47, 0.2), 0 0 0 3px hsla(0, 0%, 100%, 0.5);
  box-shadow: var(--plyr-range-thumb-shadow, 0 1px 1px rgba(35, 40, 47, 0.15), 0 0 0 1px rgba(35, 40, 47, 0.2)), 0 0 0 var(--plyr-range-thumb-active-shadow-width, 3px) var(--plyr-audio-range-thumb-active-shadow-color, hsla(0, 0%, 100%, 0.5));
}

.plyr--video .plyr__progress__buffer {
  color: hsla(0, 0%, 100%, 0.25);
  color: var(--plyr-video-progress-buffered-background, hsla(0, 0%, 100%, 0.25));
}

.plyr:fullscreen {
  background: #000;
  border-radius: 0 !important;
  height: 100%;
  margin: 0;
  width: 100%;
}

.plyr:fullscreen video {
  height: 100%;
}

.plyr:fullscreen .plyr__control .icon--exit-fullscreen {
  display: block;
}

.plyr:fullscreen .plyr__control .icon--exit-fullscreen + svg {
  display: none;
}

.plyr:fullscreen.plyr--hide-controls {
  cursor: none;
}

@media (min-width: 1024px) {
  .plyr:fullscreen .plyr__captions {
    font-size: 21px;
    font-size: var(--plyr-font-size-xlarge, 21px);
  }
}
.plyr--fullscreen-fallback {
  background: #000;
  border-radius: 0 !important;
  bottom: 0;
  display: block;
  height: 100%;
  left: 0;
  margin: 0;
  position: fixed;
  right: 0;
  top: 0;
  width: 100%;
  z-index: 10000000;
}

.plyr--fullscreen-fallback video {
  height: 100%;
}

.plyr--fullscreen-fallback .plyr__control .icon--exit-fullscreen {
  display: block;
}

.plyr--fullscreen-fallback .plyr__control .icon--exit-fullscreen + svg {
  display: none;
}

.plyr--fullscreen-fallback.plyr--hide-controls {
  cursor: none;
}

@media (min-width: 1024px) {
  .plyr--fullscreen-fallback .plyr__captions {
    font-size: 21px;
    font-size: var(--plyr-font-size-xlarge, 21px);
  }
}
.plyr__ads {
  border-radius: inherit;
  bottom: 0;
  cursor: pointer;
  left: 0;
  overflow: hidden;
  position: absolute;
  right: 0;
  top: 0;
  z-index: -1;
}

.plyr__ads > div,
.plyr__ads > div iframe {
  height: 100%;
  position: absolute;
  width: 100%;
}

.plyr__ads:after {
  background: #23282f;
  border-radius: 2px;
  bottom: 10px;
  bottom: var(--plyr-control-spacing, 10px);
  color: #fff;
  content: attr(data-badge-text);
  font-size: 11px;
  padding: 2px 6px;
  pointer-events: none;
  position: absolute;
  right: 10px;
  right: var(--plyr-control-spacing, 10px);
  z-index: 3;
}

.plyr__ads:empty:after {
  display: none;
}

.plyr__cues {
  background: currentColor;
  display: block;
  height: 5px;
  height: var(--plyr-range-track-height, 5px);
  left: 0;
  opacity: 0.8;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 3px;
  z-index: 3;
}

.plyr__preview-thumb {
  background-color: hsla(0, 0%, 100%, 0.9);
  background-color: var(--plyr-tooltip-background, hsla(0, 0%, 100%, 0.9));
  border-radius: 5px;
  border-radius: var(--plyr-tooltip-radius, 5px);
  bottom: 100%;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
  box-shadow: var(--plyr-tooltip-shadow, 0 1px 2px rgba(0, 0, 0, 0.15));
  margin-bottom: 10px;
  margin-bottom: calc(var(--plyr-control-spacing, 10px) / 2 * 2);
  opacity: 0;
  padding: 3px;
  pointer-events: none;
  position: absolute;
  transform: translateY(10px) scale(0.8);
  transform-origin: 50% 100%;
  transition: transform 0.2s ease 0.1s, opacity 0.2s ease 0.1s;
  z-index: 2;
}

.plyr__preview-thumb--is-shown {
  opacity: 1;
  transform: translate(0) scale(1);
}

.plyr__preview-thumb:before {
  border-left: 4px solid transparent;
  border-left: var(--plyr-tooltip-arrow-size, 4px) solid transparent;
  border-right: 4px solid transparent;
  border-right: var(--plyr-tooltip-arrow-size, 4px) solid transparent;
  border-top: 4px solid hsla(0, 0%, 100%, 0.9);
  border-top: var(--plyr-tooltip-arrow-size, 4px) solid var(--plyr-tooltip-background, hsla(0, 0%, 100%, 0.9));
  bottom: -4px;
  bottom: calc(var(--plyr-tooltip-arrow-size, 4px) * -1);
  content: "";
  height: 0;
  left: calc(50% + var(--preview-arrow-offset));
  position: absolute;
  transform: translateX(-50%);
  width: 0;
  z-index: 2;
}

.plyr__preview-thumb__image-container {
  background: #c1c8d1;
  border-radius: 4px;
  border-radius: calc(var(--plyr-tooltip-radius, 5px) - 1px);
  overflow: hidden;
  position: relative;
  z-index: 0;
}

.plyr__preview-thumb__image-container img,
.plyr__preview-thumb__image-container:after {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}

.plyr__preview-thumb__image-container:after {
  border-radius: inherit;
  box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.15);
  content: "";
  pointer-events: none;
}

.plyr__preview-thumb__image-container img {
  max-height: none;
  max-width: none;
}

.plyr__preview-thumb__time-container {
  background: linear-gradient(transparent, rgba(0, 0, 0, 0.75));
  background: var(--plyr-video-controls-background, linear-gradient(transparent, rgba(0, 0, 0, 0.75)));
  border-bottom-left-radius: 4px;
  border-bottom-left-radius: calc(var(--plyr-tooltip-radius, 5px) - 1px);
  border-bottom-right-radius: 4px;
  border-bottom-right-radius: calc(var(--plyr-tooltip-radius, 5px) - 1px);
  bottom: 0;
  left: 0;
  line-height: 1.1;
  padding: 20px 6px 6px;
  position: absolute;
  right: 0;
  z-index: 3;
}

.plyr__preview-thumb__time-container span {
  color: #fff;
  font-size: 13px;
  font-size: var(--plyr-font-size-time, var(--plyr-font-size-small, 13px));
}

.plyr__preview-scrubbing {
  bottom: 0;
  filter: blur(1px);
  height: 100%;
  left: 0;
  margin: auto;
  opacity: 0;
  overflow: hidden;
  pointer-events: none;
  position: absolute;
  right: 0;
  top: 0;
  transition: opacity 0.3s ease;
  width: 100%;
  z-index: 1;
}

.plyr__preview-scrubbing--is-shown {
  opacity: 1;
}

.plyr__preview-scrubbing img {
  height: 100%;
  left: 0;
  max-height: none;
  max-width: none;
  -o-object-fit: contain;
  object-fit: contain;
  position: absolute;
  top: 0;
  width: 100%;
}

.plyr--no-transition {
  transition: none !important;
}

.plyr__sr-only {
  clip: rect(1px, 1px, 1px, 1px);
  border: 0 !important;
  height: 1px !important;
  overflow: hidden;
  padding: 0 !important;
  position: absolute !important;
  width: 1px !important;
}

.plyr [hidden] {
  display: none !important;
}

.plyr__controls button {
  padding-left: 2rem;
  padding-right: 2rem;
}
@media screen and (min-width: 1280px) {
  .plyr__controls button {
    padding-left: 4rem;
    padding-right: 4rem;
  }
  .plyr__controls [data-plyr=mute] {
    padding-right: 1rem;
  }
}

[data-component=press] {
  min-height: 100vh;
  padding: 10rem 0 5rem;
}
@media screen and (min-width: 768px) {
  [data-component=press] {
    padding: 14rem 0 5rem;
  }
}
@media screen and (min-width: 1280px) {
  [data-component=press] {
    padding: 16rem 0 5rem;
  }
}
@media screen and (min-width: 1920px) {
  [data-component=press] {
    padding: 26rem 0 5rem;
  }
}
[data-component=press] > header {
  text-align: center;
}
[data-component=press] > header * {
  font-size: 30px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  leading-trim: both;
  text-edge: cap;
}
@media screen and (max-width: 873px) {
  [data-component=press] > header * {
    font-size: 20px;
  }
}
[data-component=press] > header a {
  font-size: inherit;
  line-height: inherit;
  letter-spacing: 0.28px !important;
  position: relative;
}
[data-component=press] > header a::after {
  content: "";
  width: 100%;
  height: 1px;
  background-color: #000;
  display: block;
  position: absolute;
  bottom: -6px;
  left: 0;
  opacity: 1;
  transition: ease 250ms;
}
[data-component=press] ul {
  display: flex;
  flex-direction: column;
  gap: 60px 20px;
  margin: 7rem 0 0;
}
@media screen and (min-width: 768px) {
  [data-component=press] ul {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    margin: 11rem 0 0;
  }
}
@media screen and (min-width: 1280px) {
  [data-component=press] ul {
    grid-template-columns: repeat(4, 1fr);
  }
}
@media screen and (min-width: 1920px) {
  [data-component=press] ul {
    margin: 14rem 0 0;
  }
}
[data-component=press] ul > li {
  display: flex;
  flex-direction: column;
  text-align: center;
}
[data-component=press] ul > li a {
  display: block;
}
[data-component=press] ul > li .press-hero {
  position: relative;
  height: 0;
  padding-top: 75%;
  margin: 0 0 1rem;
}
[data-component=press] ul > li .press-hero img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}
[data-component=press] ul > li .press-logo {
  max-width: 70px;
  margin: 0 auto;
}
[data-component=press] ul > li .press-logo img {
  display: block;
  width: 100%;
  height: auto;
}
[data-component=press] ul > li header {
  margin: 1rem 0;
}
[data-component=press] ul > li header * {
  font-size: inherit;
  line-height: inherit;
  letter-spacing: 0.28px !important;
  display: flex;
  justify-content: center;
}
[data-component=press] ul > li .cta {
  display: flex;
  justify-content: center;
  margin: 3rem 0 0;
}
@media screen and (min-width: 768px) {
  [data-component=press] ul > li .cta {
    margin: auto 0 0;
  }
}
[data-component=press] ul > li .cta a {
  font-size: inherit;
  line-height: inherit;
  letter-spacing: 0.28px !important;
  position: relative;
}
[data-component=press] ul > li .cta a::after {
  content: "";
  width: 100%;
  height: 1.5px;
  background-color: #000;
  display: block;
  position: absolute;
  bottom: 0px;
  left: 0;
  opacity: 1;
  transition: ease 250ms;
}
[data-component=press] ul > li .cta a:hover::after {
  opacity: 0;
}
*,
::before,
::after {
  box-sizing: border-box;
  border-width: 0;
  border-style: solid;
  border-color: transparent;
}

* {
  margin: 0;
  padding: 0;
  outline: 0;
  box-sizing: border-box;
}

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

input {
  -webkit-appearance: none;
  -webkit-border-radius: 0;
}

.button,
.shopify-challenge__button,
.customer button {
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: 14px; /* 116.667% */
  letter-spacing: 0.36px;
  leading-trim: both;
  text-edge: cap;
}

body[data-page=index] #header .sitenav.bg-white {
  background-color: transparent !important;
  color: #ffffff;
}
body[data-page=index] #header .sitenav.bg-white #logo-full .logo-link svg path {
  stroke: #ffffff;
  fill: #ffffff;
}
body[data-page=index] #header .sitenav .navigation-submenu {
  background-color: transparent !important;
}
body[data-page=index] main {
  padding-top: 0 !important;
}

body[data-page=index].notification-banner-active main {
  padding-top: 32px !important;
}

main {
  min-height: calc(100dvh - 75px);
  position: relative;
  padding-top: 59px;
}
@media screen and (max-width: 1279px) {
  main {
    min-height: calc(100dvh - 250px);
  }
}
@media screen and (max-width: 873px) {
  main {
    min-height: calc(100vh - 250px);
    padding-top: 50px;
  }
}

.notification-banner-active main {
  padding-top: 90.5px;
}
@media screen and (max-width: 1279px) {
  .notification-banner-active main {
    min-height: calc(100dvh - 350px);
  }
}

a[href=""] {
  cursor: auto;
}

body {
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: 14px; /* 116.667% */
  letter-spacing: 0.36px;
  leading-trim: both;
  text-edge: cap;
  color: #050505;
  font-family: "ABC ROM";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
body.product-modal-active {
  overflow: hidden;
}

a {
  text-decoration: none;
  background-color: transparent;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  color: #050505;
}

ul,
ol {
  list-style: none;
}

a {
  cursor: pointer !important;
}

html {
  font-size: 10px;
  padding-bottom: 0 !important;
}

[hidden] {
  display: none !important;
}

*::-moz-selection {
  background-color: rgba(0, 0, 0, 0.05);
}

*::selection {
  background-color: rgba(0, 0, 0, 0.05);
}

.container {
  max-width: none;
  width: 100%;
}
@media screen and (max-width: 873px) {
  .container.basic-page {
    padding: 0 15px;
  }
}

.price__container {
  display: flex;
  justify-content: flex-start;
}
.price__container .price__regular .price-item {
  margin-right: 2px;
}
.price__container .price__regular .original-price {
  margin-right: 2px;
}

.notification-banner {
  display: none;
  background-color: #050505;
  color: #ffffff;
  height: 32px;
  text-align: center;
  padding: 0 60px;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 100;
  align-items: center;
  justify-content: center;
}
.notification-banner .notification-banner__link {
  text-decoration: none;
  position: relative;
  top: 1px;
}
.notification-banner .notification-banner__link:hover {
  opacity: 0.8;
}
.notification-banner .notification-banner__close {
  position: absolute;
  right: 25px;
  top: calc(50% + 1px);
  transform: translateY(-50%);
  cursor: pointer;
}
.notification-banner .notification-banner__close:hover {
  opacity: 0.8;
}
@media screen and (max-width: 873px) {
  .notification-banner .notification-banner__close {
    right: 15px;
  }
}

button[data-component=accessibility] {
  bottom: 5px !important;
  right: 5px !important;
  height: 22px !important;
  width: 22px !important;
}

#header.archive-sale .sitenav {
  position: relative;
}
#header.archive-sale #hamburger {
  visibility: hidden;
}
#header.archive-sale nav {
  visibility: hidden;
}
#header.archive-sale .reduce-top-editions {
  position: absolute;
  left: 25px;
  transform: none;
}
#header.archive-sale .reduce-top-editions #logo-full {
  display: flex;
  align-items: flex-end;
  justify-content: flex-start;
  position: relative;
  transform: none;
}
@media screen and (max-width: 873px) {
  #header.archive-sale .reduce-top-editions #logo-full {
    padding-top: 13px;
  }
}
#header.archive-sale .reduce-top-editions #logo-full .logo-link {
  pointer-events: none;
  position: relative;
  top: -4px;
}
#header.archive-sale .reduce-top-editions #logo-full .navigation-list {
  margin-left: 20px;
  position: relative;
}
@media screen and (max-width: 873px) {
  #header.archive-sale .reduce-top-editions #logo-full .navigation-list .navigation-item {
    padding: 0;
  }
}
#header.archive-sale .reduce-top-editions #logo-full .navigation-list a {
  cursor: pointer;
}
#header.archive-sale .bag-nav {
  position: relative;
  bottom: -2px;
}
#header nav {
  transition: ease 400ms;
}
#header .sitenav {
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: 14px; /* 116.667% */
  letter-spacing: 0.36px;
  leading-trim: both;
  text-edge: cap;
  padding-left: 25px;
  padding-right: 25px;
  padding-bottom: 20px;
  padding-top: 20px;
}
@media screen and (max-width: 873px) {
  #header .sitenav {
    padding-left: 15px;
    padding-right: 15px;
    padding-bottom: 16px;
    padding-top: 15px;
  }
  #header .sitenav .navigation-list {
    width: 100%;
  }
  #header .sitenav .navigation-list li {
    padding: 17px 0;
  }
}
#header .sitenav .navigation-list .navigation-item#shop {
  position: relative;
}
@media screen and (max-width: 873px) {
  #header .sitenav .navigation-list .navigation-item {
    width: 100%;
    border-top: 1px solid #efede6;
    display: block;
  }
}
#header .sitenav .shop-nav li {
  margin-right: 20px;
}
#header .sitenav .shop-nav li:last-of-type {
  margin-right: 0;
}
#header .sitenav .user-nav li,
#header .sitenav .bag-nav {
  margin-left: 20px;
}
@media screen and (max-width: 873px) {
  #header .sitenav .user-nav li,
  #header .sitenav .bag-nav {
    margin-left: 0;
  }
}
#header .sitenav .user-nav li:first-of-type {
  margin-left: 0;
}
#header .navigation-submenu {
  position: absolute;
  top: 100%;
  left: -2rem;
  opacity: 0;
  transition: 0.4s;
  padding: 2rem;
  background-color: #fff;
}
@media screen and (min-width: 874px) {
  #header .navigation-submenu {
    pointer-events: none;
  }
}
#header .navigation-submenu .navigation-item {
  width: -moz-max-content;
  width: max-content;
  margin-bottom: 1rem;
}
#header .navigation-submenu .navigation-item:last-child {
  margin-bottom: 0;
}
@media screen and (min-width: 874px) {
  #header .navigation-submenu .navigation-item.mobile-only {
    display: none;
  }
}
@media screen and (max-width: 873px) {
  #header .navigation-submenu {
    display: none;
    position: relative;
    top: auto;
    left: auto;
    margin-top: 15px;
    padding: 0;
  }
  #header .navigation-submenu.submenu-open {
    display: block;
    opacity: 1;
  }
  #header .navigation-submenu .navigation-item {
    border: none !important;
    margin: 0 0 15px 0 !important;
    padding: 0 !important;
  }
  #header .navigation-submenu .navigation-item:last-of-type {
    margin-bottom: 0 !important;
  }
}
@media screen and (min-width: 874px) {
  #header .navigation-item:hover .navigation-submenu {
    opacity: 1;
    pointer-events: auto;
  }
  #header .navigation-item:hover > .navigation-link:after {
    opacity: 1;
  }
  #header .navigation-item:has(.navigation-submenu) {
    position: relative;
  }
  #header .reduce-top-editions {
    position: absolute;
    z-index: 100000;
  }
}
#header .navigation-link {
  padding-bottom: 0rem;
  position: relative;
  display: block;
  z-index: 1;
}
#header .navigation-link.active {
  color: #aaaaaa;
}
@media (hover: hover) {
  #header .navigation-link:hover {
    color: #aaaaaa;
  }
}
#header #logo-full {
  position: absolute;
  transform: translateY(-15%);
  transition: opacity ease 400ms;
}
@media screen and (max-width: 873px) {
  #header #logo-full {
    transform: translateY(-10%);
  }
}
#header #logo-full svg {
  height: 100%;
}
#header #logo-full svg path {
  fill: currentColor;
}
#header.menu-open {
  color: #050505 !important;
}
#header.menu-open #search,
#header.menu-open a {
  color: #050505 !important;
}
#header.menu-open nav {
  left: 0;
}
#header.menu-open #hamburger::before {
  left: 0;
  transform-origin: bottom left;
  transform: rotate(45deg);
  top: 0;
}
#header.menu-open #hamburger::after {
  left: -4.5px;
  bottom: 1.1rem;
  transform-origin: bottom right;
  transform: rotate(-45deg);
  top: 0;
}
#header #hamburger {
  width: 20px;
  height: 1.8rem;
  flex-direction: column;
  justify-content: space-around;
  position: relative;
}
#header #hamburger::after, #header #hamburger::before {
  position: absolute;
  content: "";
  display: block;
  width: 20px;
  height: 1.5px;
  background-color: currentColor;
  transition: ease 400ms;
}
#header #hamburger::before {
  left: 0;
  right: 0;
  top: 5px;
}
#header #hamburger::after {
  right: 0;
  left: 0;
  bottom: 5px;
}

body.loader-shown #header,
body.loader-shown .notification-banner,
body.loader-shown .full-bleed-module__content-inner {
  opacity: 0;
  transition: opacity ease 100ms;
}
body.loader-shown.fade-out #header,
body.loader-shown.fade-out .notification-banner,
body.loader-shown.fade-out .full-bleed-module__content-inner {
  opacity: 1;
}

body.notification-banner-active .notification-banner {
  display: flex;
}
@media screen and (max-width: 873px) {
  body.notification-banner-active .notification-banner {
    padding-left: 10px;
    height: 50px;
    justify-content: flex-start;
    padding-right: 50px;
    text-align: left;
  }
}
body.notification-banner-active #header #logo-full {
  transform: translateY(16px);
}
@media screen and (max-width: 873px) {
  body.notification-banner-active #header #logo-full {
    transform: translateY(27px);
  }
}
body.notification-banner-active #header .sitenav {
  padding-top: 52px;
}
body.notification-banner-active .product-media-modal.media-modal .product-media-modal__toggle {
  top: 65px;
  right: 15px;
}
@media screen and (min-width: 874px) {
  body.notification-banner-active .product-media-modal.media-modal .product-media-modal__toggle {
    right: 25px;
    top: 65px;
  }
}

#search-li-container.active .navigation-link::after {
  opacity: 1;
}

.ba-link.hide,
#ba-link.hide {
  display: none;
}

#search {
  opacity: 1;
  transition: ease 250ms;
}
#search ~ #search-input-container {
  position: absolute;
  background-color: #fff;
  width: 100vw;
  height: 100vh;
  top: 0;
  left: 0;
  z-index: 2;
  display: flex;
  align-items: center;
  padding-right: 2rem;
  padding-left: 2rem;
  opacity: 0;
  pointer-events: none;
  transition: ease 400ms;
}
#search ~ #search-input-container .search-container {
  position: relative;
}
#search ~ #search-input-container .search-back {
  margin-bottom: 25px;
}
@media screen and (min-width: 874px) {
  #search ~ #search-input-container .search-back {
    display: none;
  }
}
#search ~ #search-input-container form.search {
  width: 100%;
}
@media screen and (min-width: 874px) {
  #search ~ #search-input-container {
    position: relative;
    background-color: transparent;
    width: 0;
    height: auto;
    z-index: 0;
    display: block;
    padding-right: 0;
    padding-left: 0;
    transition: ease 250ms;
    opacity: 1;
    pointer-events: all;
  }
}
#search ~ #search-input-container #search-input {
  pointer-events: none;
  border-color: rgba(0, 0, 0, 0.1) !important;
  line-height: 1.5;
  border-radius: 0px;
  -webkit-appearance: none;
  -webkit-border-radius: 0;
}
@media screen and (min-width: 874px) {
  #search ~ #search-input-container #search-input {
    border-color: currentColor !important;
  }
}
#search ~ #search-input-container #search-input::-moz-placeholder {
  -moz-transition: ease 250ms;
  transition: ease 250ms;
  color: inherit !important;
  opacity: 1 !important;
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: 14px; /* 116.667% */
  letter-spacing: 0.36px;
  leading-trim: both;
  text-edge: cap;
}
#search ~ #search-input-container #search-input::placeholder {
  transition: ease 250ms;
  color: inherit !important;
  opacity: 1 !important;
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: 14px; /* 116.667% */
  letter-spacing: 0.36px;
  leading-trim: both;
  text-edge: cap;
}
#search ~ #search-input-container #search-input.field__input {
  margin: 0;
  padding: 0;
  height: auto;
  min-height: unset;
  min-width: unset;
  border-bottom: 1px solid;
  padding-bottom: 12px;
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: 14px; /* 116.667% */
  letter-spacing: 0.36px;
  leading-trim: both;
  text-edge: cap;
}
@media screen and (min-width: 1024px) {
  #search ~ #search-input-container #search-input.field__input {
    padding-bottom: 3px;
  }
}
#search ~ #search-input-container #search-submit {
  height: 2rem;
  right: 0;
  opacity: 0;
  pointer-events: none;
  cursor: pointer;
  display: flex;
  color: inherit !important;
  align-items: center;
  transition: ease 250ms;
}
@media screen and (min-width: 874px) {
  #search ~ #search-input-container #search-submit {
    right: 0;
    height: 100%;
  }
}
#search.input-open {
  opacity: 0;
  pointer-events: none;
}
#search.input-open ~ #search-input-container {
  opacity: 1;
  pointer-events: all;
}
@media screen and (min-width: 874px) {
  #search.input-open ~ #search-input-container {
    width: 20rem;
  }
}
@media screen and (min-width: 1366px) {
  #search.input-open ~ #search-input-container {
    width: 28rem;
  }
}
#search.input-open ~ #search-input-container #search-input {
  pointer-events: all;
  padding-right: 2.5rem;
}
#search.input-open ~ #search-input-container #search-submit {
  opacity: 1;
  pointer-events: all;
}

.product-filters {
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: 14px; /* 116.667% */
  letter-spacing: 0.36px;
  leading-trim: both;
  text-edge: cap;
  padding-top: 24px;
  padding: 50px 25px 0;
  position: relative;
}
@media screen and (max-width: 873px) {
  .product-filters {
    padding: 50px 0 0;
  }
}
.product-filters .category-title {
  position: absolute;
  left: 25px;
  top: 50px;
  z-index: 3;
}
@media screen and (max-width: 873px) {
  .product-filters .category-title {
    left: 15px;
  }
}

.plp-container .product-grid-container {
  margin-top: 0;
}
.plp-container .product-grid-container .collection .grid-layout {
  -moz-column-gap: 0;
       column-gap: 0;
  row-gap: 0;
}

.category-navigation {
  display: none;
}

.cat-nav a p {
  position: relative;
  text-decoration-thickness: 1.5px !important;
}
@media screen and (min-width: 874px) and (hover: hover) {
  .cat-nav a:hover p {
    text-decoration-line: underline;
    text-underline-offset: 3px;
  }
}
@media screen and (min-width: 874px) {
  .cat-nav a.active {
    text-decoration: none;
  }
  .cat-nav a.active p {
    text-decoration: underline;
    text-underline-offset: 3px;
  }
}

.edition-card {
  min-width: 25%;
}
.edition-card a p {
  position: relative;
}
.edition-card a p::after {
  content: "";
  width: 100%;
  height: 1.5px;
  background-color: currentColor;
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  opacity: 0;
  transition: ease 250ms;
}
@media screen and (min-width: 874px) and (hover: hover) {
  .edition-card a:hover p::after {
    opacity: 1;
  }
}

#editions #editions-section {
  opacity: 0;
  transition: ease 400ms;
  pointer-events: none;
}
@media screen and (min-width: 874px) {
  #editions #editions-section {
    top: -100%;
  }
  #editions #editions-section.hovered {
    opacity: 1;
    pointer-events: all;
    top: 100px;
  }
}
@media screen and (max-width: 873px) {
  #editions #editions-link {
    display: none;
  }
  #editions #editions-link-mobile {
    display: flex;
    justify-content: space-between;
  }
  #editions #editions-link-mobile:after {
    display: none !important;
  }
  #editions #editions-link-mobile .title {
    display: block;
  }
  #editions #editions-link-mobile:after {
    content: "+";
    display: block;
    position: relative;
    opacity: 1;
    background-color: transparent;
    width: auto;
    height: auto;
    bottom: auto;
    left: auto;
    transition: none;
  }
  #editions #editions-link-mobile.open:after {
    content: "-";
  }
}
@media screen and (min-width: 874px) {
  #editions #editions-link-mobile {
    display: none;
  }
}
#editions #editions-submenu {
  position: absolute;
  top: 100%;
  left: -2rem;
  opacity: 0;
  transition: 0.4s;
  padding: 2rem;
  background-color: #fff;
}
@media screen and (min-width: 874px) {
  #editions #editions-submenu {
    pointer-events: none;
  }
}
#editions #editions-submenu .navigation-item {
  width: -moz-max-content;
  width: max-content;
  margin-bottom: 1rem;
}
#editions #editions-submenu .navigation-item:last-child {
  margin-bottom: 0;
}
@media screen and (max-width: 873px) {
  #editions #editions-submenu {
    display: none;
    position: relative;
    top: auto;
    left: auto;
    margin-top: 15px;
    padding: 0;
  }
  #editions #editions-submenu.submenu-open {
    display: block;
    opacity: 1;
  }
  #editions #editions-submenu .navigation-item {
    border: none !important;
    margin: 0 0 15px 0 !important;
    padding: 0 !important;
  }
  #editions #editions-submenu .navigation-item:last-of-type {
    margin-bottom: 0 !important;
  }
  #editions #editions-section {
    height: 100vh;
    top: 0;
  }
}
#editions.submenu-open #editions-section {
  opacity: 1;
  z-index: 1;
  pointer-events: auto;
}

#shop #shop-section {
  opacity: 0;
  transition: ease 400ms;
}
@media screen and (min-width: 874px) {
  #shop #shop-section {
    top: -4rem;
    pointer-events: none;
  }
}
@media screen and (min-width: 874px) and (hover: hover) {
  #shop #shop-section:hover {
    opacity: 1;
    pointer-events: all;
    top: 0;
  }
}
@media screen and (max-width: 873px) {
  #shop #shop-link {
    display: none;
  }
}
@media screen and (min-width: 874px) and (hover: hover) {
  #shop #shop-link:hover ~ #shop-section {
    opacity: 1;
    pointer-events: all;
    top: 0;
  }
}
@media screen and (max-width: 873px) {
  #shop #shop-link-mobile {
    display: flex;
    justify-content: space-between;
  }
  #shop #shop-link-mobile .title {
    display: block;
  }
  #shop #shop-link-mobile:after {
    content: "+";
    display: block;
    position: relative;
    opacity: 1;
    background-color: transparent;
    width: auto;
    height: auto;
    bottom: auto;
    left: auto;
    transition: none;
  }
  #shop #shop-link-mobile.open:after {
    content: "-";
  }
}
@media screen and (min-width: 874px) {
  #shop #shop-link-mobile {
    display: none;
  }
}
@media screen and (max-width: 873px) {
  #shop #shop-section {
    height: 100vh;
    top: 0;
  }
}
#shop.submenu-open #shop-section {
  opacity: 1;
  z-index: 1;
}

@media screen and (max-width: 873px) {
  .submenu-open .navigation-link,
  .submenu-open #search {
    z-index: 0 !important;
  }
}
.underline {
  text-decoration-thickness: 1px;
}

.footer {
  padding: 79px 25px 25px;
  position: relative;
}
@media screen and (max-width: 767px) {
  .footer {
    padding: 82px 15px 20px;
  }
}
.footer .container {
  position: relative;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  gap: 167px;
}
@media screen and (min-width: 639px) {
  .footer .container {
    gap: 10px;
  }
  .footer .container > div {
    padding: 0;
    border: none;
  }
}
.footer .container > div.nav ul {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 12px;
}
.footer .container > div.nav ul li {
  display: inline-block;
}
.footer .container > div.nav ul li a {
  position: relative;
  display: block;
  white-space: nowrap;
}
@media (hover: hover) {
  .footer .container > div.nav ul li a:hover {
    color: #aaaaaa;
  }
}
.footer .container > div.socials ul {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 12px;
}
@media (hover: hover) {
  .footer .container > div.socials ul li a:hover {
    color: #aaaaaa;
  }
}
.footer .container > div.copyright {
  display: flex;
  position: absolute;
  bottom: 0;
  right: 0;
}
.footer .container > div:last-of-type {
  border-bottom: 0;
  padding: 0;
}

.homepage-banner {
  position: relative;
  width: 100%;
  display: block;
}
.homepage-banner img,
.homepage-banner video {
  position: relative;
  width: 100%;
}

#video-btn {
  width: auto;
  height: 30px;
  z-index: 1;
}
@media screen and (min-width: 640px) {
  #video-btn {
    height: 30px;
  }
}
@media screen and (min-width: 768px) {
  #video-btn {
    height: 30px;
  }
}
@media screen and (min-width: 874px) {
  #video-btn {
    height: 50px;
  }
}
#video-btn svg {
  opacity: 1;
  transition: opacity ease 400ms;
}
#video-btn svg.muted {
  opacity: 0.5;
}

#credits {
  transform: rotate(-90deg) translate(-50%, calc(100vw - 2rem - 2rem - 1.2rem));
  transform-origin: top left;
}
@media screen and (min-width: 640px) {
  #credits {
    transform: rotate(-90deg) translate(-50%, calc(100vw - 3rem - 3rem - 1.2rem));
  }
}
@media screen and (min-width: 1366px) {
  #credits {
    transform: rotate(-90deg) translate(-50%, calc(100vw - 7rem - 7rem - 1.2rem));
  }
}

.animate-right-container .animate-right {
  position: relative;
  right: 0;
  transition: ease 250ms;
}
a.underline-animation {
  display: block;
  padding-bottom: 0.6rem;
  position: relative;
}
a.underline-animation::after {
  content: "";
  width: 100%;
  height: 0.1rem;
  background-color: #050505;
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  opacity: 0;
  transition: ease 250ms;
}
@media (hover: hover) {
  a.underline-animation:hover::after {
    opacity: 1;
  }
}

.hp-hero-runway .video-link {
  display: block;
  position: relative;
  width: 100%;
}
.hp-hero-runway .video-link video {
  width: 100%;
  height: auto;
}

.hp-hero-media,
.hp-hero-runway {
  padding-left: 25px;
  padding-right: 25px;
  padding-bottom: 120px;
}
@media screen and (max-width: 873px) {
  .hp-hero-media,
  .hp-hero-runway {
    padding-left: 15px;
    padding-right: 15px;
    padding-bottom: 60px;
  }
}
.hp-hero-media .homepage-hero-cta,
.hp-hero-runway .homepage-hero-cta {
  color: #050505;
  padding-top: 10px;
  line-height: 1;
}
@media screen and (max-width: 873px) {
  .hp-hero-media .homepage-hero-cta,
  .hp-hero-runway .homepage-hero-cta {
    padding-bottom: 7px;
  }
}
.hp-hero-media .homepage-hero-cta .cta-desc,
.hp-hero-runway .homepage-hero-cta .cta-desc {
  display: inline-block;
  margin-right: 25px;
}
.hp-hero-media .homepage-hero-cta .cta-link,
.hp-hero-runway .homepage-hero-cta .cta-link {
  display: inline-block;
  position: relative;
}
.hp-hero-media .homepage-hero-cta .cta-link::after,
.hp-hero-runway .homepage-hero-cta .cta-link::after {
  content: "";
  width: 100%;
  height: 1.5px;
  background-color: #050505;
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  opacity: 0;
  transition: ease 250ms;
}
@media (hover: hover) {
  .hp-hero-media .homepage-hero-cta .cta-link:hover::after,
  .hp-hero-runway .homepage-hero-cta .cta-link:hover::after {
    opacity: 1;
  }
}

.hp-hero-runway {
  padding-left: 16.666666666%;
  padding-right: 16.666666666%;
}
.hp-hero-runway.fullbleed {
  padding-left: 25px;
  padding-right: 25px;
}
@media screen and (max-width: 873px) {
  .hp-hero-runway {
    padding-top: 0;
    padding-left: 15px;
    padding-right: 15px;
  }
  .hp-hero-runway.fullbleed {
    padding-top: 0;
    padding-left: 15px;
    padding-right: 15px;
  }
}

.full-width-media {
  padding-left: 16.666666666%;
  padding-right: 16.666666666%;
  padding-bottom: 120px;
}
.full-width-media.portrait {
  padding-left: 29.1666666655%;
  padding-right: 29.1666666655%;
  padding-bottom: 120px;
}
@media screen and (max-width: 873px) {
  .full-width-media.portrait {
    padding-left: 15px;
    padding-right: 15px;
    padding-bottom: 60px;
  }
  .full-width-media {
    padding-left: 15px;
    padding-right: 15px;
    padding-bottom: 60px;
  }
}
.full-width-media .full-media-cta {
  padding-top: 10px;
  line-height: 1;
}
@media screen and (max-width: 873px) {
  .full-width-media .full-media-cta {
    padding-bottom: 7px;
  }
}
.full-width-media .cta-desc {
  display: inline-block;
  margin-right: 25px;
}
.full-width-media .cta-link {
  display: inline-block;
  position: relative;
}
.full-width-media .cta-link::after {
  content: "";
  width: 100%;
  height: 1.5px;
  background-color: #050505;
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  opacity: 0;
  transition: ease 250ms;
}
@media (hover: hover) {
  .full-width-media .cta-link:hover::after {
    opacity: 1;
  }
}

.text-image-section {
  padding-left: 8.333333333%;
  padding-right: 8.333333333%;
  padding-bottom: 120px;
}
@media screen and (max-width: 873px) {
  .text-image-section {
    padding-left: 15px;
    padding-right: 15px;
    padding-bottom: 60px;
  }
}
.text-image-section .grid {
  gap: 12px;
}
@media screen and (max-width: 873px) {
  .text-image-section .grid {
    display: block;
  }
  .text-image-section .grid .half-column {
    min-height: auto;
  }
  .text-image-section .grid .half-column.left-side {
    margin-bottom: 60px;
  }
}
.text-image-section .half-column .cta-header {
  padding-top: 10px;
  line-height: 1;
}
@media screen and (max-width: 873px) {
  .text-image-section .half-column .cta-header {
    padding-bottom: 7px;
  }
}
.text-image-section .half-column .cta-header .cta-desc {
  display: inline-block;
  margin-right: 25px;
}
.text-image-section .half-column .cta-header .cta-link {
  display: inline-block;
  position: relative;
}
.text-image-section .half-column .cta-header .cta-link::after {
  content: "";
  width: 100%;
  height: 1.5px;
  background-color: #050505;
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  opacity: 0;
  transition: ease 250ms;
}
@media (hover: hover) {
  .text-image-section .half-column .cta-header .cta-link:hover::after {
    opacity: 1;
  }
}
.text-image-section .half-column .image-link {
  position: relative;
  display: block;
}
.text-image-section .half-column .image-link:before {
  display: block;
  content: "";
  width: 100%;
  padding-top: 133.3333333333%;
}
.text-image-section .half-column .image-link > .content {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.text-image-section .half-column .image-link img,
.text-image-section .half-column .image-link video {
  top: 0;
  left: 0;
  position: absolute;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
@media screen and (max-width: 873px) {
  .text-image-section .half-column .image-link {
    position: relative;
  }
  .text-image-section .half-column .image-link:before {
    display: block;
    content: "";
    width: 100%;
    padding-top: 132.7077747989%;
  }
  .text-image-section .half-column .image-link > .content {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
  }
}
.text-image-section svg {
  min-width: 2.25rem;
}

.handpicked-products {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  padding-left: 15px;
  padding-right: 15px;
  padding-bottom: 120px;
}
.handpicked-products .col {
  width: calc(25% - 7.5px);
}
.handpicked-products .col img {
  width: 100%;
}
.handpicked-products .col .details {
  margin-top: 10px;
}
@media screen and (max-width: 873px) {
  .handpicked-products {
    padding-bottom: 30px;
  }
  .handpicked-products .col {
    margin-bottom: 30px;
    width: calc(50% - 5px);
  }
}

#three-slots-grid {
  grid-template-columns: 1fr;
}
@media screen and (min-width: 768px) {
  #three-slots-grid {
    grid-template-columns: 1fr 1fr;
  }
}
@media screen and (min-width: 991px) {
  #three-slots-grid {
    grid-template-columns: 1fr auto;
  }
}
#three-slots-grid video {
  -o-object-fit: cover;
     object-fit: cover;
}
#three-slots-grid > div:nth-child(1) {
  margin-right: 3rem;
}
#three-slots-grid > div:nth-child(1) img,
#three-slots-grid > div:nth-child(1) video {
  height: auto;
  max-height: 28rem;
  max-width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
@media screen and (min-width: 768px) {
  #three-slots-grid > div:nth-child(1) img,
  #three-slots-grid > div:nth-child(1) video {
    max-height: 100%;
  }
}
@media screen and (min-width: 991px) {
  #three-slots-grid > div:nth-child(1) img,
  #three-slots-grid > div:nth-child(1) video {
    height: 44rem;
  }
}
@media screen and (min-width: 1280px) {
  #three-slots-grid > div:nth-child(1) img,
  #three-slots-grid > div:nth-child(1) video {
    height: max(72vh, 51rem);
  }
}
#three-slots-grid > div:nth-child(2) {
  justify-self: flex-end;
  align-self: flex-end;
}
@media screen and (min-width: 768px) {
  #three-slots-grid > div:nth-child(2) {
    grid-column-start: 2;
    grid-row: 1/2;
  }
}
#three-slots-grid > div:nth-child(2) img,
#three-slots-grid > div:nth-child(2) video {
  height: auto;
  max-height: 29.5rem;
  margin-left: auto;
  max-width: 100%;
}
@media screen and (min-width: 768px) {
  #three-slots-grid > div:nth-child(2) img,
  #three-slots-grid > div:nth-child(2) video {
    margin-left: 0;
    max-width: 100%;
    max-height: 100%;
  }
}
@media screen and (min-width: 991px) {
  #three-slots-grid > div:nth-child(2) img,
  #three-slots-grid > div:nth-child(2) video {
    height: 40rem;
  }
}
@media screen and (min-width: 1280px) {
  #three-slots-grid > div:nth-child(2) img,
  #three-slots-grid > div:nth-child(2) video {
    height: max(63vh, 46rem);
  }
}
#three-slots-grid > div:nth-child(3) {
  justify-self: flex-end;
}
#three-slots-grid > div:nth-child(3) img,
#three-slots-grid > div:nth-child(3) video {
  height: auto;
  max-height: 22rem;
}
@media screen and (min-width: 768px) {
  #three-slots-grid > div:nth-child(3) img,
  #three-slots-grid > div:nth-child(3) video {
    max-height: 100%;
  }
}
@media screen and (min-width: 991px) {
  #three-slots-grid > div:nth-child(3) img,
  #three-slots-grid > div:nth-child(3) video {
    height: 24rem;
  }
}
@media screen and (min-width: 1280px) {
  #three-slots-grid > div:nth-child(3) img,
  #three-slots-grid > div:nth-child(3) video {
    height: max(37vh, 28rem);
  }
}

.aspect-ratio {
  position: relative;
  width: 100%;
}
.aspect-ratio img {
  top: 0;
  left: 0;
  position: absolute;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.bg-image-module-img,
.bg-image-module-video {
  max-width: min(100vw - 4rem, 60rem);
  max-height: 64rem;
  -o-object-fit: contain;
     object-fit: contain;
}
@media screen and (min-width: 874px) {
  .bg-image-module-img,
  .bg-image-module-video {
    max-width: min(46vw, 90rem);
    max-height: 113rem;
  }
}

#search-grid .search-grid {
  display: grid;
  gap: 2rem;
  grid-template-columns: repeat(2, 1fr);
}
@media screen and (min-width: 1024px) {
  #search-grid .search-grid {
    grid-template-columns: repeat(4, 1fr);
  }
}
#search-grid .card .card__inner .card__media {
  width: 100%;
  height: 100%;
  display: block;
}
#search-grid .card__content .card__information {
  padding-top: 2rem;
  padding-bottom: 2rem;
}
#search-grid .card-wrapper .media > img {
  transition: ease 400ms;
}
@media (hover: hover) {
  #search-grid .card-wrapper:hover .media.media--hover-effect > img + img {
    transform: scale(1.015);
  }
}

.card--media .card__inner,
.card--media .card__media,
.card--media .card__media > .media {
  height: unset;
}

#product-grid li.grid__item {
  width: 100% !important;
  max-width: 100% !important;
  grid-column: span 1/span 1;
}
@media (min-width: 768px) and (max-width: 1499px) {
  #product-grid li.grid__item{
    grid-column: span 4 / span 4;
  }
}
@media (min-width: 1500px) {
  #product-grid li.grid__item{
    grid-column: span 3 / span 3;
  }
}
#product-grid li.grid__item.editorial-item {
  grid-column: span 1/span 1;
}
#product-grid li.grid__item.editorial-item .card:hover img {
  transform: none;
}
#product-grid li.grid__item.editorial-item .card .card__inner {
  padding-top: 0 !important;
  aspect-ratio: 3/2;
}
#product-grid li.grid__item.editorial-item .card .card__inner .card__media .media img {
  aspect-ratio: 3/2;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
@media screen and (max-width: 767px) {
  #product-grid li.grid__item.editorial-item .card .card__inner {
    aspect-ratio: 3/4;
  }
  #product-grid li.grid__item.editorial-item .card .card__inner .card__media .media img {
    aspect-ratio: 3/4;
  }
}
@media (min-width: 768px) and (max-width: 1499px) {
  #product-grid li.grid__item.editorial-item{
    grid-column: span 8 / span 8;
  }
}
@media (min-width: 1500px) {
  #product-grid li.grid__item.editorial-item{
    grid-column: span 3 / span 3;
  }
  #product-grid li.grid__item.editorial-item .card .card__inner {
    aspect-ratio: 3/4;
  }
}
#product-grid li.grid__item:hover .card__content .card__information .price {
  margin-top: 1px;
  display: none;
}
@media screen and (max-width: 873px) {
  #product-grid li.grid__item:hover .card__content .card__information .price {
    display: block;
  }
}
#product-grid li.grid__item:hover .card__content .card__information .variant-options .variant-sizes {
  display: flex;
}
#product-grid li.grid__item:hover .card-wrapper .color-swatches-overlay {
  display: block;
}
@media screen and (max-width: 873px) {
  #product-grid li.grid__item:hover .card-wrapper .color-swatches-overlay {
    display: none;
  }
}
#product-grid .card .card__inner {
  padding-top: 0;
  aspect-ratio: 3/4;
}
#product-grid .card .card__inner .card__media {
  width: 100%;
  height: 100%;
  display: block;
}
#product-grid .card .card__inner .card__media .media img {
  aspect-ratio: 3/4;
}
#product-grid .card__content .card__information {
  padding: 16px 12px 20px;
}
#product-grid .card__content .card__information .price {
  margin-top: 1px;
}
#product-grid .card__content .card__information .variant-options .variant-colors-mobile {
  margin-top: 5px;
}
@media screen and (min-width: 874px) {
  #product-grid .card__content .card__information .variant-options .variant-colors-mobile {
    display: none;
  }
}
#product-grid .card__content .card__information .variant-options .variant-colors-mobile .swatch {
  border-radius: 50%;
  display: inline-block;
  height: 12px;
  width: 12px;
  margin-right: 2px;
}
#product-grid .card__content .card__information .variant-options .variant-colors-mobile .swatch.border {
  border: 1px solid #dedede;
}
#product-grid .card__content .card__information .variant-options .variant-colors-mobile .swatch:last-of-type {
  margin-right: 0;
}
#product-grid .card__content .card__information .variant-options .variant-sizes {
  margin-top: 1px;
  display: none;
}
#product-grid .card__content .card__information .variant-options .variant-sizes .size {
  margin-right: 5px;
}
@media screen and (max-width: 873px) {
  #product-grid .card__content .card__information .variant-options .variant-sizes {
    display: flex;
  }
  #product-grid .card__content .card__information .variant-options .variant-sizes .size {
    margin-right: 5px;
  }
}
#product-grid .card__content .card__heading {
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: 14px; /* 116.667% */
  letter-spacing: 0.36px;
  leading-trim: both;
  text-edge: cap;
}
#product-grid .card-wrapper .media > img {
  transition: none;
}
@media (hover: hover) {
  #product-grid .card-wrapper:hover .media.media--hover-effect > img + img {
    transform: scale(1.015);
    opacity: 1 !important;
  }
}
#product-grid .card-wrapper .color-swatches-overlay {
  display: none;
  position: absolute;
  height: auto;
  width: auto;
  top: 10px;
  left: 10px;
  z-index: 2;
}
#product-grid .card-wrapper .color-swatches-overlay .color-swatches {
  display: flex;
  flex-direction: column;
  gap: 4px;
  margin: 0;
}
#product-grid .card-wrapper .color-swatches-overlay .color-swatches .swatch {
  border-radius: 50%;
  display: inline-block;
  height: 12px;
  width: 12px;
}
#product-grid .card-wrapper .color-swatches-overlay .color-swatches .swatch-image {
  border-radius: 50%;
  height: 16px;
  width: 16px;
  border: 2px solid rgba(255, 255, 255, 0.8);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
  transition: transform ease 0.2s;
}

.related-item + .related-item {
  margin-top: 20px;
}
.related-item .card-wrapper {
  align-items: flex-start;
}
.related-item .card__content {
  margin-left: 20px;
}
.related-item .card__media {
  width: 9rem;
}
.related-item .card__media .media {
  padding-top: 150%;
}

.tab + .tab {
  margin-left: 3rem;
}
.tab.active a.underline-animation::after {
  opacity: 1;
}

#legal .text-content {
  opacity: 0;
  max-height: 0;
  transition: opacity ease 250ms;
  line-height: 1.375;
  overflow: hidden;
}
#legal .text-content a {
  text-decoration: underline;
}
#legal .text-content ol {
  list-style: decimal;
  list-style-position: inside;
}
#legal .text-content ul {
  list-style: disc;
  list-style-position: inside;
}
#legal .text-content.active {
  max-height: -moz-max-content;
  max-height: max-content;
  opacity: 1;
}

#faq .subtitle a {
  vertical-align: middle;
  display: inline-block;
  padding-bottom: 4px;
  position: relative;
}
#faq .subtitle a::after {
  content: "";
  width: 100%;
  height: 1px;
  background-color: currentColor;
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  opacity: 0;
  transition: ease 250ms;
}
@media (hover: hover) {
  #faq .subtitle a:hover::after {
    opacity: 1;
  }
}

.field__input:focus ~ .field__label,
.field__input:not(:placeholder-shown) ~ .field__label,
.field__input:-webkit-autofill ~ .field__label,
.customer .field input:focus ~ label,
.customer .field input:not(:placeholder-shown) ~ label,
.customer .field input:-webkit-autofill ~ label {
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: 14px; /* 116.667% */
  letter-spacing: 0.36px;
  leading-trim: both;
  text-edge: cap;
}

.field__input {
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: 14px; /* 116.667% */
  letter-spacing: 0.36px;
  leading-trim: both;
  text-edge: cap;
}

.field__label,
.customer .field label {
  top: 20px;
  color: #696969;
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: 14px; /* 116.667% */
  letter-spacing: 0.36px;
  leading-trim: both;
  text-edge: cap;
}

.field__input:focus,
.field__input:not(:placeholder-shown),
.field__input:-webkit-autofill,
.customer .field input:focus,
.customer .field input:not(:placeholder-shown),
.customer .field input:-webkit-autofill {
  padding-left: 0;
  padding-right: 0;
}

.field {
  border-bottom: 1px solid #696969;
}

.text-area {
  border: 1px solid #696969;
  padding-top: 1.4rem;
  padding-bottom: 1.4rem;
  padding-left: 2rem !important;
  padding-right: 2rem !important;
}

.row {
  gap: 0;
}
.row:nth-child(even) .media-row {
  margin-top: 4.3rem;
  margin-left: auto;
}
@media screen and (min-width: 768px) {
  .row:nth-child(even) .media-row {
    margin-top: 0rem;
  }
}
.row:nth-child(even) .media-row > div {
  margin-left: auto;
}
.row:nth-child(even) .content-row {
  padding-top: 3.5rem;
  justify-self: flex-end;
}
@media screen and (min-width: 768px) {
  .row:nth-child(even) .content-row {
    width: 90%;
    padding-top: 9rem;
    padding-left: 4rem;
    padding-right: 0;
    padding-bottom: 9rem;
    text-align: end;
  }
}
@media screen and (min-width: 874px) {
  .row:nth-child(even) .content-row {
    padding-top: 4rem;
    padding-bottom: 5.5rem;
  }
}
@media screen and (min-width: 991px) {
  .row:nth-child(even) .content-row {
    grid-column-start: 8;
    padding-right: 4rem;
    padding-left: 0;
  }
}
@media screen and (min-width: 1280px) {
  .row:nth-child(even) .content-row {
    justify-self: center;
  }
}
@media screen and (min-width: 1366px) {
  .row:nth-child(even) .content-row {
    width: 88%;
    height: -moz-max-content;
    height: max-content;
    margin-top: 55%;
    padding-left: 4rem;
    padding-bottom: 9rem;
  }
}
@media screen and (min-width: 768px) {
  .row:nth-child(odd) .media-row {
    grid-column-start: 7;
  }
}
.row:nth-child(odd) .media-row > div {
  margin-right: auto;
}
.row:nth-child(odd) .content-row {
  padding-bottom: 3.5rem;
  text-align: start;
  justify-content: flex-start;
  grid-row-start: 1;
}
@media screen and (min-width: 768px) {
  .row:nth-child(odd) .content-row {
    padding-left: 0;
    padding-right: 4rem;
    padding-bottom: 5.5rem;
    grid-column-start: 1;
    grid-row-start: 1;
  }
}
@media screen and (min-width: 874px) {
  .row:nth-child(odd) .content-row {
    padding-bottom: 9rem;
  }
}
@media screen and (min-width: 1280px) {
  .row:nth-child(odd) .content-row {
    justify-content: center;
  }
}
@media screen and (min-width: 1366px) {
  .row:nth-child(odd) .content-row {
    padding-bottom: 19rem;
  }
}

.newsletter.newsletter-modal {
  opacity: 0;
  overflow: hidden;
  pointer-events: none;
  transition: opacity ease 0.5s, bottom ease 400ms, transform ease 0.5s;
  bottom: auto !important;
  top: 50%;
  left: 50%;
  right: auto;
  transform: translate(-50%, -50%);
  width: 300px;
  height: 400px;
}
.newsletter.newsletter-modal.active {
  opacity: 1;
  overflow: visible;
  z-index: 30;
  pointer-events: all;
  bottom: auto !important;
  top: 50%;
  left: 50%;
  right: auto;
  transform: translate(-50%, -50%);
}
.newsletter.newsletter-modal.menu-open {
  opacity: 0;
  height: 0;
  overflow: hidden;
  pointer-events: none;
}
.newsletter.newsletter-modal #newsletter-wrapper {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 22px 16px;
  height: 100%;
}
.newsletter.newsletter-modal #newsletter-wrapper.has-been-submited .form {
  display: none;
}
.newsletter.newsletter-modal #newsletter-wrapper.has-been-submited .success-subscription {
  display: block;
}
.newsletter.newsletter-modal .field__input,
.newsletter.newsletter-modal .select__select,
.newsletter.newsletter-modal .customer .field input,
.newsletter.newsletter-modal .customer select {
  height: 3.5rem;
}
.newsletter.newsletter-modal .header-form {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  margin-bottom: 15px;
  width: 100%;
}
.newsletter.newsletter-modal .subscribe-message {
  margin-bottom: 15px;
}
.newsletter.newsletter-modal .privacy-message a {
  text-decoration: underline;
}
.newsletter.newsletter-modal .privacy-message a:hover {
  text-decoration: none;
}
.newsletter.newsletter-modal .form {
  position: relative;
}
.newsletter.newsletter-modal .form .field__input {
  border: none;
  padding: 0;
  padding-right: 75px;
  width: 100%;
}
.newsletter.newsletter-modal .form .field__input::-moz-placeholder {
  color: #aaaaaa;
  opacity: 1 !important;
}
.newsletter.newsletter-modal .form .field__input::placeholder {
  color: #aaaaaa;
  opacity: 1 !important;
}
.newsletter.newsletter-modal .form .newsletter-form__button {
  color: #aaaaaa;
  position: absolute;
  right: 0;
  bottom: 2px;
}
.newsletter.newsletter-modal .form .newsletter-form__button:hover {
  color: #050505;
}

#newsletter-shadow-bg {
  display: block !important;
  position: fixed;
  width: 100vw;
  height: 100vh;
  background-color: rgba(0, 0, 0, 0.4);
  top: 0;
  left: 0;
  pointer-events: none;
  opacity: 0;
  transition: ease 400ms;
}
#newsletter-shadow-bg.active {
  pointer-events: all;
  opacity: 1;
}
#newsletter-shadow-bg.active ~ .newsletter.newsletter-modal {
  opacity: 1;
  overflow: visible;
  z-index: 30;
  pointer-events: all;
  bottom: 0;
}
@media screen and (min-width: 874px) {
  #newsletter-shadow-bg.active ~ .newsletter.newsletter-modal {
    bottom: unset;
  }
}

input[type=checkbox] {
  display: none;
}
input[type=checkbox]:checked ~ .custom-input {
  background-color: #050505;
}

label a {
  text-underline-offset: 5px;
}

.custom-input {
  display: block !important;
  width: 1.5rem;
  height: 1.5rem;
  border: 1px solid #050505;
  cursor: pointer;
  background-color: transparent;
  transition: ease 250ms;
}
.custom-input ~ label {
  cursor: pointer;
}

.product-nav-wrapper {
  position: static;
  z-index: 20;
}

.product__description {
  margin-top: 24px;
}
.product__description p {
  margin-bottom: 12px;
}
.product__description p:last-of-type {
  margin-bottom: 0;
}

.additional-info {
  margin-top: 10px;
}

.affirm-info {
  color: #aaaaaa;
  margin-top: 3px;
}
.affirm-info a {
  text-decoration: underline;
}
.affirm-info a:hover {
  text-decoration: none;
}

.pdp-variant-container {
  display: block;
  width: 100%;
  z-index: 2;
  margin-top: 15px;
}
.pdp-variant-container .pdp-variant {
  margin-bottom: 24px;
  width: -moz-max-content;
  width: max-content;
  height: 100%;
}
.pdp-variant-container .pdp-variant .grid {
  margin-bottom: 0;
}
.pdp-variant-container .pdp-variant:last-of-type {
  margin-bottom: 0;
}
.pdp-variant-container .pdp-variant:last-of-type fieldset label {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  text-transform: capitalize;
}
.pdp-variant-container .pdp-variant:last-of-type fieldset label.sold-out {
  color: #737373;
}
.pdp-variant-container .pdp-variant fieldset label {
  display: grid;
  align-items: center;
  gap: 1rem;
  text-align: center;
  justify-content: flex-start;
  grid-template-columns: repeat(2, auto);
  text-transform: capitalize;
}
@media screen and (min-width: 768px) {
  .pdp-variant-container .pdp-variant fieldset label {
    grid-template-columns: repeat(2, 1fr);
    justify-content: center;
  }
}
.pdp-variant-container .pdp-variant fieldset label > *:nth-child(1) {
  justify-self: flex-end;
  margin-right: 0;
}
.pdp-variant-container .pdp-variant fieldset label > *:nth-child(2) {
  justify-self: flex-start;
  margin-left: 0;
}

.appikon-bis-inline-form-wrapper .appikon-bis-inline-form-title {
  margin: 0;
}

.pdp-nav {
  z-index: 10;
  background-color: #fff;
}
.pdp-nav .pdp-variant:last-of-type {
  order: 2;
  grid-row: 1/2;
}
@media screen and (min-width: 768px) {
  .pdp-nav .pdp-variant:last-of-type {
    grid-column: 2/3;
  }
}
.pdp-nav .pdp-variant:first-of-type {
  order: 1;
  grid-row: 1/2;
  grid-column: 1/2;
}
.pdp-nav > * {
  background-color: #fff;
}
.pdp-nav .variant-modal-shadow-bg {
  display: block !important;
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: calc(100vh - 7rem);
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 0;
  opacity: 0;
  pointer-events: none;
  transition: ease 400ms;
}
@media screen and (min-width: 768px) {
  .pdp-nav .variant-modal-shadow-bg {
    z-index: -1;
  }
}
@media screen and (min-width: 874px) {
  .pdp-nav .variant-modal-shadow-bg {
    display: none !important;
  }
}
.pdp-nav .variant-option.active ~ .variant-modal-shadow-bg {
  opacity: 1;
  pointer-events: all;
}
.pdp-nav .pdp-nav-info {
  display: block;
}

span.price, span.price-item {
  color: #050505;
}
span.price.final_sale {
  color: #b4b4b4;
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: 15px;
  leading-trim: both;
  text-edge: cap;
}

.pdp-variant {
  position: relative;
}
.pdp-variant .variant-dropdown {
  border: none;
  box-shadow: none;
  background: white;
  left: -5px;
}
@media screen and (max-width: 873px) {
  .pdp-variant .variant-dropdown {
    left: 0px;
  }
}
.pdp-variant .variant-dropdown .variant-option {
  border: 0;
  display: flex;
  justify-content: flex-start;
  white-space: nowrap;
  padding: 5px;
}
.pdp-variant .variant-dropdown .variant-option:hover {
  color: rgba(0, 0, 0, 0.5);
}
@media screen and (max-width: 873px) {
  .pdp-variant .variant-dropdown .variant-option {
    padding: 10px 20px;
  }
}
@media screen and (min-width: 768px) {
  .pdp-variant:not(.active) {
    z-index: unset;
  }
}
.pdp-variant .variant-label {
  line-height: 1;
  position: relative;
  top: 2px;
}
.pdp-variant .size-option-header {
  display: flex;
  align-items: center;
  margin-bottom: 1rem;
}
.pdp-variant .size-option-header .variant-label {
  font-weight: 500;
  font-size: 1rem;
  color: #050505;
}
.pdp-variant .variant-sizes-horizontal {
  position: static !important;
  background: transparent !important;
  display: block !important;
  width: auto !important;
  overflow: visible !important;
  max-height: none !important;
}
.pdp-variant .variant-sizes-horizontal .size-variants-container {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  align-items: flex-start;
  margin-top: 0;
}
.pdp-variant .variant-sizes-horizontal .size-variants-container .size-variant-item {
  position: relative;
  padding: 0;
}
.pdp-variant .variant-sizes-horizontal .size-variants-container .size-variant-item .size-variant-label {
  display: inline-block;
  cursor: pointer;
  transition: all 0.2s ease;
  text-align: center;
  text-underline-offset: 3px;
  text-decoration-thickness: 2px;
}
.pdp-variant .variant-sizes-horizontal .size-variants-container .size-variant-item .size-variant-label:hover {
  text-decoration: underline;
}
.pdp-variant .variant-sizes-horizontal .size-variants-container .size-variant-item .size-variant-label.current-variant {
  text-decoration: underline;
}
.pdp-variant .variant-sizes-horizontal .size-variants-container .size-variant-item .size-variant-label.unavailable {
  color: #bababa;
  text-decoration: line-through;
  cursor: not-allowed;
}
.pdp-variant .variant-sizes-horizontal .size-variants-container .size-variant-item .size-variant-label.unavailable:hover {
  text-decoration: underline line-through;
}
.pdp-variant .variant-sizes-horizontal.active, .pdp-variant .variant-sizes-horizontal:has(.active) {
  position: static !important;
  background: transparent !important;
  display: block !important;
  width: auto !important;
  align-items: stretch !important;
  overflow: visible !important;
  max-height: none !important;
  opacity: 1 !important;
  box-shadow: none !important;
  transition: none !important;
  z-index: auto !important;
  transform: none !important;
}
.pdp-variant .variant-dropdown {
  border: none;
  box-shadow: none;
  background: white;
  left: -5px;
}
@media screen and (max-width: 873px) {
  .pdp-variant .variant-dropdown {
    left: 0px;
  }
}
.pdp-variant .variant-dropdown .variant-option {
  border: 0;
  display: flex;
  justify-content: flex-start;
  white-space: nowrap;
  padding: 5px;
}
.pdp-variant .variant-dropdown .variant-option:hover {
  color: rgba(0, 0, 0, 0.5);
}
@media screen and (max-width: 873px) {
  .pdp-variant .variant-dropdown .variant-option {
    padding: 10px 20px;
  }
}
.pdp-variant fieldset {
  position: static;
  background: transparent;
  display: block;
  width: auto;
  align-items: stretch;
  overflow: visible;
  max-height: none;
  opacity: 1;
  box-shadow: none;
  transition: none;
  z-index: auto;
}
.pdp-variant fieldset.variant-dropdown,
.pdp-variant fieldset .variant-dropdown {
  position: fixed;
  bottom: 0;
  left: 0;
  background: #fff;
  display: flex;
  flex-direction: column;
  width: 100%;
  align-items: center;
  overflow: hidden;
  max-height: 0;
  opacity: 0;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05);
  transition: ease 0.1s;
  z-index: 2;
}
.pdp-variant fieldset input[type=radio]:checked ~ label {
  position: relative;
}
@media screen and (min-width: 768px) {
  .pdp-variant fieldset.variant-dropdown,
  .pdp-variant fieldset .variant-dropdown {
    position: absolute;
    bottom: -10px;
    transform: translateY(100%);
  }
}
.pdp-variant fieldset:last-child {
  border-bottom: 1px solid #dedede;
}
.pdp-variant .variant-option span {
  order: 2;
  pointer-events: none;
  text-transform: capitalize;
}
.pdp-variant .variant-option span.cloned-swatch {
  order: 1;
}
.pdp-variant .variant-option svg {
  pointer-events: none;
  order: 3;
  transform: rotate(0deg);
}
.pdp-variant .variant-option.active svg {
  transform: rotate(-180deg);
}
.pdp-variant .variant-option.active ~ fieldset.variant-dropdown, .pdp-variant .variant-option.active ~ fieldset .variant-dropdown {
  max-height: 70vh;
  opacity: 1;
}

#pdp-nav-add-to-cart {
  grid-column: span 2;
  width: 100%;
  margin-top: 30px;
}

#product-info-container {
  justify-content: center;
  display: flex;
  border: none !important;
}
#product-info-container .product__title {
  width: 100%;
  line-height: normal;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: 14px; /* 116.667% */
  letter-spacing: 0.36px;
  leading-trim: both;
  text-edge: cap;
}
#product-info-container .product__title h1 {
  white-space: unset;
}
@media screen and (min-width: 768px) {
  #product-info-container {
    padding: 0 0 15px;
    position: sticky;
    height: -moz-fit-content;
    height: fit-content;
    top: 148px;
  }
}
#product-info-container .card-wrapper {
  display: none;
}
@media screen and (min-width: 874px) {
  #product-info-container .card-wrapper {
    display: flex;
  }
}
#product-info-container .product-info {
  display: block;
  padding: 0;
  max-width: 318px;
}
@media screen and (max-width: 873px) {
  #product-info-container .product-info {
    padding: 30px 15px;
    max-width: 100%;
  }
}
#product-info-container .product-info .pdp-variant.colors {
  width: 100%;
}
#product-info-container .product-info ul li {
  list-style-type: disc;
  margin-left: 11px;
}
#product-info-container .product-info .new-color-variants {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  margin: 0;
  padding: 0;
  width: 100%;
  list-style: none;
}
#product-info-container .product-info .new-color-variants li {
  display: inline-block;
  list-style: none;
  margin: 0;
}
#product-info-container .product-info .new-color-variants li .product-link {
  display: inline-block;
}
#product-info-container .product-info .new-color-variants li .swatch-color {
  border: 1px solid #e3e3e3;
  height: 12.5px;
  width: 12.5px;
  display: inline-block;
}
#product-info-container .product-info .new-color-variants li .swatch-color.current-variant {
  border: 0.5px solid #050505;
  box-shadow: inset 0 0 0 1px rgb(255, 255, 255);
}
#product-info-container .product-info .ac:first-child {
  margin-top: 0;
}
#product-info-container .product-info .ac .ac-header .ac-trigger {
  line-height: 18px;
  padding-top: 0;
  padding-bottom: 0;
}
#product-info-container .product-info .ac .ac-header .ac-trigger::after {
  content: "+";
  width: unset;
  height: unset;
  background-image: none;
  transform: none;
  transition: ease 250ms;
  position: static;
  right: unset;
  top: unset;
  margin-left: 0.2em;
}
#product-info-container .product-info .ac .ac-panel {
  box-sizing: border-box;
}
#product-info-container .product-info .ac .ac-panel::after {
  content: "";
  display: block;
  padding-bottom: 10px;
}
#product-info-container .product-info .ac .ac-panel *:last-child {
  padding-bottom: 0;
}
#product-info-container .product-info .ac.is-active .ac-trigger::after {
  content: "-";
}

.product.grid {
  margin-bottom: 0;
}

#video-banner,
.image-banner {
  margin-top: 0;
  height: calc(100vh - 1rem - 6.8rem - 3rem);
}
@media screen and (min-width: 768px) {
  #video-banner,
  .image-banner {
    margin-top: -7rem;
  }
}
@media screen and (min-width: 874px) {
  #video-banner,
  .image-banner {
    margin-top: 0rem;
    height: 100vh;
  }
}
#video-banner video,
#video-banner img,
.image-banner video,
.image-banner img {
  width: 100%;
  height: 100%;
  min-height: unset;
  max-height: unset;
  -o-object-fit: cover;
     object-fit: cover;
}

.grid__item.product__media-wrapper {
  margin-top: 0rem;
}
.grid__item.product__media-wrapper .product__media-list .related.tablet .related-item + .related-item {
  margin-top: 2rem;
}
@media screen and (min-width: 768px) {
  .grid__item.product__media-wrapper .product__media-list .related.tablet .related-item + .related-item {
    margin-top: 0;
  }
}
.grid__item.product__media-wrapper .product__media-list .related.tablet .related-item:first-of-type .card-wrapper .card__content {
  margin-right: 2rem;
}
.grid__item.product__media-wrapper .product__media-list .related.tablet .media {
  padding-top: 150%;
}
.grid__item.product__media-wrapper .product__media-list .related.tablet .card.card--media {
  width: max(12vw, 9.2rem);
}
.grid__item.product__media-wrapper .product__media-list .related.tablet .card-wrapper {
  display: flex;
  align-items: center;
}
.grid__item.product__media-wrapper .product__media-list .related.tablet .card-wrapper .card__content {
  margin-left: 2rem;
}

.product-media-modal.media-modal {
  cursor: default;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 0;
  height: 100vh;
  width: 100vw;
  opacity: 0;
  pointer-events: none;
  transition: ease 400ms;
  background-color: #fff;
}
.product-media-modal.media-modal.is-visible {
  opacity: 1;
  pointer-events: all;
  z-index: 30;
}
.product-media-modal.media-modal .product-media-modal__dialog {
  height: 100%;
}
.product-media-modal.media-modal .product-media-modal__toggle {
  position: absolute;
  top: 15px;
  right: 15px;
  color: #fff;
  mix-blend-mode: exclusion;
  z-index: 2;
  text-transform: capitalize;
}
@media screen and (min-width: 768px) {
  .product-media-modal.media-modal .product-media-modal__toggle {
    right: 25px;
    top: 25px;
  }
}
.product-media-modal.media-modal .product-media-modal__content {
  overflow-y: auto;
  height: 100%;
  color: transparent;
  font-size: 0;
}
.product-media-modal.media-modal .product-media-modal__content img,
.product-media-modal.media-modal .product-media-modal__content video {
  width: 100%;
}

.back-in-stock-block .bis-form {
  display: block;
}
.back-in-stock-block .bis-form h3 {
  margin-bottom: 20px;
}
.back-in-stock-block .bis-form input[type=email] {
  width: 265px;
}
.back-in-stock-block .button {
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: 14px; /* 116.667% */
  letter-spacing: 0.36px;
  leading-trim: both;
  text-edge: cap;
  width: 265px;
  height: auto;
  line-height: 1;
  letter-spacing: 0;
  padding-top: 8px;
  padding-bottom: 6px;
  padding-left: 57.5px;
  padding-right: 57.5px;
  background-color: #050505;
  color: #fff;
  display: inline-block;
  margin-top: 15px;
  text-align: center;
}

.product-form {
  width: 100%;
  height: auto;
  position: relative;
}
.product-form .product-form__error-message-wrapper {
  padding: 10px 0;
  width: 100%;
}
@media screen and (min-width: 768px) {
  .product-form {
    height: 100%;
  }
}
.product-form form {
  width: 100%;
  height: auto;
}
@media screen and (min-width: 768px) {
  .product-form form {
    height: 100%;
  }
}
.product-form form .product-form__buttons {
  width: 100%;
  height: auto;
}
@media screen and (min-width: 768px) {
  .product-form form .product-form__buttons {
    height: 100%;
  }
}
.product-form form .product-form__buttons button,
.product-form form .product-form__buttons .notify-btn {
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: 14px; /* 116.667% */
  letter-spacing: 0.36px;
  leading-trim: both;
  text-edge: cap;
  height: auto;
  line-height: 1;
  letter-spacing: 0;
  padding-top: 8px;
  padding-bottom: 6px;
  padding-left: 57.5px;
  padding-right: 57.5px;
  background-color: #050505;
  color: #fff;
  display: inline-block;
  text-align: center;
}
.product-form form .product-form__buttons button.hidden,
.product-form form .product-form__buttons .notify-btn.hidden {
  display: none;
}
.product-form form .product-form__buttons button span,
.product-form form .product-form__buttons .notify-btn span {
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: 14px; /* 116.667% */
  letter-spacing: 0.36px;
  leading-trim: both;
  text-edge: cap;
}
@media screen and (min-width: 768px) {
  .product-form form .product-form__buttons button,
  .product-form form .product-form__buttons .notify-btn {
    height: 100%;
  }
}
@media screen and (max-width: 767px) {
  .product-form form .product-form__buttons button,
  .product-form form .product-form__buttons .notify-btn {
    width: 100%;
  }
}

.product__recommends {
  padding-top: 50px;
}
@media screen and (max-width: 873px) {
  .product__recommends {
    padding-top: 0;
  }
}
.product__recommends .collection__title {
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: 14px; /* 116.667% */
  letter-spacing: 0.36px;
  leading-trim: both;
  text-edge: cap;
  text-align: center;
  margin-bottom: 50px;
}
.product__recommends #product-grid {
  row-gap: 0px;
  -moz-column-gap: 0px;
       column-gap: 0px;
}

.product__share {
  display: none;
  position: relative;
}
.product__share-icon {
  width: 18px;
  height: 18px;
  cursor: pointer;
}
.product__share-container {
  position: fixed;
  bottom: 0;
  left: 0;
  display: flex;
  flex-direction: column;
  transition: ease 0.4s;
  opacity: 0;
  pointer-events: none;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05);
  background: #fff;
  z-index: 3;
  transform: translateY(100%);
  width: 100%;
  font-size: 1.4rem;
}
@media screen and (min-width: 768px) {
  .product__share-container {
    position: absolute;
    top: 100%;
    right: 0;
    bottom: unset;
    left: unset;
    transform: none;
    margin-top: 20px;
    width: -moz-fit-content;
    width: fit-content;
    font-size: 1.6rem;
  }
}
.product__share-container > * {
  border-bottom: 1px solid rgba(0, 0, 0, 0.05);
}
.product__share-container > *:last-child {
  border-bottom: none;
}
.product__share-background {
  display: block !important;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  pointer-events: none;
  transition: ease 0.4s;
  background: rgba(0, 0, 0, 0.5);
  z-index: 3;
}
@media screen and (min-width: 768px) {
  .product__share-background {
    display: none !important;
  }
  .product__share-header {
    display: none;
  }
}
.product__share-link {
  padding: 2rem;
  transition: 0.4s;
}
.product__share-link:hover {
  background: rgba(0, 0, 0, 0.05);
}
@media screen and (min-width: 768px) {
  .product__share-link {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
  }
}
.product__share.active .product__share-container {
  opacity: 1;
  pointer-events: auto;
  transform: translateY(0);
}
.product__share.active .product__share-background {
  opacity: 1;
  pointer-events: auto;
}

.product__media-list {
  margin-bottom: 0;
}
@media screen and (max-width: 767px) {
  .product__media-list {
    flex-wrap: nowrap;
    height: auto !important;
  }
  .product__media-list.swiper-wrapper {
    height: auto !important;
    align-items: flex-start;
  }
}

.product-swiper {
  --swiper-theme-color: #3d3d3d;
  --swiper-pagination-bullet-width: 6px;
  --swiper-pagination-bullet-height: 6px;
}
@media screen and (min-width: 768px) {
  .product-swiper {
    padding-left: 0;
  }
}
@media screen and (max-width: 873px) {
  .product-swiper {
    touch-action: pan-x pinch-zoom;
    -webkit-user-select: none;
       -moz-user-select: none;
            user-select: none;
  }
  .product-swiper .swiper-wrapper {
    display: flex !important;
    touch-action: pan-x;
    width: 100%;
    position: relative;
  }
  .product-swiper .swiper-slide {
    touch-action: pan-x;
    flex-shrink: 0;
    width: 100% !important;
    height: 100%;
    display: block !important;
    position: relative;
  }
  .product-swiper .swiper-slide.grid__item {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
  }
  .product-swiper .swiper-slide.grid__item img {
    -o-object-fit: cover;
       object-fit: cover;
  }
  .product-swiper .product__media-list {
    display: flex !important;
    flex-wrap: nowrap !important;
    width: 100%;
    position: relative;
  }
  .product-swiper .product-swiper {
    width: 100%;
    overflow: hidden;
    position: relative;
  }
  .product-swiper .swiper {
    height: auto !important;
  }
  .product-swiper .swiper .swiper-wrapper {
    height: auto !important;
    align-items: flex-start;
  }
  .product-swiper .swiper .swiper-slide {
    height: auto !important;
  }
  .product-swiper .swiper .swiper-slide img {
    -o-object-fit: cover;
       object-fit: cover;
  }
  #Slider-Gallery-template--19595204067561__main-shopify-native,
  [id^=Slider-Gallery-][id$=-shopify-native] {
    height: auto !important;
    min-height: 0 !important;
  }
  #Slider-Gallery-template--19595204067561__main-shopify-native.swiper-wrapper,
  [id^=Slider-Gallery-][id$=-shopify-native].swiper-wrapper {
    height: auto !important;
    align-items: flex-start;
  }
  .product-swiper .swiper-autoheight {
    height: auto !important;
  }
  .product-swiper .swiper-autoheight .swiper-wrapper {
    height: auto !important;
    align-items: flex-start;
  }
  .product-swiper .swiper-wrapper[style*=height] {
    height: auto !important;
  }
}
.product-swiper .swiper-pagination {
  bottom: 15px;
}

.product__container {
  display: grid;
  grid-template-columns: 1fr;
}
.product__container .swiper {
  width: 100%;
}
@media screen and (min-width: 768px) {
  .product__container {
    grid-template-columns: 1fr 1fr;
  }
  .product__container .swiper-slide {
    height: auto;
  }
  .product__container .swiper-pagination {
    display: none;
  }
}

#shopify-section-footer {
  background-color: #fff !important;
  z-index: 20;
  position: relative;
}

#video-banner video {
  width: 100%;
}

#fit-guide-shadow-bg {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background-color: rgba(0, 0, 0, 0.4);
  z-index: 30;
  opacity: 0;
  pointer-events: none;
  transition: ease 400ms;
}
#fit-guide-shadow-bg.is-visible {
  display: block !important;
  opacity: 1;
  pointer-events: all;
}

.measurements-tables {
  opacity: 0;
  height: 0;
  overflow: hidden;
  pointer-events: none;
  transition: opacity 750ms;
}
.measurements-tables.active {
  opacity: 1;
  height: auto;
  pointer-events: all;
  overflow: visible;
}

#measurements-units-toggle button {
  position: relative;
  overflow: hidden;
  padding-bottom: 6px;
}
#measurements-units-toggle button::after {
  content: "";
  width: 100%;
  height: 0.1rem;
  background-color: currentColor;
  display: block;
  position: absolute;
  bottom: 0;
  opacity: 0;
  transition: ease 250ms;
}
@media (hover: hover) {
  #measurements-units-toggle button:hover::after {
    opacity: 1;
  }
}
#measurements-units-toggle button.active::after {
  opacity: 1;
}

.sizeguide-panel {
  top: unset;
  right: unset;
  left: 0;
  bottom: 0;
  min-height: unset;
  width: 100vw;
  position: fixed;
  background-color: #fff;
  z-index: 30;
  transition: ease 0.4s;
  transform: translateY(100%);
}
@media screen and (min-width: 874px) {
  .sizeguide-panel {
    top: 0;
    right: 0;
    left: unset;
    bottom: unset;
    min-height: 100vh;
    width: max(25vw, 53rem);
    transform: translateX(100%);
  }
}
.sizeguide-panel.is-visible {
  transform: translateY(0);
  z-index: 100;
}
@media screen and (min-width: 874px) {
  .sizeguide-panel.is-visible {
    transform: translateX(0);
  }
}
.sizeguide-panel .tabs .sizeguide-tab {
  width: -moz-max-content;
  width: max-content;
  cursor: pointer;
}
.sizeguide-panel .tabs .sizeguide-tab::after {
  content: "";
  display: block;
  width: 100%;
  background-color: #050505;
  margin-top: 6px;
  opacity: 0;
  height: 1px;
  transform-origin: center left;
  transition: ease 250ms;
}
@media (hover: hover) {
  .sizeguide-panel .tabs .sizeguide-tab:hover::after {
    opacity: 1;
  }
}
.sizeguide-panel .tabs .sizeguide-tab.active::after {
  opacity: 1;
}
@media (hover: hover) {
  .sizeguide-panel .tabs .sizeguide-tab:hover::after {
    transform: scaleX(1);
  }
}
.sizeguide-panel .tables::after {
  content: "";
  display: block;
  position: absolute;
  width: 3rem;
  height: 100%;
  background: white;
  background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgb(255, 255, 255) 100%);
  top: 0;
  right: 0;
}
@media screen and (min-width: 874px) {
  .sizeguide-panel .tables::after {
    content: none;
  }
}
.sizeguide-panel .tables .sizeguide-table {
  white-space: nowrap;
  overflow-x: auto;
  padding-bottom: 2rem;
}
.sizeguide-panel .tables .sizeguide-table table {
  min-width: 50rem;
}
.sizeguide-panel .tables .sizeguide-table table tbody tr td {
  padding-top: 8px;
  padding-bottom: 8px;
  text-align: center;
}
.sizeguide-panel .tables .sizeguide-table table tbody tr td:first-child {
  padding-left: 2rem;
  text-align: start;
}
@media screen and (min-width: 768px) {
  .sizeguide-panel .tables .sizeguide-table table tbody tr td:first-child {
    padding-left: 3rem;
  }
}
.sizeguide-panel .tables .sizeguide-table table tbody tr td:last-child {
  padding-right: 2rem;
}
@media screen and (min-width: 768px) {
  .sizeguide-panel .tables .sizeguide-table table tbody tr td:last-child {
    padding-right: 3rem;
  }
}
.sizeguide-panel .tables > div {
  opacity: 0;
  max-height: 0;
  transition: opacity ease 250ms;
}
.sizeguide-panel .tables > div.active {
  opacity: 1;
  max-height: 100vh;
}
.sizeguide-panel .related {
  padding-top: 2rem;
  padding-left: 2rem;
  padding-right: 2rem;
}
@media screen and (min-width: 768px) {
  .sizeguide-panel .related {
    padding-top: 3rem;
    padding-left: 3rem;
    padding-right: 3rem;
  }
}
.sizeguide-panel .related img {
  min-width: 9rem;
  width: 9rem;
  aspect-ratio: 9/13.5;
}
.sizeguide-panel .card-wrapper {
  display: flex;
  padding-top: 3rem;
}
.sizeguide-panel .card-wrapper .card__content {
  margin-left: 2rem;
}
.sizeguide-panel .card-wrapper .card__content .card__information > ul {
  margin-top: 0rem;
}
.sizeguide-panel .card-wrapper .card__content .card__information > ul li {
  list-style-type: none !important;
  margin-left: 0 !important;
}
.sizeguide-panel .card-wrapper .card--media {
  width: 9rem;
}
.sizeguide-panel .card-wrapper .card--media .media {
  padding-top: 150%;
  width: 100%;
}

.collection {
  padding-bottom: 10rem;
  position: relative;
}

#newsletter-terms-container a {
  padding-bottom: 4px;
  position: relative;
  margin-top: 4px;
  margin-left: 0.2em;
}
#newsletter-terms-container a::after {
  content: none;
  width: 100%;
  height: 1px;
  background-color: currentColor;
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  opacity: 0;
  transition: ease 250ms;
}
@media screen and (min-width: 874px) {
  #newsletter-terms-container a::after {
    content: "";
  }
}
@media (hover: hover) {
  #newsletter-terms-container a:hover::after {
    opacity: 1;
  }
}

.pagination-wrapper nav.pagination {
  display: flex;
  justify-content: flex-start;
  padding: 20px 25px 0;
}
@media screen and (max-width: 767px) {
  .pagination-wrapper nav.pagination {
    padding: 20px 15px 0;
  }
}
.pagination-wrapper nav.pagination .pagination__label {
  margin-right: 10px;
}
.pagination-wrapper .pagination__list {
  display: flex;
  justify-content: flex-start;
}
@media screen and (min-width: 1280px) {
  .pagination-wrapper .pagination__list {
    justify-content: flex-start;
  }
}
@media screen and (max-width: 1279px) {
  .pagination-wrapper .pagination__list li:not(:last-child) {
    display: flex;
    justify-content: center;
  }
}
.pagination-wrapper .pagination__list li:not(:last-child) a,
.pagination-wrapper .pagination__list li:not(:last-child) span {
  margin-right: 1rem;
}
.pagination-wrapper .pagination__list .pagination__item-arrow {
  display: none;
  margin-right: 0;
}
.pagination-wrapper .pagination__list .pagination__item {
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: 14px; /* 116.667% */
  letter-spacing: 0.36px;
  leading-trim: both;
  text-edge: cap;
  text-decoration: none;
}
.pagination-wrapper .pagination__list .pagination__item::after {
  content: ".";
}
.pagination-wrapper .pagination__list .pagination__item.pagination__item--current {
  color: #aaaaaa;
}

.pdp-module-grid {
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  padding-left: 0;
  padding-right: 0;
  padding-bottom: 5rem;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-template-rows: repeat(3, auto);
  grid-column-gap: 0px;
  grid-row-gap: 0px;
}
@media screen and (min-width: 873px) {
  .pdp-module-grid {
    padding-bottom: 0;
  }
}
@media screen and (max-width: 873px) {
  .pdp-module-grid {
    grid-template-columns: repeat(1, 1fr);
    grid-template-rows: repeat(4, auto);
  }
}
@media screen and (min-width: 768px) {
  .pdp-module-grid .content-card {
    display: flex;
    justify-content: flex-end;
    flex-direction: column;
  }
}
.pdp-module-grid .pdp-module__content {
  display: flex;
  flex-direction: column;
  margin-top: 2rem;
  font-size: 1.4rem;
  line-height: 1.5;
  max-width: min(35rem, 80%);
}
@media screen and (min-width: 1280px) {
  .pdp-module-grid .pdp-module__content {
    font-size: 1.6rem;
  }
}
.pdp-module-grid .pdp-module__content h5::after {
  content: "";
  display: block;
  width: 2rem;
  height: 1px;
  background-color: currentColor;
  margin-top: 1rem;
  margin-bottom: 1rem;
}
@media screen and (min-width: 768px) {
  .pdp-module-grid .pdp-module__content h5::after {
    margin-top: 1.6rem;
    margin-bottom: 1.6rem;
  }
}
.pdp-module-grid > div:nth-child(1) {
  grid-area: 1/1/2/3;
  grid-column: span 2;
}
@media screen and (max-width: 873px) {
  .pdp-module-grid > div:nth-child(1) {
    grid-area: 1/1/2/2;
  }
}
.pdp-module-grid > div:nth-child(2) {
  position: relative;
  grid-area: 2/1/3/2;
  aspect-ratio: 5760/6228;
  overflow: hidden;
}
@media screen and (max-width: 873px) {
  .pdp-module-grid > div:nth-child(2) {
    grid-area: 2/1/3/2;
  }
}
.pdp-module-grid > div:nth-child(3) {
  display: flex;
  flex-direction: column;
  grid-area: 2/2/3/3;
  aspect-ratio: 5760/6228;
  overflow: hidden;
}
@media screen and (max-width: 873px) {
  .pdp-module-grid > div:nth-child(3) {
    grid-area: 3/1/4/2;
  }
}
.pdp-module-grid > div:nth-child(3) .pdp-module__content {
  text-align: end;
  align-items: flex-end;
  margin-left: auto;
  padding-left: 4rem;
}
.pdp-module-grid > div:nth-child(3) .pdp-module__content h5::after {
  margin-left: auto;
}
.pdp-module-grid > div:nth-child(4) {
  grid-area: 3/1/4/3;
  grid-column: span 2;
}
@media screen and (max-width: 873px) {
  .pdp-module-grid > div:nth-child(4) {
    grid-area: 4/1/5/2;
  }
}
@media screen and (max-width: 767px) {
  .pdp-module-grid > div:nth-child(4) img {
    max-height: 22rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .pdp-module-grid > div:nth-child(4) .content-card {
    max-width: 100%;
  }
}
@media screen and (min-width: 768px) {
  .pdp-module-grid > div:nth-child(4) .pdp-module__content {
    text-align: end;
    align-items: flex-end;
    margin-left: auto;
  }
  .pdp-module-grid > div:nth-child(4) .pdp-module__content h5::after {
    margin-left: auto;
  }
}

#inquiry-shadow-bg {
  display: none;
  position: fixed;
  width: 100vw;
  height: 100vh;
  background-color: rgba(0, 0, 0, 0.4);
  top: 0;
  left: 0;
  pointer-events: none;
  opacity: 0;
  z-index: 30;
  transition: ease 400ms;
}
#inquiry-shadow-bg.active {
  display: block !important;
  pointer-events: all;
  opacity: 1;
}

#inquiry-modal {
  top: unset;
  right: unset;
  left: 0;
  bottom: 0;
  transform: translateY(100%);
  min-height: unset;
  width: 100vw;
  position: fixed;
  background-color: #fff;
  z-index: 30;
  transition: ease 0.4s;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  max-height: -webkit-fill-available;
  height: -webkit-fill-available;
  overflow-y: auto;
}
@media screen and (min-width: 640px) {
  #inquiry-modal {
    height: auto;
  }
}
@media screen and (max-width: 767px) {
  #inquiry-modal {
    height: auto;
  }
}
@media screen and (min-width: 874px) {
  #inquiry-modal {
    top: 0;
    right: 0;
    bottom: unset;
    left: unset;
    min-height: 100vh;
    width: max(25vw, 43rem);
    max-height: auto;
    height: auto;
    transform: translateX(100%);
  }
  #inquiry-modal.is-visible {
    transform: translateX(0);
  }
}
#inquiry-modal.is-visible {
  transform: translateY(0);
  z-index: 100;
}
#inquiry-modal .inquiry-header {
  position: sticky;
  top: 0;
  background-color: white;
  z-index: 11;
}
#inquiry-modal .card-wrapper {
  display: flex;
  padding-top: 3rem;
}
#inquiry-modal .card-wrapper .card__content {
  margin-left: 2rem;
}
#inquiry-modal .card-wrapper .card__content .card__information h3 {
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: 14px; /* 116.667% */
  letter-spacing: 0.36px;
  leading-trim: both;
  text-edge: cap;
}
#inquiry-modal .card-wrapper .card__content .card__information > ul li {
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: 14px; /* 116.667% */
  letter-spacing: 0.36px;
  leading-trim: both;
  text-edge: cap;
}
#inquiry-modal .card-wrapper .card--media {
  width: 9rem;
}
#inquiry-modal .card-wrapper .card--media .media {
  padding-top: 150%;
  width: 100%;
}

.inquiry-form-container {
  height: calc(100% - 7.1rem);
}

.custom-field {
  position: relative;
}
.custom-field label {
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: 14px; /* 116.667% */
  letter-spacing: 0.36px;
  leading-trim: both;
  text-edge: cap;
  position: absolute;
  line-height: 1;
  top: 5px;
  left: 0;
  transform-origin: top left;
  transform: scale(1);
  transition: ease 250ms;
  color: #707070;
  pointer-events: none;
}
.custom-field input[type=tel],
.custom-field input[type=password],
.custom-field input[type=text],
.custom-field input[type=email] {
  background: transparent;
  border: none;
  border-bottom: 1px solid #707070;
  line-height: 1.5;
  width: 100%;
  height: unset !important;
  padding-bottom: 4px;
  padding-top: 0;
}
.custom-field input[type=tel]:focus,
.custom-field input[type=password]:focus,
.custom-field input[type=text]:focus,
.custom-field input[type=email]:focus {
  padding: 0;
  padding-bottom: 4px;
}
.custom-field input[type=tel]:not(:-moz-placeholder) ~ label, .custom-field input[type=password]:not(:-moz-placeholder) ~ label, .custom-field input[type=text]:not(:-moz-placeholder) ~ label, .custom-field input[type=email]:not(:-moz-placeholder) ~ label {
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: 14px; /* 116.667% */
  letter-spacing: 0.36px;
  leading-trim: both;
  text-edge: cap;
  color: #050505;
  top: -1.4rem;
  left: 0;
}
.custom-field input[type=tel]:not(:placeholder-shown) ~ label, .custom-field input[type=tel]:focus ~ label,
.custom-field input[type=password]:not(:placeholder-shown) ~ label,
.custom-field input[type=password]:focus ~ label,
.custom-field input[type=text]:not(:placeholder-shown) ~ label,
.custom-field input[type=text]:focus ~ label,
.custom-field input[type=email]:not(:placeholder-shown) ~ label,
.custom-field input[type=email]:focus ~ label {
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: 14px; /* 116.667% */
  letter-spacing: 0.36px;
  leading-trim: both;
  text-edge: cap;
  color: #050505;
  top: -1.4rem;
  left: 0;
}

.gift-product .product__media-list {
  min-height: 100vh !important;
}
@media screen and (max-width: 873px) {
  .gift-product .product__media-list {
    height: auto !important;
    max-height: none !important;
    display: flex;
    flex-direction: column;
    grid-template-columns: repeat(1, minmax(0, 1fr));
    flex-wrap: nowrap;
    justify-content: flex-end;
  }
}
.gift-product .product__media-item {
  overflow: hidden;
}
@media screen and (max-width: 873px) {
  .gift-product .product__media-item {
    overflow: visible;
  }
}
.gift-product .media {
  pointer-events: none;
  height: 100vh;
}
@media screen and (max-width: 873px) {
  .gift-product .media {
    height: auto;
    padding-top: 70% !important;
  }
}
.gift-product .media:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.04);
  z-index: 2;
}
.gift-product .media img {
  height: 100vh !important;
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: center;
     object-position: center;
  filter: contrast(1.15);
}
@media screen and (max-width: 873px) {
  .gift-product .media img {
    height: 100% !important;
    width: 100% !important;
  }
}
@media screen and (min-width: 874px) and (hover: hover) {
  .gift-product .gift-form-wrapper .gift-label:hover::after {
    opacity: 1;
  }
}
.gift-product .gift-form-wrapper .gift-label.active::after {
  opacity: 1;
}
.gift-product .gift-form-wrapper .gift-label::after {
  content: "";
  width: 100%;
  height: 1px;
  background-color: currentColor;
  display: block;
  position: relative;
  bottom: -6px;
  left: 0;
  opacity: 0;
  transition: ease 250ms;
}
.gift-product .gift-form-wrapper textarea{
  font-size: 1.4rem;
  line-height: 1.25;
}
@media (min-width: 874px){
  .gift-product .gift-form-wrapper textarea{
    font-size: 1.4rem;
  }
}
@media (min-width: 1366px){
  .gift-product .gift-form-wrapper textarea{
    font-size: 1.6rem;
  }
}
.gift-product .gift-form-wrapper textarea {
  width: 100%;
  border: 1px solid #707070;
  padding-right: 2rem;
  padding-left: 2rem;
  padding-top: 1.5rem;
  padding-bottom: 1.4rem;
  height: 8em;
  resize: none;
}
.gift-product .gift-form-wrapper textarea::-moz-placeholder{
  font-size: 1.4rem;
  line-height: 1.25;
}
.gift-product .gift-form-wrapper textarea::placeholder{
  font-size: 1.4rem;
  line-height: 1.25;
}
@media (min-width: 874px){
  .gift-product .gift-form-wrapper textarea::-moz-placeholder{
    font-size: 1.4rem;
  }
  .gift-product .gift-form-wrapper textarea::placeholder{
    font-size: 1.4rem;
  }
}
@media (min-width: 1366px){
  .gift-product .gift-form-wrapper textarea::-moz-placeholder{
    font-size: 1.6rem;
  }
  .gift-product .gift-form-wrapper textarea::placeholder{
    font-size: 1.6rem;
  }
}
.gift-product .gift-form-wrapper textarea::-moz-placeholder {
  color: #9ca3af;
}
.gift-product .gift-form-wrapper textarea::placeholder {
  color: #9ca3af;
}
.gift-product .gift-form-wrapper .product-form__buttons button[type=submit] {
  background-color: #050505 !important;
  margin-top: 3rem;
  padding-top: 1.5rem !important;
  padding-bottom: 1.5rem !important;
}

.inquiry-form-container {
  padding-bottom: 3rem;
}
.inquiry-form-container form {
  padding-top: 5rem;
}
.inquiry-form-container form .custom-field + .custom-field {
  margin-top: 3.5rem;
}
@media screen and (min-width: 640px) {
  .inquiry-form-container form .custom-field + .custom-field {
    margin-top: 0;
  }
}
@media screen and (min-width: 874px) {
  .inquiry-form-container form .custom-field + .custom-field {
    margin-top: 3.5rem;
  }
}
.inquiry-form-container form textarea {
  width: 100%;
  border: 1px solid #707070;
  padding-right: 2rem;
  padding-left: 2rem;
  padding-top: 1.5rem;
  padding-bottom: 1.4rem;
  resize: none;
}
.inquiry-form-container form textarea::-moz-placeholder {
  color: #707070;
}
.inquiry-form-container form textarea::placeholder {
  color: #707070;
}
.inquiry-form-container form .submit {
  margin-top: 2rem;
}
.inquiry-form-container form .submit input {
  width: 100%;
  background-color: #050505;
  color: #fff;
  line-height: 1;
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
  cursor: pointer;
  font-size: 1.4rem;
}
@media screen and (min-width: 1366px) {
  .inquiry-form-container form .submit input {
    font-size: 1.6rem;
  }
}

@keyframes fade-in {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.edition-preloader-container {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  animation-name: fade-out;
  animation-timing-function: ease;
  animation-duration: 2.6s;
  animation-fill-mode: forwards;
  z-index: 99;
  background-color: #fff;
}
.edition-preloader-container img,
.edition-preloader-container video {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

@keyframes fade-out {
  0% {
    opacity: 0;
  }
  20% {
    opacity: 0;
  }
  40% {
    opacity: 1;
  }
  80% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    pointer-events: none;
  }
}
@media screen and (min-width: 768px) {
  .product__media-item {
    margin-bottom: 0px;
  }
}
.product__media-item .product__media {
  width: 100%;
  height: 100%;
}
.product__media-item video {
  aspect-ratio: 10/15;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
@media screen and (max-width: 873px) {
  .product__media-item video {
    aspect-ratio: 3/4;
  }
}

.collection-container {
  padding: 50px 0 0;
}
@media screen and (max-width: 873px) {
  .collection-container {
    padding: 60px 0 0;
  }
}
.collection-container .collection-header {
  padding: 0 25px;
}
@media screen and (max-width: 873px) {
  .collection-container .collection-header {
    padding: 0 15px;
  }
}
.collection-container .collection-header p {
  margin-bottom: 12px;
}
@media screen and (min-width: 874px) and (max-width: 1023px) {
  .collection-container .collection-header h1,
  .collection-container .collection-header p {
    max-width: 50%;
  }
}
@media screen and (min-width: 1024px) {
  .collection-container .collection-header h1,
  .collection-container .collection-header p {
    max-width: 36%;
  }
}
.collection-container .runway-video .video-container {
  padding-top: 56.25%;
  position: relative;
  width: 100%;
}
.collection-container .runway-video .video-container iframe {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
}
.collection-container .edition-grid {
  border-bottom: none !important;
  grid-auto-flow: dense;
  display: grid;
  gap: 0;
  grid-template-columns: repeat(2, 1fr);
}
@media screen and (min-width: 874px) and (max-width: 1023px) {
  .collection-container .edition-grid {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media screen and (min-width: 1024px) {
  .collection-container .edition-grid {
    grid-template-columns: repeat(4, 1fr);
  }
}
.collection-container .edition-grid .aspect-ratio {
  position: relative;
  height: 0;
  padding-top: 150%;
}
.collection-container .edition-grid .aspect-ratio > div,
.collection-container .edition-grid .aspect-ratio img,
.collection-container .edition-grid .aspect-ratio video {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  -o-object-fit: cover;
     object-fit: cover;
}
.collection-container .edition-grid .zoom {
  cursor: pointer;
}
.collection-container .edition-grid.runway-grid {
  grid-template-columns: repeat(2, 1fr);
}
@media screen and (min-width: 874px) and (max-width: 1023px) {
  .collection-container .edition-grid.runway-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media screen and (min-width: 1024px) {
  .collection-container .edition-grid.runway-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}
.collection-container .edition-grid.runway-grid .aspect-ratio {
  padding-top: 133.33333333%;
}
.collection-container .edition-grid.runway-grid .zoom.wideboy {
  grid-column: span 2; /* Make every fifth child full width */
}
.collection-container .edition-grid.runway-grid .zoom.wideboy .aspect-ratio {
  padding-top: 65.71%;
}

.appointment-container {
  display: flex;
  justify-content: space-between;
  padding: 50px 25px 0;
}
.appointment-container figure,
.appointment-container .copy {
  width: 50%;
}
.appointment-container figure {
  position: relative;
  background-color: #efede6;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}
.appointment-container figure:before {
  display: block;
  content: "";
  width: 100%;
  padding-top: 67.6470588235%;
}
.appointment-container figure > .content {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.appointment-container .copy {
  padding-left: 8.333333333%;
  padding-right: 12.4999999995%;
}
.appointment-container .copy h1 {
  margin-bottom: 15px;
  text-transform: uppercase;
}
.appointment-container .copy p {
  margin-bottom: 15px;
}
.appointment-container .copy p a {
  display: inline-block;
  position: relative;
}
.appointment-container .copy p a::after {
  content: none;
  width: 100%;
  height: 1.5px;
  background-color: currentColor;
  display: block;
  position: absolute;
  bottom: 0px;
  left: 0;
  opacity: 0;
  transition: ease 250ms;
}
@media screen and (min-width: 874px) {
  .appointment-container .copy p a::after {
    content: "";
  }
}
@media (hover: hover) {
  .appointment-container .copy p a:hover::after {
    opacity: 1;
  }
}
@media screen and (max-width: 873px) {
  .appointment-container {
    padding: 60px 15px 0;
    flex-direction: column-reverse;
  }
  .appointment-container figure,
  .appointment-container .copy {
    width: 100%;
  }
  .appointment-container .copy {
    padding-left: 0;
    margin-bottom: 40px;
  }
}

.lookbook-full-wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  pointer-events: none;
  position: fixed;
  top: 0;
  left: 0;
  height: 100vh;
  width: 100%;
  transition: ease 400ms;
  z-index: 100;
}
.lookbook-full-wrapper.is-visible {
  opacity: 1;
  pointer-events: all;
}
.lookbook-full-wrapper .prev-button,
.lookbook-full-wrapper .next-button {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 2;
}
.lookbook-full-wrapper .prev-button {
  left: 40px;
}
.lookbook-full-wrapper .next-button {
  right: 40px;
}
.lookbook-full-wrapper #close-edition-fullscreen-lookbook {
  position: absolute;
  z-index: 30;
  top: 40px;
  right: 40px;
}
.lookbook-full-wrapper .collection-gallery {
  height: 83.33333333%;
  width: 37.5%;
  position: relative;
  z-index: 1;
}
.lookbook-full-wrapper .collection-gallery .slick-list,
.lookbook-full-wrapper .collection-gallery .slick-track {
  max-height: 100%;
  height: 100%;
}
.lookbook-full-wrapper .collection-gallery .slick-slide > div {
  height: 100%;
}
.lookbook-full-wrapper .collection-gallery .lookbook-item {
  cursor: pointer;
  -o-object-fit: contain;
     object-fit: contain;
  height: 100%;
  width: 100%;
}
.lookbook-full-wrapper .collection-gallery .lookbook-item img {
  -o-object-fit: contain;
     object-fit: contain;
  height: 100%;
  width: 100%;
}
@media screen and (max-width: 873px) {
  .lookbook-full-wrapper .prev-button {
    left: 10px;
  }
  .lookbook-full-wrapper .next-button {
    right: 10px;
  }
  .lookbook-full-wrapper #close-edition-fullscreen-lookbook {
    right: 20px;
    top: 18px;
  }
  .lookbook-full-wrapper .collection-gallery {
    width: calc(100% - 90px);
  }
}

.editorial-section-grid {
  display: grid;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  padding-top: 10rem;
  padding-bottom: 13rem;
  padding-left: 2rem;
  padding-right: 2rem;
  grid-template-columns: 1fr;
}
@media screen and (min-width: 640px) {
  .editorial-section-grid {
    padding-top: 12rem;
    padding-bottom: 12rem;
    grid-template-columns: auto max-content;
  }
}
@media screen and (min-width: 874px) {
  .editorial-section-grid {
    padding-top: 8.6rem;
    padding-bottom: 8rem;
    padding-left: 3rem;
    padding-right: 3rem;
  }
}
@media screen and (min-width: 1024px) {
  .editorial-section-grid {
    padding-left: 12.5%;
    padding-right: 12.5%;
    padding-top: 14rem;
    padding-bottom: 16rem;
  }
}
@media screen and (min-width: 1366px) {
  .editorial-section-grid {
    padding-top: 18rem;
    padding-bottom: 12rem;
  }
}
.editorial-section-grid .item {
  width: -moz-max-content;
  width: max-content;
  display: flex;
  flex-direction: column;
}
@media screen and (max-width: 639px) {
  .editorial-section-grid .item + .item {
    margin-top: 4.5rem;
  }
}
.editorial-section-grid .editions-editorial__content {
  max-width: min(28rem, 40vw);
  margin-top: 1.5rem;
}
@media screen and (min-width: 1024px) {
  .editorial-section-grid .editions-editorial__content {
    max-width: 26rem;
  }
}
@media screen and (min-width: 1280px) {
  .editorial-section-grid .editions-editorial__content {
    max-width: 35rem;
  }
}
@media screen and (min-width: 1366px) {
  .editorial-section-grid .editions-editorial__content {
    margin-top: 2rem;
  }
}
.editorial-section-grid .editions-editorial__content h3::after {
  content: "";
  display: block;
  width: 2rem;
  height: 1px;
  background-color: currentColor;
  margin-top: 1rem;
  margin-bottom: 1rem;
}
@media screen and (min-width: 874px) {
  .editorial-section-grid .editions-editorial__content h3::after {
    margin-top: 2rem;
    margin-bottom: 2rem;
  }
}
@media screen and (min-width: 640px) {
  .editorial-section-grid > .item:nth-child(1) {
    margin-bottom: 7rem;
  }
}
@media screen and (max-width: 639px) {
  .editorial-section-grid > .item:nth-child(1) .editions-editorial__content {
    max-width: min(21rem, 56vw);
  }
}
.editorial-section-grid > .item:nth-child(1) video,
.editorial-section-grid > .item:nth-child(1) img {
  width: min(21rem, 56vw);
}
@media screen and (min-width: 768px) {
  .editorial-section-grid > .item:nth-child(1) video,
  .editorial-section-grid > .item:nth-child(1) img {
    width: min(33rem, 42vw);
  }
}
@media screen and (min-width: 1280px) {
  .editorial-section-grid > .item:nth-child(1) video,
  .editorial-section-grid > .item:nth-child(1) img {
    width: min(59rem, 30vw);
  }
}
.editorial-section-grid > .item:nth-child(2) {
  position: relative;
  align-items: flex-end;
  justify-content: flex-end;
  margin-left: auto;
}
@media screen and (min-width: 640px) {
  .editorial-section-grid > .item:nth-child(2) {
    margin-left: auto;
  }
}
.editorial-section-grid > .item:nth-child(2) .editions-editorial__content {
  text-align: end;
}
@media screen and (max-width: 639px) {
  .editorial-section-grid > .item:nth-child(2) .editions-editorial__content {
    max-width: min(25rem, 60vw);
  }
}
@media screen and (min-width: 640px) {
  .editorial-section-grid > .item:nth-child(2) .editions-editorial__content {
    position: absolute;
    top: 100%;
  }
}
.editorial-section-grid > .item:nth-child(2) .editions-editorial__content h3::after {
  margin-left: auto;
}
.editorial-section-grid > .item:nth-child(2) video,
.editorial-section-grid > .item:nth-child(2) img {
  width: min(25rem, 60vw);
}
@media screen and (min-width: 768px) {
  .editorial-section-grid > .item:nth-child(2) video,
  .editorial-section-grid > .item:nth-child(2) img {
    width: min(33rem, 42vw);
  }
}
@media screen and (min-width: 1280px) {
  .editorial-section-grid > .item:nth-child(2) video,
  .editorial-section-grid > .item:nth-child(2) img {
    width: min(59rem, 30vw);
  }
}
@media screen and (min-width: 640px) {
  .editorial-section-grid > .item:nth-child(3) {
    margin-left: auto;
  }
}
@media screen and (max-width: 639px) {
  .editorial-section-grid > .item:nth-child(3) .editions-editorial__content {
    max-width: min(35rem, 90vw - 4rem);
  }
}
.editorial-section-grid > .item:nth-child(3) video,
.editorial-section-grid > .item:nth-child(3) img {
  width: min(35rem, 100vw - 4rem);
}
@media screen and (min-width: 768px) {
  .editorial-section-grid > .item:nth-child(3) video,
  .editorial-section-grid > .item:nth-child(3) img {
    width: min(37rem, 50vw);
  }
}
@media screen and (min-width: 1280px) {
  .editorial-section-grid > .item:nth-child(3) video,
  .editorial-section-grid > .item:nth-child(3) img {
    width: min(59rem, 30vw);
  }
}
@media screen and (min-width: 768px) and (max-width: 873px) {
  .editorial-section-grid > .item:nth-child(3) {
    width: 100%;
  }
  .editorial-section-grid > .item:nth-child(3) img {
    width: 100%;
  }
}
.editorial-section-grid > .item:nth-child(4) {
  margin-left: auto;
  margin-right: auto;
}
@media screen and (min-width: 640px) {
  .editorial-section-grid > .item:nth-child(4) {
    margin-top: 13rem;
    margin-bottom: 5.5rem;
    grid-column: span 2;
  }
}
@media screen and (min-width: 1024px) {
  .editorial-section-grid > .item:nth-child(4) {
    margin-top: 11rem;
    margin-bottom: 13rem;
  }
}
.editorial-section-grid > .item:nth-child(4) .editions-editorial__content {
  margin-left: auto;
  text-align: end;
}
@media screen and (max-width: 639px) {
  .editorial-section-grid > .item:nth-child(4) .editions-editorial__content {
    max-width: min(35rem, 90vw - 4rem);
  }
}
.editorial-section-grid > .item:nth-child(4) .editions-editorial__content h3::after {
  margin-left: auto;
}
.editorial-section-grid > .item:nth-child(4) video,
.editorial-section-grid > .item:nth-child(4) img {
  width: min(35rem, 100vw - 4rem);
}
@media screen and (min-width: 768px) {
  .editorial-section-grid > .item:nth-child(4) video,
  .editorial-section-grid > .item:nth-child(4) img {
    width: min(52rem, 67vw);
  }
}
@media screen and (min-width: 1280px) {
  .editorial-section-grid > .item:nth-child(4) video,
  .editorial-section-grid > .item:nth-child(4) img {
    width: min(98rem, 51vw);
  }
}
.editorial-section-grid > .item:nth-child(5) video,
.editorial-section-grid > .item:nth-child(5) img {
  width: min(21rem, 57vw);
}
@media screen and (min-width: 768px) {
  .editorial-section-grid > .item:nth-child(5) video,
  .editorial-section-grid > .item:nth-child(5) img {
    width: min(33rem, 42vw);
  }
}
@media screen and (min-width: 1280px) {
  .editorial-section-grid > .item:nth-child(5) video,
  .editorial-section-grid > .item:nth-child(5) img {
    width: min(59rem, 30vw);
  }
}
.editorial-section-grid > .item:nth-child(6) {
  margin-left: auto;
}
@media screen and (min-width: 640px) {
  .editorial-section-grid > .item:nth-child(6) {
    margin-left: auto;
    margin-top: 24rem;
  }
}
@media screen and (min-width: 1280px) {
  .editorial-section-grid > .item:nth-child(6) {
    margin-top: 32.5rem;
  }
}
.editorial-section-grid > .item:nth-child(6) .editions-editorial__content {
  margin-left: auto;
  text-align: end;
}
@media screen and (max-width: 639px) {
  .editorial-section-grid > .item:nth-child(6) .editions-editorial__content {
    max-width: min(25rem, 67vw);
  }
}
.editorial-section-grid > .item:nth-child(6) .editions-editorial__content h3::after {
  margin-left: auto;
}
.editorial-section-grid > .item:nth-child(6) video,
.editorial-section-grid > .item:nth-child(6) img {
  width: min(25rem, 67vw);
}
@media screen and (min-width: 768px) {
  .editorial-section-grid > .item:nth-child(6) video,
  .editorial-section-grid > .item:nth-child(6) img {
    width: min(33rem, 42vw);
  }
}
@media screen and (min-width: 1280px) {
  .editorial-section-grid > .item:nth-child(6) video,
  .editorial-section-grid > .item:nth-child(6) img {
    width: min(59rem, 30vw);
  }
}

@media screen and (min-width: 768px) {
  #reset-password-container,
  #create-account-container {
    max-width: 66.6666666667%;
  }
}
@media screen and (min-width: 1024px) {
  #reset-password-container,
  #create-account-container {
    max-width: 33.3333333333%;
  }
}
@media screen and (min-width: 1366px) {
  #reset-password-container,
  #create-account-container {
    max-width: 25%;
  }
}

@media screen and (min-width: 1024px) {
  #create-account-container {
    padding-bottom: 10vh;
  }
}

#login-container,
#recover-password-container {
  opacity: 0;
  pointer-events: none;
  max-height: 0;
  transition: opacity ease 400ms;
  max-width: 100%;
  margin: 0 auto;
}
@media screen and (min-width: 768px) {
  #login-container,
  #recover-password-container {
    max-width: 66.6666666667%;
  }
}
@media screen and (min-width: 1024px) {
  #login-container,
  #recover-password-container {
    max-width: 33.3333333333%;
  }
}
@media screen and (min-width: 1366px) {
  #login-container,
  #recover-password-container {
    max-width: 25%;
  }
}
#login-container.active,
#recover-password-container.active {
  opacity: 1;
  pointer-events: all;
  max-height: auto;
}

.password-input-for-toggle ~ .toggle-show-password {
  cursor: pointer;
  opacity: 1 !important;
  pointer-events: all;
  transition: ease 250ms;
}
.password-input-for-toggle:-moz-placeholder ~ .toggle-show-password {
  opacity: 0 !important;
  pointer-events: none;
}
.password-input-for-toggle:placeholder-shown ~ .toggle-show-password {
  opacity: 0 !important;
  pointer-events: none;
}

.main-blog .article-hyperlink .arrow {
  transition: ease 400ms;
}
.main-article {
  min-height: 100vh;
  font-size: 1.4rem;
  line-height: 1.65;
}
.main-article h1 {
  font-size: 3.2rem;
  line-height: 1.05;
  max-width: 85%;
}
@media screen and (min-width: 768px) {
  .main-article h1 {
    font-size: 3.6rem;
    max-width: 85%;
  }
}
@media screen and (min-width: 874px) {
  .main-article h1 {
    font-size: 4.5rem;
    max-width: 85%;
  }
}
@media screen and (min-width: 1024px) {
  .main-article h1 {
    font-size: 4.5rem;
    max-width: 85%;
  }
}
@media screen and (min-width: 1366px) {
  .main-article h1 {
    font-size: 5.4rem;
    max-width: 85%;
  }
}
@media screen and (min-width: 1680px) {
  .main-article h1 {
    font-size: 5.4rem;
    max-width: 85%;
  }
}
.main-article h2 {
  font-size: 3.4rem;
}
@media screen and (min-width: 874px) {
  .main-article h2 {
    font-size: 4.2rem;
  }
}
@media screen and (min-width: 1366px) {
  .main-article h2 {
    font-size: 4.8rem;
  }
}
.main-article h3 {
  font-size: 2.8rem;
}
@media screen and (min-width: 874px) {
  .main-article h3 {
    font-size: 3.2rem;
  }
}
@media screen and (min-width: 1366px) {
  .main-article h3 {
    font-size: 4rem;
  }
}
.main-article h4 {
  font-size: 2.4rem;
}
@media screen and (min-width: 874px) {
  .main-article h4 {
    font-size: 2.8rem;
  }
}
@media screen and (min-width: 1366px) {
  .main-article h4 {
    font-size: 3.2rem;
  }
}
.main-article h5 {
  font-size: 2.4rem;
}
@media screen and (min-width: 1366px) {
  .main-article h5 {
    font-size: 2.8rem;
  }
}
.main-article h6 {
  font-size: 2rem;
}
@media screen and (min-width: 1366px) {
  .main-article h6 {
    font-size: 2.2rem;
  }
}
.main-article .text-content a {
  text-decoration: underline;
  color: currentColor;
  text-underline-offset: 4px;
  cursor: pointer;
}
.main-article .text-content p,
.main-article .text-content a,
.main-article .text-content span {
  background-color: transparent !important;
}
.main-article .text-content ul {
  list-style: disc;
}
.main-article .text-content ol {
  list-style: decimal;
}
@media screen and (min-width: 874px) {
  .main-article {
    font-size: 1.6rem;
  }
}
@media screen and (min-width: 1366px) {
  .main-article {
    font-size: 1.7rem;
  }
}

.desktop-media {
  display: none;
}
@media screen and (min-width: 874px) {
  .desktop-media {
    display: block;
  }
}

.tablet-media {
  display: none;
}
@media screen and (min-width: 640px) {
  .tablet-media {
    display: block;
  }
}
@media screen and (min-width: 874px) {
  .tablet-media {
    display: none;
  }
}

.mobile-media {
  display: block;
}
@media screen and (min-width: 640px) {
  .mobile-media {
    display: none;
  }
}

.product-form form .product-form__buttons {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  cursor: pointer;
}

#toggle-inquiry-variant:not(.hidden),
#toggle-notify-variant:not(.hidden) {
  display: flex;
  align-items: center;
  height: 100%;
  padding-top: 1.4rem;
  padding-bottom: 1.4rem;
}
@media screen and (min-width: 874px) {
  #toggle-inquiry-variant:not(.hidden),
  #toggle-notify-variant:not(.hidden) {
    padding-top: 0rem;
    padding-bottom: 0rem;
  }
}
#toggle-inquiry-variant:not(.hidden) span,
#toggle-notify-variant:not(.hidden) span {
  position: relative;
  display: inline-block;
  overflow: hidden;
  padding-bottom: 6px;
  padding-left: 0.2em;
  margin-top: 6px;
  text-transform: capitalize;
}
#toggle-inquiry-variant:not(.hidden) span::after,
#toggle-notify-variant:not(.hidden) span::after {
  content: "";
  width: calc(100% - 0.2em);
  height: 1px;
  background-color: currentColor;
  display: block;
  position: absolute;
  bottom: 0;
  left: 0.2em;
  transition: ease 250ms;
}

#appikon-bis-inline-form-wrapper {
  cursor: default !important;
  display: flex;
  align-items: flex-start;
  position: fixed;
  background-color: #fff;
  z-index: 99;
  top: 100%;
  left: 0;
  margin: 0;
  pointer-events: none;
  transition: ease 400ms;
  border: none;
  border-radius: 0;
  max-width: unset;
  width: 100vw;
  color: #050505;
  padding-left: 2rem;
  padding-right: 2rem;
  padding-top: 2rem;
  padding-bottom: 2rem;
}
@media screen and (min-width: 768px) {
  #appikon-bis-inline-form-wrapper {
    right: min(-25vw, -43rem);
    left: unset;
    width: max(25vw, 43rem);
    height: 100vh !important;
    top: 0 !important;
    display: block;
    z-index: 30;
    height: calc(100vh - 100px);
    top: 100px !important;
  }
}
#appikon-bis-inline-form-wrapper > div {
  width: 100%;
}
@media screen and (min-width: 874px) {
  #appikon-bis-inline-form-wrapper > div {
    width: auto;
  }
}
#appikon-bis-inline-form-wrapper.is-visible {
  top: calc(100% - 44vh);
  pointer-events: all;
}
@media screen and (min-width: 874px) {
  #appikon-bis-inline-form-wrapper.is-visible {
    right: 0;
    width: max(25vw, 43rem);
    height: 100vh;
    top: 0;
    display: block;
  }
}
#appikon-bis-inline-form-wrapper .appikon-bis-inline-form-powered-by {
  display: none;
}
#appikon-bis-inline-form-wrapper .appikon-bis-inline-input-section {
  position: relative;
}
#appikon-bis-inline-form-wrapper .appikon-bis-inline-input-section::after {
  content: attr(data-placeholder);
  display: block;
  color: #707070;
  position: absolute;
  left: 0;
  bottom: 1.6rem;
  line-height: 1.5;
  pointer-events: none;
  transition: ease 400ms;
}
#appikon-bis-inline-form-wrapper .appikon-bis-inline-input-section.animate-top::after {
  bottom: 4.4rem;
  font-size: 1.2rem;
  color: #050505;
}
#appikon-bis-inline-form-wrapper .appikon-bis-inline-input-section #appikon-bis-form-email-warning {
  display: block;
  height: 1.6rem;
}
#appikon-bis-inline-form-wrapper .appikon-bis-inline-input-section #appikon-bis-form-email-warning.appikon-bis-form-hide-warning {
  opacity: 0;
}
#appikon-bis-inline-form-wrapper #email-address {
  margin-top: 0;
}
#appikon-bis-inline-form-wrapper .appikon-bis-inline-form-description {
  margin-bottom: 2rem;
}
#appikon-bis-inline-form-wrapper #appikon-bis-inline-form-submit {
  border-radius: 0;
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
  background-color: #050505;
  color: #fff;
  margin-top: 2rem;
  letter-spacing: 0;
}
#appikon-bis-inline-form-wrapper #appikon-bis-inline-form-footer-note {
  font-size: 10px;
  font-style: normal;
  font-weight: 500;
  line-height: 15px;
  leading-trim: both;
  text-edge: cap;
}
#appikon-bis-inline-form-wrapper #appikon-bis-inline-form-email {
  background: transparent;
  border: none;
  border-bottom: 1px solid #707070;
  line-height: 1.5;
  border-radius: 0;
  width: 100%;
  padding-bottom: 4px;
  padding-left: 0;
  padding-right: 0;
  font-size: 1.6rem;
}
#appikon-bis-inline-form-wrapper #appikon-bis-inline-form-email::-moz-placeholder {
  color: transparent;
}
#appikon-bis-inline-form-wrapper #appikon-bis-inline-form-email::placeholder {
  color: transparent;
}

#shadow-bg-notify-me {
  display: block;
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 56vh;
  background-color: rgba(0, 0, 0, 0.4);
  z-index: 21;
  opacity: 0;
  pointer-events: none;
  transition: ease 400ms;
}
@media screen and (min-width: 874px) {
  #shadow-bg-notify-me {
    height: 100vh !important;
  }
}
#shadow-bg-notify-me.is-visible {
  opacity: 1;
  pointer-events: all;
}

#cart-notification {
  display: flex;
  flex-direction: column;
  position: fixed;
  right: min(-25vw, -43rem);
  top: unset;
  left: 0;
  bottom: -100%;
  height: auto;
  width: 100vw;
  background-color: #fff;
  border: none;
  padding: 0;
  transition: ease 400ms;
  filter: none;
  transform: none;
  max-width: unset;
}
@media screen and (min-width: 874px) {
  #cart-notification {
    width: max(25vw, 43rem);
    height: 100vh;
    top: 0;
    left: unset;
  }
}
#cart-notification.active {
  bottom: 0;
  transform: none;
}
@media screen and (min-width: 874px) {
  #cart-notification.active {
    right: 0;
    transform: none;
  }
}
#cart-notification .cart-notification__header {
  padding-top: 2rem;
  padding-bottom: 2rem;
  border-bottom: 1px solid rgba(0, 0, 0, 0.05);
  display: flex;
  justify-content: space-between;
  align-items: center;
}
@media screen and (min-width: 874px) {
  #cart-notification .cart-notification__header {
    padding-top: 2.5rem;
    padding-bottom: 2.5rem;
  }
}
#cart-notification .cart-notification__header .cart-notification__close {
  margin: 0;
}
#cart-notification .cart-notification-product {
  align-items: stretch;
}
#cart-notification .cart-notification-product ~ div[data-wrapped-cart-touched-at-value] {
  margin-top: auto;
  margin-left: 0;
  padding-top: 2rem;
  padding-bottom: 2rem;
  border-top: 1px solid rgba(0, 0, 0, 0.05);
  font-size: 1.6rem;
  max-width: unset;
}
@media screen and (min-width: 874px) {
  #cart-notification .cart-notification-product ~ div[data-wrapped-cart-touched-at-value] {
    padding-top: 2.5rem;
    padding-bottom: 2.5rem;
  }
}
#cart-notification .cart-notification-product ~ div[data-wrapped-cart-touched-at-value] .giftwrap-by-wrapped {
  padding-left: 25px;
  padding-right: 25px;
}
#cart-notification .cart-notification-product ~ div[data-wrapped-cart-touched-at-value] div[data-features--message-target] {
  display: none !important;
  position: relative;
  margin-top: 4rem;
}
#cart-notification .cart-notification-product ~ div[data-wrapped-cart-touched-at-value] div[data-features--message-target] label {
  position: static;
  color: #737373;
  margin-bottom: 1rem;
  z-index: 1;
  pointer-events: none;
}
#cart-notification .cart-notification-product ~ div[data-wrapped-cart-touched-at-value] div[data-features--message-target] span[data-features--message-target] {
  font-size: 1rem;
  display: block;
  margin-top: 4px;
}
#cart-notification .cart-notification-product ~ div[data-wrapped-cart-touched-at-value] div[data-features--message-target] textarea {
  position: relative;
  height: 7em;
  resize: none;
  padding-left: 2rem;
  padding-right: 2rem;
  padding-top: 1.4rem;
  padding-bottom: 1.4rem;
  border: 1px solid #737373;
  font-size: 1.6rem;
}
#cart-notification .cart-notification-product ~ div[data-wrapped-cart-touched-at-value] div[data-features--message-target] textarea:focus {
  z-index: 2;
}
#cart-notification .cart-notification-product ~ div[data-wrapped-cart-touched-at-value] div[data-features--checkbox-target] input {
  display: none;
}
#cart-notification .cart-notification-product ~ div[data-wrapped-cart-touched-at-value] div[data-features--checkbox-target] label span {
  display: flex;
  flex-direction: row;
}
#cart-notification .cart-notification-product ~ div[data-wrapped-cart-touched-at-value] div[data-features--checkbox-target] label span::before {
  content: "";
  display: block;
  margin-right: 2rem;
  width: 2.5rem;
  height: 1.5rem;
  border: 1px solid #050505;
  cursor: pointer;
  background-color: transparent;
  transition: ease 250ms;
}
@media (hover: hover) {
  #cart-notification .cart-notification-product ~ div[data-wrapped-cart-touched-at-value] div[data-features--checkbox-target] label span::before:hover {
    background-color: rgba(0, 0, 0, 0.4);
  }
}
#cart-notification .cart-notification-product ~ div[data-wrapped-cart-touched-at-value] div[data-features--checkbox-target] label input:checked ~ span::before {
  background-color: #050505;
}
#cart-notification .cart-notification-product .cart-notification-product__image {
  min-width: 9rem;
  width: 9rem;
  display: block;
  border: none;
  aspect-ratio: 9/13.5;
}
#cart-notification .cart-notification-product .cart-notification-product__image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
#cart-notification .cart-notification-product dl {
  margin-top: 3rem;
}

#shadow-bg-minicart {
  display: block !important;
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background-color: rgba(0, 0, 0, 0.4);
  z-index: 30;
  opacity: 0;
  pointer-events: none;
  transition: ease 400ms;
}
#shadow-bg-minicart.is-visible {
  opacity: 1;
  pointer-events: all;
}

.cart__items {
  padding-bottom: 0 !important;
}
@media screen and (max-width: 768px) {
  .cart__items table thead {
    display: none;
  }
}
.cart__items table thead th {
  border-bottom: 1px solid rgba(0, 0, 0, 0.05);
}
.cart__items .cart-item {
  margin-bottom: 0;
}
@media screen and (max-width: 768px) {
  .cart__items .cart-item {
    position: relative;
    grid-template-columns: auto 1fr 1fr;
    gap: 0;
    border-bottom: 1px solid rgba(0, 0, 0, 0.05);
    padding-top: 2rem;
    padding-bottom: 2rem;
    display: grid;
    -moz-column-gap: 2rem;
         column-gap: 2rem;
  }
}
@media screen and (max-width: 768px) and (min-width: 640px) {
  .cart__items .cart-item {
    -moz-column-gap: 2.5rem;
         column-gap: 2.5rem;
  }
}
@media screen and (max-width: 768px) {
  .cart__items .cart-item .cart-item__media {
    width: -moz-max-content;
    width: max-content;
    grid-row: span 2;
  }
}
.cart__items .cart-item > td {
  padding-top: 3rem;
  padding-bottom: 3rem;
  border-bottom: 1px solid rgba(0, 0, 0, 0.05);
}
@media screen and (max-width: 768px) {
  .cart__items .cart-item > td {
    border: none;
    padding: 0;
  }
}
@media screen and (min-width: 874px) {
  .cart__items .cart-item > td.cart-item__details {
    padding-left: 3rem;
  }
}
@media screen and (max-width: 768px) {
  .cart__items .cart-item .cart-item__details {
    grid-column: 2/3;
    grid-row: 1/2;
    position: static;
  }
}
.cart__items .cart-item .cart-item__details .cart-remove-button {
  cursor: pointer;
}
@media screen and (max-width: 768px) {
  .cart__items .cart-item .cart-item__details .cart-remove-button {
    right: 0;
  }
}
.cart__items .cart-item .cart-item__details a {
  pointer-events: none;
}
.cart__items .cart-item .cart-item__details > .product-option {
  display: none;
}
.cart__items .cart-item .cart-item__details dl .product-option dt:not(.gift) {
  display: none;
}
.cart__items .cart-item .cart-item__details dl .product-option dd.gift {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 20rem;
  display: block;
  line-height: initial;
}
@media screen and (max-width: 639px) {
  .cart__items .cart-item .cart-item__details dl .product-option dd.gift {
    width: 15rem;
  }
}
@media screen and (min-width: 1366px) {
  .cart__items .cart-item .cart-item__details dl .product-option dd.gift {
    width: 25rem;
  }
}

.cart-item__color .product-option {
  margin-top: 0 !important;
}
@media screen and (max-width: 768px) {
  .cart-item__color .product-option {
    display: none;
  }
}
.cart-item__color .product-option:first-child {
  display: none;
}

@media screen and (max-width: 768px) {
  .cart-item__totals {
    grid-column: 3/4;
    grid-row: 1/2;
  }
  .cart-item__size {
    grid-column: 2/3;
    grid-row: 2/3;
  }
}
.cart-item__size .product-option {
  font-size: 1.6rem;
  margin-top: 0 !important;
}
.cart-item__size .product-option:not(:first-child) {
  display: none;
}
@media screen and (max-width: 768px) {
  .cart-item__size .product-option:not(:first-child) {
    display: block;
    margin-top: 4px !important;
  }
}

.cart__items .cart-items thead th {
  width: 20%;
}

.cart__items .cart-items thead th:nth-child(1) {
  width: 40%;
}

.cart__items .cart-items .cart-item__media .empty-card-item-image {
  display: block !important;
  height: 5rem;
}
.cart__items .cart-items .cart-item__media .cart-item__image-container {
  width: 9rem;
  aspect-ratio: 9/13.5;
}

a.revert-underline-animation {
  vertical-align: middle;
  display: inline-block;
  padding-bottom: 4px;
  position: relative;
  overflow: hidden;
}
a.revert-underline-animation::after {
  content: none;
  width: 100%;
  height: 1px;
  background-color: currentColor;
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  transition: ease 250ms;
}
@media screen and (min-width: 874px) {
  a.revert-underline-animation::after {
    content: "";
  }
}
@media (hover: hover) {
  a.revert-underline-animation:hover::after {
    left: -100%;
  }
}

.cart__footer {
  padding-bottom: 10rem !important;
}
@media screen and (min-width: 1366px) {
  .cart__footer {
    padding-bottom: 20rem !important;
  }
}
.cart__footer .cart-return-information {
  order: 5;
  font-size: 1.4rem;
  color: #737373;
  margin-top: 1.5rem;
  line-height: 1.375;
}
@media screen and (min-width: 768px) {
  .cart__footer .cart-return-information {
    max-width: 65%;
  }
}
.cart__footer .cart-return-information a {
  vertical-align: middle;
  display: inline-block;
  padding-bottom: 4px;
  position: relative;
}
.cart__footer .cart-return-information a::after {
  content: "";
  width: 100%;
  height: 1px;
  background-color: currentColor;
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  opacity: 0;
  transition: ease 250ms;
}
@media (hover: hover) {
  .cart__footer .cart-return-information a:hover::after {
    opacity: 1;
  }
}
@media screen and (min-width: 1366px) {
  .cart__footer .cart-return-information {
    font-size: 1.6rem;
  }
}
.cart__footer .cart__blocks .cart__ctas .cart__checkout-button {
  max-width: unset;
  background-color: #050505;
  color: #fff;
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
  letter-spacing: 0px;
  margin-top: 3rem;
}
.cart__footer .cart__blocks > div:nth-child(1) {
  order: 2;
}
.cart__footer .cart__blocks > div:nth-child(2) {
  order: 1;
}
.cart__footer .cart__blocks > div:nth-child(3) {
  order: 4;
}
.cart__footer .cart__blocks > div:nth-child(4) {
  order: 3;
}
.cart__footer .cart__blocks div[data-controller=wrapped-cart] {
  margin: 0;
  font-size: 1.4rem;
  max-width: unset;
  padding-top: 3rem;
  padding-bottom: 3rem;
  border-bottom: 1px solid rgba(0, 0, 0, 0.05);
}
@media screen and (min-width: 1366px) {
  .cart__footer .cart__blocks div[data-controller=wrapped-cart] {
    font-size: 1.6rem;
  }
}
.cart__footer .cart__blocks div[data-controller=wrapped-cart] label {
  cursor: pointer;
}
.cart__footer .cart__blocks div[data-controller=wrapped-cart] label input {
  display: none !important;
}
.cart__footer .cart__blocks div[data-controller=wrapped-cart] label input:checked span::before {
  background-color: #050505;
}
.cart__footer .cart__blocks div[data-controller=wrapped-cart] label span.checkbox_label {
  display: flex;
}
.cart__footer .cart__blocks div[data-controller=wrapped-cart] label span.checkbox_label::before {
  content: "";
  display: block;
  margin-right: 2rem;
  width: 2.5rem;
  height: 1.5rem;
  border: 1px solid #050505;
  cursor: pointer;
  background-color: transparent;
  transition: ease 250ms;
  position: relative;
  top: 4px;
}
@media screen and (max-width: 639px) {
  .cart__footer .cart__blocks div[data-controller=wrapped-cart] label span.checkbox_label::before {
    width: 4.5rem;
    height: 1.5rem;
  }
}
@media screen and (min-width: 640px) {
  .cart__footer .cart__blocks div[data-controller=wrapped-cart] label span.checkbox_label::before {
    width: 2.5rem;
    height: 2rem;
  }
}
@media screen and (min-width: 1024px) {
  .cart__footer .cart__blocks div[data-controller=wrapped-cart] label span.checkbox_label::before {
    width: 3.8rem;
    height: 1.5rem;
  }
}
@media (hover: hover) {
  .cart__footer .cart__blocks div[data-controller=wrapped-cart] label:hover span::before {
    background-color: rgba(0, 0, 0, 0.4);
  }
}
.cart__footer .cart__blocks div[data-controller=wrapped-cart] div[data-features--message-target] {
  display: none !important;
  position: relative;
  margin-top: 4rem;
}
.cart__footer .cart__blocks div[data-controller=wrapped-cart] div[data-features--message-target] label {
  position: static;
  color: #737373;
  margin-bottom: 1rem;
  z-index: 1;
  pointer-events: none;
}
.cart__footer .cart__blocks div[data-controller=wrapped-cart] div[data-features--message-target] span[data-features--message-target] {
  font-size: 1rem;
  display: block;
  margin-top: 4px;
}
.cart__footer .cart__blocks div[data-controller=wrapped-cart] div[data-features--message-target] textarea {
  position: relative;
  height: 7em;
  resize: none;
  padding-left: 2rem;
  padding-right: 2rem;
  padding-top: 1.4rem;
  padding-bottom: 1.4rem;
  border: 1px solid #737373;
  font-size: 1.6rem;
}
@media screen and (min-width: 1366px) {
  .cart__footer .cart__blocks div[data-controller=wrapped-cart] div[data-features--message-target] textarea {
    font-size: 1.6rem;
  }
}
.cart__footer .cart__blocks div[data-controller=wrapped-cart] div[data-features--message-target] textarea:focus {
  z-index: 2;
}
.cart__footer .cart__blocks div[data-controller=wrapped-cart] div[data-features--checkbox-target] input {
  display: none;
}
.cart__footer .cart__blocks div[data-controller=wrapped-cart] div[data-features--checkbox-target] label span {
  display: flex;
  flex-direction: row;
}
.cart__footer .cart__blocks div[data-controller=wrapped-cart] div[data-features--checkbox-target] label span::before {
  content: "";
  display: block;
  margin-right: 2rem;
  width: 2.5rem;
  height: 1.5rem;
  border: 1px solid #050505;
  cursor: pointer;
  background-color: transparent;
  transition: ease 250ms;
}
@media (hover: hover) {
  .cart__footer .cart__blocks div[data-controller=wrapped-cart] div[data-features--checkbox-target] label span::before:hover {
    background-color: rgba(0, 0, 0, 0.4);
  }
}
@media screen and (max-width: 639px) {
  .cart__footer .cart__blocks div[data-controller=wrapped-cart] div[data-features--checkbox-target] label span::before {
    width: 4.5rem;
    height: 1.5rem;
  }
}
@media screen and (min-width: 640px) {
  .cart__footer .cart__blocks div[data-controller=wrapped-cart] div[data-features--checkbox-target] label span::before {
    width: 2.5rem;
    height: 2rem;
  }
}
@media screen and (min-width: 1024px) {
  .cart__footer .cart__blocks div[data-controller=wrapped-cart] div[data-features--checkbox-target] label span::before {
    width: 2.5rem;
    height: 1.5rem;
  }
}
.cart__footer .cart__blocks div[data-controller=wrapped-cart] div[data-features--checkbox-target] label input:checked ~ span::before {
  background-color: #050505;
}

.cart__dynamic-checkout-buttons.additional-checkout-buttons {
  display: none !important;
}

.cookies-notice-wrapper {
  background-color: #d2d0d9;
  padding-top: 2.5rem;
  padding-bottom: 2.5rem;
  padding-left: 2rem;
  padding-right: 2rem;
  font-size: 1.4rem;
  position: fixed;
  bottom: -100%;
  left: 0;
  z-index: 50;
  width: 100vw;
  display: flex;
  justify-content: space-between;
  gap: 2rem;
  flex-direction: column;
  transition: ease 400ms;
}
.cookies-notice-wrapper.is-visible {
  bottom: 0;
}
@media screen and (min-width: 768px) {
  .cookies-notice-wrapper {
    padding-top: 3.5rem;
    padding-bottom: 3.5rem;
  }
}
@media screen and (min-width: 874px) {
  .cookies-notice-wrapper {
    padding-top: 2.5rem;
    padding-bottom: 2.5rem;
    flex-direction: row;
  }
}
.cookies-notice-wrapper p {
  letter-spacing: 0.3px;
}
@media screen and (min-width: 874px) {
  .cookies-notice-wrapper p {
    max-width: 70%;
  }
}
@media screen and (min-width: 768px) {
  .cookies-notice-wrapper {
    padding-left: 3rem;
    padding-right: 3rem;
  }
}
@media screen and (min-width: 1366px) {
  .cookies-notice-wrapper {
    font-size: 1.6rem;
    padding-left: 6.7rem;
    padding-right: 6.7rem;
  }
}

.loading-overlay {
  display: none !important;
}

.cart__items .cart-item .loading-overlay:not(.hidden) ~ * {
  visibility: visible;
}

@media screen and (min-width: 874px) {
  #dashboard-container .orders-container {
    border-top: 1px solid rgba(0, 0, 0, 0.05);
  }
}

.customer a {
  text-decoration: none;
  cursor: pointer;
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: 14px; /* 116.667% */
  letter-spacing: 0.36px;
  leading-trim: both;
  text-edge: cap;
}
.customer h2 {
  color: #050505;
  font-size: 2.2rem;
  margin-bottom: 2.5rem;
}
@media screen and (min-width: 874px) {
  .customer h2 {
    color: #737373;
    font-size: 1.4rem;
  }
}
@media screen and (min-width: 1366px) {
  .customer h2 {
    font-size: 1.6rem;
  }
}
.customer h2.form__message {
  font-size: 1.4rem;
  line-height: 1.25;
  color: #050505 !important;
}
@media screen and (min-width: 874px) {
  .customer h2.form__message {
    font-size: 1.4rem;
    line-height: 1.25;
  }
}
@media screen and (min-width: 1366px) {
  .customer h2.form__message {
    font-size: 1.6rem;
  }
}
.customer ul li {
  color: #050505;
  font-size: 1.4rem;
  line-height: 1.25;
}
@media screen and (min-width: 874px) {
  .customer ul li {
    font-size: 1.4rem;
    line-height: 1.25;
  }
}
@media screen and (min-width: 1366px) {
  .customer ul li {
    font-size: 1.6rem;
  }
}
.customer ul li a {
  color: #737373 !important;
  font-size: 1.4rem;
  line-height: 1.25;
}
@media screen and (min-width: 874px) {
  .customer ul li a {
    font-size: 1.4rem;
    line-height: 1.25;
  }
}
@media screen and (min-width: 1366px) {
  .customer ul li a {
    font-size: 1.6rem;
  }
}
.customer .edit-acc-information-btn,
.customer .add-address {
  color: #737373;
  padding: 0;
  padding-bottom: 4px;
  border-bottom: 1px solid #737373;
  transition: ease 250ms;
  height: -moz-max-content;
  height: max-content;
}
@media (hover: hover) {
  .customer .edit-acc-information-btn:hover,
  .customer .add-address:hover {
    color: #050505;
    border-color: #050505;
  }
}
.customer .add-new-address {
  margin-top: 0;
}
.customer .addresses-list,
.customer .edit-address,
.customer .add-new-address {
  opacity: 0;
  height: 0;
  overflow: hidden;
  pointer-events: none;
  transition: opacity 400ms;
}
.customer .addresses-list.is-visible,
.customer .edit-address.is-visible,
.customer .add-new-address.is-visible {
  opacity: 1;
  overflow: visible;
  height: auto;
  pointer-events: all;
}
.customer .addresses-list.is-visible {
  height: 100%;
}
.customer .edit-address {
  width: 100%;
}
@media screen and (min-width: 874px) {
  .customer .edit-address {
    position: absolute;
    left: 0;
    top: 0;
  }
}
.customer .edit-address form {
  display: grid;
  grid-template-columns: 1fr;
  -moz-column-gap: 2rem;
       column-gap: 2rem;
  row-gap: 4rem;
}
@media screen and (min-width: 874px) {
  .customer .edit-address form {
    grid-template-columns: repeat(2, 1fr);
  }
}
.customer .addresses button {
  color: #737373;
}
.customer button {
  font-size: 1.4rem;
  letter-spacing: 0;
  line-height: 1.25;
  min-height: unset;
  min-width: unset;
  align-items: flex-start;
}
@media screen and (min-width: 1366px) {
  .customer button {
    font-size: 1.6rem;
  }
}
.customer button::after, .customer button::before {
  content: none;
}
.customer .orders table {
  width: 100%;
}
.customer .orders table thead th {
  width: 20%;
  text-align: left;
  padding-bottom: 3.5rem;
  font-weight: 400;
}
.customer .orders table thead th:last-child {
  text-align: right;
}
.customer .orders table tbody td {
  width: 20%;
  padding-bottom: 4.4rem;
}
.customer .orders table tbody td:last-child {
  text-align: right;
}
.customer .tabs-header {
  grid-row: 1/2;
}
.customer .tabs-header nav a {
  display: block;
  position: relative;
  padding-bottom: 6px;
}
.customer .tabs-header nav a::after {
  content: "";
  width: 100%;
  height: 1px;
  background-color: #050505;
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  opacity: 0;
  transition: ease 250ms;
}
.customer .tabs-header nav a.active::after {
  opacity: 1;
}
@media (hover: hover) {
  .customer .tabs-header nav a:hover::after {
    opacity: 1;
  }
}
.customer.account {
  grid-template-rows: auto 1fr;
}
.customer.account nav > div a {
  color: #737373;
  transition: ease 250ms;
}
@media (hover: hover) {
  .customer.account nav > div a:hover {
    color: #050505;
  }
}
.customer.account .tab-content {
  opacity: 0;
  pointer-events: none;
  height: 0;
  overflow: hidden;
  transition: opacity ease 400ms;
  grid-row: 2/3;
}
.customer.account .tab-content.is-active {
  pointer-events: all;
  opacity: 1;
  height: auto;
  overflow: visible;
}
.customer.account ul .ctas button {
  color: #fff;
  width: 50%;
  background-color: #050505;
  padding-bottom: 1.5rem;
  padding-top: 1.5rem;
  border-bottom: none;
  font-size: 1.4rem;
  letter-spacing: 0;
  line-height: 1.25;
  min-height: unset;
  min-width: unset;
  align-items: flex-start;
  transition: ease 250ms;
}
@media screen and (min-width: 874px) {
  .customer.account ul .ctas button {
    color: #737373;
    width: -moz-max-content;
    width: max-content;
    background-color: transparent;
    padding: 0;
    padding-bottom: 4px;
    border-bottom: 1px solid #737373;
  }
}
.customer.account ul .ctas button::after, .customer.account ul .ctas button::before {
  content: none;
}
.customer.account ul .ctas button + button {
  margin-left: 1rem;
}
@media screen and (min-width: 768px) {
  .customer.account ul .ctas button + button {
    margin-left: 2rem;
  }
}
@media screen and (min-width: 1366px) {
  .customer.account ul .ctas button {
    font-size: 1.6rem;
  }
}
@media screen and (min-width: 874px) and (hover: hover) {
  .customer.account ul .ctas button:hover {
    color: #050505;
    border-color: #050505;
  }
}

#AddAddress form {
  display: grid;
  grid-template-columns: 1fr;
  -moz-column-gap: 2rem;
       column-gap: 2rem;
  row-gap: 4rem;
}
@media screen and (min-width: 874px) {
  #AddAddress form {
    grid-template-columns: repeat(2, 1fr);
  }
}

.edit-address .select,
#AddAddress .select {
  border-bottom: 1px solid #737373;
  display: flex;
  align-items: center;
}

.edit-address select,
select#AddressProvinceNew,
select#AddressCountryNew {
  min-height: unset;
  height: auto;
  letter-spacing: 0px;
  line-height: 1.15;
  padding-bottom: 9px;
  padding-left: 0;
  position: relative;
}
.edit-address select ~ svg,
select#AddressProvinceNew ~ svg,
select#AddressCountryNew ~ svg {
  position: static;
}
.edit-address select:disabled,
select#AddressProvinceNew:disabled,
select#AddressCountryNew:disabled {
  cursor: not-allowed;
  opacity: 1;
}
.edit-address select:disabled ~ label,
select#AddressProvinceNew:disabled ~ label,
select#AddressCountryNew:disabled ~ label {
  opacity: 1;
}
.edit-address select:disabled ~ svg,
select#AddressProvinceNew:disabled ~ svg,
select#AddressCountryNew:disabled ~ svg {
  opacity: 1;
}

.new-country-region label {
  opacity: 1;
  bottom: 25px;
  font-size: 1.2rem;
  transition: font-size ease 250ms, bottom ease 250ms, opacity ease 250ms;
  position: absolute;
}
.new-country-region label.not-active {
  opacity: 0;
  color: #727272;
  bottom: 7px;
  font-size: 1.4rem;
}
@media screen and (min-width: 1366px) {
  .new-country-region label.not-active {
    bottom: 1.25;
    font-size: 1.6rem;
  }
}

form#address_form_new .country-region label {
  display: block;
  opacity: 1;
  bottom: 25px;
  font-size: 1.2rem;
  transition: font-size ease 250ms, bottom ease 250ms, opacity ease 250ms;
  position: absolute;
}
form#address_form_new .country-region label.not-active {
  color: #727272;
  opacity: 0;
  display: block;
  bottom: 7px;
  font-size: 1.4rem;
}
@media screen and (min-width: 1366px) {
  form#address_form_new .country-region label.not-active {
    bottom: 1.25;
    font-size: 1.6rem;
  }
}

.edit-address div[id*=AddressProvinceContainer] select ~ label,
select#AddressProvinceNew ~ label {
  display: block;
  opacity: 1;
  font-size: 12px;
  bottom: 25px;
  font-size: 1.2rem;
  transition: font-size ease 250ms, bottom ease 250ms;
}
.edit-address div[id*=AddressProvinceContainer] select:empty ~ label,
select#AddressProvinceNew:empty ~ label {
  color: #727272;
  opacity: 1;
  display: block;
  bottom: 7px;
  font-size: 1.4rem;
}
@media screen and (min-width: 1366px) {
  .edit-address div[id*=AddressProvinceContainer] select:empty ~ label,
  select#AddressProvinceNew:empty ~ label {
    bottom: 1.25;
    font-size: 1.6rem;
  }
}

div[id*=AddressProvinceContainer][style],
#AddressProvinceContainerNew[style] {
  display: flex !important;
}

.black-cta {
  width: 100% !important;
  background-color: #050505 !important;
  padding-top: 1.5rem !important;
  padding-bottom: 1.5rem !important;
  color: white !important;
  font-size: 1.4rem;
  margin-top: 1rem;
  line-height: 1.25 !important;
}
@media screen and (min-width: 874px) {
  .black-cta {
    margin-top: 3rem;
  }
}
@media screen and (min-width: 1366px) {
  .black-cta {
    font-size: 1.6rem;
  }
}

.customer section#addresses-container #open-add-address-widget,
.customer section#addresses-container h1 {
  opacity: 0;
  height: 0;
  overflow: hidden;
  pointer-events: none;
}
.customer section#addresses-container #open-add-address-widget.is-visible,
.customer section#addresses-container h1.is-visible {
  opacity: 1;
  overflow: visible;
  height: auto;
  pointer-events: all;
}
.customer section#addresses-container h1.is-visible {
  padding-top: 3rem;
  padding-bottom: 3rem;
}
.customer form select {
  font-size: 1.4rem;
  color: #737373;
}
@media screen and (min-width: 1366px) {
  .customer form select {
    font-size: 1.6rem;
  }
}
.customer form input {
  font-size: 1.4rem;
  color: #737373;
}
@media screen and (min-width: 1366px) {
  .customer form input {
    font-size: 1.6rem;
  }
}

.card-wrapper:hover .media.media--hover-effect > img:first-child:not(:only-child) {
  opacity: 1 !important;
}

.snize-instant-widget-is-open .snize-ac-results div:last-child[style] {
  display: none !important;
}

#ContactForm .custom-field {
  margin-top: 1rem;
}

.drawer #CartDrawer .drawer__inner {
  transform: translateY(100%);
}
@media screen and (min-width: 874px) {
  .drawer #CartDrawer .drawer__inner {
    transform: translateX(100%);
  }
}
.drawer.active #CartDrawer .drawer__inner {
  transform: translateY(0);
}
@media screen and (min-width: 874px) {
  .drawer.active #CartDrawer .drawer__inner {
    transform: translateX(0);
  }
}

@media screen and (max-width: 873px) {
  cart-drawer.drawer.preload {
    height: 100%;
  }
}

#CartDrawer {
  z-index: 30;
}
#CartDrawer .cart-item {
  gap: 25px;
}
#CartDrawer .cart-item__details {
  grid-column: 2/3;
  grid-row: 1/2;
  position: static;
}
#CartDrawer .cart-item__details dd {
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: 14px; /* 116.667% */
  letter-spacing: 0.36px;
  leading-trim: both;
  text-edge: cap;
}
#CartDrawer > .drawer__inner {
  background-color: #fff;
  padding-left: 0rem;
  padding-right: 0rem;
  width: 100vw;
  max-width: unset;
  max-height: unset;
  height: 90dvh;
  position: absolute;
  bottom: 0;
  left: 0;
}
@media screen and (min-width: 874px) {
  #CartDrawer > .drawer__inner {
    width: min(45rem, 50vw);
    max-height: unset;
    height: 100%;
    position: static;
  }
}
@media screen and (min-width: 1366px) {
  #CartDrawer > .drawer__inner {
    width: max(48rem, 25vw);
  }
}
#CartDrawer .drawer__header {
  padding-top: 2.5rem;
  padding-bottom: 2.5rem;
  border-bottom: 1px solid rgba(0, 0, 0, 0.05);
  font-size: 1.4rem;
}
@media screen and (min-width: 1366px) {
  #CartDrawer .drawer__header {
    font-size: 1.6rem;
  }
}
#CartDrawer .drawer__header h2 {
  padding-left: 25px;
}
#CartDrawer .drawer__header .drawer__heading {
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: 14px; /* 116.667% */
  letter-spacing: 0.36px;
  leading-trim: both;
  text-edge: cap;
}
#CartDrawer .drawer__header .drawer__close {
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: 14px; /* 116.667% */
  letter-spacing: 0.36px;
  leading-trim: both;
  text-edge: cap;
  position: static;
  min-height: unset;
  min-width: unset;
  margin: 0;
  padding: 0;
  padding-right: 25px;
}
#CartDrawer .cart__contents #CartDrawer-CartErrors {
  padding: 20px 20px 16px;
}
#CartDrawer .drawer__footer {
  border-top: 1px solid rgba(0, 0, 0, 0.05);
  padding-bottom: 3rem;
  padding-top: 3rem;
  position: relative;
}
#CartDrawer .drawer__footer::after {
  content: "";
  width: 100%;
  height: 3rem;
  display: block;
  position: absolute;
  top: -3rem;
  left: 0;
  background-color: white;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgb(255, 255, 255) 100%);
}
#CartDrawer .drawer__footer .totals {
  display: flex;
  justify-content: space-between;
}
#CartDrawer .drawer__footer .totals__subtotal {
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: 14px; /* 116.667% */
  letter-spacing: 0.36px;
  leading-trim: both;
  text-edge: cap;
}
#CartDrawer .drawer__footer .tax-note {
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: 14px; /* 116.667% */
  letter-spacing: 0.36px;
  leading-trim: both;
  text-edge: cap;
  color: #737373;
  margin: 0;
  margin-top: 13px;
  margin-bottom: 0;
}
#CartDrawer .drawer__footer .tax-note .affirm-message {
  font-size: 10px;
  font-style: normal;
  font-weight: 500;
  line-height: 15px;
  leading-trim: both;
  text-edge: cap;
  color: #b4b4b4;
}
#CartDrawer .drawer__footer .giftwrap-by-wrapped {
  width: 100%;
}
#CartDrawer .drawer__footer .giftwrap-by-wrapped label {
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: 14px; /* 116.667% */
  letter-spacing: 0.36px;
  leading-trim: both;
  text-edge: cap;
  text-align: left;
}
#CartDrawer .drawer__footer .giftwrap-by-wrapped span {
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: 14px; /* 116.667% */
  letter-spacing: 0.36px;
  leading-trim: both;
  text-edge: cap;
  padding-left: 5px;
  text-align: left;
}
#CartDrawer .drawer__footer .giftwrap-by-wrapped label span {
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: 14px; /* 116.667% */
  letter-spacing: 0.36px;
  leading-trim: both;
  text-edge: cap;
  text-align: left;
}
#CartDrawer .drawer__footer .cart__ctas {
  padding-left: 25px;
  padding-right: 25px;
}
#CartDrawer .drawer__footer #CartDrawer-Checkout {
  background-color: #050505;
  color: #fff;
  letter-spacing: 0px;
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
}
#CartDrawer #CartDrawer-CartItems thead {
  display: none;
}
#CartDrawer #CartDrawer-CartItems tbody tr {
  padding-top: 2.5rem;
  padding-bottom: 2.5rem;
  border-bottom: 1px solid rgba(0, 0, 0, 0.05);
  grid-template-columns: auto 1fr 1fr;
  margin-bottom: 0;
}
#CartDrawer #CartDrawer-CartItems tbody tr td {
  padding: 0;
  letter-spacing: 0;
}
#CartDrawer #CartDrawer-CartItems tbody tr td .cart-item__error {
  margin-top: 0;
}
#CartDrawer #CartDrawer-CartItems tbody tr td .cart-item__name:hover {
  text-decoration: none;
}
#CartDrawer #CartDrawer-CartItems tbody tr td .cart-item__quantity-wrapper {
  height: 100%;
  align-items: flex-end;
}
#CartDrawer #CartDrawer-CartItems tbody tr td .cart-item__quantity-wrapper quantity-input input {
  width: 4rem;
}
#CartDrawer #CartDrawer-CartItems tbody tr td .cart-item__quantity-wrapper cart-remove-button {
  margin-top: 0;
  margin-left: auto;
  margin-right: 5px;
  cursor: pointer;
}
@media screen and (min-width: 991px) {
  #CartDrawer #CartDrawer-CartItems tbody tr td .cart-item__quantity-wrapper cart-remove-button {
    margin-right: 0;
  }
}
#CartDrawer #CartDrawer-CartItems tbody tr td .cart-item__quantity-wrapper button {
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: 14px; /* 116.667% */
  letter-spacing: 0.36px;
  leading-trim: both;
  text-edge: cap;
  min-height: unset;
  min-width: unset;
  opacity: 0.6;
}
#CartDrawer #CartDrawer-CartItems tbody tr td.cart-item__totals {
  padding-right: 0;
}
#CartDrawer #CartDrawer-CartItems tbody tr td.cart-item__totals span {
  letter-spacing: 0;
}
#CartDrawer #CartDrawer-CartItems tbody tr td.cart-item__totals .cart-item__old-price {
  text-decoration: line-through;
}
#CartDrawer #CartDrawer-CartItems tbody tr td.cart-item__media {
  width: 12rem;
}
#CartDrawer #CartDrawer-CartItems tbody tr td.cart-item__media img {
  width: 100%;
  height: unset;
}
#CartDrawer #CartDrawer-CartItems tbody tr td dl {
  margin-top: 2rem;
}
#CartDrawer #CartDrawer-CartItems tbody tr td dl dt:not(.gift) {
  display: none;
}
#CartDrawer #CartDrawer-CartItems tbody tr td dl dd.gift {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 20rem;
  display: block;
  line-height: initial;
}
@media screen and (max-width: 639px) {
  #CartDrawer #CartDrawer-CartItems tbody tr td dl dd.gift {
    width: 15rem;
  }
}
@media screen and (min-width: 1366px) {
  #CartDrawer #CartDrawer-CartItems tbody tr td dl dd.gift {
    width: 25rem;
  }
}
#CartDrawer #CartDrawer-CartItems tbody tr td > .product-option {
  display: none;
}
#CartDrawer #CartDrawer-CartItems tbody tr td:first-child {
  padding-left: 25px;
}
#CartDrawer #CartDrawer-CartItems tbody tr td:last-child {
  padding-right: 25px;
}

cart-drawer.drawer {
  opacity: 0;
  visibility: visible;
  pointer-events: none;
  height: 0px;
  overflow: hidden;
  transition: opacity 400ms;
  height: 100vh;
}
cart-drawer.drawer.active {
  opacity: 1;
  pointer-events: all;
}
@media screen and (min-width: 874px) {
  cart-drawer.drawer.active {
    height: 100vh;
    height: calc(var(--vh, 1vh) * 100);
  }
}

.book-appointment-cart {
  border-top: 1px solid rgba(0, 0, 0, 0.05);
  border-bottom: 1px solid rgba(0, 0, 0, 0.05);
  display: block;
  padding: 25px 25px 16px;
}

.cart-actions {
  padding: 13px 25px 15px;
  margin: 0;
}

.cart-drawer__footer wrapped-extension {
  border: none !important;
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: 14px; /* 116.667% */
  letter-spacing: 0.36px;
  leading-trim: both;
  text-edge: cap;
}
.cart-drawer__footer wrapped-extension span {
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: 14px; /* 116.667% */
  letter-spacing: 0.36px;
  leading-trim: both;
  text-edge: cap;
}
.cart-drawer__footer .totals,
.cart-drawer__footer .tax-note {
  padding-left: 25px;
  padding-right: 25px;
}
.cart-drawer__footer .totals {
  margin-top: 25px;
}
.cart-drawer__footer [data-controller=wrapped-cart] {
  border-bottom: 1px solid rgba(0, 0, 0, 0.05);
  padding-top: 19px;
  padding-bottom: 16px;
  padding-left: 25px;
  padding-right: 25px;
  margin: 0;
  max-width: none;
}
.cart-drawer__footer [data-controller=wrapped-cart] label {
  cursor: pointer;
}
.cart-drawer__footer [data-controller=wrapped-cart] label input:checked ~ span::before {
  background-color: #050505;
}
.cart-drawer__footer [data-controller=wrapped-cart] label span.checkbox_label {
  display: flex;
}
.cart-drawer__footer [data-controller=wrapped-cart] label span.checkbox_label::before {
  content: "";
  display: block;
  margin-right: 2rem;
  border: 1px solid #050505;
  cursor: pointer;
  background-color: transparent;
  transition: ease 250ms;
  position: relative;
  top: 4px;
}
@media screen and (max-width: 639px) {
  .cart-drawer__footer [data-controller=wrapped-cart] label span.checkbox_label::before {
    width: 4.5rem;
    height: 1.5rem;
  }
}
@media screen and (min-width: 640px) {
  .cart-drawer__footer [data-controller=wrapped-cart] label span.checkbox_label::before {
    width: 2.5rem;
    height: 2rem;
  }
}
@media screen and (min-width: 1024px) {
  .cart-drawer__footer [data-controller=wrapped-cart] label span.checkbox_label::before {
    width: 3.8rem;
    height: 1.5rem;
  }
}
@media (hover: hover) {
  .cart-drawer__footer [data-controller=wrapped-cart] label:hover span::before {
    background-color: rgba(0, 0, 0, 0.4);
  }
}
.cart-drawer__footer feature-checkbox > div[data-container]:not(:empty) {
  padding-bottom: 0;
}
.cart-drawer__footer feature-sender-recipient {
  margin-top: 15px;
}
.cart-drawer__footer feature-message > div[data-container]:not(:empty) {
  padding-bottom: 0;
}
.cart-drawer__footer [data-features--checkbox-target=wrapper] {
  padding-left: 2rem;
  padding-right: 2rem;
}
@media screen and (min-width: 874px) {
  .cart-drawer__footer [data-features--checkbox-target=wrapper] {
    padding-left: 3rem;
    padding-right: 3rem;
  }
}
.cart-drawer__footer [data-features--message-target=wrapper] {
  margin-top: 4rem;
  padding-left: 2rem;
  padding-right: 2rem;
  display: none !important;
}
@media screen and (min-width: 874px) {
  .cart-drawer__footer [data-features--message-target=wrapper] {
    padding-right: 3rem;
    padding-left: 3rem;
  }
}
.cart-drawer__footer [data-features--message-target=wrapper] textarea {
  margin-top: 6px;
  position: relative;
  height: 7em;
  resize: none;
  padding-left: 2rem;
  padding-right: 2rem;
  padding-top: 1.4rem;
  padding-bottom: 1.4rem;
  border: 1px solid #737373;
  font-size: 1.6rem;
}
.cart-drawer__footer [data-features--message-target=wrapper] textarea:focus {
  z-index: 2;
}

.cloned-swatch {
  margin-right: 0;
  justify-self: start;
}
@media screen and (min-width: 640px) {
  .cloned-swatch {
    justify-self: end;
  }
}

.swatch-color,
.cloned-swatch {
  border: 1px solid rgba(0, 0, 0, 0.05);
}

.swatch-color {
  border-radius: 20px;
  height: 20px;
  width: 20px;
  margin-right: 6px;
}

#success-message-shadow {
  position: fixed;
  left: 0;
  top: 0;
  z-index: 31;
  background-color: rgba(0, 0, 0, 0.4);
  width: 100vw;
  display: block;
  opacity: 0;
  pointer-events: none;
  height: 100vh;
  transition: opacity ease 400ms;
}
#success-message-shadow.active {
  opacity: 1;
  pointer-events: all;
  transition: opacity ease 400ms;
}

#success-message-modal {
  display: block;
  width: min(50vw, 40rem);
  background-color: #fff;
  z-index: 31;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 1.6rem;
  opacity: 0;
  overflow: hidden;
  pointer-events: none;
  transition: opacity ease 400ms;
}
#success-message-modal.active {
  opacity: 1;
  pointer-events: all;
  transition: opacity ease 400ms;
}
#success-message-modal .content {
  padding: 2rem;
}
#success-message-modal .content p {
  line-height: 1.25;
  font-size: 1.4rem;
}
@media screen and (min-width: 1366px) {
  #success-message-modal .content p {
    font-size: 1.6rem;
  }
}

.grecaptcha-badge {
  display: none !important;
}

.shopify-challenge__container {
  padding-top: 12rem;
  font-size: 1.4rem;
}
@media screen and (min-width: 1366px) {
  .shopify-challenge__container {
    font-size: 1.6rem;
  }
}
.shopify-challenge__container .shopify-challenge__message {
  margin-bottom: 2rem;
}
.shopify-challenge__container form input[type=submit] {
  background-color: #050505;
  color: #fff;
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
  width: 30.4rem;
  margin-top: 2rem;
}

.customer.order {
  grid-template-rows: max-content;
  grid-auto-rows: max-content;
  color: #241e21;
  line-height: 1.325;
}
.customer.order .back-to-dashboard {
  color: #737373;
}
.customer.order h2 {
  font-size: 1.4rem;
  color: #241e21;
}
@media screen and (min-width: 1366px) {
  .customer.order h2 {
    font-size: 1.6rem;
  }
}
.customer.order h2.order-name {
  font-size: 1.4rem !important;
}
@media screen and (min-width: 1366px) {
  .customer.order h2.order-name {
    font-size: 1.6rem !important;
  }
}
.customer.order #order-addresses h2 {
  margin: 0;
  color: #241e21;
}
.customer.order .order-details {
  width: 100%;
  margin-top: 3rem;
  border-top: 1px solid rgba(0, 0, 0, 0.05);
}
.customer.order .order-details td {
  vertical-align: top;
  text-align: center;
}
.customer.order .order-details td:last-child {
  text-align: end;
}
.customer.order .order-details thead tr th {
  padding-top: 3rem;
  font-weight: normal;
  text-align: center;
}
.customer.order .order-details thead tr th:nth-child(1) {
  width: 70%;
  text-align: start;
}
.customer.order .order-details thead tr th:nth-child(2) {
  width: 15%;
}
.customer.order .order-details thead tr th:nth-child(3) {
  width: 15%;
}
.customer.order .order-details thead tr th:last-child {
  text-align: end;
}
.customer.order .order-details tbody tr {
  position: relative;
}
.customer.order .order-details tbody tr:first-child td {
  padding-top: 3rem;
}
.customer.order .order-details tbody tr:last-child td {
  padding-bottom: 4rem;
}
.customer.order .order-details tbody tr td {
  padding-bottom: 8rem;
  border-bottom: 1px solid rgba(0, 0, 0, 0.05);
  padding-top: 2rem;
}
@media screen and (min-width: 874px) {
  .customer.order .order-details tbody tr td {
    padding-top: 0;
    border-bottom: none;
    padding-bottom: 2rem;
  }
}
.customer.order .order-details tfoot {
  border-top: 1px solid rgba(0, 0, 0, 0.05);
}
.customer.order .order-details tfoot tr td {
  padding-bottom: 1rem;
}
.customer.order .order-details tfoot tr td:first-child {
  text-align: start;
}
.customer.order .order-details tfoot tr:first-child td {
  padding-top: 3rem;
}
.customer.order .order-details tfoot tr:last-child td {
  padding-bottom: 3rem;
  border-bottom: 1px solid rgba(0, 0, 0, 0.05);
}
.customer.order .order-details .fulfillment {
  text-align: start;
}
.customer.order .order-details .track-order-link {
  margin-top: 2rem;
  padding: 1.25rem;
  background: #050505;
  color: #fff;
  text-decoration: none !important;
  text-align: center;
  width: 100%;
  position: absolute;
  left: 0;
  bottom: 2rem;
}
@media screen and (min-width: 874px) {
  .customer.order .order-details .track-order-link {
    background-color: transparent;
    color: #241e21;
    padding: 0;
    text-align: start;
    width: -moz-max-content;
    width: max-content;
    position: static;
    text-decoration: underline !important;
    text-decoration-thickness: 1px !important;
    margin-bottom: 2rem;
  }
}
.customer.order img.order-product-image {
  width: 9rem;
  aspect-ratio: 9/13.5;
  max-height: 13.5rem;
  -o-object-fit: cover;
     object-fit: cover;
}

@media screen and (max-width: 767px) {
  [id*=MainProduct] .video-banner,
  [id*=MainProduct] .image-banner {
    order: 1;
  }
  [id*=MainProduct] .product.product-nav-wrapper {
    order: 2;
  }
  [id*=MainProduct] #success-message-shadow {
    order: 3;
  }
  [id*=MainProduct] #success-message-modal {
    order: 4;
  }
  [id*=MainProduct] .grid__item.product__media-wrapper {
    order: 5;
  }
  [id*=MainProduct] #inquiry-shadow-bg {
    order: 6;
  }
  [id*=MainProduct] #inquiry-modal {
    order: 7;
  }
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover,
textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus {
  -webkit-text-fill-color: #696969;
  -webkit-box-shadow: 0 0 0px 1000px transparent inset;
  -webkit-transition: background-color 5000s ease-in-out 0s;
  transition: background-color 5000s ease-in-out 0s;
}

.cart-item .product-qty {
  display: block;
  margin-top: 0.5em;
}
.cart-item .cart-item__name {
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: 14px; /* 116.667% */
  letter-spacing: 0.36px;
  leading-trim: both;
  text-edge: cap;
  position: relative;
  overflow: hidden;
  width: auto;
}
@media (hover: hover) {
  .cart-item .cart-item__name:hover::after {
    left: 0;
  }
}
.cart-item .cart-item__name:hover {
  text-decoration: none !important;
  text-decoration-thickness: 1px;
}

.lazy,
.edition-lazy {
  opacity: 0;
  transition: opacity ease 1s;
}
.lazy.entered.loaded,
.edition-lazy.entered.loaded {
  opacity: 1;
}

.form__message {
  margin-bottom: 4rem;
}

form .errors {
  margin-bottom: 4rem;
}

.snize-ac-results > div[style]:last-child {
  display: none !important;
}
.snize-ac-results .snize-ac-results-content ~ div[style] {
  display: none !important;
  opacity: 0 !important;
  visibility: hidden !important;
  width: 0px !important;
  overflow: hidden !important;
}

.hidden-text {
  transition: opacity ease 400ms;
}

#plyr-pause,
#plyr-play {
  stroke: #fff;
  fill: transparent;
}

.plyr__volume {
  min-width: -moz-min-content;
  min-width: min-content;
  width: auto;
}

.plyr__progress {
  width: 100%;
}

[data-plyr=mute] .icon--pressed::after {
  content: "";
  position: absolute;
  width: 2px;
  height: 100%;
  background-color: #fff;
  display: block;
}
[data-plyr=mute] ~ .plyr__volume [data-plyr=volume] {
  cursor: pointer;
  transition: ease 250ms !important;
  margin: 0 !important;
}
@media screen and (min-width: 1280px) {
  [data-plyr=mute] ~ .plyr__volume [data-plyr=volume] {
    padding-left: 3rem;
  }
}
@media (hover: hover) {
  [data-plyr=mute] ~ .plyr__volume [data-plyr=volume] {
    max-width: 0px;
  }
  [data-plyr=mute] ~ .plyr__volume [data-plyr=volume]:hover {
    padding-left: 0;
    max-width: 74px;
  }
  [data-plyr=mute]:hover {
    padding-right: 1rem;
  }
  [data-plyr=mute]:hover ~ .plyr__volume [data-plyr=volume] {
    padding-left: 0rem;
    max-width: 74px;
  }
}

.articles-grid {
  row-gap: 5.5rem;
}
@media screen and (min-width: 768px) {
  .articles-grid {
    row-gap: 3.25rem;
  }
}

.best-sellers .card__media {
  width: 100%;
}
.best-sellers .card__information {
  padding-top: 2rem;
  padding-bottom: 0;
  line-height: 1.3;
}
.best-sellers .card__content {
  font-size: 1.4rem;
}
@media screen and (min-width: 1366px) {
  .best-sellers .card__content {
    font-size: 1.6rem;
  }
}

.cta-to-top {
  bottom: unset !important;
  top: 6rem;
}
@media screen and (min-width: 640px) {
  .cta-to-top {
    top: 5.5rem;
  }
}
@media screen and (min-width: 1366px) {
  .cta-to-top {
    top: 13rem;
  }
}

.isense-reopen-widget-text {
  border-color: #050505;
  bottom: 55px;
  right: 25px !important;
  padding: 5px 5px 3px;
  visibility: hidden;
}
@media screen and (max-width: 873px) {
  .isense-reopen-widget-text {
    right: 15px !important;
    bottom: 30px;
  }
}
.isense-reopen-widget-text:hover {
  background-color: #050505;
  color: white;
}

.cc-settings-dialog {
  box-sizing: border-box;
  background-color: #efede6;
  margin: 0;
  top: auto;
  position: absolute;
  bottom: 0;
  left: 0;
  padding: 14px;
  overflow: hidden;
  width: 100%;
}
.cc-settings-dialog #cookie_settings_header {
  font-style: normal;
  font-weight: 500; /* 116.667% */
  letter-spacing: 0.36px;
  leading-trim: both;
  text-edge: cap;
  font-size: 11px;
  line-height: 14px;
  text-align: left !important;
  margin-bottom: 26px !important;
  border: none !important;
  padding-bottom: 0 !important;
}
.cc-settings-dialog button[aria-label=Close] {
  text-decoration: underline;
}
.cc-settings-dialog button[aria-label=Close]:hover {
  text-decoration: none;
}
.cc-settings-dialog button[aria-label=Close]:after {
  content: "Close" !important;
  font-style: normal;
  font-weight: 500; /* 116.667% */
  letter-spacing: 0.36px;
  leading-trim: both;
  text-edge: cap;
  font-size: 11px;
  line-height: 14px;
}
.cc-settings-dialog .cc-checkbox-container {
  margin: 0 !important;
  padding: 0 !important;
  width: 100%;
}
.cc-settings-dialog .cc-checkbox-container label {
  font-style: normal;
  font-weight: 500; /* 116.667% */
  letter-spacing: 0.36px;
  leading-trim: both;
  text-edge: cap;
  font-size: 11px !important;
  line-height: 14px !important;
  margin: 0 !important;
  padding: 0 !important;
}
.cc-settings-dialog .cc-checkbox-container .modern-switch-container {
  margin-right: 0 !important;
}
.cc-settings-dialog .cc-compliance {
  border-top: none !important;
  justify-content: flex-start !important;
  margin: 0 !important;
  padding: 0 !important;
}
@media screen and (max-width: 873px) {
  .cc-settings-dialog .cc-compliance {
    display: block;
  }
}
.cc-settings-dialog .cc-compliance .cc-btn {
  border: none;
  outline: none;
  padding: 0 !important;
  margin: 0 !important;
  text-decoration: underline;
  margin-right: 12px !important;
}
.cc-settings-dialog .cc-compliance .cc-btn:hover {
  text-decoration: none;
}
.cc-settings-dialog .cc-compliance .cc-btn:after {
  display: none !important;
}
.cc-settings-dialog .cc-cookie-category-text {
  max-width: 510px !important;
  margin-bottom: 26px;
}
@media screen and (max-width: 873px) {
  .cc-settings-dialog .cc-cookie-category-text {
    margin-top: 15px;
  }
}

.cc-window.cc-banner {
  background-color: #efede6 !important;
  border-radius: 0 !important;
  bottom: 0 !important;
  width: 100% !important;
  padding-left: 15px;
  padding-right: 30px;
  padding-top: 14px;
  padding-bottom: 12px;
}
@media screen and (min-width: 768px) {
  .cc-window.cc-banner {
    padding-left: 15px;
    padding-right: 30px;
    padding-top: 14px;
    padding-bottom: 12px;
  }
}
.cc-window.cc-banner .cookieconsent-wrapper {
  display: flex;
  padding: 0;
  width: 100%;
  justify-content: space-between;
  flex-direction: row;
  grid-gap: 20px;
  align-items: flex-end;
}
@media screen and (max-width: 873px) {
  .cc-window.cc-banner .cookieconsent-wrapper {
    flex-direction: column;
    align-items: flex-start;
  }
}
.cc-window.cc-banner .cookieconsent-wrapper .cc-message {
  font-style: normal;
  font-weight: 500;
  line-height: 14px; /* 116.667% */
  letter-spacing: 0.36px;
  leading-trim: both;
  text-edge: cap;
  font-size: 11px;
  font-family: "ABC ROM";
  text-align: left;
  max-width: 650px;
}
.cc-window.cc-banner .cookieconsent-wrapper .cc-message span + .cc-link {
  margin-left: 5px;
}
.cc-window.cc-banner .cookieconsent-wrapper .cc-message .cc-link {
  font-style: normal;
  font-weight: 500;
  line-height: 14px; /* 116.667% */
  letter-spacing: 0.36px;
  leading-trim: both;
  text-edge: cap;
  font-size: 11px;
  font-family: "ABC ROM";
  text-decoration: none;
  position: relative;
  overflow: hidden;
  padding: 0;
  padding-bottom: 2px;
  vertical-align: middle;
  text-decoration: underline;
}
@media (hover: hover) {
  .cc-window.cc-banner .cookieconsent-wrapper .cc-message .cc-link:hover {
    text-decoration: none;
  }
}
@media screen and (max-width: 873px) {
  .cc-window.cc-banner .cookieconsent-wrapper .cc-message {
    margin-bottom: 0;
  }
}
.cc-window.cc-banner .cookieconsent-wrapper .cc-compliance {
  display: flex;
  margin-top: 0;
  margin-left: 0;
  margin-right: 0;
  margin-bottom: 0;
  flex-direction: row;
  align-items: baseline;
}
@media screen and (max-width: 873px) {
  .cc-window.cc-banner .cookieconsent-wrapper .cc-compliance {
    display: block;
    text-align: left;
    width: 100%;
  }
}
.cc-window.cc-banner .cookieconsent-wrapper .cc-btn {
  font-style: normal;
  font-weight: 500;
  line-height: 14px; /* 116.667% */
  letter-spacing: 0.36px;
  leading-trim: both;
  text-edge: cap;
  background-color: transparent !important;
  font-size: 11px;
  font-family: "ABC ROM";
  border-radius: 0;
  padding: 0;
  margin: 0;
  padding-bottom: 0;
  position: relative;
  outline: none !important;
  overflow: hidden;
  min-width: unset;
  flex-basis: unset;
  border: none;
  transition: none;
  width: -moz-max-content;
  width: max-content;
  flex: unset !important;
  display: inline-block;
  text-decoration: underline;
  margin-right: 12px;
  overflow: visible;
  min-width: auto !important;
}
.cc-window.cc-banner .cookieconsent-wrapper .cc-btn:last-of-type {
  margin-right: 0;
}
@media screen and (max-width: 873px) {
  .cc-window.cc-banner .cookieconsent-wrapper .cc-btn {
    margin-right: 10px;
  }
}
.cc-window.cc-banner .cookieconsent-wrapper .cc-btn.cc-allow {
  order: 2;
  margin-bottom: 0;
  padding: 0 !important;
  padding-bottom: 6px;
  border: none;
  width: -moz-max-content;
  width: max-content;
}
.cc-window.cc-banner .cookieconsent-wrapper .cc-btn.cc-allow::after {
  content: "";
}
.cc-window.cc-banner .cookieconsent-wrapper .cc-btn:focus {
  background-color: transparent;
  box-shadow: none;
}
.cc-window.cc-banner .cookieconsent-wrapper .cc-btn + .cc-btn {
  margin-left: 0;
}
@media screen and (min-width: 640px) {
  .cc-window.cc-banner .cookieconsent-wrapper .cc-btn + .cc-btn {
    margin-left: 3rem;
  }
}
.cc-window.cc-banner .cookieconsent-wrapper .cc-btn + .cc-settings {
  margin: 0;
  order: 2;
}
@media screen and (min-width: 640px) {
  .cc-window.cc-banner .cookieconsent-wrapper .cc-btn + .cc-settings {
    order: 1;
  }
}
.cc-window.cc-banner .cookieconsent-wrapper .cc-btn::after {
  content: "";
  width: 100%;
  height: 1px;
  background-color: currentColor;
  display: none;
  position: absolute;
  bottom: 0;
  left: 0;
  transition: ease 250ms;
}
@media (hover: hover) {
  .cc-window.cc-banner .cookieconsent-wrapper .cc-btn:hover {
    background: transparent;
    color: #050505 !important;
    text-decoration: none;
  }
}

.cc-settings-view .cc-settings-dialog .cookie-settings-header {
  font-family: "ABC ROM";
}
.cc-settings-view .cc-settings-dialog .cc-cookie-category-text {
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: 14px; /* 116.667% */
  letter-spacing: 0.36px;
  leading-trim: both;
  text-edge: cap;
  font-family: "ABC ROM";
}
.cc-settings-view .cc-settings-dialog .cc-checkbox-container input:checked + .reject-container,
.cc-settings-view .cc-settings-dialog .cc-checkbox-container input:not(:checked) ~ .accept-container {
  background-color: #999 !important;
}
.cc-settings-view .cc-settings-dialog .cc-checkbox-container input:checked ~ .accept-container {
  background-color: #050505 !important;
}
.cc-settings-view .cc-settings-dialog .cc-checkbox-container input:not(:checked) + .reject-container {
  background-color: #050505 !important;
}
.cc-settings-view .cc-settings-dialog label {
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: 14px; /* 116.667% */
  letter-spacing: 0.36px;
  leading-trim: both;
  text-edge: cap;
  font-family: "ABC ROM";
  padding-left: 2.6rem;
  margin-bottom: 8px;
}
.cc-settings-view .cc-settings-dialog label::first-letter {
  text-transform: uppercase;
}
.cc-settings-view .cc-settings-dialog label input[type=checkbox]:focus ~ .cc-checkbox {
  box-shadow: none;
}
.cc-settings-view .cc-settings-dialog label input[type=checkbox]:checked ~ .cc-checkbox::after {
  opacity: 1;
}
.cc-settings-view .cc-settings-dialog label .cc-checkbox {
  border-radius: 0;
  outline: none;
  top: 50%;
  transform: translateY(-50%);
}
.cc-settings-view .cc-settings-dialog label .cc-checkbox::after {
  border-radius: 0;
  background-color: #050505;
  border: 0;
  transform: none;
  width: 100%;
  height: 100%;
  margin: 0;
  left: 0;
  top: 0;
  opacity: 0;
  display: block;
  outline: none;
}
.cc-settings-view .cc-settings-dialog .cc-compliance {
  margin-top: 3rem;
}
@media screen and (max-width: 873px) {
  .cc-settings-view .cc-settings-dialog .cc-compliance {
    grid-gap: 0 !important;
    padding-top: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    padding-bottom: 0;
  }
  .cc-settings-view .cc-settings-dialog .cc-compliance .accept-reject-container {
    display: block;
  }
}
.cc-settings-view .cc-settings-dialog .cc-compliance .cc-btn {
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: 14px; /* 116.667% */
  letter-spacing: 0.36px;
  leading-trim: both;
  text-edge: cap;
  font-family: "ABC ROM";
  border-radius: 0;
  padding: 0;
  margin: 0;
  padding-bottom: 6px;
  position: relative;
  overflow: hidden;
  width: -moz-max-content;
  width: max-content;
  min-width: unset;
  flex-basis: unset;
  flex-grow: 0;
}
.cc-settings-view .cc-settings-dialog .cc-compliance .cc-btn.cc-btn-accept-selected {
  color: #050505 !important;
}
.cc-settings-view .cc-settings-dialog .cc-compliance .cc-btn + .cc-btn {
  margin-left: 3rem;
}
@media screen and (max-width: 873px) {
  .cc-settings-view .cc-settings-dialog .cc-compliance .cc-btn + .cc-btn {
    margin-left: 0;
  }
}
.cc-settings-view .cc-settings-dialog .cc-compliance .cc-btn::after {
  content: "";
  width: 100%;
  height: 1px;
  background-color: currentColor;
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  transition: ease 250ms;
}
@media (hover: hover) {
  .cc-settings-view .cc-settings-dialog .cc-compliance .cc-btn:hover {
    background: transparent;
  }
  .cc-settings-view .cc-settings-dialog .cc-compliance .cc-btn:hover::after {
    left: -100%;
  }
}
.cc-settings-view .cc-settings-dialog .cc-consent-verification {
  margin-top: 2rem;
  font-size: 10px;
  font-style: normal;
  font-weight: 500;
  line-height: 15px;
  leading-trim: both;
  text-edge: cap;
  font-family: "ABC ROM";
  text-align: left;
}
.cc-settings-view .cc-settings-dialog .cc-consent-verification a {
  color: currentColor;
  text-decoration: underline;
  font-size: 10px;
  font-style: normal;
  font-weight: 500;
  line-height: 15px;
  leading-trim: both;
  text-edge: cap;
  font-family: "ABC ROM";
  text-shadow: none;
  position: relative;
  overflow: hidden;
  padding: 0;
  margin: 0;
  vertical-align: middle;
  display: inline-block;
}
.cc-settings-view .cc-settings-dialog .cc-consent-verification a::after {
  display: none;
}
@media (hover: hover) {
  .cc-settings-view .cc-settings-dialog .cc-consent-verification a:hover {
    text-decoration: none;
  }
}

#gdpr_page > * {
  padding-bottom: 1rem;
}
#gdpr_page > h1, #gdpr_page > h2, #gdpr_page > h3, #gdpr_page > h4, #gdpr_page > h5, #gdpr_page > h6 {
  font-size: 2.2rem;
  margin-top: 3rem;
}
#gdpr_page input:not([type=submit]) {
  border-bottom: 1px solid #050505;
  padding-bottom: 4px;
  margin-left: 6px;
}
#gdpr_page input[type=submit] {
  background-color: #050505;
  color: #fff;
  padding: 1.25rem 3rem;
  margin-left: 3rem;
}
#gdpr_page li + li {
  margin-top: 1rem;
}
#gdpr_page button {
  position: relative;
  overflow: hidden;
  padding-bottom: 6px !important;
  text-decoration: none;
  border-bottom: 0 !important;
}
#gdpr_page button::after {
  content: "";
  width: 100%;
  height: 1px;
  background-color: currentColor;
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  transition: ease 250ms;
}
@media (hover: hover) {
  #gdpr_page button:hover::after {
    left: -100%;
  }
}

.errors {
  font-size: 1.2rem;
}

.form__message {
  margin-bottom: 2rem !important;
}

.form__message svg {
  display: none;
}

.shop-three-slots > section {
  padding-bottom: 5.5rem;
}
@media screen and (min-width: 768px) {
  .shop-three-slots > section {
    padding-bottom: 8rem;
  }
}

.sorting.caption {
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: 14px; /* 116.667% */
  letter-spacing: 0.36px;
  leading-trim: both;
  text-edge: cap;
}

textarea {
  border-radius: 0px !important;
}

section#editions-section::after {
  content: none;
  width: 100%;
  height: 100dvh;
  background-color: rgba(0, 0, 0, 0.4);
  display: block;
  position: absolute;
  left: 0;
  z-index: -1;
  pointer-events: none;
}
@media screen and (min-width: 874px) {
  section#editions-section::after {
    content: "";
  }
}

section#shop-section::after {
  content: none;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.4);
  display: block;
  position: absolute;
  left: 0;
  z-index: -1;
  pointer-events: none;
}
@media screen and (min-width: 874px) {
  section#shop-section::after {
    content: "";
  }
}

#clear-all-filters {
  color: #aaaaaa;
  opacity: 1;
  transition: ease 250ms;
}
@media (hover: hover) {
  #clear-all-filters:hover {
    color: #050505;
  }
}

#sort-and-filters .facet-filters__label {
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: 14px; /* 116.667% */
  letter-spacing: 0.36px;
  leading-trim: both;
  text-edge: cap;
  font-family: "ABC ROM";
}
#sort-and-filters.template-search {
  padding: 0;
}
#sort-and-filters.template-search .search-toolbar {
  position: relative;
  padding: 0 25px;
}
@media screen and (max-width: 767px) {
  #sort-and-filters.template-search .search-toolbar {
    padding: 0 15px;
  }
}
#sort-and-filters.template-search .search-toolbar .search-title {
  position: absolute;
  top: 0;
  left: 25px;
  z-index: 2;
}
@media screen and (max-width: 767px) {
  #sort-and-filters.template-search .search-toolbar .search-title {
    left: 15px;
  }
}
#sort-and-filters .active-facets.active-facets-desktop {
  padding-top: 0 !important;
  margin-top: 0 !important;
}
@media screen and (min-width: 768px) {
  #sort-and-filters .active-facets.active-facets-desktop {
    margin-left: 0;
    margin-right: 0;
  }
}

.cart__login-paragraph {
  display: none;
}

a.text-image-link p:last-child::after {
  content: "";
  display: inline-block;
  width: 2.5rem;
  height: 15px;
  margin-left: 1.5rem;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  background-image: url("data:image/svg+xml,%3Csvg class='w-full h-auto object-contain' viewBox='0 0 12.658 7.367' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 0h11.963' data-name='Line 29828' style='fill: none; stroke: currentColor' transform='translate(0 3.699)'%3E%3C/path%3E%3Cpath d='m-18696.926-22264.932 3.33 3.33-3.33 3.33' data-name='Path 25952' style='fill: none; stroke: currentColor' transform='translate(18705.547 22265.285)'%3E%3C/path%3E%3C/svg%3E");
  transition: ease 250ms;
}
@media screen and (min-width: 1024px) {
  a.text-image-link p:last-child::after {
    width: 2.2rem;
  }
}
#appikon-bis-form-email-warning {
  color: #050505;
  padding-top: 2px;
}

#appikon-bis-inline-form-message .appikon-bis-inline-form-error,
#appikon-bis-inline-form-message .appikon-bis-inline-form-success {
  font-size: 1.4rem;
  background-color: transparent;
  text-align: start;
  padding-left: 0 !important;
  padding-right: 0 !important;
  padding-bottom: 1rem !important;
  padding-top: 1rem !important;
  color: #050505;
}
@media screen and (min-width: 1366px) {
  #appikon-bis-inline-form-message .appikon-bis-inline-form-error,
  #appikon-bis-inline-form-message .appikon-bis-inline-form-success {
    font-size: 1.6rem;
  }
}

label.facet-checkbox {
  align-items: center;
}
label.facet-checkbox span {
  position: relative;
  display: inline-block;
  line-height: 1;
  top: 1.5px;
}

label.facet-checkbox--disabled {
  cursor: not-allowed !important;
  opacity: 0.4 !important;
}
@media (hover: hover) {
  label.facet-checkbox--disabled:hover svg:not(.icon-checkmark) > * {
    fill: white !important;
  }
}

.no-banner {
  height: auto;
}
@media screen and (min-width: 1280px) {
  .no-banner {
    height: calc(100vh - 9rem);
  }
}
@media screen and (min-width: 1366px) {
  .no-banner {
    height: calc(100vh - 12rem);
  }
}
@media screen and (min-width: 1440px) {
  .no-banner {
    height: calc(100vh + 12rem - 36rem);
  }
}

.cart__warnings h2.cart__login-title {
  display: none !important;
}

.hp-slide-content {
  opacity: 1 !important;
  transition: opacity ease 250ms;
}

@media screen and (max-width: 1023px) {
  .swiper-slide:not(.swiper-slide-active) .hp-slide-content {
    opacity: 0 !important;
  }
}

.bag-svg-container {
  margin-bottom: 1px;
}

.menu-open .bag-svg-container {
  margin-bottom: 0;
}

.cart-count-bubble-wrapper {
  display: flex;
  align-items: center;
}
.cart-count-bubble-wrapper span{
  font-size: 1.4rem;
  line-height: 1.25;
}
@media (min-width: 1366px){
  .cart-count-bubble-wrapper span{
    font-size: 1.6rem;
  }
}
.cart-count-bubble-wrapper::before {
  content: "–";
  display: inline-block;
  margin-right: 2px;
}
.cart-count-bubble-wrapper .cart-count-bubble {
  position: static;
  width: -moz-max-content;
  width: max-content;
}
.cart-count-bubble-wrapper .cart-count-bubble.mobile::before {
  content: none;
}

.nav-bag-counter .cart-count-bubble {
  position: static;
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: 14px; /* 116.667% */
  letter-spacing: 0.36px;
  leading-trim: both;
  text-edge: cap;
}
.nav-bag-counter .cart-count-bubble:before {
  content: "(";
  display: inline-block;
  margin-left: 2px;
}
.nav-bag-counter .cart-count-bubble:after {
  content: ")";
  display: inline-block;
}
.nav-bag-counter .cart-count-bubble.mobile::before {
  content: none;
}

.cart-icon-bubble.mobile {
  position: absolute;
  top: -6px;
  left: 1.5rem;
}
.cart-icon-bubble.mobile .cart-count-bubble {
  position: static;
}
::-ms-reveal {
  display: none !important;
}

.product-nav-wrapper {
  opacity: 1;
  transition: ease 400ms;
}

.blockquote-caption {
  font-size: 0.5em;
  margin-top: 3rem;
  display: block;
}

@keyframes pageFadeIn {
  from {
    background-color: #d6d6d1;
    opacity: 0;
  }
  to {
    background-color: #fff;
    opacity: 1;
  }
}
.appikon-bis-inline-form-title {
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: 14px; /* 116.667% */
  letter-spacing: 0.36px;
  leading-trim: both;
  text-edge: cap;
  padding-bottom: 2rem !important;
  margin-bottom: 2rem !important;
  margin-left: -2rem !important;
  width: calc(100% + 4rem);
  padding-left: 2rem !important;
}
.appikon-bis-inline-form-title h3::after {
  content: "Close" !important;
  display: inline-block;
  margin-left: auto;
  position: absolute;
  right: 2rem;
  cursor: pointer;
}

#sort-and-filters.template-search #filter-toggle {
  display: none;
}

input[type=checkbox][name="address[default]"]:checked ~ .custom-input {
  background-color: #050505;
}
input[type=checkbox][name="address[default]"] ~ .custom-input {
  background-color: transparent;
}

.trigger-add-container {
  padding-left: 2rem;
  padding-right: 2rem;
  padding-bottom: 3rem;
  padding-top: 3rem;
  width: 100%;
}
.trigger-add-container .trigger-add {
  background-color: #050505;
  color: #fff;
  font-size: 1.4rem;
  width: 100%;
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
}
@media screen and (min-width: 640px) {
  .trigger-add-container {
    display: none;
  }
}

.bag-active {
  display: block;
  position: relative;
}
.bag-active::after {
  content: none;
  width: 100%;
  height: 1px;
  background-color: currentColor;
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  opacity: 1;
  transition: ease 250ms;
}
@media screen and (min-width: 874px) {
  .bag-active::after {
    content: "";
  }
}

#admin-bar-iframe {
  display: none !important;
}

.accordion-container {
  margin-top: 24px;
}
.accordion-container .ac .answer.ac-panel {
  width: 100%;
}
.accordion-container .ac .answer.ac-panel .metafield-rich_text_field {
  margin: 10px 0 0;
}
.accordion-container .ac .answer.ac-panel .metafield-rich_text_field ul {
  margin: 0;
  padding-top: 0;
  padding-bottom: 0;
}
.accordion-container .ac .answer.ac-panel .size_conversrion_chart {
  margin-top: 10px;
  width: 100%;
}
.accordion-container .ac .answer.ac-panel .size_conversrion_chart thead tr th {
  text-align: left;
}
.accordion-container .ac .answer.ac-panel .size_conversrion_chart .row td {
  padding: 2px 0;
}
.accordion-container .ac .answer.ac-panel a {
  display: inline-block;
  position: relative;
  transition: ease 250ms;
  vertical-align: unset;
}
@media (hover: hover) {
  .accordion-container .ac .answer.ac-panel a:hover {
    color: #050505;
  }
}
.accordion-container .ac .answer.ac-panel a::after {
  content: none;
  width: 100%;
  height: 1.5px;
  background-color: currentColor;
  display: block;
  position: absolute;
  bottom: 0px;
  left: 0;
  opacity: 1;
  transition: ease 250ms;
}
@media screen and (min-width: 874px) {
  .accordion-container .ac .answer.ac-panel a::after {
    content: "";
  }
}
@media (hover: hover) {
  .accordion-container .ac .answer.ac-panel a:hover::after {
    opacity: 0;
  }
}
.accordion-container p a {
  vertical-align: middle;
  display: inline-block;
  padding-bottom: 4px;
  position: relative;
}
.accordion-container p a::after {
  content: "";
  width: 100%;
  height: 1px;
  background-color: currentColor;
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  opacity: 0;
  transition: ease 250ms;
}
@media (hover: hover) {
  .accordion-container p a:hover::after {
    opacity: 1;
  }
}

.three-slots-content {
  min-width: 100%;
}

.swiper-slide-prev a,
.swiper-slide-next a {
  pointer-events: none !important;
}

.swiper-slide {
  cursor: pointer;
}

header.menu-open * {
  color: #050505 !important;
}

#sort-shadow-bg {
  transition: ease 250ms;
}
#sort-shadow-bg.visible {
  opacity: 1;
  pointer-events: all;
}

#cat-shadow-bg {
  transition: ease 250ms;
}
#cat-shadow-bg.visible {
  opacity: 1;
  pointer-events: all;
}

.search-grid {
  row-gap: 30px;
  -moz-column-gap: 0;
       column-gap: 0;
}
.search-grid li {
  grid-column: span 1 !important;
  grid-row: span 1 !important;
}

deferred-media.deferred-media {
  padding-top: 150% !important;
}
deferred-media.deferred-media video {
  -o-object-fit: cover;
     object-fit: cover;
}

.pdp-module-grid > div:first-child .three-slots-content {
  padding-right: 4rem;
}

cart-drawer-items {
  height: 100%;
  overflow-y: auto;
}

.newsletter-form__message.newsletter-form__message--success.form__message {
  display: none !important;
}

.no-hover {
  pointer-events: none !important;
}

.product__title h1 {
  white-space: pre-line;
}

.form__message ~ ul {
  margin-bottom: 4rem;
}

.back-btn {
  position: absolute;
  top: 10rem;
  left: 2rem;
  font-size: 1.2rem;
  cursor: pointer;
  z-index: 999999;
}
@media screen and (min-width: 768px) {
  .back-btn {
    left: 3rem;
  }
}
@media screen and (min-width: 1366px) {
  .back-btn {
    left: 6.7rem;
  }
}

.toggle-inquiry-mobile,
.toggle-notify-mobile {
  background-color: #050505;
  color: #fff;
  font-size: 1.4rem;
  width: 90%;
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
  text-align: center;
  margin: 3rem 2rem;
}
@media screen and (min-width: 991px) {
  .toggle-inquiry-mobile,
  .toggle-notify-mobile {
    display: none !important;
  }
}

.shopify-email-marketing-confirmation__container {
  font-family: "SoehneLeich";
  -webkit-font-smoothing: antialiased;
  -webkit-text-size-adjust: 100%;
  margin: auto;
  padding: 40vh 40px 0 40px;
  letter-spacing: 0 !important;
  text-decoration-thickness: 1px !important;
  color: rgba(var(--color-foreground), 0.7);
  font-size: 1.4rem;
  line-height: 1.25;
}

[data-features--sender-recipient-target=wrapper] {
  display: none !important;
}

#csm-wrapper > div {
  left: 140px !important;
}

[data-component=back-to-top] {
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: 14px; /* 116.667% */
  letter-spacing: 0.36px;
  leading-trim: both;
  text-edge: cap;
  color: #050505;
  stroke: #050505;
  white-space: nowrap;
  opacity: 0;
  visibility: hidden;
  transition: 1s cubic-bezier(0.83, 0, 0.17, 1);
}
body[data-page-template=index] [data-component=back-to-top], body[data-page-template=page-press] [data-component=back-to-top] {
  display: none;
}
[data-component=back-to-top] svg {
  transform: rotate(-90deg);
}
[data-component=back-to-top] svg path {
  stroke: inherit;
}
[data-component=back-to-top].visible {
  opacity: 1;
  visibility: visible;
}

[data-component=accessibility] {
  background-color: rgba(0, 0, 0, 0.666);
  color: #050505;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  cursor: pointer;
  z-index: 999999999999;
  right: 25px !important;
  bottom: 15px !important;
}
@media screen and (min-width: 768px) {
  [data-component=accessibility] {
    right: 25px !important;
    bottom: 55px !important;
  }
}
[data-component=accessibility] svg {
  padding: 5px;
  height: 100%;
  width: 100%;
}
[data-component=accessibility] svg * {
  fill: #fff;
}

wrapped-extension [part=feature]:not([feature=checkbox]) {
  background-color: transparent !important;
}
wrapped-extension [part=feature]:not([feature=checkbox]) input[type=text] {
  border-top: none !important;
  border-left: none !important;
  border-right: none !important;
  border-bottom-color: #aaa !important;
  border-radius: 0;
  font-size: 12px !important;
  padding-top: 0 !important;
  padding-bottom: 4px !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}
wrapped-extension [part=feature]:not([feature=checkbox]) input[type=text]::-moz-placeholder {
  color: #b9b9b9 !important;
}
wrapped-extension [part=feature]:not([feature=checkbox]) input[type=text]::placeholder {
  color: #b9b9b9 !important;
}
wrapped-extension [part=feature]:not([feature=checkbox]) textarea {
  border-color: #aaa !important;
  font-size: 12px !important;
}
wrapped-extension [part=feature]:not([feature=checkbox]) textarea::-moz-placeholder {
  color: #b9b9b9 !important;
}
wrapped-extension [part=feature]:not([feature=checkbox]) textarea::placeholder {
  color: #b9b9b9 !important;
}
wrapped-extension [part=feature]:not([feature=checkbox]) [part=message-counter] {
  color: #b9b9b9 !important;
}

wrapped-extension [feature=checkbox] {
  border-bottom: none !important;
}

wrapped-extension:has(wrapped-cart-list-provider) {
  border-color: transparent !important;
  padding: 0 !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}
wrapped-extension [part=label] {
  font-size: 12px !important;
}

body.locksmith-collection .locksmith-banner {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 32px;
  background-color: #050505;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 100;
}
body.locksmith-collection main {
  padding-top: 0;
}
body.locksmith-collection main #sort-and-filters .container {
  padding-top: 92px;
}
body.locksmith-collection main #sort-and-filters .container .product-filters {
  position: relative;
  z-index: 2;
}
body.locksmith-collection main #sort-and-filters .container .product-filters .branding {
  display: flex;
  align-items: flex-end;
  justify-content: flex-start;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 2;
}
body.locksmith-collection main #sort-and-filters .container .product-filters figure {
  display: block;
  margin-right: 60px;
  height: 17px;
  width: 104px;
  min-width: 104px;
  padding: 0;
  position: relative;
  border: none;
  box-sizing: content-box;
  z-index: 2;
  top: -4px;
}
body.locksmith-collection main #sort-and-filters .container .product-filters figure svg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: auto;
}
body.locksmith-collection main #sort-and-filters .container .product-filters p.absolute {
  white-space: nowrap;
  left: auto;
  position: relative;
  bottom: -1px;
  width: auto;
}
body.locksmith-collection main #sort-and-filters .container .product-filters .facets-container {
  border: none !important;
  box-shadow: none !important;
}
body.locksmith-collection main #sort-and-filters .container .product-filters .facets-container #FacetFiltersForm .facet-filters .facet-filters__field {
  padding-bottom: 0;
}
body.locksmith-collection main #sort-and-filters .container .product-filters .facets-container #FacetFiltersForm .facet-filters .facet-filters__field button {
  position: relative;
  bottom: -3px;
}
body.locksmith-collection main #sort-and-filters .container .product-filters .facets-container #FacetFiltersForm .facets__wrapper {
  height: 0;
}
body.locksmith-collection main #sort-and-filters .container .product-filters .facets-container #FacetFiltersForm .facets__wrapper.visible {
  padding-top: 55px;
  height: auto;
}
body.locksmith-collection main #sort-and-filters .container .product-filters .facets-container #FacetFiltersForm #sort-panel {
  border: none;
  margin-bottom: 0;
  margin-top: 0;
  padding-top: 10px;
}
body.locksmith-collection main #sort-and-filters .container .product-filters .facets-container #FacetFiltersForm .facet-filters__field {
  border: none;
}
body.locksmith-collection main #sort-and-filters .container .product-grid-container {
  margin-top: 70px;
}
body.locksmith-collection main #sort-and-filters .container .product-grid-container .collection .product-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  -moz-column-gap: 2px;
       column-gap: 2px;
  row-gap: 30px;
}
body.locksmith-collection main #sort-and-filters .container .product-grid-container .collection .product-grid .grid__item {
  grid-column: span 1/span 1;
}
@media (min-width: 768px) {
  body.locksmith-collection main #sort-and-filters .container .product-grid-container .collection .product-grid {
    grid-template-columns: repeat(6, 1fr);
  }
}
body.locksmith-collection .product__container {
  padding-top: 100px;
}
@media screen and (min-width: 768px) {
  body.locksmith-collection .product__container #product-info-container {
    top: 50px;
  }
}

#locksmith-content {
  padding: 100px 0;
}
#locksmith-content .locksmith-passcode-container {
  text-align: center;
  max-width: 350px;
}
#locksmith-content .locksmith-passcode-container .locksmith-resource-form p label {
  color: #050505;
}
#locksmith-content .locksmith-passcode-container .locksmith-resource-form .locksmith-passcode {
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: 14px; /* 116.667% */
  letter-spacing: 0.36px;
  leading-trim: both;
  text-edge: cap;
  border: 1px solid black;
  padding: 5px 0;
  margin-top: 16px;
  margin-bottom: 16px;
  text-align: center;
}
#locksmith-content .locksmith-passcode-container .locksmith-resource-form #locksmith_passcode_submit {
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: 15px;
  leading-trim: both;
  text-edge: cap;
  width: auto;
  height: auto;
  line-height: 1;
  letter-spacing: 0;
  padding-top: 8px;
  padding-bottom: 6px;
  padding-left: 57.5px;
  padding-right: 57.5px;
  background-color: #050505;
  color: #fff;
  display: inline-block;
  text-align: center;
}

#about {
  padding: 0;
}
#about .about-page {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: space-between;
  padding: 0;
  height: calc(100dvh - 59px);
  width: 100%;
}
#about .about-page .text {
  display: flex;
  height: 100%;
  text-align: center;
  width: 50%;
}
#about .about-page .text .text__inner {
  display: flex;
  align-items: center;
  justify-content: center;
  max-width: 374px;
  margin: 0 auto;
}
#about .about-page__image {
  height: 100%;
  width: 50%;
}
#about .about-page__image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
@media screen and (max-width: 767px) {
  #about .about-page {
    flex-direction: column;
    height: auto !important;
  }
  #about .about-page .text {
    padding: 50px 15px;
    width: 100%;
  }
  #about .about-page__image {
    width: 100%;
  }
}

.notification-banner-active #about .about-page {
  height: calc(100vh - 86.5px);
}

.hp-loader {
  display: none;
  opacity: 0;
  transition: opacity 100ms ease-out;
  align-items: center;
  justify-content: center;
  position: fixed;
  top: 0;
  left: 0;
  height: 100dvh;
  width: 100%;
  z-index: 1000;
}
.hp-loader figure {
  margin: 0;
  padding: 0;
  width: 47%;
  max-width: 606px;
}
.hp-loader figure svg {
  width: 100%;
  height: auto;
}
.hp-loader figure svg path {
  stroke: #ffffff;
  fill: #ffffff;
}

body.loader-shown .hp-loader {
  display: flex;
  opacity: 1;
}
body.loader-shown.fade-out .hp-loader {
  opacity: 0 !important;
}

.full-bleed-module {
  position: relative;
  overflow: hidden;
  height: 100dvh;
  max-height: 1024px;
  width: 100%;
}
@media screen and (max-width: 767px) {
  .full-bleed-module {
    max-height: none;
    aspect-ratio: 3/4;
    height: auto;
  }
}
.full-bleed-module--clickable {
  display: block;
  text-decoration: none;
  cursor: pointer;
}
.full-bleed-module__media {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}
.full-bleed-module__image, .full-bleed-module__video {
  position: relative;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  z-index: 1;
}
@media screen and (max-width: 767px) {
  .full-bleed-module__image, .full-bleed-module__video {
    display: none;
  }
}
.full-bleed-module__image--no-mobile, .full-bleed-module__video--no-mobile {
  display: block !important;
}
.full-bleed-module__image--mobile, .full-bleed-module__video--mobile {
  position: relative;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  z-index: 2;
}
@media screen and (min-width: 768px) {
  .full-bleed-module__image--mobile, .full-bleed-module__video--mobile {
    display: none;
  }
}
.full-bleed-module__content {
  color: #ffffff;
  position: relative;
  z-index: 2;
  height: 100%;
  display: flex;
  align-items: flex-end;
  justify-content: flex-start;
  text-align: left;
  padding: 25px;
}
@media screen and (max-width: 873px) {
  .full-bleed-module__content {
    padding: 15px;
  }
}
.full-bleed-module__content-inner {
  color: white;
}
.full-bleed-module__title {
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: 14px; /* 116.667% */
  letter-spacing: 0.36px;
  leading-trim: both;
  text-edge: cap;
  color: #ffffff;
}
.full-bleed-module__description {
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: 14px; /* 116.667% */
  letter-spacing: 0.36px;
  leading-trim: both;
  text-edge: cap;
  color: #ffffff;
}
.full-bleed-module__link {
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: 14px; /* 116.667% */
  letter-spacing: 0.36px;
  leading-trim: both;
  text-edge: cap;
  color: #ffffff;
  pointer-events: none;
}

.notification-banner-active .full-bleed-module {
  height: calc(100dvh - 32px);
}

.search-results-label {
  color: #050505;
  font-size: 1.6rem;
  font-weight: 500;
  margin-bottom: 2rem;
}
@media screen and (max-width: 767px) {
  .search-results-label {
    font-size: 1.4rem;
    margin-bottom: 1.5rem;
  }
}

/*# sourceMappingURL=main.min.css.map*/