prismic-slicemachine-to-hydrogen-jrhcn 0.1.610 → 0.1.612

package/dist/cjs/styles.css

@@ -6373,6 +6373,61 @@ it is unclear if all swatches from previous site are actively used
   background-image: radial-gradient(circle farthest-corner at 8% 97%, rgb(233, 237, 152), rgb(245, 221, 129));
 }
 
+.accordion {
+  max-width: 1150px;
+  margin: 0 auto;
+  padding: 40px;
+}
+@media screen and (max-width: 760px) {
+  .accordion {
+    padding: 18px;
+  }
+}
+.accordion .accordionTitle h2 {
+  margin: 0;
+}
+.accordion .accordionItem {
+  position: relative;
+}
+.accordion .accordionItem + .accordionItem {
+  border-top: 1px solid #9b9b9b;
+}
+.accordion .accordionItem button.accordionItemTitle {
+  font-family: "Galaxie Polaris Bold", sans-serif;
+  font-weight: normal;
+  letter-spacing: 0;
+  text-transform: none;
+  font-size: 1rem;
+  background: transparent url("https://img.roka.com/hydrogen/public/img/symbol-plus-black.svg") right center no-repeat;
+  border: none;
+  cursor: pointer;
+  padding: 20px 40px 20px 0;
+  text-align: left;
+  width: 100%;
+  z-index: 1;
+}
+@media screen and (max-width: 760px) {
+  .accordion .accordionItem button.accordionItemTitle {
+    font-size: 1rem;
+  }
+}
+.accordion .accordionItem button.accordionItemTitle.active {
+  background: transparent url("https://img.roka.com/hydrogen/public/img/symbol-minus-black.svg") right center no-repeat;
+}
+.accordion .accordionItem .accordionItemContent {
+  max-height: 0;
+  max-width: 760px;
+  opacity: 0;
+  transition: all 0.333s ease-out;
+  overflow: hidden;
+}
+.accordion .accordionItem .accordionItemContent > :first-child {
+  margin: 0;
+}
+.accordion .accordionItem .accordionItemContent > :last-child {
+  margin-bottom: 20px;
+}
+
 .banner {
   align-items: center;
   display: flex;
@@ -15035,6 +15090,72 @@ input#yoga:checked + label:before {
   }
 }
 /* Slide styles end */
