/* CSS labyrinth v0.9e 20220804 */

/* ----:[ reset ]:---- */
* { margin: 0; padding: 0; box-sizing:border-box; }
h1, h2, h3, h4, h5, h6 { font-weight: normal; }
table { border-collapse: collapse; border-spacing: 0; }
img, abbr, acronym, fieldset { border: 0; }


/* ----:[ html root ]:---- */
/*s0*/@media (min-width: 280px) { }
/*s1*/@media (min-width: 320px) { }
/*s2*/@media (min-width: 415px) { }
/*st*/@media (min-width: 590px) { }
/*s3*/@media (min-width: 768px) { }
/*s4*/@media (min-width: 984px) { }
/*s5*/@media (min-width: 1200px){ }

html { font-size:2.5vw;	}
.page-scaled { font-size:1rem; }
.page-scaled-very { font-size:1rem !important; }
.page-scaled-sx { font-size:2.5vw; }
.page-scaled-sx-very { font-size:2.5vw !important; }
@media (min-width: 768px) { html { font-size:19.2px; } }
@media (min-width: 1200px){ .page-scaled-sx { font-size:30px; } .page-scaled-sx-very { font-size:30px !important; } }

.width-full			{ width:100%; }
.width-full.s3-cap	{ width:100%; max-width: 768px; margin-left:auto; margin-right:auto; }
.width-full.s4-cap	{ width:100%; max-width: 984px; margin-left:auto; margin-right:auto; }
.width-full.sx-cap	{ width:100%; max-width:1200px; margin-left:auto; margin-right:auto; }

.s0-exclude,
.s1-only, .s1-plus, 
.s2-only, .s2-plus, 
.s3-only, .s3-plus, 
.s4-only, .s4-plus,
.s5-only				{ display:none; }

.s0-only,
.s1-minus, .s1-exclude,
.s2-minus, .s2-exclude,
.s3-minus, .s3-exclude,
.s4-minus, .s4-exclude,
		   .s5-exclude	{ display:inherit; }

@media (min-width: 320px) { .s0-exclude, .s1-only, .s1-plus { display:inherit; } .s1-exclude, .s0-only			  { display:none; } }
@media (min-width: 415px) { .s1-exclude, .s2-only, .s2-plus { display:inherit; } .s2-exclude, .s1-only, .s1-minus { display:none; } }
@media (min-width: 768px) { .s2-exclude, .s3-only, .s3-plus { display:inherit; } .s3-exclude, .s2-only, .s2-minus { display:none; } }
@media (min-width: 984px) { .s3-exclude, .s4-only, .s4-plus { display:inherit; } .s4-exclude, .s3-only, .s3-minus { display:none; } }
@media (min-width: 1200px){ .s4-exclude, .s5-only			{ display:inherit; } .s5-exclude, .s4-only, .s4-minus { display:none; } }


							.s0-scale-120 { font-size:1.2em; }
@media (min-width: 320px) { .s1-scale-120 { font-size:1.2em; } .s0-scale-120 { font-size:1.0em; } }
@media (min-width: 415px) { .s2-scale-120 { font-size:1.2em; } .s1-scale-120 { font-size:1.0em; } }
@media (min-width: 768px) { .s3-scale-120 { font-size:1.2em; } .s2-scale-120 { font-size:1.0em; } }
@media (min-width: 984px) { .s4-scale-120 { font-size:1.2em; } .s3-scale-120 { font-size:1.0em; } }
@media (min-width: 1200px){ .s5-scale-120 { font-size:1.2em; } .s4-scale-120 { font-size:1.0em; } }
							.s0-scale-080 { font-size:0.8em; }
@media (min-width: 320px) { .s1-scale-080 { font-size:0.8em; } .s0-scale-080 { font-size:1.0em; } }
@media (min-width: 415px) { .s2-scale-080 { font-size:0.8em; } .s1-scale-080 { font-size:1.0em; } }
@media (min-width: 768px) { .s3-scale-080 { font-size:0.8em; } .s2-scale-080 { font-size:1.0em; } }
@media (min-width: 984px) { .s4-scale-080 { font-size:0.8em; } .s3-scale-080 { font-size:1.0em; } }
@media (min-width: 1200px){ .s5-scale-080 { font-size:0.8em; } .s4-scale-080 { font-size:1.0em; } }



