1299 lines
24 KiB
CSS
Executable File
1299 lines
24 KiB
CSS
Executable File
|
|
@font-face {
|
|
font-family: 'Montserrat';
|
|
src: url('icon/Montserrat-Regular.ttf') format('truetype'),
|
|
src: url('icon/Montserrat-SemiBold.ttf') format('truetype');
|
|
font-weight: normal;
|
|
font-style: normal;
|
|
}
|
|
*,: after,: before {
|
|
box-sizing: border-box;
|
|
border-style: solid;
|
|
border-width: 0;
|
|
border-color: rgb(var(--text-color) / .12)
|
|
}
|
|
|
|
html {
|
|
-webkit-text-size-adjust: 100%;
|
|
-moz-tab-size: 4;
|
|
tab-size: 4;
|
|
scroll-padding-block-start: calc(var(--sticky-area-height) + 20px);
|
|
line-height: 1.5
|
|
}
|
|
|
|
body {
|
|
--background: var(--background-primary);
|
|
--text-color: var(--text-primary);
|
|
background: rgb(var(--background));
|
|
color: rgb(var(--text-color));
|
|
font: var(--text-font-style) var(--text-font-weight) var(--text-base)/1.6 var(--text-font-family);
|
|
letter-spacing: var(--text-letter-spacing);
|
|
margin: 0;
|
|
position: relative
|
|
}
|
|
|
|
hr {
|
|
height: 0;
|
|
color: inherit;
|
|
border-top-width: 1px
|
|
}
|
|
|
|
h1,h2,h3,h4,h5,h6 {
|
|
font-size: inherit;
|
|
font-weight: inherit
|
|
}
|
|
|
|
.footer__wrapper {
|
|
gap: var(--footer-part-gap);
|
|
display: grid;
|
|
|
|
|
|
}
|
|
|
|
.footer__block-list {
|
|
gap: var(--footer-block-list-gap);
|
|
align-items: start;
|
|
justify-content: var(--footer-block-list-justify-content,start);
|
|
grid: auto-flow dense/repeat(2,minmax(0,1fr));
|
|
display: grid
|
|
}
|
|
|
|
.footer__block {
|
|
gap: var(--footer-block-gap);
|
|
display: grid
|
|
}
|
|
|
|
.footer__block--newsletter,.footer__block--text {
|
|
grid-column: span 2
|
|
}
|
|
|
|
.footer__block--newsletter {
|
|
gap: var(--spacing-8);
|
|
display: grid
|
|
}
|
|
|
|
.footer__block--menu {
|
|
max-width: 250px;
|
|
width:14%;
|
|
}
|
|
.footer__block--menu:last-child{
|
|
max-width: 4000px;
|
|
width:30%;
|
|
}
|
|
|
|
.footer__aside {
|
|
padding-left: 12%;
|
|
display: grid
|
|
}
|
|
|
|
.footer__aside-bottom,.footer__aside-top {
|
|
justify-content: space-between;
|
|
align-items: center;
|
|
gap: var(--spacing-8);
|
|
display: grid
|
|
}
|
|
|
|
@media screen and (min-width:700px) {
|
|
.footer {
|
|
--footer-padding-block: var(--spacing-16);
|
|
--footer-part-gap: var(--spacing-16);
|
|
--footer-block-list-gap: var(--spacing-10) var(--spacing-24);
|
|
--footer-block-gap: var(--spacing-6);
|
|
--footer-aside-gap: var(--spacing-12);
|
|
padding-bottom: 5.5rem;
|
|
padding-top:2.25rem;
|
|
position: relative;
|
|
}
|
|
|
|
.footer__block-list {
|
|
flex-wrap: wrap;
|
|
display: flex
|
|
}
|
|
|
|
.footer__block--text {
|
|
flex-basis: 5%
|
|
}
|
|
|
|
.footer__block--newsletter {
|
|
flex-basis: 100%
|
|
}
|
|
|
|
.footer__block--menu {
|
|
flex-shrink: 0
|
|
}
|
|
|
|
.footer__aside-bottom,.footer__aside-top {
|
|
display: flex
|
|
}
|
|
|
|
.footer__copyright {
|
|
order: -1
|
|
}
|
|
}
|
|
|
|
@media screen and (min-width:1000px) {
|
|
.footer {
|
|
--footer-block-list-gap: var(--spacing-10) var(--spacing-12)
|
|
}
|
|
|
|
.footer__block-list {
|
|
flex-wrap: nowrap
|
|
}
|
|
|
|
.footer__block--newsletter {
|
|
flex-basis: 33.3333%
|
|
}
|
|
|
|
.footer__block--newsletter: only-child {
|
|
flex-basis: 50%
|
|
}
|
|
|
|
.footer__newsletter-form {
|
|
max-width: 400px
|
|
}
|
|
}
|
|
|
|
@media screen and (min-width:1150px) {
|
|
.footer {
|
|
--footer-block-list-gap: var(--spacing-10) var(--spacing-24)
|
|
}
|
|
|
|
.footer__block--menu: last-child {
|
|
margin-inline-end: var(--spacing-10)
|
|
}
|
|
}
|
|
|
|
.shopify-section--privacy-banner {
|
|
z-index: 2;
|
|
position: relative
|
|
}
|
|
|
|
.privacy-bar {
|
|
margin: var(--spacing-2);
|
|
z-index: 1;
|
|
transition: opacity .2s ease-in-out,visibility .2s ease-in-out;
|
|
position: fixed;
|
|
bottom: 0;
|
|
display: block!important
|
|
}
|
|
|
|
.privacy-bar: not(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) {
|
|
left: 0
|
|
}
|
|
|
|
.privacy-bar: is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) {
|
|
right: 0
|
|
}
|
|
|
|
.privacy-bar[hidden] {
|
|
visibility: hidden;
|
|
opacity: 0
|
|
}
|
|
|
|
.privacy-bar__inner {
|
|
width: 100%;
|
|
padding: var(--spacing-6);
|
|
background: rgb(var(--background-primary));
|
|
color: rgb(var(--text-primary));
|
|
border-width: 1px;
|
|
border-radius: 8px
|
|
}
|
|
|
|
.privacy-bar__close {
|
|
position: absolute;
|
|
top: var(--spacing-6)
|
|
}
|
|
|
|
.privacy-bar__close: not(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) {
|
|
right: var(--spacing-6)
|
|
}
|
|
|
|
.privacy-bar__close: is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) {
|
|
left: var(--spacing-6)
|
|
}
|
|
|
|
@media screen and (min-width:700px) {
|
|
.privacy-bar {
|
|
margin: var(--spacing-4)
|
|
}
|
|
|
|
.privacy-bar__inner {
|
|
max-width: 445px
|
|
}
|
|
}
|
|
|
|
.gift-card {
|
|
gap: var(--spacing-8);
|
|
padding-block-start: var(--spacing-4);
|
|
padding-block-end: var(--spacing-14);
|
|
display: grid
|
|
}
|
|
|
|
.gift-card__image-wrapper {
|
|
justify-items: center;
|
|
gap: var(--spacing-6);
|
|
display: grid
|
|
}
|
|
|
|
.gift-card__image {
|
|
max-width: 160px
|
|
}
|
|
|
|
.gift-card__info {
|
|
gap: var(--spacing-5);
|
|
display: grid
|
|
}
|
|
|
|
.gift-card__issued-info {
|
|
place-content: center;
|
|
align-items: center;
|
|
gap: var(--spacing-2);
|
|
padding: var(--spacing-6);
|
|
text-align: center;
|
|
display: grid
|
|
}
|
|
|
|
.gift-card__balance {
|
|
line-height: 1;
|
|
font-size: var(--gift-card-balance-font-size)
|
|
}
|
|
|
|
.gift-card__redeem-info: last-child {
|
|
border-width: 1px
|
|
}
|
|
|
|
.gift-card__redeem-box {
|
|
padding: var(--spacing-6);
|
|
align-items: center;
|
|
gap: var(--spacing-4);
|
|
display: grid
|
|
}
|
|
|
|
.gift-card__redeem-box: last-child: not(:only-child) {
|
|
border-top-width: 1px
|
|
}
|
|
|
|
.gift-card__redeem-code {
|
|
padding: var(--spacing-3-5);
|
|
text-align: center;
|
|
border-radius: var(--rounded-xs);
|
|
border-width: 1px;
|
|
font-weight: 700
|
|
}
|
|
|
|
.gift-card__qr-code {
|
|
width: 120px;
|
|
aspect-ratio: 1;
|
|
display: block
|
|
}
|
|
|
|
.prose {
|
|
z-index: 1;
|
|
padding-inline-start: 0;
|
|
padding-inline-end: 0;
|
|
position: relative
|
|
}
|
|
|
|
.timeline__image {
|
|
max-width: initial
|
|
}
|
|
|
|
.timeline__image-wrapper {
|
|
position: relative
|
|
}
|
|
|
|
.timeline__controls {
|
|
align-items: flex-start;
|
|
gap: var(--spacing-10);
|
|
display: flex
|
|
}
|
|
|
|
.timeline__controls.scroll-area {
|
|
overflow: visible
|
|
}
|
|
|
|
.timeline__buttons {
|
|
gap: var(--spacing-4);
|
|
margin-block-start: calc(var(--spacing-6) * -1);
|
|
display: flex
|
|
}
|
|
|
|
.timeline__nav {
|
|
width: 100%;
|
|
min-width: auto;
|
|
padding-block-start: 0
|
|
}
|
|
|
|
.timeline__nav-item {
|
|
min-width: auto
|
|
}
|
|
|
|
.timeline__content {
|
|
gap: var(--spacing-8)
|
|
}
|
|
|
|
.sr-only[type=checkbox]: focus-visible+label,.sr-only[type=radio]: focus-visible+label {
|
|
outline: 2px solid Highlight;
|
|
outline: 2px solid -webkit-focus-ring-color
|
|
}
|
|
|
|
.skip-to-content: focus-visible {
|
|
z-index: 9999;
|
|
width: auto;
|
|
height: auto;
|
|
clip: auto;
|
|
color: #fff;
|
|
background: #000;
|
|
padding: 6px 12px;
|
|
font-weight: 700;
|
|
overflow: auto
|
|
}
|
|
|
|
.tap-area {
|
|
position: relative
|
|
}
|
|
|
|
.tap-area: before {
|
|
content: "";
|
|
inset: calc(-1 * var(--spacing-2-5));
|
|
position: absolute
|
|
}
|
|
|
|
.js .js\: hidden,.no-js .no-js\: hidden {
|
|
display: none
|
|
}
|
|
.sr-only {
|
|
width: 1px;
|
|
height: 1px;
|
|
clip: rect(0,0,0,0);
|
|
white-space: nowrap;
|
|
border-width: 0;
|
|
margin: -1px;
|
|
padding: 0;
|
|
position: absolute;
|
|
overflow: hidden;
|
|
}
|
|
@media print {
|
|
.print\: hidden {
|
|
display: none
|
|
}
|
|
}
|
|
|
|
@keyframes translateFull {
|
|
0% {
|
|
transform: translate(0)
|
|
}
|
|
|
|
to {
|
|
transform: translate(calc(-100% * var(--transform-logical-flip)))
|
|
}
|
|
}
|
|
|
|
@keyframes ping {
|
|
0% {
|
|
transform: scale(1)
|
|
}
|
|
|
|
to {
|
|
transform: scale(.8)
|
|
}
|
|
}
|
|
|
|
@media screen and (pointer:fine) {
|
|
.zoom-image--enabled .zoom-image {
|
|
transform-origin: center;
|
|
transition: transform 1.5s cubic-bezier(.22,1,.36,1)
|
|
}
|
|
|
|
.zoom-image--enabled .group: hover .zoom-image {
|
|
transform: scale(1.06)
|
|
}
|
|
}
|
|
|
|
.reveal {
|
|
opacity: 0
|
|
}
|
|
|
|
.reveal-invisible {
|
|
opacity: 0;
|
|
visibility: hidden
|
|
}
|
|
|
|
@media (prefers-reduced-motion:no-preference) {
|
|
.js [reveal-js],.js [reveal-on-scroll=true] {
|
|
opacity: 0
|
|
}
|
|
}
|
|
|
|
@media (prefers-reduced-motion:no-preference) {
|
|
.js reveal-items {
|
|
opacity: 0
|
|
}
|
|
}
|
|
|
|
.border {
|
|
border-width: 1px
|
|
}
|
|
|
|
.border-x {
|
|
border-left-width: 1px;
|
|
border-right-width: 1px
|
|
}
|
|
|
|
.border-y {
|
|
border-block-start-width: 1px;
|
|
border-block-end-width: 1px
|
|
}
|
|
|
|
.border-t {
|
|
border-top-width: 1px
|
|
}
|
|
|
|
.border-b {
|
|
border-bottom-width: 1px
|
|
}
|
|
|
|
.border-s {
|
|
border-block-start-width: 1px
|
|
}
|
|
|
|
.border-e {
|
|
border-block-end-width: 1px
|
|
}
|
|
|
|
.divide-x>: not([hidden])~: not([hidden]) {
|
|
border-inline-start-width: 1px
|
|
}
|
|
|
|
.divide-y>: not([hidden])~: not([hidden]) {
|
|
border-block-start-width: 1px
|
|
}
|
|
|
|
.ring {
|
|
box-shadow: 0 0 0 1px rgb(var(--text-color) / .12)
|
|
}
|
|
|
|
.ring-current {
|
|
box-shadow: 0 0 0 1px rgb(var(--text-color))
|
|
}
|
|
|
|
.ring-inset {
|
|
box-shadow: inset 0 0 0 1px rgb(var(--text-color) / .12)
|
|
}
|
|
|
|
.rounded-xs {
|
|
border-radius: var(--rounded-xs)
|
|
}
|
|
|
|
.rounded-sm {
|
|
border-radius: var(--rounded-sm)
|
|
}
|
|
|
|
.rounded {
|
|
border-radius: var(--rounded)
|
|
}
|
|
|
|
.rounded-lg {
|
|
border-radius: var(--rounded-lg)
|
|
}
|
|
|
|
.rounded-full {
|
|
border-radius: var(--rounded-full)
|
|
}
|
|
|
|
.text-custom {
|
|
color: rgb(var(--text-color))
|
|
}
|
|
|
|
.text-accent {
|
|
color: rgb(var(--accent))
|
|
}
|
|
|
|
.text-success {
|
|
color: rgb(var(--success-text))
|
|
}
|
|
|
|
.text-warning {
|
|
color: rgb(var(--warning-text))
|
|
}
|
|
|
|
.text-error {
|
|
color: rgb(var(--error-text))
|
|
}
|
|
|
|
.text-subdued {
|
|
color: rgb(var(--text-color) / .7)
|
|
}
|
|
|
|
.text-on-sale {
|
|
color: rgb(var(--on-sale-text))
|
|
}
|
|
|
|
.text-stroke {
|
|
-webkit-text-stroke: 1px currentColor;
|
|
-webkit-text-fill-color: transparent
|
|
}
|
|
|
|
.text-gradient {
|
|
background-image: var(--gradient);
|
|
color: #0000;
|
|
-webkit-box-decoration-break: clone;
|
|
box-decoration-break: clone;
|
|
-webkit-background-clip: text;
|
|
background-clip: text
|
|
}
|
|
|
|
.text-stroke.text-gradient {
|
|
color: rgb(var(--background));
|
|
-webkit-text-stroke-color: transparent;
|
|
-webkit-text-fill-color: unset
|
|
}
|
|
|
|
.bg-custom {
|
|
background: rgb(var(--background))
|
|
}
|
|
|
|
.bg-gradient {
|
|
background-image: var(--gradient)
|
|
}
|
|
|
|
.bg-text {
|
|
background: rgb(var(--text-color))
|
|
}
|
|
|
|
.bg-error {
|
|
background: rgb(var(--error-background))
|
|
}
|
|
|
|
.bg-success {
|
|
background: rgb(var(--success-background))
|
|
}
|
|
|
|
.bg-warning {
|
|
background: rgb(var(--warning-background))
|
|
}
|
|
|
|
.bg-secondary {
|
|
background: rgb(var(--text-color) / .05)
|
|
}
|
|
|
|
.opacity-0 {
|
|
opacity: 0
|
|
}
|
|
|
|
.backdrop-blur {
|
|
-webkit-backdrop-filter: blur(var(--backdrop-blur, 0));
|
|
backdrop-filter: blur(var(--backdrop-blur, 0))
|
|
}
|
|
|
|
.filter-invert {
|
|
filter: invert()
|
|
}
|
|
|
|
.shadow-sm {
|
|
filter: drop-shadow(var(--shadow-sm))
|
|
}
|
|
|
|
.shadow {
|
|
filter: drop-shadow(var(--shadow))
|
|
}
|
|
|
|
.shadow-md {
|
|
filter: drop-shadow(var(--shadow-md))
|
|
}
|
|
|
|
.shadow-block {
|
|
box-shadow: var(--shadow-block)
|
|
}
|
|
|
|
.cross-fade {
|
|
display: block
|
|
}
|
|
|
|
.cross-fade>* {
|
|
transition: opacity .2s ease-in-out
|
|
}
|
|
|
|
.cross-fade>: last-child {
|
|
display: none
|
|
}
|
|
|
|
@media screen and (pointer:fine) {
|
|
.cross-fade>: last-child {
|
|
opacity: 0;
|
|
display: block
|
|
}
|
|
|
|
.cross-fade: hover>: first-child {
|
|
opacity: 0
|
|
}
|
|
|
|
.footer__block-list {
|
|
flex-wrap: wrap;
|
|
display: flex
|
|
}
|
|
|
|
.footer__block--newsletter {
|
|
flex-basis: 100%
|
|
}
|
|
|
|
.footer__aside-bottom,.footer__aside-top {
|
|
display: flex
|
|
}
|
|
|
|
.footer__copyright {
|
|
order: -1
|
|
}
|
|
}
|
|
|
|
|
|
@media screen and (min-width:1000px) {
|
|
.footer {
|
|
--footer-block-list-gap: var(--spacing-10) var(--spacing-12)
|
|
}
|
|
|
|
.footer__block-list {
|
|
padding-left: 15%;
|
|
flex-wrap: nowrap;
|
|
font-size: 14px!important;
|
|
}
|
|
|
|
.footer__aside {
|
|
|
|
padding-left: 15%;
|
|
display: grid;
|
|
}
|
|
.Footer_icon_orico {
|
|
position: absolute;
|
|
left: 5%;
|
|
top: 22%;
|
|
height: 50px;
|
|
margin-top: -25px;
|
|
}
|
|
|
|
.footer__block--newsletter {
|
|
flex-basis: 33.3333%
|
|
}
|
|
|
|
.footer__block--newsletter: only-child {
|
|
flex-basis: 50%
|
|
}
|
|
|
|
.footer__newsletter-form {
|
|
max-width: 400px
|
|
}
|
|
}
|
|
|
|
@media screen and (min-width:1150px) {
|
|
.footer {
|
|
--footer-block-list-gap: var(--spacing-10) var(--spacing-24)
|
|
}
|
|
}
|
|
@media screen and (min-width:1461px) and (max-width:1720px){
|
|
.footer__block--menu {
|
|
max-width: 250px;
|
|
width: 16%;
|
|
}
|
|
}
|
|
@media screen and (min-width:1440px) {
|
|
.footer__block-list {
|
|
padding-left: 10%;
|
|
flex-wrap: nowrap;
|
|
}
|
|
|
|
.footer__aside {
|
|
padding-left: 10%;
|
|
display: grid;
|
|
}
|
|
|
|
}
|
|
|
|
.shopify-section--privacy-banner {
|
|
z-index: 2;
|
|
position: relative
|
|
}
|
|
|
|
.social-media {
|
|
gap: var(--spacing-3) var(--spacing-6);
|
|
flex-wrap: wrap;
|
|
display: flex
|
|
}
|
|
|
|
.social-media--sm svg {
|
|
width: 1.25rem;
|
|
height: 1.25rem
|
|
}
|
|
|
|
@media screen and (min-width:700px) {
|
|
.social-media--sm svg {
|
|
width: 1.7rem;
|
|
height: 1.7rem
|
|
}
|
|
.self-submit-button:not(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
|
|
right: var(--spacing-5);
|
|
}
|
|
}
|
|
|
|
.share-buttons {
|
|
align-items: center;
|
|
gap: var(--spacing-2-5);
|
|
display: flex
|
|
}
|
|
|
|
.share-buttons__item {
|
|
width: var(--spacing-8-5);
|
|
height: var(--spacing-8-5);
|
|
opacity: .7;
|
|
background: rgb(var(--text-color) / 0);
|
|
border-radius: var(--rounded-full);
|
|
place-content: center;
|
|
transition: opacity .2s ease-in-out,background .2s ease-in-out;
|
|
display: grid
|
|
}
|
|
|
|
.share-buttons__item: hover {
|
|
opacity: 1;
|
|
background: rgb(var(--text-color) / .1)
|
|
}
|
|
|
|
.floating-controls-container {
|
|
position: relative
|
|
}
|
|
|
|
.floating-controls-container .circle-button {
|
|
opacity: 0;
|
|
visibility: hidden;
|
|
z-index: 1;
|
|
transition: opacity .1s ease-in-out,transform .1s ease-in-out,visibility .1s ease-in-out;
|
|
position: absolute;
|
|
top: calc(50% - 24px);
|
|
transform: scale(.8)
|
|
}
|
|
|
|
.floating-controls-container .circle-button: first-of-type: not(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) {
|
|
left: var(--spacing-5)
|
|
}
|
|
|
|
.floating-controls-container .circle-button: first-of-type: is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) {
|
|
right: var(--spacing-5)
|
|
}
|
|
|
|
.floating-controls-container .circle-button: last-of-type: not(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) {
|
|
right: var(--spacing-5)
|
|
}
|
|
|
|
.floating-controls-container .circle-button: last-of-type: is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) {
|
|
left: var(--spacing-5)
|
|
}
|
|
|
|
@media screen and (pointer:fine) {
|
|
.floating-controls-container: hover .is-scrollable~.circle-button: not([disabled]) {
|
|
opacity: 1;
|
|
visibility: visible;
|
|
transform: scale(1)
|
|
}
|
|
}
|
|
|
|
.icon {
|
|
vertical-align: middle;
|
|
display: block;
|
|
color: #fff
|
|
}
|
|
[dir=rtl] .reverse-icon {
|
|
transform: rotate(180deg)
|
|
}
|
|
|
|
.offset-icon {
|
|
--icon-baseline-distance: 1.6em;
|
|
--icon-offset: calc((var(--icon-baseline-distance) - var(--icon-height)) / 2);
|
|
top: var(--icon-offset);
|
|
position: relative
|
|
}
|
|
|
|
.icon-chevron-bottom {
|
|
transition: transform .2s ease-in-out
|
|
}
|
|
|
|
.group[aria-expanded=true]>.icon-chevron-bottom {
|
|
transform: rotate(180deg)
|
|
}
|
|
|
|
.icon-block {
|
|
padding: var(--spacing-6);
|
|
background: rgb(var(--background))
|
|
}
|
|
|
|
.image-icon {
|
|
width: var(--mobile-icon-max-width,var(--icon-max-width))
|
|
}
|
|
.circle-chevron[disabled] {
|
|
opacity: .5;
|
|
}
|
|
|
|
.group[aria-expanded="true"] .circle-chevron.group-expanded\:colors:not([disabled]) {
|
|
background: rgb(var(--text-color));
|
|
color: rgb(var(--background));
|
|
}
|
|
|
|
.group[aria-expanded="true"] .circle-chevron.group-expanded\:rotate {
|
|
transform: rotate(calc(var(--transform-logical-flip) * 180deg));
|
|
}
|
|
|
|
|
|
|
|
@media screen and (min-width:700px) {
|
|
.image-icon {
|
|
width: var(--icon-max-width)
|
|
}
|
|
}
|
|
|
|
.self-submit-button {
|
|
top: 50%;
|
|
right: 5%;
|
|
position: absolute;
|
|
transform: translateY(-50%)
|
|
}
|
|
|
|
.self-submit-button: not(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) {
|
|
right: var(--spacing-4)
|
|
}
|
|
|
|
.self-submit-button: is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) {
|
|
left: var(--spacing-4)
|
|
}
|
|
|
|
@media screen and (min-width:700px) {
|
|
self-submit-button: not(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) {
|
|
right: var(--spacing-5)
|
|
}
|
|
|
|
.self-submit-button: is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) {
|
|
left: var(--spacing-5)
|
|
}
|
|
}
|
|
|
|
.break-all {
|
|
overflow-wrap: anywhere;
|
|
color:#fff;
|
|
}
|
|
|
|
.floating-label {
|
|
height: calc(var(--input-height) + .625rem);
|
|
top: 0;
|
|
opacity: .5;
|
|
pointer-events: none;
|
|
transform-origin: var(--transform-origin-start);
|
|
grid-auto-flow: column;
|
|
align-items: center;
|
|
column-gap: .5rem;
|
|
margin-inline-start: var(--spacing-4);
|
|
transition: transform .2s ease-in-out;
|
|
display: grid;
|
|
position: absolute
|
|
}
|
|
|
|
.floating-label: not(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) {
|
|
left: 1px
|
|
}
|
|
|
|
.floating-label: is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) {
|
|
right: 1px
|
|
}
|
|
|
|
.select: valid~.floating-label,: is(.input,.textarea): focus~.floating-label,: is(.input,.textarea): not(:placeholder-shown)~.floating-label,: is(.input,.textarea,.select): -webkit-autofill~.floating-label {
|
|
transform: scale(.65) translateY(calc(-1 * var(--spacing-4)))
|
|
}
|
|
|
|
: is(.input,.textarea,.select): -webkit-autofill~.floating-label {
|
|
color: #000
|
|
}
|
|
.circle-chevron:hover {
|
|
background: #004BFA;
|
|
color: #000;
|
|
}
|
|
.circle-chevron .icon{
|
|
margin-left: 2px;
|
|
}
|
|
/*.circle-chevron .icon:hover {*/
|
|
/* color: #000;*/
|
|
/*}*/
|
|
|
|
@media screen and (min-width:700px) {
|
|
.floating-label {
|
|
color: #fff;
|
|
margin-inline-start: var(--spacing-5)
|
|
}
|
|
|
|
.inline-block {
|
|
display: inline-block
|
|
}
|
|
|
|
.block {
|
|
display: block
|
|
}
|
|
|
|
.contents {
|
|
display: contents
|
|
}
|
|
|
|
|
|
.circle-chevron {
|
|
width: var(--spacing-6);
|
|
height: var(--spacing-6);
|
|
border-radius: var(--rounded-full);
|
|
background: rgb(var(--text-color) / .1);
|
|
flex-shrink: 0;
|
|
place-items: center;
|
|
transition: all .2s ease-in-out;
|
|
display: grid
|
|
}
|
|
|
|
.circle-chevron[disabled] {
|
|
opacity: .5
|
|
}
|
|
.group[aria-expanded=true] .circle-chevron.group-expanded\: colors: not([disabled]) {
|
|
background: rgb(var(--text-color));
|
|
color: rgb(var(--background))
|
|
}
|
|
|
|
.group[aria-expanded=true] .circle-chevron.group-expanded\: rotate {
|
|
transform: rotate(calc(var(--transform-logical-flip) * 180deg))
|
|
}
|
|
|
|
scroll-carousel {
|
|
position: relative
|
|
}
|
|
|
|
.content-over-media {
|
|
grid-template: 0 minmax(0,1fr) 0/minmax(0,1fr) minmax(0,min(var(--container-max-width),100% - var(--content-over-media-gap,var(--content-over-media-column-gap,var(--container-gutter))) * 2)) minmax(0,1fr);
|
|
gap: var(--content-over-media-row-gap,var(--content-over-media-gap,var(--container-gutter))) var(--content-over-media-column-gap,var(--content-over-media-gap,var(--container-gutter)));
|
|
place-items: center;
|
|
display: grid;
|
|
position: relative;
|
|
overflow: hidden;
|
|
transform: translateZ(0)
|
|
}
|
|
|
|
.link-faded {
|
|
opacity: .7;
|
|
transition: opacity .2s ease-in-out
|
|
}
|
|
@media screen and (pointer:fine) {
|
|
.link-faded: hover{opacity:1
|
|
}
|
|
}
|
|
|
|
.link-faded-reverse {
|
|
transition: opacity .2s ease-in-out
|
|
}
|
|
|
|
@media screen and (pointer:fine) {
|
|
.link-faded-reverse: hover {
|
|
opacity: .7
|
|
}
|
|
}
|
|
|
|
table {
|
|
width: 100%
|
|
}
|
|
|
|
th {
|
|
text-align: start
|
|
}
|
|
|
|
td,th {
|
|
padding: var(--spacing-4);
|
|
vertical-align: top
|
|
}
|
|
|
|
: is(th,td): first-child {
|
|
padding-inline-start: 0
|
|
}
|
|
|
|
: is(th,td): last-child {
|
|
padding-inline-end: 0
|
|
}
|
|
|
|
.v-stack {
|
|
display: grid
|
|
}
|
|
|
|
.h-stack {
|
|
align-items: center;
|
|
display: flex
|
|
}
|
|
|
|
.bold {
|
|
font-weight: 700;
|
|
color: #fff; font-size: 1.25rem;
|
|
}
|
|
|
|
.gap-1 {
|
|
gap: var(--spacing-1)
|
|
}
|
|
|
|
.gap-1\.5 {
|
|
gap: var(--spacing-1-5)
|
|
}
|
|
|
|
.gap-2 {
|
|
gap: var(--spacing-2)
|
|
}
|
|
|
|
.gap-2\.5 {
|
|
gap: var(--spacing-2-5)
|
|
}
|
|
|
|
.gap-3 {
|
|
gap: var(--spacing-3)
|
|
}
|
|
|
|
.gap-3\.5 {
|
|
gap: var(--spacing-3-5)
|
|
}
|
|
|
|
.gap-4 {
|
|
gap: var(--spacing-4)
|
|
}
|
|
|
|
.gap-4\.5 {
|
|
gap: var(--spacing-4-5)
|
|
}
|
|
|
|
.gap-5 {
|
|
gap: var(--spacing-5)
|
|
}
|
|
|
|
.gap-5\.5 {
|
|
gap: var(--spacing-5-5)
|
|
}
|
|
|
|
.gap-6 {
|
|
gap: var(--spacing-6)
|
|
}
|
|
|
|
.gap-8 {
|
|
gap: var(--spacing-8)
|
|
}
|
|
|
|
.gap-10 {
|
|
gap: var(--spacing-10)
|
|
}
|
|
|
|
.gap-12 {
|
|
gap: var(--spacing-12)
|
|
}
|
|
|
|
@media screen and (min-width:700px) {
|
|
.sm\: gap-0\.5 {
|
|
gap: var(--spacing-0-5)
|
|
}
|
|
|
|
.sm\: gap-1 {
|
|
gap: var(--spacing-1)
|
|
}
|
|
|
|
.sm\: gap-1\.5 {
|
|
gap: var(--spacing-1-5)
|
|
}
|
|
|
|
.sm\: gap-2 {
|
|
gap: var(--spacing-2)
|
|
}
|
|
|
|
.sm\: gap-2\.5 {
|
|
gap: var(--spacing-2-5)
|
|
}
|
|
|
|
.sm\: gap-3 {
|
|
gap: var(--spacing-3)
|
|
}
|
|
|
|
.sm\: gap-3\.5 {
|
|
gap: var(--spacing-3-5)
|
|
}
|
|
|
|
.sm\: gap-4 {
|
|
gap: var(--spacing-4)
|
|
}
|
|
|
|
.sm\: gap-4\.5 {
|
|
gap: var(--spacing-4-5)
|
|
}
|
|
|
|
.sm\: gap-5 {
|
|
gap: var(--spacing-5)
|
|
}
|
|
|
|
.sm\: gap-5\.5 {
|
|
gap: var(--spacing-5-5)
|
|
}
|
|
|
|
.sm\: gap-6 {
|
|
gap: var(--spacing-6)
|
|
}
|
|
|
|
.sm\: gap-8 {
|
|
gap: var(--spacing-8)
|
|
}
|
|
|
|
.sm\: gap-10 {
|
|
gap: var(--spacing-10)
|
|
}
|
|
|
|
.sm\: gap-12 {
|
|
gap: var(--spacing-12)
|
|
}
|
|
|
|
.layer .content {
|
|
grid-column: 1/span 12;
|
|
width: 100%;
|
|
max-width: 1280px
|
|
}
|
|
|
|
.Subscribe_subScribe_content__XD_Or {
|
|
position: relative;
|
|
z-index: 10;
|
|
border-bottom: 1px solid #484848;
|
|
background-color: #000;
|
|
height: 96px !important;
|
|
font-family:Montserrat !important;
|
|
margin: 0 !important;
|
|
width: 100% !important;
|
|
}
|
|
.overflow-f{
|
|
height: 100% !important;
|
|
}
|
|
|
|
.footer__block-list a {
|
|
color: #fff
|
|
}
|
|
|
|
.shopify-section--footer {
|
|
background-color: #000;
|
|
font-family:Montserrat !important;
|
|
font-size: 1rem !important;
|
|
}
|
|
|
|
.footer__block--text {
|
|
flex-basis: 0%!important;
|
|
}
|
|
|
|
/*.Subscribe_subScribe_content_btnBox_grid__Wn4Dw {*/
|
|
/* display: flex;*/
|
|
/* height: 100%;*/
|
|
/*grid-template-columns: repeat(12,minmax(0,1fr));*/
|
|
/*gap: 1.25rem;*/
|
|
/*align-items: flex-end;*/
|
|
/*justify-content: space-between;*/
|
|
/*padding-top: 20px;*/
|
|
/*padding-bottom: 20px;*/
|
|
/*width: 95%*/
|
|
/*}*/
|
|
|
|
.Subscribe_subScribe_content_btnBox__oSxDj {
|
|
position: relative;
|
|
margin: auto;
|
|
display: flex;
|
|
height: 52px;
|
|
width: 35%;
|
|
overflow: hidden;
|
|
border-radius: 10px;
|
|
--tw-bg-opacity: 1;
|
|
border: 1px solid #484848;
|
|
grid-column: 4/span 6
|
|
}
|
|
|
|
input: : placeholder,textarea: : placeholder {
|
|
opacity: 1;
|
|
color: #9ca3af
|
|
}
|
|
|
|
.Subscribe_subScribe_content_btn__ynMez {
|
|
position: absolute;
|
|
right: 0;
|
|
height: 100%;
|
|
width: 178px;
|
|
cursor: pointer;
|
|
--tw-bg-opacity: 1;
|
|
background-color: rgb(0 169 225/var(--tw-bg-opacity));
|
|
font-size: 16px;
|
|
font-weight: 600;
|
|
line-height: 52px;
|
|
--tw-text-opacity: 1;
|
|
color: rgb(255 255 255/var(--tw-text-opacity))
|
|
}
|
|
|
|
.Footer_icon_orico {
|
|
position: absolute;
|
|
left: 0%;
|
|
top: 12%;
|
|
height: 50px;
|
|
margin-top: -25px;
|
|
}
|
|
|
|
.md_layer_grid {
|
|
display: flex;
|
|
width: 100%
|
|
}
|
|
|
|
.copyright {
|
|
color: #b3b3b3;font-size: .875rem;
|
|
}
|
|
|
|
/*.Subscribe_subScribe_content_title__1FVsi {*/
|
|
/* margin-bottom: 32px;*/
|
|
/* text-align: center;*/
|
|
/* font-size: 40px;*/
|
|
/* font-weight: 600;*/
|
|
/* line-height: 1.2;*/
|
|
/* --tw-text-opacity: 1;*/
|
|
/* color: rgb(255 255 255/var(--tw-text-opacity));*/
|
|
/* grid-column: 3/span 8*/
|
|
/*}*/
|
|
|
|
.Subscribe_subScribe_content_subTitle__YCWpe {
|
|
line-height: 96px;
|
|
/*margin-bottom: 8px;*/
|
|
/*text-align: center;*/
|
|
margin: 0 auto;
|
|
font-size: 1.375rem;
|
|
font-weight: 500;
|
|
/*line-height: 1.2;*/
|
|
/*--tw-text-opacity: 1;*/
|
|
color: #b3b3b3;
|
|
/*grid-column: 2/span 10;*/
|
|
/*white-space: nowrap*/
|
|
}
|
|
}
|
|
}
|
|
|
|
@media screen and (min-width:1461px) and (max-width:1720px){
|
|
.Footer_icon_orico {
|
|
position: absolute;
|
|
left: 7%;
|
|
top: 13%;
|
|
height: 50px;
|
|
margin-top: -25px;
|
|
}
|
|
}
|
|
@media screen and (max-width:1459px){
|
|
.Footer_icon_orico {
|
|
position: absolute;
|
|
left: 4%;
|
|
top: 0.5%;
|
|
height: 50px;
|
|
margin-top: -25px;
|
|
}
|
|
}
|
|
@media screen and (max-width:1239px){
|
|
.Footer_icon_orico {
|
|
position: absolute;
|
|
left: 2%;
|
|
top: 0.5%;
|
|
height: 50px;
|
|
margin-top: -25px;
|
|
}
|
|
}
|
|
|