html {
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  font-family: sans-serif;
}

body {
  margin: 0;
}

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

audio, canvas, progress, video {
  vertical-align: baseline;
  display: inline-block;
}

audio:not([controls]) {
  height: 0;
  display: none;
}

[hidden], template {
  display: none;
}

a {
  background-color: #0000;
}

a:active, a:hover {
  outline: 0;
}

abbr[title] {
  border-bottom: 1px dotted;
}

b, strong {
  font-weight: bold;
}

dfn {
  font-style: italic;
}

h1 {
  margin: .67em 0;
  font-size: 2em;
}

mark {
  color: #000;
  background: #ff0;
}

small {
  font-size: 80%;
}

sub, sup {
  vertical-align: baseline;
  font-size: 75%;
  line-height: 0;
  position: relative;
}

sup {
  top: -.5em;
}

sub {
  bottom: -.25em;
}

img {
  border: 0;
}

svg:not(:root) {
  overflow: hidden;
}

hr {
  box-sizing: content-box;
  height: 0;
}

pre {
  overflow: auto;
}

code, kbd, pre, samp {
  font-family: monospace;
  font-size: 1em;
}

button, input, optgroup, select, textarea {
  color: inherit;
  font: inherit;
  margin: 0;
}

button {
  overflow: visible;
}

button, select {
  text-transform: none;
}

button, html input[type="button"], input[type="reset"] {
  -webkit-appearance: button;
  cursor: pointer;
}

button[disabled], html input[disabled] {
  cursor: default;
}

button::-moz-focus-inner, input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

input {
  line-height: normal;
}

input[type="checkbox"], input[type="radio"] {
  box-sizing: border-box;
  padding: 0;
}

input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

input[type="search"] {
  -webkit-appearance: none;
}

input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

legend {
  border: 0;
  padding: 0;
}

textarea {
  overflow: auto;
}

optgroup {
  font-weight: bold;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

td, th {
  padding: 0;
}

@font-face {
  font-family: webflow-icons;
  src: url("data:application/x-font-ttf;charset=utf-8;base64,AAEAAAALAIAAAwAwT1MvMg8SBiUAAAC8AAAAYGNtYXDpP+a4AAABHAAAAFxnYXNwAAAAEAAAAXgAAAAIZ2x5ZmhS2XEAAAGAAAADHGhlYWQTFw3HAAAEnAAAADZoaGVhCXYFgQAABNQAAAAkaG10eCe4A1oAAAT4AAAAMGxvY2EDtALGAAAFKAAAABptYXhwABAAPgAABUQAAAAgbmFtZSoCsMsAAAVkAAABznBvc3QAAwAAAAAHNAAAACAAAwP4AZAABQAAApkCzAAAAI8CmQLMAAAB6wAzAQkAAAAAAAAAAAAAAAAAAAABEAAAAAAAAAAAAAAAAAAAAABAAADpAwPA/8AAQAPAAEAAAAABAAAAAAAAAAAAAAAgAAAAAAADAAAAAwAAABwAAQADAAAAHAADAAEAAAAcAAQAQAAAAAwACAACAAQAAQAg5gPpA//9//8AAAAAACDmAOkA//3//wAB/+MaBBcIAAMAAQAAAAAAAAAAAAAAAAABAAH//wAPAAEAAAAAAAAAAAACAAA3OQEAAAAAAQAAAAAAAAAAAAIAADc5AQAAAAABAAAAAAAAAAAAAgAANzkBAAAAAAEBIAAAAyADgAAFAAAJAQcJARcDIP5AQAGA/oBAAcABwED+gP6AQAABAOAAAALgA4AABQAAEwEXCQEH4AHAQP6AAYBAAcABwED+gP6AQAAAAwDAAOADQALAAA8AHwAvAAABISIGHQEUFjMhMjY9ATQmByEiBh0BFBYzITI2PQE0JgchIgYdARQWMyEyNj0BNCYDIP3ADRMTDQJADRMTDf3ADRMTDQJADRMTDf3ADRMTDQJADRMTAsATDSANExMNIA0TwBMNIA0TEw0gDRPAEw0gDRMTDSANEwAAAAABAJ0AtAOBApUABQAACQIHCQEDJP7r/upcAXEBcgKU/usBFVz+fAGEAAAAAAL//f+9BAMDwwAEAAkAABcBJwEXAwE3AQdpA5ps/GZsbAOabPxmbEMDmmz8ZmwDmvxmbAOabAAAAgAA/8AEAAPAAB0AOwAABSInLgEnJjU0Nz4BNzYzMTIXHgEXFhUUBw4BBwYjNTI3PgE3NjU0Jy4BJyYjMSIHDgEHBhUUFx4BFxYzAgBqXV6LKCgoKIteXWpqXV6LKCgoKIteXWpVSktvICEhIG9LSlVVSktvICEhIG9LSlVAKCiLXl1qal1eiygoKCiLXl1qal1eiygoZiEgb0tKVVVKS28gISEgb0tKVVVKS28gIQABAAABwAIAA8AAEgAAEzQ3PgE3NjMxFSIHDgEHBhUxIwAoKIteXWpVSktvICFmAcBqXV6LKChmISBvS0pVAAAAAgAA/8AFtgPAADIAOgAAARYXHgEXFhUUBw4BBwYHIxUhIicuAScmNTQ3PgE3NjMxOAExNDc+ATc2MzIXHgEXFhcVATMJATMVMzUEjD83NlAXFxYXTjU1PQL8kz01Nk8XFxcXTzY1PSIjd1BQWlJJSXInJw3+mdv+2/7c25MCUQYcHFg5OUA/ODlXHBwIAhcXTzY1PTw1Nk8XF1tQUHcjIhwcYUNDTgL+3QFt/pOTkwABAAAAAQAAmM7nP18PPPUACwQAAAAAANciZKUAAAAA1yJkpf/9/70FtgPDAAAACAACAAAAAAAAAAEAAAPA/8AAAAW3//3//QW2AAEAAAAAAAAAAAAAAAAAAAAMBAAAAAAAAAAAAAAAAgAAAAQAASAEAADgBAAAwAQAAJ0EAP/9BAAAAAQAAAAFtwAAAAAAAAAKABQAHgAyAEYAjACiAL4BFgE2AY4AAAABAAAADAA8AAMAAAAAAAIAAAAAAAAAAAAAAAAAAAAAAAAADgCuAAEAAAAAAAEADQAAAAEAAAAAAAIABwCWAAEAAAAAAAMADQBIAAEAAAAAAAQADQCrAAEAAAAAAAUACwAnAAEAAAAAAAYADQBvAAEAAAAAAAoAGgDSAAMAAQQJAAEAGgANAAMAAQQJAAIADgCdAAMAAQQJAAMAGgBVAAMAAQQJAAQAGgC4AAMAAQQJAAUAFgAyAAMAAQQJAAYAGgB8AAMAAQQJAAoANADsd2ViZmxvdy1pY29ucwB3AGUAYgBmAGwAbwB3AC0AaQBjAG8AbgBzVmVyc2lvbiAxLjAAVgBlAHIAcwBpAG8AbgAgADEALgAwd2ViZmxvdy1pY29ucwB3AGUAYgBmAGwAbwB3AC0AaQBjAG8AbgBzd2ViZmxvdy1pY29ucwB3AGUAYgBmAGwAbwB3AC0AaQBjAG8AbgBzUmVndWxhcgBSAGUAZwB1AGwAYQByd2ViZmxvdy1pY29ucwB3AGUAYgBmAGwAbwB3AC0AaQBjAG8AbgBzRm9udCBnZW5lcmF0ZWQgYnkgSWNvTW9vbi4ARgBvAG4AdAAgAGcAZQBuAGUAcgBhAHQAZQBkACAAYgB5ACAASQBjAG8ATQBvAG8AbgAuAAAAAwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA==") format("truetype");
  font-weight: normal;
  font-style: normal;
}

[class^="w-icon-"], [class*=" w-icon-"] {
  speak: none;
  font-variant: normal;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  font-family: webflow-icons !important;
}

.w-icon-slider-right:before {
  content: "";
}

.w-icon-slider-left:before {
  content: "";
}

.w-icon-nav-menu:before {
  content: "";
}

.w-icon-arrow-down:before, .w-icon-dropdown-toggle:before {
  content: "";
}

.w-icon-file-upload-remove:before {
  content: "";
}

.w-icon-file-upload-icon:before {
  content: "";
}

* {
  box-sizing: border-box;
}

html {
  height: 100%;
}

body {
  color: #333;
  background-color: #fff;
  min-height: 100%;
  margin: 0;
  font-family: Arial, sans-serif;
  font-size: 14px;
  line-height: 20px;
}

img {
  vertical-align: middle;
  max-width: 100%;
  display: inline-block;
}

html.w-mod-touch * {
  background-attachment: scroll !important;
}

.w-block {
  display: block;
}

.w-inline-block {
  max-width: 100%;
  display: inline-block;
}

.w-clearfix:before, .w-clearfix:after {
  content: " ";
  grid-area: 1 / 1 / 2 / 2;
  display: table;
}

.w-clearfix:after {
  clear: both;
}

.w-hidden {
  display: none;
}

.w-button {
  color: #fff;
  line-height: inherit;
  cursor: pointer;
  background-color: #3898ec;
  border: 0;
  border-radius: 0;
  padding: 9px 15px;
  text-decoration: none;
  display: inline-block;
}

input.w-button {
  -webkit-appearance: button;
}

html[data-w-dynpage] [data-w-cloak] {
  color: #0000 !important;
}

.w-code-block {
  margin: unset;
}

pre.w-code-block code {
  all: inherit;
}

.w-optimization {
  display: contents;
}

.w-webflow-badge, .w-webflow-badge > img {
  box-sizing: unset;
  width: unset;
  height: unset;
  max-height: unset;
  max-width: unset;
  min-height: unset;
  min-width: unset;
  margin: unset;
  padding: unset;
  float: unset;
  clear: unset;
  border: unset;
  border-radius: unset;
  background: unset;
  background-image: unset;
  background-position: unset;
  background-size: unset;
  background-repeat: unset;
  background-origin: unset;
  background-clip: unset;
  background-attachment: unset;
  background-color: unset;
  box-shadow: unset;
  transform: unset;
  direction: unset;
  font-family: unset;
  font-weight: unset;
  color: unset;
  font-size: unset;
  line-height: unset;
  font-style: unset;
  font-variant: unset;
  text-align: unset;
  letter-spacing: unset;
  -webkit-text-decoration: unset;
  text-decoration: unset;
  text-indent: unset;
  text-transform: unset;
  list-style-type: unset;
  text-shadow: unset;
  vertical-align: unset;
  cursor: unset;
  white-space: unset;
  word-break: unset;
  word-spacing: unset;
  word-wrap: unset;
  transition: unset;
}

.w-webflow-badge {
  white-space: nowrap;
  cursor: pointer;
  box-shadow: 0 0 0 1px #0000001a, 0 1px 3px #0000001a;
  visibility: visible !important;
  opacity: 1 !important;
  z-index: 2147483647 !important;
  color: #aaadb0 !important;
  overflow: unset !important;
  background-color: #fff !important;
  border-radius: 3px !important;
  width: auto !important;
  height: auto !important;
  margin: 0 !important;
  padding: 6px !important;
  font-size: 12px !important;
  line-height: 14px !important;
  text-decoration: none !important;
  display: inline-block !important;
  position: fixed !important;
  inset: auto 12px 12px auto !important;
  transform: none !important;
}

.w-webflow-badge > img {
  position: unset;
  visibility: unset !important;
  opacity: 1 !important;
  vertical-align: middle !important;
  display: inline-block !important;
}

h1, h2, h3, h4, h5, h6 {
  margin-bottom: 10px;
  font-weight: bold;
}

h1 {
  margin-top: 20px;
  font-size: 38px;
  line-height: 44px;
}

h2 {
  margin-top: 20px;
  font-size: 32px;
  line-height: 36px;
}

h3 {
  margin-top: 20px;
  font-size: 24px;
  line-height: 30px;
}

h4 {
  margin-top: 10px;
  font-size: 18px;
  line-height: 24px;
}

h5 {
  margin-top: 10px;
  font-size: 14px;
  line-height: 20px;
}

h6 {
  margin-top: 10px;
  font-size: 12px;
  line-height: 18px;
}

p {
  margin-top: 0;
  margin-bottom: 10px;
}

blockquote {
  border-left: 5px solid #e2e2e2;
  margin: 0 0 10px;
  padding: 10px 20px;
  font-size: 18px;
  line-height: 22px;
}

figure {
  margin: 0 0 10px;
}

figcaption {
  text-align: center;
  margin-top: 5px;
}

ul, ol {
  margin-top: 0;
  margin-bottom: 10px;
  padding-left: 40px;
}

.w-list-unstyled {
  padding-left: 0;
  list-style: none;
}

.w-embed:before, .w-embed:after {
  content: " ";
  grid-area: 1 / 1 / 2 / 2;
  display: table;
}

.w-embed:after {
  clear: both;
}

.w-video {
  width: 100%;
  padding: 0;
  position: relative;
}

.w-video iframe, .w-video object, .w-video embed {
  border: none;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

fieldset {
  border: 0;
  margin: 0;
  padding: 0;
}

button, [type="button"], [type="reset"] {
  cursor: pointer;
  -webkit-appearance: button;
  border: 0;
}

.w-form {
  margin: 0 0 15px;
}

.w-form-done {
  text-align: center;
  background-color: #ddd;
  padding: 20px;
  display: none;
}

.w-form-fail {
  background-color: #ffdede;
  margin-top: 10px;
  padding: 10px;
  display: none;
}

label {
  margin-bottom: 5px;
  font-weight: bold;
  display: block;
}

.w-input, .w-select {
  color: #333;
  vertical-align: middle;
  background-color: #fff;
  border: 1px solid #ccc;
  width: 100%;
  height: 38px;
  margin-bottom: 10px;
  padding: 8px 12px;
  font-size: 14px;
  line-height: 1.42857;
  display: block;
}

.w-input::placeholder, .w-select::placeholder {
  color: #999;
}

.w-input:focus, .w-select:focus {
  border-color: #3898ec;
  outline: 0;
}

.w-input[disabled], .w-select[disabled], .w-input[readonly], .w-select[readonly], fieldset[disabled] .w-input, fieldset[disabled] .w-select {
  cursor: not-allowed;
}

.w-input[disabled]:not(.w-input-disabled), .w-select[disabled]:not(.w-input-disabled), .w-input[readonly], .w-select[readonly], fieldset[disabled]:not(.w-input-disabled) .w-input, fieldset[disabled]:not(.w-input-disabled) .w-select {
  background-color: #eee;
}

textarea.w-input, textarea.w-select {
  height: auto;
}

.w-select {
  background-color: #f3f3f3;
}

.w-select[multiple] {
  height: auto;
}

.w-form-label {
  cursor: pointer;
  margin-bottom: 0;
  font-weight: normal;
  display: inline-block;
}

.w-radio {
  margin-bottom: 5px;
  padding-left: 20px;
  display: block;
}

.w-radio:before, .w-radio:after {
  content: " ";
  grid-area: 1 / 1 / 2 / 2;
  display: table;
}

.w-radio:after {
  clear: both;
}

.w-radio-input {
  float: left;
  margin: 3px 0 0 -20px;
  line-height: normal;
}

.w-file-upload {
  margin-bottom: 10px;
  display: block;
}

.w-file-upload-input {
  opacity: 0;
  z-index: -100;
  width: .1px;
  height: .1px;
  position: absolute;
  overflow: hidden;
}

.w-file-upload-default, .w-file-upload-uploading, .w-file-upload-success {
  color: #333;
  display: inline-block;
}

.w-file-upload-error {
  margin-top: 10px;
  display: block;
}

.w-file-upload-default.w-hidden, .w-file-upload-uploading.w-hidden, .w-file-upload-error.w-hidden, .w-file-upload-success.w-hidden {
  display: none;
}

.w-file-upload-uploading-btn {
  cursor: pointer;
  background-color: #fafafa;
  border: 1px solid #ccc;
  margin: 0;
  padding: 8px 12px;
  font-size: 14px;
  font-weight: normal;
  display: flex;
}

.w-file-upload-file {
  background-color: #fafafa;
  border: 1px solid #ccc;
  flex-grow: 1;
  justify-content: space-between;
  margin: 0;
  padding: 8px 9px 8px 11px;
  display: flex;
}

.w-file-upload-file-name {
  font-size: 14px;
  font-weight: normal;
  display: block;
}

.w-file-remove-link {
  cursor: pointer;
  width: auto;
  height: auto;
  margin-top: 3px;
  margin-left: 10px;
  padding: 3px;
  display: block;
}

.w-icon-file-upload-remove {
  margin: auto;
  font-size: 10px;
}

.w-file-upload-error-msg {
  color: #ea384c;
  padding: 2px 0;
  display: inline-block;
}

.w-file-upload-info {
  padding: 0 12px;
  line-height: 38px;
  display: inline-block;
}

.w-file-upload-label {
  cursor: pointer;
  background-color: #fafafa;
  border: 1px solid #ccc;
  margin: 0;
  padding: 8px 12px;
  font-size: 14px;
  font-weight: normal;
  display: inline-block;
}

.w-icon-file-upload-icon, .w-icon-file-upload-uploading {
  width: 20px;
  margin-right: 8px;
  display: inline-block;
}

.w-icon-file-upload-uploading {
  height: 20px;
}

.w-container {
  max-width: 940px;
  margin-left: auto;
  margin-right: auto;
}

.w-container:before, .w-container:after {
  content: " ";
  grid-area: 1 / 1 / 2 / 2;
  display: table;
}

.w-container:after {
  clear: both;
}

.w-container .w-row {
  margin-left: -10px;
  margin-right: -10px;
}

.w-row:before, .w-row:after {
  content: " ";
  grid-area: 1 / 1 / 2 / 2;
  display: table;
}

.w-row:after {
  clear: both;
}

.w-row .w-row {
  margin-left: 0;
  margin-right: 0;
}

.w-col {
  float: left;
  width: 100%;
  min-height: 1px;
  padding-left: 10px;
  padding-right: 10px;
  position: relative;
}

.w-col .w-col {
  padding-left: 0;
  padding-right: 0;
}

.w-col-1 {
  width: 8.33333%;
}

.w-col-2 {
  width: 16.6667%;
}

.w-col-3 {
  width: 25%;
}

.w-col-4 {
  width: 33.3333%;
}

.w-col-5 {
  width: 41.6667%;
}

.w-col-6 {
  width: 50%;
}

.w-col-7 {
  width: 58.3333%;
}

.w-col-8 {
  width: 66.6667%;
}

.w-col-9 {
  width: 75%;
}

.w-col-10 {
  width: 83.3333%;
}

.w-col-11 {
  width: 91.6667%;
}

.w-col-12 {
  width: 100%;
}

.w-hidden-main {
  display: none !important;
}

@media screen and (max-width: 991px) {
  .w-container {
    max-width: 728px;
  }

  .w-hidden-main {
    display: inherit !important;
  }

  .w-hidden-medium {
    display: none !important;
  }

  .w-col-medium-1 {
    width: 8.33333%;
  }

  .w-col-medium-2 {
    width: 16.6667%;
  }

  .w-col-medium-3 {
    width: 25%;
  }

  .w-col-medium-4 {
    width: 33.3333%;
  }

  .w-col-medium-5 {
    width: 41.6667%;
  }

  .w-col-medium-6 {
    width: 50%;
  }

  .w-col-medium-7 {
    width: 58.3333%;
  }

  .w-col-medium-8 {
    width: 66.6667%;
  }

  .w-col-medium-9 {
    width: 75%;
  }

  .w-col-medium-10 {
    width: 83.3333%;
  }

  .w-col-medium-11 {
    width: 91.6667%;
  }

  .w-col-medium-12 {
    width: 100%;
  }

  .w-col-stack {
    width: 100%;
    left: auto;
    right: auto;
  }
}

@media screen and (max-width: 767px) {
  .w-hidden-main, .w-hidden-medium {
    display: inherit !important;
  }

  .w-hidden-small {
    display: none !important;
  }

  .w-row, .w-container .w-row {
    margin-left: 0;
    margin-right: 0;
  }

  .w-col {
    width: 100%;
    left: auto;
    right: auto;
  }

  .w-col-small-1 {
    width: 8.33333%;
  }

  .w-col-small-2 {
    width: 16.6667%;
  }

  .w-col-small-3 {
    width: 25%;
  }

  .w-col-small-4 {
    width: 33.3333%;
  }

  .w-col-small-5 {
    width: 41.6667%;
  }

  .w-col-small-6 {
    width: 50%;
  }

  .w-col-small-7 {
    width: 58.3333%;
  }

  .w-col-small-8 {
    width: 66.6667%;
  }

  .w-col-small-9 {
    width: 75%;
  }

  .w-col-small-10 {
    width: 83.3333%;
  }

  .w-col-small-11 {
    width: 91.6667%;
  }

  .w-col-small-12 {
    width: 100%;
  }
}

@media screen and (max-width: 479px) {
  .w-container {
    max-width: none;
  }

  .w-hidden-main, .w-hidden-medium, .w-hidden-small {
    display: inherit !important;
  }

  .w-hidden-tiny {
    display: none !important;
  }

  .w-col {
    width: 100%;
  }

  .w-col-tiny-1 {
    width: 8.33333%;
  }

  .w-col-tiny-2 {
    width: 16.6667%;
  }

  .w-col-tiny-3 {
    width: 25%;
  }

  .w-col-tiny-4 {
    width: 33.3333%;
  }

  .w-col-tiny-5 {
    width: 41.6667%;
  }

  .w-col-tiny-6 {
    width: 50%;
  }

  .w-col-tiny-7 {
    width: 58.3333%;
  }

  .w-col-tiny-8 {
    width: 66.6667%;
  }

  .w-col-tiny-9 {
    width: 75%;
  }

  .w-col-tiny-10 {
    width: 83.3333%;
  }

  .w-col-tiny-11 {
    width: 91.6667%;
  }

  .w-col-tiny-12 {
    width: 100%;
  }
}

.w-widget {
  position: relative;
}

.w-widget-map {
  width: 100%;
  height: 400px;
}

.w-widget-map label {
  width: auto;
  display: inline;
}

.w-widget-map img {
  max-width: inherit;
}

.w-widget-map .gm-style-iw {
  text-align: center;
}

.w-widget-map .gm-style-iw > button {
  display: none !important;
}

.w-widget-twitter {
  overflow: hidden;
}

.w-widget-twitter-count-shim {
  vertical-align: top;
  text-align: center;
  background: #fff;
  border: 1px solid #758696;
  border-radius: 3px;
  width: 28px;
  height: 20px;
  display: inline-block;
  position: relative;
}

.w-widget-twitter-count-shim * {
  pointer-events: none;
  -webkit-user-select: none;
  user-select: none;
}

.w-widget-twitter-count-shim .w-widget-twitter-count-inner {
  text-align: center;
  color: #999;
  font-family: serif;
  font-size: 15px;
  line-height: 12px;
  position: relative;
}

.w-widget-twitter-count-shim .w-widget-twitter-count-clear {
  display: block;
  position: relative;
}

.w-widget-twitter-count-shim.w--large {
  width: 36px;
  height: 28px;
}

.w-widget-twitter-count-shim.w--large .w-widget-twitter-count-inner {
  font-size: 18px;
  line-height: 18px;
}

.w-widget-twitter-count-shim:not(.w--vertical) {
  margin-left: 5px;
  margin-right: 8px;
}

.w-widget-twitter-count-shim:not(.w--vertical).w--large {
  margin-left: 6px;
}

.w-widget-twitter-count-shim:not(.w--vertical):before, .w-widget-twitter-count-shim:not(.w--vertical):after {
  content: " ";
  pointer-events: none;
  border: solid #0000;
  width: 0;
  height: 0;
  position: absolute;
  top: 50%;
  left: 0;
}

.w-widget-twitter-count-shim:not(.w--vertical):before {
  border-width: 4px;
  border-color: #75869600 #5d6c7b #75869600 #75869600;
  margin-top: -4px;
  margin-left: -9px;
}

.w-widget-twitter-count-shim:not(.w--vertical).w--large:before {
  border-width: 5px;
  margin-top: -5px;
  margin-left: -10px;
}

.w-widget-twitter-count-shim:not(.w--vertical):after {
  border-width: 4px;
  border-color: #fff0 #fff #fff0 #fff0;
  margin-top: -4px;
  margin-left: -8px;
}

.w-widget-twitter-count-shim:not(.w--vertical).w--large:after {
  border-width: 5px;
  margin-top: -5px;
  margin-left: -9px;
}

.w-widget-twitter-count-shim.w--vertical {
  width: 61px;
  height: 33px;
  margin-bottom: 8px;
}

.w-widget-twitter-count-shim.w--vertical:before, .w-widget-twitter-count-shim.w--vertical:after {
  content: " ";
  pointer-events: none;
  border: solid #0000;
  width: 0;
  height: 0;
  position: absolute;
  top: 100%;
  left: 50%;
}

.w-widget-twitter-count-shim.w--vertical:before {
  border-width: 5px;
  border-color: #5d6c7b #75869600 #75869600;
  margin-left: -5px;
}

.w-widget-twitter-count-shim.w--vertical:after {
  border-width: 4px;
  border-color: #fff #fff0 #fff0;
  margin-left: -4px;
}

.w-widget-twitter-count-shim.w--vertical .w-widget-twitter-count-inner {
  font-size: 18px;
  line-height: 22px;
}

.w-widget-twitter-count-shim.w--vertical.w--large {
  width: 76px;
}

.w-background-video {
  color: #fff;
  height: 500px;
  position: relative;
  overflow: hidden;
}

.w-background-video > video {
  object-fit: cover;
  z-index: -100;
  background-position: 50%;
  background-size: cover;
  width: 100%;
  height: 100%;
  margin: auto;
  position: absolute;
  inset: -100%;
}

.w-background-video > video::-webkit-media-controls-start-playback-button {
  -webkit-appearance: none;
  display: none !important;
}

.w-background-video--control {
  background-color: #0000;
  padding: 0;
  position: absolute;
  bottom: 1em;
  right: 1em;
}

.w-background-video--control > [hidden] {
  display: none !important;
}

.w-slider {
  text-align: center;
  clear: both;
  -webkit-tap-highlight-color: #0000;
  tap-highlight-color: #0000;
  background: #ddd;
  height: 300px;
  position: relative;
}

.w-slider-mask {
  z-index: 1;
  white-space: nowrap;
  height: 100%;
  display: block;
  position: relative;
  left: 0;
  right: 0;
  overflow: hidden;
}

.w-slide {
  vertical-align: top;
  white-space: normal;
  text-align: left;
  width: 100%;
  height: 100%;
  display: inline-block;
  position: relative;
}

.w-slider-nav {
  z-index: 2;
  text-align: center;
  -webkit-tap-highlight-color: #0000;
  tap-highlight-color: #0000;
  height: 40px;
  margin: auto;
  padding-top: 10px;
  position: absolute;
  inset: auto 0 0;
}

.w-slider-nav.w-round > div {
  border-radius: 100%;
}

.w-slider-nav.w-num > div {
  font-size: inherit;
  line-height: inherit;
  width: auto;
  height: auto;
  padding: .2em .5em;
}

.w-slider-nav.w-shadow > div {
  box-shadow: 0 0 3px #3336;
}

.w-slider-nav-invert {
  color: #fff;
}

.w-slider-nav-invert > div {
  background-color: #2226;
}

.w-slider-nav-invert > div.w-active {
  background-color: #222;
}

.w-slider-dot {
  cursor: pointer;
  background-color: #fff6;
  width: 1em;
  height: 1em;
  margin: 0 3px .5em;
  transition: background-color .1s, color .1s;
  display: inline-block;
  position: relative;
}

.w-slider-dot.w-active {
  background-color: #fff;
}

.w-slider-dot:focus {
  outline: none;
  box-shadow: 0 0 0 2px #fff;
}

.w-slider-dot:focus.w-active {
  box-shadow: none;
}

.w-slider-arrow-left, .w-slider-arrow-right {
  cursor: pointer;
  color: #fff;
  -webkit-tap-highlight-color: #0000;
  tap-highlight-color: #0000;
  -webkit-user-select: none;
  user-select: none;
  width: 80px;
  margin: auto;
  font-size: 40px;
  position: absolute;
  inset: 0;
  overflow: hidden;
}

.w-slider-arrow-left [class^="w-icon-"], .w-slider-arrow-right [class^="w-icon-"], .w-slider-arrow-left [class*=" w-icon-"], .w-slider-arrow-right [class*=" w-icon-"] {
  position: absolute;
}

.w-slider-arrow-left:focus, .w-slider-arrow-right:focus {
  outline: 0;
}

.w-slider-arrow-left {
  z-index: 3;
  right: auto;
}

.w-slider-arrow-right {
  z-index: 4;
  left: auto;
}

.w-icon-slider-left, .w-icon-slider-right {
  width: 1em;
  height: 1em;
  margin: auto;
  inset: 0;
}

.w-slider-aria-label {
  clip: rect(0 0 0 0);
  border: 0;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  position: absolute;
  overflow: hidden;
}

.w-slider-force-show {
  display: block !important;
}

.w-dropdown {
  text-align: left;
  z-index: 900;
  margin-left: auto;
  margin-right: auto;
  display: inline-block;
  position: relative;
}

.w-dropdown-btn, .w-dropdown-toggle, .w-dropdown-link {
  vertical-align: top;
  color: #222;
  text-align: left;
  white-space: nowrap;
  margin-left: auto;
  margin-right: auto;
  padding: 20px;
  text-decoration: none;
  position: relative;
}

.w-dropdown-toggle {
  -webkit-user-select: none;
  user-select: none;
  cursor: pointer;
  padding-right: 40px;
  display: inline-block;
}

.w-dropdown-toggle:focus {
  outline: 0;
}

.w-icon-dropdown-toggle {
  width: 1em;
  height: 1em;
  margin: auto 20px auto auto;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
}

.w-dropdown-list {
  background: #ddd;
  min-width: 100%;
  display: none;
  position: absolute;
}

.w-dropdown-list.w--open {
  display: block;
}

.w-dropdown-link {
  color: #222;
  padding: 10px 20px;
  display: block;
}

.w-dropdown-link.w--current {
  color: #0082f3;
}

.w-dropdown-link:focus {
  outline: 0;
}

@media screen and (max-width: 767px) {
  .w-nav-brand {
    padding-left: 10px;
  }
}

.w-lightbox-backdrop {
  cursor: auto;
  letter-spacing: normal;
  text-indent: 0;
  text-shadow: none;
  text-transform: none;
  visibility: visible;
  white-space: normal;
  word-break: normal;
  word-spacing: normal;
  word-wrap: normal;
  color: #fff;
  text-align: center;
  z-index: 2000;
  opacity: 0;
  -webkit-user-select: none;
  -moz-user-select: none;
  -webkit-tap-highlight-color: transparent;
  background: #000000e6;
  outline: 0;
  font-family: Helvetica Neue, Helvetica, Ubuntu, Segoe UI, Verdana, sans-serif;
  font-size: 17px;
  font-style: normal;
  font-weight: 300;
  line-height: 1.2;
  list-style: disc;
  position: fixed;
  inset: 0;
  -webkit-transform: translate(0);
}

.w-lightbox-backdrop, .w-lightbox-container {
  -webkit-overflow-scrolling: touch;
  height: 100%;
  overflow: auto;
}

.w-lightbox-content {
  height: 100vh;
  position: relative;
  overflow: hidden;
}

.w-lightbox-view {
  opacity: 0;
  width: 100vw;
  height: 100vh;
  position: absolute;
}

.w-lightbox-view:before {
  content: "";
  height: 100vh;
}

.w-lightbox-group, .w-lightbox-group .w-lightbox-view, .w-lightbox-group .w-lightbox-view:before {
  height: 86vh;
}

.w-lightbox-frame, .w-lightbox-view:before {
  vertical-align: middle;
  display: inline-block;
}

.w-lightbox-figure {
  margin: 0;
  position: relative;
}

.w-lightbox-group .w-lightbox-figure {
  cursor: pointer;
}

.w-lightbox-img {
  width: auto;
  max-width: none;
  height: auto;
}

.w-lightbox-image {
  float: none;
  max-width: 100vw;
  max-height: 100vh;
  display: block;
}

.w-lightbox-group .w-lightbox-image {
  max-height: 86vh;
}

.w-lightbox-caption {
  text-align: left;
  text-overflow: ellipsis;
  white-space: nowrap;
  background: #0006;
  padding: .5em 1em;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  overflow: hidden;
}

.w-lightbox-embed {
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0;
}

.w-lightbox-control {
  cursor: pointer;
  background-position: center;
  background-repeat: no-repeat;
  background-size: 24px;
  width: 4em;
  transition: all .3s;
  position: absolute;
  top: 0;
}

.w-lightbox-left {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii0yMCAwIDI0IDQwIiB3aWR0aD0iMjQiIGhlaWdodD0iNDAiPjxnIHRyYW5zZm9ybT0icm90YXRlKDQ1KSI+PHBhdGggZD0ibTAgMGg1djIzaDIzdjVoLTI4eiIgb3BhY2l0eT0iLjQiLz48cGF0aCBkPSJtMSAxaDN2MjNoMjN2M2gtMjZ6IiBmaWxsPSIjZmZmIi8+PC9nPjwvc3ZnPg==");
  display: none;
  bottom: 0;
  left: 0;
}

.w-lightbox-right {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii00IDAgMjQgNDAiIHdpZHRoPSIyNCIgaGVpZ2h0PSI0MCI+PGcgdHJhbnNmb3JtPSJyb3RhdGUoNDUpIj48cGF0aCBkPSJtMC0waDI4djI4aC01di0yM2gtMjN6IiBvcGFjaXR5PSIuNCIvPjxwYXRoIGQ9Im0xIDFoMjZ2MjZoLTN2LTIzaC0yM3oiIGZpbGw9IiNmZmYiLz48L2c+PC9zdmc+");
  display: none;
  bottom: 0;
  right: 0;
}

.w-lightbox-close {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii00IDAgMTggMTciIHdpZHRoPSIxOCIgaGVpZ2h0PSIxNyI+PGcgdHJhbnNmb3JtPSJyb3RhdGUoNDUpIj48cGF0aCBkPSJtMCAwaDd2LTdoNXY3aDd2NWgtN3Y3aC01di03aC03eiIgb3BhY2l0eT0iLjQiLz48cGF0aCBkPSJtMSAxaDd2LTdoM3Y3aDd2M2gtN3Y3aC0zdi03aC03eiIgZmlsbD0iI2ZmZiIvPjwvZz48L3N2Zz4=");
  background-size: 18px;
  height: 2.6em;
  right: 0;
}

.w-lightbox-strip {
  white-space: nowrap;
  padding: 0 1vh;
  line-height: 0;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  overflow: auto hidden;
}

.w-lightbox-item {
  box-sizing: content-box;
  cursor: pointer;
  width: 10vh;
  padding: 2vh 1vh;
  display: inline-block;
  -webkit-transform: translate3d(0, 0, 0);
}

.w-lightbox-active {
  opacity: .3;
}

.w-lightbox-thumbnail {
  background: #222;
  height: 10vh;
  position: relative;
  overflow: hidden;
}

.w-lightbox-thumbnail-image {
  position: absolute;
  top: 0;
  left: 0;
}

.w-lightbox-thumbnail .w-lightbox-tall {
  width: 100%;
  top: 50%;
  transform: translate(0, -50%);
}

.w-lightbox-thumbnail .w-lightbox-wide {
  height: 100%;
  left: 50%;
  transform: translate(-50%);
}

.w-lightbox-spinner {
  box-sizing: border-box;
  border: 5px solid #0006;
  border-radius: 50%;
  width: 40px;
  height: 40px;
  margin-top: -20px;
  margin-left: -20px;
  animation: .8s linear infinite spin;
  position: absolute;
  top: 50%;
  left: 50%;
}

.w-lightbox-spinner:after {
  content: "";
  border: 3px solid #0000;
  border-bottom-color: #fff;
  border-radius: 50%;
  position: absolute;
  inset: -4px;
}

.w-lightbox-hide {
  display: none;
}

.w-lightbox-noscroll {
  overflow: hidden;
}

@media (min-width: 768px) {
  .w-lightbox-content {
    height: 96vh;
    margin-top: 2vh;
  }

  .w-lightbox-view, .w-lightbox-view:before {
    height: 96vh;
  }

  .w-lightbox-group, .w-lightbox-group .w-lightbox-view, .w-lightbox-group .w-lightbox-view:before {
    height: 84vh;
  }

  .w-lightbox-image {
    max-width: 96vw;
    max-height: 96vh;
  }

  .w-lightbox-group .w-lightbox-image {
    max-width: 82.3vw;
    max-height: 84vh;
  }

  .w-lightbox-left, .w-lightbox-right {
    opacity: .5;
    display: block;
  }

  .w-lightbox-close {
    opacity: .8;
  }

  .w-lightbox-control:hover {
    opacity: 1;
  }
}

.w-lightbox-inactive, .w-lightbox-inactive:hover {
  opacity: 0;
}

.w-richtext:before, .w-richtext:after {
  content: " ";
  grid-area: 1 / 1 / 2 / 2;
  display: table;
}

.w-richtext:after {
  clear: both;
}

.w-richtext[contenteditable="true"]:before, .w-richtext[contenteditable="true"]:after {
  white-space: initial;
}

.w-richtext ol, .w-richtext ul {
  overflow: hidden;
}

.w-richtext .w-richtext-figure-selected.w-richtext-figure-type-video div:after, .w-richtext .w-richtext-figure-selected[data-rt-type="video"] div:after, .w-richtext .w-richtext-figure-selected.w-richtext-figure-type-image div, .w-richtext .w-richtext-figure-selected[data-rt-type="image"] div {
  outline: 2px solid #2895f7;
}

.w-richtext figure.w-richtext-figure-type-video > div:after, .w-richtext figure[data-rt-type="video"] > div:after {
  content: "";
  display: none;
  position: absolute;
  inset: 0;
}

.w-richtext figure {
  max-width: 60%;
  position: relative;
}

.w-richtext figure > div:before {
  cursor: default !important;
}

.w-richtext figure img {
  width: 100%;
}

.w-richtext figure figcaption.w-richtext-figcaption-placeholder {
  opacity: .6;
}

.w-richtext figure div {
  color: #0000;
  font-size: 0;
}

.w-richtext figure.w-richtext-figure-type-image, .w-richtext figure[data-rt-type="image"] {
  display: table;
}

.w-richtext figure.w-richtext-figure-type-image > div, .w-richtext figure[data-rt-type="image"] > div {
  display: inline-block;
}

.w-richtext figure.w-richtext-figure-type-image > figcaption, .w-richtext figure[data-rt-type="image"] > figcaption {
  caption-side: bottom;
  display: table-caption;
}

.w-richtext figure.w-richtext-figure-type-video, .w-richtext figure[data-rt-type="video"] {
  width: 60%;
  height: 0;
}

.w-richtext figure.w-richtext-figure-type-video iframe, .w-richtext figure[data-rt-type="video"] iframe {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.w-richtext figure.w-richtext-figure-type-video > div, .w-richtext figure[data-rt-type="video"] > div {
  width: 100%;
}

.w-richtext figure.w-richtext-align-center {
  clear: both;
  margin-left: auto;
  margin-right: auto;
}

.w-richtext figure.w-richtext-align-center.w-richtext-figure-type-image > div, .w-richtext figure.w-richtext-align-center[data-rt-type="image"] > div {
  max-width: 100%;
}

.w-richtext figure.w-richtext-align-normal {
  clear: both;
}

.w-richtext figure.w-richtext-align-fullwidth {
  text-align: center;
  clear: both;
  width: 100%;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.w-richtext figure.w-richtext-align-fullwidth > div {
  padding-bottom: inherit;
  display: inline-block;
}

.w-richtext figure.w-richtext-align-fullwidth > figcaption {
  display: block;
}

.w-richtext figure.w-richtext-align-floatleft {
  float: left;
  clear: none;
  margin-right: 15px;
}

.w-richtext figure.w-richtext-align-floatright {
  float: right;
  clear: none;
  margin-left: 15px;
}

.w-nav {
  z-index: 1000;
  background: #ddd;
  position: relative;
}

.w-nav:before, .w-nav:after {
  content: " ";
  grid-area: 1 / 1 / 2 / 2;
  display: table;
}

.w-nav:after {
  clear: both;
}

.w-nav-brand {
  float: left;
  color: #333;
  text-decoration: none;
  position: relative;
}

.w-nav-link {
  vertical-align: top;
  color: #222;
  text-align: left;
  margin-left: auto;
  margin-right: auto;
  padding: 20px;
  text-decoration: none;
  display: inline-block;
  position: relative;
}

.w-nav-link.w--current {
  color: #0082f3;
}

.w-nav-menu {
  float: right;
  position: relative;
}

[data-nav-menu-open] {
  text-align: center;
  background: #c8c8c8;
  min-width: 200px;
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  overflow: visible;
  display: block !important;
}

.w--nav-link-open {
  display: block;
  position: relative;
}

.w-nav-overlay {
  width: 100%;
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  overflow: hidden;
}

.w-nav-overlay [data-nav-menu-open] {
  top: 0;
}

.w-nav[data-animation="over-left"] .w-nav-overlay {
  width: auto;
}

.w-nav[data-animation="over-left"] .w-nav-overlay, .w-nav[data-animation="over-left"] [data-nav-menu-open] {
  z-index: 1;
  top: 0;
  right: auto;
}

.w-nav[data-animation="over-right"] .w-nav-overlay {
  width: auto;
}

.w-nav[data-animation="over-right"] .w-nav-overlay, .w-nav[data-animation="over-right"] [data-nav-menu-open] {
  z-index: 1;
  top: 0;
  left: auto;
}

.w-nav-button {
  float: right;
  cursor: pointer;
  -webkit-tap-highlight-color: #0000;
  tap-highlight-color: #0000;
  -webkit-user-select: none;
  user-select: none;
  padding: 18px;
  font-size: 24px;
  display: none;
  position: relative;
}

.w-nav-button:focus {
  outline: 0;
}

.w-nav-button.w--open {
  color: #fff;
  background-color: #c8c8c8;
}

.w-nav[data-collapse="all"] .w-nav-menu {
  display: none;
}

.w-nav[data-collapse="all"] .w-nav-button, .w--nav-dropdown-open, .w--nav-dropdown-toggle-open {
  display: block;
}

.w--nav-dropdown-list-open {
  position: static;
}

@media screen and (max-width: 991px) {
  .w-nav[data-collapse="medium"] .w-nav-menu {
    display: none;
  }

  .w-nav[data-collapse="medium"] .w-nav-button {
    display: block;
  }
}

@media screen and (max-width: 767px) {
  .w-nav[data-collapse="small"] .w-nav-menu {
    display: none;
  }

  .w-nav[data-collapse="small"] .w-nav-button {
    display: block;
  }

  .w-nav-brand {
    padding-left: 10px;
  }
}

@media screen and (max-width: 479px) {
  .w-nav[data-collapse="tiny"] .w-nav-menu {
    display: none;
  }

  .w-nav[data-collapse="tiny"] .w-nav-button {
    display: block;
  }
}

.w-tabs {
  position: relative;
}

.w-tabs:before, .w-tabs:after {
  content: " ";
  grid-area: 1 / 1 / 2 / 2;
  display: table;
}

.w-tabs:after {
  clear: both;
}

.w-tab-menu {
  position: relative;
}

.w-tab-link {
  vertical-align: top;
  text-align: left;
  cursor: pointer;
  color: #222;
  background-color: #ddd;
  padding: 9px 30px;
  text-decoration: none;
  display: inline-block;
  position: relative;
}

.w-tab-link.w--current {
  background-color: #c8c8c8;
}

.w-tab-link:focus {
  outline: 0;
}

.w-tab-content {
  display: block;
  position: relative;
  overflow: hidden;
}

.w-tab-pane {
  display: none;
  position: relative;
}

.w--tab-active {
  display: block;
}

@media screen and (max-width: 479px) {
  .w-tab-link {
    display: block;
  }
}

.w-ix-emptyfix:after {
  content: "";
}

@keyframes spin {
  0% {
    transform: rotate(0);
  }

  100% {
    transform: rotate(360deg);
  }
}

.w-dyn-empty {
  background-color: #ddd;
  padding: 10px;
}

.w-dyn-hide, .w-dyn-bind-empty, .w-condition-invisible {
  display: none !important;
}

.wf-layout-layout {
  display: grid;
}

:root {
  --oircle-default-gry: #464646;
  --oircle-grim-gry: #a0a0a0;
  --oircle-notification: #0579ff;
  --oircle-binding-blue: #495661;
  --white: white;
  --hover-element-dynamic: #c0c0c080;
  --oircle-organic-orange: #ff7000;
  --element-dynamic: #e9e9e980;
  --white-smoke: #f3f3f3;
  --oircle-bold-blue: #1aa0e0;
  --oircle-vista-violet: #d41367;
  --black: black;
  --dismiss-element: #e01a1a;
  --oircle-piercing-purple: #41226c;
  --oircle-yielding-yellow: #fdcc2e;
  --neo-dark: #d1d9e6;
  --active-green: #0ba100;
  --oircle-music: #0c1125;
  --oircle-grimy-green: #98bf32;
}

.w-commerce-commercecartwrapper {
  display: inline-block;
  position: relative;
}

.w-commerce-commercecartopenlink {
  color: #fff;
  cursor: pointer;
  -webkit-appearance: none;
  appearance: none;
  background-color: #3898ec;
  border-width: 0;
  border-radius: 0;
  align-items: center;
  padding: 9px 15px;
  text-decoration: none;
  display: flex;
}

.w-commerce-commercecartopenlinkcount {
  color: #3898ec;
  text-align: center;
  background-color: #fff;
  border-radius: 9px;
  min-width: 18px;
  height: 18px;
  margin-left: 8px;
  padding-left: 6px;
  padding-right: 6px;
  font-size: 11px;
  font-weight: 700;
  line-height: 18px;
  display: inline-block;
}

.w-commerce-commercecartcontainerwrapper {
  z-index: 1001;
  background-color: #000c;
  position: fixed;
  inset: 0;
}

.w-commerce-commercecartcontainerwrapper--cartType-modal {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.w-commerce-commercecartcontainerwrapper--cartType-leftSidebar {
  flex-direction: row;
  justify-content: flex-start;
  align-items: stretch;
  display: flex;
}

.w-commerce-commercecartcontainerwrapper--cartType-rightSidebar {
  flex-direction: row;
  justify-content: flex-end;
  align-items: stretch;
  display: flex;
}

.w-commerce-commercecartcontainerwrapper--cartType-leftDropdown {
  background-color: #0000;
  position: absolute;
  inset: 100% auto auto 0;
}

.w-commerce-commercecartcontainerwrapper--cartType-rightDropdown {
  background-color: #0000;
  position: absolute;
  inset: 100% 0 auto auto;
}

.w-commerce-commercecartcontainer {
  background-color: #fff;
  flex-direction: column;
  width: 100%;
  min-width: 320px;
  max-width: 480px;
  display: flex;
  overflow: auto;
  box-shadow: 0 5px 25px #00000040;
}

.w-commerce-commercecartheader {
  border-bottom: 1px solid #e6e6e6;
  flex: none;
  justify-content: space-between;
  align-items: center;
  padding: 16px 24px;
  display: flex;
  position: relative;
}

.w-commerce-commercecartheading {
  margin-top: 0;
  margin-bottom: 0;
  padding-left: 0;
  padding-right: 0;
}

.w-commerce-commercecartcloselink {
  width: 16px;
  height: 16px;
}

.w-commerce-commercecartformwrapper {
  flex-direction: column;
  flex: 1;
  display: flex;
}

.w-commerce-commercecartform {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  display: flex;
}

.w-commerce-commercecartlist {
  -webkit-overflow-scrolling: touch;
  flex: 1;
  padding: 12px 24px;
  overflow: auto;
}

.w-commerce-commercecartitem {
  align-items: flex-start;
  padding-top: 12px;
  padding-bottom: 12px;
  display: flex;
}

.w-commerce-commercecartquantity {
  -webkit-appearance: none;
  appearance: none;
  background-color: #fafafa;
  border: 1px solid #ddd;
  border-radius: 3px;
  width: 60px;
  height: 38px;
  margin-bottom: 10px;
  padding: 8px 6px 8px 12px;
  line-height: 20px;
  display: block;
}

.w-commerce-commercecartquantity::placeholder {
  color: #999;
}

.w-commerce-commercecartquantity:focus {
  border-color: #3898ec;
  outline-style: none;
}

.w-commerce-commercecartproductname {
  font-weight: 700;
}

.w-commerce-commercecartoptionlist {
  margin-bottom: 0;
  padding-left: 0;
  text-decoration: none;
  list-style-type: none;
}

.w-commerce-commercecartitemimage {
  width: 60px;
  height: 0%;
}

.w-commerce-commercecartfooter {
  border-top: 1px solid #e6e6e6;
  flex-direction: column;
  flex: none;
  padding: 16px 24px 24px;
  display: flex;
}

.w-commerce-commercecartlineitem {
  flex: none;
  justify-content: space-between;
  align-items: baseline;
  margin-bottom: 16px;
  display: flex;
}

.w-commerce-commercecartordervalue {
  font-weight: 700;
}

.w-commerce-commercecartcheckoutbutton {
  color: #fff;
  cursor: pointer;
  -webkit-appearance: none;
  appearance: none;
  text-align: center;
  background-color: #3898ec;
  border-width: 0;
  border-radius: 2px;
  align-items: center;
  padding: 9px 15px;
  text-decoration: none;
  display: block;
}

.w-commerce-commercecartapplepaybutton {
  color: #fff;
  cursor: pointer;
  -webkit-appearance: none;
  appearance: none;
  background-color: #000;
  border-width: 0;
  border-radius: 2px;
  align-items: center;
  height: 38px;
  min-height: 30px;
  margin-bottom: 8px;
  padding: 0;
  text-decoration: none;
  display: flex;
}

.w-commerce-commercecartapplepayicon {
  width: 100%;
  height: 50%;
  min-height: 20px;
}

.w-commerce-commercecartquickcheckoutbutton {
  color: #fff;
  cursor: pointer;
  -webkit-appearance: none;
  appearance: none;
  background-color: #000;
  border-width: 0;
  border-radius: 2px;
  justify-content: center;
  align-items: center;
  height: 38px;
  margin-bottom: 8px;
  padding: 0 15px;
  text-decoration: none;
  display: flex;
}

.w-commerce-commercequickcheckoutgoogleicon, .w-commerce-commercequickcheckoutmicrosofticon {
  margin-right: 8px;
  display: block;
}

.w-commerce-commercecartemptystate {
  flex: 1;
  justify-content: center;
  align-items: center;
  padding-top: 100px;
  padding-bottom: 100px;
  display: flex;
}

.w-commerce-commercecarterrorstate {
  background-color: #ffdede;
  flex: none;
  margin: 0 24px 24px;
  padding: 10px;
}

.w-users-userformpagewrap {
  flex-direction: column;
  justify-content: center;
  align-items: stretch;
  max-width: 340px;
  height: 100vh;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.w-users-userformheader {
  text-align: center;
}

.w-commerce-commercecartiteminfo {
  flex-direction: column;
  flex: 1;
  margin-left: 16px;
  margin-right: 16px;
  display: flex;
}

.w-commerce-commerceaddtocartform {
  margin: 0 0 15px;
}

.w-commerce-commerceaddtocartoptionpillgroup {
  margin-bottom: 10px;
  display: flex;
}

.w-commerce-commerceaddtocartoptionpill {
  color: #000;
  cursor: pointer;
  background-color: #fff;
  border: 1px solid #000;
  margin-right: 10px;
  padding: 8px 15px;
}

.w-commerce-commerceaddtocartoptionpill.w--ecommerce-pill-selected {
  color: #fff;
  background-color: #000;
}

.w-commerce-commerceaddtocartoptionpill.w--ecommerce-pill-disabled {
  color: #666;
  cursor: not-allowed;
  background-color: #e6e6e6;
  border-color: #e6e6e6;
  outline-style: none;
}

.w-commerce-commerceaddtocartquantityinput {
  -webkit-appearance: none;
  appearance: none;
  background-color: #fafafa;
  border: 1px solid #ddd;
  border-radius: 3px;
  width: 60px;
  height: 38px;
  margin-bottom: 10px;
  padding: 8px 6px 8px 12px;
  line-height: 20px;
  display: block;
}

.w-commerce-commerceaddtocartquantityinput::placeholder {
  color: #999;
}

.w-commerce-commerceaddtocartquantityinput:focus {
  border-color: #3898ec;
  outline-style: none;
}

.w-commerce-commerceaddtocartbutton {
  color: #fff;
  cursor: pointer;
  -webkit-appearance: none;
  appearance: none;
  background-color: #3898ec;
  border-width: 0;
  border-radius: 0;
  align-items: center;
  padding: 9px 15px;
  text-decoration: none;
  display: flex;
}

.w-commerce-commerceaddtocartbutton.w--ecommerce-add-to-cart-disabled {
  color: #666;
  cursor: not-allowed;
  background-color: #e6e6e6;
  border-color: #e6e6e6;
  outline-style: none;
}

.w-commerce-commerceaddtocartoutofstock {
  background-color: #ddd;
  margin-top: 10px;
  padding: 10px;
}

.w-commerce-commerceaddtocarterror {
  background-color: #ffdede;
  margin-top: 10px;
  padding: 10px;
}

.w-layout-grid {
  grid-row-gap: 16px;
  grid-column-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.w-commerce-commercecartopenlinkicon {
  margin-right: 8px;
}

.w-commerce-commercecheckoutformcontainer {
  background-color: #f5f5f5;
  width: 100%;
  min-height: 100vh;
  padding: 20px;
}

.w-commerce-commercecheckoutcustomerinfowrapper {
  margin-bottom: 20px;
}

.w-commerce-commercecheckoutblockheader {
  background-color: #fff;
  border: 1px solid #e6e6e6;
  justify-content: space-between;
  align-items: baseline;
  padding: 4px 20px;
  display: flex;
}

.w-commerce-commercecheckoutblockcontent {
  background-color: #fff;
  border-bottom: 1px solid #e6e6e6;
  border-left: 1px solid #e6e6e6;
  border-right: 1px solid #e6e6e6;
  padding: 20px;
}

.w-commerce-commercecheckoutemailinput {
  -webkit-appearance: none;
  appearance: none;
  background-color: #fafafa;
  border: 1px solid #ddd;
  border-radius: 3px;
  width: 100%;
  height: 38px;
  margin-bottom: 0;
  padding: 8px 12px;
  line-height: 20px;
  display: block;
}

.w-commerce-commercecheckoutemailinput::placeholder {
  color: #999;
}

.w-commerce-commercecheckoutemailinput:focus {
  border-color: #3898ec;
  outline-style: none;
}

.w-commerce-commercecheckoutshippingaddresswrapper {
  margin-bottom: 20px;
}

.w-commerce-commercecheckoutlabel {
  margin-bottom: 8px;
}

.w-commerce-commercecheckoutshippingfullname {
  -webkit-appearance: none;
  appearance: none;
  background-color: #fafafa;
  border: 1px solid #ddd;
  border-radius: 3px;
  width: 100%;
  height: 38px;
  margin-bottom: 16px;
  padding: 8px 12px;
  line-height: 20px;
  display: block;
}

.w-commerce-commercecheckoutshippingfullname::placeholder {
  color: #999;
}

.w-commerce-commercecheckoutshippingfullname:focus {
  border-color: #3898ec;
  outline-style: none;
}

.w-commerce-commercecheckoutshippingstreetaddress {
  -webkit-appearance: none;
  appearance: none;
  background-color: #fafafa;
  border: 1px solid #ddd;
  border-radius: 3px;
  width: 100%;
  height: 38px;
  margin-bottom: 16px;
  padding: 8px 12px;
  line-height: 20px;
  display: block;
}

.w-commerce-commercecheckoutshippingstreetaddress::placeholder {
  color: #999;
}

.w-commerce-commercecheckoutshippingstreetaddress:focus {
  border-color: #3898ec;
  outline-style: none;
}

.w-commerce-commercecheckoutshippingstreetaddressoptional {
  -webkit-appearance: none;
  appearance: none;
  background-color: #fafafa;
  border: 1px solid #ddd;
  border-radius: 3px;
  width: 100%;
  height: 38px;
  margin-bottom: 16px;
  padding: 8px 12px;
  line-height: 20px;
  display: block;
}

.w-commerce-commercecheckoutshippingstreetaddressoptional::placeholder {
  color: #999;
}

.w-commerce-commercecheckoutshippingstreetaddressoptional:focus {
  border-color: #3898ec;
  outline-style: none;
}

.w-commerce-commercecheckoutrow {
  margin-left: -8px;
  margin-right: -8px;
  display: flex;
}

.w-commerce-commercecheckoutcolumn {
  flex: 1;
  padding-left: 8px;
  padding-right: 8px;
}

.w-commerce-commercecheckoutshippingcity {
  -webkit-appearance: none;
  appearance: none;
  background-color: #fafafa;
  border: 1px solid #ddd;
  border-radius: 3px;
  width: 100%;
  height: 38px;
  margin-bottom: 16px;
  padding: 8px 12px;
  line-height: 20px;
  display: block;
}

.w-commerce-commercecheckoutshippingcity::placeholder {
  color: #999;
}

.w-commerce-commercecheckoutshippingcity:focus {
  border-color: #3898ec;
  outline-style: none;
}

.w-commerce-commercecheckoutshippingstateprovince {
  -webkit-appearance: none;
  appearance: none;
  background-color: #fafafa;
  border: 1px solid #ddd;
  border-radius: 3px;
  width: 100%;
  height: 38px;
  margin-bottom: 16px;
  padding: 8px 12px;
  line-height: 20px;
  display: block;
}

.w-commerce-commercecheckoutshippingstateprovince::placeholder {
  color: #999;
}

.w-commerce-commercecheckoutshippingstateprovince:focus {
  border-color: #3898ec;
  outline-style: none;
}

.w-commerce-commercecheckoutshippingzippostalcode {
  -webkit-appearance: none;
  appearance: none;
  background-color: #fafafa;
  border: 1px solid #ddd;
  border-radius: 3px;
  width: 100%;
  height: 38px;
  margin-bottom: 16px;
  padding: 8px 12px;
  line-height: 20px;
  display: block;
}

.w-commerce-commercecheckoutshippingzippostalcode::placeholder {
  color: #999;
}

.w-commerce-commercecheckoutshippingzippostalcode:focus {
  border-color: #3898ec;
  outline-style: none;
}

.w-commerce-commercecheckoutshippingcountryselector {
  -webkit-appearance: none;
  appearance: none;
  background-color: #fafafa;
  border: 1px solid #ddd;
  border-radius: 3px;
  width: 100%;
  height: 38px;
  margin-bottom: 0;
  padding: 8px 12px;
  line-height: 20px;
  display: block;
}

.w-commerce-commercecheckoutshippingcountryselector::placeholder {
  color: #999;
}

.w-commerce-commercecheckoutshippingcountryselector:focus {
  border-color: #3898ec;
  outline-style: none;
}

.w-commerce-commercecheckoutshippingmethodswrapper {
  margin-bottom: 20px;
}

.w-commerce-commercecheckoutshippingmethodslist {
  border-left: 1px solid #e6e6e6;
  border-right: 1px solid #e6e6e6;
}

.w-commerce-commercecheckoutshippingmethoditem {
  background-color: #fff;
  border-bottom: 1px solid #e6e6e6;
  flex-direction: row;
  align-items: baseline;
  margin-bottom: 0;
  padding: 16px;
  font-weight: 400;
  display: flex;
}

.w-commerce-commercecheckoutshippingmethoddescriptionblock {
  flex-direction: column;
  flex-grow: 1;
  margin-left: 12px;
  margin-right: 12px;
  display: flex;
}

.w-commerce-commerceboldtextblock {
  font-weight: 700;
}

.w-commerce-commercecheckoutshippingmethodsemptystate {
  text-align: center;
  background-color: #fff;
  border-bottom: 1px solid #e6e6e6;
  border-left: 1px solid #e6e6e6;
  border-right: 1px solid #e6e6e6;
  padding: 64px 16px;
}

.w-commerce-commercecheckoutpaymentinfowrapper {
  margin-bottom: 20px;
}

.w-commerce-commercecheckoutcardnumber {
  -webkit-appearance: none;
  appearance: none;
  cursor: text;
  background-color: #fafafa;
  border: 1px solid #ddd;
  border-radius: 3px;
  width: 100%;
  height: 38px;
  margin-bottom: 16px;
  padding: 8px 12px;
  line-height: 20px;
  display: block;
}

.w-commerce-commercecheckoutcardnumber::placeholder {
  color: #999;
}

.w-commerce-commercecheckoutcardnumber:focus, .w-commerce-commercecheckoutcardnumber.-wfp-focus {
  border-color: #3898ec;
  outline-style: none;
}

.w-commerce-commercecheckoutcardexpirationdate {
  -webkit-appearance: none;
  appearance: none;
  cursor: text;
  background-color: #fafafa;
  border: 1px solid #ddd;
  border-radius: 3px;
  width: 100%;
  height: 38px;
  margin-bottom: 16px;
  padding: 8px 12px;
  line-height: 20px;
  display: block;
}

.w-commerce-commercecheckoutcardexpirationdate::placeholder {
  color: #999;
}

.w-commerce-commercecheckoutcardexpirationdate:focus, .w-commerce-commercecheckoutcardexpirationdate.-wfp-focus {
  border-color: #3898ec;
  outline-style: none;
}

.w-commerce-commercecheckoutcardsecuritycode {
  -webkit-appearance: none;
  appearance: none;
  cursor: text;
  background-color: #fafafa;
  border: 1px solid #ddd;
  border-radius: 3px;
  width: 100%;
  height: 38px;
  margin-bottom: 16px;
  padding: 8px 12px;
  line-height: 20px;
  display: block;
}

.w-commerce-commercecheckoutcardsecuritycode::placeholder {
  color: #999;
}

.w-commerce-commercecheckoutcardsecuritycode:focus, .w-commerce-commercecheckoutcardsecuritycode.-wfp-focus {
  border-color: #3898ec;
  outline-style: none;
}

.w-commerce-commercecheckoutbillingaddresstogglewrapper {
  flex-direction: row;
  display: flex;
}

.w-commerce-commercecheckoutbillingaddresstogglecheckbox {
  margin-top: 4px;
}

.w-commerce-commercecheckoutbillingaddresstogglelabel {
  margin-left: 8px;
  font-weight: 400;
}

.w-commerce-commercecheckoutdiscounts {
  background-color: #fff;
  border: 1px solid #e6e6e6;
  flex-wrap: wrap;
  padding: 20px;
  display: flex;
}

.w-commerce-commercecheckoutdiscountsinput {
  -webkit-appearance: none;
  appearance: none;
  background-color: #fafafa;
  border: 1px solid #ddd;
  border-radius: 3px;
  flex: 1;
  width: auto;
  min-width: 0;
  height: 38px;
  margin-bottom: 0;
  padding: 8px 12px;
  line-height: 20px;
  display: block;
}

.w-commerce-commercecheckoutdiscountsinput::placeholder {
  color: #999;
}

.w-commerce-commercecheckoutdiscountsinput:focus {
  border-color: #3898ec;
  outline-style: none;
}

.w-commerce-commercecheckoutdiscountsbutton {
  color: #fff;
  cursor: pointer;
  -webkit-appearance: none;
  appearance: none;
  background-color: #3898ec;
  border-width: 0;
  border-radius: 3px;
  flex-grow: 0;
  flex-shrink: 0;
  align-items: center;
  height: 38px;
  margin-left: 8px;
  padding: 9px 15px;
  text-decoration: none;
  display: flex;
}

.w-commerce-commercecheckoutbillingaddresswrapper {
  margin-top: 16px;
  margin-bottom: 20px;
}

.w-commerce-commercecheckoutbillingfullname {
  -webkit-appearance: none;
  appearance: none;
  background-color: #fafafa;
  border: 1px solid #ddd;
  border-radius: 3px;
  width: 100%;
  height: 38px;
  margin-bottom: 16px;
  padding: 8px 12px;
  line-height: 20px;
  display: block;
}

.w-commerce-commercecheckoutbillingfullname::placeholder {
  color: #999;
}

.w-commerce-commercecheckoutbillingfullname:focus {
  border-color: #3898ec;
  outline-style: none;
}

.w-commerce-commercecheckoutbillingstreetaddress {
  -webkit-appearance: none;
  appearance: none;
  background-color: #fafafa;
  border: 1px solid #ddd;
  border-radius: 3px;
  width: 100%;
  height: 38px;
  margin-bottom: 16px;
  padding: 8px 12px;
  line-height: 20px;
  display: block;
}

.w-commerce-commercecheckoutbillingstreetaddress::placeholder {
  color: #999;
}

.w-commerce-commercecheckoutbillingstreetaddress:focus {
  border-color: #3898ec;
  outline-style: none;
}

.w-commerce-commercecheckoutbillingstreetaddressoptional {
  -webkit-appearance: none;
  appearance: none;
  background-color: #fafafa;
  border: 1px solid #ddd;
  border-radius: 3px;
  width: 100%;
  height: 38px;
  margin-bottom: 16px;
  padding: 8px 12px;
  line-height: 20px;
  display: block;
}

.w-commerce-commercecheckoutbillingstreetaddressoptional::placeholder {
  color: #999;
}

.w-commerce-commercecheckoutbillingstreetaddressoptional:focus {
  border-color: #3898ec;
  outline-style: none;
}

.w-commerce-commercecheckoutbillingcity {
  -webkit-appearance: none;
  appearance: none;
  background-color: #fafafa;
  border: 1px solid #ddd;
  border-radius: 3px;
  width: 100%;
  height: 38px;
  margin-bottom: 16px;
  padding: 8px 12px;
  line-height: 20px;
  display: block;
}

.w-commerce-commercecheckoutbillingcity::placeholder {
  color: #999;
}

.w-commerce-commercecheckoutbillingcity:focus {
  border-color: #3898ec;
  outline-style: none;
}

.w-commerce-commercecheckoutbillingstateprovince {
  -webkit-appearance: none;
  appearance: none;
  background-color: #fafafa;
  border: 1px solid #ddd;
  border-radius: 3px;
  width: 100%;
  height: 38px;
  margin-bottom: 16px;
  padding: 8px 12px;
  line-height: 20px;
  display: block;
}

.w-commerce-commercecheckoutbillingstateprovince::placeholder {
  color: #999;
}

.w-commerce-commercecheckoutbillingstateprovince:focus {
  border-color: #3898ec;
  outline-style: none;
}

.w-commerce-commercecheckoutbillingzippostalcode {
  -webkit-appearance: none;
  appearance: none;
  background-color: #fafafa;
  border: 1px solid #ddd;
  border-radius: 3px;
  width: 100%;
  height: 38px;
  margin-bottom: 16px;
  padding: 8px 12px;
  line-height: 20px;
  display: block;
}

.w-commerce-commercecheckoutbillingzippostalcode::placeholder {
  color: #999;
}

.w-commerce-commercecheckoutbillingzippostalcode:focus {
  border-color: #3898ec;
  outline-style: none;
}

.w-commerce-commercecheckoutbillingcountryselector {
  -webkit-appearance: none;
  appearance: none;
  background-color: #fafafa;
  border: 1px solid #ddd;
  border-radius: 3px;
  width: 100%;
  height: 38px;
  margin-bottom: 0;
  padding: 8px 12px;
  line-height: 20px;
  display: block;
}

.w-commerce-commercecheckoutbillingcountryselector::placeholder {
  color: #999;
}

.w-commerce-commercecheckoutbillingcountryselector:focus {
  border-color: #3898ec;
  outline-style: none;
}

.w-commerce-commercecheckoutordersummarywrapper {
  margin-bottom: 20px;
}

.w-commerce-commercecheckoutsummaryblockheader {
  background-color: #fff;
  border: 1px solid #e6e6e6;
  justify-content: space-between;
  align-items: baseline;
  padding: 4px 20px;
  display: flex;
}

.w-commerce-commercecheckoutordersummaryextraitemslistitem, .w-commerce-commercecheckoutsummarylineitem {
  flex-direction: row;
  justify-content: space-between;
  margin-bottom: 8px;
  display: flex;
}

.w-commerce-commercecheckoutsummarytotal {
  font-weight: 700;
}

.w-commerce-commercecheckoutplaceorderbutton {
  color: #fff;
  cursor: pointer;
  -webkit-appearance: none;
  appearance: none;
  text-align: center;
  background-color: #3898ec;
  border-width: 0;
  border-radius: 3px;
  align-items: center;
  margin-bottom: 20px;
  padding: 9px 15px;
  text-decoration: none;
  display: block;
}

.w-commerce-commercecheckouterrorstate {
  background-color: #ffdede;
  margin-top: 16px;
  margin-bottom: 16px;
  padding: 10px 16px;
}

.w-commerce-commercecheckoutorderitemswrapper {
  margin-bottom: 20px;
}

.w-commerce-commercecheckoutorderitemslist {
  margin-bottom: -20px;
}

.w-commerce-commercecheckoutorderitem {
  margin-bottom: 20px;
  display: flex;
}

.w-commerce-commercecheckoutorderitemdescriptionwrapper {
  flex-grow: 1;
  margin-left: 16px;
  margin-right: 16px;
}

.w-commerce-commercecheckoutorderitemquantitywrapper {
  white-space: pre-wrap;
  display: flex;
}

.w-commerce-commercecheckoutorderitemoptionlist {
  margin-bottom: 0;
  padding-left: 0;
  text-decoration: none;
  list-style-type: none;
}

.w-commerce-commercelayoutcontainer {
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.w-commerce-commercelayoutmain {
  flex: 0 800px;
  margin-right: 20px;
}

.w-commerce-commercelayoutsidebar {
  flex: 0 0 320px;
  position: sticky;
  top: 20px;
}

.w-backgroundvideo-backgroundvideoplaypausebutton:focus-visible {
  outline-offset: 2px;
  border-radius: 50%;
  outline: 2px solid #3b79c3;
}

.w-commerce-commercebuynowbutton {
  color: #fff;
  cursor: pointer;
  -webkit-appearance: none;
  appearance: none;
  background-color: #3898ec;
  border-width: 0;
  border-radius: 0;
  align-items: center;
  margin-top: 10px;
  padding: 9px 15px;
  text-decoration: none;
  display: inline-block;
}

.w-commerce-commercebuynowbutton.w--ecommerce-buy-now-disabled {
  color: #666;
  cursor: not-allowed;
  background-color: #e6e6e6;
  border-color: #e6e6e6;
  outline-style: none;
}

.w-form-formradioinput--inputType-custom {
  border: 1px solid #ccc;
  border-radius: 50%;
  width: 12px;
  height: 12px;
}

.w-form-formradioinput--inputType-custom.w--redirected-focus {
  box-shadow: 0 0 3px 1px #3898ec;
}

.w-form-formradioinput--inputType-custom.w--redirected-checked {
  border-width: 4px;
  border-color: #3898ec;
}

.w-layout-hflex {
  flex-direction: row;
  align-items: flex-start;
  display: flex;
}

.w-checkbox {
  margin-bottom: 5px;
  padding-left: 20px;
  display: block;
}

.w-checkbox:before {
  content: " ";
  grid-area: 1 / 1 / 2 / 2;
  display: table;
}

.w-checkbox:after {
  content: " ";
  clear: both;
  grid-area: 1 / 1 / 2 / 2;
  display: table;
}

.w-pagination-wrapper {
  flex-wrap: wrap;
  justify-content: center;
  display: flex;
}

.w-pagination-previous {
  color: #333;
  background-color: #fafafa;
  border: 1px solid #ccc;
  border-radius: 2px;
  margin-left: 10px;
  margin-right: 10px;
  padding: 9px 20px;
  font-size: 14px;
  display: block;
}

.w-pagination-previous-icon {
  margin-right: 4px;
}

.w-pagination-next {
  color: #333;
  background-color: #fafafa;
  border: 1px solid #ccc;
  border-radius: 2px;
  margin-left: 10px;
  margin-right: 10px;
  padding: 9px 20px;
  font-size: 14px;
  display: block;
}

.w-pagination-next-icon {
  margin-left: 4px;
}

.w-commerce-commerceorderconfirmationcontainer {
  background-color: #f5f5f5;
  width: 100%;
  min-height: 100vh;
  padding: 20px;
}

.w-commerce-commercecheckoutsummaryitem, .w-commerce-commercecheckoutsummarylabel {
  margin-bottom: 8px;
}

.w-commerce-commercecheckoutsummaryflexboxdiv {
  flex-direction: row;
  justify-content: flex-start;
  display: flex;
}

.w-commerce-commercecheckoutsummarytextspacingondiv {
  margin-right: .33em;
}

.w-commerce-commercecheckoutpaymentsummarywrapper, .w-commerce-commercecheckoutshippingsummarywrapper {
  margin-bottom: 20px;
}

.w-commerce-commercelabel {
  margin-top: 20px;
  margin-bottom: 8px;
}

.w-commerce-commercedownloadswrapper {
  margin-bottom: 20px;
}

.w-commerce-commercedownloadslist {
  margin-bottom: -20px;
}

.w-commerce-commercedownloadsitem {
  grid-column-gap: 16px;
  grid-template-columns: 1fr max-content;
  align-items: center;
  margin-bottom: 20px;
  display: grid;
}

.w-commerce-commercecheckoutcustomerinfosummarywrapper {
  margin-bottom: 20px;
}

.w-users-userresetpasswordformwrapper {
  margin-bottom: 0;
  padding-left: 20px;
  padding-right: 20px;
  position: relative;
}

.w-users-userformsuccessstate {
  display: none;
}

.w-users-userformbutton {
  text-align: center;
  width: 100%;
}

.w-users-userformerrorstate {
  margin-left: 20px;
  margin-right: 20px;
  position: absolute;
  top: 100%;
  left: 0%;
  right: 0%;
}

.w-users-usersignupformwrapper {
  margin-bottom: 0;
  padding-left: 20px;
  padding-right: 20px;
  position: relative;
}

.w-users-usersignupverificationmessage {
  display: none;
}

.w-users-userupdatepasswordformwrapper {
  margin-bottom: 0;
  padding-left: 20px;
  padding-right: 20px;
  position: relative;
}

.w-users-useraccountwrapper {
  background-color: #f5f5f5;
  width: 100%;
  min-height: 100vh;
  padding: 20px;
}

.w-checkbox-input {
  float: left;
  margin: 4px 0 0 -20px;
  line-height: normal;
}

.w-checkbox-input--inputType-custom {
  border: 1px solid #ccc;
  border-radius: 2px;
  width: 12px;
  height: 12px;
}

.w-checkbox-input--inputType-custom.w--redirected-checked {
  background-color: #3898ec;
  background-image: url("https://d3e54v103j8qbb.cloudfront.net/static/custom-checkbox-checkmark.589d534424.svg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-color: #3898ec;
}

.w-checkbox-input--inputType-custom.w--redirected-focus {
  box-shadow: 0 0 3px 1px #3898ec;
}

.w-users-useraccountformcancelbutton {
  text-align: center;
  color: #333;
  background-color: #d3d3d3;
}

.w-users-useraccountformsavebutton {
  text-align: center;
  margin-right: 8px;
}

.w-users-useraccountsubscriptionlist {
  -webkit-overflow-scrolling: touch;
  flex: 1;
  overflow: auto;
}

.w-users-useraccountsubscriptionlistitem {
  align-items: flex-start;
  display: flex;
}

.w-users-gridrow {
  grid-column-gap: 8px;
  grid-template-columns: auto auto;
  justify-content: flex-start;
  display: grid;
}

.w-users-flexcolumn {
  flex-direction: column;
  display: flex;
}

.w-users-useraccountsubscriptioncancelbutton {
  color: #3898ec;
  cursor: pointer;
  -webkit-appearance: none;
  appearance: none;
  background-color: #0000;
  padding: 0;
}

@media screen and (max-width: 767px) {
  .w-commerce-commercelayoutcontainer {
    flex-direction: column;
    align-items: stretch;
  }

  .w-commerce-commercelayoutmain {
    flex-basis: auto;
    margin-right: 0;
  }

  .w-commerce-commercelayoutsidebar {
    flex-basis: auto;
  }
}

@media screen and (max-width: 479px) {
  .w-commerce-commercecartcontainerwrapper--cartType-modal {
    flex-direction: row;
    justify-content: center;
    align-items: stretch;
  }

  .w-commerce-commercecartcontainerwrapper--cartType-leftDropdown, .w-commerce-commercecartcontainerwrapper--cartType-rightDropdown {
    flex-direction: row;
    justify-content: center;
    align-items: stretch;
    display: flex;
    position: fixed;
    inset: 0;
  }

  .w-commerce-commercecartquantity, .w-commerce-commerceaddtocartquantityinput, .w-commerce-commercecheckoutemailinput, .w-commerce-commercecheckoutshippingfullname, .w-commerce-commercecheckoutshippingstreetaddress, .w-commerce-commercecheckoutshippingstreetaddressoptional {
    font-size: 16px;
  }

  .w-commerce-commercecheckoutrow {
    flex-direction: column;
  }

  .w-commerce-commercecheckoutshippingcity, .w-commerce-commercecheckoutshippingstateprovince, .w-commerce-commercecheckoutshippingzippostalcode, .w-commerce-commercecheckoutshippingcountryselector, .w-commerce-commercecheckoutcardnumber, .w-commerce-commercecheckoutcardexpirationdate, .w-commerce-commercecheckoutcardsecuritycode, .w-commerce-commercecheckoutdiscountsinput, .w-commerce-commercecheckoutbillingfullname, .w-commerce-commercecheckoutbillingstreetaddress, .w-commerce-commercecheckoutbillingstreetaddressoptional, .w-commerce-commercecheckoutbillingcity, .w-commerce-commercecheckoutbillingstateprovince, .w-commerce-commercecheckoutbillingzippostalcode, .w-commerce-commercecheckoutbillingcountryselector {
    font-size: 16px;
  }
}

body {
  color: var(--oircle-default-gry);
  font-family: SF Pro Display, sans-serif;
}

h1 {
  color: var(--oircle-default-gry);
  margin-top: 5px;
  margin-bottom: 5px;
  padding-top: 0;
  font-size: 40px;
  font-weight: 700;
  line-height: 44px;
}

h2 {
  color: var(--oircle-default-gry);
  margin-top: 2.5px;
  margin-bottom: 2.5px;
  font-size: 30px;
  font-weight: 700;
  line-height: 33px;
}

h3 {
  color: var(--oircle-default-gry);
  margin-top: 0;
  margin-bottom: 0;
  font-size: 20px;
  font-weight: 700;
  line-height: 22px;
}

h4 {
  color: var(--oircle-default-gry);
  margin-top: 0;
  margin-bottom: 0;
  font-size: 15px;
  font-weight: 700;
  line-height: 18px;
}

h5 {
  color: var(--oircle-default-gry);
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 15px;
  font-weight: 900;
  line-height: 15px;
}

h6 {
  color: var(--oircle-default-gry);
  text-transform: uppercase;
  margin-top: 10px;
  margin-bottom: 10px;
  font-size: 9px;
  font-weight: 900;
  line-height: 10px;
}

p {
  margin-bottom: 0;
  font-size: 20px;
  line-height: 25px;
}

a {
  color: var(--oircle-grim-gry);
  cursor: pointer;
  margin-left: 3px;
  margin-right: 3px;
  font-size: 17px;
  font-weight: 900;
  text-decoration: none;
  transition: transform .4s;
}

a:hover {
  color: var(--oircle-notification);
}

a:active {
  color: var(--oircle-binding-blue);
}

a:focus-visible, a[data-wf-focus-visible] {
  outline-color: var(--oircle-notification);
  outline-offset: 3px;
  outline-width: 3px;
  outline-style: solid;
}

ul {
  margin-top: 5px;
  margin-bottom: 5px;
  padding-left: 40px;
}

img {
  max-width: 100%;
  display: inline-block;
}

blockquote {
  border-left: 5px solid #e2e2e2;
  margin-top: 5px;
  margin-bottom: 5px;
  padding: 10px 20px;
  font-size: 15px;
  line-height: 22px;
}

.utility-page-content {
  text-align: center;
  flex-direction: column;
  width: 70%;
  margin-top: 0;
  margin-left: auto;
  margin-right: auto;
  font-family: Roboto, sans-serif;
  font-weight: 900;
  display: none;
}

.utility-page-form {
  flex-direction: column;
  justify-content: center;
  align-items: stretch;
  width: 50%;
  min-width: 50%;
  margin-bottom: 1px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 0;
  padding-right: 0;
  display: flex;
}

.title {
  text-align: center;
  margin: 70px auto 30px;
  font-size: 55px;
  line-height: 70px;
}

.title.left-hand-side {
  text-align: left;
  margin-top: 15px;
  margin-bottom: 55px;
  padding-left: 0;
}

.title.left-hand-side.c {
  text-transform: uppercase;
  border-top: 0 dashed #ddd;
  border-bottom: 2px dashed #ddd;
  width: 100%;
  margin: 10px auto 15px;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 0;
  font-size: 50px;
  line-height: 50px;
  display: block;
}

.body {
  background-color: #fff;
  overflow: visible;
}

.youtube-button {
  opacity: 1;
  color: #d41367;
  text-align: center;
  cursor: pointer;
  background-color: #0000;
  margin-top: 15px;
  margin-left: 15px;
  margin-right: 15px;
  font-size: 27px;
  line-height: 26px;
  text-decoration: none;
  display: inline-block;
}

.youtube-button.inlineplus.inlinead {
  color: #1aa0e0;
}

.youtube-button.inlineplus.inlinead.inlineone {
  color: #98bf32;
}

.youtube-button.inlineplus.inlinead.inlineone.gf {
  background-image: url("https://cdn.prod.website-files.com/5aa43322534e4a0001179757/5b0d8ba004edc6084bfe7c41_outube%20icon.png");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 60px;
  height: 50px;
  margin-left: 0;
  margin-right: auto;
}

.youtube-button.inlinead {
  color: #98bf32;
}

.iphone {
  background-image: url("https://cdn.prod.website-files.com/5aa43322534e4a0001179757/605ca74c3c3e4c690f13b333_Calculatr%20%7C%20Hello.png");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 100%;
  min-width: 100%;
  height: 100%;
  min-height: 100%;
  margin: 0;
  display: block;
}

.iphone.youtube {
  background-image: url("https://cdn.prod.website-files.com/5aa43322534e4a0001179757/5cdcee5195678db42cf36a98_Calculatr%20%7C%20on%20iPhone%20%7C%20White.png");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 250px;
  height: 400px;
}

.iphone._20-off-promote {
  background-image: url("https://cdn.prod.website-files.com/5aa43322534e4a0001179757/5fef06add91ad349ea02e681_iPhone%2012%20Mini%20%7C%2020%25%20Off.png");
  background-size: contain;
}

.iphone._12-mini {
  width: 250px;
  min-width: 250px;
  height: 500px;
  min-height: 500px;
}

.iphone._12-mini._20-off-promote {
  background-size: 420px;
}

.iphone._12-mini.select-option {
  background-image: url("https://cdn.prod.website-files.com/5aa43322534e4a0001179757/5fef0e852d254261c625bb5d_iPhone%2012%20Mini%20%7C%20Select%20Option.png");
  background-size: 420px;
}

.iphone._12-mini.related-products {
  background-image: url("https://cdn.prod.website-files.com/5aa43322534e4a0001179757/5fef0e8751352b5b0eee6941_iPhone%2012%20Mini%20%7C%20Related%20Products.png");
  background-size: 420px;
}

.iphone._12 {
  width: 300px;
  min-width: 300px;
  height: 600px;
  min-height: 600px;
}

.iphone._12.content-offers {
  background-image: url("https://cdn.prod.website-files.com/5aa43322534e4a0001179757/5fef06aef528ec56df80a21c_iPhone%2012%20%7C%20Content.png");
  background-size: 450px;
}

.iphone._12.view-more {
  background-image: url("https://cdn.prod.website-files.com/5aa43322534e4a0001179757/5fef0e8601923a9994f6bc5b_iPhone%2012%20%7C%20View%20more.png");
  background-size: 450px;
}

.iphone._12-pro {
  width: 350px;
  min-width: 350px;
  height: 700px;
  min-height: 700px;
}

.iphone._12-pro.content-overflow {
  background-image: url("https://cdn.prod.website-files.com/5aa43322534e4a0001179757/5fef06ad2d25425f2725a9db_iPhone%2012%20Pro%20Max%20%7C%20Oircle%20Main%20Page.png");
  background-size: 485px;
}

.iphone._12-pro.begin-order {
  background-image: url("https://cdn.prod.website-files.com/5aa43322534e4a0001179757/5fef0e89c8595f00b5b21733_iPhone%2012%20Pro%20Max%20%7C%20Begin%20Order.png");
  background-size: 485px;
}

.iphone._12-pro.trending-news {
  background-image: url("https://cdn.prod.website-files.com/5aa43322534e4a0001179757/60a68d0cce31c463ff2090a6_Untitled%2030.png");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
}

.iphone._12-pro.let-s-talk {
  background-image: url("https://cdn.prod.website-files.com/5aa43322534e4a0001179757/60a7702d3f28b5dd21ceb553_Let's%20Talk.png");
  background-position: 50%;
  background-size: contain;
}

.iphone._12-pro.monthly-content {
  background-image: url("https://cdn.prod.website-files.com/5aa43322534e4a0001179757/60a7738f308f92b639ee06af_t-shirts.png");
  background-position: 50%;
  background-size: contain;
}

.iphone._12-pro.stack {
  background-image: url("https://cdn.prod.website-files.com/5aa43322534e4a0001179757/60c087a6629a5e98231b5c25_Apple%20Pay.png");
  background-position: 50%;
  background-size: contain;
  margin-left: -65px;
  margin-right: -65px;
}

.iphone._12-pro.stack.left {
  background-image: url("https://cdn.prod.website-files.com/5aa43322534e4a0001179757/60c087a77213df28301ffb5b_Oircle%20Reality.png");
}

.iphone._12-pro.stack.right {
  background-image: url("https://cdn.prod.website-files.com/5aa43322534e4a0001179757/60c087a90f637e4c4c85149f_Product%20Overview.png");
}

.navigationhub {
  height: 570px;
  margin-bottom: auto;
  margin-left: auto;
  margin-right: auto;
  padding-top: 90px;
  padding-left: 100px;
  padding-right: 100px;
  display: block;
  position: relative;
  top: 2500px;
}

.navigationhub.universal {
  z-index: 9999;
  height: auto;
  margin-top: 0;
  padding: 0 0 7.5px;
  font-family: Roboto, sans-serif;
  display: block;
  position: relative;
  top: 0;
}

.div-block-56 {
  border: 0 #000;
  border-top-color: #80808080;
  justify-content: flex-start;
  align-items: flex-end;
  height: auto;
  margin-top: 30px;
  padding: 20px 0 0;
  display: flex;
  position: static;
  inset: 50px 0 0;
}

.universal-information {
  text-transform: uppercase;
  width: auto;
  margin-top: 0;
  margin-bottom: 0;
  margin-right: 25px;
  padding-left: 10px;
  padding-right: 10px;
  font-family: Roboto, sans-serif;
  font-size: 12px;
  font-weight: 900;
  line-height: 12px;
  display: inline-block;
}

.bottom-button {
  color: var(--oircle-grim-gry);
  cursor: none;
  background-color: #0000;
  border-right: 1px solid #000;
  padding: 0 5px;
  font-family: Roboto, sans-serif;
  font-size: 12px;
  line-height: 12px;
}

.bottom-button:hover {
  color: var(--oircle-notification);
}

.bottom-button:active {
  color: var(--oircle-binding-blue);
}

.option-check {
  border-top: 0px solid var(--white);
  flex-direction: row;
  justify-content: space-around;
  align-items: flex-start;
  margin-left: auto;
  margin-right: auto;
  padding-left: 25px;
  padding-right: 25px;
  display: flex;
  position: static;
  bottom: 0;
  left: 0;
  right: 0;
}

.context-button {
  color: var(--oircle-grim-gry);
  text-transform: capitalize;
  background-color: #0000;
  justify-content: center;
  align-items: center;
  margin-top: 0;
  margin-bottom: 0;
  padding: 5px;
  font-family: Roboto, sans-serif;
  font-size: 15px;
  display: block;
}

.context-button:hover {
  color: var(--oircle-notification);
}

.operation-check {
  padding-left: 15px;
  padding-right: 15px;
}

.div-block-74 {
  border: 0 #000;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
  width: 75%;
  max-width: 1000px;
  margin-top: 20px;
  margin-left: auto;
  margin-right: auto;
  padding: 30px 100px;
}

.welcome-section {
  background-color: #505050;
  background-image: none;
  background-repeat: repeat;
  background-size: auto;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: absolute;
  inset: 0%;
}

.welcome-section.code-logo {
  background-color: #ececec;
  background-image: url("https://cdn.prod.website-files.com/5aa43322534e4a0001179757/5c0a0325b3ca0864c8db04af_CODE.png");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  display: flex;
}

.welcome-section.speech-section {
  background-image: url("https://cdn.prod.website-files.com/5aa43322534e4a0001179757/5e0361d20b1ac5829be3ba32_2f22ec57382609.59d3c7624a3e9.jpg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.swipe-up {
  cursor: none;
  width: 500px;
  height: 100px;
  margin-left: auto;
  margin-right: auto;
  display: block;
  position: absolute;
  bottom: 30px;
  left: 0;
  right: 0;
}

.heading-33 {
  opacity: 0;
  text-align: center;
  text-transform: uppercase;
  cursor: none;
  margin-top: 0;
  margin-bottom: 15px;
  font-family: Roboto, sans-serif;
}

.navigational-swipe {
  cursor: none;
  border-radius: 30px;
  width: 20%;
  height: 6px;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.navigational-swipe.e {
  background-color: #bcff0d;
  display: none;
}

.help-text-1 {
  color: #fff;
  text-align: left;
  max-width: 180px;
  font-family: Lato, sans-serif;
  font-size: 11px;
  position: absolute;
  bottom: 76vh;
  left: 10%;
}

.fixed-one {
  z-index: 10;
  width: 25%;
  margin-left: auto;
  margin-right: auto;
  display: none;
  position: fixed;
  bottom: 25vh;
  left: 10%;
}

.fixed-three {
  z-index: 10;
  width: 25%;
  margin-left: auto;
  margin-right: auto;
  display: block;
  position: fixed;
  bottom: 25vh;
  left: 10%;
}

.object-three {
  background-color: #fff;
  border-radius: 10px;
  justify-content: center;
  align-items: center;
  width: 25%;
  height: 50vh;
  padding-left: 20px;
  padding-right: 20px;
  display: flex;
  position: absolute;
  bottom: 25vh;
  left: 10%;
  box-shadow: 0 10px 50px #00000040;
}

.fixed-two {
  z-index: 10;
  width: 25%;
  margin-left: auto;
  margin-right: auto;
  display: block;
  position: fixed;
  bottom: 25vh;
  left: 10%;
}

.finished {
  opacity: 0;
  color: #fff;
  font-size: 32px;
  font-weight: 400;
  line-height: 32px;
  position: absolute;
  bottom: 80vh;
  left: 0;
  right: 0;
}

.object-two, .object-one {
  background-color: #fff;
  border-radius: 10px;
  justify-content: center;
  align-items: center;
  width: 25%;
  height: 50vh;
  padding-left: 20px;
  padding-right: 20px;
  display: flex;
  position: absolute;
  bottom: 25vh;
  left: 10%;
  box-shadow: 0 10px 50px #00000040;
}

.white {
  color: #fff;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  font-size: 70px;
  line-height: 66px;
  display: block;
}

.navigation-search {
  width: 40px;
  height: 55px;
  transition: all .4s;
  display: block;
  position: absolute;
  bottom: 60px;
  left: 50px;
}

.navigation-search:hover {
  width: 305px;
  height: 55px;
}

.search-button-5 {
  display: none;
}

.div-block-166 {
  background-color: #ddd;
  border-radius: 30px;
  height: 6px;
}

.search-input-4 {
  color: #f3f3f3;
  text-align: center;
  text-transform: capitalize;
  background-color: #0000;
  border: 0 solid #000;
  font-family: Roboto, sans-serif;
  font-weight: 500;
}

.content-of-the-month {
  background-color: #f3f3f3;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  margin-top: 20px;
  margin-bottom: 20px;
  padding-top: 19px;
  padding-bottom: 19px;
  padding-left: 30px;
  display: flex;
  position: relative;
}

.body {
  background-color: #0000;
}

.column-41 {
  z-index: 2;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.column-41._2 {
  align-items: flex-start;
}

.column-42 {
  clear: none;
  display: block;
}

.column-42.tv {
  z-index: 2;
  clear: none;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 100%;
  padding-right: 0;
  display: block;
  position: relative;
}

.row-15 {
  flex: 1;
}

.showcaseicon {
  background-color: #0000;
  background-image: url("https://cdn.prod.website-files.com/5aa43322534e4a0001179757/5c7e0177d43a3e5550b405e4_Oircle%20Store%20%7C%201080%20x%201080.png");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  border-radius: 45px;
  width: 200px;
  height: 200px;
}

.showcaseicon.small {
  background-color: #c53f3f;
  border-radius: 25px;
  width: 100px;
  min-width: 100px;
  max-width: 100px;
  height: 100px;
  min-height: 100px;
  max-height: 100px;
  position: relative;
  overflow: hidden;
}

.showcaseicon.oircle-store {
  background-image: url("https://cdn.prod.website-files.com/5aa43322534e4a0001179757/5afa8f70659d5b9da6e3ce5b_M.E.png");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  border-radius: 45px;
}

.showcaseicon.oircle-store.small {
  background-image: url("https://cdn.prod.website-files.com/5aa43322534e4a0001179757/5c7e0177d43a3e5550b405e4_Oircle%20Store%20%7C%201080%20x%201080.png");
  background-size: cover;
  border-radius: 25px;
  margin-top: 15px;
  margin-bottom: 15px;
}

.showcaseicon.iconoirclestore {
  border: 1px solid var(--hover-element-dynamic);
  background-image: url("https://cdn.prod.website-files.com/5aa43322534e4a0001179757/612e4d1772d9fd2704e4580a_Application%20Logotype.png");
  background-size: contain;
}

.oircle-ed {
  flex-direction: column;
  flex: 1;
  align-items: flex-start;
  display: flex;
}

.education-editors {
  background-image: url("https://cdn.prod.website-files.com/5aa43322534e4a0001179757/5c362121d62de81caa107d2c_pexels-photo-1438072.jpeg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  height: 800px;
  display: flex;
}

.oircle-education-element-contain {
  padding: 75px;
  transition: all .4s;
  position: relative;
  top: -140px;
}

.oircle-education {
  padding: 100px 99px;
}

.oircle-education-little-contain-title {
  margin-bottom: 10px;
  font-size: 24px;
  font-weight: 500;
  line-height: 30px;
}

.grey-line {
  background-color: #ddd3;
  height: 1px;
  margin-top: 65px;
  margin-bottom: 120px;
}

.feature-information {
  text-align: center;
  margin-bottom: 100px;
  padding-left: 9%;
  padding-right: 9%;
}

.teaching-with-oircle-educatuion {
  justify-content: center;
  align-items: flex-start;
  max-width: 500px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.text-span-24 {
  color: #fff;
  text-align: left;
  font-family: Roboto, sans-serif;
  font-size: 50px;
  font-weight: 500;
}

.oircle-education-promtoe-containt {
  margin-left: 20px;
}

.space {
  background-image: url("https://cdn.prod.website-files.com/5aa43322534e4a0001179757/5c08c2f73ae94580f3d9baa6_SPACE.png");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  border: 1px solid #d8d8d833;
  border-radius: 25px;
  width: 100px;
  height: 100px;
}

.code {
  background-image: url("https://cdn.prod.website-files.com/5aa43322534e4a0001179757/5c0a0325b3ca0864c8db04af_CODE.png");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  border: 1px solid #d8d8d833;
  border-radius: 25px;
  width: 100px;
  height: 100px;
}

.speech {
  background-image: url("https://cdn.prod.website-files.com/5aa43322534e4a0001179757/5c29f65c77f2836248a089f7_SPEECH.png");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  border: 1px solid #d8d8d833;
  border-radius: 25px;
  width: 100px;
  height: 100px;
}

.cook {
  background-image: url("https://cdn.prod.website-files.com/5aa43322534e4a0001179757/5c0a03421e0b0277b63d5fdd_COOK.png");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  border: 1px solid #d8d8d833;
  border-radius: 25px;
  width: 100px;
  height: 100px;
}

.heading-69 {
  text-align: left;
  line-height: 50px;
}

.text-span-25 {
  color: #41226c;
}

.text-span-26 {
  color: #1aa0e0;
}

.text-span-27 {
  color: #d41367;
}

.oircle-education-element-contain-delegate {
  margin-bottom: 20px;
}

.oircle-education-element-contain-delegate.sub {
  margin-top: 70px;
}

.main-heads {
  color: #505050;
  margin-top: 0;
  margin-bottom: 10px;
  font-family: Roboto, sans-serif;
  font-size: 20px;
  display: block;
}

.heading-87 {
  color: #1aa0e0;
  flex-flow: row;
  place-content: flex-start center;
  align-items: flex-start;
  margin-top: 5px;
  margin-left: 5px;
  margin-right: 5px;
  font-size: 38px;
  display: flex;
  position: absolute;
  top: 0;
  left: 0;
}

.heading-87._2 {
  color: #98bf32;
}

.heading-87._3 {
  color: #d41367;
}

.text-span-37 {
  color: #ddd;
  flex-direction: row;
  justify-content: center;
  align-items: flex-start;
  font-size: 20px;
  line-height: 20px;
  display: block;
  position: static;
}

.content-1 {
  display: block;
}

.privacy-matters-elements-contain {
  background-image: url("https://cdn.prod.website-files.com/5aa43322534e4a0001179757/5aef59336154a8acf3b2ea1e_hero2.jpg");
  background-position: 0 0;
  background-size: cover;
  width: 100%;
  height: 100vh;
  position: fixed;
  inset: 0;
}

.content-2 {
  opacity: 0;
  display: none;
}

.heading-95 {
  color: #41226c;
  font-family: Roboto, sans-serif;
  font-weight: 700;
}

.heading-95.learn {
  color: #1aa0e0;
}

.heading-95.teach {
  color: #d41367;
}

._123 {
  background-image: url("https://cdn.prod.website-files.com/5aa43322534e4a0001179757/5b3be35609656e0ee98cf5e4_icons8-123.png");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 200px;
  height: 100px;
  margin-left: 10px;
}

.product-button {
  color: #a0a0a0;
  cursor: pointer;
  background-color: #0000;
  border: 1px solid #ddd;
  border-top-style: dashed;
  border-radius: 0 0 20px 20px;
  justify-content: center;
  align-items: center;
  width: auto;
  height: 40px;
  margin-left: 0;
  margin-right: 0;
  font-weight: 900;
  display: flex;
}

.product-button:hover {
  color: #1aa0e0;
  background-color: #f3f3f3;
}

.product-button.radio-transiton {
  border: 1px solid #ddd;
}

.product-button.request-approval {
  border-style: none;
  border-radius: 0;
}

.product-button.request-approval:hover {
  background-color: #0000;
}

.name {
  border-top: 1px solid #000;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 15px;
  padding-top: 20px;
  display: flex;
}

.checkbox-label {
  margin-bottom: 0;
}

.content-splash {
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  width: 100%;
  max-width: 1500px;
  min-height: 100vh;
  margin-left: auto;
  margin-right: auto;
  padding: 0;
  display: block;
  position: relative;
  overflow: visible;
}

.hover-text-imput {
  cursor: text;
  border: 1px solid #ddd;
  border-radius: 20px;
  width: 400px;
  height: 60px;
  margin-top: 20px;
  margin-bottom: 20px;
  transition: all .4s;
}

.hover-text-imput:hover {
  box-shadow: 0 0 20px #00000040;
}

.hover-text-imput.centered {
  text-align: center;
  border-width: 0;
  border-radius: 30px;
  flex: 1;
  width: auto;
  height: 85px;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 20px;
}

.hover-text-imput.centered:hover {
  box-shadow: none;
  color: var(--oircle-organic-orange);
}

.presenter-view-section {
  justify-content: center;
  align-items: center;
  height: 100vh;
  display: flex;
}

.presenter-view {
  background-color: #0000;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  height: 100%;
  padding-left: 30px;
  display: flex;
  position: relative;
}

.oircle-os-portrait-contain-delgate {
  z-index: 40;
  background-color: #0000;
  background-image: url("https://cdn.prod.website-files.com/5aa43322534e4a0001179757/5dac2832d26b0ab0ddd56f49_hugo-message-sent.png");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  justify-content: center;
  align-items: center;
  width: 50%;
  height: 100%;
  display: flex;
  position: fixed;
  top: 0;
  bottom: 0;
  right: 0;
}

.heading-129 {
  margin-top: 0;
  margin-bottom: 0;
  font-family: Roboto, sans-serif;
  font-size: 50px;
  line-height: 55px;
}

.heading-130 {
  color: #ddd;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Roboto, sans-serif;
}

.outlet-one {
  z-index: 50;
  background-color: #0000;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  min-height: 50vh;
  padding-top: 100px;
  padding-bottom: 60px;
  font-family: Roboto, sans-serif;
  display: flex;
  position: relative;
}

.quick-view-outlet-section {
  z-index: 80;
  border-left: 1px solid #0000002e;
  flex-direction: column;
  justify-content: center;
  align-items: stretch;
  width: 175px;
  margin-bottom: 20px;
  margin-left: 20px;
  display: flex;
  position: fixed;
  bottom: 0;
  left: 0;
}

.outlet-button {
  color: #ddd;
  border-left: 1px solid #0000;
  padding-left: 15px;
  font-size: 15px;
  line-height: 20px;
  text-decoration: none;
}

.outlet-button:hover, .outlet-button.w--current {
  color: #505050;
  border-left-color: #000;
}

.outlet-two, .outlet-three, .outlet-four, .outlet-five {
  z-index: 50;
  background-color: #0000;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  min-height: 50vh;
  padding-top: 50px;
  padding-bottom: 50px;
  display: flex;
  position: relative;
}

.outlet-six {
  z-index: 50;
  background-color: #0000;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  min-height: 50vh;
  padding-top: 53px;
  padding-bottom: 53px;
  display: flex;
  position: relative;
}

.outlet-seven {
  z-index: 50;
  background-color: #0000;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  min-height: 50vh;
  padding-top: 50px;
  padding-bottom: 50px;
  display: flex;
  position: relative;
}

.showcasecontaindelegate {
  background-color: var(--element-dynamic);
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 70px;
  padding-top: 200px;
  padding-bottom: 70px;
  display: flex;
  position: relative;
}

.showcasetitle {
  text-align: center;
  font-size: 70px;
  line-height: 85px;
}

.devider {
  border-top: 1px solid #a0a0a0;
  width: 25vw;
  height: 5px;
  margin: 55px auto;
  padding: 0;
  display: block;
  position: static;
}

.start-contributing {
  text-align: center;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: auto;
  margin-top: 20px;
  margin-bottom: 20px;
  padding-top: 15px;
  padding-bottom: 65px;
  font-family: Roboto, sans-serif;
  display: flex;
  position: relative;
}

.showcasecontenticon {
  flex-direction: column;
  align-items: center;
  display: flex;
}

.cart {
  z-index: 1000;
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: 40px;
  justify-content: center;
  width: 411px;
  margin-top: 20px;
  margin-bottom: 20px;
  margin-right: 20px;
  padding: 15px 25px 25px;
  font-family: Roboto, sans-serif;
  transition: all .4s;
  display: flex;
  position: fixed;
  top: 0;
  bottom: 0;
  right: 0;
}

.cart:hover {
  box-shadow: 0 0 20px #00000040;
}

.dismis-button {
  border-radius: 25px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 50px;
  height: 50px;
  font-size: 30px;
  line-height: 25px;
  display: flex;
  position: absolute;
  top: 15px;
  right: 15px;
}

.dismis-button.product-button {
  border: 1px solid #ddd;
  top: -15px;
  right: -15px;
}

.card-2 {
  border: 1px solid var(--white-smoke);
  color: #fff;
  text-shadow: 0 0 10px #0003;
  border-radius: 3vh;
  justify-content: center;
  align-items: center;
  width: 500px;
  height: 100px;
  font-family: Roboto, sans-serif;
  font-size: 20px;
  text-decoration: none;
  display: flex;
  position: relative;
  overflow: hidden;
}

.div-block {
  background-image: none;
  background-repeat: repeat;
  background-size: auto;
  background-attachment: scroll;
  padding: 7.5px;
}

.splash-screen {
  z-index: 999;
  background-color: #fff;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100vw;
  height: 100vh;
  display: none;
  position: fixed;
  inset: 0;
  overflow: visible;
}

.animation {
  background-image: url("https://cdn.prod.website-files.com/5aa43322534e4a0001179757/5bbb8f6a96fa784bcbd76152_geometry.gif");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  justify-content: center;
  align-items: center;
  width: 600px;
  height: 600px;
  display: flex;
}

.universal-product-element {
  color: #a0a0a0;
  cursor: none;
  background-color: #0000;
  align-items: flex-start;
  margin-right: 24px;
  padding-left: 0;
  padding-right: 0;
  font-size: 18px;
  text-decoration: none;
}

.universal-product-element:hover {
  color: var(--oircle-notification);
}

.paragraph-text {
  text-align: center;
  width: 50%;
  margin-bottom: 20px;
  font-size: 22px;
  line-height: 25px;
}

.paragraph-text.dead-center {
  width: 70%;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.snippet-detail-view {
  text-transform: uppercase;
  margin: 5px 5px 5px 20px;
  font-size: 7px;
  line-height: 7px;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}

.uiproductlegalsnippet {
  color: var(--white);
  text-align: center;
  text-transform: uppercase;
  padding: 10px;
  font-size: 7px;
  position: absolute;
  inset: auto 0% 0%;
}

.uiproductlegalsnippet.dark-text {
  z-index: 2;
  color: var(--oircle-default-gry);
  text-align: left;
  padding: 20px;
}

.uiproductlegalsnippet.dark-text.promo {
  color: var(--oircle-default-gry);
}

.uiproductlegalsnippet.dark-text.ar-support {
  color: var(--white);
}

.uiproductlegalsnippet.uinewslegalsnippet {
  line-height: 7px;
}

.caption-before-title {
  color: #a0a0a0;
  text-align: left;
}

.world-tours {
  color: #fff;
  cursor: pointer;
  background-image: radial-gradient(circle at 0 0, #488aec, #f1137e);
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  margin: 20px;
  padding: 101px 50% 101px 50px;
  font-family: Roboto, sans-serif;
  text-decoration: none;
  transition: all .4s;
  display: flex;
}

.world-tours:hover {
  color: #fff;
  margin-left: 0;
  margin-right: 0;
}

.search-16 {
  color: #f3f3f3;
}

.fontawesome-container {
  z-index: 3;
  justify-content: center;
  align-items: center;
  width: auto;
  height: auto;
  display: flex;
  position: absolute;
  top: 40px;
  right: 41px;
  transform: rotate(45deg);
}

.oircle-store-promote-title {
  color: var(--oircle-default-gry);
  text-align: left;
  text-transform: none;
  width: 50%;
  font-size: 20px;
  line-height: 26px;
  display: inline-block;
  position: relative;
}

.background-circle-small {
  z-index: 1;
  background-color: #fff3;
  border-radius: 10000px;
  width: 0;
  height: 0;
  position: absolute;
  top: 45px;
  right: 45px;
}

.flex-content {
  z-index: 15;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  height: 100%;
  display: flex;
  position: relative;
}

.oircle-store-promote-contain {
  flex-wrap: wrap;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  width: 100vw;
  display: flex;
  overflow: visible;
}

.oircle-store-promote-paragraph {
  color: var(--oircle-default-gry);
  text-align: left;
  align-items: flex-start;
  font-size: 15px;
  font-weight: 500;
  line-height: 20px;
  display: flex;
  position: relative;
}

.background-circle {
  z-index: 0;
  background-color: #0098ff;
  border-radius: 10000px;
  width: 70px;
  height: 70px;
  position: absolute;
  top: 15px;
  right: 15px;
}

.oircle-store-introduction-contribution {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-bottom: 20px;
  padding-left: 15%;
  padding-right: 15%;
  display: flex;
}

.oircle-store-contain-super-delegate {
  flex-wrap: wrap;
  place-content: stretch center;
  align-items: center;
  display: flex;
}

.oircle-store-promote-super-contain {
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  display: flex;
}

.oircle-store-promote-delegate {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  color: #000;
  cursor: default;
  flex-direction: column;
  grid-template-rows: auto auto auto;
  grid-template-columns: 1fr 1fr 1fr;
  justify-content: space-between;
  align-items: flex-start;
  width: 300px;
  height: 400px;
  margin: 10px;
  padding: 35px 50px 50px;
  text-decoration: none;
  display: block;
  position: relative;
  overflow: hidden;
}

.image-92 {
  width: 40px;
  margin-top: 30px;
  margin-right: 30px;
  position: absolute;
  top: 0;
  right: 0;
}

.menu-indicators {
  z-index: 1001;
  border-radius: 50%;
  flex-direction: column;
  justify-content: center;
  align-items: stretch;
  width: 75px;
  height: 75px;
  margin: auto;
  transition: none;
  display: flex;
  position: fixed;
  inset: 0% 0% auto;
}

.indicators {
  background-image: linear-gradient(#80797980, #80797980);
  border-radius: 30px;
  width: 60px;
  height: 6px;
  margin: 3px auto;
  display: block;
}

.indicators.left-side {
  width: 33px;
  margin-left: 8px;
}

.indicators.right-side {
  width: 33px;
  margin-right: 8px;
}

.indicators.white-edition {
  background-color: #fff;
}

.navigation {
  height: 0;
  display: none;
}

.product-button-motion {
  background-color: var(--white-smoke);
  cursor: pointer;
  border-radius: 15px;
  flex: none;
  justify-content: center;
  align-items: center;
  height: 50px;
  margin-left: 20px;
  margin-right: 20px;
  padding: 30px 45px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.cart-2 {
  z-index: 1000;
  float: right;
}

.cart-header {
  border-bottom-style: none;
  border-bottom-width: 0;
  flex: 0 auto;
  padding: 15px 25px 15px 15px;
  display: none;
}

.cart-form-wrapper {
  height: 82%;
  overflow: scroll;
}

.default-state {
  overflow: scroll;
}

.cart-button-3 {
  z-index: 999;
  background-color: #0000;
  border: 0 solid #ddd;
  border-radius: 0 0% 0% 0;
  flex-direction: row;
  justify-content: center;
  width: 75px;
  height: 75px;
  margin: 20px;
  padding: 0;
  transition: all .4s;
  position: fixed;
  top: 0;
  right: 0;
}

.cart-button-3:hover {
  transform: translate(0);
}

.cart-quantity-2 {
  color: #1aa0e0;
  background-color: #0000;
  background-image: url("https://cdn.prod.website-files.com/5aa43322534e4a0001179757/5bf7dc9d90b6c7161e80d24f_Baggy%20x1.png");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  border-radius: 0 0% 0% 0;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  margin-left: 0;
  padding-top: 17px;
  padding-left: 25px;
  padding-right: 25px;
  font-size: 25px;
  line-height: 50px;
  display: flex;
  position: static;
  inset: 0;
}

.cart-wrapper {
  z-index: 1000;
}

.cart-item, .cart-quantity-3 {
  justify-content: center;
  align-items: center;
}

.cart-footer {
  border-top-style: dashed;
  border-top-color: #ddd;
  padding-bottom: 0;
  padding-left: 0;
  padding-right: 0;
}

.cart-line-item {
  margin-left: 25px;
  margin-right: 25px;
}

.div-block-672 {
  flex-direction: column;
  justify-content: center;
  align-items: stretch;
  height: 70px;
  padding: 10px;
  display: flex;
}

.error-state {
  background-color: #0000;
  border-radius: 25px;
  margin: 20px;
  padding: 15px;
  position: fixed;
  inset: auto auto 0% 0%;
}

.text-block-70 {
  text-transform: none;
}

.oircle-store-digital {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: column wrap;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  height: 100vh;
  display: block;
  position: relative;
  overflow: auto;
}

.error-message-3 {
  text-align: center;
  text-transform: uppercase;
}

.image-101 {
  width: 80px;
  height: 80px;
}

.link-block-40 {
  color: #505050;
  cursor: pointer;
  padding: 10px;
  text-decoration: none;
  position: absolute;
  top: 20px;
  right: 20px;
}

.link-block-40:hover {
  color: #ddd;
}

.vertical-nav {
  z-index: 899;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 25px;
  height: auto;
  margin-bottom: 11px;
  margin-left: 75px;
  margin-right: 10px;
  display: flex;
  position: fixed;
  bottom: 0;
  right: 0;
}

.vertical-indicator {
  cursor: pointer;
  background-color: #ddd;
  border-radius: 100px;
  width: 5px;
  height: 30px;
  margin: 5px;
  transition: all .5s;
  position: relative;
}

.vertical-indicator.w--current {
  background-color: #505050;
  height: 40px;
}

.fontawesome-close {
  color: #ddd;
  text-align: center;
  cursor: pointer;
  justify-content: center;
  align-items: center;
  font-size: 20px;
  font-weight: 900;
  line-height: 20px;
  display: flex;
  position: absolute;
  right: 15px;
}

.fontawesome-close:hover {
  color: #fe4242;
}

.search-open-trigger {
  z-index: 10;
  color: #0000;
  cursor: pointer;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0;
}

.copyright-text-section {
  text-align: center;
  margin-bottom: 27px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 25px;
  padding-right: 25px;
  display: none;
  position: relative;
  bottom: 0;
  left: 0;
  right: 0;
}

.oircle-shortcut {
  background-image: url("https://cdn.prod.website-files.com/5aa43322534e4a0001179757/5afbefdcab090f6640d98174_5a0aa0c3e1339f0001a8e6da_Pattern_20heading.png"), linear-gradient(225deg, #fff, #ddd8d8);
  background-position: 50%, 0 0;
  background-repeat: repeat, repeat;
  background-size: 400px, auto;
  background-attachment: fixed, scroll;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-top: 23px;
  margin-bottom: 23px;
  padding-top: 30px;
  padding-bottom: 30px;
  display: flex;
  position: relative;
}

.oircle-api {
  background-image: url("https://cdn.prod.website-files.com/5aa43322534e4a0001179757/5c25fa4f4fdbba475cbffbb9_download.png");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border: 1px solid #50505059;
  border-radius: 40px;
  width: 175px;
  min-width: 175px;
  max-width: 175px;
  height: 175px;
  min-height: 175px;
  max-height: 175px;
  margin-top: 26px;
  margin-bottom: 26px;
}

.paragraph-109 {
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.list-item-3 {
  width: 70%;
  padding: 36px 46px;
  display: flex;
  position: relative;
}

.ordered-list {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-top: 31px;
  display: flex;
}

.paragraph-110 {
  text-align: center;
  width: 40%;
  margin-bottom: 15px;
}

.text-block-82 {
  color: #fff;
  margin-bottom: 26px;
}

.text-span-52 {
  color: #0000;
  background-image: url("https://cdn.prod.website-files.com/5aa43322534e4a0001179757/5be3226473dd9761b868b205_Share%20Button.png");
  background-position: 50% 72%;
  background-repeat: no-repeat;
  background-size: contain;
  margin-left: 5px;
  margin-right: 5px;
  font-size: 50px;
  line-height: 20px;
}

.heading-169 {
  margin-left: 11px;
  margin-right: 11px;
}

.heading-170 {
  margin-top: 10px;
  margin-bottom: 5px;
}

.paragraph-111 {
  text-align: center;
  width: 60%;
  margin-top: 5px;
}

.text-block-85 {
  margin-bottom: 20px;
}

.link-block-47 {
  background-color: var(--white-smoke);
  color: #333;
  text-align: center;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  margin-top: 23px;
  margin-bottom: 23px;
  padding: 46px 151px;
  font-weight: 500;
  text-decoration: none;
  display: flex;
}

.link-block-47:hover {
  color: #333;
}

.oircle-news-logotype {
  background-image: url("https://cdn.prod.website-files.com/5aa43322534e4a0001179757/60a544357e4d68026bfecccf_Single%203D%20Icon.png");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 450px;
  min-width: 450px;
  max-width: 450px;
  height: 450px;
  min-height: 450px;
  max-height: 450px;
  margin-right: 0;
  position: relative;
}

.oircle-news-logotype.uinewsbannericon {
  width: 150px;
  min-width: 150px;
  max-width: 150px;
  height: 150px;
  min-height: 150px;
  max-height: 150px;
}

.oircle-news-paragraph {
  color: var(--white);
  text-align: center;
  max-width: 500px;
  margin-top: 0;
  margin-bottom: 20px;
  font-size: 20px;
  font-weight: 500;
  line-height: 25px;
  position: relative;
}

.oircle-news-paragraph.uinewsbannertext {
  margin-bottom: 0;
  font-size: 12px;
  line-height: 15px;
}

.oircle-news-paragraph-contain {
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 50%;
  margin-top: 15px;
  margin-bottom: 46px;
  display: block;
  position: relative;
}

.faq-question {
  cursor: pointer;
  align-items: center;
  height: 90px;
  font-size: 22px;
  font-weight: 800;
  display: flex;
}

.link {
  color: var(--oircle-notification);
  cursor: pointer;
  font-weight: 900;
}

.link:hover {
  color: var(--oircle-grim-gry);
  font-family: Roboto, sans-serif;
}

.div-block-776 {
  align-items: stretch;
  display: flex;
}

.gryscalebutton {
  background-color: #0000;
  border-radius: 35px;
  flex: none;
  width: auto;
  margin: 5px 6px;
  padding: 15px 25px;
  position: relative;
}

.gryscalebutton:hover {
  background-image: linear-gradient(to bottom, var(--oircle-notification), var(--oircle-notification));
  color: #fff;
}

.gryscalebutton:active {
  background-image: linear-gradient(to bottom, var(--oircle-binding-blue), var(--oircle-binding-blue));
}

.gryscalebutton.arror {
  filter: brightness(75%);
  background-color: #0000;
  background-image: url("https://cdn.prod.website-files.com/5aa43322534e4a0001179757/5da1e568009bb88a2e24bca3_arrow.right.png");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 50%;
  flex: 1;
  justify-content: center;
  align-items: center;
  margin: 0;
  font-size: 0;
  display: block;
  position: absolute;
  inset: 0%;
}

.gryscalebutton.arror:active {
  background-position: 500%;
}

.gryscalebutton.arror.login {
  border-radius: 50%;
  width: 55px;
  height: 55px;
  margin-left: auto;
  margin-right: auto;
  display: block;
  position: relative;
}

.gry-scale-type {
  background-color: var(--white-smoke);
  border: 0 solid #0000;
  border-radius: 20px;
  height: 55px;
  min-height: 55px;
  max-height: 55px;
  margin-top: 5px;
  margin-bottom: 5px;
}

.gry-scale-type.with-scale-line {
  border-width: 0 0 2px;
  border-color: var(--white-smoke) var(--white-smoke) var(--element-dynamic);
  background-color: #0000;
  border-radius: 0;
  flex: 1;
  align-items: center;
  margin-left: 5px;
  margin-right: 5px;
  padding-left: 15px;
  padding-right: 15px;
  display: flex;
}

.gry-scale-type.with-scale-line.white {
  border-bottom-color: var(--element-dynamic);
  color: var(--oircle-default-gry);
  text-align: left;
  font-size: 14px;
  line-height: 14px;
}

.news {
  display: inline-block;
}

.outlet-section {
  margin-left: 20%;
  margin-right: 0;
}

.outlet-title-section {
  margin-top: 0;
  margin-bottom: 0;
}

.outlet-para {
  text-align: left;
  align-self: stretch;
  padding-right: 30px;
  font-size: 20px;
  line-height: 25px;
}

.planet-overview-section {
  background-image: linear-gradient(#00000038 45%, #000), url("https://cdn.prod.website-files.com/5aa43322534e4a0001179757/5b8594ee0b8e78633f2015a1_1.jpg");
  background-position: 0 0, 50%;
  background-size: auto, 20%;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100vw;
  min-height: 100vh;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: relative;
  overflow: hidden;
}

.div-block-822 {
  background-image: url("https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg");
  background-position: 50% 0;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 0%;
  width: 100%;
  height: 150%;
  margin-left: auto;
  margin-right: auto;
  position: absolute;
  inset: 33% auto 0%;
}

.heading-193 {
  color: #fff;
  text-align: center;
  letter-spacing: 50px;
  text-indent: 50px;
  text-transform: uppercase;
  justify-content: center;
  align-items: center;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Roboto, sans-serif;
  font-size: 75px;
  line-height: 80px;
  position: absolute;
  inset: auto;
}

.div-block-823 {
  justify-content: flex-end;
  align-items: center;
  min-height: 75px;
  padding: 1px 56px;
  display: flex;
  position: absolute;
  inset: auto 0% 0%;
}

.text-block-102 {
  color: #f3f3f3;
  text-transform: uppercase;
  margin-bottom: 3px;
  font-family: Roboto, sans-serif;
  font-weight: 900;
}

.text-block-102.num {
  color: #a0a0a0;
  text-transform: none;
  font-weight: 400;
}

.sm {
  margin-left: 8px;
  margin-right: 8px;
}

.au-section {
  justify-content: space-between;
  align-items: center;
  height: 400px;
  padding-top: 0;
  padding-bottom: 0;
  padding-left: 40px;
  display: flex;
  position: relative;
}

.div-block-824 {
  background-color: #0000;
  border: 1px solid #000;
  border-left: 1px dashed #ddd;
  border-radius: 100%;
  justify-content: flex-start;
  align-items: center;
  min-width: 100px;
  height: 300px;
  margin-top: 21px;
  margin-bottom: 21px;
  display: flex;
  position: relative;
}

.div-block-824.sun {
  border: 1px solid #ddd;
  width: 350px;
  min-width: 350px;
  height: 350px;
  padding-bottom: 95px;
  padding-left: 40px;
}

.content {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template: ". . . . ."
                 ". . . . ."
                 ". . . . ."
                 ". . . . ."
                 ". . . . ."
                 / 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  min-height: 100vh;
  padding: 21px;
  display: grid;
}

.div-block-825 {
  background-color: #b94242;
  border-radius: 50%;
  width: 75px;
  height: 75px;
  position: absolute;
  inset: auto auto auto -30%;
}

.div-block-826 {
  align-items: center;
  margin-bottom: auto;
  display: flex;
}

.text-block-103 {
  color: #a8a6a6;
  margin-right: 5px;
}

.text-block-103.num {
  color: #ddd;
}

.text-block-104 {
  margin-bottom: 5px;
  margin-left: 13px;
  font-size: 12px;
  line-height: 15px;
  position: absolute;
  inset: auto auto 0% 0%;
}

.collection-list-21 {
  display: flex;
}

.div-block-827 {
  position: absolute;
  inset: auto auto 0% 0%;
}

.div-block-828 {
  align-items: center;
  display: flex;
}

.text-block-105 {
  color: #a8a6a6;
  margin-right: 5px;
}

.text-block-105.num {
  color: #ddd;
}

.collection-item-18 {
  margin-left: 21px;
  margin-right: 21px;
}

.text-block-106 {
  color: #fff;
  margin-top: auto;
}

.body-33 {
  background-color: #000;
}

.text-block-107 {
  align-self: center;
  font-family: Roboto, sans-serif;
  font-size: 100px;
  font-weight: 900;
}

.caption-text {
  color: #ddd;
  text-transform: uppercase;
  margin-bottom: 5px;
  font-weight: 900;
  line-height: 14px;
}

.caption-text.step-title {
  color: #a0a0a0;
}

.div-block-830 {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.moon-trai {
  border: 3px dashed #f3f3f3;
  border-radius: 550%;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 300px;
  height: 300px;
  display: flex;
  position: relative;
}

.moon-trai.middle {
  width: 250px;
  height: 250px;
}

.moon-trai.smallest {
  width: 200px;
  height: 200px;
}

.moon-trai.tiny {
  width: 150px;
  height: 150px;
}

.moon-trai.plan-net {
  background-color: #f3f3f3;
  border-style: none;
  width: 75px;
  height: 75px;
}

.text-eliment {
  padding: 11px 10px;
}

.nextup-section {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template: ". . . . ."
                 ". . . . ."
                 ". . . . ."
                 ". . . . ."
                 ". . . . ."
                 / 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  min-height: 75vh;
  padding: 25px;
  display: grid;
}

.link-contain-section {
  background-color: #0000;
  justify-content: center;
  align-items: center;
  min-height: 50vh;
  text-decoration: none;
  display: flex;
}

.div-block-832 {
  background-color: #0000;
  flex-direction: column;
  justify-content: center;
  align-self: stretch;
  align-items: flex-start;
  width: 40%;
  padding: 22px 22px 22px 10px;
  display: flex;
}

.div-block-833 {
  background-image: url("https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg");
  background-position: 100%;
  background-repeat: no-repeat;
  background-size: contain;
  flex: 1;
  align-self: stretch;
}

.next-2 {
  color: #a0a0a0;
  background-color: #0000;
  border-style: none;
  border-color: #0000;
  margin-right: 0;
  padding-left: 0;
}

.next-2:hover {
  color: #1aa0e0;
}

.heading-195 {
  color: #ddd;
  margin-top: 0;
  margin-bottom: 8px;
}

.text-block-108 {
  color: #a0a0a0;
  font-size: 12px;
  line-height: 15px;
}

.text-block-109 {
  text-transform: uppercase;
}

.icon-2, .icon-3 {
  display: none;
}

.pagination {
  justify-content: center;
  align-items: center;
  padding-top: 9px;
  padding-bottom: 9px;
}

.text-block-110 {
  text-transform: uppercase;
}

.div-block-834 {
  overflow: hidden;
}

.paragraph-120 {
  color: #a0a0a0;
}

.menu-view {
  background-color: #000;
  background-image: linear-gradient(#000, #00000003), url("https://cdn.prod.website-files.com/5aa43322534e4a0001179757/5ae0de4dd640b00ad6a5d318_Earth.JPG");
  background-position: 0 0, 100%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
  min-height: 75vh;
  padding: 10px 10px 75px;
  position: relative;
  overflow: scroll;
}

.menu-view.space_menu {
  z-index: 60;
}

.error-message-4 {
  background-color: #ffdede;
  position: fixed;
  inset: auto auto 3% 3%;
}

.text-block-114 {
  text-align: left;
}

.link-35 {
  color: #a0a0a0;
  cursor: pointer;
}

.link-35:hover {
  color: #1aa0e0;
}

.div-block-843 {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.link-block-60 {
  color: #505050;
  cursor: pointer;
  flex: 1;
  align-items: center;
  padding: 10px;
  text-decoration: none;
  display: flex;
}

.div-block-844 {
  flex-wrap: wrap;
  flex: 1;
  place-content: stretch flex-start;
  align-items: center;
  padding: 10px;
  display: flex;
}

.div-block-845 {
  background-image: url("https://cdn.prod.website-files.com/5aa43322534e4a0001179757/5c08c2f73ae94580f3d9baa6_SPACE.png");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  border-radius: 20px;
  width: 100px;
  height: 100px;
}

.heading-200 {
  color: #ddd;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
}

.div-block-846 {
  margin-left: 20px;
}

.form-5 {
  justify-content: flex-end;
  align-items: center;
  width: 100%;
  display: flex;
}

.text-field-12 {
  cursor: text;
  background-color: #46464652;
  border: 1px #000;
  border-top-left-radius: 30px;
  border-bottom-left-radius: 30px;
  width: 60%;
  height: 50px;
  margin-bottom: 0;
  margin-right: auto;
  padding-left: 30px;
  padding-right: 55px;
}

.form-block-4 {
  width: 100%;
  margin-bottom: 0;
  display: flex;
  position: relative;
}

.submit-button-7 {
  cursor: pointer;
  border-radius: 0 30px 30px 0;
  width: 125px;
  height: 50px;
  position: relative;
  right: 30%;
}

.text-block-115 {
  color: #ddd;
  min-width: 500px;
  margin-bottom: 10px;
  margin-left: 10px;
  margin-right: 10px;
}

.div-block-847 {
  justify-content: space-between;
  align-items: center;
  height: 75px;
  margin-left: 10px;
  margin-right: 10px;
  display: flex;
  position: absolute;
  inset: auto 0% 0%;
}

.div-block-848 {
  flex-direction: column;
  flex: 1;
  justify-content: center;
  align-self: stretch;
  align-items: center;
  display: flex;
}

.div-block-849 {
  flex: 1;
  justify-content: space-around;
  align-self: stretch;
  align-items: center;
  display: flex;
}

.link-36 {
  color: #fff;
  text-transform: uppercase;
  margin-left: 5px;
  margin-right: 5px;
  text-decoration: none;
}

.div-block-851 {
  margin-top: 10px;
}

.text-block-116 {
  color: #a0a0a0;
}

.heading-201 {
  color: #fff;
  text-align: left;
}

.heading-201.smalll {
  color: #333;
  text-transform: uppercase;
  margin-top: 10px;
  font-size: 25px;
  line-height: 30px;
}

.paragraph-123 {
  width: 50%;
}

.link-37 {
  color: #ddd;
  cursor: pointer;
  margin-top: 10px;
  margin-bottom: 10px;
  padding: 5px;
  font-size: 20px;
  text-decoration: none;
  display: block;
}

.link-37:hover {
  color: #1aa0e0;
}

.link-37.p {
  margin: 5px 6px;
  display: inline-block;
}

.column-59 {
  padding-left: 25px;
  padding-right: 25px;
}

.success-message-2 {
  background-color: #46464652;
  border-radius: 20px;
  width: 80%;
}

.text-block-118 {
  display: inline;
}

.error-message-5 {
  z-index: 90;
  border-radius: 15px 0 0;
  margin-top: auto;
  margin-bottom: auto;
  position: fixed;
  inset: auto 0% 0% auto;
}

.text-block-119 {
  width: auto;
  font-size: 12px;
  line-height: 13px;
}

.div-block-852 {
  padding-right: 20px;
}

.body-34 {
  background-color: #000;
}

.div {
  width: 100%;
  height: 100%;
  display: none;
  position: relative;
}

.education-menu {
  z-index: 101;
  text-align: center;
  cursor: pointer;
  background-image: linear-gradient(#1aa0e0, #06f);
  border-radius: 20px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 150px;
  height: 300px;
  margin: 10px;
  padding: 10px;
  font-size: 50px;
  text-decoration: none;
  display: flex;
  position: fixed;
  inset: 0% auto auto 0%;
}

.education-menu.w--current {
  inset: auto auto 0% 0%;
}

.section-52 {
  margin-left: 160px;
  margin-right: 360px;
}

.contain-buttons {
  flex-direction: column;
  justify-content: flex-end;
  align-items: center;
  width: 150px;
  margin: 10px;
  display: flex;
  position: fixed;
  inset: 0% auto auto 0%;
}

.link-block-63 {
  background-color: #fff0;
  background-image: url("https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 55px;
  width: 100px;
  height: 100px;
  margin-top: 5px;
  margin-bottom: 5px;
}

.link-block-63.home {
  background-image: url("https://cdn.prod.website-files.com/5aa43322534e4a0001179757/5c6508646c778d0a5cf9a486_Home.png");
}

.cook-title {
  text-align: left;
  margin-top: 10px;
  font-size: 70px;
  line-height: 70px;
}

.paragraph-127 {
  margin-right: 85px;
}

.div-block-868 {
  margin: 15px;
}

.div-block-869 {
  margin: 20px 0 20px 16px;
}

.shoppinglistcontain {
  z-index: 99;
  background-color: #0000;
  justify-content: flex-start;
  padding-top: 16px;
  padding-bottom: 16px;
  padding-left: 17px;
  display: flex;
  position: sticky;
  top: 0;
  overflow: scroll;
}

.shoppinglistcontain.one-button {
  z-index: 98;
  padding-top: 0;
  padding-bottom: 0;
}

.button-44 {
  color: #fff;
  background-image: linear-gradient(45deg, #1aa0e0 25%, #06f);
  border-radius: 20px;
  margin-right: 15px;
  transition: box-shadow .4s;
  box-shadow: 0 0 #0066ff8c;
}

.button-44:hover {
  color: #fff;
  background-image: linear-gradient(45deg, #06f, #1aa0e0 75%);
  box-shadow: 0 0 20px #0066ff8c;
}

.button-44.w--current {
  box-shadow: 0 0 20px #0066ff8c;
}

.button-44.w--current:hover {
  color: #fff;
}

.button-44.shopping-list-button {
  box-shadow: none;
  color: #a0a0a0;
  background-color: #0000;
  background-image: none;
  border: 2px solid #a0a0a0;
  transition: none;
}

.button-44.shopping-list-button:hover {
  box-shadow: none;
  color: #1aa0e0;
  border-color: #1aa0e0;
}

.button-44.round {
  border-radius: 25px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 50px;
  min-width: 50px;
  height: 50px;
  min-height: 50px;
  margin: 15px;
  font-size: 20px;
  font-weight: 900;
  display: flex;
  position: absolute;
  inset: 0% auto auto 0%;
}

.collection-section {
  flex-wrap: wrap;
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 10px;
  padding-bottom: 10px;
  display: flex;
}

.collection-section.ingredients {
  border-top: 1px solid var(--element-dynamic);
  margin-right: 25px;
  padding-top: 25px;
}

.uicard {
  background-color: #f3f3f3;
  border-radius: 20px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 150px;
  min-width: 150px;
  max-width: 150px;
  height: 200px;
  min-height: 200px;
  max-height: 200px;
  margin-bottom: 15px;
  margin-right: 15px;
  display: flex;
  overflow: hidden;
}

.uicard.strech {
  background-color: var(--element-dynamic);
  flex: 0 auto;
  align-items: center;
  width: auto;
  max-width: none;
  height: auto;
  max-height: none;
  padding: 15px;
}

.uicard.super-number-holder {
  background-image: linear-gradient(45deg, #1aa0e0 31%, #06f);
  display: none;
}

.text-block-122 {
  color: #a0a0a0;
  margin-left: 10px;
  margin-right: 10px;
}

.text-block-122.number {
  color: #505050;
  margin-top: 10px;
  margin-bottom: 10px;
}

.text-block-122.number.super {
  color: #fff;
  font-size: 45px;
  line-height: 40px;
}

.text-block-122.super-text {
  color: #ddd;
}

.instructions {
  flex-wrap: wrap;
  margin-top: 40px;
  margin-bottom: 40px;
  padding-left: 30px;
  padding-right: 30px;
  display: flex;
}

.instrucation {
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 350px;
  height: 300px;
  padding-left: 24px;
  padding-right: 24px;
  display: flex;
}

.text-block-123 {
  font-size: 100px;
  line-height: 100px;
}

.cook-book {
  border-radius: 0;
  padding-top: 100px;
  position: relative;
}

.shoppinglist {
  z-index: 100;
  border-radius: 20px 0 0;
  flex-direction: column;
  width: 400px;
  max-height: 70%;
  margin-bottom: 0;
  margin-right: 0;
  display: flex;
  position: fixed;
  inset: auto 0% 0% auto;
  overflow: visible;
  transform: translate(0, 100vh);
  box-shadow: 0 0 20px #00000040;
}

.cookery-section {
  min-height: 100vh;
  padding-top: 100px;
  padding-bottom: 150px;
  padding-left: 0;
}

.super-heading {
  text-align: left;
  margin-top: 10px;
  margin-left: 15px;
  font-size: 55px;
  line-height: 66px;
}

.education-class-navigator {
  justify-content: flex-start;
  align-items: center;
  min-height: 41vh;
  padding-top: 0;
  display: flex;
  position: relative;
  overflow: scroll;
}

.class-overview {
  width: 400px;
  min-height: 35vh;
  margin-left: 7px;
  margin-right: 7px;
  padding: 10px;
  text-decoration: none;
  display: block;
}

.class-navigator {
  flex-wrap: nowrap;
  height: 100%;
  padding-left: 0;
  display: flex;
}

.class-navigator-contain {
  flex: 1;
  height: 100%;
}

.class-contain {
  flex: 0 auto;
}

.class-portrait {
  background-color: #505050;
  background-image: url("https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 20px;
  height: 250px;
}

.class-diffcultiy-contain {
  justify-content: flex-start;
  align-items: center;
  padding-top: 10px;
  padding-bottom: 10px;
  display: flex;
}

.class-difficulty {
  background-image: linear-gradient(45deg, #1aa0e0, #06f);
  border-radius: 20px;
  flex: 1;
  height: 10px;
  margin-right: 10px;
}

.class-duration {
  color: #ddd;
  background-image: url("https://cdn.prod.website-files.com/5aa43322534e4a0001179757/5c6bfde1c4f4a932ef402442_icons8-clock_8.png");
  background-position: 0%;
  background-repeat: no-repeat;
  background-size: 40px;
  padding-top: 20px;
  padding-bottom: 20px;
  padding-left: 45px;
}

.class-title {
  text-align: left;
  height: 37px;
  margin-top: 10px;
  margin-bottom: 5px;
  padding-right: 0;
  font-size: 30px;
  line-height: 33px;
  overflow: hidden;
}

.education-class-contain {
  margin-bottom: 50px;
  margin-left: 0;
  padding-left: 0;
}

.promotional-strip {
  color: #fff;
  background-color: #a0a0a033;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  height: 500px;
  margin-bottom: 25px;
  margin-left: 20px;
  margin-right: 20px;
  padding: 30px;
  font-family: Roboto, sans-serif;
  transition: margin .4s;
  display: flex;
}

.promotional-strip:hover {
  color: #1aa0e0;
  margin-left: 0;
  margin-right: 0;
}

.promotional-strip.oircle-store-promotion {
  background-color: var(--white-smoke);
  background-image: url("https://cdn.prod.website-files.com/5aa43322534e4a0001179757/5d1ba5794f7116444c0fa8b5_5ba2ff40-5596-4d63-aa8b-7f69d321fe4c.png");
  background-position: 100%;
  background-repeat: no-repeat;
  background-size: contain;
}

.promotional-strip.world-tours {
  background-image: linear-gradient(45deg, var(--oircle-vista-violet), var(--oircle-bold-blue));
  align-items: flex-start;
  padding-right: 20px;
}

.uiproductpromotiontitletext {
  margin-bottom: 10px;
}

.approval-code-section {
  flex-flow: column wrap;
  justify-content: center;
  align-items: center;
  width: 100%;
  min-height: 100vh;
  display: flex;
}

.introduction-center-section {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: none;
}

.oircle-store-promote-contain-delegate {
  justify-content: flex-start;
  align-items: stretch;
  min-height: 50vh;
  margin-bottom: 0;
  margin-left: 20px;
  margin-right: 20px;
  display: flex;
}

.dynamic-informative-elements {
  background-color: var(--element-dynamic);
  color: #505050;
  flex-direction: column;
  flex: 1;
  justify-content: center;
  align-items: center;
  margin: 10px;
  padding: 35px;
  display: flex;
  position: relative;
}

.dynamic-informative-elements:hover {
  color: #1aa0e0;
}

.dynamic-informative-elements.b-version {
  margin-top: 10px;
  margin-bottom: 10px;
}

.dynamic-informative-elements.b-version:hover {
  background-color: #e9e9e9d1;
}

.dynamic-informative-elements.ois {
  background-image: linear-gradient(45deg, #007bff, #00f9ff);
}

.informative-titles {
  text-align: center;
  margin-left: 21px;
  margin-right: 21px;
}

.informative-paragraph {
  color: #333;
  text-align: center;
  width: 80%;
  font-size: 15px;
  font-weight: 400;
  line-height: 20px;
}

.icon-elements-contain {
  background-color: #a73939;
  background-image: url("https://cdn.prod.website-files.com/5aa43322534e4a0001179757/5c7cb6a29254e923a4c388c9_Oircle%20Store%20%7C%20Nil%20%7C%201080%20x%201080.png");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 300px;
  height: 300px;
  margin-top: 15px;
  margin-bottom: 15px;
}

.icon-elements-contain.oirc {
  background-color: #0000;
}

.icon-elements-contain.multiplue {
  background-color: #0000;
  background-image: url("https://cdn.prod.website-files.com/5aa43322534e4a0001179757/5c8739673f656c2625d33f41_icons8-full_trash.png"), url("https://cdn.prod.website-files.com/5aa43322534e4a0001179757/5c87395d3f656c50a1d33f33_icons8-manual_page_rotation.png"), url("https://cdn.prod.website-files.com/5aa43322534e4a0001179757/5c873888bf52881d5da95cfa_icons8-ibeacon.png");
  background-position: 0%, 100%, 50%;
  background-repeat: no-repeat, no-repeat, no-repeat;
  background-size: auto, auto, auto;
  width: 400px;
}

.icon-elements-contain.pay {
  background-color: #0000;
  background-image: url("https://cdn.prod.website-files.com/5aa43322534e4a0001179757/5c873c38b774e4380c1eb72d_icons8-commercial_filled.png");
  background-size: auto;
}

.icon-elements-contain.share {
  background-color: #0000;
  background-image: url("https://cdn.prod.website-files.com/5aa43322534e4a0001179757/5c873974b774e4069a1eb4e4_icons8-paper_plane_filled.png");
  background-size: auto;
}

.content-load {
  z-index: 1001;
  background-color: #fff;
  justify-content: center;
  align-items: center;
  width: 100vw;
  height: 100vh;
  display: flex;
  position: fixed;
  inset: 0%;
}

.div-block-898 {
  background-image: url("https://cdn.prod.website-files.com/5aa43322534e4a0001179757/5b5315ade5d2a84add98be23_Oircle%20%7C%20O%20%7C%20Without.PNG");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 100px;
  height: 100px;
  position: fixed;
}

.div-block-898.ircle {
  opacity: 0;
  background-image: url("https://cdn.prod.website-files.com/5aa43322534e4a0001179757/5b5315d8ff2e000e9dc16d0a_ircle.png");
  background-position: 50%;
  background-size: cover;
  width: 200px;
}

.div-block-899 {
  text-align: center;
  text-transform: capitalize;
  flex: 1;
  align-self: flex-end;
  min-height: 75px;
  margin-bottom: 20px;
  margin-left: 20px;
  margin-right: 20px;
  font-family: Roboto, sans-serif;
  display: none;
  position: relative;
}

.heading-210 {
  margin: 0 10px;
  font-weight: 400;
  display: inline-block;
  position: relative;
  inset: auto 0% 0%;
}

.div-block-900 {
  background-image: url("https://cdn.prod.website-files.com/5aa43322534e4a0001179757/5bbb8f6a96fa784bcbd76152_geometry.gif");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 125px;
  align-self: flex-end;
  width: 100px;
  height: 100px;
  margin-bottom: 19px;
  position: fixed;
  inset: auto auto 0%;
}

.dynamic-element {
  color: #a0a0a0;
  text-align: center;
  cursor: none;
  background-color: #0000;
}

.div-block-904 {
  color: #fff;
  justify-content: flex-start;
  align-items: center;
  margin-top: 111px;
  padding-left: 30px;
  padding-right: 30px;
  display: flex;
  position: static;
  top: 0;
}

.h1 {
  color: #fff;
  text-align: center;
  text-shadow: none;
  background-image: none;
  background-repeat: repeat;
  background-size: auto;
  margin-bottom: 25px;
  font-size: 150px;
  line-height: 100px;
}

.available {
  color: #a0a0a0;
  background-color: #0000;
  border: 2px solid #a0a0a0;
  border-radius: 10px;
  padding-left: 42px;
  padding-right: 42px;
}

.available:hover {
  color: #a0a0a0;
}

.available.coming-soon {
  border-radius: 20px;
}

.hs1 {
  text-align: center;
  margin-top: 10px;
  margin-bottom: 80px;
}

.notify-me {
  text-align: center;
  cursor: pointer;
  margin-bottom: 10px;
  position: absolute;
  inset: auto 0% 0%;
}

.sch1 {
  color: #a0a0a0;
  text-align: center;
  align-self: center;
  margin: 121px 30px;
  font-size: 45px;
  line-height: 50px;
}

.text-block-126 {
  color: #a0a0a0;
  display: inline-block;
}

.check-list {
  margin-left: 15px;
  padding-top: 90px;
  padding-bottom: 20px;
  padding-right: 20px;
  overflow: scroll;
}

.submit-button-9 {
  display: none;
}

.field-label-4 {
  font-size: 28px;
  line-height: 30px;
}

.rich-text-block-11 {
  margin-left: 15px;
  padding-top: 90px;
  padding-bottom: 20px;
  padding-right: 20px;
}

.oircle-education-little-promote-paragraph {
  font-size: 15px;
  line-height: 20px;
}

.content-loade {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100vw;
  height: 100vh;
  display: none;
}

.loade-animation {
  background-image: url("https://cdn.prod.website-files.com/5aa43322534e4a0001179757/5bbb8f6a96fa784bcbd76152_geometry.gif");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 200px;
  height: 200px;
}

.application-overview-presenter {
  border: .5px none var(--element-dynamic);
  background-color: #f3f3f3;
  background-image: url("https://cdn.prod.website-files.com/5aa43322534e4a0001179757/5c7e0177d43a3e5550b405e4_Oircle%20Store%20%7C%201080%20x%201080.png");
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 30px;
  flex-direction: row;
  flex: 1;
  justify-content: center;
  align-items: flex-end;
  min-width: 250px;
  min-height: 550px;
  margin: 10px;
  display: flex;
  overflow: visible;
}

.application-overview-presenter.space {
  background-image: url("https://cdn.prod.website-files.com/5aa43322534e4a0001179757/5c08c2f73ae94580f3d9baa6_SPACE.png");
}

.application-overview-presenter.code {
  background-image: url("https://cdn.prod.website-files.com/5aa43322534e4a0001179757/5c0a0325b3ca0864c8db04af_CODE.png");
}

.application-overview-presenter.speech {
  background-image: url("https://cdn.prod.website-files.com/5aa43322534e4a0001179757/5c29f65c77f2836248a089f7_SPEECH.png");
}

.application-overview-presenter.cook {
  background-image: url("https://cdn.prod.website-files.com/5aa43322534e4a0001179757/5c0a03421e0b0277b63d5fdd_COOK.png");
  background-position: 0%;
  background-size: cover;
}

.application-accent {
  border-bottom-right-radius: 30px;
  border-bottom-left-radius: 30px;
  flex: 1;
  justify-content: center;
  align-items: center;
  min-width: 100%;
  min-height: 200px;
  margin-bottom: -1px;
  margin-left: -1px;
  margin-right: -1px;
  padding-top: 50px;
  padding-bottom: 65px;
  display: flex;
  position: relative;
}

.application-icon {
  background-image: url("https://cdn.prod.website-files.com/5aa43322534e4a0001179757/5c7e0177d43a3e5550b405e4_Oircle%20Store%20%7C%201080%20x%201080.png");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 125px;
  border: 1px solid #a0a0a033;
  border-radius: 25px;
  width: 100px;
  min-width: 100px;
  max-width: 100px;
  height: 100px;
  min-height: 100px;
  max-height: 100px;
  margin-left: auto;
  margin-right: auto;
  position: absolute;
  inset: -25% 0% auto;
}

.application-icon.space {
  background-image: url("https://cdn.prod.website-files.com/5aa43322534e4a0001179757/5c08c2f73ae94580f3d9baa6_SPACE.png");
}

.application-icon.code {
  background-image: url("https://cdn.prod.website-files.com/5aa43322534e4a0001179757/5c0a0325b3ca0864c8db04af_CODE.png");
  background-size: cover;
}

.application-icon.speech {
  background-image: url("https://cdn.prod.website-files.com/5aa43322534e4a0001179757/5c29f65c77f2836248a089f7_SPEECH.png");
  background-size: cover;
}

.application-icon.cook {
  background-image: url("https://cdn.prod.website-files.com/5aa43322534e4a0001179757/5c0a03421e0b0277b63d5fdd_COOK.png");
  background-size: cover;
}

.application-presenter {
  color: var(--oircle-notification);
  text-align: center;
  cursor: none;
  background-color: #0000;
  border-radius: 15px;
  width: 60%;
  margin-bottom: 25px;
  margin-left: auto;
  margin-right: auto;
  position: absolute;
  inset: auto auto 0%;
}

.application-presenter:hover {
  background-color: var(--oircle-notification);
  color: #fff;
}

.application-title {
  margin: 0 10px 5px;
  font-size: 25px;
  line-height: 25px;
}

.text-block-132 {
  text-align: center;
  text-transform: capitalize;
  font-size: 12px;
  line-height: 12px;
}

.div-block-972 {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-left: 10px;
  margin-right: 10px;
  display: flex;
}

.div-block-973 {
  text-align: center;
  background-color: #f3f3f380;
  border-radius: 50%;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 30px;
  height: 30px;
  margin-top: 5px;
  margin-right: 5px;
  font-size: 25px;
  line-height: 0;
  display: flex;
  position: absolute;
  inset: 0% 0% auto auto;
}

.div-block-973:hover {
  background-color: #46464680;
}

.text-block-134 {
  margin-bottom: 15px;
}

.oircle-notify-popup-module {
  z-index: 99;
  background-color: #fff;
  background-image: linear-gradient(45deg, #fff0 24%, #fff 57%), url("https://cdn.prod.website-files.com/5aa43322534e4a0001179757/5c2a19639a1575c70d8a5b8e_03911f66-8a01-422e-90fc-6edc20eb7286.png");
  background-position: 0 0, 100% 0;
  background-repeat: repeat, no-repeat;
  background-size: auto, auto;
  border-radius: 30px;
  flex-direction: column;
  justify-content: flex-end;
  align-items: stretch;
  width: 550px;
  height: 95%;
  max-height: 700px;
  margin: auto;
  padding: 15px;
  display: flex;
  position: fixed;
  inset: 0%;
  overflow: scroll;
  transform: none;
  box-shadow: 0 0 20px #00000040;
}

.oircle-notify-popup-module.oircle-education-logo {
  background-image: linear-gradient(45deg, #fff0 24%, #fff 57%), url("https://cdn.prod.website-files.com/5aa43322534e4a0001179757/5e4fff990cd1405dfc467e67_Artwork%20II.png");
  background-position: 0 0, 0 100%;
  background-size: auto, cover;
}

.oircle-notify-popup-module.speech-logo {
  background-image: linear-gradient(45deg, #fff0 24%, #fff 57%), url("https://cdn.prod.website-files.com/5aa43322534e4a0001179757/5c29f65c77f2836248a089f7_SPEECH.png");
  background-position: 0 0, 50%;
  background-size: auto, auto;
  transform: none;
}

.oircle-notify-popup-module-form-contain {
  height: 70px;
  display: flex;
}

.oircle-notify-popup-module-form {
  flex: 0 auto;
  align-self: stretch;
  margin-bottom: 0;
}

.oircle-notify-popup-module-pre-text {
  text-align: center;
  align-self: stretch;
  margin-top: 10px;
}

.oircle-notify-popup-module-form-email-address {
  background-color: #ffffffe8;
  border: 0 solid #000;
  border-top-left-radius: 20px;
  border-bottom-left-radius: 20px;
  height: 100%;
  margin-bottom: 0;
  margin-right: 0;
}

.oircle-notify-popup-module-form-submit-button {
  background-color: #1aa0e0;
  border-radius: 0 20px 20px 0;
}

.oircle-notify-popup-module-title {
  text-align: center;
  align-self: center;
  margin-top: 0;
  font-weight: 900;
  position: static;
  inset: 0% 0% auto;
}

.oircle-notify-popup-module-pre-title {
  text-align: center;
  order: -1;
  font-size: 14px;
  position: static;
}

.oircle-notify-popup-module-title-contain {
  margin-top: 100px;
  margin-left: 15px;
  margin-right: 15px;
  position: absolute;
  inset: 0% 0% auto;
}

.indent-number {
  margin-left: 0;
  margin-right: 5px;
  font-size: 10px;
  display: inline;
  position: relative;
  top: -5px;
}

.oircle-notify-popup-module-form-success-message {
  background-color: #fff;
  border-radius: 0;
  margin-bottom: 70px;
  font-size: 25px;
  font-weight: 900;
  position: absolute;
  inset: auto 0% 0%;
}

.oircle-notify-popup-module-error-message {
  z-index: 99;
  border-radius: 0;
  height: 60px;
  position: absolute;
  inset: auto 0% 0%;
}

.oircle-notify-popup-module-dismissal {
  justify-content: center;
  align-items: center;
  width: 50px;
  height: 50px;
  margin-top: 15px;
  margin-left: 15px;
  font-size: 30px;
  font-weight: 900;
  display: flex;
  position: absolute;
  inset: 0% auto auto 0%;
}

.oircle-notify-popup-module-dismissal:hover {
  color: #f63131;
}

.oircle-notify-popup-contain {
  display: block;
  position: fixed;
  inset: 0%;
}

.div-block-997 {
  display: block;
}

.minimum-line {
  height: 60px;
  overflow: hidden;
}

.hello-heading {
  text-align: center;
  margin-bottom: 20px;
  font-size: 65px;
  line-height: 66px;
}

.hello-heading.white-text {
  color: #fff;
}

.hello-heading.white-text.addition-left {
  text-align: left;
}

.hello-heading.caps {
  text-align: left;
  text-transform: uppercase;
}

.iphone-with-apple-pay {
  background-image: url("https://cdn.prod.website-files.com/5aa43322534e4a0001179757/5d0f0bc263d73b58c39d0aa7_mini-hero-apple-pay-handheld-black7_2x.png");
  background-position: 100% 100%;
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  inset: 0%;
}

.apple-pay {
  color: #0000;
  background-color: #fff;
  background-image: url("https://cdn.prod.website-files.com/5aa43322534e4a0001179757/5c9712dfde17434e181b56ae_1280px-Apple_Pay_logo.svg.png");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 60px;
  border: .5px solid #a0a0a0;
  border-radius: 13px;
  width: 100px;
  height: 35px;
  margin: 5px 5px 5px 0;
  padding-top: 20px;
  padding-bottom: 20px;
}

.indent-number-expansion {
  margin-top: 10px;
  margin-bottom: 10px;
  font-size: 10px;
  font-weight: 700;
  line-height: 10px;
}

.indent-number-explain-contain {
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  min-height: 50px;
  padding: 5px 25px;
  display: flex;
}

.error-message {
  color: #f63131;
  justify-content: center;
  align-self: stretch;
  align-items: center;
  margin: 0;
  font-weight: 900;
  display: flex;
  position: relative;
  inset: 0%;
}

.content-load-view {
  z-index: 1999;
  background-image: url("https://cdn.prod.website-files.com/5aa43322534e4a0001179757/5adf2a9077091770e25abe1d_unnamed.png");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: auto;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100vw;
  height: 100vh;
  padding: 35px;
  display: block;
  position: fixed;
  inset: 0%;
}

.personal-message {
  z-index: 1;
  width: 275px;
  margin-bottom: 5px;
  font-size: 60px;
  line-height: 66px;
  position: relative;
}

.load-animation {
  background-image: url("https://cdn.prod.website-files.com/5aa43322534e4a0001179757/5d15021f2c2ac711eb8c8491_91.gif");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 50px;
  min-width: 50px;
  max-width: 50px;
  height: 50px;
  min-height: 50px;
  max-height: 50px;
  margin-bottom: 25px;
  margin-left: auto;
  margin-right: auto;
  position: fixed;
  inset: auto 0% 0%;
}

.div-block-1037 {
  filter: contrast(200%);
  background-image: url("https://cdn.prod.website-files.com/5aa43322534e4a0001179757/5b536ab0e5d2a8859c98f46a_Oircle%20%7C%20Strip%20Logo%20%7C%20Without.png");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 150px;
  height: 50px;
  margin: 26px 18px;
  position: fixed;
  inset: auto 0% 0%;
}

.dashboard {
  filter: none;
  background-image: url("https://cdn.prod.website-files.com/5aa43322534e4a0001179757/5adf2a9077091770e25abe1d_unnamed.png");
  background-position: 0%;
  background-size: auto;
  height: 100vh;
  position: absolute;
  inset: 0%;
}

.dashboard.foreground {
  z-index: 500;
  filter: none;
  background-color: #0000;
  background-image: url("https://cdn.prod.website-files.com/5aa43322534e4a0001179757/5adf2a9077091770e25abe1d_unnamed.png");
  background-position: 0 0;
  flex-direction: column;
  height: auto;
  margin: 0;
  padding-left: 0;
  padding-right: 0;
  display: flex;
  position: fixed;
  inset: 0%;
  overflow: scroll;
  transform: none;
  box-shadow: 0 0 20px #00000040;
}

.dashboard-greeting {
  min-width: 225px;
  margin: 25px 25px 15px;
  display: inline-block;
}

.time-of-day {
  border-top: 1px solid #a0a0a0;
  margin-bottom: 0;
  padding-top: 10px;
  font-size: 25px;
  line-height: 27px;
}

.date-of-day {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 11px;
}

.personal-contain {
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  padding-top: 50px;
  padding-left: 0;
  padding-right: 0;
  display: flex;
}

.profilecontain {
  background-image: linear-gradient(#00000080, #00000080);
  border-radius: 50%;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 75px;
  min-width: 75px;
  max-width: 75px;
  height: 75px;
  min-height: 75px;
  max-height: 75px;
  margin: 15px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.profile-portrait {
  border-radius: 50%;
  flex: 1;
  align-self: stretch;
  width: 75px;
  min-width: 75px;
  max-width: 75px;
  height: 75px;
  min-height: 75px;
  max-height: 75px;
  margin: auto;
  display: block;
  position: absolute;
  inset: 0%;
}

.dashboard-information {
  z-index: 2;
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: wrap;
  flex: 1;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  place-content: flex-start space-around;
  align-self: stretch;
  align-items: stretch;
  padding: 70px 20px 20px;
  display: flex;
  position: relative;
  overflow: visible;
}

.personal-greeting {
  font-size: 30px;
  line-height: 33px;
}

.cartcontainer {
  box-shadow: none;
  background-color: #0000;
  border-radius: 0;
  min-width: 335px;
  margin-top: 15px;
  margin-bottom: 15px;
  margin-right: 15px;
  display: block;
  overflow: visible;
}

.account-cart-wrapper {
  z-index: auto;
  background-color: #0000;
}

.oircle-account-contain {
  flex-direction: column;
  flex: 0 auto;
  justify-content: flex-start;
  align-self: auto;
  align-items: stretch;
  padding: 20px 15px 15px;
}

.cart-contain {
  z-index: 5;
  border-bottom: 1px solid var(--element-dynamic);
  background-color: #0000;
  align-self: stretch;
  padding: 15px 21px;
  position: sticky;
  top: 0;
}

.cart-contain.underhead {
  border-top: 1px solid var(--element-dynamic);
  border-bottom-width: 0;
  border-bottom-color: var(--element-dynamic);
}

.cart-contain-foot {
  z-index: 5;
  background-color: #0000;
  padding-bottom: 16px;
  padding-left: 15px;
  padding-right: 15px;
  position: sticky;
  bottom: 0;
}

.empty-state-4 {
  flex-direction: column;
}

.profile {
  z-index: 5;
  margin-top: 20px;
  margin-right: 20px;
  display: block;
  position: fixed;
  inset: 0% 0% auto auto;
}

.account-cart {
  z-index: 5;
}

.account-cart-contain-delegat {
  z-index: 10;
  flex-direction: column;
  flex: 1;
  position: relative;
  overflow: scroll;
}

.accountuibuttons {
  color: #a0a0a0;
  background-color: #0000;
  background-image: url("https://cdn.prod.website-files.com/5aa43322534e4a0001179757/5d145aad234b420a584789b3_User%20-%20NONSelect.png");
  background-position: 1%;
  background-repeat: no-repeat;
  background-size: 30px;
  border: 0 solid #0000;
  border-radius: 20px;
  flex: 1;
  justify-content: center;
  align-self: stretch;
  align-items: center;
  min-width: 150px;
  margin: 5px 15px;
  padding: 20px 20px 20px 45px;
  display: flex;
}

.accountuibuttons.login {
  background-image: url("https://cdn.prod.website-files.com/5aa43322534e4a0001179757/5d2189bc2e58b7857ac96626_icons8-login-filled-50.png");
}

.accountuibuttons.signup {
  background-image: url("https://cdn.prod.website-files.com/5aa43322534e4a0001179757/5d2189be396cc0027bd98cc5_icons8-signin-filled-50.png");
}

.accountuibuttons.signout {
  background-image: url("https://cdn.prod.website-files.com/5aa43322534e4a0001179757/5d2189bbfce0e3792b90414b_icons8-sign-out-filled-50.png");
}

.calling-card {
  background-color: #f3f3f3;
  border-radius: 16px;
  flex-direction: column;
  flex: 1;
  justify-content: flex-end;
  align-items: flex-start;
  min-width: 250px;
  min-height: 175px;
  margin: 10px;
  padding: 15px;
  display: flex;
  position: relative;
}

.animation-search-contain {
  flex: 0 auto;
  margin-bottom: 0;
  padding: 10px;
  position: absolute;
  inset: 0% 0% auto;
}

.search-button-16 {
  display: none;
}

.animated-search {
  color: #0000;
  background-color: #f3f3f3;
  background-image: url("https://cdn.prod.website-files.com/5aa43322534e4a0001179757/5c13d022b3a12c04a81b49ec_search.png");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 25px;
  border: 0 solid #000;
  border-radius: 50px;
  width: 10%;
  min-width: 50px;
  height: 50px;
  min-height: 50px;
  margin-bottom: 0;
  margin-left: auto;
  margin-right: auto;
  font-size: 0;
  transition: background-position .4s linear, font-size, width .4s ease-in-out;
}

.animated-search:hover {
  background-position: 2%;
  border-radius: 20px;
  width: 100%;
  padding-left: 55px;
  font-size: 14px;
}

.navigator-contain {
  z-index: 9999;
  background-color: #0000;
  border-radius: 20px;
  justify-content: space-between;
  align-items: center;
  margin: 5px;
  padding: 10px;
  display: flex;
  position: fixed;
  inset: 5px 0% auto;
}

.nav {
  border-radius: 50px;
  align-items: center;
  padding: 0;
  display: flex;
  box-shadow: 0 0 20px #00000040;
}

.search-button-dismiss {
  display: none;
}

.search-master {
  box-shadow: none;
  background-image: url("https://cdn.prod.website-files.com/5aa43322534e4a0001179757/5c13d022b3a12c04a81b49ec_search.png");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 25px;
  border: 0 solid #000;
  border-radius: 25px;
  width: 50px;
  height: 50px;
  margin-bottom: 0;
  padding-left: 0;
  font-size: 0;
  transition: opacity .2s, width .4s;
}

.search-master:hover {
  background-position: 4%;
  width: 300px;
  padding-left: 0;
  font-size: 12px;
}

.search-20 {
  order: 1;
  margin-bottom: 0;
}

.dynamic-contain {
  z-index: 3;
  flex: 0 auto;
  justify-content: center;
  align-items: stretch;
  margin-left: auto;
  margin-right: 0;
  display: flex;
  position: relative;
}

.navgate-link {
  color: var(--oircle-default-gry);
  text-align: center;
  justify-content: center;
  align-items: center;
  height: 40px;
  margin-left: 0;
  margin-right: 0;
  padding: 5px 15px;
  font-size: 15px;
  line-height: 14px;
  display: flex;
}

.navgate-link:hover {
  color: var(--oircle-grim-gry);
}

.navgate-link:active {
  color: var(--oircle-binding-blue);
}

.navgate-link.w--current {
  color: var(--oircle-vista-violet);
}

.oircle-logo {
  width: 175px;
  height: 50px;
  margin-left: 0;
  margin-right: 5px;
  position: absolute;
}

.oircle-contain-section-delegate {
  background-image: url("https://cdn.prod.website-files.com/5aa43322534e4a0001179757/5dd43a2bdc6c74ad6ee4bd75_Oircle%20Shapes.png");
  background-position: 0%;
  background-repeat: no-repeat;
  background-size: 1350px;
  border-radius: 50px;
  flex: 1;
  justify-content: center;
  align-items: center;
  height: 100%;
  padding: 10px;
  display: flex;
}

.policy-portrait {
  z-index: -1;
  border: 1px solid var(--element-dynamic);
  background-image: url("https://cdn.prod.website-files.com/5aa43322534e4a0001179757/5d29fccf4a87064ea0279337_img1.jpg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-start;
  width: 70%;
  height: 50%;
  margin: auto;
  padding: 30px;
  display: flex;
  position: fixed;
  inset: 0%;
}

.policy-content-contain {
  margin-top: 100vh;
  padding: 35px;
}

.div-block-1094 {
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center;
  margin-top: 25px;
  display: flex;
}

.policy-contain-buttons {
  margin-right: 35px;
}

.policy-subtitle {
  max-width: 500px;
  max-height: 100px;
  overflow: hidden;
}

.information-contain {
  position: absolute;
  inset: 0% 0% auto auto;
}

.single-section {
  justify-content: space-between;
  height: 75px;
  display: flex;
  position: relative;
}

.web-payments {
  border: 1px solid var(--white);
  background-color: var(--black);
  border-radius: 30px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  margin-bottom: 10px;
  margin-left: 10px;
  margin-right: 10px;
  padding-top: 8px;
  padding-bottom: 0;
  overflow: hidden;
}

.card-details {
  background-image: url("https://cdn.prod.website-files.com/5aa43322534e4a0001179757/5de003265abe8a2c9b59e6f6_Oircle%20Blur%20Shapes%202.png");
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 30px;
  flex-direction: column;
  justify-content: space-between;
  min-width: 300px;
  margin-bottom: 20px;
  margin-left: auto;
  margin-right: auto;
  padding: 135px;
  display: flex;
  position: relative;
}

.div-block-1118 {
  color: var(--black);
  text-align: center;
  justify-content: flex-start;
  align-items: center;
  font-size: 38px;
  display: flex;
}

.card-number {
  justify-content: center;
  align-items: center;
  margin-right: 5px;
  display: flex;
}

.text-block-160 {
  color: #0000;
  background-image: url("https://cdn.prod.website-files.com/5aa43322534e4a0001179757/5b536ab0e5d2a8859c98f46a_Oircle%20%7C%20Strip%20Logo%20%7C%20Without.png");
  background-position: 0%;
  background-repeat: no-repeat;
  background-size: contain;
  font-size: 20px;
  line-height: 30px;
}

.div-block-1119 {
  color: var(--black);
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  margin: 25px;
  display: flex;
  position: absolute;
  inset: auto 0% 0%;
}

.div-block-1120 {
  justify-content: center;
  align-items: center;
  display: flex;
}

.text-block-161 {
  text-transform: uppercase;
  margin-right: 5px;
  font-size: 9px;
  line-height: 10px;
}

.oircle-id-contain-element {
  color: var(--oircle-grim-gry);
}

.product-superview-delgate {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  filter: blur();
  flex-direction: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: center;
  width: 100vw;
  height: 105vh;
  display: flex;
  position: static;
  inset: 0%;
  overflow: hidden;
}

.product-name {
  text-align: left;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 70px;
  line-height: 77px;
}

.beginordercontainer {
  color: var(--black);
  border-radius: 40px;
  justify-content: center;
  align-items: stretch;
  height: 50px;
  margin: 5px;
  padding: 5px 20px;
  display: flex;
}

.product-identified {
  background-image: url("https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  justify-content: center;
  align-items: center;
  width: 75vw;
  height: 100vh;
  display: flex;
  position: absolute;
  inset: auto auto 0%;
  transform: translate(0, 60vh);
}

.product-bundle-identification {
  position: relative;
}

.productbundleconfirm {
  z-index: 2;
  text-align: center;
  background-color: #0000;
  flex-direction: column;
  align-items: center;
  width: 75%;
  min-width: 200px;
  max-width: 800px;
  min-height: 200px;
  padding: 10px 10px 35px;
  display: flex;
  position: absolute;
  inset: auto auto 0%;
  transform: none;
}

.product-price {
  justify-content: center;
  align-items: center;
  margin-bottom: 10px;
  display: flex;
}

.from {
  margin-right: 5px;
}

.store-button-text {
  margin-bottom: 0;
  font-size: 17px;
  font-weight: 700;
  display: block;
}

.hidden {
  display: none;
}

.productadd {
  z-index: 1;
  background-color: var(--oircle-notification);
  color: var(--white);
  text-align: center;
  border-radius: 50px;
  justify-content: center;
  margin-bottom: 0;
  margin-right: 0;
  padding: 15px 35px;
  font-size: 17px;
  font-weight: 900;
  line-height: 20px;
  display: flex;
  position: relative;
  inset: auto 0% 0% auto;
}

.productadd:hover {
  background-color: var(--element-dynamic);
  color: var(--oircle-notification);
}

.productadd.small {
  width: 150px;
  height: 35px;
}

.tiny-product-name {
  font-size: 30px;
  font-weight: 900;
  line-height: 41px;
}

.load-contain {
  z-index: 9999;
  background-color: var(--white);
  display: none;
  position: fixed;
  inset: 0%;
}

.load-content {
  width: 50%;
  height: 50%;
  margin: auto;
}

.load-content.space-animation {
  width: 100%;
  height: 100%;
}

.oircle-ed-logo {
  background-color: #7e7a7a;
  width: 400px;
  height: 100px;
  margin: auto auto 100px;
  position: absolute;
  inset: 0%;
}

.shopping-checkbox {
  background-color: var(--element-dynamic);
  border-radius: 50%;
  width: 25px;
  height: 25px;
  margin: 10px 10px 10px 0;
}

.shopping-checkbox:hover {
  background-color: #3898ecbf;
}

.shopping-checkbox.w--redirected-checked {
  background-size: 70%;
}

.checkbox-field {
  justify-content: flex-start;
  align-items: center;
  padding-left: 0;
  display: flex;
}

.vertical {
  flex-direction: column;
  display: flex;
}

.horizontal {
  cursor: pointer;
  align-items: flex-start;
  display: flex;
}

.horizontal.center {
  justify-content: space-around;
  align-items: center;
}

.horizontal.center.max-wrap {
  flex-wrap: wrap;
}

.horizontal.max-wrap {
  cursor: auto;
  flex-wrap: wrap;
  justify-content: center;
  align-items: flex-end;
  width: 100%;
  padding: 10px;
  display: flex;
}

.horizontal.push5 {
  align-items: flex-end;
  margin-bottom: 10px;
  margin-left: 10px;
}

.greeting {
  color: var(--hover-element-dynamic);
  text-transform: capitalize;
  margin-bottom: 0;
  line-height: 40px;
}

.greeting.c {
  margin-right: 0;
  font-size: 60px;
  font-weight: 900;
}

.notification-contact {
  background-color: var(--element-dynamic);
  cursor: pointer;
  border-radius: 10px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  max-height: 225px;
  margin: 15px 1px;
  padding: 40px 10px 10px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.notification-contact.dynamic {
  align-items: stretch;
  max-height: none;
}

.notification-title {
  background-color: var(--oircle-notification);
  color: var(--white);
  text-transform: uppercase;
  padding: 5px 10px;
  font-size: 10px;
  font-weight: 900;
  position: absolute;
  inset: 0% 0% auto;
}

.notification-title.link {
  color: var(--oircle-notification);
  cursor: none;
  background-color: #0000;
  position: static;
}

.greeting-message--wth--date {
  margin-top: 15px;
  margin-left: 15px;
}

.greeting-message--wth--date.oircle-store {
  margin-top: 0;
  margin-bottom: 20px;
  margin-left: 0;
}

.greeting-message--wth--date.oircle-store._25-on-both-side {
  padding-left: 30px;
  padding-right: 30px;
  display: none;
  position: relative;
}

.greeting-message--wth--date.oircle-store._25-on-both-side.news {
  z-index: 1;
  margin: 0;
  padding: 15px;
  display: block;
  position: sticky;
  top: 0;
}

.greeting-message--wth--date.shopping-cart {
  margin-top: 45px;
  display: none;
}

.text-contain {
  color: var(--oircle-default-gry);
  max-width: 500px;
  padding: 10px;
}

.text-contain-text {
  margin-right: 5px;
  font-weight: 400;
  display: inline-block;
}

.text-contain-text.email {
  font-weight: 700;
}

.signupbutton {
  color: var(--oircle-notification);
  background-color: #0000;
}

.signupbutton:hover {
  color: var(--oircle-grim-gry);
}

.signupconstant {
  max-width: 500px;
}

.class-empty-state {
  background-color: #0000;
  width: 95%;
  margin-left: auto;
  margin-right: auto;
  padding: 45px;
}

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

._100-error-missing {
  width: 150px;
  height: 150px;
  margin: 15px auto;
}

.load-page {
  z-index: 9999;
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-direction: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: center;
  display: none;
  position: fixed;
  inset: 0%;
}

.oircle-load-animation-set {
  width: 60%;
  height: 200px;
  margin-top: -70px;
}

.oircle-logotype-animation {
  background-image: url("https://cdn.prod.website-files.com/5aa43322534e4a0001179757/5b536ab0e5d2a8859c98f46a_Oircle%20%7C%20Strip%20Logo%20%7C%20Without.png");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 50%;
  height: 200px;
}

.uiproductcategoryshoplist {
  flex-wrap: wrap;
  justify-content: space-around;
  align-items: center;
  display: flex;
}

.uiproductcategoryitem {
  flex-direction: column;
  flex: 1;
  justify-content: center;
  align-items: center;
  margin-left: 0;
  margin-right: 0;
}

.products-alike-contain-selector {
  margin: 0;
}

.products-alike-contain-selector.horizontal.max {
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: stretch;
}

.body-center {
  justify-content: center;
  align-items: center;
  display: flex;
}

.version-update-delegate {
  padding: 400px 20px 20px;
}

.latest-version-update-text-delegate {
  font-size: 20px;
}

.version-update-text-delegate {
  border-top: 1px solid var(--element-dynamic);
  margin-top: 20px;
  margin-bottom: 20px;
  padding-top: 20px;
  padding-bottom: 20px;
  font-size: 20px;
  line-height: 30px;
}

.version-update {
  background-image: url("https://cdn.prod.website-files.com/5aa43322534e4a0001179757/5dc04e08aa82dea6e23e8504_Version%20Update.png");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.div-block-1193 {
  background-image: url("https://cdn.prod.website-files.com/5aa43322534e4a0001179757/5dc07647ba81f200bb45d9cd_Documentation%20.png");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  min-height: 100vh;
  display: flex;
}

.radio-button-field-5 {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding-left: 0;
  display: flex;
}

.radio-button-3 {
  border-color: var(--element-dynamic);
  background-image: url("https://cdn.prod.website-files.com/5aa43322534e4a0001179757/5dc151c99cf47118d0b7b435_New%20Feature.png");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  border-radius: 18%;
  width: 150px;
  height: 150px;
  margin: 10px;
}

.radio-button-3.w--redirected-checked {
  border-width: 5px;
  box-shadow: 0 0 20px #0579ff80;
}

.radio-button-3.performance {
  background-image: url("https://cdn.prod.website-files.com/5aa43322534e4a0001179757/5dc151f715d7a165fc988450_Performance%20Increse.png");
}

.radio-button-3.performance.w--redirected-checked {
  border-width: 5px;
  box-shadow: 0 0 20px #0579ff80;
}

.feedback-text-field {
  border-style: solid;
  border-width: 0 0 1px;
  border-color: black black var(--element-dynamic);
  background-color: #0000;
  margin-top: 0;
}

.feedback-text-field:hover {
  opacity: 1;
}

.feedback-text-field.dynamic {
  color: var(--oircle-default-gry);
  min-height: 50px;
  max-height: 500px;
}

.feedback-text-field-contain {
  margin-top: 18px;
  margin-bottom: 18px;
  padding-top: 0;
  font-size: 20px;
  transition: font-size .4s, padding .4s;
  position: relative;
}

.feedback-label {
  margin-right: 5px;
  font-size: 19px;
}

.s {
  margin-top: 31px;
  margin-bottom: 31px;
}

.submit-button-10 {
  background-color: var(--element-dynamic);
  color: var(--oircle-notification);
  background-image: url("https://cdn.prod.website-files.com/5aa43322534e4a0001179757/5dc07647ba81f200bb45d9cd_Documentation%20.png");
  background-position: 0 0;
  background-size: cover;
  border-radius: 20px;
  font-size: 16px;
  font-weight: 500;
  transition: background-position .4s;
}

.submit-button-10:hover {
  background-color: var(--oircle-notification);
  color: var(--white-smoke);
  background-position: 0 100%;
}

.form-block-5 {
  max-width: 500px;
  margin-bottom: 121px;
}

.div-block-1194 {
  text-align: center;
  margin-top: 400px;
  margin-bottom: 199px;
}

.checkbox-2 {
  border-color: var(--element-dynamic);
  background-color: var(--element-dynamic);
  background-image: url("https://cdn.prod.website-files.com/5aa43322534e4a0001179757/5dc07647ba81f200bb45d9cd_Documentation%20.png");
  background-position: 0 100%;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 50%;
  width: 35px;
  height: 35px;
  margin-left: 0;
  margin-right: 10px;
}

.checkbox-2.w--redirected-checked {
  background-color: var(--oircle-notification);
  background-image: none, url("https://cdn.prod.website-files.com/5aa43322534e4a0001179757/5dc07647ba81f200bb45d9cd_Documentation%20.png");
  background-position: 50%, 0 0;
  background-repeat: no-repeat, repeat;
  background-size: 25px, cover;
  width: 35px;
  height: 35px;
}

.checkbox-field-2 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  margin-top: 10px;
  padding-left: 0;
  display: flex;
}

.success-message-4 {
  background-color: #0000;
}

.thankyou-feedback {
  font-size: 35px;
  line-height: 40px;
}

.oircle-store-promotion {
  background-image: linear-gradient(#0000004d, #0000004d), url("https://cdn.prod.website-files.com/5aa43322534e4a0001179757/5dd80a83a16c2da5da24ade1_star-wars-jedi-fallen-order-hero-banner-02-ps4-us-29may19.jpeg");
  background-position: 0 0, 100%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
  border-radius: 10px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  height: 70vh;
  max-height: 750px;
  margin: 10px;
  padding-left: 50%;
  padding-right: 10%;
  display: flex;
  position: relative;
}

.uiproductpromotext {
  color: var(--white);
  letter-spacing: 10px;
  text-transform: uppercase;
}

.oircle-store-physical {
  display: block;
  overflow: hidden;
}

.product-overview-paragraph {
  flex: 1;
  min-width: 300px;
  margin-bottom: 10px;
  overflow: hidden;
}

.section {
  flex-direction: column;
  flex: 1;
  align-items: center;
  padding: 15px 15px 5px;
}

.oircle-store-product-wrapper.m100 {
  padding: 100px 25px;
}

.oircle-store-product-wrapper.m100.max2 {
  flex-flow: wrap;
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 20px;
  padding-right: 20px;
  display: flex;
}

.oircle-store-product-wrapper.m100.max2._2 {
  margin-bottom: 80px;
  padding-top: 20px;
  padding-bottom: 20px;
}

.headline-grid {
  z-index: 1;
  grid-column-gap: 36px;
  grid-row-gap: 36px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  grid-auto-flow: row;
  width: 100%;
  max-width: 1200px;
  margin: -50px auto 50px;
  display: grid;
}

.productsuperview {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  height: 100vh;
  display: flex;
  position: relative;
}

.oircle-store-overview {
  z-index: 99;
  position: relative;
}

.oircle-store-product-more-details {
  width: 100%;
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
}

.hidden-empty-state {
  display: none;
}

.details-contain {
  color: var(--white);
  width: 45%;
}

.details-contain.gry-text {
  color: var(--oircle-default-gry);
  width: 55%;
}

.details-contain.gry-text.full-wrap {
  width: auto;
}

.details-contain.gry-text.full-wrap.small-text {
  font-size: 14px;
  font-weight: 900;
  line-height: 14px;
}

.uiproductpromotionadtitle {
  color: var(--oircle-grim-gry);
  margin-top: 0;
  margin-bottom: 5px;
  font-size: 75px;
  font-weight: 900;
  line-height: 77px;
}

.uiproductpromotionadtitle.big-title {
  color: var(--white);
  text-transform: uppercase;
  font-size: 85px;
  font-weight: 900;
  line-height: 85px;
}

.uiproductpromotionadtitle.big-title.promo {
  color: var(--oircle-default-gry);
}

.uiproductpromotionadtitle.small {
  color: var(--oircle-default-gry);
  font-size: 30px;
  line-height: 30px;
}

.oircle-store-quick-buy {
  z-index: 1;
  background-color: var(--element-dynamic);
  color: var(--oircle-default-gry);
  border-radius: 20px;
  margin-top: 10px;
  margin-bottom: 10px;
  padding: 10px 30px;
  font-size: 20px;
  display: inline-block;
  position: relative;
}

.oircle-store-quick-buy:hover {
  color: var(--oircle-notification);
}

.product-price-tag {
  filter: brightness(135%);
  margin-right: 5px;
  font-weight: 900;
}

.uiproductfeaturedlist {
  padding-bottom: 7.5px;
  padding-left: 20px;
  padding-right: 20px;
  display: flex;
}

.oircle-store-content-contain {
  background-color: var(--element-dynamic);
  cursor: default;
  border-radius: 30px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: stretch;
  width: 300px;
  height: 500px;
  margin: 0 85px 0 0;
  padding: 25px;
  display: flex;
  position: relative;
}

.oircle-store-content-contain.xl {
  height: 200px;
  margin-left: 0;
}

.product {
  color: var(--hover-element-dynamic);
  align-self: stretch;
  padding: 45px 25px 15px;
}

.form-7 {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100vw;
  padding: 0 25px 25px;
  display: flex;
  position: relative;
}

.contact-field {
  background-color: var(--element-dynamic);
  border: 0 solid #000;
  border-radius: 12px;
  flex: 1;
  min-width: 150px;
  margin: 20px 5px 2px;
  padding: 15px;
}

.contact-field.text-area {
  max-height: 150px;
  padding-bottom: 0;
}

.contact-us-direct {
  background-image: url("https://cdn.prod.website-files.com/5aa43322534e4a0001179757/5e01e2726e14ef84de72b266_contact%20form.png");
  background-position: 100% 100%;
  background-repeat: no-repeat;
  background-size: contain;
  flex-direction: column;
  flex: 0 auto;
  justify-content: center;
  align-self: stretch;
  align-items: center;
  min-height: 45vh;
  margin-bottom: auto;
  padding-top: 101px;
  padding-bottom: 45px;
  display: flex;
  position: relative;
}

.contact-button {
  background-color: var(--oircle-default-gry);
  border-radius: 21px;
  width: 50%;
  margin-top: 20px;
  margin-left: auto;
  margin-right: auto;
  padding: 15px;
  font-size: 20px;
  position: sticky;
  bottom: 15px;
}

.contact-button:hover {
  background-color: var(--oircle-notification);
}

.contact-button:active {
  background-color: var(--element-dynamic);
}

.div-block-1248 {
  border-radius: 20px;
  width: 55%;
  height: 5px;
  margin: 15px auto;
  position: relative;
  bottom: 0;
}

.uicontacttitle {
  text-align: center;
  font-size: 15vh;
  line-height: 150px;
}

.uicontacttitle.mini {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 20px;
  line-height: 0;
  position: absolute;
  inset: 0%;
}

.div-block-1249 {
  flex-direction: column;
  flex: 1;
  justify-content: center;
  align-self: stretch;
  align-items: stretch;
  width: 60%;
  margin-top: 30px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.text-block-194 {
  color: #e9e9e9bf;
  margin-bottom: 5px;
  font-size: 35px;
  line-height: 35px;
}

.text-block-194.super-header {
  font-weight: 900;
}

.contact-text-block {
  color: #e9e9e9cf;
  margin-top: 0;
  margin-left: 10px;
}

.success-message-5 {
  background-color: #0000;
}

.text-block-197 {
  text-transform: capitalize;
  font-size: 55px;
  font-weight: 900;
  line-height: 55px;
}

.lottie-animation-5 {
  width: 300px;
  height: 300px;
  margin-left: auto;
  margin-right: auto;
}

.be-informed {
  grid-column-gap: 36px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: .25fr .5fr .5fr;
  grid-auto-columns: 1fr;
  place-items: stretch stretch;
  min-height: 85vh;
  margin: 10px;
  display: grid;
}

.be-informed-text {
  text-transform: uppercase;
  font-size: 60px;
  line-height: 60px;
  transform: rotate(-90deg);
}

.holographic-icons {
  background-image: url("https://cdn.prod.website-files.com/5aa43322534e4a0001179757/5dac24544c72cc3b59ee5685_clip-virtual-reality.png"), linear-gradient(45deg, var(--oircle-notification), #76d3ff);
  background-position: 50%, 0 0;
  background-repeat: no-repeat, repeat;
  background-size: cover, auto;
  border-radius: 40px;
  margin: 10px;
}

.stay-updated-contain {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  grid-template-rows: auto 255px;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  grid-auto-flow: row;
  display: grid;
}

.stay-updated-paragraph {
  margin-top: 0;
  margin-bottom: 20px;
  font-size: 13px;
  line-height: 17px;
}

.stay-updated-text {
  margin-bottom: 2px;
}

.default-text-field {
  background-color: #0000;
  background-image: url("https://cdn.prod.website-files.com/5aa43322534e4a0001179757/5e1001314b55b0e7e32f203c_paperplane.fill.png");
  background-position: 97%;
  background-repeat: no-repeat;
  background-size: 20px;
  border: 0 solid #000;
  border-bottom: 1px solid #80808080;
  margin-top: 15px;
  margin-bottom: 15px;
  padding: 25px 45px 25px 25px;
  font-size: 20px;
}

.news-outlet-signup-button {
  color: #80808080;
  background-color: #0000;
  border: 1px solid #80808080;
  width: 50%;
  margin-top: 1px;
  margin-bottom: 10px;
  padding: 15px 25px;
  font-size: 20px;
  font-weight: 900;
}

.news-outlet-signup-button:hover {
  background-image: linear-gradient(45deg, #2fbcff, var(--oircle-notification));
  color: var(--white);
  border-color: #0000;
}

.div-block-1259 {
  background-color: var(--element-dynamic);
  width: 175px;
  min-width: 175px;
  max-width: 175px;
  height: 95%;
  margin-left: 10px;
  margin-right: 10px;
}

.why-subscribe-contain {
  display: flex;
  overflow: scroll;
}

.why-subcribe {
  background-image: url("https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  margin-right: 15px;
  position: relative;
}

.why-subcribe.stay-updated {
  background-image: url("https://cdn.prod.website-files.com/5aa43322534e4a0001179757/5dac244bf43e6f6cbedf7fe3_clip-no-messages.png");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.why-subcribe.get-tailored-news {
  background-image: url("https://cdn.prod.website-files.com/5aa43322534e4a0001179757/5dac2441d26b0ae67dd559fa_clip-bio-technologies.png");
}

.why-subcribe._73-faster {
  background-image: url("https://cdn.prod.website-files.com/5aa43322534e4a0001179757/5dac2452f43e6f4bfcdf7ff6_clip-travel.png");
}

.why-subscribe-text {
  background-color: var(--oircle-default-gry);
  color: var(--white);
  text-transform: uppercase;
  margin: 10px -15px 20px 15px;
  padding: 10px;
  position: absolute;
  inset: auto 0% 0% auto;
}

.lottie-animation-6 {
  width: 150px;
  margin-left: auto;
  margin-right: auto;
}

.success-message-6 {
  background-color: #0000;
  font-size: 17px;
  line-height: 23px;
}

.oircle-account {
  text-align: center;
  justify-content: center;
  align-items: flex-start;
  font-family: Ofont, sans-serif;
  font-size: 55px;
  font-weight: 400;
  line-height: 45px;
  display: flex;
}

.apps-contain {
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  margin: 25px 25px 0;
  padding: 5px;
  display: flex;
}

.oircle-apps-contain-super-delegate {
  border: .5px solid var(--hover-element-dynamic);
  background-color: var(--white);
  background-image: url("https://cdn.prod.website-files.com/5aa43322534e4a0001179757/612e4d1772d9fd2704e4580a_Application%20Logotype.png");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  border-radius: 35px;
  width: 120px;
  height: 120px;
  margin: 0;
}

.oircle-apps-contain-super-delegate.oircle-news {
  background-image: url("https://cdn.prod.website-files.com/5aa43322534e4a0001179757/60a542f81ed9a454a02ca0a6_Oircle%20News%20Logotype%20_2.png");
  margin: -1px;
}

.oircle-apps-contain-super-delegate.oircle-account {
  background-image: url("https://cdn.prod.website-files.com/5aa43322534e4a0001179757/641472b5036e355c1a4c158f_Oircle%20Connect.jpg");
  margin: -50px;
  position: relative;
}

.buy-or-download {
  flex-direction: column;
  justify-content: center;
  align-self: stretch;
  align-items: stretch;
  width: 300px;
  margin: 20px 0 20px auto;
  display: flex;
}

.default-state-5 {
  flex-direction: column;
  justify-content: center;
  margin-bottom: 0;
  display: flex;
}

.buy-digital {
  background-color: var(--oircle-notification);
  flex: 1;
  height: 50px;
  font-weight: 900;
}

.settings {
  background-color: var(--element-dynamic);
  text-align: center;
  justify-content: center;
  align-items: center;
  width: 50px;
  height: 50px;
  font-size: 30px;
  line-height: 0;
  text-decoration: line-through;
  display: flex;
}

.get-digital-product {
  justify-content: center;
  align-self: stretch;
  align-items: stretch;
  display: flex;
}

.or-contain {
  justify-content: center;
  align-items: center;
  margin-top: 5px;
  margin-bottom: 5px;
  display: flex;
}

.dash {
  background-color: var(--element-dynamic);
  border-radius: 20px;
  flex: 1;
  height: 2px;
}

.or-label {
  margin-left: 10px;
  margin-right: 10px;
  font-weight: 900;
}

.game-premium-pass {
  background-color: var(--oircle-notification);
  color: var(--white);
  flex: 1;
  justify-content: center;
  align-items: center;
  min-height: 50px;
  margin-left: 0;
  margin-right: 0;
  font-size: 15px;
  display: flex;
}

.game-premium-pass:hover {
  color: var(--white);
}

.digital-price {
  color: var(--hover-element-dynamic);
  margin-top: 5px;
  margin-bottom: 5px;
  font-size: 25px;
  font-weight: 900;
  line-height: 25px;
}

.digital-details-panel {
  flex-direction: column;
  min-height: 100vh;
  margin-top: 72vh;
  display: none;
  position: absolute;
  inset: 0%;
}

.digital-delegate-contain {
  z-index: 10000;
  background-color: var(--white);
  align-items: flex-end;
  max-width: 2000px;
  max-height: 1000px;
  margin: 15px 15px 76px;
  padding: 20px;
  display: flex;
  position: sticky;
  top: 15px;
  box-shadow: 0 0 20px #00000059;
}

.digital-product-placement {
  background-color: #0000;
  background-image: url("https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 200px;
  min-width: 200px;
  max-width: 200px;
  height: 200px;
  min-height: 200px;
  max-height: 200px;
  margin-top: auto;
  margin-bottom: auto;
  margin-right: 15px;
}

.digital-panel-text {
  margin-top: auto;
  margin-bottom: auto;
}

.digital-product-name {
  font-weight: 900;
}

.capabilities {
  align-items: center;
  margin: 0 0 35px;
  padding: 15px 0;
  display: flex;
}

.label-sections {
  text-align: center;
  flex: 0 auto;
  width: 100%;
  padding: 10px;
  font-size: 30px;
  font-weight: 900;
}

.label-sections.left-align {
  text-align: left;
}

.capabilities-section-super-delegate {
  background-color: var(--element-dynamic);
  border-radius: 20px;
  margin: 5px;
  padding: 10px 20px;
  font-size: 20px;
  display: inline-block;
}

.available-on-contain {
  flex-flow: wrap;
  justify-content: flex-start;
  align-items: center;
  width: 400px;
  margin-left: 6px;
  margin-right: 6px;
  display: flex;
}

.digital-panel-product-page {
  background-color: var(--white);
  flex-direction: column;
  flex: 1;
  padding: 20px;
  display: flex;
}

.description-section {
  margin-bottom: 35px;
}

.digital-description {
  width: 50%;
  overflow: hidden;
}

.empty-state-5 {
  display: none;
}

.div-block-1293 {
  min-width: 100px;
  margin: 10px 30px;
}

.mini-sections {
  font-weight: 900;
}

.mini-callers {
  font-weight: 400;
}

.div-block-1294 {
  flex-wrap: wrap;
  justify-content: flex-start;
  display: flex;
}

.screenshots {
  margin-bottom: 35px;
}

.additional-information {
  margin-top: auto;
  margin-bottom: 0;
}

.show-more-or-less {
  color: var(--oircle-notification);
  text-transform: uppercase;
  padding: 10px;
  font-size: 20px;
  font-weight: 900;
  display: inline-block;
}

.trailers {
  margin-bottom: 35px;
}

.show-buttons-contain {
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.left-direction-arrow {
  color: #0000;
  background-image: url("https://cdn.prod.website-files.com/5aa43322534e4a0001179757/5da1e8d3848a165b51d4845f_arrow.right%20(blue).png");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  margin-left: 10px;
}

.digital-panel {
  flex-wrap: wrap;
  height: 100%;
  margin-top: auto;
  margin-bottom: auto;
  display: flex;
}

.div-block-1297 {
  border-top: 2px solid var(--element-dynamic);
  width: 100%;
  max-width: 1200px;
  margin-top: 25px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 25px;
  display: block;
}

.more-details-content {
  text-transform: capitalize;
  margin-bottom: 0;
  font-size: 55px;
  font-weight: 900;
  line-height: 55px;
}

.search-input-delegate {
  color: var(--oircle-grim-gry);
  background-color: #0000;
  border: 0 solid #0000;
  width: 100%;
  height: 100%;
  margin-bottom: 0;
  padding-left: 45px;
  padding-right: 5px;
}

.oircle-news-design-studio-file-submission {
  justify-content: center;
  align-items: center;
  height: 85vh;
  display: flex;
  position: relative;
}

.oircle-news-file-default {
  flex: 1;
  justify-content: center;
  align-self: stretch;
  display: flex;
}

.file-element-delegate {
  border: 5px dashed var(--element-dynamic);
  background-color: #0000;
  flex: 1;
  justify-content: center;
  align-items: center;
  display: flex;
}

.cloud-icon {
  margin-left: auto;
  margin-right: auto;
}

.oircle-news-design-studio-designer {
  z-index: 1;
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  flex-flow: column;
  margin: 20px 20px 125px;
  padding: 0;
  display: flex;
  position: fixed;
  inset: auto auto 0% 0%;
}

.oircle-news-content-change-delegate {
  border: .1px solid var(--hover-element-dynamic);
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  background-image: url("https://cdn.prod.website-files.com/5aa43322534e4a0001179757/5e6012c5981bf072c7afb4df_Image%20Frontview.png");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 75%;
  border-radius: 15px;
  justify-content: center;
  align-items: center;
  width: 55px;
  height: 55px;
  margin: 0;
  padding: 10px;
  display: flex;
}

.oircle-news-content-change-delegate:hover {
  background-image: url("https://cdn.prod.website-files.com/5aa43322534e4a0001179757/5e6012c5981bf072c7afb4df_Image%20Frontview.png"), linear-gradient(to bottom, var(--oircle-notification), var(--oircle-notification));
  background-position: 50%, 0 0;
  background-repeat: no-repeat, repeat;
  background-size: 75%, auto;
}

.oircle-news-content-change-delegate.set-one {
  background-image: url("https://cdn.prod.website-files.com/5aa43322534e4a0001179757/5e6012c4d3e2c10629975a15_Text%20Overlay.png");
}

.oircle-news-content-change-delegate.set-one:hover {
  background-image: url("https://cdn.prod.website-files.com/5aa43322534e4a0001179757/5e6012c4d3e2c10629975a15_Text%20Overlay.png"), linear-gradient(to bottom, var(--oircle-notification), var(--oircle-notification));
  background-position: 50%, 0 0;
  background-repeat: no-repeat, repeat;
  background-size: 75%, auto;
}

.oircle-news-content-change-delegate.set-two {
  background-image: url("https://cdn.prod.website-files.com/5aa43322534e4a0001179757/5e6012c41f1b614e4ce3d48c_Tezt%20Default.png");
}

.oircle-news-content-change-delegate.set-two:hover {
  background-image: url("https://cdn.prod.website-files.com/5aa43322534e4a0001179757/5e6012c41f1b614e4ce3d48c_Tezt%20Default.png"), linear-gradient(to bottom, var(--oircle-notification), var(--oircle-notification));
  background-position: 50%, 0 0;
  background-repeat: no-repeat, repeat;
  background-size: 75%, auto;
}

.oircle-design-studio-banner {
  z-index: 1;
  border: .1px solid var(--hover-element-dynamic);
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  border-radius: 20px;
  justify-content: space-between;
  align-items: center;
  margin: 15px 20px 20px;
  padding: 20px;
  display: flex;
  position: fixed;
  inset: auto 0% 0%;
}

.content-article-contain {
  margin-top: 80px;
  margin-bottom: 10px;
}

.oircle-news-text-button {
  color: var(--white-smoke);
  background-color: #0000;
  margin-left: 10px;
  margin-right: 10px;
  font-size: 25px;
  font-weight: 900;
}

.oircle-news-text-button:hover {
  color: var(--oircle-notification);
}

.title-super-contain {
  height: 80px;
  margin-top: 20px;
  margin-bottom: 20px;
  transform: none;
}

.file-text-entery {
  background-color: #0000;
  border: 0 solid #000;
  height: 100%;
  padding-left: 25px;
  font-size: 30px;
}

.right-oircle-designer-devider {
  border-right: .5px solid #0000;
  border-left: .5px solid var(--oircle-grim-gry);
  flex: 0 auto;
  justify-content: center;
  align-self: stretch;
  align-items: center;
  padding: 0 15px 0 45px;
  display: flex;
  position: relative;
}

.left-oircle-designer-devider {
  border-right: .5px solid var(--oircle-grim-gry);
  border-left: .5px solid #0000;
  flex: 1;
  justify-content: flex-start;
  align-self: stretch;
  align-items: center;
  max-width: 400px;
  padding: 0 15px;
  display: flex;
}

.design-studio-text {
  font-size: 25px;
  line-height: 25px;
}

.oircle-news-more-inofrmation-button {
  filter: invert(95%);
  background-image: url("https://cdn.prod.website-files.com/5aa43322534e4a0001179757/5e60eaa530fed63b57d8ce72_questionmark.circle.png");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 40px;
  height: 40px;
  margin: 10px;
  padding: 0;
}

.oircle-news-more-inofrmation-button:hover {
  filter: invert(50%);
}

.file-text-entery-sub {
  background-color: #0000;
  border: 0 solid #000;
  height: 100%;
  padding-left: 25px;
  font-size: 25px;
}

.text-entery-contain {
  border-bottom: .5px solid var(--oircle-grim-gry);
  margin-bottom: 25px;
  padding-bottom: 15px;
  transform: none;
}

.text-entery-author-n {
  color: var(--black);
  background-color: #0000;
  border: 0 solid #000;
  height: 100%;
  padding-left: 25px;
  font-size: 25px;
  font-weight: 700;
}

.text-entery-introduction-para {
  background-color: #0000;
  border: 0 solid #000;
  min-height: 50px;
  margin-bottom: 25px;
  padding-left: 25px;
  font-size: 25px;
}

.text-entery-content-artical {
  background-color: #0000;
  border: 0 solid #000;
  min-height: 400px;
  padding-left: 25px;
  font-size: 25px;
}

.contain-content-delegate {
  transform: translate(0, -100px);
}

.div-block-1329 {
  justify-content: space-around;
  align-items: center;
  display: flex;
}

.oircle-news-publish-button-contain {
  justify-content: center;
  align-items: center;
  position: relative;
}

.file-access-button {
  border: 0px dashed var(--element-dynamic);
  background-color: var(--element-dynamic);
  flex-direction: column;
  flex: 1;
  justify-content: center;
  align-items: center;
  position: relative;
}

.loading-file-animation {
  width: 300px;
  height: 400px;
  position: absolute;
}

.file-uploading-text {
  margin-top: 50px;
  font-weight: 700;
}

.uploaded-file {
  background-color: var(--element-dynamic);
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.file-delegate-name {
  font-size: 35px;
  font-weight: 700;
  line-height: 35px;
}

.file-dismiss-content {
  justify-content: center;
  align-items: center;
  width: 50px;
  height: 50px;
  margin-top: 30px;
  margin-left: 0;
  display: flex;
}

.complete-file-submission {
  width: 100%;
  height: 400px;
  position: absolute;
  transform: translate(0, -150px);
}

.lottie-animation-9 {
  width: 100%;
  height: 100%;
}

.error-submission-file {
  text-transform: uppercase;
  font-weight: 900;
  position: absolute;
  inset: 0% 0% auto auto;
}

.oircle-news-file-default-copy {
  flex: 1;
  justify-content: center;
  align-self: stretch;
  width: 75%;
  margin: 25px;
  padding: 15px;
  display: flex;
  position: absolute;
  inset: 0% 0% auto auto;
}

.oircle-design-studio {
  display: block;
}

.choose-an-option {
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  height: 100vh;
  padding-top: 125px;
  display: flex;
  overflow: auto;
}

.option-contain {
  background-image: url("https://cdn.prod.website-files.com/5aa43322534e4a0001179757/5dac244e06d0770ebae0a9bc_clip-programming.png");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 75%;
  justify-content: center;
  align-items: flex-end;
  width: 400px;
  min-width: 400px;
  max-width: 400px;
  height: 400px;
  min-height: 400px;
  max-height: 400px;
  margin: 20px;
  padding: 20px;
  font-size: 20px;
  font-weight: 700;
  transition: all .4s;
  display: flex;
}

.option-contain:hover {
  background-size: 120%;
}

.option-contain.drag-drop {
  background-image: url("https://cdn.prod.website-files.com/5aa43322534e4a0001179757/5dac244bf43e6f6cbedf7fe3_clip-no-messages.png");
}

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

.heading-283 {
  text-align: center;
  margin: 60px 40px 40px;
  position: absolute;
  inset: 0% 0% auto;
}

.oircle-drag-drop {
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  height: 100vh;
  display: none;
}

.drag-drop-contain {
  flex-direction: column;
  flex: 1;
  justify-content: center;
  align-self: stretch;
  align-items: center;
  width: 50%;
  min-width: 500px;
  max-width: 1500px;
  min-height: 500px;
  margin: 20px;
  display: flex;
  position: relative;
}

.oircle-news-drag-drop-form-contain {
  flex: 1;
  justify-content: center;
  align-self: stretch;
  align-items: center;
  margin-bottom: 0;
  display: flex;
}

.drag-drop-form-delegate {
  flex-wrap: wrap;
  flex: 1;
  justify-content: center;
  align-self: stretch;
  align-items: center;
  display: flex;
}

.file-submission-delegate {
  flex: 1;
  justify-content: center;
  align-self: stretch;
  align-items: center;
  margin-bottom: 0;
  display: flex;
}

.oircle-news-drag-drop-default {
  flex: 1;
  justify-content: center;
  align-self: stretch;
  align-items: center;
  display: flex;
}

.drag-drop-submission-default-button {
  border: 5px dashed var(--element-dynamic);
  background-color: #0000;
  border-radius: 30px;
  flex: 1;
  justify-content: center;
  align-self: stretch;
  align-items: center;
  display: flex;
}

.oircle-news-article-details-panel {
  flex-direction: column;
  flex: 1;
  justify-content: center;
  align-self: stretch;
  align-items: stretch;
  min-width: 400px;
  max-width: 1500px;
  margin: 20px;
  display: flex;
}

.text-field-drag-drop {
  background-color: var(--element-dynamic);
  border: 0 solid #000;
  border-radius: 20px;
  height: 65px;
  margin-top: 15px;
  margin-bottom: 15px;
  padding-left: 20px;
  font-size: 20px;
}

.title-subtitle-contain {
  border-bottom: .1px solid var(--oircle-grim-gry);
  width: 75%;
  min-height: 55px;
  margin-top: 30px;
  margin-left: auto;
  margin-right: auto;
}

.publish-oircle-news-article {
  color: var(--oircle-notification);
  background-color: #0000;
  width: 50%;
  margin: auto auto 25px;
  font-size: 20px;
  font-weight: 900;
}

.overview-details-of-oircle-drag-drop {
  width: 75%;
  margin: 50px auto 30px;
}

.list {
  width: 75%;
  margin-left: auto;
  margin-right: auto;
}

.oircle-news-articel-approval-drag-drop {
  width: 75%;
  margin-left: auto;
  margin-right: auto;
  font-size: 20px;
}

.things-to-include-text {
  margin-top: 10px;
  margin-bottom: 10px;
  font-size: 18px;
  font-weight: 900;
  line-height: 18px;
}

.uploading-state {
  flex: 1;
  justify-content: center;
  align-self: stretch;
  align-items: center;
  display: flex;
}

.uploading-submission-button {
  background-color: var(--element-dynamic);
  border: 5px dashed #0000;
  border-radius: 30px;
  flex-direction: column;
  flex: 1;
  justify-content: center;
  align-self: stretch;
  align-items: center;
}

.success-state {
  flex: 1;
  justify-content: center;
  align-self: stretch;
  align-items: center;
  display: flex;
}

.uploaded-file-2 {
  background-color: var(--element-dynamic);
  border: 0 solid #000;
  border-radius: 30px;
  flex-direction: column;
  flex: 1;
  justify-content: center;
  align-self: stretch;
  align-items: center;
}

.text-entery-overview-para {
  background-color: #0000;
  border: 0 solid #000;
  min-height: 100px;
  margin-bottom: 25px;
  padding-left: 25px;
  font-size: 25px;
}

.error-message-oircle-news-article-submission {
  margin: 20px;
  padding: 15px;
  position: fixed;
  inset: auto 0% 0% auto;
}

.error-state-oircle-articles {
  background-color: #ffdede;
  margin: 20px;
  padding: 15px;
  position: fixed;
  inset: auto 0% 0% auto;
}

.error-message-8 {
  color: var(--oircle-default-gry);
  text-transform: uppercase;
  font-weight: 900;
}

.success-message-7 {
  background-color: var(--white);
  background-image: url("https://cdn.prod.website-files.com/5aa43322534e4a0001179757/5dac2452f43e6f4bfcdf7ff6_clip-travel.png");
  background-position: 100% 0;
  background-repeat: no-repeat;
  background-size: 75%;
  flex: 1;
  align-self: stretch;
  padding: 0;
}

.div-block-1332 {
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  height: 100%;
  padding: 25px;
  display: flex;
}

.paragraph-156 {
  text-align: left;
  width: 35%;
  font-size: 15px;
  line-height: 20px;
}

.heading-284 {
  text-align: left;
  width: 75%;
  font-size: 80px;
  line-height: 80px;
}

.div-block-1333 {
  background-color: var(--oircle-notification);
  border-top-right-radius: 30px;
  justify-content: flex-start;
  align-self: stretch;
  align-items: center;
  width: 90%;
  height: 25%;
  min-height: 0;
  margin-top: auto;
  display: flex;
  position: fixed;
  inset: auto 0% 0%;
}

.text-block-214 {
  color: var(--white);
  justify-content: center;
  align-items: center;
  width: 125px;
  height: 125px;
  font-family: Varela Round, sans-serif;
  font-size: 125px;
  font-weight: 400;
  line-height: 125px;
  display: flex;
}

.div-block-1334 {
  flex-direction: column;
  justify-content: center;
  align-self: stretch;
  align-items: center;
  width: 200px;
  min-height: 200px;
  margin: 20px;
  display: flex;
}

.div-block-1343 {
  text-align: center;
  border-radius: 15px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 85%;
  min-height: 300px;
  padding: 46px;
  display: flex;
}

.approval-code-check-box {
  background-color: var(--element-dynamic);
  cursor: none;
  border-radius: 20px;
  justify-content: center;
  align-items: center;
  min-width: 200px;
  min-height: 30px;
  margin: 5px;
  padding: 10px;
  display: flex;
}

.approval-code-check-box:hover {
  background-color: #c7c7c780;
}

.approval-checkbox {
  cursor: none;
  background-color: #bdbdbd80;
  border-width: 0;
  border-radius: 50%;
  width: 25px;
  height: 25px;
  margin: 0 15px 0 0;
}

.approval-checkbox.w--redirected-checked {
  background-color: var(--oircle-notification);
  background-size: 50%;
}

.checkbox-label-4 {
  cursor: none;
  margin-bottom: 0;
  font-weight: 900;
}

.div-block-1344 {
  background-color: #66666680;
  border-radius: 50px;
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-start;
  width: 300px;
  height: 300px;
  padding: 20px;
  display: flex;
}

.div-block-1345 {
  background-color: var(--element-dynamic);
  border-radius: 50%;
  width: 100px;
  height: 100px;
  margin-bottom: auto;
}

.div-block-1346 {
  border-top: .5px solid #000;
  align-items: center;
  margin-top: 5px;
  padding-top: 25px;
  display: flex;
}

.user-email-delegate {
  border-top: .5px solid #000;
  flex-direction: column;
  align-items: flex-start;
  margin-top: 20px;
  padding-top: 15px;
  display: flex;
}

.text-field-15 {
  background-color: #0000;
  border: 0 solid #000;
  margin-top: 5px;
  margin-bottom: 20px;
  padding: 15px 30px 30px 0;
  font-size: 20px;
}

.submit-button-11 {
  background-color: var(--element-dynamic);
  color: var(--oircle-notification);
  border-radius: 20px;
  width: 25%;
  min-width: 200px;
  font-size: 18px;
  font-weight: 900;
}

.submit-button-11:hover {
  background-color: var(--oircle-notification);
  color: var(--white);
}

.open-beta-programs {
  display: none;
}

.text-span-61 {
  font-size: 35px;
  font-weight: 700;
  line-height: 35px;
}

.success-message-8 {
  background-color: #0000;
}

.lottie-animation-11 {
  width: 100px;
  height: 100px;
  margin-bottom: 25px;
  margin-left: auto;
  margin-right: auto;
}

.error-message-9 {
  border-radius: 13px;
}

.div-block-1361 {
  display: block;
}

.cart-super-contain {
  z-index: 3;
  border: 0 solid #000;
  border-radius: 50%;
  width: 75px;
  min-width: 75px;
  max-width: 75px;
  height: 75px;
  min-height: 75px;
  max-height: 75px;
  margin-left: 15px;
  padding: 0;
  overflow: visible;
}

.cartmenu {
  z-index: 2;
  background-color: #0000;
  border-style: none;
  border-color: #000;
  flex-direction: row;
  justify-content: center;
  align-items: stretch;
  margin-bottom: 0;
  margin-left: 0;
  margin-right: 0;
  padding: 30px 30px 30px 29px;
  display: flex;
  overflow: hidden;
}

.cart-quantity {
  z-index: 5;
  background-color: var(--dismiss-element);
  color: var(--white);
  transform-style: preserve-3d;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  min-width: 20px;
  max-width: 20px;
  height: 20px;
  min-height: 20px;
  max-height: 20px;
  margin: 15px;
  padding: 5px;
  font-family: Roboto, sans-serif;
  display: none;
  position: absolute;
  inset: 0% 0% auto auto;
  transform: translate3d(0, 0, 5px);
}

.checkoutactions {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding-right: 45px;
  display: flex;
  overflow: hidden;
}

.purchasewithapplepay {
  flex: 1;
  height: 30px;
}

.pay-with-browser-pay-button {
  color: var(--white);
  height: auto;
  margin-bottom: 8px;
  padding-top: 10px;
  padding-bottom: 10px;
  position: relative;
}

.pay-with-browser-pay-button:hover {
  color: var(--white);
  position: relative;
  inset: 0%;
}

.price-cart-item {
  color: var(--oircle-default-gry);
  font-size: 20px;
  font-weight: 900;
}

.or-lebel-devide {
  color: var(--white);
  text-shadow: 0 0 20px #00000073;
  margin-left: 15px;
  margin-right: 15px;
  font-size: 20px;
  font-weight: 900;
  display: inline;
}

.div-block-1362 {
  background-color: var(--element-dynamic);
  border-radius: 20px;
  flex: 1;
  height: 5px;
}

.div-block-1363 {
  flex-direction: row;
  flex: 1;
  justify-content: center;
  align-items: center;
  margin-top: 5px;
  margin-bottom: 5px;
  display: none;
  position: relative;
  inset: auto 0% -65%;
}

.uiproductpromotiontext {
  color: var(--oircle-grim-gry);
  font-size: 30px;
  font-weight: 400;
  line-height: 33px;
}

.uiproductpromotiontext.promo {
  color: var(--oircle-default-gry);
}

.uiproductpromotiontext.small {
  font-size: 15px;
  line-height: 17px;
}

.instergram {
  background-color: var(--white);
  background-image: url("https://cdn.prod.website-files.com/5aa43322534e4a0001179757/5b38d36fdf51e7b22afa21ce_Instagram-2.png");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 45%;
  border-radius: 50%;
  width: 50px;
  height: 50px;
  margin-top: 10px;
  margin-bottom: 10px;
}

.colour-node-contain {
  border: .5px solid var(--white-smoke);
  border-radius: 10px;
  flex-direction: column;
  align-items: stretch;
  width: 400px;
  height: 500px;
  margin-top: 125px;
  margin-left: auto;
  margin-right: auto;
  padding: 0;
  display: flex;
}

.colour-node-delegate {
  border-bottom: 2px dashed #000;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  flex-direction: column;
  flex: 1;
  padding: 15px;
  display: flex;
}

.colour-node {
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  flex: 1;
}

.colour-node-title-rgb {
  margin: 25px 15px 15px;
}

.rgb-contain-delegate {
  align-items: center;
  display: flex;
}

.rbg-value {
  color: var(--oircle-grim-gry);
  margin-left: 5px;
}

.category-indent {
  cursor: pointer;
  border-radius: 10px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  max-height: 225px;
  margin-top: 15px;
  margin-bottom: 15px;
  padding: 40px 10px 10px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.category-indent.link-only {
  align-items: stretch;
  max-width: 500px;
  padding: 0;
}

.category-indent.link-only:hover {
  background-color: #8c8c8c80;
}

.category-indent.link-only.category {
  cursor: none;
  background-image: url("https://cdn.prod.website-files.com/5aa43322534e4a0001179757/5da1e8d3848a165b51d4845f_arrow.right%20(blue).png");
  background-position: 90%;
  background-repeat: no-repeat;
  background-size: 15px;
  min-width: 200px;
  margin: 7.5px;
  padding-right: 30px;
  transition: background-position .4s, transform .4s;
}

.category-indent.link-only.category:hover {
  background-color: var(--hover-element-dynamic);
  background-position: 95%;
}

.paragraph-165 {
  color: var(--oircle-grim-gry);
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  font-size: 10px;
  line-height: 15px;
}

.div-block-1386 {
  filter: brightness(0%) grayscale();
  background-image: url("https://cdn.prod.website-files.com/5aa43322534e4a0001179757/5b5315ade5d2a84add98be23_Oircle%20%7C%20O%20%7C%20Without.PNG");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 90%;
  width: 35px;
  min-width: 35px;
  max-width: 35px;
  height: 35px;
  min-height: 35px;
  max-height: 35px;
}

.heading-297 {
  color: var(--black);
  justify-content: center;
  align-items: center;
  height: 25px;
  font-size: 30px;
  line-height: 25px;
  display: flex;
}

.div-block-1387 {
  justify-content: center;
  align-items: center;
  margin-top: 5px;
  margin-bottom: 20px;
  display: flex;
}

.div-block-1387.details-contain {
  margin-bottom: 0;
}

.unit-tile {
  justify-content: center;
  align-items: center;
  padding: 30px;
  position: absolute;
  transform: translate(0);
}

.horizontal-copy {
  cursor: pointer;
  background-image: url("https://cdn.prod.website-files.com/5aa43322534e4a0001179757/5da1e8d3848a165b51d4845f_arrow.right%20(blue).png");
  background-position: 100%;
  background-repeat: no-repeat;
  background-size: 15px;
  align-items: center;
  margin-left: 0;
  margin-right: 0;
  display: flex;
}

.div-block-1019 {
  margin-top: 10px;
  margin-bottom: 10px;
  display: flex;
}

.div-block-1017 {
  min-width: 95%;
  min-height: 30%;
  position: absolute;
  left: 0;
}

.heading-227 {
  color: #a0a0a080;
  width: 80%;
  margin-top: 0;
  margin-bottom: 25px;
  font-size: 30px;
  line-height: 35px;
}

.heading-226 {
  color: #f3f3f3;
  text-align: left;
  flex: 1;
  justify-content: center;
  align-items: center;
  margin-top: 0;
  margin-bottom: 0;
  margin-right: 5px;
  padding: 30px 15px;
  font-size: 20px;
  line-height: 0;
}

.div-block-1016 {
  flex: 1;
  margin-top: 10px;
  margin-bottom: 0;
  padding: 10px;
  overflow: scroll;
}

.div-block-1014 {
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
  flex-direction: column;
  width: 95%;
  min-width: 0%;
  min-height: 300px;
  margin: 25px auto 26px;
  display: flex;
  position: absolute;
  inset: 92vh 0% 0;
}

.text-block-145 {
  color: #a0a0a080;
  margin-bottom: 0;
  margin-right: 10px;
  font-size: 17px;
  line-height: 22px;
}

.text-block-145.provided {
  color: #a0a0a0;
  font-weight: 900;
}

.bundle-strip {
  background-image: url("https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-bottom-right-radius: 25px;
  border-bottom-left-radius: 25px;
  height: 105%;
  margin-left: auto;
  margin-right: auto;
  padding: 25px;
  position: fixed;
  inset: 0%;
  overflow: scroll;
}

.div-block-1015 {
  justify-content: flex-start;
  align-items: stretch;
  display: flex;
}

.productbundleidentificationcart {
  background-color: var(--oircle-notification);
  cursor: pointer;
  border-radius: 50px;
  justify-content: center;
  align-items: center;
  width: 175px;
  height: 55px;
  padding: 10px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.plus-icon {
  background-image: url("https://cdn.prod.website-files.com/5aa43322534e4a0001179757/5f718a7ed418d2fedd554b62_icons8-plus_math.png");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 25px;
  height: 25px;
  margin: auto auto auto 35px;
  position: absolute;
  inset: 0% auto 0% 0%;
}

.tiny-balls-super-delegate {
  opacity: 1;
  color: var(--hover-element-dynamic);
  justify-content: space-around;
  align-items: center;
  height: 25px;
  display: flex;
  position: absolute;
}

.ball-one {
  background-color: var(--oircle-vista-violet);
  border-radius: 50%;
  width: 10px;
  height: 10px;
  margin: 2px;
}

.ball-two {
  background-color: var(--oircle-bold-blue);
  border-radius: 50%;
  width: 10px;
  height: 10px;
  margin: 2px;
}

.ball-three {
  background-color: var(--oircle-piercing-purple);
  border-radius: 50%;
  width: 10px;
  height: 10px;
  margin: 2px;
}

.ball-four {
  background-color: var(--oircle-yielding-yellow);
  border-radius: 50%;
  width: 10px;
  height: 10px;
  margin: 2px;
}

.white-cart-delegate-icon {
  opacity: 0;
  background-image: url("https://cdn.prod.website-files.com/5aa43322534e4a0001179757/5e8ee4e15ee9cdec28f47033_Cart.png");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 25px;
  height: 25px;
  margin: auto auto auto 25px;
  position: absolute;
  inset: 0% auto 0% 0%;
}

.green-cart-delegate-icon {
  opacity: 0;
  background-image: url("https://cdn.prod.website-files.com/5aa43322534e4a0001179757/5ebfd4fef1cc2030a3b01fd0_Cart%20Succesful.png");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 25px;
  height: 25px;
  margin: auto auto auto 25px;
  position: absolute;
  inset: 0% auto 0% 0%;
}

.items-added-label-text {
  opacity: 0;
  color: var(--white);
  font-size: 25px;
  font-weight: 900;
  position: absolute;
}

.oircle-store-studios {
  padding: 0;
  font-family: Roboto, sans-serif;
  display: block;
  position: relative;
}

.oircle-store-studios.position-nil {
  z-index: 1;
  display: none;
  position: relative;
  inset: 0%;
}

.preview-portait {
  background-image: url("https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg");
  background-position: 50%;
  background-repeat: repeat;
  background-size: cover;
  margin: -25px;
  position: fixed;
  inset: 0%;
}

.out-of-stock-state {
  margin: 15px;
  position: absolute;
  inset: auto 0% 0% auto;
}

.oircle-game-premium-pass-button {
  flex-direction: column;
  justify-content: center;
  align-self: stretch;
  align-items: stretch;
  display: flex;
}

.default-state-6 {
  justify-content: center;
  align-items: flex-start;
  margin-bottom: 0;
  display: flex;
}

.add-to-cart {
  max-height: 60px;
}

.add-to-cart-button {
  background-color: var(--oircle-notification);
  background-image: url("https://cdn.prod.website-files.com/5aa43322534e4a0001179757/5e8ee4e15ee9cdec28f47033_Cart.png");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 45%;
  border-radius: 50%;
  width: 35px;
  min-width: 35px;
  max-width: 35px;
  height: 35px;
  min-height: 35px;
  max-height: 35px;
  margin: 10px 0 10px 10px;
  font-size: 0;
}

.add-to-cart-button:hover {
  background-color: var(--element-dynamic);
  background-image: url("https://cdn.prod.website-files.com/5aa43322534e4a0001179757/5ebfd4fef1cc2030a3b01fd0_Cart%20Succesful.png");
}

.option-contain-copy {
  justify-content: center;
  align-items: flex-end;
  margin: 6px 0 0;
  padding: 0;
  font-size: 20px;
  font-weight: 700;
  transition: background-position .4s;
  display: flex;
}

.option-contain-copy:hover {
  background-size: 120%;
}

.store-button-copy {
  background-color: var(--element-dynamic);
  color: var(--black);
  border-radius: 40px;
  justify-content: center;
  align-items: center;
  height: 35px;
  min-height: 35px;
  max-height: 35px;
  margin: 5px;
  padding: 15px 30px;
  display: flex;
}

.collection-list-46 {
  display: flex;
}

.collection-item-36 {
  background-image: url("https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 10px;
  width: 80vw;
  max-width: 1400px;
  height: 75vh;
  max-height: 1000px;
  margin-right: 25px;
}

.collection-list-wrapper-33 {
  margin-top: 25px;
  display: flex;
}

.available-on-contain-copy {
  flex-flow: wrap;
  justify-content: flex-start;
  align-items: center;
  width: 400px;
  margin-left: 6px;
  margin-right: 6px;
  display: none;
}

.icon {
  background-image: url("https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 75%;
  width: 35px;
  min-width: 35px;
  max-width: 35px;
  height: 35px;
  min-height: 35px;
  max-height: 35px;
  margin: 5px;
  display: inline-block;
}

.icon.search {
  background-image: url("https://cdn.prod.website-files.com/5aa43322534e4a0001179757/5ef4e141a245d966fdbf3874_search.png");
}

.icon.home {
  background-image: url("https://cdn.prod.website-files.com/5aa43322534e4a0001179757/5ef4e1b83cc399be2c43c0cb_home.png");
}

.icon.store {
  background-image: url("https://cdn.prod.website-files.com/5aa43322534e4a0001179757/5ef4e142c0023caa7a970965_small%20business.png");
}

.icon.news {
  background-image: url("https://cdn.prod.website-files.com/5aa43322534e4a0001179757/5ef4e14463eb540b6cb0e63d_news.png");
}

.icon.checkout {
  background-image: url("https://cdn.prod.website-files.com/5aa43322534e4a0001179757/5ef4e14599e385a36ddbc407_checkout.png");
}

.icon.reddem-support {
  background-image: url("https://cdn.prod.website-files.com/5aa43322534e4a0001179757/5ef4e146bd12bc5fb40a947e_inquiry.png");
}

.icon.pages {
  background-image: url("https://cdn.prod.website-files.com/5aa43322534e4a0001179757/5ef5adcb3d07d369584f48f0_page.png");
}

.icon.more {
  background-image: url("https://cdn.prod.website-files.com/5aa43322534e4a0001179757/5da1e568009bb88a2e24bca3_arrow.right.png");
}

.or-label-devide {
  justify-content: center;
  align-items: center;
  margin: 15px 90px;
  display: none;
}

.shopping-cart-super-card {
  background-color: #0000;
  background-image: none;
  background-repeat: repeat;
  background-size: auto;
  border-radius: 20px;
  flex: 0 auto;
  align-self: stretch;
  margin: 20px;
  padding: 0;
}

.orderheader {
  z-index: 1;
  text-transform: capitalize;
  background-color: #0000;
  border-style: none;
  border-width: 0;
  margin: 0;
  padding: 0 15px 15px;
  font-weight: 900;
}

.order-content {
  background-color: #0000;
  border: 0 solid #000;
  padding: 0 15px 15px;
}

.order-field-delegate {
  border-width: 0 0 2px;
  border-bottom-color: var(--hover-element-dynamic);
  background-color: #0000;
  background-image: none;
  background-position: 0 0;
  background-repeat: repeat;
  background-size: auto;
  border-radius: 0;
  padding-left: 34px;
}

.order-field-delegate.email {
  background-image: url("https://cdn.prod.website-files.com/5aa43322534e4a0001179757/5f170fc87573a5cf7cf1c1b4_icons8-envelope.png");
  background-position: 0%;
  background-repeat: no-repeat;
  background-size: 25px;
}

.order-field-delegate.name {
  background-image: url("https://cdn.prod.website-files.com/5aa43322534e4a0001179757/5f17122fdc92a115125a0c47_icons8-identification_documents.png");
  background-position: 0%;
  background-repeat: no-repeat;
  background-size: 25px;
}

.order-field-delegate.address {
  background-image: url("https://cdn.prod.website-files.com/5aa43322534e4a0001179757/5f1712751760cd5cf7c4540e_icons8-home_address.png");
  background-position: 0%;
  background-repeat: no-repeat;
  background-size: 25px;
}

.order-field-delegate.front-facing-card-number {
  background-image: url("https://cdn.prod.website-files.com/5aa43322534e4a0001179757/5f17273402a9503f551d9e94_icons8-mastercard_credit_card.png");
  background-position: 0%;
  background-repeat: no-repeat;
  background-size: 25px;
  min-width: 125px;
}

.order-field-delegate.front-facing-card-number.back {
  background-image: url("https://cdn.prod.website-files.com/5aa43322534e4a0001179757/5f17273c77a2fd5c33f09e60_icons8-credit_card.png");
}

.order-field-delegate.discount-code {
  background-image: url("https://cdn.prod.website-files.com/5aa43322534e4a0001179757/5f32ba70eb6b4d5e4351cbae_icons8-coupon.png");
  background-position: 0%;
  background-repeat: no-repeat;
  background-size: 25px;
}

.field-label {
  text-align: left;
}

.field-label.payment-label {
  display: none;
}

.order-shipping-method {
  background-color: #0000;
  border: 1px solid #0000;
}

.order-shipping-method-list {
  border: 0 solid #000;
}

.order-method-price, .order-method-label {
  text-align: left;
  font-size: 15px;
  font-weight: 900;
}

.orderheaderlabel {
  color: var(--oircle-default-gry);
  -webkit-text-fill-color: inherit;
  background-image: none;
  background-repeat: repeat;
  background-size: auto;
  background-clip: border-box;
  font-size: 25px;
  line-height: 25px;
}

.ordererrorstatus {
  z-index: 1;
  text-align: center;
  background-color: #0000;
  border-radius: 9px;
  justify-content: center;
  align-items: center;
  margin: 7.5px 15px;
  padding: 0;
  display: flex;
  position: sticky;
  inset: 0% auto 15px 0%;
  overflow: hidden;
}

.text-block-240 {
  background-color: var(--oircle-notification);
  color: var(--white);
  text-align: center;
  text-transform: uppercase;
  justify-content: center;
  align-items: center;
  height: 25px;
  min-height: 25px;
  max-height: 25px;
  padding: 0 0 0 10px;
  font-size: 10px;
  font-weight: 900;
  display: flex;
  position: absolute;
  inset: 0% 0% auto;
}

.empty-state-7 {
  background-color: #0000;
}

.div-block-1419 {
  display: none;
}

.helpmenu {
  z-index: 10;
  border: .5px solid var(--hover-element-dynamic);
  border-radius: 10px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  width: 250px;
  height: 382px;
  margin: auto;
  padding: 5px;
  display: block;
  position: fixed;
  inset: 0%;
  box-shadow: 0 0 40px #0000001a;
}

.keybinding {
  border: 2px solid var(--hover-element-dynamic);
  border-radius: 10px;
  justify-content: center;
  align-items: center;
  min-width: 25px;
  min-height: 25px;
  margin-left: 0;
  margin-right: 0;
  padding: 0;
  display: flex;
}

.idle {
  z-index: 9999;
  background-color: var(--oircle-bold-blue);
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: center;
  width: 45vw;
  margin: 0;
  padding: 0;
  display: block;
  position: fixed;
  inset: 0% 0% 0% auto;
}

.time {
  margin-top: 0;
  margin-bottom: 0;
}

.timeblockcontain {
  z-index: 1;
  margin: 20px 20px 20px -180px;
  position: absolute;
  inset: 0% auto auto 0%;
}

.idle-quick-options-buttons {
  background-color: var(--element-dynamic);
  cursor: none;
  border-radius: 10px;
  flex: 1;
  justify-content: center;
  align-items: center;
  min-width: 100px;
  min-height: 100px;
  margin: 5px;
  padding: 10px;
  display: flex;
  position: relative;
}

.idle-quick-options-buttons:hover {
  background-color: var(--oircle-notification);
  color: var(--white);
}

.todaywidgets {
  flex-direction: column;
  flex: 1;
  justify-content: center;
  align-self: stretch;
  align-items: stretch;
  margin: 25px;
  display: flex;
  position: static;
  inset: 0% 0% 0% auto;
}

.div-block-1438 {
  margin: 20px 20px 20px -160px;
  position: absolute;
  inset: auto auto 0% 0%;
}

.download-button {
  background-color: var(--black);
  color: var(--white);
  border-radius: 30px;
  justify-content: center;
  align-items: center;
  width: 150px;
  height: 50px;
  margin: 5px;
  display: flex;
  position: static;
  inset: auto 0% 5%;
}

.download-button:hover {
  background-color: var(--oircle-notification);
  color: var(--white);
}

.download-button.invert {
  color: var(--black);
  background-color: #0000;
}

.download-button.invert:hover {
  color: var(--oircle-notification);
}

.super-nav-settings {
  background-color: #0000;
  border-radius: 50px;
  justify-content: center;
  align-items: center;
  min-width: 300px;
  min-height: 55px;
  margin: 111px 20px 20px;
  padding: 0;
  display: none;
  position: fixed;
  inset: 0% 0% auto auto;
  overflow: hidden;
  transform: none;
  box-shadow: 0 0 20px #00000040;
}

.super-nav-settings.w--open {
  margin-top: 105px;
  position: fixed;
}

.div-block-1471 {
  position: relative;
}

.uiproductfeatured {
  margin-top: 20px;
  position: relative;
}

.empty-state-sell-oircle-account {
  background-color: #0000;
  justify-content: flex-start;
  align-items: stretch;
  padding: 0;
  display: flex;
}

.promo-collection {
  border: 1px solid var(--hover-element-dynamic);
  background-image: url("https://cdn.prod.website-files.com/5aa43322534e4a0001179757/5eec7f761de53e1ec07cab78_Calculatr%20Promo.PNG");
  background-position: 0%;
  background-repeat: no-repeat;
  background-size: 300%;
  width: 600px;
  min-width: 600px;
  margin: 0;
  box-shadow: 0 0 20px #0000001a;
}

.promo-collection-center {
  border: 1px solid var(--hover-element-dynamic);
  background-image: url("https://cdn.prod.website-files.com/5aa43322534e4a0001179757/5eec7f761de53e1ec07cab78_Calculatr%20Promo.PNG");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 300%;
  width: 600px;
  min-width: 600px;
  margin: 20px 0 20px 10px;
  box-shadow: 0 0 20px #0000001a;
}

.promo-collection-end {
  border: 1px solid var(--hover-element-dynamic);
  background-image: url("https://cdn.prod.website-files.com/5aa43322534e4a0001179757/5eec7f761de53e1ec07cab78_Calculatr%20Promo.PNG");
  background-position: 100%;
  background-repeat: no-repeat;
  background-size: 300%;
  width: 600px;
  min-width: 600px;
  margin: 40px 0 40px 10px;
  box-shadow: 0 0 20px #0000001a;
}

.featured-products-properties {
  flex-direction: column;
  justify-content: space-between;
  margin: 25px 33px 25px 25px;
  display: flex;
  position: absolute;
  inset: 0% auto 0% 0%;
}

.oircle-store-featured-product-asset {
  flex: 1;
  align-self: stretch;
  margin-right: -135px;
  position: relative;
}

.oircle-store-featured-product-asset.xl {
  margin-right: -95px;
}

.keyboard-shortcuts-contain {
  border-radius: 10px;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 5px;
  margin-left: 0;
  margin-right: 0;
  padding: 5px;
  display: flex;
  position: relative;
}

.keyboard-shortcuts-contain:hover {
  background-color: var(--oircle-notification);
  color: var(--white);
}

.keyboard-shortcuts-contain.last {
  margin-bottom: 0;
}

.keyboard-shortcuts-contain.pageshortcuts {
  display: none;
}

.keybinding-contain {
  background-color: #fff0;
  border-radius: 10px;
  justify-content: flex-start;
  align-items: center;
  margin: 0;
  padding: 10px;
  transition: box-shadow .2s, background-color .2s;
  display: flex;
  box-shadow: 0 0 25px -20px #0000001f;
}

.keybinding-contain:hover {
  box-shadow: 0 0 25px -20px #0000001f;
}

.keybinding-contain:active {
  color: var(--oircle-default-gry);
  background-color: #fff;
  transform: scale(1.5);
  box-shadow: 0 0 25px #0000001f;
}

.heading-311 {
  font-size: 12px;
  line-height: 0;
}

.keeyboard-shortcuts-text {
  color: var(--oircle-default-gry);
  flex: 1;
  font-size: 15px;
  line-height: 15px;
}

.plus-icon-delegate {
  margin-left: 3px;
  margin-right: 3px;
  font-size: 10px;
  line-height: 0;
}

.keeyboard-shortcuts-catagory {
  border-bottom: 1px solid var(--element-dynamic);
  margin-bottom: 5px;
}

.keeyboard-shortcuts-catagory.inverted {
  border-top: 1px solid var(--element-dynamic);
  border-bottom-width: 0;
  margin-top: 5px;
  padding-top: 5px;
}

.shortcutinformation {
  position: relative;
}

.submenu {
  z-index: 1;
  background-color: var(--white);
  border-radius: 10px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  width: 250px;
  height: 313px;
  margin: 0;
  padding: 5px;
  display: flex;
  position: absolute;
  inset: 0% auto auto 69%;
  box-shadow: 0 0 40px #0000001a;
}

.div-block-1483 {
  height: 100vh;
}

.div-block-1494 {
  align-items: baseline;
  display: flex;
}

.container-block {
  border-radius: 20px;
  flex: 1;
  margin: 0;
  padding: 20px;
  position: relative;
  overflow: hidden;
}

.container-block.discountcode {
  border-top: 3px dashed var(--hover-element-dynamic);
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.container-block.paymentdetails {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}

.container-block.additionalinfo {
  border-top: 3px dashed var(--hover-element-dynamic);
  top: -18px;
}

.container-block.customerinfo {
  border: 0 solid #000;
}

.sign-up-pencil {
  background-image: url("https://cdn.prod.website-files.com/5aa43322534e4a0001179757/5f170f12d8bd797d42d2a555_Sign%20Up%20Pencil.png");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 75%;
  border-radius: 10px;
  width: 35px;
  height: 35px;
  margin: 10px;
  position: absolute;
  inset: 0% 0% auto auto;
}

.sign-up-pencil.shipment {
  background-image: url("https://cdn.prod.website-files.com/5aa43322534e4a0001179757/5f1713bd54207fd16522c92b_icons8-delivery.png");
}

.sign-up-pencil.payment-details {
  background-image: url("https://cdn.prod.website-files.com/5aa43322534e4a0001179757/5f1714e226fe40599aacf551_icons8-bank_cards.png");
}

.sign-up-pencil.home {
  background-image: url("https://cdn.prod.website-files.com/5aa43322534e4a0001179757/5b59edc92ee406531c4bda17_icons8-home%202.png");
  display: block;
}

.sign-up-pencil.discount-code {
  background-image: url("https://cdn.prod.website-files.com/5aa43322534e4a0001179757/5f32b8b7db325b121d95e2d7_icons8-discount.png");
}

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

.displayaction {
  z-index: 1;
  border: .5px solid var(--hover-element-dynamic);
  text-align: center;
  background-image: none;
  background-repeat: repeat;
  background-size: auto;
  border-radius: 30px;
  flex-direction: column;
  justify-content: center;
  min-width: 300px;
  max-width: 400px;
  max-height: 400px;
  margin: auto;
  padding: 25px;
  display: flex;
  position: fixed;
  inset: 0%;
}

.displayaction.medium {
  z-index: 3;
  text-align: left;
  justify-content: flex-start;
  min-width: 400px;
  max-width: 500px;
  max-height: 500px;
  display: flex;
  overflow: scroll;
  transform: none;
}

.displayaction.large {
  z-index: 4;
  justify-content: flex-start;
  min-width: 600px;
  max-width: 700px;
  max-height: 95vh;
  display: none;
  overflow: scroll;
  transform: translate(0, 100vh);
}

.action-buttons {
  flex-wrap: wrap;
  flex: 0 auto;
  justify-content: space-between;
  align-items: stretch;
  min-height: 54px;
  margin: 25.5px 60px 7.5px;
  display: flex;
  overflow: hidden;
}

.seek {
  color: var(--oircle-default-gry);
  background-color: #e9e9e9cc;
  border-radius: 10px;
  flex: 1;
  justify-content: center;
  align-items: center;
  margin: 5px;
  padding: 13px 25px;
  font-size: 17px;
  font-weight: 900;
  display: flex;
}

.skip {
  background-color: var(--oircle-notification);
  color: var(--white);
  border-radius: 10px;
  flex: 1;
  justify-content: center;
  align-items: center;
  margin: 5px;
  padding: 13px 25px;
  font-size: 17px;
  font-weight: 900;
  display: none;
}

.skip:hover {
  background-color: var(--oircle-binding-blue);
  color: var(--white);
}

.skip.red {
  background-color: var(--dismiss-element);
}

.skip.red.nopadding {
  margin-left: 5px;
  margin-right: 5px;
}

.skip.red.dynamicdismiss {
  background-color: #0000;
  width: 35px;
  min-width: 35px;
  max-width: 35px;
  height: 35px;
  min-height: 35px;
  max-height: 35px;
  margin: 10px;
  padding: 0;
  display: none;
  position: absolute;
  inset: auto 0% 0% auto;
}

.display-action-icon-delegate {
  border: .5px solid var(--hover-element-dynamic);
  border-radius: 20px;
  width: 100px;
  min-width: 100px;
  max-width: 100px;
  height: 100px;
  min-height: 100px;
  max-height: 100px;
  margin: 15px auto;
  position: relative;
}

.display-action-icon-delegate.uimenucontext {
  border-radius: 12.5px;
  width: 50px;
  min-width: 50px;
  max-width: 50px;
  height: 50px;
  min-height: 50px;
  max-height: 50px;
}

.display-action-icon-delegate.uimenucontext-copy {
  border-radius: 12.5px;
  width: 50px;
  min-width: 50px;
  max-width: 50px;
  height: 50px;
  min-height: 50px;
  max-height: 50px;
  margin: 5px;
}

.display-action-delegate {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-top: 5px;
  margin-bottom: 5px;
  display: flex;
  overflow: visible;
}

.display-action-paragraph.rightalign {
  color: var(--white);
  text-align: center;
  font-size: 15px;
  line-height: 15px;
}

.display-action-image {
  width: 50%;
  height: 50%;
  margin: auto;
  display: block;
  position: absolute;
  inset: 0%;
}

.oircle-support-introduction-contain {
  background-image: url("https://cdn.prod.website-files.com/5aa43322534e4a0001179757/5f173d2ad48fc45f05273dc7_apricot-fruits-on-bowl.jpg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100vw;
  height: 75vh;
  display: flex;
}

.div-block-1500 {
  flex-wrap: wrap;
  justify-content: space-around;
  align-items: flex-end;
  min-height: 300px;
  padding: 0 25px 25px;
  display: flex;
}

.support-title-contain {
  margin: 25px 25px 5px;
}

.div-block-1501 {
  flex: 1;
  width: 300px;
  min-width: 200px;
  margin: 10px;
  padding-top: 155px;
  position: relative;
}

.dropdown-toggle {
  padding: 0;
  display: inline-block;
}

.div-block-1502 {
  background-image: url("https://cdn.prod.website-files.com/5aa43322534e4a0001179757/5dd43a2bdc6c74ad6ee4bd75_Oircle%20Shapes.png");
  background-position: 100% 100%;
  background-repeat: no-repeat;
  background-size: 500px;
  justify-content: center;
  align-self: stretch;
  align-items: center;
  padding: 10px;
  display: flex;
}

.subtotalprice {
  color: var(--white);
  font-size: 40px;
  line-height: 45px;
}

.subtotaltitle {
  color: var(--neo-dark);
  font-size: 15px;
  line-height: 15px;
}

.div-block-1503 {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 45px;
  display: flex;
}

.paragraph-172 {
  text-align: center;
  width: 50%;
}

.div-block-1504 {
  flex-wrap: wrap;
  justify-content: center;
  width: 95%;
  display: flex;
}

.button-delegate {
  border: .5px solid var(--hover-element-dynamic);
  background-color: var(--element-dynamic);
  background-image: url("https://cdn.prod.website-files.com/5aa43322534e4a0001179757/5f21c74173219c7c8ce57006_icons8-gmail.png");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 35px;
  border-radius: 30px;
  flex: 0 auto;
  justify-content: center;
  align-items: stretch;
  width: 55px;
  min-width: 55px;
  max-width: 55px;
  height: 55px;
  min-height: 55px;
  max-height: 55px;
  margin: 5px;
  display: flex;
}

.button-delegate.facebook {
  background-image: url("https://cdn.prod.website-files.com/5aa43322534e4a0001179757/5e8f132159c7e12b8d948412_Facebook.png");
  background-size: 10px;
}

.button-delegate.youtube {
  background-image: url("https://cdn.prod.website-files.com/5aa43322534e4a0001179757/5b0d8ba004edc6084bfe7c41_outube%20icon.png");
  background-size: 25px;
}

.button-delegate.twitter {
  background-image: url("https://cdn.prod.website-files.com/5aa43322534e4a0001179757/5f1859475d1c557e7d1aaa1f_icons8-twitter.png");
}

.button-delegate.instergram {
  background-image: url("https://cdn.prod.website-files.com/5aa43322534e4a0001179757/5b38d36fdf51e7b22afa21ce_Instagram-2.png");
}

.oircle-accessibility-introduction-contain {
  background-image: url("https://cdn.prod.website-files.com/5aa43322534e4a0001179757/5f292232e0db86bfd4d75518_pexels-marcus-aurelius-4064700-2.jpg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100vw;
  height: 75vh;
  display: flex;
}

.div-block-1508 {
  justify-content: space-between;
  align-items: center;
  height: 75vh;
  max-height: 1000px;
  display: flex;
  position: relative;
}

.div-block-1509 {
  background-image: url("https://cdn.prod.website-files.com/5aa43322534e4a0001179757/5f29234ddd458b4e0d2e35f8_pexels-marcus-aurelius-4064647.jpg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  flex: 1;
  align-self: stretch;
}

.div-block-1509-copy {
  background-image: url("https://cdn.prod.website-files.com/5aa43322534e4a0001179757/5f29244a61f5b4f5f604698c_pexels-marcus-aurelius-4063506.jpg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  flex: 1;
  align-self: stretch;
}

.div-block-1509-copy-copy {
  background-image: url("https://cdn.prod.website-files.com/5aa43322534e4a0001179757/5f29234ef804c38d8713168d_pexels-marcus-aurelius-4064641.jpg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  flex: 1;
  align-self: stretch;
}

.heading-314 {
  color: var(--white);
  text-align: center;
  text-shadow: 0 0 20px #00000059;
  margin-left: auto;
  margin-right: auto;
  font-size: 65px;
  line-height: 65px;
  position: absolute;
  inset: auto 0%;
}

.display-action-image-copy {
  filter: contrast(0%) brightness(0%);
  -webkit-text-fill-color: inherit;
  background-clip: border-box;
  width: 50%;
  height: 50%;
  margin: auto;
  display: block;
  position: absolute;
  inset: 0%;
}

.text-block {
  color: var(--hover-element-dynamic);
  margin-bottom: 10px;
  padding: 3px 15px 3px 0;
  font-size: 20px;
  font-weight: 500;
  display: inline-block;
}

.button-56 {
  color: #fff;
  letter-spacing: 2px;
  text-transform: uppercase;
  background-color: #1a1b1f;
  border-radius: 0;
  margin-right: 10px;
  padding: 12px 25px;
  font-size: 12px;
  line-height: 20px;
  text-decoration: none;
  transition: background-color .4s, opacity .4s, color .4s;
}

.button-56:hover {
  color: #fff;
  background-color: #32343a;
}

.button-56:active {
  background-color: #43464d;
}

.button-56.hidden {
  display: none;
}

.checkbox-3 {
  border-width: .5px;
  border-color: var(--element-dynamic);
  border-radius: 50%;
  margin-top: 0;
  margin-bottom: 0;
  padding: 8px;
}

.checkbox-3.w--redirected-checked {
  background-color: var(--oircle-notification);
  background-image: url("https://cdn.prod.website-files.com/5aa43322534e4a0001179757/5e8f05ae03454a7ed886f8b8_go-right-w.svg"), url("https://cdn.prod.website-files.com/5aa43322534e4a0001179757/5dc07647ba81f200bb45d9cd_Documentation%20.png");
  background-position: 50%, 50%;
  background-repeat: no-repeat, no-repeat;
  background-size: 5px, contain;
  border-width: .5px;
  border-color: #0000;
  padding: 8px;
}

.checkbox-label-5 {
  margin-bottom: 0;
  margin-left: 5px;
  font-weight: 500;
}

.checkbox-field-3 {
  align-items: center;
  margin-bottom: 10px;
  display: flex;
}

.sidebar {
  max-height: 75vh;
  margin: 15px;
  padding: 0;
  font-family: Roboto, sans-serif;
  display: none;
  position: sticky;
  top: 115px;
  overflow: scroll;
}

.searchbox {
  border: 1px solid #e6e6e6;
  height: 50px;
  padding: 0 15px;
}

.select-field-2 {
  background-color: #fff;
  border: 1px solid #e6e6e6;
  border-radius: 0;
  height: 50px;
}

.div-block-1514 {
  flex-flow: wrap;
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.section-57 {
  padding: 30px;
  overflow: scroll;
}

.volume-bar-wrapper {
  position: absolute;
  inset: auto 0% 60px;
  transform: rotate(-90deg);
}

.twitter-white-icon {
  background-color: #0000;
  background-image: url("https://cdn.prod.website-files.com/5aa43322534e4a0001179757/5e2d71af12d935794aee1209_twitter.svg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 13px;
  border: 1px solid #0000;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 25px;
  height: 25px;
  margin-right: 5px;
  transition: background-color .2s cubic-bezier(.55, .085, .68, .53);
  display: flex;
}

.twitter-white-icon:hover {
  background-color: #27a9e2;
  background-image: url("https://cdn.prod.website-files.com/5aa43322534e4a0001179757/5e2d71af12d935794aee1209_twitter.svg");
  background-size: 13px;
  border-style: solid;
  border-color: #0000;
}

.volume-bar {
  border: .5px solid var(--element-dynamic);
  background-color: var(--hover-element-dynamic);
  opacity: 1;
  cursor: pointer;
  border-radius: 20px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 80px;
  height: 35px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.volume-down {
  z-index: 99;
  opacity: 0;
  cursor: pointer;
  margin-right: 0;
  display: block;
  position: absolute;
  inset: 0% auto 0% 0%;
}

.main-button-6 {
  z-index: 1;
  color: #fff;
  letter-spacing: .3px;
  text-transform: uppercase;
  background-color: #2f52ff;
  border: 2px solid #2f52ff;
  border-radius: 5px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  margin-right: 10px;
  padding: 6px 12px;
  font-size: 12px;
  font-weight: 400;
  display: inline-block;
  position: relative;
}

.main-button-6:hover {
  color: #fff;
  background-color: #3859ff;
  border: 2px solid #3859ff;
}

.main-button-6.w--current {
  color: #fff;
}

.main-button-6.shop {
  background-color: #1f1f1f;
  border-color: #1f1f1f;
  margin-top: 10px;
  margin-bottom: 15px;
  margin-right: 0;
  font-family: Lato, sans-serif;
  font-weight: 700;
}

.main-button-6.shop:hover {
  background-color: #000;
  border-color: #000;
}

.adapter-banner {
  z-index: 0;
  background-color: #0c0c0c;
  border-radius: 4px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: auto;
  min-height: auto;
  margin-bottom: 50px;
  margin-right: 50px;
  padding: 15px 15px 30px;
  display: block;
  position: fixed;
  inset: auto 0% 0% auto;
}

.social-wrapper-footer-white {
  justify-content: flex-start;
  align-items: center;
  width: auto;
  height: 100%;
  margin-top: 30px;
  display: flex;
  position: static;
}

.text-block-139 {
  color: #fff;
  cursor: pointer;
  background-color: #3b3b3b;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 20px;
  height: 20px;
  padding: 7px 7px 10px;
  font-family: Lato, sans-serif;
  font-size: 12px;
  display: flex;
}

.current-seconds {
  color: #fff;
  align-items: flex-end;
  font-size: 15px;
  font-weight: 900;
  line-height: 1;
  display: block;
  position: relative;
  inset: 0% auto 0% 0%;
}

.column-61 {
  border-right: 0 #000;
  padding-left: 0;
  position: relative;
}

.active-bar {
  background-color: #8b8a8a80;
  border-radius: 0;
  align-self: flex-start;
  width: 0%;
  height: 100%;
  position: absolute;
}

.nav-link {
  color: #fff;
  letter-spacing: .3px;
  cursor: pointer;
  background-color: #1f1f1f;
  font-family: Lato, sans-serif;
  font-weight: 700;
}

.nav-link:hover {
  background-color: #3a3a3a;
}

.nav-link._2 {
  color: #fff;
  background-color: #000;
}

.nav-link._2:hover {
  background-color: #1f1f1f;
}

.hero-wrapper {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  max-width: 1400px;
  margin-bottom: 40px;
  padding: 20px;
  display: flex;
}

.title-card-styler {
  color: #2e52ff;
  text-transform: uppercase;
  margin-bottom: 5px;
  margin-left: 0;
  font-family: Lato, sans-serif;
  font-size: 12px;
  font-weight: 700;
}

.adapter-head-shop {
  text-align: center;
  justify-content: center;
  align-items: center;
  width: 100%;
  min-height: 50px;
  margin-top: 10px;
  margin-bottom: 5px;
  display: flex;
}

.image-89 {
  margin-top: 5px;
}

.hero-2 {
  color: #0000;
  background-color: #0e0e0e;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  min-height: auto;
  padding-top: 50px;
  padding-bottom: 50px;
  display: flex;
  position: static;
}

.instagram-white-icon {
  background-color: #0000;
  background-image: url("https://cdn.prod.website-files.com/5aa43322534e4a0001179757/5e2d71af12d93513ceee1202_instagram-symbol.svg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 13px;
  border: 1px solid #0000;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 25px;
  height: 25px;
  margin-right: 5px;
  transition: background-color .2s cubic-bezier(.55, .085, .68, .53);
  display: flex;
}

.instagram-white-icon:hover {
  background-color: #2d2d2d;
  background-image: url("https://cdn.prod.website-files.com/5aa43322534e4a0001179757/5e2d71af12d93513ceee1202_instagram-symbol.svg");
  background-size: 13px;
  border-style: solid;
  border-color: #0000;
}

.instagram-text-hero {
  color: #fff;
  letter-spacing: 1px;
  text-transform: uppercase;
  margin-top: 0;
  margin-left: 0;
  font-family: Lato, sans-serif;
  font-size: 18px;
  font-weight: 700;
}

.footer-links-white-2 {
  color: #fff;
  cursor: pointer;
  width: auto;
  padding-top: 6px;
  padding-bottom: 6px;
  font-family: Varela Round, sans-serif;
  font-size: 16px;
  font-weight: 400;
  transition: transform .1s cubic-bezier(.55, .085, .68, .53);
}

.footer-links-white-2:hover {
  color: #8351ff;
  transform: translate(5px);
}

.fullscreen {
  cursor: pointer;
  width: 25px;
  height: 25px;
  margin-right: 10px;
}

.paragraph-3 {
  color: #fff;
  text-align: center;
  margin-bottom: 20px;
  font-family: Varela Round, sans-serif;
}

.video-player-wrapper {
  z-index: 1;
  justify-content: center;
  align-items: flex-end;
}

.audio-active {
  cursor: pointer;
  width: 15px;
  margin-right: 10px;
}

.udesly-footer {
  cursor: pointer;
  margin-top: 0;
  margin-bottom: 0;
  transition: opacity .2s cubic-bezier(.55, .085, .68, .53);
}

.udesly-footer:hover {
  opacity: .75;
}

.footer {
  background-color: #000;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding-top: 90px;
  padding-bottom: 90px;
  display: flex;
}

.brand {
  margin-top: 8px;
}

.brand:hover {
  opacity: .7;
}

.loop-active {
  cursor: pointer;
}

.uivideoprogressbar {
  background-color: var(--hover-element-dynamic);
  opacity: 1;
  cursor: pointer;
  border-radius: 20px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
  position: relative;
  overflow: hidden;
}

.youtube-white-icon {
  background-color: #0000;
  background-image: url("https://cdn.prod.website-files.com/5aa43322534e4a0001179757/5e2d71af12d9357034ee11ee_youtube%20(1).svg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 13px;
  border: 1px solid #0000;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 25px;
  height: 25px;
  margin-right: 5px;
  transition: background-color .2s cubic-bezier(.55, .085, .68, .53);
  display: flex;
}

.youtube-white-icon:hover {
  background-color: #ff0100;
  background-image: url("https://cdn.prod.website-files.com/5aa43322534e4a0001179757/5e2d71af12d9357034ee11ee_youtube%20(1).svg");
  background-size: 13px;
  border-style: solid;
  border-color: #0000;
}

.play-wrapper {
  cursor: pointer;
  align-items: center;
  width: auto;
  margin-right: 5px;
  display: flex;
}

.close-wrapper {
  justify-content: flex-end;
  align-items: center;
  width: 100%;
  min-height: 20px;
  display: flex;
  position: relative;
  top: -25px;
  left: 25px;
}

.image-85 {
  margin-bottom: 15px;
}

.row-6 {
  width: 100%;
  min-width: auto;
}

.title-styler-card-wrapper {
  justify-content: center;
  align-items: center;
  margin-top: 0;
  margin-bottom: 0;
  margin-left: 0;
  padding-right: 5px;
  display: flex;
  position: static;
}

.play {
  cursor: pointer;
}

.style-cards {
  color: #96bf4e;
  background-color: #0a0a0a;
  border: 1px #fff;
  border-radius: 10px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 33.33%;
  height: auto;
  min-height: 275px;
  margin-left: 0;
  margin-right: 20px;
  padding: 40px;
  display: flex;
  box-shadow: 1px 1px 5px #00000012;
}

.uivideoscreendelegate {
  border-radius: 15px;
  flex: 1;
}

.adapter-banner-paragraph {
  color: #fff;
  text-align: center;
  max-width: 200px;
  font-family: Varela Round, sans-serif;
  font-size: 14px;
  font-weight: 300;
  line-height: 18px;
}

.navbar-2 {
  background-color: #000;
}

.javascript-button {
  color: #000;
  background-color: #f8e017;
  background-image: url("https://cdn.prod.website-files.com/5aa43322534e4a0001179757/5e2d71af12d9357d2dee11f2_js-logo.jpg"), none;
  background-position: 8%, 89%;
  background-repeat: no-repeat, no-repeat;
  background-size: 18px, 20px;
  border-radius: 0;
  margin-right: 10px;
  padding: 15px 50px 15px 40px;
  font-family: Lato, sans-serif;
  font-size: 18px;
  font-weight: 400;
  transition: transform .3s ease-in-out, background-color .4s ease-in-out;
}

.javascript-button:hover {
  color: #000;
  background-color: #f8e017;
  transform: translate(3px);
}

.div-block-28 {
  justify-content: center;
  align-items: center;
  width: 100%;
  min-width: 900px;
  max-width: 1100px;
  display: flex;
}

.duration {
  color: #fff;
  align-items: flex-end;
  font-size: 11px;
  line-height: 1;
  display: block;
  position: relative;
  inset: 0% 0% 0% auto;
}

.uivideoprogressbarcontain {
  justify-content: center;
  align-self: auto;
  align-items: center;
  width: 70%;
  display: flex;
}

.uivideoprogressbarcontain.completenul {
  flex: 1;
  align-self: auto;
  width: 300px;
  height: 35px;
  margin-left: 20px;
  margin-right: 20px;
  position: relative;
}

.uivideocontrolelements {
  cursor: pointer;
  justify-content: center;
  align-items: center;
  display: flex;
}

.repeat {
  cursor: pointer;
  width: 25px;
  height: 25px;
}

.subheader-paragraph {
  z-index: 1;
  color: #333;
  margin-bottom: 20px;
  font-size: 20px;
  font-weight: 300;
  line-height: 30px;
  position: relative;
}

.subheader-paragraph.white {
  color: #fff;
  font-family: Lato, sans-serif;
  font-size: 18px;
}

.uivideooptionsdelegate {
  border: .5px solid var(--element-dynamic);
  background-color: var(--white-smoke);
  border-radius: 30px;
  justify-content: center;
  align-items: center;
  width: auto;
  max-width: 1200px;
  min-height: 65px;
  margin: 10px auto 35px;
  padding: 10px 25px;
  display: flex;
  position: absolute;
  inset: auto 10px 0%;
}

.options-wrapper {
  justify-content: center;
  align-items: center;
  margin-left: 0;
  margin-right: 0;
  padding-left: 10px;
  padding-right: 10px;
  display: flex;
}

.pause {
  cursor: pointer;
}

.uivideoscreen {
  justify-content: center;
  align-items: center;
  display: flex;
}

.instgram-hero-wrapper {
  align-items: center;
  margin-top: 10px;
  display: flex;
}

.volume-up {
  z-index: 99;
  opacity: 0;
  cursor: pointer;
  display: block;
  position: absolute;
  inset: 0% 0% 0% auto;
}

.column-15 {
  border-right: 1px #f0f0f0;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.bold-text-3 {
  color: #fff;
  font-family: Lato, sans-serif;
  font-size: 15px;
  font-weight: 900;
}

.mute {
  cursor: pointer;
  width: 25px;
  height: 25px;
}

.brand-5 {
  padding-top: 10px;
  padding-left: 30px;
}

.brand-5.footer {
  background-color: #0000;
  border-top-style: none;
  border-top-width: 0;
  align-items: flex-start;
  padding-top: 0;
  padding-bottom: 0;
  padding-left: 0;
}

.link-block-10 {
  height: 100%;
  margin-right: 0;
  padding-bottom: 0;
}

.style-wrapper-row {
  justify-content: center;
  align-items: center;
  max-width: 1400px;
  margin-top: 0;
  margin-bottom: 20px;
  display: flex;
}

.volume-bar-active {
  background-color: var(--white-smoke);
  border-radius: 0;
  align-self: flex-start;
  width: 50%;
  height: 100%;
}

.main-features {
  background-color: #000;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  min-height: 100vh;
  padding: 60px;
  display: flex;
}

.container-2 {
  background-color: #131313;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-top: 90px;
  padding: 30px;
  display: flex;
}

.text-footer-white {
  color: #fff;
  margin-top: 0;
  padding-left: 3px;
  font-family: Verdana, Geneva, sans-serif;
  font-size: 11px;
}

.title-footer-white {
  color: #fff;
  text-transform: uppercase;
  padding-top: 4px;
  padding-bottom: 8px;
  font-family: Lato, sans-serif;
  font-size: 14px;
  font-weight: 700;
}

.banner-wrapper {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.facebook-icon-white {
  background-color: #0000;
  background-image: url("https://cdn.prod.website-files.com/5aa43322534e4a0001179757/5e2d71af12d935d2a6ee1201_facebook-logo.svg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 13px;
  border: 1px solid #0000;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 25px;
  height: 25px;
  margin-right: 5px;
  transition: background-color .2s cubic-bezier(.55, .085, .68, .53);
  display: flex;
}

.facebook-icon-white:hover {
  background-color: #4267b2;
  background-image: url("https://cdn.prod.website-files.com/5aa43322534e4a0001179757/5e2d71af12d935d2a6ee1201_facebook-logo.svg");
  background-size: 13px;
  border-style: solid;
  border-color: #0000;
}

.volume-mute-wrapper {
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
}

.footer-link-block {
  text-decoration: none;
  display: inline;
}

.footer-link-block:hover {
  text-decoration: none;
}

.loop-not-active {
  cursor: pointer;
  line-height: 1;
}

.video-player-volume-wrapper {
  justify-content: center;
  align-self: auto;
  align-items: center;
  width: 70%;
  display: flex;
}

.video-player-volume-wrapper.bar-wrapper-volume {
  flex-direction: column;
  width: auto;
  height: auto;
  margin-left: 0;
  padding-left: 10px;
  padding-right: 10px;
  position: relative;
}

.adsbygoogle-copy {
  border-radius: 20px;
  justify-content: center;
  align-items: stretch;
  width: 350px;
  min-width: 350px;
  max-width: 700px;
  height: auto;
  margin: 10px;
  display: flex;
  position: fixed;
  inset: 0% 0% 0% auto;
  overflow: hidden;
}

.displayaction-adapted {
  z-index: 999;
  border: .5px solid var(--hover-element-dynamic);
  text-align: center;
  border-radius: 30px;
  flex-direction: column;
  justify-content: flex-end;
  min-width: 300px;
  max-width: 400px;
  max-height: 400px;
  margin: auto;
  padding: 25px;
  display: none;
  position: fixed;
  inset: 0%;
  box-shadow: 0 0 10px #0000001a;
}

.displayaction-adapted.form-contain {
  max-height: 625px;
  display: block;
  overflow: scroll;
  transform: translate(0, 100vh);
}

.discounts {
  background-color: #0000;
  border-width: .5px 0 0;
  border-top-style: dashed;
  justify-content: center;
  align-items: stretch;
  margin-top: 0;
  margin-bottom: 20px;
  padding: 0;
}

.apply-button {
  background-color: #0000;
  background-image: url("https://cdn.prod.website-files.com/5aa43322534e4a0001179757/5da1e8d3848a165b51d4845f_arrow.right%20(blue).png");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 35%;
  border-radius: 10px;
  width: 45px;
  height: 45px;
}

.horizontal-copy {
  cursor: pointer;
  display: flex;
}

.horizontal-copy.max-wrap {
  background-image: none;
  flex-wrap: wrap;
  margin-top: 25px;
  margin-bottom: 0;
}

.payment-details {
  margin-bottom: 0;
}

.devide-separation {
  margin: 10px 10px 20px;
}

.text-contain-copy {
  color: var(--oircle-default-gry);
  max-width: 500px;
  padding: 0;
}

.field-label-order {
  font-size: 20px;
  font-weight: 700;
}

.div-block-1517 {
  position: absolute;
  left: 15px;
}

.div-block-1518 {
  margin: 12px;
  position: absolute;
  inset: 0% auto auto 0%;
}

.download {
  background-color: #0000;
  background-image: url("https://cdn.prod.website-files.com/5aa43322534e4a0001179757/5f34cb22a224a3f6e1f4879f_icons8-installing_updates.png");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 45px;
  height: 45px;
}

.downloads-list {
  margin: 0 15px 15px;
}

.order-item-list-2 {
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  display: flex;
}

.order-item-4 {
  border: .1px dashed #99999980;
  border-radius: 20px;
  flex-direction: column;
  justify-content: center;
  align-items: stretch;
  width: 200px;
  min-width: 200px;
  height: 250px;
  margin: 10px;
  position: relative;
}

.image-121 {
  width: 100px;
  height: 100px;
  margin: 15px auto;
}

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

.icon-a {
  background-image: url("https://cdn.prod.website-files.com/5aa43322534e4a0001179757/5f34d0dc72cfa9b97b432843_t-shirt.png");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 75%;
  border-radius: 10px;
  width: 35px;
  height: 35px;
  margin: 0;
  position: static;
  inset: 0% 0% auto auto;
}

.icon-a.jumper {
  background-image: url("https://cdn.prod.website-files.com/5aa43322534e4a0001179757/5f34d0dbc4e80d55b33d2a9e_jumper.png");
}

.icon-a.jacket {
  background-image: url("https://cdn.prod.website-files.com/5aa43322534e4a0001179757/5f34d0d90c5d7c4b16507e8a_jacket.png");
}

.icon-a.trousers {
  background-image: url("https://cdn.prod.website-files.com/5aa43322534e4a0001179757/5f34d0d68cbc185b247f0ffe_trousers.png");
}

.icon-a.dress {
  background-image: url("https://cdn.prod.website-files.com/5aa43322534e4a0001179757/5f34d0deb4462e154b25f4eb_long_formal_dress.png");
}

.icon-a.bag {
  background-image: url("https://cdn.prod.website-files.com/5aa43322534e4a0001179757/5f34d0e00e0b95e629e37eb3_backpack.png");
}

.icon-a.caps {
  background-image: url("https://cdn.prod.website-files.com/5aa43322534e4a0001179757/5f34d0e42d3c6cf73e3b3f4a_cap.png");
}

.icon-a.shorts {
  background-image: url("https://cdn.prod.website-files.com/5aa43322534e4a0001179757/5f34d0e642b96624b61ff5a2_shorts.png");
}

.icon-a.accessories {
  background-image: url("https://cdn.prod.website-files.com/5aa43322534e4a0001179757/5f34d0e297194f07c4acc8ad_necklace.png");
}

.icon-a.coats {
  background-image: url("https://cdn.prod.website-files.com/5aa43322534e4a0001179757/5f34d0e69613921ec020f35e_coat.png");
}

.icon-a.digital {
  background-image: url("https://cdn.prod.website-files.com/5aa43322534e4a0001179757/5f34d0df22dcee6615851dff_web_design.png");
}

.icon-a.sports {
  background-image: url("https://cdn.prod.website-files.com/5aa43322534e4a0001179757/5f34d0d72e29bdc6e208859d_trainers.png");
}

.div-block-1519 {
  max-height: 92%;
  margin: 10px;
  position: absolute;
  inset: 0% 0% auto auto;
  overflow: scroll;
}

.div-block-1520 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.option-list-2 {
  flex-wrap: wrap;
  flex: 1;
  justify-content: space-around;
  align-items: center;
  display: flex;
}

.div-block-1522 {
  justify-content: space-around;
  align-self: stretch;
  align-items: center;
}

.circle {
  background-color: var(--hover-element-dynamic);
  color: var(--oircle-default-gry);
  border-radius: 35px;
  justify-content: center;
  align-items: center;
  width: 35px;
  min-width: 35px;
  max-width: 70px;
  height: 35px;
  min-height: 35px;
  font-size: 10px;
  display: flex;
}

.price-block {
  margin: 0;
  font-size: 20px;
  font-weight: 700;
  display: inline-block;
}

.amount-label {
  margin: 0 3px;
  font-size: 10px;
  display: inline-block;
}

.div-block-1523 {
  margin: 15px;
  position: relative;
}

.block-content {
  background-color: #0000;
  border: 1px solid #0000;
  padding: 0;
}

.container-39 {
  flex-wrap: wrap;
  display: none;
}

.personal-date-overview {
  flex: 1;
  min-width: 350px;
}

.order-summary-contain {
  flex: 1;
  max-width: 300px;
}

.customerinfo {
  margin-bottom: 0;
}

.additionalinfo {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  margin-bottom: 20px;
}

.order-confirmation-information {
  opacity: 1;
  background-color: #0000;
  width: auto;
  padding: 15px;
}

.order-confirmed {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin: 88px;
  display: none;
  position: fixed;
  inset: 0%;
}

.order-confirmed-animation-delegate {
  position: relative;
}

.order-confimred-label {
  margin-top: 100px;
  position: absolute;
}

.uinewscontrolstrip {
  flex-direction: column;
  display: flex;
  position: relative;
}

.uinewscontroloptions {
  border-bottom: 2px dotted var(--hover-element-dynamic);
  justify-content: center;
  align-items: center;
  padding-bottom: 5px;
  display: flex;
  position: relative;
}

.uinewsoirclenewslogo {
  background-image: url("https://cdn.prod.website-files.com/5aa43322534e4a0001179757/60bbfc7a7d16f4723d2a2f0c_Oircle%20News%20Text%20Fulfilment%20Logo.png");
  background-position: -25px;
  background-repeat: no-repeat;
  background-size: 200px;
  width: 250px;
  height: 55px;
  margin-right: auto;
  position: absolute;
  inset: 0% auto 0% 0%;
}

.uinewsnotificationindicate {
  width: 55px;
  height: 55px;
  position: relative;
}

.uinewselement {
  color: var(--black);
  text-transform: uppercase;
}

.uinewselement.box {
  border: 2px solid var(--hover-element-dynamic);
  justify-content: center;
  margin-left: 15px;
  margin-right: 0;
  padding: 10px;
  display: inline-block;
}

.uinewselement.box:hover {
  background-color: var(--oircle-notification);
  color: var(--white);
}

.uinewslatestnews {
  flex-direction: row;
  justify-content: flex-start;
  align-items: stretch;
  margin-left: 10px;
  margin-right: 10px;
  padding-top: 10px;
  padding-bottom: 10px;
  display: flex;
}

.div-block-1526 {
  flex: 1;
  justify-content: flex-start;
  align-self: stretch;
  align-items: center;
  display: flex;
  overflow: scroll;
}

.div-block-1527 {
  border-right: 2px dotted var(--hover-element-dynamic);
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  margin-right: 0;
  padding-right: 10px;
  display: flex;
}

.collection-list-56 {
  flex: 1;
  justify-content: flex-start;
  align-self: stretch;
  display: flex;
}

.collection-list-wrapper-44 {
  flex: 1;
  align-items: stretch;
  height: 100%;
  display: flex;
}

.collection-item-47 {
  flex: 1;
  justify-content: center;
  align-self: stretch;
  align-items: center;
  width: 100px;
  min-width: 100px;
  margin-left: 5px;
  margin-right: 5px;
  display: flex;
}

.oircle-news-today-article {
  text-align: center;
  flex: 1;
  justify-content: center;
  align-self: stretch;
  align-items: flex-start;
  font-size: 15px;
  line-height: 20px;
}

.uinewssignin-subscribe {
  margin-left: auto;
}

.uinewsmenu {
  background-color: var(--oircle-notification);
  color: var(--white);
  justify-content: center;
  align-items: center;
  width: 75px;
  min-width: 75px;
  max-width: 75px;
  height: 75px;
  min-height: 75px;
  max-height: 75px;
  margin-right: 10px;
  padding-bottom: 20px;
  font-size: 30px;
  font-weight: 900;
  line-height: 0;
  display: flex;
}

.form-horizon-div {
  display: flex;
}

.form-field {
  border: 1px solid var(--hover-element-dynamic);
  background-color: var(--element-dynamic);
  border-radius: 10px;
  height: 45px;
  min-height: 45px;
  max-height: 45px;
  margin: 0;
  padding: 5px;
}

.form-div {
  flex-direction: column;
  flex: 1;
  align-items: stretch;
  margin: 4px 2px;
  display: flex;
}

.form-div.sqaure-form {
  flex: 0 auto;
}

.display-action-image-form {
  width: 50%;
  height: 50%;
  margin: auto;
  display: block;
  position: absolute;
  inset: 0%;
}

.hero-section-collection {
  text-align: center;
  flex-direction: column;
  justify-content: flex-end;
  align-items: center;
  height: 200vh;
  padding-top: 110px;
  padding-left: 15%;
  padding-right: 15%;
  display: block;
}

.rainbow-heading {
  -webkit-text-fill-color: transparent;
  background-image: url("https://cdn.prod.website-files.com/5aa43322534e4a0001179757/5de003265abe8a2c9b59e6f6_Oircle%20Blur%20Shapes%202.png");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  -webkit-background-clip: text;
  background-clip: text;
  margin-top: 0;
  margin-bottom: 0;
  padding-bottom: 15px;
  font-size: 8vw;
  line-height: 8vw;
}

.rainbow-heading.dynamic-postition {
  z-index: 1;
  color: var(--oircle-default-gry);
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  background-clip: text;
  margin-left: auto;
  margin-right: auto;
  padding: 17px;
  position: absolute;
  inset: 0% 0% auto;
  transform: scale(.3)translate(0, -200px);
}

.title-contain {
  position: sticky;
  top: 35%;
}

.paragraph-contain {
  text-align: center;
  max-width: 600px;
  margin-left: auto;
  margin-right: auto;
  padding: 25px;
  position: relative;
  inset: auto 0% 0%;
}

.title-contain50 {
  min-height: 300px;
  position: sticky;
  top: 50vh;
}

.hero-section-second-collection {
  text-align: center;
  flex-direction: column;
  justify-content: flex-end;
  align-items: center;
  height: 200vh;
  padding: 110px 15% 150px;
  display: block;
}

.large-paragraph {
  padding-top: 65px;
}

.large-paragraph.sticky {
  max-width: 650px;
  padding-top: 0;
  line-height: 65px;
  position: sticky;
  top: 35%;
}

.large-paragraph.add {
  padding-top: 0;
}

.offerings {
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  min-height: 200vh;
  padding: 60px 140px;
  display: flex;
  position: relative;
}

.oircle-mark {
  -webkit-text-fill-color: transparent;
  background-image: url("https://cdn.prod.website-files.com/5aa43322534e4a0001179757/5dd43a2bdc6c74ad6ee4bd75_Oircle%20Shapes.png");
  background-position: 24%;
  background-repeat: no-repeat;
  background-size: 145%;
  -webkit-background-clip: text;
  background-clip: text;
}

.underlined-text {
  border-bottom: 5px solid #0000;
}

.incase-you-missed {
  background-color: var(--element-dynamic);
  flex-flow: wrap;
  justify-content: space-between;
  align-items: flex-start;
  padding: 50px;
  display: flex;
}

.more-information-node {
  flex-direction: column;
  align-items: flex-start;
  margin: 15px;
  padding: 15px;
  display: flex;
}

.node-paragraph {
  max-width: 300px;
}

.icons-set {
  background-color: var(--white);
  border-radius: 20px;
  width: 100px;
  min-width: 100px;
  max-width: 100px;
  height: 100px;
  min-height: 100px;
  max-height: 100px;
  margin-left: 0;
  margin-right: auto;
  position: relative;
}

.div-block-1545 {
  display: block;
}

.div-block-1547 {
  background-color: #000c;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  min-height: 100vh;
  display: flex;
  position: relative;
}

.background-video-3 {
  min-height: 100vh;
  position: absolute;
  inset: auto 0% 0%;
}

.oircle-ltd-sybaritic {
  background-image: url("https://cdn.prod.website-files.com/5aa43322534e4a0001179757/5dd43bc93661392620a5c4fe_Oircle%20Fullfilment%20Logotype%20%7C%20Colour.png");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 75%;
  height: 15vh;
  position: absolute;
}

.scroll-delegate {
  z-index: 1;
  width: 155px;
  height: 155px;
  margin-bottom: 25px;
  margin-left: auto;
  margin-right: auto;
  position: fixed;
  inset: auto 0% 0%;
}

.displayaction-adapted {
  max-width: 545px;
  max-height: 625px;
  display: block;
  overflow: scroll;
  transform: translate(0, 100vh);
}

.displayaction-adapted.form-contain.pre-order {
  z-index: 999;
  max-height: 400px;
  display: none;
  transform: translate(0, 100vh);
}

.store-featured-product {
  background-image: linear-gradient(#ffffff80, #ffffff80);
  justify-content: center;
  align-items: stretch;
  min-height: 100vh;
  display: flex;
  position: relative;
  overflow: hidden;
}

.featured-details {
  background-color: var(--white-smoke);
  flex-direction: column;
  flex: 1;
  justify-content: flex-end;
  display: flex;
  position: relative;
}

.featured-assets {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  border-left: 3px solid var(--oircle-default-gry);
  flex: 0 auto;
  grid-template-rows: auto auto auto auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-self: stretch;
  align-items: center;
  height: 100%;
  padding: 20px;
  display: grid;
  position: absolute;
}

.featured-product-plate {
  z-index: 2;
  border: 3px solid var(--oircle-default-gry);
  border-radius: 50%;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 555px;
  height: 555px;
  margin-top: auto;
  margin-bottom: auto;
  margin-left: -251px;
  display: flex;
  position: absolute;
  inset: 0% auto 0% 0%;
}

.featured-default-state {
  flex-direction: column;
  flex: 1;
  justify-content: center;
  align-items: flex-start;
  padding-bottom: 25px;
  padding-left: 25px;
  padding-right: 295px;
  display: flex;
}

.div-block-1557 {
  border-top: 3px solid var(--oircle-default-gry);
  flex-direction: column;
  justify-content: center;
  align-self: stretch;
  height: 75px;
  display: flex;
  position: relative;
}

.learnmore-hidden-button {
  border-right: 1px solid var(--oircle-default-gry);
  border-left: 4px solid var(--oircle-default-gry);
  color: var(--white);
  background-image: linear-gradient(#00000080, #00000080);
  flex: 1;
  justify-content: center;
  align-items: center;
  width: 155px;
  min-width: 155px;
  max-width: 155px;
  margin-top: 0;
  margin-left: 0;
  margin-right: 0;
  font-size: 35px;
  display: flex;
  position: absolute;
  inset: 0% 0% 0% auto;
}

.learnmore-hidden-button:hover {
  color: var(--white);
}

.featured-error-message-state {
  border-top: 3px solid var(--oircle-default-gry);
  border-right: 1px solid var(--oircle-default-gry);
  color: var(--white);
  text-transform: uppercase;
  margin-top: 0;
  font-size: 15px;
  font-weight: 900;
}

.featured-product-description {
  font-size: 15px;
  line-height: 20px;
}

.featured-colours {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 40%;
  min-width: 40%;
  max-height: 100vh;
  display: flex;
  position: relative;
  overflow: visible;
}

.featured-colours-pressent {
  border-left: 3px solid var(--oircle-default-gry);
  background-image: none;
  width: 100%;
  height: 100vh;
  position: relative;
  inset: 0%;
}

.featured-colours-pressent.fourthaback {
  background-image: none;
  flex: 1;
  align-self: stretch;
  height: auto;
}

.featured-colours-accent {
  flex: 1;
  justify-content: center;
  align-self: stretch;
  align-items: center;
  display: flex;
  position: relative;
  overflow: visible;
}

.featured-add-product {
  flex-direction: column;
  flex: 1;
  justify-content: flex-end;
  display: flex;
}

.featured-quantity {
  background-color: #0000;
  border-width: 0;
  border-radius: 0;
  width: 0;
  min-width: 35px;
  height: 20px;
  margin-bottom: 0;
  padding-left: 2px;
}

.x-sep {
  margin-bottom: 0;
}

.default-featured-state {
  flex-direction: column;
  flex: 1;
  justify-content: flex-end;
  align-items: stretch;
  margin-bottom: 0;
  display: flex;
}

.add-to-cart-button-4 {
  background-color: var(--oircle-notification);
  text-transform: uppercase;
  flex: 1;
  font-size: 30px;
  font-weight: 900;
}

.option-list-4 {
  padding-bottom: 25px;
  padding-left: 25px;
  padding-right: 295px;
}

.button-group {
  flex-wrap: wrap;
  justify-content: flex-start;
}

.button-57 {
  border-width: 2px;
  border-color: var(--oircle-default-gry);
  color: var(--oircle-default-gry);
  background-color: #0000;
  border-radius: 20px;
  flex: 0 auto;
  min-width: 35px;
  min-height: 35px;
  margin: 5px;
  font-weight: 900;
}

.button-57.w--ecommerce-pill-selected {
  background-color: var(--oircle-notification);
}

.itempresentdefault {
  background-image: url("https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  width: 620px;
  min-width: 620px;
  max-width: 620px;
  height: 620px;
  min-height: 620px;
  max-height: 620px;
  margin: -65px -30px;
  position: absolute;
  inset: 0%;
}

.featired-error-state {
  color: var(--hover-element-dynamic);
  text-transform: uppercase;
  background-color: #0000;
  justify-content: flex-start;
  align-items: center;
  height: 100vh;
  margin-top: 0;
  padding-left: 15px;
  padding-right: 315px;
  font-size: 10vh;
  font-weight: 900;
  display: flex;
}

.text-block-254 {
  line-height: 10vh;
}

.productoptionlistcontain {
  border-radius: 30px;
  justify-content: center;
  align-items: center;
  height: 55px;
  margin: 5px;
  padding: 10px;
  display: flex;
  position: relative;
}

.productoptionlistcontain.maxw {
  justify-content: center;
  min-width: 100px;
  max-width: 250px;
  padding: 0;
  overflow: visible;
}

.optionlistname {
  justify-content: center;
  align-items: center;
  margin-bottom: 0;
  font-weight: 900;
  display: flex;
}

.optionlistbutton {
  color: var(--oircle-default-gry);
  background-color: #0000;
  border-width: 0;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 40px;
  min-width: 40px;
  max-width: 40px;
  height: 40px;
  min-height: 40px;
  max-height: 40px;
  margin: 5px;
  padding: 0;
  font-weight: 900;
  transition: padding .2s;
  display: flex;
  position: relative;
  overflow: hidden;
}

.optionlistbutton:hover {
  background-color: var(--element-dynamic);
  padding: 3px;
}

.optionlistbutton:active {
  background-color: var(--hover-element-dynamic);
}

.optionlistbutton.w--ecommerce-pill-selected {
  background-color: var(--oircle-notification);
  opacity: 1;
  padding: 5px;
  display: flex;
}

.productoptionlistnamecontain {
  z-index: 1;
  opacity: 1;
  justify-content: center;
  align-items: stretch;
  min-width: 50px;
  margin: auto;
  padding-left: 0;
  padding-right: 5px;
  display: flex;
  position: absolute;
  inset: auto;
}

.optionlistimage {
  margin-left: 0;
  margin-right: 0;
  position: absolute;
  inset: 0%;
}

.purchase {
  flex-wrap: wrap;
  flex: 1;
  justify-content: center;
  align-items: center;
  margin-bottom: 0;
  display: flex;
}

.optionlistoptions {
  z-index: 2;
  border-top-right-radius: 30px;
  border-bottom-right-radius: 30px;
  justify-content: space-between;
  align-items: center;
  height: 55px;
  min-height: 55px;
  max-height: 55px;
  margin-bottom: 0;
  padding-left: 0;
  padding-right: 20px;
  position: static;
  inset: 0%;
  overflow: scroll;
}

.product-option-list {
  flex-wrap: wrap;
  justify-content: center;
  display: flex;
}

.product-bundle-identification-cart-contain {
  margin-top: 15px;
  position: relative;
}

.addtocartbutton {
  background-color: #0000;
  border-radius: 30px;
  flex: 1;
  justify-content: center;
  min-width: 100px;
  font-size: 17px;
  font-weight: 900;
}

.hidden-state {
  display: none;
}

.text-block-255 {
  border: 2px solid var(--hover-element-dynamic);
  -webkit-backdrop-filter: brightness(65%) blur(5px);
  backdrop-filter: brightness(65%) blur(5px);
  color: var(--white);
  border-radius: 20px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: auto;
  min-width: 25px;
  height: 25px;
  margin: 2.5px;
  padding-left: 7px;
  padding-right: 7px;
  font-size: 10px;
  font-weight: 900;
  display: flex;
}

.horizontal-path {
  cursor: default;
  justify-content: center;
  align-items: center;
  margin-top: 0;
  display: flex;
}

.error-message-10 {
  line-height: 14px;
}

.out-of-stock {
  background-color: #0000;
  border-radius: 6px;
  font-size: 25px;
  font-weight: 900;
}

.oircle-store-product-wrapper-copy {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  max-width: 1200px;
  margin-bottom: 15px;
  margin-left: auto;
  margin-right: auto;
}

.addtocartroundbutton {
  border: 0px solid var(--element-dynamic);
  border-radius: 50%;
  width: 55px;
  min-width: 55px;
  max-width: 55px;
  height: 55px;
  min-height: 55px;
  max-height: 55px;
  margin: 5px 5px -11px auto;
  position: absolute;
  inset: auto 0% 0% auto;
  overflow: hidden;
}

.collection-list-60 {
  flex-wrap: wrap;
  justify-content: space-around;
  align-items: center;
  padding-left: 74px;
  padding-right: 74px;
  display: flex;
}

.collection-item-51 {
  border-radius: 20px;
  flex-direction: column;
  flex: 1;
  justify-content: center;
  align-items: stretch;
  width: 300px;
  min-width: 300px;
  margin: 7.5px;
  padding: 10px;
  display: flex;
}

.div-block-1574 {
  background-image: url("https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  flex: 1;
  min-height: 300px;
  margin-bottom: 15px;
}

.div-block-1575 {
  background-color: #00000080;
  border-radius: 15px;
  padding: 25px 10px;
}

.heading-318 {
  color: var(--white);
  height: 100px;
  margin-top: 0;
  margin-bottom: 0;
  margin-left: 15px;
  padding-right: 50px;
  font-size: 25px;
  line-height: 25px;
  overflow: hidden;
}

.text-block-258 {
  opacity: .55;
  color: var(--white);
  margin-left: 15px;
  font-weight: 900;
  display: inline;
}

.div-block-1576 {
  position: relative;
}

.div-block-1577 {
  padding: 20px 15px;
}

.error {
  background-color: var(--white-smoke);
  border-radius: 50px;
  justify-content: center;
  align-items: center;
  margin-top: 0;
  font-size: 12px;
  line-height: 12px;
  display: flex;
  position: absolute;
  inset: 0%;
}

.featured-product {
  display: none;
}

.empty-state-10 {
  background-color: #0000;
  flex-direction: column;
  justify-content: center;
  align-items: stretch;
  min-height: 90vh;
  padding: 0;
  display: flex;
}

.div-block-1580 {
  flex: 0 auto;
  justify-content: center;
  align-self: stretch;
  min-height: 325px;
  padding: 0;
  display: flex;
}

.div-block-1581 {
  border-radius: 20px;
  flex-direction: column;
  justify-content: flex-start;
  width: 225px;
  min-width: 225px;
  max-width: 225px;
  padding: 10px;
  display: none;
  overflow: hidden;
}

.div-block-1582 {
  background-color: var(--black);
  color: var(--element-dynamic);
  text-align: center;
  border-radius: 14px;
  justify-content: center;
  align-items: center;
  margin-top: auto;
  margin-bottom: 5px;
  padding: 10px;
  font-weight: 900;
  display: flex;
}

.heading-319 {
  text-transform: uppercase;
}

.text-block-260 {
  font-size: 10px;
  line-height: 10px;
}

.div-block-1583 {
  flex-direction: column;
  flex: 1;
  justify-content: center;
  align-items: stretch;
  margin-top: 5px;
  margin-bottom: 5px;
  display: flex;
}

.div-block-1584 {
  flex: 1;
}

.text-block-261 {
  background-image: url("https://cdn.prod.website-files.com/5aa43322534e4a0001179757/5fa17da50ccba33716fe9d8d_icons8-checkmark.png");
  background-position: 0%;
  background-repeat: no-repeat;
  background-size: 15px;
  padding-left: 20px;
}

.div-block-1585 {
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 5px;
  display: flex;
}

.div-block-1586 {
  background-color: var(--hover-element-dynamic);
  background-image: url("https://cdn.prod.website-files.com/5aa43322534e4a0001179757/5fa17ebc35bfbb5875faba56_icons8-pdf.png");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 55%;
  border-radius: 10px;
  width: 55px;
  min-width: 55px;
  height: 55px;
  min-height: 55px;
  margin: 5px;
}

.div-block-1586.sec {
  background-image: url("https://cdn.prod.website-files.com/5aa43322534e4a0001179757/5f34d0df22dcee6615851dff_web_design.png");
}

.learn-more-link {
  text-align: center;
  font-size: 15px;
}

.div-block-1587 {
  flex-direction: row;
  flex: 1;
  display: flex;
  overflow: scroll;
}

.div-block-1588 {
  border-radius: 20px;
  flex-direction: column;
  flex: 1;
  justify-content: flex-end;
  align-items: center;
  min-width: 500px;
  margin: 0 10px;
  padding: 25px;
  display: flex;
}

.action-buttons-error {
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-end;
  display: flex;
}

.paragraph-error-subscribe {
  color: var(--oircle-grim-gry);
  text-align: center;
  align-self: stretch;
  margin-right: 0;
  font-size: 10px;
  line-height: 15px;
}

.form-block-6 {
  align-self: stretch;
  margin-bottom: 0;
}

.error-skip {
  background-color: var(--oircle-notification);
  color: var(--white);
  border-radius: 10px;
  flex: 0 auto;
  order: 1;
  justify-content: center;
  align-items: center;
  margin: 5px;
  padding: 13px 25px;
  font-size: 17px;
  font-weight: 900;
  display: flex;
}

.error-skip:hover {
  background-color: var(--oircle-binding-blue);
  color: var(--white);
}

.form-8 {
  justify-content: center;
  align-items: center;
  display: flex;
}

.form-div-error {
  flex-direction: column;
  flex: 1;
  align-items: flex-start;
  margin: 0;
  display: flex;
}

.success-message-9 {
  background-color: #0000;
}

.error-message-11 {
  border-radius: 10px;
  margin-left: 0;
  margin-right: 5px;
}

.collection-list-61 {
  display: flex;
}

.uiproductimage {
  background-image: url("https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  border-radius: 5px;
  flex: 1;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-end;
  margin: 0;
  padding: 15px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.uiproductcontain {
  flex-direction: column;
  flex: 1;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: center;
  width: 300px;
  min-width: 300px;
  height: 400px;
  min-height: 400px;
  margin: 10px;
  display: flex;
  position: relative;
}

.uiproductcontain:first-child {
  flex: 0 auto;
  width: 695px;
  min-width: 695px;
}

.uiproductcontaindelegate {
  flex-flow: wrap;
  grid-template-rows: 300px auto;
  grid-template-columns: minmax(300px, 1fr) 300px 300px;
  grid-auto-columns: 1fr;
  grid-auto-flow: row;
  place-content: stretch center;
  align-items: flex-start;
  display: flex;
}

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

.uimoreimagescontain {
  margin-top: 5px;
  margin-bottom: 5px;
  margin-left: 15px;
  overflow: hidden;
}

.coloruiswaycircleitem {
  border-radius: 50px;
  justify-content: center;
  width: 75px;
  height: 75px;
  margin: 5px 10px 5px 0;
  display: flex;
  position: relative;
  overflow: hidden;
}

.uiproductdetails {
  align-self: stretch;
}

.uiproductname {
  align-items: flex-end;
  height: 55px;
  font-size: 25px;
  font-weight: 900;
  line-height: 25px;
  display: flex;
  overflow: hidden;
}

.uiproductlink {
  color: #0000;
  margin-left: 0;
  margin-right: 0;
  font-size: 0;
  line-height: 0;
  position: absolute;
  inset: 0%;
}

.uiproductcontaindelgatemaster {
  flex: 1;
  justify-content: center;
  align-items: center;
  padding: 20px;
}

.uinewshero {
  flex-direction: column;
  justify-content: center;
  align-items: stretch;
  height: 50vh;
  margin: 0;
  display: flex;
  overflow: hidden;
}

.uinewscontaindelegate {
  flex-flow: wrap;
  flex: 1;
  justify-content: flex-start;
  align-items: center;
  margin: 0;
  padding: 15px;
  display: flex;
}

.uinewsinformationdelegate {
  flex-direction: column;
  flex: 1;
  justify-content: space-between;
  align-self: stretch;
  align-items: flex-start;
  display: flex;
}

.uiimagebackground {
  background-color: var(--element-dynamic);
  background-image: url("https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg");
  background-position: 50% 100%;
  background-repeat: no-repeat;
  background-size: contain;
  flex: 1;
  justify-content: center;
  align-self: stretch;
  align-items: center;
  margin-left: 30px;
  display: flex;
  position: relative;
}

.uiimagebackground.centre {
  background-position: 50%;
  flex: 0 auto;
  align-items: stretch;
  width: 400px;
  min-width: 400px;
}

.uinewstitle {
  color: #3f3f3f;
  margin-top: 5px;
  margin-bottom: 5px;
}

.uinewstitle.caption {
  font-size: 6vw;
  line-height: 6vw;
}

.uinewstitle.tinytitle {
  flex: 0 auto;
  align-self: stretch;
}

.uinewstitle.smalltitle {
  margin-left: 5px;
  margin-right: 5px;
  font-size: 20px;
  line-height: 20px;
}

.uinewstitle.reallysmall {
  margin-left: 0;
  margin-right: 0;
  font-size: 10px;
  line-height: 10px;
}

.uinewsbutton {
  background-color: var(--oircle-notification);
  border-radius: 20px;
  margin: 2px;
}

.uinewsbutton:hover {
  background-color: var(--white-smoke);
}

.uinewsbutton.justtext {
  color: var(--oircle-notification);
  background-color: #0000;
  padding: 0;
}

.uinewsbutton.justtext:hover {
  color: var(--oircle-grim-gry);
}

.uiplaybutton {
  flex-wrap: wrap;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  align-items: center;
  margin-left: 0;
  font-size: 0;
  transition: font-size .3s, transform .4s;
  display: inline-block;
}

.uiplaybutton:hover {
  font-size: 17px;
}

.uiplayicon {
  border: 0px solid var(--oircle-notification);
  background-color: var(--oircle-notification);
  background-image: url("https://cdn.prod.website-files.com/5aa43322534e4a0001179757/5fb7c4adc000c33b325fc7c2_icons8-play.png");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 50%;
  border-radius: 50%;
  width: 35px;
  height: 35px;
  margin-left: 3px;
  margin-right: 3px;
}

.uiplayicon:hover {
  background-color: var(--element-dynamic);
  background-image: url("https://cdn.prod.website-files.com/5aa43322534e4a0001179757/5fb7c4e45574cd696e09d5d7_icons8-play.png");
}

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

.uinewspropdelegate {
  flex-wrap: wrap;
  margin-top: auto;
  display: inline-block;
}

.uinewsbuttoncontain {
  align-items: center;
  margin-bottom: 5px;
  display: flex;
}

.uinewsdisclaimertext {
  align-self: stretch;
}

.uinewsparagraph.description {
  height: 75px;
}

.uinewsgreatcreator {
  flex-direction: column;
  justify-content: center;
  min-height: 85vh;
  margin-top: 15px;
  display: flex;
}

.uinewscreatorcredits {
  flex-wrap: wrap;
  flex: 1;
  justify-content: flex-start;
  margin: 15px;
  display: flex;
}

.uinewscreatorcredits.relatedarticles {
  margin-top: 0;
  margin-bottom: 0;
}

.uinewscontentdelegate {
  flex-direction: column;
  justify-content: center;
  align-items: stretch;
  display: flex;
}

.uinewscreatordelegate {
  flex-direction: column;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: center;
  padding: 15px;
  display: flex;
}

.uinewscreatordelegate.content {
  flex: 1;
  align-items: stretch;
  min-height: 0;
  padding-left: 0;
  padding-right: 0;
}

.uinewscreatordelegate.addational-info {
  justify-content: flex-start;
  align-items: flex-start;
}

.collection-list-62 {
  display: flex;
}

.collection-item-52 {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  margin: 5px;
  display: flex;
}

.uiiamgecont {
  background-color: var(--element-dynamic);
  background-image: url("https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  border-radius: 10px;
  align-self: stretch;
  min-width: 350px;
  height: 200px;
}

.uiproductpromotion {
  border-radius: 10px;
  flex-flow: wrap;
  flex: 0 auto;
  justify-content: space-between;
  align-items: center;
  min-height: 600px;
  margin: 10px;
  padding: 25px;
  display: flex;
  position: relative;
}

.uiproductpromotion.game-premium-pass {
  background-color: #0000;
  background-image: linear-gradient(#00000080, #00000080), url("https://cdn.prod.website-files.com/5aa43322534e4a0001179757/5dd80a83a16c2da5da24ade1_star-wars-jedi-fallen-order-hero-banner-02-ps4-us-29may19.jpeg");
  background-position: 0 0, 100%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
  border-radius: 20px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  margin: 7.5px 15px 15px;
  padding-left: 50%;
}

.uiproductpromotion.oircle-news {
  background-color: #0000;
  background-image: linear-gradient(45deg, #9aeaff, #98b7ff);
  border-radius: 20px;
  flex-flow: row;
  flex: 1;
  justify-content: center;
  margin: 7.5px 15px;
}

.uiproductpromotion.oircle-news.uinewsbanner {
  text-align: center;
  flex-direction: column;
  min-height: 400px;
  margin: 0;
}

.uiproductpromotion.commercial-promotion {
  background-image: linear-gradient(#00000080, #00000080), url("https://cdn.prod.website-files.com/5aa43322534e4a0001179757/5d5b89d93ef06a5274ef6d9f_coupons_4x.png");
  background-position: 0 0, 50%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
  margin-top: 10px;
}

.uiproductpromotion._100-off {
  border: 1px solid var(--element-dynamic);
  color: var(--oircle-default-gry);
  background-image: url("https://cdn.prod.website-files.com/5aa43322534e4a0001179757/5dc07647ba81f200bb45d9cd_Documentation%20.png");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 20px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  margin: 15px;
  font-weight: 900;
}

.uiproductpromotion.oircle-news-copy {
  background-color: #0000;
  background-image: linear-gradient(45deg, #9aeaff, #98b7ff);
  border-radius: 20px;
  flex-flow: row;
  flex: 1;
  justify-content: center;
  margin: 7.5px 15px;
}

.uiproductpromotion.oircle-store {
  z-index: 101;
  background-image: linear-gradient(45deg, #02daff, #0642ff);
  border-radius: 20px;
  min-height: 150px;
  margin: 0;
}

.uiproductpromotion.oircle-news-copy-copy {
  background-color: var(--white-smoke);
  border-radius: 20px;
  flex-flow: row;
  flex: 1;
  justify-content: center;
  align-items: center;
  min-height: 0;
  margin: 30px;
  padding: 100px 100px 0;
}

.uiproductpromotion.oircle-news-copy-copy-copy {
  background-color: var(--white-smoke);
  border-radius: 20px;
  flex-flow: row;
  flex: 1;
  justify-content: center;
  align-items: center;
  min-height: 0;
  margin: 15px 30px 30px;
  padding: 100px;
}

.uiproductpromotion.oircle-news-copy-copy-copy-copy {
  background-color: var(--white-smoke);
  border-radius: 20px;
  flex-flow: row;
  flex: 1;
  justify-content: center;
  align-items: center;
  min-height: 0;
  margin: 15px;
  padding: 25px;
}

.uiproductpromotioncontentad {
  flex: 1;
  min-width: 500px;
}

.uiproductfeaturedtitlename {
  color: var(--hover-element-dynamic);
  text-transform: capitalize;
  justify-content: flex-start;
  align-items: center;
  margin: 15px 30px 0;
  padding: 0;
  line-height: 55px;
  display: flex;
}

.uiproductfeaturedtitlename.subfeature {
  margin-left: 15px;
  margin-right: 15px;
}

.uiproductfeaturedcontain {
  flex: 1;
}

.uiproductfeaturedcontaindelegate {
  justify-content: flex-start;
  align-items: center;
  margin-right: 0;
  display: flex;
  overflow: scroll;
}

.button-wrapper {
  align-items: center;
  margin-left: 12px;
  margin-right: 12px;
  display: flex;
  position: relative;
}

.button-wrapper.button-wrapper--clone {
  margin-bottom: 8px;
  margin-left: 0;
  margin-right: 0;
  padding: 8px;
  display: inline-block;
}

.button-wrapper.button-wrapper--close {
  margin-top: 12px;
  padding: 8px;
  position: absolute;
  inset: 0% 0% auto auto;
}

.stop-wrapper {
  justify-content: center;
  align-items: center;
  display: flex;
}

.track-name {
  color: #fff;
  text-align: left;
  text-transform: uppercase;
  margin-right: 10px;
  font-family: Lato, sans-serif;
  font-size: 11px;
  font-weight: 400;
}

.active-shuffle-wrapper {
  margin-right: 10px;
  position: relative;
}

.audio-player-multitracks-wrapper {
  background-color: #000;
  border-radius: 5px;
  justify-content: center;
  align-items: center;
  width: auto;
  margin-top: 20px;
  padding: 20px;
  display: flex;
  position: static;
}

.player-label {
  color: #fff;
  letter-spacing: 1px;
  text-transform: uppercase;
  background-color: #0000;
  margin-top: 20px;
  font-family: Lato, sans-serif;
  font-weight: 300;
}

.link-block-11 {
  color: #fff;
  margin-top: 15px;
  font-family: Lato, sans-serif;
  text-decoration: none;
}

.link-block-11:hover {
  text-decoration: underline;
}

.repeat-2 {
  cursor: pointer;
  margin-right: 10px;
}

.uiaudiocontain {
  background-color: #000;
  border-radius: 5px;
  justify-content: center;
  align-items: center;
  width: auto;
  margin-top: 20px;
  padding: 20px;
  display: flex;
  position: static;
}

.track-info-wrapper {
  background-color: #0000;
  border: 1px #0e0d0d;
  justify-content: center;
  align-items: center;
  margin-right: 10px;
  display: flex;
}

.audio-player-bar-wrapper {
  justify-content: center;
  align-self: auto;
  align-items: center;
  width: 70%;
  display: flex;
}

.audio-player-bar-wrapper.bar-wrapper {
  width: 300px;
  margin-left: 20px;
  margin-right: 20px;
  position: relative;
}

.number-loop-song {
  color: #fff;
  text-align: center;
  padding: 0;
  font-size: 10px;
  line-height: 13px;
}

.navbar {
  background-color: #000;
  width: 100%;
  position: fixed;
}

.tracks-wrapper {
  background-color: #0a0a0a;
  justify-content: center;
  align-items: center;
  margin-left: 0;
  margin-right: 10px;
  padding-left: 10px;
  padding-right: 10px;
  display: flex;
}

.javascript-button-2 {
  color: #000;
  background-color: #f8e017;
  background-image: url("https://cdn.prod.website-files.com/5aa43322534e4a0001179757/5e2d71af12d9357d2dee11f2_js-logo.jpg"), none;
  background-position: 8%, 89%;
  background-repeat: no-repeat, no-repeat;
  background-size: 18px, 20px;
  border-radius: 0;
  margin-right: 10px;
  padding: 15px 50px 15px 40px;
  font-family: Lato, sans-serif;
  font-size: 18px;
  font-weight: 400;
  transition: transform .3s ease-in-out, background-color .4s ease-in-out;
}

.javascript-button-2:hover {
  color: #000;
  background-color: #f8e017;
  transform: translate(3px);
}

.herosection {
  background-color: #0e0e0e;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  min-height: auto;
  padding-top: 100px;
  padding-bottom: 100px;
  display: flex;
  position: relative;
}

.audio-player-volume-wrapper {
  justify-content: center;
  align-self: auto;
  align-items: center;
  width: 70%;
  display: flex;
}

.audio-player-volume-wrapper.bar-wrapper-volume {
  background-color: #0a0a0a;
  flex-direction: row;
  width: auto;
  height: auto;
  margin-left: 0;
  padding-left: 10px;
  padding-right: 10px;
  position: static;
}

.audio-player-bar {
  opacity: 1;
  cursor: pointer;
  background-color: #575757;
  border-radius: 5px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 3px;
  display: flex;
}

.cover {
  width: 50px;
  height: 50px;
  margin-right: 10px;
}

.stop {
  cursor: pointer;
}

.next-song {
  cursor: pointer;
  width: 15px;
  margin-right: 0;
}

.previous-song {
  cursor: pointer;
  width: 15px;
  margin-right: 10px;
}

.loop-single-song {
  background-color: #0ba100;
  border-radius: 50%;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 13px;
  height: 13px;
  padding: 2px;
  display: flex;
  position: absolute;
  inset: 16% 0% auto 15px;
}

.shuffle-active {
  cursor: pointer;
  margin-right: 10px;
}

.shuffle {
  cursor: pointer;
  margin-right: 10px;
  line-height: 1;
}

.options-wrapper-2 {
  background-color: #000;
  justify-content: center;
  align-items: center;
  margin-left: 0;
  margin-right: 0;
  padding-left: 10px;
  padding-right: 10px;
  display: flex;
}

.uivideocontaindelegate {
  flex-direction: column;
  justify-content: center;
  align-items: stretch;
  height: 100vh;
  margin-left: auto;
  margin-right: auto;
  padding: 10px;
  display: flex;
}

.uivideotimestamp {
  z-index: 1;
  justify-content: center;
  align-items: center;
  padding-left: 10px;
  display: flex;
  position: absolute;
  inset: 0% auto 0% 0%;
}

.uivideodevidestamp {
  background-color: var(--hover-element-dynamic);
  border-radius: 50%;
  width: 5px;
  height: 5px;
  margin-left: 5px;
  margin-right: 5px;
}

.image-124 {
  width: 25px;
  height: 25px;
}

.uivideooptionset {
  border: .5px solid var(--element-dynamic);
  background-color: var(--white-smoke);
  border-radius: 20px;
  flex-direction: column;
  justify-content: flex-end;
  align-items: center;
  width: 150px;
  padding: 0;
  display: flex;
  position: absolute;
  inset: auto 0% 55px auto;
  overflow: hidden;
}

.div-block-1594 {
  position: relative;
}

.uivideooptionsetitem {
  cursor: none;
  justify-content: flex-start;
  align-self: stretch;
  align-items: center;
  padding: 10px;
  display: flex;
}

.uivideooptionsetitem:hover {
  background-color: var(--hover-element-dynamic);
}

.uivideooptiontext {
  margin-left: 5px;
}

.uivideoprogressselect {
  z-index: 0;
  background-color: var(--active-green);
  width: 0%;
  height: 100%;
  margin-right: auto;
  position: static;
  inset: 0% auto 0% 0%;
}

.link-block-86 {
  border-radius: 30px;
  min-width: 55px;
  height: 55px;
  margin-top: 25px;
  margin-left: 25px;
  margin-right: 25px;
  position: fixed;
  inset: 0% 0% auto;
  overflow: hidden;
}

.div-block-1595 {
  background-color: var(--white-smoke);
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  font-size: 25px;
  line-height: 0;
  display: flex;
}

.div-block-1596 {
  background-image: url("https://cdn.prod.website-files.com/5aa43322534e4a0001179757/5eea48d65595de6c4a52fb97_11-inch%20iPad%20Pro%20-%20vertical.png");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  height: 400px;
  margin-top: 55px;
  margin-bottom: 55px;
}

.heading-320 {
  text-transform: uppercase;
}

.div-block-1597 {
  margin-bottom: auto;
}

.collection-list-wrapper-45 {
  align-self: stretch;
}

.div-block-1598 {
  justify-content: center;
  align-items: flex-start;
  display: none;
  overflow: visible;
}

.uinewscontentstoreapi {
  justify-content: center;
  align-items: center;
  margin-top: 55px;
  margin-bottom: 55px;
  display: flex;
}

.uinewscontentstoreapicontent {
  flex-wrap: nowrap;
  flex: 1;
  justify-content: center;
  align-self: stretch;
  align-items: center;
  display: flex;
}

.uinewscontentstoreapicontenteliment {
  background-color: var(--white);
  flex: 1;
  justify-content: center;
  align-self: stretch;
  align-items: center;
  height: 150px;
  margin: 10px;
  display: flex;
  box-shadow: 0 0 25px #00000026;
}

.uinewsstoreapiimage {
  background-image: url("https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 300px;
  height: 300px;
}

.uistoredelgate {
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  padding: 5px;
  display: flex;
}

.uinewsbuybutton {
  background-color: var(--oircle-notification);
  border-radius: 20px;
  margin: 5px;
  transition: transform .4s;
}

.uinewsbuybutton:hover {
  background-color: var(--element-dynamic);
  color: var(--oircle-notification);
}

.uinewsstoreapibeginorder {
  background-color: var(--white);
  flex-wrap: wrap;
  justify-content: center;
  align-items: stretch;
  max-width: 950px;
  margin: auto;
  display: flex;
  position: fixed;
  inset: auto 0% 0%;
  overflow: visible;
  transform: translate(0, 100vh);
  box-shadow: 1px 1px 15px #00000026;
}

.uinewsstoreapiinfodelegate {
  flex: 1;
  padding: 10px 20px;
}

.uinewsstoreapiimageprop {
  filter: blur(20px);
  flex: 1;
  margin: 15px;
}

.uinewsstoreapiimagedelagte {
  flex-direction: column;
  flex: 1;
  justify-content: flex-end;
  min-width: 300px;
  min-height: 300px;
  display: flex;
  position: relative;
}

.coloruisway {
  z-index: -1;
  border-radius: 50px;
  flex: 1;
  height: 75px;
  position: relative;
  overflow: hidden;
}

.coloruiswaycircle {
  z-index: -1;
  border-radius: 50px;
  flex: 0 auto;
  align-self: stretch;
  width: 75px;
  height: 75px;
  position: absolute;
  overflow: hidden;
}

.showcasecontent {
  flex-wrap: wrap;
  justify-content: center;
  align-self: stretch;
  align-items: flex-end;
  margin: 50px;
  padding: 35px;
  display: flex;
}

.showcaseparagraph {
  text-align: center;
}

.showcasecontainer {
  flex-direction: column;
  align-items: center;
  margin-top: 15px;
  margin-bottom: 15px;
  display: flex;
}

.showcasecontaininfo {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 40px;
  display: flex;
}

.home {
  display: none;
}

.uinewscontent {
  flex-flow: column;
  flex: 1;
  justify-content: center;
  align-items: stretch;
  min-width: 200px;
  min-height: 100px;
  margin: 0;
  padding: 0;
  display: flex;
  position: relative;
}

.uinewssearchcontain {
  margin-bottom: 5px;
}

.uinewscontentsort {
  height: 55px;
  margin: 5px;
  display: flex;
}

.limittimestorefront {
  background-color: var(--white);
}

.div-block-1640 {
  background-image: url("https://cdn.prod.website-files.com/5aa43322534e4a0001179757/60117094d4b13af69b7765f1_Valentines.png");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  width: 500px;
  height: 400px;
  margin-top: 64px;
}

.div-block-1641 {
  text-align: center;
  margin-bottom: 75px;
}

.oircle {
  filter: brightness(0%);
}

.heading-322 {
  color: var(--black);
  margin-bottom: 0;
  line-height: 55px;
}

.div-block-1644 {
  display: block;
}

.collection-list-71 {
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  display: flex;
}

.collection-item-59 {
  flex-direction: column;
  flex: 1;
  width: 350px;
  min-width: 350px;
  height: 400px;
  margin: 10px;
  display: flex;
}

.icononhanger {
  background-image: url("https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  flex: 1;
}

.div-block-1645 {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.div-block-1646 {
  flex-direction: column;
  flex: 1;
  display: flex;
}

.div-block-1647 {
  background-color: var(--element-dynamic);
  margin-top: 25px;
  padding: 24px;
}

.div-block-1648 {
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.reasons {
  background-color: var(--white);
  text-align: center;
  border-radius: 7px;
  flex-direction: column;
  flex: 1;
  justify-content: center;
  align-items: center;
  width: 500px;
  min-width: 500px;
  height: 500px;
  margin: 15px;
  padding: 59px;
  display: flex;
}

.reasons.promotion {
  text-align: left;
  flex-flow: wrap;
  justify-content: center;
  align-items: center;
}

.div-block-1649 {
  background-image: url("https://cdn.prod.website-files.com/5aa43322534e4a0001179757/60117094d4b13af69b7765f1_Valentines.png");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 100%;
  flex: 1;
  align-self: stretch;
  min-width: 300px;
  height: 280px;
  margin: auto 15px;
}

.div-block-1650 {
  flex: 0 auto;
  min-width: 55%;
}

.heading-324 {
  height: 25px;
}

.heading-325 {
  text-align: center;
  font-size: 40px;
}

.heading-325.singlar {
  text-align: left;
}

.quickview {
  border-radius: 50px;
  margin-right: 0;
  padding: 6px 8px 4px 3px;
}

.quickview:hover {
  background-image: linear-gradient(#dddddd80, #dddddd80);
}

.viewinar {
  justify-content: center;
  align-items: center;
  margin-left: 5px;
  margin-right: 5px;
  display: flex;
  position: relative;
}

.view-in-ar-text {
  color: var(--hover-element-dynamic);
  justify-content: center;
  align-items: center;
  margin-left: 15px;
  margin-right: 15px;
  font-size: 15px;
  display: flex;
}

.product-bundle-delegate {
  display: flex;
}

.success-message-11 {
  background-color: #0000;
}

.lottie-animation-12 {
  height: 125px;
  margin-left: auto;
  margin-right: auto;
}

.text-block-268 {
  margin-top: -26px;
}

.errormessasge {
  margin-top: 0;
  margin-left: -25px;
  margin-right: -25px;
  position: sticky;
  bottom: -25px;
  left: 0;
  right: 0;
}

.div-block-1655 {
  background-image: url("https://cdn.prod.website-files.com/5aa43322534e4a0001179757/5dc07647ba81f200bb45d9cd_Documentation%20.png");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  justify-content: space-between;
  align-items: center;
  min-height: 100vh;
  display: flex;
}

.section-59 {
  border-top-left-radius: 25px;
  border-top-right-radius: 25px;
  flex-direction: column;
  justify-content: center;
  align-self: stretch;
  align-items: center;
  width: 550px;
  margin-left: auto;
  margin-right: auto;
  padding: 55px;
  display: flex;
  position: relative;
  inset: 0% 0% 0% auto;
}

.div-block-1657 {
  flex-wrap: wrap;
  justify-content: center;
  align-self: stretch;
  align-items: center;
  display: flex;
}

.action-buttons-copy {
  flex-flow: column wrap;
  justify-content: space-between;
  align-items: center;
  margin-top: 25px;
  display: flex;
}

.display-action-delegate-copy {
  align-self: stretch;
  margin-top: 25px;
}

.div-block-1659 {
  margin-bottom: 85px;
}

.paragraph-175 {
  text-align: center;
  margin-left: auto;
  margin-right: auto;
}

.heading-297-copy {
  color: #333;
  justify-content: center;
  align-items: center;
  height: 25px;
  font-size: 30px;
  line-height: 25px;
  display: flex;
}

.uiproductpromotioncontentcontainomoji {
  z-index: 2;
  flex-direction: column;
  flex: 1;
  margin: 15px;
  display: flex;
  position: absolute;
  inset: 0%;
}

.uiproductpromotioncontentcontainomoji.small {
  margin-right: 15px;
}

.background-video-5 {
  z-index: 1;
  border-radius: 20px;
  flex: 1;
  align-self: stretch;
  height: 100%;
  margin: 0;
  position: absolute;
  inset: 0%;
  overflow: visible;
}

.div-block-1664 {
  background-color: var(--white-smoke);
  border-radius: 50px;
  flex-direction: column;
  justify-content: center;
  align-self: stretch;
  align-items: center;
  height: 55px;
  margin: 5px;
  display: flex;
}

.div-block-1664.radio {
  width: 55px;
  min-width: 55px;
  max-width: 55px;
  min-height: 55px;
  max-height: 55px;
  margin: 5px;
}

.trans {
  background-color: #0000;
  border: 0 solid #000;
  border-radius: 0;
  flex: 1;
  align-self: stretch;
  margin-bottom: 0;
}

.radio-button-label {
  text-align: center;
  margin-bottom: -25px;
  line-height: 14px;
  display: block;
  position: absolute;
  inset: auto 0% 0%;
}

.genderradiomale {
  background-image: url("https://cdn.prod.website-files.com/5aa43322534e4a0001179757/6027d7abe27a525f39f06860_icons8-standing_man.png");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 35px;
  border-width: 0;
  border-color: #0000;
  border-radius: 50%;
  width: 55px;
  height: 55px;
  margin: 0;
}

.genderradiomale.w--redirected-checked {
  background-color: var(--oircle-notification);
  background-image: url("https://cdn.prod.website-files.com/5aa43322534e4a0001179757/6027d8e47d0537a07343733d_icons8-standing_man%202.png");
  border-width: 0;
}

.radio-button-field-6 {
  color: #0000;
  margin-bottom: 0;
  padding-left: 0;
  position: relative;
}

.radio-button-field-6:hover {
  color: var(--oircle-default-gry);
}

.div-block-1665 {
  justify-content: space-around;
  align-self: stretch;
  align-items: center;
  margin-left: 0;
  margin-right: 0;
  display: flex;
}

.genderradiofemale {
  background-image: url("https://cdn.prod.website-files.com/5aa43322534e4a0001179757/6027d7ada1e988fb9ba1c5b0_icons8-woman%202.png");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 35px;
  border-width: 0;
  border-color: #0000;
  border-radius: 50%;
  width: 55px;
  height: 55px;
  margin: 0;
}

.genderradiofemale.w--redirected-checked {
  background-color: var(--oircle-notification);
  background-image: url("https://cdn.prod.website-files.com/5aa43322534e4a0001179757/6027d5226d3b4022184eaedf_icons8-woman.png");
  border-width: 0;
}

.genderradionon {
  background-image: url("https://cdn.prod.website-files.com/5aa43322534e4a0001179757/6027d7aab18b4752d45b0e60_icons8-no_entry%202.png");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 35px;
  border-width: 0;
  border-color: #0000;
  border-radius: 50%;
  width: 55px;
  height: 55px;
  margin: 0;
}

.genderradionon.w--redirected-checked {
  background-color: var(--oircle-notification);
  background-image: url("https://cdn.prod.website-files.com/5aa43322534e4a0001179757/6027d520a09dbb3b88c8ffcc_icons8-no_entry.png");
  border-width: 0;
}

.success-message-12 {
  z-index: 5;
  background-color: #0000;
  padding: 0;
}

.div-block-1666 {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 100%;
  padding: 20px;
  display: flex;
}

.button-60 {
  background-color: #0000;
  background-image: url("https://cdn.prod.website-files.com/5aa43322534e4a0001179757/5e8f132159c7e12b8d948412_Facebook.png");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 25px;
  width: 75px;
  height: 75px;
  margin: 20px;
}

.button-60.instergram {
  background-image: url("https://cdn.prod.website-files.com/5aa43322534e4a0001179757/5b38d36fdf51e7b22afa21ce_Instagram-2.png");
  background-size: 100%;
}

.button-60.twitter {
  background-image: url("https://cdn.prod.website-files.com/5aa43322534e4a0001179757/5f1859475d1c557e7d1aaa1f_icons8-twitter.png");
  background-size: 65px;
}

.form-label-copy {
  text-align: left;
  margin-bottom: 0;
  margin-left: 15px;
}

.form-div-copy {
  flex-direction: column;
  flex: 1;
  align-items: stretch;
  margin: 5px 2px 20px;
  display: flex;
}

.form-div-copy.form-horizon-div {
  flex-flow: wrap-reverse;
}

.skip-copy {
  background-color: var(--oircle-notification);
  color: var(--white);
  border-radius: 50px;
  flex: 1;
  justify-content: center;
  align-items: center;
  margin: 5px;
  padding: 13px 25px;
  font-size: 17px;
  font-weight: 900;
  display: flex;
}

.skip-copy:hover {
  background-color: var(--oircle-binding-blue);
  color: var(--white);
}

.tabbarcontain {
  display: none;
}

.div-block-1665-copy {
  flex-wrap: wrap;
  justify-content: space-between;
  align-self: stretch;
  align-items: center;
  margin-left: 0;
  margin-right: 0;
  display: flex;
}

.div-block-1671 {
  flex-direction: column;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: stretch;
  height: 100%;
  display: flex;
}

.more-details-content-copy {
  text-align: left;
  text-transform: capitalize;
  margin-bottom: 5px;
  margin-right: 45px;
  padding-left: 0;
  font-size: 55px;
  font-weight: 900;
  line-height: 55px;
}

.collection-list-73 {
  flex-direction: row;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: center;
  height: 100%;
  display: flex;
}

.promotion-package {
  background-color: var(--white-smoke);
  background-image: url("https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  justify-content: center;
  align-items: flex-end;
  height: 300px;
  margin: 10px;
  display: flex;
}

.add-to-cart-button-6 {
  background-color: var(--oircle-notification);
  border-radius: 20px;
}

.default-state-12 {
  flex-direction: column;
  align-items: center;
  display: flex;
}

.button-61 {
  background-color: var(--hover-element-dynamic);
  border-width: 0;
  border-radius: 20px;
}

.div-block-1681 {
  text-align: center;
  flex-direction: column;
  align-items: center;
  display: flex;
}

.div-block-1681.top-head {
  width: 50%;
  margin-left: auto;
  margin-right: auto;
}

.div-block-1682 {
  background-image: url("https://cdn.prod.website-files.com/5aa43322534e4a0001179757/605cee8543ab92f440687a31_Calcclatr%20Artbord.png");
  background-position: 50%;
  background-repeat: repeat;
  background-size: cover;
  background-attachment: scroll;
  border-radius: 15px;
  flex: 0 auto;
  grid-template-rows: 1fr 1fr 1fr;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  grid-auto-flow: row;
  margin: 0;
  display: block;
  position: absolute;
  inset: 0%;
}

.tiny-balls-super-delegate-2 {
  opacity: 0;
  color: #c0c0c080;
  justify-content: space-around;
  align-items: center;
  height: 25px;
  display: flex;
  position: absolute;
}

.ball-one-2 {
  background-color: #d41367;
  border-radius: 50%;
  width: 10px;
  height: 10px;
  margin: 2px;
}

.ball-two-2 {
  background-color: #1aa0e0;
  border-radius: 50%;
  width: 10px;
  height: 10px;
  margin: 2px;
}

.ball-three-2 {
  background-color: #41226c;
  border-radius: 50%;
  width: 10px;
  height: 10px;
  margin: 2px;
}

.ball-four-2 {
  background-color: #fdcc2e;
  border-radius: 50%;
  width: 10px;
  height: 10px;
  margin: 2px;
}

.items-added-label-text-2 {
  opacity: 0;
  color: #fff;
  font-size: 25px;
  font-weight: 900;
  position: absolute;
}

.empty-state-12 {
  display: none;
}

.uinewsstoreapiimageblur {
  background-image: url("https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  flex: 1;
  margin: 15px;
  position: absolute;
  inset: 0%;
}

.uinewsstoreapidelgateinfostate {
  flex-flow: wrap;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 0;
  display: flex;
}

.div-block-1697 {
  flex-wrap: wrap;
  flex: 1;
  justify-content: center;
  margin-top: 10px;
  display: flex;
}

.uinewscontentdismissbutton {
  background-color: var(--element-dynamic);
  color: var(--dismiss-element);
  border-radius: 50px;
  justify-content: center;
  align-items: center;
  width: 50px;
  height: 50px;
  margin-left: 10px;
  margin-right: 0;
  padding: 0;
  font-size: 25px;
  line-height: 0;
  display: flex;
}

.uinewscontentdismissbutton:hover {
  background-color: var(--dismiss-element);
  color: var(--white);
}

.out-of-stock-state-3 {
  background-color: #0000;
}

.error-state-5 {
  background-color: #ffdbe2;
  position: absolute;
  inset: -55px 0% auto;
}

.lottie-animation-17 {
  width: 100%;
  height: 100%;
}

.div-block-1698 {
  z-index: 999;
  background-color: var(--white);
  min-width: 350px;
  max-width: 25vw;
  padding: 10px;
  position: fixed;
  inset: 0% auto 0% 0%;
  overflow: scroll;
  transform: translate(-100vw);
  box-shadow: 0 0 25px #00000040;
}

.uinewssearchbar-2 {
  background-color: #0000;
  background-image: url("https://cdn.prod.website-files.com/5aa43322534e4a0001179757/5ef4e141a245d966fdbf3874_search.png");
  background-position: 15px;
  background-repeat: no-repeat;
  background-size: 25px;
  border: .2px solid #c0c0c080;
  border-radius: 10px;
  height: 100%;
  margin-bottom: 0;
  padding-left: 50px;
}

.collection-list-75 {
  flex-wrap: wrap;
  align-items: flex-start;
  display: flex;
}

.link-block-91 {
  flex-wrap: wrap;
  flex: 1;
  align-items: center;
  margin-left: 0;
  margin-right: 0;
  padding: 5px;
  display: flex;
}

.div-block-1713 {
  border: .2px solid var(--hover-element-dynamic);
  background-image: url("https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 25px;
  flex: 0 auto;
  width: 100px;
  min-width: 100px;
  max-width: 100%;
  height: 100px;
  min-height: 100px;
  margin-right: 2.5px;
}

.div-block-1714 {
  flex-flow: column;
  flex: 1;
  justify-content: center;
  align-items: stretch;
  padding: 0;
  display: flex;
}

.div-block-1715 {
  align-items: center;
  display: flex;
}

.smallicon {
  background-image: url("https://cdn.prod.website-files.com/5aa43322534e4a0001179757/60801fb0467e4f0ec4f8db29_icons8-clock.png");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 15px;
  min-width: 15px;
  max-width: 15px;
  height: 15px;
  min-height: 15px;
  max-height: 15px;
  margin-left: 5px;
  margin-right: 2.5px;
}

.div-block-1716 {
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.empty-state-13 {
  background-color: #0000;
  padding: 0;
}

.link-block-92 {
  flex-direction: column;
  flex: 1;
  justify-content: space-between;
  align-items: stretch;
  margin-left: 0;
  margin-right: 0;
  display: flex;
  position: relative;
}

.collection-item-61 {
  flex: 1;
  justify-content: center;
  align-items: stretch;
  min-width: 300px;
  min-height: 400px;
  margin: 5px;
  padding: 0;
  display: flex;
}

.collection-list-76 {
  flex-wrap: wrap;
  justify-content: flex-start;
  padding: 7px;
  display: flex;
}

.collection-list-77 {
  justify-content: space-around;
  align-items: center;
  display: flex;
}

.collection-item-62 {
  flex-direction: column;
  flex: 1;
  justify-content: flex-end;
  align-items: stretch;
  width: 300px;
  margin: 5px;
  display: flex;
}

.div-block-1718 {
  background-image: url("https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  flex: 0 auto;
  align-items: flex-end;
  height: 450px;
  margin: 0;
  padding: 10px;
  display: flex;
}

.div-block-1719 {
  flex: 0 auto;
}

.link-block-93 {
  border-top: 3px dotted var(--hover-element-dynamic);
  justify-content: center;
  align-items: center;
  margin-top: 10px;
  margin-left: 0;
  margin-right: 0;
  padding: 15px;
  display: flex;
}

.text-block-271 {
  margin-left: 10px;
  margin-right: 10px;
}

.div-block-1720 {
  justify-content: center;
  align-items: center;
  display: flex;
  overflow: hidden;
}

.div-block-1721 {
  width: 350px;
  margin-left: 55px;
  margin-right: 55px;
}

.div-block-1722 {
  border-radius: 20px;
  flex-direction: column;
  justify-content: space-around;
  align-items: center;
  width: 15px;
  min-height: 150px;
  max-height: 100px;
  margin-top: auto;
  margin-bottom: auto;
  display: flex;
  position: fixed;
  inset: 0% auto 0% 25px;
}

.circleelement {
  background-color: #46464680;
  border-radius: 50%;
  width: 10px;
  min-width: 10px;
  max-width: 10px;
  height: 10px;
  min-height: 10px;
  max-height: 10px;
  margin-left: 0;
  margin-right: 0;
  font-size: 0;
  transition: all .2s, transform .4s;
  position: relative;
}

.circleelement:hover {
  background-color: var(--element-dynamic);
  width: 15px;
  min-width: 15px;
  max-width: 15px;
  height: 15px;
  min-height: 15px;
  max-height: 15px;
  font-size: 15px;
}

.circleelement.w--current {
  background-color: var(--white);
  text-shadow: 0 0 5px #00000080;
}

.text-block-272 {
  color: var(--element-dynamic);
  min-width: 100px;
  height: 20px;
  margin-top: auto;
  margin-bottom: auto;
  margin-left: 15px;
  padding-left: 5px;
  position: absolute;
  inset: 0% auto 0% 0%;
}

.overview {
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  height: 100vh;
  padding: 100px;
  display: flex;
  position: relative;
}

.div-block-1723 {
  flex-direction: column;
  align-items: flex-start;
  margin-left: 25px;
  display: flex;
}

.heading-330 {
  font-size: 7vw;
  line-height: 7vw;
  position: absolute;
}

.div-block-1724 {
  background-image: url("https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 50vh;
  height: 15vw;
  position: relative;
}

.div-block-1725 {
  align-items: center;
  display: flex;
}

.link-block-94-copy {
  background-color: #46464680;
  border-radius: 50%;
  width: 10px;
  min-width: 10px;
  max-width: 10px;
  height: 10px;
  min-height: 10px;
  max-height: 10px;
  margin-left: 5px;
  margin-right: 5px;
  position: relative;
}

.text-block-273 {
  text-transform: capitalize;
  font-size: 15px;
}

.div-block-1726 {
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
}

.details {
  flex-direction: column;
  justify-content: center;
  align-items: stretch;
  padding: 100px;
  display: flex;
  position: relative;
}

.screenshot {
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  padding: 25px 100px;
  display: block;
  position: relative;
  overflow: scroll;
}

.addons {
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  height: 100vh;
  padding: 100px;
  display: flex;
  position: relative;
}

.div-block-1727 {
  min-height: 100vh;
}

.div-block-1728 {
  background-image: url("https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 10px;
  width: 300px;
  height: 400px;
  margin: 10px;
}

.div-block-1729 {
  color: var(--white);
  text-align: center;
  text-transform: uppercase;
  border-radius: 20px;
  padding: 20px;
  font-size: 25px;
  font-weight: 900;
  line-height: 25px;
  position: absolute;
  inset: auto 0% 0%;
}

.div-block-1729.top {
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  cursor: pointer;
  position: relative;
}

.div-block-1730 {
  width: 320px;
  margin-bottom: 25px;
  position: relative;
}

.div-block-1731 {
  margin-bottom: -15px;
  margin-left: 35px;
  margin-right: 35px;
  position: absolute;
  inset: auto 0% 0%;
}

.div-block-1732 {
  align-items: center;
  height: 450px;
  margin-top: 15px;
  margin-bottom: 15px;
  display: flex;
  overflow: scroll;
}

.div-block-1733 {
  border-radius: 10px;
  flex: 1;
  justify-content: center;
  align-items: stretch;
  width: 500px;
  height: 420px;
  margin: 0 10px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.div-block-1733-copy {
  filter: blur(20px);
  background-image: url("https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 10px;
  flex: 1;
  margin: 0;
  position: absolute;
  inset: 0%;
}

.div-block-1733-copy-copy {
  background-color: #46464680;
  border-radius: 10px;
  flex: 1;
  margin: 0;
  padding: 15px;
  position: relative;
}

.container-47 {
  position: sticky;
  left: 100px;
}

.div-block-1734 {
  margin-top: auto;
}

.uiproductpromotiondisplayad {
  background-image: url("https://cdn.prod.website-files.com/5aa43322534e4a0001179757/60b1176734cfe82ed2c5d5d8_all-over-print-unisex-hoodie-white-front-60b1171c2cd16.png");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  flex: 0 auto;
  align-self: stretch;
  min-width: 375px;
  min-height: 500px;
  margin-bottom: -25px;
  margin-left: auto;
  margin-right: auto;
}

.adspecialeffect {
  -webkit-text-fill-color: transparent;
  background-image: url("https://cdn.prod.website-files.com/5aa43322534e4a0001179757/60b119122434948605d2c2a4_LGBT-Flag-Colors-Flag-Feat.jpg");
  background-position: 0 0;
  background-size: 405%;
  -webkit-background-clip: text;
  background-clip: text;
}

.uiproductpromotionad {
  background-color: #ea707e;
  border-radius: 10px;
  flex-flow: wrap;
  flex: 0 auto;
  justify-content: space-between;
  align-items: center;
  min-height: 600px;
  margin: 5px 10px 10px;
  padding: 25px;
  display: flex;
  position: relative;
}

.adaptivemenu {
  border-radius: 10px;
  margin: 7.5px 15px;
  padding: 15px;
}

.adaptivemenu.webnotice {
  margin-top: 0;
  margin-bottom: 7.5px;
}

.devidermenu {
  border-radius: 20px;
  height: 10px;
  margin-bottom: 15px;
}

.devidermenu.verticalline {
  width: 2px;
  height: auto;
  margin-bottom: 0;
  margin-left: 5px;
  margin-right: 5px;
}

.webnoticecontainer {
  padding: 0;
  position: relative;
}

.error-state-6 {
  background-color: var(--element-dynamic);
  border-radius: 20px;
}

.colourswash {
  border: .3px solid var(--hover-element-dynamic);
  border-radius: 50%;
  margin: auto;
  position: absolute;
  inset: 0%;
}

.colourswash.blackheather {
  background-color: #0b0b0b;
}

.colourswash.black {
  background-color: #0c0c0c;
}

.colourswash.oxbloodblack {
  background-color: #2c1013;
}

.colourswash.navy {
  background-color: #212642;
}

.colourswash.brown {
  background-color: #322622;
}

.colourswash.red {
  background-color: #b90015;
}

.colourswash.heathermidnightnavy {
  background-color: #312d4c;
}

.colourswash.forest {
  background-color: #203e26;
}

.colourswash.trueroyal {
  background-color: #02408d;
}

.colourswash.darkgreyheather {
  background-color: #3e3c3d;
}

.colourswash.amry {
  background-color: #4e4737;
}

.colourswash.berry {
  background-color: #bf2873;
}

.colourswash.asphalt {
  background-color: #52514f;
}

.colourswash.heatherforest {
  background-color: #4c6046;
}

.colourswash.olive {
  background-color: #5b6330;
}

.colourswash.heatherraspberry {
  background-color: #d13d63;
}

.colourswash.autumn {
  background-color: #c95211;
}

.colourswash.heatherdeepteal {
  background-color: #446f85;
}

.colourswash.aqua {
  background-color: #008db5;
}

.colourswash.kelly {
  background-color: #1d9362;
}

.colourswash.heathertrueroyal {
  background-color: #627eb9;
}

.colourswash.mauve {
  background-color: #bf6f6f;
}

.colourswash.leaf {
  background-color: #5b9246;
}

.colourswash.steelblue {
  background-color: #668da7;
}

.colourswash.heatherorange {
  background-color: #ff6e4f;
}

.colourswash.burntorange {
  background-color: #f15b48;
}

.colourswash.heatherorchid {
  background-color: #c3868c;
}

.colourswash.oceanblue {
  background-color: #5ba4c4;
}

.colourswash.gold {
  background-color: #ff9e00;
}

.colourswash.mustard {
  background-color: #eea026;
}

.colourswash.heatherprismlilac {
  background-color: #dcafcd;
}

.colourswash.heatherprismdustyblue {
  background-color: #a5c9bb;
}

.colourswash.lilac {
  background-color: #f4b8d2;
}

.colourswash.heatherprismmint {
  background-color: #a8d5b9;
}

.colourswash.heatherblue {
  background-color: #bacbed;
}

.colourswash.heatherprismcpeach {
  background-color: #f1c1b1;
}

.colourswash.pink {
  background-color: #fdbec8;
}

.colourswash.athleticheather {
  background-color: #cececc;
}

.colourswash.yellow {
  background-color: #fdd35c;
}

.colourswash.lightblue {
  background-color: #cfd4e0;
}

.colourswash.heatherdust {
  background-color: #e4d9c8;
}

.colourswash.heatherprismiceblue {
  background-color: #c3e2e4;
}

.colourswash.heathermint {
  background-color: #b3eace;
}

.colourswash.silver {
  background-color: #e2e3dc;
}

.colourswash.softcream {
  background-color: #f3e5d5;
}

.colourswash.ash {
  background-color: #f0f1ea;
}

.colourswash.white {
  background-color: #fff;
}

.colourswash.sportgrey {
  background-color: #d1d2d6;
}

.colourswash.azure {
  background-color: #a06060;
}

.colourswash.imagepresent {
  background-image: url("https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
}

.colourswash.imagepresent.lime {
  background-image: url("https://cdn.prod.website-files.com/5aa43322534e4a0001179757/60c21cbbd8624f2832a5c1de_Lime.png");
}

.colourswash.imagepresent.azure {
  background-image: url("https://cdn.prod.website-files.com/5aa43322534e4a0001179757/60c21cb4ebe561300ab45360_Azure.png");
}

.colourswash.imagepresent.pebble {
  background-image: url("https://cdn.prod.website-files.com/5aa43322534e4a0001179757/60c21cc5921cd8800b926722_Pebble.png");
}

.colourswash.imagepresent.poppy {
  background-image: url("https://cdn.prod.website-files.com/5aa43322534e4a0001179757/60c21cca921cd8b889926725_Poppy.png");
}

.colourswash.heathergrey {
  background-color: #cececc;
}

.colourswash.maroon {
  background-color: #47171c;
}

.colourswash.charcoal {
  background-color: #554b56;
}

.colourswash.grey {
  background-color: #9d9ca1;
}

.colourswash.blue {
  background-color: #9fd9e6;
}

.colourswash.purple {
  background-color: #ab93ba;
}

.colourswash.green {
  background-color: #dcf1ce;
}

.colourswash.orange {
  background-color: #efac8a;
}

.colourswash.lightpink {
  background-color: #f1c5d4;
}

.colourswash.multicolour {
  background-image: linear-gradient(#e50e45, #f2bc40 68%, #12bef5);
}

.colourswash.bottlegreen {
  background-color: #344934;
}

.colourswash.burgundy {
  background-color: #5d1b34;
}

.colourswash.charcoalmelange {
  background-color: #434146;
}

.text-block-277 {
  text-align: center;
  justify-content: center;
  align-items: center;
  font-size: 75%;
  line-height: 13px;
  display: flex;
  position: absolute;
  inset: 0%;
}

.div-block-1746 {
  text-align: left;
  flex-flow: wrap;
  flex: 1;
  justify-content: center;
  align-self: stretch;
  align-items: center;
  display: flex;
  position: relative;
  inset: 0%;
}

.uibusinesschat {
  border-radius: 15px;
  flex-flow: wrap-reverse;
  margin: 5px 15px;
  padding: 15px;
  display: flex;
}

.uibusinesschat.order-summary {
  flex-flow: column-reverse wrap;
}

.uibusinesschatmessage {
  font-weight: 800;
}

.uibusinesschatmodule {
  color: var(--oircle-default-gry);
  justify-content: center;
  align-items: center;
  margin: 0;
  font-size: 20px;
  display: flex;
  position: absolute;
  inset: 0%;
}

.div-block-1756 {
  flex-direction: column;
  flex: 1;
  justify-content: center;
  min-width: 400px;
  margin-top: 10px;
  margin-bottom: 10px;
  margin-right: 35px;
  display: flex;
}

.div-block-1756.ordersummary {
  min-width: 0;
}

.uibusinesschatcontain {
  border-radius: 15px;
  max-width: 600px;
  margin-top: 5px;
  margin-bottom: 5px;
  font-family: SF Pro Display, sans-serif;
}

.uibusinesschatmodulecontain {
  border-radius: 50%;
  order: -1;
  width: 55px;
  min-width: 55px;
  max-width: 55px;
  height: 55px;
  min-height: 55px;
  max-height: 55px;
  margin-top: auto;
  margin-bottom: auto;
  position: relative;
  overflow: hidden;
}

.div-block-1809 {
  border-radius: 20px;
  width: 300px;
  min-height: 600px;
  margin: 7.5px;
  position: relative;
  overflow: hidden;
}

.div-block-1809.sqauresix {
  flex: 1;
  min-height: 400px;
  margin: 7.5px;
}

.div-block-1809.sqaureseven, .div-block-1809.sqaureten {
  min-height: 400px;
  margin: 7.5px;
}

.oircle-store-icon {
  z-index: 2;
  background-image: url("https://cdn.prod.website-files.com/5aa43322534e4a0001179757/612e4d1772d9fd2704e4580a_Application%20Logotype.png");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  border-radius: 20px;
  width: 75px;
  height: 75px;
  margin-top: 0;
  margin-left: 0;
  margin-right: 0;
  position: absolute;
  inset: 0% 0% auto auto;
}

.oircle-store-icon.news {
  background-image: url("https://cdn.prod.website-files.com/5aa43322534e4a0001179757/60a544357e4d68026bfecccf_Single%203D%20Icon.png");
  width: 25px;
  height: 25px;
  margin-top: 15px;
  margin-right: 15px;
}

.oircle-store-icon.news.imessage {
  display: none;
}

.oircle-store-icon.smallicon {
  width: 55px;
  min-width: 55px;
  max-width: 55px;
  height: 55px;
  min-height: 55px;
  max-height: 55px;
}

.link-48 {
  color: var(--oircle-default-gry);
  font-size: 7px;
  font-weight: 400;
}

.div-block-1816 {
  margin-left: 7.5px;
  margin-right: 7.5px;
  display: block;
}

.iphone-with-apple-pay-copy {
  background-image: url("https://cdn.prod.website-files.com/5aa43322534e4a0001179757/5bc26cb85b2ebf6a825224e6_MessagesIcon.png"), linear-gradient(45deg, #09b924, #5ff978);
  background-position: 50%, 0 0;
  background-repeat: no-repeat, repeat;
  background-size: 50%, auto;
  position: absolute;
  inset: 0%;
}

.div-block-1818 {
  background-image: linear-gradient(45deg, #1cc939, #56f370);
  border-radius: 20px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 250px;
  min-height: 250px;
  margin: 7.5px;
  display: flex;
  position: relative;
}

.div-block-1819 {
  background-image: url("https://cdn.prod.website-files.com/5aa43322534e4a0001179757/613499abfe0cd56a0b623716_Image.png");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  border-radius: 10px;
  flex: 1;
  align-self: stretch;
  min-width: 175px;
  min-height: 175px;
  margin: 7.5px 15px 15px;
  position: relative;
  inset: 0%;
}

.link-block-96 {
  margin-left: 0;
  margin-right: 0;
  position: absolute;
  inset: 0%;
}

.div-block-1671-copy {
  align-items: stretch;
  margin-left: -15px;
  margin-right: -30px;
  display: flex;
  overflow: scroll;
}

.addtocartbutton-2 {
  background-color: var(--oircle-notification);
  border-radius: 30px;
  flex: 1;
  justify-content: center;
  min-width: 100px;
  font-size: 17px;
  font-weight: 900;
}

.div-block-1835 {
  background-image: url("https://cdn.prod.website-files.com/5aa43322534e4a0001179757/5bc26cb85b2ebf6a825224e6_MessagesIcon.png");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  width: 50px;
  min-width: 50px;
  height: 50px;
  min-height: 50px;
  margin-right: 7.5px;
}

.div-block-1836 {
  padding: 15px 15px 0;
  display: flex;
}

.text-block-287 {
  margin-top: auto;
  font-size: 15px;
  font-weight: 900;
  line-height: 15px;
}

.hero-with-background-wrap {
  border-bottom: 1px solid #ebedee;
  position: relative;
}

.hero-with-background-wrap.hero2-wrap {
  border: 1px #000;
  flex-direction: row;
  justify-content: center;
  display: flex;
}

.hero2-background {
  border: 0 #000;
  flex: 1;
  grid-template-rows: auto;
  justify-content: center;
  align-items: stretch;
  min-height: 900px;
  display: flex;
  position: relative;
  inset: 0%;
}

.button-arrow {
  z-index: 3;
  flex: none;
  height: 25px;
  margin-left: 20px;
  display: inline-block;
  position: relative;
}

.product-superview-delgate-copy {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  filter: blur();
  flex-direction: column;
  flex: 0 auto;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  align-items: stretch;
  width: auto;
  height: 100%;
  display: flex;
  position: static;
  inset: 0%;
}

.productsuperview-copy {
  flex-direction: column;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: flex-start;
  height: 100%;
  display: flex;
  position: relative;
}

.product-overview-paragraph-copy {
  min-height: 150px;
  margin-bottom: 10px;
  overflow: hidden;
}

.buy-now-button.withaddations {
  color: var(--oircle-default-gry);
  background-color: #0000;
  font-weight: 900;
  position: relative;
}

.heading-344 {
  color: var(--white);
  margin-right: 15px;
}

.oircle-store-product-index-section-copy {
  flex-direction: column;
  flex: 0 auto;
  justify-content: flex-start;
  align-self: stretch;
  align-items: stretch;
  height: 100%;
  padding: 20px 0;
  display: flex;
}

.div-block-1848 {
  object-fit: contain;
  justify-content: center;
  align-items: center;
  width: 65vw;
  min-width: 65vw;
  display: block;
}

.collection-list-wrapper-62 {
  flex-flow: row;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100vw;
  height: 100%;
  display: flex;
  overflow: visible;
}

.collection-item-71 {
  justify-content: flex-start;
  align-items: stretch;
  display: flex;
}

.div-block-1852 {
  height: auto;
  display: flex;
  overflow: visible;
}

.div-block-1852.cop {
  width: 100vw;
  height: auto;
  min-height: 75vh;
  margin-top: 0;
}

.collection-item-72 {
  flex-direction: column;
  flex: 1;
  justify-content: flex-end;
  align-self: stretch;
  padding: 7.5px;
  display: flex;
}

.div-block-1853 {
  border-radius: 20px;
  flex: 1;
  justify-content: center;
  align-self: stretch;
  align-items: center;
  min-height: 400px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.collection-list-wrapper-63 {
  flex: 1;
  justify-content: center;
  align-items: stretch;
  display: flex;
}

.div-block-1853-copy {
  border-radius: 20px;
  flex-direction: column;
  flex: 1;
  justify-content: center;
  align-items: center;
  min-width: 200px;
  min-height: 200px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.collection-list-87 {
  flex-direction: column;
  flex: 1;
  align-self: stretch;
  display: flex;
}

.collection-list-88 {
  flex: 1;
  align-self: stretch;
  display: flex;
}

.collection-list-89 {
  flex-direction: column;
  justify-content: space-between;
  display: flex;
}

.heading-345 {
  height: 55px;
}

.heading-345.small {
  -webkit-text-fill-color: transparent;
  background-image: linear-gradient(#c9c9c980, #c9c9c980);
  -webkit-background-clip: text;
  background-clip: text;
  height: auto;
  margin-top: 0;
  margin-bottom: 0;
  margin-right: 7.5px;
}

.div-block-1854 {
  flex-direction: column;
  justify-content: flex-start;
  display: flex;
}

.div-block-1855 {
  flex: 1;
  padding-left: 7.5px;
  padding-right: 7.5px;
  display: flex;
}

.div-block-1856 {
  display: flex;
}

.heading-345-copy {
  height: 55px;
  display: none;
}

.itemimage {
  width: 75%;
  position: absolute;
}

.itemimage.bigger {
  width: 90%;
}

.div-block-1857 {
  margin: 15px;
  position: absolute;
  inset: auto auto 0% 0%;
}

.quickactions {
  background-color: var(--oircle-notification);
  color: var(--white);
  border-radius: 20px;
  min-width: 25px;
  min-height: 25px;
  margin: 5px;
  font-size: 15px;
  font-weight: 900;
}

.quickactions:hover {
  background-color: var(--oircle-binding-blue);
  color: var(--white);
}

.quickactions.circlur {
  color: #0000;
  background-image: url("https://cdn.prod.website-files.com/5aa43322534e4a0001179757/5e8ee4e15ee9cdec28f47033_Cart.png");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 50%;
}

.quickactions.circlur.dismiss {
  background-color: var(--dismiss-element);
  color: var(--white);
  background-image: none;
  margin-left: auto;
}

.quickactions.circlur.dismiss:hover {
  background-color: var(--white);
  color: var(--dismiss-element);
}

.div-block-1858 {
  z-index: 99;
  background-image: url("https://cdn.prod.website-files.com/5aa43322534e4a0001179757/5dd43a2bdc6c74ad6ee4bd75_Oircle%20Shapes.png");
  background-position: 90% 0;
  background-repeat: no-repeat;
  background-size: 200%;
  border-radius: 30px;
  max-width: 300px;
  margin: 110px 15px 15px;
  padding: 15px;
  position: fixed;
  inset: 0% 0% auto auto;
  transform: scale(.5)translate(100vw);
}

.div-block-1859 {
  flex-wrap: wrap;
  display: flex;
}

.default-state-15 {
  margin-bottom: 0;
}

.div-block-1860 {
  margin-bottom: 7.5px;
  display: flex;
}

.optionsselect {
  color: var(--oircle-notification);
  background-color: #0000;
  border-style: none;
  border-width: 0;
  border-radius: 20px;
  justify-content: center;
  align-items: center;
  min-width: 35px;
  min-height: 35px;
  margin-left: 7.5px;
  margin-right: 7.5px;
  padding: 0;
  font-weight: 900;
  display: flex;
}

.optionsselect:hover {
  background-color: var(--oircle-default-gry);
  color: var(--white);
}

.optionsselect.w--ecommerce-pill-selected {
  transform: scale(1.2);
}

.div-block-1862 {
  display: flex;
}

.text-block-289 {
  color: var(--oircle-default-gry);
  margin-right: 7.5px;
}

.field-label-7 {
  color: var(--oircle-default-gry);
}

.div-block-1867 {
  display: block;
}

.background {
  z-index: 10000;
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  position: fixed;
  inset: 0%;
}

.foreground {
  width: 25%;
  margin: auto;
  position: absolute;
  inset: 0%;
}

.hero2-grid-2 {
  z-index: 1;
  flex-direction: column;
  flex: 1;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-auto-flow: row;
  min-height: 900px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: relative;
  inset: 0%;
}

.hero2-title-2 {
  flex-direction: column;
  flex: 1;
  justify-content: center;
  padding: 40px 25% 40px 15px;
  display: flex;
}

.size5-text {
  font-size: 18px;
  font-weight: 500;
  line-height: 28px;
}

.hero2-content-2 {
  border: 0 solid #000;
  flex-direction: column;
  flex: 1;
  justify-content: space-between;
  display: flex;
}

.paragraph-70 {
  opacity: .7;
  margin-top: 0;
  margin-bottom: 10px;
}

.button-large-2 {
  color: #fff;
  text-transform: uppercase;
  background-color: #18181d;
  justify-content: space-between;
  align-items: center;
  padding: 30px 36px;
  font-size: 16px;
  font-weight: 600;
  line-height: 26px;
  text-decoration: none;
  display: flex;
}

.button-large-2:hover {
  background-color: #272731;
}

.button-large-2.hero3-button {
  background-color: #0000;
  justify-content: center;
  align-items: stretch;
  min-height: 100px;
  margin-left: 0;
  margin-right: 0;
  padding: 0;
  position: relative;
  inset: auto auto 0% 0%;
}

.button-large-2.hero3-button:hover {
  color: var(--white);
}

.size1-text {
  white-space: normal;
  margin-top: 20px;
  margin-bottom: 5px;
  font-size: 44px;
  font-weight: 500;
  line-height: 52px;
}

.hero2-image-2 {
  background-image: url("https://cdn.prod.website-files.com/5aa43322534e4a0001179757/619c41c379c3f3bb456b3a62_5d9de0b7b7de93ab4e6020fd_haupes-co-6hpJZcqWt4I-unsplash.jpg");
  background-position: 50%;
  background-size: cover;
  border-radius: 15px;
  flex: 1;
  margin-right: 15px;
  position: relative;
}

.wrapper.m0-100 {
  margin-top: 15px;
  margin-bottom: 15px;
  padding-top: 0;
  display: block;
}

.empty-state-15 {
  color: #18181d;
  text-align: center;
  text-transform: uppercase;
  background-color: #eee;
  border-bottom: 3px solid #eee;
  flex: none;
  width: 100%;
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
  padding: 10px 20px;
  font-size: 12px;
  font-weight: 500;
  line-height: 20px;
}

.hero2-product-price-2 {
  opacity: 1;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 25px;
  font-weight: 500;
  line-height: 25px;
}

.hero2-product-2 {
  border: .5px solid var(--hover-element-dynamic);
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  color: var(--white);
  border-radius: 10px;
  justify-content: space-between;
  align-items: center;
  height: 100px;
  margin: 15px;
  padding-left: 36px;
  padding-right: 36px;
  text-decoration: none;
  display: flex;
  position: absolute;
  inset: auto 0% 0%;
}

.hero2-latest-2 {
  background-color: var(--oircle-music);
  color: #fff;
  flex-direction: row;
  align-items: center;
  padding: 36px;
  text-decoration: none;
  display: flex;
}

.hero2-image-collection-2 {
  background-image: url("https://cdn.prod.website-files.com/5aa43322534e4a0001179757/619c41c379c3f3219a6b3a68_Screenshot%202019-10-09%2015.24.59.png");
  background-position: 50%;
  background-size: cover;
  flex: none;
  width: 180px;
  height: 180px;
  margin-right: 36px;
}

.hero2-product-name-link-wrap {
  color: #000;
  text-decoration: none;
}

.hero2-product-name-2 {
  opacity: .7;
  color: var(--white);
  margin-top: 0;
  margin-bottom: 0;
  font-size: 25px;
  font-weight: 500;
  line-height: 25px;
}

.hero2-product-name-2:hover {
  opacity: 1;
}

.div-block-1883 {
  background-image: url("https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  position: absolute;
  inset: 0%;
}

.div-block-1884 {
  -webkit-backdrop-filter: blur(20px);
  backdrop-filter: blur(20px);
  border-radius: 0 0 15px 15px;
  flex: 1;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 100%;
  min-height: 100px;
  padding: 30px;
  display: flex;
  position: relative;
}

.div-block-1885 {
  border-radius: 15px;
  margin: auto 15px 15px;
  overflow: hidden;
}

.headline-wrap-centered {
  text-align: center;
  flex-direction: column;
  align-items: center;
  margin-top: 7.5px;
  padding-top: 7.5px;
  display: flex;
}

.text-label {
  opacity: .7;
  text-transform: uppercase;
  margin-bottom: 0;
  font-size: 12px;
  font-weight: 600;
  line-height: 20px;
  display: block;
}

.size3-text {
  text-transform: none;
  margin-top: 10px;
  margin-bottom: 15px;
  font-size: 30px;
  font-weight: 500;
  line-height: 38px;
}

.size3-text.size3-bottom-clear {
  margin-top: 0;
  margin-bottom: 0;
  font-weight: 900;
}

.content35-item-label {
  opacity: .7;
  text-transform: uppercase;
  font-size: 11px;
  font-weight: 600;
  line-height: 20px;
}

.div-block-1887 {
  border-radius: 10px;
  flex-direction: column;
  flex: 1;
  align-items: flex-start;
  min-width: 200px;
  margin: 7.5px;
  padding: 15px;
  display: flex;
}

.uimenuusercontain {
  background-color: var(--white);
  border: 0 solid #000;
  border-radius: 50%;
  padding: 0;
  position: absolute;
  inset: 0% 0% auto auto;
}

.uimenucartusertext, .indicator {
  display: none;
}

.uimenusearchableitem {
  border: .5px solid var(--hover-element-dynamic);
  border-radius: 20px;
  margin: 15.5px;
  padding: 0;
  position: relative;
  overflow: visible;
}

.uimenusearchableitemdelegate {
  margin-top: 0;
  padding: 0 0 115px;
  overflow: visible;
}

.uimenuproductpricecontain {
  background-color: var(--white);
  border-radius: 20px;
  justify-content: center;
  align-items: center;
  margin: 15px;
  padding-top: 5.5px;
  padding-bottom: 5.5px;
  padding-left: 20px;
  display: flex;
  position: absolute;
  inset: 0% auto auto 0%;
}

.uimenuproductname {
  opacity: .5;
  color: var(--oircle-default-gry);
  text-align: center;
  justify-content: center;
  align-items: center;
  margin: 2px;
  font-size: 14px;
  display: flex;
  position: relative;
  inset: 0% 0% auto auto;
}

.collection-item-81 {
  flex: 1;
  justify-content: center;
  display: flex;
}

.button-64 {
  background-color: #0000;
  margin-left: 0;
  margin-right: 0;
  position: absolute;
  inset: 0%;
}

.carticon {
  background-image: url("https://cdn.prod.website-files.com/5aa43322534e4a0001179757/61798cf52b3dd54065f1e431_cart.png");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  height: 45%;
  margin: auto;
  position: absolute;
  inset: 0%;
}

.div-block-1671-copy {
  align-items: center;
  margin: 0 0;
  padding-left: 70vw;
  display: flex;
  position: absolute;
  inset: 0%;
  overflow: scroll;
}

.image-portrait-contain-copy {
  background-image: url("https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  border-radius: 0;
  justify-content: center;
  align-items: center;
  width: 37.5vw;
  min-width: 37.5vw;
  height: 50vh;
  min-height: 50vh;
  margin: 5px;
}

.image-portrait-contain-copy.template {
  opacity: 0;
  margin: auto;
  position: absolute;
  inset: 0%;
}

.beginorder {
  color: var(--black);
  background-color: #0000;
  flex: 1;
  justify-content: center;
  align-items: center;
  margin: 0;
  padding: 0;
  display: flex;
}

.div-block-1927 {
  flex-direction: column-reverse;
  margin: 15px;
  padding: 0;
  display: flex;
  position: fixed;
  inset: auto 0% 0% auto;
}

.div-block-1928 {
  background-color: var(--black);
  border-radius: 20px;
  padding: 15px 20px;
}

.heading-355 {
  color: var(--white);
  font-weight: 900;
}

.heading-356 {
  color: var(--white);
  font-weight: 400;
}

.div-block-1929 {
  background-color: var(--white-smoke);
  border-radius: 20px;
  max-width: 400px;
  margin: 7.5px 0;
  padding: 0;
}

.heading-357 {
  justify-content: center;
  align-items: flex-end;
  margin: 7.5px;
  font-size: 15px;
  font-weight: 400;
  line-height: 15px;
  display: flex;
}

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

.heading-357.note {
  text-transform: uppercase;
  justify-content: flex-start;
  font-size: 10px;
  font-weight: 900;
  line-height: 10px;
}

.heading-357.title {
  text-align: left;
  justify-content: flex-start;
  font-weight: 900;
}

.div-block-1930 {
  justify-content: space-between;
  display: flex;
}

.slider-2 {
  background-color: #0000;
  display: inline;
}

.div-block-1931 {
  margin: 15px;
}

.floatingitext {
  border: .1px solid var(--hover-element-dynamic);
  background-color: var(--oircle-notification);
  color: var(--white);
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 15px;
  min-width: 15px;
  max-width: 15px;
  height: 15px;
  min-height: 15px;
  max-height: 15px;
  margin-bottom: 7.5px;
  margin-left: 7.5px;
  font-size: 10px;
  font-weight: 400;
  line-height: 0;
  display: none;
}

.paragraph-183 {
  margin-left: 5px;
  font-weight: 700;
}

.div-block-1932 {
  display: block;
}

.div-block-1936 {
  position: absolute;
  inset: 0%;
}

.div-block-1936:hover {
  background-color: #0000;
}

.text-block-297 {
  z-index: 3;
  position: relative;
}

.div-block-1937 {
  position: absolute;
  inset: 0%;
}

.div-block-1938 {
  margin-bottom: 7.5px;
}

.container-48 {
  text-align: center;
  padding-top: 25vh;
}

.div-block-1939 {
  background-image: url("https://cdn.prod.website-files.com/5aa43322534e4a0001179757/6130d30b758aae1e9ce291d8_V.png");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  height: 400px;
  margin-top: 35px;
  margin-bottom: 15px;
}

.div-block-1940 {
  border-radius: 15px;
  min-height: 300px;
  margin: 25px 15px 15px;
  padding: 25px 80px;
}

.div-block-1941 {
  background-color: #0000;
  width: 55px;
  height: 55px;
  padding: 5px;
}

.div-block-1941.large {
  width: 110px;
  height: 110px;
  margin-left: auto;
  margin-right: auto;
}

.tab-link-tab-1, .tab-link-tab-1.w--current, .tab-link-tab-2 {
  background-color: #0000;
  padding: 0;
}

.tab-link-tab-2.w--current {
  background-color: #0000;
}

.tab-link-tab-11 {
  border-left: 1px solid var(--hover-element-dynamic);
  background-color: #0000;
  margin-left: 12.5px;
  padding: 0 0 0 12.5px;
}

.tab-link-tab-11.w--current {
  background-color: #0000;
}

.tab-link-tab-10 {
  background-color: #0000;
  padding: 0;
}

.tab-link-tab-10.w--current {
  background-color: #0000;
}

.tab-link-tab-9 {
  border-left: 1px solid var(--hover-element-dynamic);
  background-color: #0000;
  margin-left: 12.5px;
  padding: 0 0 0 12.5px;
}

.tab-link-tab-9.w--current {
  background-color: #0000;
}

.tab-link-tab-5 {
  background-color: #0000;
  padding: 0;
}

.tab-link-tab-5.w--current {
  background-color: #0000;
}

.tab-link-tab-11-2 {
  background-color: #0000;
  padding: 0;
}

.tab-link-tab-11-2.w--current {
  background-color: #0000;
}

.div-block-1942 {
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.div-block-1943 {
  display: flex;
}

.heading-359 {
  margin-left: 7.5px;
  font-size: 25px;
  line-height: 25px;
}

.heading-360 {
  font-size: 25px;
  font-weight: 400;
  line-height: 25px;
}

.heading-361 {
  text-align: left;
  font-size: 25px;
  line-height: 50px;
}

.collection-item-82, .collection-list-97, .collection-list-wrapper-67, .div-block-1944 {
  margin-top: 0;
}

.div-block-1945 {
  padding-top: 45px;
  padding-left: 25%;
  padding-right: 25%;
}

.empty-state-17 {
  background-color: #0000;
}

.tabs-menu {
  justify-content: center;
  padding-top: 15px;
  padding-bottom: 15px;
  display: flex;
}

.div-block-1946 {
  margin: 15px;
}

.paragraph-184 {
  width: 75%;
  margin-left: auto;
  margin-right: auto;
}

.heading-362 {
  width: 55%;
  margin-left: auto;
  margin-right: auto;
}

.heading-363 {
  font-weight: 400;
}

.paragraph-185 {
  margin-left: auto;
  margin-right: auto;
  font-weight: 400;
}

.div-block-1947 {
  background-image: url("https://cdn.prod.website-files.com/5aa43322534e4a0001179757/612e4d1772d9fd2704e4580a_Application%20Logotype.png");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  flex: 0 auto;
  width: 500px;
  height: 500px;
  margin-left: 50px;
  margin-right: 50px;
  display: flex;
}

.div-block-1948 {
  flex: 1;
  min-width: 300px;
}

.div-block-1949 {
  width: 25px;
  min-width: 25px;
  max-width: 25px;
  height: 25px;
  min-height: 25px;
  max-height: 25px;
  margin-left: 5px;
  margin-right: 5px;
  position: relative;
}

.empty-state-18 {
  background-color: #0000;
  padding: 0;
}

.section-60 {
  z-index: 1;
  border-radius: 30px;
  position: absolute;
  inset: 0%;
}

.div-block-5 {
  height: 44px;
}

.div-block-2 {
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-start;
  height: auto;
  margin: 25px;
  display: flex;
}

.div-block-9 {
  z-index: 10;
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
  max-width: 1200px;
  height: auto;
  margin-left: auto;
  margin-right: auto;
  padding: 20px;
  display: flex;
  position: relative;
}

.text-block-298 {
  z-index: 10;
  color: #fff;
  letter-spacing: -2px;
  max-width: 900px;
  font-size: 100px;
  font-weight: 700;
  line-height: 100px;
  position: relative;
}

.section-4 {
  flex-direction: column;
  justify-content: center;
  align-items: stretch;
  margin-top: 15px;
  padding-top: 0;
  display: flex;
  overflow: hidden;
}

.div-block-10 {
  align-items: flex-end;
  width: 100%;
  height: 100vh;
  display: flex;
}

.text-block-3 {
  color: #fff;
  letter-spacing: .375px;
  font-size: 17px;
  font-weight: 400;
}

.heading {
  color: #1d1d1f;
  text-align: center;
  letter-spacing: -1.2px;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 80px;
  line-height: 84px;
}

.div-block-11 {
  z-index: 10;
  width: 100%;
  margin-top: 115px;
  position: relative;
}

.paragraph {
  color: #a1a1a6;
  letter-spacing: .374px;
  margin-top: 10px;
  font-size: 17px;
  font-weight: 400;
  line-height: 20px;
}

.price-2 {
  color: #333;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  min-height: 300px;
  display: flex;
}

.text-block-11 {
  letter-spacing: .196px;
  font-size: 28px;
}

.div-block-3254 {
  z-index: 0;
  justify-content: center;
  align-items: center;
  display: block;
  position: absolute;
  inset: 0%;
}

.text-block-12 {
  text-align: left;
  margin-top: 5px;
  margin-bottom: 15px;
  font-size: 40px;
  font-weight: 900;
  line-height: 40px;
}

.div-block-4 {
  height: 52px;
  position: relative;
}

.text-block-14 {
  text-align: center;
  margin-top: 20px;
  font-size: 17px;
  font-weight: 300;
  line-height: 25px;
}

.div-block-7 {
  position: absolute;
  inset: 0% 0% auto;
}

.text-block-2 {
  color: #000;
  letter-spacing: .5px;
  font-size: 16px;
  font-weight: 600;
  text-decoration: none;
}

.image-4 {
  border-radius: 20px;
  margin-bottom: 17px;
}

.text-block-10 {
  z-index: 10;
  color: #fff;
  letter-spacing: 1px;
  -webkit-text-fill-color: transparent;
  background-image: linear-gradient(to right, #9becff, #9bb3ff);
  -webkit-background-clip: text;
  background-clip: text;
  max-width: none;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 60px;
  font-weight: 900;
  line-height: 65px;
  position: relative;
}

.div-block-3 {
  height: 72px;
  position: relative;
  inset: 0% 0% auto;
}

.div-block-3246 {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 980px;
  padding: 15px;
  display: flex;
}

.scroll {
  object-fit: fill;
  max-width: 100vw;
  padding: 0;
  position: relative;
  overflow: hidden;
}

.div-block-12 {
  z-index: 10;
  width: 100%;
  margin-top: 100px;
  position: relative;
}

.section-61 {
  z-index: 10;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  height: auto;
  padding-bottom: 175px;
  display: flex;
  position: relative;
  overflow: visible;
}

.section-2 {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
  overflow: hidden;
}

.div-block-8 {
  z-index: 10;
  justify-content: center;
  align-items: center;
  margin-top: 70px;
  display: flex;
  position: relative;
}

.link-block {
  z-index: 10;
  background-color: #fff;
  border-radius: 30px;
  width: auto;
  margin-top: 10px;
  padding: 18px 31px;
  position: relative;
}

.link-block:hover {
  background-color: #d4d4d4;
}

.div-block-3261 {
  background-image: url("https://cdn.prod.website-files.com/5aa43322534e4a0001179757/607c1cf19665202cba7ede11_News%20logo%20%20256x256.png"), linear-gradient(to right, #9aedff, #9bb3ff);
  background-position: 50%, 0 0;
  background-repeat: no-repeat, repeat;
  background-size: auto, auto;
  height: 100vh;
}

.div-block-13 {
  width: 100%;
  margin-top: 150px;
}

.grid-5 {
  grid-column-gap: 35px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
}

.accordion-2 {
  cursor: pointer;
  border-bottom: 1px solid #202020;
  width: 100%;
}

.uimobilebackground {
  background-color: #0000;
  display: none;
  position: absolute;
  inset: 0%;
}

.uimobileforeground {
  border-radius: 0 45px 45px 0;
  width: 50vh;
  height: 100vh;
  display: none;
  position: absolute;
  inset: 0% auto 0% 0%;
}

.uimobiledelegateground {
  background-color: #0000;
  border-radius: 20px;
  justify-content: flex-start;
  align-items: center;
  height: 10vh;
  margin: 35px auto 65px 70px;
  padding: 15px 0;
  display: flex;
  position: fixed;
  inset: auto auto 0% 0%;
}

.uimobilecontain {
  justify-content: center;
  align-items: flex-start;
  max-width: none;
  margin-left: auto;
  margin-right: auto;
  padding: 35px 25px 25px;
  display: flex;
  position: absolute;
  inset: 0%;
  overflow: scroll;
}

.section-62 {
  border-radius: 15px;
  margin-top: 0;
  padding: 20px;
  position: relative;
}

.beginordercontain {
  background-color: var(--black);
  border-radius: 45px;
  position: relative;
}

.div-block-3265 {
  border-radius: 20px;
  margin-right: 5px;
  padding-left: 10px;
  padding-right: 10px;
}

.orderbuildcontain {
  background-color: var(--black);
  border-radius: 45px;
  justify-content: center;
  align-items: center;
  padding: 15px;
  display: flex;
  position: absolute;
}

.options {
  border-radius: 45px;
  margin-bottom: 180px;
  margin-left: 70px;
  margin-right: auto;
  position: fixed;
  inset: auto auto 0% 0%;
}

.product-option-list-copy {
  opacity: 1;
  flex-wrap: wrap;
  justify-content: center;
  display: flex;
}

.div-block-3267 {
  border-radius: 15px;
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  width: 45vh;
  min-width: 45vw;
  margin: 20px;
  display: flex;
  position: sticky;
  top: 20px;
  overflow: scroll;
}

.body-36 {
  background-color: #0000;
}

.search-result-list {
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  display: block;
}

.uisearchquarycontain {
  flex-direction: column;
  flex: 0 auto;
  justify-content: center;
  align-items: stretch;
  margin: 7.5px;
  padding: 0;
  overflow: hidden;
}

.uisearchquarybackdrop {
  border-radius: 15px;
  flex: 1;
  width: 100%;
  height: 100%;
  padding: 15px;
  position: relative;
}

.uisearchquaryimagecontain {
  object-fit: fill;
  background-image: url("https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 15px;
  flex-direction: column;
  justify-content: flex-end;
  align-items: stretch;
  height: 250px;
  margin-bottom: 15px;
  padding-bottom: 15px;
  padding-left: 15px;
  padding-right: 15px;
  display: flex;
}

.uisearchquaryparagraph {
  display: none;
}

.uisearchquaryopenurl {
  background-color: var(--black);
  border-radius: 15px;
  justify-content: center;
  align-items: center;
  height: 55px;
  margin-left: 0;
  margin-right: 0;
  display: flex;
  position: relative;
  inset: auto 0% 0%;
}

.uisearchquaryopenurl:hover {
  background-color: var(--white);
}

.uisearchquaryurl {
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  color: var(--element-dynamic);
  border-radius: 10px;
  padding: 10px;
  display: block;
}

.uisearchquarytitle {
  height: 75px;
  overflow: hidden;
}

.div-block-3276 {
  justify-content: center;
  align-items: stretch;
  padding-top: 8px;
  display: block;
}

.div-block-3277 {
  flex: 1;
  position: relative;
  overflow: scroll;
}

.div-block-3283 {
  background-color: #ff000080;
  border-radius: 10px;
  width: 25px;
  height: 50px;
  margin: 7.5px;
}

.div-block-3284 {
  padding: 7.5px;
  display: flex;
}

.heading-367 {
  justify-content: center;
  align-items: center;
  margin-top: 0;
  margin-bottom: 0;
  margin-left: 7.5px;
  display: flex;
}

.search-result-wrapper {
  padding: 7.5px;
}

.quickviewcontain {
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 50px;
  min-width: 50px;
  max-width: 50px;
  height: 50px;
  min-height: 50px;
  max-height: 50px;
  display: flex;
}

.div-block-3285 {
  background-color: var(--element-dynamic);
  border-radius: 15px;
  flex-wrap: wrap;
  flex: 0 auto;
  justify-content: center;
  align-items: stretch;
  min-height: 75vh;
  margin: 15px;
  padding: 15px;
  display: flex;
  overflow: hidden;
}

.div-block-3286 {
  flex-direction: column;
  flex: 1;
  justify-content: center;
  margin: 7.5px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.div-block-3287 {
  flex: 1;
  justify-content: center;
  align-items: center;
  min-width: 300px;
  min-height: 40vh;
  margin: 7.5px;
  padding: 20px;
  display: flex;
  position: relative;
}

._2022calcualtr {
  background-image: url("https://cdn.prod.website-files.com/5aa43322534e4a0001179757/6241f750676bd72868764be8_Calculatr%202022.png");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  border-radius: 15px;
  width: 100%;
  height: 100%;
}

.buttonnodes {
  justify-content: center;
  align-items: center;
  width: 150px;
  height: 75px;
  margin-left: 20px;
  display: flex;
}

.buttonnodes.right {
  margin-left: 0;
  margin-right: 20px;
}

.nodesbackground {
  background-color: var(--element-dynamic);
  border-radius: 50px;
  width: 150px;
  height: 55px;
  margin: auto 10px;
  padding: 0;
  position: absolute;
  inset: 0% auto 0% 0%;
  transform: translate(85%);
}

.main-2 {
  background-color: var(--white);
  border-radius: 50px;
  width: 300px;
  min-height: 75px;
  margin-top: auto;
  display: flex;
  position: relative;
}

.heading-368 {
  font-size: 85px;
  line-height: 85px;
}

.heading-369 {
  margin-bottom: 15px;
  font-size: 25px;
  line-height: 25px;
}

.div-block-3289 {
  flex-wrap: nowrap;
  flex: 1;
  justify-content: space-around;
  align-items: center;
  display: flex;
}

.div-block-3290 {
  background-image: url("https://cdn.prod.website-files.com/5aa43322534e4a0001179757/605ca74c3c3e4c690f13b333_Calculatr%20%7C%20Hello.png");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  flex: 1;
  align-self: stretch;
  min-width: 250px;
  min-height: 300px;
  margin: 7.5px;
}

.div-block-3290.alt1 {
  background-image: url("https://cdn.prod.website-files.com/5aa43322534e4a0001179757/605ca749d94568a2dcff1423_Calculatr%20%7C%20Hello%20%7C%20Hide%20Calculatr.png");
}

.div-block-3290.alt2 {
  background-image: url("https://cdn.prod.website-files.com/5aa43322534e4a0001179757/605ca747997e7666b8a033e6_Calculatr%20%7C%20Hello%20%7C%20Calculation%20Hidden%20%7C%20.png");
}

.div-block-3286-copy {
  flex-direction: column;
  flex: 1;
  justify-content: center;
  min-width: 500px;
  margin: 7.5px;
  display: flex;
  overflow: hidden;
}

.div-block-3293 {
  padding: 15.5px;
}

.div-block-3294 {
  flex-wrap: wrap;
  justify-content: center;
  align-items: stretch;
  display: flex;
}

.div-block-3285-copy.step {
  flex: 1;
}

.div-block-3285-copy {
  background-color: var(--element-dynamic);
  border-radius: 15px;
  flex-wrap: wrap;
  flex: 0 auto;
  justify-content: center;
  align-items: stretch;
  min-height: 75vh;
  margin: 15px;
  padding: 15px;
  display: flex;
  overflow: hidden;
}

.div-block-3285-copy-copy {
  background-color: var(--element-dynamic);
  border-radius: 15px;
  flex-wrap: wrap;
  flex: 1;
  justify-content: center;
  align-items: stretch;
  min-width: 35vw;
  max-width: 35vw;
  min-height: 75vh;
  margin: 15px;
  padding: 15px;
  display: flex;
  overflow: hidden;
}

.div-block-3286-copy-copy {
  flex-direction: column;
  flex: 1;
  justify-content: center;
  margin: -15px;
  padding: 0;
  display: flex;
  position: relative;
  overflow: hidden;
}

.heading-370 {
  font-size: 30px;
  font-weight: 400;
  line-height: 30px;
}

.div-block-3295 {
  margin-top: auto;
}

.div-block-3286-copy, .div-block-3286-copy-copy {
  flex-direction: column;
  flex: 1;
  justify-content: center;
  margin: 7.5px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.div-block-3286-copy-copy-copy {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  margin: 7.5px;
  display: flex;
  position: relative;
  overflow: hidden;
}

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

.div-block-3296 {
  background-image: url("https://cdn.prod.website-files.com/5aa43322534e4a0001179757/63fa1220c1a5d726649a6507_Promo.png");
  background-position: 50% 100%;
  background-repeat: no-repeat;
  background-size: contain;
  border-radius: 15px 15px 0 0;
  height: 600px;
  margin: 15px 15px 0;
}

.div-block-3297 {
  padding-top: 15px;
  display: none;
}

.div-block-3298 {
  border-radius: 0 0 15px 15px;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  margin-bottom: 15px;
  margin-left: 15px;
  margin-right: 15px;
  padding: 15px;
  display: flex;
}

.div-block-3299 {
  background-color: var(--white);
  background-image: url("https://cdn.prod.website-files.com/5aa43322534e4a0001179757/6219fcb6479124581c2ec4f2_discover_icon_touch__zb725y5j5kyy_large_2x.png");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  border-radius: 50%;
  width: 75px;
  height: 75px;
  margin-top: 7.5px;
  margin-bottom: 7.5px;
}

.div-block-3300 {
  width: 450px;
  margin: 7.5px;
}

.paragraph-186 {
  margin-top: 15.5px;
  margin-bottom: 15.5px;
}

.div-block-3301 {
  border-radius: 15px;
  width: 100vw;
  height: 100vh;
  margin-left: auto;
  margin-right: auto;
  display: none;
  position: relative;
  overflow: hidden;
}

.section-67 {
  background-color: var(--element-dynamic);
  opacity: 0;
  position: absolute;
  inset: 0%;
}

.div-block-3302 {
  margin-top: 15px;
  margin-bottom: 34px;
}

.div-block-3303 {
  max-width: 1125px;
  margin-left: auto;
  margin-right: auto;
  padding-bottom: 15px;
}

.div-block-3304 {
  background-color: var(--element-dynamic);
  border-radius: 15px;
  height: 700px;
  margin: 0 15px 7.5px;
  padding: 15px;
  position: sticky;
  top: 39px;
  overflow: hidden;
}

.div-block-3305 {
  height: 2000px;
  position: relative;
}

.section-68 {
  background-color: #000;
  padding-top: 60px;
  padding-bottom: 60px;
}

.section-68.full-height {
  background-color: #0000;
  flex-direction: column;
  height: 100vh;
  min-height: 800px;
  overflow: hidden;
}

.container {
  max-width: 1400px;
  height: 100%;
  padding-left: 60px;
  padding-right: 60px;
  display: block;
}

.middle-block-text {
  line-height: 15px;
  position: absolute;
}

.image-cover {
  z-index: 0;
  object-fit: cover;
  width: 100%;
  height: 100%;
  position: absolute;
}

.image-cover.tip {
  object-fit: contain;
}

.image-cover.split {
  object-fit: cover;
  object-position: 50% 0%;
}

.image-cover.imagecontentcalcualtrstore {
  width: 75%;
  height: 100%;
  margin-left: auto;
  margin-right: auto;
}

.image-cover.large {
  object-fit: contain;
}

.image-cover.colors {
  width: 200%;
  height: 200%;
}

.apple-grid {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: 1fr 1fr 1fr 1fr;
  grid-template-columns: 2fr 2fr 1fr 1fr 1fr 1fr;
  grid-auto-rows: 1fr;
  height: 100%;
}

.apple-grid-block {
  background-color: var(--white-smoke);
  color: #fff;
  text-align: center;
  border-radius: 20px;
  justify-content: center;
  align-items: center;
  padding: 20px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.apple-grid-block.tablet-hidden.content {
  background-image: url("https://cdn.prod.website-files.com/5aa43322534e4a0001179757/6241d8a67a307c180cd76f90_RGB%20Collection.png");
  background-position: 50% 0;
  background-repeat: repeat-x;
  background-size: contain;
  min-height: 0;
}

.apple-grid-block.orange {
  background-color: #f8a600;
}

.apple-grid-block.tip {
  border: .5px solid var(--element-dynamic);
  background-color: var(--white);
}

.apple-grid-block.color {
  display: flex;
}

.image-nudge-up {
  height: 100px;
  position: relative;
  top: 0;
}

.bottom-block-text {
  line-height: 14px;
  position: absolute;
  bottom: 20px;
}

.div-block-3306 {
  flex-wrap: wrap;
  justify-content: center;
  align-items: stretch;
  height: 100vh;
  display: flex;
  overflow: scroll;
}

.div-block-3307 {
  flex-flow: column wrap;
  flex: 1;
  justify-content: center;
  align-items: center;
  min-width: 600px;
  padding: 15px;
  display: flex;
}

.div-block-3308 {
  flex-direction: column;
  flex: 1;
  justify-content: center;
  align-items: stretch;
  min-width: 700px;
  padding: 7.5px;
  display: flex;
  position: relative;
}

.heading-372 {
  align-items: flex-end;
  display: flex;
}

.div-block-3312 {
  background-image: linear-gradient(#7b00ff, #fb00ff);
  min-height: 1400px;
  margin: 20px;
  padding: 20px;
  position: absolute;
  inset: 0%;
  transform: translate(0);
}

.text-span-73 {
  font-family: Ofont, sans-serif;
  font-size: 70px;
  font-weight: 400;
}

.text-span-74 {
  font-size: 20px;
  line-height: 20px;
}

.heading-372-copy-copy {
  align-items: flex-start;
  display: none;
}

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

.div-block-3318 {
  background-color: var(--white-smoke);
  border-radius: 15px;
  min-height: 75px;
  margin: 7.5px;
  padding: 15px;
  position: relative;
}

.div-block-3319 {
  display: flex;
}

.heading-375 {
  margin-left: 5px;
}

.div-block-3320 {
  flex-wrap: wrap;
  display: flex;
}

.div-block-3321 {
  border: .2px solid var(--hover-element-dynamic);
  background-color: var(--hover-element-dynamic);
  border-radius: 15px;
  width: 75px;
  height: 75px;
  margin: 7.5px;
}

.div-block-3322 {
  border: 2px solid var(--hover-element-dynamic);
  border-radius: 50%;
  width: 35px;
  height: 35px;
  margin: 15px;
  position: absolute;
  inset: 0% 0% auto auto;
}

.text-block-302 {
  text-align: center;
  margin-top: auto;
  margin-left: auto;
  margin-right: auto;
}

.div-block-3323 {
  flex-direction: column;
  justify-content: center;
  align-items: stretch;
  width: 700px;
  display: flex;
  position: absolute;
  inset: auto 7.5px 15px auto;
}

.button-65 {
  background-color: var(--oircle-notification);
  text-align: center;
  border-radius: 15px;
  justify-content: center;
  align-items: center;
  min-height: 65px;
  margin-top: 7.5px;
  display: flex;
}

.button-65:hover {
  background-color: var(--element-dynamic);
}

.text-span-75 {
  font-family: Ofont, sans-serif;
  font-size: 50px;
  font-weight: 400;
}

.image-cover-copy {
  z-index: 0;
  object-fit: contain;
  width: 400px;
  margin-top: 35px;
  margin-left: 35px;
  margin-right: auto;
  position: absolute;
  inset: 0%;
}

.image-cover-copy.opp {
  margin-top: -155px;
  margin-left: auto;
  margin-right: -220px;
  transform: rotate(-90deg);
}

.div-block-3324 {
  z-index: 1;
  background-image: url("https://cdn.prod.website-files.com/5aa43322534e4a0001179757/622e468ceb3a3481fc310a9a_iPhone%2013%20%7C%20Set%20up%20Compass.gif");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 155%;
  width: 600px;
  height: 600px;
  margin-left: 400px;
  position: absolute;
}

.heading-376 {
  color: var(--white);
  margin-left: -116px;
  font-size: 90px;
  line-height: 100px;
  display: flex;
}

.applicationcontainer {
  padding: 0;
  position: relative;
}

.oircle-store-logotype {
  background-image: url("https://cdn.prod.website-files.com/5aa43322534e4a0001179757/612e4d1772d9fd2704e4580a_Application%20Logotype.png");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 110%;
  width: 112.5px;
  min-width: 112.5px;
  max-width: 112.5px;
  height: 112.5px;
  min-height: 112.5px;
  max-height: 112.5px;
  margin-bottom: 15px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

.uimenucartdelegate {
  box-shadow: none;
  background-color: #0000;
  min-width: 295px;
  height: 100vh;
  min-height: 350px;
  margin-bottom: 0;
}

.uimenucartclose {
  opacity: 0;
  color: var(--white);
  justify-content: center;
  align-items: stretch;
  width: 75px;
  min-width: 75px;
  max-width: 75px;
  height: 75px;
  min-height: 75px;
  max-height: 75px;
  margin: 20px 15px 20px 20px;
  font-size: 25px;
  display: flex;
  position: fixed;
  inset: 0% 0% auto auto;
}

.uimenucartclose:hover {
  color: var(--dismiss-element);
}

.uimenuproductitem {
  opacity: 0;
  object-fit: contain;
  width: 200px;
  height: 200px;
  margin-left: auto;
  margin-right: auto;
}

.uimenucartclosure {
  z-index: 1;
}

.uimenucartsubtotal {
  flex-direction: column;
  flex: 1;
  justify-content: flex-end;
  height: 150px;
  margin-bottom: 0;
  margin-left: 15px;
  padding-bottom: 0;
}

.uimenucartpayment {
  z-index: 2;
  border-radius: 30px;
  flex-direction: column;
  flex: 1;
  order: -1;
  align-items: flex-start;
  margin-bottom: 0;
  padding: 15px 0 0;
  display: flex;
  position: sticky;
  top: 15px;
  bottom: 15px;
}

.uimenucartpaymentdelegate {
  background-color: var(--black);
  border-radius: 30px;
  flex-direction: column;
  justify-content: center;
  align-items: stretch;
  margin: 15px 0 0;
  padding: 10px;
  display: flex;
  position: absolute;
  inset: auto 0% 0%;
  transform: translate(0, 252px);
}

.checkout-button-3 {
  background-color: #cffdcc;
  background-image: url("https://cdn.prod.website-files.com/5aa43322534e4a0001179757/62faa3b5ef70a131ef7b3b84_bag.fill.svg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 50%;
  border-radius: 30px;
  flex: 0 auto;
  align-self: stretch;
  width: 45px;
  min-width: 45px;
  height: 45px;
  min-height: 45px;
  margin: -8px 5px 1px;
  font-size: 0;
}

.checkout-button-3:hover {
  background-color: var(--white);
  color: var(--oircle-notification);
}

.uimenucartclosedelegate {
  border-radius: 50%;
  flex: 1;
  justify-content: center;
  align-items: center;
  display: flex;
}

.empty-state-19 {
  flex-direction: column;
  padding-bottom: 0;
  padding-left: 15px;
  padding-right: 15px;
}

.uimenucartcontain {
  background-color: #0000;
  height: 100vh;
  position: absolute;
  inset: 0% 0% auto;
}

.uimenucart {
  z-index: 5;
}

.main-3 {
  display: none;
}

.error-state-12 {
  border-radius: 15px;
  display: none;
  position: absolute;
  inset: 0% 0% auto;
}

.div-block-3328 {
  z-index: 2;
  opacity: 0;
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  background-image: linear-gradient(#00000040, #00000040);
  border-radius: 20px;
  padding: 20px;
  display: none;
  position: absolute;
  inset: 0%;
}

.div-block-3330 {
  justify-content: center;
  align-items: flex-end;
  margin-top: -5px;
  display: flex;
}

.display-action-title-copy {
  color: var(--white);
}

.action-buttons-copy {
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  margin-top: 10px;
  margin-bottom: 15px;
  display: flex;
}

.div-block-3331 {
  margin: 35px 15px 35px 35px;
  position: absolute;
  inset: 0% 0% auto auto;
}

.div-block-3332 {
  background-color: var(--dismiss-element);
  color: var(--white);
  border-radius: 50%;
  display: block;
  position: absolute;
  inset: 0%;
}

.div-block-3332:hover {
  background-color: #0000;
}

.text-block-303 {
  position: absolute;
}

.uimenuproductpricecontain-copy-copy {
  opacity: 0;
  border-radius: 20px;
  justify-content: center;
  align-items: center;
  margin: 15px;
  padding-top: 5.5px;
  padding-bottom: 5.5px;
  padding-left: 20px;
  display: flex;
  position: absolute;
  inset: auto 0% 0% auto;
}

.div-block-3333 {
  opacity: 0;
  width: 100%;
  height: 100%;
  display: none;
  position: absolute;
  inset: 0%;
}

.default-state-17 {
  z-index: 1;
  padding-top: 15px;
  padding-left: 15px;
  padding-right: 15px;
  position: relative;
}

.div-block-1756-copy {
  flex-direction: column;
  flex: 1;
  justify-content: center;
  min-width: 200px;
  margin: 10px 20px;
  display: flex;
}

.uibusinesschat-copy {
  color: var(--oircle-default-gry);
  text-align: center;
  border-radius: 20px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  margin: 15px 0;
  padding: 15px;
  font-weight: 400;
  display: flex;
}

.lottie-animation-21 {
  height: 85%;
}

.container-49 {
  text-align: center;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  padding-top: 145px;
  display: flex;
}

.text-span-77 {
  font-family: Ofont, sans-serif;
  font-size: 70px;
  font-weight: 400;
}

.heading-377 {
  align-items: flex-end;
  display: flex;
}

.text-span-78 {
  margin-bottom: auto;
  font-size: 25px;
  line-height: 25px;
}

.div-block-3336 {
  justify-content: center;
  align-items: center;
  margin-top: 25px;
  padding: 0;
  display: flex;
}

.div-block-3337 {
  background-color: var(--white-smoke);
  border-radius: 50px;
  flex-direction: column;
  width: 500px;
  height: 550px;
  margin: 15px;
  padding: 35px;
  display: flex;
}

.div-block-3338 {
  display: flex;
}

.div-block-3339 {
  background-image: url("https://cdn.prod.website-files.com/5aa43322534e4a0001179757/61d9918b3553735178de1862_Oircle%20News%20Logotype%20_2%202.png"), linear-gradient(#00000080, #00000080);
  background-position: 50%, 0 0;
  background-repeat: no-repeat, repeat;
  background-size: cover, auto;
  border-radius: 20px;
  width: 100px;
  height: 100px;
}

.div-block-3340 {
  text-align: left;
  flex: 1;
  margin: 7.5px 7.5px 7.5px 15px;
}

.div-block-3341 {
  align-items: flex-end;
  display: flex;
}

.heading-378 {
  color: var(--oircle-default-gry);
  margin-right: 7.5px;
  font-weight: 900;
}

.div-block-3342 {
  flex-direction: column;
  flex: 1;
  justify-content: space-around;
  margin-top: 15px;
  display: flex;
}

.div-block-3343 {
  filter: brightness(25%);
  background-image: url("https://cdn.prod.website-files.com/5aa43322534e4a0001179757/61e158949e676a60bbd95556_check.svg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 35px;
  min-width: 35px;
  max-width: 35px;
  height: 35px;
  min-height: 35px;
  max-height: 35px;
}

.div-block-3344 {
  align-items: center;
  display: flex;
}

.text-block-304 {
  text-align: left;
  margin: 12.5px;
  font-size: 20px;
}

.div-block-3345 {
  background-color: var(--oircle-notification);
  color: var(--white);
  text-align: center;
  border-radius: 20px;
  justify-content: center;
  align-items: center;
  height: 75px;
  margin-top: 7.5px;
  padding: 0;
  font-size: 25px;
  font-weight: 900;
  display: flex;
}

.text-span-79 {
  color: var(--oircle-default-gry);
  font-weight: 900;
}

.div-block-3346 {
  background-image: url("https://cdn.prod.website-files.com/5aa43322534e4a0001179757/619786e1f6ae6da56c4c83b2_set%202.png");
  background-position: 50% 0;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 15px;
  margin: 15px;
  padding: 0 45px 25vh;
  position: fixed;
  inset: 0%;
}

.div-block-3347 {
  border-radius: 15px 15px 0 0;
  margin-left: 60px;
  margin-right: 60px;
  padding: 0;
  position: absolute;
  inset: 75.5vh 0% 0%;
}

.div-block-3348 {
  background-color: var(--white-smoke);
  border-radius: 15px;
  flex: 1;
  height: 300px;
  margin: 7.5px;
  overflow: hidden;
}

.image-132 {
  object-fit: fill;
  width: 100%;
  height: 100%;
  margin-left: auto;
  margin-right: auto;
}

.div-block-3349 {
  background-color: var(--white);
  border-radius: 15px 15px 0 0;
  padding: 30px;
  box-shadow: 0 0 15px #00000026;
}

.div-block-3350 {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.div-block-3351 {
  flex-flow: wrap;
  margin-top: 7.5px;
  display: flex;
}

.linkshare {
  border-radius: 15px;
  flex: 1;
  justify-content: center;
  align-items: stretch;
  min-width: 400px;
  margin: 7.5px;
  display: flex;
  overflow: hidden;
}

.div-block-3352 {
  background-color: var(--white-smoke);
  color: var(--oircle-grim-gry);
  border-radius: 15px 0 0 15px;
  flex-direction: column;
  flex: 1;
  justify-content: center;
  align-items: stretch;
  padding: 15px;
  font-size: 20px;
  display: flex;
}

.link-block-100 {
  background-color: var(--black);
  border-top-right-radius: 15px;
  border-bottom-right-radius: 15px;
  margin-left: 0;
  margin-right: 0;
}

.div-block-3354 {
  background-color: var(--white-smoke);
  border-radius: 15px;
  justify-content: space-around;
  align-items: center;
  margin: 15px 15px 20px;
  padding: 25px;
  display: flex;
}

.text-block-305 {
  margin-left: 15px;
  margin-right: 15px;
}

.displayaction-copy {
  z-index: 1;
  text-align: center;
  background-image: none;
  background-repeat: repeat;
  background-size: auto;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  min-width: 300px;
  max-width: none;
  max-height: none;
  margin: auto;
  padding: 25px;
  display: flex;
  position: fixed;
  inset: 0%;
}

.div-block-3373 {
  max-width: 400px;
  max-height: 400px;
}

.www {
  display: flex;
}

.store {
  display: none;
}

.store.mono {
  display: block;
}

.div-block-3374 {
  background-image: url("https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  border-radius: 15px;
  flex: 0 auto;
  align-self: stretch;
  width: 100%;
  height: 50vh;
  min-height: 50vh;
  margin: 20px 20px 20px auto;
  display: block;
  position: relative;
  inset: 0% 0% auto;
}

.div-block-3375 {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  margin-right: 20px;
  padding-bottom: 20px;
  display: flex;
  overflow: scroll;
}

.buy-now-button-2 {
  background-color: #0000;
  display: none;
}

.error-state-13 {
  background-color: var(--black);
  color: var(--white);
  border-radius: 15px;
  margin: 25px;
  padding: 25px;
  position: fixed;
  inset: 0% 0% auto;
}

.out-of-stock-state-7 {
  background-color: var(--black);
  color: var(--white);
  border-radius: 10px;
  margin: 25px;
  padding: 25px;
  position: fixed;
  inset: 0% 0% auto;
}

.text-span-80 {
  padding-top: 0;
  font-family: Ofont, sans-serif;
  font-size: 60px;
  font-weight: 400;
  line-height: 40px;
  display: inline-block;
}

.container-51 {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  min-height: 100vh;
  padding-top: 40px;
  display: flex;
}

.collection-list-wrapper-70 {
  justify-content: center;
  align-self: stretch;
  align-items: center;
  height: 500px;
  margin-bottom: 15px;
  display: flex;
  overflow: hidden;
}

.collection-list-101 {
  justify-content: center;
  align-self: stretch;
  align-items: center;
  width: 500px;
  display: block;
  position: relative;
}

.collection-item-87 {
  justify-content: center;
  align-items: center;
  width: 400px;
  height: 400px;
  margin: auto;
  display: flex;
  position: absolute;
  inset: 0%;
}

.collection-item-87:nth-child(odd) {
  margin-left: 0;
}

.collection-item-87:nth-child(2n) {
  margin-right: 0;
}

.collection-item-87:first-child {
  z-index: 1;
  margin-bottom: 1px;
  margin-left: auto;
  margin-right: auto;
}

.div-block-3381 {
  object-fit: contain;
  flex: 0 auto;
  align-self: stretch;
  width: auto;
  max-width: 100%;
  height: auto;
  position: absolute;
  inset: 0%;
}

.div-block-3382 {
  opacity: 1;
  border: 1px solid #0000;
  border-radius: 50%;
  flex-direction: column;
  align-items: center;
  width: 700px;
  height: 700px;
  margin: 15px auto 0;
  padding: 45px;
  display: flex;
  position: absolute;
  inset: 0%;
}

.div-block-3383 {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.div-block-3384 {
  flex-wrap: wrap;
  width: 450px;
  min-width: 400px;
  padding: 7.5px;
  display: flex;
}

.button-66 {
  background-color: var(--oircle-notification);
  border-radius: 15px;
  flex: 1;
  justify-content: center;
  align-items: center;
  min-width: 200px;
  min-height: 55px;
  margin: 7.5px 0;
  display: flex;
}

.button-66:hover {
  background-color: var(--element-dynamic);
}

.button-66.applepay {
  background-color: var(--black);
  padding-top: 8px;
  position: relative;
}

.button-66.applepay:hover {
  color: var(--white);
}

.button-66.applepay.sidepadding {
  flex: 1;
  min-width: 0;
  max-width: 200px;
}

.button-66.sidepadding {
  margin-left: 5px;
  margin-right: 5px;
}

.div-block-3385 {
  opacity: 0;
  align-self: stretch;
  display: block;
}

.div-block-3386 {
  border-radius: 15px;
  align-items: center;
  margin: 7.5px;
  padding: 10px;
  display: flex;
}

.div-block-3387 {
  width: 100px;
  height: 100px;
  margin-right: 25px;
}

.heading-390 {
  flex: 1;
  margin-right: 15px;
  font-size: 30px;
  line-height: 30px;
}

.div-block-3388 {
  cursor: pointer;
  border-radius: 10px;
  justify-content: center;
  align-self: stretch;
  align-items: center;
  margin-top: 10px;
  margin-right: 5px;
  padding: 0;
  display: block;
  position: relative;
}

.collection-item-88 {
  flex: 1;
  min-width: 400px;
  margin-bottom: 0;
  display: block;
}

.collection-list-102 {
  flex-wrap: wrap;
  justify-content: center;
  align-items: flex-start;
  margin-bottom: 0;
  display: flex;
  position: relative;
}

.div-block-3390 {
  z-index: 1;
  border-radius: 10px;
  justify-content: center;
  align-items: center;
  min-height: 350px;
  margin: 7.5px;
  display: flex;
  position: relative;
  inset: 0%;
  overflow: hidden;
}

.div-block-3391 {
  z-index: 1;
  object-fit: cover;
  width: 110%;
  max-width: none;
  margin: -15px;
  display: block;
  position: absolute;
  inset: 0%;
}

.div-block-3392 {
  z-index: 1;
  flex: 1;
  justify-content: space-between;
  align-self: flex-end;
  align-items: flex-end;
  margin: 15px;
  padding: 15px;
  display: flex;
  position: relative;
}

.heading-391 {
  text-align: right;
  max-width: 300px;
}

.div-block-3393 {
  border-radius: 10px;
  flex: 1;
  align-items: center;
  margin: 7.5px;
  padding: 10.5px;
  display: flex;
  overflow: scroll;
}

.div-block-3394 {
  color: var(--white);
  background-image: linear-gradient(45deg, #1bc738, #54f26f);
  border-radius: 10px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  margin: 7.5px 0;
  padding: 9.5px;
  display: flex;
}

.div-block-3395 {
  filter: saturate(0%) brightness(400%);
  background-image: url("https://cdn.prod.website-files.com/5aa43322534e4a0001179757/60c9ff570be35308df0a4a63_Messages.png");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: auto;
  width: 75px;
  min-width: 75px;
  max-width: 75px;
  height: 75px;
  min-height: 75px;
  max-height: 75px;
  margin-left: 7.5px;
  margin-right: 7.5px;
}

.paragraph-191 {
  color: var(--white);
  margin-top: 0;
  font-weight: 400;
}

.div-block-3396 {
  text-align: left;
  margin-left: 7.5px;
}

.heading-392 {
  color: var(--white);
}

.animationwheel {
  margin: -50px;
  position: absolute;
  inset: 0%;
}

.div-block-3400 {
  justify-content: space-between;
  display: flex;
}

.option-5 {
  background-color: var(--hover-element-dynamic);
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 50px;
  height: 50px;
  margin: 7.5px;
  font-weight: 900;
  display: flex;
  position: relative;
  overflow: hidden;
}

.div-block-3402 {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  min-width: 700px;
  min-height: 700px;
  margin-top: 40px;
  margin-bottom: 40px;
  display: flex;
  position: relative;
}

.heading-393 {
  text-align: right;
  margin-right: 5px;
}

.heading-394, .heading-395, .heading-396, .heading-397 {
  text-align: center;
}

.div-block-3405 {
  flex-direction: column;
  justify-content: center;
  align-self: stretch;
  align-items: center;
  display: flex;
}

.div-block-3407 {
  display: none;
}

.checkout-form-2 {
  background-color: #0000;
}

.text-block-308 {
  display: none;
}

.text-block-309 {
  font-size: 20px;
}

.div-block-3409 {
  justify-content: flex-end;
}

.text-block-310 {
  font-weight: 900;
}

.option-list-8 {
  align-items: center;
  margin-top: 0;
  display: flex;
}

.div-block-3410 {
  padding: 0;
  position: absolute;
  inset: 0%;
}

.error-message-12 {
  flex: 1;
}

.div-block-3414 {
  flex: 1;
  padding: 35px 15px 15px;
}

.text-block-311 {
  text-align: left;
}

.payment-info {
  border: .5px solid var(--hover-element-dynamic);
  border-radius: 20px;
  align-items: flex-end;
  width: 500px;
  height: 250px;
  margin: 0 auto 0 0;
  padding: 20px;
  display: flex;
  position: absolute;
  inset: 0%;
  overflow: hidden;
}

.payment-info.billing, .payment-info.shipping {
  background-image: none;
  background-repeat: repeat;
  background-size: auto;
  justify-content: flex-end;
  margin-left: 210px;
  display: flex;
}

.container-52 {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  grid-template-rows: auto auto auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  max-width: 700px;
}

.div-block-3415 {
  justify-content: center;
  align-items: center;
  width: 700px;
  height: 250px;
  margin-bottom: 7.5px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: relative;
}

.column-62 {
  flex: 0 auto;
  margin-left: auto;
}

.div-block-3416 {
  filter: blur(50px);
  background-image: url("https://cdn.prod.website-files.com/5aa43322534e4a0001179757/5de003265abe8a2c9b59e6f6_Oircle%20Blur%20Shapes%202.png");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  margin: 0 0 115px;
  position: absolute;
  inset: 0%;
}

.div-block-3417 {
  flex-direction: column;
  flex: 1;
  justify-content: flex-end;
  align-items: flex-start;
  margin-bottom: 0;
  display: flex;
  position: relative;
}

.div-block-3418 {
  z-index: 1;
  background-color: var(--oircle-default-gry);
  border-radius: 10px;
  width: 100px;
  height: 50px;
  margin: 15px;
  position: absolute;
  inset: 0% 0% auto auto;
}

.payments {
  text-align: center;
  margin: 5px;
  position: absolute;
  inset: 0%;
}

.text-block-312 {
  color: var(--oircle-default-gry);
  justify-content: center;
  align-items: center;
  min-width: 45px;
  height: 45px;
  min-height: 45px;
  margin-right: 0;
  font-size: 25px;
  font-weight: 900;
  line-height: 35px;
  display: flex;
}

.div-block-3419 {
  background-color: var(--oircle-default-gry);
  border-radius: 50%;
  width: 25px;
  min-width: 25px;
  height: 25px;
  min-height: 25px;
  margin-left: 2px;
  margin-right: 2px;
}

.div-block-3420 {
  justify-content: center;
  align-items: center;
}

.div-block-3421 {
  margin-left: 7.5px;
  margin-right: 7.5px;
  display: flex;
}

.div-block-3422 {
  justify-content: center;
  align-items: center;
  margin-left: 10px;
}

.div-block-3419-copy {
  background-color: var(--oircle-default-gry);
  border-radius: 50%;
  width: 15px;
  min-width: 15px;
  height: 15px;
  min-height: 15px;
  margin-left: 7.5px;
  margin-right: 7.5px;
}

.text-block-312-copy {
  color: var(--oircle-default-gry);
  justify-content: center;
  align-items: center;
  height: 45px;
  min-height: 45px;
  margin-right: 0;
  font-size: 25px;
  font-weight: 900;
  line-height: 35px;
  display: flex;
}

.field-label-8 {
  background-color: var(--oircle-notification);
  color: var(--white);
  justify-content: flex-start;
  align-items: flex-end;
  padding: 15px 15px 15px 305px;
  display: flex;
  position: absolute;
  inset: 0% 0% auto;
}

.div-block-3423 {
  border-radius: 15px;
  flex: 1;
  justify-content: flex-start;
  align-self: stretch;
  align-items: center;
  margin: 7.5px;
  padding: 15px 30px 15px 15px;
  display: flex;
}

.div-block-3424 {
  background-color: var(--white);
  border-radius: 11px;
  justify-content: center;
  align-items: center;
  width: 75px;
  min-width: 75px;
  max-width: 75px;
  height: 75px;
  min-height: 75px;
  max-height: 75px;
  margin: 7.5px;
  padding: 15px;
  display: flex;
  position: relative;
}

.heading-400 {
  width: 25px;
  overflow: hidden;
}

.heading-401 {
  margin-left: -27px;
  font-size: 35px;
  line-height: 35px;
}

.div-block-3394-copy {
  color: var(--white);
  background-image: linear-gradient(45deg, #1bc738, #54f26f);
  border-radius: 10px;
  flex: 1;
  justify-content: center;
  align-items: center;
  min-width: 300px;
  margin: 7.5px;
  padding: 15.5px;
  display: flex;
  position: relative;
}

.div-block-3425 {
  flex-wrap: wrap;
  display: flex;
}

.div-block-3395-copy {
  filter: saturate(0%) brightness(400%);
  background-image: url("https://cdn.prod.website-files.com/5aa43322534e4a0001179757/60c9ff570be35308df0a4a63_Messages.png");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: auto;
  width: 75px;
  min-width: 75px;
  max-width: 75px;
  height: 75px;
  min-height: 75px;
  max-height: 75px;
  margin-bottom: 7.5px;
  margin-left: 7.5px;
  margin-right: 7.5px;
  position: absolute;
  inset: auto 0% 0% auto;
}

.div-block-3396-copy {
  text-align: left;
  margin-left: 7.5px;
  margin-right: 31px;
}

.heading-401-copy {
  margin-left: 15px;
  font-size: 25px;
  line-height: 25px;
}

.div-block-3426 {
  flex-flow: column wrap;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.heading-400-copy {
  background-image: url("https://cdn.prod.website-files.com/5aa43322534e4a0001179757/5f170fc87573a5cf7cf1c1b4_icons8-envelope.png");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  width: 35px;
  min-width: 35px;
  max-width: 35px;
  height: 35px;
  min-height: 35px;
  max-height: 35px;
  position: absolute;
  overflow: hidden;
}

.heading-400-copy.first {
  background-image: url("https://cdn.prod.website-files.com/5aa43322534e4a0001179757/5f1712751760cd5cf7c4540e_icons8-home_address.png");
  margin-left: auto;
  margin-right: auto;
  inset: auto 0% 11px 13px;
}

.heading-400-copy.second {
  margin-top: auto;
  margin-bottom: auto;
  inset: 0% auto 7px 10px;
}

.heading-400-copy.third {
  background-image: url("https://cdn.prod.website-files.com/5aa43322534e4a0001179757/5f17122fdc92a115125a0c47_icons8-identification_documents.png");
  margin-top: auto;
  margin-bottom: auto;
  inset: 0% 10px 30px auto;
}

.column-64 {
  padding-left: 0;
  padding-right: 0;
}

.div-block-3427 {
  border-radius: 15px;
  margin: 15px 0;
  padding: 55px 15px 15px;
  position: relative;
}

.heading-402 {
  border-radius: 10px;
  margin: 10px;
  padding: 10px;
  position: absolute;
  inset: 0% 0% auto;
}

.div-block-3428 {
  display: block;
  position: absolute;
  inset: 0%;
}

.heading-403 {
  z-index: 1;
  text-align: center;
  flex: 1;
  align-self: stretch;
  padding: 10px;
}

.div-block-3423-copy {
  border-radius: 15px;
  flex: 1;
  justify-content: center;
  align-self: stretch;
  align-items: center;
  margin: 7.5px;
  padding: 15px;
  display: flex;
}

.div-block-3424-copy {
  border-radius: 11px;
  justify-content: center;
  align-items: center;
  width: 75px;
  min-width: 75px;
  max-width: 75px;
  height: 75px;
  min-height: 75px;
  max-height: 75px;
  margin: 7.5px;
  padding: 15px;
  display: flex;
  position: relative;
}

.order-summary-2 {
  margin-bottom: 0;
}

.div-block-3429 {
  border-radius: 15px;
  flex-direction: column;
  justify-content: flex-end;
  align-items: center;
  width: 300px;
  height: 400px;
  padding: 15px;
  display: flex;
}

.div-block-3430-copy {
  object-fit: cover;
  border-radius: 11px;
  flex: 1;
  justify-content: center;
  align-self: stretch;
  align-items: center;
  display: flex;
  position: relative;
  overflow: hidden;
}

.image-134 {
  object-fit: cover;
  flex: 1;
  align-self: stretch;
}

.div-block-3431 {
  border: .3px solid var(--oircle-grim-gry);
  border-radius: 10px;
  align-self: stretch;
  margin-top: 15px;
  position: relative;
  overflow: hidden;
}

.div-block-3429-copy {
  border-radius: 15px;
  flex-direction: column;
  justify-content: flex-end;
  align-items: center;
  width: 300px;
  padding: 15px;
  display: flex;
}

.div-block-3388-copy-copy {
  background-color: var(--hover-element-dynamic);
  color: var(--oircle-default-gry);
  cursor: pointer;
  border-radius: 10px;
  justify-content: center;
  align-self: stretch;
  align-items: center;
  margin-top: 0;
  margin-left: 0;
  margin-right: 0;
  padding: 10px 15px;
  display: flex;
  position: relative;
}

.div-block-3388-copy-copy:hover {
  background-color: var(--oircle-notification);
  color: var(--white);
}

.download-item, .downloads-list-2, .downloads {
  margin-bottom: 0;
}

.payment-info-copy {
  border: .5px solid var(--hover-element-dynamic);
  background-color: var(--oircle-music);
  border-radius: 20px;
  align-items: flex-end;
  width: 500px;
  height: 250px;
  margin: 0 auto 0 0;
  padding: 20px;
  display: flex;
  position: absolute;
  inset: 0%;
  overflow: hidden;
}

.userwrap {
  z-index: 3;
  justify-content: flex-end;
  align-items: stretch;
  max-width: 600px;
  height: auto;
  display: flex;
  position: absolute;
  inset: 0%;
}

.oircleaccountid {
  font-family: Roboto, sans-serif;
  font-size: 15px;
  line-height: 15px;
}

.userparagraph {
  text-align: center;
  width: 60%;
  margin-left: auto;
  margin-right: auto;
}

.userfieldcontain {
  background-color: var(--white-smoke);
  border-radius: 15px;
  flex: 1;
  min-width: 300px;
  margin: 7.5px;
  padding: 0;
  position: relative;
  overflow: hidden;
}

.userfieldcontain.detailspanel {
  flex: 0 auto;
  margin-bottom: auto;
}

.userfieldcontain.detailspanel.description {
  min-height: 175px;
}

.userfieldcontain.horizontal {
  margin: 0;
}

.userfield {
  background-color: #0000;
  border: 1px #0000;
  height: 75px;
  margin-bottom: 0;
  padding: 15px;
}

.userfield.description {
  text-align: left;
  height: auto;
  min-height: 75px;
  display: flex;
}

.createanoircleid {
  justify-content: center;
  align-items: center;
  margin: 7.5px 7.5px 40.5px;
  display: flex;
}

.usererror {
  background-color: #0000;
  border-radius: 15px;
  margin: 15px;
  padding: 0;
  position: absolute;
  inset: 0% 0% auto;
  overflow: hidden;
}

.usererror.constant {
  z-index: 100;
  width: 400px;
  margin-top: 110px;
  margin-left: auto;
  margin-right: 15px;
  position: fixed;
  inset: 0% 0% auto auto;
}

.userform {
  margin-bottom: 0;
  padding-top: 20px;
  padding-bottom: 20px;
  position: relative;
  inset: 0%;
}

.usererrormessage {
  padding: 15px;
  position: relative;
  inset: 0%;
}

.usererrorcontain {
  border-radius: 15px;
  position: absolute;
  inset: 0%;
}

.usererrortitle {
  background-color: var(--dismiss-element);
  color: var(--white);
  text-transform: capitalize;
  padding: 10px;
  font-weight: 900;
  position: relative;
  inset: 0% 0% auto;
}

.usererrortitle.blue {
  background-color: var(--oircle-notification);
}

.userformcontain {
  flex-flow: wrap;
  align-items: center;
  display: flex;
}

.div-block-3432 {
  flex-wrap: wrap;
  justify-content: space-between;
  display: flex;
}

.div-block-3432.hidden {
  display: none;
}

.usercheckboxcheck {
  border-style: none;
  border-color: #0000;
  border-radius: 10px;
  width: 35px;
  height: 35px;
  margin-top: 0;
  margin-left: -55px;
  position: absolute;
}

.usercheckboxcheck:hover {
  background-color: var(--hover-element-dynamic);
}

.usercheckboxcheck.w--redirected-checked {
  background-color: var(--oircle-notification);
  background-image: url("https://cdn.prod.website-files.com/5aa43322534e4a0001179757/61e158949e676a60bbd95556_check.svg");
  background-size: 50%;
  border: 0 #0000;
}

.usercheckboxfield {
  margin: 7.5px;
  padding-bottom: 15px;
  padding-left: 55px;
  display: flex;
}

.usercheckboxfield.hidden {
  display: none;
}

.usercheckbo {
  border: 1px solid var(--hover-element-dynamic);
  border-radius: 10px;
  width: 35px;
  height: 35px;
  margin-top: 0;
  margin-left: -55px;
  position: absolute;
}

.usercheckboxcontain {
  font-size: 17px;
}

.userfieldbuttoncontain {
  border-radius: 50%;
  width: 55px;
  height: 55px;
  margin: 25px auto 7.5px;
  position: relative;
}

.lottie-animation-22 {
  width: 200px;
  min-width: 200px;
  max-width: 200px;
  height: 200px;
  min-height: 200px;
  max-height: 200px;
  margin-bottom: -50px;
  margin-left: auto;
  margin-right: auto;
}

.paragraph-192 {
  text-align: center;
  width: 65%;
  margin-left: auto;
  margin-right: auto;
}

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

.paragraph-194 {
  font-size: 17px;
}

.usericonmenu {
  background-image: url("https://cdn.prod.website-files.com/5aa43322534e4a0001179757/5d145aad234b420a584789b3_User%20-%20NONSelect.png");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 50%;
  display: none;
  position: absolute;
  inset: 0%;
}

.carticonmenu {
  background-image: url("https://cdn.prod.website-files.com/5aa43322534e4a0001179757/5e8ee4e15ee9cdec28f47033_Cart.png");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 50%;
  display: none;
  position: absolute;
  inset: 0%;
}

.useracount {
  color: var(--white);
  background-color: #0000;
  margin-left: 0;
  margin-right: 0;
  padding: 0;
  font-size: 20px;
  font-weight: 900;
  position: absolute;
}

.useracount:hover {
  color: var(--oircle-notification);
}

.div-block-3434 {
  background-image: linear-gradient(45deg, var(--oircle-bold-blue), var(--oircle-yielding-yellow));
  border-radius: 15px;
  justify-content: center;
  align-self: stretch;
  align-items: center;
  width: auto;
  min-width: 200px;
  height: 65px;
  margin: 15px 15px 0;
  display: none;
  position: relative;
}

.oircle-store-membership {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  min-height: 100vh;
  padding-top: 144px;
  display: flex;
}

.div-block-3436 {
  background-image: linear-gradient(45deg, #9aeeff, #97afff);
  border-radius: 15px;
  flex-direction: column;
  flex: 1;
  min-width: 400px;
  max-width: 400px;
  min-height: 450px;
  margin: 0;
  padding: 20px;
  display: flex;
}

.tick {
  border-radius: 50%;
  width: 25px;
  min-width: 25px;
  max-width: 25px;
  height: 25px;
  min-height: 25px;
  max-height: 25px;
  position: relative;
}

.div-block-3438 {
  background-image: linear-gradient(45deg, #9aedff, #96b0ff);
  border-radius: 50%;
  margin: 5px;
  position: absolute;
  inset: 0%;
}

.div-block-3439 {
  align-items: center;
  display: flex;
}

.text-block-317 {
  margin: 7.5px;
}

.div-block-3440 {
  background-color: var(--oircle-notification);
  color: var(--white);
  border-radius: 15px;
  margin-left: auto;
  margin-right: auto;
  padding: 15px 35px;
  font-weight: 900;
  display: inline-block;
}

.div-block-3440:hover {
  color: var(--white);
}

.div-block-3441 {
  flex: 1;
}

.div-block-3443 {
  background-color: var(--white-smoke);
  text-align: center;
  border-radius: 50px;
  width: 150px;
  margin: 0;
  padding: 15px;
}

.button-70 {
  background-color: #0000;
  border: 0 #0000;
  margin: 7.5px;
  padding: 0;
}

.button-70.w--ecommerce-pill-selected {
  border: 5px solid var(--oircle-notification);
  background-color: #0000;
  border-radius: 30px;
  overflow: hidden;
}

.button-70.w--ecommerce-pill-disabled {
  border: 4px solid var(--black);
  background-color: #0000;
  border-radius: 20px;
}

.default-state-18 {
  flex-direction: column;
  display: flex;
}

.button-group-6 {
  flex-flow: wrap;
  justify-content: center;
  align-items: center;
  margin-bottom: 0;
}

.text-block-318 {
  color: var(--black);
}

.text-span-81 {
  font-size: 20px;
}

.heading-405 {
  margin-top: -15px;
  margin-bottom: 15px;
}

.appleimeesage {
  background-image: linear-gradient(45deg, var(--active-green), #5cf677);
  justify-content: center;
  align-items: center;
  display: flex;
  position: fixed;
  inset: 0%;
}

.appleimessageicon {
  filter: invert();
  background-image: url("https://cdn.prod.website-files.com/5aa43322534e4a0001179757/62e1240b188c8c596d34ab1b_iMessage.png");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 35%;
  height: 45%;
}

.linkid {
  margin: 15px;
  position: absolute;
  inset: 0%;
}

.uihero {
  justify-content: center;
  align-items: center;
  min-height: 75px;
  margin-top: 0;
  padding: 145px 35px 120px;
  display: flex;
  overflow: hidden;
}

.uihero.missingpadding {
  margin-top: 0;
}

.uihero.image {
  height: 100vh;
  margin-top: 0;
  padding: 0;
  position: relative;
  overflow: visible;
}

.uiherodevice {
  z-index: 2;
  border: 0px solid var(--oircle-default-gry);
  background-image: url("https://cdn.prod.website-files.com/5aa43322534e4a0001179757/639ce2d1e553bf1fc87ec46f_Calculatr%20%7C%20Main%20View.svg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  border-radius: 25px;
  width: 335px;
  min-width: 335px;
  height: 635px;
  min-height: 635px;
  margin: 7.5px -55.5px;
  position: relative;
}

.uiherodevice.pointu15 {
  z-index: 1;
  background-image: url("https://cdn.prod.website-files.com/5aa43322534e4a0001179757/639cea17e553bfe63d7f5e88_Calculatr%20%7C%20Simple%20View.svg");
  transform: translate(0, 70px);
}

.uiherodevice.pointu15.left {
  background-image: url("https://cdn.prod.website-files.com/5aa43322534e4a0001179757/639cea17515851c966b6da97_Calculatr%20%7C%20Left%20Hand%20View.svg");
}

.uiherodevice.pointu15.left.solor {
  background-image: url("https://cdn.prod.website-files.com/5aa43322534e4a0001179757/63fa12204e9a8cec6a67f864_Profile%20Widgets%20%20iPhone.png");
}

.uiherodevice.pointu15.solor {
  background-image: url("https://cdn.prod.website-files.com/5aa43322534e4a0001179757/63fa1220300f0c855a85b0d2_Your%20Profile%20%20iPhone.png");
  transform: none;
}

.uiherodevice.imageseachengine {
  background-image: url("https://cdn.prod.website-files.com/5aa43322534e4a0001179757/649d4576d1e5dbcc49804f74_Oircle%20Search%20Engine%20%7C%20iPhone.png");
}

.uiheroinformation {
  text-align: center;
  padding: 200px 15px;
  position: relative;
}

.uiheroinformation.no-items {
  flex-direction: column;
  justify-content: center;
  min-height: 100vh;
  display: flex;
}

.div-block-3446 {
  text-align: center;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 50%;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.cardtitle {
  flex: 1;
  margin-left: 15px;
  margin-right: 15px;
}

.uicardcontain {
  border-radius: 15px;
  flex: 1;
  min-width: 400px;
  min-height: 25vh;
  margin: 15px;
  padding: 0;
  position: relative;
  overflow: hidden;
}

.uicardcontain.large {
  min-width: 750px;
}

.uicardcontain.stack {
  margin-right: -30px;
}

.uicardcontain.overstack {
  z-index: 3;
  border: .5px solid var(--hover-element-dynamic);
  align-self: stretch;
  display: flex;
}

.uicardcontain.medium {
  flex-direction: column;
  justify-content: space-between;
  display: flex;
}

.uicardcontain.bigger {
  min-height: 500px;
}

.cardbutton {
  z-index: 3;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 55px;
  min-width: 55px;
  max-width: 55px;
  height: 55px;
  min-height: 55px;
  max-height: 55px;
  margin: 15px;
  display: flex;
  position: absolute;
  inset: auto 0% 0% auto;
}

.div-block-3448 {
  background-image: url("https://cdn.prod.website-files.com/5aa43322534e4a0001179757/5f718a7ed418d2fedd554b62_icons8-plus_math.png");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 50%;
  height: 50%;
  position: absolute;
}

.cardbuttonscale {
  z-index: 3;
  border-radius: 50%;
  justify-content: center;
  width: 55px;
  height: 55px;
  margin: 15px;
  position: absolute;
  inset: auto 0% 0% auto;
}

.cardbackground {
  z-index: 3;
  opacity: .5;
  border-radius: 15px;
  justify-content: center;
  align-items: center;
  margin: 0;
  padding: 25px 25px 65px;
  display: flex;
  position: absolute;
  inset: 0%;
  overflow: hidden;
}

.uicardinformationcontain {
  z-index: 3;
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  flex-flow: column;
  flex: 1;
  padding: 25px;
  display: flex;
  position: relative;
}

.uicardinformationcontain.opp {
  flex: 0 auto;
  margin-top: auto;
}

.uicardinformation {
  padding-bottom: 75px;
  position: static;
}

.uicardinformation.horizontal {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding-bottom: 0;
  padding-right: 75px;
}

.uicardinformation.heightconstrait {
  padding-bottom: 225px;
}

.uicardinformation.nopadding {
  padding-bottom: 0;
}

.uicardinformation.globe {
  padding-bottom: 0;
  position: relative;
}

.uicardinformationpreviewcontain {
  justify-content: center;
  align-items: center;
  min-width: 350px;
  min-height: 350px;
  display: flex;
  position: relative;
}

.uicardinformationpreviewcontain.unrealengine {
  background-image: url("https://cdn.prod.website-files.com/5aa43322534e4a0001179757/62f8f49feb2ac160e837c1ec_UE_Logo_stacked_unreal-engine_white.png");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 75%;
}

.uicardinformationpreviewcontain.tall {
  min-height: 550px;
}

.uicardinformationpreviewvideo {
  flex: 1;
}

.uicardinformationpreviewvideo.dynamic {
  z-index: 1;
  border-radius: 20px;
  flex-direction: row;
  justify-content: center;
  align-items: flex-end;
  height: 101%;
  margin: -4px -2px;
  padding-bottom: 65px;
  display: flex;
  position: absolute;
  inset: 0%;
}

.uicardinformationpreviewvideo.dynamic.padding {
  align-items: center;
  height: auto;
  min-height: 500px;
  margin-top: 170px;
}

.play-pause-button {
  margin-left: auto;
  margin-right: auto;
  position: static;
}

.play-state {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  display: flex;
}

.uiplaycontaindelegate {
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  inset: auto 0% 0%;
}

.uiplaycontaindelegate.elementontopdynamic {
  filter: contrast(0%) brightness(200%);
}

.uiplaycontaindelegate.elementontopdynamic.alt {
  filter: contrast(0%) brightness(0%);
}

.uiplaytext {
  color: var(--oircle-notification);
  flex-direction: column;
  justify-content: center;
  align-items: center;
  font-size: 20px;
  font-weight: 900;
}

.uiplayanimationcontain {
  width: 55px;
  min-width: 55px;
  max-width: 55px;
  height: 55px;
  min-height: 55px;
  max-height: 55px;
  margin-left: -10px;
}

.uiplayanimation {
  width: 55px;
  min-width: 55px;
  max-width: 55px;
  height: 55px;
  min-height: 55px;
  max-height: 55px;
}

.pause-state {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  display: flex;
}

.cardminititle {
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.div-block-3449 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-flow: wrap;
  grid-template-rows: auto;
  grid-template-columns: 1fr 2fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: stretch;
  display: flex;
}

.div-block-3449.centre {
  grid-template-columns: 1fr 1fr;
}

.div-block-3450 {
  color: var(--oircle-default-gry);
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.div-block-3450:hover {
  color: var(--oircle-default-gry);
  transform: scale(1.05);
}

.compatiblitycard {
  background-color: var(--white-smoke);
  border-radius: 15px;
  flex-flow: wrap;
  justify-content: space-around;
  align-self: stretch;
  align-items: flex-start;
  margin: 20px;
  padding: 100px;
  display: flex;
}

.compatiblitycard.calculatr {
  background-image: url("https://cdn.prod.website-files.com/5aa43322534e4a0001179757/63944942969ae2f2a8ee5d87_Calculatr%20Abstract%20Artwork%20%20Appclip.png");
  background-position: 50% 0;
  background-size: cover;
}

.compatiblitycard.solor {
  color: var(--white);
  background-image: linear-gradient(45deg, #287cff, #45faff);
}

.compatiblitycard.compact {
  align-items: center;
  min-width: 400px;
  min-height: 300px;
  padding: 40px;
}

.compatiblitycard.podcasts {
  background-image: linear-gradient(45deg, #48a1df 20%, #dd5983 80%);
}

.text-block-319 {
  font-weight: 900;
}

.div-block-3453 {
  width: 85%;
  margin-left: auto;
  margin-right: auto;
}

.div-block-3453.no-data {
  display: none;
}

.div-block-3454 {
  background-image: url("https://cdn.prod.website-files.com/5aa43322534e4a0001179757/62f6a99ec23d6577203479d4_Dawn.jpg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  flex: 1;
  align-self: stretch;
  margin: 0;
  padding: 0;
  position: absolute;
  inset: 0%;
}

.div-block-3454.dusk {
  opacity: 0;
  background-image: url("https://cdn.prod.website-files.com/5aa43322534e4a0001179757/62f6ac0bd6557d07f39de71e_Dusk.jpg");
}

.div-block-3455 {
  background-image: url("https://cdn.prod.website-files.com/5aa43322534e4a0001179757/62f743edfd7b99af15356cb7_Runnur%20space%20white.png");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 500px;
  height: 300px;
  position: absolute;
  transform: translate(0, -167px);
}

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

.runnurtext {
  font-family: Runnur Font, sans-serif;
  font-size: 45px;
}

.user-account {
  background-color: #0000;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 0;
  display: none;
}

.div-block-3456 {
  flex-direction: column;
  flex: 1;
  justify-content: center;
  align-self: stretch;
  align-items: center;
  display: flex;
}

.div-block-3458 {
  border: .5px solid var(--hover-element-dynamic);
  -webkit-text-fill-color: inherit;
  background-image: url("https://cdn.prod.website-files.com/5aa43322534e4a0001179757/62faa5c4d15650d067b8a189_dial.max.fill.svg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 50%;
  background-clip: content-box;
  border-radius: 25px;
  justify-content: flex-end;
  align-items: flex-start;
  width: 100px;
  min-width: 100px;
  max-width: 175px;
  height: 100px;
  min-height: 100px;
  max-height: 175px;
  margin: 0 auto 7.5px;
  padding: 0;
  display: flex;
  position: relative;
  inset: 0%;
}

.div-block-3459 {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.button-71 {
  background-color: var(--oircle-notification);
  border-radius: 20px;
  margin: 5px;
  padding: 0;
}

.button-71:hover {
  background-color: var(--white);
}

.div-block-3460 {
  flex-wrap: wrap;
  justify-content: center;
  align-self: stretch;
  align-items: center;
  width: 50%;
  margin-top: 55px;
  margin-left: auto;
  margin-right: auto;
  padding: 15px;
  display: flex;
}

.div-block-3461 {
  background-image: linear-gradient(45deg, #51ff00, #a6ff00);
  border-radius: 35px;
  justify-content: center;
  align-items: center;
  width: 125px;
  min-width: 125px;
  max-width: 125px;
  height: 125px;
  min-height: 125px;
  max-height: 125px;
  margin: 10px auto;
  display: flex;
}

.div-block-3461.passwords {
  background-image: linear-gradient(45deg, #00ffb7, #009dff);
}

.div-block-3461.purchase {
  background-image: linear-gradient(45deg, #ff8000, #ffc800);
}

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

.text-block-320.second {
  display: none;
}

.div-block-3462 {
  margin: 15.5px;
}

.div-block-3463 {
  filter: brightness(500%) contrast(500%);
  background-image: url("https://cdn.prod.website-files.com/5aa43322534e4a0001179757/62fa9f3028b0a9970bca92a5_bubble.left.and.exclamationmark.bubble.right.fill.svg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 50%;
  height: 50%;
  margin-left: auto;
  margin-right: auto;
}

.div-block-3463.passwords {
  filter: contrast(0%) brightness(200%);
  background-image: url("https://cdn.prod.website-files.com/5aa43322534e4a0001179757/62faa1dc9c3c982f61b1d9f4_ellipsis.rectangle.fill.svg");
}

.div-block-3463.purchase {
  filter: contrast(0%) brightness(500%);
  background-image: url("https://cdn.prod.website-files.com/5aa43322534e4a0001179757/62faa3b5ef70a131ef7b3b84_bag.fill.svg");
  flex: 0 auto;
  display: block;
}

.div-block-3465 {
  margin-bottom: -25px;
}

.user-account-form {
  flex-direction: column;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: stretch;
  display: flex;
  position: relative;
}

.image-136 {
  border: .3px solid var(--hover-element-dynamic);
  border-radius: 10px;
  width: 75px;
  margin: 6px;
  display: block;
}

.text-block-321 {
  text-align: left;
  font-size: 20px;
  font-weight: 900;
}

.subscription {
  flex-direction: column;
  align-items: stretch;
  display: flex;
  position: relative;
}

.div-block-3468 {
  border-radius: 15px;
  align-self: stretch;
  margin: 7.5px;
  padding: 10px;
  position: relative;
}

.text-block-322 {
  text-align: left;
  justify-content: flex-end;
  align-items: center;
  margin-bottom: 10px;
  margin-left: 10px;
  margin-right: 10px;
  font-size: 20px;
  font-weight: 900;
  display: flex;
}

.div-block-3469 {
  flex-direction: row;
  justify-content: space-between;
  padding: 0 10px 10px;
  display: block;
}

.div-block-3470 {
  border-radius: 10px;
  margin: 0 6px 6px;
  padding: 10px;
}

.div-block-3473 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: stretch;
  display: flex;
}

.div-block-3474 {
  flex-direction: row;
  flex: 1;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.div-block-3475 {
  flex-direction: column;
  align-items: stretch;
  display: flex;
}

.column3, .row3 {
  display: none;
}

.text-block-324 {
  font-size: 14px;
}

.row-29 {
  grid-column-gap: 8px;
  grid-row-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: auto auto;
  grid-auto-columns: 1fr;
  display: flex;
}

.button-72 {
  background-color: var(--oircle-notification);
  text-align: center;
  background-image: url("https://cdn.prod.website-files.com/5aa43322534e4a0001179757/62ff65dce561b5877c7879ab_person.fill.svg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 50%;
  border-radius: 20px;
  width: 35px;
  min-width: 35px;
  height: 35px;
  min-height: 35px;
  margin-bottom: 10px;
  margin-left: 10px;
  margin-right: 10px;
  position: absolute;
  inset: auto 0% 0% auto;
}

.button-72:hover {
  background-color: var(--white);
  color: var(--oircle-notification);
}

.button-73 {
  background-color: #0000;
  margin-left: 0;
  margin-right: 0;
  padding: 10px 20px;
}

.div-block-3476 {
  flex-wrap: wrap;
  display: flex;
}

.text-span-84 {
  font-family: Ofont, sans-serif;
  font-size: 35px;
  font-weight: 400;
}

.div-block-3477 {
  flex: 1;
  display: flex;
}

.div-block-3480 {
  justify-content: center;
  align-items: stretch;
  width: 100vw;
  height: 100vh;
  display: flex;
  overflow: hidden;
}

.div-block-3482 {
  background-image: url("https://cdn.prod.website-files.com/5aa43322534e4a0001179757/622c5d0c26f63256a61ce6f6_polation%20Filled.png");
  background-position: 50% 100%;
  background-repeat: no-repeat;
  background-size: contain;
  align-self: stretch;
  width: 600px;
  min-height: 600px;
  margin: 25px 25px 0 0;
}

.div-block-1948-copy {
  flex: 1;
  min-width: 300px;
}

.heading-408 {
  text-align: center;
  justify-content: center;
  align-items: center;
  font-size: 95px;
  line-height: 95px;
  display: flex;
}

.text-span-85 {
  margin-right: 17px;
  font-family: Ofont, sans-serif;
  font-size: 135px;
  font-weight: 400;
}

.div-block-1948-copy-copy {
  text-align: center;
  flex: 1;
  min-width: 300px;
}

.div-block-3483 {
  justify-content: center;
  align-items: stretch;
  margin-bottom: 30px;
  margin-left: 15px;
  margin-right: 15px;
  display: flex;
}

.paragraph-185-copy {
  margin: 0 auto;
  font-weight: 900;
}

.oircle-ltd-logotype {
  background-image: url("https://cdn.prod.website-files.com/5aa43322534e4a0001179757/612e4d1772d9fd2704e4580a_Application%20Logotype.png");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 150%;
  width: 450px;
  min-width: 450px;
  max-width: 450px;
  height: 450px;
  min-height: 450px;
  max-height: 450px;
  margin-left: 0;
  margin-right: 0;
  position: relative;
}

.uiadvertismentsubtitle {
  color: var(--oircle-default-gry);
  text-align: center;
  max-width: 500px;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 20px;
  font-weight: 400;
  line-height: 25px;
  position: relative;
}

.uiproductpromotionstore {
  background-color: var(--white-smoke);
  border-radius: 20px;
  flex-flow: wrap;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  min-height: 600px;
  margin: 15.5px;
  padding: 25px;
  font-weight: 900;
  display: flex;
  position: relative;
  overflow: hidden;
}

.div-block-1948-copy {
  flex: 1;
  min-width: 300px;
  margin-top: auto;
  margin-bottom: auto;
}

.cart-header-3 {
  display: none;
}

.default-state-19 {
  padding: 10px;
  position: relative;
}

.cart-container-2 {
  box-shadow: none;
  flex: 1;
  width: auto;
  min-width: 0;
  max-width: none;
}

.text-block-330 {
  display: none;
}

.uicart {
  flex-direction: column;
  flex: 1;
  width: 100vw;
  height: 100vh;
  margin-left: auto;
  margin-right: auto;
  padding-top: 0;
  display: flex;
  position: static;
  overflow: scroll;
}

.uicart.hiddenoniphone {
  display: block;
}

.cart-button-4 {
  display: none;
}

.container-53 {
  justify-content: space-between;
  max-height: 100vh;
  display: flex;
}

.cart-header-4 {
  display: none;
}

.dynamiccontentfield {
  background-color: #0000;
  border-radius: 20px;
  justify-content: flex-end;
  align-items: stretch;
  min-height: 75px;
  margin: 30px;
  display: flex;
  position: fixed;
  inset: 0% 0% auto auto;
  overflow: visible;
}

.dynamiccontent {
  border-top: .5px solid var(--hover-element-dynamic);
  border-bottom: .5px solid var(--hover-element-dynamic);
  border-left: .5px solid var(--hover-element-dynamic);
  border-top-left-radius: 20px;
  border-bottom-left-radius: 20px;
  justify-content: center;
  align-items: center;
  padding: 0 0 0 10px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.dynamicinformation {
  background-color: #ff999a;
  border-radius: 20px;
  flex: 0 auto;
  max-width: 300px;
  margin-right: 10px;
  padding: 0;
  transition: all .2s;
  display: none;
  overflow: hidden;
}

.dynamicinformation:active {
  z-index: 1;
}

.container-54 {
  flex: 1;
  padding: 10px;
}

.div-block-3521 {
  background-image: linear-gradient(#fff, #79f6ff);
  height: 200vh;
  padding-top: 50vh;
  position: relative;
}

.dynamiccart {
  border-top: .5px solid var(--hover-element-dynamic);
  border-right: .5px solid var(--hover-element-dynamic);
  border-bottom: .5px solid var(--hover-element-dynamic);
  border-top-right-radius: 20px;
  border-bottom-right-radius: 20px;
  justify-content: center;
  display: flex;
  position: static;
  overflow: visible;
}

.nav2 {
  border-top-right-radius: 20px;
  border-bottom-right-radius: 20px;
  flex-direction: row;
  flex: 1;
  justify-content: center;
  align-self: stretch;
  margin-left: 0;
  margin-right: 0;
  font-size: 0;
  display: flex;
  position: relative;
  inset: 0%;
}

.cart-quantity-4 {
  background-color: #0000;
  flex: 1;
  justify-content: center;
  align-self: stretch;
  align-items: center;
  min-width: 0;
  height: auto;
  margin-top: 0;
  margin-left: 0;
  font-size: 20px;
  font-weight: 900;
  display: flex;
  position: absolute;
  inset: 0%;
}

.cart-header-5 {
  border: 1px #000;
  display: none;
}

.cart-container-3 {
  box-shadow: none;
  background-color: #0000;
  min-width: 0;
  max-width: none;
}

.cart-footer-4 {
  z-index: 10;
  border: 1px solid var(--hover-element-dynamic);
  border-radius: 20px;
  order: 1;
  align-self: stretch;
  padding: 0;
  position: relative;
  top: 0;
}

.dynamiccartwrapper {
  background-color: #0000;
  flex: 1;
  margin-top: 0;
  display: block;
  position: relative;
  inset: 0% 0% auto;
  overflow: hidden;
  transform: translate(0, -55px);
}

.paragraph-195 {
  margin-top: 5px;
  margin-bottom: 5px;
  font-size: 10px;
  line-height: 10px;
}

.div-block-3523 {
  flex-direction: row;
  align-items: center;
  padding: 15px;
  display: flex;
}

.text-block-338 {
  background-color: var(--white);
  border-radius: 11px;
  justify-content: center;
  align-items: center;
  width: 55px;
  min-width: 55px;
  height: 55px;
  min-height: 55px;
  margin-right: 15px;
  font-size: 25px;
  display: flex;
}

.nav-menu-2 {
  position: static;
}

.cart-form-wrapper-4 {
  align-self: stretch;
  max-height: 98vh;
  margin-bottom: 0;
  padding-bottom: 0;
  overflow: visible;
}

.cart-list-4 {
  order: 3;
  padding: 0;
}

.div-block-3524 {
  flex-direction: row;
  flex: 0 auto;
  justify-content: flex-end;
  align-items: stretch;
  display: flex;
  position: static;
}

.cart-line-item-3 {
  text-align: left;
  align-self: stretch;
  margin-bottom: 10px;
  display: block;
}

.text-block-339 {
  font-size: 35px;
  line-height: 35px;
}

.text-block-340 {
  font-size: 15px;
}

.cart-item-7 {
  margin: 15px;
  padding: 0;
}

.dynamiccartitem {
  border: .5px solid var(--hover-element-dynamic);
  border-radius: 20px;
  flex: 1;
  height: 75px;
  min-height: 55px;
  margin: 0;
  padding: 10px;
  transition: height .4s cubic-bezier(.427, -.079, .532, 1.576);
  display: flex;
  position: relative;
}

.dynamiccartitem:hover {
  height: 300px;
}

.web-payments-4 {
  background-color: var(--black);
  border-radius: 15px;
  flex: 1;
  justify-content: center;
  align-self: stretch;
  align-items: center;
  min-width: 100px;
  max-width: none;
  padding: 8px 3px 3px;
  display: flex;
}

.checkout-button-5 {
  background-color: var(--oircle-notification);
  color: var(--white);
  border-radius: 15px;
  flex: 1;
  justify-content: center;
  align-self: stretch;
  width: auto;
  min-width: 160px;
  min-height: 30px;
  margin-bottom: 0;
  margin-left: 0;
  margin-right: 0;
  padding: 20px;
  font-weight: 700;
  display: flex;
}

.checkout-button-5:hover {
  background-color: var(--white);
  color: var(--oircle-notification);
}

.checkout-button-5:focus-visible, .checkout-button-5[data-wf-focus-visible] {
  outline-offset: 0px;
  border: 3px solid #00428f;
  outline: 0 #0000;
}

.checkout-actions {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  flex-flow: wrap;
  justify-content: center;
  align-self: stretch;
  align-items: center;
  display: flex;
}

.cartitemimage {
  color: #0000;
  flex-direction: row;
  flex: 1;
  justify-content: center;
  align-self: stretch;
  align-items: center;
  font-size: 5px;
  display: flex;
  position: absolute;
  inset: 0%;
}

.cartitemimage:hover {
  color: var(--oircle-default-gry);
  font-size: 20px;
}

.image-139 {
  z-index: 1;
  object-fit: contain;
  object-position: 5% 50%;
  width: 100%;
  height: 100%;
  transition: all .5s cubic-bezier(.68, -.55, .265, 1.55);
  position: relative;
}

.image-139:hover {
  object-position: 50% 50%;
}

.cartitemconfig {
  align-items: flex-end;
  margin: 10px;
  position: absolute;
  inset: 0% 0% auto auto;
}

.text-block-341 {
  display: none;
}

.cart-quantity-5 {
  background-color: #0000;
  border: 0 #0000;
  flex: 1;
  width: auto;
  height: auto;
  margin-bottom: 0;
  padding: 0;
}

.div-block-3526 {
  flex: 1;
  justify-content: center;
  align-items: center;
  margin-bottom: 25px;
  margin-left: -15px;
  display: none;
}

.div-block-3410-copy {
  padding: 0;
  position: absolute;
  inset: 0%;
}

.text-block-342 {
  display: inline;
}

.option-6 {
  border: .5px solid var(--hover-element-dynamic);
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 35px;
  min-width: 35px;
  max-width: 35px;
  height: 35px;
  min-height: 35px;
  max-height: 35px;
  margin-left: 2.5px;
  margin-right: 2.5px;
  font-size: 10px;
  font-weight: 900;
  display: flex;
  position: relative;
  overflow: hidden;
}

.cart-button-6 {
  background-color: #0000;
  flex: 0 auto;
  justify-content: center;
  align-items: stretch;
  margin-left: 0;
  margin-right: 0;
  padding: 20px;
}

.cart-button-6:focus-visible, .cart-button-6[data-wf-focus-visible] {
  outline-color: var(--oircle-notification);
  outline-offset: 3px;
  outline-width: 3px;
  outline-style: none;
}

.empty-state-20 {
  z-index: 6;
  flex-direction: column;
  padding-top: 0;
  padding-bottom: 0;
  position: relative;
}

.error-state-14 {
  z-index: 1;
  border-radius: 20px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  margin: 15px 0 0;
  display: flex;
  position: sticky;
  bottom: 15px;
}

.option-list-9 {
  flex-direction: row;
  justify-content: flex-end;
  margin-right: -9px;
  display: flex;
}

.div-block-3527 {
  flex-direction: column;
  align-self: stretch;
  padding: 15px;
  display: flex;
}

.text-block-343 {
  margin: 10px 10px 10px 15px;
  font-weight: 900;
  position: absolute;
  inset: auto auto 0% 0%;
}

.text-block-344 {
  z-index: 1;
  position: relative;
}

.text-block-345 {
  background-color: var(--dismiss-element);
  border-radius: 50%;
  flex: 1;
  justify-content: center;
  align-self: stretch;
  align-items: center;
  padding: 10px;
  display: flex;
}

.empty-state-21 {
  z-index: 1;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  max-width: 350px;
  margin-top: 70px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 0;
  padding-bottom: 0;
}

.error-state-15 {
  display: none;
}

.uiadvertismentimage {
  background-image: url("https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 15px;
  flex-direction: column;
  justify-content: flex-end;
  align-items: stretch;
  min-width: 75vh;
  min-height: 85vh;
  margin: 20px;
  padding: 25px;
  display: flex;
}

.div-block-3529 {
  min-height: 75vh;
  padding: 25px;
  overflow: scroll;
}

.div-block-3530 {
  border: .5px solid var(--hover-element-dynamic);
  background-image: url("https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 20px;
  width: 120px;
  height: 120px;
}

.div-block-3531 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-end;
  display: flex;
}

.div-block-3532 {
  margin: 10px 10px 0;
}

.uiadvertismentrichtext img {
  border-radius: 15px;
}

.div-block-3536 {
  flex-direction: row;
  justify-content: center;
  align-items: stretch;
  max-height: 100vh;
  display: flex;
}

.uicartcart {
  height: 100vh;
  margin-left: auto;
  margin-right: auto;
  padding-top: 0;
  display: block;
  position: static;
  overflow: scroll;
}

.div-block-3537 {
  border-radius: 25px;
  margin: 60px 15px 0;
  padding: 20px;
}

.heading-412 {
  color: var(--oircle-music);
  font-size: 80px;
  font-weight: 900;
  line-height: 60px;
}

.heading-413 {
  margin-bottom: 8px;
}

.cart-footer-5 {
  filter: invert();
  border: 1px #000;
  padding: 15px;
}

.web-payments-5 {
  border: .5px solid var(--hover-element-dynamic);
  background-color: var(--black);
  border-radius: 15px;
  flex-direction: column;
  justify-content: center;
  align-items: stretch;
  min-height: 65px;
  padding-top: 8px;
  display: flex;
}

.checkout-button-6 {
  color: var(--black);
  background-color: #0000;
  min-height: 55px;
  margin-bottom: 15px;
  padding-top: 16px;
  font-size: 25px;
  display: none;
}

.checkout-button-6:hover {
  color: var(--oircle-grim-gry);
}

.placeorder {
  background-color: var(--oircle-notification);
  border-radius: 15px;
  justify-content: center;
  min-height: 65px;
  margin: 10px 0 0;
  display: flex;
}

.placeorder:hover {
  color: var(--white);
}

.div-block-3394-copy {
  color: var(--white);
  background-image: linear-gradient(45deg, #1bc738, #54f26f);
  border-radius: 15px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  margin: 10px 0 0;
  padding: 9.5px;
  display: flex;
}

.order-summary-3 {
  margin-bottom: 0;
}

.section-71 {
  border-radius: 15px;
  margin-bottom: 10px;
  padding: 15px;
  overflow: hidden;
}

.checkout-form-3 {
  background-color: #0000;
}

.block-content-2 {
  background-color: #0000;
  border: 0 solid #000;
  padding: 0;
}

.block-header {
  background-color: #0000;
  border-width: 0;
  margin-bottom: 7.5px;
  padding: 0;
}

.heading-414 {
  font-weight: 900;
}

.div-block-3538 {
  background-color: var(--white);
  border-radius: 5px;
  flex-direction: column;
  justify-content: flex-start;
  height: 30px;
  min-height: 25px;
  max-height: 300px;
  margin-bottom: 5px;
  padding: 0;
  transition: all .4s cubic-bezier(.68, -.55, .265, 1.55);
  display: flex;
  overflow: hidden;
}

.div-block-3538:hover {
  height: 175px;
  overflow: scroll;
}

.div-block-3539 {
  justify-content: flex-end;
  display: flex;
}

.text-block-346 {
  margin-right: 5px;
  font-weight: 900;
}

.text-block-347 {
  font-weight: 900;
}

.div-block-3540 {
  flex: 1;
  justify-content: space-between;
  margin-bottom: 5px;
  padding: 5px;
  display: flex;
  position: sticky;
  top: 0;
}

.div-block-3540-copy {
  flex: 1;
  justify-content: space-between;
  align-items: center;
  margin-left: 0;
  margin-right: -5px;
  display: flex;
}

.text-block-348 {
  flex: 1;
  font-weight: 700;
}

.block-content-3 {
  background-color: #0000;
  border: 1px #000;
  padding: 0;
}

.div-block-3541 {
  margin-left: -5px;
  display: flex;
  position: static;
  inset: -15px -5px auto auto;
}

.div-block-3539-copy {
  justify-content: flex-end;
  margin-right: 10px;
  display: flex;
  position: static;
}

.div-block-3542 {
  display: none;
}

.image-140 {
  width: 45px;
  margin-right: 5px;
}

.order-item-5 {
  margin-bottom: 0;
}

.order-item-list-3 {
  margin-bottom: 0;
  padding: 5px;
}

.order-items {
  margin-bottom: 0;
}

.section-72 {
  border-radius: 15px;
  min-height: 100px;
  margin-bottom: 10px;
  padding: 10px;
  position: relative;
}

.block-content-4 {
  background-color: #0000;
  border: 0 solid #000;
  padding: 0 20px;
  position: relative;
}

.uiminimal {
  border-style: none none solid;
  border-width: 0 0 1px;
  border-color: transparent transparent var(--hover-element-dynamic);
  background-color: #0000;
  border-radius: 0;
  position: relative;
}

.block-content-5 {
  background-color: #0000;
  border: 1px #000;
  padding: 15px;
}

.shipping-address {
  margin-bottom: 0;
}

.shipping-method {
  background-color: #0000;
  border: 1px #000;
}

.shipping-method-list {
  border: 1px #000;
}

.block-content-6 {
  background-color: #0000;
  border: 0 solid #000;
}

.payment-info-2 {
  margin-bottom: 0;
}

.billing-address {
  margin-top: 0;
  margin-bottom: 0;
}

.block-content-7 {
  background-color: #0000;
  border: 0 solid #000;
}

.web-payments-5-copy {
  border: .5px solid var(--hover-element-dynamic);
  background-color: var(--black);
  border: .5px solid var(--hover-element-dynamic);
  background-color: var(--black);
  border-radius: 15px;
  flex-direction: column;
  justify-content: center;
  align-items: stretch;
  min-height: 65px;
  padding-top: 8px;
  display: flex;
}

.web-payments-5-copy-copy {
  border: .5px solid var(--hover-element-dynamic);
  background-color: var(--black);
  border-radius: 15px;
  flex-direction: column;
  justify-content: center;
  align-items: stretch;
  min-height: 65px;
  padding-top: 8px;
  display: none;
}

.uicontainadvertismentaction {
  background-image: url("https://cdn.prod.website-files.com/5aa43322534e4a0001179757/6394479289f4b147ba1debca_Download_on_the_App_Store_Badge_US-UK_RGB_wht_092917.svg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 150px;
  min-height: 55px;
  margin: 15px;
  display: block;
}

.code {
  opacity: .5;
  background-image: none;
  border-style: none;
  border-width: 0;
  border-radius: 0;
  justify-content: center;
  align-items: center;
  width: auto;
  height: auto;
  margin: 15px;
  font-size: 10px;
  line-height: 10px;
  display: flex;
  position: absolute;
  inset: auto 0% 0%;
}

.div-block-3544 {
  margin: 15px;
}

.uiadvertismentforeground {
  background-image: url("https://cdn.prod.website-files.com/5aa43322534e4a0001179757/66b732499e96c2e8026da85b_OirclePodcastShowcase.png");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 400px;
  min-width: 400px;
  max-width: 400px;
  height: 400px;
  min-height: 400px;
  max-height: 400px;
  margin: 15px;
  position: relative;
}

.ipad-mini {
  background-image: url("https://cdn.prod.website-files.com/5aa43322534e4a0001179757/63a71ca2a56bae82096f0d98_Calculatr%20%7C%20Main%20View%20%7C%20iPad.png");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 700px;
  height: 500px;
}

.ipad-mini.overlap {
  margin-right: -40px;
}

.iphone-14-pro-max {
  background-image: url("https://cdn.prod.website-files.com/5aa43322534e4a0001179757/639ce2d1e553bf1fc87ec46f_Calculatr%20%7C%20Main%20View.svg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 250px;
  height: 450px;
}

.iphone-14-pro-max.overlap {
  margin-left: -40px;
}

.iphone-14-pro-max.fullwidth {
  opacity: 0;
  flex: 1;
  align-self: stretch;
  width: auto;
  height: auto;
  position: absolute;
  inset: 0%;
}

.iphone-14-pro-max.fullwidth._1 {
  opacity: 1;
  background-image: url("https://cdn.prod.website-files.com/5aa43322534e4a0001179757/63a96eb460216a31f79ef398_frame-000000.png");
}

.iphone-14-pro-max.fullwidth._2 {
  background-image: url("https://cdn.prod.website-files.com/5aa43322534e4a0001179757/63a96eb2ecd8265b6be0d042_frame-000001.png");
}

.iphone-14-pro-max.fullwidth._3 {
  background-image: url("https://cdn.prod.website-files.com/5aa43322534e4a0001179757/63a96eb4e473f361588f0389_frame-000002.png");
}

.iphone-14-pro-max.fullwidth._4 {
  background-image: url("https://cdn.prod.website-files.com/5aa43322534e4a0001179757/63a96eb2860562c39a26e754_frame-000003.png");
}

.iphone-14-pro-max.fullwidth._5 {
  background-image: url("https://cdn.prod.website-files.com/5aa43322534e4a0001179757/63a96eb40aa2447f3f9417ca_frame-000004.png");
}

.iphone-14-pro-max.fullwidth._6 {
  background-image: url("https://cdn.prod.website-files.com/5aa43322534e4a0001179757/63a96eb0c73ddf3316e0c4c9_frame-000005.png");
}

.iphone-14-pro-max.fullwidth._7 {
  background-image: url("https://cdn.prod.website-files.com/5aa43322534e4a0001179757/63a96eb49e3218390e8ad679_frame-000006.png");
}

.iphone-14-pro-max.fullscreen {
  background-image: url("https://cdn.prod.website-files.com/5aa43322534e4a0001179757/63fa1220300f0c855a85b0d2_Your%20Profile%20%20iPhone.png");
  width: 500px;
  height: 700px;
  margin-bottom: -200px;
  margin-right: 0;
}

.iphone-14-pro-max.fullscreen.overlap {
  margin-left: -80px;
  margin-right: -80px;
}

.iphone-14-pro-max-universal {
  z-index: 2;
  border: 0px solid var(--oircle-default-gry);
  background-image: url("https://cdn.prod.website-files.com/5aa43322534e4a0001179757/639cea17e553bfe63d7f5e88_Calculatr%20%7C%20Simple%20View.svg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  border-radius: 25px;
  width: 335px;
  min-width: 335px;
  height: 635px;
  min-height: 635px;
  margin: 7.5px -35.5px;
  position: relative;
}

.iphone-14-pro-max-universal.colour {
  background-image: url("https://cdn.prod.website-files.com/5aa43322534e4a0001179757/63a72156d3398d2dc391b756_Calculatr%20%7C%20Colour%20View.svg");
}

.div-block-3546 {
  background-color: #e4e4e480;
  border-radius: 15px;
  height: 125px;
  margin: 15px;
  display: block;
  position: relative;
  overflow: hidden;
}

.div-block-3547 {
  color: var(--white);
  text-align: right;
  flex-direction: column;
  justify-content: center;
  align-items: flex-end;
  margin: 15px;
  display: flex;
  position: absolute;
  inset: 0% 0% 0% auto;
}

.heading-415 {
  color: var(--white);
  font-weight: 400;
}

.ammount {
  opacity: 0;
  color: var(--white);
  position: absolute;
  inset: 0%;
}

.tipammount {
  background-color: #fe9501;
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  inset: 0%;
}

.percent {
  opacity: 0;
  color: var(--white);
  position: absolute;
}

.div-block-3548 {
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
  inset: 0%;
}

.div-block-3549 {
  padding: 25px 75px;
  display: block;
  position: relative;
}

.currencietoken {
  background-color: #e4e4e480;
  background-image: url("https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 15px;
  width: 250px;
  min-width: 250px;
  height: 125px;
  margin: 15px 6px;
  display: block;
  position: relative;
  overflow: hidden;
}

.currencietoken.usd {
  background-image: url("https://cdn.prod.website-files.com/5aa43322534e4a0001179757/63a841209e85361e48c6bda6_USA.svg");
}

.currencietoken.gbp {
  background-image: url("https://cdn.prod.website-files.com/5aa43322534e4a0001179757/63a8412060216a3afd8f2bfa_GBR.svg");
}

.currencietoken.aud {
  background-image: url("https://cdn.prod.website-files.com/5aa43322534e4a0001179757/63a84120f3ba37a575e79656_NZL.svg");
}

.currencietoken.cad {
  background-image: url("https://cdn.prod.website-files.com/5aa43322534e4a0001179757/63a84120c62947c9b2cd68f6_CAN.svg");
}

.div-block-3550 {
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  color: var(--white);
  border-radius: 15px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-end;
  padding: 15px;
  display: flex;
  position: absolute;
  inset: 0%;
}

.heading-417 {
  color: var(--white);
  text-shadow: 1px 1px 10px #00000080;
}

.div-block-3551 {
  flex-direction: row;
  justify-content: space-between;
  padding-left: 8px;
  padding-right: 13px;
  display: flex;
  overflow: scroll;
}

.div-block-3552 {
  background-image: url("https://cdn.prod.website-files.com/5aa43322534e4a0001179757/63a874c8c629470b60cfbf1d_pngwing.com.png");
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: auto;
  flex: 1;
}

.heading-418 {
  color: var(--white);
  text-shadow: 0 0 15px #00000026;
  font-size: 55px;
  line-height: 55px;
}

.div-block-3553 {
  background-image: url("https://cdn.prod.website-files.com/5aa43322534e4a0001179757/63a9baa1d827c55b1b18cc02_Single%20widget.png");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  min-width: 300px;
  min-height: 300px;
}

.div-block-3553.second {
  background-image: url("https://cdn.prod.website-files.com/5aa43322534e4a0001179757/63a9baa0c753bd59cf4f4092_double%20widget.png");
  margin-left: -100px;
}

.div-block-3554 {
  background-image: url("https://cdn.prod.website-files.com/5aa43322534e4a0001179757/63a71a219e8536bf31ba3978_Calculatr%20Showcase.png");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 85%;
  position: absolute;
  inset: 0%;
}

.div-block-3555 {
  border-radius: 15px;
  flex-direction: column;
  align-items: center;
  min-height: 500px;
  margin: 0 0 25px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.container-55 {
  padding: 25px;
}

.div-block-3556 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-flow: wrap;
  display: flex;
}

.div-block-3557 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex: 1;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: flex;
}

.checkbox-field-4 {
  background-color: var(--oircle-notification);
  color: var(--white);
  border-radius: 10px;
  justify-content: center;
  align-items: center;
  margin-bottom: 0;
  padding: 15px 30px;
  font-size: 20px;
  font-weight: 700;
  display: flex;
  position: relative;
}

.checkbox-field-4:hover {
  background-color: var(--element-dynamic);
  color: var(--oircle-notification);
}

.checkbox-4 {
  z-index: 1;
  border-color: var(--element-dynamic);
  border-radius: 10px;
  flex: 1;
  align-self: stretch;
  width: auto;
  height: auto;
  margin-top: 0;
  margin-left: 0;
  position: absolute;
  inset: 0%;
}

.checkbox-4.w--redirected-checked {
  border-color: var(--element-dynamic);
  background-color: #0dca00;
  background-image: none;
  border-radius: 10px;
}

.checkbox-label-6 {
  z-index: 2;
  margin-bottom: 0;
}

.text-field-16 {
  background-color: var(--element-dynamic);
  border-radius: 15px;
  min-height: 125px;
}

.form-9 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-direction: column;
  display: none;
}

.submit-button-13 {
  border: 1px solid var(--element-dynamic);
  background-color: var(--oircle-notification);
  border-radius: 10px;
  padding: 15px 30px;
  font-size: 20px;
}

.submit-button-13:hover {
  background-color: var(--element-dynamic);
  color: var(--oircle-notification);
}

.div-block-3559 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  border: 1px solid var(--element-dynamic);
  -webkit-backdrop-filter: brightness(59%) blur(10px);
  backdrop-filter: brightness(59%) blur(10px);
  border-radius: 15px;
  margin: 10px;
  padding: 5px;
  display: flex;
  position: absolute;
  inset: auto 0% 0%;
}

.div-block-3555-copy {
  background-image: url("https://cdn.prod.website-files.com/5aa43322534e4a0001179757/635cf9ebc8f1b222da9a1fa1_Application%20Promote.jpg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 15px;
  min-height: 600px;
  margin: 0 0 25px;
  overflow: hidden;
}

.video {
  background-image: url("https://cdn.prod.website-files.com/5aa43322534e4a0001179757/63aec6358792ab2c7fa1dcf9_Oircle%20Support%20Logo.jpg");
  background-position: 100% 0;
  background-repeat: no-repeat;
  background-size: cover;
  flex: 1;
  align-self: stretch;
}

.div-block-3561 {
  color: var(--white);
  flex: 1;
  min-width: 300px;
  padding: 5px 80px 5px 5px;
}

.heading-419 {
  color: var(--white);
  margin-top: 0;
  margin-bottom: 0;
}

.paragraph-196 {
  margin-top: 0;
  margin-bottom: 0;
}

.support-plus {
  border-radius: 15px;
  flex-direction: column;
  flex: 1;
  align-self: stretch;
  display: flex;
  position: absolute;
  inset: 0%;
  overflow: hidden;
}

.button-76 {
  color: var(--oircle-notification);
  background-color: #0000;
  margin-left: 0;
  margin-right: 0;
  padding: 0;
  display: flex;
}

.button-77 {
  border-color: var(--element-dynamic);
  background-color: var(--oircle-notification);
  color: var(--white);
  border-radius: 10px;
  flex: 1;
  justify-content: center;
  align-self: stretch;
  align-items: center;
  margin-left: 0;
  margin-right: 0;
  padding: 10px 25px;
  font-weight: 700;
  display: flex;
}

.button-77:hover {
  background-color: var(--element-dynamic);
  color: var(--oircle-notification);
}

.button-77.w--ecommerce-pill-selected {
  background-color: var(--active-green);
}

.button-group-7 {
  grid-column-gap: 7.5px;
  grid-row-gap: 7.5px;
  flex-direction: column;
  align-items: stretch;
  margin-bottom: 15px;
}

.div-block-3563 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  font-size: 10px;
  line-height: 12px;
  display: flex;
}

.text-block-349 {
  margin-left: 0;
  margin-right: -7px;
  font-weight: 900;
}

.buy-now-button-3 {
  border: 1px solid var(--element-dynamic);
  background-color: var(--oircle-notification);
  border-radius: 10px;
  justify-content: center;
  margin-top: 0;
  margin-left: 0;
  margin-right: 0;
  padding: 10px 30px;
  display: flex;
}

.buy-now-button-3:hover {
  background-color: var(--element-dynamic);
  color: var(--oircle-notification);
}

.div-block-3564 {
  color: var(--white);
  flex-direction: row;
  flex: 1;
  align-self: stretch;
  align-items: flex-start;
  display: flex;
}

.option-7 {
  font-size: 15px;
  line-height: 17px;
}

.default-state-20 {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  flex-direction: column;
  flex: 1;
  align-self: stretch;
  margin-bottom: 0;
  display: flex;
}

.text-block-349-copy {
  margin-left: 0;
  margin-right: -3px;
  font-weight: 900;
}

.button-78 {
  color: var(--white);
  background-color: #0000;
  border: 2px solid #0000;
  border-radius: 10px;
  flex-direction: column;
  flex: 1;
  justify-content: center;
  align-self: stretch;
  align-items: center;
  margin: 0;
  padding: 0;
  display: flex;
}

.button-78.w--ecommerce-pill-selected {
  border-color: var(--active-green);
  color: var(--active-green);
  background-color: #0000;
}

.div-block-3565 {
  font-weight: 700;
  display: flex;
}

.div-block-3565:hover {
  color: var(--element-dynamic);
}

.text-block-350 {
  margin-left: 4px;
  margin-right: 4px;
}

.collection-list-wrapper-72, .collection-list-103 {
  flex: 1;
  align-self: stretch;
  display: flex;
}

.collection-item-89 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex: 1;
  align-self: stretch;
  display: flex;
}

.add-to-cart-10 {
  flex: 1;
  align-self: stretch;
  max-width: 225px;
  display: flex;
}

.option-list-10 {
  flex: 1;
}

.div-block-3560-copy {
  background-image: url("https://cdn.prod.website-files.com/5aa43322534e4a0001179757/635cf9ebc8f1b222da9a1fa1_Application%20Promote.jpg");
  background-position: 100%;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 10px;
  width: 100px;
  height: 100px;
}

.div-block-3567 {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  display: flex;
}

.success-message-13 {
  background-color: var(--element-dynamic);
  border-radius: 15px;
  margin-top: 10px;
}

.error-message-13 {
  color: var(--dismiss-element);
  background-color: #0000;
  padding: 0;
  font-weight: 700;
}

.form-10 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-direction: column;
  display: flex;
}

.div-block-3568 {
  align-items: flex-start;
  display: flex;
}

.paragraph-197 {
  margin-top: 0;
  margin-bottom: 0;
  font-weight: 700;
}

.heading-420 {
  margin-right: 5px;
  font-weight: 400;
}

.div-block-3569 {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  align-items: flex-start;
  display: flex;
}

.div-block-3570 {
  background-image: url("https://cdn.prod.website-files.com/5aa43322534e4a0001179757/63aedd06917c0c040c41b4e0_bubble.left.and.exclamationmark.bubble.right.fill.svg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 150px;
  min-width: 150px;
  height: 150px;
  min-height: 150px;
}

.paragraph-198 {
  margin-top: 0;
  margin-bottom: 10px;
}

.div-block-3571 {
  flex-direction: column;
  flex: 1;
  min-width: 300px;
  display: flex;
}

.form-block-9 {
  margin-top: 15px;
}

.container-56 {
  grid-column-gap: 25px;
  grid-row-gap: 25px;
  flex-direction: column;
  padding-top: 0;
  padding-bottom: 0;
  display: flex;
}

.list-2 {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  flex-direction: column;
  list-style-type: square;
  display: flex;
}

.oircle-support-introduction-contain-copy {
  background-image: url("https://cdn.prod.website-files.com/5aa43322534e4a0001179757/63b1501059086b2d57724b10_Oircle%20Store%20%7C%20Promo%20.png");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100vw;
  height: 75vh;
  display: flex;
}

.text-span-86 {
  font-weight: 900;
}

.div-block-3573 {
  background-image: url("https://cdn.prod.website-files.com/5aa43322534e4a0001179757/63b00dba10dd57613129e257_Woman.jpeg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  justify-content: center;
  align-items: center;
  max-width: 100vw;
  height: 100vh;
  display: flex;
  position: fixed;
  inset: 0%;
}

.heading-422 {
  color: #204100;
  text-align: center;
  margin-top: auto;
  margin-bottom: auto;
  font-size: 7em;
  line-height: 100px;
}

.div-block-3574 {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  flex-direction: column;
  align-items: center;
  max-width: 100vw;
  margin-top: 100vh;
  padding: 25px;
  display: flex;
  position: absolute;
  inset: 0%;
}

.div-block-3575 {
  width: 190px;
  height: 200px;
  margin-top: 25px;
  margin-bottom: 25px;
  position: relative;
  overflow: hidden;
}

.paragraph-199 {
  text-align: center;
  width: 50%;
  margin-top: 0;
  margin-bottom: 0;
}

.div-block-3576 {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  width: 100vw;
  max-width: 100vw;
  min-height: 600px;
  max-height: 600px;
  padding-left: 0;
  padding-right: 0;
  display: flex;
}

.div-block-3577 {
  flex-direction: column;
  align-self: stretch;
  margin-top: 90px;
  display: flex;
}

.link-block-105 {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  border: 1px solid var(--element-dynamic);
  background-color: var(--white-smoke);
  border-radius: 20px;
  flex-direction: column;
  width: 400px;
  margin-left: 0;
  margin-right: 0;
  padding: 15px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.div-block-3578 {
  background-image: url("https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 89px;
  min-width: 89px;
  height: 89px;
  min-height: 89px;
  margin: 15px;
}

.heading-423 {
  color: var(--oircle-notification);
  margin-top: 0;
  margin-bottom: 0;
}

.heading-424 {
  margin-top: 0;
  margin-bottom: 0;
}

.div-block-3579 {
  z-index: 1;
  border: 2px solid var(--element-dynamic);
  background-color: var(--white-smoke);
  background-image: url("https://cdn.prod.website-files.com/5aa43322534e4a0001179757/5f718a7ed418d2fedd554b62_icons8-plus_math.png");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 50%;
  border-radius: 50%;
  margin: 15px;
  padding: 28px;
  position: absolute;
  inset: auto 0% 0% auto;
}

.collection-list-104 {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  flex: 1;
  padding-bottom: 15px;
  padding-left: 10%;
  padding-right: 15px;
  display: flex;
  overflow: scroll;
}

.container-57 {
  color: var(--oircle-grim-gry);
  flex-direction: column;
  align-items: center;
  display: flex;
}

.collection-item-91 {
  display: flex;
}

.div-block-3580 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  opacity: 0;
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  border-radius: 15px;
  flex-direction: column;
  padding: 20px 20px 101px;
  display: flex;
  position: absolute;
  inset: 0%;
  overflow: scroll;
}

.text-block-351 {
  margin-top: 0;
}

.button-79 {
  z-index: 1;
  border: 1px solid var(--element-dynamic);
  background-color: var(--oircle-notification);
  color: var(--white);
  border-radius: 15px;
  width: 75%;
  margin: 15px;
  padding: 20px 15px;
  position: absolute;
  inset: auto 0% 0%;
}

.button-79:hover {
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  background-color: #0000;
}

.button-79:visited {
  background-color: var(--active-green);
  background-image: url("https://cdn.prod.website-files.com/5aa43322534e4a0001179757/63b142949c2695b2e5cd5b3e_checkmark.seal.fill.png");
  background-position: 15px;
  background-repeat: no-repeat;
  background-size: 30px;
  padding-left: 55px;
}

.lottie-animation-23 {
  width: 700px;
  min-width: 700px;
  height: 300px;
  margin-top: -50px;
  margin-left: -20px;
  position: absolute;
  inset: 0%;
}

.heading-425 {
  color: var(--white-smoke);
}

.div-block-3581 {
  background-image: url("https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 50px;
  width: 100px;
  height: 100px;
  margin: 10px;
  position: absolute;
  inset: auto 0% 0% auto;
}

.div-block-3582 {
  opacity: .5;
  background-image: url("https://cdn.prod.website-files.com/5aa43322534e4a0001179757/63cd0e47b086d4c67cef3f46_QRCode.svg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: auto;
  width: 200px;
  height: 200px;
  margin-left: auto;
  margin-right: auto;
  position: absolute;
}

.div-block-3583 {
  justify-content: center;
  align-items: center;
  width: 200px;
  min-height: 200px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: relative;
}

.div-block-3582-copy {
  width: 200px;
  height: 200px;
  margin-left: auto;
  margin-right: auto;
  position: absolute;
}

.container-58 {
  text-align: center;
  flex-direction: column;
  align-items: center;
  margin-top: 135px;
  padding: 25px;
}

.div-block-3584 {
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  display: flex;
}

.div-block-3585 {
  background-image: url("https://cdn.prod.website-files.com/5aa43322534e4a0001179757/63cd147d1a2c8409c9763c04_iPhone%2014%20Pro%20Max%20-%20Silver%20-%20Portrait%20-%20Oircle%20Support%20-%20Calculatr.svg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 300px;
  height: 550px;
  margin: 5px;
}

.div-block-3585.main {
  background-image: url("https://cdn.prod.website-files.com/5aa43322534e4a0001179757/63cd147cd7632e52325020f2_iPhone%2014%20Pro%20Max%20-%20Silver%20-%20Portrait%20-%20Oircle%20Support%20-%20Message.svg");
  margin-left: -90px;
  margin-right: -90px;
  position: relative;
}

.div-block-3585.last {
  background-image: url("https://cdn.prod.website-files.com/5aa43322534e4a0001179757/63cd147dd7632e65885020f7_iPhone%2014%20Pro%20Max%20-%20Silver%20-%20Portrait%20-%20Oircle%20Store%20App%20-%20Begin%20Order.svg");
  margin-right: -95px;
}

.div-block-3585.first {
  background-image: url("https://cdn.prod.website-files.com/5aa43322534e4a0001179757/63cd147c440ed706dbf20fd0_iPhone%2014%20Pro%20Max%20-%20Silver%20-%20Portrait%20-%20Oircle%20Store%20-%20Begin%20Order.svg");
}

.div-block-3586 {
  flex-flow: wrap;
  align-items: flex-start;
  padding: 30px;
  display: flex;
}

.div-block-3587 {
  text-align: left;
  flex: 1;
  min-width: 400px;
  padding-left: 10px;
  position: relative;
}

.div-block-3588 {
  width: 100px;
  height: 100px;
  margin-left: -10px;
}

.div-block-3588.smartlink {
  position: relative;
}

.div-block-3589 {
  opacity: .5;
  background-image: url("https://cdn.prod.website-files.com/5aa43322534e4a0001179757/63cd0e47b086d4c67cef3f46_QRCode.svg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  inset: 0%;
}

.uiadvertismenttitle {
  margin-bottom: 0;
}

.div-block-3590 {
  border: .7px solid var(--white-smoke);
  background-color: var(--white);
  border-radius: 20px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 75px;
  min-width: 75px;
  max-width: 75px;
  height: 75px;
  min-height: 75px;
  max-height: 75px;
  margin: 10px;
  display: flex;
}

.div-block-3591 {
  justify-content: center;
  align-items: center;
  display: flex;
}

.div-block-3592 {
  text-align: left;
}

.text-block-352 {
  color: var(--oircle-default-gry);
  font-size: 13px;
  line-height: 13px;
}

.day {
  color: var(--black);
  flex: 1;
  justify-content: center;
  align-self: stretch;
  align-items: center;
  font-size: 45px;
  display: flex;
}

.month {
  color: var(--dismiss-element);
  margin-top: 10px;
  font-size: 13px;
  line-height: 13px;
}

.text-span-87 {
  font-weight: 700;
}

.on {
  flex-direction: column;
  margin: 15px;
  display: flex;
  position: absolute;
  inset: auto 0% 0%;
}

.text-block-353 {
  font-weight: 700;
}

.uiherodevicesolor {
  z-index: 2;
  border: 0px solid var(--oircle-default-gry);
  background-image: url("https://cdn.prod.website-files.com/5aa43322534e4a0001179757/63fa121f69b16e3fefd00845_Home%20%20iPhone.png");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  border-radius: 25px;
  width: 335px;
  min-width: 335px;
  height: 635px;
  min-height: 635px;
  margin: 7.5px -55.5px;
  position: relative;
}

.uiherodevicesolor.left {
  background-image: url("https://cdn.prod.website-files.com/5aa43322534e4a0001179757/63fa12201d416a8bad7c7d7e_Preview%20Profile%20Edit%20%20iPhone.png");
}

.iphonesolor {
  background-image: url("https://cdn.prod.website-files.com/5aa43322534e4a0001179757/63a9baa1d827c55b1b18cc02_Single%20widget.png");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  min-width: 300px;
  min-height: 500px;
}

.iphonesolor.compose {
  background-image: none;
  min-width: 600px;
  min-height: 900px;
  position: absolute;
}

.iphonesolor.feed {
  background-image: url("https://cdn.prod.website-files.com/5aa43322534e4a0001179757/63fa121f69b16e3fefd00845_Home%20%20iPhone.png");
  min-width: 600px;
  min-height: 900px;
  margin-top: -54px;
  position: absolute;
}

.uicardinformationpreviewcontain-copy {
  justify-content: center;
  align-items: flex-start;
  min-width: 350px;
  min-height: 500px;
  max-height: 500px;
  margin-top: 0;
  margin-bottom: 0;
  padding: 0 50px 50px;
  display: flex;
  position: relative;
}

.uicardinformationpreviewcontain-copy.swap {
  align-items: flex-end;
}

.uicardinformationpreviewcontain-copy.swap.no-padding {
  padding-bottom: 0;
}

.uicardinformationpreviewcontain-copy.no-padding {
  align-items: center;
  padding-top: 31px;
  padding-bottom: 31px;
}

.uicardinformationsolor {
  flex-direction: column;
  align-self: stretch;
  padding-bottom: 0;
  display: flex;
  position: static;
}

.uicardinformationpreviewcontainsoloropp {
  justify-content: center;
  align-items: center;
  min-width: 350px;
  min-height: 350px;
  margin-top: 0;
  margin-bottom: 0;
  display: flex;
  position: relative;
}

.heading-418-copy {
  font-size: 55px;
  line-height: 55px;
}

.heading-427 {
  color: var(--white);
}

.uicontainadvertismentinformative {
  background-color: var(--white);
  color: var(--black);
  border: 1px solid #000;
  border-radius: 9px;
  margin: 10px;
  padding: 10px 20px;
  font-weight: 400;
  display: inline-block;
}

.dynamiccontainer {
  z-index: 111;
  flex-direction: row;
  justify-content: center;
  align-items: stretch;
  width: 500px;
  margin: 0 auto;
  padding: 20px;
  display: none;
  position: fixed;
  inset: 0% 0% auto;
}

.dynamicmenu {
  border: .2px solid var(--element-dynamic);
  border-radius: 20px;
  flex: 1;
  min-height: 55px;
  max-height: 95vh;
  margin-left: 0;
  margin-right: 0;
  padding: 0;
  position: relative;
  overflow: scroll;
}

.dynamicmenubackground {
  border-radius: 20px;
  display: block;
  position: absolute;
  inset: 0%;
  overflow: hidden;
}

.dark {
  opacity: 0;
  background-color: #0d0d0d;
  border-radius: 20px;
  position: absolute;
  inset: 0%;
}

.staticlinks {
  z-index: 1;
  background-color: #0000;
  justify-content: space-between;
  align-items: stretch;
  display: flex;
  position: sticky;
  top: 0;
}

.nav-menu-3 {
  background-color: #0000;
  flex-direction: row;
  flex: 1;
  justify-content: center;
  align-items: center;
  padding-left: 0;
  display: flex;
  position: static;
}

.nav-link-2 {
  z-index: 1;
  color: var(--oircle-default-gry);
  text-align: center;
  cursor: none;
  border-radius: 20px;
  flex: 1;
  justify-content: center;
  align-items: center;
  height: 55px;
  margin: 0;
  padding: 0;
  font-family: SF Pro Display, sans-serif;
  font-weight: 700;
  display: flex;
  position: relative;
}

.nav-link-2:hover {
  color: var(--white);
  text-shadow: 0 0 20px #0000001a;
  background-image: linear-gradient(#80808080, #80808080);
}

.nav-link-2:focus-visible, .nav-link-2[data-wf-focus-visible] {
  outline-color: var(--oircle-notification);
  outline-offset: 3px;
  color: var(--white);
  text-shadow: 0 0 20px #0003;
  background-image: linear-gradient(#80808080, #80808080);
  outline-width: 3px;
  outline-style: none;
}

.nav-link-2.menuicon {
  flex: 0 auto;
  font-size: 20px;
}

.nav-link-2.menuicon.search {
  z-index: 5;
  align-self: stretch;
  width: 60px;
  transition: all .5s;
  position: absolute;
  inset: 0% auto 0% 0%;
}

.nav-link-2.menuicon.search:hover {
  width: 100%;
}

.nav-link-2.menuicon.menucart {
  flex-direction: row;
  order: 1;
  justify-content: center;
  align-items: stretch;
  height: auto;
  min-height: 55px;
  padding: 0;
  font-weight: 300;
  display: flex;
  position: static;
}

.nav-link-2.token {
  display: none;
}

.nav-link-2.token:visited {
  display: flex;
}

.cart-3 {
  flex-direction: column;
  flex: 1;
  justify-content: center;
  align-self: stretch;
  padding: 0;
  display: flex;
  position: static;
}

.basket {
  color: var(--oircle-default-gry);
  background-color: #0000;
  flex: 1;
  justify-content: center;
  max-width: 55px;
  max-height: 55px;
  margin-left: 0;
  margin-right: 0;
  padding: 0;
  font-size: 20px;
  font-weight: 700;
  position: relative;
}

.basket:hover {
  color: var(--white);
  text-shadow: 0 0 20px #0000001a;
}

.basket:focus-visible, .basket[data-wf-focus-visible] {
  outline-color: var(--oircle-notification);
  outline-offset: 3px;
  color: var(--white);
  text-shadow: 0 0 25px #0003;
  background-image: linear-gradient(#00000080, #00000080);
  border-radius: 20px;
  outline-width: 3px;
  outline-style: none;
}

.cart-quantity-6 {
  opacity: 0;
  color: var(--dismiss-element);
  background-color: #0000;
  justify-content: center;
  align-items: center;
  min-width: 20px;
  height: 20px;
  margin-bottom: 15px;
  margin-left: 20px;
  font-size: 15px;
  line-height: 15px;
  display: flex;
  position: absolute;
}

.default-state-21 {
  color: var(--oircle-default-gry);
  flex-direction: column;
  align-self: stretch;
  margin-bottom: 0;
}

.search-button-17 {
  display: none;
}

.search-21 {
  flex: 1;
  justify-content: center;
  align-self: stretch;
  align-items: stretch;
  margin-bottom: 0;
  display: flex;
  position: absolute;
  inset: 0%;
}

.search-input {
  background-color: #0000;
  border: 0 #000;
  align-self: stretch;
  height: 100%;
  margin-bottom: 0;
  padding-left: 60px;
}

.text-block-356 {
  justify-content: center;
  align-items: center;
  width: 65px;
  display: flex;
  position: absolute;
  inset: 0% auto 0% 0%;
}

.div-block-3597 {
  border-radius: 20px;
  flex: 1;
  padding-left: 60px;
  display: flex;
}

.text-block-358 {
  opacity: 0;
  font-size: 20px;
  position: absolute;
}

.text-block-358-copy {
  position: absolute;
}

.apple-pay-2 {
  flex: 1;
}

.heading-429, .heading-430, .heading-431, .heading-432 {
  margin-right: auto;
}

.ceramic-shield {
  z-index: 3;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 60%;
  margin-top: 0;
  margin-left: 0;
  margin-right: 0;
  display: flex;
  position: absolute;
  inset: auto 0% 0%;
}

.ceramic-shield-3 {
  z-index: 1;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 60%;
  margin-top: 0;
  margin-left: 0;
  margin-right: 0;
  display: flex;
  position: absolute;
  inset: auto 0% 0%;
}

.durable-part-2 {
  z-index: 2;
  background-color: #f5f5f8;
  justify-content: center;
  align-items: center;
  height: 100%;
  padding-left: .5rem;
  padding-right: .5rem;
  display: flex;
  position: absolute;
  inset: auto 0% 0%;
}

.ceramic-shield-image {
  object-fit: cover;
  width: auto;
  height: 100%;
  margin-bottom: 0;
}

.color {
  background-color: #b9cfe4;
  border: 2px solid #fff;
  border-radius: 100rem;
  align-self: flex-start;
  width: 2.5rem;
  height: 2.5rem;
  margin-right: 1rem;
}

.color:hover {
  box-shadow: 1px 1px 20px -3px #0000003b;
}

.color._2nd {
  background-color: #e7bce0;
}

.color._3rd {
  background-color: #303030;
  margin-right: 0;
}

.ceramic-shield-text {
  align-self: auto;
  align-items: flex-start;
  display: flex;
}

.color-text {
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  inset: 0%;
}

.color-text.black, .color-text.pink {
  display: none;
}

.image-7 {
  object-fit: contain;
  align-self: flex-start;
  height: 100%;
}

.wallpaper-2 {
  z-index: 2;
  justify-content: center;
  align-self: flex-end;
  align-items: center;
  height: auto;
  display: flex;
  position: absolute;
  inset: auto 0% 0%;
}

.grid-2 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template: "."
                 "."
                 "."
                 / 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  place-content: stretch;
  place-items: stretch stretch;
  width: 100%;
  height: auto;
  padding: 20px;
  display: grid;
}

.slider-nav-custom {
  background-color: #0000;
  justify-content: center;
  align-items: center;
  margin-top: 2rem;
  display: flex;
  position: absolute;
  inset: auto 0% 14%;
}

.margin-top {
  margin-bottom: 0;
  margin-left: 0;
  margin-right: 0;
}

.margin-top.margin-medium {
  position: absolute;
  inset: auto 0% 4%;
}

.iphone-camera-3 {
  z-index: 1;
  object-fit: cover;
  background-image: url("https://cdn.prod.website-files.com/5aa43322534e4a0001179757/63ff0a75667d13f5acff468f_gallery_camera_midnight__d0ovagke8niq_large.jpeg");
  background-position: 0 0;
  background-size: cover;
  justify-content: flex-end;
  align-self: flex-end;
  width: 90%;
  height: 90%;
  display: block;
  position: absolute;
  inset: auto 0% 0% auto;
}

.iphone-camera-2 {
  z-index: 2;
  object-fit: cover;
  background-image: url("https://cdn.prod.website-files.com/5aa43322534e4a0001179757/63ff0a75667d1311e0ff468a_gallery_camera_purple__d7uq476672qa_large.jpeg");
  background-position: 0 0;
  background-size: cover;
  justify-content: flex-end;
  align-self: flex-end;
  width: 90%;
  height: 90%;
  display: block;
  position: absolute;
  inset: auto 0% 0% auto;
}

.slider-item {
  border-radius: 1.5rem;
  width: auto;
  height: auto;
  padding: 2rem 1.5rem;
  position: relative;
  overflow: hidden;
}

.slider-item.flex-horizontal {
  border: 1px #000;
  justify-content: space-around;
  align-items: center;
  height: 20rem;
  padding: 0 1.5rem;
  display: flex;
}

.slider-item.flex-horizontal.flex-vertical {
  flex-direction: column;
  justify-content: space-between;
  height: 50px;
  padding-top: 2rem;
  padding-bottom: 24.1rem;
  position: relative;
}

.slider-item.flex-horizontal.right-aligned {
  justify-content: flex-end;
  height: 20rem;
}

.slider-item.first {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 100%;
  padding-top: 0;
  padding-bottom: 0;
  display: flex;
}

.second-iphone {
  z-index: 2;
  justify-content: center;
  align-items: center;
  height: 90%;
  padding: 0 4.3rem;
  display: flex;
  position: absolute;
  inset: 0% 0% auto;
}

.text-size-large-2 {
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 2.2rem;
  font-weight: 700;
  line-height: 1.2;
  text-decoration: none;
}

.text-size-large-2.text-align-center.extra-top-margin {
  margin-top: 0;
  font-size: 3rem;
}

.durable-part {
  z-index: 3;
  justify-content: center;
  align-items: center;
  height: 100%;
  padding-left: .5rem;
  padding-right: .5rem;
  display: flex;
  position: absolute;
  inset: auto 0% 0%;
}

.first-iphone {
  z-index: 3;
  object-fit: contain;
  justify-content: center;
  align-items: flex-start;
  height: 90%;
  padding: 0 4rem;
  display: flex;
  position: absolute;
  inset: 0% 0% auto;
}

.text-size-medium-2 {
  text-transform: none;
  font-size: 1.25rem;
}

.text-size-medium-2.text-color-grey.text-align-center {
  z-index: 100;
  position: static;
}

.image-class {
  align-self: flex-end;
  height: 80%;
}

.durable-part-3 {
  z-index: 1;
  background-color: #f5f5f8;
  justify-content: center;
  align-items: center;
  height: 100%;
  padding-left: .5rem;
  padding-right: .5rem;
  display: flex;
  position: absolute;
  inset: auto 0% 0%;
}

.spills {
  z-index: 3;
  flex-direction: column;
  flex: 1;
  justify-content: space-around;
  align-items: center;
  padding-top: 6rem;
  padding-bottom: 0;
  display: flex;
  position: absolute;
  inset: 0% 0% auto;
}

.third-iphone {
  z-index: 1;
  justify-content: center;
  align-items: center;
  height: 90%;
  padding: 0 4rem;
  display: flex;
  position: absolute;
  inset: 0% 0% auto;
}

.image-142 {
  width: auto;
  height: 60%;
}

.ceramic-shield-2 {
  z-index: 2;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 60%;
  margin-top: 0;
  margin-left: 0;
  margin-right: 0;
  display: flex;
  position: absolute;
  inset: auto 0% 0%;
}

.durable-text {
  width: auto;
  margin-left: 1rem;
}

.heading-2 {
  align-self: auto;
  margin-right: 1rem;
}

.wallpaper {
  z-index: 3;
  justify-content: center;
  align-self: flex-end;
  align-items: center;
  height: auto;
  display: flex;
  position: absolute;
  inset: auto 0% 0%;
}

.wallpaper-3 {
  z-index: 1;
  justify-content: center;
  align-self: flex-end;
  align-items: center;
  height: auto;
  display: flex;
  position: absolute;
  inset: auto 0% 0%;
}

.iphone-camera {
  z-index: 3;
  object-fit: cover;
  background-image: url("https://cdn.prod.website-files.com/5aa43322534e4a0001179757/63ff0a75667d1351d5ff4678_gallery_camera_blue__wjwphz5g2tua_large.jpeg");
  background-position: 0 0;
  background-size: cover;
  justify-content: flex-end;
  align-self: flex-end;
  width: 90%;
  height: 90%;
  display: block;
  position: absolute;
  inset: auto 0% 0% auto;
}

.trigger_icon {
  max-width: 24px;
  height: 17px;
}

.triggers-wrapper_title {
  -webkit-text-fill-color: transparent;
  background-image: linear-gradient(to top, #bd52ff, #f4a5ff);
  -webkit-background-clip: text;
  background-clip: text;
  font-size: 18px;
  font-weight: 700;
}

.di-lock {
  z-index: 1;
  opacity: 0;
  white-space: nowrap;
  justify-content: flex-start;
  align-items: flex-end;
  width: 100%;
  height: 100%;
  padding-bottom: 8px;
  display: flex;
  position: absolute;
  inset: 0%;
  overflow: hidden;
}

.device-container {
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

.padding-global {
  padding-left: 2.5rem;
  padding-right: 2.5rem;
}

.dyanamic-island-components {
  width: 100%;
  height: 100%;
  position: relative;
}

.dyanamic-island_text {
  color: #fff;
  letter-spacing: .44px;
  white-space: nowrap;
  flex: none;
  font-size: 30px;
  font-weight: 400;
  line-height: 1;
}

.dyanamic-island_text.fc-navajo {
  color: #f9cc71;
}

.dl-lock_icon-static {
  z-index: 1;
  width: 23px;
  margin-top: -5px;
  position: absolute;
}

.di-music_contracted {
  flex: none;
  width: 98%;
  margin-top: 6px;
  position: absolute;
}

.dl-lock_icon-open {
  z-index: 1;
  height: 32px;
  margin-top: -5px;
  position: absolute;
}

.dyanamic-island-block {
  z-index: 1;
  border-radius: 48px;
  justify-content: center;
  align-items: center;
  width: 864px;
  height: 832px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: absolute;
  overflow: hidden;
}

.triggers-wrapper {
  grid-column-gap: 40px;
  border-top: .5px solid #cecece;
  border-bottom: 1px solid #cecece;
  justify-content: space-between;
  align-items: center;
  max-width: 960px;
  margin-bottom: 72px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 24px;
  padding-bottom: 24px;
  font-size: 16px;
  font-weight: 500;
  line-height: 1;
  display: flex;
}

.global-styles {
  display: block;
  position: fixed;
  inset: 0% auto auto 0%;
}

.di-music, .di-flighty {
  z-index: 0;
  opacity: 0;
  white-space: nowrap;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  padding-bottom: 8px;
  display: flex;
  position: absolute;
  inset: 0%;
  overflow: visible;
}

.di-music_expanded {
  z-index: 1;
  cursor: pointer;
  flex: none;
  width: 95%;
  margin-top: 30px;
  margin-left: auto;
  margin-right: auto;
  position: absolute;
  inset: 0%;
}

.dyanamic-island-bg {
  z-index: 0;
  background-color: #f5f5f7;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  height: 100%;
  padding-top: 160px;
  display: flex;
  position: absolute;
  inset: 0%;
  overflow: hidden;
}

.dyanamic-island-notch {
  z-index: 1;
  color: #fffc33;
  background-color: #000;
  border-radius: 100px;
  justify-content: center;
  align-items: center;
  width: 82%;
  height: 78px;
  margin-top: 28px;
  margin-left: auto;
  margin-right: auto;
  padding: 0;
  display: flex;
  position: absolute;
  inset: 0% 0% auto;
  overflow: hidden;
}

.device-mockup_image {
  width: 100%;
  height: 100%;
}

.di-call_contracted {
  flex: none;
  width: 100%;
  position: absolute;
}

.dyanamic-island-wrapper {
  width: 100%;
  height: 100%;
  padding-left: 24.5px;
  padding-right: 24.5px;
  position: relative;
}

.dyanamic-island-bg_date {
  z-index: 1;
  filter: brightness(130%);
  position: absolute;
}

.di-charging {
  z-index: 0;
  opacity: 0;
  white-space: nowrap;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
  position: absolute;
  inset: 0%;
  overflow: hidden;
}

.right-side {
  z-index: 3;
  flex: none;
  width: auto;
  height: 26px;
  position: relative;
}

.device-mockup {
  z-index: 2;
  width: 100%;
  height: 100%;
  position: relative;
}

.device-group {
  justify-content: center;
  align-items: flex-end;
  width: 974px;
  height: 876px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: relative;
}

.page-wrapper {
  margin-top: 100px;
  display: none;
  position: fixed;
  inset: 0%;
}

.triggers-container {
  grid-column-gap: 22px;
  grid-row-gap: 22px;
  align-items: center;
  display: flex;
}

.device-container_gradient {
  z-index: 3;
  background-image: linear-gradient(to top, #000, #0000);
  width: 100%;
  height: 427px;
  position: absolute;
  inset: auto 0% 0%;
}

.status-bar {
  z-index: 1;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  margin-top: 44px;
  margin-left: 0;
  margin-right: 0;
  padding: 0 84px;
  display: flex;
  position: absolute;
  inset: 0% 0% auto;
}

.trigger {
  grid-column-gap: 8px;
  cursor: pointer;
  justify-content: center;
  align-items: center;
  padding: 5px;
  font-weight: 500;
  line-height: 1;
  transition: transform .4s;
  display: flex;
}

.trigger:hover {
  color: #f5f5f7;
  transform: scale(1.05);
}

.padding-top {
  padding-bottom: 0;
  padding-left: 0;
  padding-right: 0;
}

.di-call {
  z-index: 1;
  opacity: 0;
  white-space: nowrap;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  padding-bottom: 8px;
  display: flex;
  position: absolute;
  inset: 0%;
  overflow: hidden;
}

.di-flighty_contracted {
  flex: none;
  width: 98%;
  margin-top: 6px;
  position: absolute;
}

.di-call_expanded {
  z-index: 1;
  cursor: pointer;
  flex: none;
  width: 100%;
  margin-top: 10px;
  position: absolute;
  inset: 0%;
}

.dyanamic-island-notch_inner {
  width: 100%;
  height: 100%;
  padding: 15px 30px;
  position: relative;
  overflow: hidden;
}

.right-side_img {
  width: 100%;
  height: 100%;
}

.left-side {
  z-index: 3;
  flex: none;
  height: 40px;
  margin-top: -2px;
  margin-left: -12px;
}

.right-side_border {
  z-index: 3;
  background-color: #f5f5f780;
  border-radius: 2px;
  width: 75%;
  height: 4px;
  margin-left: auto;
  margin-right: auto;
  position: absolute;
  inset: auto 0% -20px;
}

.dl-lock_icon-close {
  z-index: 0;
  height: 32px;
  margin-top: -5px;
  position: absolute;
}

.dyanamic-island-bg_charging {
  z-index: 0;
  object-fit: cover;
  object-position: 50% 2%;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.di-chg_right {
  grid-column-gap: 14px;
  grid-row-gap: 14px;
  flex: none;
  align-items: center;
  display: flex;
}

.di-flighty_expanded {
  z-index: 1;
  cursor: pointer;
  flex: none;
  width: 95%;
  margin-top: 30px;
  margin-left: auto;
  margin-right: auto;
  position: absolute;
  inset: 0%;
}

.container-large {
  width: 100%;
  max-width: 1060px;
  margin-left: auto;
  margin-right: auto;
}

.heading-434, .heading-435, .heading-436, .heading-437 {
  margin-top: 1.25px;
  margin-bottom: 1.25px;
}

.couponcodebutton {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  opacity: 0;
  align-items: center;
  margin: 0;
  padding: 0;
  display: none;
  position: absolute;
  inset: 0%;
}

.div-block-3605 {
  border-radius: 20px;
  justify-content: center;
  align-self: stretch;
  align-items: center;
  width: 65px;
  padding: 15px;
  display: flex;
}

.text-block-359 {
  font-size: 25px;
}

.div-block-3606 {
  flex: 1;
  padding-top: 15px;
  padding-bottom: 15px;
  padding-right: 15px;
}

.text-block-360 {
  color: var(--oircle-default-gry);
  font-weight: 400;
}

.dynamicoverview {
  z-index: 1;
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  margin: 0;
  padding: 5px 5px 5px 10px;
  display: none;
  position: absolute;
  inset: 0% 0% auto;
  overflow: visible;
}

.div-block-3607 {
  background-color: var(--white);
  background-image: url("https://cdn.prod.website-files.com/5aa43322534e4a0001179757/63fdc68f4c9290184d520f84_unisex-organic-raglan-sweatshirt-black-front-6328642f22166.png");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 75%;
  border-radius: 20px;
  width: 100px;
  min-width: 100px;
  max-width: 100px;
  height: 100px;
  min-height: 100px;
  max-height: 100px;
}

.paragraph-200 {
  height: 76px;
  font-weight: 400;
  overflow: hidden;
}

.heading-438 {
  margin-top: 0;
  margin-bottom: 0;
  font-weight: 900;
}

.div-block-3608 {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  display: flex;
}

.heading-438-copy {
  margin-top: 0;
  margin-bottom: 0;
  font-weight: 700;
}

.uicontain {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  display: flex;
}

.uicontain.scrollenabled {
  justify-content: flex-start;
  padding: 7.5px 7.5px 7.5px 20px;
  overflow: scroll;
}

.uicontainadvertisment {
  border: .5px solid var(--hover-element-dynamic);
  background-color: #0000;
  background-image: url("https://cdn.prod.website-files.com/5aa43322534e4a0001179757/66b4f69244efd0f38ce7d01b_colour.png");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 15px;
  flex-wrap: wrap;
  flex: 1;
  justify-content: space-around;
  align-self: stretch;
  align-items: center;
  margin: 20px;
  padding: 40px;
  display: flex;
  position: relative;
}

.uiadvertismenttoken {
  background-color: var(--white-smoke);
  color: var(--oircle-default-gry);
  border-radius: 7px;
  margin: 10px;
  padding: 5px 15px;
  font-size: 13px;
  font-weight: 500;
  position: absolute;
  inset: 0% 0% auto auto;
}

.uicontainadvertismentdetails {
  text-align: center;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.uiadvertismentinformative {
  font-weight: 600;
}

.uiadvertismentemprty {
  background-color: #0000;
}

.flipcard-wrapper {
  justify-content: center;
  width: 400px;
  min-width: 400px;
  height: 600px;
  min-height: 600px;
  display: flex;
  position: relative;
}

.flipcard-front {
  box-shadow: none;
  color: #fff;
  background-image: url("https://cdn.prod.website-files.com/5aa43322534e4a0001179757/64046c544b572600cb8b4abc_Omoji.png"), linear-gradient(45deg, #88abe3, #fcf6f5);
  background-position: 50% 80%, 0 0;
  background-repeat: no-repeat, repeat;
  background-size: 100%, auto;
  border-radius: 15px;
  padding: 45px 45px 20px;
  position: relative;
}

.flipcard-front.product {
  background-image: none;
  background-position: 0 0;
  background-size: auto;
}

.flipcard-title {
  margin-top: 0;
  margin-bottom: 6px;
  font-size: 56px;
  line-height: 62px;
}

.flipcard-subtitle {
  max-width: 215px;
  font-weight: 700;
  line-height: 15px;
}

.flipcard-more {
  background-color: var(--white-smoke);
  opacity: 0;
  color: var(--oircle-default-gry);
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 55px;
  height: 55px;
  font-size: 35px;
  display: flex;
  position: absolute;
  bottom: 20px;
  right: 20px;
}

.flipcard-back {
  z-index: -1;
  box-shadow: none;
  opacity: 0;
  border-radius: 15px;
  flex-direction: column;
  align-items: flex-start;
  padding-top: 66px;
  padding-left: 44px;
  padding-right: 107px;
  display: flex;
  position: absolute;
  inset: 0%;
}

.flipcard-back-title {
  margin-top: 0;
  margin-bottom: 28px;
  font-size: 44px;
}

.collection-list-105 {
  display: flex;
}

.collection-list-wrapper-74 {
  margin: 0 0 0 7.5px;
}

.text-block-363 {
  font-weight: 700;
}

.collection-item-92 {
  margin: 7.5px;
}

.collection-list-wrapper-75 {
  justify-content: center;
  align-items: stretch;
  display: flex;
  position: absolute;
  inset: 0%;
}

.collection-list-106 {
  flex: 1;
  padding: 15px 15px 0;
  display: flex;
}

.collection-item-93 {
  background-image: url("https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  flex: 1;
}

.empty-state-22 {
  background-color: #0000;
  background-image: url("https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 100%;
  flex: 1;
}

.link-block-106 {
  background-image: url("https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg");
  background-position: 50% 100%;
  background-repeat: no-repeat;
  background-size: 140%;
  margin: 0;
  padding: 0;
  display: flex;
  position: absolute;
  inset: 0%;
}

.div-block-3611 {
  padding-top: 30px;
}

.div-block-3613 {
  justify-content: center;
  align-items: center;
  height: 100%;
  padding: 10px;
  display: flex;
}

.collection-list-wrapper-76, .collection-list-107, .collection-item-94 {
  height: 100%;
}

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

.slide-nav {
  margin-bottom: -40px;
}

.left-arrow, .right-arrow {
  width: 0;
}

.slider-6 {
  background-color: #0000;
  height: 60px;
}

.div-block-3614 {
  justify-content: center;
  align-items: center;
  margin-bottom: -40px;
  padding: 15px;
  display: flex;
  position: absolute;
  inset: auto 0% 0%;
}

.div-block-3615 {
  background-color: var(--element-dynamic);
  border-radius: 50%;
  width: 15px;
  height: 15px;
  margin: 2px;
}

.section-73 {
  border-radius: 15px;
  display: none;
}

.empty-state-24, .empty-state-25, .empty-state-26 {
  background-color: #0000;
}

.advertismentlistwrapper {
  z-index: 2;
  flex: 1;
  justify-content: center;
  align-self: stretch;
  align-items: center;
  display: flex;
  position: relative;
}

.advertismnetcollectionlist {
  flex: 1;
  justify-content: center;
  align-self: stretch;
  display: flex;
}

.advertismentcollectionitem {
  flex: 1;
  justify-content: center;
  align-self: stretch;
  align-items: center;
  display: flex;
}

.div-block-3616 {
  border-radius: 15px;
  flex-flow: wrap;
  flex: 1;
  justify-content: center;
  min-height: 450px;
  display: flex;
  overflow: hidden;
}

.div-block-3617 {
  background-image: url("https://cdn.prod.website-files.com/5aa43322534e4a0001179757/640462a1b73c1136a52f952c_card-bg.png");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  flex: 1;
  align-self: stretch;
  min-width: 200px;
  min-height: 300px;
}

.div-block-3618 {
  flex-direction: column;
  flex: 1;
  justify-content: center;
  align-self: stretch;
  min-width: 500px;
  min-height: 125px;
  margin: 40px;
  display: flex;
}

.heading-439 {
  color: var(--oircle-grim-gry);
  font-weight: 300;
}

.heading-439-copy {
  color: var(--oircle-grim-gry);
  text-transform: uppercase;
  font-weight: 700;
}

.link-block-107 {
  flex-direction: column;
  flex: 1;
  justify-content: center;
  margin-left: 0;
  margin-right: 0;
  display: flex;
}

.newscollectionlist {
  flex-wrap: wrap-reverse;
  justify-content: center;
  align-items: flex-start;
  padding: 10px;
  display: flex;
}

.newscollectionitem {
  flex-direction: column;
  flex: 1;
  justify-content: center;
  align-self: stretch;
  margin: 10px;
  display: flex;
}

.uinewsemprty {
  background-color: #0000;
}

.uinewsfeaturedarticles {
  padding: 20px 20px 35px;
  overflow: scroll;
}

.newspromotedcollectionlist {
  display: flex;
}

.link-block-108 {
  margin-left: 0;
  margin-right: 0;
}

.newspromotedcollectionitem {
  margin: 7.5px;
}

.div-block-3619 {
  background-image: url("https://cdn.prod.website-files.com/5aa43322534e4a0001179757/640462a1b73c1136a52f952c_card-bg.png");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 150%;
  border-radius: 15px;
  flex-direction: column;
  justify-content: flex-end;
  align-items: stretch;
  width: 65vw;
  height: 60vh;
  transition: all .4s;
  display: flex;
  overflow: hidden;
}

.div-block-3619:hover {
  background-size: 160%;
}

.div-block-3620 {
  background-image: linear-gradient(#0000, #000000a6);
  flex-direction: column;
  flex: 1;
  justify-content: flex-end;
  padding: 20px;
  display: flex;
}

.newspromotedlistwrapper {
  margin-left: 20px;
}

.heading-440 {
  color: var(--white);
}

.heading-441 {
  opacity: .6;
  color: var(--white);
  font-weight: 400;
}

.container-59 {
  position: sticky;
  left: 20px;
}

.uinewsmorearticles {
  padding: 20px;
}

.collection-list-108 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-wrap: wrap;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: flex-start;
  display: grid;
}

.link-block-109 {
  flex-wrap: wrap;
  align-items: center;
  margin-left: 0;
  margin-right: 0;
  display: flex;
}

.collection-item-95 {
  margin: 7.5px;
}

.section-74 {
  background-color: var(--white-smoke);
  background-image: url("https://cdn.prod.website-files.com/5aa43322534e4a0001179757/640462a1b73c1136a52f952c_card-bg.png");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 20px;
  width: 125px;
  min-width: 125px;
  height: 125px;
  min-height: 125px;
}

.div-block-3621 {
  margin: 15px;
}

.container-60 {
  margin-top: 20px;
}

.heading-442 {
  margin: 20px 20px 0;
}

.div-block-3622 {
  background-color: var(--white-smoke);
  background-image: url("https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 15px;
  flex-direction: column;
  justify-content: flex-end;
  height: 95vh;
  margin: 20px;
  padding: 0;
  display: flex;
  overflow: hidden;
}

.div-block-3623 {
  background-image: linear-gradient(#0000, #000000a6);
  flex-direction: column;
  flex: 1;
  justify-content: flex-end;
  padding: 40px;
  display: flex;
}

.div-block-3624 {
  color: var(--white);
  flex: 1;
  min-width: 200px;
}

.heading-443 {
  color: var(--white);
}

.div-block-3625 {
  border-radius: 15px;
  justify-content: center;
  align-items: center;
  width: 200px;
  height: 45px;
  display: flex;
}

.link-block-110 {
  align-items: center;
  margin-bottom: 20px;
  margin-left: 0;
  margin-right: 0;
  display: flex;
}

.container-61 {
  flex-direction: column;
  align-items: center;
  padding: 15px;
  display: flex;
}

.paragraph-201 {
  margin-top: 15px;
}

.div-block-3626 {
  border-radius: 15px;
  align-self: stretch;
  margin-top: 20px;
  margin-bottom: 20px;
  padding: 25px;
}

.main-4 {
  border-radius: 15px;
  padding: 15px;
}

.div-block-3627 {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.text-span-89 {
  font-weight: 700;
}

.text-span-90 {
  font-size: 25px;
}

.collection-list-wrapper-77 {
  align-self: stretch;
}

.collection-item-96 {
  margin: 7.5px 0 20px;
}

.link-block-111 {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-wrap: wrap;
  margin-left: 0;
  margin-right: 0;
  padding: 5px;
  display: flex;
  position: relative;
}

.section-75 {
  background-color: var(--white-smoke);
  background-image: url("https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 15px;
  width: 300px;
  min-width: 300px;
  height: 150px;
}

.div-block-3628-copy {
  flex: 1;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.div-block-3629 {
  z-index: -1;
  opacity: 1;
  background-image: linear-gradient(45deg, #9aeeff, #98aeff);
  border-radius: 20px;
  margin: -5px;
  position: absolute;
  inset: 0%;
}

.div-block-3629-copy {
  z-index: 2;
  z-index: -1;
  opacity: 1;
  inset: 0%;
  background-image: none;
  border-radius: 18px;
  margin: 0;
  position: absolute;
  inset: 0%;
}

.heading-439-copy, .heading-439-copy-copy {
  color: var(--oircle-grim-gry);
  font-weight: 300;
}

.heading-444 {
  margin-top: 10.5px;
  margin-bottom: 10.5px;
}

.div-block-3624-copy {
  color: var(--white);
  flex-direction: column;
  flex: 1;
  justify-content: flex-end;
  min-width: 200px;
  display: flex;
}

.text-span-91 {
  font-family: Ofont, sans-serif;
  font-size: 45px;
  font-weight: 400;
}

.heading-444-copy {
  margin-top: 0;
  margin-bottom: 0;
  display: flex;
}

.div-block-3630 {
  flex: 1;
  min-width: 200px;
  padding-right: 0;
}

.grid {
  grid-template-rows: 1fr 1fr;
  grid-auto-flow: row;
  height: 90vh;
  padding: 20px;
  overflow: visible;
}

.gallery-photo-wrapper {
  background-color: var(--white-smoke);
  border-radius: 15px;
  justify-content: flex-start;
  align-items: stretch;
  height: 100%;
  min-height: 0;
  padding: 30px 30px 30px 90px;
  display: flex;
  position: relative;
  overflow: scroll;
}

.gallery-photo-wrapper.side-box {
  align-items: center;
  padding-left: 30px;
  overflow: hidden;
}

.image {
  object-fit: cover;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.image.blur {
  filter: blur(50px);
  transform: scale(.8);
}

.product-img-2 {
  object-fit: contain;
  flex: 1;
  align-self: auto;
  max-height: 320px;
}

.color-swatch-wrapper {
  opacity: 1;
  background-color: #11170f;
  border: 0 solid #0071e300;
  border-radius: 100%;
  width: 32px;
  min-width: 32px;
  max-width: 32px;
  height: 32px;
  min-height: 32px;
  max-height: 32px;
  padding: 0;
  transition: border-color .2s;
}

.color-swatch-wrapper.bottle-green {
  background-color: #135237;
}

.color-swatch-wrapper.burgundy {
  background-color: #651d32;
}

.color-swatch-wrapper.burnt-orange {
  background-color: #f97034;
}

.color-swatch-wrapper.charcoal-melange {
  background-color: #433f44;
}

.color-swatch-wrapper.desert-dust {
  background-color: #ead2a8;
}

.color-swatch-wrapper.french-navy {
  background-color: #072658;
}

.color-swatch-wrapper.grey {
  background-color: #c1c1bd;
}

.color-swatch-wrapper.heather-grey {
  background-color: #505050;
}

.color-swatch-wrapper.navy {
  background-color: #142755;
}

.color-swatch-wrapper.olive {
  background-color: #a6997a;
}

.color-swatch-wrapper.sage {
  background-color: #bcbb9d;
}

.color-swatch-wrapper.stargazer {
  background-color: #3e6b73;
}

.color-swatch-wrapper.white {
  background-color: var(--white);
}

.color-swatch {
  border: 0 #0000;
  border-radius: 100%;
  width: 32px;
  height: 32px;
  position: relative;
  overflow: hidden;
  box-shadow: inset 0 1px 1px #00000003;
}

.color-swatch-overlay {
  opacity: .56;
  background-image: linear-gradient(#81818180, #81818180);
  width: 32px;
  height: 32px;
  position: absolute;
  left: 50%;
}

.add-to-cart-11 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: center;
  display: flex;
  position: static;
  inset: 0%;
}

.option-8 {
  margin-top: 30px;
  margin-bottom: 30px;
}

.button-group-8 {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  flex-direction: column;
  display: flex;
}

.option-list-11 {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-left: 20px;
  display: flex;
  position: absolute;
  inset: 0% auto 0% 0%;
}

.div-block-3631 {
  margin: 0;
  padding: 15px;
  position: absolute;
  inset: auto 0% 0%;
}

.div-block-3632 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: flex-end;
  display: flex;
}

.button-80 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  color: #0000;
  background-color: #0000;
  border-style: none;
  border-width: 0;
  align-items: center;
  width: 100px;
  margin-top: -25px;
  margin-bottom: -25px;
  padding: 10px 0;
  transition: all .3s;
  display: flex;
}

.button-80:hover {
  color: var(--oircle-default-gry);
  margin-top: 5px;
  margin-bottom: 5px;
}

.button-80.w--ecommerce-pill-selected {
  color: #0000;
  background-color: #0000;
  margin-top: 5px;
  margin-bottom: 5px;
}

.div-block-3633 {
  margin-left: -10px;
  position: relative;
}

.div-block-3634 {
  border: .5px solid var(--hover-element-dynamic);
  color: var(--oircle-default-gry);
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 32px;
  min-width: 32px;
  max-width: 32px;
  height: 32px;
  min-height: 32px;
  max-height: 32px;
  font-size: 10px;
  font-weight: 700;
  display: flex;
  overflow: hidden;
}

.div-block-3635 {
  order: -1;
}

.herobanner {
  flex-direction: column;
  justify-content: flex-end;
  align-items: stretch;
  height: 100vh;
  padding-bottom: 0;
  display: flex;
  position: relative;
}

.div-block-3637 {
  background-color: #ddd0;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  height: 100vh;
  margin-top: auto;
  margin-bottom: auto;
  padding: 0;
  display: block;
  position: absolute;
  inset: 0%;
}

.lottie-animation-25 {
  flex: 1;
}

.div-block-3640 {
  height: 100vh;
  display: block;
  position: relative;
  overflow: scroll;
}

.heading-445 {
  color: #44444480;
}

.div-block-3641 {
  flex-direction: column-reverse;
  order: -1;
  justify-content: center;
  height: 200px;
  margin: 170px 35px 135px;
  padding: 20px;
  display: flex;
  position: relative;
  inset: 0%;
}

.heading-445-copy {
  color: var(--hover-element-dynamic);
  font-size: 80px;
  line-height: 80px;
}

.collection-list-wrapper-78 {
  position: sticky;
  top: 0;
}

.collection-item-97 {
  flex-direction: column;
  display: flex;
}

.collection-list-109 {
  display: flex;
}

.collection-item-98 {
  justify-content: center;
  align-items: center;
  width: 300px;
  margin: 5px;
  display: flex;
}

.collection-list-wrapper-79 {
  justify-content: flex-start;
  align-items: stretch;
  display: flex;
}

.add-to-cart-button-7 {
  color: var(--oircle-default-gry);
  background-color: #0000;
  font-size: 25px;
}

.add-to-cart-button-7:hover {
  color: var(--oircle-notification);
}

.div-block-3643 {
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 50px;
  height: 50px;
  padding-left: 5px;
  display: flex;
}

.div-block-3644 {
  border-radius: 50px;
  justify-content: center;
  height: 50px;
  padding: 0;
  display: flex;
}

.buy-now-button-4 {
  color: var(--oircle-default-gry);
  background-color: #0000;
  margin-top: 0;
  margin-left: 0;
  margin-right: 0;
  padding: 0 20px;
  display: flex;
}

.div-block-3645 {
  border-radius: 50%;
  flex-direction: row;
  align-items: stretch;
  width: 55px;
  height: 55px;
  margin-right: auto;
  padding-left: 0;
  display: flex;
  position: relative;
}

.quantity {
  background-color: #0000;
  border: 0 #0000;
  border-radius: 0;
  width: 100%;
  height: auto;
  margin-bottom: 0;
  padding-left: 20px;
  font-weight: 900;
}

.div-block-3646 {
  background-color: var(--white-smoke);
  border-radius: 15px;
  flex-wrap: wrap-reverse;
  justify-content: space-between;
  align-items: stretch;
  min-height: 600px;
  margin: 15px 20px 0;
  padding: 0;
  display: flex;
  overflow: hidden;
}

.div-block-3647 {
  background-image: url("https://cdn.prod.website-files.com/5aa43322534e4a0001179757/6413248a3b85d05b8348e7d0_Woman%20One.png");
  background-position: 50% 20%;
  background-repeat: no-repeat;
  background-size: cover;
  flex: 1;
  align-self: stretch;
  min-width: 500px;
  min-height: 400px;
}

.div-block-3648 {
  flex-direction: column;
  justify-content: center;
  align-items: stretch;
  margin: 65px 60px 65px 65px;
  font-size: 65px;
  display: flex;
}

.heading-446 {
  -webkit-text-fill-color: transparent;
  background-image: url("https://cdn.prod.website-files.com/5aa43322534e4a0001179757/64136788c905e833867ac7c6_Unknown-1.png");
  background-position: 50%;
  background-size: cover;
  -webkit-background-clip: text;
  background-clip: text;
  font-size: 65px;
  line-height: 70px;
}

.heading-447 {
  font-size: 65px;
  line-height: 65px;
}

.section-5g-grid {
  grid-column-gap: 6rem;
  grid-row-gap: 0rem;
  grid-template-rows: 1fr;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.logo-ios15-wrapper {
  border: .5px solid var(--element-dynamic);
  border-radius: 45px;
  overflow: hidden;
}

.section-ios15 {
  justify-content: center;
  align-items: center;
  margin-top: 0;
  margin-left: auto;
  margin-right: auto;
  padding-top: 35vh;
  display: flex;
  overflow: hidden;
}

.section-ios15-grid {
  grid-column-gap: 5.5rem;
  grid-row-gap: 5.5rem;
  grid-template-rows: 190px 274px 190px 274px 190px 274px;
  grid-template-columns: 274px 274px 274px 190px 274px 274px 274px;
  grid-auto-columns: 1fr;
  align-items: stretch;
  margin-top: 0;
  margin-left: auto;
  margin-right: auto;
  display: grid;
}

.padding-bottom {
  padding-top: 0;
  padding-left: 0;
  padding-right: 0;
}

.padding-xlarge {
  padding: 4rem;
}

.padding-xlarge.padding-top {
  margin-bottom: 50px;
  padding: 0;
}

.margin-bottom {
  margin-top: 0;
  margin-left: 0;
  margin-right: 0;
}

.page-padding {
  padding: 40px;
}

.container-large-2 {
  max-width: 64rem;
  margin-left: auto;
  margin-right: auto;
}

.shadow-vertical {
  width: 100%;
  max-width: none;
  position: absolute;
  top: 0;
  left: 100px;
}

.g5-phone-image-wrapper {
  margin-left: auto;
  margin-right: auto;
}

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

.padding-vertical.padding-huge {
  margin-bottom: 35px;
}

.text-align-center {
  text-align: center;
  align-items: flex-start;
  display: flex;
}

.text-color-primary-56 {
  color: #2424248f;
}

.text-color-primary-56.text-align-center {
  margin-left: auto;
  margin-right: auto;
}

.ios16-content-wrapper {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.phone-image-vertical-wrapper {
  position: relative;
}

.page-wrapper-2 {
  z-index: 1;
  margin-top: 0;
  position: relative;
  overflow: hidden;
}

.phone-image {
  z-index: 1;
  position: relative;
}

.text-size-medium {
  margin-bottom: 0;
  font-size: 1.25rem;
  line-height: 1.4;
}

.text-size-medium.width-max-small {
  width: 62%;
  margin-left: auto;
  margin-right: auto;
}

.text-size-medium.text-color-primary-56 {
  margin-bottom: 15px;
}

.bold-text-25 {
  align-self: auto;
  font-size: 20px;
  line-height: 20px;
}

.bold-text-26 {
  font-weight: 400;
}

.image-143, .image-144 {
  margin-bottom: 50px;
}

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

.button-81 {
  border: .5px solid var(--hover-element-dynamic);
  background-color: var(--oircle-notification);
  color: var(--white);
  border-radius: 20px;
  margin: 10px;
  padding: 10px 30px;
}

.button-81:hover {
  background-color: var(--white);
  color: var(--oircle-notification);
}

.search-splash {
  height: 100vh;
  display: none;
}

.div-block-3649 {
  justify-content: center;
  align-items: center;
  height: 100vh;
  display: flex;
  overflow: hidden;
}

.div-block-3650 {
  flex-direction: column;
  align-items: center;
  display: flex;
}

.div-block-3651 {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  background-color: var(--white-smoke);
  border-radius: 20px;
  flex-wrap: wrap;
  flex: 1;
  min-height: 500px;
  margin: 0;
  padding: 30px;
  display: flex;
}

.div-block-3651.center {
  text-align: center;
}

.div-block-3651.center.large {
  min-height: 700px;
}

.div-block-3651.urlcontactcards {
  background-image: linear-gradient(to bottom, var(--white-smoke) 36%, #0000), url("https://cdn.prod.website-files.com/5aa43322534e4a0001179757/649ffaf946f0d134d2681a08_URLCard.png");
  background-position: 0 0, 50%;
  background-repeat: repeat, repeat;
  background-size: auto, 700px;
  background-attachment: scroll, scroll;
}

.div-block-3652 {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-direction: column;
  padding: 20px;
  display: flex;
  overflow: hidden;
}

.div-block-3652.moredataneeded {
  display: flex;
}

.div-block-3653 {
  flex: 1;
  justify-content: center;
  align-items: flex-end;
  min-width: 600px;
  min-height: 600px;
  display: flex;
}

.div-block-3653.small {
  min-width: 300px;
  min-height: 300px;
}

.div-block-3653.small.cap {
  align-items: flex-start;
  max-height: 500px;
  overflow: hidden;
}

.div-block-3653.small.padding {
  padding: 25px;
}

.div-block-3653.small.padding.cap.horizontalpad {
  align-items: center;
  padding: 0;
}

.div-block-3653.small.padding.cap.horizontalpad-copy {
  align-items: stretch;
  padding: 0;
}

.div-block-3653.padding {
  padding: 25px;
}

.div-block-3653.padding.cap {
  max-height: 600px;
  overflow: hidden;
}

.div-block-3653.padding.cap.align {
  align-items: flex-start;
  margin-bottom: -30px;
  padding: 20px;
}

.div-block-3653.max600 {
  align-items: flex-start;
  max-height: 600px;
  margin-bottom: -30px;
  padding: 0;
  overflow: hidden;
}

.div-block-3653.sidepan {
  justify-content: flex-end;
  margin-left: -30px;
  overflow: hidden;
}

.div-block-3654 {
  flex-direction: column;
  flex: 1;
  min-width: 300px;
  display: flex;
}

.div-block-3654.center {
  text-align: center;
}

.div-block-3655 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-direction: column;
  margin-top: auto;
  display: flex;
}

.heading-449 {
  font-size: 65px;
  line-height: 70px;
}

.div-block-3656 {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-wrap: wrap;
  display: flex;
}

.container-63 {
  margin-top: 40px;
  margin-bottom: 40px;
}

.contentbanner {
  transform: translate(0);
}

.splashview {
  justify-content: center;
  align-items: center;
  padding: 100px;
  display: flex;
  position: fixed;
  inset: 0%;
}

.splashlogo {
  flex: 0 auto;
  width: 400px;
}

.div-block-3659 {
  filter: brightness(0%) invert(80%);
  background-image: none;
  background-position: 0 0;
  background-repeat: repeat;
  background-size: auto;
  flex: 0 auto;
  justify-content: center;
  align-self: stretch;
  align-items: center;
  margin: auto;
  display: flex;
  position: absolute;
  inset: 0%;
}

.div-block-3659.nologo {
  background-image: none;
  background-position: 0 0;
  background-repeat: repeat;
  background-size: auto;
}

.div-block-3659.nologo.white {
  filter: brightness(0%) invert();
}

.div-block-3660 {
  background-image: url("https://cdn.prod.website-files.com/5aa43322534e4a0001179757/5dd43bc93661392620a5c4fe_Oircle%20Fullfilment%20Logotype%20%7C%20Colour.png");
  background-position: -420px;
  background-repeat: no-repeat;
  background-size: cover;
  flex: 1;
  align-self: stretch;
}

.div-block-3661 {
  background-image: url("https://cdn.prod.website-files.com/5aa43322534e4a0001179757/622c5f44b3c6cb461b6a85fc_Oircle%20Handx2.png");
  background-position: 50% 100%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 50%;
  margin-left: auto;
  margin-right: auto;
  display: block;
  position: absolute;
  inset: 0%;
}

.div-block-3661.nologo {
  z-index: 1;
  background-image: none;
  background-repeat: repeat;
  background-size: auto;
}

.div-block-3661.althand {
  background-image: url("https://cdn.prod.website-files.com/5aa43322534e4a0001179757/6447b19f9907501024af3fb3__com.apple.Pasteboard.g1jAb9.PNG");
  background-position: 50% 100%;
  background-size: contain;
}

.div-block-3661.hand {
  background-image: url("https://cdn.prod.website-files.com/5aa43322534e4a0001179757/6447b0068da47b35d23af573__com.apple.Pasteboard.e3Ds09.PNG");
  background-position: 50% 100%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 100%;
}

.link-block-113 {
  display: flex;
}

.link-block-114 {
  margin-left: 0;
  margin-right: 0;
  display: block;
  position: relative;
}

.keybindingoptions {
  border: 2px solid var(--hover-element-dynamic);
  border-radius: 10px;
  justify-content: center;
  align-items: center;
  min-width: 25px;
  min-height: 25px;
  margin-left: 0;
  margin-right: 0;
  padding: 0;
  font-size: 12px;
  display: flex;
}

.keybinding-contain-copy {
  background-color: #fff0;
  border-radius: 10px;
  justify-content: center;
  align-items: center;
  margin: 10px 0 0;
  padding: 10px;
  transition: box-shadow .2s, background-color .2s;
  display: flex;
  box-shadow: 0 0 25px -20px #0000001f;
}

.keybinding-contain-copy:hover {
  box-shadow: 0 0 25px -20px #0000001f;
}

.keybinding-contain-copy:active {
  color: var(--oircle-default-gry);
  background-color: #fff;
  transform: scale(1.5);
  box-shadow: 0 0 25px #0000001f;
}

.keypressed {
  border: 2px solid var(--hover-element-dynamic);
  border-radius: 10px;
  justify-content: center;
  align-items: center;
  min-width: 25px;
  min-height: 25px;
  margin-left: 0;
  margin-right: 0;
  padding: 0;
  font-size: 12px;
  display: flex;
}

.search-box {
  background-color: var(--white-smoke);
  margin: 33px;
  padding: 48px;
}

.heading-450 {
  font-size: 250px;
  line-height: 200px;
}

.text-span-92 {
  font-family: Ofont, sans-serif;
  font-size: 350px;
  font-weight: 400;
  display: inline-block;
  position: relative;
  top: 21px;
}

.div-block-3661-copy {
  background-image: url("https://cdn.prod.website-files.com/5aa43322534e4a0001179757/622c5f44b3c6cb461b6a85fc_Oircle%20Handx2.png");
  background-position: 50% 100%;
  background-repeat: no-repeat;
  background-size: contain;
  margin: -150px;
  position: absolute;
  inset: 0%;
}

.link-block-115 {
  margin-left: 0;
  margin-right: 0;
  display: block;
}

.heading-450-copy {
  font-size: 250px;
  line-height: 200px;
}

.text-span-92-copy {
  font-family: Ofont, sans-serif;
  font-size: 350px;
  font-weight: 400;
  display: inline-block;
  position: relative;
  top: 21px;
}

.div-block-3636-copy {
  background-color: #bb9c7c;
  flex-direction: column;
  justify-content: flex-end;
  align-items: stretch;
  height: 100vh;
  padding-bottom: 5vh;
  display: flex;
  position: relative;
}

.div-block-3662 {
  position: relative;
}

.div-block-3663 {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  flex-direction: row;
  margin-left: 0;
  margin-right: 0;
  padding: 10px;
  display: flex;
}

.div-block-3664 {
  border: .2px solid var(--element-dynamic);
  background-color: var(--white-smoke);
  border-radius: 27px;
  width: 175px;
  min-width: 175px;
  max-width: 175px;
  height: 175px;
  min-height: 175px;
  max-height: 175px;
  padding: 0;
  position: relative;
  overflow: hidden;
}

.text-block-364 {
  color: var(--hover-element-dynamic);
  font-weight: 700;
}

.div-block-3665 {
  flex: 1;
  margin-top: 100px;
}

.uisearchadvertisment {
  grid-column-gap: 35px;
  grid-row-gap: 35px;
  border: .5px solid var(--element-dynamic);
  background-color: #0000;
  background-image: url("https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 15px;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center;
  margin: 20px;
  padding: 0 40px;
  display: flex;
  position: relative;
}

.uisearchadvertismentforeground {
  background-image: url("https://cdn.prod.website-files.com/5aa43322534e4a0001179757/639444c72c8cc359883d236b_oircle%20store.png");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 300px;
  min-width: 300px;
  max-width: 300px;
  height: 300px;
  min-height: 300px;
  max-height: 300px;
  margin: 0;
  position: relative;
}

.uisearchadvertismenttitle {
  color: var(--white-smoke);
  margin-bottom: 0;
  font-size: 45px;
  line-height: 65px;
}

.div-block-3666 {
  display: flex;
}

.div-block-3667 {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  border-radius: 20px;
  flex-direction: column;
  min-width: 400px;
  max-width: 400px;
  height: 95vh;
  margin: 0 20px 20px 0;
  padding-top: 0;
  padding-right: 0;
  display: block;
  position: sticky;
  top: 20px;
  overflow: scroll;
}

.div-block-3668 {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  border: .5px solid var(--element-dynamic);
  background-color: var(--white-smoke);
  border-radius: 20px;
  flex-direction: column;
  flex: 1;
  min-height: 150px;
  margin-bottom: 0;
  padding: 15px;
  display: flex;
  position: relative;
  overflow: visible;
}

.div-block-3668.small {
  flex: 0 auto;
  position: relative;
  bottom: 0;
}

.button-82 {
  color: var(--oircle-notification);
  -webkit-text-fill-color: transparent;
  background-color: #0000;
  background-image: linear-gradient(45deg, #b5d9ff 15%, #fccbcb 85%);
  -webkit-background-clip: text;
  background-clip: text;
  margin: 0;
  padding: 0;
}

.educationname {
  margin-top: 0;
  margin-bottom: 0;
}

.button-83 {
  background-color: #0000;
  background-image: linear-gradient(45deg, #b5d9ff 15%, #fccbcb 85%);
  border-radius: 12px;
  margin-top: 5px;
  margin-left: 0;
  margin-right: 0;
  padding: 15px;
  display: block;
}

.button-83:hover {
  color: var(--white);
}

.heading-452 {
  color: var(--hover-element-dynamic);
  text-transform: capitalize;
  margin-top: auto;
  font-size: 10px;
}

.paragraph-202 {
  margin-bottom: auto;
  font-size: 15px;
  line-height: 15px;
}

.div-block-3669 {
  flex-direction: column;
  flex: 1;
  display: flex;
}

.div-block-3670 {
  margin-top: 20px;
  position: sticky;
  bottom: 0;
}

.div-block-3671 {
  opacity: 0;
  border-radius: 20px;
  position: absolute;
  inset: 0%;
  box-shadow: 0 0 15px #0003;
}

.div-block-3672 {
  height: 0;
}

.heading-451-copy {
  color: silver;
  margin-top: 0;
  margin-bottom: 10px;
}

.image-146 {
  object-fit: cover;
  width: 100%;
  max-width: none;
  height: 100%;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.collection-item-99 {
  flex-direction: column;
}

.collection-list-110 {
  grid-column-gap: 25px;
  grid-row-gap: 25px;
  flex-direction: column;
  display: flex;
}

.educationcollection {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  flex-direction: column;
  display: flex;
}

.div-block-3673 {
  flex-wrap: wrap;
  display: flex;
}

.cart-container-4 {
  box-shadow: none;
  background-color: #0000;
  border: 0 solid #000;
  flex-direction: column;
  width: auto;
  min-width: 0;
  max-width: none;
  position: absolute;
  inset: 0%;
}

.cart-list-5 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-wrap: wrap;
  flex: 1;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  align-content: stretch;
  align-items: start;
  width: auto;
  min-width: 65px;
  max-width: 65px;
  height: 65px;
  min-height: 65px;
  max-height: 65px;
  padding: 0;
  display: flex;
  overflow: hidden;
}

.cart-list-5:hover {
  grid-template-rows: 65px;
  grid-template-columns: 65px 65px;
  grid-auto-rows: 65px;
  grid-auto-columns: 65px;
}

.div-block-3674 {
  justify-content: center;
  align-items: center;
  display: flex;
  position: fixed;
  inset: 0%;
  overflow: hidden;
}

.cart-4 {
  flex: 1;
  align-self: stretch;
  position: fixed;
  inset: 0%;
}

.cart-button-8 {
  background-color: #0000;
  margin: 0;
  position: absolute;
  inset: 0%;
}

.default-state-22 {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  flex-direction: row;
  align-items: center;
  position: absolute;
  inset: 0%;
}

.div-block-3675 {
  opacity: 0;
  flex: 0 auto;
  width: 0;
  height: 0;
  margin: 0;
  display: block;
}

.cart-item-8 {
  flex: 1;
  align-self: center;
  min-width: 30px;
  min-height: 30px;
  margin-right: 0;
  padding: 0;
  position: relative;
}

.image-147 {
  object-fit: contain;
  width: 100%;
  max-width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.cart-footer-6 {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  border: 0 solid #000;
  flex-direction: row;
  flex: 0 auto;
  justify-content: center;
  align-self: center;
  align-items: center;
  margin-left: auto;
  padding-bottom: 0;
  padding-left: 0;
  padding-right: 0;
}

.cart-line-item-4 {
  flex-direction: column;
  flex: 1;
  justify-content: center;
  align-self: center;
  align-items: center;
}

.checkout-actions-2 {
  margin-top: -17px;
  display: flex;
}

.web-payments-6 {
  background-color: var(--black);
  border-radius: 10px;
  justify-content: center;
  align-items: center;
  width: 65px;
  min-width: 65px;
  max-width: 65px;
  height: 65px;
  padding-top: 9px;
  display: flex;
  position: relative;
}

.checkout-button-7 {
  display: block;
}

.div-block-3676 {
  display: none;
}

.text-block-365 {
  flex: 1;
  margin-top: 15px;
}

.heading-453 {
  margin-top: -5px;
  margin-bottom: 0;
  font-size: 20px;
}

.cart-header-6 {
  display: none;
}

.cart-form-wrapper-5 {
  position: absolute;
  inset: 0%;
}

.cartwrapper {
  position: fixed;
  inset: 0%;
}

.empty-state-27 {
  flex-direction: column;
  padding: 0;
  position: absolute;
  inset: 0%;
}

.error-state-16 {
  justify-content: center;
  align-items: center;
  margin: 0;
  display: flex;
  position: absolute;
  inset: 0%;
}

.template {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  flex-direction: row;
  flex: 1;
  justify-content: center;
  align-self: stretch;
  align-items: center;
  display: flex;
}

.div-block-3677 {
  background-image: url("https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 35px;
  position: absolute;
  inset: 0%;
}

.text-block-366 {
  color: var(--white);
  margin-top: -9px;
  font-size: 17px;
}

.div-block-3678 {
  flex: 1;
  align-self: stretch;
  max-width: 65px;
  margin-right: auto;
  display: flex;
  overflow: scroll;
}

.image-147-copy {
  background-image: url("https://cdn.prod.website-files.com/5aa43322534e4a0001179757/63fdc68f4c9290184d520f84_unisex-organic-raglan-sweatshirt-black-front-6328642f22166.png");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 65px;
  min-width: 65px;
  margin-right: 0;
}

.div-block-3679 {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  justify-content: center;
  align-items: center;
  max-width: 200px;
  display: flex;
}

.div-block-3680 {
  display: flex;
  position: relative;
  overflow: visible;
}

.div-block-3680:hover {
  overflow: scroll;
}

.div-block-3681 {
  background-color: var(--white-smoke);
  border-radius: 5px;
  justify-content: center;
  align-items: center;
  width: 32px;
  height: 32px;
  padding: 0;
  font-weight: 700;
  display: flex;
  position: absolute;
  inset: auto 0% 0% auto;
}

.cart-quantity-7 {
  display: none;
}

.image-148 {
  object-fit: contain;
  max-width: 100%;
  max-height: 100%;
  display: block;
}

.continue {
  background-color: var(--oircle-notification);
  border-radius: 10px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  min-width: 65px;
  height: 65px;
  padding: 10px 20px;
  display: flex;
  position: relative;
}

.heading-453-copy {
  color: var(--white);
  margin-top: 0;
  margin-bottom: 0;
  font-size: 20px;
  font-weight: 700;
  line-height: 20px;
}

.text-block-366-copy {
  color: var(--white);
  margin-top: 0;
  font-size: 17px;
}

.macbook {
  background-image: url("https://cdn.prod.website-files.com/5aa43322534e4a0001179757/649d4a45d1e5dbcc4986fbda_Oircle%20Search%20Engine%20%7C%20%20Macbook.png");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 800px;
  height: 500px;
  margin-bottom: -12px;
  margin-left: -170px;
  margin-right: -170px;
  display: none;
  position: relative;
}

.iphonesearch {
  background-image: url("https://cdn.prod.website-files.com/5aa43322534e4a0001179757/649d4576d1e5dbcc49804f74_Oircle%20Search%20Engine%20%7C%20iPhone.png");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 200px;
  height: 400px;
  position: relative;
}

.ipadsearch {
  background-image: url("https://cdn.prod.website-files.com/5aa43322534e4a0001179757/649d45788fa7ad5b0215b0dd_Oircle%20Search%20Engine%20%7C%20iPAd.png");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 600px;
  height: 435px;
  display: none;
  position: relative;
}

.div-block-3682 {
  transform: scale3d(1none, 1none, 1none);
  transform-style: preserve-3d;
  justify-content: center;
  align-items: flex-end;
  display: flex;
  position: relative;
  inset: 0%;
}

.uiherodevicesearch {
  z-index: 2;
  border: 0px solid var(--oircle-default-gry);
  background-image: url("https://cdn.prod.website-files.com/5aa43322534e4a0001179757/649d4576d1e5dbcc49804f74_Oircle%20Search%20Engine%20%7C%20iPhone.png");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  border-radius: 25px;
  width: 335px;
  min-width: 335px;
  height: 635px;
  min-height: 635px;
  margin: 7.5px -55.5px;
  position: relative;
}

.uiherodevicesearch.pointu15 {
  z-index: 1;
  background-image: url("https://cdn.prod.website-files.com/5aa43322534e4a0001179757/639cea17e553bfe63d7f5e88_Calculatr%20%7C%20Simple%20View.svg");
  transform: translate(0, 70px);
}

.uiherodevicesearch.pointu15.left {
  background-image: url("https://cdn.prod.website-files.com/5aa43322534e4a0001179757/639cea17515851c966b6da97_Calculatr%20%7C%20Left%20Hand%20View.svg");
}

.uiherodevicesearch.pointu15.left.solor {
  background-image: url("https://cdn.prod.website-files.com/5aa43322534e4a0001179757/63fa12204e9a8cec6a67f864_Profile%20Widgets%20%20iPhone.png");
}

.uiherodevicesearch.pointu15.solor {
  background-image: url("https://cdn.prod.website-files.com/5aa43322534e4a0001179757/63fa1220300f0c855a85b0d2_Your%20Profile%20%20iPhone.png");
  transform: none;
}

.uiherolargedevice {
  z-index: 2;
  border: 0px solid var(--oircle-default-gry);
  background-image: url("https://cdn.prod.website-files.com/5aa43322534e4a0001179757/649d45788fa7ad5b0215b0dd_Oircle%20Search%20Engine%20%7C%20iPAd.png");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  border-radius: 25px;
  width: 900px;
  min-width: 900px;
  height: 635px;
  min-height: 635px;
  margin: 7.5px -55.5px;
  position: relative;
}

.uiherolargedevice.pointu15 {
  z-index: 1;
  background-image: url("https://cdn.prod.website-files.com/5aa43322534e4a0001179757/639cea17e553bfe63d7f5e88_Calculatr%20%7C%20Simple%20View.svg");
  transform: translate(0, 70px);
}

.uiherolargedevice.pointu15.left {
  background-image: url("https://cdn.prod.website-files.com/5aa43322534e4a0001179757/639cea17515851c966b6da97_Calculatr%20%7C%20Left%20Hand%20View.svg");
}

.uiherolargedevice.pointu15.left.solor {
  background-image: url("https://cdn.prod.website-files.com/5aa43322534e4a0001179757/63fa12204e9a8cec6a67f864_Profile%20Widgets%20%20iPhone.png");
}

.uiherolargedevice.pointu15.solor {
  background-image: url("https://cdn.prod.website-files.com/5aa43322534e4a0001179757/63fa1220300f0c855a85b0d2_Your%20Profile%20%20iPhone.png");
  transform: none;
}

.uiherolargedevice.imagesearchengine {
  background-image: url("https://cdn.prod.website-files.com/5aa43322534e4a0001179757/649d45788fa7ad5b0215b0dd_Oircle%20Search%20Engine%20%7C%20iPAd.png");
}

.div-block-3649-copy {
  justify-content: center;
  align-items: center;
  height: 100vh;
  margin-top: 0;
  padding-top: 76px;
  padding-bottom: 0;
  display: flex;
  overflow: hidden;
}

.image-149 {
  width: 400px;
  max-width: 400px;
}

.image-150 {
  max-width: 100%;
}

.div-block-3653-copy {
  flex: 1;
  justify-content: center;
  align-items: flex-end;
  min-width: 600px;
  min-height: 600px;
  max-height: 600px;
  margin-right: -30px;
  display: flex;
  overflow: hidden;
}

.image-151 {
  object-fit: fill;
  max-height: 100%;
  margin-left: -41px;
  margin-right: -41px;
}

.image-152 {
  max-width: 75%;
}

.image-153 {
  max-width: 200%;
}

.image-154 {
  max-width: 150%;
  max-height: 150%;
}

.div-block-3653-copy {
  flex: 1;
  justify-content: center;
  align-items: flex-end;
  min-width: 600px;
  min-height: 600px;
  display: flex;
}

.div-block-3653-copy.small {
  min-width: 300px;
  min-height: 300px;
}

.div-block-3653-copy.small.cap {
  align-items: flex-start;
  max-height: 500px;
  overflow: hidden;
}

.div-block-3653-copy.small.padding {
  padding: 25px;
}

.div-block-3653-copy.small.padding.cap.horizontalpad {
  align-items: center;
  padding: 0;
}

.div-block-3653-copy.padding {
  padding: 25px;
}

.div-block-3653-copy.padding.cap {
  max-height: 600px;
  overflow: hidden;
}

.div-block-3653-copy.padding.cap.align {
  align-items: flex-start;
  margin-bottom: -30px;
  padding: 20px;
}

.div-block-3653-copy.max600 {
  align-items: flex-start;
  max-height: 600px;
  margin-bottom: -30px;
  padding: 0;
  overflow: hidden;
}

.div-block-3653-copy.sidepan {
  justify-content: flex-end;
  margin-left: -30px;
  overflow: hidden;
}

.div-block-3653-copy-copy {
  flex: 1;
  justify-content: center;
  align-items: flex-start;
  min-width: 600px;
  min-height: 600px;
  max-height: 600px;
  margin-bottom: -30px;
  display: flex;
  overflow: hidden;
}

.div-block-3653-copy-copy.small {
  min-width: 300px;
  min-height: 300px;
}

.div-block-3653-copy-copy.small.cap {
  align-items: flex-start;
  max-height: 500px;
  overflow: hidden;
}

.div-block-3653-copy-copy.small.padding {
  padding: 25px;
}

.div-block-3653-copy-copy.small.padding.cap.horizontalpad {
  align-items: center;
  padding: 0;
}

.div-block-3653-copy-copy.padding {
  padding: 25px;
}

.div-block-3653-copy-copy.padding.cap {
  max-height: 600px;
  overflow: hidden;
}

.div-block-3653-copy-copy.padding.cap.align {
  align-items: flex-start;
  margin-bottom: -30px;
  padding: 20px;
}

.div-block-3653-copy-copy.max600 {
  align-items: flex-start;
  max-height: 600px;
  margin-bottom: -30px;
  padding: 0;
  overflow: hidden;
}

.div-block-3653-copy-copy.sidepan {
  justify-content: flex-end;
  margin-left: -30px;
  overflow: hidden;
}

.div-block-3683 {
  display: flex;
}

.div-block-3684 {
  background-color: var(--white);
  border-radius: 25px;
  height: 5px;
  margin-top: 5px;
  margin-bottom: 5px;
}

.div-block-3654-copy {
  flex-direction: column;
  flex: 1;
  min-width: 300px;
  display: flex;
}

.div-block-3654-copy.center {
  text-align: center;
}

.div-block-3655-copy {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-direction: column;
  flex: 1;
  margin-top: auto;
  display: flex;
}

.image-155 {
  max-width: 400%;
}

.div-block-3651-copy {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  background-color: var(--white-smoke);
  border-radius: 20px;
  flex-wrap: wrap;
  flex: 1;
  min-height: 200px;
  margin: 0;
  padding: 30px;
  display: flex;
}

.div-block-3651-copy.center {
  text-align: center;
}

.div-block-3651-copy.center.large {
  min-height: 700px;
}

.div-block-3651-copy.urlcontactcards {
  background-image: linear-gradient(to bottom, var(--white-smoke) 36%, #0000), url("https://cdn.prod.website-files.com/5aa43322534e4a0001179757/649ffaf946f0d134d2681a08_URLCard.png");
  background-position: 0 0, 50%;
  background-repeat: repeat, repeat;
  background-size: auto, 700px;
  background-attachment: scroll, scroll;
}

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

.div-block-3686 {
  background-color: var(--white-smoke);
  border-radius: 15px;
  flex-wrap: wrap;
  justify-content: space-around;
  min-height: 500px;
  margin: 20px;
  padding: 50px;
  display: flex;
}

.div-block-3687 {
  flex-direction: column;
  flex: 1;
  justify-content: flex-end;
  align-items: flex-start;
  display: flex;
}

.div-block-3688 {
  flex: 1;
  justify-content: center;
  align-self: stretch;
  align-items: center;
  min-width: 400px;
  min-height: 400px;
  max-height: 400px;
  display: flex;
}

.flex-block-2 {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  align-items: center;
  margin-top: 25px;
}

.button-84 {
  background-color: var(--oircle-notification);
  border-radius: 50px;
  margin: 5px;
}

.button-84:hover {
  background-color: var(--hover-element-dynamic);
  color: var(--oircle-notification);
}

.image-156 {
  object-fit: contain;
  display: inline-block;
}

.link-block-116 {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  display: flex;
}

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

.bold-text-27 {
  margin-left: 5px;
  margin-right: 5px;
  font-weight: 400;
}

.image-157 {
  object-fit: contain;
  align-self: stretch;
  max-width: 50%;
}

.image-158 {
  max-width: 50%;
}

.text-span-94 {
  margin-left: 8px;
  margin-right: 8px;
  font-weight: 100;
}

.image-159 {
  object-fit: contain;
  flex: 1;
  align-self: stretch;
  max-width: 75%;
}

.flex-block-3 {
  flex-wrap: wrap;
  align-items: stretch;
}

.div-block-3689 {
  background-color: var(--hover-element-dynamic);
  color: var(--white);
  text-shadow: 0 0 10px #0003;
  background-image: linear-gradient(45deg, #0081fc, #02f7ff);
  border-radius: 15px;
  justify-content: center;
  align-items: center;
  width: 75px;
  min-width: 75px;
  max-width: 75px;
  height: 75px;
  min-height: 75px;
  max-height: 75px;
  margin: 5px 5px 15px;
  font-size: 30px;
  display: flex;
}

.paragraph-203 {
  direction: ltr;
  color: var(--oircle-default-gry);
}

.div-block-3690, .div-block-3691 {
  display: flex;
}

.div-block-3692 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  background-color: var(--white-smoke);
  border-radius: 20px;
  height: 65px;
  margin-left: auto;
  margin-right: auto;
  padding: 0;
  display: flex;
  position: relative;
  overflow: hidden;
}

.text-field-17 {
  background-color: #0000;
  border: 0 #000;
  align-self: stretch;
  height: 65px;
  margin-bottom: 0;
  padding: 15px;
}

.submit-button-14 {
  background-color: var(--oircle-notification);
  border-radius: 15px;
  max-width: 65px;
  margin: 10px 11px 10px 10px;
}

.form-block-10 {
  border-radius: 15px;
  width: 130px;
  margin: 20px auto;
  transition: all .375s cubic-bezier(.6, -.28, .735, .045);
  position: relative;
  overflow: hidden;
}

.form-block-10:hover {
  width: 300px;
}

.div-block-3693 {
  display: flex;
  position: absolute;
  inset: 0%;
}

.div-block-3693-copy {
  background-color: var(--white-smoke);
  opacity: 1;
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  inset: 0%;
}

.div-block-3693-copy:hover {
  opacity: 0;
  display: none;
}

.div-block-3693-copy {
  padding: 10px;
  transition: all .4s cubic-bezier(.68, -.55, .265, 1.55);
  display: flex;
  position: absolute;
  inset: 0%;
}

.div-block-3693-copy:hover {
  display: block;
}

.text-block-367 {
  flex: 1;
  justify-content: center;
  align-self: stretch;
  align-items: center;
  font-weight: 700;
  display: flex;
  position: absolute;
  inset: 0%;
}

.text-block-367:hover {
  z-index: -5;
}

.empty-state-28 {
  display: none;
}

.paragraph-204 {
  width: 50%;
  margin-left: 25px;
  margin-right: 25px;
}

.div-block-3694 {
  margin-top: 70px;
}

.empty-state-29 {
  display: none;
}

.success-message-14 {
  background-color: #0000;
  position: absolute;
  inset: 0%;
}

.form-11 {
  position: absolute;
  inset: 0%;
}

.error-message-14 {
  z-index: 1000;
  border-radius: 17px;
  width: 500px;
  height: 60px;
  margin: 20px auto;
  position: fixed;
  inset: 0% 0% auto;
}

.text-block-368 {
  font-weight: 700;
}

.text-block-369 {
  justify-content: center;
  align-items: center;
  font-weight: 700;
  display: flex;
  position: absolute;
  inset: 0%;
}

.div-block-3695 {
  flex-direction: column;
  justify-content: center;
  display: flex;
}

.paragraph-205 {
  height: 50px;
  display: block;
  overflow: hidden;
}

.top-bar-item {
  cursor: none;
  padding: 8px 18px;
  position: relative;
}

.mobile-prompt {
  display: none;
}

.clone-wrap {
  color: #5e5e5e;
  text-align: center;
  flex-direction: column;
  align-items: center;
  padding-top: 18px;
  text-decoration: none;
  display: inline-block;
}

.content-2 {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 100vh;
  display: flex;
}

.heading-454 {
  color: #000;
  text-align: center;
  margin-top: 0;
  margin-bottom: 38px;
  font-size: 32px;
  font-weight: 600;
  line-height: 1.3;
}

.button-bg {
  background-color: #e8e9eb;
  border-radius: 8px;
  width: 50%;
  position: absolute;
  inset: 0%;
}

.button-bg.button-bg--close {
  width: 100%;
}

.about__content {
  background-color: #fff;
  border-radius: 20px;
  width: 80%;
  max-width: 860px;
  padding: 64px;
  position: relative;
}

.link-49 {
  color: #131212;
}

.link-49.link--about {
  color: #5e5e5e;
}

.bottom-bar {
  color: #131212;
  text-align: center;
  padding-top: 12px;
  padding-bottom: 12px;
  font-weight: 400;
  position: fixed;
  inset: auto 0% 0%;
}

.close-icon {
  z-index: 1;
  width: 42px;
  position: relative;
}

.icon-5 {
  z-index: 1;
  width: 28px;
  position: relative;
}

.about__heading {
  color: #000;
  margin-top: 0;
  margin-bottom: 32px;
  font-weight: 600;
}

.about__heading.cursor--text-ix {
  display: inline-block;
}

.cursor {
  background-color: #b2b3b4;
  border-radius: 20px;
  width: 19px;
  height: 19px;
}

.clone-icon {
  z-index: 1;
  width: 24px;
  position: relative;
}

.about {
  z-index: 1;
  background-color: #e6e6e680;
  justify-content: center;
  align-items: center;
  display: none;
  position: fixed;
  inset: 0%;
}

.bottom-text {
  margin-bottom: 0;
  display: inline-block;
}

.cursor-wrap {
  z-index: 100;
  justify-content: center;
  align-items: center;
  display: flex;
  position: fixed;
  inset: 0%;
}

.about__text {
  color: #5e5e5e;
  letter-spacing: .25px;
  margin-bottom: 12px;
  font-size: 16px;
  line-height: 1.5;
}

.link-50 {
  color: #131212;
}

.link-50.link--about {
  color: #5e5e5e;
}

.icon-6 {
  z-index: 1;
  width: 28px;
  position: relative;
}

.div-block-3697 {
  display: none;
}

.collection-list-111 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-flow: wrap;
  display: flex;
}

.collection-product-item {
  border-radius: 20px;
  flex: 1;
  justify-content: center;
  min-width: 175px;
  min-height: 200px;
  max-height: 200px;
  margin: 7.5px;
  display: none;
  position: sticky;
  bottom: 10px;
  overflow: hidden;
}

.collection-product-item.slim {
  color: var(--oircle-default-gry);
  min-height: 100px;
  max-height: 150px;
}

.collection-product-item.slim:hover {
  background-color: var(--oircle-notification);
  color: var(--white);
}

.storeproductcontain {
  padding: 0;
  display: block;
  position: relative;
}

.div-block-3699 {
  flex-direction: column;
  flex: 1;
  justify-content: center;
  align-items: center;
  height: 100%;
  display: flex;
  position: relative;
}

.div-block-3700 {
  justify-content: space-between;
  display: flex;
}

.div-block-3701 {
  text-align: center;
  justify-content: center;
  align-items: center;
  width: 45px;
  height: 45px;
  margin-right: -10px;
  display: flex;
  position: relative;
}

.heading-455 {
  justify-content: center;
  align-items: center;
  width: 45px;
  height: 45px;
  margin-top: 0;
  margin-bottom: 0;
  display: flex;
  position: absolute;
  inset: 0%;
}

.div-block-3702 {
  background-color: #000;
  border-radius: 20px;
  width: 5px;
  height: 20px;
  position: relative;
  inset: 0%;
  transform: translate(6px, 2px)rotate(90deg);
}

.div-block-3702.right {
  position: relative;
  transform: translate(-6px, 2px)rotate(-90deg);
}

.image-160 {
  object-fit: contain;
  width: 100%;
  height: 100%;
  margin-left: auto;
  margin-right: auto;
  transition: all .475s cubic-bezier(1, .003, 0, .997);
  position: absolute;
  inset: 0%;
  transform: scale(.95);
}

.image-160:hover {
  transform: scale(1.05);
}

.image-160.news {
  transform: scale(1.1);
}

.div-block-3703 {
  padding: 10px;
  position: relative;
}

.image-160-copy {
  filter: brightness(139%) blur(7px);
  object-fit: contain;
  width: 100%;
  height: 100%;
  margin-left: auto;
  margin-right: auto;
  display: block;
  position: absolute;
  inset: 0%;
  transform: scale(5);
}

.div-block-3704 {
  filter: blur(2px);
  background-image: url("https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg");
  background-position: 50%;
  background-size: auto;
  position: absolute;
  inset: 0%;
}

.heading-456, .heading-457 {
  position: relative;
}

.link-block-117 {
  flex: 1;
  position: absolute;
  inset: 0%;
}

.div-block-3705 {
  text-align: center;
  border-radius: 20px;
  justify-content: center;
  align-items: center;
  min-width: 125px;
  min-height: 55px;
  padding: 15px 10px;
  display: flex;
  position: relative;
}

.div-block-3705:hover {
  background-color: var(--oircle-notification);
}

.collection-list-112 {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  margin-left: -15px;
  margin-right: -15px;
  padding-bottom: 15px;
  padding-left: 15px;
  padding-right: 15px;
  display: flex;
  overflow: scroll;
}

.categoryname {
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  inset: 0%;
}

.categoryname:hover {
  color: var(--white);
}

.div-block-3706 {
  position: relative;
}

.item-name, .item-price {
  color: #0000;
}

.category {
  padding: 0;
  display: block;
  position: relative;
}

.hero {
  justify-content: center;
  align-items: center;
  height: 150vh;
  margin-top: 0;
  margin-bottom: 25vh;
  padding: 25px;
  display: flex;
  position: relative;
}

.div-block-3707 {
  z-index: 1;
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
}

.heading-459 {
  color: var(--white);
  -webkit-text-stroke-width: 5px;
  -webkit-text-stroke-color: var(--black);
  text-shadow: 0 1px 1px #0003;
  font-family: Runnur Font, sans-serif;
  font-size: 200px;
  font-weight: 400;
  line-height: 150px;
}

.image-161 {
  width: 500px;
  position: absolute;
}

.div-block-3708 {
  background-color: var(--oircle-bold-blue);
  height: 100vh;
}

.div-block-3709 {
  transform-style: preserve-3d;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 150px;
  display: flex;
  position: absolute;
  transform: rotateX(20deg)rotateY(0)rotateZ(0);
}

.pave {
  transform-style: preserve-3d;
  background-image: url("https://cdn.prod.website-files.com/5aa43322534e4a0001179757/650c1e81516c4e723b14de16_StraightLinePlacement.png");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  flex: 1;
  align-self: stretch;
  transform: rotateX(60deg)rotateY(0)rotateZ(0);
}

.collection-category-item {
  align-self: stretch;
  min-width: 125px;
  height: 55px;
  margin: 15px;
  display: none;
  position: relative;
}

.collection-category-item:hover {
  background-color: var(--oircle-notification);
  border-radius: 20px;
}

.collection-list-113 {
  flex-direction: column;
  display: flex;
}

.main-5 {
  position: absolute;
  inset: 0%;
}

.button-85 {
  margin: 15px;
  position: absolute;
  inset: auto auto 0% 0%;
}

.link-block-118 {
  color: #0000;
  background-color: #0000;
  margin-left: 0;
  margin-right: 0;
  position: absolute;
  inset: 0%;
}

.link-block-118:hover {
  color: var(--neo-dark);
}

.link-block-118.news {
  color: var(--white);
  display: inline-block;
}

.text-block-370 {
  background-image: none;
  border-radius: 0;
  margin: 0;
  padding: 10px 25px 25px;
  font-size: 15px;
  font-weight: 600;
  position: absolute;
  inset: auto 0% 0%;
}

.text-block-370.news {
  background-image: linear-gradient(#0000, #00000080);
}

.text-block-371 {
  text-align: left;
  font-size: 10px;
  line-height: 10px;
}

.text-block-371-copy {
  text-align: left;
  font-size: 15px;
}

.newscontentcontain {
  padding: 0;
  display: block;
  position: relative;
}

.image-162 {
  filter: blur(5px);
  position: absolute;
  transform: scale(2);
}

.image-163 {
  max-width: 90%;
  position: relative;
  inset: 0%;
}

.uiproductprice-copy {
  filter: brightness();
  color: #0000;
  justify-content: center;
  align-items: center;
  font-size: 15px;
  font-weight: 700;
  display: flex;
  position: absolute;
  inset: 0%;
}

.image-162-copy {
  opacity: .5;
  filter: blur(5px);
  position: absolute;
  transform: scale(2);
}

.supportcontentcontain {
  padding: 0;
  display: block;
  position: relative;
}

.collection-list-111-copy {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-flow: column wrap;
  display: flex;
}

.a {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  background-image: none;
  border-radius: 0;
  align-items: center;
  margin: 0;
  padding: 15px;
  font-size: 15px;
  font-weight: 600;
  display: flex;
  position: absolute;
  inset: 0%;
}

.a.news {
  background-image: linear-gradient(#0000, #00000080);
}

.image-164 {
  object-fit: contain;
  border-radius: 12px;
  width: 100px;
  height: 100px;
}

.text-block-371-copy-copy {
  text-align: left;
  font-size: 20px;
}

.div-block-3710 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-direction: column;
  display: flex;
}

.item-number {
  color: #0000;
}

.heading-460 {
  z-index: 1;
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  color: #49494980;
  justify-content: center;
  align-items: center;
  min-height: 75px;
  padding: 15px;
  display: none;
  position: absolute;
  inset: 0% 0% auto;
}

.div-block-3711 {
  width: 55px;
  height: 55px;
  display: none;
  position: absolute;
  inset: auto -10% 20px auto;
}

.arrow-up-backward-and-arrow-down-forward, .arrow-down-forward-and-arrow-up-backward {
  justify-content: center;
  align-items: center;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 25px;
  font-weight: 400;
  display: flex;
  position: absolute;
  inset: 0%;
}

.div-block-3659-copy {
  z-index: 5;
  filter: brightness(0%) invert(80%);
  background-image: url("https://cdn.prod.website-files.com/5aa43322534e4a0001179757/5dd43bc93661392620a5c4fe_Oircle%20Fullfilment%20Logotype%20%7C%20Colour.png");
  background-position: 57%;
  background-repeat: no-repeat;
  background-size: contain;
  flex: 0 auto;
  justify-content: center;
  align-self: stretch;
  align-items: center;
  margin: auto;
  display: flex;
  position: fixed;
  inset: 0%;
}

.div-block-3659-copy.nologo {
  background-image: none;
  background-position: 0 0;
  background-repeat: repeat;
  background-size: auto;
}

.div-block-3659-copy.nologo.white {
  filter: brightness(0%) invert();
}

.lottie-animation-26 {
  width: 100vw;
  margin-left: 0;
}

.div-block-3712 {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  flex-wrap: wrap-reverse;
  justify-content: center;
  align-items: stretch;
  min-height: 100vh;
  margin: 0;
  padding: 0;
  display: flex;
  overflow: scroll;
}

.section-76 {
  flex: 1;
}

.div-block-3713 {
  background-color: var(--element-dynamic);
  border-radius: 15px;
  flex: 1;
  justify-content: center;
  width: auto;
  min-width: 400px;
  min-height: 600px;
  margin: 30px;
  display: flex;
  position: sticky;
  top: 30px;
  overflow: hidden;
}

.div-block-3714 {
  flex: 1;
  margin: 18px;
}

.div-block-3715 {
  flex: 1;
}

.image-165 {
  object-fit: scale-down;
  object-position: 50% 100%;
  flex: 0 auto;
  width: 100%;
  height: 100%;
  margin-top: 0;
  margin-left: auto;
  margin-right: auto;
  padding-top: 230px;
  padding-bottom: 0;
  position: absolute;
  inset: 0%;
}

.div-block-3713-copy {
  grid-column-gap: 35px;
  grid-row-gap: 35px;
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  min-width: 500px;
  padding: 30px;
  display: flex;
}

.lottie-animation-27 {
  flex: 0 auto;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.text-block-372 {
  color: var(--white);
  justify-content: center;
  align-items: center;
  padding-bottom: 180px;
  font-family: Ofont, sans-serif;
  font-size: 1000px;
  font-weight: 400;
  display: flex;
}

.text-block-373 {
  margin: 15px;
  font-weight: 500;
  position: absolute;
  inset: 0% 0% auto;
}

.div-block-3716 {
  z-index: 4;
  border: .1px solid var(--hover-element-dynamic);
  border-radius: 30px;
  justify-content: space-between;
  margin: 20px;
  padding: 20px;
  display: flex;
  position: sticky;
  inset: auto 0% 20px;
}

.div-block-3717 {
  border: .1px solid var(--hover-element-dynamic);
  background-image: url("https://cdn.prod.website-files.com/5aa43322534e4a0001179757/641472b5036e355c1a4c158f_Oircle%20Connect.jpg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  border-radius: 25px;
  width: 100px;
  min-width: 100px;
  height: 100px;
  min-height: 100px;
  position: relative;
  overflow: hidden;
}

.div-block-56-copy {
  border: 0 #000;
  border-top-color: #80808080;
  justify-content: flex-start;
  align-items: flex-end;
  height: auto;
  margin-top: 30px;
  padding: 20px 0 0;
  font-size: 10px;
  display: flex;
  position: static;
  inset: 50px 0 0;
}

.div-block-3718 {
  z-index: 3;
  flex-direction: column;
  justify-content: space-between;
  display: flex;
  position: relative;
}

.heading-461 {
  text-transform: uppercase;
}

.option-check-copy {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  border-top: 0px solid var(--white);
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  margin-top: -45px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 0;
  padding-right: 0;
  display: flex;
  position: absolute;
  inset: auto auto auto 0%;
}

.div-block-3719 {
  width: 45px;
  height: 45px;
}

.operation-check-copy {
  z-index: 1001;
  background-color: var(--oircle-default-gry);
  border-radius: 50%;
  width: 45px;
  height: 45px;
  padding-left: 15px;
  padding-right: 15px;
  position: absolute;
}

.div-block-3720 {
  z-index: 1001;
  justify-content: flex-start;
  align-items: center;
  display: none;
  position: relative;
}

.div-block-3721 {
  background-color: var(--oircle-grim-gry);
  border-radius: 50%;
  width: 45px;
  height: 45px;
  position: relative;
}

.div-block-3722 {
  margin: 7.65px 10px 10px;
}

.div-block-3723 {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  border: .1px none var(--hover-element-dynamic);
  box-shadow: none;
  background-image: none;
  border-radius: 20px;
  flex-flow: wrap;
  justify-content: center;
  align-items: center;
  min-width: 95vw;
  min-height: 500px;
  margin: 15px;
  padding: 0;
  display: flex;
  position: relative;
  overflow: visible;
}

.div-block-3723._1 {
  background-image: linear-gradient(to bottom, var(--hover-element-dynamic), var(--hover-element-dynamic));
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
}

.div-block-3723._2 {
  z-index: -3;
  bottom: 100px;
}

.div-block-3723._3 {
  z-index: -4;
  bottom: 60px;
}

.div-block-3723._5 {
  grid-column-gap: 25px;
  grid-row-gap: 25px;
  box-shadow: none;
  flex-wrap: wrap;
  overflow: visible;
}

.div-block-3723.blank {
  background-color: var(--hover-element-dynamic);
}

.div-block-3723.double {
  flex-flow: row;
  flex: 1;
  justify-content: center;
  align-self: stretch;
  align-items: center;
  min-width: 500px;
  margin: 0;
}

.div-block-3723._6 {
  z-index: -6;
  grid-column-gap: 25px;
  grid-row-gap: 25px;
  box-shadow: none;
  flex-wrap: wrap;
  overflow: visible;
}

.div-block-3723.podcast {
  background-image: url("https://cdn.prod.website-files.com/5aa43322534e4a0001179757/66b4f69244efd0f38ce7d01b_colour.png");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.div-block-3723.store {
  background-image: linear-gradient(45deg, #01abff 16%, #00c2ff 36%);
  border-style: solid;
}

.div-block-3724 {
  z-index: 1;
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-direction: column;
  align-items: center;
  min-height: 2200px;
  margin-top: -25px;
  padding: 0 20px 160px;
  display: block;
  position: relative;
}

.button-86 {
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  min-width: 32px;
  height: 32px;
  margin: 5px auto;
  padding: 0;
  font-size: 17px;
  font-weight: 400;
  transition: all .4s, transform .4s;
  display: none;
  position: absolute;
  inset: auto auto 0%;
}

.button-86:hover {
  color: var(--white);
  text-shadow: 0 0 7px #0003;
  font-size: 20px;
}

.email {
  background-color: #0000;
  border: 1px #0000;
  height: 75px;
  margin-bottom: 0;
  padding: 15px;
}

.email.description {
  text-align: left;
  height: auto;
  min-height: 75px;
  display: flex;
}

.password {
  background-color: #0000;
  border: 1px #0000;
  height: 75px;
  margin-bottom: 0;
  padding: 15px;
  display: block;
}

.password.description {
  text-align: left;
  height: auto;
  min-height: 75px;
  display: flex;
}

.checkuser {
  color: #6d6d6d80;
  background-color: #3898ec00;
  flex: 1;
  justify-content: center;
  align-items: center;
  width: 65px;
  height: 65px;
  margin-left: auto;
  margin-right: auto;
  padding: 15px;
  font-size: 30px;
  font-weight: 700;
  transition: text-shadow .4s, transform .4s;
  display: flex;
}

.checkuser:hover {
  text-shadow: 0 0 10px #0003;
}

.urlprofilecontain {
  z-index: 9;
  background-image: url("https://cdn.prod.website-files.com/5aa43322534e4a0001179757/641472b5036e355c1a4c158f_Oircle%20Connect.jpg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 50%;
  justify-content: center;
  margin-left: 0;
  margin-right: 0;
  display: flex;
  position: relative;
  overflow: hidden;
  box-shadow: 0 0 10px #0003;
}

.div-block-3725 {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  grid-template-rows: repeat(auto-fit, 50px) 50px;
  grid-template-columns: repeat(auto-fit, 50px);
  grid-auto-rows: 50px;
  grid-auto-columns: 50px;
  grid-auto-flow: row;
  justify-content: center;
  place-items: center;
  margin: -200px auto -60px;
  padding-top: 0;
  display: grid;
  position: relative;
  inset: 0%;
  transform: scale(.8);
}

.div-block-3726 {
  background-color: #f16f6f;
  border-radius: 50%;
  width: 150px;
  height: 150px;
  position: absolute;
  bottom: -150px;
  left: 50px;
  box-shadow: 0 0 5px #0003;
}

.div-block-3726-copy {
  background-color: #f16f6f;
  border-radius: 50%;
  width: 20px;
  height: 20px;
  position: relative;
  top: auto;
  left: auto;
  right: 65px;
  box-shadow: 0 0 5px #0003;
}

.div-block-3726-copy-copy {
  background-color: #f16f6f;
  border-radius: 50%;
  width: 40px;
  height: 40px;
  position: relative;
  top: auto;
  left: auto;
  right: -25px;
  box-shadow: 0 0 5px #0003;
}

.div-block-3726-copy-copy-copy {
  background-color: #f16f6f;
  border-radius: 50%;
  width: 30px;
  height: 30px;
  position: relative;
  top: auto;
  left: auto;
  right: 25px;
  box-shadow: 0 0 5px #0003;
}

.div-block-3727 {
  flex: 1;
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
}

.div-block-3728 {
  background-color: var(--hover-element-dynamic);
  border-radius: 50%;
  width: 50px;
  height: 50px;
}

.div-block-3728-copy {
  background-color: var(--hover-element-dynamic);
  border-radius: 50%;
  width: 35px;
  height: 35px;
}

.div-block-3728-copy-copy {
  background-image: url("https://cdn.prod.website-files.com/5aa43322534e4a0001179757/5fb3cc78103f72c929714484_Online%20Artwork.png");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  border: .1px solid #f5f5f5;
  border-radius: 50%;
}

.div-block-3728-copy-copy.education {
  background-image: url("https://cdn.prod.website-files.com/5aa43322534e4a0001179757/641dd93b82f2afe03a590051_Oircle%20Education%20Logo%20webclip.png");
  background-position: 50%;
}

.div-block-3728-copy-copy.education.account {
  display: none;
}

.div-block-3728-copy-copy.news {
  z-index: 1;
  background-image: url("https://cdn.prod.website-files.com/5aa43322534e4a0001179757/641dd93b443cbe189da4d5c0_Oircle%20News%20%7C%20Logotype%20Webclip.png");
  position: relative;
}

.div-block-3728-copy-copy.news.settings {
  z-index: 10;
  background-image: none;
  width: auto;
  height: auto;
  position: absolute;
  inset: 0%;
}

.div-block-3728-copy-copy.oircle-store-distribute {
  background-image: url("https://cdn.prod.website-files.com/5aa43322534e4a0001179757/60df0e52695d3166f5d8089d_Webart.png");
}

.div-block-3728-copy-copy.oircle-store-distribute.account {
  background-color: var(--white-smoke);
  background-image: none;
  display: flex;
}

.div-block-3728-copy-copy.oircle-tv {
  background-image: url("https://cdn.prod.website-files.com/5aa43322534e4a0001179757/5de68563d04b5776594b05e2_Oircle%20TV%20Logotype.png");
}

.div-block-3728-copy-copy.oircle-tv.account {
  display: none;
}

.div-block-3728-copy-copy.solor {
  z-index: 1;
  background-image: url("https://cdn.prod.website-files.com/5aa43322534e4a0001179757/5c7e0177d43a3e5550b405e4_Oircle%20Store%20%7C%201080%20x%201080.png");
  position: relative;
}

.div-block-3728-copy-copy.solor.plank {
  background-color: var(--white-smoke);
  background-image: none;
  background-repeat: repeat;
  background-size: auto;
  justify-content: center;
  align-items: center;
  display: flex;
}

.div-block-3728-copy-copy.oircle-create {
  background-image: url("https://cdn.prod.website-files.com/5aa43322534e4a0001179757/5c25fa4f4fdbba475cbffbb9_download.png");
}

.div-block-3728-copy-copy.oircle-create.account {
  display: none;
}

.div-block-3728-copy-copy.cook {
  z-index: 1;
  background-image: url("https://cdn.prod.website-files.com/5aa43322534e4a0001179757/5c0a03421e0b0277b63d5fdd_COOK.png");
  position: relative;
}

.div-block-3728-copy-copy.cook.plank {
  background-color: var(--white-smoke);
  background-image: none;
  display: flex;
}

.div-block-3728-copy-copy.oircle-search {
  background-image: url("https://cdn.prod.website-files.com/5aa43322534e4a0001179757/5afa8f70659d5b9da6e3ce5b_M.E.png");
}

.div-block-3728-copy-copy.oircle-search.account {
  display: none;
}

.div-block-3728-copy-copy.oircle-maps {
  background-image: url("https://cdn.prod.website-files.com/5aa43322534e4a0001179757/5c2a19639a1575c70d8a5b8e_03911f66-8a01-422e-90fc-6edc20eb7286.png");
}

.div-block-3728-copy-copy.oircle-maps.account {
  display: none;
}

.div-block-3728-copy-copy.oircle-store {
  background-color: #fff;
  background-image: url("https://cdn.prod.website-files.com/5aa43322534e4a0001179757/612e4d1772d9fd2704e4580a_Application%20Logotype.png");
  background-size: 100px;
}

.div-block-3728-copy-copy.oircle-store.account {
  display: none;
}

.div-block-3728-copy-copy.space {
  background-image: url("https://cdn.prod.website-files.com/5aa43322534e4a0001179757/635e2f9fe19fbda98f0c8a00_Runnur_9.png");
  background-size: cover;
}

.div-block-3728-copy-copy.space.account {
  background-color: var(--white-smoke);
  background-image: none;
  display: flex;
}

.div-block-3728-copy-copy.solor-develop {
  z-index: 1;
  position: relative;
}

.div-block-3728-copy-copy.solordevelopmentitem.plank {
  background-color: var(--white-smoke);
  background-image: none;
  background-repeat: repeat;
  background-size: auto;
  display: flex;
}

.oircleservicesintro {
  padding: 40px;
  display: block;
  position: absolute;
  inset: 0% 0% auto;
}

.div-block-3730 {
  display: block;
}

.checkusercontain {
  background-color: var(--white-smoke);
  border-radius: 15px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  width: 65px;
  height: 65px;
  margin-left: auto;
  margin-right: auto;
  padding: 0;
  font-size: 30px;
  font-weight: 700;
  display: flex;
}

.logincontain, .signupcontain {
  background-color: var(--white-smoke);
  border-radius: 15px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  width: 65px;
  height: 65px;
  margin-left: auto;
  margin-right: auto;
  padding: 0;
  font-size: 30px;
  font-weight: 700;
  display: none;
}

.loginuser {
  color: #6d6d6d80;
  background-color: #3898ec00;
  flex: 1;
  justify-content: center;
  align-items: center;
  width: 65px;
  height: 65px;
  margin-left: auto;
  margin-right: auto;
  padding: 15px;
  font-size: 30px;
  font-weight: 700;
  transition: text-shadow .4s, transform .4s;
  display: flex;
}

.loginuser:hover {
  text-shadow: 0 0 10px #0003;
}

.signupuser {
  color: #6d6d6d80;
  background-color: #3898ec00;
  flex: 1;
  justify-content: center;
  align-items: center;
  width: 65px;
  height: 65px;
  margin-left: auto;
  margin-right: auto;
  padding: 15px;
  font-size: 30px;
  font-weight: 700;
  transition: text-shadow .4s, transform .4s;
  display: flex;
}

.signupuser:hover {
  text-shadow: 0 0 10px #0003;
}

.div-block-3731 {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  justify-content: center;
  align-items: center;
  min-width: 65px;
  max-width: 65px;
  min-height: 65px;
  max-height: 65px;
  padding: 5px;
  display: flex;
  position: relative;
  inset: 0% 0% 0% auto;
}

.urlprofile {
  flex: 1;
  position: absolute;
  inset: 0%;
}

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

.emailtextcontain {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 40px;
  display: none;
  position: fixed;
  inset: 0% 0% auto;
}

.editemail {
  margin-top: -5px;
  margin-left: 0;
  margin-right: -15px;
  font-size: 13px;
  position: absolute;
  inset: 0% 0% auto auto;
}

.div-block-3732 {
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
}

.div-block-3733 {
  position: absolute;
  inset: 0%;
}

.form-block-11 {
  margin-bottom: 0;
  position: absolute;
  inset: 0%;
}

.form-12 {
  justify-content: center;
  align-items: center;
  padding: 0;
  display: flex;
  position: absolute;
  inset: 0%;
}

.default-state-23 {
  flex: 1;
  justify-content: center;
  align-self: stretch;
  align-items: center;
  display: flex;
}

.file-upload {
  flex: 1;
  justify-content: center;
  align-self: stretch;
  align-items: center;
  margin-bottom: 0;
  display: flex;
}

.button-87 {
  background-color: #fafafa;
  flex-direction: column;
  flex: 1;
  justify-content: center;
  align-self: stretch;
  align-items: center;
  margin-bottom: 0;
  display: flex;
}

.heading-462 {
  font-size: 65px;
  line-height: 65px;
}

.dropzone {
  object-fit: contain;
  border-radius: 50%;
  position: absolute;
  inset: 0%;
}

.hoverpulse, .profilepicture {
  display: none;
  position: absolute;
  inset: 0%;
}

.div-block-3735 {
  justify-content: center;
  align-items: center;
  padding: 20px;
  display: flex;
  position: absolute;
  inset: 0%;
}

.div-block-3736 {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.hovertext-copy {
  margin: -2px 10px;
  font-size: 25px;
  font-weight: 700;
  line-height: 25px;
}

.div-block-3737 {
  background-color: var(--white-smoke);
  border-radius: 50px;
  flex: 0 auto;
  width: 50px;
  height: 5px;
}

.div-block-3738 {
  justify-content: center;
  align-items: center;
  display: flex;
}

.userfieldcontainhorizontal {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  border-radius: 15px;
  flex: 1;
  justify-content: space-between;
  min-width: 75px;
  margin: 7.5px;
  padding: 0;
  display: flex;
  position: relative;
  overflow: hidden;
}

.userfieldcontainhorizontal.detailspanel {
  flex: 0 auto;
  margin-bottom: auto;
}

.userfieldcontainhorizontal.detailspanel.description {
  min-height: 175px;
}

.lastname {
  background-color: #0000;
  border: 1px #0000;
  height: 75px;
  margin-bottom: 0;
  padding: 15px;
  display: block;
}

.lastname.description {
  text-align: left;
  height: auto;
  min-height: 75px;
  display: flex;
}

.firstname {
  background-color: #0000;
  border: 1px #0000;
  height: 75px;
  margin-bottom: 0;
  padding: 15px;
}

.firstname.description {
  text-align: left;
  height: auto;
  min-height: 75px;
  display: flex;
}

.birth {
  background-color: #0000;
  border: 1px #0000;
  height: 75px;
  margin-bottom: 0;
  padding: 15px;
}

.birth.description {
  text-align: left;
  height: auto;
  min-height: 75px;
  display: flex;
}

.div-block-3739 {
  border: .5px solid var(--hover-element-dynamic);
  background-image: url("https://cdn.prod.website-files.com/5aa43322534e4a0001179757/641472b5036e355c1a4c158f_Oircle%20Connect.jpg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 20px;
  width: 75px;
  min-width: 75px;
  height: 75px;
  min-height: 75px;
  margin-left: auto;
  margin-right: auto;
}

.div-block-3740 {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  flex-direction: column;
  align-items: center;
  min-width: 200px;
  padding: 10px;
  display: flex;
}

.paragraph-206 {
  text-align: center;
  font-size: 12px;
  line-height: 13px;
}

.link-51 {
  margin-left: 0;
  font-size: 11px;
}

.submit-button-15, .signupcomponent {
  display: none;
}

.showpassword {
  color: #6d6d6d80;
  justify-content: center;
  align-items: center;
  margin: 15px;
  padding: 20px;
  display: flex;
  position: absolute;
  inset: 0% 0% 0% auto;
}

.passwordcontain {
  display: none;
  position: relative;
}

.eyeopen {
  color: #6d6d6d80;
  flex: 1;
  justify-content: center;
  align-self: stretch;
  align-items: center;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 25px;
  line-height: 25px;
  display: flex;
  position: absolute;
  inset: 0%;
}

.eyeopen:hover {
  color: var(--oircle-notification);
}

.eyeclosed {
  color: #6d6d6d80;
  flex: 1;
  justify-content: center;
  align-self: stretch;
  align-items: center;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 25px;
  line-height: 25px;
  display: none;
  position: absolute;
  inset: 0%;
}

.eyeclosed:hover {
  color: var(--oircle-notification);
}

.passwordcreate {
  background-color: var(--white-smoke);
  border-radius: 15px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  width: 65px;
  height: 65px;
  margin-left: auto;
  margin-right: auto;
  padding: 0;
  font-size: 30px;
  font-weight: 700;
  display: flex;
}

.passwordcreateuser {
  color: #6d6d6d80;
  background-color: #3898ec00;
  flex: 1;
  justify-content: center;
  align-items: center;
  width: 65px;
  height: 65px;
  margin-left: auto;
  margin-right: auto;
  padding: 15px;
  font-size: 30px;
  font-weight: 700;
  transition: text-shadow .4s, transform .4s;
  display: flex;
}

.passwordcreateuser:hover {
  text-shadow: 0 0 10px #0003;
}

.div-block-3725-copy {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  grid-template-rows: repeat(auto-fit, 50px);
  grid-template-columns: repeat(auto-fit, 50px);
  grid-auto-rows: 50px;
  grid-auto-columns: 50px;
  grid-auto-flow: row;
  place-content: center;
  place-items: center;
  height: 100vh;
  margin: 0 auto;
  padding-top: 0;
  display: grid;
  position: relative;
  inset: 0%;
}

.text-block-374 {
  text-align: center;
  padding: 20px;
  font-size: 35px;
  font-weight: 700;
  position: fixed;
  inset: 0% 0% auto;
}

.heading-463 {
  margin-top: 0;
  margin-bottom: 0;
  text-decoration: line-through;
}

.text-block-375 {
  flex: 1;
  justify-content: center;
  align-self: stretch;
  align-items: center;
  font-size: 30px;
  font-weight: 700;
  transition: all .4s cubic-bezier(.68, -.55, .265, 1.55);
  display: flex;
}

.text-block-375:hover {
  font-size: 45px;
}

.text-block-375:active {
  transform: rotate(45deg);
}

.text-block-375-copy {
  flex: 1;
  justify-content: center;
  align-self: stretch;
  align-items: center;
  font-size: 30px;
  font-weight: 700;
  transition: all .4s cubic-bezier(.68, -.55, .265, 1.55);
  display: flex;
}

.text-block-375-copy:hover {
  font-size: 45px;
}

.text-block-375-copy-copy {
  flex: 1;
  justify-content: center;
  align-self: stretch;
  align-items: center;
  font-size: 30px;
  font-weight: 700;
  transition: all .4s cubic-bezier(.68, -.55, .265, 1.55);
  display: flex;
}

.text-block-375-copy-copy:hover {
  font-size: 45px;
  transform: rotate(-45deg);
}

.containbasket {
  z-index: 1;
  color: var(--oircle-default-gry);
  text-align: center;
  cursor: none;
  border-radius: 20px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  width: 55px;
  height: 55px;
  margin: 0;
  padding: 0;
  font-family: SF Pro Display, sans-serif;
  font-size: 20px;
  font-weight: 700;
  display: flex;
  position: relative;
}

.containbasket:hover {
  color: var(--white);
  text-shadow: 0 0 20px #0000001a;
  background-image: linear-gradient(#80808080, #80808080);
}

.containbasket:focus-visible, .containbasket[data-wf-focus-visible] {
  outline-color: var(--oircle-notification);
  outline-offset: 3px;
  color: var(--white);
  text-shadow: 0 0 20px #0003;
  background-image: linear-gradient(#80808080, #80808080);
  outline-width: 3px;
  outline-style: none;
}

.containbasket.menuicon {
  flex: 0 auto;
  font-size: 20px;
}

.containbasket.menuicon.search {
  z-index: 5;
  align-self: stretch;
  width: 60px;
  transition: all .5s;
  position: absolute;
  inset: 0% auto 0% 0%;
}

.containbasket.menuicon.search:hover {
  width: 100%;
}

.containbasket.menuicon.menucart {
  flex-direction: row;
  order: 1;
  justify-content: center;
  align-items: stretch;
  height: auto;
  min-height: 55px;
  padding: 0;
  font-weight: 300;
  display: flex;
  position: static;
}

.containbasket.token {
  display: none;
}

.containbasket.token:visited {
  display: flex;
}

.uicontainadvertisment-copy {
  border: .5px none var(--element-dynamic);
  border-radius: 20px;
  flex-wrap: wrap;
  flex: 1;
  justify-content: space-around;
  align-self: stretch;
  align-items: stretch;
  margin: 0;
  padding: 40px;
  display: flex;
  position: relative;
}

.uicontainadvertisment-copy.podcasts {
  flex-flow: row;
  justify-content: center;
  align-items: center;
}

.uicontainadvertismentdetails-copy {
  text-align: center;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.div-block-3741 {
  z-index: 1;
  padding: 5px;
  position: relative;
}

.div-block-3742 {
  justify-content: center;
  align-items: center;
  width: 100vw;
  height: 100vh;
  padding: 30px;
  display: flex;
}

.div-block-3743-search-filter {
  z-index: 3;
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  border: .1px solid var(--hover-element-dynamic);
  -webkit-backdrop-filter: blur(15px);
  backdrop-filter: blur(15px);
  background-image: none;
  border-radius: 22.5px;
  flex-direction: column;
  width: 45px;
  height: 45px;
  padding: 15px;
  transition: all .45s cubic-bezier(.77, 0, .175, 1);
  display: flex;
  position: absolute;
  inset: 0% 0% 0% 60px;
  overflow: hidden;
  transform: translate(0);
}

.div-block-3743-search-filter:hover {
  z-index: 1001;
  -webkit-backdrop-filter: blur(15px);
  backdrop-filter: blur(15px);
  background-image: none;
  width: 200px;
  height: 325px;
  transform: translate(0, -195px);
  box-shadow: 0 0 10px #0003;
}

.div-block-3744 {
  margin: 317px;
}

.text-block-376 {
  position: absolute;
}

.menuoption {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  color: #464646;
  border-radius: 20px;
  flex-flow: row;
  justify-content: flex-start;
  align-items: center;
  max-height: 75px;
  margin-left: 0;
  margin-right: 0;
  padding: 15px;
  font-size: 13px;
  display: flex;
}

.menuoption:hover {
  background-color: var(--element-dynamic);
  position: relative;
}

.div-block-3746 {
  background-color: var(--hover-element-dynamic);
  background-image: none;
  background-repeat: repeat;
  background-size: auto;
  border-radius: 17.5px;
  justify-content: center;
  align-items: center;
  width: 35px;
  min-width: 35px;
  max-width: 35px;
  height: 35px;
  min-height: 35px;
  max-height: 35px;
  display: flex;
}

.div-block-3746.oirclestore {
  background-image: url("https://cdn.prod.website-files.com/5aa43322534e4a0001179757/61d9918b3553735178de1862_Oircle%20News%20Logotype%20_2%202.png");
  background-size: contain;
}

.div-block-3746.oircleaccount {
  border: .5px solid var(--element-dynamic);
  background-image: url("https://cdn.prod.website-files.com/5aa43322534e4a0001179757/641472b5036e355c1a4c158f_Oircle%20Connect.jpg");
  background-size: contain;
}

.div-block-3746.oircleeducation {
  background-image: url("https://cdn.prod.website-files.com/5aa43322534e4a0001179757/641dd93b82f2afe03a590051_Oircle%20Education%20Logo%20webclip.png");
  background-size: contain;
}

.div-block-3746.oirclesearch {
  background-image: url("https://cdn.prod.website-files.com/5aa43322534e4a0001179757/5afa8f70659d5b9da6e3ce5b_M.E.png");
  background-size: contain;
}

.div-block-3746.store {
  background-image: url("https://cdn.prod.website-files.com/5aa43322534e4a0001179757/5c7e0177d43a3e5550b405e4_Oircle%20Store%20%7C%201080%20x%201080.png");
  background-repeat: no-repeat;
  background-size: contain;
}

.div-block-3746.logo {
  border: .1px solid var(--hover-element-dynamic);
  background-image: url("https://cdn.prod.website-files.com/5aa43322534e4a0001179757/5c7e0177d43a3e5550b405e4_Oircle%20Store%20%7C%201080%20x%201080.png");
  background-repeat: no-repeat;
  background-size: contain;
}

.div-block-3746.epic-store {
  background-color: var(--black);
  background-image: url("https://cdn.prod.website-files.com/5aa43322534e4a0001179757/66bf04feec6980538217991b_Unreal%2BEngine-eg-logo-filled-1255x1272-0eb9d144a0f981d1cbaaa1eb957de7a3207b31bb.png");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 25px;
}

.div-block-3746.steam {
  background-image: url("https://cdn.prod.website-files.com/5aa43322534e4a0001179757/66bf05b4824488eaf7413479_Steam_icon_logo.svg.png");
  background-repeat: no-repeat;
  background-size: contain;
}

.podcastshareoptionscontain {
  z-index: 3;
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  opacity: 1;
  color: #464646;
  flex-direction: column;
  justify-content: space-around;
  align-items: stretch;
  margin: -40px;
  padding: 40px;
  transition: color .3s cubic-bezier(.86, 0, .07, 1), opacity .3s, transform .4s cubic-bezier(.785, .135, .15, .86);
  display: flex;
  position: absolute;
  inset: 0%;
  transform: scale(.5);
}

.podcastshareoptionscontain:hover {
  opacity: 1;
  color: #46464600;
  transform: scale(1);
}

.text-block-377 {
  color: #fdfdfd;
  text-shadow: 0 0 10px #000;
  font-size: 20px;
  font-weight: 400;
}

.div-block-3748 {
  z-index: 3;
  justify-content: space-around;
  align-items: center;
  padding: 22px;
  display: flex;
  position: relative;
}

.div-block-3743-copy {
  z-index: 3;
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  border: .1px solid var(--hover-element-dynamic);
  -webkit-backdrop-filter: blur(15px);
  backdrop-filter: blur(15px);
  background-image: none;
  border-radius: 22.5px;
  flex-direction: column;
  width: 45px;
  height: 45px;
  padding: 0;
  transition: all .45s cubic-bezier(.77, 0, .175, 1);
  display: flex;
  position: absolute;
  inset: 0% 0% 0% 120px;
  overflow: hidden;
  transform: translate(0);
}

.div-block-3743-copy:hover {
  z-index: 1001;
  -webkit-backdrop-filter: blur(15px);
  backdrop-filter: blur(15px);
  background-image: none;
  width: 200px;
  height: 275px;
  transform: translate(0, -145px);
  box-shadow: 0 0 10px #0003;
}

.div-block-3743-copy-button {
  z-index: 3;
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  border: .1px solid var(--hover-element-dynamic);
  -webkit-backdrop-filter: blur(15px);
  backdrop-filter: blur(15px);
  background-image: none;
  border-radius: 22.5px;
  flex-direction: column;
  width: 45px;
  height: 45px;
  padding: 15px;
  transition: all .45s cubic-bezier(.77, 0, .175, 1);
  display: flex;
  position: absolute;
  inset: 0% 0% 0% 180px;
  overflow: hidden;
  transform: translate(0);
}

.div-block-3743-copy-button:hover {
  z-index: 1001;
  -webkit-backdrop-filter: blur(15px);
  backdrop-filter: blur(15px);
  background-image: none;
  width: 200px;
  height: 390px;
  transform: translate(0, -260px);
  box-shadow: 0 0 10px #0003;
}

.div-block-3743-copy-copy-copy {
  z-index: 3;
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  border: .1px solid var(--hover-element-dynamic);
  -webkit-backdrop-filter: blur(15px);
  backdrop-filter: blur(15px);
  background-image: none;
  border-radius: 22.5px;
  flex-direction: column;
  width: 45px;
  height: 45px;
  padding: 15px;
  transition: all .45s cubic-bezier(.77, 0, .175, 1);
  display: flex;
  position: absolute;
  inset: 0% 0% 0% 240px;
  overflow: hidden;
  transform: translate(0);
}

.div-block-3743-copy-copy-copy:hover {
  z-index: 1001;
  -webkit-backdrop-filter: blur(15px);
  backdrop-filter: blur(15px);
  background-image: none;
  width: 200px;
  height: 275px;
  transform: translate(0, -145px);
  box-shadow: 0 0 10px #0003;
}

.urlprofileimage {
  position: absolute;
  inset: 0%;
}

.div-block-3749 {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  background-color: var(--hover-element-dynamic);
  justify-content: center;
  align-items: center;
  padding-top: 5px;
  padding-bottom: 5px;
  padding-right: 5px;
  display: flex;
  position: relative;
}

.text-block-378 {
  align-items: center;
  margin-left: 24px;
  display: flex;
  position: absolute;
  inset: 0%;
}

.accountsettings, .accountcontinue {
  margin: 0;
  display: none;
  position: absolute;
  inset: 0%;
}

.uiadvertismentforeground-copy {
  background-image: url("https://cdn.prod.website-files.com/5aa43322534e4a0001179757/639444c72c8cc359883d236b_oircle%20store.png");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 400px;
  min-width: 400px;
  max-width: 400px;
  height: 400px;
  min-height: 400px;
  max-height: 400px;
  margin: 15px;
  position: relative;
}

.uicontainadvertisment-copy-copy {
  border: .1px solid var(--element-dynamic);
  background-color: #0000;
  background-image: url("https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 20px;
  flex-wrap: wrap;
  flex: 1;
  justify-content: space-around;
  align-self: stretch;
  align-items: stretch;
  margin: 0;
  padding: 40px;
  display: flex;
  position: relative;
}

.div-block-3750 {
  flex: 1;
  justify-content: center;
  align-items: center;
  line-height: 20px;
  display: flex;
  position: absolute;
  inset: 0%;
  transform: scale(1.7);
}

.div-block-3750:hover {
  opacity: 0;
}

.podcastshareoptionscontainicon {
  text-align: center;
  background-color: #3898ec00;
  flex: 1;
  justify-content: center;
  align-self: stretch;
  align-items: center;
  margin: 0 auto 0 5px;
  padding-left: 0;
  font-size: 25px;
  line-height: 20px;
  display: flex;
  position: absolute;
  transform: scale(1.7);
}

.text-block-379 {
  color: #464646;
}

.podcastshareoptionscontainoption {
  opacity: 0;
  flex: 1;
  align-self: stretch;
  min-width: 45px;
  min-height: 45px;
  transition: opacity .3s cubic-bezier(.86, 0, .07, 1);
  overflow: scroll;
}

.podcastshareoptionscontainoption:hover {
  opacity: 1;
}

.div-block-3752 {
  width: 100vw;
  height: 100vh;
  position: relative;
}

.section-ios15-copy {
  justify-content: center;
  align-items: center;
  margin-top: -315px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 50vh;
  display: flex;
  overflow: hidden;
}

.button-88 {
  color: var(--oircle-notification);
  text-transform: uppercase;
  background-color: #3898ec00;
  margin-left: 0;
  margin-right: 0;
  padding: 0;
  font-size: 13px;
  line-height: 10px;
}

.news-articles {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  padding: 20px;
  display: flex;
}

.article-contain {
  cursor: none;
  border-radius: 15px;
  flex-direction: column;
  flex: 1;
  justify-content: flex-end;
  align-self: stretch;
  min-width: 300px;
  min-height: 400px;
  margin-left: 0;
  margin-right: 0;
  display: flex;
  position: relative;
  overflow: hidden;
}

.article-contain:hover {
  transform: scale(1.05);
}

.article-item-contain {
  flex-direction: column;
  flex: 1;
  justify-content: flex-end;
  padding: 20px;
  display: flex;
  position: relative;
}

.image-166 {
  position: absolute;
  inset: 0%;
}

.article-image {
  filter: blur(10px);
  background-image: url("https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  position: absolute;
  inset: 0%;
}

.article-item-image {
  background-image: url("https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border: .1px solid #b6b6b64a;
  border-radius: 10px;
  flex: 1;
  align-self: stretch;
  min-width: 200px;
  min-height: 200px;
  box-shadow: 0 0 10px #0000001a;
}

.article-item-link {
  font-size: 10px;
  line-height: 10px;
}

.contain {
  padding: 20px;
  position: fixed;
  inset: 0% auto auto 0%;
  overflow: hidden;
}

.div-block-3753 {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  background-color: var(--white-smoke);
  border-radius: 20px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  width: 175px;
  height: 65px;
  min-height: 65px;
  padding: 0;
  transition: all 1s, height .4s cubic-bezier(.86, 0, .07, 1), width .4s cubic-bezier(.86, 0, .07, 1);
  display: block;
  position: relative;
  overflow: visible;
}

.div-block-3753:hover {
  width: 24vw;
  height: auto;
  overflow: visible;
}

.div-block-3754 {
  background-image: url("https://cdn.prod.website-files.com/5aa43322534e4a0001179757/60a544357e4d68026bfecccf_Single%203D%20Icon.png");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 40px;
  width: 55px;
  height: 55px;
}

.time-stamp {
  margin-right: 10px;
}

.div-block-3755 {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  border: .5px solid var(--white-smoke);
  border-radius: 15px;
  justify-content: flex-start;
  align-items: center;
  height: 75px;
  margin: 0 10px;
  padding: 10px;
  transition: all .4s cubic-bezier(.86, 0, .07, 1);
  display: flex;
}

.div-block-3755:hover {
  transform: scale(1.15);
  box-shadow: 0 0 10px #0003;
}

.div-block-3756 {
  background-color: var(--hover-element-dynamic);
  border-radius: 20px;
  height: 3px;
  margin-left: 35px;
  margin-right: 35px;
}

.contain-copy {
  padding: 20px;
  position: fixed;
  inset: 0% 0% auto auto;
}

.div-block-3753-copy {
  border: .1px solid var(--element-dynamic);
  background-color: var(--white-smoke);
  cursor: none;
  background-image: url("https://cdn.prod.website-files.com/5aa43322534e4a0001179757/641472b5036e355c1a4c158f_Oircle%20Connect.jpg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 20px;
  justify-content: center;
  align-items: center;
  width: 65px;
  height: 65px;
  padding: 0;
  transition: height .4s cubic-bezier(.86, 0, .07, 1), width .4s cubic-bezier(.86, 0, .07, 1);
  overflow: hidden;
}

.div-block-3753-copy:hover {
  width: 125px;
  height: 125px;
}

.div-block-3755-copy {
  justify-content: flex-start;
  align-items: center;
  height: 55px;
  margin-top: 0;
  display: flex;
  position: absolute;
  inset: 0% 0% auto;
}

.div-block-3754-copy {
  background-image: url("https://cdn.prod.website-files.com/5aa43322534e4a0001179757/659e83af397d463843a7edcf_R.png");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 10px;
  width: 55px;
  height: 55px;
}

.time-stamp-copy {
  color: var(--white-smoke);
  margin-right: 10px;
}

.collection-list-114 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-direction: column;
  justify-content: space-between;
  display: flex;
}

.collection-list-wrapper-80 {
  opacity: 0;
  flex-direction: column;
  justify-content: space-around;
  align-items: stretch;
  margin: -80px;
  padding: 79px;
  display: none;
  position: absolute;
  inset: 0%;
  transform: scale(.8);
}

.collection-list-wrapper-80:hover {
  opacity: 1;
  transform: scale(1);
}

.div-block-3757 {
  margin-top: 100px;
  padding: 0 20px;
}

.div-block-3758 {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  margin: 20px;
  display: flex;
}

.div-block-3759 {
  background-color: var(--white-smoke);
  border-radius: 15px;
  flex-wrap: wrap;
  flex: 1;
  align-self: stretch;
  min-width: 215px;
  min-height: 215px;
  padding: 15px;
  display: block;
}

.div-block-3759-copy {
  flex-wrap: wrap;
  flex: 1;
  align-self: stretch;
  min-width: 200px;
  min-height: 200px;
  display: flex;
}

.div-block-3759-copy-copy {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  flex-wrap: wrap;
  flex: 1;
  align-self: stretch;
  min-height: 200px;
  display: flex;
}

.div-block-3760 {
  background-color: var(--white-smoke);
  border-radius: 15px;
  flex: 1;
  align-self: stretch;
  min-width: 50vw;
  min-height: 200px;
  padding: 15px;
}

.news-articles-small {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-flow: wrap;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: center;
  margin-top: 10px;
  padding: 0;
  display: flex;
}

.article-contain-small {
  cursor: none;
  border-radius: 15px;
  flex-direction: column;
  flex: 1;
  justify-content: flex-end;
  align-self: stretch;
  min-width: 200px;
  min-height: 100px;
  margin-left: 0;
  margin-right: 0;
  display: flex;
  position: relative;
  overflow: hidden;
}

.article-image-small {
  filter: blur(10px);
  background-image: url("https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  position: absolute;
  inset: 0%;
}

.article-item-contain-small {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  flex-flow: wrap;
  flex: 1;
  justify-content: flex-end;
  padding: 10px;
  display: flex;
  position: relative;
}

.article-item-image-small {
  background-image: url("https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border: .1px solid #b6b6b64a;
  border-radius: 10px;
  flex: 1;
  align-self: stretch;
  min-width: 100px;
  min-height: 100px;
  box-shadow: 0 0 10px #0000001a;
}

.article-item-link-small {
  font-size: 9px;
  font-weight: 500;
  line-height: 10px;
}

.article-contain-item-small {
  flex: 1;
  align-self: center;
}

.article-item-image-tiny {
  background-image: url("https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border: .1px solid #b6b6b64a;
  border-radius: 10px;
  flex: 1;
  align-self: stretch;
  min-width: 50px;
  min-height: 50px;
  box-shadow: 0 0 10px #0000001a;
}

.news-articles-tiny {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-flow: wrap;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: center;
  margin-top: 10px;
  padding: 0;
  display: flex;
}

.article-contain-tiny {
  cursor: none;
  border-radius: 15px;
  flex-direction: column;
  flex: 1;
  justify-content: flex-end;
  align-self: stretch;
  min-width: 200px;
  min-height: 50px;
  margin-left: 0;
  margin-right: 0;
  display: flex;
  position: relative;
  overflow: hidden;
}

.article-image-tiny {
  filter: blur(10px);
  background-image: url("https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  position: absolute;
  inset: 0%;
}

.article-item-contain-tiny {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  flex-flow: wrap;
  flex: 1;
  justify-content: flex-end;
  padding: 10px;
  display: flex;
  position: relative;
}

.article-contain-item-tiny {
  flex: 1;
  align-self: center;
}

.article-item-link-tiny {
  font-size: 9px;
  font-weight: 500;
  line-height: 10px;
}

.div-block-3757-copy {
  margin-top: 50px;
  padding: 0 20px;
}

.collection-list-115 {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  padding: 20px;
  display: flex;
  overflow: scroll;
}

.div-block-3761 {
  border: .1px solid var(--white-smoke);
  border-radius: 15px;
  width: 250px;
  height: 350px;
  padding: 15px;
}

.div-block-3762 {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.div-block-3763 {
  background-image: url("https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  flex: 1;
  height: 45px;
}

.section-77 {
  justify-content: center;
  align-items: center;
  height: 100vh;
  padding: 80px;
  display: flex;
}

.heading-465 {
  text-align: center;
  font-size: 65px;
  line-height: 65px;
}

.div-block-3764 {
  justify-content: center;
  align-items: center;
  height: 100vh;
  padding: 80px;
  display: flex;
}

.div-block-3765 {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  flex-flow: column;
  justify-content: center;
  align-items: stretch;
  min-height: 100vh;
  padding: 0;
  display: flex;
}

.div-block-3766 {
  text-align: center;
  padding: 55px;
}

.div-block-3767 {
  flex: 1;
}

.text-block-377-copy {
  color: #fdfdfd;
  text-shadow: 0 0 10px #000;
  font-family: Ofont, sans-serif;
  font-size: 40px;
  font-weight: 400;
}

.link-block-119 {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  background-color: var(--element-dynamic);
  border-radius: 30px;
  justify-content: flex-start;
  align-items: center;
  margin: 15px;
  padding: 15px;
  text-decoration: none;
  display: flex;
  position: relative;
}

.div-block-3773 {
  border: .3px solid var(--hover-element-dynamic);
  background-color: var(--hover-element-dynamic);
  border-radius: 15px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  width: 45px;
  min-width: 45px;
  max-width: 45px;
  height: 45px;
  min-height: 45px;
  max-height: 45px;
  padding: 8px;
  display: flex;
  position: relative;
}

.div-block-3769 {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  flex-flow: column;
  flex: 1;
  display: flex;
}

.paragraph-207 {
  height: 50px;
  display: none;
  overflow: hidden;
}

.text-block-380 {
  font-size: 13px;
  line-height: 13px;
  position: absolute;
  inset: auto auto 0% 0%;
}

.div-block-3770 {
  background-color: var(--hover-element-dynamic);
  color: #a0a0a000;
  border-radius: 7px;
  justify-content: flex-start;
  align-items: center;
  width: 25px;
  height: 25px;
  margin: 20px;
  font-weight: 400;
  display: flex;
  position: absolute;
  inset: 0% 0% auto auto;
  overflow: hidden;
}

.div-block-3770:hover {
  color: var(--oircle-default-gry);
  width: auto;
}

.text-block-381 {
  color: var(--oircle-default-gry);
  text-align: center;
  width: 20px;
  min-width: 20px;
  margin-left: 3px;
  margin-right: 3px;
}

.text-block-382 {
  border-left: 1px solid var(--oircle-default-gry);
  padding-left: 10px;
  padding-right: 10px;
}

.webiconfavicon {
  border-radius: 5px;
  flex: 0 auto;
  display: block;
  position: relative;
  inset: 0%;
}

.webiconfavicon.video {
  background-image: none;
  background-position: 0 0;
  background-repeat: repeat;
  background-size: auto;
}

.div-block-3771 {
  padding: 0;
  display: flex;
}

.link-block-120 {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  background-color: var(--element-dynamic);
  border-radius: 30px;
  flex-flow: column;
  justify-content: flex-end;
  align-items: stretch;
  width: 450px;
  height: 300px;
  margin: 15px;
  padding: 15px;
  text-decoration: none;
  display: flex;
  position: relative;
}

.div-block-3772 {
  background-color: #d4d4d4;
  border-radius: 15px;
  flex: 1;
  justify-content: flex-end;
  align-items: flex-start;
  display: flex;
}

.heading-466 {
  height: 45.5px;
  overflow: hidden;
}

.div-block-3774 {
  justify-content: flex-end;
  align-items: flex-end;
  padding-right: 30px;
  display: flex;
  position: relative;
}

.div-block-3775 {
  background-color: var(--hover-element-dynamic);
  color: #a0a0a000;
  border-radius: 7px;
  justify-content: flex-start;
  align-items: center;
  width: 25px;
  height: 25px;
  margin: 0;
  font-weight: 400;
  display: flex;
  position: absolute;
  inset: auto 0% 0% auto;
  overflow: hidden;
}

.div-block-3775:hover {
  color: var(--oircle-default-gry);
  width: auto;
}

.link-block-120-copy {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  background-color: var(--element-dynamic);
  border-radius: 30px;
  flex-flow: column;
  justify-content: flex-end;
  align-items: stretch;
  width: 300px;
  height: 300px;
  margin: 15px;
  padding: 15px;
  text-decoration: none;
  display: flex;
  position: relative;
  overflow: hidden;
}

.div-block-3772-copy {
  background-color: #d4d4d4;
  background-image: url("https://cdn.prod.website-files.com/5aa43322534e4a0001179757/5eff3783bd3802bca95dda0b_man-lying-on-plants-29215216.jpg");
  background-position: 50%;
  background-size: cover;
  border-radius: 15px;
  flex: 1;
  justify-content: flex-end;
  align-items: flex-start;
  padding: 15px;
  display: flex;
  position: absolute;
  inset: 0%;
}

.div-block-3776 {
  -webkit-backdrop-filter: blur(2px);
  backdrop-filter: blur(2px);
  height: 25%;
  position: absolute;
  inset: auto 0% 0%;
}

.heading-466-copy {
  color: var(--element-dynamic);
  height: 45.5px;
  overflow: hidden;
}

.div-block-3771-copy {
  flex-flow: column;
  padding: 0;
  display: flex;
}

.link-block-119-copy {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  background-color: var(--element-dynamic);
  border-radius: 30px;
  flex-flow: row;
  flex: 1;
  justify-content: center;
  align-items: center;
  min-height: 200px;
  margin: 15px;
  padding: 15px;
  text-decoration: none;
  display: flex;
  position: relative;
}

.heading-467 {
  margin: 0;
}

.div-block-3777 {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  flex-flow: column;
  flex: 1;
  justify-content: center;
  align-items: stretch;
  display: flex;
}

.div-block-3778 {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  min-width: 200px;
  max-width: 400px;
  min-height: 200px;
  display: flex;
}

.paragraph-208 {
  font-size: 50px;
  line-height: 50px;
}

.heading-468 {
  margin: 0;
  font-size: 80px;
  line-height: 80px;
  position: absolute;
}

.div-block-3779 {
  background-color: var(--hover-element-dynamic);
  border-radius: 20px;
  width: 100px;
  height: 5px;
}

.div-block-3780 {
  border: .5px solid var(--element-dynamic);
  background-color: #fff;
  border-top-right-radius: 30px;
  border-bottom-right-radius: 30px;
  flex: 1;
  justify-content: center;
  align-self: stretch;
  align-items: center;
  margin: -15px;
  padding: 30px;
  display: flex;
  position: relative;
}

.div-block-3780-copy {
  flex: 1;
  justify-content: center;
  align-self: stretch;
  align-items: center;
  margin-top: -15px;
  margin-bottom: -15px;
  margin-left: -15px;
  padding: 30px;
  display: flex;
  position: relative;
}

.div-block-3781 {
  width: 35px;
  height: 35px;
  position: relative;
}

.link-block-121 {
  background-image: url("https://cdn.prod.website-files.com/5aa43322534e4a0001179757/5afa8f70659d5b9da6e3ce5b_M.E.png");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 10px;
  margin-left: 0;
  margin-right: 0;
  position: absolute;
  inset: 0%;
}

.link-block-121.calculatr {
  background-image: url("https://cdn.prod.website-files.com/5aa43322534e4a0001179757/5b43715ec8d353b0934262d5_Analyst.png");
}

.div-block-3782 {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  justify-content: flex-start;
  align-items: center;
  margin: 15px;
  display: flex;
  position: absolute;
  inset: auto 0% 0% auto;
}

.div-block-3782.leading {
  inset: 0% auto auto 0%;
}

.image-167 {
  filter: blur(5px);
  border-radius: 10px;
  position: absolute;
  inset: 0%;
  transform: scale(1.1);
}

.link-block-121-copy {
  border: .3px solid var(--hover-element-dynamic);
  background-color: var(--element-dynamic);
  border-radius: 10px;
  justify-content: center;
  align-items: center;
  margin-left: 0;
  margin-right: 0;
  font-weight: 600;
  transition-property: all;
  display: flex;
  position: absolute;
  inset: 0%;
}

.link-block-121-copy:hover {
  text-shadow: 0 1px 3px #0006;
  font-size: 20px;
  font-weight: 400;
}

.div-block-3783 {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  flex: 1;
  justify-content: center;
  align-self: stretch;
  align-items: stretch;
  height: 50px;
  max-height: 50px;
  padding-left: 25px;
  padding-right: 25px;
  display: flex;
  position: absolute;
  inset: -65px 0% auto;
}

.div-block-3784 {
  background-color: var(--element-dynamic);
  border-radius: 15px;
  flex: 1;
  justify-content: center;
  align-items: flex-start;
  min-height: 50px;
  padding-top: 7px;
  transition: min-height .4s cubic-bezier(1, .003, 0, 1.003);
  display: flex;
  position: relative;
  overflow: hidden;
}

.div-block-3784:hover {
  min-height: 400px;
}

.div-block-3785 {
  border: .5px solid var(--hover-element-dynamic);
  background-color: var(--element-dynamic);
  border-radius: 10px;
  width: 35px;
  height: 35px;
  margin-top: auto;
  margin-bottom: auto;
  margin-right: 10px;
  position: absolute;
  inset: 0% 0% 0% auto;
}

.link-block-121-copy-copy {
  border: .3px solid var(--hover-element-dynamic);
  background-color: var(--element-dynamic);
  border-radius: 10px;
  justify-content: center;
  align-items: center;
  width: 35px;
  height: 35px;
  margin-left: 0;
  margin-right: 10px;
  font-weight: 600;
  transition-property: all;
  display: flex;
  position: absolute;
  inset: auto 0% auto auto;
}

.link-block-121-copy-copy:hover {
  text-shadow: 0 1px 3px #0006;
  font-size: 20px;
  font-weight: 400;
}

.div-block-3786 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  flex-flow: column;
  justify-content: flex-start;
  align-items: stretch;
  padding: 60px 10px 10px;
  display: flex;
  position: absolute;
  inset: 0%;
  overflow: scroll;
}

.heading-469 {
  margin-top: 7px;
  position: relative;
}

.link-block-122 {
  border: .5px solid var(--hover-element-dynamic);
  background-color: var(--element-dynamic);
  border-radius: 15px;
  justify-content: center;
  align-items: center;
  height: 65px;
  min-height: 65px;
  margin-left: 0;
  margin-right: 0;
  display: flex;
  position: relative;
  overflow: hidden;
}

.link-block-122:hover {
  background-color: var(--hover-element-dynamic);
}

.image-168 {
  position: absolute;
  inset: 0%;
}

.div-block-3787 {
  filter: blur(15px);
  background-image: url("https://cdn.prod.website-files.com/5aa43322534e4a0001179757/5afa8f70659d5b9da6e3ce5b_M.E.png");
  background-position: 50%;
  background-repeat: repeat-x;
  background-size: cover;
  position: absolute;
  inset: 0%;
}

.heading-470 {
  font-size: 15px;
  position: absolute;
}

.div-block-3788 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.div-block-3789 {
  border: .5px solid var(--hover-element-dynamic);
  background-color: var(--element-dynamic);
  border-radius: 10px;
  justify-content: center;
  align-items: center;
  width: 45px;
  height: 45px;
  margin-right: 10px;
  padding: 5px;
  display: flex;
  position: absolute;
  inset: auto 0% auto auto;
}

.image-169 {
  width: 40px;
  max-width: none;
  height: 40px;
  display: block;
}

.div-block-3790 {
  background-image: url("https://cdn.prod.website-files.com/5aa43322534e4a0001179757/63a841209e85361e48c6bda6_USA.svg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 7px;
  margin: 6px;
  position: absolute;
  inset: 0%;
}

.div-block-3790-copy {
  filter: blur(10px);
  inset: 0%;
  background-image: url("https://cdn.prod.website-files.com/5aa43322534e4a0001179757/63a841209e85361e48c6bda6_USA.svg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 7px;
  margin: 6px;
  position: absolute;
  inset: 0%;
}

.link-block-122-copy {
  border: .5px solid var(--hover-element-dynamic);
  background-color: var(--element-dynamic);
  border-radius: 15px;
  justify-content: flex-start;
  align-items: center;
  height: 65px;
  min-height: 65px;
  margin-left: 0;
  margin-right: 0;
  padding-left: 15px;
  padding-right: 45px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.link-block-122-copy:hover {
  background-color: var(--hover-element-dynamic);
}

.image-167-copy {
  filter: blur(5px);
  border-radius: 10px;
  position: absolute;
  inset: 0%;
  transform: scale(1.1);
}

.div-block-3791 {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  background-color: var(--white);
  border-top-left-radius: 30px;
  border-top-right-radius: 30px;
  flex-flow: column;
  height: 450px;
  padding: 20px;
  display: flex;
}

.div-block-3792 {
  background-color: var(--element-dynamic);
  border-radius: 30px;
  margin: 15px;
}

.link-block-119-copy-copy {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  flex-flow: row;
  flex: 1;
  justify-content: center;
  align-items: center;
  min-height: 200px;
  margin: 15px;
  padding: 15px;
  text-decoration: none;
  display: flex;
  position: relative;
}

.div-block-3793 {
  background-color: var(--element-dynamic);
  border-radius: 25px;
  flex-flow: column;
  justify-content: center;
  align-items: flex-end;
  min-height: 100px;
  padding: 15px;
  display: flex;
  position: relative;
}

.div-block-3794 {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  flex-flow: wrap;
  flex: 1;
  justify-content: center;
  align-items: stretch;
  padding: 0;
  display: flex;
}

.div-block-3795 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex: 1;
  grid-template-rows: auto auto auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.div-block-3796 {
  background-color: var(--element-dynamic);
  border-radius: 15px;
  justify-content: center;
  align-items: center;
  padding: 10px;
  font-size: 20px;
  line-height: 20px;
  display: flex;
}

.div-block-3796:hover {
  background-color: var(--hover-element-dynamic);
  transform: scale(1.1);
}

.div-block-3796.backgroundacent {
  color: var(--white);
  background-image: url("https://cdn.prod.website-files.com/5aa43322534e4a0001179757/5c34a8fd8914d63e92ad1d6c_Analyst%20Colour.png");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.div-block-3796.delete {
  color: var(--white);
  background-color: #ff0000d1;
}

.div-block-3797 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto auto auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  min-width: 75px;
  display: grid;
}

.heading-471 {
  -webkit-text-stroke-width: .5px;
  -webkit-text-stroke-color: var(--hover-element-dynamic);
  -webkit-text-fill-color: transparent;
  background-image: url("https://cdn.prod.website-files.com/5aa43322534e4a0001179757/5c34a8fd8914d63e92ad1d6c_Analyst%20Colour.png");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  -webkit-background-clip: text;
  background-clip: text;
}

.link-block-119-copy-copy {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  background-color: var(--element-dynamic);
  border-radius: 30px;
  flex-flow: row;
  flex: 1;
  justify-content: center;
  align-items: center;
  min-height: 200px;
  margin: 75px 15px 15px;
  padding: 15px;
  text-decoration: none;
  display: flex;
  position: relative;
}

.div-block-3798 {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  flex-flow: wrap;
  justify-content: center;
  display: flex;
}

.div-block-3799 {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  flex-flow: column;
  flex: 1;
  min-width: 35vw;
  height: 100vh;
  min-height: 50vh;
  padding: 15px;
  display: flex;
  position: sticky;
  top: 0;
}

.div-block-3800 {
  flex: 1;
  min-width: 60vw;
}

.div-block-3801 {
  background-color: var(--element-dynamic);
  border-radius: 30px;
  flex: 1;
  padding: 15px;
}

.div-block-3801-copy {
  background-color: var(--element-dynamic);
  border-radius: 30px;
  flex: 0 auto;
  height: 200px;
  position: relative;
}

.div-block-3801-copy-copy {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  background-color: var(--element-dynamic);
  border-radius: 30px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  height: 100px;
  padding: 10px;
  display: flex;
}

.div-block-3802 {
  background-image: url("https://cdn.prod.website-files.com/5aa43322534e4a0001179757/612e4d1772d9fd2704e4580a_Application%20Logotype.png");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  width: 175px;
  margin: 15px;
  padding: 0;
  position: absolute;
  inset: 0% 0% 0% auto;
}

.div-block-3803 {
  padding: 20px;
  position: absolute;
  inset: auto auto 0% 0%;
}

.div-block-3804 {
  background-image: url("https://cdn.prod.website-files.com/5aa43322534e4a0001179757/641dd93b443cbe189da4d5c0_Oircle%20News%20%7C%20Logotype%20Webclip.png");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 15px;
  flex: 0 auto;
  align-self: stretch;
}

.div-block-3805 {
  flex: 1;
  align-self: center;
  margin-right: 5px;
}

.image-170 {
  object-fit: cover;
  border-radius: 20px;
  align-self: stretch;
}

.button-89 {
  background-color: var(--hover-element-dynamic);
  color: var(--white);
  border-radius: 20px;
  margin-left: 0;
  margin-right: 10px;
}

.heading-472 {
  color: var(--hover-element-dynamic);
  font-size: 12px;
  line-height: 12px;
}

.heading-473 {
  color: var(--hover-element-dynamic);
}

.div-block-3806 {
  background-image: url("https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg");
  background-position: 100%;
  background-repeat: no-repeat;
  background-size: contain;
  flex-flow: row;
  justify-content: center;
  align-items: stretch;
  width: 96%;
  height: 100%;
  display: flex;
  position: absolute;
  inset: 0%;
}

.div-block-3806-copy {
  filter: blur(50px);
  background-image: url("https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg");
  background-position: 100%;
  background-repeat: no-repeat;
  background-size: contain;
  flex-flow: row;
  justify-content: center;
  align-items: stretch;
  width: 96%;
  height: 100%;
  display: flex;
  position: absolute;
  inset: 0%;
  transform: scale(.8);
}

.body-37 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  background-color: #fff0;
  flex-flow: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: center;
  padding: 280px;
  display: flex;
}

.body-38 {
  background-color: #fff0;
}

.adaptive {
  height: 100vh;
  display: block;
}

.adaptive.mono {
  display: none;
}

.section-62-copy {
  border-radius: 15px;
  margin-top: 0;
  padding: 20px;
  display: none;
  position: relative;
}

.div-block-3374-copy {
  background-image: url("https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  border-radius: 15px;
  flex: 0 auto;
  align-self: stretch;
  width: 100%;
  height: 50vh;
  min-height: 50vh;
  margin: 20px 20px 20px auto;
  display: none;
  position: relative;
  inset: 0% 0% auto;
}

.div-block-1671-copy {
  flex-direction: column;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: stretch;
  height: 100%;
  display: flex;
  position: absolute;
}

.adaptivedefaultcontain {
  flex-flow: row;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: stretch;
  width: 100vw;
  height: 100vh;
  display: flex;
  position: absolute;
  inset: 0%;
  overflow: visible;
}

.adaptiveimagelist {
  flex-direction: row;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: stretch;
  width: 100vw;
  height: 100%;
  display: flex;
  overflow: scroll;
}

.adaptivedefault {
  margin-bottom: 0;
  position: relative;
}

.adaptiveprice {
  opacity: 0;
  margin: 30px;
  position: fixed;
  inset: auto auto 0% 0%;
}

.oircle-store-product-wrapper-copy-copy {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  max-width: 1200px;
  margin-bottom: 0;
  margin-left: auto;
  margin-right: auto;
}

.body-39 {
  background-color: #fff0;
}

.options-copy {
  border-radius: 45px;
  margin-bottom: 180px;
  margin-left: 70px;
  margin-right: auto;
  position: fixed;
  inset: auto auto 0% 0%;
}

.collection-list-wrapper-81 {
  flex: 1;
}

.product-option-list-copy-copy {
  opacity: 1;
  flex-wrap: wrap;
  justify-content: center;
  display: flex;
}

.productoptionlistcontain-copy {
  border-radius: 30px;
  justify-content: center;
  align-items: center;
  height: 55px;
  margin: 5px;
  padding: 10px;
  display: flex;
  position: relative;
}

.productoptionlistcontain-copy.maxw {
  justify-content: center;
  min-width: 100px;
  max-width: 250px;
  padding: 0;
  overflow: visible;
}

.adapveimagelistcontain {
  flex-flow: row;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100vw;
  height: 100%;
  display: flex;
  overflow: visible;
}

.adaptiveimageitemcontain {
  justify-content: flex-start;
  align-items: stretch;
  display: flex;
}

.adaptiveimageitem {
  object-fit: contain;
  justify-content: center;
  align-items: center;
  width: 65vw;
  min-width: 65vw;
  display: block;
}

.adaptivemenucart {
  margin: 25px;
  position: absolute;
  inset: 0% auto auto 0%;
}

.adaptivedefaultstate {
  opacity: 0;
}

.adaptiveoutofstockstate {
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  background-color: #ddd0;
  border-radius: 20px;
}

.adaptiveerrorstate {
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  text-align: center;
  background-color: #ffdede00;
  border-radius: 20px;
  width: 300px;
  margin: 29px auto;
  padding: 15px;
  position: fixed;
  inset: 0% 0% auto;
}

.adaptiveerrormessage {
  font-weight: 700;
}

.div-block-3807 {
  display: none;
}

.div-block-3808 {
  background-image: url("https://cdn.prod.website-files.com/5aa43322534e4a0001179757/669d4ecdbcaef6bbef58d60f_Oircle%20Podcasts.jpg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 65px;
  width: 300px;
  height: 300px;
  margin-top: 35vh;
  margin-left: auto;
  margin-right: auto;
  position: sticky;
  top: 0;
  transform: scale(1.1);
}

.div-block-3809 {
  flex-flow: row;
  justify-content: center;
  align-items: center;
  height: 200vh;
  display: block;
  position: relative;
  inset: 0%;
  overflow: visible;
}

.div-block-3810 {
  text-align: center;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  padding: 145px;
  display: flex;
}

.div-block-3812 {
  background-image: none;
  background-repeat: repeat;
  background-size: auto;
  border-radius: 65px;
  justify-content: center;
  align-items: center;
  width: 300px;
  height: 300px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: sticky;
  inset: 35vh 0% 0%;
  overflow: hidden;
}

.div-block-3813 {
  height: 150vh;
  position: static;
  inset: 0%;
  overflow: visible;
}

.div-block-3814 {
  background-image: linear-gradient(45deg, #01adef 20%, #ee4c75 80%);
  position: absolute;
  inset: 0%;
  transform: scale(1.5);
}

.div-block-3815 {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  inset: 0%;
}

.div-block-3816 {
  background-color: #fff;
  border-radius: 100px;
  width: 25px;
  height: 85px;
}

.div-block-3816-copy {
  background-color: #fff;
  border-radius: 100px;
  width: 25px;
  height: 130px;
}

.div-block-3816-copy-copy {
  background-color: #fff;
  border-radius: 100px;
  width: 25px;
  height: 45px;
}

.image-171 {
  opacity: 0;
}

.div-block-3817 {
  text-align: center;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  padding: 115px 45px 45px;
  display: flex;
}

.paragraph-209 {
  width: 50%;
  margin-left: auto;
  margin-right: auto;
}

.div-block-3818 {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  margin: 15px;
  display: flex;
}

.button-90 {
  vertical-align: middle;
  background-color: #3898ec00;
  background-image: linear-gradient(45deg, #1aabed, #ec4d77);
  border-radius: 25px;
  height: 50px;
  padding: 15px 30px;
  font-weight: 700;
  transition: all .4s cubic-bezier(.68, -.55, .265, 1.55), transform .4s;
}

.button-90:hover {
  color: var(--white);
  font-size: 18px;
  transform: scale(1.1);
  box-shadow: 0 2px 5px #8589c0;
}

.button-90._w-h {
  width: 50px;
  padding-left: 15px;
  padding-right: 15px;
}

.div-block-3819 {
  text-align: center;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  margin-top: 15vh;
  display: flex;
}

.div-block-3820 {
  grid-column-gap: 25px;
  grid-row-gap: 25px;
  justify-content: center;
  align-items: center;
  display: flex;
  overflow: hidden;
}

.div-block-3821 {
  z-index: 3;
  background-image: url("https://cdn.prod.website-files.com/5aa43322534e4a0001179757/67234f32984cf9168f9106e2_Artboard1_5.png");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 400px;
  min-width: 400px;
  height: 700px;
  margin-left: -99px;
  margin-right: -99px;
  position: relative;
}

.div-block-3821.second {
  background-image: url("https://cdn.prod.website-files.com/5aa43322534e4a0001179757/6723540c45f4680fc9b7c5ec_Artboard1_7.png");
}

.div-block-3821.third {
  z-index: 1;
  background-image: url("https://cdn.prod.website-files.com/5aa43322534e4a0001179757/6723540c3bf34a7369ea74c3_Artboard1_3.png");
}

.text-block-10-copy {
  z-index: 10;
  color: #fff;
  letter-spacing: 1px;
  -webkit-text-fill-color: transparent;
  background-image: linear-gradient(90deg, #1eaaec 20%, #eb4f78 80%);
  -webkit-background-clip: text;
  background-clip: text;
  max-width: none;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 60px;
  font-weight: 900;
  line-height: 65px;
  position: relative;
}

.div-block-3819-copy {
  text-align: center;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  margin-top: 0;
  display: flex;
}

.div-block-3822 {
  text-align: center;
  flex-flow: column;
  padding: 35px;
  display: flex;
}

.div-block-3823 {
  text-align: center;
}

.div-block-3824 {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  background-color: #aa5959;
  flex-flow: wrap;
  flex: 1;
  justify-content: space-between;
  align-items: center;
  margin-top: 45px;
  padding: 15px;
  display: flex;
}

.div-block-3825 {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  flex-flow: wrap;
  flex: 1;
  justify-content: space-around;
  display: flex;
}

.div-block-3825-copy {
  background-color: #d14545;
  width: 250px;
  height: 250px;
}

.div-block-3826 {
  margin: 40px;
}

.uicontainadvertismentaction-copy {
  background-image: url("https://cdn.prod.website-files.com/5aa43322534e4a0001179757/6394479289f4b147ba1debca_Download_on_the_App_Store_Badge_US-UK_RGB_wht_092917.svg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 150px;
  min-height: 55px;
  margin: 15px;
  display: none;
}

.searchmenu {
  z-index: 4;
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  border: .1px solid var(--hover-element-dynamic);
  -webkit-backdrop-filter: blur(15px);
  backdrop-filter: blur(15px);
  background-image: none;
  border-radius: 22.5px;
  flex-direction: column;
  width: 45px;
  height: 45px;
  padding: 15px;
  transition: all .45s cubic-bezier(.77, 0, .175, 1);
  display: flex;
  position: absolute;
  inset: 0% 0% 0% 0;
  overflow: hidden;
  transform: translate(0);
}

.searchmenu:hover {
  z-index: 1001;
  -webkit-backdrop-filter: blur(15px);
  backdrop-filter: blur(15px);
  background-image: none;
  width: 375px;
  height: 45px;
  position: absolute;
  inset: 0%;
  overflow: visible;
  transform: translate(0);
  box-shadow: 0 0 10px #0003;
}

.search-22 {
  z-index: 4;
  opacity: 0;
  flex-flow: row;
  justify-content: flex-start;
  align-items: center;
  margin: -40px;
  padding: 80px;
  display: flex;
  position: absolute;
  inset: 0%;
}

.search-22:hover {
  opacity: 1;
}

.search-button-18 {
  border: .5px solid var(--hover-element-dynamic);
  -webkit-text-fill-color: transparent;
  background-color: #3898ec00;
  background-image: linear-gradient(45deg, #fd5959, #fa35ed);
  -webkit-background-clip: text;
  background-clip: text;
  border-radius: 50%;
  width: 45px;
  min-width: 45px;
  margin: 5px;
  padding: 0;
  font-size: 20px;
  position: relative;
}

.dynamic-search {
  background-color: #fff0;
  border: 0 #000;
  height: 100%;
  margin-bottom: 0;
  padding-left: 20px;
}

.div-block-3827 {
  width: 45px;
  min-width: 45px;
  height: 45px;
  min-height: 45px;
}

.div-block-3743-search-filter-copy:hover {
  z-index: 1001;
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  background-image: none;
  width: 200px;
  min-width: 200px;
  height: 325px;
  transform: translate(0, -195px);
  box-shadow: 0 0 10px #0003;
}

.d {
  display: none;
}

.dynamic-search-content {
  width: 425px;
  min-height: 0;
  max-height: 75vh;
  padding: 0;
  position: absolute;
  inset: auto auto 100% 0;
  overflow: scroll;
}

.section-78 {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  border: .1px solid var(--hover-element-dynamic);
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  transform: scale3d(1none, 1none, 1none);
  transform-style: preserve-3d;
  border-radius: 15px;
  flex-flow: row;
  justify-content: flex-start;
  align-items: center;
  margin: 15px 0;
  padding: 5px;
  transition: all .4s cubic-bezier(1, .003, 0, 1.009);
  display: flex;
  position: relative;
  overflow: hidden;
}

.div-block-3829 {
  border: .1px none var(--hover-element-dynamic);
  width: 65px;
  height: 65px;
  position: relative;
}

.div-block-3830 {
  opacity: .26;
  filter: blur(20px);
  background-image: url("https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: auto;
  margin: 0;
  position: absolute;
  inset: 0%;
}

.image-172 {
  border-radius: 10px;
  position: absolute;
  inset: 0%;
}

.div-block-3831 {
  flex: 1;
  position: relative;
}

.dynamics-subheading {
  opacity: .5;
  font-size: 10px;
  line-height: 10px;
}

.empty {
  background-color: #ddd0;
}

.dynamic-heading {
  margin-top: 0;
}

.dynamic-collection-item {
  margin: 15px;
  display: none;
  position: sticky;
  top: 15px;
  bottom: 15px;
}

.dynamic-collection-item:first-child {
  bottom: 15px;
}

.div-block-3832 {
  z-index: 1;
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  height: 15px;
  margin-left: 15px;
  margin-right: 15px;
  display: none;
  position: sticky;
  inset: 0 0% auto;
}

.cart-container {
  z-index: 1001;
  border: .1px solid #fff0;
  border-radius: 50px;
  flex: 1;
  justify-content: center;
  align-self: stretch;
  align-items: center;
  width: 65px;
  height: 65px;
  margin-top: 20px;
  margin-left: auto;
  margin-right: auto;
  padding: 0;
  transition: all .45s cubic-bezier(.77, 0, .175, 1);
  display: none;
  position: fixed;
  inset: 0% 0% auto;
  overflow: hidden;
  box-shadow: 0 0 #0003;
}

.cart-container:hover {
  width: 450px;
  height: 650px;
  inset: 0%;
  box-shadow: 0 0 10px #0003;
}

.cart-button-9 {
  border: .1px solid var(--hover-element-dynamic);
  opacity: 1;
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  background-color: #fff0;
  border-radius: 50px;
  flex-flow: column;
  flex: 0 auto;
  justify-content: center;
  align-self: stretch;
  align-items: center;
  width: 100%;
  height: 100%;
  margin-left: 0;
  margin-right: 0;
  padding: 0;
  position: absolute;
  inset: 0%;
  box-shadow: 0 0 #0003;
}

.cart-button-9:hover {
  width: 100%;
  height: 100%;
  box-shadow: 0 0 10px #0003;
}

.cart-quantity-8 {
  color: var(--white);
  background-color: #fff0;
  justify-content: center;
  align-items: center;
  height: auto;
  margin-bottom: -5px;
  margin-left: 0;
  font-size: 15px;
  line-height: 15px;
  display: flex;
  position: absolute;
  inset: 0%;
}

.cart-container-5 {
  box-shadow: none;
  background-color: #fff0;
  min-width: 0;
  max-width: none;
  height: 100%;
}

.new-cart-wrapper {
  background-color: #0000;
  justify-content: center;
  align-items: flex-start;
  display: flex;
  position: absolute;
  inset: 0%;
}

.cart-5 {
  flex: 1;
  justify-content: center;
  align-self: stretch;
  align-items: center;
  display: flex;
}

.empty-state-30 {
  color: #46464600;
  text-align: center;
  background-image: linear-gradient(45deg, #027bff, #02f9ff);
  border-radius: 50px;
  flex-flow: column;
  padding: 40px;
  position: absolute;
  inset: 0%;
}

.empty-state-30:hover {
  color: var(--white);
}

.oircle-store-logo {
  background-image: url("https://cdn.prod.website-files.com/5aa43322534e4a0001179757/612e4d1772d9fd2704e4580a_Application%20Logotype.png");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 200px;
  height: 200px;
}

.link-block-123 {
  color: var(--white);
  flex-flow: column;
  justify-content: center;
  align-items: center;
  margin-left: 0;
  margin-right: 0;
  padding: 44px;
  display: flex;
  position: absolute;
  inset: 0%;
}

.link-block-123:hover {
  color: var(--white);
}

.cart-header-7 {
  flex-flow: column;
  justify-content: space-between;
  align-items: center;
  display: none;
}

.close-button {
  background-color: var(--oircle-default-gry);
  border-radius: 20px;
  width: 200px;
  height: 5px;
}

.cart-footer-7 {
  z-index: 1;
  border-style: solid;
  border-width: 0 0 .1px;
  border-color: black black var(--hover-element-dynamic);
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  position: sticky;
  top: 0;
}

.div-block-3834 {
  opacity: .5;
  filter: blur(20px);
  object-fit: cover;
  flex: 0 auto;
  align-self: stretch;
  width: 100%;
  max-width: none;
  height: 100%;
  display: block;
  position: absolute;
  inset: 0%;
}

.heading-474 {
  justify-content: center;
  align-items: center;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 35px;
  line-height: 45px;
  display: flex;
  position: absolute;
  inset: 0%;
}

.checkout-actions-3 {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  flex-flow: row;
  justify-content: center;
  align-items: center;
  height: 55px;
  display: flex;
}

.error-state-17 {
  z-index: 1;
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  background-color: #fff0;
  justify-content: center;
  align-items: center;
  margin-bottom: 0;
  margin-left: 0;
  margin-right: 0;
  padding: 10px 45px;
  font-weight: 700;
  display: flex;
  position: sticky;
  inset: auto 0% 0;
}

.div-block-3835 {
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  border-radius: 20px;
  display: none;
  position: absolute;
  inset: 0%;
}

.show-all {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  color: #464646;
  border-radius: 20px;
  justify-content: flex-start;
  align-items: center;
  margin-left: 0;
  margin-right: 0;
  padding: 15px;
  font-size: 13px;
  display: flex;
}

.show-all:hover {
  background-color: var(--element-dynamic);
  position: relative;
}

.show-web-results {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  color: #464646;
  border-radius: 20px;
  justify-content: flex-start;
  align-items: center;
  margin-left: 0;
  margin-right: 0;
  padding: 15px;
  font-size: 13px;
  display: flex;
}

.show-web-results:hover {
  background-color: var(--element-dynamic);
  position: relative;
}

.show-products {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  color: #464646;
  border-radius: 20px;
  justify-content: flex-start;
  align-items: center;
  margin-left: 0;
  margin-right: 0;
  padding: 15px;
  font-size: 13px;
  display: flex;
}

.show-products:hover {
  background-color: var(--element-dynamic);
  position: relative;
}

.show-support {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  color: #464646;
  border-radius: 20px;
  justify-content: flex-start;
  align-items: center;
  margin-left: 0;
  margin-right: 0;
  padding: 15px;
  font-size: 13px;
  display: flex;
}

.show-support:hover {
  background-color: var(--element-dynamic);
  position: relative;
}

.show-index {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  color: #464646;
  border-radius: 20px;
  justify-content: flex-start;
  align-items: center;
  margin-left: 0;
  margin-right: 0;
  padding: 15px;
  font-size: 13px;
  display: flex;
}

.show-index:hover {
  background-color: var(--element-dynamic);
  position: relative;
}

.text-block-377-copy, .show-all-icon, .text-block-377-copy, .show-web-results-icon, .show-product-icon, .text-block-377-copy, .show-support-icon, .text-block-377-copy, .show-index-icon {
  color: #fdfdfd;
  text-shadow: 0 0 10px #000;
  font-size: 20px;
  font-weight: 400;
}

.search-icon {
  text-align: center;
  background-color: #3898ec00;
  flex: 1;
  justify-content: center;
  align-self: stretch;
  align-items: center;
  margin: 0 auto 0 5px;
  padding-left: 0;
  font-size: 25px;
  line-height: 20px;
  display: flex;
  position: absolute;
  transform: scale(1.7);
}

.div-block-3837 {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  border-radius: 20px;
  min-height: 600px;
  max-height: 600px;
  margin: 70px 20px 0;
  display: flex;
  position: relative;
}

.div-block-3838 {
  background-image: url("https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 20px;
  flex: 1;
  justify-content: center;
  align-items: center;
  min-width: 400px;
  display: flex;
  position: relative;
}

.div-block-3838-copy {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-flow: column;
  flex: 1;
  min-width: 300px;
  max-width: 450px;
  display: flex;
  position: relative;
}

.div-block-3839 {
  flex: 1;
  position: relative;
  overflow: hidden;
}

.div-block-3839-copy {
  flex: 1;
  max-height: 200px;
  margin-left: -20px;
  margin-right: -20px;
  display: flex;
  overflow: scroll;
}

.div-block-3840 {
  opacity: 1;
  filter: blur(20px);
  background-image: url("https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 20px;
  position: absolute;
  inset: 0%;
}

.div-block-3841 {
  border-radius: 20px;
  width: 300px;
  margin: 0;
  position: relative;
  overflow: hidden;
}

.div-block-3842 {
  background-image: url("https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 20px;
  margin: 15px;
  position: absolute;
  inset: 0%;
}

.div-block-3842-copy {
  filter: blur(10px);
  background-image: url("https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 20px;
  margin: 16px;
  position: absolute;
  inset: 0%;
  overflow: visible;
}

.collection-list-116 {
  height: 100%;
  margin-left: 5px;
  display: flex;
}

.collection-item-100 {
  display: flex;
}

.background-video-6 {
  opacity: 0;
  border-radius: 20px;
  height: 100%;
  display: none;
}

.background-video-6:hover {
  opacity: 1;
}

.image-173 {
  object-fit: cover;
  align-self: stretch;
  height: 115%;
  margin-bottom: 0;
  margin-left: auto;
  margin-right: auto;
  position: absolute;
  inset: auto 0% 0%;
}

.image-173-copy {
  object-fit: scale-down;
  align-self: stretch;
  max-width: 50%;
  margin: auto auto auto 25px;
  position: absolute;
  inset: 0% auto 0% 0%;
}

.div-block-3843 {
  z-index: 10;
  align-self: stretch;
  padding: 20px;
  display: flex;
  position: absolute;
  inset: 0% 0% auto;
}

.text-block-383 {
  border: .1px solid var(--hover-element-dynamic);
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  color: var(--hover-element-dynamic);
  border-radius: 50px;
  flex-flow: row;
  justify-content: center;
  align-items: center;
  height: 30px;
  padding: 5px 15px;
  font-weight: 700;
  display: inline-flex;
  overflow: hidden;
}

.div-block-3844 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex: 1;
  justify-content: flex-start;
  align-self: stretch;
  align-items: center;
  display: flex;
  overflow: scroll;
}

.div-block-3845 {
  align-self: stretch;
  min-width: 100px;
  max-width: 200px;
}

.div-block-3846 {
  background-image: url("https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 20px;
  position: absolute;
  inset: 0%;
}

.div-block-3847 {
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  border-radius: 20px;
  padding: 30px 30px 0;
  position: absolute;
  inset: 0%;
  overflow: scroll;
}

.heading-475 {
  color: #ffffff80;
}

.paragraph-210 {
  color: #cfcfcf80;
  margin-bottom: 180px;
  font-size: 15px;
  line-height: 17px;
}

.div-block-3848 {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  -webkit-backdrop-filter: blur(2px);
  backdrop-filter: blur(2px);
  justify-content: center;
  align-items: center;
  margin-left: -30px;
  margin-right: -30px;
  padding: 20px;
  display: flex;
  position: sticky;
  inset: auto 0% 0%;
}

.div-block-3849 {
  flex: 1;
}

.div-block-3849-copy {
  z-index: 1;
  flex: 0 auto;
  justify-content: space-between;
  align-items: center;
  height: 45px;
  padding-right: 55px;
  display: flex;
  position: relative;
}

.button-91 {
  border: .1px solid var(--hover-element-dynamic);
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  background-color: #fff0;
  border-radius: 20px;
  padding-left: 25px;
  padding-right: 25px;
  position: relative;
}

.text-block-384 {
  color: #ffffff80;
  font-size: 10px;
  line-height: 12px;
}

.div-block-3848-copy {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  -webkit-backdrop-filter: blur(2px);
  backdrop-filter: blur(2px);
  justify-content: flex-start;
  align-items: center;
  margin-top: -30px;
  margin-left: -30px;
  margin-right: -30px;
  padding: 30px 30px 0;
  display: flex;
  position: sticky;
  top: -30px;
}

.div-block-3743-copy-button-copy {
  z-index: 3;
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  border: .1px solid var(--hover-element-dynamic);
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  background-image: none;
  border-radius: 22.5px;
  flex-direction: column;
  width: 45px;
  height: 45px;
  padding: 15px;
  transition: all .45s cubic-bezier(.77, 0, .175, 1);
  display: flex;
  position: absolute;
  inset: 0% 0% 0% 45%;
  overflow: hidden;
  transform: translate(0);
}

.div-block-3743-copy-button-copy:hover {
  z-index: 1001;
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  background-image: none;
  width: 200px;
  height: 390px;
  transform: translate(0, -260px);
  box-shadow: 0 0 10px #0003;
}

.div-block-3743-copy-button-copy-copy {
  z-index: 3;
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  border: .1px solid var(--hover-element-dynamic);
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  background-image: linear-gradient(#0000001a, #0000001a);
  border-radius: 22.5px;
  flex-direction: column;
  width: 45px;
  height: 45px;
  padding: 15px;
  transition: all .45s cubic-bezier(.77, 0, .175, 1);
  display: flex;
  position: absolute;
  inset: auto 0% 0% auto;
  overflow: hidden;
  transform: translate(0);
}

.div-block-3743-copy-button-copy-copy:hover {
  z-index: 1001;
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  background-image: none;
  width: 200px;
  height: 266px;
  transform: none;
  box-shadow: 0 0 10px #0003;
}

.div-block-3850 {
  justify-content: space-between;
  align-items: stretch;
  padding: 15px;
  display: flex;
}

.ic {
  filter: blur(15px);
  background-image: url("https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 20px;
  margin: 10px;
  position: absolute;
  inset: 0%;
}

.div-block-3851-copy {
  border-radius: 20px;
  width: 300px;
  height: 300px;
  margin: -1px;
  position: relative;
}

.ic-copy {
  background-image: url("https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 20px;
  margin: 20px;
  position: absolute;
  inset: 0%;
}

.div-block-3848-copy {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  -webkit-backdrop-filter: blur(2px);
  backdrop-filter: blur(2px);
  justify-content: center;
  align-items: center;
  margin-left: -30px;
  margin-right: -30px;
  padding: 20px;
  display: flex;
  position: sticky;
  inset: auto 0% 0%;
}

.div-block-3848-copy-copy {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  justify-content: flex-end;
  align-items: center;
  margin-left: 0;
  margin-right: 0;
  padding: 5px;
  display: flex;
  position: absolute;
  inset: auto 0% 0%;
}

.div-block-3851 {
  border: .1px solid var(--hover-element-dynamic);
  border-radius: 39px;
  height: 75vh;
  margin: 20px 20px 0;
  position: relative;
}

.div-block-3852 {
  z-index: 2;
  background-image: url("https://cdn.prod.website-files.com/5aa43322534e4a0001179757/66c077e886037deb16b5566a_unisex-garment-dyed-heavyweight-long-sleeve-shirt-white-left-front-66bf60aa31789.png");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  width: 50%;
  height: 100%;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

.div-block-3853 {
  z-index: 1;
  grid-column-gap: 25px;
  grid-row-gap: 25px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 30px;
  display: flex;
  position: absolute;
  inset: 0% auto 0% 0%;
}

.heading-476 {
  font-size: 10vw;
  line-height: 10vw;
}

.text-span-95 {
  z-index: 3;
  -webkit-text-stroke-width: .1px;
  -webkit-text-stroke-color: #00000080;
  -webkit-text-fill-color: transparent;
  background-image: url("https://cdn.prod.website-files.com/5aa43322534e4a0001179757/66c07d17012b87214c55dd18_Splash%20Full.png");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  -webkit-background-clip: text;
  background-clip: text;
  position: relative;
}

.div-block-3854 {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  flex-flow: column;
  justify-content: flex-end;
  align-items: stretch;
  width: 400px;
  padding: 30px;
  display: flex;
  position: absolute;
  inset: 0% 0% 0% auto;
}

.div-block-3855 {
  flex: 1;
}

.button-92 {
  border: .1px solid var(--hover-element-dynamic);
  background-color: #fff;
  background-image: url("https://cdn.prod.website-files.com/5aa43322534e4a0001179757/66c07d17012b87214c55dd18_Splash%20Full.png");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 20px;
  justify-content: center;
  align-items: center;
  height: 75px;
  margin-left: 0;
  margin-right: 0;
  font-size: 25px;
  font-weight: 700;
  line-height: 25px;
  display: flex;
}

.div-block-3856 {
  border: .1px solid var(--hover-element-dynamic);
  border-radius: 30px;
  height: 75vh;
  margin: 20px;
  padding: 30px;
  position: relative;
  overflow: hidden;
}

.div-block-3852-copy {
  z-index: 2;
  background-image: url("https://cdn.prod.website-files.com/5aa43322534e4a0001179757/66c1d0b4e76213200afe9b49_Image.png");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 60%;
  margin-left: auto;
  margin-right: auto;
  position: absolute;
  inset: 0%;
}

.div-block-3852-copy.blur {
  z-index: 1;
  filter: blur(30px);
  transform-style: preserve-3d;
  transform: translate(0, 300px)rotateX(180deg)rotateY(0)rotateZ(0);
}

.div-block-3857 {
  z-index: 2;
  margin: 30px;
  padding: 30px;
  display: flex;
  position: absolute;
  inset: auto auto 0% 0%;
}

.div-block-3858 {
  background-color: #d3d2d6;
  width: 75px;
  height: 75px;
}

.div-block-3858-copy {
  background-color: #dedede;
  width: 75px;
  height: 75px;
}

.div-block-3858-copy-copy, .div-block-3858-copy-copy-copy {
  background-color: #e3e3e3;
  width: 75px;
  height: 75px;
}

.div-block-3858-copy-copy-copy-copy {
  border: .1px solid var(--hover-element-dynamic);
  background-color: #fff;
  width: 75px;
  height: 75px;
}

.div-block-3858-copy-copy-copy-copy-copy {
  border: .1px solid var(--hover-element-dynamic);
  background-color: #3e2464;
  width: 75px;
  height: 75px;
}

.div-block-3858-copy-copy-copy-copy-copy-copy {
  border: .1px solid var(--hover-element-dynamic);
  background-color: #c21b61;
  width: 75px;
  height: 75px;
}

.div-block-3858-copy-copy-copy-copy-copy-copy-copy {
  border: .1px solid var(--hover-element-dynamic);
  background-color: #7fa22c;
  width: 75px;
  height: 75px;
}

.div-block-3858-copy-copy-copy-copy-copy-copy-copy-copy {
  border: .1px solid var(--hover-element-dynamic);
  background-color: #2191cb;
  width: 75px;
  height: 75px;
}

.div-block-3858-copy-copy-copy-copy-copy-copy-copy-copy-copy {
  border: .1px solid var(--hover-element-dynamic);
  background-color: #ddb02c;
  width: 75px;
  height: 75px;
}

.div-block-3743-copy-button-copy {
  z-index: 3;
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  border: .1px solid var(--hover-element-dynamic);
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  background-image: none;
  border-radius: 22.5px;
  flex-direction: column;
  width: 45px;
  height: 45px;
  margin: auto;
  padding: 15px;
  transition: all .45s cubic-bezier(.77, 0, .175, 1);
  display: flex;
  position: absolute;
  inset: 0% 0% 0% auto;
  overflow: hidden;
  transform: translate(0);
}

.div-block-3743-copy-button-copy:hover {
  z-index: 1001;
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  background-image: none;
  width: 200px;
  height: 390px;
  inset: 0% 0% 0% auto;
  transform: translate(0, -165px);
  box-shadow: 0 0 10px #0003;
}

.heading-464-copy {
  text-align: center;
  background-color: #3898ec00;
  flex: 1;
  justify-content: center;
  align-self: stretch;
  align-items: center;
  margin: 0 auto 0 5px;
  padding-left: 0;
  font-size: 25px;
  line-height: 20px;
  display: flex;
  position: absolute;
  inset: 0%;
  transform: scale(1.7);
}

.div-block-3859 {
  margin: 98px;
}

.heading-477 {
  text-align: center;
  font-size: 10vw;
  line-height: 10vw;
}

.uicontainadvertisment-copy {
  border: .5px solid var(--hover-element-dynamic);
  background-color: #0000;
  border-radius: 15px;
  flex-wrap: wrap;
  flex: 1;
  justify-content: space-around;
  align-self: stretch;
  align-items: center;
  margin: 20px;
  padding: 40px;
  display: flex;
  position: relative;
}

.uiadvertismentforeground-copy {
  border: .1px solid var(--hover-element-dynamic);
  background-image: url("https://cdn.prod.website-files.com/5aa43322534e4a0001179757/641472b5036e355c1a4c158f_Oircle%20Connect.jpg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  border-radius: 50px;
  width: 400px;
  min-width: 400px;
  max-width: 400px;
  height: 400px;
  min-height: 400px;
  max-height: 400px;
  margin: 15px auto 15px 15px;
  position: relative;
}

.uicontainadvertismentdetails-copy {
  text-align: center;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  margin-right: auto;
  display: flex;
}

.text-block-385 {
  margin: 15px;
  position: absolute;
  inset: auto 0% 0%;
}

.pordcastsbrowse {
  min-height: 100vh;
}

.navigationfloatdynamicpodcastbar {
  z-index: 3;
  border: .1px solid var(--hover-element-dynamic);
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  border-radius: 20px;
  flex-flow: row;
  justify-content: center;
  align-items: center;
  height: 75px;
  margin-bottom: 20px;
  margin-left: 20px;
  margin-right: 20px;
  padding: 15px;
  display: flex;
  position: fixed;
  inset: auto 0% 0%;
  overflow: visible;
}

.div-block-3861 {
  filter: blur(20px);
  background-image: url("https://cdn.prod.website-files.com/5aa43322534e4a0001179757/66b4f69244efd0f38ce7d01b_colour.png");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  height: 35px;
  margin: auto;
  position: absolute;
  inset: 0%;
}

.div-block-3861:active {
  transform: scale(2);
}

.div-block-3862 {
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  border-radius: 50px;
  justify-content: space-between;
  align-items: stretch;
  display: flex;
  position: absolute;
  inset: 0%;
}

.podcastplayer {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  justify-content: center;
  align-items: center;
  margin-left: auto;
  display: flex;
  position: relative;
}

.albumartwork {
  border: .1px solid var(--hover-element-dynamic);
  background-image: url("https://cdn.prod.website-files.com/5aa43322534e4a0001179757/669d4ecdbcaef6bbef58d60f_Oircle%20Podcasts.jpg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 20px;
  width: 100px;
  min-width: 100px;
  height: 100px;
  min-height: 100px;
  position: absolute;
  bottom: -25px;
  right: 45px;
}

.albumartwork.blur {
  opacity: .3;
  filter: blur(5px);
  transform: scale(1.1);
}

.div-block-3863 {
  justify-content: center;
  align-items: center;
  width: 45px;
  height: 45px;
  font-weight: 700;
  transition: all .4s cubic-bezier(.68, -.55, .265, 1.55);
  display: flex;
  position: absolute;
  inset: auto auto auto 0%;
}

.div-block-3863:hover {
  margin-left: -25px;
  transform: scale(1.5);
}

.div-block-3863-copy {
  justify-content: center;
  align-items: center;
  width: 45px;
  height: 45px;
  font-weight: 700;
  transition: all .4s cubic-bezier(.68, -.55, .265, 1.55);
  display: flex;
  position: absolute;
  inset: auto 0% auto auto;
}

.div-block-3863-copy:hover {
  margin-left: 0;
  margin-right: -25px;
  transform: scale(1.5);
}

.div-block-3863-copy-copy {
  justify-content: center;
  align-items: center;
  width: 45px;
  height: 45px;
  margin-bottom: -15px;
  font-weight: 700;
  transition: all .4s cubic-bezier(.68, -.55, .265, 1.55);
  display: flex;
  position: absolute;
  inset: auto auto 0%;
}

.div-block-3863-copy-copy:hover {
  margin: 0;
  bottom: auto;
  transform: scale(1.5);
}

.div-block-3864 {
  padding: 15px;
  font-size: 25px;
  line-height: 25px;
  transition: all .4s cubic-bezier(.68, -.55, .265, 1.55);
}

.div-block-3864:hover {
  transform: scale(1.2);
}

.div-block-3865 {
  grid-column-gap: 105px;
  grid-row-gap: 105px;
  justify-content: center;
  align-items: center;
  margin-left: auto;
  display: flex;
  position: absolute;
  inset: 0% 0% 0% auto;
}

.div-block-3748-copy {
  z-index: 3;
  flex: 0 auto;
  justify-content: space-around;
  align-items: center;
  width: 200px;
  padding: 22px;
  display: flex;
  position: relative;
}

.sound {
  z-index: 4;
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  border: .1px solid var(--hover-element-dynamic);
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  background-image: none;
  border-radius: 22.5px;
  flex-direction: column;
  width: 45px;
  height: 45px;
  padding: 15px;
  transition: all .45s cubic-bezier(.77, 0, .175, 1);
  display: flex;
  position: absolute;
  inset: 0%;
  overflow: hidden;
  transform: translate(0);
}

.sound:hover {
  z-index: 1001;
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  background-image: none;
  width: 375px;
  height: 45px;
  position: absolute;
  inset: 0%;
  overflow: visible;
  transform: translate(0);
  box-shadow: 0 0 10px #0003;
}

.div-block-3743-search-filter-copy {
  z-index: 3;
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  border: .1px solid var(--hover-element-dynamic);
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  background-image: none;
  border-radius: 22.5px;
  flex-direction: column;
  width: 45px;
  height: 45px;
  padding: 15px;
  transition: all .45s cubic-bezier(.77, 0, .175, 1);
  display: flex;
  position: absolute;
  inset: 0% 0% 0% 15%;
  overflow: hidden;
  transform: translate(0);
}

.div-block-3743-search-filter-copy:hover {
  z-index: 1001;
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  background-image: none;
  width: 200px;
  height: 325px;
  transform: translate(0, -195px);
  box-shadow: 0 0 10px #0003;
}

.podcastinfo {
  z-index: 3;
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  border: .1px solid var(--hover-element-dynamic);
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  background-image: none;
  border-radius: 22.5px;
  flex-direction: column;
  width: 45px;
  height: 45px;
  padding: 15px;
  transition: all .45s cubic-bezier(.77, 0, .175, 1);
  display: flex;
  position: absolute;
  inset: auto auto 0% 60px;
  overflow: hidden;
  transform: translate(0);
}

.podcastinfo:hover {
  z-index: 1001;
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  background-image: none;
  width: 400px;
  height: 524px;
  transform: translate(0);
  box-shadow: 0 0 10px #0003;
}

.podcastupnext {
  z-index: 3;
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  border: .1px solid var(--hover-element-dynamic);
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  background-image: none;
  border-radius: 22.5px;
  flex-direction: column;
  width: 45px;
  height: 45px;
  padding: 0;
  transition: all .45s cubic-bezier(.77, 0, .175, 1);
  display: flex;
  position: absolute;
  inset: auto auto 0% 120px;
  overflow: hidden;
  transform: translate(0);
}

.podcastupnext:hover {
  z-index: 1001;
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  background-image: none;
  width: 300px;
  height: 575px;
  transform: none;
  box-shadow: 0 0 10px #0003;
}

.div-block-3866 {
  color: var(--oircle-default-gry);
  border-radius: 50px;
  flex-flow: column;
  flex: 1;
  align-self: stretch;
  align-items: center;
  margin-right: 220px;
  padding-left: 15px;
  padding-right: 15px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.div-block-3866:hover {
  color: #46464600;
}

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

.div-block-3867 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  opacity: .25;
  justify-content: center;
  align-items: center;
  margin-bottom: 0;
  display: flex;
}

.podcastshome {
  min-height: 100vh;
  display: none;
}

.div-block-3868 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  padding-bottom: 25px;
  padding-left: 15px;
  display: flex;
  overflow: scroll;
}

.div-block-3869 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-flow: column;
  flex: 0 auto;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  align-self: stretch;
  width: 600px;
  min-width: 600px;
  padding: 15px;
  display: flex;
}

.div-block-3870 {
  border: .1px solid var(--hover-element-dynamic);
  background-image: url("https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 20px;
  flex: 1;
  min-height: 400px;
  margin-top: 15px;
}

.div-block-3871 {
  padding: 25px 25px 0;
}

.div-block-3868-copy {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  grid-template-rows: 200px 200px;
  grid-template-columns: 200px 200px 200px 200px 200px 200px;
  grid-auto-rows: 200px;
  grid-auto-columns: 200px;
  height: 450px;
  padding-top: 25px;
  padding-bottom: 25px;
  padding-left: 25px;
  display: grid;
  overflow: scroll;
}

.div-block-3872 {
  background-image: url("https://cdn.prod.website-files.com/5aa43322534e4a0001179757/66b4f69244efd0f38ce7d01b_colour.png");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 30px;
  flex: 1;
  align-self: stretch;
  position: relative;
}

.link-block-124 {
  justify-content: center;
  align-items: center;
  margin-left: 0;
  margin-right: 0;
  display: flex;
  position: absolute;
  inset: 0%;
}

.podcastoptions {
  z-index: 2;
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  border: .1px solid var(--hover-element-dynamic);
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  background-image: none;
  border-radius: 22.5px;
  flex-direction: column;
  width: 45px;
  height: 45px;
  margin-bottom: 15px;
  margin-right: 15px;
  padding: 15px;
  transition: all .45s cubic-bezier(.77, 0, .175, 1);
  display: flex;
  position: absolute;
  inset: auto 0% 0% auto;
  overflow: hidden;
  transform: translate(0);
}

.podcastoptions:hover {
  z-index: 1001;
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  background-image: none;
  width: 200px;
  height: 201px;
  transform: translate(0);
  box-shadow: 0 0 10px #0003;
}

.div-block-3873 {
  height: 45px;
  margin-bottom: 15px;
  margin-left: 15px;
  position: absolute;
  inset: auto auto 0% 0%;
}

.podcastplaypodcast {
  z-index: 2;
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  border: .1px solid var(--hover-element-dynamic);
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  background-image: none;
  border-radius: 22.5px;
  flex-direction: column;
  width: 45px;
  height: 45px;
  margin-bottom: 15px;
  margin-left: 15px;
  margin-right: 0;
  padding: 15px;
  transition: all .45s cubic-bezier(.77, 0, .175, 1);
  display: flex;
  position: absolute;
  inset: auto auto 0% 0%;
  overflow: hidden;
  transform: translate(0);
}

.podcastplaypodcast:hover {
  z-index: 1001;
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  background-image: none;
  width: 45px;
  height: 45px;
  transform: translate(0);
  box-shadow: 0 0 10px #0003;
}

.podcastepisodeplaytitle {
  text-align: center;
  background-color: #3898ec00;
  flex: 1;
  justify-content: center;
  align-self: stretch;
  align-items: center;
  margin: 0 auto 0 5px;
  padding-left: 0;
  font-size: 25px;
  line-height: 20px;
  display: flex;
  position: absolute;
  inset: 0%;
  transform: scale(1.7);
}

.div-block-3751-copy {
  opacity: 0;
  color: #464646;
  flex: 1;
  align-self: stretch;
  min-width: 45px;
  min-height: 45px;
  transition: opacity .3s cubic-bezier(.86, 0, .07, 1);
  transform: scale(.7);
}

.div-block-3751-copy:hover {
  opacity: 1;
}

.podcastepisodeplaycontaintitle {
  z-index: 3;
  grid-column-gap: 25px;
  grid-row-gap: 25px;
  opacity: 1;
  color: #464646;
  flex-flow: row;
  justify-content: space-around;
  align-items: stretch;
  margin: -40px;
  padding: 40px;
  transition: color .3s cubic-bezier(.86, 0, .07, 1), opacity .3s, transform .4s cubic-bezier(.785, .135, .15, .86);
  display: flex;
  position: absolute;
  inset: 0%;
  transform: scale(.5);
}

.podcastepisodeplaycontaintitle:hover {
  opacity: 1;
  color: #464646;
  transform: scale(.5);
}

.podcastshareinfopodcastlogo {
  background-color: var(--hover-element-dynamic);
  background-image: url("https://cdn.prod.website-files.com/5aa43322534e4a0001179757/669d4ecdbcaef6bbef58d60f_Oircle%20Podcasts.jpg");
  background-repeat: no-repeat;
  background-size: contain;
  border-radius: 17.5px;
  justify-content: center;
  align-items: center;
  width: 35px;
  min-width: 35px;
  max-width: 35px;
  height: 35px;
  min-height: 35px;
  max-height: 35px;
  display: flex;
}

.podcastshareinfopodcastlogo.oirclestore {
  background-image: url("https://cdn.prod.website-files.com/5aa43322534e4a0001179757/61d9918b3553735178de1862_Oircle%20News%20Logotype%20_2%202.png");
  background-size: contain;
}

.podcastshareinfopodcastlogo.oircleaccount {
  border: .5px solid var(--element-dynamic);
  background-image: url("https://cdn.prod.website-files.com/5aa43322534e4a0001179757/641472b5036e355c1a4c158f_Oircle%20Connect.jpg");
  background-size: contain;
}

.podcastshareinfopodcastlogo.oircleeducation {
  background-image: url("https://cdn.prod.website-files.com/5aa43322534e4a0001179757/641dd93b82f2afe03a590051_Oircle%20Education%20Logo%20webclip.png");
  background-size: contain;
}

.podcastshareinfopodcastlogo.oirclesearch {
  background-image: url("https://cdn.prod.website-files.com/5aa43322534e4a0001179757/5afa8f70659d5b9da6e3ce5b_M.E.png");
  background-size: contain;
}

.podcastshareinfopodcastlogo.store {
  background-image: url("https://cdn.prod.website-files.com/5aa43322534e4a0001179757/5c7e0177d43a3e5550b405e4_Oircle%20Store%20%7C%201080%20x%201080.png");
  background-repeat: no-repeat;
  background-size: contain;
}

.podcastshareinfopodcastlogo.logo {
  border: .1px solid var(--hover-element-dynamic);
  background-image: url("https://cdn.prod.website-files.com/5aa43322534e4a0001179757/5c7e0177d43a3e5550b405e4_Oircle%20Store%20%7C%201080%20x%201080.png");
  background-repeat: no-repeat;
  background-size: contain;
}

.podcastshareinfopodcastlogo.epic-store {
  background-color: var(--black);
  background-image: url("https://cdn.prod.website-files.com/5aa43322534e4a0001179757/66bf04feec6980538217991b_Unreal%2BEngine-eg-logo-filled-1255x1272-0eb9d144a0f981d1cbaaa1eb957de7a3207b31bb.png");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 25px;
}

.podcastshareinfopodcastlogo.steam {
  background-image: url("https://cdn.prod.website-files.com/5aa43322534e4a0001179757/66bf05b4824488eaf7413479_Steam_icon_logo.svg.png");
  background-repeat: no-repeat;
  background-size: contain;
}

.text-block-386 {
  font-size: 9px;
}

.div-block-3874 {
  grid-column-gap: 25px;
  grid-row-gap: 25px;
  height: 250px;
  padding: 25px;
  display: flex;
  overflow: scroll;
}

.div-block-3875 {
  border: .1px solid var(--hover-element-dynamic);
  border-radius: 25px;
  justify-content: center;
  align-items: center;
  width: 500px;
  min-width: 500px;
  display: flex;
}

.heading-479 {
  -webkit-text-fill-color: transparent;
  background-image: url("https://cdn.prod.website-files.com/5aa43322534e4a0001179757/66b4f69244efd0f38ce7d01b_colour.png");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  -webkit-background-clip: text;
  background-clip: text;
}

.podcastspacer {
  height: 175px;
}

.div-block-3743-search-filter-copy-copy {
  z-index: 5;
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  border: .1px solid var(--hover-element-dynamic);
  -webkit-backdrop-filter: blur(15px);
  backdrop-filter: blur(15px);
  background-image: none;
  border-radius: 22.5px;
  flex-direction: column;
  width: 45px;
  height: 45px;
  padding: 15px;
  transition: all .45s cubic-bezier(.77, 0, .175, 1);
  display: none;
  position: relative;
  inset: auto 0% 0% auto;
  overflow: hidden;
  transform: translate(0);
}

.div-block-3743-search-filter-copy-copy:hover {
  z-index: 1001;
  -webkit-backdrop-filter: blur(15px);
  backdrop-filter: blur(15px);
  background-image: none;
  width: 200px;
  min-width: 200px;
  height: 325px;
  transform: translate(0, -138px);
  box-shadow: 0 0 10px #0003;
}

.podcastlogin {
  border: .1px solid var(--hover-element-dynamic);
  background-image: url("https://cdn.prod.website-files.com/5aa43322534e4a0001179757/66b4f69244efd0f38ce7d01b_colour.png");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 30px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  min-height: 95vh;
  margin: 20px;
  padding-bottom: 175px;
  display: flex;
}

.podcastoirclepodcastlogo {
  background-image: url("https://cdn.prod.website-files.com/5aa43322534e4a0001179757/66dd4f2bc5e6c9bbd10d79b4_white.png");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  width: 400px;
  height: 300px;
  margin-bottom: -40px;
}

.div-block-3877 {
  text-align: center;
  width: 50%;
}

.heading-480 {
  color: var(--white);
  justify-content: center;
  align-items: center;
  display: flex;
}

.paragraph-211 {
  color: var(--white);
}

.text-span-96 {
  font-family: Ofont, sans-serif;
  font-size: 65px;
  font-weight: 400;
}

.button-93 {
  -webkit-text-fill-color: transparent;
  background-color: #fff;
  background-image: url("https://cdn.prod.website-files.com/5aa43322534e4a0001179757/66b4f69244efd0f38ce7d01b_colour.png");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  -webkit-background-clip: text;
  background-clip: text;
  border-radius: 16px;
  margin-top: 15px;
  padding: 20px 40px;
}

.link-block-125 {
  border: .1px solid var(--hover-element-dynamic);
  background-color: #fff;
  border-radius: 50px;
  margin-top: 25px;
  padding: 15px 30px;
}

.text-block-387 {
  -webkit-text-fill-color: transparent;
  background-image: url("https://cdn.prod.website-files.com/5aa43322534e4a0001179757/66b4f69244efd0f38ce7d01b_colour.png");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  -webkit-background-clip: text;
  background-clip: text;
  font-size: 20px;
  line-height: 20px;
}

.div-block-3878 {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.link-52 {
  color: var(--white);
}

.div-block-3879 {
  color: #464646;
  margin: 0;
  padding: 50px;
  position: absolute;
  inset: 0%;
  overflow: scroll;
}

.link-53 {
  -webkit-text-fill-color: transparent;
  background-image: url("https://cdn.prod.website-files.com/5aa43322534e4a0001179757/66b4f69244efd0f38ce7d01b_colour.png");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  -webkit-background-clip: text;
  background-clip: text;
}

.div-block-3880 {
  border: .1px solid var(--hover-element-dynamic);
  background-image: url("https://cdn.prod.website-files.com/5aa43322534e4a0001179757/669d4ecdbcaef6bbef58d60f_Oircle%20Podcasts.jpg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 10px;
  width: 55px;
  min-width: 55px;
  height: 55px;
  min-height: 55px;
}

.div-block-3881 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: flex-start;
  align-items: center;
  margin-top: 10px;
  margin-bottom: 10px;
  display: flex;
  position: relative;
}

.div-block-3882 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-flow: column;
  flex: 1;
  display: flex;
}

.text-block-388 {
  font-weight: 700;
}

.div-block-3883 {
  background-color: var(--dismiss-element);
  box-shadow: none;
  color: #fff0;
  border: .1px solid #c0c0c000;
  border-radius: 10px;
  justify-content: center;
  align-items: center;
  width: 35px;
  min-width: 35px;
  height: 35px;
  min-height: 35px;
  transition: all .4s cubic-bezier(.68, -.55, .265, 1.55);
  display: flex;
  position: absolute;
  inset: auto 0% auto auto;
  transform: translate(30px);
}

.div-block-3883:hover {
  background-color: var(--dismiss-element);
  color: #fff;
  border-color: #c0c0c080;
  transform: translate(0);
  box-shadow: 0 2px 5px #0003;
}

.paragraph-212 {
  font-size: 15px;
}

.podcastshome-copy {
  min-height: 100vh;
  display: none;
}

.heading-481 {
  height: 70px;
  display: flex;
  overflow: hidden;
}

.podcastdetail {
  min-height: 100vh;
  padding: 20px;
  position: relative;
}

.podcastbanner {
  border: .1px solid var(--hover-element-dynamic);
  background-image: url("https://cdn.prod.website-files.com/5aa43322534e4a0001179757/66b4f69244efd0f38ce7d01b_colour.png");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 30px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  height: 300px;
  margin: 35px 35px 55px;
  padding: 20px;
  display: flex;
  position: relative;
}

.podcasticoncontain {
  border: .1px none var(--hover-element-dynamic);
  border-radius: 40px;
  width: 350px;
  height: 350px;
  position: absolute;
  inset: auto;
}

.podcasticon {
  border: .1px solid var(--hover-element-dynamic);
  background-image: url("https://cdn.prod.website-files.com/5aa43322534e4a0001179757/669d4ecdbcaef6bbef58d60f_Oircle%20Podcasts.jpg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 40px;
  margin: 0;
  position: absolute;
  inset: 0%;
}

.podcasticonblur {
  border: .1px solid var(--hover-element-dynamic);
  filter: blur(10px);
  background-image: url("https://cdn.prod.website-files.com/5aa43322534e4a0001179757/669d4ecdbcaef6bbef58d60f_Oircle%20Podcasts.jpg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 40px;
  margin: 0;
  position: absolute;
  inset: 0%;
}

.podcastbanneractioncontain {
  z-index: 3;
  flex: 0 auto;
  justify-content: space-around;
  align-items: center;
  width: 200px;
  margin: 20px;
  padding: 22px;
  display: flex;
  position: absolute;
  inset: auto 0% 0% auto;
}

.sound-copy {
  z-index: 4;
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  border: .1px solid var(--hover-element-dynamic);
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  background-image: none;
  border-radius: 22.5px;
  flex-direction: column;
  width: 45px;
  height: 45px;
  padding: 15px;
  transition: all .45s cubic-bezier(.77, 0, .175, 1);
  display: flex;
  position: absolute;
  inset: auto 125px 0% auto;
  overflow: hidden;
  transform: translate(0);
}

.sound-copy:hover {
  z-index: 1001;
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  background-image: none;
  width: 375px;
  height: 45px;
  position: absolute;
  inset: auto 0% 0% auto;
  overflow: visible;
  transform: translate(0);
  box-shadow: 0 0 10px #0003;
}

.podcastinfo-copy {
  z-index: 3;
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  border: .1px solid var(--hover-element-dynamic);
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  background-image: none;
  border-radius: 22.5px;
  flex-direction: column;
  width: 45px;
  height: 45px;
  padding: 15px;
  transition: all .45s cubic-bezier(.77, 0, .175, 1);
  display: flex;
  position: absolute;
  inset: auto 60px 0% auto;
  overflow: hidden;
  transform: translate(0);
}

.podcastinfo-copy:hover {
  z-index: 1001;
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  background-image: none;
  width: 400px;
  height: 524px;
  inset: auto 0% 0% auto;
  transform: none;
  box-shadow: 0 0 10px #0003;
}

.podcastupnext-copy {
  z-index: 3;
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  border: .1px solid var(--hover-element-dynamic);
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  background-image: none;
  border-radius: 22.5px;
  flex-direction: column;
  width: 45px;
  height: 45px;
  padding: 0;
  transition: all .45s cubic-bezier(.77, 0, .175, 1);
  display: flex;
  position: absolute;
  inset: auto 0% 0% auto;
  overflow: hidden;
  transform: translate(0);
}

.podcastupnext-copy:hover {
  z-index: 1001;
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  background-image: none;
  width: 300px;
  height: 575px;
  inset: auto 0% 0% auto;
  transform: none;
  box-shadow: 0 0 10px #0003;
}

.div-block-3886 {
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
  position: absolute;
  inset: 0%;
}

.div-block-3887 {
  opacity: 1;
  background-image: url("https://cdn.prod.website-files.com/5aa43322534e4a0001179757/63b1501059086b2d57724b10_Oircle%20Store%20%7C%20Promo%20.png");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  position: absolute;
  inset: 0%;
}

.episodecontain {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  border: .1px solid var(--hover-element-dynamic);
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  border-radius: 25px;
  flex-flow: column;
  margin: 0;
  padding: 15px;
  display: flex;
}

.episodedetails {
  height: 63px;
  font-size: 15px;
  line-height: 20px;
  overflow: hidden;
}

.episodeoptioncontain {
  justify-content: space-between;
  align-items: center;
  margin-top: 25px;
  display: flex;
}

.sound-copy-copy {
  z-index: 4;
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  border: .1px solid var(--hover-element-dynamic);
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  background-image: none;
  border-radius: 22.5px;
  flex-direction: column;
  width: 45px;
  height: 45px;
  padding: 15px;
  transition: all .45s cubic-bezier(.77, 0, .175, 1);
  display: flex;
  position: absolute;
  inset: auto 0 0% auto;
  overflow: hidden;
  transform: translate(0);
}

.sound-copy-copy:hover {
  z-index: 1001;
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  background-image: none;
  width: 375px;
  height: 45px;
  position: absolute;
  inset: auto 0% 0% auto;
  overflow: visible;
  transform: translate(0);
  box-shadow: 0 0 10px #0003;
}

.podcastinfo-copy-copy {
  z-index: 3;
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  border: .1px solid var(--hover-element-dynamic);
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  background-image: none;
  border-radius: 22.5px;
  flex-direction: column;
  width: 45px;
  height: 45px;
  margin-bottom: 10px;
  margin-right: 10px;
  padding: 15px;
  transition: all .45s cubic-bezier(.77, 0, .175, 1);
  display: flex;
  position: absolute;
  inset: auto 0% 0% auto;
  overflow: hidden;
  transform: translate(0);
}

.podcastinfo-copy-copy:hover {
  z-index: 1001;
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  background-image: none;
  width: 400px;
  height: 524px;
  inset: auto 0% 0% auto;
  transform: none;
  box-shadow: 0 0 10px #0003;
}

.episodedurationtitle {
  opacity: .5;
}

.podcastepisodeplaycontain {
  z-index: 2;
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  border: .1px solid var(--hover-element-dynamic);
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  background-image: none;
  border-radius: 22.5px;
  flex-direction: column;
  width: 45px;
  height: 45px;
  margin-bottom: 15px;
  margin-left: 15px;
  margin-right: 0;
  padding: 15px;
  transition: all .45s cubic-bezier(.77, 0, .175, 1);
  display: flex;
  position: absolute;
  inset: auto 75px 0% auto;
  overflow: hidden;
  transform: translate(0);
}

.podcastepisodeplaycontain:hover {
  z-index: 1001;
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  background-image: none;
  width: 45px;
  height: 45px;
  transform: translate(0);
  box-shadow: 0 0 10px #0003;
}

.podcastmoreinfotextcontain {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-flow: column;
  width: 40%;
  padding: 20px 65px 20px 20px;
  display: flex;
  position: absolute;
  inset: 0% auto auto 0%;
}

.podcastinfomationcontain {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  text-align: center;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 75vw;
  margin-bottom: 25px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.podcastparagraph {
  text-align: justify;
}

.text-block-390 {
  border: .1px solid var(--hover-element-dynamic);
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  color: var(--hover-element-dynamic);
  text-align: center;
  border-radius: 10px;
  min-width: 100px;
  max-width: 200px;
  padding: 5px 11px;
  font-weight: 400;
  display: block;
}

.div-block-3892 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: flex-start;
  align-items: center;
  max-height: 45px;
  margin-left: -20px;
  margin-right: -60px;
  padding-left: 20px;
  padding-right: 60px;
  display: flex;
  overflow: scroll;
}

.podcastmoreinfotext {
  color: var(--hover-element-dynamic);
}

.podcastepisodecontain {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  margin: 15px 35px;
  display: grid;
}

.podcastextrainfocontain {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  display: flex;
}

.podcastextraitem {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  border: .1px solid var(--hover-element-dynamic);
  border-radius: 10px;
  justify-content: center;
  align-items: center;
  padding: 5px 15px;
  display: flex;
}

.podcastextraitemtitle {
  color: var(--hover-element-dynamic);
  font-weight: 700;
}

.podcasttitle, .podcastcopyright {
  text-align: left;
}

.div-block-3896 {
  border: .1px solid var(--hover-element-dynamic);
  border-radius: 20px;
  width: 300px;
  height: 10px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.div-block-3897 {
  background-image: url("https://cdn.prod.website-files.com/5aa43322534e4a0001179757/669d4ecdbcaef6bbef58d60f_Oircle%20Podcasts.jpg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  position: absolute;
  inset: 0%;
}

.div-block-3898 {
  -webkit-backdrop-filter: blur(20px);
  backdrop-filter: blur(20px);
  position: absolute;
  inset: 0%;
}

.podcastcreatorscontains {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  display: flex;
}

.div-block-3900 {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  justify-content: center;
  align-items: center;
  display: flex;
}

.div-block-3896-copy {
  border: .1px solid var(--hover-element-dynamic);
  border-radius: 20px;
  width: 10px;
  height: 10px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.div-block-3898-copy {
  -webkit-backdrop-filter: blur(2px);
  backdrop-filter: blur(2px);
  position: absolute;
  inset: 0%;
}

.div-block-3901 {
  z-index: 1;
  background-color: var(--oircle-grim-gry);
  width: 50%;
  margin-top: 0;
  margin-bottom: 0;
  transition: all .4s cubic-bezier(.68, -.55, .265, 1.55);
  position: absolute;
  inset: 0% auto 0% 0%;
}

.div-block-3901:hover {
  z-index: 2;
}

.div-block-3902 {
  z-index: 2;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
  inset: 0%;
}

.div-block-3903 {
  background-image: url("https://cdn.prod.website-files.com/5aa43322534e4a0001179757/669d4ecdbcaef6bbef58d60f_Oircle%20Podcasts.jpg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  position: absolute;
  inset: 0%;
}

.div-block-3903-copy {
  -webkit-backdrop-filter: blur(20px);
  backdrop-filter: blur(20px);
  position: absolute;
  inset: 0%;
}

.text-block-392 {
  font-weight: 700;
}

.podcastplaylatestpodcast {
  z-index: 2;
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  border: .1px solid var(--hover-element-dynamic);
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  background-image: none;
  border-radius: 22.5px;
  flex-direction: column;
  width: 45px;
  height: 45px;
  margin-bottom: 0;
  margin-left: 15px;
  margin-right: 0;
  padding: 15px;
  transition: all .45s cubic-bezier(.77, 0, .175, 1);
  display: flex;
  position: absolute;
  inset: auto 60px 0% auto;
  overflow: hidden;
  transform: translate(0);
}

.podcastplaylatestpodcast:hover {
  z-index: 1001;
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  background-image: none;
  width: 105px;
  height: 45px;
  transform: translate(0);
  box-shadow: 0 0 10px #0003;
}

.podcastwebsitepodcast {
  z-index: 2;
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  border: .1px solid var(--hover-element-dynamic);
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  background-image: url("https://cdn.prod.website-files.com/5aa43322534e4a0001179757/669d4ecdbcaef6bbef58d60f_Oircle%20Podcasts.jpg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 22.5px;
  flex-direction: column;
  width: 45px;
  height: 45px;
  margin-bottom: 0;
  margin-left: 15px;
  margin-right: 0;
  padding: 15px;
  transition: all .45s cubic-bezier(.77, 0, .175, 1);
  display: flex;
  position: absolute;
  inset: auto 120px 0% auto;
  overflow: hidden;
  transform: translate(0);
}

.podcastwebsitepodcast:hover {
  z-index: 1001;
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  width: 45px;
  height: 45px;
  transform: translate(0);
  box-shadow: 0 0 10px #0003;
}

.podcastplaypodcast-copy-copy-copy-copy {
  z-index: 2;
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  border: .1px solid var(--hover-element-dynamic);
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  background-image: none;
  border-radius: 22.5px;
  flex-direction: column;
  width: 45px;
  height: 45px;
  margin-bottom: 0;
  margin-left: 15px;
  margin-right: 0;
  padding: 15px;
  transition: all .45s cubic-bezier(.77, 0, .175, 1);
  display: flex;
  position: absolute;
  inset: auto 0% 0% auto;
  overflow: hidden;
  transform: translate(0);
}

.podcastplaypodcast-copy-copy-copy-copy:hover {
  z-index: 1001;
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  background-image: none;
  width: 45px;
  height: 45px;
  transform: translate(0);
  box-shadow: 0 0 10px #0003;
}

.loadmoreepisodes {
  border: .1px solid var(--hover-element-dynamic);
  -webkit-text-fill-color: transparent;
  background-color: #fff0;
  background-image: url("https://cdn.prod.website-files.com/5aa43322534e4a0001179757/66b4f69244efd0f38ce7d01b_colour.png");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  -webkit-background-clip: text;
  background-clip: text;
  border-radius: 20px;
  margin-left: auto;
  margin-right: auto;
  font-weight: 700;
  transition-property: all;
}

.loadmoreepisodes:hover {
  color: var(--white-smoke);
  -webkit-text-fill-color: inherit;
  background-clip: padding-box;
}

.heading-464-copy-copy {
  text-align: center;
  text-align: center;
  background-color: #3898ec00;
  flex: 1;
  justify-content: center;
  align-self: stretch;
  align-items: center;
  margin: 0 5px;
  padding-left: 0;
  font-size: 25px;
  line-height: 20px;
  display: flex;
  position: relative;
  transform: scale(1.7);
}

.heading-464-copy-copy-copy {
  text-align: center;
  background-color: #3898ec00;
  flex: 0 auto;
  justify-content: center;
  align-self: auto;
  align-items: center;
  width: 45px;
  min-width: 45px;
  height: 45px;
  min-height: 45px;
  margin: 0 auto 0 5px;
  padding-left: 0;
  font-size: 25px;
  line-height: 20px;
  display: flex;
  position: relative;
  transform: scale(1.7);
}

.podcastplaycontain {
  z-index: 3;
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  opacity: 1;
  color: #464646;
  flex-flow: row;
  justify-content: center;
  align-items: center;
  margin: -40px;
  padding: 0;
  transition: color .3s cubic-bezier(.86, 0, .07, 1), opacity .3s, transform .4s cubic-bezier(.785, .135, .15, .86);
  display: flex;
  position: absolute;
  inset: 0%;
  transform: scale(.5);
}

.podcastplaycontain:hover {
  opacity: 1;
  color: #464646;
  transform: scale(.5);
}

.heading-486 {
  justify-content: center;
  align-items: center;
  width: 75px;
  min-width: 75px;
  height: 75px;
  min-height: 75px;
  margin: auto;
  transition: all .5s cubic-bezier(.68, -.55, .265, 1.55);
  display: flex;
  position: absolute;
  inset: 0%;
  transform: scale(1.2);
}

.heading-486:hover {
  justify-content: flex-start;
  align-items: center;
  padding-left: 0;
}

.heading-487 {
  justify-content: center;
  align-items: center;
  margin-left: 0;
  display: flex;
  position: absolute;
  inset: 0%;
}

.podcastplayitem {
  opacity: 1;
  justify-content: center;
  align-items: center;
  margin-left: -20px;
  margin-right: -20px;
  padding-right: 0;
  transition: all .4s cubic-bezier(.68, -.55, .265, 1.55);
  display: flex;
  position: absolute;
  inset: 0%;
}

.podcastplayitem:hover {
  opacity: 1;
  padding-right: 100px;
}

.podcastplayitemtext {
  opacity: 0;
  justify-content: center;
  align-self: stretch;
  align-items: center;
  padding-left: 35px;
  transition: opacity .4s cubic-bezier(.68, -.55, .265, 1.55);
  display: flex;
  position: absolute;
  inset: 0%;
}

.podcastplayitemtext:hover {
  opacity: 1;
}

.podcastpauseitem {
  opacity: 1;
  justify-content: center;
  align-items: center;
  margin-left: -20px;
  margin-right: -20px;
  padding-right: 0;
  transition: all .4s cubic-bezier(.68, -.55, .265, 1.55);
  display: none;
  position: absolute;
  inset: 0%;
}

.podcastpauseitem:hover {
  opacity: 1;
  padding-right: 100px;
}

.podcastpauseitemtext {
  opacity: 0;
  justify-content: center;
  align-self: stretch;
  align-items: center;
  padding-left: 50px;
  transition: opacity .4s cubic-bezier(.68, -.55, .265, 1.55);
  display: flex;
  position: absolute;
  inset: 0%;
}

.podcastpauseitemtext:hover {
  opacity: 1;
}

.podcastshareoptions {
  z-index: 2;
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  border: .1px solid var(--hover-element-dynamic);
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  background-image: none;
  border-radius: 22.5px;
  flex-direction: column;
  width: 45px;
  height: 45px;
  margin-bottom: 0;
  margin-right: 0;
  padding: 15px;
  transition: all .45s cubic-bezier(.77, 0, .175, 1);
  display: flex;
  position: absolute;
  inset: auto 0% 0% auto;
  overflow: hidden;
  transform: translate(0);
}

.podcastshareoptions:hover {
  z-index: 1001;
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  background-image: none;
  width: 200px;
  height: 201px;
  transform: translate(0);
  box-shadow: 0 0 10px #0003;
}

.podcastcreators {
  font-size: 20px;
  line-height: 20px;
}

.promotioncard {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  border: .1px solid var(--hover-element-dynamic);
  border-radius: 30px;
  flex-flow: wrap;
  flex: 1;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: center;
  min-width: 600px;
  min-height: 600px;
  max-height: 600px;
  margin: 0;
  padding: 20px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.promotionimage {
  background-image: url("https://cdn.prod.website-files.com/5aa43322534e4a0001179757/612e4d1772d9fd2704e4580a_Application%20Logotype.png");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  margin-left: 0;
  margin-right: 0;
  position: relative;
}

.promotionbutton {
  border: .1px solid var(--hover-element-dynamic);
  background-color: var(--oircle-notification);
  border-radius: 25px;
  margin-left: 0;
  margin-right: 0;
  padding: 15px 25px;
}

.promotionbutton:hover {
  background-color: var(--white);
}

.div-block-3904 {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  text-align: center;
  flex-flow: column;
  flex: 1;
  justify-content: center;
  align-self: stretch;
  align-items: center;
  min-width: 400px;
  display: flex;
  position: relative;
}

.promotionartwork {
  aspect-ratio: 2.39;
  object-fit: contain;
  width: 100%;
  max-width: none;
  height: 100%;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

.image-174 {
  width: 100%;
  max-width: none;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.horizontal-div-block {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-flow: wrap;
  justify-content: center;
  display: flex;
}

.promotioncontain {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-flow: column;
  margin: 20px;
  display: flex;
}

.div-block-3905 {
  flex: 1;
  align-self: stretch;
  min-width: 300px;
}

.div-block-3907 {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-flow: column;
  display: flex;
}

.div-block-3908 {
  margin-top: 20px;
  margin-left: 20px;
  margin-right: 20px;
}

.div-block-3909 {
  display: none;
}

.image-159-copy {
  object-fit: contain;
  object-fit: contain;
  flex: 1;
  align-self: stretch;
  max-width: 75%;
}

.image-159-copy-copy {
  object-fit: contain;
  flex: 0 auto;
  align-self: stretch;
  width: 300px;
  max-width: none;
}

.div-block-3910 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  place-items: center;
  min-height: 500px;
  display: grid;
}

.div-block-3911 {
  grid-column-gap: 35px;
  grid-row-gap: 35px;
  margin-top: 45px;
  margin-left: -35px;
  margin-right: -35px;
  padding-bottom: 20px;
  padding-left: 35px;
  padding-right: 35px;
  display: flex;
  overflow: scroll;
}

.div-block-3912 {
  background-image: url("https://cdn.prod.website-files.com/5aa43322534e4a0001179757/6725f2aa7b55d7326367df2d__gza_07P_400x400.jpg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  border-radius: 20px;
  width: 200px;
  min-width: 200px;
  height: 200px;
  min-height: 200px;
  position: relative;
}

.div-block-3912-copy {
  background-image: url("https://cdn.prod.website-files.com/5aa43322534e4a0001179757/6725f2aa7b55d7326367df2d__gza_07P_400x400.jpg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 200px;
  min-width: 200px;
  height: 200px;
  min-height: 200px;
}

.div-block-3912-copy-copy {
  background-image: url("https://cdn.prod.website-files.com/5aa43322534e4a0001179757/6725f2aa1d64c7d0aae36442_1200x1200bf-60-1.jpg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 200px;
  min-width: 200px;
  height: 200px;
  min-height: 200px;
}

.div-block-3912-copy {
  border: .5px solid var(--hover-element-dynamic);
  background-image: url("https://cdn.prod.website-files.com/5aa43322534e4a0001179757/6725f2aa1d64c7d0aae36442_1200x1200bf-60-1.jpg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  border-radius: 20px;
  width: 200px;
  min-width: 200px;
  height: 200px;
  min-height: 200px;
  position: relative;
}

.div-block-3912-copy-copy {
  border: .5px solid var(--hover-element-dynamic);
  background-image: url("https://cdn.prod.website-files.com/5aa43322534e4a0001179757/6725f2abb3d50e7135eb869c_1200x1200bf-60.jpg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  border-radius: 20px;
  width: 200px;
  min-width: 200px;
  height: 200px;
  min-height: 200px;
  position: relative;
}

.div-block-3912-copy-copy-copy {
  border: .5px solid var(--hover-element-dynamic);
  background-image: url("https://cdn.prod.website-files.com/5aa43322534e4a0001179757/6725f2abdc6305cc1d4ec72f_ab6765630000ba8ab2e88a252d0eae27eb2f00c7.jpeg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  border-radius: 20px;
  width: 200px;
  min-width: 200px;
  height: 200px;
  min-height: 200px;
  position: relative;
}

.div-block-3912-copy-copy-copy-copy {
  border: .5px solid var(--hover-element-dynamic);
  background-image: url("https://cdn.prod.website-files.com/5aa43322534e4a0001179757/6725f2aace4a14e2435fa6b2_artwork.png");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  border-radius: 20px;
  width: 200px;
  min-width: 200px;
  height: 200px;
  min-height: 200px;
  position: relative;
}

.button-90-copy {
  vertical-align: middle;
  background-color: #3898ec00;
  background-image: linear-gradient(45deg, #1aabed, #ec4d77);
  border-radius: 25px;
  margin: 10px;
  padding: 7px 18px;
  font-weight: 700;
  transition: all .4s cubic-bezier(.68, -.55, .265, 1.55), transform .4s;
  position: absolute;
  inset: auto 0% 0% auto;
}

.button-90-copy:hover {
  color: var(--white);
  font-size: 18px;
  transform: scale(1.1);
  box-shadow: 0 2px 5px #8589c0;
}

.button-90-copy._w-h {
  width: 50px;
  padding-left: 15px;
  padding-right: 15px;
}

.div-block-3913 {
  opacity: 0;
  position: absolute;
  inset: 0%;
}

.div-block-3913:hover {
  opacity: 1;
}

.div-block-3912-copy-copy-copy-copy-copy {
  border: .5px solid var(--hover-element-dynamic);
  background-image: url("https://cdn.prod.website-files.com/5aa43322534e4a0001179757/6725f2ab8efb3dd335249668_1200x1200bb.jpg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  border-radius: 20px;
  width: 200px;
  min-width: 200px;
  height: 200px;
  min-height: 200px;
  position: relative;
}

.uicardinformationpreviewvideo-copy {
  flex: 1;
}

.uicardinformationpreviewvideo-copy.dynamic {
  z-index: 1;
  border-radius: 20px;
  flex-direction: row;
  justify-content: center;
  align-items: flex-end;
  height: 101%;
  margin: -4px -2px;
  padding-bottom: 65px;
  display: flex;
  position: absolute;
  inset: 0%;
}

.uicardinformationpreviewvideo-copy.dynamic.padding {
  align-items: center;
  height: auto;
  min-height: 300px;
  max-height: 500px;
  margin-top: 25px;
  padding-bottom: 0;
  position: relative;
}

html.w-mod-js [data-ix="fade-in"] {
  opacity: 0;
  transform: translate(0, 50px);
}

html.w-mod-js [data-ix="colour-transition"] {
  opacity: 0;
}

html.w-mod-js [data-ix="colour-interaction"] {
  opacity: 1;
}

html.w-mod-js [data-ix="tilt-animation"] {
  opacity: 1;
  transform: translate(0);
}

html.w-mod-js [data-ix="load-right-250"], html.w-mod-js [data-ix="load-right-500"], html.w-mod-js [data-ix="load-right-750"] {
  opacity: 0;
  transform: translate(-30px);
}

html.w-mod-js [data-ix="load-up-000"] {
  opacity: 0;
  transform: translate(0, 30px);
}

html.w-mod-js [data-ix="load-right-000"] {
  opacity: 0;
  transform: translate(-30px);
}

html.w-mod-js [data-ix="welcome-screen"] {
  width: 800px;
  height: 800px;
  transform: scale(5);
}

html.w-mod-js [data-ix="h-letter-welcome-screen"] {
  opacity: 0;
}

html.w-mod-js [data-ix="scroll-in-to-view-from-left"] {
  opacity: 0;
  transform: translate(-50px);
}

html.w-mod-js [data-ix="scroll-in-to-view-from-right"] {
  opacity: 0;
  transform: translate(50px);
}

html.w-mod-js [data-ix="scroll-in-to-view-from-top"] {
  opacity: 0;
  transform: translate(0, -50px);
}

html.w-mod-js [data-ix="fli-p-3d-left"] {
  opacity: 0;
  transform: translate(-120px)rotateX(0)rotateY(-90deg)rotateZ(0);
}

html.w-mod-js [data-ix="load-animation"], html.w-mod-js [data-ix="fade-up-and-in"] {
  opacity: 0;
}

html.w-mod-js [data-ix="brighten-bg"] {
  opacity: .2;
}

html.w-mod-js [data-ix="slide-right"], html.w-mod-js [data-ix="slide-left"], html.w-mod-js [data-ix="fade-in-2"], html.w-mod-js [data-ix="fade-up-and-in-delay"], html.w-mod-js [data-ix="fade-up-and-in-delay-stats-3"], html.w-mod-js [data-ix="fade-up-and-in-stats"], html.w-mod-js [data-ix="copy-fade-in"], html.w-mod-js [data-ix="fade-up-and-in-delay-stats"], html.w-mod-js [data-ix="fade-in-stats"], html.w-mod-js [data-ix="fade-up-and-in-cell-1"], html.w-mod-js [data-ix="fade-up-and-in-cell-2"], html.w-mod-js [data-ix="fade-up-and-in-cell-3"], html.w-mod-js [data-ix="system-shows-up"], html.w-mod-js [data-ix="legends-shows-up"] {
  opacity: 0;
}

html.w-mod-js [data-ix="load-bg-zoom"] {
  transform: scale(1.34);
}

html.w-mod-js [data-ix="black-bg-load"] {
  width: 0%;
}

html.w-mod-js [data-ix="text-wait-right-3"], html.w-mod-js [data-ix="text-wait-right"], html.w-mod-js [data-ix="text-wait-right-2"], html.w-mod-js [data-ix="text-wait"] {
  opacity: 0;
  transform: translate(0, 15px);
}

@media screen and (min-width: 1440px) {
  .copyright-text-section {
    display: none;
  }

  .iphone-with-apple-pay {
    background-position: 100% 100%;
    background-size: contain;
  }

  .uiproductpromotion {
    margin: 15px;
  }

  .uiproductpromotion.oircle-news, .uiproductpromotion.oircle-news-copy {
    margin: 7.5px 15px;
  }

  .devidermenu.verticalline {
    width: 5px;
  }

  .div-block-1809 {
    background-image: linear-gradient(to bottom, var(--element-dynamic), var(--element-dynamic));
    flex: 0 auto;
    width: 300px;
    min-height: 600px;
    margin: 7.5px;
  }

  .div-block-1809.sqauresix {
    flex: 1;
    min-height: 400px;
  }

  .div-block-1809.sqaureseven, .div-block-1809.sqaureten {
    min-height: 400px;
  }

  .div-block-1816 {
    display: flex;
  }

  .iphone-with-apple-pay-copy {
    background-image: url("https://cdn.prod.website-files.com/5aa43322534e4a0001179757/5bc26cb85b2ebf6a825224e6_MessagesIcon.png"), linear-gradient(45deg, #09b924, #5ef877);
    background-position: 50%, 0 0;
    background-repeat: no-repeat, repeat;
    background-size: 50%, auto;
  }

  .div-block-1853-copy {
    min-width: 300px;
    min-height: 300px;
  }

  .div-block-3289 {
    min-width: 250px;
  }

  .div-block-3482 {
    background-position: 50% 100%;
    background-size: contain;
    width: 700px;
    margin-left: 5px;
  }

  .uiproductpromotionstore {
    margin: 15px;
  }
}

@media screen and (max-width: 991px) {
  .title {
    margin-bottom: 20px;
    font-size: 50px;
    line-height: 50px;
  }

  .youtube-button {
    margin-top: 10px;
  }

  .iphone {
    background-size: contain;
    margin-top: 0;
    margin-left: 0;
    display: block;
  }

  .navigationhub.universal {
    z-index: 999;
    height: auto;
    margin-bottom: 0;
    display: block;
    position: static;
    top: 0;
  }

  .div-block-56 {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: auto;
    margin-left: auto;
    margin-right: auto;
    padding: 9px 1px 9px 0;
  }

  .universal-information {
    margin-top: 5px;
    margin-right: 0;
    padding-left: 0;
    padding-right: 0;
    font-size: 11px;
  }

  .bottom-button {
    padding-left: 10px;
    padding-right: 10px;
    font-size: 12px;
  }

  .option-check {
    padding-left: 0;
    padding-right: 0;
  }

  .context-button {
    font-size: 12px;
  }

  .operation-check {
    padding-left: 5px;
    padding-right: 5px;
  }

  .div-block-74 {
    width: auto;
  }

  .swipe-up {
    position: absolute;
  }

  .help-text-1 {
    max-width: 150px;
  }

  .navigation-search {
    bottom: 62px;
  }

  .navigation-search:hover {
    width: 205px;
  }

  .content-of-the-month {
    flex-direction: row;
    justify-content: center;
    align-items: center;
    height: 100vh;
    padding-left: 15px;
    display: flex;
    position: relative;
  }

  .oircle-education-element-contain {
    padding-left: 20px;
    padding-right: 20px;
  }

  .main-heads {
    font-size: 17px;
  }

  .privacy-matters-elements-contain {
    display: none;
  }

  .oircle-os-portrait-contain-delgate {
    width: 45%;
  }

  .heading-129 {
    font-size: 45px;
    line-height: 70px;
  }

  .quick-view-outlet-section {
    display: none;
  }

  .showcasecontaindelegate {
    padding-top: 200px;
  }

  .devider {
    margin-left: auto;
    margin-right: auto;
    display: block;
  }

  .animation {
    width: 600px;
    height: 600px;
  }

  .paragraph-text {
    width: 70%;
  }

  .oircle-store-promote-contain {
    width: 100vw;
    display: block;
    overflow: scroll;
  }

  .oircle-store-contain-super-delegate {
    justify-content: flex-start;
  }

  .oircle-store-promote-super-contain {
    flex-wrap: nowrap;
    justify-content: flex-start;
    overflow: scroll;
  }

  .oircle-store-promote-delegate {
    padding-bottom: 35px;
    padding-left: 30px;
    padding-right: 30px;
  }

  .cart-button-3 {
    width: 50px;
    height: 50px;
    margin: 10px;
  }

  .cart-quantity-2 {
    padding-top: 10px;
    font-size: 15px;
  }

  .paragraph-111 {
    width: 60%;
  }

  .oircle-news-logotype {
    width: 350px;
    min-width: 350px;
    max-width: 350px;
    height: 350px;
    min-height: 350px;
    max-height: 350px;
  }

  .div-block-776 {
    order: -1;
    margin-left: 10px;
  }

  .outlet-section {
    margin-left: 23%;
  }

  .div-block-822 {
    background-position: 50% 0;
    background-size: cover;
    width: 100%;
    height: 115%;
    transform: none;
  }

  .div-block-823 {
    background-color: #0000;
  }

  .au-section {
    padding-left: 20px;
  }

  .div-block-824 {
    min-width: 75px;
  }

  .div-block-824.sun {
    padding-left: 26px;
  }

  .div-block-825 {
    width: 50px;
    height: 50px;
  }

  .collection-item-18 {
    margin-left: 20px;
    margin-right: 20px;
  }

  .div-block-844 {
    padding-left: 55px;
  }

  .div-block-845 {
    width: 75px;
    height: 75px;
  }

  .heading-200 {
    font-size: 30px;
    line-height: 30px;
  }

  .submit-button-7 {
    background-color: #1aa0e0;
  }

  .heading-201 {
    font-size: 30px;
    line-height: 33px;
  }

  .paragraph-123 {
    font-size: 12px;
    line-height: 15px;
  }

  .link-37 {
    margin-top: 5px;
    margin-bottom: 5px;
    font-size: 15px;
    line-height: 15px;
  }

  .link-37.p {
    margin: 0;
  }

  .text-block-117 {
    font-size: 12px;
  }

  .column-59 {
    padding-left: 15px;
    padding-right: 15px;
  }

  .text-block-119 {
    width: auto;
  }

  .education-menu {
    width: 100px;
    height: 200px;
  }

  .section-52 {
    margin-left: 110px;
    margin-right: 260px;
  }

  .contain-buttons {
    width: 100px;
  }

  .link-block-63.home {
    background-size: 40px;
    width: 75px;
    height: 75px;
  }

  .cook-title {
    margin-bottom: 20px;
    font-size: 45px;
    line-height: 45px;
  }

  .uicard {
    width: 125px;
    min-width: 125px;
    max-width: 125px;
  }

  .instrucation {
    width: 250px;
    height: 250px;
  }

  .text-block-123 {
    font-size: 75px;
  }

  .text-block-124 {
    font-size: 12px;
  }

  .super-heading {
    margin-left: 125px;
  }

  .class-navigator {
    padding-left: 110px;
  }

  .promotional-strip.world-tours {
    padding-right: 20px;
  }

  .uiproductpromotiontitletext {
    width: 65%;
  }

  .oircle-store-promote-contain-delegate {
    flex-wrap: wrap;
  }

  .dynamic-informative-elements {
    flex: 1;
    min-width: 300px;
  }

  .informative-titles {
    font-size: 25px;
    line-height: 30px;
  }

  .icon-elements-contain.multiplue {
    width: 100%;
    height: 200px;
  }

  .sch1 {
    margin-top: 88px;
    margin-bottom: 88px;
    font-size: 40px;
  }

  .application-overview-presenter {
    flex: 1;
    min-width: 200px;
    min-height: 450px;
  }

  .oircle-notify-popup-module {
    height: 70%;
  }

  .dashboard-greeting {
    min-width: 225px;
  }

  .time-of-day {
    padding-top: 5px;
    font-size: 30px;
    line-height: 30px;
  }

  .date-of-day {
    font-size: 14px;
  }

  .profile-portrait {
    flex: 0 auto;
    width: 100%;
    min-width: 0;
    max-width: none;
    height: 100%;
    min-height: 0;
    max-height: none;
  }

  .personal-greeting {
    margin-bottom: 10px;
    font-size: 30px;
    line-height: 35px;
  }

  .cartcontainer {
    background-position: 100%;
  }

  .account-cart {
    flex: 0 auto;
    width: 100%;
    height: 100%;
  }

  .calling-card {
    flex: 1;
    min-width: 150px;
  }

  .animated-search {
    width: 12%;
  }

  .navigator-contain {
    margin: 10px;
  }

  .search-master {
    width: 45px;
    height: 45px;
  }

  .search-master:hover {
    width: 200px;
  }

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

  .navgate-link {
    height: 30px;
    font-size: 13px;
    line-height: 13px;
  }

  .oircle-logo {
    width: 125px;
    height: 40px;
  }

  .oircle-contain-section-delegate {
    justify-content: center;
    align-items: center;
  }

  .product-name {
    font-size: 55px;
    line-height: 60px;
  }

  .product-identified {
    transform: translate(0, 60vh);
  }

  .horizontal.center {
    justify-content: flex-start;
  }

  .horizontal.center.max-wrap {
    justify-content: center;
  }

  .oircle-load-animation-set {
    height: 150px;
    margin-top: -40px;
  }

  .oircle-logotype-animation {
    height: 125px;
  }

  .version-update {
    background-size: cover;
  }

  .thankyou-feedback {
    font-size: 25px;
    line-height: 25px;
  }

  .section {
    padding: 7.5px 15px;
  }

  .oircle-store-product-wrapper.m100.max2 {
    padding-left: 35px;
    padding-right: 50px;
  }

  .headline-grid {
    grid-column-gap: 24px;
    grid-row-gap: 30px;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
    width: 100%;
    max-width: 738px;
  }

  .details-contain {
    width: 75%;
  }

  .uiproductfeaturedlist {
    padding-left: 20px;
  }

  .oircle-store-content-contain {
    width: 250px;
    height: 400px;
  }

  .product {
    margin-top: 31px;
  }

  .uicontacttitle {
    font-size: 10vh;
    line-height: 90px;
  }

  .div-block-1249 {
    width: 85%;
  }

  .be-informed {
    grid-template-columns: .25fr 1fr 1fr;
  }

  .be-informed-text {
    font-size: 35px;
    line-height: 35px;
  }

  .stay-updated-paragraph {
    font-size: 11px;
    line-height: 15px;
  }

  .stay-updated-text {
    font-size: 30px;
    line-height: 35px;
  }

  .default-text-field {
    padding: 5px 31px 5px 5px;
    font-size: 11px;
    line-height: 15px;
  }

  .news-outlet-signup-button {
    font-size: 15px;
  }

  .buy-or-download {
    width: 250px;
  }

  .game-premium-pass {
    font-size: 13px;
  }

  .digital-delegate-contain {
    height: auto;
    max-height: none;
  }

  .digital-product-placement {
    width: 175px;
    min-width: 175px;
    max-width: 175px;
    height: 175px;
    min-height: 175px;
    max-height: 175px;
    margin-top: auto;
    margin-bottom: auto;
  }

  .digital-panel-text {
    margin-right: 15px;
  }

  .digital-product-name {
    font-size: 35px;
    line-height: 35px;
  }

  .search-input-delegate {
    font-size: 10px;
  }

  .text-entery-content-artical {
    min-height: 600px;
  }

  .option-contain {
    width: 350px;
    min-width: 350px;
    max-width: 350px;
    height: 350px;
    min-height: 350px;
    max-height: 350px;
    margin: 10px;
  }

  .success-message-7 {
    background-position: 100%;
    background-size: 85%;
  }

  .paragraph-156 {
    width: 45%;
  }

  .cart-super-contain {
    width: 65px;
    min-width: 65px;
    max-width: 65px;
    height: 65px;
    min-height: 65px;
    max-height: 65px;
  }

  .option-contain-copy {
    width: 350px;
    min-width: 350px;
    max-width: 350px;
    height: 350px;
    min-height: 350px;
    max-height: 350px;
    margin: 10px;
  }

  .collection-item-36 {
    width: 600px;
    height: 300px;
  }

  .promo-collection, .promo-collection-center, .promo-collection-end {
    width: 450px;
    min-width: 450px;
  }

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

  .main-button-6 {
    text-align: center;
    flex-direction: row;
    flex: 0 auto;
    width: auto;
    min-width: auto;
    margin: 0;
    padding-top: 10px;
    padding-bottom: 10px;
    display: block;
    position: static;
  }

  .adapter-banner {
    display: none;
  }

  .social-wrapper-footer-white {
    justify-content: flex-start;
    margin-bottom: 40px;
  }

  .nav-link {
    justify-content: center;
    align-items: center;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    display: flex;
  }

  .nav-menu {
    background-color: #0000;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .hero-2 {
    min-height: 100vh;
    padding-top: 160px;
    padding-bottom: 160px;
    position: static;
  }

  .video-player-wrapper {
    flex-direction: column;
    align-items: center;
    display: flex;
  }

  .style-cards {
    width: 80%;
    margin-bottom: 30px;
    margin-left: 0;
    margin-right: 0;
  }

  .uivideoscreendelegate {
    width: 95vw;
    min-height: 45vh;
  }

  .javascript-button {
    width: auto;
    max-width: none;
    font-size: 14px;
    display: flex;
  }

  .div-block-28 {
    width: 90%;
    min-width: auto;
  }

  .subheader-paragraph {
    text-align: left;
    margin-bottom: 20px;
  }

  .icon-4 {
    color: #fff;
  }

  .brand-5 {
    padding-top: 14px;
    padding-left: 20px;
  }

  .brand-5.footer {
    justify-content: flex-start;
  }

  .menu-button, .menu-button.w--open {
    background-color: #0000;
  }

  .style-wrapper-row {
    flex-direction: column;
    align-items: center;
    margin-top: 70px;
    margin-bottom: 0;
  }

  .container-2 {
    display: none;
  }

  .adsbygoogle-copy {
    width: 250px;
    min-width: 250px;
  }

  .order-item-4 {
    flex: 1;
    width: 150px;
    min-width: 150px;
  }

  .text-block-248 {
    line-height: 14px;
  }

  .circle {
    width: 25px;
    min-width: 25px;
    max-width: 50px;
    height: 25px;
    min-height: 25px;
    font-size: 7px;
  }

  .uinewslatestnews {
    flex-wrap: wrap;
  }

  .large-paragraph {
    padding-top: 25px;
  }

  .incase-you-missed {
    justify-content: space-around;
    padding: 25px;
  }

  .more-information-node {
    margin: 10px;
  }

  .store-featured-product {
    flex-wrap: wrap;
  }

  .featured-product-plate {
    justify-content: center;
    width: 333px;
    height: 333px;
    margin-left: -143px;
  }

  .featured-default-state {
    padding-right: 175px;
  }

  .option-list-4 {
    padding-right: 125px;
  }

  .itempresentdefault {
    width: 400px;
    min-width: 400px;
    max-width: 400px;
    height: 400px;
    min-height: 400px;
    max-height: 400px;
    margin: -38px;
  }

  .featired-error-state {
    padding-right: 175px;
  }

  .text-block-254 {
    font-size: 5vh;
    line-height: 5vh;
  }

  .collection-list-60 {
    justify-content: center;
    padding-left: 0;
    padding-right: 0;
  }

  .collection-item-51 {
    flex: 1;
    min-width: 300px;
  }

  .div-block-1577 {
    padding-left: 35px;
    padding-right: 35px;
  }

  .div-block-1588 {
    width: 100vw;
  }

  .uiproductcontain {
    flex: 1;
    width: 200px;
    min-width: 200px;
    height: 300px;
    min-height: 300px;
    margin: 10px;
  }

  .uiproductcontain:first-child {
    flex: 1;
    width: 455px;
    min-width: 455px;
  }

  .uiproductname {
    font-size: 15px;
    line-height: 15px;
  }

  .uinewstitle {
    font-size: 20px;
    font-weight: 900;
    line-height: 20px;
  }

  .uiproductpromotion.oircle-news-copy-copy, .uiproductpromotion.oircle-news-copy-copy-copy, .uiproductpromotion.oircle-news-copy-copy-copy-copy {
    flex-wrap: wrap;
    padding: 35px 35px 0;
  }

  .javascript-button-2 {
    width: auto;
    max-width: none;
    font-size: 14px;
    display: flex;
  }

  .herosection {
    min-height: 100vh;
    padding-top: 160px;
    padding-bottom: 160px;
    position: static;
  }

  .coloruisway {
    height: 55px;
  }

  .coloruiswaycircle {
    width: 55px;
    height: 55px;
  }

  .uinewscontent {
    flex: 1;
  }

  .paragraph-174 {
    display: block;
  }

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

  .uiproductpromotioncontentcontainomoji {
    flex-wrap: wrap;
    margin-right: 15px;
  }

  .background-video-5 {
    width: 50%;
    height: 50%;
    margin: auto;
  }

  .div-block-1681.top-head {
    width: 75%;
  }

  .overview {
    padding-bottom: 55px;
    padding-left: 55px;
    padding-right: 55px;
  }

  .div-block-1723 {
    margin-left: 0;
  }

  .div-block-1724 {
    height: 25vw;
  }

  .uiproductpromotiondisplayad {
    margin-top: 15px;
  }

  .div-block-1809 {
    width: 250px;
    min-height: 500px;
  }

  .div-block-1809.sqauresix {
    background-color: var(--black);
    min-height: 250px;
  }

  .div-block-1809.sqaureseven, .div-block-1809.sqaureten {
    min-height: 250px;
  }

  .hero-with-background-wrap {
    flex-direction: column;
    display: flex;
  }

  .hero-with-background-wrap.hero2-wrap {
    border-bottom-style: none;
    border-bottom-width: 0;
    flex-direction: column-reverse;
    padding: 15px 15px 7.5px;
    overflow: hidden;
  }

  .hero2-background {
    grid-template-columns: 1fr;
    height: auto;
    min-height: auto;
    position: static;
  }

  .hero2-grid-2 {
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
    width: auto;
    height: auto;
    min-height: auto;
  }

  .hero2-title-2 {
    padding: 0 45px 45px;
  }

  .button-large-2 {
    width: 100%;
  }

  .button-large-2.hero3-button {
    border-bottom-right-radius: 15px;
    border-bottom-left-radius: 15px;
    overflow: hidden;
  }

  .hero2-image-2 {
    background-position: 50% 0;
    height: 50vh;
    margin-left: 0;
    margin-right: 0;
    padding: 0;
  }

  .empty-state-15 {
    max-width: 738px;
  }

  .hero2-product-2 {
    color: #fff;
    background-color: #18181d;
    margin-left: -24px;
    margin-right: -24px;
    padding: 24px;
    display: none;
    inset: auto 0% 0%;
  }

  .hero2-latest-2 {
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
    padding: 26px;
  }

  .hero2-product-name-2 {
    color: #fff;
  }

  .div-block-1883, .div-block-1884 {
    border-bottom-right-radius: 15px;
    border-bottom-left-radius: 15px;
  }

  .div-block-1887 {
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
  }

  .div-block-1671-copy {
    margin-top: 0;
    margin-bottom: 0;
  }

  .image-portrait-contain-copy {
    width: 37.5vw;
    min-width: 37.5vw;
    height: 50vh;
    min-height: 50vh;
  }

  .heading-357.title {
    margin-bottom: 7.5px;
    font-size: 15px;
    line-height: 15px;
  }

  .div-block-1945 {
    padding-left: 9%;
    padding-right: 9%;
  }

  .heading-363 {
    font-weight: 400;
  }

  .div-block-1947 {
    width: 375px;
    height: 375px;
    margin-left: 0;
    margin-right: 0;
  }

  .div-block-1948 {
    flex: 1;
    min-width: 300px;
  }

  .text-block-298 {
    font-size: 75px;
    line-height: 75px;
  }

  .heading {
    font-size: 50px;
    line-height: 60px;
  }

  .text-block-11 {
    font-size: 16px;
    line-height: 20px;
  }

  .text-block-12 {
    font-size: 26px;
    line-height: 26px;
  }

  .section-61 {
    padding-left: 0;
    padding-right: 0;
  }

  .uimobiledelegateground {
    margin-bottom: 70px;
    margin-left: 70px;
  }

  .uimobilecontain {
    padding-top: 10px;
    padding-left: 10px;
    padding-right: 10px;
  }

  .options {
    margin-bottom: 180px;
    margin-left: 70px;
  }

  .heading-368 {
    font-size: 70px;
    line-height: 70px;
  }

  .heading-369 {
    font-size: 20px;
    line-height: 20px;
  }

  .div-block-3292 {
    margin-bottom: 25px;
  }

  .div-block-3304 {
    height: 600px;
    top: 15px;
  }

  .apple-grid-block.tablet-hidden {
    display: none;
  }

  .div-block-3307 {
    min-width: 400px;
    min-height: 400px;
  }

  .div-block-3308 {
    min-width: 500px;
  }

  .div-block-3323 {
    flex: 0 auto;
    width: 480px;
    margin-top: 15px;
    position: relative;
  }

  .div-block-3324 {
    width: 500px;
    height: 500px;
  }

  .heading-376 {
    font-size: 75px;
  }

  .oircle-store-logotype {
    background-size: 150%;
    width: 115px;
    min-width: 115px;
    max-width: 115px;
    height: 115px;
    min-height: 115px;
    max-height: 115px;
  }

  .div-block-3337 {
    width: 350px;
    height: 550px;
  }

  .div-block-3375 {
    margin-right: 0;
  }

  .div-block-3386 {
    margin: 5.5px;
  }

  .div-block-3387 {
    width: 75px;
    min-width: 75px;
    max-width: 75px;
    height: 75px;
    min-height: 75px;
    max-height: 75px;
    margin-right: 10px;
  }

  .heading-390 {
    font-size: 25px;
    line-height: 25px;
  }

  .div-block-3388 {
    margin-top: 10px;
    margin-right: 5px;
    padding-top: 5px;
    padding-bottom: 5px;
    font-size: 10px;
  }

  .collection-item-88 {
    min-width: 350px;
  }

  .div-block-3394 {
    padding-top: 14.5px;
  }

  .heading-393 {
    font-size: 20px;
    line-height: 20px;
  }

  .heading-403 {
    padding: 5px;
  }

  .div-block-3429 {
    width: auto;
    margin: 7.5px;
  }

  .div-block-3431 {
    justify-content: center;
    align-items: center;
    height: 45px;
    display: flex;
  }

  .div-block-3429-copy {
    width: auto;
    margin: 7.5px;
  }

  .div-block-3388-copy-copy {
    flex: 1;
    margin-top: 0;
    margin-right: 0;
    padding-top: 5px;
    padding-bottom: 5px;
    font-size: 10px;
  }

  .div-block-3436 {
    min-width: 300px;
    min-height: 300px;
  }

  .uiherodevice {
    width: 235px;
    min-width: 235px;
    height: 500px;
    min-height: 500px;
    margin-left: -30.5px;
    margin-right: -30.5px;
  }

  .div-block-3446 {
    width: 60%;
  }

  .uicardcontain {
    min-width: 300px;
  }

  .uicardcontain.large {
    min-width: 450px;
  }

  .uicardcontain.stack, .uicardcontain.overstack {
    min-width: 175px;
  }

  .uicardcontain.medium {
    min-width: 250px;
  }

  .uicardinformationpreviewcontain {
    padding: 15px;
  }

  .div-block-3453 {
    width: 95%;
  }

  .div-block-3460 {
    width: 75%;
  }

  .div-block-3482 {
    order: 1;
    width: 500px;
    min-height: 200px;
  }

  .div-block-1948-copy, .div-block-1948-copy-copy {
    flex: 1;
    min-width: 300px;
  }

  .oircle-ltd-logotype {
    width: 350px;
    min-width: 350px;
    max-width: 350px;
    height: 350px;
    min-height: 350px;
    max-height: 350px;
  }

  .div-block-1948-copy {
    flex: 1;
    min-width: 300px;
  }

  .dynamiccontentfield {
    max-width: none;
    margin: 30px;
  }

  .dynamicbarlink {
    padding: 13px;
  }

  .uiadvertismentimage {
    border-radius: 0;
    flex-wrap: wrap;
    flex: 1;
    min-width: 50vh;
    min-height: 90vh;
    max-height: 90vh;
    margin: 0;
    position: static;
    top: 15px;
  }

  .div-block-3529 {
    flex: 1;
    min-width: 400px;
    max-height: 100vh;
  }

  .div-block-3536 {
    flex-flow: wrap;
    max-height: none;
  }

  .div-block-3394-copy {
    padding-top: 14.5px;
  }

  .uiadvertismentforeground {
    width: 350px;
    min-width: 350px;
    max-width: 350px;
    height: 350px;
    min-height: 350px;
    max-height: 350px;
  }

  .iphone-14-pro-max-universal {
    width: 235px;
    min-width: 235px;
    height: 500px;
    min-height: 500px;
  }

  .div-block-3553 {
    flex: 1;
    align-self: stretch;
    min-width: 200px;
    min-height: 200px;
  }

  .div-block-3561 {
    padding-right: 40px;
  }

  .div-block-3569 {
    flex-wrap: wrap;
  }

  .div-block-3570 {
    width: 100px;
    min-width: 100px;
    height: 100px;
    min-height: 100px;
  }

  .heading-422 {
    font-size: 6em;
  }

  .paragraph-199 {
    width: 75%;
  }

  .div-block-3576 {
    min-height: 500px;
    max-height: 500px;
  }

  .link-block-105 {
    width: 375px;
  }

  .collection-list-104 {
    padding-left: 15px;
  }

  .div-block-3585 {
    width: 200px;
    height: 400px;
  }

  .div-block-3585.main {
    margin-left: -55px;
    margin-right: -55px;
  }

  .div-block-3585.last {
    margin-right: -56px;
  }

  .div-block-3586 {
    padding: 15px;
  }

  .div-block-3587 {
    min-width: 300px;
    margin: 5px;
  }

  .uiherodevicesolor {
    width: 235px;
    min-width: 235px;
    height: 500px;
    min-height: 500px;
    margin-left: -30.5px;
    margin-right: -30.5px;
  }

  .iphonesolor {
    flex: 1;
    align-self: stretch;
    min-width: 200px;
    min-height: 200px;
  }

  .uicardinformationpreviewcontain-copy, .uicardinformationpreviewcontainsoloropp {
    padding: 15px;
  }

  .ceramic-shield, .ceramic-shield-3 {
    height: 40%;
    margin-top: 0;
    margin-left: 0;
    margin-right: 0;
  }

  .durable-part-2 {
    height: 100%;
  }

  .margin-top {
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
  }

  .text-size-large-2 {
    font-size: 2rem;
  }

  .durable-part {
    height: 100%;
  }

  .first-iphone {
    padding-left: 1.2rem;
    padding-right: 1.2rem;
  }

  .durable-part-3 {
    height: 100%;
  }

  .ceramic-shield-2 {
    height: 40%;
    margin-top: 0;
    margin-left: 0;
    margin-right: 0;
  }

  .durable-text {
    width: 80%;
  }

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

  .device-container, .triggers-wrapper {
    display: none;
  }

  .padding-top {
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .flipcard-wrapper {
    width: 300px;
    min-width: 300px;
    height: 500px;
    min-height: 500px;
  }

  .flipcard-front {
    padding: 20px;
  }

  .flipcard-front.product {
    margin-top: 0;
  }

  .flipcard-title {
    font-size: 50px;
    line-height: 50px;
  }

  .div-block-3616 {
    min-height: 300px;
  }

  .div-block-3618 {
    min-width: 300px;
  }

  .uinewsfeaturedarticles {
    padding: 20px;
  }

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

  .gallery-photo-wrapper {
    padding: 30px;
  }

  .color-swatch-wrapper {
    flex-direction: column;
    align-items: center;
    padding: 2px;
    display: block;
  }

  .color-swatch, .color-swatch-overlay {
    width: 28px;
    height: 28px;
  }

  .heading-445 {
    font-size: 30px;
    line-height: 30px;
  }

  .heading-445-copy {
    font-size: 50px;
    line-height: 50px;
  }

  .section-ios15-grid {
    grid-column-gap: 2.75rem;
    grid-row-gap: 2.75rem;
  }

  .padding-bottom {
    padding-top: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .margin-bottom {
    margin-top: 0;
    margin-left: 0;
    margin-right: 0;
  }

  .main-wrapper {
    margin-left: 0;
  }

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

  .div-block-3653 {
    min-width: 300px;
    min-height: 300px;
  }

  .div-block-3653.small.padding.cap.horizontalpad, .div-block-3653.small.min {
    min-width: 400px;
  }

  .div-block-3653.padding.cap.align {
    padding: 61px 0 0;
  }

  .div-block-3653.max600 {
    padding-top: 119px;
  }

  .heading-449 {
    font-size: 45px;
    line-height: 50px;
  }

  .heading-450 {
    font-size: 175px;
  }

  .text-span-92 {
    font-size: 250px;
  }

  .heading-450-copy {
    font-size: 150px;
  }

  .text-span-92-copy {
    font-size: 225px;
  }

  .uisearchadvertismentforeground {
    width: 350px;
    min-width: 350px;
    max-width: 350px;
    height: 350px;
    min-height: 350px;
    max-height: 350px;
  }

  .macbook {
    width: 533.333px;
    height: 333.333px;
    margin-bottom: -10px;
    margin-left: -171px;
    margin-right: -171px;
    transform: translate(-20px);
  }

  .iphonesearch {
    width: 133.333px;
    height: 266.667px;
  }

  .ipadsearch {
    width: 400px;
    height: 290px;
  }

  .div-block-3682 {
    transform: scale(.9);
  }

  .uiherodevicesearch {
    width: 235px;
    min-width: 235px;
    height: 500px;
    min-height: 500px;
    margin-left: -30.5px;
    margin-right: -30.5px;
  }

  .uiherolargedevice {
    width: 650px;
    min-width: 650px;
    height: 500px;
    min-height: 500px;
  }

  .image-151 {
    max-width: 75%;
    margin-left: -5em;
    margin-right: -5em;
  }

  .image-152 {
    max-width: 85%;
  }

  .div-block-3653-copy {
    min-width: 300px;
    min-height: 300px;
  }

  .div-block-3653-copy-copy {
    min-width: 300px;
    min-height: 300px;
    padding: 70px 70px 0;
  }

  .mobile-prompt {
    text-align: center;
    justify-content: center;
    align-items: center;
    padding-left: 35px;
    padding-right: 35px;
    font-size: 24px;
    font-weight: 600;
    line-height: 1.3;
    display: flex;
    position: absolute;
    inset: 0%;
  }

  .content-2 {
    display: none;
  }

  .image-165 {
    object-fit: scale-down;
    padding-top: 75px;
  }

  .text-block-372 {
    padding-bottom: 0;
  }

  .div-block-56-copy {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: auto;
    margin-left: auto;
    margin-right: auto;
    padding: 9px 1px 9px 0;
  }

  .heading-461 {
    font-size: 10px;
  }

  .option-check-copy {
    padding-left: 0;
    padding-right: 0;
  }

  .operation-check-copy {
    padding-left: 5px;
    padding-right: 5px;
  }

  .div-block-3723.double {
    min-width: 300px;
    min-height: 300px;
  }

  .options-copy {
    margin-bottom: 180px;
    margin-left: 70px;
  }

  .div-block-3841 {
    width: 275px;
  }

  .div-block-3743-copy-button-copy {
    left: 40%;
  }

  .uiadvertismentforeground-copy {
    width: 350px;
    min-width: 350px;
    max-width: 350px;
    height: 350px;
    min-height: 350px;
    max-height: 350px;
  }

  .sound {
    left: 40%;
  }

  .podcastupnext {
    left: 20%;
  }

  .podcastoptions, .podcastplaypodcast {
    left: 60%;
  }

  .sound-copy {
    left: 40%;
  }

  .podcastupnext-copy {
    left: 20%;
  }

  .sound-copy-copy {
    left: 40%;
  }

  .podcastepisodeplaycontain, .podcastplaylatestpodcast, .podcastwebsitepodcast, .podcastplaypodcast-copy-copy-copy-copy, .podcastshareoptions {
    left: 60%;
  }

  .promotionimage {
    width: 350px;
    min-width: 350px;
    max-width: 350px;
    height: 350px;
    min-height: 350px;
    max-height: 350px;
  }
}

@media screen and (max-width: 767px) {
  h1 {
    font-size: 30px;
    line-height: 33px;
  }

  p {
    font-size: 18px;
    line-height: 22px;
  }

  .body {
    background-color: #fff;
  }

  .youtube-button {
    position: static;
    left: 61px;
  }

  .youtube-button.inlineplus {
    position: static;
  }

  .youtube-button.inlineplus.inlinead.inlineone.gf {
    margin-right: auto;
  }

  .iphone {
    text-align: center;
    background-image: url("https://cdn.prod.website-files.com/5aa43322534e4a0001179757/5b5a2e81a1a6aa75c20570a6_Analyst%20%7C%20Black.png");
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    margin-left: auto;
    margin-right: auto;
    display: block;
    position: static;
    left: 66px;
  }

  .navigationhub.universal {
    width: auto;
    height: auto;
    margin-left: auto;
    margin-right: auto;
  }

  .div-block-56 {
    flex-direction: column;
    align-items: center;
    display: flex;
  }

  .universal-information {
    text-align: center;
    text-transform: uppercase;
    width: 400px;
    margin: 10px auto;
    font-size: 13px;
    display: block;
  }

  .bottom-button {
    text-align: center;
    border-bottom: 0 solid #000;
    border-right-width: 1px;
    margin: 5px;
    padding: 0 5px;
    font-size: 10px;
    display: block;
  }

  .option-check {
    flex-wrap: wrap;
    display: flex;
  }

  .operation-check {
    flex: 1;
    min-width: 176px;
    margin-bottom: 20px;
  }

  .mobile-plus-button {
    color: var(--oircle-default-gry);
    text-align: center;
    background-color: #0000;
    margin-left: auto;
    margin-right: auto;
    font-size: 25px;
    display: block;
  }

  .div-block-74 {
    padding-left: 30px;
    padding-right: 30px;
  }

  .swipe-up {
    width: 450px;
    bottom: 0;
    left: 0;
    right: 0;
  }

  .help-text-1 {
    max-width: 130px;
  }

  .white {
    font-size: 60px;
    line-height: 64px;
  }

  .navigation-search {
    bottom: 34px;
    left: 30px;
  }

  .navigation-search:hover {
    width: 155px;
  }

  .search-input-4 {
    font-size: 11px;
  }

  .content-of-the-month {
    flex-direction: column;
    align-items: center;
    height: auto;
    padding-left: 0;
    display: flex;
  }

  .column-41 {
    flex-direction: column;
    flex: 0 auto;
    justify-content: center;
    align-items: center;
    margin-top: 20px;
    margin-bottom: 40px;
    display: flex;
  }

  .column-41._2 {
    padding-left: 30px;
  }

  .column-42 {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-top: 15px;
    margin-bottom: 30px;
    display: flex;
  }

  .showcaseicon {
    border-radius: 30px;
    width: 150px;
    height: 150px;
  }

  .oircle-ed {
    padding-left: 5%;
    padding-right: 5%;
  }

  .education-editors {
    background-position: -35px 0;
  }

  .oircle-education-contain {
    margin-bottom: 0;
  }

  .product-button {
    margin-right: 0;
  }

  .product-button.request-approval {
    display: none;
  }

  .name {
    flex-direction: row;
    justify-content: flex-start;
    align-items: flex-start;
    display: flex;
  }

  .checkbox-label {
    margin-right: 10px;
  }

  .hover-text-imput.centered {
    margin-left: 20px;
    margin-right: 20px;
  }

  .heading-129 {
    font-size: 30px;
    line-height: 36px;
  }

  .outlet-one {
    padding: 25px;
  }

  .outlet-button {
    font-size: 15px;
    line-height: 22px;
  }

  .outlet-three, .outlet-four, .outlet-five, .outlet-six {
    padding: 25px;
  }

  .showcasetitle {
    font-size: 60px;
  }

  .cart {
    width: 100%;
    margin-top: 0;
    margin-bottom: 0;
    margin-right: 0;
  }

  .dismis-button.product-button {
    z-index: 1000;
    top: 10px;
    right: 10px;
  }

  .card-2 {
    width: 400px;
  }

  .universal-product-element {
    line-height: 18px;
  }

  .paragraph-text {
    font-size: 12px;
    line-height: 16px;
  }

  .snippet-detail-view {
    font-size: 6px;
  }

  .uiproductlegalsnippet {
    line-height: 10px;
  }

  .oircle-store-promote-title {
    font-size: 15px;
    line-height: 15px;
  }

  .oircle-store-promote-paragraph {
    font-size: 12px;
    line-height: 16px;
  }

  .oircle-store-promote-delegate {
    width: 200px;
    height: 300px;
    padding-bottom: 10px;
    padding-left: 10px;
  }

  .menu-indicators {
    width: 75px;
    height: 75px;
    margin: 20px auto auto;
    display: flex;
    inset: 0% 0% auto;
  }

  .cart-button-3 {
    width: 50px;
    height: 50px;
    margin: 10px;
  }

  .cart-quantity-2 {
    padding-top: 10px;
    font-size: 15px;
  }

  .link-block-40 {
    top: auto;
    bottom: 20px;
    right: 20px;
  }

  .vertical-nav {
    width: 13px;
  }

  .oircle-os-element-contain {
    z-index: 998;
    position: relative;
  }

  .paragraph-110 {
    width: 70%;
  }

  .paragraph-111 {
    width: 80%;
  }

  .link-block-47 {
    padding-left: 36px;
    padding-right: 36px;
  }

  .oircle-news-logotype {
    flex: 0 auto;
    width: auto;
    min-width: 175px;
    max-width: 175px;
    height: auto;
    min-height: 175px;
    max-height: 175px;
  }

  .oircle-news-paragraph {
    flex: 1;
    min-width: 250px;
    margin-top: 0;
    margin-bottom: 0;
    font-size: 13px;
    line-height: 15px;
  }

  .oircle-news-paragraph-contain {
    width: 70%;
    padding-right: 10px;
  }

  .div-block-776 {
    flex-direction: row;
    justify-content: center;
    align-items: center;
    margin-left: 0;
    display: flex;
  }

  .gryscalebutton {
    text-align: center;
    margin-top: 5px;
    margin-bottom: 5px;
    line-height: 15px;
  }

  .outlet-section {
    margin-left: 30%;
  }

  .div-block-822 {
    min-width: 100vh;
  }

  .heading-193 {
    letter-spacing: 30px;
    text-indent: 30px;
  }

  .au-section {
    width: 125vh;
    overflow: scroll;
  }

  .body-33 {
    overflow: hidden;
  }

  .moon-trai.largest {
    width: 250px;
    height: 250px;
  }

  .moon-trai.middle {
    width: 200px;
    height: 200px;
  }

  .moon-trai.smallest {
    width: 150px;
    height: 150px;
  }

  .moon-trai.tiny {
    width: 100px;
    height: 100px;
  }

  .moon-trai.plan-net {
    width: 50px;
    height: 50px;
  }

  .text-eliment.right-blur {
    z-index: 3;
    background-image: linear-gradient(to right, #000 29%, #070606f0);
    position: relative;
  }

  .div-block-843 {
    flex-wrap: wrap;
    overflow: hidden;
  }

  .link-block-60 {
    display: none;
  }

  .div-block-844 {
    padding-left: 15px;
    padding-right: 15px;
  }

  .text-field-12 {
    width: 80%;
  }

  .submit-button-7 {
    right: 16%;
  }

  .div-block-847 {
    flex-wrap: wrap;
  }

  .div-block-848 {
    font-size: 10px;
    line-height: 15px;
  }

  .link-36 {
    width: 100px;
    line-height: 14px;
  }

  .text-block-116 {
    width: 275px;
  }

  .column-59 {
    margin-top: 15px;
    margin-bottom: 15px;
  }

  .education-menu {
    height: 150px;
  }

  .section-52 {
    margin-top: 10px;
    margin-left: 5px;
    margin-right: 5px;
  }

  .contain-buttons {
    inset: 0% auto auto 0%;
  }

  .shoppinglistcontain {
    padding-left: 99px;
  }

  .shoppinglistcontain.one-button {
    padding-left: 0;
  }

  .uicard {
    height: 150px;
    min-height: 150px;
    max-height: 150px;
  }

  .uicard.strech {
    flex: 0 auto;
    align-items: center;
  }

  .instructions {
    flex-flow: column;
    justify-content: center;
    align-items: center;
    padding-bottom: 32px;
    padding-left: 10px;
    padding-right: 10px;
  }

  .instrucation {
    width: 70%;
    height: 200px;
    margin-top: 18px;
    margin-bottom: 18px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .text-block-123 {
    font-size: 50px;
    line-height: 50px;
  }

  .text-block-124 {
    font-size: 12px;
  }

  .cook-book {
    padding-top: 0;
  }

  .shoppinglist {
    width: auto;
    max-width: 60%;
  }

  .class-overview {
    width: 300px;
  }

  .class-portrait {
    height: 175px;
  }

  .class-title {
    font-size: 20px;
    line-height: 22px;
  }

  .promotional-strip.oircle-store-promotion {
    background-image: url("https://cdn.prod.website-files.com/5aa43322534e4a0001179757/5d1ba5794f7116444c0fa8b5_5ba2ff40-5596-4d63-aa8b-7f69d321fe4c.png");
    background-position: -64%;
    background-size: auto;
  }

  .oircle-store-promote-contain-delegate {
    flex-flow: wrap;
  }

  .dynamic-informative-elements {
    flex: 1;
    min-width: 300px;
  }

  .informative-paragraph {
    width: 95%;
  }

  .icon-elements-contain {
    width: 200px;
    height: 200px;
  }

  .icon-elements-contain.multiplue {
    background-size: 70px, 70px, 70px;
    width: 100%;
  }

  .h1 {
    margin-bottom: 10px;
    font-size: 75px;
    line-height: 75px;
  }

  .hs1 {
    font-size: 25px;
    line-height: 25px;
  }

  .sch1 {
    font-size: 30px;
    line-height: 30px;
  }

  .application-overview-presenter {
    flex: 1;
    min-width: 175px;
    min-height: 350px;
  }

  .oircle-notify-popup-module {
    border-radius: 0;
    width: 100%;
    height: 100%;
    max-height: none;
    overflow: scroll;
  }

  .oircle-notify-popup-module-pre-text {
    line-height: 14px;
  }

  .oircle-notify-popup-module-title {
    font-size: 30px;
    line-height: 33px;
  }

  .oircle-notify-popup-module-pre-title {
    font-size: 14px;
    line-height: 16px;
  }

  .oircle-notify-popup-module-title-contain {
    margin-left: 10px;
    margin-right: 10px;
  }

  .oircle-notify-popup-module-form-success-message {
    font-size: 20px;
  }

  .minimum-line {
    font-size: 12px;
    line-height: 15px;
  }

  .hello-heading.white-text.addition-left {
    text-align: left;
  }

  .dashboard.foreground {
    width: 100%;
    min-width: 0;
    margin: 0;
    overflow: scroll;
    transform: none;
  }

  .dashboard-greeting {
    min-width: 160px;
    margin-right: 5px;
  }

  .time-of-day {
    padding-top: 3px;
    font-size: 22px;
  }

  .date-of-day {
    font-size: 11px;
    line-height: 15px;
  }

  .profile-portrait {
    flex: 1;
    width: 50px;
    height: 50px;
  }

  .dashboard-information {
    overflow: visible;
  }

  .personal-greeting {
    margin-bottom: 5px;
    font-size: 21px;
    line-height: 29px;
  }

  .calling-card {
    flex: 1;
    min-width: 175px;
  }

  .animated-search {
    width: 9%;
  }

  .navigator-contain {
    flex-direction: row;
    justify-content: flex-start;
    align-items: stretch;
    margin: 20px;
    padding: 0;
  }

  .nav {
    flex-wrap: wrap;
    flex: 1;
    justify-content: space-around;
    height: 50px;
  }

  .search-master {
    background-position: 2%;
    width: 175px;
    min-width: 50px;
    height: 35px;
    padding-left: 40px;
    font-size: 12px;
    display: none;
  }

  .search-master:hover {
    width: 175px;
  }

  .dynamic-contain {
    flex: 1;
  }

  .navgate-link {
    flex: 1;
    height: 30px;
    margin-left: 2px;
    margin-right: 2px;
    padding-left: 3px;
    padding-right: 3px;
    font-size: 12px;
    line-height: 10px;
  }

  .oircle-logo {
    width: 100px;
    height: 20px;
    display: none;
  }

  .policy-portrait {
    padding: 15px;
  }

  .card-details {
    min-width: 200px;
    margin-bottom: 15px;
    padding: 134px;
  }

  .card-number {
    font-size: 28px;
  }

  .product-identified {
    transform: translate(0, 60vh);
  }

  .tiny-product-name {
    line-height: 30px;
  }

  .vertical {
    align-self: stretch;
  }

  .oircle-load-animation-set {
    height: 100px;
    margin-top: -25px;
  }

  .oircle-logotype-animation {
    height: 100px;
  }

  .products-alike-contain-selector.horizontal.max {
    padding-left: 7.5px;
    padding-right: 7.5px;
  }

  .div-block-1193 {
    background-size: cover;
  }

  .form-block-5 {
    justify-content: center;
    align-items: center;
    margin: 30px;
    display: flex;
  }

  .oircle-store-promotion {
    background-image: linear-gradient(#0000, #0000), url("https://cdn.prod.website-files.com/5aa43322534e4a0001179757/5dd80a83a16c2da5da24ade1_star-wars-jedi-fallen-order-hero-banner-02-ps4-us-29may19.jpeg");
    background-position: 0 0, 72%;
  }

  .product-overview-paragraph {
    min-width: 200px;
  }

  .section {
    padding-left: 20px;
    padding-right: 20px;
  }

  .headline-grid {
    grid-column-gap: 20px;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
    max-width: none;
  }

  .uiproductpromotionadtitle {
    font-size: 35px;
    line-height: 35px;
  }

  .uiproductpromotionadtitle.small {
    font-size: 25px;
    line-height: 25px;
  }

  .oircle-store-content-contain {
    background-size: cover;
  }

  .contact-us-direct {
    background-position: 100%;
    background-size: cover;
  }

  .contact-text-block {
    font-size: 9px;
    line-height: 13px;
  }

  .be-informed {
    grid-column-gap: 10px;
    grid-row-gap: 16px;
    flex-flow: column;
    grid-template-rows: auto;
    grid-template-columns: .5fr 1fr;
    grid-auto-columns: 1fr;
    place-content: stretch center;
    align-items: stretch;
    display: grid;
  }

  .be-informed-text {
    display: none;
  }

  .holographic-icons {
    flex: 1;
    min-width: 200px;
    min-height: 300px;
  }

  .why-subscribe-contain {
    margin-right: -10px;
  }

  .oircle-apps-contain-super-delegate {
    border-radius: 25px;
    width: 75px;
    height: 75px;
    margin: 5px;
  }

  .oircle-apps-contain-super-delegate.oircle-account {
    margin: -40px;
  }

  .buy-or-download {
    align-self: center;
    margin-top: 0;
    margin-bottom: 0;
  }

  .buy-digital {
    height: 40px;
    font-size: 10px;
  }

  .settings {
    width: 40px;
    height: 40px;
    font-size: 20px;
  }

  .game-premium-pass {
    text-align: center;
    min-height: 40px;
    padding: 5px;
    font-size: 10px;
  }

  .digital-price {
    font-size: 20px;
  }

  .digital-details-panel {
    margin-top: 76vh;
  }

  .digital-delegate-contain {
    align-items: center;
    margin-bottom: 15px;
    padding: 20px;
  }

  .digital-product-placement {
    width: 100px;
    min-width: 100px;
    max-width: 100px;
    height: 100px;
    min-height: 100px;
    max-height: 100px;
  }

  .digital-product-name {
    font-size: 20px;
    line-height: 20px;
  }

  .capabilities-section-super-delegate {
    font-size: 15px;
    line-height: 15px;
  }

  .digital-summary-section-text {
    font-size: 10px;
    line-height: 10px;
  }

  .more-details-content {
    font-size: 40px;
    line-height: 40px;
  }

  .content-article-contain {
    padding-left: 25px;
    padding-right: 25px;
  }

  .text-entery-introduction-para {
    min-height: 100px;
    font-size: 18px;
  }

  .text-entery-content-artical {
    min-height: 400px;
    font-size: 18px;
  }

  .option-contain {
    width: 200px;
    min-width: 200px;
    max-width: 200px;
    height: 200px;
    min-height: 200px;
    max-height: 200px;
    font-size: 15px;
  }

  .drag-drop-contain {
    flex: 1;
    min-width: 300px;
    min-height: 500px;
  }

  .publish-oircle-news-article {
    margin-top: 50px;
    margin-bottom: 15px;
  }

  .text-entery-overview-para {
    min-height: 100px;
    font-size: 18px;
  }

  .success-message-7 {
    background-position: 50%;
    background-size: auto;
  }

  .paragraph-156 {
    width: 75%;
  }

  .heading-284 {
    width: 85%;
    font-size: 60px;
  }

  .div-block-1333 {
    border-radius: 0;
    justify-content: center;
    width: 100%;
  }

  .text-block-214 {
    width: 100px;
    height: 100px;
    font-size: 75px;
  }

  .cart-super-contain {
    width: 55px;
    min-width: 55px;
    max-width: 55px;
    height: 55px;
    min-height: 55px;
    max-height: 55px;
  }

  .cartmenu {
    background-size: 25px, 500%;
  }

  .uiproductpromotiontext {
    font-size: 20px;
    line-height: 22px;
  }

  .instergram {
    width: 25px;
    height: 25px;
  }

  .unit-tile {
    padding: 0;
  }

  .div-block-1015 {
    align-items: center;
  }

  .option-contain-copy {
    width: 200px;
    min-width: 200px;
    max-width: 200px;
    height: 200px;
    min-height: 200px;
    max-height: 200px;
    font-size: 15px;
  }

  .shopping-cart-super-card {
    margin-bottom: 15px;
    margin-left: 15px;
    margin-right: 15px;
  }

  .orderheaderlabel {
    padding-right: 25px;
  }

  .order-column-delegate {
    flex: 1;
    width: 100px;
    min-width: 100px;
  }

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

  .super-nav-settings {
    min-width: 75%;
    margin-top: 90px;
  }

  .promo-collection, .promo-collection-center, .promo-collection-end {
    width: 300px;
    min-width: 300px;
  }

  .displayaction {
    min-width: 0;
  }

  .displayaction.large {
    min-width: 0;
    left: 15px;
    right: 15px;
  }

  .div-block-1502 {
    flex: 1;
  }

  .div-block-1503 {
    padding: 15px;
  }

  .paragraph-172 {
    width: 75%;
  }

  .heading-314 {
    font-size: 45px;
    line-height: 50px;
  }

  .volume-bar-wrapper {
    bottom: 75px;
  }

  .main-button-6 {
    width: auto;
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
    display: block;
  }

  .social-wrapper-footer-white {
    justify-content: flex-start;
    margin-top: 15px;
    margin-bottom: 45px;
  }

  .nav-link {
    width: 100%;
  }

  .hero-2 {
    justify-content: flex-start;
    min-height: 100vh;
    padding-top: 60px;
    padding-bottom: 7px;
  }

  .footer-links-white-2 {
    text-align: center;
  }

  .video-player-wrapper {
    justify-content: center;
    padding-left: 15px;
    padding-right: 15px;
  }

  .udesly-footer {
    margin-bottom: 10px;
  }

  .title-styler-card-wrapper {
    flex-direction: row;
    display: flex;
  }

  .style-cards {
    width: 95%;
  }

  .uivideoscreendelegate {
    min-height: 45vh;
  }

  .javascript-button {
    max-width: 175px;
  }

  .uivideoprogressbarcontain.completenul {
    height: 25px;
  }

  .subheader-paragraph {
    text-align: left;
    display: block;
  }

  .uivideooptionsdelegate {
    min-height: 35px;
    margin-bottom: 10px;
  }

  .options-wrapper {
    margin-top: 25px;
    margin-bottom: 10px;
    margin-right: 0;
    padding-right: 0;
  }

  .column-15 {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding-top: 50px;
    padding-bottom: 0;
    display: flex;
  }

  .brand-5 {
    padding-top: 14px;
    padding-left: 10px;
  }

  .brand-5.footer {
    justify-content: center;
    align-items: center;
  }

  .style-wrapper-row {
    padding-left: 20px;
    padding-right: 20px;
  }

  .main-features {
    padding-top: 0;
    padding-bottom: 0;
  }

  .title-footer-white {
    text-align: center;
  }

  .video-player-volume-wrapper.bar-wrapper-volume {
    margin-left: 10px;
  }

  .adsbygoogle-copy {
    width: auto;
    height: 150px;
    margin-left: 115px;
    position: static;
  }

  .displayaction-adapted {
    min-width: 0;
  }

  .container-39 {
    flex-flow: wrap-reverse;
  }

  .personal-date-overview {
    min-width: 300px;
  }

  .order-summary-contain {
    min-width: 200px;
    max-width: none;
    margin-left: 15px;
    margin-right: 15px;
    position: relative;
  }

  .text-block-249 {
    font-size: 28px;
  }

  .order-confimred-label {
    margin-top: 80px;
  }

  .uinewscontroloptions {
    padding: 0;
  }

  .uinewsoirclenewslogo {
    background-repeat: no-repeat;
    background-size: contain;
    flex: 1;
    width: 150px;
    min-width: 150px;
    height: 55px;
    min-height: 55px;
    position: relative;
  }

  .uinewsnotificationindicate {
    min-width: 35px;
    max-width: 35px;
    min-height: 35px;
    max-height: 35px;
  }

  .uinewselement {
    margin-left: 0;
    margin-right: 5px;
    padding: 10px;
    display: inline-block;
  }

  .uinewselement.box {
    margin-left: 5px;
  }

  .form-field {
    min-width: 200px;
  }

  .rainbow-heading {
    font-size: 10vw;
    line-height: 10vw;
  }

  .large-paragraph.sticky {
    font-size: 35px;
    line-height: 40px;
  }

  .incase-you-missed {
    padding: 10px;
  }

  .more-information-node {
    margin: 5px;
  }

  .store-featured-product {
    flex-wrap: wrap-reverse;
  }

  .featured-details {
    order: -1;
    min-height: 60vh;
  }

  .featured-assets {
    border: 0 solid #000;
  }

  .featured-product-plate {
    z-index: 99;
    width: 300px;
    height: 300px;
    margin: auto;
    position: absolute;
    inset: 36% auto 35%;
  }

  .featured-default-state {
    padding-top: 63px;
    padding-right: 60px;
  }

  .learnmore-hidden-button {
    width: 100px;
    min-width: 100px;
    max-width: 100px;
  }

  .featured-colours {
    flex-direction: row;
    flex: 1;
    order: -1;
    align-items: stretch;
    width: auto;
    min-height: 35vh;
    overflow: visible;
  }

  .featured-colours-pressent.fourthaback {
    border: 0 solid #000;
    align-self: stretch;
    height: auto;
    position: absolute;
    inset: 0%;
  }

  .featured-colours-accent {
    flex: 1;
    justify-content: center;
    align-items: center;
    display: flex;
    overflow: visible;
  }

  .add-to-cart-button-4 {
    font-size: 25px;
  }

  .option-list-4 {
    min-width: 300px;
    padding-right: 60px;
  }

  .itempresentdefault {
    width: 333px;
    min-width: 333px;
    max-width: 333px;
    height: 333px;
    min-height: 333px;
    max-height: 333px;
    margin: -22px;
  }

  .productoptionlistcontain.maxw {
    max-width: 175px;
  }

  .collection-list-60 {
    justify-content: space-around;
  }

  .collection-item-51 {
    flex: 1;
    width: 200px;
    min-width: 200px;
  }

  .div-block-1574 {
    background-size: contain;
    flex: 1;
    min-height: 200px;
  }

  .heading-318 {
    height: 75px;
    font-size: 20px;
    line-height: 20px;
  }

  .div-block-1587 {
    flex: 1;
  }

  .div-block-1588 {
    flex: 1;
    min-width: 0;
    max-width: none;
    margin: 0 10px;
  }

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

  .uiproductcontain {
    flex: 1;
    width: 150px;
    min-width: 150px;
    height: 200px;
    min-height: 200px;
  }

  .uiproductcontain:first-child {
    flex: 1;
    width: 345px;
    min-width: 345px;
  }

  .uiproductmoreimagesdelegatemaster {
    display: none;
  }

  .uimoreimagescontain {
    display: block;
  }

  .uiproductname {
    height: auto;
  }

  .uinewstitle {
    margin-top: 0;
    margin-bottom: 10px;
    font-size: 20px;
    line-height: 20px;
  }

  .uiproductpromotion {
    min-height: 400px;
  }

  .uiproductpromotion.game-premium-pass {
    align-items: center;
    padding: 25px;
  }

  .uiproductpromotion.oircle-news, .uiproductpromotion.oircle-news-copy {
    text-align: center;
    flex-wrap: wrap;
    align-content: center;
    padding-bottom: 55px;
  }

  .uiproductpromotion.oircle-store {
    background-image: linear-gradient(to top, #02daff, #0642ff);
    min-height: 100px;
  }

  .uiproductpromotion.oircle-news-copy-copy, .uiproductpromotion.oircle-news-copy-copy-copy, .uiproductpromotion.oircle-news-copy-copy-copy-copy {
    text-align: center;
  }

  .uiproductpromotioncontentad {
    flex: 0 auto;
    min-width: 300px;
  }

  .uiproductfeaturedtitlename {
    line-height: 45px;
  }

  .track-name {
    text-align: center;
    margin-top: 5px;
    margin-right: 0;
  }

  .audio-player-multitracks-wrapper, .uiaudiocontain {
    flex-direction: column;
  }

  .track-info-wrapper {
    flex-direction: column;
    margin-right: 0;
  }

  .tracks-wrapper {
    margin-top: 15px;
    margin-bottom: 10px;
    margin-right: 0;
    padding-right: 0;
  }

  .javascript-button-2 {
    max-width: 175px;
  }

  .herosection {
    min-height: 100vh;
    padding-top: 140px;
    padding-bottom: 140px;
  }

  .audio-player-volume-wrapper.bar-wrapper-volume {
    margin-left: 10px;
  }

  .cover {
    margin-right: 0;
  }

  .next-song {
    margin-right: 10px;
  }

  .options-wrapper-2 {
    margin-top: 15px;
    margin-bottom: 10px;
    margin-right: 0;
    padding-right: 0;
  }

  .uivideooptionset {
    bottom: 70px;
  }

  .uinewsstoreapibeginorder {
    max-height: 75vh;
    overflow: scroll;
  }

  .coloruisway {
    height: 35px;
  }

  .coloruiswaycircle {
    width: 35px;
    height: 35px;
  }

  .uinewscontent {
    flex: 1;
  }

  .oircle {
    background-size: cover;
  }

  .heading-322 {
    line-height: 30px;
  }

  .collection-item-59 {
    flex: 1;
    width: 250px;
    min-width: 250px;
  }

  .div-block-1648 {
    justify-content: center;
  }

  .reasons {
    flex: 0 auto;
    width: 250px;
    min-width: 65%;
    height: 250px;
    padding: 20px;
  }

  .reasons.promotion {
    text-align: center;
    flex-direction: column;
    height: 350px;
  }

  .div-block-1649 {
    margin: 5px;
  }

  .paragraph-174 {
    display: none;
  }

  .heading-325 {
    text-align: center;
    font-size: 25px;
    line-height: 25px;
  }

  .section-59 {
    width: 75vw;
  }

  .uiproductpromotioncontentcontainomoji {
    flex-flow: row;
    flex: 0 auto;
    min-width: 0;
  }

  .uiproductpromotioncontentcontainomoji.small {
    flex-direction: column;
  }

  .button-60.instergram {
    width: 75px;
    height: 75px;
  }

  .div-block-1671 {
    margin-left: -20px;
    margin-right: -20px;
  }

  .more-details-content-copy {
    font-size: 40px;
    line-height: 40px;
  }

  .div-block-1681.top-head {
    width: 100%;
  }

  .div-block-1698 {
    width: 75vw;
    min-width: 0;
    max-width: 300px;
  }

  .div-block-1722 {
    margin-top: 25px;
  }

  .overview {
    padding-bottom: 15px;
    padding-left: 15px;
    padding-right: 15px;
  }

  .div-block-1724 {
    width: 45vh;
    height: 30vw;
  }

  .uiproductpromotiondisplayad {
    min-width: 200px;
    min-height: 200px;
  }

  .uiproductpromotionad {
    min-height: 400px;
  }

  .uibusinesschat.order-summary {
    flex-flow: wrap-reverse;
  }

  .div-block-1756 {
    min-width: 200px;
  }

  .div-block-1756.ordersummary {
    min-width: 150px;
  }

  .div-block-1809 {
    width: 200px;
    min-height: 400px;
  }

  .div-block-1809.sqauresix, .div-block-1809.sqaureseven {
    min-width: 200px;
    min-height: 200px;
  }

  .div-block-1809.sqaureten {
    flex: 1;
    min-width: 200px;
    min-height: 200px;
  }

  .oircle-store-icon.news.imessage {
    background-image: url("https://cdn.prod.website-files.com/5aa43322534e4a0001179757/5bc26cb85b2ebf6a825224e6_MessagesIcon.png");
    border-radius: 5px;
    display: inline-block;
  }

  .div-block-1816 {
    flex-wrap: wrap;
  }

  .iphone-with-apple-pay-copy {
    background-image: linear-gradient(45deg, #09b924, #5ff978);
    background-position: 0 0;
    background-repeat: repeat;
    background-size: auto;
  }

  .hero-with-background-wrap.hero2-wrap {
    padding: 15px 20px 7.5px;
  }

  .oircle-store-product-index-section-copy {
    padding-left: 20px;
    padding-right: 20px;
  }

  .div-block-1852 {
    height: auto;
    min-height: 75vh;
  }

  .collection-list-wrapper-63 {
    min-width: 300px;
  }

  .div-block-1853-copy {
    min-width: 150px;
    min-height: 200px;
  }

  .collection-list-89, .div-block-1854 {
    flex: 1;
  }

  .div-block-1855 {
    flex-wrap: wrap;
  }

  .heading-345-copy {
    display: block;
  }

  .foreground {
    width: 30%;
  }

  .hero2-grid-2 {
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
  }

  .hero2-title-2 {
    padding-top: 37px;
    padding-bottom: 47px;
  }

  .button-large-2.hero3-button {
    min-height: 50px;
  }

  .size1-text {
    font-size: 34px;
    line-height: 42px;
  }

  .hero2-image-2 {
    height: 480px;
  }

  .empty-state-15 {
    width: 100%;
    max-width: none;
  }

  .hero2-product-2 {
    margin-left: -20px;
    margin-right: -20px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .hero2-latest-2 {
    flex-flow: wrap;
    justify-content: flex-start;
    padding-left: 6px;
    padding-right: 6px;
  }

  .hero2-image-collection-2 {
    width: auto;
    min-width: 180px;
    margin-bottom: 20px;
    margin-left: 20px;
    margin-right: 20px;
  }

  .div-block-1884 {
    min-height: 50px;
  }

  .uimenusearchableitem {
    justify-content: center;
    align-items: center;
  }

  .div-block-1927 {
    max-width: none;
    inset: auto 0% 0%;
  }

  .div-block-1929 {
    max-width: none;
  }

  .div-block-1939 {
    margin-left: 24px;
    margin-right: 24px;
  }

  .div-block-1940 {
    padding: 15px;
  }

  .tabs-menu {
    justify-content: center;
    margin-left: -15px;
    margin-right: -15px;
    padding-left: 15px;
    overflow: scroll;
  }

  .heading-362 {
    width: 70%;
  }

  .heading-363 {
    font-size: 20px;
    line-height: 20px;
  }

  .div-block-1947 {
    width: 300px;
    height: 300px;
  }

  .div-block-1948 {
    text-align: center;
  }

  .div-block-3285 {
    padding: 0;
  }

  .div-block-3286 {
    margin: 0;
  }

  .heading-368 {
    font-size: 60px;
    line-height: 60px;
  }

  .heading-369 {
    margin-bottom: 5px;
    font-size: 15px;
    line-height: 15px;
  }

  .div-block-3290 {
    min-width: 300px;
    min-height: 200px;
    margin: -45.5px;
  }

  .div-block-3291 {
    margin: 15.5px;
  }

  .div-block-3286-copy {
    min-width: 315px;
    margin: 0;
    padding: 15.5px;
  }

  .div-block-3285-copy.step {
    min-width: 300px;
  }

  .div-block-3285-copy {
    padding: 0;
  }

  .div-block-3285-copy-copy {
    min-width: 250px;
    max-width: none;
    padding: 0;
  }

  .div-block-3286-copy, .div-block-3286-copy-copy, .div-block-3286-copy, .div-block-3286-copy-copy, .div-block-3286-copy-copy-copy {
    margin: 0;
  }

  .div-block-3304 {
    height: 500px;
  }

  .section-68 {
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .container {
    padding-left: 15px;
    padding-right: 15px;
  }

  .apple-grid-block.color {
    display: none;
  }

  .div-block-3321 {
    border-radius: 7.5px;
    width: 37.5px;
    height: 37.5px;
    margin: 3.75px;
  }

  .heading-376 {
    font-size: 50px;
    line-height: 55px;
  }

  .oircle-store-logotype {
    flex: 0 auto;
    width: auto;
    min-width: 87.5px;
    max-width: 87.5px;
    height: auto;
    min-height: 87.5px;
    max-height: 87.5px;
    margin-bottom: 15px;
  }

  .uimenucartdelegate {
    max-width: none;
  }

  .uimenucartclose {
    width: 55px;
    min-width: 55px;
    max-width: 55px;
    height: 55px;
    min-height: 55px;
    max-height: 55px;
    margin-top: 25px;
    margin-right: 20px;
  }

  .uimenuproductitem {
    width: 150px;
    height: 150px;
  }

  .div-block-1756-copy {
    min-width: 200px;
  }

  .div-block-3336 {
    flex-wrap: wrap;
  }

  .div-block-3337 {
    flex: 1;
    width: auto;
    height: auto;
    min-height: 0;
  }

  .text-block-304 {
    margin-top: 21.5px;
    margin-bottom: 21.5px;
  }

  .div-block-3351 {
    flex-direction: column;
    min-width: 0;
  }

  .linkshare {
    flex: 1;
    min-width: 300px;
  }

  .displayaction-copy {
    min-width: 0;
  }

  .div-block-3374 {
    display: none;
  }

  .div-block-3375 {
    padding-top: 55px;
  }

  .text-span-80 {
    font-size: 40px;
  }

  .collection-list-wrapper-70 {
    height: 350px;
  }

  .collection-list-101 {
    width: 350px;
  }

  .collection-item-87 {
    width: 175px;
    height: 175px;
  }

  .div-block-3382 {
    width: 350px;
    height: 350px;
    margin-top: auto;
    margin-bottom: auto;
  }

  .div-block-3393 {
    min-width: 200px;
  }

  .div-block-3400 {
    flex-wrap: wrap;
  }

  .div-block-3402 {
    align-self: stretch;
    min-width: 0;
    min-height: 520px;
    margin-bottom: 0;
  }

  .collection-list-wrapper-71 {
    padding: 7.5px;
  }

  .payment-info {
    width: auto;
    height: 225px;
  }

  .payment-info.billing, .payment-info.shipping {
    justify-content: center;
    margin-top: 175px;
    margin-left: 0;
    padding-top: 55px;
    padding-bottom: 55px;
  }

  .div-block-3415 {
    width: 450px;
    height: 225px;
    margin-bottom: 180px;
  }

  .column-62 {
    flex: 1;
    margin-left: auto;
    margin-right: auto;
  }

  .div-block-3418 {
    width: 75px;
    height: 35px;
  }

  .text-block-312 {
    min-width: 35px;
    height: 35px;
    min-height: 35px;
    font-size: 20px;
    line-height: 20px;
  }

  .div-block-3419 {
    width: 20px;
    min-width: 20px;
    height: 20px;
    min-height: 20px;
  }

  .div-block-3421 {
    margin-left: 4.5px;
    margin-right: 4.5px;
  }

  .div-block-3419-copy {
    width: 5px;
    min-width: 5px;
    height: 5px;
    min-height: 5px;
    margin-left: 3.5px;
    margin-right: 3.5px;
  }

  .text-block-312-copy {
    height: 35px;
    min-height: 35px;
    font-size: 20px;
    line-height: 20px;
  }

  .field-label-8 {
    margin-bottom: 0;
    padding-left: 15px;
    inset: auto 0% 0%;
  }

  .div-block-3423 {
    padding-right: 10px;
  }

  .div-block-3424 {
    width: 45px;
    min-width: 45px;
    max-width: 45px;
    height: 45px;
    min-height: 45px;
    max-height: 45px;
  }

  .heading-400 {
    width: 20px;
    font-size: 25px;
    line-height: 25px;
  }

  .heading-401 {
    margin-left: -23px;
    font-size: 25px;
    line-height: 25px;
  }

  .div-block-3394-copy {
    min-width: 200px;
  }

  .div-block-3396-copy {
    margin-right: 40px;
  }

  .heading-401-copy {
    margin-left: 0;
    margin-right: 10px;
  }

  .heading-400-copy.first {
    width: 20px;
    min-width: 20px;
    max-width: 20px;
    height: 20px;
    min-height: 20px;
    max-height: 20px;
    inset: auto 0% 6px;
  }

  .heading-400-copy.second {
    width: 20px;
    min-width: 20px;
    max-width: 20px;
    height: 20px;
    min-height: 20px;
    max-height: 20px;
    inset: 0% 0% 5px 5px;
  }

  .heading-400-copy.third {
    width: 20px;
    min-width: 20px;
    max-width: 20px;
    height: 20px;
    min-height: 20px;
    max-height: 20px;
    bottom: 13px;
    right: 5px;
  }

  .div-block-3429 {
    height: 250px;
  }

  .div-block-3431 {
    height: 40px;
  }

  .payment-info-copy {
    width: auto;
    height: 225px;
  }

  .usererror.constant {
    width: auto;
    margin-top: 90px;
    margin-left: 20px;
    margin-right: 20px;
    inset: 0% 0% auto;
  }

  .div-block-3436 {
    align-self: stretch;
    max-width: none;
    min-height: 0;
  }

  .button-70 {
    flex: 0 auto;
    align-self: stretch;
    display: flex;
  }

  .button-group-6 {
    padding: 7.5px;
  }

  .heading-405 {
    margin-top: -10px;
    margin-bottom: 10px;
  }

  .uihero {
    min-height: 75vh;
  }

  .uiherodevice {
    border-radius: 12.5px;
    width: 225px;
    min-width: 225px;
    height: 375px;
    min-height: 375px;
    margin-left: -56.5px;
    margin-right: -56.5px;
  }

  .div-block-3446 {
    width: 80%;
  }

  .uicardcontain.large {
    min-width: 400px;
  }

  .uicardcontain.stack {
    margin-right: 15px;
  }

  .uicardcontain.overstack {
    order: -1;
  }

  .uicardinformationcontain.hover {
    position: absolute;
    inset: auto auto auto 0%;
  }

  .uicardinformation.horizontal {
    padding-right: 0;
  }

  .uicardinformationpreviewcontain {
    min-height: 300px;
  }

  .compatiblitycard.calculatr {
    padding: 50px;
  }

  .div-block-3453 {
    width: auto;
  }

  .div-block-3460 {
    flex-direction: column;
    width: auto;
    margin-left: 55px;
    margin-right: 55px;
  }

  .div-block-3461 {
    border-radius: 20px;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    width: auto;
    max-width: none;
    height: 100px;
    min-height: 100px;
    max-height: 100px;
    margin: 5.5px;
  }

  .text-block-320 {
    display: none;
  }

  .text-block-320.second {
    color: var(--white);
    font-size: 20px;
    font-weight: 900;
    display: block;
  }

  .div-block-3462 {
    align-self: stretch;
    margin: 0;
  }

  .div-block-3463 {
    width: 50px;
    height: 50px;
    margin-left: 15px;
    margin-right: 15px;
  }

  .image-136 {
    width: 55px;
  }

  .text-block-321, .text-block-322 {
    font-size: 15px;
    line-height: 15px;
  }

  .div-block-3470 {
    padding: 3px;
  }

  .text-block-324 {
    font-size: 10px;
    line-height: 10px;
  }

  .div-block-3477 {
    flex-flow: column wrap;
  }

  .div-block-3482 {
    width: 350px;
    margin-left: 15px;
    margin-right: 15px;
  }

  .div-block-1948-copy, .div-block-1948-copy-copy {
    text-align: center;
  }

  .oircle-ltd-logotype {
    flex: 0 auto;
    width: auto;
    min-width: 175px;
    max-width: 175px;
    height: auto;
    min-height: 175px;
    max-height: 175px;
  }

  .uiadvertismentsubtitle {
    flex: 1;
    min-width: 200px;
    max-width: 350px;
    margin-top: 0;
    margin-bottom: 0;
    font-size: 17px;
    line-height: 20px;
  }

  .uiproductpromotionstore {
    min-height: 400px;
  }

  .div-block-1948-copy {
    text-align: center;
  }

  .cart-container-2 {
    background-color: #0000;
    overflow: visible;
  }

  .uicart {
    display: block;
  }

  .uicart.hiddenoniphone {
    display: none;
  }

  .container-53 {
    flex-wrap: wrap;
    position: relative;
  }

  .dynamiccontentfield {
    margin: 15px;
    inset: 0% 0% auto;
  }

  .dynamiccontent {
    flex: 1;
  }

  .dynamicinformation {
    flex: 1;
    max-width: none;
  }

  .container-54 {
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .nav-menu-2 {
    flex: 1;
    justify-content: space-around;
    display: flex;
  }

  .cart-form-wrapper-4 {
    max-height: 98vh;
  }

  .div-block-3524 {
    flex: 1;
  }

  .web-payments-4 {
    min-width: 150px;
  }

  .uiadvertismentimage {
    min-width: 0;
  }

  .div-block-3529 {
    min-width: 0;
    max-height: none;
  }

  .div-block-3530 {
    border-radius: 20px;
    width: 75px;
    height: 75px;
  }

  .div-block-3536, .uicartcart {
    display: block;
  }

  .heading-412 {
    font-size: 70px;
    line-height: 55px;
  }

  .heading-413 {
    margin-bottom: 5px;
  }

  .web-payments-5 {
    display: none;
    position: sticky;
    bottom: 15px;
  }

  .web-payments-5-copy {
    margin-bottom: 10px;
    display: block;
    position: sticky;
    bottom: 15px;
  }

  .web-payments-5-copy-copy {
    margin-bottom: 10px;
    display: block;
    position: sticky;
    bottom: 25px;
  }

  .uiadvertismentforeground {
    flex: 0 auto;
    width: auto;
    min-width: 250px;
    max-width: 250px;
    height: auto;
    min-height: 200px;
    max-height: 200px;
  }

  .iphone-14-pro-max-universal {
    border-radius: 12.5px;
    width: 175px;
    min-width: 175px;
    height: 325px;
    min-height: 325px;
    margin-left: -20.5px;
    margin-right: -20.5px;
  }

  .div-block-3553 {
    flex: 0 auto;
    align-self: auto;
  }

  .div-block-3553.second {
    margin-left: -62px;
  }

  .div-block-3556 {
    flex-direction: column;
  }

  .checkbox-field-4 {
    flex: 1;
  }

  .div-block-3561 {
    padding-right: 5px;
  }

  .collection-item-89 {
    flex-wrap: wrap;
  }

  .add-to-cart-10 {
    min-width: 225px;
    max-width: none;
  }

  .div-block-3571 {
    min-width: 400px;
  }

  .container-56 {
    padding: 15px;
  }

  .heading-422 {
    font-size: 4em;
    line-height: 65px;
  }

  .paragraph-199 {
    width: auto;
  }

  .div-block-3576 {
    max-height: none;
  }

  .link-block-105 {
    flex: 1;
    width: auto;
    min-width: 300px;
    min-height: 300px;
  }

  .div-block-3578 {
    width: 49px;
    min-width: 49px;
    height: 49px;
    min-height: 49px;
    margin: 5px;
  }

  .div-block-3579 {
    padding: 25px;
  }

  .collection-list-104 {
    flex-flow: wrap;
    padding-bottom: 15px;
    padding-right: 15px;
    overflow: visible;
  }

  .collection-item-91 {
    flex: 1;
  }

  .button-79 {
    padding-top: 15px;
    padding-bottom: 15px;
  }

  .div-block-3585 {
    width: 200px;
    height: 400px;
  }

  .div-block-3585.main {
    margin-left: 0;
    margin-right: 0;
  }

  .div-block-3585.last {
    margin-right: 0;
  }

  .div-block-3587 {
    min-width: 200px;
  }

  .uiherodevicesolor {
    border-radius: 12.5px;
    width: 225px;
    min-width: 225px;
    height: 375px;
    min-height: 375px;
    margin-left: -56.5px;
    margin-right: -56.5px;
  }

  .iphonesolor {
    flex: 0 auto;
    align-self: auto;
  }

  .uicardinformationpreviewcontain-copy, .uicardinformationpreviewcontainsoloropp {
    min-height: 300px;
  }

  .dynamiccontainer {
    width: 450px;
    min-width: 450px;
  }

  .ceramic-shield, .ceramic-shield-3 {
    height: 50%;
    margin-top: 0;
    margin-left: 0;
    margin-right: 0;
  }

  .ceramic-shield-text {
    flex-direction: column;
  }

  .color-text.black {
    position: absolute;
    inset: 0%;
  }

  .color-text.blue {
    width: auto;
    height: auto;
    position: absolute;
    inset: 0%;
  }

  .color-text.pink {
    position: absolute;
    inset: 0%;
  }

  .grid-2 {
    padding-top: 10rem;
    padding-bottom: 10rem;
    display: block;
  }

  .slider-nav-custom {
    z-index: 100;
    flex-direction: row;
    justify-content: flex-start;
    margin-top: 0;
    margin-bottom: -.5rem;
    position: relative;
  }

  .margin-top {
    flex-direction: row;
    align-items: center;
    height: auto;
    margin: 0;
    padding-top: 0;
    padding-bottom: 0;
    display: flex;
  }

  .margin-top.margin-medium {
    justify-content: center;
    align-items: center;
    height: auto;
    margin-top: 1.5rem;
    display: flex;
    position: absolute;
    inset: auto 0% 5%;
  }

  .slider-item.flex-horizontal {
    margin-bottom: 2rem;
  }

  .slider-item.flex-horizontal.flex-vertical {
    padding-bottom: 15rem;
  }

  .slider-item.colors-item {
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    height: 12rem;
    margin-top: 2rem;
    margin-left: 2rem;
    margin-right: 2rem;
    padding: 1rem .5rem .6rem;
    display: flex;
    position: absolute;
    inset: 0% 0% auto;
  }

  .slider-item.first {
    flex-direction: column;
    justify-content: space-around;
    align-items: center;
    height: 27rem;
    margin-top: 2rem;
    margin-bottom: 2rem;
    padding-top: 2rem;
    padding-bottom: 2rem;
    overflow: hidden;
  }

  .second-iphone {
    height: 70%;
    margin-right: 0%;
    padding-left: 0;
    padding-right: 0;
    display: flex;
    position: absolute;
    inset: 5% 0% 0%;
  }

  .text-size-large-2 {
    font-size: 1.6rem;
  }

  .text-size-large-2.text-align-center.extra-top-margin {
    text-align: center;
  }

  .first-iphone {
    width: auto;
    height: 70%;
    margin-right: 0%;
    padding-left: 0;
    padding-right: 0;
    position: absolute;
    inset: 5% 0% 0%;
  }

  .text-size-medium-2.text-color-grey.text-align-center, .text-size-medium-2.text-align-center.text-color-grey {
    display: block;
  }

  .image-class {
    height: 90%;
  }

  .third-iphone {
    height: 70%;
    margin-right: 0%;
    padding-left: 0;
    padding-right: 0;
    display: flex;
    position: absolute;
    inset: 5% 0% 0%;
  }

  .ceramic-shield-2 {
    height: 50%;
    margin-top: 0;
    margin-left: 0;
    margin-right: 0;
  }

  .durable-text {
    width: 40%;
  }

  .padding-global {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }

  .padding-top {
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .uicontainadvertisment {
    min-height: 400px;
  }

  .flipcard-wrapper {
    width: 250px;
    min-width: 250px;
    height: 400px;
    min-height: 400px;
  }

  .flipcard-title {
    font-size: 40px;
    line-height: 45px;
  }

  .div-block-3616 {
    min-height: 200px;
  }

  .div-block-3617 {
    min-width: 300px;
  }

  .div-block-3618 {
    min-width: 300px;
    margin: 20px;
  }

  .div-block-3619 {
    background-size: 225%;
  }

  .div-block-3619:hover {
    background-size: 230%;
  }

  .link-block-109 {
    flex-wrap: nowrap;
  }

  .section-74 {
    width: 100px;
    min-width: 100px;
    height: 100px;
    min-height: 100px;
  }

  .div-block-3627 {
    flex-wrap: wrap;
  }

  .text-span-90 {
    font-size: 20px;
  }

  .collection-item-96 {
    margin-left: 15px;
    margin-right: 15px;
  }

  .section-75 {
    flex: 1;
    width: auto;
    min-width: 200px;
    max-width: 200px;
    height: 85px;
  }

  .heading-443-copy {
    font-size: 20px;
    line-height: 20px;
  }

  .heading-439-copy-copy {
    font-size: 15px;
    line-height: 15px;
  }

  .link-block-112 {
    flex: auto;
    margin: 10px;
  }

  .heading-444, .heading-444-copy {
    flex: 5 auto;
    font-size: 25px;
    line-height: 25px;
  }

  .div-block-3637 {
    overflow: hidden;
  }

  .div-block-3644 {
    flex: 1;
  }

  .buy-now-button-4 {
    flex: 1;
    justify-content: center;
  }

  .div-block-3645 {
    display: none;
  }

  .div-block-3648 {
    margin: 35px;
  }

  .heading-446, .heading-447 {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 45px;
    line-height: 55px;
  }

  .section-5g-grid {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
    flex-wrap: wrap;
  }

  .logo-ios15-wrapper {
    border-radius: 25px;
  }

  .section-ios15 {
    padding-top: 85vh;
  }

  .section-ios15-grid {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
    grid-template-rows: 95px 137px 95px 137px 95px 137px;
    grid-template-columns: 137px 137px 137px 95px 137px 137px 137px;
  }

  .padding-bottom {
    padding-top: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .padding-xlarge {
    padding: 3rem;
  }

  .margin-bottom {
    margin-top: 0;
    margin-left: 0;
    margin-right: 0;
  }

  .shadow-vertical {
    left: 50px;
  }

  .g5-phone-image-wrapper.margin-top.margin-huge {
    flex-wrap: wrap;
  }

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

  .text-size-medium {
    font-size: 1rem;
  }

  .text-size-medium.width-max-small {
    width: 85%;
  }

  .div-block-3651 {
    flex-wrap: wrap-reverse;
  }

  .div-block-3651.urlcontactcards {
    background-image: linear-gradient(to right, var(--white-smoke) 38%, #fff0), linear-gradient(360deg, var(--white-smoke) 36%, #0000), url("https://cdn.prod.website-files.com/5aa43322534e4a0001179757/649ffaf946f0d134d2681a08_URLCard.png");
    background-position: 0 0, 0 0, 50%;
    background-repeat: repeat, repeat, repeat;
    background-size: auto, auto, 700px;
    background-attachment: scroll, scroll, scroll;
  }

  .div-block-3651.swap {
    flex-wrap: wrap;
  }

  .div-block-3653 {
    min-width: 200px;
    min-height: 200px;
  }

  .div-block-3653.padding.cap.align {
    min-width: 300px;
    padding: 70px;
  }

  .div-block-3653.max600 {
    min-width: 300px;
    min-height: 300px;
    padding: 70px;
  }

  .div-block-3653.sidepan {
    min-width: 300px;
  }

  .div-block-3654 {
    min-width: 275px;
  }

  .div-block-3661 {
    width: 65%;
    margin-right: 0;
  }

  .div-block-3661.nologo {
    width: 85%;
    margin-right: auto;
  }

  .heading-450 {
    font-size: 125px;
  }

  .text-span-92 {
    font-size: 200px;
  }

  .div-block-3661-copy {
    margin-bottom: 0;
  }

  .heading-450-copy {
    font-size: 100px;
  }

  .text-span-92-copy {
    font-size: 165px;
  }

  .uisearchadvertisment {
    min-height: 400px;
  }

  .uisearchadvertismentforeground {
    flex: 0 auto;
    width: auto;
    min-width: 250px;
    max-width: 250px;
    height: auto;
    min-height: 200px;
    max-height: 200px;
  }

  .macbook {
    width: 400px;
    height: 250px;
  }

  .iphonesearch {
    width: 100px;
    height: 200px;
  }

  .ipadsearch {
    width: 300px;
    height: 217.5px;
  }

  .div-block-3682 {
    transform: scale(.8);
  }

  .uiherodevicesearch {
    border-radius: 12.5px;
    width: 225px;
    min-width: 225px;
    height: 375px;
    min-height: 375px;
    margin-left: -56.5px;
    margin-right: -56.5px;
  }

  .uiherolargedevice {
    border-radius: 12.5px;
    width: 525px;
    min-width: 525px;
    height: 375px;
    min-height: 375px;
    margin-left: -56.5px;
    margin-right: -56.5px;
  }

  .div-block-3653-copy {
    min-width: 200px;
    min-height: 200px;
  }

  .div-block-3653-copy-copy {
    min-width: 300px;
    min-height: 300px;
  }

  .div-block-3654-copy {
    min-width: 275px;
  }

  .div-block-3716 {
    padding: 10px;
  }

  .div-block-56-copy {
    flex-direction: column;
    align-items: center;
    display: flex;
  }

  .option-check-copy {
    flex-wrap: wrap;
    display: flex;
  }

  .operation-check-copy {
    flex: 1;
    min-width: 176px;
    margin-bottom: 20px;
  }

  .div-block-3723 {
    flex-direction: row;
    flex: 0 auto;
    width: 100%;
    min-width: 0;
    min-height: 100px;
    margin-top: 10px;
    margin-bottom: 10px;
  }

  .div-block-3723._5 {
    flex-direction: row;
    align-items: center;
  }

  .div-block-3723.double {
    min-width: 150px;
    min-height: 150px;
  }

  .div-block-3723._6 {
    flex-direction: row;
    align-items: center;
  }

  .div-block-3724 {
    flex-flow: column wrap;
    align-items: stretch;
    min-height: 100px;
    display: flex;
  }

  .uicontainadvertisment-copy-copy {
    align-items: center;
    min-height: 400px;
    padding: 10px;
  }

  .section-ios15-copy {
    padding-top: 85vh;
  }

  .div-block-3374-copy {
    display: none;
  }

  .div-block-1671-copy, .adaptivedefaultcontain {
    margin-left: -20px;
    margin-right: -20px;
  }

  .productoptionlistcontain-copy.maxw {
    max-width: 175px;
  }

  .div-block-3837 {
    min-height: 500px;
  }

  .div-block-3838 {
    min-width: 250px;
  }

  .div-block-3838-copy {
    min-width: 250px;
    max-width: 300px;
  }

  .div-block-3841 {
    width: 250px;
  }

  .image-173-copy {
    max-width: 75%;
  }

  .paragraph-210 {
    margin-bottom: 20px;
  }

  .div-block-3851 {
    height: 50vh;
  }

  .div-block-3852 {
    width: 100%;
  }

  .div-block-3854 {
    z-index: 2;
    width: 300px;
  }

  .div-block-3856 {
    height: 45vh;
  }

  .div-block-3852-copy {
    width: 75%;
  }

  .div-block-3852-copy.blur {
    width: 85%;
  }

  .uicontainadvertisment-copy {
    min-height: 400px;
  }

  .uiadvertismentforeground-copy {
    flex: 0 auto;
    width: auto;
    min-width: 250px;
    max-width: 250px;
    height: auto;
    min-height: 200px;
    max-height: 200px;
  }

  .promotioncard {
    grid-column-gap: 5px;
    grid-row-gap: 5px;
    min-width: 300px;
    min-height: 300px;
  }

  .promotionimage {
    flex: 0 auto;
    width: auto;
    min-width: 175px;
    max-width: 175px;
    height: auto;
    min-height: 175px;
    max-height: 175px;
  }

  .promotionbutton {
    padding: 7px 15px;
    font-size: 15px;
  }

  .div-block-3904 {
    min-width: 300px;
  }

  .promotionheading {
    font-size: 25px;
    line-height: 25px;
  }

  .div-block-3909 {
    display: none;
  }
}

@media screen and (max-width: 479px) {
  h1 {
    font-size: 30px;
    line-height: 30px;
  }

  p {
    font-size: 16px;
    line-height: 18px;
  }

  a {
    color: var(--oircle-notification);
  }

  a:hover {
    color: var(--oircle-grim-gry);
  }

  .utility-page-form {
    width: 100%;
  }

  .title {
    font-size: 35px;
    line-height: 40px;
  }

  .title.left-hand-side {
    padding-left: 10px;
  }

  .body {
    background-color: #fff;
  }

  .youtube-button.inlineplus.inlinead {
    position: static;
    top: 0;
    bottom: 0;
    left: 61px;
  }

  .iphone {
    float: none;
    background-image: url("https://cdn.prod.website-files.com/5aa43322534e4a0001179757/5b5a2e81a1a6aa75c20570a6_Analyst%20%7C%20Black.png");
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: 400px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 0;
    display: block;
    position: static;
    inset: 0;
  }

  .iphone._12-mini._20-off-promote {
    background-size: 250px;
    width: 150px;
    min-width: 150px;
    height: 300px;
    min-height: 300px;
  }

  .iphone._12-mini.select-option {
    background-size: 335px;
    width: 200px;
    min-width: 200px;
    height: 400px;
    min-height: 400px;
  }

  .iphone._12.content-offers {
    background-size: 300px;
    width: 200px;
    min-width: 200px;
    height: 400px;
    min-height: 400px;
  }

  .iphone._12-pro.content-overflow {
    display: none;
  }

  .iphone._12-pro.begin-order {
    background-size: 400px;
    width: 300px;
    min-width: 300px;
    height: 600px;
    min-height: 600px;
  }

  .iphone._12-pro.trending-news {
    width: 85%;
    min-width: 200px;
    height: 500px;
    min-height: 500px;
  }

  .iphone._12-pro.let-s-talk {
    width: 85%;
    min-width: 0;
    height: 500px;
    min-height: 500px;
  }

  .iphone._12-pro.monthly-content {
    align-self: stretch;
    width: 85%;
    min-width: 200px;
    height: 500px;
    min-height: 500px;
  }

  .iphone._12-pro.stack {
    width: 150px;
    min-width: 150px;
    height: 300px;
    min-height: 300px;
    margin-left: -28px;
    margin-right: -28px;
  }

  .iphone._12-pro.stack.left {
    width: 150px;
    min-width: 150px;
    height: 300px;
    min-height: 300px;
  }

  .div-block-56 {
    align-items: center;
    display: flex;
  }

  .universal-information {
    width: auto;
    margin-left: auto;
    margin-right: auto;
    font-size: 10px;
  }

  .bottom-button {
    border-bottom-width: 0;
    border-right-width: 0;
    padding-top: 5px;
    padding-bottom: 5px;
  }

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

  .operation-check {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    min-width: 150px;
    margin-top: 10px;
    margin-bottom: 10px;
    padding-left: 35px;
    padding-right: 35px;
    display: flex;
  }

  .mobile-plus-button {
    cursor: none;
    border-radius: 22.5px;
    justify-content: center;
    align-items: center;
    width: 55px;
    height: 55px;
    display: flex;
  }

  .mobile-plus-button:hover {
    background-color: var(--hover-element-dynamic);
    color: var(--oircle-grim-gry);
  }

  .mobile-plus-button.cd1 {
    width: 40px;
    padding: 5px;
    display: inline-block;
  }

  .swipe-up {
    width: auto;
    margin-left: 20px;
    margin-right: 20px;
    bottom: 30px;
  }

  .help-text-1 {
    max-width: 68px;
  }

  .white {
    opacity: 1;
    font-size: 30px;
    line-height: 34px;
  }

  .navigation-search {
    display: block;
    top: 34px;
    bottom: auto;
    left: 30px;
  }

  .column-41 {
    flex: 1;
    align-items: center;
  }

  .column-41._2 {
    padding-right: 30px;
  }

  .column-42 {
    flex-direction: row;
    display: block;
  }

  .column-42.tv {
    flex: none;
    height: auto;
    padding-left: 0;
    display: none;
  }

  .showcaseicon {
    display: block;
  }

  .education-editors {
    background-position: -110px;
  }

  .oircle-education-element-contain {
    box-shadow: none;
  }

  .oircle-education {
    padding-left: 5px;
    padding-right: 5px;
  }

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

  .teaching-with-oircle-educatuion {
    padding-right: 30px;
  }

  .heading-87 {
    margin-top: 20px;
    margin-bottom: 20px;
    position: static;
  }

  .content-splash {
    padding-bottom: 0;
  }

  .presenter-view {
    padding-left: 10px;
  }

  .oircle-os-portrait-contain-delgate {
    display: none;
  }

  .heading-129 {
    font-size: 45px;
    line-height: 46px;
  }

  .showcasecontaindelegate {
    text-align: center;
    padding-top: 135px;
    padding-bottom: 30px;
  }

  .showcasetitle {
    font-size: 40px;
    line-height: 40px;
  }

  .cart {
    border-style: none;
    border-width: 0;
    border-radius: 0;
    width: 100%;
    margin-top: 0;
    margin-bottom: 0;
    margin-right: 0;
  }

  .dismis-button.product-button {
    background-color: #0000;
    border-width: 0;
    border-top-style: dashed;
    border-top-color: #ddd;
    border-radius: 0;
    margin-left: 0;
    position: static;
    inset: 10px 20px 20px;
  }

  .dismis-button.product-button:hover {
    box-shadow: none;
  }

  .card-2 {
    width: 300px;
  }

  .animation {
    width: 100vw;
  }

  .universal-product-element {
    color: var(--oircle-bold-blue);
    padding-left: 0;
    padding-right: 5px;
    font-size: 13px;
    line-height: 10px;
  }

  .universal-product-element:hover {
    color: var(--oircle-grim-gry);
  }

  .snippet-detail-view {
    font-size: 5px;
  }

  .uiproductlegalsnippet {
    color: var(--white-smoke);
  }

  .uiproductlegalsnippet.dark-text {
    font-size: 5px;
    line-height: 7px;
  }

  .world-tours {
    padding: 25px;
  }

  .menu-indicators {
    width: 75px;
    height: 75px;
    margin: 0 auto;
    position: static;
  }

  .indicators {
    border: .5px solid var(--hover-element-dynamic);
    background-color: var(--oircle-default-gry);
    background-image: none;
  }

  .indicators.left-side, .indicators.right-side {
    height: 6px;
  }

  .cart-header {
    padding: 40px 30px 15px 15px;
    display: flex;
    inset: 0;
  }

  .cart-button-3 {
    width: 50px;
    height: 50px;
    margin: 10px;
  }

  .cart-quantity-2 {
    padding-top: 9px;
    font-size: 15px;
  }

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

  .error-state {
    background-size: 90%;
    font-size: 10px;
    line-height: 10px;
  }

  .cart-list {
    flex-flow: column wrap;
    place-content: stretch flex-start;
    align-items: stretch;
    display: flex;
  }

  .image-101 {
    width: 80px;
    height: 80px;
  }

  .fontawesome-close {
    display: none;
  }

  .paragraph-109 {
    order: 1;
  }

  .list-item-3 {
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }

  .heading-169 {
    text-align: center;
    font-size: 38px;
  }

  .heading-170 {
    text-align: center;
    font-size: 30px;
    line-height: 30px;
  }

  .text-block-85 {
    text-align: center;
    margin-left: 5px;
    margin-right: 5px;
  }

  .oircle-news-logotype {
    width: 100%;
    height: 300px;
    margin-left: auto;
    margin-right: auto;
  }

  .oircle-news-paragraph {
    min-width: 200px;
    font-size: 15px;
    line-height: 20px;
  }

  .oircle-news-paragraph.second {
    font-weight: 400;
  }

  .oircle-news-paragraph-contain {
    width: 80%;
    margin-left: auto;
    margin-right: auto;
    padding-right: 0;
  }

  .div-block-776 {
    flex-direction: column;
  }

  .gry-scale-type.with-scale-line {
    flex: 1;
    min-width: 200px;
  }

  .outlet-section {
    margin-left: 0%;
    padding-left: 22px;
    padding-right: 22px;
  }

  .div-block-819 {
    display: none;
  }

  .outlet-para {
    padding-right: 0;
  }

  .div-block-822 {
    background-position: 50% 100%;
    background-size: contain;
    width: 80vw;
  }

  .heading-193 {
    font-size: 35px;
    line-height: 44px;
  }

  .div-block-823 {
    justify-content: space-around;
  }

  .text-block-102 {
    font-size: 12px;
    line-height: 12px;
  }

  .sm {
    margin-left: 5px;
    margin-right: 5px;
  }

  .au-section {
    width: 100vh;
  }

  .caption-text {
    font-size: 12px;
  }

  .caption-text.step-title {
    font-size: 10px;
    line-height: 10px;
  }

  .text-field-12 {
    width: 100%;
  }

  .submit-button-7 {
    right: 4%;
  }

  .text-block-115 {
    min-width: 100%;
    font-size: 12px;
    line-height: 15px;
  }

  .div-block-848 {
    text-align: center;
  }

  .link-36 {
    text-align: left;
    font-size: 12px;
  }

  .heading-201 {
    text-align: left;
  }

  .column-59 {
    margin-top: 5px;
    margin-bottom: 5px;
  }

  .error-message-5 {
    border-top-left-radius: 0;
    inset: auto 0% 0%;
  }

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

  .education-menu {
    height: 150px;
    margin-bottom: 15px;
    margin-left: 15px;
    inset: auto auto 0% 0%;
  }

  .section-52 {
    margin-left: 0;
    margin-right: 0;
  }

  .contain-buttons {
    z-index: 99;
    width: 75px;
    height: 75px;
    margin-left: 10px;
    margin-right: 14px;
    inset: auto 0% 0% auto;
  }

  .paragraph-127 {
    margin-right: 0;
  }

  .div-block-869 {
    margin-left: 0;
  }

  .shoppinglistcontain {
    padding: 25px 0 25px 10px;
  }

  .shoppinglistcontain.one-button {
    background-color: #0000;
    justify-content: center;
    align-items: center;
    padding-top: 5px;
    padding-bottom: 5px;
    position: static;
  }

  .button-44.round {
    margin: 10px 9px;
  }

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

  .collection-section.ingredients {
    padding-left: 15px;
    padding-right: 15px;
  }

  .uicard.strech {
    flex: 1;
    margin-right: 0;
  }

  .instructions {
    flex-flow: column;
    align-items: center;
    padding-bottom: 151px;
    padding-left: 5px;
    padding-right: 5px;
  }

  .instrucation {
    justify-content: flex-start;
    width: 80%;
    min-width: 80%;
    height: auto;
    min-height: 150px;
    margin-top: 15px;
    margin-bottom: 15px;
    padding-left: 10px;
    padding-right: 10px;
  }

  .text-block-124 {
    text-align: left;
    font-size: 11px;
    line-height: 14px;
  }

  .shoppinglist {
    z-index: 999;
    border-top-right-radius: 20px;
    width: 100%;
    max-width: 100%;
    height: auto;
    max-height: 90%;
  }

  .cookery-section {
    padding-bottom: 100px;
    padding-left: 10px;
  }

  .super-heading {
    text-align: left;
    margin-left: 0;
    padding-left: 10px;
    font-size: 40px;
    line-height: 40px;
  }

  .class-navigator {
    padding-left: 0;
  }

  .class-title {
    text-align: left;
    height: 24px;
  }

  .promotional-strip {
    flex-direction: column;
    height: 75vh;
    padding: 35px;
  }

  .promotional-strip.oircle-store-promotion {
    background-image: url("https://cdn.prod.website-files.com/5aa43322534e4a0001179757/5d1ba5794f7116444c0fa8b5_5ba2ff40-5596-4d63-aa8b-7f69d321fe4c.png");
    background-position: 0%;
    background-size: auto;
  }

  .uiproductpromotiontitletext {
    margin-bottom: 5px;
    font-size: 11px;
    line-height: 12px;
  }

  .oircle-store-promote-contain-delegate {
    flex-wrap: wrap;
    justify-content: center;
    align-items: stretch;
  }

  .dynamic-informative-elements.b-version {
    margin-right: 10px;
  }

  .informative-titles {
    font-size: 28px;
  }

  .icon-elements-contain.multiplue {
    background-image: url("https://cdn.prod.website-files.com/5aa43322534e4a0001179757/5c87395d3f656c50a1d33f33_icons8-manual_page_rotation.png");
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    width: 100%;
    min-width: 100px;
    height: 100px;
  }

  .div-block-900 {
    position: fixed;
    inset: auto auto 0%;
  }

  .dynamic-element {
    color: var(--oircle-bold-blue);
  }

  .dynamic-element:hover {
    color: var(--oircle-grim-gry);
  }

  .h1 {
    font-size: 50px;
    line-height: 55px;
  }

  .hs1 {
    text-align: center;
    margin-top: 0;
    margin-bottom: 65px;
    font-size: 20px;
    line-height: 20px;
  }

  .sch1 {
    font-size: 20px;
    line-height: 20px;
  }

  .application-overview-presenter {
    flex: 1;
    min-width: 150px;
    min-height: 300px;
  }

  .application-accent {
    padding-top: 65px;
    padding-bottom: 50px;
  }

  .application-presenter {
    width: 85%;
    margin-bottom: 10px;
    font-size: 13px;
  }

  .application-title {
    font-size: 20px;
    line-height: 19px;
  }

  .text-block-132 {
    font-size: 10px;
    line-height: 10px;
  }

  .oircle-notify-popup-module {
    padding-left: 5px;
    padding-right: 5px;
  }

  .oircle-notify-popup-module-pre-text {
    font-size: 11px;
    line-height: 13px;
  }

  .oircle-notify-popup-module-form-success-message {
    font-size: 16px;
    line-height: 16px;
  }

  .hello-heading {
    font-size: 45px;
    line-height: 44px;
  }

  .hello-heading.white-text {
    text-align: center;
  }

  .hello-heading.addition-left {
    text-align: left;
  }

  .iphone-with-apple-pay {
    background-size: 55%;
    width: auto;
  }

  .iphone-with-apple-pay.second {
    background-image: none;
  }

  .apple-pay {
    margin-top: 10px;
  }

  .apple-pay.ar {
    background-image: url("https://cdn.prod.website-files.com/5aa43322534e4a0001179757/601de817f20d9f90af9580b1_Oircle%20Reality.png");
    background-size: 40px;
  }

  .indent-number-expansion {
    text-align: left;
  }

  .indent-number-explain-contain {
    align-items: stretch;
  }

  .addition-left {
    text-align: left;
  }

  .dashboard.foreground {
    height: 100vh;
    display: block;
    inset: 0%;
    overflow: scroll;
  }

  .time-of-day {
    text-align: left;
  }

  .personal-contain {
    height: 100vh;
    position: fixed;
    inset: 0%;
    overflow: scroll;
  }

  .profilecontain {
    width: 50px;
    min-width: 50px;
    max-width: 50px;
    height: 50px;
    min-height: 50px;
    max-height: 50px;
    margin: auto;
  }

  .profile-portrait {
    margin-right: 0;
  }

  .dashboard-information {
    background-color: #0000;
    background-image: none;
    border-radius: 20px 20px 0 0;
    flex: 0 auto;
    max-height: 95vh;
    margin-top: 75vh;
    display: flex;
    overflow: visible;
    transform: none;
    box-shadow: 0 0 20px #00000040;
  }

  .personal-greeting {
    text-align: left;
  }

  .cartcontainer {
    -webkit-backdrop-filter: blur(5px) blur(5px) blur(5px);
    backdrop-filter: blur(5px) blur(5px) blur(5px);
    background-color: #0000;
    border-radius: 0;
    align-items: stretch;
    width: 100vw;
    min-width: 0;
    max-width: none;
    height: 100vh;
    max-height: 100vh;
    margin: 0;
  }

  .account-cart-wrapper {
    z-index: 1002;
  }

  .oircle-account-contain {
    margin-top: 20px;
  }

  .cart-contain {
    margin-top: 30px;
    top: 0;
  }

  .profile {
    width: 50px;
    height: 50px;
  }

  .account-cart-contain-delegat {
    z-index: 2000;
    position: relative;
  }

  .animated-search {
    background-position: 5%;
    width: 100%;
    padding-left: 50px;
    font-size: 10px;
    transition: width .4s ease-in-out;
  }

  .animated-search:hover {
    background-position: 5%;
    border-radius: 50px;
    font-size: 10px;
  }

  .navigator-contain {
    margin-left: auto;
    margin-right: auto;
  }

  .nav {
    box-shadow: none;
    background-color: #0000;
    background-image: none;
    border-radius: 0;
    flex-flow: column;
    flex: 0 auto;
    justify-content: center;
    align-items: stretch;
    height: 100vh;
    display: flex;
    position: fixed;
    inset: auto 0% 0%;
    overflow: scroll;
  }

  .search-master {
    width: auto;
    min-width: 0;
    height: 45px;
    padding-left: 0;
    display: block;
  }

  .search-master:hover {
    background-position: 2%;
    width: auto;
  }

  .search-20 {
    order: -1;
    width: 95%;
    margin-bottom: 20px;
    display: none;
  }

  .dynamic-contain {
    flex-direction: row;
    justify-content: center;
    align-items: center;
  }

  .navgate-link {
    text-align: left;
    flex: 0 auto;
    justify-content: flex-start;
    align-self: stretch;
    height: auto;
    min-height: 30px;
    margin: 15px;
    font-size: 35px;
    font-weight: 700;
    line-height: 35px;
    display: none;
  }

  .navgate-link.additional-email {
    color: var(--oircle-binding-blue);
    margin: 0 15px;
    font-size: 25px;
  }

  .oircle-logo.w--current {
    position: absolute;
  }

  .oircle-contain-section-delegate {
    background-image: none;
    background-repeat: repeat;
    background-size: auto;
    border-radius: 0;
    flex-direction: column;
    padding: 0;
    display: block;
    position: absolute;
    inset: 0%;
  }

  .menu-navigator-contain {
    z-index: 101;
    background-color: #0000;
    border-radius: 20px;
    flex-direction: row;
    order: -1;
    justify-content: center;
    align-items: center;
    width: 75px;
    height: 75px;
    margin: 0 auto;
    padding: 0;
    display: flex;
    position: fixed;
    inset: auto 0%;
    overflow: hidden;
  }

  .menu-navigator-contain.w--open {
    background-color: #0000;
    margin-top: 0;
  }

  .menu-navigator {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    display: flex;
  }

  .card-details {
    align-self: stretch;
    width: auto;
    min-width: 100%;
  }

  .div-block-1118 {
    font-size: 25px;
  }

  .product-name {
    margin-bottom: 10px;
    font-size: 50px;
    line-height: 55px;
  }

  .beginordercontainer {
    z-index: 3;
    margin-bottom: 45px;
    font-size: 14px;
    line-height: 15px;
  }

  .product-identified {
    transform: translate(0, 60vh);
  }

  .product-bundle-identification {
    margin: 20px;
  }

  .productbundleconfirm {
    width: 90%;
  }

  .productadd {
    padding-left: 20px;
    padding-right: 20px;
    font-size: 17px;
    line-height: 15px;
  }

  .load-content {
    width: 80%;
  }

  .oircle-ed-logo {
    width: 95%;
  }

  .horizontal.center.max-wrap {
    justify-content: center;
  }

  .oircle-load-animation-set {
    width: 80%;
    height: 75px;
    margin-top: -20px;
  }

  .oircle-logotype-animation {
    height: 75px;
  }

  .products-alike-contain-selector {
    margin: 10px;
  }

  .products-alike-contain-selector.horizontal.max {
    margin-left: 7.5px;
    margin-right: 7.5px;
    padding-left: 0;
    padding-right: 0;
  }

  .radio-button-field-5 {
    flex: 1;
    font-size: 13px;
  }

  .radio-button-3 {
    background-size: 500px;
    border-radius: 35px;
    width: auto;
    min-width: 150px;
    height: auto;
    min-height: 150px;
  }

  .radio-button-3.performance {
    background-size: cover;
  }

  .feedback-label.feedback-form-name {
    display: none;
  }

  .div-block-1194, .heading-249 {
    text-align: center;
  }

  .thankyou-feedback {
    line-height: 30px;
  }

  .oircle-store-promotion {
    background-image: linear-gradient(#000000b3, #000000b3), url("https://cdn.prod.website-files.com/5aa43322534e4a0001179757/5dd80a83a16c2da5da24ade1_star-wars-jedi-fallen-order-hero-banner-02-ps4-us-29may19.jpeg");
    background-position: 0 0, 50%;
    padding-left: 25%;
  }

  .section {
    padding-top: 15px;
    padding-left: 15px;
    padding-right: 15px;
  }

  .oircle-store-product-wrapper.m100.max2 {
    flex-direction: column;
    padding-left: 40px;
  }

  .headline-grid {
    grid-column-gap: 12px;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    padding-left: 0;
    padding-right: 0;
  }

  .details-contain.gry-text {
    width: 75%;
  }

  .uiproductpromotionadtitle.big-title {
    text-align: left;
  }

  .uiproductpromotionadtitle.small {
    text-align: left;
    font-size: 20px;
    line-height: 20px;
  }

  .oircle-store-quick-buy {
    border: .5px solid var(--hover-element-dynamic);
    -webkit-backdrop-filter: blur(5px);
    backdrop-filter: blur(5px);
    color: var(--white);
    background-color: #0000;
  }

  .product-price-tag {
    max-height: 16px;
    overflow: hidden;
  }

  .uiproductfeaturedlist {
    padding-bottom: 0;
  }

  .oircle-store-content-contain {
    width: 200px;
    height: 300px;
  }

  .product {
    text-align: left;
    margin-top: 5px;
  }

  .contact-us-direct {
    background-position: 50%;
    background-size: cover;
    margin: -25px -25px auto;
  }

  .contact-button {
    width: auto;
    margin-left: 0;
    margin-right: 0;
    position: relative;
    top: 0;
  }

  .uicontacttitle {
    font-size: 5vh;
    line-height: 50px;
  }

  .text-block-194 {
    font-size: 20px;
    line-height: 20px;
  }

  .be-informed {
    margin-left: 0;
    margin-right: 0;
    padding-left: 10px;
    padding-right: 10px;
    display: flex;
  }

  .default-text-field {
    margin-bottom: 5px;
    padding: 25px 40px 25px 25px;
    font-size: 15px;
  }

  .news-outlet-signup-button {
    width: 100%;
  }

  .why-subscribe-contain {
    margin-left: -10px;
    margin-right: -10px;
  }

  .apps-contain {
    margin: 5px;
    padding: 0;
  }

  .oircle-apps-contain-super-delegate {
    margin: 3px;
  }

  .oircle-apps-contain-super-delegate.oircle-account {
    margin: -30px;
  }

  .buy-or-download {
    align-self: stretch;
    width: 100%;
    max-width: 300px;
    margin-left: auto;
    margin-right: auto;
  }

  .digital-details-panel {
    margin-top: 65vh;
    margin-left: auto;
    margin-right: auto;
  }

  .digital-delegate-contain {
    box-shadow: none;
    border-top-left-radius: 30px;
    border-top-right-radius: 30px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: auto;
    max-height: none;
    margin-bottom: 0;
    margin-left: auto;
    margin-right: auto;
    padding: 24px 20px 20px;
    top: -17px;
  }

  .digital-product-placement {
    width: 100px;
    min-width: 100px;
    max-width: 100px;
    min-height: 100px;
    max-height: 100px;
    margin-right: 15px;
  }

  .digital-panel-text {
    text-align: left;
    margin-top: 15px;
    margin-bottom: 15px;
    margin-right: 0;
  }

  .digital-product-name {
    font-size: 30px;
    line-height: 30px;
  }

  .capabilities {
    flex-wrap: wrap;
    justify-content: center;
  }

  .label-sections.left-align {
    line-height: 35px;
  }

  .capabilities-section-super-delegate {
    text-align: center;
    flex: 1;
    min-width: 100px;
  }

  .available-on-contain {
    margin-bottom: 15px;
  }

  .description-section {
    flex-direction: column;
    justify-content: flex-start;
    display: flex;
  }

  .digital-description {
    width: 75%;
  }

  .div-block-1293 {
    margin-left: 10px;
    margin-right: 10px;
  }

  .digital-panel {
    align-items: flex-end;
    margin-bottom: 15px;
  }

  .div-block-1297 {
    border-top-color: var(--white);
  }

  .more-details-content {
    font-size: 30px;
    line-height: 30px;
  }

  .search-input-delegate {
    padding-left: 45px;
    font-size: 15px;
  }

  .text-entery-content-artical {
    min-height: 550px;
  }

  .choose-an-option {
    align-content: center;
  }

  .or-option-text {
    width: 100%;
    margin-top: 45px;
    margin-bottom: 45px;
  }

  .drag-drop-contain {
    flex: 1;
    min-width: 150px;
    min-height: 350px;
  }

  .oircle-news-article-details-panel {
    flex: 1;
    min-width: 250px;
  }

  .title-subtitle-contain {
    width: 100%;
  }

  .oircle-news-articel-approval-drag-drop {
    font-size: 16px;
  }

  .things-to-include-text {
    margin-top: 4px;
    margin-bottom: 4px;
    font-size: 15px;
    line-height: 15px;
  }

  .success-message-7 {
    background-position: 65%;
    background-size: cover;
    position: relative;
  }

  .div-block-1332 {
    position: absolute;
    inset: 0%;
  }

  .div-block-1333 {
    border-top-left-radius: 30px;
    border-top-right-radius: 30px;
    flex-flow: column wrap;
    align-content: center;
    width: auto;
    height: auto;
    min-height: 85%;
    margin-left: 20px;
    margin-right: 20px;
    position: relative;
    inset: 95vh 0% 0%;
  }

  .div-block-1334 {
    margin-left: auto;
    margin-right: auto;
  }

  .checkbox-label-4 {
    width: 75px;
  }

  .submit-button-11 {
    min-width: 150px;
  }

  .div-block-1361 {
    margin-top: 15px;
    margin-bottom: 7.5px;
  }

  .cart-super-contain {
    z-index: -1;
    margin-top: auto;
    margin-bottom: auto;
    margin-right: 15px;
  }

  .cartmenu {
    background-size: 20px, 500%;
  }

  .cart-quantity {
    min-width: 15px;
    max-width: 15px;
    height: 15px;
    min-height: 15px;
    max-height: 15px;
    margin-top: 5px;
    margin-right: 5px;
    font-size: 0;
  }

  .purchasewithapplepay {
    border-radius: 15px;
    height: 45px;
  }

  .div-block-1363 {
    width: 65%;
    margin-left: auto;
    margin-right: auto;
  }

  .uiproductpromotiontext {
    font-weight: 400;
  }

  .uiproductpromotiontext.small {
    color: #e4e4e4;
  }

  .instergram {
    width: 45px;
    height: 45px;
  }

  .category-indent.link-only.category {
    min-width: 150px;
    margin: 7.5px;
  }

  .paragraph-165 {
    width: 95%;
  }

  .div-block-1019 {
    flex-wrap: wrap;
  }

  .heading-227 {
    text-align: left;
  }

  .div-block-1016 {
    overflow: visible;
  }

  .div-block-1014 {
    margin-left: auto;
    margin-right: auto;
    top: 95vh;
  }

  .productbundleidentificationcart {
    flex: 1;
    min-width: 175px;
    max-width: 175px;
  }

  .oircle-store-studios {
    padding-bottom: 0;
  }

  .preview-portait {
    background-size: cover;
  }

  .store-button-copy {
    padding-left: 20px;
    padding-right: 20px;
    font-size: 14px;
    line-height: 15px;
  }

  .collection-list-46 {
    flex-wrap: wrap;
  }

  .collection-item-36 {
    flex: 1;
    width: auto;
    min-width: 200px;
    height: auto;
    min-height: 200px;
  }

  .collection-list-wrapper-33 {
    overflow: visible;
  }

  .available-on-contain-copy {
    margin-bottom: 15px;
  }

  .or-label-devide {
    width: 65%;
    margin-left: auto;
    margin-right: auto;
  }

  .shopping-cart-super-card {
    z-index: 1;
    background-color: #0000;
    background-image: none;
    background-repeat: repeat;
    background-size: auto;
    margin-top: 0;
    position: sticky;
    top: 0;
  }

  .div-block-1416 {
    max-width: 360px;
    margin-left: auto;
    margin-right: auto;
    padding-top: 15px;
  }

  .orderheaderlabel {
    font-size: 17px;
    line-height: 17px;
  }

  .ordererrorstatus {
    max-width: 360px;
  }

  .order-row {
    flex-direction: row;
  }

  .div-block-1419 {
    border-radius: 20px;
    width: 50%;
    height: 7px;
    min-height: 7px;
    max-height: 7px;
    margin-left: auto;
    margin-right: auto;
    padding: 0;
    display: block;
    position: absolute;
    inset: -20px 0% auto;
    box-shadow: 0 0 10px #00000080;
  }

  .super-nav-settings {
    display: none;
  }

  .super-nav-settings.w--open {
    box-shadow: none;
    border-radius: 0;
    min-width: 0%;
    margin: 0;
    position: relative;
    inset: auto 0% 0%;
    transform: none;
  }

  .div-block-1471 {
    align-self: stretch;
    display: none;
  }

  .oircle-store-featured-product-asset {
    background-size: 80%;
    margin-top: 0;
    margin-bottom: 0;
  }

  .oircle-store-featured-product-asset.xl {
    background-size: 55%;
    margin-bottom: 0;
  }

  .container-block {
    z-index: 2;
    position: relative;
    top: 25px;
    overflow: visible;
  }

  .container-block.additionalinfo {
    top: -10px;
  }

  .displayaction {
    max-width: none;
    max-height: 450px;
    margin: auto auto 15px;
    left: 15px;
    right: 15px;
  }

  .displayaction.medium {
    min-width: 0;
    max-width: none;
  }

  .displayaction.large {
    min-width: 0;
    max-width: none;
    max-height: 80vh;
    padding: 0;
  }

  .action-buttons {
    flex-wrap: wrap;
    position: sticky;
    bottom: 0;
  }

  .skip.red {
    background-color: var(--dismiss-element);
  }

  .display-action-icon-delegate.uimenucontext, .display-action-icon-delegate.uimenucontext-copy {
    justify-content: center;
    align-items: center;
    width: 75px;
    min-width: 75px;
    max-width: 75px;
    height: 75px;
    min-height: 75px;
    max-height: 75px;
    display: flex;
  }

  .display-action-paragraph {
    text-align: center;
  }

  .display-action-paragraph.rightalign {
    color: var(--white-smoke);
    text-align: center;
    font-size: 14px;
  }

  .display-action-image {
    inset: 0%;
  }

  .support-title-contain {
    text-align: center;
  }

  .div-block-1501 {
    padding-top: 55px;
  }

  .div-block-1502 {
    border-top: .5px solid var(--element-dynamic);
    background-color: #0000;
    background-image: none;
    padding: 0 0 15px;
    display: block;
  }

  .div-block-1508 {
    flex-direction: column;
  }

  .div-block-1509 {
    flex: 1;
  }

  .heading-314 {
    justify-content: center;
    align-items: center;
    font-size: 30px;
    line-height: 30px;
    display: flex;
    inset: 0%;
  }

  .main-button-6 {
    text-align: center;
    width: auto;
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
    font-size: 14px;
    display: block;
  }

  .social-wrapper-footer-white {
    width: auto;
    margin-bottom: 0;
  }

  .nav-link {
    width: 100%;
  }

  .hero-2 {
    min-height: 100vh;
    padding-top: 100px;
    padding-bottom: 0;
  }

  .video-player-wrapper {
    padding-left: 10px;
    padding-right: 10px;
  }

  .title-styler-card-wrapper {
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    display: flex;
  }

  .style-cards {
    width: 95%;
    margin-right: 0;
    padding: 20px;
  }

  .uivideoscreendelegate {
    width: 100%;
    height: 250px;
    min-height: 0;
  }

  .uivideoprogressbarcontain.completenul {
    width: 200px;
  }

  .subheader-paragraph {
    text-align: left;
  }

  .uivideooptionsdelegate {
    flex-direction: row;
    width: auto;
    padding-left: 10px;
    padding-right: 10px;
  }

  .options-wrapper {
    margin-top: 30px;
    margin-right: 0;
  }

  .column-15 {
    padding-top: 45px;
    padding-bottom: 45px;
  }

  .brand-5 {
    padding-top: 14px;
  }

  .menu-button {
    display: flex;
  }

  .style-wrapper-row, .main-features {
    padding-left: 0;
    padding-right: 0;
  }

  .text-footer-white {
    padding-left: 0;
  }

  .adsbygoogle-copy {
    width: 95%;
    min-width: 0;
    margin-left: 10px;
  }

  .displayaction-adapted {
    margin: auto auto 0;
    bottom: 7.5px;
    left: 7.5px;
    right: 7.5px;
    overflow: scroll;
  }

  .displayaction-adapted.form-contain {
    margin-bottom: 15px;
    margin-left: auto;
    margin-right: auto;
    inset: auto 15px 0%;
    overflow: scroll;
  }

  .apply-button {
    width: 25px;
    height: 25px;
  }

  .order-item-list-2 {
    margin-left: auto;
    margin-right: auto;
  }

  .order-item-4 {
    flex: 1;
  }

  .container-39 {
    flex-direction: column;
  }

  .ordercontain {
    margin-bottom: 55px;
  }

  .order-confimred-label {
    text-align: center;
    margin-top: 65px;
    font-size: 20px;
    line-height: 20px;
  }

  .uinewscontroloptions {
    flex-wrap: wrap;
    justify-content: space-between;
    min-height: 55px;
  }

  .uinewsoirclenewslogo {
    margin-left: auto;
    margin-right: auto;
    position: absolute;
    inset: 0%;
  }

  .uinewsnotificationindicate {
    width: 55px;
    min-width: 55px;
    max-width: 55px;
    min-height: 55px;
    max-height: 55px;
  }

  .uinewssignin-subscribe {
    flex: 1;
    justify-content: center;
    align-items: center;
    margin-left: 0;
    display: none;
  }

  .form-horizon-div {
    flex-wrap: wrap-reverse;
  }

  .large-paragraph {
    font-size: 35px;
    line-height: 35px;
  }

  .large-paragraph.sticky {
    max-width: 800px;
    font-size: 30px;
    line-height: 35px;
  }

  .offerings {
    background-size: 250px, 250px;
    padding-left: 49px;
    padding-right: 49px;
  }

  .oircle-mark {
    background-size: 155%;
  }

  .displayaction-adapted.form-contain.pre-order {
    justify-content: center;
    align-items: stretch;
    max-height: 475px;
  }

  .featured-details {
    min-height: 65vh;
  }

  .featured-assets {
    inset: 0%;
  }

  .featured-product-plate {
    width: 200px;
    height: 200px;
    margin-top: 16px;
  }

  .featured-default-state {
    margin-bottom: 40px;
    padding: 35px;
  }

  .featured-colours {
    min-height: 20vh;
  }

  .featured-colours-pressent.fourthaback {
    height: 100%;
  }

  .default-featured-state {
    padding-top: 55px;
  }

  .option-list-4 {
    padding: 15px;
  }

  .itempresentdefault {
    width: 222px;
    min-width: 222px;
    max-width: 222px;
    height: 222px;
    min-height: 222px;
    max-height: 222px;
    margin: -14px;
  }

  .productoptionlistcontain {
    position: relative;
    inset: 0%;
  }

  .productoptionlistcontain.maxw {
    flex: 1;
    max-width: 175px;
  }

  .productoptionlistcontain.maxw.fulst {
    flex: 1;
    max-width: none;
    overflow: hidden;
  }

  .productoptionlistnamecontain {
    border-radius: 30px;
    align-items: center;
  }

  .optionlistimage {
    min-width: 25px;
    min-height: 25px;
  }

  .text-block-255 {
    margin: 2.5px;
  }

  .horizontal-path {
    margin-top: 0;
  }

  .error-message-10 {
    margin-top: 15px;
  }

  .collection-item-51 {
    flex: 1;
    width: 175px;
    min-width: 175px;
  }

  .div-block-1574 {
    flex: 1;
    min-height: 200px;
  }

  .heading-318 {
    height: 50px;
    font-size: 15px;
    line-height: 15px;
  }

  .paragraph-error-subscribe {
    width: 95%;
  }

  .uiproductcontain {
    flex: 1;
    width: 150px;
    min-width: 150px;
    height: 250px;
    min-height: 250px;
    margin: 10px;
  }

  .uiproductcontain:first-child {
    flex: 1;
    width: 150px;
    min-width: 150px;
  }

  .uiproductcontaindelgatemaster {
    padding: 10px;
  }

  .uinewstitle {
    margin-top: 0;
    margin-bottom: 0;
  }

  .uiproductpromotion.oircle-news {
    background-image: linear-gradient(45deg, #9aeaff, #98b7ff);
  }

  .uiproductpromotion.oircle-news.uinewsbanner {
    min-height: 0;
  }

  .uiproductpromotion._100-off {
    flex-direction: column;
  }

  .uiproductpromotion.oircle-news-copy {
    background-image: linear-gradient(45deg, #9aeaff, #98b7ff);
    margin: 0 7.5px 7.5px;
  }

  .uiproductpromotion.oircle-store {
    background-image: linear-gradient(-45deg, #0d00ff, #01ddff);
    min-height: 350px;
  }

  .uiproductpromotion.oircle-news-copy-copy, .uiproductpromotion.oircle-news-copy-copy-copy, .uiproductpromotion.oircle-news-copy-copy-copy-copy {
    padding-left: 7.5px;
    padding-right: 7.5px;
  }

  .uiproductpromotioncontentad {
    min-width: 150px;
  }

  .uiproductfeaturedtitlename {
    margin-bottom: 0;
    padding-bottom: 5px;
    line-height: 35px;
  }

  .audio-player-multitracks-wrapper, .uiaudiocontain {
    padding-left: 10px;
    padding-right: 10px;
  }

  .audio-player-bar-wrapper.bar-wrapper {
    width: 200px;
  }

  .tracks-wrapper {
    margin-right: 0;
  }

  .herosection {
    min-height: 100vh;
    padding-top: 120px;
    padding-bottom: 120px;
  }

  .options-wrapper-2 {
    margin-right: 0;
  }

  .uinewsstoreapiimagedelagte {
    min-width: 200px;
  }

  .coloruisway {
    height: 45px;
  }

  .coloruiswaycircle {
    width: 45px;
    height: 45px;
  }

  .showcasecontent {
    margin-left: 15px;
    margin-right: 15px;
    padding: 20px;
  }

  .showcasecontainer {
    padding: 20px;
  }

  .uinewscontent {
    flex-flow: wrap-reverse;
    flex: 1;
    justify-content: space-between;
    align-self: stretch;
    align-items: center;
    min-width: 175px;
    margin: 7.5px;
    padding: 7.5px 7.5px 40px;
    display: flex;
  }

  .uinewscontent:first-child {
    flex-direction: column-reverse;
    justify-content: flex-end;
    align-items: stretch;
    min-width: 300px;
  }

  .div-block-1640 {
    background-size: contain;
    width: auto;
    height: 300px;
    margin-top: 55px;
  }

  .collection-item-59 {
    text-align: center;
    flex: 1;
    width: 175px;
    min-width: 175px;
  }

  .div-block-1649 {
    min-width: 200px;
  }

  .heading-324 {
    align-items: flex-end;
    height: 45px;
    display: flex;
  }

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

  .quickview {
    background-color: #0000;
    min-width: 50px;
    max-width: 50px;
    min-height: 50px;
    max-height: 50px;
  }

  .product-bundle-delegate {
    flex-wrap: wrap;
  }

  .section-59 {
    border-top-left-radius: 35px;
    border-top-right-radius: 35px;
    flex: 1;
    width: auto;
    height: auto;
    min-height: 600px;
    padding: 20px;
  }

  .uiproductpromotioncontentcontainomoji {
    flex-direction: column;
    min-width: 150px;
  }

  .div-block-1664 {
    min-width: 100px;
  }

  .form-div-copy.form-horizon-div {
    flex-wrap: wrap-reverse;
  }

  .tabbarcontain {
    flex-direction: column;
    justify-content: flex-start;
    align-items: stretch;
    height: 100vh;
    display: flex;
  }

  .div-block-1665-copy {
    justify-content: space-around;
  }

  .div-block-1671 {
    flex-direction: row;
    justify-content: flex-start;
    align-items: stretch;
    width: 100vw;
    margin-left: 0;
    margin-right: 0;
    padding-left: 0;
  }

  .more-details-content-copy {
    margin-top: -5px;
    margin-bottom: 0;
    font-size: 30px;
    line-height: 25px;
  }

  .collection-list-73 {
    flex-direction: row;
    justify-content: flex-start;
    align-items: stretch;
    width: 100vw;
    display: flex;
    overflow: scroll;
  }

  .offersdelegate, .delegatetoday, .delegatenavigate {
    overflow: scroll;
  }

  .div-block-1677 {
    background-color: #0000;
    flex: 1;
    display: flex;
    overflow: scroll;
  }

  .uimenu {
    z-index: 2;
    text-align: left;
    width: 100vw;
    min-width: 100vw;
    max-width: 100vw;
    height: 100vh;
    position: absolute;
    overflow: scroll;
  }

  .div-block-1682 {
    background-repeat: no-repeat;
    background-size: 300%;
  }

  .uinewscontentdismissbutton {
    margin-top: 10px;
    margin-bottom: 10px;
    margin-right: 10px;
    position: absolute;
    inset: 0% 0% auto auto;
  }

  .div-block-1698 {
    width: auto;
    max-width: none;
    max-height: 75vh;
    inset: auto 0% 0%;
    transform: translate(0, 100vh);
  }

  .div-block-1720.adda {
    flex-direction: column-reverse;
  }

  .div-block-1721 {
    text-align: center;
    width: auto;
    margin-left: 25px;
    margin-right: 25px;
  }

  .div-block-1724 {
    width: 25vh;
    height: 35vw;
  }

  .error-state-6 {
    border-radius: 50px;
    justify-content: center;
    align-items: center;
    width: 175px;
    min-height: 55px;
    margin-left: auto;
    margin-right: auto;
    display: flex;
  }

  .uibusinesschat {
    flex-flow: column-reverse wrap;
    align-items: center;
    display: flex;
  }

  .div-block-1756 {
    min-width: 0;
  }

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

  .uistorecircleindent {
    border: 0px none var(--oircle-default-gry);
    border-radius: 50%;
    justify-content: center;
    align-items: center;
    width: 15px;
    height: 15px;
    margin: 2.5px;
    padding: 5px;
    font-size: 15px;
    font-weight: 900;
    display: none;
    position: absolute;
    inset: -10px -10px auto auto;
    overflow: hidden;
  }

  .uistorecircleindent:hover {
    width: 35px;
    height: 35px;
    top: -30px;
    right: -30px;
  }

  .div-block-1809 {
    flex: 1;
    min-width: 200px;
  }

  .div-block-1809.sqauresix {
    display: block;
  }

  .div-block-1809.sqaureseven {
    flex: 1;
    display: block;
  }

  .div-block-1809.sqaureseven.second {
    flex: 1;
    width: auto;
    min-width: 175px;
  }

  .oircle-store-icon.news.imessage.second {
    margin-top: 0;
    margin-left: 7.5px;
    margin-right: 0;
    position: relative;
  }

  .link-48 {
    font-size: 5px;
  }

  .iphone-with-apple-pay-copy {
    width: auto;
  }

  .div-block-1818 {
    display: none;
  }

  .image-portrait-contain-copy {
    flex: 0 auto;
    width: 60vw;
    min-width: 225px;
    height: 100%;
    min-height: 100%;
  }

  .hero-with-background-wrap.hero2-wrap {
    border-radius: 20px;
    margin: 15px 15px 7.5px;
    padding: 0;
    display: block;
    position: relative;
  }

  .hero2-background {
    display: block;
    position: absolute;
    inset: 0%;
  }

  .collection-list-86 {
    justify-content: center;
    align-items: center;
    width: 100%;
    min-height: 100vh;
    display: flex;
  }

  .collection-item-70 {
    width: 100%;
    min-height: 100vh;
    padding: 0;
  }

  .product-superview-delgate-copy {
    flex-direction: column;
    display: flex;
  }

  .productsuperview-copy {
    flex-direction: row;
    flex: 1;
    justify-content: center;
    align-items: stretch;
    height: auto;
    min-height: 87vh;
    display: flex;
  }

  .oircle-store-product-wrapper-copy {
    margin-bottom: 0;
  }

  .add-to-cart-9 {
    margin-top: 10px;
    padding-bottom: 100px;
  }

  .product-overview-paragraph-copy {
    min-height: 0;
  }

  .buy-now-button {
    color: var(--oircle-default-gry);
    background-color: #0000;
    justify-content: center;
    padding: 0;
    font-size: 15px;
    font-weight: 900;
    position: absolute;
    inset: 0%;
  }

  .buy-now-button.withaddations {
    z-index: 2;
    color: var(--oircle-default-gry);
    flex: 0 auto;
    margin-left: 0;
    margin-right: 0;
    padding: 0;
    font-size: 15px;
    font-weight: 900;
    line-height: 15px;
    position: relative;
    inset: 0%;
  }

  .buy-now-button.withaddations:hover {
    color: var(--oircle-default-gry);
  }

  .heading-344 {
    color: var(--white);
    flex: 1;
    margin-left: 7.5px;
    margin-right: 7.5px;
    font-size: 25px;
    line-height: 35px;
  }

  .div-block-1846 {
    flex-direction: column;
    display: flex;
  }

  .div-block-1847 {
    min-height: 25vh;
    padding: 0;
  }

  .oircle-store-product-index-section-copy {
    flex-direction: row;
    justify-content: center;
    align-items: stretch;
    width: 100vw;
    padding: 0;
    display: flex;
  }

  .image-portrait-contain-copy {
    background-position: 50% 100%;
    background-size: contain;
    flex: 0 auto;
    width: 100vw;
    min-width: 100vw;
    height: 100%;
    min-height: 100%;
    margin: 0;
  }

  .div-block-1848 {
    width: 150vw;
    min-width: 150vw;
    height: 100%;
    min-height: 100%;
    padding: 0;
  }

  .collection-list-wrapper-62 {
    flex-direction: row;
    justify-content: center;
    align-items: stretch;
    width: 100vw;
    display: flex;
  }

  .collection-item-71 {
    height: 100%;
    display: block;
  }

  .collection-list-89 {
    flex-flow: wrap;
  }

  .div-block-1858 {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
    max-width: none;
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
    inset: auto 0% 0%;
    transform: scale(.5)translate(0, 100vh);
  }

  .default-state-16 {
    margin: 0;
  }

  .div-block-1867 {
    display: none;
  }

  .foreground {
    width: 45%;
  }

  .hero2-grid-2 {
    grid-template-columns: 1fr 1fr 1fr 1fr;
    display: block;
  }

  .hero2-title-2 {
    color: var(--white);
    justify-content: flex-end;
    position: relative;
    inset: 0%;
  }

  .size5-text {
    margin-top: 20px;
  }

  .hero2-content-2 {
    background-image: none;
    background-repeat: repeat;
    background-size: auto;
    height: 95vh;
    position: relative;
    overflow: scroll;
  }

  .button-large-2 {
    font-size: 14px;
    line-height: 22px;
  }

  .button-large-2.hero3-button {
    min-height: 50px;
  }

  .hero2-image-2 {
    filter: brightness(45%);
    background-image: url("https://cdn.prod.website-files.com/5aa43322534e4a0001179757/619c41c379c3f3bb456b3a62_5d9de0b7b7de93ab4e6020fd_haupes-co-6hpJZcqWt4I-unsplash.jpg");
    background-position: 50% 0;
    background-size: cover;
    height: auto;
    margin-left: 0;
    margin-right: 0;
    position: absolute;
    inset: 0%;
  }

  .hero2-product-2 {
    padding-top: 20px;
    padding-bottom: 20px;
    display: none;
  }

  .hero2-latest-2 {
    flex-direction: row;
    padding: 20px 10px;
  }

  .hero2-image-collection-2 {
    border-radius: 12px;
    min-width: 150px;
    height: 150px;
    margin-bottom: 0;
    margin-left: 10px;
    margin-right: 10px;
  }

  .hero2-product-name-2 {
    margin-bottom: 0;
  }

  .div-block-1884 {
    padding: 15px;
  }

  .div-block-1885 {
    width: auto;
    margin-left: 15px;
    margin-right: 15px;
    position: sticky;
    bottom: 15px;
  }

  .div-block-1886 {
    margin-left: 10px;
    margin-right: 10px;
  }

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

  .uimenuusercontain {
    z-index: 5;
    background-color: #0000;
    border: 0 solid #000;
    border-radius: 0%;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    margin: 100px 45px 15px;
    padding: 0;
    display: none;
    position: sticky;
    top: 30px;
  }

  .uimenuuserdelegate {
    border: 2px solid var(--white-smoke);
    border-radius: 50px;
    margin-left: auto;
    padding: 0;
    display: flex;
  }

  .uimenusearch {
    color: var(--white-smoke);
    background-color: #0000;
    background-image: url("https://cdn.prod.website-files.com/5aa43322534e4a0001179757/5ef4e141a245d966fdbf3874_search.png");
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 35px;
    border: 0 solid #000;
    border-radius: 50px;
    width: 55px;
    min-width: 55px;
    max-width: 55px;
    margin-bottom: 0;
    margin-left: 7.5px;
    font-size: 0;
    transition: all .4s;
    position: relative;
  }

  .uimenusearch:hover {
    -webkit-backdrop-filter: brightness(70%) blur(5px);
    backdrop-filter: brightness(70%) blur(5px);
    color: var(--white-smoke);
    background-position: 10px;
    border-radius: 49px;
    width: auto;
    min-width: 0;
    max-width: none;
    height: 60px;
    min-height: 60px;
    max-height: 60px;
    margin-top: 0;
    margin-left: -5px;
    margin-right: 0;
    padding-left: 55px;
    font-size: 15px;
    position: absolute;
    inset: 0%;
  }

  .uimenusearchcontain {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-bottom: 0;
    display: flex;
  }

  .uimenuuserprofile {
    background-image: url("https://cdn.prod.website-files.com/5aa43322534e4a0001179757/62ff9284aa1e87d9286339ba_person.fill.svg"), url("https://cdn.prod.website-files.com/5aa43322534e4a0001179757/5dd43a2bdc6c74ad6ee4bd75_Oircle%20Shapes.png");
    background-position: 50% 100%, 100%;
    background-repeat: no-repeat, no-repeat;
    background-size: 75%, 200px;
    border-radius: 50%;
    width: 55px;
    min-width: 55px;
    max-width: 55px;
    height: 55px;
    min-height: 55px;
    max-height: 55px;
    margin-left: 0;
    margin-right: 0;
    padding: 0;
    display: block;
  }

  .uimenucartusertext {
    margin-right: 7.5px;
    font-size: 40px;
    font-weight: 900;
    line-height: 40px;
    display: block;
  }

  .uimenucurrentusername {
    font-size: 40px;
    font-weight: 400;
    line-height: 40px;
    display: none;
  }

  .suggestion {
    height: 100vh;
    padding-top: 0;
    padding-bottom: 25vh;
    position: fixed;
    inset: 0%;
    overflow: scroll;
  }

  .promotion {
    z-index: 1;
    border-radius: 50px 50px 0 0;
    flex-direction: column;
    margin: 0;
    padding: 25px 20px;
    display: flex;
    position: relative;
    inset: 75vh 0% 0%;
    box-shadow: 0 0 20px #80808026;
  }

  .indicator {
    border-radius: 20px;
    width: 55px;
    height: 10px;
    min-height: 10px;
    max-height: 10px;
    margin-bottom: 7.5px;
    margin-left: auto;
    margin-right: auto;
    padding: 0;
    display: block;
  }

  .link-block-99 {
    border: .5px solid var(--element-dynamic);
    border-radius: 20px;
    flex: 1;
    justify-content: center;
    align-items: stretch;
    min-width: 170px;
    height: 200px;
    margin-left: 0;
    margin-right: 0;
    padding: 0;
    display: flex;
    position: relative;
    overflow: hidden;
  }

  .collection-item-78 {
    flex: 1;
    justify-content: center;
    align-items: center;
    margin: 7.5px 7.5px 15px;
    display: flex;
  }

  .uimenutitle {
    color: var(--oircle-grim-gry);
    margin-bottom: 7.5px;
    margin-left: 7.5px;
    font-weight: 400;
  }

  .uimenutitle.single {
    margin-left: 20px;
  }

  .collection-list-95 {
    flex-wrap: wrap;
    justify-content: space-between;
    display: flex;
  }

  .div-block-1920 {
    margin: 7.5px;
  }

  .div-block-1920.iphone-with-apple-pay-copy {
    border-radius: 20px;
    justify-content: center;
    padding: 15px 15px 60px;
    display: flex;
    position: relative;
  }

  .div-block-1921 {
    justify-content: center;
    align-items: center;
    margin: 15px;
    padding: 0;
    display: flex;
    position: absolute;
    inset: auto 0% 0% auto;
  }

  .text-block-293 {
    color: var(--white);
  }

  .text-block-294 {
    color: var(--white);
    font-size: 15px;
    font-weight: 400;
    line-height: 20px;
  }

  .div-block-1922 {
    flex-wrap: wrap;
    justify-content: space-between;
    margin-left: 0;
    margin-right: 0;
    text-decoration: none;
    display: flex;
  }

  .uimenusearchableitem {
    border-radius: 20px;
    top: auto;
  }

  .uimenusearchableitem.news {
    background-color: #ffeaca;
    min-height: 150px;
    padding: 0;
    display: block;
    overflow: hidden;
  }

  .uimenusearchableitem.support {
    background-color: #313842;
    min-height: 150px;
    margin: 7.5px;
    padding: 0;
    overflow: hidden;
  }

  .uimenusearchableitemdelegate {
    border-radius: 20px;
    align-self: stretch;
    margin-top: 0;
    margin-left: auto;
    margin-right: auto;
    overflow: visible;
  }

  .uimenusearchableitemdelegate.slit {
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-start;
    display: flex;
  }

  .uimenusearchableitemcontain {
    margin-top: 0;
  }

  .uimenuemptystate {
    background-color: #0000;
    margin-top: 0;
  }

  .uimenuproductprice {
    margin: 0;
    display: inline-block;
    position: static;
    inset: 0% auto auto 0%;
  }

  .uimenuproductpricecontain {
    border-radius: 20px;
    justify-content: center;
    align-items: center;
    margin: 15px;
    padding: 5px 7.5px;
    display: flex;
    position: absolute;
    inset: auto 0% 0% auto;
  }

  .uimenuproductpricecontain.news {
    margin: 15px;
    padding-left: 7.5px;
    padding-right: 7.5px;
    inset: 0% auto auto 0%;
  }

  .uimenuproductpricecontain.support {
    flex-direction: column;
    align-items: center;
    margin: 15px;
    padding-left: 7.5px;
    padding-right: 7.5px;
    display: flex;
    inset: auto 0% 0%;
  }

  .uimenuproductname.news {
    margin-bottom: 30px;
    inset: auto 0% 0% auto;
  }

  .uimenuproduct {
    background-image: url("https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg");
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    height: 300px;
    margin-top: 15px;
    margin-left: auto;
    margin-right: auto;
    display: block;
  }

  .uimenuproduct.news {
    background-size: cover;
    width: auto;
    height: 150px;
    margin-top: 0;
    margin-left: 0;
    margin-right: 0;
  }

  .uimenuproduct.support {
    background-size: cover;
    width: auto;
    min-width: 150px;
    height: 150px;
    margin-top: 0;
    margin-left: 0;
    margin-right: 0;
  }

  .uimenusearchable {
    margin: 15px;
  }

  .collection-item-80 {
    flex: 1;
  }

  .div-block-1925 {
    z-index: 2;
    background-image: url("https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg");
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 75%;
    flex: 1;
    position: relative;
  }

  .div-block-1926 {
    z-index: 1;
    filter: blur(10px);
    padding: 135px;
    position: absolute;
    inset: auto 0% 0% auto;
  }

  .image-portrait-contain-copy {
    background-position: 50%;
    flex: 0 auto;
    width: 37.5vw;
    min-width: 37.5vw;
    height: 50vh;
    min-height: 50vh;
    margin: 5px;
  }

  .beginorder {
    z-index: 4;
    color: var(--oircle-default-gry);
    font-size: 14px;
    line-height: 15px;
    position: relative;
  }

  .div-block-1927 {
    flex-direction: column;
    max-width: none;
    margin: 0;
    padding: 0;
  }

  .div-block-1928 {
    margin-bottom: 7.5px;
    margin-left: 15px;
    margin-right: 15px;
  }

  .div-block-1929 {
    border-radius: 30px 30px 0 0;
    margin-bottom: 0;
  }

  .heading-357.note {
    margin-top: 111.5px;
  }

  .div-block-1939 {
    height: 200px;
    margin-top: 0;
  }

  .tab-link-tab-1.w--current, .tab-link-tab-2, .tab-link-tab-10, .tab-link-tab-5, .tab-link-tab-11-2 {
    background-color: #0000;
  }

  .div-block-1942 {
    margin-bottom: 25px;
  }

  .heading-361 {
    line-height: 25px;
  }

  .div-block-1945 {
    padding-left: 0%;
    padding-right: 0%;
  }

  .tabs-menu {
    justify-content: flex-start;
    padding-left: 10px;
  }

  .div-block-1946 {
    padding: 23px 23px 0;
  }

  .paragraph-184, .heading-362 {
    width: auto;
  }

  .heading-363 {
    font-size: 20px;
    line-height: 20px;
  }

  .div-block-1947 {
    width: 150px;
    height: 150px;
  }

  .div-block-1948 {
    min-width: 150px;
  }

  .text-block-298 {
    max-width: none;
    font-size: 45px;
    line-height: 45px;
  }

  .div-block-11 {
    font-size: 40px;
    line-height: 40px;
  }

  .text-block-10 {
    font-size: 34px;
    line-height: 34px;
  }

  .grid-5 {
    grid-row-gap: 40px;
    grid-template-columns: 1fr;
  }

  .text-block-299 {
    margin-left: 7.5px;
    font-weight: 900;
  }

  .div-block-3263 {
    display: flex;
  }

  .uimobilebackground {
    background-color: var(--black);
    display: block;
  }

  .uimobileforeground {
    border-radius: 0 0 45px 45px;
    width: auto;
    height: 85vh;
    padding-bottom: 130px;
    display: block;
    position: absolute;
    inset: 0%;
  }

  .uimobiledelegateground {
    z-index: 1;
    border-radius: 50px;
    justify-content: center;
    align-items: center;
    width: 100vw;
    height: 10vh;
    margin: 0 auto;
    padding: 0;
    position: fixed;
    inset: auto 0% 0%;
  }

  .uimobilecontain {
    background-color: #0000;
    max-width: 480px;
    padding: 0;
    display: block;
    position: absolute;
    inset: 0%;
    overflow: visible;
  }

  .section-62 {
    border-radius: 0;
    margin-top: 100vh;
    padding: 25px 25px 205px;
  }

  .beginordercontain {
    background-color: var(--black);
    justify-content: space-around;
    align-items: center;
    padding: 10px;
    display: flex;
    position: absolute;
    inset: 0%;
  }

  .div-block-3265 {
    border-radius: 40px;
    flex: 0 auto;
    justify-content: center;
    align-items: center;
    min-width: 50px;
    height: 50px;
    padding: 5px 55px;
    display: flex;
    position: relative;
  }

  .orderbuildcontain {
    opacity: 1;
    flex-wrap: wrap;
    flex: 1;
    justify-content: space-around;
    align-items: center;
    margin-left: 15px;
    margin-right: 15px;
    padding: 15px;
    display: flex;
    position: absolute;
    inset: auto 0% 0%;
  }

  .options {
    z-index: 2;
    background-color: var(--black);
    border-radius: 45px;
    width: auto;
    margin-bottom: -1.5vh;
    margin-left: 35px;
    margin-right: 35px;
    padding: 5px;
    position: absolute;
    inset: auto 0% 0%;
    overflow: hidden;
  }

  .product-option-list-copy {
    flex-wrap: nowrap;
    justify-content: space-between;
  }

  .div-block-3267 {
    z-index: 1;
    border-radius: 0 0 45px 45px;
    width: auto;
    height: 85vh;
    margin: 0;
    position: absolute;
    inset: 0%;
    overflow: visible;
  }

  .div-block-3268 {
    margin-bottom: 15px;
  }

  .body-36 {
    background-color: var(--black);
  }

  .quickviewcontain {
    border-radius: 50%;
    width: 50px;
    min-width: 50px;
    max-width: 50px;
    height: 50px;
    min-height: 50px;
    max-height: 50px;
    padding: 0;
  }

  .div-block-3290 {
    min-width: 250px;
  }

  .div-block-3286-copy {
    min-width: 200px;
  }

  .div-block-3294 {
    flex-direction: column;
  }

  .div-block-3285-copy.step, .div-block-3285-copy-copy {
    min-width: 0;
    min-height: 50vh;
  }

  .apple-grid {
    grid-template-columns: 1fr 1fr;
    grid-auto-flow: row;
  }

  .apple-grid-block.sendpaymentwithcalcualtr {
    display: none;
  }

  .div-block-3324 {
    width: 300px;
    height: 300px;
    margin-left: 222px;
  }

  .heading-376 {
    font-size: 30px;
  }

  .oircle-store-logotype {
    background-image: url("https://cdn.prod.website-files.com/5aa43322534e4a0001179757/612e4d1772d9fd2704e4580a_Application%20Logotype.png");
    width: 100%;
    min-width: 150px;
    max-width: 150px;
    height: 150px;
    min-height: 150px;
    max-height: 150px;
    margin-left: auto;
    margin-right: auto;
  }

  .uimenucartdelegate {
    box-shadow: none;
    background-color: #0000;
  }

  .uimenucartclose {
    opacity: 1;
    justify-content: center;
    align-items: center;
    width: 55px;
    min-width: 55px;
    max-width: 55px;
    height: 55px;
    min-height: 55px;
    max-height: 55px;
    margin-left: 0;
    margin-right: 0;
    display: flex;
    position: relative;
  }

  .uimenuproductitem {
    object-fit: contain;
    width: auto;
    min-width: 200px;
    height: 300px;
    margin-top: 15px;
    margin-left: auto;
    margin-right: auto;
    display: block;
  }

  .uimenucartclosure {
    padding-bottom: 25vh;
  }

  .uimenucartsubtotal {
    margin-bottom: 0;
  }

  .uimenucartpayment {
    border-radius: 20px;
    order: -1;
    margin-bottom: 0;
    margin-left: 15px;
    margin-right: 15px;
    padding: 15px;
  }

  .uimenucartpaymentdelegate {
    border-top-style: none;
    border-top-width: 0;
    padding: 15px 0 0;
  }

  .checkout-button-3 {
    color: var(--oircle-notification);
    background-color: #0000;
    border-radius: 10px;
  }

  .uimenucartclosedelegate {
    color: var(--oircle-grim-gry);
    border-radius: 50%;
    flex: 0 auto;
    justify-content: center;
    align-items: center;
    width: 35px;
    min-width: 35px;
    max-width: 35px;
    height: 35px;
    min-height: 35px;
    max-height: 35px;
    padding: 0;
    font-size: 15px;
    line-height: 0;
    display: flex;
  }

  .empty-state-19 {
    padding: 0;
  }

  .uimenucartcontain {
    background-color: #0000;
    inset: 0%;
  }

  .option-list-7 {
    margin-top: 35px;
    margin-right: 15px;
    position: absolute;
    inset: 0% 0% auto auto;
  }

  .main-3 {
    z-index: 5;
    border-top-left-radius: 50px;
    border-top-right-radius: 50px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px;
    display: flex;
    position: fixed;
    inset: auto 0% 0%;
    box-shadow: 0 0 20px #00000026;
  }

  .error-state-12 {
    z-index: 5;
    background-color: #0000;
    position: relative;
  }

  .div-block-3328 {
    z-index: 1;
    opacity: 0;
    -webkit-backdrop-filter: brightness(35%) blur(2.5px);
    backdrop-filter: brightness(35%) blur(2.5px);
    text-align: center;
    border-radius: 20px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px;
    position: absolute;
    inset: 0%;
  }

  .div-block-3328:hover {
    opacity: 1;
  }

  .div-block-3330 {
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .display-action-title-copy {
    color: var(--white-smoke);
  }

  .action-buttons-copy {
    flex-wrap: wrap;
    position: sticky;
    bottom: 0;
  }

  .div-block-3331 {
    margin: 0;
  }

  .div-block-3332 {
    display: none;
  }

  .uimenuproductpricecontain-copy-copy {
    border-radius: 20px;
    justify-content: center;
    align-items: center;
    margin: 30px;
    padding: 5px 0 5px 25px;
    display: flex;
    position: absolute;
    inset: auto 0% 0% auto;
  }

  .div-block-3333 {
    opacity: 1;
    display: block;
  }

  .default-state-17 {
    padding-top: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .div-block-1756-copy {
    min-width: 150px;
  }

  .uibusinesschat-copy {
    flex-flow: wrap-reverse;
    align-items: center;
    display: flex;
  }

  .div-block-3334 {
    align-items: center;
    padding: 0 30px 15px 22.5px;
    display: flex;
    overflow: scroll;
  }

  .div-block-3335 {
    border-radius: 10px;
    padding: 15px 50px;
  }

  .linkb {
    flex: none;
    margin-left: 7.5px;
    margin-right: 7.5px;
  }

  .linkb.w--current {
    color: var(--oircle-default-gry);
  }

  .textb {
    justify-content: center;
    align-items: center;
    min-height: 25px;
    display: flex;
  }

  .text-span-76 {
    font-family: Ofont, sans-serif;
    font-size: 27px;
    line-height: 27px;
  }

  .container-49 {
    align-items: stretch;
  }

  .text-span-77 {
    font-size: 55px;
  }

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

  .div-block-3336 {
    flex-flow: column;
    align-items: stretch;
    padding: 7.5px;
  }

  .div-block-3337 {
    border-radius: 15px;
    margin: 7.5px;
    padding: 10px;
  }

  .div-block-3339 {
    border-radius: 15px;
    width: 75px;
    height: 75px;
  }

  .div-block-3340 {
    margin-left: 7.5px;
  }

  .heading-378 {
    margin-right: 2.5px;
    font-size: 15px;
    line-height: 15px;
  }

  .div-block-3343 {
    width: 25px;
    min-width: 25px;
    max-width: 25px;
    height: 25px;
    min-height: 25px;
    max-height: 25px;
  }

  .text-block-304 {
    margin-top: 12.5px;
    margin-bottom: 12.5px;
  }

  .div-block-3345 {
    border-radius: 15px;
    height: 55px;
    font-size: 20px;
  }

  .heading-379 {
    font-size: 20px;
    line-height: 20px;
  }

  .heading-380 {
    font-size: 9px;
    line-height: 9px;
  }

  .div-block-3346 {
    padding-left: 15px;
    padding-right: 15px;
  }

  .div-block-3347 {
    margin-left: 30px;
    margin-right: 30px;
  }

  .linkshare {
    min-width: 0;
  }

  .store {
    background-color: var(--black);
    height: 100vh;
    max-height: 100vh;
    position: relative;
    overflow: scroll;
  }

  .store.mono {
    background-color: #0000;
  }

  .div-block-3374 {
    display: none;
  }

  .div-block-3375 {
    margin-right: 0;
    padding-top: 0;
    padding-bottom: 0;
    display: block;
    overflow: visible;
  }

  .error-state-13 {
    border-radius: 0;
    justify-content: center;
    align-items: center;
    margin: 0;
    display: flex;
  }

  .out-of-stock-state-7 {
    justify-content: center;
    align-items: center;
    margin: 0;
    display: flex;
  }

  .collection-list-wrapper-70 {
    margin-bottom: 28px;
    overflow: visible;
  }

  .collection-list-101 {
    width: 270px;
    margin-bottom: 0;
  }

  .collection-item-87 {
    width: 150px;
    height: 100px;
  }

  .div-block-3382 {
    width: 270px;
    height: 270px;
    padding: 15px;
  }

  .div-block-3384 {
    width: auto;
    min-width: 0;
  }

  .button-66 {
    min-width: 120px;
  }

  .button-66.applepay.sidepadding {
    max-width: 200px;
  }

  .div-block-3386 {
    flex-wrap: wrap;
    justify-content: center;
  }

  .heading-390 {
    flex: 1;
    min-width: 150px;
  }

  .collection-item-88 {
    min-width: 230px;
  }

  .div-block-3392 {
    flex-wrap: wrap;
    justify-content: space-between;
  }

  .div-block-3394 {
    flex-wrap: wrap;
    max-width: 360px;
    margin-left: auto;
    margin-right: auto;
  }

  .div-block-3396 {
    flex: 1;
    min-width: 150px;
  }

  .animationwheel {
    margin: -20px;
  }

  .div-block-3402 {
    min-height: 350px;
    margin-top: auto;
  }

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

  .div-block-3404 {
    flex: 1;
  }

  .div-block-3405 {
    margin-top: auto;
    position: relative;
  }

  .heading-399 {
    align-items: center;
    height: 50px;
    display: flex;
  }

  .div-block-3412 {
    margin-left: auto;
  }

  .payment-info {
    padding: 10px;
  }

  .div-block-3415 {
    width: auto;
  }

  .text-block-312 {
    font-size: 15px;
    line-height: 5px;
  }

  .div-block-3419 {
    width: 10px;
    min-width: 10px;
    height: 10px;
    min-height: 10px;
  }

  .text-block-312-copy {
    font-size: 15px;
    line-height: 15px;
  }

  .div-block-3394-copy {
    flex-wrap: wrap;
  }

  .div-block-3396-copy {
    flex: 1;
    min-width: 150px;
  }

  .div-block-3426 {
    flex-direction: row;
    flex: 1;
  }

  .payment-info-copy {
    padding: 10px;
  }

  .userform {
    padding: 7.5px;
  }

  .div-block-3443 {
    flex: 1;
    width: auto;
    min-width: 150px;
  }

  .button-70 {
    flex-direction: row;
    flex: 1;
    justify-content: center;
    align-self: stretch;
    align-items: center;
    display: flex;
  }

  .button-70.w--ecommerce-pill-selected {
    border-width: 2px;
    flex-direction: column;
    flex: 1;
    justify-content: center;
    align-self: stretch;
    align-items: stretch;
    display: flex;
    overflow: visible;
  }

  .uiherodevice {
    width: 175px;
    min-width: 175px;
    height: 300px;
    min-height: 300px;
    margin-left: -47.5px;
    margin-right: -47.5px;
  }

  .div-block-3446 {
    width: auto;
  }

  .uicardcontain.large {
    min-width: 300px;
  }

  .uicardcontain.stack.nohight {
    min-height: 200px;
    max-height: 300px;
  }

  .uicardinformationpreviewcontain {
    min-width: 0;
    min-height: 300px;
  }

  .uicardinformationpreviewcontain.tall {
    flex: 1;
  }

  .uicardinformationpreviewcontain.noheight {
    min-height: 0;
  }

  .compatiblitycard.calculatr {
    padding: 30px;
  }

  .compatiblitycard.compact {
    min-width: 200px;
  }

  .div-block-3460 {
    margin-left: 0;
    margin-right: 0;
    padding: 0;
  }

  .div-block-3461 {
    min-width: 100px;
    height: 100px;
    min-height: 100px;
    max-height: 100px;
    margin: 4.5px 20.5px;
  }

  .image-136 {
    margin: 2px;
  }

  .subscription {
    position: relative;
  }

  .div-block-3468 {
    background-color: var(--white-smoke);
    margin-top: 3.5px;
    margin-bottom: 3.5px;
    padding: 5px;
  }

  .text-block-322, .div-block-3470 {
    margin-bottom: 3px;
    margin-left: 3px;
    margin-right: 3px;
  }

  .row-29 {
    grid-column-gap: 3px;
    grid-row-gap: 3px;
    flex-flow: wrap;
    justify-content: center;
  }

  .div-block-3482 {
    flex: 1;
    width: auto;
    min-width: 275px;
    margin-top: 7.5px;
    margin-left: 7.5px;
    margin-right: 7.5px;
  }

  .div-block-1948-copy, .div-block-1948-copy-copy {
    min-width: 150px;
    margin: 7.5px;
  }

  .oircle-ltd-logotype {
    width: 100%;
    height: 300px;
    margin-left: auto;
    margin-right: auto;
  }

  .uiadvertismentsubtitle {
    min-width: 200px;
    font-size: 15px;
    line-height: 20px;
  }

  .uiproductpromotionstore {
    padding-bottom: 45px;
  }

  .div-block-1948-copy {
    flex: 0 auto;
    min-width: 150px;
  }

  .cart-header-3 {
    background-color: var(--black);
    border: 1px solid #0000;
    border-radius: 15px;
    flex: 0 auto;
    justify-content: center;
    align-items: center;
    width: auto;
    height: auto;
    margin: 30px 66px;
    padding: 23px;
    display: flex;
    position: fixed;
    inset: auto 0% 0%;
  }

  .default-state-19 {
    flex-direction: column;
    align-self: stretch;
    padding-top: 0;
    display: block;
  }

  .cart-container-2 {
    width: auto;
  }

  .uicart {
    z-index: 2;
    min-width: 0;
    padding-top: 0;
    inset: auto 0% 0%;
  }

  .cart-header-4 {
    position: fixed;
    inset: auto 0% 0%;
  }

  .dynamiccontent {
    background-color: #0000;
    border: 1px #000;
    margin-left: 0;
    padding-left: 0;
    position: fixed;
    inset: 0% 0% auto;
  }

  .dynamicinformation {
    z-index: 1;
    margin-right: 0;
    position: absolute;
    inset: 0%;
  }

  .dynamiccart {
    background-color: #0000;
    border: 1px #000;
  }

  .nav2 {
    background-color: #0000;
  }

  .nav-menu-2 {
    z-index: 100;
    background-color: var(--white-smoke);
    border-radius: 20px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin: 15px;
    padding: 15px;
    position: absolute;
    inset: 0% 0% auto;
  }

  .web-payments-4 {
    flex: 1;
    max-width: none;
    margin: 2.5px;
  }

  .checkout-button-5 {
    flex: 1;
    width: auto;
    min-width: 100px;
    margin: 2.5px;
    padding: 15px;
  }

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

  .empty-state-21 {
    max-width: none;
    padding: 15px;
  }

  .uicartcart {
    z-index: 2;
    min-width: 0;
    padding-top: 0;
    inset: auto 0% 0%;
  }

  .heading-412 {
    font-size: 60px;
    line-height: 45px;
  }

  .cart-footer-5 {
    padding: 0 6px 5px;
    position: sticky;
    inset: auto 0% 120px;
  }

  .div-block-3394-copy {
    flex-wrap: wrap;
    margin-left: auto;
    margin-right: auto;
  }

  .web-payments-5-copy {
    display: block;
  }

  .div-block-3544 {
    flex: 1;
    min-width: 125px;
  }

  .div-block-3545 {
    flex: 1;
    min-width: 125px;
    margin: 15px;
  }

  .uiadvertismentforeground {
    width: 100%;
    min-width: 200px;
    height: 300px;
    margin-left: auto;
    margin-right: auto;
  }

  .iphone-14-pro-max-universal {
    margin-left: -44.5px;
    margin-right: -44.5px;
  }

  .div-block-3553 {
    flex: 1;
    align-self: stretch;
    min-width: 100px;
    min-height: 100px;
  }

  .div-block-3556 {
    flex-direction: row;
  }

  .div-block-3561 {
    min-width: 0;
  }

  .collection-item-89 {
    flex-direction: column;
  }

  .add-to-cart-10 {
    min-width: 0;
  }

  .div-block-3571 {
    min-width: 225px;
  }

  .div-block-3576 {
    padding: 10px;
  }

  .link-block-105 {
    grid-column-gap: 5px;
    grid-row-gap: 5px;
    min-width: 200px;
  }

  .div-block-3579, .div-block-3580 {
    display: none;
  }

  .button-79 {
    width: auto;
  }

  .div-block-3585 {
    width: 100px;
    height: 200px;
  }

  .uiherodevicesolor {
    width: 175px;
    min-width: 175px;
    height: 300px;
    min-height: 300px;
    margin-left: -47.5px;
    margin-right: -47.5px;
  }

  .iphonesolor {
    flex: 1;
    align-self: stretch;
    min-width: 100px;
    min-height: 100px;
  }

  .uicardinformationpreviewcontain-copy {
    min-width: 0;
  }

  .uicardinformationpreviewcontainsoloropp {
    min-width: 0;
    min-height: 300px;
  }

  .dynamiccontainer {
    width: auto;
    min-width: 0;
    margin-top: 0;
    padding: 15px 20px 15px 15px;
  }

  .dynamicmenu {
    background-color: #0000;
    border-style: none;
    min-height: 60px;
    margin-left: auto;
    margin-right: auto;
  }

  .dynamicmenubackground {
    display: none;
  }

  .staticlinks {
    margin-left: auto;
    padding-top: 0;
  }

  .nav-menu-3 {
    margin: 100px 20px 20px;
    padding-left: 0;
    position: fixed;
    inset: 0% 0% auto;
  }

  .nav-link-2 {
    min-width: 200px;
    margin: 0;
  }

  .nav-link-2.menuicon.search {
    min-width: 0;
    height: 60px;
    margin-top: 10px;
    margin-left: auto;
    margin-right: auto;
    position: relative;
  }

  .nav-link-2.menuicon.search:hover {
    flex: 1;
    margin-left: auto;
    margin-right: auto;
  }

  .nav-link-2.menuicon.menucart {
    background-color: #0000;
    order: -1;
    min-width: 75px;
    min-height: 75px;
    margin-left: auto;
  }

  .nav-link-2.menuicon.menucart:hover {
    background-image: none;
  }

  .basket {
    padding: 20px;
  }

  .text-block-356 {
    width: 60px;
  }

  .div-block-3597 {
    z-index: 2;
    text-align: center;
    border: 1px #000;
    border-radius: 20px;
    display: block;
    position: relative;
  }

  .text-block-357 {
    font-size: 30px;
    font-weight: 400;
    line-height: 30px;
  }

  .ceramic-shield, .ceramic-shield-3 {
    height: auto;
    margin-top: 0;
    margin-left: 0;
    margin-right: 0;
  }

  .margin-top {
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
  }

  .margin-top.margin-medium {
    position: absolute;
  }

  .slider-item.flex-horizontal.flex-vertical {
    padding-bottom: 10rem;
  }

  .slider-item.first {
    flex-direction: column;
    align-items: center;
    height: 25rem;
    padding-top: 1rem;
    padding-bottom: 1rem;
    display: flex;
  }

  .first-iphone {
    align-items: center;
    height: 70%;
    margin-right: 0%;
  }

  .ceramic-shield-2 {
    height: auto;
    margin-top: 0;
    margin-left: 0;
    margin-right: 0;
  }

  .padding-top {
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .flipcard-wrapper {
    width: 200px;
    min-width: 200px;
    height: 300px;
    min-height: 300px;
  }

  .flipcard-front {
    padding: 10px;
  }

  .flipcard-title {
    font-size: 30px;
    line-height: 35px;
  }

  .section-73 {
    background-color: var(--white-smoke);
  }

  .div-block-3618 {
    min-width: 200px;
  }

  .uinewsfeaturedarticles {
    padding: 0;
  }

  .div-block-3619 {
    width: 80vw;
    height: 30vh;
  }

  .newspromotedlistwrapper {
    margin-left: 0;
  }

  .collection-list-108 {
    flex-direction: column;
    align-items: stretch;
    display: block;
  }

  .collection-item-95 {
    align-self: stretch;
  }

  .div-block-3623 {
    padding: 20px;
  }

  .div-block-3626 {
    padding: 10px;
  }

  .link-block-111 {
    padding: 8px;
  }

  .section-75 {
    max-width: none;
    height: 165px;
  }

  .grid {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    height: 65vh;
    padding: 10px;
  }

  .gallery-photo-wrapper.side-box {
    padding: 25px;
  }

  .heading-445 {
    font-size: 20px;
    line-height: 20px;
  }

  .div-block-3641 {
    margin-left: 15px;
    margin-right: 15px;
  }

  .heading-445-copy {
    font-size: 30px;
    line-height: 30px;
  }

  .collection-item-98 {
    width: 200px;
  }

  .div-block-3648 {
    margin: 20px;
  }

  .g5-content-wrapper {
    flex-direction: column;
    display: flex;
  }

  .section-5g-grid {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    display: flex;
  }

  .padding-bottom {
    padding-top: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .padding-xlarge.padding-top {
    max-width: 250px;
    margin-top: 15px;
    margin-left: auto;
    margin-right: auto;
  }

  .margin-bottom {
    margin-top: 0;
    margin-left: 0;
    margin-right: 0;
  }

  .page-padding {
    padding: 20px;
  }

  .container-large-2 {
    max-width: none;
  }

  .g5-phone-image-wrapper {
    flex-direction: column;
    order: 1;
    display: flex;
  }

  .g5-phone-image-wrapper.margin-top.margin-huge {
    grid-column-gap: 15px;
    grid-row-gap: 15px;
    flex-direction: row;
  }

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

  .ios16-content-wrapper {
    padding: 43px;
  }

  .image-143 {
    max-width: 250px;
    margin-left: auto;
    margin-right: auto;
  }

  .image-144 {
    flex: 1;
    min-width: 200px;
    max-width: 250px;
    margin: 0 auto;
  }

  .div-block-3651 {
    min-width: 250px;
    overflow: hidden;
  }

  .div-block-3653.small {
    min-width: 200px;
    min-height: 200px;
  }

  .div-block-3653.small.padding.cap {
    overflow: visible;
  }

  .div-block-3653.small.padding.cap.horizontalpad, .div-block-3653.small.min {
    min-width: 200px;
  }

  .div-block-3653.padding.cap.align, .div-block-3653.max600 {
    min-width: 200px;
    padding: 50px;
  }

  .div-block-3654 {
    min-width: 175px;
  }

  .heading-449 {
    font-size: 35px;
    line-height: 40px;
  }

  .image-145 {
    flex: 1;
    order: -1;
    min-width: 200px;
    max-width: 250px;
    margin-left: auto;
    margin-right: auto;
  }

  .div-block-3661 {
    width: 95%;
    margin-left: auto;
    margin-right: auto;
  }

  .heading-450 {
    font-size: 20vw;
    line-height: 50px;
  }

  .text-span-92 {
    font-size: 30vw;
    top: 9px;
  }

  .heading-450-copy {
    font-size: 20vw;
    line-height: 50px;
  }

  .text-span-92-copy {
    font-size: 30vw;
    top: 9px;
  }

  .uisearchadvertismentforeground {
    width: 100%;
    height: 300px;
    margin-left: auto;
    margin-right: auto;
  }

  .div-block-3682 {
    flex: 1;
    padding-left: 75px;
    transform: scale(.7);
  }

  .uiherodevicesearch {
    width: 175px;
    min-width: 175px;
    height: 300px;
    min-height: 300px;
    margin-left: -47.5px;
    margin-right: -47.5px;
  }

  .uiherolargedevice {
    width: 425px;
    min-width: 425px;
    height: 300px;
    min-height: 300px;
    margin-left: -119.5px;
    margin-right: -119.5px;
  }

  .image-151 {
    margin-left: -3rem;
    margin-right: -3rem;
  }

  .div-block-3653-copy.small {
    min-width: 200px;
    min-height: 200px;
  }

  .div-block-3653-copy-copy {
    min-width: 200px;
    padding: 50px;
  }

  .div-block-3653-copy-copy.small {
    min-width: 200px;
    min-height: 200px;
  }

  .div-block-3654-copy {
    min-width: 175px;
  }

  .div-block-3713 {
    min-width: 0;
  }

  .div-block-3713-copy {
    min-width: 100vw;
  }

  .div-block-3716 {
    grid-column-gap: 5px;
    grid-row-gap: 5px;
    border-radius: 25px;
    flex-wrap: wrap;
    padding: 5px;
  }

  .div-block-3717 {
    width: auto;
    min-width: 65px;
    height: auto;
    min-height: 65px;
  }

  .div-block-56-copy {
    align-items: center;
    display: flex;
  }

  .div-block-3718 {
    grid-column-gap: 5px;
    grid-row-gap: 5px;
  }

  .heading-461 {
    font-size: 8px;
    line-height: 8px;
  }

  .operation-check-copy {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    min-width: 150px;
    margin-top: 10px;
    margin-bottom: 10px;
    padding-left: 35px;
    padding-right: 35px;
    display: flex;
  }

  .div-block-3723 {
    flex-wrap: wrap;
  }

  .div-block-3723._1 {
    padding: 12px;
  }

  .div-block-3726-copy-copy, .div-block-3726-copy-copy-copy {
    right: 50px;
  }

  .containbasket {
    min-width: 200px;
    margin: 0;
  }

  .containbasket.menuicon.search {
    min-width: 0;
    height: 60px;
    margin-top: 10px;
    margin-left: auto;
    margin-right: auto;
    position: relative;
  }

  .containbasket.menuicon.search:hover {
    flex: 1;
    margin-left: auto;
    margin-right: auto;
  }

  .containbasket.menuicon.menucart {
    background-color: #0000;
    order: -1;
    min-width: 75px;
    min-height: 75px;
    margin-left: auto;
  }

  .containbasket.menuicon.menucart:hover {
    background-image: none;
  }

  .div-block-3743-search-filter:hover {
    transform: translate(0, -240px);
  }

  .div-block-3746.store {
    background-color: #0000;
    height: 35px;
    max-height: 35px;
  }

  .div-block-3743-copy:hover {
    transform: translate(0, -190px);
  }

  .div-block-3743-copy-button:hover {
    transform: translate(-52px, -305px);
  }

  .div-block-3743-copy-copy-copy {
    display: none;
  }

  .div-block-3743-copy-copy-copy:hover {
    transform: translate(0, -190px);
  }

  .uiadvertismentforeground-copy {
    width: 100%;
    height: 300px;
    margin-left: auto;
    margin-right: auto;
  }

  .adaptive {
    background-color: var(--black);
    height: 100vh;
    max-height: 100vh;
    position: relative;
    overflow: scroll;
  }

  .adaptive.mono {
    background-color: #0000;
  }

  .section-62-copy {
    border-radius: 0;
    margin-top: 100vh;
    padding: 25px 25px 205px;
  }

  .div-block-3374-copy {
    display: none;
  }

  .div-block-1671-copy, .adaptivedefaultcontain {
    flex-direction: row;
    justify-content: flex-start;
    align-items: stretch;
    width: 100vw;
    margin-left: 0;
    margin-right: 0;
    padding-left: 0;
  }

  .adaptiveimagelist {
    flex-direction: row;
    justify-content: flex-start;
    align-items: stretch;
    width: 100vw;
    display: flex;
    overflow: scroll;
  }

  .adaptivedefault {
    margin: 0;
  }

  .adaptiveprice {
    color: var(--white);
    flex: 1;
    margin-left: 7.5px;
    margin-right: 7.5px;
    font-size: 25px;
    line-height: 35px;
  }

  .options-copy {
    z-index: 2;
    background-color: var(--black);
    border-radius: 45px;
    width: auto;
    margin-bottom: -1.5vh;
    margin-left: 35px;
    margin-right: 35px;
    padding: 5px;
    position: absolute;
    inset: auto 0% 0%;
    overflow: hidden;
  }

  .product-option-list-copy-copy {
    flex-wrap: nowrap;
    justify-content: space-between;
  }

  .productoptionlistcontain-copy {
    position: relative;
    inset: 0%;
  }

  .productoptionlistcontain-copy.maxw {
    flex: 1;
    max-width: 175px;
  }

  .productoptionlistcontain-copy.maxw.fulst {
    flex: 1;
    max-width: none;
    overflow: hidden;
  }

  .adapveimagelistcontain {
    flex-direction: row;
    justify-content: center;
    align-items: stretch;
    width: 100vw;
    display: flex;
  }

  .adaptiveimageitemcontain {
    height: 100%;
    display: block;
  }

  .adaptiveimageitem {
    width: 150vw;
    min-width: 150vw;
    height: 100%;
    min-height: 100%;
    padding: 0;
  }

  .text-block-10-copy {
    font-size: 34px;
    line-height: 34px;
  }

  .searchmenu:hover {
    width: 310px;
    height: 65px;
  }

  .dynamic-search-content {
    width: auto;
  }

  .cart-container:hover {
    flex: 0 auto;
    width: 90vw;
    height: 850px;
  }

  .div-block-3743-copy-button-copy:hover, .div-block-3743-copy-button-copy-copy:hover {
    transform: translate(0, -305px);
  }

  .div-block-3854 {
    width: 100%;
    padding: 17px;
  }

  .button-92 {
    height: 65px;
  }

  .div-block-3852-copy {
    width: 100%;
  }

  .div-block-3852-copy.blur {
    width: 100%;
    top: -26%;
  }

  .div-block-3743-copy-button-copy:hover {
    transform: translate(0, -305px);
  }

  .uiadvertismentforeground-copy {
    width: 100%;
    min-width: 200px;
    height: 300px;
    margin-left: auto;
    margin-right: auto;
  }

  .sound:hover {
    transform: translate(0, -305px);
  }

  .div-block-3743-search-filter-copy:hover, .podcastinfo:hover {
    transform: translate(0, -240px);
  }

  .podcastupnext:hover, .podcastoptions:hover, .podcastplaypodcast:hover {
    transform: translate(0, -190px);
  }

  .div-block-3743-search-filter-copy-copy:hover {
    transform: translate(0, -240px);
  }

  .sound-copy:hover {
    transform: translate(0, -305px);
  }

  .podcastinfo-copy:hover {
    transform: translate(0, -240px);
  }

  .podcastupnext-copy:hover {
    transform: translate(0, -190px);
  }

  .sound-copy-copy:hover {
    transform: translate(0, -305px);
  }

  .podcastinfo-copy-copy:hover {
    transform: translate(0, -240px);
  }

  .podcastepisodeplaycontain:hover, .podcastplaylatestpodcast:hover, .podcastwebsitepodcast:hover, .podcastplaypodcast-copy-copy-copy-copy:hover, .podcastshareoptions:hover {
    transform: translate(0, -190px);
  }

  .promotioncard {
    min-width: 200px;
    min-height: 200px;
  }

  .promotionimage {
    width: 100%;
    height: 300px;
    margin-left: auto;
    margin-right: auto;
  }

  .div-block-3904 {
    min-width: 200px;
  }

  .promotionheading {
    font-size: 20px;
    line-height: 20px;
  }

  .div-block-3905 {
    min-width: 200px;
  }

  .div-block-3906 {
    padding-left: 10px;
  }
}

#w-node-cb979dc9-7799-4d92-5253-da440263b0f7-e6d33824, #w-node-b0cbcb20-0464-1e4f-8425-0c59e6d33826-e6d33824 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_3a11027e-e78b-a225-2bca-0bc1780c8417-8fe1e189 {
  grid-area: 3 / 4 / 4 / 5;
}

#w-node-_3a11027e-e78b-a225-2bca-0bc1780c8419-8fe1e189 {
  grid-area: 2 / 3 / 4 / 4;
}

#w-node-_3a11027e-e78b-a225-2bca-0bc1780c841c-8fe1e189 {
  grid-area: 2 / 2 / 4 / 3;
}

#w-node-_3a11027e-e78b-a225-2bca-0bc1780c8422-8fe1e189 {
  grid-area: 3 / 5 / 5 / 6;
}

#w-node-_3a11027e-e78b-a225-2bca-0bc1780c8425-8fe1e189 {
  grid-area: 3 / 6 / 5 / 7;
}

#w-node-_3a11027e-e78b-a225-2bca-0bc1780c8431-8fe1e189 {
  grid-area: 1 / 6 / 3 / 7;
}

#w-node-_3a11027e-e78b-a225-2bca-0bc1780c8434-8fe1e189 {
  grid-area: 4 / 2 / 6 / 3;
}

#w-node-_3a11027e-e78b-a225-2bca-0bc1780c8446-8fe1e189 {
  grid-area: 5 / 3 / 7 / 6;
}

#w-node-_3a11027e-e78b-a225-2bca-0bc1780c8411-8fe1e189, #w-node-_92ca1da1-48e2-998d-4eae-dd674be26c24-8fe1e189 {
  grid-area: span 2 / span 1 / span 2 / span 1;
}

#w-node-c28853ee-b4da-4878-65aa-40a7d85cd158-8fe1e215, #w-node-c28853ee-b4da-4878-65aa-40a7d85cd15e-8fe1e215 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-c28853ee-b4da-4878-65aa-40a7d85cd164-8fe1e215, #w-node-c28853ee-b4da-4878-65aa-40a7d85cd166-8fe1e215 {
  grid-area: span 2 / span 3 / span 2 / span 3;
}

#w-node-c28853ee-b4da-4878-65aa-40a7d85cd16e-8fe1e215, #w-node-c28853ee-b4da-4878-65aa-40a7d85cd170-8fe1e215, #w-node-c28853ee-b4da-4878-65aa-40a7d85cd174-8fe1e215 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_7928b429-d876-f12a-b9af-31e45bec819a-8fe1e216 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-f506785d-912a-4f7c-67fb-596d92c35ca1-8fe1e283 {
  grid-area: 1 / 2 / 2 / 3;
}

#w-node-_2682ec34-5f84-a550-5e7b-9f9e10dcd5ce-8fe1e283 {
  order: 0;
}

#w-node-_0ca11c2c-0243-2631-5fc9-32d1de14c336-8fe1e2a5 {
  grid-area: span 1 / span 5 / span 1 / span 5;
}

#w-node-_0ca11c2c-0243-2631-5fc9-32d1de14c33d-8fe1e2a5 {
  grid-area: 1 / 7 / 2 / 12;
}

#w-node-db8f6e48-61f4-f418-6d7a-a851817c6f89-8fe1e2a5 {
  grid-area: span 1 / span 12 / span 1 / span 12;
}

#w-node-c022d54b-9dd9-7a2d-e635-f0dbc78c1464-8fe1e2be {
  grid-area: 2 / 1 / 3 / 3;
  place-self: center;
}

#w-node-b585ece7-9f19-bfa3-3181-d8950232e0ee-8fe1e2be {
  grid-area: 3 / 2 / 4 / 5;
}

#w-node-bd0dbadb-4f8f-9bfc-9ff3-13354fb6a2fe-8fe1e2be {
  grid-area: 5 / 5 / 6 / 6;
}

#w-node-e89c96d5-02b2-1460-b54b-3f79f0a47729-8fe1e2be {
  grid-area: 5 / 1 / 6 / 3;
}

#w-node-f43b2093-1a6d-e61e-ecb1-e6c53bfcb6e4-8fe1e2be {
  grid-area: 2 / 5 / 3 / 7;
  place-self: center;
}

#w-node-f43b2093-1a6d-e61e-ecb1-e6c53bfcb6e6-8fe1e2be {
  grid-area: 3 / 2 / 4 / 5;
}

#w-node-ecb08b98-2359-60cf-8531-4c578380be62-8fe1e2be {
  grid-area: 5 / 1 / 6 / 3;
  place-self: center;
}

#w-node-ecb08b98-2359-60cf-8531-4c578380be64-8fe1e2be {
  grid-area: 3 / 2 / 4 / 5;
}

#w-node-_7f027491-4635-48d4-17a4-ebe04e846221-8fe1e2be {
  grid-area: 2 / 5 / 3 / 7;
  place-self: center;
}

#w-node-_538b6779-b434-0030-fd5d-b985e10e2197-8fe1e2be {
  grid-area: 3 / 4 / 4 / 7;
}

#w-node-_7f027491-4635-48d4-17a4-ebe04e846223-8fe1e2be {
  grid-area: 3 / 1 / 4 / 4;
}

#w-node-a69d65ba-3390-9048-4dba-e619fbc3d69a-8fe1e2be {
  grid-area: 1 / 1 / 6 / 6;
}

#urlProfileContain.w-node-d15f63b3-79ba-10d0-bff8-09b7f2c94723-8fe1e37b {
  grid-area: 9 / 11 / 14 / 16;
  place-self: stretch stretch;
}

#w-node-f50a96ea-10ab-b74a-abb2-0cd56cbd06b3-8fe1e37b {
  grid-area: 11 / 9 / 12 / 10;
  place-self: center;
}

#w-node-_6cf9802b-3027-5f0f-c3a8-f132576fee96-8fe1e37b {
  grid-area: 12 / 10 / 13 / 11;
  place-self: center;
}

#w-node-_2362985e-f510-2087-d133-5612cf7b72e1-8fe1e37b {
  grid-area: 10 / 10 / 11 / 11;
  place-self: center;
}

#w-node-ece46d61-dc58-8c2a-292e-290e53c961e9-8fe1e37b {
  grid-area: 7 / 13 / 8 / 14;
  place-self: center;
}

#w-node-_3370ab1b-d2d9-74f7-3133-5cd0e1d11c1f-8fe1e37b {
  grid-area: 8 / 12 / 9 / 13;
  place-self: center;
}

#w-node-_7fe77035-e8d3-b0f7-59dc-aaeafa9b1bfb-8fe1e37b {
  grid-area: 8 / 14 / 9 / 15;
  place-self: center;
}

#w-node-a8acb07f-318f-07bf-bf09-45b661f3f470-8fe1e37b {
  grid-area: 11 / 17 / 12 / 18;
  place-self: center;
}

#w-node-_818f0b78-58bc-7d6d-2d21-6b0bac3269e3-8fe1e37b {
  grid-area: 10 / 16 / 11 / 17;
  place-self: center;
}

#w-node-ad126dcf-dce3-7284-de3e-83e3b32cb4b7-8fe1e37b {
  grid-area: 12 / 16 / 13 / 17;
  place-self: center;
}

#w-node-_8117ad1d-1c75-b08a-d1bd-776c6362eb05-8fe1e37b {
  grid-area: 15 / 13 / 16 / 14;
  place-self: center;
}

#w-node-_4943500c-8a4b-3966-7b59-2484c7956850-8fe1e37b {
  grid-area: 14 / 12 / 15 / 13;
  place-self: center;
}

#w-node-_1344770f-face-d2be-d5a3-f80941cdcb47-8fe1e37b {
  grid-area: 14 / 14 / 15 / 15;
  place-self: center;
}

#w-node-_0ba4a688-706a-79a6-d4a2-50c36163e93a-8fe1e37b {
  grid-area: 8 / 10 / 10 / 12;
  place-self: stretch stretch;
}

#w-node-dec70313-6559-8967-5658-9cbb7d3ea657-8fe1e37b {
  grid-area: 8 / 15 / 10 / 17;
  place-self: stretch stretch;
}

#w-node-_232a9d48-8535-27e2-415c-d6ee8aa9088b-8fe1e37b {
  grid-area: 13 / 15 / 15 / 17;
  place-self: stretch stretch;
}

#w-node-cbf92719-12b8-a3f0-9506-f737f9a81cf8-8fe1e37b {
  grid-area: 13 / 10 / 15 / 12;
  place-self: stretch stretch;
}

#w-node-_75767984-399b-58b7-130a-f44b8a24a76c-8fe1e37b {
  grid-area: 8 / 9 / 9 / 10;
  place-self: center;
}

#w-node-fae7790e-1605-4c94-93ef-50a89c48c1b1-8fe1e37b {
  grid-area: 7 / 10 / 8 / 11;
  place-self: center;
}

#w-node-_226b6684-e026-3e21-3573-942e32d5491b-8fe1e37b {
  grid-area: 7 / 16 / 8 / 17;
  place-self: center;
}

#w-node-c22d8393-dabc-2371-369e-378e0485eb86-8fe1e37b {
  grid-area: 8 / 17 / 9 / 18;
  place-self: center;
}

#w-node-_650e6664-0e9f-a017-c700-eb67dc420828-8fe1e37b {
  grid-area: 14 / 17 / 15 / 18;
  place-self: center;
}

#w-node-_53c02fd7-0f7b-5dd7-e52c-143b179cb74f-8fe1e37b {
  grid-area: 15 / 16 / 16 / 17;
  place-self: center;
}

#w-node-fa6a756f-5d16-ce3a-6fed-c8d5ebeb7c9b-8fe1e37b {
  grid-area: 15 / 10 / 16 / 11;
  place-self: center;
}

#w-node-_7a042642-173e-827d-7ff7-a29f31e4880a-8fe1e37b {
  grid-area: 14 / 9 / 15 / 10;
  place-self: center;
}

#w-node-_2af51f64-ed83-e835-c549-38ab47f7a349-8fe1e37b {
  grid-area: 15 / 11 / 17 / 13;
  place-self: stretch stretch;
}

#w-node-_9267a247-2da4-13c6-64a8-55a9791e9de1-8fe1e37b {
  grid-area: 6 / 14 / 8 / 16;
  place-self: stretch stretch;
}

#w-node-f4c9bbe9-0f53-9b6d-bb3a-d7c1e8b722ca-8fe1e37b {
  grid-area: 9 / 17 / 11 / 19;
  place-self: stretch stretch;
}

#w-node-_1e5df1ed-e19f-d319-02ae-5b2add7a29d3-8fe1e37b {
  grid-area: 12 / 17 / 14 / 19;
  place-self: stretch stretch;
}

#w-node-_63311078-020c-3c04-c313-b80db18fa25e-8fe1e37b {
  grid-area: 15 / 14 / 17 / 16;
  place-self: stretch stretch;
}

#w-node-a3db53eb-2fe4-717f-0ebc-1c70d04a99ba-8fe1e37b {
  grid-area: 12 / 8 / 14 / 10;
  place-self: stretch stretch;
}

#w-node-_3951483a-4c1e-3039-e10c-5ec4850a47d0-8fe1e37b {
  grid-area: 9 / 8 / 11 / 10;
  place-self: stretch stretch;
}

#w-node-_13ca0679-88e1-7566-6e71-ecf8c8dbae47-8fe1e37b {
  grid-area: 6 / 11 / 8 / 13;
  place-self: stretch stretch;
}

#w-node-_7f47f5f4-3106-8f01-a9e0-456688ad773c-8fe1e392 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-c11894a3-c902-3224-7596-9539af3a90d6-8fe1e3cb {
  grid-area: span 1 / span 3 / span 1 / span 3;
}

#w-node-fa0b8c80-f4fe-a3bb-e406-9326d4e2d1cc-8fe1e4d2 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#urlProfileContain.w-node-_04482281-d4f3-a2af-4155-3e225c5f3426-8fe1e519 {
  grid-area: 9 / 12 / 14 / 17;
  place-self: stretch stretch;
}

#w-node-_04482281-d4f3-a2af-4155-3e225c5f3437-8fe1e519 {
  grid-area: 11 / 10 / 12 / 10;
  place-self: center;
}

#w-node-_04482281-d4f3-a2af-4155-3e225c5f3438-8fe1e519 {
  grid-area: 12 / 11 / 13 / 11;
  place-self: center;
}

#w-node-_04482281-d4f3-a2af-4155-3e225c5f3439-8fe1e519 {
  grid-area: 10 / 11 / 11 / 11;
  place-self: center;
}

#w-node-_04482281-d4f3-a2af-4155-3e225c5f343a-8fe1e519 {
  grid-area: 7 / 14 / 8 / 14;
  place-self: center;
}

#w-node-_04482281-d4f3-a2af-4155-3e225c5f343b-8fe1e519 {
  grid-area: 8 / 13 / 9 / 13;
  place-self: center;
}

#w-node-_04482281-d4f3-a2af-4155-3e225c5f343c-8fe1e519 {
  grid-area: 8 / 15 / 9 / 15;
  place-self: center;
}

#w-node-_04482281-d4f3-a2af-4155-3e225c5f343d-8fe1e519 {
  grid-area: 11 / 18 / 12 / 18;
  place-self: center;
}

#w-node-_04482281-d4f3-a2af-4155-3e225c5f343e-8fe1e519 {
  grid-area: 10 / 17 / 11 / 17;
  place-self: center;
}

#w-node-_04482281-d4f3-a2af-4155-3e225c5f343f-8fe1e519 {
  grid-area: 12 / 17 / 13 / 17;
  place-self: center;
}

#w-node-_04482281-d4f3-a2af-4155-3e225c5f3440-8fe1e519 {
  grid-area: 15 / 14 / 16 / 14;
  place-self: center;
}

#w-node-_04482281-d4f3-a2af-4155-3e225c5f3441-8fe1e519 {
  grid-area: 14 / 13 / 15 / 13;
  place-self: center;
}

#w-node-_04482281-d4f3-a2af-4155-3e225c5f3442-8fe1e519 {
  grid-area: 14 / 15 / 15 / 15;
  place-self: center;
}

#settings.w-node-_04482281-d4f3-a2af-4155-3e225c5f3443-8fe1e519 {
  grid-area: 8 / 11 / 10 / 13;
  place-self: stretch stretch;
}

#w-node-_04482281-d4f3-a2af-4155-3e225c5f3444-8fe1e519 {
  grid-area: 8 / 16 / 10 / 18;
  place-self: stretch stretch;
}

#w-node-_04482281-d4f3-a2af-4155-3e225c5f3445-8fe1e519 {
  grid-area: 13 / 16 / 15 / 18;
  place-self: stretch stretch;
}

#w-node-_04482281-d4f3-a2af-4155-3e225c5f3446-8fe1e519 {
  grid-area: 13 / 11 / 15 / 13;
  place-self: stretch stretch;
}

#w-node-_04482281-d4f3-a2af-4155-3e225c5f3447-8fe1e519 {
  grid-area: 8 / 10 / 9 / 10;
  place-self: center;
}

#w-node-_04482281-d4f3-a2af-4155-3e225c5f3448-8fe1e519 {
  grid-area: 7 / 11 / 8 / 11;
  place-self: center;
}

#w-node-_04482281-d4f3-a2af-4155-3e225c5f3449-8fe1e519 {
  grid-area: 7 / 18 / 8 / 17;
  place-self: center;
}

#w-node-_04482281-d4f3-a2af-4155-3e225c5f344a-8fe1e519 {
  grid-area: 8 / 18 / 9 / 18;
  place-self: center;
}

#w-node-_04482281-d4f3-a2af-4155-3e225c5f344b-8fe1e519 {
  grid-area: 14 / 18 / 15 / 18;
  place-self: center;
}

#w-node-_04482281-d4f3-a2af-4155-3e225c5f344c-8fe1e519 {
  grid-area: 15 / 17 / 16 / 17;
  place-self: center;
}

#w-node-_04482281-d4f3-a2af-4155-3e225c5f344d-8fe1e519 {
  grid-area: 15 / 11 / 16 / 11;
  place-self: center;
}

#w-node-_04482281-d4f3-a2af-4155-3e225c5f344e-8fe1e519 {
  grid-area: 14 / 10 / 15 / 10;
  place-self: center;
}

#w-node-_04482281-d4f3-a2af-4155-3e225c5f344f-8fe1e519 {
  grid-area: 15 / 12 / 17 / 14;
  place-self: stretch stretch;
}

#w-node-_04482281-d4f3-a2af-4155-3e225c5f3450-8fe1e519 {
  grid-area: 6 / 15 / 8 / 17;
  place-self: stretch stretch;
}

#w-node-_04482281-d4f3-a2af-4155-3e225c5f3451-8fe1e519 {
  grid-area: 9 / 18 / 11 / 20;
  place-self: stretch stretch;
}

#w-node-_04482281-d4f3-a2af-4155-3e225c5f3452-8fe1e519 {
  grid-area: 12 / 18 / 14 / 20;
  place-self: stretch stretch;
}

#w-node-_04482281-d4f3-a2af-4155-3e225c5f3453-8fe1e519 {
  grid-area: 15 / 15 / 17 / 17;
  place-self: stretch stretch;
}

#w-node-_04482281-d4f3-a2af-4155-3e225c5f3454-8fe1e519 {
  grid-area: 12 / 9 / 14 / 11;
  place-self: stretch stretch;
}

#w-node-_04482281-d4f3-a2af-4155-3e225c5f3455-8fe1e519 {
  grid-area: 9 / 9 / 11 / 11;
  place-self: stretch stretch;
}

#w-node-_04482281-d4f3-a2af-4155-3e225c5f3456-8fe1e519 {
  grid-area: 6 / 12 / 8 / 14;
  place-self: stretch stretch;
}

#urlProfileContain.w-node-_00095212-6f8b-3366-5855-1d5bbca1a587-98b76e54 {
  grid-area: 9 / 11 / 14 / 16;
  place-self: stretch stretch;
}

#w-node-_00095212-6f8b-3366-5855-1d5bbca1a598-98b76e54 {
  grid-area: 11 / 9 / 12 / 10;
  place-self: center;
}

#w-node-_00095212-6f8b-3366-5855-1d5bbca1a599-98b76e54 {
  grid-area: 12 / 10 / 13 / 11;
  place-self: center;
}

#w-node-_00095212-6f8b-3366-5855-1d5bbca1a59a-98b76e54 {
  grid-area: 10 / 10 / 11 / 11;
  place-self: center;
}

#w-node-_00095212-6f8b-3366-5855-1d5bbca1a59b-98b76e54 {
  grid-area: 7 / 13 / 8 / 14;
  place-self: center;
}

#w-node-_00095212-6f8b-3366-5855-1d5bbca1a59c-98b76e54 {
  grid-area: 8 / 12 / 9 / 13;
  place-self: center;
}

#w-node-_00095212-6f8b-3366-5855-1d5bbca1a59d-98b76e54 {
  grid-area: 8 / 14 / 9 / 15;
  place-self: center;
}

#w-node-_00095212-6f8b-3366-5855-1d5bbca1a59e-98b76e54 {
  grid-area: 11 / 17 / 12 / 18;
  place-self: center;
}

#w-node-_00095212-6f8b-3366-5855-1d5bbca1a59f-98b76e54 {
  grid-area: 10 / 16 / 11 / 17;
  place-self: center;
}

#w-node-_00095212-6f8b-3366-5855-1d5bbca1a5a0-98b76e54 {
  grid-area: 12 / 16 / 13 / 17;
  place-self: center;
}

#w-node-_00095212-6f8b-3366-5855-1d5bbca1a5a1-98b76e54 {
  grid-area: 15 / 13 / 16 / 14;
  place-self: center;
}

#w-node-_00095212-6f8b-3366-5855-1d5bbca1a5a2-98b76e54 {
  grid-area: 14 / 12 / 15 / 13;
  place-self: center;
}

#w-node-_00095212-6f8b-3366-5855-1d5bbca1a5a3-98b76e54 {
  grid-area: 14 / 14 / 15 / 15;
  place-self: center;
}

#w-node-_00095212-6f8b-3366-5855-1d5bbca1a5a4-98b76e54 {
  grid-area: 8 / 10 / 10 / 12;
  place-self: stretch stretch;
}

#w-node-_00095212-6f8b-3366-5855-1d5bbca1a5a5-98b76e54 {
  grid-area: 8 / 15 / 10 / 17;
  place-self: stretch stretch;
}

#w-node-_00095212-6f8b-3366-5855-1d5bbca1a5a6-98b76e54 {
  grid-area: 13 / 15 / 15 / 17;
  place-self: stretch stretch;
}

#w-node-_00095212-6f8b-3366-5855-1d5bbca1a5a7-98b76e54 {
  grid-area: 13 / 10 / 15 / 12;
  place-self: stretch stretch;
}

#w-node-_00095212-6f8b-3366-5855-1d5bbca1a5a8-98b76e54 {
  grid-area: 8 / 9 / 9 / 10;
  place-self: center;
}

#w-node-_00095212-6f8b-3366-5855-1d5bbca1a5a9-98b76e54 {
  grid-area: 7 / 10 / 8 / 11;
  place-self: center;
}

#w-node-_00095212-6f8b-3366-5855-1d5bbca1a5aa-98b76e54 {
  grid-area: 7 / 16 / 8 / 17;
  place-self: center;
}

#w-node-_00095212-6f8b-3366-5855-1d5bbca1a5ab-98b76e54 {
  grid-area: 8 / 17 / 9 / 18;
  place-self: center;
}

#w-node-_00095212-6f8b-3366-5855-1d5bbca1a5ac-98b76e54 {
  grid-area: 14 / 17 / 15 / 18;
  place-self: center;
}

#w-node-_00095212-6f8b-3366-5855-1d5bbca1a5ad-98b76e54 {
  grid-area: 15 / 16 / 16 / 17;
  place-self: center;
}

#w-node-_00095212-6f8b-3366-5855-1d5bbca1a5ae-98b76e54 {
  grid-area: 15 / 10 / 16 / 11;
  place-self: center;
}

#w-node-_00095212-6f8b-3366-5855-1d5bbca1a5af-98b76e54 {
  grid-area: 14 / 9 / 15 / 10;
  place-self: center;
}

#w-node-_00095212-6f8b-3366-5855-1d5bbca1a5b0-98b76e54 {
  grid-area: 15 / 11 / 17 / 13;
  place-self: stretch stretch;
}

#w-node-_00095212-6f8b-3366-5855-1d5bbca1a5b1-98b76e54 {
  grid-area: 6 / 14 / 8 / 16;
  place-self: stretch stretch;
}

#w-node-_00095212-6f8b-3366-5855-1d5bbca1a5b2-98b76e54 {
  grid-area: 9 / 17 / 11 / 19;
  place-self: stretch stretch;
}

#w-node-_00095212-6f8b-3366-5855-1d5bbca1a5b3-98b76e54 {
  grid-area: 12 / 17 / 14 / 19;
  place-self: stretch stretch;
}

#w-node-_00095212-6f8b-3366-5855-1d5bbca1a5b4-98b76e54 {
  grid-area: 15 / 14 / 17 / 16;
  place-self: stretch stretch;
}

#w-node-_00095212-6f8b-3366-5855-1d5bbca1a5b5-98b76e54 {
  grid-area: 12 / 8 / 14 / 10;
  place-self: stretch stretch;
}

#w-node-_00095212-6f8b-3366-5855-1d5bbca1a5b6-98b76e54 {
  grid-area: 9 / 8 / 11 / 10;
  place-self: stretch stretch;
}

#w-node-_00095212-6f8b-3366-5855-1d5bbca1a5b7-98b76e54 {
  grid-area: 6 / 11 / 8 / 13;
  place-self: stretch stretch;
}

#accountIcon.w-node-e941cfc5-1cf1-e7fb-647c-be314fb659bd-98b76e54 {
  grid-area: 3 / 4 / 4 / 5;
}

#w-node-e941cfc5-1cf1-e7fb-647c-be314fb659bf-98b76e54 {
  grid-area: 2 / 3 / 4 / 4;
}

#w-node-e941cfc5-1cf1-e7fb-647c-be314fb659c2-98b76e54 {
  grid-area: 2 / 2 / 4 / 3;
}

#w-node-e941cfc5-1cf1-e7fb-647c-be314fb659c5-98b76e54 {
  grid-area: 3 / 5 / 5 / 6;
}

#w-node-e941cfc5-1cf1-e7fb-647c-be314fb659c8-98b76e54 {
  grid-area: 3 / 6 / 5 / 7;
}

#w-node-e941cfc5-1cf1-e7fb-647c-be314fb659cb-98b76e54 {
  grid-area: 1 / 6 / 3 / 7;
}

#w-node-e941cfc5-1cf1-e7fb-647c-be314fb659ce-98b76e54 {
  grid-area: 4 / 2 / 6 / 3;
}

#OircleID.w-node-e941cfc5-1cf1-e7fb-647c-be314fb659d1-98b76e54 {
  grid-area: 5 / 3 / 7 / 6;
}

#w-node-e941cfc5-1cf1-e7fb-647c-be314fb659f6-98b76e54, #w-node-e941cfc5-1cf1-e7fb-647c-be314fb65a2f-98b76e54 {
  grid-area: span 2 / span 1 / span 2 / span 1;
}

#urlProfileContain.w-node-_8e3e60a5-c943-7c45-8bd7-d02fe85a0f3c-4505e633 {
  grid-area: 9 / 12 / 14 / 17;
  place-self: stretch stretch;
}

#w-node-_8e3e60a5-c943-7c45-8bd7-d02fe85a0f4d-4505e633 {
  grid-area: 11 / 10 / 12 / 10;
  place-self: center;
}

#w-node-_8e3e60a5-c943-7c45-8bd7-d02fe85a0f4e-4505e633 {
  grid-area: 12 / 11 / 13 / 11;
  place-self: center;
}

#w-node-_8e3e60a5-c943-7c45-8bd7-d02fe85a0f4f-4505e633 {
  grid-area: 10 / 11 / 11 / 11;
  place-self: center;
}

#w-node-_8e3e60a5-c943-7c45-8bd7-d02fe85a0f50-4505e633 {
  grid-area: 7 / 14 / 8 / 14;
  place-self: center;
}

#w-node-_8e3e60a5-c943-7c45-8bd7-d02fe85a0f51-4505e633 {
  grid-area: 8 / 13 / 9 / 13;
  place-self: center;
}

#w-node-_8e3e60a5-c943-7c45-8bd7-d02fe85a0f52-4505e633 {
  grid-area: 8 / 15 / 9 / 15;
  place-self: center;
}

#w-node-_8e3e60a5-c943-7c45-8bd7-d02fe85a0f53-4505e633 {
  grid-area: 11 / 18 / 12 / 18;
  place-self: center;
}

#w-node-_8e3e60a5-c943-7c45-8bd7-d02fe85a0f54-4505e633 {
  grid-area: 10 / 17 / 11 / 17;
  place-self: center;
}

#w-node-_8e3e60a5-c943-7c45-8bd7-d02fe85a0f55-4505e633 {
  grid-area: 12 / 17 / 13 / 17;
  place-self: center;
}

#w-node-_8e3e60a5-c943-7c45-8bd7-d02fe85a0f56-4505e633 {
  grid-area: 15 / 14 / 16 / 14;
  place-self: center;
}

#w-node-_8e3e60a5-c943-7c45-8bd7-d02fe85a0f57-4505e633 {
  grid-area: 14 / 13 / 15 / 13;
  place-self: center;
}

#w-node-_8e3e60a5-c943-7c45-8bd7-d02fe85a0f58-4505e633 {
  grid-area: 14 / 15 / 15 / 15;
  place-self: center;
}

#settings.w-node-_8e3e60a5-c943-7c45-8bd7-d02fe85a0f59-4505e633 {
  grid-area: 8 / 11 / 10 / 13;
  place-self: stretch stretch;
}

#w-node-_8e3e60a5-c943-7c45-8bd7-d02fe85a0f5c-4505e633 {
  grid-area: 8 / 16 / 10 / 18;
  place-self: stretch stretch;
}

#w-node-_8e3e60a5-c943-7c45-8bd7-d02fe85a0f5f-4505e633 {
  grid-area: 13 / 16 / 15 / 18;
  place-self: stretch stretch;
}

#w-node-_8e3e60a5-c943-7c45-8bd7-d02fe85a0f62-4505e633 {
  grid-area: 13 / 11 / 15 / 13;
  place-self: stretch stretch;
}

#w-node-_8e3e60a5-c943-7c45-8bd7-d02fe85a0f65-4505e633 {
  grid-area: 8 / 10 / 9 / 10;
  place-self: center;
}

#w-node-_8e3e60a5-c943-7c45-8bd7-d02fe85a0f66-4505e633 {
  grid-area: 7 / 11 / 8 / 11;
  place-self: center;
}

#w-node-_8e3e60a5-c943-7c45-8bd7-d02fe85a0f67-4505e633 {
  grid-area: 7 / 18 / 8 / 17;
  place-self: center;
}

#w-node-_8e3e60a5-c943-7c45-8bd7-d02fe85a0f68-4505e633 {
  grid-area: 8 / 18 / 9 / 18;
  place-self: center;
}

#w-node-_8e3e60a5-c943-7c45-8bd7-d02fe85a0f69-4505e633 {
  grid-area: 14 / 18 / 15 / 18;
  place-self: center;
}

#w-node-_8e3e60a5-c943-7c45-8bd7-d02fe85a0f6a-4505e633 {
  grid-area: 15 / 17 / 16 / 17;
  place-self: center;
}

#w-node-_8e3e60a5-c943-7c45-8bd7-d02fe85a0f6b-4505e633 {
  grid-area: 15 / 11 / 16 / 11;
  place-self: center;
}

#w-node-_8e3e60a5-c943-7c45-8bd7-d02fe85a0f6c-4505e633 {
  grid-area: 14 / 10 / 15 / 10;
  place-self: center;
}

#w-node-_8e3e60a5-c943-7c45-8bd7-d02fe85a0f6d-4505e633 {
  grid-area: 15 / 12 / 17 / 14;
  place-self: stretch stretch;
}

#w-node-_8e3e60a5-c943-7c45-8bd7-d02fe85a0f6e-4505e633 {
  grid-area: 6 / 15 / 8 / 17;
  place-self: stretch stretch;
}

#w-node-_8e3e60a5-c943-7c45-8bd7-d02fe85a0f71-4505e633 {
  grid-area: 9 / 18 / 11 / 20;
  place-self: stretch stretch;
}

#w-node-_8e3e60a5-c943-7c45-8bd7-d02fe85a0f72-4505e633 {
  grid-area: 12 / 18 / 14 / 20;
  place-self: stretch stretch;
}

#w-node-_8e3e60a5-c943-7c45-8bd7-d02fe85a0f73-4505e633 {
  grid-area: 15 / 15 / 17 / 17;
  place-self: stretch stretch;
}

#w-node-_8e3e60a5-c943-7c45-8bd7-d02fe85a0f74-4505e633 {
  grid-area: 12 / 9 / 14 / 11;
  place-self: stretch stretch;
}

#w-node-_8e3e60a5-c943-7c45-8bd7-d02fe85a0f75-4505e633 {
  grid-area: 9 / 9 / 11 / 11;
  place-self: stretch stretch;
}

#w-node-_8e3e60a5-c943-7c45-8bd7-d02fe85a0f76-4505e633 {
  grid-area: 6 / 12 / 8 / 14;
  place-self: stretch stretch;
}

#w-node-_1f226b18-7648-5f52-79c4-b8930e6d2532-7501390c {
  grid-area: 1 / 1 / 3 / 2;
}

@media screen and (max-width: 991px) {
  #w-node-c28853ee-b4da-4878-65aa-40a7d85cd158-8fe1e215 {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }

  #w-node-c28853ee-b4da-4878-65aa-40a7d85cd164-8fe1e215 {
    grid-area: span 2 / span 6 / span 2 / span 6;
  }

  #w-node-c28853ee-b4da-4878-65aa-40a7d85cd16e-8fe1e215 {
    grid-area: span 1 / span 4 / span 1 / span 4;
  }

  #w-node-c28853ee-b4da-4878-65aa-40a7d85cd170-8fe1e215 {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }

  #w-node-f506785d-912a-4f7c-67fb-596d92c35ca1-8fe1e283 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_0ca11c2c-0243-2631-5fc9-32d1de14c336-8fe1e2a5, #w-node-_0ca11c2c-0243-2631-5fc9-32d1de14c33d-8fe1e2a5, #w-node-db8f6e48-61f4-f418-6d7a-a851817c6f89-8fe1e2a5 {
    grid-area: span 1 / span 8 / span 1 / span 8;
  }

  #w-node-bd0dbadb-4f8f-9bfc-9ff3-13354fb6a2fe-8fe1e2be {
    grid-area: 5 / 4 / 6 / 6;
  }

  #w-node-e89c96d5-02b2-1460-b54b-3f79f0a47729-8fe1e2be {
    grid-area: 5 / 1 / 6 / 3;
  }
}

@media screen and (max-width: 767px) {
  #w-node-_3a11027e-e78b-a225-2bca-0bc1780c8446-8fe1e189 {
    grid-area: 5 / 3 / 7 / 6;
  }

  #w-node-c28853ee-b4da-4878-65aa-40a7d85cd150-8fe1e215, #w-node-c28853ee-b4da-4878-65aa-40a7d85cd154-8fe1e215 {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }

  #w-node-_0ca11c2c-0243-2631-5fc9-32d1de14c336-8fe1e2a5, #w-node-_0ca11c2c-0243-2631-5fc9-32d1de14c33d-8fe1e2a5, #w-node-db8f6e48-61f4-f418-6d7a-a851817c6f89-8fe1e2a5 {
    grid-column: span 6 / span 6;
  }

  #w-node-_538b6779-b434-0030-fd5d-b985e10e2197-8fe1e2be {
    grid-area: 3 / 4 / 4 / 7;
  }

  #OircleID.w-node-e941cfc5-1cf1-e7fb-647c-be314fb659d1-98b76e54 {
    grid-area: 5 / 3 / 7 / 6;
  }
}

@media screen and (max-width: 479px) {
  #w-node-_3a11027e-e78b-a225-2bca-0bc1780c8446-8fe1e189 {
    grid-area: 5 / 3 / 7 / 6;
  }

  #w-node-c28853ee-b4da-4878-65aa-40a7d85cd154-8fe1e215, #w-node-c28853ee-b4da-4878-65aa-40a7d85cd158-8fe1e215 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-c28853ee-b4da-4878-65aa-40a7d85cd164-8fe1e215 {
    grid-area: span 2 / span 2 / span 2 / span 2;
  }

  #w-node-c28853ee-b4da-4878-65aa-40a7d85cd16e-8fe1e215 {
    order: 9999;
    grid-area: span 1 / span 2 / span 1 / span 2;
  }

  #w-node-c28853ee-b4da-4878-65aa-40a7d85cd170-8fe1e215 {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }

  #w-node-f506785d-912a-4f7c-67fb-596d92c35ca1-8fe1e283 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_0ca11c2c-0243-2631-5fc9-32d1de14c336-8fe1e2a5, #w-node-_0ca11c2c-0243-2631-5fc9-32d1de14c33d-8fe1e2a5, #w-node-db8f6e48-61f4-f418-6d7a-a851817c6f89-8fe1e2a5 {
    grid-column: span 4 / span 4;
  }

  #w-node-b585ece7-9f19-bfa3-3181-d8950232e0ee-8fe1e2be {
    grid-area: 3 / 1 / 4 / 6;
  }

  #w-node-f43b2093-1a6d-e61e-ecb1-e6c53bfcb6e6-8fe1e2be {
    grid-area: 3 / 1 / 4 / 7;
  }

  #w-node-ecb08b98-2359-60cf-8531-4c578380be62-8fe1e2be {
    grid-area: 2 / 4 / 3 / 6;
  }

  #w-node-ecb08b98-2359-60cf-8531-4c578380be64-8fe1e2be {
    grid-area: 3 / 1 / 4 / 8;
  }

  #w-node-_7f027491-4635-48d4-17a4-ebe04e846221-8fe1e2be {
    grid-area: 1 / 1 / 2 / 3;
  }

  #w-node-_538b6779-b434-0030-fd5d-b985e10e2197-8fe1e2be {
    grid-area: 2 / 2 / 3 / 6;
  }

  #w-node-_7f027491-4635-48d4-17a4-ebe04e846223-8fe1e2be {
    grid-area: 3 / 1 / 4 / 7;
  }

  #OircleID.w-node-e941cfc5-1cf1-e7fb-647c-be314fb659d1-98b76e54 {
    grid-area: 5 / 3 / 7 / 6;
  }
}

@font-face {
  font-family: 'Ofont';
  src: url('https://cdn.prod.website-files.com/5aa43322534e4a0001179757/622c5732c36111855b1d459d_Ofont-Regular.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Runnur Font';
  src: url('https://cdn.prod.website-files.com/5aa43322534e4a0001179757/62f762ec211b34f7ef014b80_New%20Super%20Mario%20Font%20U.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'SF Pro Display';
  src: url('https://cdn.prod.website-files.com/5aa43322534e4a0001179757/63fb9177f865711a1513006d_SF-Pro-Display-Ultralight.otf') format('opentype');
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'SF Pro Display';
  src: url('https://cdn.prod.website-files.com/5aa43322534e4a0001179757/63fb9174e3c498d4dc1af217_SF-Pro-Display-Bold.otf') format('opentype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'SF Pro Display';
  src: url('https://cdn.prod.website-files.com/5aa43322534e4a0001179757/63fb8f60e3c498ca091ac893_SF-Pro-Display-Regular.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'SF Pro Display';
  src: url('https://cdn.prod.website-files.com/5aa43322534e4a0001179757/63fb9175284d872465259ca4_SF-Pro-Display-Heavy.otf') format('opentype');
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'SF Pro Display';
  src: url('https://cdn.prod.website-files.com/5aa43322534e4a0001179757/63fb917576d6a3ae126e087b_SF-Pro-Display-Light.otf') format('opentype');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'SF Pro Display';
  src: url('https://cdn.prod.website-files.com/5aa43322534e4a0001179757/63fb9177e3c498ee361af236_SF-Pro-Display-Thin.otf') format('opentype');
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'SF Pro Display';
  src: url('https://cdn.prod.website-files.com/5aa43322534e4a0001179757/63fb917669b16e80ddea4325_SF-Pro-Display-Medium.otf') format('opentype');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'SF Pro Display';
  src: url('https://cdn.prod.website-files.com/5aa43322534e4a0001179757/63fb9177303f203ad93eea15_SF-Pro-Display-Semibold.otf') format('opentype');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'SF Pro Display';
  src: url('https://cdn.prod.website-files.com/5aa43322534e4a0001179757/63fb8e8fc1ef8ea5475c866b_SF-Pro-Display-Black.otf') format('opentype');
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}