@media (min-width: 280px) { .expose-mode { background: yellow;	} }
@media (min-width: 320px) { .expose-mode { background: blue;	} }
@media (min-width: 415px) { .expose-mode { background: red;		} }
@media (min-width: 768px) { .expose-mode { background: green;	} }
@media (min-width: 984px) { .expose-mode { background: violet;	} }
@media (min-width: 1200px){ .expose-mode { background: orange;	} }


/* ----:[ typography ]:---- */
body { font-family: monospace; font-size: 10px; }

/* --:[ flexible font sizes ]:-- */
/*s0*/@media (min-width: 280px) { :root { --mag-s:0.9;  --mag-n:0.7369; --mag-l:0.5;  } }
/*s1*/@media (min-width: 320px) { }
/*s2*/@media (min-width: 415px) { :root { --mag-s:0.95; --mag-n:0.8421; --mag-l:0.75; } }
/*st*/@media (min-width: 590px) { }
/*s3*/@media (min-width: 768px) { :root { --mag-s:1;    --mag-n:1;      --mag-l:1;    } }
/*s4*/@media (min-width: 984px) { }
/*s5*/@media (min-width: 1200px){ }


.step--2 .t, .step--2.t { font-size: 8.750px; }
.step--1 .t, .step--1.t { font-size: 9.375px; }
					 .t { font-size:10.000px; }
.step-01 .t, .step-01.t { font-size:10.625px; }
.step-02 .t, .step-02.t { font-size:11.250px; }

.lens-24 { font-size:1.5000em; }
.lens-20 { font-size:1.2500em; }
.lens-19 { font-size:1.1875em; }
.lens-18 { font-size:1.1250em; }
.lens-17 { font-size:1.0625em; }
.lens-16 { font-size:1.0000em; }
.lens-15 { font-size:0.9375em; }
.lens-14 { font-size:0.8750em; }
.lens-13 { font-size:0.8125em; }
.lens-12 { font-size:0.7500em; }
.lens-11 { font-size:0.6875em; }
.lens-10 { font-size:0.6250em; }
.lens-09 { font-size:0.5625em; }
.lens-08 { font-size:0.5000em; }

.lens-p  { font-size:1.6em; }
.lens-super { font-size:1.5em; }

.t h1:not(.nocenter), .t h2:not(.nocenter), .t h3:not(.nocenter) { text-align: center; }

.t .m-bottom-10,	.t.single .m-bottom-10,
.t .m-bottom-p,		.t.single .m-bottom-p
	{ margin-bottom:1em; }
.t .m-bottom-09,		.t.single .m-bottom-09,
.t .m-bottom-headline,	.t.single .m-bottom-headline
	{ margin-bottom:0.9em; }
.t .m-bottom-05,	.t.single .m-bottom-05
	{ margin-bottom:0.5em; }
.t .m-bottom-04,	.t.single .m-bottom-04
	{ margin-bottom:0.4em; }

.t p, .t .text,
.t.single .override-single p:not(.single)
	{ margin-bottom:1em; }
.t h1, .t h2, .t h3,
.t.single .override-single h1:not(.single), .t.single .override-single h2:not(.single), .t.single .override-single h3:not(.single)
	{ margin-bottom:0.9em; }

.t .lens-super p, .t .lens-super .text
	{ margin-bottom:0.5em; }
.t .lens-super h1, .t .lens-super h2, .t .lens-super h3
	{ margin-bottom:0.45em; }

.t.single p:not(.allow-m-bottom), .t.single .text:not(.allow-m-bottom)
	{ margin-bottom:0; }
.t.single h1:not(.allow-m-bottom), .t.single h2:not(.allow-m-bottom), .t.single h3:not(.allow-m-bottom)
	{ margin-bottom:0; }

.t ul, .t ol { margin-right: 0; margin-left: 3.0em; }


