@charset "UTF-8";
/*
html5doctor.com Reset Stylesheet
v1.6.1
Last Updated: 2010-09-17
Author: Richard Clark - http://richclarkdesign.com
Twitter: @rich_clark
*/
html,
body,
div,
span,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
abbr,
address,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
samp,
small,
strong,
sub,
sup,
var,
b,
i,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
summary,
time,
mark,
audio,
video {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-size: 100%;
vertical-align: baseline;
background: transparent;
}
body {
line-height: 1;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
display: block;
}
ul {
list-style: none;
}
blockquote,
q {
quotes: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
content: "";
content: none;
}
a {
margin: 0;
padding: 0;
font-size: 100%;
vertical-align: baseline;
background: transparent;
}
/* change colours to suit your needs */
ins {
background-color: #ff9;
color: #000;
text-decoration: none;
}
/* change colours to suit your needs */
mark {
background-color: #ff9;
color: #000;
font-style: italic;
font-weight: bold;
}
del {
text-decoration: line-through;
}
abbr[title],
dfn[title] {
border-bottom: 1px dotted;
cursor: help;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
/* change border colour to suit your needs */
hr {
display: block;
height: 1px;
border: 0;
border-top: 1px solid #cccccc;
margin: 1em 0;
padding: 0;
}
input,
select {
vertical-align: middle;
border-width: 0;
}
a {
text-decoration: none;
color: #000;
}
@font-face {
font-family: "YourFontName";
src: url("../") format("opentype");
font-weight: normal;
font-style: normal;
}
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
button,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
font-size: 62.5%;
scroll-behavior: smooth;
}
.container {
display: flex;
flex-direction: column;
width: 80%;
}
.blogBody {
font-size: medium;
width: 100%;
/* children of the element all have display:none */
/* generic block-level elements */
/* heading elements */
/* tables */
/* for tables without table section elements (can happen with XHTML or dynamically created tables) */
/* lists */
/* form elements */
/* Form controls don't go vertical. */
/* TODO(crbug.com/880258): Use different styles for
`-internal-autofill-previewed` and `-internal-autofill-selected`. */
/* meter */
/* progress */
/* inline elements */
/* states */
/* HTML5 ruby elements */
/* other elements */
/* TODO(foolip): In the Fullscreen spec, there's a ::backdrop block with the
properties shared with :fullscreen::backdrop (see fullscreen.css). */
/* page */
/* Allows thead sections to print at the top of each page. */
}
.blogBody html,
.blogBody body,
.blogBody div,
.blogBody span,
.blogBody applet,
.blogBody object,
.blogBody iframe,
.blogBody h1,
.blogBody h2,
.blogBody h3,
.blogBody h4,
.blogBody h5,
.blogBody h6,
.blogBody p,
.blogBody blockquote,
.blogBody pre,
.blogBody a,
.blogBody button,
.blogBody abbr,
.blogBody acronym,
.blogBody address,
.blogBody big,
.blogBody cite,
.blogBody code,
.blogBody del,
.blogBody dfn,
.blogBody em,
.blogBody img,
.blogBody ins,
.blogBody kbd,
.blogBody q,
.blogBody s,
.blogBody samp,
.blogBody small,
.blogBody strike,
.blogBody strong,
.blogBody sub,
.blogBody sup,
.blogBody tt,
.blogBody var,
.blogBody b,
.blogBody u,
.blogBody i,
.blogBody center,
.blogBody dl,
.blogBody dt,
.blogBody dd,
.blogBody ol,
.blogBody ul,
.blogBody li,
.blogBody fieldset,
.blogBody form,
.blogBody label,
.blogBody legend,
.blogBody table,
.blogBody caption,
.blogBody tbody,
.blogBody tfoot,
.blogBody thead,
.blogBody tr,
.blogBody th,
.blogBody td,
.blogBody article,
.blogBody aside,
.blogBody canvas,
.blogBody details,
.blogBody embed,
.blogBody figure,
.blogBody figcaption,
.blogBody footer,
.blogBody header,
.blogBody hgroup,
.blogBody menu,
.blogBody nav,
.blogBody output,
.blogBody ruby,
.blogBody section,
.blogBody summary,
.blogBody time,
.blogBody mark,
.blogBody audio,
.blogBody video {
font-size: medium;
font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
}
.blogBody html {
display: block;
}
.blogBody head {
display: none;
}
.blogBody meta {
display: none;
}
.blogBody title {
display: none;
}
.blogBody link {
display: none;
}
.blogBody style {
display: none;
}
.blogBody script {
display: none;
}
.blogBody body {
display: block;
margin: 8px;
}
.blogBody body:-webkit-full-page-media {
background-color: black;
}
.blogBody p {
display: block;
margin-block-start: 1em;
margin-block-end: 1em;
margin-inline-start: 0;
margin-inline-end: 0;
line-height: 2;
}
@media screen and (max-width: 480px) {
.blogBody p {
font-size: 14px;
}
}
.blogBody span {
font-size: inherit;
}
.blogBody div {
display: block;
}
.blogBody layer {
display: block;
}
.blogBody article,
.blogBody aside,
.blogBody footer,
.blogBody header,
.blogBody hgroup,
.blogBody main,
.blogBody nav,
.blogBody section {
display: block;
}
.blogBody marquee {
display: inline-block;
width: -webkit-fill-available;
}
.blogBody address {
display: block;
}
.blogBody blockquote {
display: block;
margin-block-start: 1em;
margin-block-end: 1em;
margin-inline-start: 40px;
margin-inline-end: 40px;
}
.blogBody figcaption {
display: block;
}
.blogBody figure {
display: block;
}
.blogBody q {
display: inline;
}
.blogBody q:before {
content: open-quote;
}
.blogBody q:after {
content: close-quote;
}
.blogBody center {
display: block;
/* special centering to be able to emulate the html4/netscape behaviour */
text-align: -webkit-center;
}
.blogBody hr {
display: block;
overflow: hidden;
unicode-bidi: -webkit-isolate;
unicode-bidi: -moz-isolate;
unicode-bidi: isolate;
margin-block-start: 0.5em;
margin-block-end: 0.5em;
margin-inline-start: auto;
margin-inline-end: auto;
border-style: inset;
border-width: 1px;
}
.blogBody map {
display: inline;
}
.blogBody video {
-o-object-fit: contain;
object-fit: contain;
}
.blogBody h1 {
display: block;
font-size: 2em;
margin-block-start: 0.67em;
margin-block-end: 0.67em;
margin-inline-start: 0;
margin-inline-end: 0;
font-weight: bold;
}
.blogBody :-webkit-any(article, aside, nav, section) h1 {
font-size: 1.5em;
margin-block-start: 0.83em;
margin-block-end: 0.83em;
}
.blogBody :-webkit-any(article, aside, nav, section) :-webkit-any(article, aside, nav, section) h1 {
font-size: 1.17em;
margin-block-start: 1em;
margin-block-end: 1em;
}
.blogBody :-webkit-any(article, aside, nav, section) :-webkit-any(article, aside, nav, section) :-webkit-any(article, aside, nav, section) h1 {
font-size: 1em;
margin-block-start: 1.33em;
margin-block-end: 1.33em;
}
.blogBody :-webkit-any(article, aside, nav, section) :-webkit-any(article, aside, nav, section) :-webkit-any(article, aside, nav, section) :-webkit-any(article, aside, nav, section) h1 {
font-size: 0.83em;
margin-block-start: 1.67em;
margin-block-end: 1.67em;
}
.blogBody :-webkit-any(article, aside, nav, section) :-webkit-any(article, aside, nav, section) :-webkit-any(article, aside, nav, section) :-webkit-any(article, aside, nav, section) :-webkit-any(article, aside, nav, section) h1 {
font-size: 0.67em;
margin-block-start: 2.33em;
margin-block-end: 2.33em;
}
.blogBody h2 {
display: block;
font-size: 2.3em;
margin-block-start: 0.83em;
margin-block-end: 0.83em;
margin-inline-start: 0;
margin-inline-end: 0;
font-weight: bold;
}
@media screen and (max-width: 480px) {
.blogBody h2 {
font-size: 1.6em;
}
}
.blogBody h3 {
display: block;
font-size: 1.17em;
margin-block-start: 1em;
margin-block-end: 1em;
margin-inline-start: 0;
margin-inline-end: 0;
font-weight: bold;
}
.blogBody h4 {
display: block;
margin-block-start: 1.33em;
margin-block-end: 1.33em;
margin-inline-start: 0;
margin-inline-end: 0;
font-weight: bold;
}
.blogBody h5 {
display: block;
font-size: 0.83em;
margin-block-start: 1.67em;
margin-block-end: 1.67em;
margin-inline-start: 0;
margin-inline-end: 0;
font-weight: bold;
}
.blogBody h6 {
display: block;
font-size: 0.67em;
margin-block-start: 2.33em;
margin-block-end: 2.33em;
margin-inline-start: 0;
margin-inline-end: 0;
font-weight: bold;
}
.blogBody strong,
.blogBody em,
.blogBody kbd {
font-size: 1em;
}
.blogBody table {
display: table;
border-color: gray;
box-sizing: border-box;
text-indent: initial;
}
.blogBody thead {
display: table-header-group;
vertical-align: middle;
border-color: inherit;
}
.blogBody tbody {
display: table-row-group;
vertical-align: middle;
border-color: inherit;
}
.blogBody tfoot {
display: table-footer-group;
vertical-align: middle;
border-color: inherit;
}
.blogBody table > tr {
vertical-align: middle;
}
.blogBody col {
display: table-column;
}
.blogBody colgroup {
display: table-column-group;
}
.blogBody tr {
display: table-row;
vertical-align: inherit;
border-color: inherit;
}
.blogBody td,
.blogBody th {
display: table-cell;
vertical-align: inherit;
}
.blogBody th {
font-weight: bold;
text-align: -internal-center;
}
.blogBody caption {
display: table-caption;
text-align: -webkit-center;
}
.blogBody ul,
.blogBody menu,
.blogBody dir {
display: block;
list-style-type: disc;
margin-block-start: 1em;
margin-block-end: 1em;
margin-inline-start: 0;
margin-inline-end: 0;
padding-inline-start: 40px;
}
.blogBody ol {
display: block;
list-style-type: decimal;
margin-block-start: 1em;
margin-block-end: 1em;
margin-inline-start: 0;
margin-inline-end: 0;
padding-inline-start: 40px;
}
.blogBody li {
display: list-item;
text-align: -webkit-match-parent;
line-height: 1.8;
}
.blogBody ul ul,
.blogBody ol ul {
list-style-type: circle;
}
.blogBody ol ol ul,
.blogBody ol ul ul,
.blogBody ul ol ul,
.blogBody ul ul ul {
list-style-type: square;
}
.blogBody dd {
display: block;
margin-inline-start: 40px;
}
.blogBody dl {
display: block;
margin-block-start: 1em;
margin-block-end: 1em;
margin-inline-start: 0;
margin-inline-end: 0;
}
.blogBody dt {
display: block;
}
.blogBody ol ul,
.blogBody ul ol,
.blogBody ul ul,
.blogBody ol ol {
margin-block-start: 0;
margin-block-end: 0;
}
.blogBody form {
display: block;
margin-top: 0em;
}
.blogBody :-webkit-any(table, thead, tbody, tfoot, tr) > form:-internal-is-html {
display: none !important;
}
.blogBody label {
cursor: default;
}
.blogBody legend {
display: block;
padding-inline-start: 2px;
padding-inline-end: 2px;
border: none;
}
.blogBody fieldset {
display: block;
margin-inline-start: 2px;
margin-inline-end: 2px;
padding-block-start: 0.35em;
padding-inline-start: 0.75em;
padding-inline-end: 0.75em;
padding-block-end: 0.625em;
min-inline-size: -moz-min-content;
min-inline-size: min-content;
}
.blogBody button {
-webkit-appearance: auto;
-moz-appearance: auto;
appearance: auto;
}
.blogBody input,
.blogBody textarea,
.blogBody select,
.blogBody button,
.blogBody meter,
.blogBody progress {
-webkit-writing-mode: horizontal-tb !important;
}
.blogBody input,
.blogBody textarea,
.blogBody select,
.blogBody button {
margin: 0em;
font: -webkit-small-control;
text-rendering: auto;
/* FIXME: Remove when tabs work with optimizeLegibility. */
color: -internal-light-dark(black, white);
letter-spacing: normal;
word-spacing: normal;
line-height: normal;
text-transform: none;
text-indent: 0;
text-shadow: none;
display: inline-block;
text-align: start;
}
.blogBody input[type=hidden i] {
display: none;
}
.blogBody input {
-webkit-appearance: auto;
-moz-appearance: auto;
appearance: auto;
padding: 1px;
background-color: -internal-light-dark(white, black);
border: 2px inset;
-webkit-rtl-ordering: logical;
cursor: text;
}
.blogBody input[type=search i] {
-webkit-appearance: auto;
-moz-appearance: auto;
appearance: auto;
box-sizing: border-box;
}
.blogBody input::-webkit-textfield-decoration-container {
display: flex !important;
align-items: center;
-webkit-user-modify: read-only !important;
content: none !important;
writing-mode: inherit !important;
-internal-align-self-block: center;
}
.blogBody input::-webkit-clear-button {
-webkit-appearance: auto;
appearance: auto;
display: inline-block;
cursor: default;
flex: none;
-webkit-user-modify: read-only !important;
margin-inline-start: 2px;
opacity: 0;
}
.blogBody input:enabled:read-write:-webkit-any(:focus, :hover)::-webkit-clear-button {
opacity: 1;
pointer-events: auto;
}
.blogBody input[type=search i]::-webkit-search-cancel-button {
-webkit-appearance: auto;
appearance: auto;
display: block;
cursor: default;
flex: none;
-webkit-user-modify: read-only !important;
margin-inline-start: 1px;
opacity: 0;
-webkit-user-select: none !important;
user-select: none !important;
}
.blogBody input[type=search i]:enabled:read-write:-webkit-any(:focus,
:hover)::-webkit-search-cancel-button {
opacity: 1;
pointer-events: auto;
}
.blogBody input::-webkit-inner-spin-button {
-webkit-appearance: auto;
appearance: auto;
display: inline-block;
cursor: default;
flex: none;
align-self: stretch;
-webkit-user-modify: read-only !important;
opacity: 0;
}
.blogBody input:enabled:read-write:-webkit-any(:focus,
:hover)::-webkit-inner-spin-button {
opacity: 1;
pointer-events: auto;
}
.blogBody select {
border-radius: 5px;
}
.blogBody textarea {
-webkit-appearance: auto;
-moz-appearance: auto;
appearance: auto;
background-color: -internal-light-dark(white, black);
border: 1px solid;
-moz-column-count: initial !important;
column-count: initial !important;
-webkit-rtl-ordering: logical;
flex-direction: column;
resize: auto;
cursor: text;
padding: 2px;
white-space: pre-wrap;
word-wrap: break-word;
}
.blogBody ::-webkit-input-placeholder {
-webkit-text-security: none;
color: #757575;
direction: inherit !important;
pointer-events: none !important;
text-orientation: inherit !important;
writing-mode: inherit !important;
}
.blogBody input::-webkit-input-placeholder {
text-overflow: inherit;
line-height: initial;
white-space: pre;
word-wrap: normal;
overflow: hidden;
-webkit-user-modify: read-only !important;
}
.blogBody input::-internal-input-suggested {
text-overflow: inherit;
white-space: nowrap;
overflow: hidden;
}
.blogBody input::-internal-input-suggested,
.blogBody textarea::-internal-input-suggested {
font: -webkit-small-control !important;
/* Prevent that overflow affects the scrollable area. Without this,
LayoutBox::*Scroll{Height,Width}() may determine the scroll width/height
from the scrollable area instead of from the overrides in
LayoutTextControl{Single,Multi}Line::Scroll{Height,Width}(). */
overflow: hidden !important;
overflow-anchor: none;
}
.blogBody input[type=password i] {
-webkit-text-security: disc !important;
}
.blogBody input[type=password i]::-internal-input-suggested {
-webkit-text-security: disc !important;
}
.blogBody input[type=hidden i],
.blogBody input[type=image i],
.blogBody input[type=file i] {
-webkit-appearance: initial;
/* AutoAppearanceFor() should match to this. */
padding: initial;
background-color: initial;
border: initial;
cursor: default;
}
.blogBody input[type=file i] {
align-items: baseline;
color: inherit;
overflow: hidden !important;
text-align: start !important;
text-overflow: ellipsis;
white-space: pre;
}
.blogBody input[type=image i] {
cursor: pointer;
}
.blogBody input:-internal-autofill-previewed,
.blogBody textarea:-internal-autofill-previewed,
.blogBody select:-internal-autofill-previewed {
-webkit-appearance: menulist-button;
background-color: #e8f0fe !important;
background-image: none !important;
color: -internal-light-dark(black, white) !important;
}
.blogBody input:-internal-autofill-selected,
.blogBody textarea:-internal-autofill-selected,
.blogBody select:-internal-autofill-selected {
-webkit-appearance: menulist-button;
background-color: #e8f0fe !important;
background-image: none !important;
color: -internal-light-dark(black, white) !important;
}
.blogBody input[type=radio i],
.blogBody input[type=checkbox i] {
margin: 3px 0.5ex;
padding: initial;
background-color: initial;
border: initial;
cursor: default;
}
.blogBody input[type=button i],
.blogBody input[type=submit i],
.blogBody input[type=reset i] {
-internal-empty-line-height: fabricated;
-webkit-appearance: auto;
-moz-appearance: auto;
appearance: auto;
white-space: pre;
}
.blogBody input[type=file i]::-webkit-file-upload-button {
-webkit-appearance: auto;
appearance: auto;
-webkit-user-modify: read-only !important;
white-space: nowrap;
margin: 0;
margin-inline-end: 4px;
font-size: inherit;
}
.blogBody input[type=button i],
.blogBody input[type=submit i],
.blogBody input[type=reset i],
.blogBody input[type=file i]::-webkit-file-upload-button,
.blogBody button {
align-items: flex-start;
text-align: center;
cursor: default;
color: -internal-light-dark(ButtonText, #aaaaaa);
padding: 2px 6px 3px 6px;
border: 2px outset ButtonFace;
background-color: ButtonFace;
box-sizing: border-box;
}
.blogBody input[type=range i] {
-webkit-appearance: auto;
-moz-appearance: auto;
appearance: auto;
/* AutoAppearanceFor() should match to this. */
padding: initial;
border: initial;
margin: 2px;
color: #909090;
cursor: default;
}
.blogBody input[type=range i]::-webkit-slider-container,
.blogBody input[type=range i]::-webkit-media-slider-container {
-webkit-appearance: inherit;
appearance: inherit;
flex: 1;
min-inline-size: 0;
box-sizing: border-box;
-webkit-user-modify: read-only !important;
display: flex;
}
.blogBody input[type=range i]:-internal-has-datalist::-webkit-slider-container {
/*
* See LayoutThemeDefault. "22px" is
* 2 * (SliderTickOffsetFromTrackCenter() + SliderTickSize().Height()).
*/
min-block-size: 22px;
}
.blogBody input[type=range i]::-webkit-slider-runnable-track {
flex: 1;
min-inline-size: 0;
-webkit-align-self: center;
box-sizing: border-box;
-webkit-user-modify: read-only !important;
display: block;
}
.blogBody input[type=range i]::-webkit-slider-thumb,
.blogBody input[type=range i]::-webkit-media-slider-thumb {
-webkit-appearance: auto;
appearance: auto;
box-sizing: border-box;
-webkit-user-modify: read-only !important;
display: block;
}
.blogBody input[type=button i]:disabled,
.blogBody input[type=submit i]:disabled,
.blogBody input[type=reset i]:disabled,
.blogBody input[type=file i]:disabled::-webkit-file-upload-button,
.blogBody button:disabled,
.blogBody select:disabled,
.blogBody optgroup:disabled,
.blogBody option:disabled,
.blogBody select[disabled] > option {
color: -internal-light-dark(GrayText, #aaa);
}
.blogBody input[type=button i]:active,
.blogBody input[type=submit i]:active,
.blogBody input[type=reset i]:active,
.blogBody input[type=file i]:active::-webkit-file-upload-button,
.blogBody button:active {
border-style: inset;
}
.blogBody input[type=button i]:active:disabled,
.blogBody input[type=submit i]:active:disabled,
.blogBody input[type=reset i]:active:disabled,
.blogBody input[type=file i]:active:disabled::-webkit-file-upload-button,
.blogBody button:active:disabled {
border-style: outset;
}
.blogBody input:disabled,
.blogBody textarea:disabled {
color: -internal-light-dark(#545454, #aaa);
cursor: default;
}
.blogBody option:-internal-spatial-navigation-focus {
outline: -internal-light-dark(black, white) dashed 1px;
outline-offset: -1px;
}
.blogBody datalist {
display: none;
}
.blogBody area {
display: inline;
}
.blogBody area:-webkit-any-link {
cursor: pointer;
}
.blogBody param {
display: none;
}
.blogBody input[type=checkbox i] {
-webkit-appearance: auto;
-moz-appearance: auto;
appearance: auto;
box-sizing: border-box;
}
.blogBody input[type=radio i] {
-webkit-appearance: auto;
-moz-appearance: auto;
appearance: auto;
box-sizing: border-box;
}
.blogBody input[type=color i] {
-webkit-appearance: auto;
-moz-appearance: auto;
appearance: auto;
width: 44px;
height: 23px;
background-color: ButtonFace;
/* Same as native_theme_base. */
border: 1px #a9a9a9 solid;
padding: 1px 2px;
cursor: default;
}
.blogBody input[type=color i]::-webkit-color-swatch-wrapper {
display: flex;
padding: 4px 2px;
box-sizing: border-box;
-webkit-user-modify: read-only !important;
width: 100%;
height: 100%;
}
.blogBody input[type=color i]::-webkit-color-swatch {
background-color: #000000;
border: 1px solid #777777;
flex: 1;
min-width: 0;
-webkit-user-modify: read-only !important;
}
.blogBody input[type=color i][list] {
-webkit-appearance: menulist;
/* AutoAppearanceFor() should match to this. */
width: 88px;
height: 23px;
}
.blogBody input[type=color i][list]::-webkit-color-swatch-wrapper {
padding-inline-start: 8px;
padding-inline-end: 24px;
}
.blogBody input[type=color i][list]::-webkit-color-swatch {
border-color: #000000;
}
.blogBody input::-webkit-calendar-picker-indicator {
display: inline-block;
width: 0.66em;
height: 0.66em;
padding: 0.17em 0.34em;
-webkit-user-modify: read-only !important;
opacity: 0;
cursor: default;
}
.blogBody input::-webkit-calendar-picker-indicator:hover {
background-color: #eee;
}
.blogBody input:enabled:read-write:-webkit-any(:focus,
:hover)::-webkit-calendar-picker-indicator,
.blogBody input::-webkit-calendar-picker-indicator:focus {
opacity: 1;
pointer-events: auto;
}
.blogBody input[type=date i]:disabled::-webkit-clear-button,
.blogBody input[type=date i]:disabled::-webkit-inner-spin-button,
.blogBody input[type=datetime-local i]:disabled::-webkit-clear-button,
.blogBody input[type=datetime-local i]:disabled::-webkit-inner-spin-button,
.blogBody input[type=month i]:disabled::-webkit-clear-button,
.blogBody input[type=month i]:disabled::-webkit-inner-spin-button,
.blogBody input[type=week i]:disabled::-webkit-clear-button,
.blogBody input[type=week i]:disabled::-webkit-inner-spin-button,
.blogBody input:disabled::-webkit-calendar-picker-indicator,
.blogBody input[type=date i][readonly]::-webkit-clear-button,
.blogBody input[type=date i][readonly]::-webkit-inner-spin-button,
.blogBody input[type=datetime-local i][readonly]::-webkit-clear-button,
.blogBody input[type=datetime-local i][readonly]::-webkit-inner-spin-button,
.blogBody input[type=month i][readonly]::-webkit-clear-button,
.blogBody input[type=month i][readonly]::-webkit-inner-spin-button,
.blogBody input[type=week i][readonly]::-webkit-clear-button,
.blogBody input[type=week i][readonly]::-webkit-inner-spin-button,
.blogBody input[readonly]::-webkit-calendar-picker-indicator {
visibility: hidden;
}
.blogBody select {
-webkit-appearance: menulist;
/* AutoAppearanceFor() should match to this. */
box-sizing: border-box;
align-items: center;
border: 1px solid;
white-space: pre;
-webkit-rtl-ordering: logical;
color: -internal-light-dark(black, white);
background-color: -internal-light-dark(white, black);
cursor: default;
}
.blogBody select:not(:-internal-list-box) {
overflow: visible !important;
}
.blogBody select:-internal-list-box {
-webkit-appearance: listbox;
/* AutoAppearanceFor() should match to this. */
align-items: flex-start;
border: 1px inset gray;
border-radius: initial;
overflow-x: hidden;
overflow-y: scroll;
vertical-align: text-bottom;
white-space: nowrap;
}
.blogBody optgroup {
font-weight: bolder;
display: block;
}
.blogBody option {
font-weight: normal;
display: block;
padding: 0 2px 1px 2px;
white-space: nowrap;
min-height: 1.2em;
}
.blogBody select:-internal-list-box optgroup option:before {
content: " ";
}
.blogBody select:-internal-list-box option,
.blogBody select:-internal-list-box optgroup {
line-height: initial !important;
}
.blogBody select:-internal-list-box:focus option:checked {
background-color: -internal-active-list-box-selection !important;
color: -internal-active-list-box-selection-text !important;
}
.blogBody select:-internal-list-box:focus option:checked:disabled {
background-color: -internal-inactive-list-box-selection !important;
}
.blogBody select:-internal-list-box option:checked {
background-color: -internal-inactive-list-box-selection !important;
color: -internal-inactive-list-box-selection-text !important;
}
.blogBody select:-internal-list-box:disabled option:checked,
.blogBody select:-internal-list-box option:checked:disabled {
color: gray !important;
}
.blogBody select:-internal-list-box hr {
border-style: none;
margin-block-start: 0.5em;
margin-block-end: 0;
}
.blogBody select:-internal-list-box:focus option:-internal-multi-select-focus {
outline: auto 1px -webkit-focus-ring-color;
outline-offset: -1px;
}
.blogBody output {
display: inline;
}
.blogBody meter {
-webkit-appearance: auto;
-moz-appearance: auto;
appearance: auto;
box-sizing: border-box;
display: inline-block;
height: 1em;
width: 5em;
vertical-align: -0.2em;
-webkit-user-modify: read-only !important;
}
.blogBody meter::-webkit-meter-inner-element {
-webkit-appearance: inherit;
appearance: inherit;
box-sizing: inherit;
display: none;
-webkit-user-modify: read-only !important;
height: 100%;
width: 100%;
}
.blogBody meter::-webkit-meter-inner-element:-internal-shadow-host-has-appearance {
display: block;
}
.blogBody meter::-internal-fallback:-internal-shadow-host-has-appearance {
display: none;
}
.blogBody meter::-webkit-meter-bar {
background: linear-gradient(to bottom, #ddd, #eee 20%, #ccc 45%, #ccc 55%, #ddd);
height: 100%;
width: 100%;
-webkit-user-modify: read-only !important;
box-sizing: border-box;
}
.blogBody meter::-webkit-meter-optimum-value {
background: linear-gradient(to bottom, #ad7, #cea 20%, #7a3 45%, #7a3 55%, #ad7);
height: 100%;
-webkit-user-modify: read-only !important;
box-sizing: border-box;
}
.blogBody meter::-webkit-meter-suboptimum-value {
background: linear-gradient(to bottom, #fe7, #ffc 20%, #db3 45%, #db3 55%, #fe7);
height: 100%;
-webkit-user-modify: read-only !important;
box-sizing: border-box;
}
.blogBody meter::-webkit-meter-even-less-good-value {
background: linear-gradient(to bottom, #f77, #fcc 20%, #d44 45%, #d44 55%, #f77);
height: 100%;
-webkit-user-modify: read-only !important;
box-sizing: border-box;
}
.blogBody progress {
-webkit-appearance: auto;
-moz-appearance: auto;
appearance: auto;
box-sizing: border-box;
display: inline-block;
height: 1em;
width: 10em;
vertical-align: -0.2em;
}
.blogBody progress::-webkit-progress-inner-element {
box-sizing: inherit;
-webkit-user-modify: read-only;
height: 100%;
width: 100%;
}
.blogBody progress::-webkit-progress-bar {
background-color: gray;
height: 100%;
width: 100%;
-webkit-user-modify: read-only !important;
box-sizing: border-box;
}
.blogBody progress::-webkit-progress-value {
background-color: green;
height: 100%;
width: 50%;
/* should be removed later */
-webkit-user-modify: read-only !important;
box-sizing: border-box;
}
.blogBody u,
.blogBody ins {
text-decoration: underline;
}
.blogBody abbr[title],
.blogBody acronym[title] {
-webkit-text-decoration: dotted underline;
text-decoration: dotted underline;
}
.blogBody strong,
.blogBody b {
font-weight: bold;
}
.blogBody i,
.blogBody cite,
.blogBody em,
.blogBody var,
.blogBody address,
.blogBody dfn {
font-style: italic;
}
.blogBody pre,
.blogBody xmp,
.blogBody plaintext,
.blogBody listing {
display: block;
white-space: pre;
margin: 1em 0;
}
.blogBody mark {
background-color: yellow;
color: black;
}
.blogBody big {
font-size: larger;
}
.blogBody small {
font-size: smaller;
}
.blogBody s,
.blogBody strike,
.blogBody del {
text-decoration: line-through;
}
.blogBody sub {
vertical-align: sub;
font-size: smaller;
}
.blogBody sup {
vertical-align: super;
font-size: smaller;
}
.blogBody nobr {
white-space: nowrap;
}
.blogBody :-internal-spatial-navigation-interest {
outline: auto 1px -webkit-focus-ring-color !important;
box-shadow: none !important;
}
.blogBody :focus {
outline: auto 1px -webkit-focus-ring-color;
}
.blogBody html:focus,
.blogBody body:focus {
outline: none;
}
.blogBody embed:focus,
.blogBody iframe:focus,
.blogBody object:focus {
outline: none;
}
.blogBody input:focus,
.blogBody textarea:focus,
.blogBody select:focus {
outline-offset: -2px;
}
.blogBody input[type=button i]:focus,
.blogBody input[type=checkbox i]:focus,
.blogBody input[type=file i]:focus,
.blogBody input[type=hidden i]:focus,
.blogBody input[type=image i]:focus,
.blogBody input[type=radio i]:focus,
.blogBody input[type=reset i]:focus,
.blogBody input[type=submit i]:focus,
.blogBody input[type=file i]:focus::-webkit-file-upload-button {
outline-offset: 0;
}
.blogBody a:-webkit-any-link {
color: #0073aa;
text-decoration: underline;
cursor: pointer;
word-break: break-all;
}
.blogBody p.has-text-color a {
color: inherit;
}
.blogBody a:-webkit-any-link:active {
color: -webkit-activelink;
}
.blogBody a:-webkit-any-link:read-write {
cursor: text;
}
.blogBody ruby,
.blogBody rt {
text-indent: 0;
/* blocks used for ruby rendering should not trigger this */
}
.blogBody rt {
line-height: normal;
}
.blogBody ruby > rt {
display: block;
font-size: 50%;
text-align: start;
}
.blogBody rp {
display: none;
}
.blogBody noframes {
display: none;
}
.blogBody frameset,
.blogBody frame {
display: block;
}
.blogBody frameset {
border-color: inherit;
}
.blogBody iframe {
border: 2px inset;
}
.blogBody details {
display: block;
}
.blogBody summary {
display: block;
}
.blogBody summary::-webkit-details-marker {
display: inline-block;
width: 0.66em;
height: 0.66em;
margin-inline-end: 0.4em;
}
.blogBody template {
display: none;
}
.blogBody bdi,
.blogBody output {
unicode-bidi: -webkit-isolate;
}
.blogBody bdo {
unicode-bidi: bidi-override;
}
.blogBody textarea[dir=auto i] {
unicode-bidi: -webkit-plaintext;
}
.blogBody dialog:not([open]) {
display: none;
}
.blogBody dialog {
display: block;
position: absolute;
left: 0;
right: 0;
width: -moz-fit-content;
width: fit-content;
height: -moz-fit-content;
height: fit-content;
margin: auto;
border: solid;
padding: 1em;
background: -internal-light-dark(white, black);
color: -internal-light-dark(black, white);
}
.blogBody dialog:-internal-modal {
position: fixed;
overflow: auto;
top: 0;
bottom: 0;
/* 6px + 2em = border + padding, as by default box-sizing is content-box. */
max-width: calc(100% - 6px - 2em);
max-height: calc(100% - 6px - 2em);
}
.blogBody dialog::backdrop {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: rgba(0, 0, 0, 0.1);
}
.blogBody slot {
display: contents;
}
@page {
.blogBody {
/* FIXME: Define the right default values for page properties. */
size: auto;
margin: auto;
padding: 0px;
border-width: 0px;
}
}
@media print {
.blogBody thead {
-moz-column-break-inside: avoid;
break-inside: avoid;
}
.blogBody tfoot {
-moz-column-break-inside: avoid;
break-inside: avoid;
}
}
.blogBody .wp-block-pullquote {
margin: 0 0 1em 0;
padding: 3em 0;
text-align: center;
border-top: 4px solid;
border-bottom: 4px solid;
}
.blogBody .wp-block-pullquote.alignleft,
.blogBody .wp-block-pullquote.alignright {
max-width: 420px;
}
.blogBody .wp-block-pullquote.alignleft p,
.blogBody .wp-block-pullquote.alignright p {
font-size: 1.25em;
}
.blogBody .wp-block-pullquote p {
font-size: 1.75em;
line-height: 1.6;
}
.blogBody .wp-block-pullquote cite,
.blogBody .wp-block-pullquote footer {
position: relative;
}
.blogBody .wp-block-pullquote .has-text-color a {
color: inherit;
}
.blogBody .wp-block-pullquote:not(.is-style-solid-color) {
background: none;
}
.blogBody .wp-block-pullquote.is-style-solid-color {
border: none;
}
.blogBody .wp-block-pullquote.is-style-solid-color blockquote {
margin-left: auto;
margin-right: auto;
text-align: left;
max-width: 60%;
}
.blogBody .wp-block-pullquote.is-style-solid-color blockquote p {
margin-top: 0;
margin-bottom: 0;
font-size: 2em;
}
.blogBody .wp-block-pullquote.is-style-solid-color blockquote cite {
text-transform: none;
font-style: normal;
}
.blogBody .wp-block-pullquote cite {
color: inherit;
}
.blogBody .wp-block-quote {
border-left: 0.25em solid;
margin: 0 0 1.75em;
padding-left: 1em;
}
.blogBody .wp-block-table td,
.blogBody .wp-block-table th {
border: 1px solid;
}
.blogBody .wp-block-table td,
.blogBody .wp-block-table th {
padding: 0.5em;
border: 1px solid;
word-break: normal;
line-height: 1.8;
}
.blogBody .wp-block-image img {
max-width: 100%;
height: auto;
}
.blogBody .wp-block-columns {
display: flex;
margin-bottom: 2em;
box-sizing: border-box;
flex-wrap: wrap;
}
@media screen and (max-width: 480px) {
.blogBody .wp-block-columns {
flex-direction: column-reverse;
}
}
.blogBody .wp-block-columns p {
margin-block-start: 0;
margin-block-end: 0;
}
.blogBody .wp-block-column {
overflow: hidden;
}
.blogBody .size-full img {
width: 100%;
}
.blogBody h2,
.blogBody h3,
.blogBody h4,
.blogBody h5,
.blogBody h6 {
margin-block-start: 2em;
margin-block-end: 2em;
}
.blogBody .wp-block-column > h1,
.blogBody .wp-block-column > h2,
.blogBody .wp-block-column > h3,
.blogBody .wp-block-column > h4,
.blogBody .wp-block-column > h5,
.blogBody .wp-block-column > h6 {
margin-block-start: 0;
}
.terms-page__container {
width: 100%;
}
.terms-page__headwrap {
width: 100%;
background: linear-gradient(90deg, #eba705 0%, #f4c85b 100%);
display: flex;
align-items: center;
justify-content: center;
height: 11.015625vw;
}
@media screen and (max-width: 800px) {
.terms-page__headwrap {
height: 37.6vw;
}
}
.terms-page__header {
display: flex;
align-items: center;
width: 80%;
height: 11.015625vw;
}
@media screen and (max-width: 800px) {
.terms-page__header {
height: 37.6vw;
}
}
.terms-page__header h1 {
font-size: 1.875vw;
color: #000;
font-weight: 700;
}
@media screen and (max-width: 800px) {
.terms-page__header h1 {
font-size: 6.4vw;
}
}
.terms-page__body {
display: flex;
justify-content: center;
margin-top: 5vw;
}
@media screen and (max-width: 800px) {
.terms-page__body {
margin-top: 17.0666666667vw;
}
}
.terms-page__contentwrap {
width: 80%;
display: flex;
justify-content: space-between;
}
@media screen and (max-width: 800px) {
.terms-page__contentwrap {
width: 85%;
}
}
.terms-page__content {
width: 100%;
}
.terms-page__main dl {
line-height: 1.5;
}
.terms-page__main dl dt {
color: #000;
font-size: 1.875vw;
font-style: normal;
font-weight: 400;
line-height: normal;
margin-bottom: 1.875vw;
}
@media screen and (max-width: 800px) {
.terms-page__main dl dt {
font-size: 6.4vw;
}
}
@media screen and (max-width: 800px) {
.terms-page__main dl dt {
margin-bottom: 6.4vw;
}
}
.terms-page__main dl .mt-15 {
margin-bottom: 3.125vw;
padding-left: 1.5625vw;
font-size: 1.25vw;
line-height: 1.5;
}
@media screen and (max-width: 800px) {
.terms-page__main dl .mt-15 {
margin-bottom: 10.6666666667vw;
}
}
@media screen and (max-width: 800px) {
.terms-page__main dl .mt-15 {
padding-left: 5.3333333333vw;
}
}
@media screen and (max-width: 800px) {
.terms-page__main dl .mt-15 {
font-size: 4.2666666667vw;
}
}
.terms-page__main dl .mt-15 .list-decimal_item {
color: #000;
font-size: 1.25vw;
font-style: normal;
font-weight: 300;
line-height: 1.5;
}
@media screen and (max-width: 800px) {
.terms-page__main dl .mt-15 .list-decimal_item {
font-size: 4.2666666667vw;
}
}
.terms-page__main dl .mt-15 .list-decimal_item .list-alpha.mt-0 {
margin-top: 0.9375vw;
margin-bottom: 0.9375vw;
padding-left: 1.953125vw;
}
@media screen and (max-width: 800px) {
.terms-page__main dl .mt-15 .list-decimal_item .list-alpha.mt-0 {
margin-top: 3.2vw;
margin-bottom: 3.2vw;
}
}
@media screen and (max-width: 800px) {
.terms-page__main dl .mt-15 .list-decimal_item .list-alpha.mt-0 {
padding-left: 6.6666666667vw;
}
}
.terms-page__main dl .mt-15 .list-decimal_item .list-alpha.mt-0 .list-alpha_item {
font-size: 0.9375vw;
line-height: 1.5;
}
@media screen and (max-width: 800px) {
.terms-page__main dl .mt-15 .list-decimal_item .list-alpha.mt-0 .list-alpha_item {
font-size: 3.2vw;
}
}
#terms-of-service-modal {
display: none;
animation: fadeIn 0.5s ease-in;
z-index: 99;
}
#terms-of-service-modal.show-modal {
display: flex;
}
.terms {
position: fixed;
z-index: 1;
left: 0;
top: 0;
width: 100vw;
height: 100vh;
overflow: auto;
background-color: #7f7f7f;
background-color: #7f7f7f;
display: flex;
justify-content: center;
align-items: center;
}
@media screen and (max-width: 800px) {
.terms {
background-color: #7f7f7f;
background-color: rgba(127, 127, 127, 0.1);
}
}
.terms__title {
font-size: 1.25vw;
color: #000;
}
@media screen and (max-width: 800px) {
.terms__title {
font-size: 4.2666666667vw;
}
}
.terms__sub-title {
margin-top: 1.171875vw;
margin-bottom: 1.171875vw;
font-size: 0.9375vw;
line-height: 1.5;
color: #000;
}
@media screen and (max-width: 800px) {
.terms__sub-title {
margin-top: 4vw;
margin-bottom: 4vw;
}
}
@media screen and (max-width: 800px) {
.terms__sub-title {
font-size: 3.2vw;
}
}
@media screen and (max-width: 800px) {
.terms__sub-title {
margin-bottom: 2.5vw;
line-height: 1.5;
}
}
@media screen and (max-width: 800px) and (max-width: 800px) {
.terms__sub-title {
margin-bottom: 8.5333333333vw;
}
}
.terms__modal-content {
width: 33.984375vw;
margin-left: 1.875vw;
margin-right: 1.875vw;
font-size: 0.9375vw;
padding-left: 1.875vw;
padding-right: 1.875vw;
padding-top: 1.953125vw;
border-radius: 5px;
background-color: #fefefe;
border: 1px solid #ececec;
}
@media screen and (max-width: 800px) {
.terms__modal-content {
width: 116vw;
}
}
@media screen and (max-width: 800px) {
.terms__modal-content {
margin-left: 6.4vw;
margin-right: 6.4vw;
}
}
@media screen and (max-width: 800px) {
.terms__modal-content {
font-size: 3.2vw;
}
}
@media screen and (max-width: 800px) {
.terms__modal-content {
padding-left: 6.4vw;
padding-right: 6.4vw;
}
}
@media screen and (max-width: 800px) {
.terms__modal-content {
padding-top: 6.6666666667vw;
}
}
.terms__text-content {
border: 1px solid #ececec;
border-radius: 5px;
height: 26.953125vw;
padding: 1.25vw;
color: #000;
overflow-y: auto;
font-size: 0.9375vw;
}
@media screen and (max-width: 800px) {
.terms__text-content {
height: 92vw;
}
}
@media screen and (max-width: 800px) {
.terms__text-content {
padding: 4.2666666667vw;
}
}
@media screen and (max-width: 800px) {
.terms__text-content {
font-size: 3.2vw;
}
}
.terms__text-content dl {
line-height: 1.5;
}
.terms__text-content dl dt {
color: #000;
font-size: 1.25vw;
font-style: normal;
font-weight: 400;
line-height: normal;
margin-bottom: 1.875vw;
}
@media screen and (max-width: 800px) {
.terms__text-content dl dt {
font-size: 4.2666666667vw;
}
}
@media screen and (max-width: 800px) {
.terms__text-content dl dt {
margin-bottom: 6.4vw;
}
}
.terms__text-content dl .mt-15 {
margin-bottom: 3.125vw;
padding-left: 1.5625vw;
font-size: 0.9375vw;
line-height: 1.5;
}
@media screen and (max-width: 800px) {
.terms__text-content dl .mt-15 {
margin-bottom: 10.6666666667vw;
}
}
@media screen and (max-width: 800px) {
.terms__text-content dl .mt-15 {
padding-left: 5.3333333333vw;
}
}
@media screen and (max-width: 800px) {
.terms__text-content dl .mt-15 {
font-size: 3.2vw;
}
}
.terms__text-content dl .mt-15 .list-decimal_item {
color: #000;
font-size: 0.9375vw;
font-style: normal;
font-weight: 300;
line-height: 1.5;
}
@media screen and (max-width: 800px) {
.terms__text-content dl .mt-15 .list-decimal_item {
font-size: 3.2vw;
}
}
.terms__text-content dl .mt-15 .list-decimal_item .list-alpha.mt-0 {
margin-top: 0.9375vw;
margin-bottom: 0.9375vw;
padding-left: 1.953125vw;
}
@media screen and (max-width: 800px) {
.terms__text-content dl .mt-15 .list-decimal_item .list-alpha.mt-0 {
margin-top: 3.2vw;
margin-bottom: 3.2vw;
}
}
@media screen and (max-width: 800px) {
.terms__text-content dl .mt-15 .list-decimal_item .list-alpha.mt-0 {
padding-left: 6.6666666667vw;
}
}
.terms__text-content dl .mt-15 .list-decimal_item .list-alpha.mt-0 .list-alpha_item {
font-size: 0.625vw;
line-height: 1.5;
}
@media screen and (max-width: 800px) {
.terms__text-content dl .mt-15 .list-decimal_item .list-alpha.mt-0 .list-alpha_item {
font-size: 2.1333333333vw;
}
}
.terms__text-content p {
line-height: 1.5;
font-size: 0.9375vw;
}
@media screen and (max-width: 800px) {
.terms__text-content p {
font-size: 3.2vw;
}
}
@media screen and (max-width: 800px) {
.terms__text-content p {
line-height: 1.5;
}
}
.terms__text-content li {
line-height: 1.5;
font-size: 0.9375vw;
}
@media screen and (max-width: 800px) {
.terms__text-content li {
font-size: 3.2vw;
}
}
@media screen and (max-width: 800px) {
.terms__text-content li {
line-height: 1.5;
}
}
@media screen and (max-width: 800px) {
.terms__text-content {
border: none;
padding: 0vw;
}
}
@media screen and (max-width: 800px) and (max-width: 800px) {
.terms__text-content {
padding: 0vw;
}
}
.terms__btn {
width: 33.984375vw;
padding-top: 1.171875vw;
padding-bottom: 1.171875vw;
margin-top: 1.25vw;
margin-bottom: 1.25vw;
font-size: 1.25vw;
border-radius: 5px;
text-align: center;
background-color: #4caf50;
color: white;
border: none;
cursor: pointer;
font-weight: 700;
}
@media screen and (max-width: 800px) {
.terms__btn {
width: 116vw;
}
}
@media screen and (max-width: 800px) {
.terms__btn {
padding-top: 4vw;
padding-bottom: 4vw;
}
}
@media screen and (max-width: 800px) {
.terms__btn {
margin-top: 4.2666666667vw;
margin-bottom: 4.2666666667vw;
}
}
@media screen and (max-width: 800px) {
.terms__btn {
font-size: 4.2666666667vw;
}
}
.terms__btn:hover {
opacity: 0.8;
}
.terms__btn-wrapper {
display: flex;
flex-direction: row;
}
.terms__cancel-btn {
background-color: #aaaaaa;
color: #ffffff;
margin-right: 0.390625vw;
}
@media screen and (max-width: 800px) {
.terms__cancel-btn {
margin-right: 1.3333333333vw;
}
}
@media screen and (max-width: 800px) {
.terms__cancel-btn {
display: none;
}
}
.terms__agree-btn {
background: linear-gradient(90deg, #eba705 0%, #f4c85b 100%);
color: #ffffff;
margin-left: 0.390625vw;
}
@media screen and (max-width: 800px) {
.terms__agree-btn {
margin-left: 1.3333333333vw;
}
}
@media screen and (max-width: 800px) {
.terms__agree-btn {
width: 100%;
}
}
@keyframes fadeIn {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
#user-unsubscribe {
display: none;
animation: fadeIn 0.1s ease-in;
z-index: 99;
}
#user-unsubscribe.show-modal {
display: flex;
}
.unsubscribe {
position: fixed;
/* Stay in place */
z-index: 1;
/* Sit on top */
left: 0;
top: 0;
width: 100vw;
height: 100vh;
overflow: auto;
/* Enable scroll if needed */
background-color: #faf9fa;
/* Fallback color */
background-color: #faf9fa;
/* Black w/ opacity */
/* Flexbox for centering */
display: flex;
justify-content: center;
align-items: center;
}
@media screen and (max-width: 480px) {
.unsubscribe {
background-color: rgba(0, 0, 0, 0.7);
/* Black w/ opacity */
}
}
.unsubscribe__title {
margin-top: 4.375vw;
margin-bottom: 3.75vw;
font-size: 2.5vw;
color: #000;
text-align: center;
font-weight: 700;
}
@media screen and (max-width: 800px) {
.unsubscribe__title {
margin-top: 14.9333333333vw;
}
}
@media screen and (max-width: 800px) {
.unsubscribe__title {
margin-bottom: 12.8vw;
}
}
@media screen and (max-width: 800px) {
.unsubscribe__title {
font-size: 8.5333333333vw;
}
}
.unsubscribe__sub-title {
margin-top: 1.171875vw;
margin-bottom: 1.171875vw;
font-size: 0.9375vw;
line-height: 1.5;
color: #000;
text-align: center;
}
@media screen and (max-width: 800px) {
.unsubscribe__sub-title {
margin-top: 4vw;
margin-bottom: 4vw;
}
}
@media screen and (max-width: 800px) {
.unsubscribe__sub-title {
font-size: 3.2vw;
}
}
@media screen and (max-width: 480px) {
.unsubscribe__sub-title {
margin-bottom: 2.5vw;
line-height: 1.5;
}
}
@media screen and (max-width: 480px) and (max-width: 800px) {
.unsubscribe__sub-title {
margin-bottom: 8.5333333333vw;
}
}
.unsubscribe__sub-last {
margin-bottom: 4.375vw;
}
@media screen and (max-width: 800px) {
.unsubscribe__sub-last {
margin-bottom: 14.9333333333vw;
}
}
.unsubscribe__modal-content {
width: 35.390625vw;
margin-left: auto;
margin-right: auto;
margin-top: 6.875vw;
font-size: 0.9375vw;
padding-left: 1.875vw;
padding-right: 1.875vw;
padding-top: 1.953125vw;
border-radius: 5px;
background-color: #fefefe;
border: 1px solid #ececec;
}
@media screen and (max-width: 800px) {
.unsubscribe__modal-content {
width: 120.8vw;
}
}
@media screen and (max-width: 800px) {
.unsubscribe__modal-content {
margin-top: 23.4666666667vw;
}
}
@media screen and (max-width: 800px) {
.unsubscribe__modal-content {
font-size: 3.2vw;
}
}
@media screen and (max-width: 800px) {
.unsubscribe__modal-content {
padding-left: 6.4vw;
padding-right: 6.4vw;
}
}
@media screen and (max-width: 800px) {
.unsubscribe__modal-content {
padding-top: 6.6666666667vw;
}
}
@media screen and (max-width: 800px) {
.unsubscribe__modal-content {
width: 25.625vw;
}
}
@media screen and (max-width: 800px) and (max-width: 800px) {
.unsubscribe__modal-content {
width: 87.4666666667vw;
}
}
.unsubscribe__btn {
width: 25.625vw;
padding-top: 1.171875vw;
padding-bottom: 1.171875vw;
font-size: 1.25vw;
border-radius: 5px;
text-align: center;
background-color: #4caf50;
color: white;
border: none;
cursor: pointer;
font-weight: 700;
}
@media screen and (max-width: 800px) {
.unsubscribe__btn {
width: 87.4666666667vw;
}
}
@media screen and (max-width: 800px) {
.unsubscribe__btn {
padding-top: 4vw;
padding-bottom: 4vw;
}
}
@media screen and (max-width: 800px) {
.unsubscribe__btn {
font-size: 4.2666666667vw;
}
}
.unsubscribe__btn:hover {
opacity: 0.8;
}
.unsubscribe__btn-wrapper {
display: flex;
flex-direction: column;
margin-bottom: 4.415625vw;
justify-content: center;
align-items: center;
}
@media screen and (max-width: 800px) {
.unsubscribe__btn-wrapper {
margin-bottom: 15.072vw;
}
}
.unsubscribe__cancel-btn {
background-color: #aaaaaa;
color: #ffffff;
}
@media screen and (max-width: 480px) {
.unsubscribe__cancel-btn {
width: 100%;
}
}
.unsubscribe__agree-btn {
background-color: linear-gradient(90deg, #eba705 0%, #f4c85b 100%);
color: #ffffff;
margin-bottom: 0.665625vw;
}
@media screen and (max-width: 800px) {
.unsubscribe__agree-btn {
margin-bottom: 2.272vw;
}
}
@media screen and (max-width: 480px) {
.unsubscribe__agree-btn {
width: 100%;
}
}
@keyframes fadeIn {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
.drawer-nav {
z-index: 50;
}
.drawer-wrapper {
margin-top: 2.734375vw;
margin-left: 1.484375vw;
margin-right: 1.875vw;
}
@media screen and (max-width: 800px) {
.drawer-wrapper {
margin-top: 9.3333333333vw;
}
}
@media screen and (max-width: 800px) {
.drawer-wrapper {
margin-left: 5.0666666667vw;
}
}
@media screen and (max-width: 800px) {
.drawer-wrapper {
margin-right: 6.4vw;
}
}
.drawer-menu-btn {
margin-top: 1.328125vw;
margin-bottom: 1.328125vw;
}
@media screen and (max-width: 800px) {
.drawer-menu-btn {
margin-top: 4.5333333333vw;
margin-bottom: 4.5333333333vw;
}
}
.drawer-menu_close {
height: 1.25vw;
width: 1.25vw;
}
@media screen and (max-width: 800px) {
.drawer-menu_close {
height: 4.2666666667vw;
}
}
@media screen and (max-width: 800px) {
.drawer-menu_close {
width: 4.2666666667vw;
}
}
.drawer-menu-li {
margin-bottom: 1.875vw;
}
@media screen and (max-width: 800px) {
.drawer-menu-li {
margin-bottom: 6.4vw;
}
}
.drawer-menu-item {
font-size: 1.09375vw;
font-weight: 400;
color: #000;
}
@media screen and (max-width: 800px) {
.drawer-menu-item {
font-size: 3.7333333333vw;
}
}
#drawer-menu_link {
cursor: pointer;
padding: 0.15625vw;
}
@media screen and (max-width: 800px) {
#drawer-menu_link {
padding: 0.5333333333vw;
}
}
.hamburger {
display: none;
position: relative;
}
.hamburger.active span:nth-of-type(1) {
transform: translateY(2.1vw) rotate(45deg);
}
.hamburger.active span:nth-of-type(2) {
opacity: 0;
}
.hamburger.active span:nth-of-type(3) {
transform: translateY(-2.1vw) rotate(-45deg);
}
@media screen and (max-width: 800px) {
.hamburger {
display: block;
z-index: 109000;
cursor: pointer;
width: 1.875vw;
height: 1.25vw;
}
}
@media screen and (max-width: 800px) and (max-width: 800px) {
.hamburger {
width: 6.4vw;
}
}
@media screen and (max-width: 800px) and (max-width: 800px) {
.hamburger {
height: 4.2666666667vw;
}
}
@media screen and (max-width: 800px) {
.hamburger span {
transition: all 0.5s;
position: absolute;
left: 0;
width: 100%;
height: 1px;
background-color: #ffffff;
border-radius: 4px;
}
.hamburger span:nth-child(1) {
top: 0%;
}
.hamburger span:nth-of-type(2) {
top: 50%;
}
.hamburger span:nth-of-type(3) {
top: 100%;
}
}
.term {
display: flex;
justify-content: center;
align-items: center;
}
.term__link {
display: flex;
justify-content: center;
align-items: center;
height: 2.8125vw;
padding-left: 1.25vw;
padding-right: 1.25vw;
font-size: 1.25vw;
border-radius: 999px;
background: #000;
color: #ffffff;
}
@media screen and (max-width: 800px) {
.term__link {
height: 9.6vw;
}
}
@media screen and (max-width: 800px) {
.term__link {
padding-left: 4.2666666667vw;
padding-right: 4.2666666667vw;
}
}
@media screen and (max-width: 800px) {
.term__link {
font-size: 4.2666666667vw;
}
}
.term__link.current {
background: red;
}
.header {
position: sticky;
top: 0;
height: 5vw;
display: flex;
justify-content: center;
align-items: center;
box-shadow: 0px 4px 4px 0px #0000001a;
background-color: #000;
z-index: 20;
}
@media screen and (max-width: 800px) {
.header {
height: 17.0666666667vw;
}
}
.header__container {
display: flex;
justify-content: space-between;
align-items: center;
width: 80%;
}
@media screen and (max-width: 800px) {
.header__container {
order: 1;
justify-content: flex-end;
}
}
@media screen and (max-width: 800px) {
.header__logoArea {
margin-right: 4.375vw;
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: center;
}
}
@media screen and (max-width: 800px) and (max-width: 800px) {
.header__logoArea {
margin-right: 14.9333333333vw;
}
}
.header__logoArea-sp {
margin-right: 0vw;
margin-bottom: 2.5vw;
}
@media screen and (max-width: 800px) {
.header__logoArea-sp {
margin-right: 0vw;
}
}
@media screen and (max-width: 800px) {
.header__logoArea-sp {
margin-bottom: 8.5333333333vw;
}
}
@media screen and (max-width: 800px) {
.header__subscriber {
margin-right: 6.25vw !important;
}
}
@media screen and (max-width: 800px) and (max-width: 800px) {
.header__subscriber {
margin-right: 21.3333333333vw !important;
}
}
.header__logoText {
font-size: 1.875vw;
font-weight: 700;
color: #505055;
}
@media screen and (max-width: 800px) {
.header__logoText {
font-size: 6.4vw;
}
}
.header__logoImage {
display: block;
height: 40px;
}
.header__search-input {
height: 2.8125vw;
border: 1px solid linear-gradient(90deg, #eba705 0%, #f4c85b 100%);
border-radius: 25px;
width: 16.875vw;
font-weight: 500;
padding-left: 1.640625vw;
font-size: 1.25vw;
}
@media screen and (max-width: 800px) {
.header__search-input {
height: 9.6vw;
}
}
@media screen and (max-width: 800px) {
.header__search-input {
width: 57.6vw;
}
}
@media screen and (max-width: 800px) {
.header__search-input {
padding-left: 5.6vw;
}
}
@media screen and (max-width: 800px) {
.header__search-input {
font-size: 4.2666666667vw;
}
}
@media screen and (max-width: 800px) {
.header__search-input {
display: none;
}
}
.header__search-input ::-moz-placeholder {
font-size: 1.25vw;
font-weight: 500;
color: #0077ff;
}
.header__search-input ::placeholder {
font-size: 1.25vw;
font-weight: 500;
color: #0077ff;
}
@media screen and (max-width: 800px) {
.header__search-input ::-moz-placeholder {
font-size: 4.2666666667vw;
}
.header__search-input ::placeholder {
font-size: 4.2666666667vw;
}
}
.header__nav {
display: flex;
justify-content: space-between;
align-items: center;
width: 100%;
}
@media screen and (max-width: 800px) {
.header__nav {
display: none;
}
}
.header__list {
display: flex;
align-items: center;
}
@media screen and (max-width: 800px) {
.header__list {
display: none;
}
}
.header__profile-imgwrap img {
height: 1.640625vw;
width: 1.40625vw;
margin-left: 1.328125vw;
}
@media screen and (max-width: 800px) {
.header__profile-imgwrap img {
height: 5.6vw;
}
}
@media screen and (max-width: 800px) {
.header__profile-imgwrap img {
width: 4.8vw;
}
}
@media screen and (max-width: 800px) {
.header__profile-imgwrap img {
margin-left: 4.5333333333vw;
}
}
.header__post-count {
height: 2.734375vw;
width: 2.734375vw;
margin-left: 0.859375vw;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
text-align: center;
}
@media screen and (max-width: 800px) {
.header__post-count {
height: 9.3333333333vw;
}
}
@media screen and (max-width: 800px) {
.header__post-count {
width: 9.3333333333vw;
}
}
@media screen and (max-width: 800px) {
.header__post-count {
margin-left: 2.9333333333vw;
}
}
.header__post-count .count-wrap {
height: 0.9375vw;
width: 0.9375vw;
color: #0077ff;
font-weight: 600;
position: absolute;
top: 10px;
left: 13px;
background-color: #0077ff;
border-radius: 50%;
color: #ffffff;
}
@media screen and (max-width: 800px) {
.header__post-count .count-wrap {
height: 3.2vw;
}
}
@media screen and (max-width: 800px) {
.header__post-count .count-wrap {
width: 3.2vw;
}
}
.header__post-count .count-wrap .count {
font-size: 0.703125vw;
position: relative;
top: 3px;
left: 0.5px;
font-family: Helvetica, Arial, sans-serif;
font-weight: 500;
}
@media screen and (max-width: 800px) {
.header__post-count .count-wrap .count {
font-size: 2.4vw;
}
}
.header__post-icon {
height: 1.09375vw;
width: 1.5625vw;
position: absolute;
}
@media screen and (max-width: 800px) {
.header__post-icon {
height: 3.7333333333vw;
}
}
@media screen and (max-width: 800px) {
.header__post-icon {
width: 5.3333333333vw;
}
}
.header__post-div {
position: relative;
height: 1.09375vw;
width: 1.5625vw;
}
@media screen and (max-width: 800px) {
.header__post-div {
height: 3.7333333333vw;
}
}
@media screen and (max-width: 800px) {
.header__post-div {
width: 5.3333333333vw;
}
}
.header__sp-search {
display: none;
}
@media screen and (max-width: 800px) {
.header__sp-search {
display: flex;
}
}
.header__sp-searchwrap img {
height: 1.40625vw;
width: 1.40625vw;
}
@media screen and (max-width: 800px) {
.header__sp-searchwrap img {
height: 4.8vw;
}
}
@media screen and (max-width: 800px) {
.header__sp-searchwrap img {
width: 4.8vw;
}
}
.header__sp-post-count {
display: none;
}
@media screen and (max-width: 800px) {
.header__sp-post-count {
display: flex;
height: 2.734375vw;
width: 2.734375vw;
margin-left: 0.859375vw;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
text-align: center;
}
}
@media screen and (max-width: 800px) and (max-width: 800px) {
.header__sp-post-count {
height: 9.3333333333vw;
}
}
@media screen and (max-width: 800px) and (max-width: 800px) {
.header__sp-post-count {
width: 9.3333333333vw;
}
}
@media screen and (max-width: 800px) and (max-width: 800px) {
.header__sp-post-count {
margin-left: 2.9333333333vw;
}
}
@media screen and (max-width: 800px) {
.header__sp-post-count .count-wrap {
height: 0.9375vw;
width: 0.9375vw;
color: #0077ff;
font-weight: 600;
position: absolute;
top: 10px;
left: 13px;
background-color: #0077ff;
border-radius: 50%;
color: #ffffff;
}
}
@media screen and (max-width: 800px) and (max-width: 800px) {
.header__sp-post-count .count-wrap {
height: 3.2vw;
}
}
@media screen and (max-width: 800px) and (max-width: 800px) {
.header__sp-post-count .count-wrap {
width: 3.2vw;
}
}
@media screen and (max-width: 800px) {
.header__sp-post-count .count-wrap .count {
font-size: 0.703125vw;
position: relative;
top: 3px;
left: 0.5px;
font-family: Helvetica, Arial, sans-serif;
font-weight: 500;
}
}
@media screen and (max-width: 800px) and (max-width: 800px) {
.header__sp-post-count .count-wrap .count {
font-size: 2.4vw;
}
}
.header__sp-post-icon {
height: 1.09375vw;
width: 1.5625vw;
position: absolute;
}
@media screen and (max-width: 800px) {
.header__sp-post-icon {
height: 3.7333333333vw;
}
}
@media screen and (max-width: 800px) {
.header__sp-post-icon {
width: 5.3333333333vw;
}
}
.header__sp-post-div {
position: relative;
height: 1.09375vw;
width: 1.5625vw;
}
@media screen and (max-width: 800px) {
.header__sp-post-div {
height: 3.7333333333vw;
}
}
@media screen and (max-width: 800px) {
.header__sp-post-div {
width: 5.3333333333vw;
}
}
.header__right {
display: flex;
}
.header__right-btn {
font-size: 1.25vw;
padding-top: 0.78125vw;
padding-bottom: 0.78125vw;
padding-left: 1.796875vw;
padding-right: 1.796875vw;
margin-left: 0.9375vw;
border-radius: 25px;
width: 6.484375vw;
display: flex;
justify-content: center;
font-weight: 600;
}
@media screen and (max-width: 800px) {
.header__right-btn {
font-size: 4.2666666667vw;
}
}
@media screen and (max-width: 800px) {
.header__right-btn {
padding-top: 2.6666666667vw;
padding-bottom: 2.6666666667vw;
}
}
@media screen and (max-width: 800px) {
.header__right-btn {
padding-left: 6.1333333333vw;
padding-right: 6.1333333333vw;
}
}
@media screen and (max-width: 800px) {
.header__right-btn {
margin-left: 3.2vw;
}
}
@media screen and (max-width: 800px) {
.header__right-btn {
width: 22.1333333333vw;
}
}
.header__right-signup {
border: 1px solid #ffffff;
color: #000;
background-color: #ffffff;
}
.header__right-login {
color: #000;
background: linear-gradient(90deg, #eba705 0%, #f4c85b 100%);
}
.header__right-modal {
color: #000;
background: linear-gradient(90deg, #eba705 0%, #f4c85b 100%);
margin-right: 0.9375vw;
}
@media screen and (max-width: 800px) {
.header__right-modal {
margin-right: 3.2vw;
}
}
@media screen and (max-width: 800px) {
.header__right-modal {
margin-right: 0vw;
}
}
@media screen and (max-width: 800px) and (max-width: 800px) {
.header__right-modal {
margin-right: 0vw;
}
}
@media screen and (max-width: 800px) {
.header__right {
display: none;
}
}
.header__left {
margin-left: 1.875vw;
}
@media screen and (max-width: 800px) {
.header__left {
margin-left: 6.4vw;
}
}
.header__link {
margin-left: 1.71875vw;
font-size: 0.9375vw;
font-weight: 700;
color: #ffffff;
}
@media screen and (max-width: 800px) {
.header__link {
margin-left: 5.8666666667vw;
}
}
@media screen and (max-width: 800px) {
.header__link {
font-size: 3.2vw;
}
}
.header__modal {
display: none;
position: fixed;
z-index: 30;
left: 0;
top: 0;
width: 100%;
height: 100%;
overflow: auto;
background-color: #7f7f7f;
background-color: rgba(127, 127, 127, 0.8);
}
@media screen and (max-width: 800px) {
.header__modal {
background-color: #ffffff;
}
}
.header__modal-content {
background-color: #ffffff;
margin-top: 3.203125vw;
margin-bottom: 5.625vw;
margin-left: auto;
margin-right: auto;
padding-left: 0.9375vw;
padding-right: 0.9375vw;
border: 1px solid #888;
width: 32.96875vw;
box-shadow: 0px 4px 4px 0px #00000040;
border-radius: 10px;
}
@media screen and (max-width: 800px) {
.header__modal-content {
margin-top: 10.9333333333vw;
}
}
@media screen and (max-width: 800px) {
.header__modal-content {
margin-bottom: 19.2vw;
}
}
@media screen and (max-width: 800px) {
.header__modal-content {
padding-left: 3.2vw;
padding-right: 3.2vw;
}
}
@media screen and (max-width: 800px) {
.header__modal-content {
width: 112.5333333333vw;
}
}
@media screen and (max-width: 800px) {
.header__modal-content {
background-color: #ffffff;
border: 0;
box-shadow: none;
width: 26.328125vw !important;
}
}
@media screen and (max-width: 800px) and (max-width: 800px) {
.header__modal-content {
width: 89.8666666667vw !important;
}
}
.header__modal-title {
font-size: 1.875vw;
font-style: normal;
font-weight: 700;
text-align: center;
margin-left: 6.171875vw;
margin-right: 6.171875vw;
margin-top: 2.109375vw;
margin-bottom: 1.875vw;
line-height: 1.5;
background: linear-gradient(90deg, #eba705 0%, #f4c85b 100%) !important;
-webkit-background-clip: text !important;
-webkit-text-fill-color: transparent !important;
}
@media screen and (max-width: 800px) {
.header__modal-title {
font-size: 6.4vw;
}
}
@media screen and (max-width: 800px) {
.header__modal-title {
margin-left: 21.0666666667vw;
margin-right: 21.0666666667vw;
}
}
@media screen and (max-width: 800px) {
.header__modal-title {
margin-top: 7.2vw;
}
}
@media screen and (max-width: 800px) {
.header__modal-title {
margin-bottom: 6.4vw;
}
}
@media screen and (max-width: 800px) {
.header__modal-title {
margin-left: 0vw;
margin-right: 0vw;
}
}
@media screen and (max-width: 800px) and (max-width: 800px) {
.header__modal-title {
margin-left: 0vw;
margin-right: 0vw;
}
}
.header__modal label {
font-size: 0.9375vw;
color: #000;
font-weight: 400;
width: 22%;
}
@media screen and (max-width: 800px) {
.header__modal label {
font-size: 3.2vw;
}
}
.header__modal-score {
border-radius: 5px;
border: 1px solid #eeeeed;
width: 5.234375vw;
height: 4.375vw;
margin-top: 0.390625vw;
font-size: 1.25vw;
text-align: center;
color: rgba(0, 0, 0, 0.38);
}
@media screen and (max-width: 800px) {
.header__modal-score {
width: 17.8666666667vw;
}
}
@media screen and (max-width: 800px) {
.header__modal-score {
height: 14.9333333333vw;
}
}
@media screen and (max-width: 800px) {
.header__modal-score {
margin-top: 1.3333333333vw;
}
}
@media screen and (max-width: 800px) {
.header__modal-score {
font-size: 4.2666666667vw;
}
}
.header__modal-ratewrap {
display: flex;
align-items: center;
margin-top: 1.40625vw;
}
@media screen and (max-width: 800px) {
.header__modal-ratewrap {
margin-top: 4.8vw;
}
}
.header__modal-starrate {
display: flex;
flex-direction: row-reverse;
font-size: 1.5em;
justify-content: space-around;
padding: 0 0.2em;
text-align: center;
}
.header__modal-starrate input {
display: none;
}
.header__modal-starrate label {
color: #ccc;
cursor: pointer;
font-size: 1.25vw;
margin-left: 0.3125vw;
margin-right: 0.3125vw;
}
@media screen and (max-width: 800px) {
.header__modal-starrate label {
font-size: 4.2666666667vw;
}
}
@media screen and (max-width: 800px) {
.header__modal-starrate label {
margin-left: 1.0666666667vw;
margin-right: 1.0666666667vw;
}
}
.header__modal-starrate :checked ~ label {
background: linear-gradient(90deg, #eba705 0%, #f4c85b 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
.header__modal-starrate label:hover,
.header__modal-starrate label:hover ~ label {
background: linear-gradient(90deg, #eba705 0%, #f4c85b 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
.header__modal-remarks {
resize: none;
width: 31.40625vw;
height: 25.46875vw;
border-radius: 5px;
border: 1px solid #eeeeed;
background: #fff;
margin-top: 0.625vw;
font-size: 1.25vw;
padding-left: 1.25vw;
color: rgba(0, 0, 0, 0.38);
font-family: Helvetica, Arial, sans-serif;
}
@media screen and (max-width: 800px) {
.header__modal-remarks {
width: 107.2vw;
}
}
@media screen and (max-width: 800px) {
.header__modal-remarks {
height: 86.9333333333vw;
}
}
@media screen and (max-width: 800px) {
.header__modal-remarks {
margin-top: 2.1333333333vw;
}
}
@media screen and (max-width: 800px) {
.header__modal-remarks {
font-size: 4.2666666667vw;
}
}
@media screen and (max-width: 800px) {
.header__modal-remarks {
padding-left: 4.2666666667vw;
}
}
@media screen and (max-width: 800px) {
.header__modal-remarks {
width: 26.328125vw !important;
padding-left: 0.625vw !important;
}
}
@media screen and (max-width: 800px) and (max-width: 800px) {
.header__modal-remarks {
width: 89.8666666667vw !important;
}
}
@media screen and (max-width: 800px) and (max-width: 800px) {
.header__modal-remarks {
padding-left: 2.1333333333vw !important;
}
}
.header__modal-input {
font-size: 1.25vw;
color: rgba(0, 0, 0, 0.38) !important;
font-style: normal;
font-weight: 400;
height: 4.375vw !important;
width: 31.40625vw;
border-radius: 5px;
border: 1px solid #eeeeed;
margin-top: 0.3125vw !important;
margin-bottom: 1.875vw !important;
padding-left: 1.25vw;
}
@media screen and (max-width: 800px) {
.header__modal-input {
font-size: 4.2666666667vw;
}
}
@media screen and (max-width: 800px) {
.header__modal-input {
height: 14.9333333333vw !important;
}
}
@media screen and (max-width: 800px) {
.header__modal-input {
width: 107.2vw;
}
}
@media screen and (max-width: 800px) {
.header__modal-input {
margin-top: 1.0666666667vw !important;
}
}
@media screen and (max-width: 800px) {
.header__modal-input {
margin-bottom: 6.4vw !important;
}
}
@media screen and (max-width: 800px) {
.header__modal-input {
padding-left: 4.2666666667vw;
}
}
@media screen and (max-width: 800px) {
.header__modal-input {
width: 26.328125vw !important;
padding-left: 0.625vw !important;
}
}
@media screen and (max-width: 800px) and (max-width: 800px) {
.header__modal-input {
width: 89.8666666667vw !important;
}
}
@media screen and (max-width: 800px) and (max-width: 800px) {
.header__modal-input {
padding-left: 2.1333333333vw !important;
}
}
.header__modal-select {
margin-top: 0.3125vw;
margin-bottom: 1.875vw;
width: 100%;
}
@media screen and (max-width: 800px) {
.header__modal-select {
margin-top: 1.0666666667vw;
}
}
@media screen and (max-width: 800px) {
.header__modal-select {
margin-bottom: 6.4vw;
}
}
.header__modal-temp {
-webkit-appearance: none;
/* Chrome, Safari, Opera */
-moz-appearance: none;
/* Firefox */
appearance: none;
/* Standard syntax */
}
.header__modal-label {
margin-bottom: 0.3125vw;
}
@media screen and (max-width: 800px) {
.header__modal-label {
margin-bottom: 1.0666666667vw;
}
}
.header__modal-required {
color: #da3025;
font-size: 0.9375vw;
margin-bottom: 0.3125vw;
}
@media screen and (max-width: 800px) {
.header__modal-required {
font-size: 3.2vw;
}
}
@media screen and (max-width: 800px) {
.header__modal-required {
margin-bottom: 1.0666666667vw;
}
}
.header__modal-hr {
border-color: #e5e9ec;
margin-top: 1.40625vw;
}
@media screen and (max-width: 800px) {
.header__modal-hr {
margin-top: 4.8vw;
}
}
@media screen and (max-width: 800px) {
.header__modal-hr {
width: 26.328125vw !important;
}
}
@media screen and (max-width: 800px) and (max-width: 800px) {
.header__modal-hr {
width: 89.8666666667vw !important;
}
}
.header__modal-mb {
margin-bottom: 1.40625vw;
}
@media screen and (max-width: 800px) {
.header__modal-mb {
margin-bottom: 4.8vw;
}
}
.header__modal-btnwrap {
display: flex;
justify-content: space-around;
align-items: center;
padding-top: 0.9375vw;
padding-bottom: 0.9375vw;
padding-bottom: 0.9375vw;
}
@media screen and (max-width: 800px) {
.header__modal-btnwrap {
padding-top: 3.2vw;
padding-bottom: 3.2vw;
}
}
@media screen and (max-width: 800px) {
.header__modal-btnwrap {
padding-bottom: 3.2vw;
}
}
@media screen and (max-width: 800px) {
.header__modal-btnwrap {
flex-direction: column-reverse;
align-items: initial;
}
}
.header__modal-cancel {
background-color: #ff003d;
color: #ffffff;
font-size: 1.25vw;
text-decoration: none;
padding-top: 1.09375vw;
padding-bottom: 1.09375vw;
padding-left: 3.203125vw;
padding-right: 3.203125vw;
border-radius: 5px;
border: none;
width: 15.546875vw;
cursor: pointer;
}
@media screen and (max-width: 800px) {
.header__modal-cancel {
font-size: 4.2666666667vw;
}
}
@media screen and (max-width: 800px) {
.header__modal-cancel {
padding-top: 3.7333333333vw;
padding-bottom: 3.7333333333vw;
}
}
@media screen and (max-width: 800px) {
.header__modal-cancel {
padding-left: 10.9333333333vw;
padding-right: 10.9333333333vw;
}
}
@media screen and (max-width: 800px) {
.header__modal-cancel {
width: 53.0666666667vw;
}
}
@media screen and (max-width: 800px) {
.header__modal-cancel {
width: 26.328125vw;
}
}
@media screen and (max-width: 800px) and (max-width: 800px) {
.header__modal-cancel {
width: 89.8666666667vw;
}
}
.header__modal-submit {
background: linear-gradient(90deg, #eba705 0%, #f4c85b 100%);
font-size: 1.25vw;
color: #ffffff;
text-decoration: none;
padding-top: 1.09375vw;
padding-bottom: 1.09375vw;
padding-left: 3.203125vw;
padding-right: 3.203125vw;
border-radius: 5px;
width: 15.546875vw;
margin-left: 0.3125vw;
cursor: pointer;
}
@media screen and (max-width: 800px) {
.header__modal-submit {
font-size: 4.2666666667vw;
}
}
@media screen and (max-width: 800px) {
.header__modal-submit {
padding-top: 3.7333333333vw;
padding-bottom: 3.7333333333vw;
}
}
@media screen and (max-width: 800px) {
.header__modal-submit {
padding-left: 10.9333333333vw;
padding-right: 10.9333333333vw;
}
}
@media screen and (max-width: 800px) {
.header__modal-submit {
width: 53.0666666667vw;
}
}
@media screen and (max-width: 800px) {
.header__modal-submit {
margin-left: 1.0666666667vw;
}
}
@media screen and (max-width: 800px) {
.header__modal-submit {
width: 26.328125vw;
margin-left: 0vw;
margin-bottom: 1.171875vw;
}
}
@media screen and (max-width: 800px) and (max-width: 800px) {
.header__modal-submit {
width: 89.8666666667vw;
}
}
@media screen and (max-width: 800px) and (max-width: 800px) {
.header__modal-submit {
margin-left: 0vw;
}
}
@media screen and (max-width: 800px) and (max-width: 800px) {
.header__modal-submit {
margin-bottom: 4vw;
}
}
.header__sp-searchModal {
position: fixed;
/* Stay in place */
z-index: 1;
/* Sit on top */
left: 0;
top: 0;
width: 100vw;
height: 100vh;
overflow: auto;
/* Enable scroll if needed */
background-color: #faf9fa;
/* Fallback color */
background-color: #faf9fa;
/* Black w/ opacity */
/* Flexbox for centering */
display: flex;
justify-content: center;
align-items: center;
}
@media screen and (max-width: 800px) {
.header__sp-searchModal {
background-color: rgba(0, 0, 0, 0.2);
/* Black w/ opacity */
}
}
.header__sp-searchModal__sub-last {
margin-bottom: 4.375vw;
}
@media screen and (max-width: 800px) {
.header__sp-searchModal__sub-last {
margin-bottom: 14.9333333333vw;
}
}
.header__sp-searchModal-wrap {
width: 29.296875vw;
height: 62.1875vw;
box-shadow: 0px -4px 4px 0px rgba(0, 0, 0, 0.25);
border-radius: 16px;
margin-left: auto;
margin-right: auto;
margin-top: 2.8125vw;
font-size: 0.9375vw;
padding-left: 1.328125vw;
padding-right: 1.328125vw;
padding-top: 3.203125vw;
transition: all 0.03s ease-out;
background-color: #fefefe;
border: 1px solid #ececec;
}
@media screen and (max-width: 800px) {
.header__sp-searchModal-wrap {
width: 100vw;
}
}
@media screen and (max-width: 800px) {
.header__sp-searchModal-wrap {
height: 212.2666666667vw;
}
}
@media screen and (max-width: 800px) {
.header__sp-searchModal-wrap {
margin-top: 9.6vw;
}
}
@media screen and (max-width: 800px) {
.header__sp-searchModal-wrap {
font-size: 3.2vw;
}
}
@media screen and (max-width: 800px) {
.header__sp-searchModal-wrap {
padding-left: 4.5333333333vw;
padding-right: 4.5333333333vw;
}
}
@media screen and (max-width: 800px) {
.header__sp-searchModal-wrap {
padding-top: 10.9333333333vw;
}
}
@media screen and (max-width: 800px) {
.header__sp-searchModal-wrap {
width: 25.625vw;
}
}
@media screen and (max-width: 800px) and (max-width: 800px) {
.header__sp-searchModal-wrap {
width: 87.4666666667vw;
}
}
.header__sp-searchModal-wrap .autocomplete-container input {
width: 25vw !important;
}
@media screen and (max-width: 800px) {
.header__sp-searchModal-wrap .autocomplete-container input {
width: 85.3333333333vw !important;
}
}
.header__sp-searchModal-wrap .autocomplete-container span {
display: none;
}
.header__sp-searchModal-wrap .autocomplete-container label {
display: none;
}
.header__sp-searchModal-wrap .autocomplete__input {
font-size: 1.25vw;
color: rgba(0, 0, 0, 0.38) !important;
font-style: normal;
font-weight: 400;
height: 5.625vw !important;
width: 31.40625vw;
border: 1px solid rgba(0, 0, 0, 0.38) !important;
border-radius: 0px !important;
margin-top: 0.3125vw !important;
margin-bottom: 1.875vw !important;
padding-left: 4.609375vw;
padding-top: 0vw !important;
padding-bottom: 0vw !important;
padding-right: 0vw !important;
background: url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M17.7973 16.8188L13.469 12.4914C14.7236 10.9852 15.3491 9.05344 15.2156 7.09784C15.0821 5.14224 14.1998 3.31339 12.7522 1.99175C11.3046 0.670112 9.40324 -0.0425679 7.44359 0.00196836C5.48394 0.0465046 3.6169 0.844828 2.23087 2.23087C0.844828 3.6169 0.0465046 5.48394 0.00196836 7.44359C-0.0425679 9.40324 0.670112 11.3046 1.99175 12.7522C3.31339 14.1998 5.14224 15.0821 7.09784 15.2156C9.05344 15.3491 10.9852 14.7236 12.4914 13.469L16.8188 17.7973C16.883 17.8616 16.9593 17.9126 17.0433 17.9473C17.1272 17.9821 17.2172 18 17.3081 18C17.3989 18 17.4889 17.9821 17.5729 17.9473C17.6568 17.9126 17.7331 17.8616 17.7973 17.7973C17.8616 17.7331 17.9126 17.6568 17.9473 17.5729C17.9821 17.4889 18 17.3989 18 17.3081C18 17.2172 17.9821 17.1272 17.9473 17.0433C17.9126 16.9593 17.8616 16.883 17.7973 16.8188ZM1.40222 7.62624C1.40222 6.39525 1.76726 5.1919 2.45116 4.16836C3.13506 3.14483 4.10712 2.34708 5.24441 1.876C6.38171 1.40492 7.63315 1.28166 8.84049 1.52182C10.0478 1.76197 11.1568 2.35475 12.0273 3.2252C12.8977 4.09564 13.4905 5.20466 13.7307 6.412C13.9708 7.61934 13.8476 8.87078 13.3765 10.0081C12.9054 11.1454 12.1077 12.1174 11.0841 12.8013C10.0606 13.4852 8.85724 13.8503 7.62624 13.8503C5.97609 13.8484 4.39405 13.1921 3.22722 12.0253C2.06038 10.8584 1.40405 9.2764 1.40222 7.62624Z' fill='black' fill-opacity='0.38'/%3E%3C/svg%3E%0A") no-repeat 35px center;
background-size: 39px 31px;
}
@media screen and (max-width: 800px) {
.header__sp-searchModal-wrap .autocomplete__input {
font-size: 4.2666666667vw;
}
}
@media screen and (max-width: 800px) {
.header__sp-searchModal-wrap .autocomplete__input {
height: 19.2vw !important;
}
}
@media screen and (max-width: 800px) {
.header__sp-searchModal-wrap .autocomplete__input {
width: 107.2vw;
}
}
@media screen and (max-width: 800px) {
.header__sp-searchModal-wrap .autocomplete__input {
margin-top: 1.0666666667vw !important;
}
}
@media screen and (max-width: 800px) {
.header__sp-searchModal-wrap .autocomplete__input {
margin-bottom: 6.4vw !important;
}
}
@media screen and (max-width: 800px) {
.header__sp-searchModal-wrap .autocomplete__input {
padding-left: 15.7333333333vw;
}
}
@media screen and (max-width: 800px) {
.header__sp-searchModal-wrap .autocomplete__input {
padding-top: 0vw !important;
}
}
@media screen and (max-width: 800px) {
.header__sp-searchModal-wrap .autocomplete__input {
padding-bottom: 0vw !important;
}
}
@media screen and (max-width: 800px) {
.header__sp-searchModal-wrap .autocomplete__input {
padding-right: 0vw !important;
}
}
@media screen and (max-width: 800px) {
.header__sp-searchModal-wrap .autocomplete__input {
background: url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M17.7973 16.8188L13.469 12.4914C14.7236 10.9852 15.3491 9.05344 15.2156 7.09784C15.0821 5.14224 14.1998 3.31339 12.7522 1.99175C11.3046 0.670112 9.40324 -0.0425679 7.44359 0.00196836C5.48394 0.0465046 3.6169 0.844828 2.23087 2.23087C0.844828 3.6169 0.0465046 5.48394 0.00196836 7.44359C-0.0425679 9.40324 0.670112 11.3046 1.99175 12.7522C3.31339 14.1998 5.14224 15.0821 7.09784 15.2156C9.05344 15.3491 10.9852 14.7236 12.4914 13.469L16.8188 17.7973C16.883 17.8616 16.9593 17.9126 17.0433 17.9473C17.1272 17.9821 17.2172 18 17.3081 18C17.3989 18 17.4889 17.9821 17.5729 17.9473C17.6568 17.9126 17.7331 17.8616 17.7973 17.7973C17.8616 17.7331 17.9126 17.6568 17.9473 17.5729C17.9821 17.4889 18 17.3989 18 17.3081C18 17.2172 17.9821 17.1272 17.9473 17.0433C17.9126 16.9593 17.8616 16.883 17.7973 16.8188ZM1.40222 7.62624C1.40222 6.39525 1.76726 5.1919 2.45116 4.16836C3.13506 3.14483 4.10712 2.34708 5.24441 1.876C6.38171 1.40492 7.63315 1.28166 8.84049 1.52182C10.0478 1.76197 11.1568 2.35475 12.0273 3.2252C12.8977 4.09564 13.4905 5.20466 13.7307 6.412C13.9708 7.61934 13.8476 8.87078 13.3765 10.0081C12.9054 11.1454 12.1077 12.1174 11.0841 12.8013C10.0606 13.4852 8.85724 13.8503 7.62624 13.8503C5.97609 13.8484 4.39405 13.1921 3.22722 12.0253C2.06038 10.8584 1.40405 9.2764 1.40222 7.62624Z' fill='black' fill-opacity='0.38'/%3E%3C/svg%3E%0A") no-repeat 25px center;
background-size: 20px 20px;
width: 26.328125vw !important;
padding-left: 0.625vw !important;
text-indent: 50px;
}
}
@media screen and (max-width: 800px) and (max-width: 800px) {
.header__sp-searchModal-wrap .autocomplete__input {
width: 89.8666666667vw !important;
}
}
@media screen and (max-width: 800px) and (max-width: 800px) {
.header__sp-searchModal-wrap .autocomplete__input {
padding-left: 2.1333333333vw !important;
}
}
#header__sp-searchModal {
display: none;
animation: fadeIn 0.1s ease-in;
z-index: 99;
}
#header__sp-searchModal.show-modal {
display: flex;
}
.ui-menu-item-wrapper {
font-size: 1.25vw !important;
color: rgba(0, 0, 0, 0.38);
padding-top: 0.78125vw !important;
padding-bottom: 0.78125vw !important;
}
@media screen and (max-width: 800px) {
.ui-menu-item-wrapper {
font-size: 4.2666666667vw !important;
}
}
@media screen and (max-width: 800px) {
.ui-menu-item-wrapper {
padding-top: 2.6666666667vw !important;
padding-bottom: 2.6666666667vw !important;
}
}
.ui-autocomplete-input.ui-widget {
font-size: 1.25vw;
color: rgba(0, 0, 0, 0.38);
font-style: normal;
font-weight: 400;
height: 4.375vw;
width: 31.40625vw;
border-radius: 5px;
border: 1px solid #eeeeed;
margin-top: 0.3125vw;
margin-bottom: 1.875vw;
padding-left: 1.25vw;
}
@media screen and (max-width: 800px) {
.ui-autocomplete-input.ui-widget {
font-size: 4.2666666667vw;
}
}
@media screen and (max-width: 800px) {
.ui-autocomplete-input.ui-widget {
height: 14.9333333333vw;
}
}
@media screen and (max-width: 800px) {
.ui-autocomplete-input.ui-widget {
width: 107.2vw;
}
}
@media screen and (max-width: 800px) {
.ui-autocomplete-input.ui-widget {
margin-top: 1.0666666667vw;
}
}
@media screen and (max-width: 800px) {
.ui-autocomplete-input.ui-widget {
margin-bottom: 6.4vw;
}
}
@media screen and (max-width: 800px) {
.ui-autocomplete-input.ui-widget {
padding-left: 4.2666666667vw;
}
}
.ui-corner-right.ui-button-icon {
transform: translate(-32px, -10px);
cursor: pointer;
}
.autocomplete__input {
font-size: 1.25vw;
color: rgba(0, 0, 0, 0.38) !important;
font-style: normal;
font-weight: 400;
height: 4.375vw !important;
width: 31.40625vw;
border-radius: 5px;
border: 1px solid #eeeeed;
margin-top: 0.3125vw !important;
margin-bottom: 1.875vw !important;
padding-left: 1.40625vw;
padding-top: 0vw !important;
padding-bottom: 0vw !important;
padding-right: 0vw !important;
}
@media screen and (max-width: 800px) {
.autocomplete__input {
font-size: 4.2666666667vw;
}
}
@media screen and (max-width: 800px) {
.autocomplete__input {
height: 14.9333333333vw !important;
}
}
@media screen and (max-width: 800px) {
.autocomplete__input {
width: 107.2vw;
}
}
@media screen and (max-width: 800px) {
.autocomplete__input {
margin-top: 1.0666666667vw !important;
}
}
@media screen and (max-width: 800px) {
.autocomplete__input {
margin-bottom: 6.4vw !important;
}
}
@media screen and (max-width: 800px) {
.autocomplete__input {
padding-left: 4.8vw;
}
}
@media screen and (max-width: 800px) {
.autocomplete__input {
padding-top: 0vw !important;
}
}
@media screen and (max-width: 800px) {
.autocomplete__input {
padding-bottom: 0vw !important;
}
}
@media screen and (max-width: 800px) {
.autocomplete__input {
padding-right: 0vw !important;
}
}
@media screen and (max-width: 800px) {
.autocomplete__input {
width: 26.328125vw !important;
padding-left: 0.625vw !important;
}
}
@media screen and (max-width: 800px) and (max-width: 800px) {
.autocomplete__input {
width: 89.8666666667vw !important;
}
}
@media screen and (max-width: 800px) and (max-width: 800px) {
.autocomplete__input {
padding-left: 2.1333333333vw !important;
}
}
.autocomplete__results {
background-color: #ffffff;
border: 1px solid #eeeeed !important;
position: absolute !important;
top: 85% !important;
left: 0;
right: 0;
padding: 0.390625vw !important;
}
@media screen and (max-width: 800px) {
.autocomplete__results {
padding: 1.3333333333vw !important;
}
}
.autocomplete__result {
font-size: 1.25vw;
color: rgba(0, 0, 0, 0.38);
font-style: normal;
font-weight: 400;
padding-top: 1.25vw !important;
padding-bottom: 1.25vw !important;
}
@media screen and (max-width: 800px) {
.autocomplete__result {
font-size: 4.2666666667vw;
}
}
@media screen and (max-width: 800px) {
.autocomplete__result {
padding-top: 4.2666666667vw !important;
padding-bottom: 4.2666666667vw !important;
}
}
.autocomplete__results--is-visible {
max-height: 500px !important;
}
@media screen and (max-width: 800px) {
.autocomplete__results--is-visible {
min-height: 100vh;
}
}
.success-message {
font-size: 1.09375vw;
position: absolute;
color: #ffffff;
font-weight: 800;
text-align: center;
background-color: #5cb85c;
height: 1.875vw;
width: 100%;
top: 0;
z-index: 100;
}
@media screen and (max-width: 800px) {
.success-message {
font-size: 3.7333333333vw;
}
}
@media screen and (max-width: 800px) {
.success-message {
height: 6.4vw;
}
}
.footer {
display: flex;
margin-top: 3.90625vw;
}
@media screen and (max-width: 800px) {
.footer {
margin-top: 13.3333333333vw;
}
}
.footer__container {
height: 7.5vw;
background: linear-gradient(90deg, #eba705 0%, #f4c85b 100%);
width: 100%;
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
}
@media screen and (max-width: 800px) {
.footer__container {
height: 25.6vw;
}
}
@media screen and (max-width: 800px) {
.footer__container {
height: 100%;
}
}
.footer__ulist {
display: flex;
font-size: 1.875vw;
}
@media screen and (max-width: 800px) {
.footer__ulist {
font-size: 6.4vw;
}
}
@media screen and (max-width: 800px) {
.footer__ulist {
flex-direction: column;
margin-top: 2.5vw;
margin-bottom: 1.875vw;
}
}
@media screen and (max-width: 800px) and (max-width: 800px) {
.footer__ulist {
margin-top: 8.5333333333vw;
}
}
@media screen and (max-width: 800px) and (max-width: 800px) {
.footer__ulist {
margin-bottom: 6.4vw;
}
}
.footer__list {
margin-left: 1.171875vw;
text-align: center;
}
@media screen and (max-width: 800px) {
.footer__list {
margin-left: 4vw;
}
}
.footer__list:not(:last-child)::after {
content: " |";
color: #ffffff;
}
@media screen and (max-width: 800px) {
.footer__list {
margin-top: 0.625vw;
margin-left: 0vw;
}
}
@media screen and (max-width: 800px) and (max-width: 800px) {
.footer__list {
margin-top: 2.1333333333vw;
}
}
@media screen and (max-width: 800px) and (max-width: 800px) {
.footer__list {
margin-left: 0vw;
}
}
@media screen and (max-width: 800px) {
.footer__list:not(:last-child)::after {
content: "";
}
}
.footer__link {
font-size: 0.9375vw;
color: #ffffff;
}
@media screen and (max-width: 800px) {
.footer__link {
font-size: 3.2vw;
}
}
.footer__copyright {
font-size: 0.9375vw;
color: #ffffff;
margin-top: 2.34375vw;
}
@media screen and (max-width: 800px) {
.footer__copyright {
font-size: 3.2vw;
}
}
@media screen and (max-width: 800px) {
.footer__copyright {
margin-top: 8vw;
}
}
@media screen and (max-width: 800px) {
.footer__copyright {
margin-top: 0vw;
margin-bottom: 2.5vw;
}
}
@media screen and (max-width: 800px) and (max-width: 800px) {
.footer__copyright {
margin-top: 0vw;
}
}
@media screen and (max-width: 800px) and (max-width: 800px) {
.footer__copyright {
margin-bottom: 8.5333333333vw;
}
}
.news__terms {
display: flex;
}
.login {
font-family: Helvetica, Arial, sans-serif;
/**
* Ultimate Member custom
*
*/
}
.login__container {
display: flex;
height: 100vh;
}
@media screen and (max-width: 480px) {
.login__container {
height: auto;
}
}
.login_title {
padding-top: 4.375vw;
font-size: 2.5vw;
margin-bottom: 3.75vw;
color: #000;
}
@media screen and (max-width: 800px) {
.login_title {
padding-top: 14.9333333333vw;
}
}
@media screen and (max-width: 800px) {
.login_title {
font-size: 8.5333333333vw;
}
}
@media screen and (max-width: 800px) {
.login_title {
margin-bottom: 12.8vw;
}
}
@media screen and (max-width: 480px) {
.login_title {
padding-top: 0;
}
}
.login .um-login {
display: flex;
justify-content: center !important;
align-items: center !important;
}
.login .um-form {
margin-top: 6.953125vw;
margin-bottom: 6.953125vw;
width: 25.625vw;
padding-left: 4.921875vw;
padding-right: 4.921875vw;
padding-bottom: 4.375vw;
border-radius: 5px;
border: 1px solid #eeeeed;
background: #ffffff;
}
@media screen and (max-width: 800px) {
.login .um-form {
margin-top: 23.7333333333vw;
margin-bottom: 23.7333333333vw;
}
}
@media screen and (max-width: 800px) {
.login .um-form {
width: 87.4666666667vw;
}
}
@media screen and (max-width: 800px) {
.login .um-form {
padding-left: 16.8vw;
padding-right: 16.8vw;
}
}
@media screen and (max-width: 800px) {
.login .um-form {
padding-bottom: 14.9333333333vw;
}
}
.login .um-form .um-field-label label {
font-size: 0.9375vw !important;
}
@media screen and (max-width: 800px) {
.login .um-form .um-field-label label {
font-size: 3.2vw !important;
}
}
.login .um-form .um-field-area {
position: relative;
}
.login .um-form .um-field-area input {
height: 4.375vw !important;
width: 25.625vw;
font-size: 1.25vw !important;
}
@media screen and (max-width: 800px) {
.login .um-form .um-field-area input {
height: 14.9333333333vw !important;
}
}
@media screen and (max-width: 800px) {
.login .um-form .um-field-area input {
width: 87.4666666667vw;
}
}
@media screen and (max-width: 800px) {
.login .um-form .um-field-area input {
font-size: 4.2666666667vw !important;
}
}
.login .um-form .um-field-area input::-moz-placeholder {
font-size: 1.25vw;
}
.login .um-form .um-field-area input::placeholder {
font-size: 1.25vw;
}
@media screen and (max-width: 800px) {
.login .um-form .um-field-area input::-moz-placeholder {
font-size: 4.2666666667vw;
}
.login .um-form .um-field-area input::placeholder {
font-size: 4.2666666667vw;
}
}
@media screen and (max-width: 800px) {
.login .um-form {
border: none;
padding: 0;
}
}
@media screen and (max-width: 480px) {
.login .um-form {
padding: 0;
}
}
.login .um-col-alt {
display: flex;
flex-direction: column;
}
.login .um-half {
width: 100%;
}
.login .a.um-link-alt {
font-size: 0.9375vw;
}
@media screen and (max-width: 800px) {
.login .a.um-link-alt {
font-size: 3.2vw;
}
}
.login .um-field-icon {
left: initial;
right: 0 !important;
}
.login #um-submit-btn {
font-size: 1.25vw;
background: linear-gradient(90deg, #eba705 0%, #f4c85b 100%);
color: #000;
font-weight: 700 !important;
margin-bottom: 0.625vw;
height: 4.53125vw !important;
}
@media screen and (max-width: 800px) {
.login #um-submit-btn {
font-size: 4.2666666667vw;
}
}
@media screen and (max-width: 800px) {
.login #um-submit-btn {
margin-bottom: 2.1333333333vw;
}
}
@media screen and (max-width: 800px) {
.login #um-submit-btn {
height: 15.4666666667vw !important;
}
}
.login .um-alt {
color: #000 !important;
background-color: #ffffff !important;
font-size: 1.25vw;
font-weight: 700 !important;
border: 1px solid transparent !important;
-o-border-image: linear-gradient(90deg, #eba705 0%, #f4c85b 100%) !important;
border-image: linear-gradient(90deg, #eba705 0%, #f4c85b 100%) !important;
border-image-slice: 1 !important;
box-shadow: none;
height: 4.53125vw !important;
display: flex;
justify-content: center;
align-items: center;
}
@media screen and (max-width: 800px) {
.login .um-alt {
font-size: 4.2666666667vw;
}
}
@media screen and (max-width: 800px) {
.login .um-alt {
height: 15.4666666667vw !important;
}
}
.login .um-field-password {
padding-top: 1.875vw;
}
@media screen and (max-width: 800px) {
.login .um-field-password {
padding-top: 6.4vw;
}
}
.login .um-col-alt-b {
display: flex;
justify-content: center;
align-items: center;
font-size: 0.9375vw;
}
@media screen and (max-width: 800px) {
.login .um-col-alt-b {
font-size: 3.2vw;
}
}
.login .um-field-error {
background-color: #ffffff;
color: #da3025;
font-size: 0.9375vw;
padding: 0 !important;
margin-top: 0.3125vw;
}
@media screen and (max-width: 800px) {
.login .um-field-error {
font-size: 3.2vw;
}
}
@media screen and (max-width: 800px) {
.login .um-field-error {
margin-top: 1.0666666667vw;
}
}
.login .um-field-error .um-field-arrow {
display: none;
}
.login_resetpass-text {
color: #000;
font-size: 0.9375vw;
}
@media screen and (max-width: 800px) {
.login_resetpass-text {
font-size: 3.2vw;
}
}
.login .um-link-alt {
color: #0077ff !important;
text-decoration: underline !important;
font-size: 0.9375vw;
}
@media screen and (max-width: 800px) {
.login .um-link-alt {
font-size: 3.2vw;
}
}
.login__passwrap {
position: absolute;
cursor: pointer;
text-align: center !important;
top: 0.9375vh;
right: 0.703125vh;
width: 3.4375vw;
font-size: 1.71875vw;
line-height: 1.7em;
}
@media screen and (max-width: 800px) {
.login__passwrap {
width: 11.7333333333vw;
}
}
@media screen and (max-width: 800px) {
.login__passwrap {
font-size: 5.8666666667vw;
}
}
.login__eye-icon {
height: 1.09375vw;
width: 1.71875vw;
}
@media screen and (max-width: 800px) {
.login__eye-icon {
height: 3.7333333333vw;
}
}
@media screen and (max-width: 800px) {
.login__eye-icon {
width: 5.8666666667vw;
}
}
.register {
font-family: Helvetica, Arial, sans-serif;
}
.register_title {
padding-top: 10.078125vw;
font-size: 2.5vw;
margin-bottom: 1.875vw;
color: #000;
}
@media screen and (max-width: 800px) {
.register_title {
padding-top: 34.4vw;
}
}
@media screen and (max-width: 800px) {
.register_title {
font-size: 8.5333333333vw;
}
}
@media screen and (max-width: 800px) {
.register_title {
margin-bottom: 6.4vw;
}
}
@media screen and (max-width: 480px) {
.register_title {
padding-top: 0;
}
}
.register__form {
width: 41.953125vw;
}
@media screen and (max-width: 800px) {
.register__form {
width: 143.2vw;
}
}
@media screen and (max-width: 480px) {
.register__form {
width: 100% !important;
}
}
.register .um-register {
display: flex;
justify-content: center;
align-items: center;
}
.register .um-form {
width: 25.625vw;
padding-left: 4.921875vw;
padding-right: 4.921875vw;
padding-bottom: 4.375vw;
border-radius: 5px;
background: #ffffff;
}
@media screen and (max-width: 800px) {
.register .um-form {
width: 87.4666666667vw;
}
}
@media screen and (max-width: 800px) {
.register .um-form {
padding-left: 16.8vw;
padding-right: 16.8vw;
}
}
@media screen and (max-width: 800px) {
.register .um-form {
padding-bottom: 14.9333333333vw;
}
}
.register .um-form .um-field-label label {
font-size: 0.9375vw !important;
}
@media screen and (max-width: 800px) {
.register .um-form .um-field-label label {
font-size: 3.2vw !important;
}
}
.register .um-form .um-field-area {
position: relative;
}
.register .um-form .um-field-first_name .um-field-area input,
.register .um-form .um-field-last_name .um-field-area input {
width: 12.5vw;
}
@media screen and (max-width: 800px) {
.register .um-form .um-field-first_name .um-field-area input,
.register .um-form .um-field-last_name .um-field-area input {
width: 42.6666666667vw;
}
}
.register .um-form .um-field-first_name .um-field-area {
margin-right: 0.3125vw;
}
@media screen and (max-width: 800px) {
.register .um-form .um-field-first_name .um-field-area {
margin-right: 1.0666666667vw;
}
}
.register .um-form .um-field-last_name .um-field-area {
margin-left: 0.3125vw;
}
@media screen and (max-width: 800px) {
.register .um-form .um-field-last_name .um-field-area {
margin-left: 1.0666666667vw;
}
}
.register .um-form .um-field-area input {
height: 4.375vw !important;
width: 25.625vw;
font-size: 1.25vw !important;
}
@media screen and (max-width: 800px) {
.register .um-form .um-field-area input {
height: 14.9333333333vw !important;
}
}
@media screen and (max-width: 800px) {
.register .um-form .um-field-area input {
width: 87.4666666667vw;
}
}
@media screen and (max-width: 800px) {
.register .um-form .um-field-area input {
font-size: 4.2666666667vw !important;
}
}
.register .um-form .um-field-area input::-moz-placeholder {
font-size: 1.25vw;
}
.register .um-form .um-field-area input::placeholder {
font-size: 1.25vw;
}
@media screen and (max-width: 800px) {
.register .um-form .um-field-area input::-moz-placeholder {
font-size: 4.2666666667vw;
}
.register .um-form .um-field-area input::placeholder {
font-size: 4.2666666667vw;
}
}
@media screen and (max-width: 480px) {
.register .um-form {
padding-left: 0 !important;
padding-right: 0 !important;
margin-top: 3.4375vw;
}
}
@media screen and (max-width: 480px) and (max-width: 800px) {
.register .um-form {
margin-top: 11.7333333333vw;
}
}
.register__container {
display: flex;
height: 100vh;
overflow: hidden;
}
@media screen and (max-width: 1280px) {
.register__container {
height: 100vh;
}
}
@media screen and (max-width: 800px) {
.register__container {
height: 100%;
}
}
.register__first_last-wrap {
display: flex;
flex-direction: row;
}
.register .um-col-alt {
display: flex;
flex-direction: column;
}
.register .um-half {
width: 100%;
}
.register .a.um-link-alt {
font-size: 0.9375vw;
}
@media screen and (max-width: 800px) {
.register .a.um-link-alt {
font-size: 3.2vw;
}
}
.register .um-field-icon {
left: initial;
right: 0 !important;
}
.register #um-submit-btn {
font-size: 1.25vw;
background: linear-gradient(90deg, #eba705 0%, #f4c85b 100%) !important;
color: #000;
font-weight: 700 !important;
margin-bottom: 0.625vw;
height: 4.53125vw !important;
}
@media screen and (max-width: 800px) {
.register #um-submit-btn {
font-size: 4.2666666667vw;
}
}
@media screen and (max-width: 800px) {
.register #um-submit-btn {
margin-bottom: 2.1333333333vw;
}
}
@media screen and (max-width: 800px) {
.register #um-submit-btn {
height: 15.4666666667vw !important;
}
}
.register .um-field-user_email {
padding-top: 1.875vw;
}
@media screen and (max-width: 800px) {
.register .um-field-user_email {
padding-top: 6.4vw;
}
}
.register .um-field-password {
padding-top: 1.875vw;
}
@media screen and (max-width: 800px) {
.register .um-field-password {
padding-top: 6.4vw;
}
}
.register .um-col-alt-b {
display: flex;
justify-content: center;
align-items: center;
font-size: 0.9375vw;
}
@media screen and (max-width: 800px) {
.register .um-col-alt-b {
font-size: 3.2vw;
}
}
.register .um-field-error {
background-color: #ffffff;
color: #da3025;
font-size: 0.9375vw;
padding: 0 !important;
margin-top: 0.3125vw;
}
@media screen and (max-width: 800px) {
.register .um-field-error {
font-size: 3.2vw;
}
}
@media screen and (max-width: 800px) {
.register .um-field-error {
margin-top: 1.0666666667vw;
}
}
.register .um-field-error .um-field-arrow {
display: none;
}
.register_resetpass-text {
color: #000;
font-size: 0.9375vw;
}
@media screen and (max-width: 800px) {
.register_resetpass-text {
font-size: 3.2vw;
}
}
.register .um-link-alt {
color: #0077ff !important;
text-decoration: underline !important;
font-size: 0.9375vw;
}
@media screen and (max-width: 800px) {
.register .um-link-alt {
font-size: 3.2vw;
}
}
.register__passwrap {
position: absolute;
cursor: pointer;
text-align: center !important;
top: 2.65625vh;
right: 0.703125vh;
width: 3.4375vw;
font-size: 1.71875vw;
line-height: 1.7em;
}
@media screen and (max-width: 800px) {
.register__passwrap {
width: 11.7333333333vw;
}
}
@media screen and (max-width: 800px) {
.register__passwrap {
font-size: 5.8666666667vw;
}
}
.register__eye-icon {
height: 1.09375vw;
width: 1.71875vw;
}
@media screen and (max-width: 800px) {
.register__eye-icon {
height: 3.7333333333vw;
}
}
@media screen and (max-width: 800px) {
.register__eye-icon {
width: 5.8666666667vw;
}
}
.register__image {
width: 58.046875vw;
}
@media screen and (max-width: 800px) {
.register__image {
width: 198.1333333333vw;
}
}
@media screen and (max-width: 800px) {
.register__image {
display: none;
}
}
.register .um-field-error {
background-color: #ffffff;
color: #da3025;
}
.register .um-field-error .um-field-arrow {
display: none;
}
.register .um-col-alt {
display: flex;
flex-direction: column;
margin-top: 2.96875vw;
}
@media screen and (max-width: 800px) {
.register .um-col-alt {
margin-top: 10.1333333333vw;
}
}
.register .um-half {
width: 100%;
}
.register .a.um-link-alt {
font-size: 0.9375vw;
}
@media screen and (max-width: 800px) {
.register .a.um-link-alt {
font-size: 3.2vw;
}
}
.register .um-alt {
font-size: 0.9375vw;
color: #000 !important;
background-color: #ffffff !important;
font-weight: 400 !important;
text-decoration: underline;
}
@media screen and (max-width: 800px) {
.register .um-alt {
font-size: 3.2vw;
}
}
.register a.um-button {
padding: 0 !important;
margin: 0 !important;
}
.register .um-right.um-half {
display: flex;
justify-content: center;
margin-top: 1.25vw;
}
@media screen and (max-width: 800px) {
.register .um-right.um-half {
margin-top: 4.2666666667vw;
}
}
.register__login-text {
font-size: 0.9375vw;
font-weight: 400;
color: #000;
}
@media screen and (max-width: 800px) {
.register__login-text {
font-size: 3.2vw;
}
}
@media screen and (max-width: 800px) {
.register {
display: flex;
justify-content: center;
align-items: center;
overflow-x: hidden;
}
}
#um_field_15_subscription_status {
display: none;
}
.main {
display: flex;
justify-content: center;
align-items: center;
}
.main__container {
margin-top: 10.078125vw;
margin-bottom: 26.171875vw;
}
@media screen and (max-width: 800px) {
.main__container {
margin-top: 34.4vw;
}
}
@media screen and (max-width: 800px) {
.main__container {
margin-bottom: 89.3333333333vw;
}
}
.main__welcome {
font-size: 1.875vw;
}
@media screen and (max-width: 800px) {
.main__welcome {
font-size: 6.4vw;
}
}
.cart {
display: flex;
justify-content: center;
align-items: center;
}
.cart__container {
margin-top: 3.515625vw;
}
@media screen and (max-width: 800px) {
.cart__container {
margin-top: 12vw;
}
}
.checkout__modal {
position: fixed;
right: 0;
top: 0;
bottom: 0;
width: 0vw;
overflow-x: hidden;
transition: width 0.2s;
background-color: white;
box-shadow: -8px 0px 4px 0px #00000040;
z-index: 20;
}
@media screen and (max-width: 800px) {
.checkout__modal {
width: 0vw;
}
}
@media screen and (max-width: 800px) {
.checkout__modal {
width: 0vw;
justify-content: center;
align-items: center;
box-shadow: none;
}
}
@media screen and (max-width: 800px) and (max-width: 800px) {
.checkout__modal {
width: 0vw;
}
}
.checkout__container {
margin-top: 3.515625vw;
padding-left: 1.25vw;
padding-right: 1.25vw;
width: 36.09375vw;
}
@media screen and (max-width: 800px) {
.checkout__container {
margin-top: 12vw;
}
}
@media screen and (max-width: 800px) {
.checkout__container {
padding-left: 4.2666666667vw;
padding-right: 4.2666666667vw;
}
}
@media screen and (max-width: 800px) {
.checkout__container {
width: 123.2vw;
}
}
@media screen and (max-width: 800px) {
.checkout__container {
margin-top: 0vw;
width: 26.171875vw;
}
}
@media screen and (max-width: 800px) and (max-width: 800px) {
.checkout__container {
margin-top: 0vw;
}
}
@media screen and (max-width: 800px) and (max-width: 800px) {
.checkout__container {
width: 89.3333333333vw;
}
}
.checkout__close {
position: absolute;
top: 10px;
right: 0;
background: none;
border: none;
cursor: pointer;
}
.checkout__close-img {
width: 1.875vw;
height: 1.875vw;
}
@media screen and (max-width: 800px) {
.checkout__close-img {
width: 6.4vw;
}
}
@media screen and (max-width: 800px) {
.checkout__close-img {
height: 6.4vw;
}
}
.checkout__title {
font-size: 1.875vw;
margin-bottom: 0.625vw;
margin-top: 8.125vw;
color: #000;
}
@media screen and (max-width: 800px) {
.checkout__title {
font-size: 6.4vw;
}
}
@media screen and (max-width: 800px) {
.checkout__title {
margin-bottom: 2.1333333333vw;
}
}
@media screen and (max-width: 800px) {
.checkout__title {
margin-top: 27.7333333333vw;
}
}
@media screen and (max-width: 800px) {
.checkout__title {
margin-top: 5.78125vw;
}
}
@media screen and (max-width: 800px) and (max-width: 800px) {
.checkout__title {
margin-top: 19.7333333333vw;
}
}
.checkout__subtitle {
font-size: 0.9375vw;
margin-bottom: 5.859375vw;
color: #b9b9b9;
}
@media screen and (max-width: 800px) {
.checkout__subtitle {
font-size: 3.2vw;
}
}
@media screen and (max-width: 800px) {
.checkout__subtitle {
margin-bottom: 20vw;
}
}
@media screen and (max-width: 480px) {
.checkout__subtitle {
margin-bottom: 1.640625vw;
}
}
@media screen and (max-width: 480px) and (max-width: 800px) {
.checkout__subtitle {
margin-bottom: 5.6vw;
}
}
.checkout__tab {
display: flex;
flex-direction: row;
width: 100%;
justify-content: space-between;
align-items: center;
margin-top: 1.171875vw;
margin-bottom: 1.171875vw;
}
@media screen and (max-width: 800px) {
.checkout__tab {
margin-top: 4vw;
margin-bottom: 4vw;
}
}
.checkout__payment-btn {
width: 17.96875vw;
height: 4.6875vw;
background-color: #ffffff;
border: 1px solid #b9b9b9 !important;
padding-left: 0.9375vw;
border-radius: 5px;
display: flex;
flex-direction: column;
justify-content: center;
box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.03), 0px 3px 6px rgba(0, 0, 0, 0.02);
}
@media screen and (max-width: 800px) {
.checkout__payment-btn {
width: 61.3333333333vw;
}
}
@media screen and (max-width: 800px) {
.checkout__payment-btn {
height: 16vw;
}
}
@media screen and (max-width: 800px) {
.checkout__payment-btn {
padding-left: 3.2vw;
}
}
@media screen and (max-width: 480px) {
.checkout__payment-btn {
width: 17.1875vw;
}
}
@media screen and (max-width: 480px) and (max-width: 800px) {
.checkout__payment-btn {
width: 58.6666666667vw;
}
}
.checkout .active-tab {
border: 2px solid #0077ff !important;
}
.checkout__payment-svg svg {
width: 1.171875vw;
height: 1.171875vw;
margin-bottom: 0.15625vw;
}
@media screen and (max-width: 800px) {
.checkout__payment-svg svg {
width: 4vw;
}
}
@media screen and (max-width: 800px) {
.checkout__payment-svg svg {
height: 4vw;
}
}
@media screen and (max-width: 800px) {
.checkout__payment-svg svg {
margin-bottom: 0.5333333333vw;
}
}
.checkout__payment-text {
font-size: 1.25vw;
color: #6d6e77;
}
@media screen and (max-width: 800px) {
.checkout__payment-text {
font-size: 4.2666666667vw;
}
}
.checkout__price {
margin-bottom: 0.625vw;
font-size: 1.875vw;
color: #0077ff;
font-weight: 700;
}
@media screen and (max-width: 800px) {
.checkout__price {
margin-bottom: 2.1333333333vw;
}
}
@media screen and (max-width: 800px) {
.checkout__price {
font-size: 6.4vw;
}
}
@media screen and (max-width: 480px) {
.checkout__price {
display: none;
}
}
.checkout .woocommerce-Price-amount.amount {
font-size: 1.875vw;
}
@media screen and (max-width: 800px) {
.checkout .woocommerce-Price-amount.amount {
font-size: 6.4vw;
}
}
.checkout form > * {
margin-top: 0.78125vw;
margin-bottom: 0.78125vw;
margin-left: 0vw;
margin-right: 0vw;
}
@media screen and (max-width: 800px) {
.checkout form > * {
margin-top: 2.6666666667vw;
margin-bottom: 2.6666666667vw;
}
}
@media screen and (max-width: 800px) {
.checkout form > * {
margin-left: 0vw;
margin-right: 0vw;
}
}
.checkout__button-cont {
display: flex;
justify-content: end;
}
@media screen and (max-width: 480px) {
.checkout__button-cont {
justify-content: center;
}
}
.checkout__submit {
display: flex;
justify-content: center;
align-items: center;
border-radius: 5px;
color: #ffffff;
padding-top: 1.171875vw;
padding-bottom: 1.171875vw;
margin-top: 2.1875vw;
font-size: 1.25vw;
font-weight: 600;
border: 0;
cursor: pointer;
transition: all 0.2s ease;
background: linear-gradient(90deg, #eba705 0%, #f4c85b 100%);
width: 13.125vw;
}
@media screen and (max-width: 800px) {
.checkout__submit {
padding-top: 4vw;
padding-bottom: 4vw;
}
}
@media screen and (max-width: 800px) {
.checkout__submit {
margin-top: 7.4666666667vw;
}
}
@media screen and (max-width: 800px) {
.checkout__submit {
font-size: 4.2666666667vw;
}
}
@media screen and (max-width: 800px) {
.checkout__submit {
width: 44.8vw;
}
}
@media screen and (max-width: 480px) {
.checkout__submit {
width: 100%;
}
}
.checkout__submit-img {
height: 2.1875vw;
width: 2.1875vw;
padding-left: 1.40625vw;
}
@media screen and (max-width: 800px) {
.checkout__submit-img {
height: 7.4666666667vw;
}
}
@media screen and (max-width: 800px) {
.checkout__submit-img {
width: 7.4666666667vw;
}
}
@media screen and (max-width: 800px) {
.checkout__submit-img {
padding-left: 4.8vw;
}
}
@media screen and (max-width: 480px) {
.checkout__submit-img {
display: none;
}
}
.checkout button:hover {
filter: contrast(115%);
}
.checkout button:active {
transform: translateY(0px) scale(0.98);
filter: brightness(0.9);
}
.checkout button:disabled {
opacity: 0.5;
cursor: none;
}
.checkout input,
.checkout select {
display: block;
font-size: 1.1em;
width: 100%;
}
.checkout .p-Input-input,
.checkout .p-Select-select {
height: 4.375vw !important;
}
@media screen and (max-width: 800px) {
.checkout .p-Input-input,
.checkout .p-Select-select {
height: 14.9333333333vw !important;
}
}
.checkout label {
display: block;
}
.checkout a {
color: var(--accent-color);
font-weight: 900;
}
.checkout #payment-form {
padding-top: 1.171875vw;
padding-bottom: 1.171875vw;
}
@media screen and (max-width: 800px) {
.checkout #payment-form {
padding-top: 4vw;
padding-bottom: 4vw;
}
}
.checkout #messages {
font-family: source-code-pro, Menlo, Monaco, Consolas, "Courier New";
display: none;
/* hide initially, then show once the first message arrives */
background-color: #0a253c;
color: #00d924;
padding: 1.5625vw;
margin-top: 1.5625vw;
margin-bottom: 1.5625vw;
margin-left: 0vw;
margin-right: 0vw;
border-radius: var(--radius);
font-size: 0.7em;
}
@media screen and (max-width: 800px) {
.checkout #messages {
padding: 5.3333333333vw;
}
}
@media screen and (max-width: 800px) {
.checkout #messages {
margin-top: 5.3333333333vw;
margin-bottom: 5.3333333333vw;
}
}
@media screen and (max-width: 800px) {
.checkout #messages {
margin-left: 0vw;
margin-right: 0vw;
}
}
.checkout__alert {
position: fixed;
top: 0;
left: 0;
right: 0;
text-align: center;
padding: 10px;
z-index: 9999;
}
.checkout__alert-success {
background-color: rgba(76, 175, 80, 0.7) !important;
color: #ffffff;
font-size: 0.78125vw;
}
@media screen and (max-width: 800px) {
.checkout__alert-success {
font-size: 2.6666666667vw;
}
}
.checkout__alert-danger {
background-color: rgba(233, 30, 99, 0.7) !important;
color: #ffffff;
font-size: 0.78125vw;
}
@media screen and (max-width: 800px) {
.checkout__alert-danger {
font-size: 2.6666666667vw;
}
}
.user__container .um-17.um {
max-width: 100% !important;
}
.user__cover-wrap {
height: 16.875vw !important;
}
@media screen and (max-width: 800px) {
.user__cover-wrap {
height: 57.6vw !important;
}
}
@media screen and (max-width: 800px) {
.user__cover-wrap {
height: 8.28125vw !important;
}
}
@media screen and (max-width: 800px) and (max-width: 800px) {
.user__cover-wrap {
height: 28.2666666667vw !important;
}
}
.user__cover img {
width: 100%;
}
@media screen and (max-width: 800px) {
.user__cover img {
width: 100%;
height: 100%;
}
}
@media screen and (max-width: 800px) {
.user__cover {
width: 100%;
height: 100%;
}
}
.user__profile-wrap {
display: flex;
justify-content: center;
align-items: center;
width: 100%;
}
@media screen and (max-width: 800px) {
.user__profile-wrap {
margin-top: 1.5625vw !important;
}
}
@media screen and (max-width: 800px) and (max-width: 800px) {
.user__profile-wrap {
margin-top: 5.3333333333vw !important;
}
}
.user__profile-cont {
display: flex;
width: 80%;
height: 14.0625vw !important;
}
@media screen and (max-width: 800px) {
.user__profile-cont {
height: 48vw !important;
}
}
@media screen and (max-width: 800px) {
.user__profile-cont {
justify-content: flex-start;
height: 3.90625vw !important;
border-bottom: 1px solid #e5e9ec;
width: 100%;
}
}
@media screen and (max-width: 800px) and (max-width: 800px) {
.user__profile-cont {
height: 13.3333333333vw !important;
}
}
@media screen and (max-width: 480px) {
.user__profile-cont {
height: 3.90625vw !important;
}
}
@media screen and (max-width: 480px) and (max-width: 800px) {
.user__profile-cont {
height: 13.3333333333vw !important;
}
}
.user__profile-img--wrapper {
height: 14.0625vw !important;
width: 14.0625vw !important;
transform: translate(0px, -50%);
display: none;
}
@media screen and (max-width: 800px) {
.user__profile-img--wrapper {
height: 48vw !important;
}
}
@media screen and (max-width: 800px) {
.user__profile-img--wrapper {
width: 48vw !important;
}
}
.user__profile-img--wrapper img {
width: 100%;
border-radius: 50%;
border: 3px solid #fff;
}
.user__profile {
margin-left: 1.71875vw;
margin-top: 1.25vw;
}
@media screen and (max-width: 800px) {
.user__profile {
margin-left: 5.8666666667vw;
}
}
@media screen and (max-width: 800px) {
.user__profile {
margin-top: 4.2666666667vw;
}
}
.user__profile p {
font-size: 1.875vw;
color: #000;
font-weight: 500;
margin-right: 0.78125vw;
transform: translate(0px, 20%);
}
@media screen and (max-width: 800px) {
.user__profile p {
font-size: 6.4vw;
}
}
@media screen and (max-width: 800px) {
.user__profile p {
margin-right: 2.6666666667vw;
}
}
@media screen and (max-width: 800px) {
.user__profile {
transform: translate(0px, -15%);
margin-top: 0vw;
}
}
@media screen and (max-width: 800px) and (max-width: 800px) {
.user__profile {
margin-top: 0vw;
}
}
.user__profile-alert {
position: fixed;
top: 0;
left: 0;
right: 0;
text-align: center;
padding: 10px;
z-index: 9999;
}
.user__profile-alert-success {
background-color: rgba(76, 175, 80, 0.7) !important;
color: #ffffff;
font-size: 0.78125vw;
}
@media screen and (max-width: 800px) {
.user__profile-alert-success {
font-size: 2.6666666667vw;
}
}
.user__profile-alert-danger {
background-color: rgba(233, 30, 99, 0.7) !important;
color: #ffffff;
font-size: 0.78125vw;
}
@media screen and (max-width: 800px) {
.user__profile-alert-danger {
font-size: 2.6666666667vw;
}
}
.user__profile-p {
display: flex;
}
.user__profile-setting {
margin-left: 1.09375vw;
margin-top: 1.953125vw;
height: 1.5625vw !important;
width: 1.5625vw !important;
}
@media screen and (max-width: 800px) {
.user__profile-setting {
margin-left: 3.7333333333vw;
}
}
@media screen and (max-width: 800px) {
.user__profile-setting {
margin-top: 6.6666666667vw;
}
}
@media screen and (max-width: 800px) {
.user__profile-setting {
height: 5.3333333333vw !important;
}
}
@media screen and (max-width: 800px) {
.user__profile-setting {
width: 5.3333333333vw !important;
}
}
.user__profile-setting img {
width: 100%;
}
@media screen and (max-width: 800px) {
.user__profile-setting {
margin-top: 0vw;
margin-left: 0vw;
}
}
@media screen and (max-width: 800px) and (max-width: 800px) {
.user__profile-setting {
margin-top: 0vw;
}
}
@media screen and (max-width: 800px) and (max-width: 800px) {
.user__profile-setting {
margin-left: 0vw;
}
}
.user__profile-dropdown {
display: none;
width: 15.625vw !important;
border-radius: 10px;
border: 1px solid var(--border, #e5e9ec);
background: #fff;
box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.1);
}
@media screen and (max-width: 800px) {
.user__profile-dropdown {
width: 53.3333333333vw !important;
}
}
.user__profile-dropdown li {
border-bottom: 1px solid #e5e9ec;
margin-top: 0.859375vw;
padding-bottom: 0.859375vw;
}
@media screen and (max-width: 800px) {
.user__profile-dropdown li {
margin-top: 2.9333333333vw;
}
}
@media screen and (max-width: 800px) {
.user__profile-dropdown li {
padding-bottom: 2.9333333333vw;
}
}
.user__profile-dropdown a {
font-size: 1.25vw;
font-style: normal;
font-weight: 400;
color: #000;
margin-left: 1.25vw;
margin-bottom: 0.859375vw;
}
@media screen and (max-width: 800px) {
.user__profile-dropdown a {
font-size: 4.2666666667vw;
}
}
@media screen and (max-width: 800px) {
.user__profile-dropdown a {
margin-left: 4.2666666667vw;
}
}
@media screen and (max-width: 800px) {
.user__profile-dropdown a {
margin-bottom: 2.9333333333vw;
}
}
@media screen and (max-width: 800px) {
.user__profile-dropdown {
position: relative;
}
}
.user__content-wrap {
display: flex;
justify-content: center;
align-items: center;
width: 100%;
margin-top: -3.515625vw;
}
@media screen and (max-width: 800px) {
.user__content-wrap {
margin-top: -12vw;
}
}
@media screen and (max-width: 800px) {
.user__content-wrap {
margin-top: 1.5625vw;
}
}
@media screen and (max-width: 800px) and (max-width: 800px) {
.user__content-wrap {
margin-top: 5.3333333333vw;
}
}
.user__roles {
color: #ffffff;
background: linear-gradient(90deg, #eba705 0%, #f4c85b 100%);
font-size: 1.25vw;
padding: 0.78125vw;
border-radius: 5px;
}
@media screen and (max-width: 800px) {
.user__roles {
font-size: 4.2666666667vw;
}
}
@media screen and (max-width: 800px) {
.user__roles {
padding: 2.6666666667vw;
}
}
@media screen and (max-width: 800px) {
.user__roles {
display: none;
}
}
.user .user__tabs {
display: flex;
width: 80%;
flex-direction: column;
}
@media screen and (max-width: 800px) {
.user .user__tabs {
width: 100%;
}
}
.user .user__tabs-btnwrap {
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
margin-bottom: 2.421875vw;
}
@media screen and (max-width: 800px) {
.user .user__tabs-btnwrap {
margin-bottom: 8.2666666667vw;
}
}
.user .user__tabs-btnwrap button {
border: none;
font-size: 1.09375vw;
font-weight: 500;
background-color: #ffffff;
cursor: pointer;
padding-bottom: 0.859375vw;
width: 12.5vw !important;
text-align: center;
}
@media screen and (max-width: 800px) {
.user .user__tabs-btnwrap button {
font-size: 3.7333333333vw;
}
}
@media screen and (max-width: 800px) {
.user .user__tabs-btnwrap button {
padding-bottom: 2.9333333333vw;
}
}
@media screen and (max-width: 800px) {
.user .user__tabs-btnwrap button {
width: 42.6666666667vw !important;
}
}
@media screen and (max-width: 800px) {
.user .user__tabs-btnwrap button {
width: 100% !important;
}
}
.user .user__tabs-btnwrap .user__tablink.active {
border-bottom: 3px solid #0077ff;
}
.user .user__tabs-about {
width: 48.359375vw !important;
}
@media screen and (max-width: 800px) {
.user .user__tabs-about {
width: 165.0666666667vw !important;
}
}
@media screen and (max-width: 800px) {
.user .user__tabs-about {
width: 100% !important;
margin-left: 0.9375vw !important;
}
}
@media screen and (max-width: 800px) and (max-width: 800px) {
.user .user__tabs-about {
margin-left: 3.2vw !important;
}
}
.user .user__tabs-about--label {
color: #a5a4a1;
font-size: 0.9375vw;
font-weight: 400;
}
@media screen and (max-width: 800px) {
.user .user__tabs-about--label {
font-size: 3.2vw;
}
}
.user .user__tabs-about--input {
width: 100%;
border-radius: 5px;
border: 1px solid var(--cell-border, #eeeeed);
background: #fff;
height: 4.375vw !important;
margin-top: 0.3125vw;
margin-bottom: 1.71875vw;
font-size: 1.25vw;
color: #000;
padding-left: 1.71875vw;
}
@media screen and (max-width: 800px) {
.user .user__tabs-about--input {
height: 14.9333333333vw !important;
}
}
@media screen and (max-width: 800px) {
.user .user__tabs-about--input {
margin-top: 1.0666666667vw;
}
}
@media screen and (max-width: 800px) {
.user .user__tabs-about--input {
margin-bottom: 5.8666666667vw;
}
}
@media screen and (max-width: 800px) {
.user .user__tabs-about--input {
font-size: 4.2666666667vw;
}
}
@media screen and (max-width: 800px) {
.user .user__tabs-about--input {
padding-left: 5.8666666667vw;
}
}
@media screen and (max-width: 800px) {
.user .user__tabs-about--input {
width: 24.84375vw !important;
}
}
@media screen and (max-width: 800px) and (max-width: 800px) {
.user .user__tabs-about--input {
width: 84.8vw !important;
}
}
.user .user__tabs-about--fullname {
display: flex;
}
@media screen and (max-width: 800px) {
.user .user__tabs-about--fullname {
flex-direction: column;
}
}
.user .user__tabs-about--firstname {
width: 100%;
margin-right: 0.859375vw;
}
@media screen and (max-width: 800px) {
.user .user__tabs-about--firstname {
margin-right: 2.9333333333vw;
}
}
.user .user__tabs-about--lastname {
width: 100%;
margin-left: 0.859375vw;
}
@media screen and (max-width: 800px) {
.user .user__tabs-about--lastname {
margin-left: 2.9333333333vw;
}
}
@media screen and (max-width: 800px) {
.user .user__tabs-about--lastname {
margin-left: 0vw;
}
}
@media screen and (max-width: 800px) and (max-width: 800px) {
.user .user__tabs-about--lastname {
margin-left: 0vw;
}
}
.user .user__tabs-input--fullname {
width: 22.265625vw !important;
}
@media screen and (max-width: 800px) {
.user .user__tabs-input--fullname {
width: 76vw !important;
}
}
@media screen and (max-width: 800px) {
.user .user__tabs-input--fullname {
width: 24.84375vw !important;
}
}
@media screen and (max-width: 800px) and (max-width: 800px) {
.user .user__tabs-input--fullname {
width: 84.8vw !important;
}
}
.user .user__tabs-about--subwrap {
display: flex;
justify-content: center;
}
@media screen and (max-width: 800px) {
.user .user__tabs-about--subwrap {
justify-content: normal;
}
}
.user .user__tabs-about--submit {
color: #ffffff;
background: linear-gradient(90deg, #eba705 0%, #f4c85b 100%);
font-size: 1.25vw;
font-weight: 700;
text-align: center;
width: 16.015625vw !important;
padding-left: 3.28125vw;
padding-right: 3.28125vw;
padding-top: 1.09375vw;
padding-bottom: 1.09375vw;
margin-bottom: 4.921875vw;
cursor: pointer;
}
@media screen and (max-width: 800px) {
.user .user__tabs-about--submit {
font-size: 4.2666666667vw;
}
}
@media screen and (max-width: 800px) {
.user .user__tabs-about--submit {
width: 54.6666666667vw !important;
}
}
@media screen and (max-width: 800px) {
.user .user__tabs-about--submit {
padding-left: 11.2vw;
padding-right: 11.2vw;
}
}
@media screen and (max-width: 800px) {
.user .user__tabs-about--submit {
padding-top: 3.7333333333vw;
padding-bottom: 3.7333333333vw;
}
}
@media screen and (max-width: 800px) {
.user .user__tabs-about--submit {
margin-bottom: 16.8vw;
}
}
@media screen and (max-width: 800px) {
.user .user__tabs-about--submit {
width: 26.71875vw !important;
}
}
@media screen and (max-width: 800px) and (max-width: 800px) {
.user .user__tabs-about--submit {
width: 91.2vw !important;
}
}
@media screen and (max-width: 800px) {
.user .user__tabs {
padding-bottom: 0.78125vw;
}
}
@media screen and (max-width: 800px) and (max-width: 800px) {
.user .user__tabs {
padding-bottom: 2.6666666667vw;
}
}
@media screen and (max-width: 800px) {
.user .user__tabs-pc {
display: none;
}
}
.user .user__tabs-sp {
display: none;
}
@media screen and (max-width: 800px) {
.user .user__tabs-sp {
display: flex;
}
}
.user .user__tabs-nopost {
color: #000;
font-size: 0.9375vw;
font-weight: 500;
}
@media screen and (max-width: 800px) {
.user .user__tabs-nopost {
font-size: 3.2vw;
}
}
#About {
display: flex;
justify-content: center;
}
@media screen and (max-width: 800px) {
#Posts {
padding-left: 0.78125vw;
padding-right: 0.78125vw;
}
}
@media screen and (max-width: 800px) and (max-width: 800px) {
#Posts {
padding-left: 2.6666666667vw;
padding-right: 2.6666666667vw;
}
}
.postdetails {
display: flex;
flex-direction: column;
}
.postdetails__container {
width: 100%;
}
.postdetails__header {
display: flex;
flex-direction: column;
width: 80%;
height: 11.015625vw;
}
@media screen and (max-width: 800px) {
.postdetails__header {
height: 37.6vw;
}
}
@media screen and (max-width: 800px) {
.postdetails__header {
height: 12.578125vw;
}
}
@media screen and (max-width: 800px) and (max-width: 800px) {
.postdetails__header {
height: 42.9333333333vw;
}
}
.postdetails__header h1 {
margin-top: 3.203125vw;
font-size: 1.875vw;
color: #000;
font-weight: 700;
margin-bottom: 1.09375vw;
line-height: 1.5;
}
@media screen and (max-width: 800px) {
.postdetails__header h1 {
margin-top: 10.9333333333vw;
}
}
@media screen and (max-width: 800px) {
.postdetails__header h1 {
font-size: 6.4vw;
}
}
@media screen and (max-width: 800px) {
.postdetails__header h1 {
margin-bottom: 3.7333333333vw;
}
}
.postdetails__subwrap {
display: flex;
flex-direction: row;
align-items: center;
}
.postdetails__subtext {
font-size: 0.9375vw;
color: #ffffff;
}
@media screen and (max-width: 800px) {
.postdetails__subtext {
font-size: 3.2vw;
}
}
.postdetails__substars {
font-size: 0.9375vw;
color: #ffffff;
margin-left: 0.703125vw;
}
@media screen and (max-width: 800px) {
.postdetails__substars {
font-size: 3.2vw;
}
}
@media screen and (max-width: 800px) {
.postdetails__substars {
margin-left: 2.4vw;
}
}
.postdetails__headwrap {
width: 100%;
background: linear-gradient(90deg, #eba705 0%, #f4c85b 100%);
display: flex;
align-items: center;
justify-content: center;
}
.postdetails__body {
display: flex;
justify-content: center;
margin-top: 5vw;
}
@media screen and (max-width: 800px) {
.postdetails__body {
margin-top: 17.0666666667vw;
}
}
.postdetails__contentwrap {
width: 80%;
display: flex;
justify-content: space-between;
}
@media screen and (max-width: 800px) {
.postdetails__contentwrap {
width: 95%;
}
}
.postdetails__content {
width: 100%;
}
.postdetails__content-title {
font-size: 1.875vw;
color: #505054;
margin-bottom: 0.9375vw;
font-weight: 400;
line-height: 1.5;
}
@media screen and (max-width: 800px) {
.postdetails__content-title {
font-size: 6.4vw;
}
}
@media screen and (max-width: 800px) {
.postdetails__content-title {
margin-bottom: 3.2vw;
}
}
.postdetails__content-subtitle {
font-size: 0.9375vw;
font-weight: 400;
color: #7d8b96;
margin-bottom: 1.875vw;
line-height: 150%;
}
@media screen and (max-width: 800px) {
.postdetails__content-subtitle {
font-size: 3.2vw;
}
}
@media screen and (max-width: 800px) {
.postdetails__content-subtitle {
margin-bottom: 6.4vw;
}
}
.postdetails__breadcrumb {
width: 17.96875vw;
}
@media screen and (max-width: 800px) {
.postdetails__breadcrumb {
width: 61.3333333333vw;
}
}
.postdetails__breadcrumb-title {
background: linear-gradient(90deg, #eba705 0%, #f4c85b 100%);
font-size: 1.25vw;
text-align: center;
color: #ffffff;
padding-top: 1.015625vw;
padding-bottom: 1.015625vw;
padding-left: 3.984375vw;
padding-right: 3.984375vw;
}
@media screen and (max-width: 800px) {
.postdetails__breadcrumb-title {
font-size: 4.2666666667vw;
}
}
@media screen and (max-width: 800px) {
.postdetails__breadcrumb-title {
padding-top: 3.4666666667vw;
padding-bottom: 3.4666666667vw;
}
}
@media screen and (max-width: 800px) {
.postdetails__breadcrumb-title {
padding-left: 13.6vw;
padding-right: 13.6vw;
}
}
.postdetails__breadcrumb-list {
display: flex;
align-items: center;
color: #0077ff;
padding-left: 0.859375vw;
padding-right: 0.859375vw;
border: 1px solid #e5e9ec;
}
@media screen and (max-width: 800px) {
.postdetails__breadcrumb-list {
padding-left: 2.9333333333vw;
padding-right: 2.9333333333vw;
}
}
.postdetails__breadcrumb-list a {
display: flex;
justify-content: space-between;
width: 100%;
height: 100%;
text-decoration: none;
color: inherit;
padding-top: 1.015625vw;
padding-bottom: 1.015625vw;
}
@media screen and (max-width: 800px) {
.postdetails__breadcrumb-list a {
padding-top: 3.4666666667vw;
padding-bottom: 3.4666666667vw;
}
}
.postdetails__breadcrumb-list:hover {
background-color: #fafbfa;
}
.postdetails__breadcrumb-list span {
font-size: 0.9375vw;
}
@media screen and (max-width: 800px) {
.postdetails__breadcrumb-list span {
font-size: 3.2vw;
}
}
.postdetails__breadcrumb-list svg {
height: 0.625vw;
width: 0.625vw;
}
@media screen and (max-width: 800px) {
.postdetails__breadcrumb-list svg {
height: 2.1333333333vw;
}
}
@media screen and (max-width: 800px) {
.postdetails__breadcrumb-list svg {
width: 2.1333333333vw;
}
}
@media screen and (max-width: 800px) {
.postdetails__breadcrumb {
display: none;
}
}
.postdetails__cards {
display: flex;
flex-direction: column;
align-items: center;
margin-top: 1.875vw;
}
@media screen and (max-width: 800px) {
.postdetails__cards {
margin-top: 6.4vw;
}
}
.card {
width: 100%;
border: 1px solid #e5e9ec;
margin-bottom: 20px;
}
.card__header {
display: flex;
justify-content: space-between;
align-items: center;
background: linear-gradient(90deg, #eba705 0%, #f4c85b 100%);
padding-top: 1.328125vw;
padding-bottom: 1.328125vw;
border-bottom: 1px solid #e5e9ec;
padding-left: 1.953125vw;
padding-right: 1.953125vw;
}
@media screen and (max-width: 800px) {
.card__header {
padding-top: 4.5333333333vw;
padding-bottom: 4.5333333333vw;
}
}
@media screen and (max-width: 800px) {
.card__header {
padding-left: 6.6666666667vw;
padding-right: 6.6666666667vw;
}
}
@media screen and (max-width: 800px) {
.card__header {
padding-top: 1.25vw;
padding-left: 0.703125vw;
padding-right: 0.703125vw;
margin-bottom: 1.25vw;
}
}
@media screen and (max-width: 800px) and (max-width: 800px) {
.card__header {
padding-top: 4.2666666667vw;
}
}
@media screen and (max-width: 800px) and (max-width: 800px) {
.card__header {
padding-left: 2.4vw;
padding-right: 2.4vw;
}
}
@media screen and (max-width: 800px) and (max-width: 800px) {
.card__header {
margin-bottom: 4.2666666667vw;
}
}
.card__title {
font-size: 0.9375vw;
font-weight: 400;
color: #505054;
}
@media screen and (max-width: 800px) {
.card__title {
font-size: 3.2vw;
}
}
@media screen and (max-width: 800px) {
.card__title {
margin-right: 0.78125vw;
}
}
@media screen and (max-width: 800px) and (max-width: 800px) {
.card__title {
margin-right: 2.6666666667vw;
}
}
.card__date span {
font-size: 0.9375vw;
font-weight: 400;
color: #7d8b97;
}
@media screen and (max-width: 800px) {
.card__date span {
font-size: 3.2vw;
}
}
.card__body {
display: flex;
flex-direction: column;
padding-top: 2.109375vw;
padding-left: 1.875vw;
padding-right: 1.875vw;
}
@media screen and (max-width: 800px) {
.card__body {
padding-top: 7.2vw;
}
}
@media screen and (max-width: 800px) {
.card__body {
padding-left: 6.4vw;
padding-right: 6.4vw;
}
}
.card__wrap {
display: flex;
}
@media screen and (max-width: 800px) {
.card__wrap {
flex-direction: column;
}
}
.card__rating,
.card__points {
display: flex;
align-items: center;
}
.card__rating span,
.card__points span {
font-size: 0.9375vw;
font-weight: 400;
}
@media screen and (max-width: 800px) {
.card__rating span,
.card__points span {
font-size: 3.2vw;
}
}
.card__points {
margin-left: 5.625vw;
}
@media screen and (max-width: 800px) {
.card__points {
margin-left: 19.2vw;
}
}
.card__points-score {
margin-left: 0.9375vw;
font-size: 1.25vw;
font-style: normal;
font-weight: 700 !important;
color: #0077ff;
}
@media screen and (max-width: 800px) {
.card__points-score {
margin-left: 3.2vw;
}
}
@media screen and (max-width: 800px) {
.card__points-score {
font-size: 4.2666666667vw;
}
}
@media screen and (max-width: 800px) {
.card__points {
margin-left: 0vw !important;
margin-top: 0.703125vw !important;
}
}
@media screen and (max-width: 800px) and (max-width: 800px) {
.card__points {
margin-left: 0vw !important;
}
}
@media screen and (max-width: 800px) and (max-width: 800px) {
.card__points {
margin-top: 2.4vw !important;
}
}
.card__comment {
margin-top: 1.015625vw;
}
@media screen and (max-width: 800px) {
.card__comment {
margin-top: 3.4666666667vw;
}
}
.card__comment h3 {
font-size: 0.9375vw;
font-weight: 400;
line-height: 150%;
color: #505054;
margin-bottom: 0.703125vw;
}
@media screen and (max-width: 800px) {
.card__comment h3 {
font-size: 3.2vw;
}
}
@media screen and (max-width: 800px) {
.card__comment h3 {
margin-bottom: 2.4vw;
}
}
.card__comment p {
font-size: 0.9375vw;
font-weight: 400;
line-height: 150%;
color: #505054;
}
@media screen and (max-width: 800px) {
.card__comment p {
font-size: 3.2vw;
}
}
.card__comment a {
color: #0077ff;
text-decoration: none;
font-size: 0.9375vw;
font-weight: 400;
line-height: 150%;
}
@media screen and (max-width: 800px) {
.card__comment a {
font-size: 3.2vw;
}
}
.card__premium {
position: relative;
height: 8.828125vw;
margin-top: 0.703125vw;
}
@media screen and (max-width: 800px) {
.card__premium {
height: 30.1333333333vw;
}
}
@media screen and (max-width: 800px) {
.card__premium {
margin-top: 2.4vw;
}
}
.card__premium-content {
font-size: 0.9375vw;
font-weight: 400;
line-height: 150%;
color: #505054;
}
@media screen and (max-width: 800px) {
.card__premium-content {
font-size: 3.2vw;
}
}
.card__premium-buttons {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -85%);
width: 100%;
backdrop-filter: blur(5px);
-webkit-backdrop-filter: blur(5px);
padding-bottom: 1.171875vw;
padding-left: 1.171875vw;
padding-right: 1.171875vw;
padding-top: 1.71875vw;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
}
@media screen and (max-width: 800px) {
.card__premium-buttons {
padding-bottom: 4vw;
}
}
@media screen and (max-width: 800px) {
.card__premium-buttons {
padding-left: 4vw;
padding-right: 4vw;
}
}
@media screen and (max-width: 800px) {
.card__premium-buttons {
padding-top: 5.8666666667vw;
}
}
.card__button-wrap {
display: flex;
justify-content: center;
align-items: center;
}
@media screen and (max-width: 800px) {
.card__button-wrap {
flex-direction: column;
}
}
.card__button-wrap a {
background-color: #ffffff;
}
.card__premium-buttons-link {
font-size: 0.9375vw;
color: #000;
font-weight: 400;
text-align: center;
margin-top: 1.5625vw;
line-height: 1.5;
}
@media screen and (max-width: 800px) {
.card__premium-buttons-link {
font-size: 3.2vw;
}
}
@media screen and (max-width: 800px) {
.card__premium-buttons-link {
margin-top: 5.3333333333vw;
}
}
.card__button {
display: flex;
justify-content: center;
align-items: center;
border: none;
background: linear-gradient(90deg, #eba705 0%, #f4c85b 100%);
color: #000;
cursor: pointer;
transition: background-color 0.3s ease;
font-size: 0.9375vw;
font-weight: 700;
padding-top: 1.171875vw;
padding-bottom: 1.171875vw;
width: 16.71875vw;
height: 3.4375vw;
}
@media screen and (max-width: 800px) {
.card__button {
font-size: 3.2vw;
}
}
@media screen and (max-width: 800px) {
.card__button {
padding-top: 4vw;
padding-bottom: 4vw;
}
}
@media screen and (max-width: 800px) {
.card__button {
width: 57.0666666667vw;
}
}
@media screen and (max-width: 800px) {
.card__button {
height: 11.7333333333vw;
}
}
@media screen and (max-width: 800px) {
.card__button {
width: 25.078125vw;
}
}
@media screen and (max-width: 800px) and (max-width: 800px) {
.card__button {
width: 85.6vw;
}
}
.card__premium-btn--cl {
background-color: #ffffff;
color: #0077ff;
margin-left: 1.875vw;
border: 1px solid transparent;
-o-border-image: linear-gradient(90deg, #eba705 0%, #f4c85b 100%);
border-image: linear-gradient(90deg, #eba705 0%, #f4c85b 100%);
border-image-slice: 1;
font-weight: 700;
}
@media screen and (max-width: 800px) {
.card__premium-btn--cl {
margin-left: 6.4vw;
}
}
@media screen and (max-width: 800px) {
.card__premium-btn--cl {
margin-left: 0vw;
margin-top: 0.546875vw;
}
}
@media screen and (max-width: 800px) and (max-width: 800px) {
.card__premium-btn--cl {
margin-left: 0vw;
}
}
@media screen and (max-width: 800px) and (max-width: 800px) {
.card__premium-btn--cl {
margin-top: 1.8666666667vw;
}
}
.button:hover {
background-color: #0056b3;
}
.latestreviews {
display: flex;
flex-direction: column;
}
.latestreviews__container {
width: 100%;
}
.latestreviews__header {
display: flex;
flex-direction: column;
width: 80%;
height: 11.015625vw;
justify-content: center;
}
@media screen and (max-width: 800px) {
.latestreviews__header {
height: 37.6vw;
}
}
@media screen and (max-width: 800px) {
.latestreviews__header {
height: 11.796875vw;
}
}
@media screen and (max-width: 800px) and (max-width: 800px) {
.latestreviews__header {
height: 40.2666666667vw;
}
}
.latestreviews__header h1 {
font-size: 1.875vw;
color: #000;
font-weight: 700;
margin-bottom: 1.09375vw;
line-height: 1.5;
}
@media screen and (max-width: 800px) {
.latestreviews__header h1 {
font-size: 6.4vw;
}
}
@media screen and (max-width: 800px) {
.latestreviews__header h1 {
margin-bottom: 3.7333333333vw;
}
}
.latestreviews__subwrap {
display: flex;
flex-direction: row;
align-items: center;
}
.latestreviews__subtext {
font-size: 0.9375vw;
color: #ffffff;
}
@media screen and (max-width: 800px) {
.latestreviews__subtext {
font-size: 3.2vw;
}
}
.latestreviews__substars {
font-size: 0.9375vw;
color: #ffffff;
margin-left: 0.703125vw;
}
@media screen and (max-width: 800px) {
.latestreviews__substars {
font-size: 3.2vw;
}
}
@media screen and (max-width: 800px) {
.latestreviews__substars {
margin-left: 2.4vw;
}
}
.latestreviews__headwrap {
width: 100%;
background: linear-gradient(90deg, #eba705 0%, #f4c85b 100%);
display: flex;
align-items: center;
justify-content: center;
}
.latestreviews__body {
display: flex;
justify-content: center;
margin-top: 5vw;
}
@media screen and (max-width: 800px) {
.latestreviews__body {
margin-top: 17.0666666667vw;
}
}
.latestreviews__contentwrap {
width: 80%;
display: flex;
justify-content: space-between;
}
@media screen and (max-width: 800px) {
.latestreviews__contentwrap {
width: 95%;
}
}
.latestreviews__content {
width: 100% !important;
}
.latestreviews__content-title {
font-size: 1.875vw;
color: #505054;
margin-bottom: 0.9375vw;
font-weight: 400;
line-height: 1.5;
}
@media screen and (max-width: 800px) {
.latestreviews__content-title {
font-size: 6.4vw;
}
}
@media screen and (max-width: 800px) {
.latestreviews__content-title {
margin-bottom: 3.2vw;
}
}
.latestreviews__content-subtitle {
font-size: 0.9375vw;
font-weight: 400;
color: #7d8b96;
margin-bottom: 1.875vw;
line-height: 150%;
}
@media screen and (max-width: 800px) {
.latestreviews__content-subtitle {
font-size: 3.2vw;
}
}
@media screen and (max-width: 800px) {
.latestreviews__content-subtitle {
margin-bottom: 6.4vw;
}
}
.latestreviews__breadcrumb {
width: 17.96875vw;
}
@media screen and (max-width: 800px) {
.latestreviews__breadcrumb {
width: 61.3333333333vw;
}
}
.latestreviews__breadcrumb-title {
background: linear-gradient(90deg, #eba705 0%, #f4c85b 100%);
font-size: 1.25vw;
text-align: center;
color: #ffffff;
padding-top: 1.015625vw;
padding-bottom: 1.015625vw;
padding-left: 3.984375vw;
padding-right: 3.984375vw;
}
@media screen and (max-width: 800px) {
.latestreviews__breadcrumb-title {
font-size: 4.2666666667vw;
}
}
@media screen and (max-width: 800px) {
.latestreviews__breadcrumb-title {
padding-top: 3.4666666667vw;
padding-bottom: 3.4666666667vw;
}
}
@media screen and (max-width: 800px) {
.latestreviews__breadcrumb-title {
padding-left: 13.6vw;
padding-right: 13.6vw;
}
}
.latestreviews__breadcrumb-list {
display: flex;
align-items: center;
color: #0077ff;
padding-left: 0.859375vw;
padding-right: 0.859375vw;
border: 1px solid #e5e9ec;
}
@media screen and (max-width: 800px) {
.latestreviews__breadcrumb-list {
padding-left: 2.9333333333vw;
padding-right: 2.9333333333vw;
}
}
.latestreviews__breadcrumb-list a {
display: flex;
justify-content: space-between;
width: 100%;
height: 100%;
text-decoration: none;
color: inherit;
padding-top: 1.015625vw;
padding-bottom: 1.015625vw;
}
@media screen and (max-width: 800px) {
.latestreviews__breadcrumb-list a {
padding-top: 3.4666666667vw;
padding-bottom: 3.4666666667vw;
}
}
.latestreviews__breadcrumb-list:hover {
background-color: #fafbfa;
}
.latestreviews__breadcrumb-list span {
font-size: 0.9375vw;
}
@media screen and (max-width: 800px) {
.latestreviews__breadcrumb-list span {
font-size: 3.2vw;
}
}
.latestreviews__breadcrumb-list svg {
height: 0.625vw;
width: 0.625vw;
}
@media screen and (max-width: 800px) {
.latestreviews__breadcrumb-list svg {
height: 2.1333333333vw;
}
}
@media screen and (max-width: 800px) {
.latestreviews__breadcrumb-list svg {
width: 2.1333333333vw;
}
}
@media screen and (max-width: 800px) {
.latestreviews__breadcrumb {
display: none;
}
}
.latestreviews__card-header--rate {
margin-right: 3.515625vw;
}
@media screen and (max-width: 800px) {
.latestreviews__card-header--rate {
margin-right: 12vw;
}
}
.latestreviews__card-footer {
margin-top: 2.03125vw;
}
@media screen and (max-width: 800px) {
.latestreviews__card-footer {
margin-top: 6.9333333333vw;
}
}
.latestreviews__card-footer--wrap {
display: flex;
}
@media screen and (max-width: 800px) {
.latestreviews__card-footer--wrap div {
display: flex;
flex-direction: column;
}
}
@media screen and (max-width: 800px) {
.latestreviews__card-footer--wrap {
margin-top: 1.015625vw !important;
justify-content: space-between;
}
}
@media screen and (max-width: 800px) and (max-width: 800px) {
.latestreviews__card-footer--wrap {
margin-top: 3.4666666667vw !important;
}
}
.latestreviews__card-footer--last {
margin-top: 2.5vw;
}
@media screen and (max-width: 800px) {
.latestreviews__card-footer--last {
margin-top: 8.5333333333vw;
}
}
.latestreviews__card-footer--rate {
margin-left: 1.5625vw;
}
@media screen and (max-width: 800px) {
.latestreviews__card-footer--rate {
margin-left: 5.3333333333vw;
}
}
@media screen and (max-width: 800px) {
.latestreviews__card-footer--rate {
margin-left: 0vw !important;
margin-top: 1.015625vw !important;
}
}
@media screen and (max-width: 800px) and (max-width: 800px) {
.latestreviews__card-footer--rate {
margin-left: 0vw !important;
}
}
@media screen and (max-width: 800px) and (max-width: 800px) {
.latestreviews__card-footer--rate {
margin-top: 3.4666666667vw !important;
}
}
.latestreviews__card-footer--right {
margin-left: 4.21875vw;
}
@media screen and (max-width: 800px) {
.latestreviews__card-footer--right {
margin-left: 14.4vw;
}
}
@media screen and (max-width: 800px) {
.latestreviews__card-footer--right {
margin-left: 0vw !important;
}
}
@media screen and (max-width: 800px) and (max-width: 800px) {
.latestreviews__card-footer--right {
margin-left: 0vw !important;
}
}
.latestreviews__card-footer--custom {
margin-left: 3.4375vw;
}
@media screen and (max-width: 800px) {
.latestreviews__card-footer--custom {
margin-left: 11.7333333333vw;
}
}
.latestreviews__card-footer span {
color: #000;
font-size: 0.9375vw;
font-weight: 400;
}
@media screen and (max-width: 800px) {
.latestreviews__card-footer span {
font-size: 3.2vw;
}
}
@media screen and (max-width: 800px) {
.latestreviews__card-footer {
margin-top: 0vw !important;
}
}
@media screen and (max-width: 800px) and (max-width: 800px) {
.latestreviews__card-footer {
margin-top: 0vw !important;
}
}
.latestreviews__btn-wrap {
display: flex;
justify-content: center;
}
.latestreviews__button {
background: linear-gradient(90deg, #eba705 0%, #f4c85b 100%);
font-size: 0.9375vw;
font-weight: 400;
color: #ffffff;
border: none;
padding-top: 1.171875vw;
padding-bottom: 1.171875vw;
padding-left: 2.96875vw;
padding-right: 2.96875vw;
margin-bottom: 1.71875vw;
margin-top: 2.34375vw;
}
@media screen and (max-width: 800px) {
.latestreviews__button {
font-size: 3.2vw;
}
}
@media screen and (max-width: 800px) {
.latestreviews__button {
padding-top: 4vw;
padding-bottom: 4vw;
}
}
@media screen and (max-width: 800px) {
.latestreviews__button {
padding-left: 10.1333333333vw;
padding-right: 10.1333333333vw;
}
}
@media screen and (max-width: 800px) {
.latestreviews__button {
margin-bottom: 5.8666666667vw;
}
}
@media screen and (max-width: 800px) {
.latestreviews__button {
margin-top: 8vw;
}
}
.latestreviews__cards {
display: flex;
flex-direction: column;
align-items: center;
}
.card {
width: 100%;
border: 1px solid #e5e9ec;
margin-bottom: 20px;
}
.card__header {
display: flex;
justify-content: space-between;
align-items: center;
background: linear-gradient(90deg, #eba705 0%, #f4c85b 100%);
padding-top: 1.328125vw;
padding-bottom: 1.328125vw;
border-bottom: 1px solid #e5e9ec;
padding-left: 1.953125vw;
padding-right: 1.953125vw;
}
@media screen and (max-width: 800px) {
.card__header {
padding-top: 4.5333333333vw;
padding-bottom: 4.5333333333vw;
}
}
@media screen and (max-width: 800px) {
.card__header {
padding-left: 6.6666666667vw;
padding-right: 6.6666666667vw;
}
}
@media screen and (max-width: 800px) {
.card__header {
padding-top: 1.25vw;
padding-left: 0.703125vw;
padding-right: 0.703125vw;
margin-bottom: 1.25vw;
}
}
@media screen and (max-width: 800px) and (max-width: 800px) {
.card__header {
padding-top: 4.2666666667vw;
}
}
@media screen and (max-width: 800px) and (max-width: 800px) {
.card__header {
padding-left: 2.4vw;
padding-right: 2.4vw;
}
}
@media screen and (max-width: 800px) and (max-width: 800px) {
.card__header {
margin-bottom: 4.2666666667vw;
}
}
.card__title {
font-size: 0.9375vw;
font-weight: 400;
color: #505054;
line-height: 1.5;
}
@media screen and (max-width: 800px) {
.card__title {
font-size: 3.2vw;
}
}
@media screen and (max-width: 800px) {
.card__title {
margin-right: 0.78125vw;
}
}
@media screen and (max-width: 800px) and (max-width: 800px) {
.card__title {
margin-right: 2.6666666667vw;
}
}
.card__date span {
font-size: 0.9375vw;
font-weight: 400;
color: #000;
line-height: 1.5;
}
@media screen and (max-width: 800px) {
.card__date span {
font-size: 3.2vw;
}
}
.card__body {
display: flex;
flex-direction: column;
padding-top: 2.109375vw;
padding-left: 1.875vw;
padding-right: 1.875vw;
}
@media screen and (max-width: 800px) {
.card__body {
padding-top: 7.2vw;
}
}
@media screen and (max-width: 800px) {
.card__body {
padding-left: 6.4vw;
padding-right: 6.4vw;
}
}
.card__wrap {
display: flex;
}
.card__rating,
.card__points {
display: flex;
align-items: center;
}
.card__rating-stars svg,
.card__points-stars svg {
margin-left: 0.234375vw;
}
@media screen and (max-width: 800px) {
.card__rating-stars svg,
.card__points-stars svg {
margin-left: 0.8vw;
}
}
.card__rating span,
.card__points span {
font-size: 0.9375vw;
font-weight: 400;
}
@media screen and (max-width: 800px) {
.card__rating span,
.card__points span {
font-size: 3.2vw;
}
}
.card__points {
margin-left: 5.625vw;
}
@media screen and (max-width: 800px) {
.card__points {
margin-left: 19.2vw;
}
}
.card__points-score {
margin-left: 0.9375vw;
font-size: 1.25vw;
font-style: normal;
font-weight: 700 !important;
color: #0077ff;
}
@media screen and (max-width: 800px) {
.card__points-score {
margin-left: 3.2vw;
}
}
@media screen and (max-width: 800px) {
.card__points-score {
font-size: 4.2666666667vw;
}
}
@media screen and (max-width: 800px) {
.card__points {
margin-left: 0vw !important;
margin-top: 0.703125vw !important;
}
}
@media screen and (max-width: 800px) and (max-width: 800px) {
.card__points {
margin-left: 0vw !important;
}
}
@media screen and (max-width: 800px) and (max-width: 800px) {
.card__points {
margin-top: 2.4vw !important;
}
}
.card__comment {
margin-top: 1.015625vw;
}
@media screen and (max-width: 800px) {
.card__comment {
margin-top: 3.4666666667vw;
}
}
.card__comment h3 {
font-size: 0.9375vw;
font-weight: 400;
line-height: 150%;
color: #505054;
margin-bottom: 0.703125vw;
}
@media screen and (max-width: 800px) {
.card__comment h3 {
font-size: 3.2vw;
}
}
@media screen and (max-width: 800px) {
.card__comment h3 {
margin-bottom: 2.4vw;
}
}
.card__comment p {
font-size: 0.9375vw;
font-weight: 400;
line-height: 150%;
color: #505054;
}
@media screen and (max-width: 800px) {
.card__comment p {
font-size: 3.2vw;
}
}
.card__comment a {
color: #0077ff;
text-decoration: none;
font-size: 0.9375vw;
font-weight: 400;
line-height: 150%;
}
@media screen and (max-width: 800px) {
.card__comment a {
font-size: 3.2vw;
}
}
.card__premium {
position: relative;
height: 8.828125vw;
margin-top: 0.703125vw;
}
@media screen and (max-width: 800px) {
.card__premium {
height: 30.1333333333vw;
}
}
@media screen and (max-width: 800px) {
.card__premium {
margin-top: 2.4vw;
}
}
.card__premium-content {
font-size: 0.9375vw;
font-weight: 400;
line-height: 150%;
color: #505054;
}
@media screen and (max-width: 800px) {
.card__premium-content {
font-size: 3.2vw;
}
}
.card__premium-buttons {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -85%);
width: 100%;
backdrop-filter: blur(5px);
-webkit-backdrop-filter: blur(5px);
padding-bottom: 1.171875vw;
padding-left: 1.171875vw;
padding-right: 1.171875vw;
padding-top: 1.71875vw;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
}
@media screen and (max-width: 800px) {
.card__premium-buttons {
padding-bottom: 4vw;
}
}
@media screen and (max-width: 800px) {
.card__premium-buttons {
padding-left: 4vw;
padding-right: 4vw;
}
}
@media screen and (max-width: 800px) {
.card__premium-buttons {
padding-top: 5.8666666667vw;
}
}
.card__button-wrap {
display: flex;
justify-content: center;
align-items: center;
}
@media screen and (max-width: 800px) {
.card__button-wrap {
flex-direction: column;
}
}
.card__button-wrap a {
background-color: #ffffff;
}
.card__premium-buttons-link {
font-size: 0.9375vw;
color: #000;
font-weight: 400;
text-align: center;
margin-top: 1.5625vw;
line-height: 1.5;
}
@media screen and (max-width: 800px) {
.card__premium-buttons-link {
font-size: 3.2vw;
}
}
@media screen and (max-width: 800px) {
.card__premium-buttons-link {
margin-top: 5.3333333333vw;
}
}
.card__button {
display: flex;
justify-content: center;
align-items: center;
border: none;
background: linear-gradient(90deg, #eba705 0%, #f4c85b 100%);
color: black;
cursor: pointer;
font-weight: 700;
transition: background-color 0.3s ease;
font-size: 0.9375vw;
padding-top: 1.171875vw;
padding-bottom: 1.171875vw;
width: 24.0625vw;
height: 3.4375vw;
}
@media screen and (max-width: 800px) {
.card__button {
font-size: 3.2vw;
}
}
@media screen and (max-width: 800px) {
.card__button {
padding-top: 4vw;
padding-bottom: 4vw;
}
}
@media screen and (max-width: 800px) {
.card__button {
width: 82.1333333333vw;
}
}
@media screen and (max-width: 800px) {
.card__button {
height: 11.7333333333vw;
}
}
@media screen and (max-width: 800px) {
.card__button {
width: 25.078125vw;
}
}
@media screen and (max-width: 800px) and (max-width: 800px) {
.card__button {
width: 85.6vw;
}
}
.card__premium-btn--cl {
background-color: linear-gradient(90deg, #eba705 0%, #f4c85b 100%) !important;
font-size: 0.9375vw;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
color: transparent;
background-clip: text;
margin-left: 1.875vw;
border: 2px solid transparent;
-o-border-image: linear-gradient(90deg, #eba705 0%, #f4c85b 100%);
border-image: linear-gradient(90deg, #eba705 0%, #f4c85b 100%);
border-image-slice: 1;
font-weight: 700;
}
@media screen and (max-width: 800px) {
.card__premium-btn--cl {
font-size: 3.2vw;
}
}
@media screen and (max-width: 800px) {
.card__premium-btn--cl {
margin-left: 6.4vw;
}
}
@media screen and (max-width: 800px) {
.card__premium-btn--cl {
margin-left: 0vw;
margin-top: 0.546875vw;
}
}
@media screen and (max-width: 800px) and (max-width: 800px) {
.card__premium-btn--cl {
margin-left: 0vw;
}
}
@media screen and (max-width: 800px) and (max-width: 800px) {
.card__premium-btn--cl {
margin-top: 1.8666666667vw;
}
}
.button:hover {
background-color: #0056b3;
}
.password_reset__form {
margin-top: 8.671875vw;
}
@media screen and (max-width: 800px) {
.password_reset__form {
margin-top: 29.6vw;
}
}
.password_reset__form .um-field-area {
width: 25.625vw !important;
}
@media screen and (max-width: 800px) {
.password_reset__form .um-field-area {
width: 87.4666666667vw !important;
}
}
.password_reset__form .um-center {
position: relative !important;
}
.password_reset__form #username_b,
.password_reset__form #um-submit-btn,
.password_reset__form #user_password,
.password_reset__form #confirm_user_password {
height: 4.375vw !important;
width: 25.625vw !important;
background: linear-gradient(90deg, #eba705 0%, #f4c85b 100%);
color: #000;
font-weight: 700 !important;
font-size: 1.25vw !important;
font-style: normal;
font-weight: 400;
line-height: normal;
}
@media screen and (max-width: 800px) {
.password_reset__form #username_b,
.password_reset__form #um-submit-btn,
.password_reset__form #user_password,
.password_reset__form #confirm_user_password {
height: 14.9333333333vw !important;
}
}
@media screen and (max-width: 800px) {
.password_reset__form #username_b,
.password_reset__form #um-submit-btn,
.password_reset__form #user_password,
.password_reset__form #confirm_user_password {
width: 87.4666666667vw !important;
}
}
@media screen and (max-width: 800px) {
.password_reset__form #username_b,
.password_reset__form #um-submit-btn,
.password_reset__form #user_password,
.password_reset__form #confirm_user_password {
font-size: 4.2666666667vw !important;
}
}
.password_reset__form #username_b::-moz-placeholder {
font-size: 0.9375vw !important;
}
.password_reset__form #username_b::placeholder {
font-size: 0.9375vw !important;
}
@media screen and (max-width: 800px) {
.password_reset__form #username_b::-moz-placeholder {
font-size: 3.2vw !important;
}
.password_reset__form #username_b::placeholder {
font-size: 3.2vw !important;
}
}
.password_reset__form .um-field-error {
width: 25.625vw !important;
max-width: initial;
}
@media screen and (max-width: 800px) {
.password_reset__form .um-field-error {
width: 87.4666666667vw !important;
}
}
.password_reset__form #um-submit-btn {
font-size: 1.25vw !important;
background: linear-gradient(90deg, #eba705 0%, #f4c85b 100%) !important;
color: #000 !important;
font-weight: 700 !important;
}
@media screen and (max-width: 800px) {
.password_reset__form #um-submit-btn {
font-size: 4.2666666667vw !important;
}
}
.password_reset__form .um-field.um-field-block.um-field-type_block {
line-height: 1.5;
color: #000;
font-size: 0.9375vw !important;
font-style: normal;
font-weight: 400;
}
@media screen and (max-width: 800px) {
.password_reset__form .um-field.um-field-block.um-field-type_block {
font-size: 3.2vw !important;
}
}
.password_reset-header {
color: #000;
font-size: 2.5vw !important;
font-weight: 700;
margin-bottom: 3.75vw;
}
@media screen and (max-width: 800px) {
.password_reset-header {
font-size: 8.5333333333vw !important;
}
}
@media screen and (max-width: 800px) {
.password_reset-header {
margin-bottom: 12.8vw;
}
}
.password_reset-label {
color: #000;
font-size: 0.9375vw !important;
font-weight: 400;
line-height: 1.5;
}
@media screen and (max-width: 800px) {
.password_reset-label {
font-size: 3.2vw !important;
}
}
.password_reset-confirm {
margin-top: 3.28125vw;
}
@media screen and (max-width: 800px) {
.password_reset-confirm {
margin-top: 11.2vw;
}
}
.password_reset-formwrap {
width: 25.625vw !important;
}
@media screen and (max-width: 800px) {
.password_reset-formwrap {
width: 87.4666666667vw !important;
}
}
.password_reset-form {
width: 25.625vw !important;
}
@media screen and (max-width: 800px) {
.password_reset-form {
width: 87.4666666667vw !important;
}
}
.password_reset-svg {
position: absolute;
top: 20px;
right: 23px;
z-index: 10;
}