@charset "UTF-8";
/*! tailwindcss v2.0.3 | MIT License | https://tailwindcss.com*/
/*! modern-normalize v1.0.0 | MIT License | https://github.com/sindresorhus/modern-normalize */
@import url("../../p_s-1-k-xof5atn-ht-tk-f-39504.39505.39506.39507-a-3739013-app-typekit-e-css.css");
:root { -moz-tab-size: 4; -o-tab-size: 4; tab-size: 4; }

html { line-height: 1.15; -webkit-text-size-adjust: 100%; }

body { margin: 0; font-family: system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji; }

hr { height: 0; color: inherit; }

abbr[title] { -webkit-text-decoration: underline dotted; text-decoration: underline dotted; }

b, strong { font-weight: bolder; }

code, kbd, pre, samp { font-family: ui-monospace,SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace; font-size: 1em; }

small { font-size: 80%; }

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

sub { bottom: -.25em; }

sup { top: -.5em; }

table { text-indent: 0; border-color: inherit; }

button, input, optgroup, select, textarea { font-family: inherit; font-size: 100%; line-height: 1.15; margin: 0; }

button, select { text-transform: none; }

[type=button], [type=reset], [type=submit], button { -webkit-appearance: button; }

legend { padding: 0; }

progress { vertical-align: baseline; }

[type=search] { -webkit-appearance: textfield; outline-offset: -2px; }

summary { display: list-item; }

blockquote, dd, dl, figure, h1, h2, h3, h4, h5, h6, hr, p, pre { margin: 0; }

button { background-color: transparent; background-image: none; }

button:focus { outline: 1px dotted; outline: 5px auto -webkit-focus-ring-color; }

fieldset, ol, ul { margin: 0; padding: 0; }

ol, ul { list-style: none; }

html { font-family: neue-haas-grotesk-text,Helvetica,Arial,sans-serif; line-height: 1.5; }

body { font-family: inherit; line-height: inherit; }

*, :after, :before { box-sizing: border-box; border: 0 solid; }

hr { border-top-width: 1px; }

img { border-style: solid; }

textarea { resize: vertical; }