/* font-family */
/*
.t p, .t .text { font-family:Arial, sans-serif; }
.t h1, .t h2, .t h3 { font-family:'Times New Roman', serif; }
*/


/* --:[ properties ]:-- */
.highlight { background-color:#ffff00; }
.underline { text-decoration: underline; }
.bold { font-weight: bold; }
.italics { font-style: italic; }
.center { text-align: center; }
.strikethrough, .strikeout { text-decoration: line-through; }
.noway { text-decoration: line-through; color: #555; }
.white-outline { text-shadow: -1px -1px 0 white, 1px -1px 0 white, -1px 1px 0 white, 1px 1px 0 white; }
.caps { text-transform:uppercase; }

a.nounderline, .nounderline a { text-decoration: none; }
a.nounderline:hover, .nounderline a:hover { text-decoration: none; }
a.nounderline:active, .nounderline a:active { text-decoration: none; }

.contrast-14, .contrast-14 a, .contrast-14 a:hover, .contrast-14 a:visited { color:#222; }
.contrast-08, .contrast-08 a, .contrast-08 a:hover, .contrast-08 a:visited { color:#888; }
.link-same-color a, a.link-same-color,
.link-same-color a:hover, a.link-same-color:hover,
.link-same-color a:visited, a.link-same-color:visited { color:inherit; }

.c-1 { color:var(--color-primary); }


/* --------:[ layout ]:-------- */

/* ----:[ positioning ]:---- */
.box-center { margin-left:auto; margin-right:auto; }
.text-center { text-align:center; }
.clearfix:after { content:""; display:table; clear:both; }

/* ----:[ box ]:---- */
.o-box-40, .n-box-40, .c-box-40, .b-box-40, .E-box-40, .p-to-40			{ padding-top:		64px; }
.o-box-40, .u-box-40, .c-box-40, .b-box-40, .E-box-40, .p-bo-40			{ padding-bottom:	64px; }
.o-box-40, .n-box-40, .c-box-40, .u-box-40, .H-box-40, .p-le-40			{ padding-left:		64px; }
.o-box-40, .n-box-40, .u-box-40, .b-box-40, .H-box-40, .p-ri-40			{ padding-right:	64px; }

.o-box-20, .n-box-20, .c-box-20, .b-box-20, .E-box-20, .p-to-20			{ padding-top:		32px; }
.o-box-20, .u-box-20, .c-box-20, .b-box-20, .E-box-20, .p-bo-20			{ padding-bottom:	32px; }
.o-box-20, .n-box-20, .c-box-20, .u-box-20, .H-box-20, .p-le-20			{ padding-left:		32px; }
.o-box-20, .n-box-20, .u-box-20, .b-box-20, .H-box-20, .p-ri-20			{ padding-right:	32px; }

.o-box-15, .n-box-15, .c-box-15, .b-box-15, .E-box-15, .p-to-15			{ padding-top:		24px; }
.o-box-15, .u-box-15, .c-box-15, .b-box-15, .E-box-15, .p-bo-15			{ padding-bottom:	24px; }
.o-box-15, .n-box-15, .c-box-15, .u-box-15, .H-box-15, .p-le-15			{ padding-left:		24px; }
.o-box-15, .n-box-15, .u-box-15, .b-box-15, .H-box-15, .p-ri-15			{ padding-right:	24px; }

.o-box-10, .n-box-10, .c-box-10, .b-box-10, .E-box-10, .p-to-10			{ padding-top:		16px; }
.o-box-10, .u-box-10, .c-box-10, .b-box-10, .E-box-10, .p-bo-10			{ padding-bottom:	16px; }
.o-box-10, .n-box-10, .c-box-10, .u-box-10, .H-box-10, .p-le-10			{ padding-left:		16px; }
.o-box-10, .n-box-10, .u-box-10, .b-box-10, .H-box-10, .p-ri-10			{ padding-right:	16px; }

.o-box-075, .n-box-075, .c-box-075, .b-box-075, .E-box-075, .p-to-075	{ padding-top:		12px; }
.o-box-075, .u-box-075, .c-box-075, .b-box-075, .E-box-075, .p-bo-075	{ padding-bottom:	12px; }
.o-box-075, .n-box-075, .c-box-075, .u-box-075, .H-box-075, .p-le-075	{ padding-left:		12px; }
.o-box-075, .n-box-075, .u-box-075, .b-box-075, .H-box-075, .p-ri-075	{ padding-right:	12px; }

.o-box-05, .n-box-05, .c-box-05, .b-box-05, .E-box-05, .p-to-05			{ padding-top:		8px; }
.o-box-05, .u-box-05, .c-box-05, .b-box-05, .E-box-05, .p-bo-05			{ padding-bottom:	8px; }
.o-box-05, .n-box-05, .c-box-05, .u-box-05, .H-box-05, .p-le-05			{ padding-left:		8px; }
.o-box-05, .n-box-05, .u-box-05, .b-box-05, .H-box-05, .p-ri-05			{ padding-right:	8px; }

.o-box-025, .n-box-025, .c-box-025, .b-box-025, .E-box-025, .p-to-025	{ padding-top:		4px; }
.o-box-025, .u-box-025, .c-box-025, .b-box-025, .E-box-025, .p-bo-025	{ padding-bottom:	4px; }
.o-box-025, .n-box-025, .c-box-025, .u-box-025, .H-box-025, .p-le-025	{ padding-left:		4px; }
.o-box-025, .n-box-025, .u-box-025, .b-box-025, .H-box-025, .p-ri-025	{ padding-right:	4px; }

.o-box-c40, .n-box-c40, .c-box-c40, .b-box-c40, .E-box-c40, .p-to-c40	{ padding-top:		24px; }
.o-box-c40, .u-box-c40, .c-box-c40, .b-box-c40, .E-box-c40, .p-bo-c40	{ padding-bottom:	24px; }
.o-box-c40, .n-box-c40, .c-box-c40, .u-box-c40, .H-box-c40, .p-le-c40	{ padding-left:		24px; }
.o-box-c40, .n-box-c40, .u-box-c40, .b-box-c40, .H-box-c40, .p-ri-c40	{ padding-right:	24px; }

.o-box-c20, .n-box-c20, .c-box-c20, .b-box-c20, .E-box-c20, .p-to-c20	{ padding-top:		16px; }
.o-box-c20, .u-box-c20, .c-box-c20, .b-box-c20, .E-box-c20, .p-bo-c20	{ padding-bottom:	16px; }
.o-box-c20, .n-box-c20, .c-box-c20, .u-box-c20, .H-box-c20, .p-le-c20	{ padding-left:		16px; }
.o-box-c20, .n-box-c20, .u-box-c20, .b-box-c20, .H-box-c20, .p-ri-c20	{ padding-right:	16px; }

.o-box-c10, .n-box-c10, .c-box-c10, .b-box-c10, .E-box-c10, .p-to-c10	{ padding-top:		 8px; }
.o-box-c10, .u-box-c10, .c-box-c10, .b-box-c10, .E-box-c10, .p-bo-c10	{ padding-bottom:	 8px; }
.o-box-c10, .n-box-c10, .c-box-c10, .u-box-c10, .H-box-c10, .p-le-c10	{ padding-left:		 8px; }
.o-box-c10, .n-box-c10, .u-box-c10, .b-box-c10, .H-box-c10, .p-ri-c10	{ padding-right:	 8px; }

.o-box-c05, .n-box-c05, .c-box-c05, .b-box-c05, .E-box-c05, .p-to-c05	{ padding-top:		 4px; }
.o-box-c05, .u-box-c05, .c-box-c05, .b-box-c05, .E-box-c05, .p-bo-c05	{ padding-bottom:	 4px; }
.o-box-c05, .n-box-c05, .c-box-c05, .u-box-c05, .H-box-c05, .p-le-c05	{ padding-left:		 4px; }
.o-box-c05, .n-box-c05, .u-box-c05, .b-box-c05, .H-box-c05, .p-ri-c05	{ padding-right:	 4px; }

@media (max-width: 319px) {
.but-box-only-s1-plus { padding:0; }
}

@media (max-width: 414px) {
.but-box-only-s2-plus { padding:0; }
}

@media (max-width: 767px) {
.but-box-only-s3-plus { padding:0; }
}

@media (min-width: 768px) {
.o-box-c40, .n-box-c40, .c-box-c40, .b-box-c40, .E-box-c40, .p-to-c40	{ padding-top:		64px; }
.o-box-c40, .u-box-c40, .c-box-c40, .b-box-c40, .E-box-c40, .p-bo-c40	{ padding-bottom:	64px; }
.o-box-c40, .n-box-c40, .c-box-c40, .u-box-c40, .H-box-c40, .p-le-c40	{ padding-left:		64px; }
.o-box-c40, .n-box-c40, .u-box-c40, .b-box-c40, .H-box-c40, .p-ri-c40	{ padding-right:	64px; }

.o-box-c20, .n-box-c20, .c-box-c20, .b-box-c20, .E-box-c20, .p-to-c20	{ padding-top:		32px; }
.o-box-c20, .u-box-c20, .c-box-c20, .b-box-c20, .E-box-c20, .p-bo-c20	{ padding-bottom:	32px; }
.o-box-c20, .n-box-c20, .c-box-c20, .u-box-c20, .H-box-c20, .p-le-c20	{ padding-left:		32px; }
.o-box-c20, .n-box-c20, .u-box-c20, .b-box-c20, .H-box-c20, .p-ri-c20	{ padding-right:	32px; }

.o-box-c10, .n-box-c10, .c-box-c10, .b-box-c10, .E-box-c10, .p-to-c10	{ padding-top:		16px; }
.o-box-c10, .u-box-c10, .c-box-c10, .b-box-c10, .E-box-c10, .p-bo-c10	{ padding-bottom:	16px; }
.o-box-c10, .n-box-c10, .c-box-c10, .u-box-c10, .H-box-c10, .p-le-c10	{ padding-left:		16px; }
.o-box-c10, .n-box-c10, .u-box-c10, .b-box-c10, .H-box-c10, .p-ri-c10	{ padding-right:	16px; }
	
.o-box-c05, .n-box-c05, .c-box-c05, .b-box-c05, .E-box-c05, .p-to-c05	{ padding-top:		 8px; }
.o-box-c05, .u-box-c05, .c-box-c05, .b-box-c05, .E-box-c05, .p-bo-c05	{ padding-bottom:	 8px; }
.o-box-c05, .n-box-c05, .c-box-c05, .u-box-c05, .H-box-c05, .p-le-c05	{ padding-left:		 8px; }
.o-box-c05, .n-box-c05, .u-box-c05, .b-box-c05, .H-box-c05, .p-ri-c05	{ padding-right:	 8px; }

.but-box-only-s2-minus { padding:0; }

}
@media (min-width: 984px) {
.o-box-c40, .n-box-c40, .c-box-c40, .b-box-c40, .E-box-c40, .p-to-c40	{ padding-top:		96px; }
.o-box-c40, .u-box-c40, .c-box-c40, .b-box-c40, .E-box-c40, .p-bo-c40	{ padding-bottom:	96px; }
.o-box-c40, .n-box-c40, .c-box-c40, .u-box-c40, .H-box-c40, .p-le-c40	{ padding-left:		96px; }
.o-box-c40, .n-box-c40, .u-box-c40, .b-box-c40, .H-box-c40, .p-ri-c40	{ padding-right:	96px; }

.o-box-c20, .n-box-c20, .c-box-c20, .b-box-c20, .E-box-c20, .p-to-c20	{ padding-top:		48px; }
.o-box-c20, .u-box-c20, .c-box-c20, .b-box-c20, .E-box-c20, .p-bo-c20	{ padding-bottom:	48px; }
.o-box-c20, .n-box-c20, .c-box-c20, .u-box-c20, .H-box-c20, .p-le-c20	{ padding-left:		48px; }
.o-box-c20, .n-box-c20, .u-box-c20, .b-box-c20, .H-box-c20, .p-ri-c20	{ padding-right:	48px; }

.o-box-c10, .n-box-c10, .c-box-c10, .b-box-c10, .E-box-c10, .p-to-c10	{ padding-top:		24px; }
.o-box-c10, .u-box-c10, .c-box-c10, .b-box-c10, .E-box-c10, .p-bo-c10	{ padding-bottom:	24px; }
.o-box-c10, .n-box-c10, .c-box-c10, .u-box-c10, .H-box-c10, .p-le-c10	{ padding-left:		24px; }
.o-box-c10, .n-box-c10, .u-box-c10, .b-box-c10, .H-box-c10, .p-ri-c10	{ padding-right:	24px; }

.o-box-c05, .n-box-c05, .c-box-c05, .b-box-c05, .E-box-c05, .p-to-c05	{ padding-top:		12px; }
.o-box-c05, .u-box-c05, .c-box-c05, .b-box-c05, .E-box-c05, .p-bo-c05	{ padding-bottom:	12px; }
.o-box-c05, .n-box-c05, .c-box-c05, .u-box-c05, .H-box-c05, .p-le-c05	{ padding-left:		12px; }
.o-box-c05, .n-box-c05, .u-box-c05, .b-box-c05, .H-box-c05, .p-ri-c05	{ padding-right:	12px; }

.but-box-only-s2-minus { padding:0; }
.but-box-only-s3-minus { padding:0; }

}

@media (min-width: 1200px){
.but-box-only-s4-minus { padding:0; }
}



.cc-row { display:flex; flex-direction:row; flex-wrap:wrap; justify-content:center; align-items:flex-start; box-sizing:border-box; }
.cc-row.cc-row-uniform-height { align-items:stretch; }
.cc-cell { width:100%; box-sizing:inherit; }

.cc-row.img-label .cc-cell img { width:100%; }
.cc-row.img-label .cc-cell p { text-align:center; padding-left:0.8em; padding-right:0.8em; }
.cc-row.cc-no-padding .cc-cell { padding:0; }
.cc-row.cc-bottom-margin-60 .cc-cell { margin-bottom:48px; }
.cc-row.cc-bottom-margin-30 .cc-cell { margin-bottom:24px; }
.cc-row.cc-bottom-margin-15 .cc-cell { margin-bottom:12px; }

@media (max-width: 767px) {

.cc-row.cc-bottom-margin-60-s2-minus .cc-cell { margin-bottom:48px; }
.cc-row.cc-bottom-margin-30-s2-minus .cc-cell { margin-bottom:24px; }
.cc-row.cc-bottom-margin-15-s2-minus .cc-cell { margin-bottom:12px; }
.cc-row.spread-padding .cc-cell:not(:first-child) { padding-top:0.8em; }

}

@media (min-width: 768px) {

.cc-row.cc-single-s3-plus { flex-wrap:nowrap; }
.cc-row.cc-single-s3-plus .cc-cell { margin-bottom:0; }

.cc-row .cc-cell { width:50%; }
.cc-row.spread-padding .cc-cell:not(:first-child) { padding-left:2.4em; }
.cc-row.spread-padding .cc-cell:not(:last-child) { padding-right:2.4em; }

.split-60-40.max-cell-2 .cc-cell:nth-child(odd),
.split-40-60.max-cell-2 .cc-cell:nth-child(even) { width:60%; }
.split-60-40.max-cell-2 .cc-cell:nth-child(even),
.split-40-60.max-cell-2 .cc-cell:nth-child(odd) { width:40%; }
}
@media (min-width: 984px) {
.cc-row:not(.max-cell-2) .cc-cell { width:33.33%; }
}

/* ----:[ layout control ]:---- */
.no-bottom-margin-last-all *:last-child,
.no-bottom-margin-last-1layer > *:last-child,
.no-bottom-margin-last-2layer > *:last-child,
.no-bottom-margin-last-3layer > *:last-child,
.no-bottom-margin-last-2layer > *:last-child > *:last-child,
.no-bottom-margin-last-3layer > *:last-child > *:last-child,
.no-bottom-margin-last-3layer > *:last-child > *:last-child > *:last-child
	{ margin-bottom:0 !important; }


/* ----:[ widgets ]:---- */
.imgbox { width:100%; box-sizing:border-box; margin:auto; }
.imgbox img { width:100%; height:auto; margin:auto; display:block; }
.imgbox.natural-fill img { max-width:100%; width:auto; }
.imgbox.respect-width { width:auto; }
.imgbox.constrain-height,
.imgbox.constrain-height img { max-height:inherit; }

/* --:[ reference ]:-- */
sup.ref { font-size: 0.8em; }
h1 sup.ref { font-size: 0.4em; }
sup.ref a { text-decoration: none; color: #000060; }
sup.ref a:visited { text-decoration: none; color: #000040; }


/* :[ link list ]: */
.link-list > span { padding-left:0.5em; padding-right:0.5em; }
.link-list > span:after { content:"|"; }

/* :[ form type A ]: */
.form-a input[type=text] { width:100%; padding:0.75em 1.125em; margin-bottom:0.5em; border:1px solid #333333; box-shadow:inset 0 1px 2px rgba(128,128,128,0.23),0 1px 0 rgba(255,255,255,0.95); }
.form-a.vertical-spacing-02 input[type=text] { margin-bottom:1em; }
.form-a input[type=text]:focus { border:1px solid #42b0e2; outline:none; }


/* :--[ button ]--: */
/* :[ button foundation ]: */
.r-action { width:fit-content; max-width:100%; font-size:1em; }
.box-center > .r-action { margin-left:auto; margin-right:auto; }
                                  .r-action.scales-to-narrow1 { font-size:2.173vw; }
/*s2*/@media (min-width: 415px) { .r-action.scales-to-narrow1 { font-size:9px; } }
/*s3*/@media (min-width: 768px) { .r-action.scales-to-narrow1 { font-size:10px; } }

.button { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; cursor:pointer; overflow:hidden; }
a.button { display:block; }

.action .ready,
.action .process,
.action .inert { display:none; height:100%; }

.action.stateless .ready,
.action.state-ready .ready,
.action.state-process .process,
.action.state-inert .inert { display:inherit; }

.action.button { position:relative; }
.action.button.state-ready { cursor:pointer; }
.action.button.state-process { cursor:wait; }
.action.button.state-inert { cursor:not-allowed; }

.button > .inner,
.button > .inner > .tray { height:100%; }
.button > .inner > .tray > div p { display:flex; justify-content:center; align-items:center; height:100%; }

.button > .inner p { font-size:1em; margin-bottom:0; line-height:1.0em; text-align:center; }


/* :[ button color sets ]: */
.button.color-theme1 p {
	color:var(--color-button-theme1-active-fg);
	text-shadow:0 -0.035714em 0.035714em var(--color-button-theme1-active-fg-shadow);
}

.button.color-theme1.state-ready,
.button.color-theme1.stateless {
	background-color:var(--color-button-theme1-active-bg);
	background-image:none;
    border:1px solid var(--color-button-theme1-active-border);
	box-shadow:1px 1px 2px var(--color-button-theme1-active-box-shadow);
}
.button.color-theme1:hover.state-ready,
.button.color-theme1:hover.stateless {
	background-color:var(--color-button-theme1-hover-bg);
	border:1px solid var(--color-button-theme1-hover-border);
	box-shadow:1px 1px 1px var(--color-button-theme1-hover-box-shadow);
}
.button.color-theme1:hover .ready p,
.button.color-theme1:hover.stateless p {
	color:var(--color-button-theme1-hover-fg);
}

.button.color-theme1.state-process,
.button.color-theme1.state-inert {
	background:var(--color-button-theme1-inert-bg);
	border:1px solid var(--color-button-theme1-inert-border);
	box-shadow:1px 1px 2px var(--color-button-theme1-inert-box-shadow);
}

.button.color-theme1 .process p,
.button.color-theme1 .inert p {
	color:var(--color-button-theme1-inert-fg);
	text-shadow:0 -0.035714em 0.035714em var(--color-button-theme1-inert-fg-shadow);
}



.button.color-theme2 p {
	color:var(--color-button-theme2-active-fg);
	text-shadow:0 -0.035714em 0.035714em var(--color-button-theme2-active-fg-shadow);
}

.button.color-theme2.state-ready,
.button.color-theme2.stateless {
	background-color:var(--color-button-theme2-active-bg);
	background-image:none;
    border:1px solid var(--color-button-theme2-active-border);
	box-shadow:1px 1px 2px var(--color-button-theme2-active-box-shadow);
}
.button.color-theme2:hover.state-ready,
.button.color-theme2:hover.stateless {
	background-color:var(--color-button-theme2-hover-bg);
	border:1px solid var(--color-button-theme2-hover-border);
	box-shadow:1px 1px 1px var(--color-button-theme2-hover-box-shadow);
}
.button.color-theme2:hover .ready p,
.button.color-theme2:hover.stateless p {
	color:var(--color-button-theme2-hover-fg);
}

.button.color-theme2.state-process,
.button.color-theme2.state-inert {
	background:var(--color-button-theme2-inert-bg);
	border:1px solid var(--color-button-theme2-inert-border);
	box-shadow:1px 1px 2px var(--color-button-theme2-inert-box-shadow);
}

.button.color-theme2 .process p,
.button.color-theme2 .inert p {
	color:var(--color-button-theme2-inert-fg);
	text-shadow:0 -0.035714em 0.035714em var(--color-button-theme2-inert-fg-shadow);
}



.button-cpf-flat-grey { background:#DDD; color:black; border:1px solid black; }
.button-cpf-flat-grey:hover { background:#EEE; color:#222; border:1px solid #222; }


/* :[ button styling ]: */
.button.flex-size > .inner { font-size:calc(1em*var(--mag-n)); }
.button.round8 { border-radius:8px; }
.button.round4 { border-radius:4px; }

.button.style-theme1 .inner { padding:var(--padding-button-style1-inner); }

.button.style-theme1 > .inner .ready { font-size:var(--font-size-button-style1-ready); }
.button.style-theme1 > .inner .process { font-size:var(--font-size-button-style1-process); }
.button.style-theme1 > .inner .inert { font-size:var(--font-size-button-style1-inert); }
.button.style-theme2 > .inner .ready { font-size:var(--font-size-button-style2-ready); }
.button.style-theme2 > .inner .process { font-size:var(--font-size-button-style2-process); }
.button.style-theme2 > .inner .inert { font-size:var(--font-size-button-style2-inert); }



/* :[ proportional / video ]: */
.proportional-box { width:100%; height:0; box-sizing:border-box; position:relative; padding:0; margin-left:auto; margin-right:auto; }
.proportional-box.no-margin-lr { margin-left:0; margin-right:0; }
.proportional-box.ratio16-9 { padding-bottom:56.25%; }
.proportional-box.ratio3-4 { padding-bottom:75%; }
.proportional-box.constrict-728 { max-width:728px; }
.proportional-box.constrict-640 { max-width:640px; }

.proportional-box iframe:not(.no-simple-positioning),
.proportional-box > div:not(.no-simple-positioning) { width:100%; height:100%; position:absolute; left:0; }

.r-video-container { position:relative; width:100%; margin:auto; }
.r-video-backdrop { position:absolute; top:0; left:0; width:100%; height:100%; background:grey; background-repeat:no-repeat; background-size:cover; }
.r-video-backdrop .r-video-loading { width:50%; height:50%; top:50%; left:50%; position:absolute; }
@keyframes r-video-loading { to { transform:rotate(360deg); } }
.r-video-backdrop .r-video-loading > .track { width:64px; height:64px; top:-32px; left:-32px; position:relative; border:4px solid rgba(248,248,248,0.8); border-top:4px solid rgba(128,128,128,0.8); border-radius:50%; animation-name:r-video-loading; animation-duration:2s; animation-timing-function:linear; animation-iteration-count: infinite; }




/* :[ stylized elements ]: */

.noscript-warning { color: #f00000; }
.coupon-red { border:2px dashed red; }
.r-ctabox { border: 1px dashed #aeaeae; max-width:520px; margin:auto; }