+:root {
+  /*
+  --swiper-scrollbar-border-radius: 10px;
+  --swiper-scrollbar-top: auto;
+  --swiper-scrollbar-bottom: 4px;
+  --swiper-scrollbar-left: auto;
+  --swiper-scrollbar-right: 4px;
+  --swiper-scrollbar-sides-offset: 1%;
+  --swiper-scrollbar-bg-color: rgba(0, 0, 0, 0.1);
+  --swiper-scrollbar-drag-bg-color: rgba(0, 0, 0, 0.5);
+  --swiper-scrollbar-size: 4px;
+  */
+}
+
+.swiper-scrollbar {
+  border-radius: var(--swiper-scrollbar-border-radius, 10px);
+  position: relative;
+  touch-action: none;
+  background: var(--swiper-scrollbar-bg-color, rgba(0, 0, 0, 0.1));
+}
+
+.swiper-scrollbar-disabled > .swiper-scrollbar,
+.swiper-scrollbar.swiper-scrollbar-disabled {
+  display: none !important;
+}
+
+.swiper-horizontal > .swiper-scrollbar,
+.swiper-scrollbar.swiper-scrollbar-horizontal {
+  position: absolute;
+  left: var(--swiper-scrollbar-sides-offset, 1%);
+  bottom: var(--swiper-scrollbar-bottom, 4px);
+  top: var(--swiper-scrollbar-top, auto);
+  z-index: 50;
+  height: var(--swiper-scrollbar-size, 4px);
+  width: calc(100% - 2 * var(--swiper-scrollbar-sides-offset, 1%));
+}
+
+.swiper-vertical > .swiper-scrollbar,
+.swiper-scrollbar.swiper-scrollbar-vertical {
+  position: absolute;
+  left: var(--swiper-scrollbar-left, auto);
+  right: var(--swiper-scrollbar-right, 4px);
+  top: var(--swiper-scrollbar-sides-offset, 1%);
+  z-index: 50;
+  width: var(--swiper-scrollbar-size, 4px);
+  height: calc(100% - 2 * var(--swiper-scrollbar-sides-offset, 1%));
+}
+
+.swiper-scrollbar-drag {
+  height: 100%;
+  width: 100%;
+  position: relative;
+  background: var(--swiper-scrollbar-drag-bg-color, rgba(0, 0, 0, 0.5));
+  border-radius: var(--swiper-scrollbar-border-radius, 10px);
+  left: 0;
+  top: 0;
+}
+
+.swiper-scrollbar-cursor-drag {
+  cursor: move;
+}
+
+.swiper-scrollbar-lock {
+  display: none;
+}
+
 :root {
   --swiper-navigation-size: 44px;
   /*
@@ -15135,72 +15256,6 @@ input#yoga:checked + label:before {
 }
 
 /* Navigation font end */
-:root {
-  /*
-  --swiper-scrollbar-border-radius: 10px;
-  --swiper-scrollbar-top: auto;
-  --swiper-scrollbar-bottom: 4px;
-  --swiper-scrollbar-left: auto;
-  --swiper-scrollbar-right: 4px;
-  --swiper-scrollbar-sides-offset: 1%;
-  --swiper-scrollbar-bg-color: rgba(0, 0, 0, 0.1);
-  --swiper-scrollbar-drag-bg-color: rgba(0, 0, 0, 0.5);
-  --swiper-scrollbar-size: 4px;
-  */
-}
-
-.swiper-scrollbar {
-  border-radius: var(--swiper-scrollbar-border-radius, 10px);
-  position: relative;
-  touch-action: none;
-  background: var(--swiper-scrollbar-bg-color, rgba(0, 0, 0, 0.1));
-}
-
-.swiper-scrollbar-disabled > .swiper-scrollbar,
-.swiper-scrollbar.swiper-scrollbar-disabled {
-  display: none !important;
-}
-
-.swiper-horizontal > .swiper-scrollbar,
-.swiper-scrollbar.swiper-scrollbar-horizontal {
-  position: absolute;
-  left: var(--swiper-scrollbar-sides-offset, 1%);
-  bottom: var(--swiper-scrollbar-bottom, 4px);
-  top: var(--swiper-scrollbar-top, auto);
-  z-index: 50;
-  height: var(--swiper-scrollbar-size, 4px);
-  width: calc(100% - 2 * var(--swiper-scrollbar-sides-offset, 1%));
-}
-
-.swiper-vertical > .swiper-scrollbar,
-.swiper-scrollbar.swiper-scrollbar-vertical {
-  position: absolute;
-  left: var(--swiper-scrollbar-left, auto);
-  right: var(--swiper-scrollbar-right, 4px);
-  top: var(--swiper-scrollbar-sides-offset, 1%);
-  z-index: 50;
-  width: var(--swiper-scrollbar-size, 4px);
-  height: calc(100% - 2 * var(--swiper-scrollbar-sides-offset, 1%));
-}
-
-.swiper-scrollbar-drag {
-  height: 100%;
-  width: 100%;
-  position: relative;
-  background: var(--swiper-scrollbar-drag-bg-color, rgba(0, 0, 0, 0.5));
-  border-radius: var(--swiper-scrollbar-border-radius, 10px);
-  left: 0;
-  top: 0;
-}
-
-.swiper-scrollbar-cursor-drag {
-  cursor: move;
-}
-
-.swiper-scrollbar-lock {
-  display: none;
-}
-
 :root {
   /*
   --swiper-pagination-color: var(--swiper-theme-color);