input::-moz-placeholder, textarea::-moz-placeholder { opacity: 1; color: #a1a1aa; }

input:-ms-input-placeholder, textarea:-ms-input-placeholder { opacity: 1; color: #a1a1aa; }

input::placeholder, textarea::placeholder { opacity: 1; color: #a1a1aa; }

[role=button], button { cursor: pointer; }

table { border-collapse: collapse; }

h1, h2, h3, h4, h5, h6 { font-size: inherit; font-weight: inherit; }

a { color: inherit; text-decoration: inherit; }

button, input, optgroup, select, textarea { padding: 0; line-height: inherit; color: inherit; }

code, kbd, pre, samp { font-family: ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace; }

audio, canvas, embed, iframe, img, object, svg, video { display: block; vertical-align: middle; }

img, video { max-width: 100%; height: auto; }

@font-face { font-family: TimesNewer; src: url(https://zien.io/assets/fonts/timesnewer/woff/TimesNewerRoman-Regular.woff) format("woff"); }

@font-face { font-family: TimesNewer; src: url(https://zien.io/assets/fonts/timesnewer/woff/TimesNewerRoman-Bold.woff) format("woff"); font-weight: 700; }

@font-face { font-family: TimesNewer; src: url(https://zien.io/assets/fonts/timesnewer/woff/TimesNewerRoman-BoldItalic.woff) format("woff"); font-weight: 700; font-style: italic; }

@font-face { font-family: TimesNewer; src: url(https://zien.io/assets/fonts/timesnewer/woff/TimesNewerRoman-Italic.woff) format("woff"); font-style: italic; }

@font-face { font-family: neue-haas-grotesk-text; src: url(https://use.typekit.net/af/1285d2/00000000000000003b9b2050/27/l?fvd=n4&primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&v=3) format("woff2"), url(https://use.typekit.net/af/1285d2/00000000000000003b9b2050/27/d?fvd=n4&primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&v=3) format("woff"), url(https://use.typekit.net/af/1285d2/00000000000000003b9b2050/27/a?fvd=n4&primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&v=3) format("opentype"); font-display: auto; font-style: normal; font-weight: 400; }

@font-face { font-family: neue-haas-grotesk-text; src: url(https://use.typekit.net/af/032bac/00000000000000003b9b2051/27/l?fvd=i4&primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&v=3) format("woff2"), url(https://use.typekit.net/af/032bac/00000000000000003b9b2051/27/d?fvd=i4&primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&v=3) format("woff"), url(https://use.typekit.net/af/032bac/00000000000000003b9b2051/27/a?fvd=i4&primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&v=3) format("opentype"); font-display: auto; font-style: italic; font-weight: 400; }

@font-face { font-family: neue-haas-grotesk-text; src: url(https://use.typekit.net/af/550c82/00000000000000003b9b2052/27/l?fvd=n5&primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&v=3) format("woff2"), url(https://use.typekit.net/af/550c82/00000000000000003b9b2052/27/d?fvd=n5&primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&v=3) format("woff"), url(https://use.typekit.net/af/550c82/00000000000000003b9b2052/27/a?fvd=n5&primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&v=3) format("opentype"); font-display: auto; font-style: normal; font-weight: 500; }

@font-face { font-family: neue-haas-grotesk-text; src: url(https://use.typekit.net/af/e94a74/00000000000000003b9b2053/27/l?fvd=i5&primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&v=3) format("woff2"), url(https://use.typekit.net/af/e94a74/00000000000000003b9b2053/27/d?fvd=i5&primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&v=3) format("woff"), url(https://use.typekit.net/af/e94a74/00000000000000003b9b2053/27/a?fvd=i5&primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&v=3) format("opentype"); font-display: auto; font-style: italic; font-weight: 500; }

html { font-weight: 400; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 14px; line-height: 1.4; }

body, html { --tw-bg-opacity:1; background-color: rgba(255, 255, 255, var(--tw-bg-opacity)); }

.bg-blue { background-color: rgba(20, 0, 255, var(--tw-bg-opacity)) !important; }

.bg-blue, .bg-grey-0 { --tw-bg-opacity:1!important; }

.bg-grey-0 { background-color: rgba(240, 240, 240, var(--tw-bg-opacity)) !important; }

.bg-grey-1 { background-color: rgba(204, 204, 204, var(--tw-bg-opacity)) !important; }

.bg-grey-1, .bg-grey-2 { --tw-bg-opacity:1!important; }

.bg-grey-2 { background-color: rgba(153, 153, 153, var(--tw-bg-opacity)) !important; }

.bg-white { background-color: rgba(255, 255, 255, var(--tw-bg-opacity)) !important; }

.bg-black, .bg-white { --tw-bg-opacity:1!important; }

.bg-black { background-color: rgba(0, 0, 0, var(--tw-bg-opacity)) !important; }

.hover\:bg-grey-subtle:hover { --tw-bg-opacity:1!important; background-color: rgba(250, 250, 250, var(--tw-bg-opacity)) !important; }

.bg-footer { background-image: url(https://zien.io/assets/img/zien_logo.svg) !important; }

.bg-fill { background-size: 100% 100% !important; }

.border-grey-0 { border-color: rgba(240, 240, 240, var(--tw-border-opacity)) !important; }

.border-grey-0, .border-grey-1 { --tw-border-opacity:1!important; }

.border-grey-1 { border-color: rgba(204, 204, 204, var(--tw-border-opacity)) !important; }

.border-grey-2 { --tw-border-opacity:1!important; border-color: rgba(153, 153, 153, var(--tw-border-opacity)) !important; }

.rounded-none { border-radius: 0 !important; }

.rounded-md { border-radius: 18px !important; }

.rounded-xl { border-radius: 28px !important; }

.rounded-2xl { border-radius: 36px !important; }

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

.border-solid { border-style: solid !important; }

.border-2 { border-width: 2px !important; }

.border { border-width: 1px !important; }

.border-t { border-top-width: 1px !important; }

.cursor-default { cursor: default !important; }

.cursor-pointer { cursor: pointer !important; }

.block { display: block !important; }

.inline-block { display: inline-block !important; }

.flex { display: flex !important; }

.table { display: table !important; }

.table-cell { display: table-cell !important; }

.grid { display: grid !important; }

.hidden { display: none !important; }

.flex-row { flex-direction: row !important; }

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

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

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

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

.items-end { align-items: flex-end !important; }

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

.items-baseline { align-items: baseline !important; }

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

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

.justify-start { justify-content: flex-start !important; }

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

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

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

.flex-1 { flex: 1 1 0% !important; }

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

.flex-shrink { flex-shrink: 1 !important; }

.float-right { float: right !important; }

.font-serif { font-family: TimesNewer, Times, serif !important; }

.font-normal { font-weight: 400 !important; }

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

.h-14 { height: 7rem !important; }

.h-auto { height: auto !important; }

.h-full { height: 100% !important; }

.h-screen { height: 100vh !important; }

.h-fit { height: -webkit-fit-content !important; height: -moz-fit-content !important; height: fit-content !important; }

.h-footer { height: 170px !important; }

.text-base { font-size: 1rem !important; line-height: 1.1rem !important; }

.text-lg { font-size: 1.714285714rem !important; line-height: 1.885714286rem !important; }

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

.text-2xl { font-size: 2.857142857rem !important; line-height: 3.142857143rem !important; }

.leading-none { line-height: 1 !important; }

.leading-tight { line-height: 1.25 !important; }

.leading-snug { line-height: 1.375 !important; }

.list-inside { list-style-position: inside !important; }

.list-disc { list-style-type: disc !important; }

.my-1 { margin-top: 0.5rem !important; margin-bottom: 0.5rem !important; }

.mx-1 { margin-left: 0.5rem !important; margin-right: 0.5rem !important; }

.my-2 { margin-top: 1rem !important; margin-bottom: 1rem !important; }

.my-4 { margin-top: 2rem !important; margin-bottom: 2rem !important; }

.my-10 { margin-top: 5rem !important; margin-bottom: 5rem !important; }

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

.mt-0 { margin-top: 0 !important; }

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

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

.ml-0 { margin-left: 0 !important; }

.mt-1 { margin-top: 0.5rem !important; }

.mb-1 { margin-bottom: 0.5rem !important; }

.ml-1 { margin-left: 0.5rem !important; }

.mt-2 { margin-top: 1rem !important; }

.mr-2 { margin-right: 1rem !important; }

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

.ml-2 { margin-left: 1rem !important; }

.mb-3 { margin-bottom: 1.5rem !important; }

.mt-4 { margin-top: 2rem !important; }

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

.ml-4 { margin-left: 2rem !important; }

.mt-5 { margin-top: 2.5rem !important; }

.mb-5 { margin-bottom: 2.5rem !important; }

.mt-6 { margin-top: 3rem !important; }

.mr-6 { margin-right: 3rem !important; }

.mb-6 { margin-bottom: 3rem !important; }

.mt-8 { margin-top: 4rem !important; }

.mb-8 { margin-bottom: 4rem !important; }

.mt-10 { margin-top: 5rem !important; }

.mb-10 { margin-bottom: 5rem !important; }

.mt-14 { margin-top: 7rem !important; }

.mb-14 { margin-bottom: 7rem !important; }

.mt-20 { margin-top: 10rem !important; }

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

.mr-auto { margin-right: auto !important; }

.mb-auto { margin-bottom: auto !important; }

.ml-auto { margin-left: auto !important; }

.mb-0\.25 { margin-bottom: 0.142857143rem !important; }

.mt-0\.5 { margin-top: 0.285714286rem !important; }

.mt-1\.2 { margin-top: 0.714285714rem !important; }

.mb-1\.2 { margin-bottom: 0.714285714rem !important; }

.mt-14vh { margin-top: 14vh !important; }

.-mt-3 { margin-top: -1.5rem !important; }

.max-h-available { max-height: -webkit-fill-available !important; }

.max-w-400 { max-width: 400px !important; }

.max-w-500 { max-width: 500px !important; }

.max-w-700 { max-width: 700px !important; }

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

.max-w-md { max-width: 28rem !important; }

.max-w-lg { max-width: 32rem !important; }

.max-w-4xl { max-width: 56rem !important; }

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

.max-w-screen-sm { max-width: 680px !important; }

.min-h-0 { min-height: 0 !important; }

.focus\:outline-none:focus { outline: 2px solid transparent !important; outline-offset: 2px !important; }

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

.p-0 { padding: 0 !important; }

.p-2 { padding: 1rem !important; }

.py-1 { padding-top: 0.5rem !important; padding-bottom: 0.5rem !important; }

.px-1 { padding-left: 0.5rem !important; padding-right: 0.5rem !important; }

.py-2 { padding-top: 1rem !important; padding-bottom: 1rem !important; }

.px-2 { padding-left: 1rem !important; padding-right: 1rem !important; }

.px-3 { padding-left: 1.5rem !important; padding-right: 1.5rem !important; }

.px-4 { padding-left: 2rem !important; padding-right: 2rem !important; }

.px-1\.2 { padding-left: 0.714285714rem !important; padding-right: 0.714285714rem !important; }

.pb-0 { padding-bottom: 0 !important; }

.pt-1 { padding-top: 0.5rem !important; }

.pr-2 { padding-right: 1rem !important; }

.pl-2 { padding-left: 1rem !important; }

.pb-3 { padding-bottom: 1.5rem !important; }

.pt-4 { padding-top: 2rem !important; }

.pb-4 { padding-bottom: 2rem !important; }

.pt-5 { padding-top: 2.5rem !important; }

.pb-8 { padding-bottom: 4rem !important; }

.pt-10 { padding-top: 5rem !important; }

.pt-14 { padding-top: 7rem !important; }

.pt-1\.2 { padding-top: 0.714285714rem !important; }

.static { position: static !important; }

.absolute { position: absolute !important; }

.relative { position: relative !important; }

.inset-x-0 { right: 0 !important; left: 0 !important; }

.top-0 { top: 0 !important; }

.top-1\/2 { top: 50% !important; }

.resize { resize: both !important; }

* { --tw-shadow:0 0 transparent; --tw-ring-inset:var(--tw-empty,/*!*/ /*!*/); --tw-ring-offset-width:0px; --tw-ring-offset-color:#fff; --tw-ring-color:rgba(59,130,246,0.5); --tw-ring-offset-shadow:0 0 transparent; --tw-ring-shadow:0 0 transparent; }

.text-left { text-align: left !important; }

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

.text-right { text-align: right !important; }

.text-blue { color: rgba(20, 0, 255, var(--tw-text-opacity)) !important; }

.text-black, .text-blue { --tw-text-opacity:1!important; }

.text-black { color: rgba(0, 0, 0, var(--tw-text-opacity)) !important; }

.hover\:text-blue:hover { --tw-text-opacity:1!important; color: rgba(20, 0, 255, var(--tw-text-opacity)) !important; }

.hover\:text-black:hover { --tw-text-opacity:1!important; color: rgba(0, 0, 0, var(--tw-text-opacity)) !important; }

.italic { font-style: italic !important; }

.uppercase { text-transform: uppercase !important; }

.underline { text-decoration: underline !important; }

.tracking-widest { letter-spacing: 0.2em !important; }

.select-none { -webkit-user-select: none !important; -moz-user-select: none !important; -ms-user-select: none !important; user-select: none !important; }

.align-top { vertical-align: top !important; }

.whitespace-nowrap { white-space: nowrap !important; }

.w-0 { width: 0 !important; }

.w-1 { width: 0.5rem !important; }

.w-14 { width: 7rem !important; }

.w-1\.2 { width: 0.714285714rem !important; }

.w-1\/2 { width: 50% !important; }

.w-1\/3 { width: 33.333333% !important; }

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

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

.w-1\/5 { width: 20% !important; }

.w-3\/5 { width: 60% !important; }

.w-4\/5 { width: 80% !important; }

.w-1\/6 { width: 16.666667% !important; }

.w-4\/6 { width: 66.666667% !important; }

.w-1\/12 { width: 8.333333% !important; }

.w-6\/12 { width: 50% !important; }

.w-7\/12 { width: 58.333333% !important; }

.w-9\/12 { width: 75% !important; }

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

.w-fit { width: -webkit-fit-content !important; width: -moz-fit-content !important; width: fit-content !important; }

.z-50 { z-index: 50 !important; }

.gap-1 { gap: 0.5rem !important; }

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

.transform { --tw-translate-x:0!important; --tw-translate-y:0!important; --tw-rotate:0!important; --tw-skew-x:0!important; --tw-skew-y:0!important; --tw-scale-x:1!important; --tw-scale-y:1!important; transform: translateX(var(--tw-translate-x)) translateY(var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important; }

.-translate-y-1\/2 { --tw-translate-y:-50%!important; }

.transition-all { transition-property: all !important; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important; transition-duration: 0.15s !important; }

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

.duration-200 { transition-duration: 0.2s !important; }

@-webkit-keyframes spin { to { transform: rotate(1turn); } }

@keyframes spin { to { transform: rotate(1turn); } }

@-webkit-keyframes ping { 75%, to { transform: scale(2);
    opacity: 0; } }

@keyframes ping { 75%, to { transform: scale(2);
    opacity: 0; } }

@-webkit-keyframes pulse { 50% { opacity: .5; } }

@keyframes pulse { 50% { opacity: .5; } }

@-webkit-keyframes bounce { 0%, to { transform: translateY(-25%);
    -webkit-animation-timing-function: cubic-bezier(0.8, 0, 1, 1);
    animation-timing-function: cubic-bezier(0.8, 0, 1, 1); }
  50% { transform: none;
    -webkit-animation-timing-function: cubic-bezier(0, 0, 0.2, 1);
    animation-timing-function: cubic-bezier(0, 0, 0.2, 1); } }

@keyframes bounce { 0%, to { transform: translateY(-25%);
    -webkit-animation-timing-function: cubic-bezier(0.8, 0, 1, 1);
    animation-timing-function: cubic-bezier(0.8, 0, 1, 1); }
  50% { transform: none;
    -webkit-animation-timing-function: cubic-bezier(0, 0, 0.2, 1);
    animation-timing-function: cubic-bezier(0, 0, 0.2, 1); } }

@-webkit-keyframes hide-up { 0% { transform: translateY(0);
    opacity: 1; }
  65% { transform: translateY(0);
    opacity: 1; }
  to { transform: translateY(-10px);
    opacity: 0; } }

@keyframes hide-up { 0% { transform: translateY(0);
    opacity: 1; }
  65% { transform: translateY(0);
    opacity: 1; }
  to { transform: translateY(-10px);
    opacity: 0; } }

.animate-hide-up { -webkit-animation: hide-up 0.75s ease-out forwards !important; animation: hide-up 0.75s ease-out forwards !important; }

.border-spacing-0 { border-spacing: 0; }

.hidden-desktop-inline-flex { display: inline-flex !important; }

.desktop-only-inline-flex { display: none !important; }

@media (min-width: 1024px) { .hidden-desktop-inline-flex { display: none !important; } .desktop-only-inline-flex { display: inline-flex !important; } }

.iti { position: relative; display: inline-block; }

.iti * { box-sizing: border-box; -moz-box-sizing: border-box; }

.iti__hide { display: none; }

.iti__v-hide { visibility: hidden; }

.iti input, .iti input[type=tel], .iti input[type=text] { position: relative; z-index: 0; margin-top: 0 !important; margin-bottom: 0 !important; padding-right: 36px; margin-right: 0; }

.iti__flag-container { position: absolute; top: 0; bottom: 0; right: 0; padding: 1px; }

.iti__selected-flag { z-index: 1; position: relative; display: flex; align-items: center; height: 100%; padding: 0 6px 0 8px; }

.iti__arrow { margin-left: 6px; width: 0; height: 0; border-left: 3px solid transparent; border-right: 3px solid transparent; border-top: 4px solid #555; }

.iti__arrow--up { border-top: none; border-bottom: 4px solid #555; }

.iti__country-list { position: absolute; z-index: 2; list-style: none; text-align: left; padding: 0; margin: 0 0 0 -1px; box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.2); background-color: #fff; border: 1px solid #ccc; white-space: nowrap; max-height: 200px; overflow-y: scroll; -webkit-overflow-scrolling: touch; }

.iti__country-list--dropup { bottom: 100%; margin-bottom: -1px; }

@media (max-width: 500px) { .iti__country-list { white-space: normal; } }

.iti__flag-box { display: inline-block; width: 20px; }

.iti__divider { padding-bottom: 5px; margin-bottom: 5px; border-bottom: 1px solid #ccc; }

.iti__country { padding: 5px 10px; outline: 0; }

.iti__dial-code { color: #999; }

.iti__country.iti__highlight { background-color: rgba(0, 0, 0, 0.05); }

.iti__country-name, .iti__dial-code, .iti__flag-box { vertical-align: middle; }

.iti__country-name, .iti__flag-box { margin-right: 6px; }

.iti--allow-dropdown input, .iti--allow-dropdown input[type=tel], .iti--allow-dropdown input[type=text], .iti--separate-dial-code input, .iti--separate-dial-code input[type=tel], .iti--separate-dial-code input[type=text] { padding-right: 6px; padding-left: 52px; margin-left: 0; }

.iti--allow-dropdown .iti__flag-container, .iti--separate-dial-code .iti__flag-container { right: auto; left: 0; }

.iti--allow-dropdown .iti__flag-container:hover { cursor: pointer; }

.iti--allow-dropdown .iti__flag-container:hover .iti__selected-flag { background-color: rgba(0, 0, 0, 0.05); }

.iti--allow-dropdown input[disabled] + .iti__flag-container:hover, .iti--allow-dropdown input[readonly] + .iti__flag-container:hover { cursor: default; }

.iti--allow-dropdown input[disabled] + .iti__flag-container:hover .iti__selected-flag, .iti--allow-dropdown input[readonly] + .iti__flag-container:hover .iti__selected-flag { background-color: transparent; }

.iti--separate-dial-code .iti__selected-flag { background-color: rgba(0, 0, 0, 0.05); }

.iti--separate-dial-code .iti__selected-dial-code { margin-left: 6px; }

.iti--container { position: absolute; top: -1000px; left: -1000px; z-index: 1060; padding: 1px; }

.iti--container:hover { cursor: pointer; }

.iti-mobile .iti--container { top: 30px; bottom: 30px; left: 30px; right: 30px; position: fixed; }

.iti-mobile .iti__country-list { max-height: 100%; width: 100%; }

.iti-mobile .iti__country { padding: 10px; line-height: 1.5em; }

.iti__flag { width: 20px; }

.iti__flag.iti__be { width: 18px; }

.iti__flag.iti__ch { width: 15px; }

.iti__flag.iti__mc { width: 19px; }

.iti__flag.iti__ne { width: 18px; }

.iti__flag.iti__np { width: 13px; }

.iti__flag.iti__va { width: 15px; }

@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .iti__flag { background-size: 5652px 15px; } }

.iti__flag.iti__ac { height: 10px; background-position: 0 0; }

.iti__flag.iti__ad { height: 14px; background-position: -22px 0; }

.iti__flag.iti__ae { height: 10px; background-position: -44px 0; }

.iti__flag.iti__af { height: 14px; background-position: -66px 0; }

.iti__flag.iti__ag { height: 14px; background-position: -88px 0; }

.iti__flag.iti__ai { height: 10px; background-position: -110px 0; }

.iti__flag.iti__al { height: 15px; background-position: -132px 0; }

.iti__flag.iti__am { height: 10px; background-position: -154px 0; }

.iti__flag.iti__ao { height: 14px; background-position: -176px 0; }

.iti__flag.iti__aq { height: 14px; background-position: -198px 0; }

.iti__flag.iti__ar { height: 13px; background-position: -220px 0; }

.iti__flag.iti__as { height: 10px; background-position: -242px 0; }

.iti__flag.iti__at { height: 14px; background-position: -264px 0; }

.iti__flag.iti__au { height: 10px; background-position: -286px 0; }

.iti__flag.iti__aw { height: 14px; background-position: -308px 0; }

.iti__flag.iti__ax { height: 13px; background-position: -330px 0; }

.iti__flag.iti__az { height: 10px; background-position: -352px 0; }

.iti__flag.iti__ba { height: 10px; background-position: -374px 0; }

.iti__flag.iti__bb { height: 14px; background-position: -396px 0; }

.iti__flag.iti__bd { height: 12px; background-position: -418px 0; }

.iti__flag.iti__be { height: 15px; background-position: -440px 0; }

.iti__flag.iti__bf { height: 14px; background-position: -460px 0; }

.iti__flag.iti__bg { height: 12px; background-position: -482px 0; }

.iti__flag.iti__bh { height: 12px; background-position: -504px 0; }

.iti__flag.iti__bi { height: 12px; background-position: -526px 0; }

.iti__flag.iti__bj { height: 14px; background-position: -548px 0; }

.iti__flag.iti__bl { height: 14px; background-position: -570px 0; }

.iti__flag.iti__bm { height: 10px; background-position: -592px 0; }

.iti__flag.iti__bn { height: 10px; background-position: -614px 0; }

.iti__flag.iti__bo { height: 14px; background-position: -636px 0; }

.iti__flag.iti__bq { height: 14px; background-position: -658px 0; }

.iti__flag.iti__br { height: 14px; background-position: -680px 0; }

.iti__flag.iti__bs { height: 10px; background-position: -702px 0; }

.iti__flag.iti__bt { height: 14px; background-position: -724px 0; }

.iti__flag.iti__bv { height: 15px; background-position: -746px 0; }

.iti__flag.iti__bw { height: 14px; background-position: -768px 0; }

.iti__flag.iti__by { height: 10px; background-position: -790px 0; }

.iti__flag.iti__bz { height: 14px; background-position: -812px 0; }

.iti__flag.iti__ca { height: 10px; background-position: -834px 0; }

.iti__flag.iti__cc { height: 10px; background-position: -856px 0; }

.iti__flag.iti__cd { height: 15px; background-position: -878px 0; }

.iti__flag.iti__cf { height: 14px; background-position: -900px 0; }

.iti__flag.iti__cg { height: 14px; background-position: -922px 0; }

.iti__flag.iti__ch { height: 15px; background-position: -944px 0; }

.iti__flag.iti__ci { height: 14px; background-position: -961px 0; }

.iti__flag.iti__ck { height: 10px; background-position: -983px 0; }

.iti__flag.iti__cl { height: 14px; background-position: -1005px 0; }

.iti__flag.iti__cm { height: 14px; background-position: -1027px 0; }

.iti__flag.iti__cn { height: 14px; background-position: -1049px 0; }

.iti__flag.iti__co { height: 14px; background-position: -1071px 0; }

.iti__flag.iti__cp { height: 14px; background-position: -1093px 0; }

.iti__flag.iti__cr { height: 12px; background-position: -1115px 0; }

.iti__flag.iti__cu { height: 10px; background-position: -1137px 0; }

.iti__flag.iti__cv { height: 12px; background-position: -1159px 0; }

.iti__flag.iti__cw { height: 14px; background-position: -1181px 0; }

.iti__flag.iti__cx { height: 10px; background-position: -1203px 0; }

.iti__flag.iti__cy { height: 14px; background-position: -1225px 0; }

.iti__flag.iti__cz { height: 14px; background-position: -1247px 0; }

.iti__flag.iti__de { height: 12px; background-position: -1269px 0; }

.iti__flag.iti__dg { height: 10px; background-position: -1291px 0; }

.iti__flag.iti__dj { height: 14px; background-position: -1313px 0; }

.iti__flag.iti__dk { height: 15px; background-position: -1335px 0; }

.iti__flag.iti__dm { height: 10px; background-position: -1357px 0; }

.iti__flag.iti__do { height: 14px; background-position: -1379px 0; }

.iti__flag.iti__dz { height: 14px; background-position: -1401px 0; }

.iti__flag.iti__ea { height: 14px; background-position: -1423px 0; }

.iti__flag.iti__ec { height: 14px; background-position: -1445px 0; }

.iti__flag.iti__ee { height: 13px; background-position: -1467px 0; }

.iti__flag.iti__eg { height: 14px; background-position: -1489px 0; }

.iti__flag.iti__eh { height: 10px; background-position: -1511px 0; }

.iti__flag.iti__er { height: 10px; background-position: -1533px 0; }

.iti__flag.iti__es { height: 14px; background-position: -1555px 0; }

.iti__flag.iti__et { height: 10px; background-position: -1577px 0; }

.iti__flag.iti__eu { height: 14px; background-position: -1599px 0; }

.iti__flag.iti__fi { height: 12px; background-position: -1621px 0; }

.iti__flag.iti__fj { height: 10px; background-position: -1643px 0; }

.iti__flag.iti__fk { height: 10px; background-position: -1665px 0; }

.iti__flag.iti__fm { height: 11px; background-position: -1687px 0; }

.iti__flag.iti__fo { height: 15px; background-position: -1709px 0; }

.iti__flag.iti__fr { height: 14px; background-position: -1731px 0; }

.iti__flag.iti__ga { height: 15px; background-position: -1753px 0; }

.iti__flag.iti__gb { height: 10px; background-position: -1775px 0; }

.iti__flag.iti__gd { height: 12px; background-position: -1797px 0; }

.iti__flag.iti__ge { height: 14px; background-position: -1819px 0; }

.iti__flag.iti__gf { height: 14px; background-position: -1841px 0; }

.iti__flag.iti__gg { height: 14px; background-position: -1863px 0; }

.iti__flag.iti__gh { height: 14px; background-position: -1885px 0; }

.iti__flag.iti__gi { height: 10px; background-position: -1907px 0; }

.iti__flag.iti__gl { height: 14px; background-position: -1929px 0; }

.iti__flag.iti__gm { height: 14px; background-position: -1951px 0; }

.iti__flag.iti__gn { height: 14px; background-position: -1973px 0; }

.iti__flag.iti__gp { height: 14px; background-position: -1995px 0; }

.iti__flag.iti__gq { height: 14px; background-position: -2017px 0; }

.iti__flag.iti__gr { height: 14px; background-position: -2039px 0; }

.iti__flag.iti__gs { height: 10px; background-position: -2061px 0; }

.iti__flag.iti__gt { height: 13px; background-position: -2083px 0; }

.iti__flag.iti__gu { height: 11px; background-position: -2105px 0; }

.iti__flag.iti__gw { height: 10px; background-position: -2127px 0; }

.iti__flag.iti__gy { height: 12px; background-position: -2149px 0; }

.iti__flag.iti__hk { height: 14px; background-position: -2171px 0; }

.iti__flag.iti__hm { height: 10px; background-position: -2193px 0; }

.iti__flag.iti__hn { height: 10px; background-position: -2215px 0; }

.iti__flag.iti__hr { height: 10px; background-position: -2237px 0; }

.iti__flag.iti__ht { height: 12px; background-position: -2259px 0; }

.iti__flag.iti__hu { height: 10px; background-position: -2281px 0; }

.iti__flag.iti__ic { height: 14px; background-position: -2303px 0; }

.iti__flag.iti__id { height: 14px; background-position: -2325px 0; }

.iti__flag.iti__ie { height: 10px; background-position: -2347px 0; }

.iti__flag.iti__il { height: 15px; background-position: -2369px 0; }

.iti__flag.iti__im { height: 10px; background-position: -2391px 0; }

.iti__flag.iti__in { height: 14px; background-position: -2413px 0; }

.iti__flag.iti__io { height: 10px; background-position: -2435px 0; }

.iti__flag.iti__iq { height: 14px; background-position: -2457px 0; }

.iti__flag.iti__ir { height: 12px; background-position: -2479px 0; }

.iti__flag.iti__is { height: 15px; background-position: -2501px 0; }

.iti__flag.iti__it { height: 14px; background-position: -2523px 0; }

.iti__flag.iti__je { height: 12px; background-position: -2545px 0; }

.iti__flag.iti__jm { height: 10px; background-position: -2567px 0; }

.iti__flag.iti__jo { height: 10px; background-position: -2589px 0; }

.iti__flag.iti__jp { height: 14px; background-position: -2611px 0; }

.iti__flag.iti__ke { height: 14px; background-position: -2633px 0; }

.iti__flag.iti__kg { height: 12px; background-position: -2655px 0; }

.iti__flag.iti__kh { height: 13px; background-position: -2677px 0; }

.iti__flag.iti__ki { height: 10px; background-position: -2699px 0; }

.iti__flag.iti__km { height: 12px; background-position: -2721px 0; }

.iti__flag.iti__kn { height: 14px; background-position: -2743px 0; }

.iti__flag.iti__kp { height: 10px; background-position: -2765px 0; }

.iti__flag.iti__kr { height: 14px; background-position: -2787px 0; }

.iti__flag.iti__kw { height: 10px; background-position: -2809px 0; }

.iti__flag.iti__ky { height: 10px; background-position: -2831px 0; }

.iti__flag.iti__kz { height: 10px; background-position: -2853px 0; }

.iti__flag.iti__la { height: 14px; background-position: -2875px 0; }

.iti__flag.iti__lb { height: 14px; background-position: -2897px 0; }

.iti__flag.iti__lc { height: 10px; background-position: -2919px 0; }

.iti__flag.iti__li { height: 12px; background-position: -2941px 0; }

.iti__flag.iti__lk { height: 10px; background-position: -2963px 0; }

.iti__flag.iti__lr { height: 11px; background-position: -2985px 0; }

.iti__flag.iti__ls { height: 14px; background-position: -3007px 0; }

.iti__flag.iti__lt { height: 12px; background-position: -3029px 0; }

.iti__flag.iti__lu { height: 12px; background-position: -3051px 0; }

.iti__flag.iti__lv { height: 10px; background-position: -3073px 0; }

.iti__flag.iti__ly { height: 10px; background-position: -3095px 0; }

.iti__flag.iti__ma { height: 14px; background-position: -3117px 0; }

.iti__flag.iti__mc { height: 15px; background-position: -3139px 0; }

.iti__flag.iti__md { height: 10px; background-position: -3160px 0; }

.iti__flag.iti__me { height: 10px; background-position: -3182px 0; }

.iti__flag.iti__mf { height: 14px; background-position: -3204px 0; }

.iti__flag.iti__mg { height: 14px; background-position: -3226px 0; }

.iti__flag.iti__mh { height: 11px; background-position: -3248px 0; }

.iti__flag.iti__mk { height: 10px; background-position: -3270px 0; }

.iti__flag.iti__ml { height: 14px; background-position: -3292px 0; }

.iti__flag.iti__mm { height: 14px; background-position: -3314px 0; }

.iti__flag.iti__mn { height: 10px; background-position: -3336px 0; }

.iti__flag.iti__mo { height: 14px; background-position: -3358px 0; }

.iti__flag.iti__mp { height: 10px; background-position: -3380px 0; }

.iti__flag.iti__mq { height: 14px; background-position: -3402px 0; }

.iti__flag.iti__mr { height: 14px; background-position: -3424px 0; }

.iti__flag.iti__ms { height: 10px; background-position: -3446px 0; }

.iti__flag.iti__mt { height: 14px; background-position: -3468px 0; }

.iti__flag.iti__mu { height: 14px; background-position: -3490px 0; }

.iti__flag.iti__mv { height: 14px; background-position: -3512px 0; }

.iti__flag.iti__mw { height: 14px; background-position: -3534px 0; }

.iti__flag.iti__mx { height: 12px; background-position: -3556px 0; }

.iti__flag.iti__my { height: 10px; background-position: -3578px 0; }

.iti__flag.iti__mz { height: 14px; background-position: -3600px 0; }

.iti__flag.iti__na { height: 14px; background-position: -3622px 0; }

.iti__flag.iti__nc { height: 10px; background-position: -3644px 0; }

.iti__flag.iti__ne { height: 15px; background-position: -3666px 0; }

.iti__flag.iti__nf { height: 10px; background-position: -3686px 0; }

.iti__flag.iti__ng { height: 10px; background-position: -3708px 0; }

.iti__flag.iti__ni { height: 12px; background-position: -3730px 0; }

.iti__flag.iti__nl { height: 14px; background-position: -3752px 0; }

.iti__flag.iti__no { height: 15px; background-position: -3774px 0; }

.iti__flag.iti__np { height: 15px; background-position: -3796px 0; }

.iti__flag.iti__nr { height: 10px; background-position: -3811px 0; }

.iti__flag.iti__nu { height: 10px; background-position: -3833px 0; }

.iti__flag.iti__nz { height: 10px; background-position: -3855px 0; }

.iti__flag.iti__om { height: 10px; background-position: -3877px 0; }

.iti__flag.iti__pa { height: 14px; background-position: -3899px 0; }

.iti__flag.iti__pe { height: 14px; background-position: -3921px 0; }

.iti__flag.iti__pf { height: 14px; background-position: -3943px 0; }

.iti__flag.iti__pg { height: 15px; background-position: -3965px 0; }

.iti__flag.iti__ph { height: 10px; background-position: -3987px 0; }

.iti__flag.iti__pk { height: 14px; background-position: -4009px 0; }

.iti__flag.iti__pl { height: 13px; background-position: -4031px 0; }

.iti__flag.iti__pm { height: 14px; background-position: -4053px 0; }

.iti__flag.iti__pn { height: 10px; background-position: -4075px 0; }

.iti__flag.iti__pr { height: 14px; background-position: -4097px 0; }

.iti__flag.iti__ps { height: 10px; background-position: -4119px 0; }

.iti__flag.iti__pt { height: 14px; background-position: -4141px 0; }

.iti__flag.iti__pw { height: 13px; background-position: -4163px 0; }

.iti__flag.iti__py { height: 11px; background-position: -4185px 0; }

.iti__flag.iti__qa { height: 8px; background-position: -4207px 0; }

.iti__flag.iti__re { height: 14px; background-position: -4229px 0; }

.iti__flag.iti__ro { height: 14px; background-position: -4251px 0; }

.iti__flag.iti__rs { height: 14px; background-position: -4273px 0; }

.iti__flag.iti__ru { height: 14px; background-position: -4295px 0; }

.iti__flag.iti__rw { height: 14px; background-position: -4317px 0; }

.iti__flag.iti__sa { height: 14px; background-position: -4339px 0; }

.iti__flag.iti__sb { height: 10px; background-position: -4361px 0; }

.iti__flag.iti__sc { height: 10px; background-position: -4383px 0; }

.iti__flag.iti__sd { height: 10px; background-position: -4405px 0; }

.iti__flag.iti__se { height: 13px; background-position: -4427px 0; }

.iti__flag.iti__sg { height: 14px; background-position: -4449px 0; }

.iti__flag.iti__sh { height: 10px; background-position: -4471px 0; }

.iti__flag.iti__si { height: 10px; background-position: -4493px 0; }

.iti__flag.iti__sj { height: 15px; background-position: -4515px 0; }

.iti__flag.iti__sk { height: 14px; background-position: -4537px 0; }

.iti__flag.iti__sl { height: 14px; background-position: -4559px 0; }

.iti__flag.iti__sm { height: 15px; background-position: -4581px 0; }

.iti__flag.iti__sn { height: 14px; background-position: -4603px 0; }

.iti__flag.iti__so { height: 14px; background-position: -4625px 0; }

.iti__flag.iti__sr { height: 14px; background-position: -4647px 0; }

.iti__flag.iti__ss { height: 10px; background-position: -4669px 0; }

.iti__flag.iti__st { height: 10px; background-position: -4691px 0; }

.iti__flag.iti__sv { height: 12px; background-position: -4713px 0; }

.iti__flag.iti__sx { height: 14px; background-position: -4735px 0; }

.iti__flag.iti__sy { height: 14px; background-position: -4757px 0; }

.iti__flag.iti__sz { height: 14px; background-position: -4779px 0; }

.iti__flag.iti__ta { height: 10px; background-position: -4801px 0; }

.iti__flag.iti__tc { height: 10px; background-position: -4823px 0; }

.iti__flag.iti__td { height: 14px; background-position: -4845px 0; }

.iti__flag.iti__tf { height: 14px; background-position: -4867px 0; }

.iti__flag.iti__tg { height: 13px; background-position: -4889px 0; }

.iti__flag.iti__th { height: 14px; background-position: -4911px 0; }

.iti__flag.iti__tj { height: 10px; background-position: -4933px 0; }

.iti__flag.iti__tk { height: 10px; background-position: -4955px 0; }

.iti__flag.iti__tl { height: 10px; background-position: -4977px 0; }

.iti__flag.iti__tm { height: 14px; background-position: -4999px 0; }

.iti__flag.iti__tn { height: 14px; background-position: -5021px 0; }

.iti__flag.iti__to { height: 10px; background-position: -5043px 0; }

.iti__flag.iti__tr { height: 14px; background-position: -5065px 0; }

.iti__flag.iti__tt { height: 12px; background-position: -5087px 0; }

.iti__flag.iti__tv { height: 10px; background-position: -5109px 0; }

.iti__flag.iti__tw { height: 14px; background-position: -5131px 0; }

.iti__flag.iti__tz { height: 14px; background-position: -5153px 0; }

.iti__flag.iti__ua { height: 14px; background-position: -5175px 0; }

.iti__flag.iti__ug { height: 14px; background-position: -5197px 0; }

.iti__flag.iti__um { height: 11px; background-position: -5219px 0; }

.iti__flag.iti__un { height: 14px; background-position: -5241px 0; }

.iti__flag.iti__us { height: 11px; background-position: -5263px 0; }

.iti__flag.iti__uy { height: 14px; background-position: -5285px 0; }

.iti__flag.iti__uz { height: 10px; background-position: -5307px 0; }

.iti__flag.iti__va { height: 15px; background-position: -5329px 0; }

.iti__flag.iti__vc { height: 14px; background-position: -5346px 0; }

.iti__flag.iti__ve { height: 14px; background-position: -5368px 0; }

.iti__flag.iti__vg { height: 10px; background-position: -5390px 0; }

.iti__flag.iti__vi { height: 14px; background-position: -5412px 0; }

.iti__flag.iti__vn { height: 14px; background-position: -5434px 0; }

.iti__flag.iti__vu { height: 12px; background-position: -5456px 0; }

.iti__flag.iti__wf { height: 14px; background-position: -5478px 0; }

.iti__flag.iti__ws { height: 10px; background-position: -5500px 0; }

.iti__flag.iti__xk { height: 15px; background-position: -5522px 0; }

.iti__flag.iti__ye { height: 14px; background-position: -5544px 0; }

.iti__flag.iti__yt { height: 14px; background-position: -5566px 0; }

.iti__flag.iti__za { height: 14px; background-position: -5588px 0; }

.iti__flag.iti__zm { height: 14px; background-position: -5610px 0; }

.iti__flag.iti__zw { height: 10px; background-position: -5632px 0; }

.iti__flag { height: 15px; box-shadow: 0 0 1px 0 #888; background-image: url(https://zien.io/assets/img/flags.png); background-repeat: no-repeat; background-color: #dbdbdb; background-position: 20px 0; }

@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .iti__flag { background-image: url(https://zien.io/assets/img/flags@2x.png); } }

.iti__flag.iti__np { background-color: transparent; }

:root { --color-black:#000; --color-white:#fff; --color-grey_00:#f0f0f0; --color-grey_01:#ccc; --color-grey_02:#999; --color-red:#f33; --color-blue:#1400ff; }

.text { font-family: neue-haas-grotesk-text,Helvetica,Arial,sans-serif; font-size: 14px; line-height: 140%; padding: 0; margin: 0; text-align: left; color: var(--color-black); }

.text a { text-decoration: underline; }

.text strong { font-weight: 500; }

.text-medium { font-size: 14px; font-size: 1.8rem !important; }

@media (max-width: 680px) { .text-medium { font-size: 1.6rem; } }

.text-large, .text-medium { font-family: neue-haas-grotesk-text,Helvetica,Arial,sans-serif; line-height: 140%; padding: 0; margin: 0; text-align: left; color: var(--color-black); }

.text-large { font-size: 14px; font-size: 2.8rem; }

@media (max-width: 680px) { .text-large { font-size: 2.5rem; } }

.text-extra-large { font-family: neue-haas-grotesk-text,Helvetica,Arial,sans-serif; font-size: 14px; line-height: 140%; padding: 0; margin: 0; text-align: left; color: var(--color-black); font-size: 9rem; }

@media (max-width: 680px) { .text-extra-large { font-size: 7rem; line-height: 120%; } }

.light { font-style: normal; font-weight: 400; }

.bold { font-weight: 500; }

.text-overflow { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

.hidden { display: none; }

@media (max-width: 680px) { .hidden-mobile { display: none !important; } }

.mobile-only { display: none !important; }

@media (max-width: 680px) { .mobile-only { display: block !important; } }

.hidden-desktop { display: none !important; }

@media (max-width: 1023px) { .hidden-desktop { display: block !important; } }

.desktop-only { display: block !important; }

@media (max-width: 1023px) { .desktop-only { display: none !important; } }

@media (max-width: 680px) { .align-right-mobile { text-align: right; } }

body header a#logo { padding: 16px; line-height: 0; border-radius: 22px; }

body main.main { padding-bottom: 16rem; min-height: calc(100vh - 220px - 1.5rem) !important; }

@media (max-width: 680px) { body main.main { padding-bottom: 8rem; min-height: calc(100vh - 100px) !important; } }

body input, body select { -moz-appearance: none !important; -webkit-appearance: none !important; background: var(--color-grey_00); color: var(--color-grey_01); border: none; outline: none; font-family: neue-haas-grotesk-text,Helvetica,Arial,sans-serif; font-size: 14px; line-height: 140%; text-align: left; color: var(--color-black); font-size: 2.8rem; padding: 12px 16px; border-radius: 28px; width: 100%; margin: 0 10px 0 0; max-width: 100%; padding-right: 0 !important; box-shadow: 0 1px 8px 2px transparent; }

@media (max-width: 680px) { body input, body select { font-size: 2.5rem; } }

body input:focus, body select:focus { box-shadow: 0 1px 8px 2px rgba(0, 0, 0, 0.18); }

body .input-group { display: flex; align-items: flex-end; }

@media (max-width: 1023px) { body .input-group { flex-wrap: wrap; } }

body .input-group--iti-full .iti { width: 100%; }

body .link { color: var(--color-black); transition: color .2s ease-out; }

body .link .link-icon { width: 12px; float: right; }

body .checkbox { text-decoration: none; display: flex; justify-content: center; align-items: center; cursor: pointer; -moz-appearance: none; -webkit-appearance: none; border: none; outline: none; width: auto; max-width: 28rem; }

body .checkbox input[type=checkbox] { position: relative; display: flex; width: 24px; height: 20px; margin-left: 1rem; }

body .checkbox input[type=checkbox]:after { content: ""; font-size: 26px; position: absolute; top: 0; bottom: 0; right: 0; left: 0; border-radius: .375rem; line-height: 75%; text-align: center; color: var(--color-grey_02); background-color: var(--color-grey_00); }

body .checkbox input[type=checkbox]:hover:after { content: url(https://zien.io/assets/img/check_white.svg); color: var(--color-grey_00); }

body .checkbox input[type=checkbox]:checked { background-color: #1400ff; }

body .checkbox input[type=checkbox]:checked:after { content: url(https://zien.io/assets/img/check_white.svg); color: var(--color-white); background-color: var(--color-black); }

body .button:disabled, body .button[disabled] { opacity: .5; pointer-events: none; }

body .button-icon img { margin-left: .375rem; }

body .button-close { width: 40px; height: 40px; border-radius: 100%; position: relative; cursor: pointer; }

body .button-close:hover:after, body .button-close:hover:before { background-color: var(--color-grey_02); }

body .button-close:after, body .button-close:before { position: absolute; left: 0; content: " "; height: 24px; width: 2px; left: 19px; top: 8px; background-color: var(--color-black); }

body .button-close:before { transform: rotate(45deg); }

body .button-close:after { transform: rotate(-45deg); }

body .button-close--bg-grey { background: var(--color-grey_00); box-shadow: none; }

body .button-close--bg-grey:hover { box-shadow: none; }

body .button-close--bg-grey:after, body .button-close--bg-grey:before { background-color: var(--color-grey_01); }

body .button-close--fixed { position: fixed; top: 10px; right: 10px; z-index: 1; }

body .slider-wrapper { -webkit-overflow-scrolling: touch; }

body .slider-wrapper::-webkit-scrollbar { display: none; }

body .slider-wrapper .image-wrapper { flex: 0 0 auto; }

body .drop-card { margin: 0; }

body .drop-card .media-artwork { width: 100%; display: flex; flex-direction: row; flex-wrap: wrap; align-items: center; }

body .drop-card .media-artwork p { position: absolute; z-index: 999999; text-align: center; color: var(--color-black); margin: 0 auto; width: calc(50% - 10px); }

@media (max-width: 680px) { body .drop-card .media-artwork p { width: calc(100% - 20px); } }

body .drop-card .media-artwork img { padding: 4rem; border-radius: 28px; margin: 1.5rem 0; }

@media (max-width: 680px) { body .drop-card { margin-top: 0; } body .drop-card img { padding: 1.5rem; margin: .5rem 0 0; border: none; border-radius: 0; } }

body .drop-card .info-scarceedition { margin: 1rem auto; }

body .drop-card .info-drop .drop-card-date { margin-bottom: .5rem; }

.iti { font-family: neue-haas-grotesk-text,Helvetica,Arial,sans-serif; font-size: 14px; line-height: 140%; padding: 0; margin: 0; text-align: left; color: var(--color-black); text-transform: uppercase; font-size: 16px; display: flex; flex-grow: 1; }

@media (max-width: 1023px) { .iti { margin-right: 0; } }

@media (max-width: 680px) { .iti { margin-bottom: 0; width: 100%; } }

.iti-mobile .iti--container { top: 10px; bottom: 10px; left: 10px; right: 10px; }

.iti__flag-container { width: 0; overflow: visible; position: static; }

.iti__arrow, .iti__flag { flex-shrink: 0; }

.iti__selected-flag { width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; flex-grow: 1; border-top-left-radius: 28px; border-bottom-left-radius: 28px; outline: none; padding-left: 12px; }

.iti__country-list { outline: none; border: none; background: var(--color-grey_00); padding: 12px; margin-top: 10px; max-height: 300px; width: 100%; overflow-x: hidden; border-radius: 28px; box-shadow: 0 1px 8px 2px rgba(0, 0, 0, 0.18); }

.iti-mobile .iti__country-list { width: calc(100vw - 20px) !important; margin-top: 0; }

.iti__country.iti__highlight { border-radius: 12px; }

.checkbox-toggle { -webkit-appearance: none; -moz-appearance: none; appearance: none; position: absolute; width: 0; height: 0; outline: 0; opacity: 0; }

.checkbox-toggle:checked + .should-toggle, .checkbox-toggle:not(:checked) + .should-toggle + .should-toggle { display: none; }

.should-radio-toggle { display: none; flex-direction: column; justify-content: space-between; min-height: 60vh; }

@media (max-width: 680px) { .should-radio-toggle { min-height: 40vh; } }

.radio-toggle { -webkit-appearance: none; -moz-appearance: none; appearance: none; position: absolute; width: 0; height: 0; outline: 0; opacity: 0; }

.radio-toggle:checked + .radio-toggle-label + .should-radio-toggle, .radio-toggle:checked + .should-radio-toggle { display: flex; }

.drop-table { width: 100%; }

.drop-table.collection td { width: 100%/7; }

@media (max-width: 680px) { .drop-table.collection td { width: 100%/5; } }

.drop-table.collection td:first-child, .drop-table.collection td:last-child { width: 10%; }

@media (max-width: 680px) { .drop-table td, .drop-table th { vertical-align: top; } .drop-table .date, .drop-table .joined { width: 20%; } .drop-table .date { text-align: right; } }

.drop-table--body { text-transform: uppercase; vertical-align: top; }

@media (max-width: 680px) { .drop-table--body td.mobile-only { display: table-cell !important; } }

.drop-table--body td.badge span { margin-top: 0; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; text-align: center; }

.drop-table--body td.media-artwork { width: 10% !important; }

@media (max-width: 680px) { .drop-table--body td.media-artwork { width: 20% !important; } }

.drop-table--body.is-live td .link { color: var(--color-blue); }

@media (max-width: 680px) { .drop-table--body.mobile-only { display: table-row !important; } }

.drop-table--body .label { display: inline-block; float: none; vertical-align: 2px; margin: 0 0 0 10px; border-radius: 8px; }

@media (max-width: 680px) { .drop-table--body .label { margin-left: 0; margin-top: 4px; } }

.divider { display: inline-block; width: 100%; height: 1px; background: var(--color-grey_00); margin: .5rem 0; }

.divider.mobile-only { display: none; }

@media (max-width: 680px) { .divider.mobile-only { display: inline-block; } }

.scarce-info-nav { position: sticky; top: 1.2rem; align-self: flex-start; display: flex; flex-direction: column; justify-content: flex-start; }

.scarce-info-nav .scarce-info-link.active:before { content: "•"; left: 0; width: 20px; height: 20px; padding-right: .5rem; }

@media (max-width: 1023px) { .scarce-info-nav { top: 0; flex-direction: row; justify-content: space-around; } .scarce-info-nav .scarce-info-link { width: 50%; padding: 2rem 0; text-align: center; border-bottom: 1px solid #e5e5e5; } .scarce-info-nav .scarce-info-link.active { font-weight: 500; font-style: italic; border-bottom: 1px solid var(--color-black); } .scarce-info-nav .scarce-info-link.active:before { content: "" !important; width: 0; height: 0; padding-right: 0; } }

.artwork-preview { width: 80%; float: right; }

@media (max-width: 680px) { .artwork-preview { float: left; margin-left: 10%; } }

.scarce-info-wrapper .about p { padding: 0; font-style: normal; font-weight: 400; }

.scarce-info-wrapper .fabrication p { font-style: normal; font-weight: 400; }

.fabrication-instruction p { font-family: neue-haas-grotesk-text,Helvetica,Arial,sans-serif; font-size: 14px; line-height: 140%; padding: 0; margin: 0; text-align: left; color: var(--color-black); font-style: normal; font-weight: 400; text-transform: uppercase; }

.fabrication-instruction p strong { font-weight: 500; text-transform: none; }

.create-bid-button input[type=checkbox] { height: 24px; width: 24px; }

.create-bid-button input[type=checkbox]:checked { background-color: #1400ff; }

.button { --tw-bg-opacity:1; background-color: rgba(255, 255, 255, var(--tw-bg-opacity)); border-radius: 18px; cursor: pointer; display: inline-flex; align-items: center; justify-content: center; font-weight: 500; font-size: 1.714285714rem; line-height: 1.885714286rem; padding-left: .714285714rem; padding-right: .714285714rem; --tw-shadow:0px 2px 6px rgba(0,0,0,0.12); }

.button, .button:hover { box-shadow: var(--tw-ring-offset-shadow, 0 0 transparent), var(--tw-ring-shadow, 0 0 transparent), var(--tw-shadow); }

.button:hover { --tw-shadow:0px 2px 10px rgba(0,0,0,0.14); }

.button { text-align: center; --tw-text-opacity:1; color: rgba(0, 0, 0, var(--tw-text-opacity)); }

.button:hover { --tw-text-opacity:1; color: rgba(20, 0, 255, var(--tw-text-opacity)); }

.button { transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: .15s; transition-timing-function: cubic-bezier(0, 0, 0.2, 1); transition-duration: .2s; height: 3.571428571rem; }

.button-sm { height: 3.214285714rem; border-radius: 18px; font-weight: 400; font-size: 1rem; line-height: 1.1rem; text-transform: uppercase; }

.button-md { height: 4.857142857rem; border-radius: 28px; font-size: 2.857142857rem; line-height: 3.142857143rem; padding-left: .714285714rem; padding-right: .714285714rem; }

@media (min-width: 768px) { .button-md { padding-left: 1rem; padding-right: 1rem; } }

.button-md-responsive { height: 3.75rem; border-radius: 28px; font-size: 2rem; line-height: 2.2rem; padding-left: 1rem; padding-right: 1rem; }

@media (min-width: 768px) { .button-md-responsive { height: 4.857142857rem; font-size: 2.857142857rem; line-height: 3.142857143rem; } }

.button-lg { height: 5.142857143rem; border-radius: 28px; font-size: 2.857142857rem; line-height: 3.142857143rem; }

.button-etherscan, .button-lg { padding-left: 1rem; padding-right: 1rem; }

.button-etherscan { display: flex; align-content: flex-start; text-align: left; text-transform: none; }

.button-etherscan img { margin-left: auto; }

.button-icon--right { position: relative; }

.button-icon--right img { height: 2rem; position: absolute; right: .714285714rem; top: 50%; width: 2rem; --tw-translate-x:0; --tw-translate-y:0; --tw-rotate:0; --tw-skew-x:0; --tw-skew-y:0; --tw-scale-x:1; --tw-scale-y:1; transform: translateX(var(--tw-translate-x)) translateY(var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); --tw-translate-y:-50%; }

.label { background-color: rgba(0, 0, 0, var(--tw-bg-opacity)); border-radius: 10px; display: inline-flex; align-items: center; line-height: 1; padding: .285714286rem .714285714rem; padding-top: .392857143rem; padding-bottom: .392857143rem; }

.label, .label-blue { --tw-bg-opacity:1; --tw-text-opacity:1; color: rgba(255, 255, 255, var(--tw-text-opacity)); }

.label-blue { background-color: rgba(20, 0, 255, var(--tw-bg-opacity)); -webkit-animation: live-pulse 4s infinite; animation: live-pulse 4s infinite; }

.drop-big-text { width: 100%; display: inline-block; }

.radio-toggle-label .label { background-color: transparent; border-radius: 16px; --tw-text-opacity:1; color: rgba(0, 0, 0, var(--tw-text-opacity)); height: 37px; z-index: 1; }

.radio-toggle-label .label, .radio-toggle-label > div { position: relative; }

.radio-toggle-label > div:after { --tw-bg-opacity:1; background-color: rgba(0, 0, 0, var(--tw-bg-opacity)); border-radius: 16px; transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: .15s; transition-timing-function: cubic-bezier(0, 0, 0.2, 1); transition-duration: .2s; width: 69px; content: ""; left: 0; position: absolute; height: 100%; }

.radio-toggle:not(:checked) + .radio-toggle-label > div:after { left: 72px; width: 92px; }

.radio-toggle:checked + .radio-toggle-label .label:first-child, .radio-toggle:not(:checked) + .radio-toggle-label .label:last-child { --tw-text-opacity:1; color: rgba(255, 255, 255, var(--tw-text-opacity)); }

.panel { border-radius: 18px; padding: .285714286rem; --tw-shadow:0px 2px 6px rgba(0,0,0,0.12); box-shadow: var(--tw-ring-offset-shadow, 0 0 transparent), var(--tw-ring-shadow, 0 0 transparent), var(--tw-shadow); }

.currency-input { height: 115px; line-height: 110px !important; }

@media (min-width: 768px) { .currency-input { height: 140px; line-height: 1 !important; padding-top: 1rem !important; } }

.select { position: relative; }

.select:after { content: ""; border-color: #000 transparent transparent; border-style: solid; border-width: 5px 5px 0; height: 0; position: absolute; right: 1.5rem; top: 50%; width: 0; --tw-translate-x:0; --tw-translate-y:0; --tw-rotate:0; --tw-skew-x:0; --tw-skew-y:0; --tw-scale-x:1; --tw-scale-y:1; transform: translateX(var(--tw-translate-x)) translateY(var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); --tw-translate-y:-50%; }

[data-glide-el=track] { touch-action: pan-x; }

.loader { font-size: 20px; position: relative; width: 4em; height: 1em; margin: 50px 0; }

.dot { width: 1em; height: 1em; border-radius: .5em; background: #333; position: absolute; -webkit-animation-duration: .5s; animation-duration: .5s; -webkit-animation-timing-function: ease; animation-timing-function: ease; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; }

.dot1, .dot2 { left: 0; }

.dot3 { left: 1.5em; }

.dot4 { left: 3em; }

@-webkit-keyframes reveal { 0% { transform: scale(0.001); }
  to { transform: scale(1); } }

@keyframes reveal { 0% { transform: scale(0.001); }
  to { transform: scale(1); } }

@-webkit-keyframes slide { to { transform: translateX(1.5em); } }

@keyframes slide { to { transform: translateX(1.5em); } }

.dot1 { -webkit-animation-name: reveal; animation-name: reveal; }

.dot2, .dot3 { -webkit-animation-name: slide; animation-name: slide; }

.dot4 { -webkit-animation-name: reveal; animation-name: reveal; animation-direction: reverse; }

.loading-ellipsis { width: 1.25em; }

.loading-ellipsis, .loading-ellipsis-small { display: inline-block; vertical-align: bottom; }

.loading-ellipsis-small { width: 1em; text-align: left; }

.loading-ellipsis-small:after, .loading-ellipsis:after { overflow: hidden; display: inline-block; vertical-align: bottom; -webkit-animation: ellipsis 0.9s steps(4) infinite; animation: ellipsis 0.9s steps(4) infinite; content: "\2026"; width: 0; }

.loading-ellipsis-small:after { -webkit-animation-name: ellipsis-small; animation-name: ellipsis-small; }

@-webkit-keyframes ellipsis-small { to { width: 1em; } }

@keyframes ellipsis-small { to { width: 1em; } }

@-webkit-keyframes ellipsis { to { width: 100%; } }

@keyframes ellipsis { to { width: 100%; } }

.flex-col, .flex-row { display: flex; }

.drop-image { width: 58.333vw; margin: 0 auto; }

.about:target:before { content: ""; display: block; height: 100px; margin: -100px 0 0; }

@media (min-width: 1024px) { .drop-image { width: 33.333vw; } }

.section-full-height { height: calc(100vh - 88px); max-height: -webkit-fill-available; }

.h-available { height: -webkit-fill-available; }

@media (min-width: 768px) { .section-full-height { height: calc(100vh - 71px); } }

.faq-text ul { list-style-position: outside; list-style-type: disc; padding-left: 4rem; }

.faq-text a { text-decoration: underline; }

.faq-text a:hover { text-decoration: none; }

.faq-text p:not(:last-child), .faq-text p:not(:only-child) { margin-bottom: 2rem; }

@media (min-width: 680px) { .sm\:table-cell { display: table-cell !important; } .sm\:hidden { display: none !important; } .sm\:h-footer-lg { height: 220px !important; } .sm\:ml-2 { margin-left: 1rem !important; } .sm\:mt-10 { margin-top: 5rem !important; } .sm\:mb-14 { margin-bottom: 7rem !important; } .sm\:mt-20 { margin-top: 10rem !important; } .sm\:-mt-1 { margin-top: -0.5rem !important; } .sm\:pr-0 { padding-right: 0 !important; } }

@media (min-width: 768px) { .md\:flex { display: flex !important; } .md\:inline-flex { display: inline-flex !important; } .md\:hidden { display: none !important; } .md\:flex-row { flex-direction: row !important; } .md\:flex-col { flex-direction: column !important; } .md\:justify-start { justify-content: flex-start !important; } .md\:text-2xl { font-size: 2.857142857rem !important; line-height: 3.142857143rem !important; } .md\:leading-snug { line-height: 1.375 !important; } .md\:my-6 { margin-top: 3rem !important; margin-bottom: 3rem !important; } .md\:mt-0 { margin-top: 0 !important; } .md\:mb-0 { margin-bottom: 0 !important; } .md\:ml-0 { margin-left: 0 !important; } .md\:mb-1 { margin-bottom: 0.5rem !important; } .md\:mb-2 { margin-bottom: 1rem !important; } .md\:ml-2 { margin-left: 1rem !important; } .md\:mt-4 { margin-top: 2rem !important; } .md\:mt-8 { margin-top: 4rem !important; } .md\:mb-8 { margin-bottom: 4rem !important; } .md\:mt-20 { margin-top: 10rem !important; } .md\:mt-auto { margin-top: auto !important; } .md\:-mt-4 { margin-top: -2rem !important; } .md\:max-w-400 { max-width: 400px !important; } .md\:max-w-500 { max-width: 500px !important; } .md\:max-w-600 { max-width: 600px !important; } .md\:px-0 { padding-left: 0 !important; padding-right: 0 !important; } .md\:px-2 { padding-left: 1rem !important; padding-right: 1rem !important; } .md\:px-3 { padding-left: 1.5rem !important; padding-right: 1.5rem !important; } .md\:py-4 { padding-top: 2rem !important; padding-bottom: 2rem !important; } .md\:px-4 { padding-left: 2rem !important; padding-right: 2rem !important; } .md\:pt-0 { padding-top: 0 !important; } .md\:pr-0 { padding-right: 0 !important; } .md\:pb-0 { padding-bottom: 0 !important; } .md\:pl-0 { padding-left: 0 !important; } .md\:pr-2 { padding-right: 1rem !important; } .md\:pt-3 { padding-top: 1.5rem !important; } .md\:pr-4 { padding-right: 2rem !important; } .md\:pt-5 { padding-top: 2.5rem !important; } .md\:pr-10 { padding-right: 5rem !important; } .md\:pb-10 { padding-bottom: 5rem !important; } .md\:pt-14 { padding-top: 7rem !important; } .md\:static { position: static !important; } .md\:absolute { position: absolute !important; } .md\:normal-case { text-transform: none !important; } .md\:w-1\/2 { width: 50% !important; } .md\:w-1\/4 { width: 25% !important; } .md\:w-1\/6 { width: 16.666667% !important; } .md\:w-6\/12 { width: 50% !important; } .md\:w-fit { width: -webkit-fit-content !important; width: -moz-fit-content !important; width: fit-content !important; } .md\:translate-y-0 { --tw-translate-y:0px!important; } }

@media (min-width: 1024px) { .lg\:flex-row { flex-direction: row !important; } .lg\:mt-0 { margin-top: 0 !important; } .lg\:mb-0 { margin-bottom: 0 !important; } .lg\:mt-2 { margin-top: 1rem !important; } .lg\:px-0 { padding-left: 0 !important; padding-right: 0 !important; } .lg\:pt-0 { padding-top: 0 !important; } .lg\:pb-1 { padding-bottom: 0.5rem !important; } .lg\:pl-2 { padding-left: 1rem !important; } .lg\:w-1\/5 { width: 20% !important; } .lg\:w-4\/5 { width: 80% !important; } .lg\:w-3\/12 { width: 25% !important; } .lg\:w-4\/12 { width: 33.333333% !important; } .lg\:w-6\/12 { width: 50% !important; } .lg\:w-fit { width: -webkit-fit-content !important; width: -moz-fit-content !important; width: fit-content !important; } }

/*# sourceMappingURL=tailwind.css.map */