@charset "UTF-8";
.mkh{
--ink:#15131F;
--ink-2:#1F1C2E;
--plum:#4A4562; --teal:#1C7C7D; --teal-2:#2FB5A8;
--forest:#0E2724;
--mint:#CFF1E8;
--sun:#F4B740; --sun-2:#FFC95C;
--cream:#F7F2EA;
--paper:#FFFDF9;
--muted:#5D586F;
--line:rgba(21,19,31,.11);
--tint:#F2A65A;
--f-display:'Bricolage Grotesque', 'Plus Jakarta Sans', system-ui, sans-serif;
--f-serif:'Instrument Serif', Georgia, 'Times New Roman', serif;
--f-body:'Plus Jakarta Sans', system-ui, -apple-system, 'Segoe UI', sans-serif;
--f-mono:'DM Mono', ui-monospace, SFMono-Regular, Menlo, monospace;
--wrap:1320px;
--gutter:clamp(16px, 4vw, 40px);
--ease:cubic-bezier(.2,.8,.2,1);
display:block;
font-family:var(--f-body);
font-size:16px;
font-weight:400;
line-height:1.55;
color:var(--ink);
background:var(--cream);
overflow-x:clip;
-webkit-font-smoothing:antialiased;
text-rendering:optimizeLegibility;
} .mkh *,.mkh *::before,.mkh *::after{box-sizing:border-box}
.mkh :where(h1,h2,h3,h4,p,ul,ol,li,figure,blockquote,figcaption,dl,dd){margin:0;padding:0}
.mkh :where(ul,ol){list-style:none}
.mkh :where(img){display:block;max-width:100%;height:auto;border:0}
.mkh a{color:inherit;text-decoration:none}
.mkh a:hover,.mkh a:focus,.mkh a:active{color:inherit;text-decoration:none} .mkh button,.mkh [type="button"]{display:inline-block;height:auto;min-height:0;width:auto;margin:0;padding:0;border:0;border-radius:0;background:none;color:inherit;fill:currentColor;font:inherit;font-weight:inherit;line-height:inherit;letter-spacing:inherit;text-align:inherit;text-transform:none;box-shadow:none;transition:none;cursor:pointer}
.mkh button:where(:hover,:focus,:active),.mkh [type="button"]:where(:hover,:focus,:active){background-color:transparent;color:inherit;outline:none}
.mkh :where(svg){display:inline-block}
.mkh :focus-visible{outline:2px solid var(--sun);outline-offset:3px}
.mkh em{font-style:normal}
.mkh section{scroll-margin-top:110px}
.mkh .mkh-wrap{max-width:var(--wrap);margin:0 auto;padding:0 var(--gutter)}
.mkh .mkh-sec{position:relative;padding:clamp(72px, 9vw, 136px) 0} .mkh .mkh-kicker{display:inline-flex;align-items:center;gap:10px;margin-bottom:16px;font:500 12px/1 var(--f-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--teal)}
.mkh .mkh-kicker::before{content:"";width:22px;height:1.5px;background:currentColor}
.mkh .mkh-kicker--light{color:var(--teal-2)}
.mkh .mkh-h2{font-family:var(--f-display);font-weight:700;font-size:clamp(34px, 4.7vw, 66px);line-height:1;letter-spacing:-.038em;color:var(--ink);text-transform:none}
.mkh .mkh-h2 em,.mkh .mkh-final__title em,.mkh .mkh-hero__title em{font-family:var(--f-serif);font-style:italic;font-weight:400;letter-spacing:-.012em;padding-right:.04em}
.mkh .mkh-h2 em{color:var(--teal)}
.mkh .mkh-h2--light{color:#F6F2FB}
.mkh .mkh-h2--light em{color:var(--sun)}
.mkh .mkh-lead{margin-top:18px;max-width:36em;font-size:clamp(16px, 1.2vw, 19px);line-height:1.6;color:var(--muted)}
.mkh .mkh-lead a{color:var(--teal);font-weight:600;text-decoration:underline;text-underline-offset:3px}
.mkh .mkh-lead--light{color:rgba(246,242,251,.72)}
.mkh .mkh-head{max-width:780px;margin-bottom:clamp(32px, 4.2vw, 60px)}
.mkh .mkh-head--center{text-align:center;margin-left:auto;margin-right:auto}
.mkh .mkh-head--center .mkh-lead{margin-left:auto;margin-right:auto}
.mkh .mkh-head--row{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;max-width:none} .mkh .mkh-btn{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:10px;height:56px;padding:0 26px;border-radius:999px;font:700 15px/1 var(--f-body);letter-spacing:.005em;white-space:nowrap;overflow:hidden;isolation:isolate;transition:background-color .3s var(--ease), color .3s var(--ease), border-color .3s var(--ease), box-shadow .3s var(--ease)}
.mkh .mkh-btn svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round;transition:transform .35s var(--ease)}
.mkh .mkh-btn:hover svg{transform:translateX(4px)}
.mkh .mkh-btn--sun{background:var(--sun);color:var(--ink);box-shadow:0 14px 34px -14px rgba(244,183,64,.75)}
.mkh .mkh-btn--sun:hover{background:var(--sun-2);color:var(--ink);box-shadow:0 18px 40px -12px rgba(244,183,64,.9)}
.mkh .mkh-btn--sun::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(105deg, transparent 30%, rgba(255,255,255,.55) 48%, transparent 66%);transform:translateX(-120%);animation:mkh-shine 4.5s var(--ease) infinite 2.5s}
.mkh .mkh-btn--ghost{border:1.5px solid rgba(255,255,255,.28);color:#fff}
.mkh .mkh-btn--ghost:hover{background:rgba(255,255,255,.09);border-color:rgba(255,255,255,.55);color:#fff}
.mkh .mkh-btn--xl{height:66px;padding:0 36px;font-size:17px}
@keyframes mkh-shine{0%{transform:translateX(-120%)}40%,100%{transform:translateX(120%)}}
.mkh .mkh-round{display:grid;place-items:center;width:52px;height:52px;border-radius:50%;border:1.5px solid var(--ink);color:var(--ink);transition:background-color .25s, color .25s, transform .25s}
.mkh .mkh-round svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.mkh .mkh-round:hover{background:var(--ink);color:#fff}
.mkh .mkh-round:active{transform:scale(.94)} .mkh .mkh-hero{position:relative;isolation:isolate;overflow:hidden;display:flex;align-items:center;min-height:min(calc(100svh - 110px), 940px);padding:clamp(40px, 6vw, 84px) 0 clamp(72px, 8vw, 110px);background:var(--ink);color:#F3EFFA}
.mkh .mkh-hero__glow{position:absolute;inset:-25%;z-index:-2;pointer-events:none;
background:
radial-gradient(38% 46% at 74% 42%, color-mix(in srgb, var(--tint) 42%, transparent), transparent 70%),
radial-gradient(30% 40% at 8% 92%, rgba(47,181,168,.24), transparent 70%),
radial-gradient(40% 40% at 20% 0%, rgba(74,69,98,.55), transparent 70%);
animation:mkh-breathe 9s ease-in-out infinite alternate}
@keyframes mkh-breathe{to{transform:translate3d(-2%,1.5%,0) scale(1.05)}}
.mkh .mkh-hero__grain{position:absolute;inset:-50%;z-index:-1;pointer-events:none;opacity:.09;mix-blend-mode:overlay;
background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='220' height='220'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' stitchTiles='stitch'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>");
animation:mkh-grain 1.2s steps(5) infinite}
@keyframes mkh-grain{0%{transform:translate(0,0)}20%{transform:translate(-4%,3%)}40%{transform:translate(3%,-5%)}60%{transform:translate(-6%,-2%)}80%{transform:translate(5%,4%)}100%{transform:translate(0,0)}}
.mkh .mkh-hero__bigword{position:absolute;left:0;right:0;bottom:-0.12em;z-index:-1;pointer-events:none;overflow:hidden;font:800 clamp(90px, 16vw, 250px)/1 var(--f-display);letter-spacing:-.05em;white-space:nowrap;color:transparent;-webkit-text-stroke:1.2px rgba(255,255,255,.075)}
.mkh .mkh-hero__bigtrack{display:flex;width:max-content;animation:mkh-marq 60s linear infinite}
.mkh .mkh-hero__bigtrack span{padding-right:.3em}
.mkh .mkh-hero__grid{position:relative;width:100%;display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);align-items:center;gap:clamp(32px, 5vw, 80px)}
.mkh .mkh-eyebrow{display:inline-flex;align-items:center;gap:10px;padding:8px 14px 8px 10px;border-radius:999px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.12);font:500 12px/1 var(--f-mono);letter-spacing:.08em;text-transform:uppercase;color:rgba(243,239,250,.86)}
.mkh .mkh-dot{width:8px;height:8px;border-radius:50%;background:var(--teal-2);box-shadow:0 0 0 0 rgba(47,181,168,.7);animation:mkh-ping 2s infinite}
@keyframes mkh-ping{70%{box-shadow:0 0 0 9px rgba(47,181,168,0)}100%{box-shadow:0 0 0 0 rgba(47,181,168,0)}}
.mkh .mkh-hero__title{margin-top:22px;font-family:var(--f-display);font-weight:700;font-size:clamp(46px, 6.6vw, 104px);line-height:.94;letter-spacing:-.045em;color:#fff;text-transform:none}
.mkh .mkh-hero__title em{color:var(--sun)}
.mkh .mkh-hero__kinetic{margin-top:24px;font-size:clamp(18px, 1.55vw, 23px);line-height:1.35;font-weight:600;color:#fff;max-width:28em}
.mkh .mkh-rotator{position:relative;display:inline-flex;overflow:hidden;vertical-align:bottom;padding:0 .08em .06em;color:var(--tint);white-space:nowrap}
.mkh .mkh-rotator::after{content:"";position:absolute;left:.08em;right:.08em;bottom:.02em;height:2px;border-radius:2px;background:currentColor;opacity:.6}
.mkh .mkh-rotator__word{display:inline-block;font-family:var(--f-serif);font-style:italic;font-weight:400;font-size:1.28em;line-height:1;letter-spacing:-.005em}
.mkh .mkh-hero__sub{margin-top:16px;max-width:33em;font-size:clamp(15px, 1.12vw, 17.5px);line-height:1.62;color:rgba(243,239,250,.68)}
.mkh .mkh-hero__ctas{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}
.mkh .mkh-hero__trust{display:flex;flex-wrap:wrap;gap:10px 22px;margin-top:30px;font-size:13px;font-weight:500;color:rgba(243,239,250,.66)}
.mkh .mkh-hero__trust li{display:inline-flex;align-items:center;gap:8px}
.mkh .mkh-hero__trust svg{width:18px;height:18px;flex:none;fill:none;stroke:var(--teal-2);stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.mkh .mkh-hero__scroll{position:absolute;left:50%;bottom:22px;width:26px;height:42px;margin-left:-13px;border:1.5px solid rgba(255,255,255,.3);border-radius:14px}
.mkh .mkh-hero__scroll span{position:absolute;left:50%;top:8px;width:4px;height:8px;margin-left:-2px;border-radius:2px;background:#fff;animation:mkh-wheel 1.8s var(--ease) infinite}
@keyframes mkh-wheel{0%{opacity:0;transform:translateY(-4px)}30%{opacity:1}100%{opacity:0;transform:translateY(14px)}} .mkh .mkh-player{position:relative;justify-self:end;width:min(100%, 540px);perspective:1400px;outline:none}
.mkh .mkh-player__frame{position:relative;aspect-ratio:4/5;border-radius:30px;overflow:hidden;background:#0B0A11;transform-style:preserve-3d;will-change:transform;
box-shadow:0 0 0 1px rgba(255,255,255,.09), 0 50px 90px -40px rgba(0,0,0,.9), 0 30px 60px -30px color-mix(in srgb, var(--tint) 55%, transparent)}
.mkh .mkh-player__shadow{position:absolute;left:8%;right:8%;bottom:-6%;height:40%;z-index:-1;border-radius:50%;background:var(--tint);filter:blur(70px);opacity:.33;pointer-events:none}
.mkh .mkh-player__scenes{position:absolute;inset:0}
.mkh .mkh-scene{position:absolute;inset:0;visibility:hidden;opacity:0}
.mkh .mkh-scene.is-active{visibility:visible;opacity:1}
.mkh .mkh-scene__media{position:absolute;inset:0;overflow:hidden;background:#111}
.mkh .mkh-scene__media img{width:100%;height:100%;object-fit:cover;transform-origin:55% 45%;will-change:transform, filter}
.mkh .mkh-scene::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg, rgba(8,7,13,.6) 0%, rgba(8,7,13,0) 26%, rgba(8,7,13,0) 52%, rgba(8,7,13,.72) 100%)}
.mkh .mkh-scene__input{position:absolute;z-index:3;top:62px;left:18px;width:42%;display:grid;gap:8px;justify-items:start;transform-origin:0 0}
.mkh .mkh-tag{display:inline-flex;align-items:center;gap:7px;padding:6px 10px;border-radius:999px;background:rgba(255,255,255,.94);color:var(--ink);font:500 10.5px/1 var(--f-mono);letter-spacing:.12em;text-transform:uppercase}
.mkh .mkh-tag::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--tint)}
.mkh .mkh-tag--dark{background:var(--ink);color:#fff}
.mkh .mkh-polaroid{position:relative;width:100%;padding:7px 7px 28px;border-radius:5px;background:#fff;box-shadow:0 24px 40px -14px rgba(0,0,0,.65);transform:rotate(-5deg)}
.mkh .mkh-polaroid img{width:100%;aspect-ratio:4/5;object-fit:cover;border-radius:2px}
.mkh .mkh-polaroid figcaption{position:absolute;left:9px;right:9px;bottom:8px;overflow:hidden;font:500 10px/1.2 var(--f-mono);color:#57536a;white-space:nowrap;text-overflow:ellipsis}
.mkh .mkh-polaroid--stack::before,.mkh .mkh-polaroid--stack::after{content:"";position:absolute;inset:0;z-index:-1;border-radius:5px;background:#f4f1ec;box-shadow:0 10px 20px -10px rgba(0,0,0,.5)}
.mkh .mkh-polaroid--stack::before{transform:rotate(9deg) translate(10px,4px)}
.mkh .mkh-polaroid--stack::after{transform:rotate(-7deg) translate(-8px,6px);background:#ebe6dd}
.mkh .mkh-field{width:100%;padding:10px 11px 12px;border-radius:14px;background:#fff;color:var(--ink);box-shadow:0 24px 40px -16px rgba(0,0,0,.65)}
.mkh .mkh-field label{display:block;margin-bottom:6px;font:600 11px/1.2 var(--f-body);color:#6B6780}
.mkh .mkh-field__box{display:block;min-height:40px;padding:9px 11px;border:1.6px solid var(--tint);border-radius:9px;font:600 15px/1.35 var(--f-body);color:var(--ink);box-shadow:0 0 0 4px color-mix(in srgb, var(--tint) 18%, transparent)}
.mkh .mkh-caret{display:inline-block;width:2px;height:1.1em;margin-left:1px;vertical-align:-.18em;background:var(--ink);animation:mkh-blink 1s steps(1) infinite}
@keyframes mkh-blink{50%{opacity:0}}
.mkh .mkh-scene__output{position:absolute;z-index:3;left:14px;right:14px;bottom:62px;display:grid;grid-template-columns:1fr auto;grid-template-areas:"tag shop" "name shop" "price shop";column-gap:12px;row-gap:3px;align-items:center;padding:13px 13px 13px 16px;border-radius:18px;background:rgba(255,253,249,.92);color:var(--ink);-webkit-backdrop-filter:blur(14px) saturate(1.4);backdrop-filter:blur(14px) saturate(1.4);box-shadow:0 20px 40px -20px rgba(0,0,0,.7);transition:translate .3s var(--ease)}
.mkh .mkh-scene__output:hover{translate:0 -2px;color:var(--ink)}
.mkh .mkh-scene__output .mkh-tag{grid-area:tag;justify-self:start;margin-bottom:4px}
.mkh .mkh-scene__output strong{grid-area:name;font:700 clamp(16px, 1.45vw, 20px)/1.15 var(--f-display);letter-spacing:-.02em}
.mkh .mkh-scene__price{grid-area:price;font-size:13.5px;font-weight:600;color:var(--muted)}
.mkh .mkh-scene__shop{grid-area:shop;display:inline-flex;align-items:center;gap:6px;height:42px;padding:0 16px;border-radius:999px;background:var(--ink);color:#fff;font:700 13px/1 var(--f-body);white-space:nowrap;transition:background-color .25s}
.mkh .mkh-scene__shop svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:2.3;stroke-linecap:round;stroke-linejoin:round;transition:transform .3s var(--ease)}
.mkh .mkh-scene__output:hover .mkh-scene__shop{background:var(--teal)}
.mkh .mkh-scene__output:hover .mkh-scene__shop svg{transform:translateX(3px)}
.mkh .mkh-status{position:absolute;z-index:4;top:62px;right:16px;display:inline-flex;align-items:center;gap:7px;padding:7px 11px 7px 9px;border-radius:999px;background:rgba(14,13,20,.72);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;font:500 11px/1 var(--f-mono);letter-spacing:.06em;opacity:0}
.mkh .mkh-status b{font-weight:500;color:var(--tint);min-width:3.2ch}
.mkh .mkh-status__spin{width:12px;height:12px;border-radius:50%;border:2px solid rgba(255,255,255,.2);border-top-color:var(--tint);animation:mkh-spin .7s linear infinite}
.mkh .mkh-status.is-done .mkh-status__spin{animation:none;border-color:var(--tint);background:var(--tint);box-shadow:inset 0 0 0 2px #0e0d14}
@keyframes mkh-spin{to{transform:rotate(360deg)}}
.mkh .mkh-hud{position:absolute;z-index:5;left:0;right:0;display:flex;align-items:center;gap:12px;color:rgba(255,255,255,.88);font:500 11px/1 var(--f-mono);letter-spacing:.1em}
.mkh .mkh-hud--top{top:0;height:50px;padding:0 18px;justify-content:space-between;background:linear-gradient(rgba(0,0,0,.42), transparent);pointer-events:none}
.mkh .mkh-rec{display:inline-flex;align-items:center;gap:7px}
.mkh .mkh-rec i{width:8px;height:8px;border-radius:50%;background:#FF4D4D;box-shadow:0 0 10px #FF4D4D;animation:mkh-blink 1.2s steps(1) infinite}
.mkh .mkh-hud__title{opacity:.7}
.mkh .mkh-timecode{font-variant-numeric:tabular-nums}
.mkh .mkh-hud--bottom{bottom:0;height:54px;padding:0 16px 0 10px;background:linear-gradient(transparent, rgba(0,0,0,.6))}
.mkh .mkh-play{position:relative;flex:none;display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:rgba(255,255,255,.14);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);transition:background-color .2s}
.mkh .mkh-play:hover{background:rgba(255,255,255,.26)}
.mkh .mkh-play svg{position:absolute;width:15px;height:15px;stroke:#fff;stroke-width:2.6;stroke-linecap:round;fill:none}
.mkh .mkh-play .i-play{fill:#fff;stroke-width:1.5;opacity:0}
.mkh .mkh-player.is-paused .mkh-play .i-play{opacity:1}
.mkh .mkh-player.is-paused .mkh-play .i-pause{opacity:0}
.mkh .mkh-segs{flex:1;display:flex;gap:5px}
.mkh .mkh-seg{flex:1;height:20px;display:flex;align-items:center}
.mkh .mkh-seg span{position:relative;display:block;width:100%;height:3px;border-radius:3px;background:rgba(255,255,255,.26);overflow:hidden}
.mkh .mkh-seg span::after{content:"";position:absolute;inset:0;border-radius:inherit;background:#fff;transform:scaleX(var(--p, 0));transform-origin:0 50%}
.mkh .mkh-seg:hover span{background:rgba(255,255,255,.45)}
.mkh .mkh-count{flex:none;font-variant-numeric:tabular-nums;opacity:.7}
.mkh .mkh-count b{font-weight:500;color:#fff;opacity:1}
.mkh .mkh-player__vignette{position:absolute;inset:0;z-index:4;pointer-events:none;border-radius:inherit;box-shadow:inset 0 0 120px rgba(0,0,0,.42), inset 0 0 0 1px rgba(255,255,255,.06)} .mkh .mkh-marquee{position:relative;z-index:3;width:104%;margin:-26px -2% 0;padding:20px 0;overflow:hidden;background:var(--teal);color:#fff;transform:rotate(-1.6deg);box-shadow:0 20px 40px -24px rgba(14,39,36,.6)}
.mkh .mkh-marquee__track{display:flex;align-items:center;gap:30px;width:max-content;animation:mkh-marq 42s linear infinite;font:650 clamp(20px, 2.2vw, 30px)/1 var(--f-display);letter-spacing:-.02em;white-space:nowrap}
.mkh .mkh-marquee__track i{font-style:normal;color:var(--sun);font-size:.8em}
@keyframes mkh-marq{to{transform:translateX(-50%)}} .mkh .mkh-shopby{background:var(--cream);padding-top:clamp(96px, 11vw, 160px)}
.mkh .mkh-bento{display:grid;grid-template-columns:repeat(4, minmax(0,1fr));grid-auto-rows:clamp(190px, 19vw, 270px);gap:14px;
grid-template-areas:"pet pet faith portrait" "pet pet faith names" "mugs mugs cases digital"}
.mkh .mkh-tile{position:relative;isolation:isolate;overflow:hidden;display:flex;flex-direction:column;justify-content:flex-end;padding:20px;border-radius:24px;background:#d9d3c8;color:#fff;min-height:0}
.mkh .mkh-tile:hover{color:#fff}
.mkh .mkh-tile img{position:absolute;left:0;top:-8%;z-index:-2;width:100%;height:116%;object-fit:cover;transition:scale 1s var(--ease)}
.mkh .mkh-tile::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg, rgba(10,9,16,0) 38%, rgba(10,9,16,.78) 100%)}
.mkh .mkh-tile:hover img{scale:1.06}
.mkh .mkh-tile__chip{position:absolute;top:16px;left:16px;padding:7px 11px;border-radius:999px;background:rgba(255,255,255,.92);color:var(--ink);font:500 10.5px/1 var(--f-mono);letter-spacing:.12em;text-transform:uppercase}
.mkh .mkh-tile__title{max-width:15em;font:650 clamp(19px, 1.7vw, 26px)/1.08 var(--f-display);letter-spacing:-.025em;text-wrap:balance}
.mkh .mkh-tile__go{position:absolute;top:12px;right:12px;display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:#fff;color:var(--ink);transition:transform .45s var(--ease), background-color .3s}
.mkh .mkh-tile__go svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.mkh .mkh-tile:hover .mkh-tile__go{transform:rotate(45deg);background:var(--sun)}
.mkh .mkh-tile--pet{grid-area:pet}
.mkh .mkh-tile--pet .mkh-tile__title{font-size:clamp(26px, 2.9vw, 44px);max-width:12em}
.mkh .mkh-tile--faith{grid-area:faith}
.mkh .mkh-tile--portrait{grid-area:portrait}
.mkh .mkh-tile--names{grid-area:names}
.mkh .mkh-tile--mugs{grid-area:mugs}
.mkh .mkh-tile--cases{grid-area:cases}
.mkh .mkh-tile--digital{grid-area:digital}
.mkh .mkh-tile--digital img{object-position:50% 92%}
.mkh .mkh-tile--faith img{object-position:50% 30%} .mkh .mkh-tile--names,.mkh .mkh-tile--cases{background:#EFE9DF;color:var(--ink)}
.mkh .mkh-tile--names:hover,.mkh .mkh-tile--cases:hover{color:var(--ink)}
.mkh .mkh-tile--names img,.mkh .mkh-tile--cases img{top:-14%;height:100%;object-fit:contain;mix-blend-mode:multiply;padding:10% 16% 0}
.mkh .mkh-tile--names::before,.mkh .mkh-tile--cases::before{display:none}
.mkh .mkh-tile--names .mkh-tile__go,.mkh .mkh-tile--cases .mkh-tile__go{background:var(--ink);color:#fff}
.mkh .mkh-tile--names:hover .mkh-tile__go,.mkh .mkh-tile--cases:hover .mkh-tile__go{background:var(--sun);color:var(--ink)} .mkh .mkh-best{background:var(--paper)}
.mkh .mkh-rail__nav{display:flex;gap:10px;flex:none}
.mkh .mkh-rail{--pad:max(var(--gutter), calc((100% - var(--wrap)) / 2 + var(--gutter)));overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scroll-padding-left:var(--pad);padding:10px var(--pad) 26px;scrollbar-width:none;cursor:grab;overscroll-behavior-x:contain}
.mkh .mkh-rail::-webkit-scrollbar{display:none}
.mkh .mkh-rail.is-drag{scroll-snap-type:none;cursor:grabbing}
.mkh .mkh-rail.is-drag a{pointer-events:none}
.mkh .mkh-rail__track{display:flex;gap:18px;width:max-content}
.mkh .mkh-card{flex:none;width:clamp(250px, 23vw, 304px);scroll-snap-align:start;display:flex;flex-direction:column;padding:10px 10px 12px;border-radius:24px;background:#fff;border:1px solid var(--line);transition:translate .45s var(--ease), box-shadow .45s var(--ease)}
.mkh .mkh-card:hover{translate:0 -6px;box-shadow:0 30px 50px -30px rgba(21,19,31,.35)}
.mkh .mkh-card__media{position:relative;display:block;aspect-ratio:4/5;overflow:hidden;border-radius:17px;background:#F2EEE7}
.mkh .mkh-card__media img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:opacity .5s var(--ease), scale .8s var(--ease)}
.mkh .mkh-card__alt{opacity:0}
.mkh .mkh-card:hover .mkh-card__alt{opacity:1;scale:1.04}
.mkh .mkh-badge{position:absolute;top:10px;left:10px;z-index:1;padding:7px 10px;border-radius:999px;background:var(--sun);color:var(--ink);font:500 10.5px/1 var(--f-mono);letter-spacing:.1em;text-transform:uppercase}
.mkh .mkh-badge--teal{background:var(--teal);color:#fff}
.mkh .mkh-card__body{padding:14px 6px 12px}
.mkh .mkh-card__cat{font:500 10.5px/1 var(--f-mono);letter-spacing:.12em;text-transform:uppercase;color:#8A8599}
.mkh .mkh-card__title{margin-top:8px;min-height:2.4em;font:650 17.5px/1.2 var(--f-display);letter-spacing:-.018em;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.mkh .mkh-card__title a:hover{color:var(--teal)}
.mkh .mkh-price{margin-top:8px;font-size:14px;color:var(--muted)}
.mkh .mkh-price b{font:700 17px/1 var(--f-body);color:var(--ink)}
.mkh .mkh-card__cta{margin-top:auto;display:flex;align-items:center;justify-content:space-between;height:48px;padding:0 18px;border-radius:14px;background:var(--ink);color:#fff;font:700 14px/1 var(--f-body);transition:background-color .25s}
.mkh .mkh-card__cta:hover{background:var(--teal);color:#fff}
.mkh .mkh-card__cta svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round;transition:transform .3s var(--ease)}
.mkh .mkh-card__cta:hover svg{transform:translateX(4px)}
.mkh .mkh-rail__bar{position:relative;height:3px;margin-top:6px;border-radius:3px;background:var(--line);overflow:hidden}
.mkh .mkh-rail__bar span{position:absolute;inset:0;border-radius:inherit;background:var(--ink);transform-origin:0 50%;transform:scaleX(.25)} .mkh .mkh-art{background:var(--ink-2);color:#F6F2FB;overflow:hidden}
.mkh .mkh-art::before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(40% 50% at 85% 30%, rgba(47,181,168,.18), transparent 70%), radial-gradient(35% 45% at 0% 100%, rgba(244,183,64,.12), transparent 70%)}
.mkh .mkh-art__grid{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(36px, 6vw, 96px);align-items:center}
.mkh .mkh-ladder{margin:30px 0 32px;border-bottom:1px solid rgba(255,255,255,.12)}
.mkh .mkh-ladder a{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:17px 2px;border-top:1px solid rgba(255,255,255,.12);font-size:16px;color:rgba(246,242,251,.85);transition:padding .35s var(--ease), color .25s}
.mkh .mkh-ladder a:hover{padding-left:10px;color:#fff}
.mkh .mkh-ladder b{font:600 17px/1 var(--f-display);color:var(--sun);white-space:nowrap}
.mkh .mkh-morph{position:relative}
.mkh .mkh-morph__stage{position:relative;aspect-ratio:4/5;overflow:hidden;border-radius:28px;background:#0d0c13;box-shadow:0 0 0 1px rgba(255,255,255,.08), 0 50px 90px -40px rgba(0,0,0,.9)}
.mkh .mkh-morph__pair{position:absolute;inset:0;opacity:0;visibility:hidden}
.mkh .mkh-morph__pair.is-active{opacity:1;visibility:visible}
.mkh .mkh-morph__pair img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.mkh .mkh-morph__art{clip-path:inset(0 100% 0 0)}
.mkh .mkh-morph__scan{position:absolute;top:0;bottom:0;left:0;width:3px;margin-left:-1px;background:var(--sun);box-shadow:0 0 24px 6px rgba(244,183,64,.55);opacity:0;pointer-events:none}
.mkh .mkh-morph__label{position:absolute;top:16px;left:16px;padding:7px 11px;border-radius:999px;background:rgba(14,13,20,.72);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);font:500 11px/1 var(--f-mono);letter-spacing:.14em;color:#fff}
.mkh .mkh-morph__label b{font-weight:500}
.mkh .mkh-morph__ui{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:14px;margin-top:16px}
.mkh .mkh-switch{position:relative;display:inline-flex;padding:4px;border-radius:999px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.1)}
.mkh .mkh-switch button{position:relative;z-index:1;height:40px;padding:0 20px;border-radius:999px;font:600 14px/1 var(--f-body);color:rgba(255,255,255,.75);transition:color .3s}
.mkh .mkh-switch button.is-on{color:var(--ink)}
.mkh .mkh-switch__pill{position:absolute;top:4px;left:0;height:40px;width:0;border-radius:999px;background:#fff;transition:transform .45s var(--ease), width .45s var(--ease)}
.mkh .mkh-morph__thumbs{display:flex;gap:8px}
.mkh .mkh-morph__thumbs button{display:inline-flex;align-items:center;gap:8px;padding:4px 12px 4px 4px;border-radius:999px;border:1.5px solid rgba(255,255,255,.14);font-size:13px;font-weight:600;color:rgba(255,255,255,.75);transition:border-color .25s, color .25s}
.mkh .mkh-morph__thumbs button.is-on,.mkh .mkh-morph__thumbs button:hover{border-color:var(--sun);color:#fff}
.mkh .mkh-morph__thumbs img{width:32px;height:32px;border-radius:50%;object-fit:cover} .mkh .mkh-how{background:var(--cream)}
.mkh .mkh-steps{display:grid;grid-template-columns:repeat(3, minmax(0,1fr));gap:18px;counter-reset:none}
.mkh .mkh-step{position:relative;padding:22px 22px 28px;border-radius:26px;background:#fff;border:1px solid var(--line)}
.mkh .mkh-step__n{display:inline-flex;align-items:center;gap:8px;margin-top:22px;font:500 12px/1 var(--f-mono);letter-spacing:.14em;color:var(--teal)}
.mkh .mkh-step__n::before{content:"STEP"}
.mkh .mkh-step h3{margin-top:10px;font:700 24px/1.1 var(--f-display);letter-spacing:-.025em}
.mkh .mkh-step p{margin-top:10px;font-size:15.5px;line-height:1.6;color:var(--muted)}
.mkh .mkh-step__ui{position:relative;height:168px;padding:18px;border-radius:18px;background:var(--cream);overflow:hidden}
.mkh .mkh-ui-pick{display:flex;flex-wrap:wrap;align-content:center;gap:8px;padding-right:60px}
.mkh .mkh-ui-pick span{padding:9px 13px;border-radius:999px;background:#fff;border:1px solid var(--line);font-size:13px;font-weight:600;transition:background-color .35s, color .35s, transform .35s var(--ease)}
.mkh .mkh-ui-pick span.on{background:var(--ink);color:#fff;transform:translateY(-2px) scale(1.04)}
.mkh .mkh-ui-form label{display:block;margin-bottom:6px;font:600 11.5px/1.2 var(--f-body);color:#6B6780}
.mkh .mkh-ui-form .mkh-field__box{--tint:var(--teal);background:#fff}
.mkh .mkh-ui-drop{display:flex;align-items:center;gap:8px;margin-top:12px;padding:12px;border:1.5px dashed rgba(28,124,125,.45);border-radius:10px;font-size:13px;font-weight:600;color:var(--teal);background:rgba(207,241,232,.4)}
.mkh .mkh-ui-drop svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.mkh .mkh-ui-track{display:grid;align-content:center;gap:12px}
.mkh .mkh-ui-track__row{display:flex;align-items:center;gap:10px;font-size:14px;font-weight:600;color:#9a96a8;transition:color .3s}
.mkh .mkh-ui-track__row i{width:20px;height:20px;border-radius:50%;border:2px solid #cfcad8;transition:background-color .3s, border-color .3s, box-shadow .3s}
.mkh .mkh-ui-track__row.done{color:var(--ink)}
.mkh .mkh-ui-track__row.done i{border-color:var(--teal);background:var(--teal);box-shadow:inset 0 0 0 3px #fff}
.mkh .mkh-ui-track__bar{position:absolute;left:18px;right:18px;bottom:16px;height:4px;border-radius:4px;background:rgba(21,19,31,.08);overflow:hidden}
.mkh .mkh-ui-track__bar b{position:absolute;inset:0;border-radius:inherit;background:linear-gradient(90deg, var(--teal), var(--teal-2));transform-origin:0 50%;transform:scaleX(0)} .mkh .mkh-finder{background:var(--paper)}
.mkh .mkh-finder__box{display:grid;grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);gap:clamp(28px, 4vw, 64px);align-items:start;padding:clamp(26px, 4.4vw, 64px);border-radius:34px;background:var(--ink);color:#F6F2FB;position:relative;overflow:hidden}
.mkh .mkh-finder__box::before{content:"";position:absolute;inset:auto -20% -60% 30%;height:120%;pointer-events:none;background:radial-gradient(closest-side, rgba(47,181,168,.22), transparent)}
.mkh .mkh-finder .mkh-kicker{color:var(--teal-2)}
.mkh .mkh-finder .mkh-h2{color:#fff}
.mkh .mkh-finder .mkh-h2 em{color:var(--sun)}
.mkh .mkh-chips{display:flex;flex-wrap:wrap;gap:10px;margin-top:30px}
.mkh .mkh-chips button{height:46px;padding:0 18px;border-radius:999px;border:1.5px solid rgba(255,255,255,.2);font:600 15px/1 var(--f-body);color:#fff;transition:background-color .25s, border-color .25s, color .25s, transform .25s var(--ease)}
.mkh .mkh-chips button:hover{border-color:rgba(255,255,255,.6)}
.mkh .mkh-chips button.is-on{background:var(--sun);border-color:var(--sun);color:var(--ink)}
.mkh .mkh-chips button:active{transform:scale(.96)}
.mkh .mkh-finder__a{position:relative}
.mkh .mkh-finder__label{margin-bottom:14px;font:500 12px/1 var(--f-mono);letter-spacing:.12em;text-transform:uppercase;color:rgba(255,255,255,.6)}
.mkh .mkh-finder__label b{font-weight:500;color:var(--sun)}
.mkh .mkh-finder__grid{display:grid;grid-template-columns:repeat(3, minmax(0,1fr));gap:12px;min-height:300px}
.mkh .mkh-pick{display:flex;flex-direction:column;padding:8px 8px 14px;border-radius:20px;background:#fff;color:var(--ink);transition:translate .35s var(--ease)}
.mkh .mkh-pick:hover{translate:0 -5px;color:var(--ink)}
.mkh .mkh-pick img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:14px;background:#F2EEE7}
.mkh .mkh-pick__t{margin:12px 6px 0;font:650 15px/1.2 var(--f-display);letter-spacing:-.015em;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.mkh .mkh-pick__p{margin:6px 6px 0;font-size:13.5px;font-weight:600;color:var(--muted)}
.mkh .mkh-pick__go{display:inline-flex;align-items:center;gap:6px;margin:12px 6px 0;font-size:13px;font-weight:700;color:var(--teal)}
.mkh .mkh-pick__go svg,.mkh .mkh-finder__more svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:2.3;stroke-linecap:round;stroke-linejoin:round;transition:transform .3s var(--ease)}
.mkh .mkh-pick:hover .mkh-pick__go svg{transform:translateX(3px)}
.mkh .mkh-finder__more{grid-column:1 / -1;display:inline-flex;align-items:center;gap:8px;justify-self:start;margin-top:6px;font-size:14.5px;font-weight:700;color:#fff;border-bottom:1.5px solid rgba(255,255,255,.3);padding-bottom:3px}
.mkh .mkh-finder__more:hover{color:var(--sun);border-color:var(--sun)}
.mkh .mkh-finder__more:hover svg{transform:translateX(3px)} .mkh .mkh-faith{position:relative;background:var(--forest);color:#F6F2FB;overflow:hidden}
.mkh .mkh-faith::before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(45% 60% at 15% 50%, rgba(47,181,168,.18), transparent 70%), radial-gradient(30% 40% at 90% 10%, rgba(244,183,64,.1), transparent 70%)}
.mkh .mkh-faith__pin{position:relative;display:flex;align-items:center;gap:clamp(32px, 4vw, 64px);min-height:100vh;padding:120px 0 64px max(var(--gutter), calc((100% - var(--wrap)) / 2 + var(--gutter)))}
.mkh .mkh-faith__intro{position:relative;z-index:2;flex:none;width:min(400px, 34vw)}
@media (min-width: 1024px){
.mkh .mkh-faith__intro::before{content:"";position:absolute;z-index:-1;top:-60vh;bottom:-60vh;left:-100vw;right:-56px;pointer-events:none;background:linear-gradient(90deg, var(--forest) 0, var(--forest) calc(100% - 56px), rgba(14,39,36,0) 100%)}
}
.mkh .mkh-faith__intro .mkh-btn{margin-top:30px}
.mkh .mkh-faith__track{display:flex;gap:20px;padding-right:var(--gutter);will-change:transform}
.mkh .mkh-fcard{position:relative;flex:none;display:block;width:clamp(260px, 25vw, 350px);height:min(64vh, 500px);min-height:380px;overflow:hidden;border-radius:26px;background:#0a1d1b;color:#fff;isolation:isolate}
.mkh .mkh-fcard:hover{color:#fff}
.mkh .mkh-fcard img{position:absolute;inset:0;z-index:-2;width:100%;height:100%;object-fit:cover;transition:scale 1s var(--ease)}
.mkh .mkh-fcard:hover img{scale:1.06}
.mkh .mkh-fcard::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg, rgba(5,20,18,.72) 0%, rgba(5,20,18,0) 34%, rgba(5,20,18,0) 58%, rgba(5,20,18,.82) 100%)}
.mkh .mkh-fcard__verse{position:absolute;top:22px;left:22px;right:22px;font:400 clamp(24px, 2.1vw, 30px)/1.05 var(--f-serif);font-style:italic;letter-spacing:-.01em}
.mkh .mkh-fcard__meta{position:absolute;left:22px;right:22px;bottom:20px;display:flex;align-items:flex-end;justify-content:space-between;gap:10px}
.mkh .mkh-fcard__meta b{font:650 17px/1.15 var(--f-display);letter-spacing:-.015em}
.mkh .mkh-fcard__meta i{flex:none;font:500 12px/1 var(--f-mono);font-style:normal;color:var(--sun);letter-spacing:.06em} .mkh .mkh-reviews{background:var(--cream)}
.mkh .mkh-quotes{display:grid;grid-template-columns:repeat(2, minmax(0,1fr));gap:18px}
.mkh .mkh-quote{display:flex;flex-direction:column;padding:clamp(26px, 3.4vw, 48px);border-radius:30px;background:#fff;border:1px solid var(--line)}
.mkh .mkh-quote__mark{width:44px;height:44px;fill:var(--teal)}
.mkh .mkh-quote blockquote{margin:22px 0 28px;font:500 clamp(19px, 1.75vw, 25px)/1.38 var(--f-display);letter-spacing:-.018em;color:inherit;border:0;padding:0;background:none;quotes:none}
.mkh .mkh-quote blockquote::before,.mkh .mkh-quote blockquote::after{content:none}
.mkh .mkh-quote figcaption{margin-top:auto;display:flex;align-items:center;gap:12px}
.mkh .mkh-quote figcaption img{width:54px;height:54px;border-radius:14px;object-fit:cover;background:#fff;border:1px solid var(--line)}
.mkh .mkh-quote figcaption span{display:flex;flex-direction:column;font-size:13.5px;color:var(--muted)}
.mkh .mkh-quote figcaption b{font-size:16px;color:var(--ink)}
.mkh .mkh-quote--alt{background:var(--ink);color:#F6F2FB;border-color:var(--ink)}
.mkh .mkh-quote--alt .mkh-quote__mark{fill:var(--sun)}
.mkh .mkh-quote--alt figcaption span{color:rgba(246,242,251,.6)}
.mkh .mkh-quote--alt figcaption b{color:#fff} .mkh .mkh-faq{background:var(--paper)}
.mkh .mkh-faq__grid{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:clamp(28px, 5vw, 90px);align-items:start}
.mkh .mkh-acc{border-top:1px solid var(--line)}
.mkh .mkh-acc__item{border-bottom:1px solid var(--line)}
.mkh .mkh-acc__item summary{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:24px 0;cursor:pointer;list-style:none;font:650 clamp(18px, 1.5vw, 22px)/1.25 var(--f-display);letter-spacing:-.018em}
.mkh .mkh-acc__item summary::-webkit-details-marker{display:none}
.mkh .mkh-acc__item summary::marker{content:""}
.mkh .mkh-acc__item summary i{position:relative;flex:none;width:34px;height:34px;border-radius:50%;border:1.5px solid var(--line);transition:background-color .3s, border-color .3s, transform .45s var(--ease)}
.mkh .mkh-acc__item summary i::before,.mkh .mkh-acc__item summary i::after{content:"";position:absolute;left:50%;top:50%;width:12px;height:2px;margin:-1px 0 0 -6px;border-radius:2px;background:var(--ink);transition:transform .45s var(--ease), background-color .3s}
.mkh .mkh-acc__item summary i::after{transform:rotate(90deg)}
.mkh .mkh-acc__item.is-open summary i{background:var(--ink);border-color:var(--ink);transform:rotate(180deg)}
.mkh .mkh-acc__item.is-open summary i::before,.mkh .mkh-acc__item.is-open summary i::after{background:#fff}
.mkh .mkh-acc__item.is-open summary i::after{transform:rotate(0deg)}
.mkh .mkh-acc__body{overflow:hidden}
.mkh .mkh-acc__body p{padding:0 50px 24px 0;font-size:16px;line-height:1.65;color:var(--muted)} .mkh .mkh-final{position:relative;isolation:isolate;overflow:hidden;padding:clamp(110px, 13vw, 190px) 0;background:var(--ink);color:#fff;text-align:center}
.mkh .mkh-final::before{content:"";position:absolute;inset:0;z-index:-2;background:radial-gradient(45% 55% at 50% 55%, rgba(28,124,125,.35), transparent 70%)}
.mkh .mkh-final__in{position:relative;display:flex;flex-direction:column;align-items:center}
.mkh .mkh-final__title{max-width:13em;font:700 clamp(40px, 6.2vw, 94px)/.96 var(--f-display);letter-spacing:-.045em;color:#fff;text-wrap:balance}
.mkh .mkh-final__title em{color:var(--sun)}
.mkh .mkh-final .mkh-lead{margin:22px auto 34px}
.mkh .mkh-final__floats{position:absolute;inset:0;z-index:-1;pointer-events:none}
.mkh .mkh-final__floats img{position:absolute;width:clamp(110px, 12vw, 190px);aspect-ratio:1;object-fit:cover;border-radius:22px;box-shadow:0 30px 60px -20px rgba(0,0,0,.8);opacity:.92}
.mkh .mkh-final__floats .f1{left:5%;top:14%;rotate:-9deg}
.mkh .mkh-final__floats .f2{left:12%;bottom:10%;rotate:7deg;background:#fff}
.mkh .mkh-final__floats .f3{right:6%;top:10%;rotate:8deg}
.mkh .mkh-final__floats .f4{right:13%;bottom:12%;rotate:-6deg;background:#fff}
.mkh .mkh-final__floats .f5{left:44%;top:-2%;width:clamp(80px, 7vw, 110px);rotate:-4deg;opacity:.5;background:#fff} .mkh.mkh-js [data-mkh-reveal]{opacity:0;transform:translateY(32px)}
.mkh.mkh-js [data-mkh-split]{visibility:hidden}
.mkh.mkh-js .mkh-hero__copy > *,.mkh.mkh-js .mkh-player{visibility:hidden}
.mkh.mkh-js .mkh-scene__input,.mkh.mkh-js .mkh-scene__output{opacity:0}
.mkh .mkh-line{padding-bottom:.06em;margin-bottom:-.06em} @media (max-width: 1100px){
.mkh .mkh-bento{grid-template-columns:repeat(2, minmax(0,1fr));grid-auto-rows:clamp(170px, 34vw, 260px);
grid-template-areas:"pet pet" "pet pet" "faith portrait" "faith names" "mugs mugs" "cases digital"}
.mkh .mkh-steps{grid-template-columns:1fr;max-width:620px;margin:0 auto}
.mkh .mkh-finder__box{grid-template-columns:1fr}
}
@media (max-width: 1023px){
.mkh .mkh-faith__pin{flex-direction:column;align-items:stretch;min-height:0;padding:clamp(72px, 10vw, 110px) 0}
.mkh .mkh-faith__intro{width:auto;padding:0 var(--gutter)}
.mkh .mkh-faith__track{overflow-x:auto;scroll-snap-type:x mandatory;padding:0 var(--gutter) 8px;scroll-padding-left:var(--gutter);scrollbar-width:none}
.mkh .mkh-faith__track::-webkit-scrollbar{display:none}
.mkh .mkh-fcard{scroll-snap-align:start;width:min(76vw, 320px);height:auto;min-height:0;aspect-ratio:3/4}
}
@media (max-width: 900px){
.mkh .mkh-hero{min-height:0;padding-top:34px}
.mkh .mkh-hero__grid{grid-template-columns:1fr}
.mkh .mkh-player{justify-self:center;width:min(100%, 480px)}
.mkh .mkh-hero__scroll{display:none}
.mkh .mkh-art__grid,.mkh .mkh-faq__grid{grid-template-columns:1fr}
.mkh .mkh-quotes{grid-template-columns:1fr}
.mkh .mkh-head--row{align-items:flex-start;flex-direction:column}
.mkh .mkh-rail__nav{display:none}
}
@media (max-width: 560px){ .mkh .mkh-hero{padding-top:26px;padding-bottom:64px}
.mkh .mkh-hero__grid{gap:0}
.mkh .mkh-hero__copy{display:contents}
.mkh .mkh-hero__eyebrow{order:1;justify-self:start;font-size:10.5px;letter-spacing:.06em}
.mkh .mkh-hero__title{order:2;margin-top:18px;font-size:clamp(42px, 12.5vw, 60px)}
.mkh .mkh-hero__kinetic{order:3;margin-top:16px;font-size:17px}
.mkh .mkh-hero__sub{display:none}
.mkh .mkh-hero__ctas{order:4;margin-top:22px}
.mkh .mkh-hero__ctas .mkh-btn{flex:1 1 100%}
.mkh .mkh-hero__ctas .mkh-btn--ghost{display:none}
.mkh .mkh-player{order:5;margin-top:26px}
.mkh .mkh-hero__trust{order:6;gap:8px 16px;margin-top:24px;font-size:12.5px}
.mkh .mkh-hud__title{display:none}
.mkh .mkh-scene__input{width:48%;top:58px;left:14px}
.mkh .mkh-status{top:58px;right:12px}
.mkh .mkh-scene__output{left:10px;right:10px;bottom:58px;padding:11px 11px 11px 13px}
.mkh .mkh-scene__shop{height:38px;padding:0 13px}
.mkh .mkh-field__box{font-size:14px;min-height:36px;padding:7px 9px}
.mkh .mkh-bento{gap:10px;grid-auto-rows:44vw}
.mkh .mkh-tile{padding:14px;border-radius:20px}
.mkh .mkh-tile__chip{top:12px;left:12px}
.mkh .mkh-tile__go{width:38px;height:38px;top:10px;right:10px}
.mkh .mkh-tile__title{font-size:17px}
.mkh .mkh-tile--pet .mkh-tile__title{font-size:26px}
.mkh .mkh-tile--names img,.mkh .mkh-tile--cases img{top:0;height:100%;padding:24% 20% 36%}
.mkh .mkh-card{width:74vw}
.mkh .mkh-finder__grid{grid-template-columns:1fr;min-height:0}
.mkh .mkh-pick{display:grid;grid-template-columns:88px 1fr;grid-template-rows:auto auto 1fr;column-gap:12px;padding:8px}
.mkh .mkh-pick img{grid-row:1 / 4;width:88px;height:88px}
.mkh .mkh-pick__t{margin:6px 0 0}
.mkh .mkh-pick__p{margin:4px 0 0}
.mkh .mkh-pick__go{margin:6px 0 0;align-self:end}
.mkh .mkh-morph__ui{flex-direction:column;align-items:flex-start}
.mkh .mkh-final__floats img{width:84px;opacity:.45}
.mkh .mkh-final__floats .f5,.mkh .mkh-final__floats .f2{display:none}
.mkh .mkh-acc__body p{padding-right:0}
} @media (prefers-reduced-motion: reduce){
.mkh *,.mkh *::before,.mkh *::after{animation-duration:.001ms !important;animation-iteration-count:1 !important;transition-duration:.001ms !important}
.mkh .mkh-marquee__track,.mkh .mkh-hero__bigtrack{animation:none}
}.wpcdpk--cell-day.-other-month-, .wpcdpk--cell-year.-other-decade- {
color: #dedede;
}
.wpcdpk--cell-day.-other-month-:hover, .wpcdpk--cell-year.-other-decade-:hover {
color: #c5c5c5;
}
.-disabled-.-focus-.wpcdpk--cell-day.-other-month-, .-disabled-.-focus-.wpcdpk--cell-year.-other-decade- {
color: #dedede;
}
.-selected-.wpcdpk--cell-day.-other-month-, .-selected-.wpcdpk--cell-year.-other-decade- {
color: #fff;
background: #a2ddf6;
}
.-selected-.-focus-.wpcdpk--cell-day.-other-month-, .-selected-.-focus-.wpcdpk--cell-year.-other-decade- {
background: #8ad5f4;
}
.-in-range-.wpcdpk--cell-day.-other-month-, .-in-range-.wpcdpk--cell-year.-other-decade- {
background-color: rgba(92, 196, 239, 0.1);
color: #cccccc;
}
.-in-range-.-focus-.wpcdpk--cell-day.-other-month-, .-in-range-.-focus-.wpcdpk--cell-year.-other-decade- {
background-color: rgba(92, 196, 239, 0.2);
}
.wpcdpk--cell-day.-other-month-:empty, .wpcdpk--cell-year.-other-decade-:empty {
background: none;
border: none;
} .wpcdpk--cells {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.wpcdpk--cell {
border-radius: 4px;
box-sizing: border-box;
cursor: pointer;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
position: relative;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
height: 32px;
z-index: 1;
}
.wpcdpk--cell.-focus- {
background: #f0f0f0;
}
.wpcdpk--cell.-current- {
color: #4EB5E6;
}
.wpcdpk--cell.-current-.-focus- {
color: #4a4a4a;
}
.wpcdpk--cell.-current-.-in-range- {
color: #4EB5E6;
}
.wpcdpk--cell.-in-range- {
background: rgba(92, 196, 239, 0.1);
color: #4a4a4a;
border-radius: 0;
}
.wpcdpk--cell.-in-range-.-focus- {
background-color: rgba(92, 196, 239, 0.2);
}
.wpcdpk--cell.-disabled- {
cursor: default;
color: #aeaeae;
}
.wpcdpk--cell.-disabled-.-focus- {
color: #aeaeae;
}
.wpcdpk--cell.-disabled-.-in-range- {
color: #a1a1a1;
}
.wpcdpk--cell.-disabled-.-current-.-focus- {
color: #aeaeae;
}
.wpcdpk--cell.-range-from- {
border: 1px solid rgba(92, 196, 239, 0.5);
background-color: rgba(92, 196, 239, 0.1);
border-radius: 4px 0 0 4px;
}
.wpcdpk--cell.-range-to- {
border: 1px solid rgba(92, 196, 239, 0.5);
background-color: rgba(92, 196, 239, 0.1);
border-radius: 0 4px 4px 0;
}
.wpcdpk--cell.-range-from-.-range-to- {
border-radius: 4px;
}
.wpcdpk--cell.-selected- {
color: #fff;
border: none;
background: #5cc4ef;
}
.wpcdpk--cell.-selected-.-current- {
color: #fff;
background: #5cc4ef;
}
.wpcdpk--cell.-selected-.-focus- {
background: #45bced;
}
.wpcdpk--cell:empty {
cursor: default;
}
.wpcdpk--days-names {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin: 8px 0 3px;
}
.wpcdpk--day-name {
color: #FF9A19;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
text-align: center;
text-transform: uppercase;
font-size: .8em;
}
.wpcdpk--cell-day {
width: 14.28571%;
}
.wpcdpk--cells-months {
height: 170px;
}
.wpcdpk--cell-month {
width: 33.33%;
height: 25%;
}
.wpcdpk--years {
height: 170px;
}
.wpcdpk--cells-years {
height: 170px;
}
.wpcdpk--cell-year {
width: 25%;
height: 33.33%;
}
.wpcdpk--cell-day.-other-month-, .wpcdpk--cell-year.-other-decade- {
color: #dedede;
}
.wpcdpk--cell-day.-other-month-:hover, .wpcdpk--cell-year.-other-decade-:hover {
color: #c5c5c5;
}
.-disabled-.-focus-.wpcdpk--cell-day.-other-month-, .-disabled-.-focus-.wpcdpk--cell-year.-other-decade- {
color: #dedede;
}
.-selected-.wpcdpk--cell-day.-other-month-, .-selected-.wpcdpk--cell-year.-other-decade- {
color: #fff;
background: #a2ddf6;
}
.-selected-.-focus-.wpcdpk--cell-day.-other-month-, .-selected-.-focus-.wpcdpk--cell-year.-other-decade- {
background: #8ad5f4;
}
.-in-range-.wpcdpk--cell-day.-other-month-, .-in-range-.wpcdpk--cell-year.-other-decade- {
background-color: rgba(92, 196, 239, 0.1);
color: #cccccc;
}
.-in-range-.-focus-.wpcdpk--cell-day.-other-month-, .-in-range-.-focus-.wpcdpk--cell-year.-other-decade- {
background-color: rgba(92, 196, 239, 0.2);
}
.wpcdpk--cell-day.-other-month-:empty, .wpcdpk--cell-year.-other-decade-:empty {
background: none;
border: none;
} .wpcdpks-container {
position: absolute;
left: 0;
top: 0;
}
@media print {
.wpcdpks-container {
display: none;
}
}
.wpcdpk {
background: #fff;
border: 1px solid #dbdbdb;
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
border-radius: 4px;
box-sizing: content-box;
font-family: Tahoma, sans-serif;
font-size: 14px;
color: #4a4a4a;
width: 250px;
position: absolute;
left: -100000px;
opacity: 0;
transition: opacity 0.3s ease, left 0s 0.3s, -webkit-transform 0.3s ease;
transition: opacity 0.3s ease, transform 0.3s ease, left 0s 0.3s;
transition: opacity 0.3s ease, transform 0.3s ease, left 0s 0.3s, -webkit-transform 0.3s ease;
z-index: 100;
}
.wpcdpk.-from-top- {
-webkit-transform: translateY(-8px);
transform: translateY(-8px);
}
.wpcdpk.-from-right- {
-webkit-transform: translateX(8px);
transform: translateX(8px);
}
.wpcdpk.-from-bottom- {
-webkit-transform: translateY(8px);
transform: translateY(8px);
}
.wpcdpk.-from-left- {
-webkit-transform: translateX(-8px);
transform: translateX(-8px);
}
.wpcdpk.active {
opacity: 1;
-webkit-transform: translate(0);
transform: translate(0);
transition: opacity 0.3s ease, left 0s 0s, -webkit-transform 0.3s ease;
transition: opacity 0.3s ease, transform 0.3s ease, left 0s 0s;
transition: opacity 0.3s ease, transform 0.3s ease, left 0s 0s, -webkit-transform 0.3s ease;
}
.wpcdpk-inline .wpcdpk {
border-color: #d7d7d7;
box-shadow: none;
position: static;
left: auto;
right: auto;
opacity: 1;
-webkit-transform: none;
transform: none;
}
.wpcdpk-inline .wpcdpk--pointer {
display: none;
}
.wpcdpk--content {
box-sizing: content-box;
padding: 4px;
}
.-only-timepicker- .wpcdpk--content {
display: none;
}
.wpcdpk--pointer {
position: absolute;
background: #fff;
border-top: 1px solid #dbdbdb;
border-right: 1px solid #dbdbdb;
width: 10px;
height: 10px;
z-index: -1;
}
.-top-left- .wpcdpk--pointer, .-top-center- .wpcdpk--pointer, .-top-right- .wpcdpk--pointer {
top: calc(100% - 4px);
-webkit-transform: rotate(135deg);
transform: rotate(135deg);
}
.-right-top- .wpcdpk--pointer, .-right-center- .wpcdpk--pointer, .-right-bottom- .wpcdpk--pointer {
right: calc(100% - 4px);
-webkit-transform: rotate(225deg);
transform: rotate(225deg);
}
.-bottom-left- .wpcdpk--pointer, .-bottom-center- .wpcdpk--pointer, .-bottom-right- .wpcdpk--pointer {
bottom: calc(100% - 4px);
-webkit-transform: rotate(315deg);
transform: rotate(315deg);
}
.-left-top- .wpcdpk--pointer, .-left-center- .wpcdpk--pointer, .-left-bottom- .wpcdpk--pointer {
left: calc(100% - 4px);
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
.-top-left- .wpcdpk--pointer, .-bottom-left- .wpcdpk--pointer {
left: 10px;
}
.-top-right- .wpcdpk--pointer, .-bottom-right- .wpcdpk--pointer {
right: 10px;
}
.-top-center- .wpcdpk--pointer, .-bottom-center- .wpcdpk--pointer {
left: calc(50% - 10px / 2);
}
.-left-top- .wpcdpk--pointer, .-right-top- .wpcdpk--pointer {
top: 10px;
}
.-left-bottom- .wpcdpk--pointer, .-right-bottom- .wpcdpk--pointer {
bottom: 10px;
}
.-left-center- .wpcdpk--pointer, .-right-center- .wpcdpk--pointer {
top: calc(50% - 10px / 2);
}
.wpcdpk--body {
display: none;
}
.wpcdpk--body.active {
display: block;
}
.wpcdpk--cell-day.-other-month-, .wpcdpk--cell-year.-other-decade- {
color: #dedede;
}
.wpcdpk--cell-day.-other-month-:hover, .wpcdpk--cell-year.-other-decade-:hover {
color: #c5c5c5;
}
.-disabled-.-focus-.wpcdpk--cell-day.-other-month-, .-disabled-.-focus-.wpcdpk--cell-year.-other-decade- {
color: #dedede;
}
.-selected-.wpcdpk--cell-day.-other-month-, .-selected-.wpcdpk--cell-year.-other-decade- {
color: #fff;
background: #a2ddf6;
}
.-selected-.-focus-.wpcdpk--cell-day.-other-month-, .-selected-.-focus-.wpcdpk--cell-year.-other-decade- {
background: #8ad5f4;
}
.-in-range-.wpcdpk--cell-day.-other-month-, .-in-range-.wpcdpk--cell-year.-other-decade- {
background-color: rgba(92, 196, 239, 0.1);
color: #cccccc;
}
.-in-range-.-focus-.wpcdpk--cell-day.-other-month-, .-in-range-.-focus-.wpcdpk--cell-year.-other-decade- {
background-color: rgba(92, 196, 239, 0.2);
}
.wpcdpk--cell-day.-other-month-:empty, .wpcdpk--cell-year.-other-decade-:empty {
background: none;
border: none;
} .wpcdpk--nav {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
border-bottom: 1px solid #efefef;
min-height: 32px;
padding: 4px;
}
.-only-timepicker- .wpcdpk--nav {
display: none;
}
.wpcdpk--nav-title,
.wpcdpk--nav-action {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
cursor: pointer;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
}
.wpcdpk--nav-action {
width: 32px;
border-radius: 4px;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.wpcdpk--nav-action:hover {
background: #f0f0f0;
}
.wpcdpk--nav-action.-disabled- {
visibility: hidden;
}
.wpcdpk--nav-action svg {
width: 32px;
height: 32px;
}
.wpcdpk--nav-action path {
fill: none;
stroke: #9c9c9c;
stroke-width: 2px;
}
.wpcdpk--nav-title {
border-radius: 4px;
padding: 0 8px;
}
.wpcdpk--nav-title i {
font-style: normal;
color: #9c9c9c;
margin-left: 5px;
}
.wpcdpk--nav-title:hover {
background: #f0f0f0;
}
.wpcdpk--nav-title.-disabled- {
cursor: default;
background: none;
}
.wpcdpk--buttons {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
padding: 4px;
border-top: 1px solid #efefef;
}
.wpcdpk--button {
color: #4EB5E6;
cursor: pointer;
border-radius: 4px;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
display: -webkit-inline-flex;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
height: 32px;
}
.wpcdpk--button:hover {
color: #4a4a4a;
background: #f0f0f0;
}
.wpcdpk--cell-day.-other-month-, .wpcdpk--cell-year.-other-decade- {
color: #dedede;
}
.wpcdpk--cell-day.-other-month-:hover, .wpcdpk--cell-year.-other-decade-:hover {
color: #c5c5c5;
}
.-disabled-.-focus-.wpcdpk--cell-day.-other-month-, .-disabled-.-focus-.wpcdpk--cell-year.-other-decade- {
color: #dedede;
}
.-selected-.wpcdpk--cell-day.-other-month-, .-selected-.wpcdpk--cell-year.-other-decade- {
color: #fff;
background: #a2ddf6;
}
.-selected-.-focus-.wpcdpk--cell-day.-other-month-, .-selected-.-focus-.wpcdpk--cell-year.-other-decade- {
background: #8ad5f4;
}
.-in-range-.wpcdpk--cell-day.-other-month-, .-in-range-.wpcdpk--cell-year.-other-decade- {
background-color: rgba(92, 196, 239, 0.1);
color: #cccccc;
}
.-in-range-.-focus-.wpcdpk--cell-day.-other-month-, .-in-range-.-focus-.wpcdpk--cell-year.-other-decade- {
background-color: rgba(92, 196, 239, 0.2);
}
.wpcdpk--cell-day.-other-month-:empty, .wpcdpk--cell-year.-other-decade-:empty {
background: none;
border: none;
} .wpcdpk--time {
border-top: 1px solid #efefef;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
padding: 4px;
position: relative;
}
.wpcdpk--time.-am-pm- .wpcdpk--time-sliders {
-webkit-flex: 0 1 138px;
-ms-flex: 0 1 138px;
flex: 0 1 138px;
max-width: 138px;
}
.-only-timepicker- .wpcdpk--time {
border-top: none;
}
.wpcdpk--time-sliders {
-webkit-flex: 0 1 153px;
-ms-flex: 0 1 153px;
flex: 0 1 153px;
margin-right: 10px;
max-width: 153px;
}
.wpcdpk--time-label {
display: none;
font-size: 12px;
}
.wpcdpk--time-current {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
font-size: 14px;
text-align: center;
margin: 0 0 0 10px;
}
.wpcdpk--time-current-colon {
margin: 0 2px 3px;
line-height: 1;
}
.wpcdpk--time-current-hours,
.wpcdpk--time-current-minutes {
line-height: 1;
font-size: 19px;
font-family: "Century Gothic", CenturyGothic, AppleGothic, sans-serif;
position: relative;
z-index: 1;
}
.wpcdpk--time-current-hours:after,
.wpcdpk--time-current-minutes:after {
content: '';
background: #f0f0f0;
border-radius: 4px;
position: absolute;
left: -2px;
top: -3px;
right: -2px;
bottom: -2px;
z-index: -1;
opacity: 0;
}
.wpcdpk--time-current-hours.-focus-:after,
.wpcdpk--time-current-minutes.-focus-:after {
opacity: 1;
}
.wpcdpk--time-current-ampm {
text-transform: uppercase;
-webkit-align-self: flex-end;
-ms-flex-item-align: end;
align-self: flex-end;
color: #9c9c9c;
margin-left: 6px;
font-size: 11px;
margin-bottom: 1px;
}
.wpcdpk--time-row {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
font-size: 11px;
height: 17px;
background: linear-gradient(to right, #dedede, #dedede) left 50%/100% 1px no-repeat;
}
.wpcdpk--time-row:first-child {
margin-bottom: 4px;
}
.wpcdpk--time-row input[type='range'] {
background: none;
cursor: pointer;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
height: 100%;
padding: 0;
margin: 0;
-webkit-appearance: none;
}
.wpcdpk--time-row input[type='range']::-webkit-slider-thumb {
-webkit-appearance: none;
}
.wpcdpk--time-row input[type='range']::-ms-tooltip {
display: none;
}
.wpcdpk--time-row input[type='range']:hover::-webkit-slider-thumb {
border-color: #b8b8b8;
}
.wpcdpk--time-row input[type='range']:hover::-moz-range-thumb {
border-color: #b8b8b8;
}
.wpcdpk--time-row input[type='range']:hover::-ms-thumb {
border-color: #b8b8b8;
}
.wpcdpk--time-row input[type='range']:focus {
outline: none;
}
.wpcdpk--time-row input[type='range']:focus::-webkit-slider-thumb {
background: #5cc4ef;
border-color: #5cc4ef;
}
.wpcdpk--time-row input[type='range']:focus::-moz-range-thumb {
background: #5cc4ef;
border-color: #5cc4ef;
}
.wpcdpk--time-row input[type='range']:focus::-ms-thumb {
background: #5cc4ef;
border-color: #5cc4ef;
}
.wpcdpk--time-row input[type='range']::-webkit-slider-thumb {
box-sizing: border-box;
height: 12px;
width: 12px;
border-radius: 3px;
border: 1px solid #dedede;
background: #fff;
cursor: pointer;
transition: background .2s;
}
.wpcdpk--time-row input[type='range']::-moz-range-thumb {
box-sizing: border-box;
height: 12px;
width: 12px;
border-radius: 3px;
border: 1px solid #dedede;
background: #fff;
cursor: pointer;
transition: background .2s;
}
.wpcdpk--time-row input[type='range']::-ms-thumb {
box-sizing: border-box;
height: 12px;
width: 12px;
border-radius: 3px;
border: 1px solid #dedede;
background: #fff;
cursor: pointer;
transition: background .2s;
}
.wpcdpk--time-row input[type='range']::-webkit-slider-thumb {
margin-top: -6px;
}
.wpcdpk--time-row input[type='range']::-webkit-slider-runnable-track {
border: none;
height: 1px;
cursor: pointer;
color: transparent;
background: transparent;
}
.wpcdpk--time-row input[type='range']::-moz-range-track {
border: none;
height: 1px;
cursor: pointer;
color: transparent;
background: transparent;
}
.wpcdpk--time-row input[type='range']::-ms-track {
border: none;
height: 1px;
cursor: pointer;
color: transparent;
background: transparent;
}
.wpcdpk--time-row input[type='range']::-ms-fill-lower {
background: transparent;
}
.wpcdpk--time-row input[type='range']::-ms-fill-upper {
background: transparent;
}
.wpcdpk--time-row span {
padding: 0 12px;
}
.wpcdpk--time-icon {
color: #9c9c9c;
border: 1px solid;
border-radius: 50%;
font-size: 16px;
position: relative;
margin: 0 5px -1px 0;
width: 1em;
height: 1em;
}
.wpcdpk--time-icon:after, .wpcdpk--time-icon:before {
content: '';
background: currentColor;
position: absolute;
}
.wpcdpk--time-icon:after {
height: .4em;
width: 1px;
left: calc(50% - 1px);
top: calc(50% + 1px);
-webkit-transform: translateY(-100%);
transform: translateY(-100%);
}
.wpcdpk--time-icon:before {
width: .4em;
height: 1px;
top: calc(50% + 1px);
left: calc(50% - 1px);
}
.wpcdpk--cell-day.-other-month-, .wpcdpk--cell-year.-other-decade- {
color: #dedede;
}
.wpcdpk--cell-day.-other-month-:hover, .wpcdpk--cell-year.-other-decade-:hover {
color: #c5c5c5;
}
.-disabled-.-focus-.wpcdpk--cell-day.-other-month-, .-disabled-.-focus-.wpcdpk--cell-year.-other-decade- {
color: #dedede;
}
.-selected-.wpcdpk--cell-day.-other-month-, .-selected-.wpcdpk--cell-year.-other-decade- {
color: #fff;
background: #a2ddf6;
}
.-selected-.-focus-.wpcdpk--cell-day.-other-month-, .-selected-.-focus-.wpcdpk--cell-year.-other-decade- {
background: #8ad5f4;
}
.-in-range-.wpcdpk--cell-day.-other-month-, .-in-range-.wpcdpk--cell-year.-other-decade- {
background-color: rgba(92, 196, 239, 0.1);
color: #cccccc;
}
.-in-range-.-focus-.wpcdpk--cell-day.-other-month-, .-in-range-.-focus-.wpcdpk--cell-year.-other-decade- {
background-color: rgba(92, 196, 239, 0.2);
}
.wpcdpk--cell-day.-other-month-:empty, .wpcdpk--cell-year.-other-decade-:empty {
background: none;
border: none;
}[class*="hint--"] {
position: relative;
display: inline-block;  }
[class*="hint--"]:before, [class*="hint--"]:after {
position: absolute;
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
visibility: hidden;
opacity: 0;
z-index: 1000000;
pointer-events: none;
-webkit-transition: 0.3s ease;
-moz-transition: 0.3s ease;
transition: 0.3s ease;
-webkit-transition-delay: 0ms;
-moz-transition-delay: 0ms;
transition-delay: 0ms;
}
[class*="hint--"]:hover:before, [class*="hint--"]:hover:after {
visibility: visible;
opacity: 1;
}
[class*="hint--"]:hover:before, [class*="hint--"]:hover:after {
-webkit-transition-delay: 100ms;
-moz-transition-delay: 100ms;
transition-delay: 100ms;
}
[class*="hint--"]:before {
content: '';
position: absolute;
background: transparent;
border: 6px solid transparent;
z-index: 1000001;
}
[class*="hint--"]:after {
background: #383838;
color: white;
padding: 8px 10px;
font-size: 12px;
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
line-height: 12px;
white-space: nowrap;
}
[class*="hint--"][aria-label]:after {
content: attr(aria-label);
}
[class*="hint--"][data-hint]:after {
content: attr(data-hint);
}
[aria-label='']:before, [aria-label='']:after,
[data-hint='']:before,
[data-hint='']:after {
display: none !important;
}  .hint--top-left:before {
border-top-color: #383838;
}
.hint--top-right:before {
border-top-color: #383838;
}
.hint--top:before {
border-top-color: #383838;
}
.hint--bottom-left:before {
border-bottom-color: #383838;
}
.hint--bottom-right:before {
border-bottom-color: #383838;
}
.hint--bottom:before {
border-bottom-color: #383838;
}
.hint--left:before {
border-left-color: #383838;
}
.hint--right:before {
border-right-color: #383838;
} .hint--top:before {
margin-bottom: -11px;
}
.hint--top:before, .hint--top:after {
bottom: 100%;
left: 50%;
}
.hint--top:before {
left: calc(50% - 6px);
}
.hint--top:after {
-webkit-transform: translateX(-50%);
-moz-transform: translateX(-50%);
transform: translateX(-50%);
}
.hint--top:hover:before {
-webkit-transform: translateY(-8px);
-moz-transform: translateY(-8px);
transform: translateY(-8px);
}
.hint--top:hover:after {
-webkit-transform: translateX(-50%) translateY(-8px);
-moz-transform: translateX(-50%) translateY(-8px);
transform: translateX(-50%) translateY(-8px);
} .hint--bottom:before {
margin-top: -11px;
}
.hint--bottom:before, .hint--bottom:after {
top: 100%;
left: 50%;
}
.hint--bottom:before {
left: calc(50% - 6px);
}
.hint--bottom:after {
-webkit-transform: translateX(-50%);
-moz-transform: translateX(-50%);
transform: translateX(-50%);
}
.hint--bottom:hover:before {
-webkit-transform: translateY(8px);
-moz-transform: translateY(8px);
transform: translateY(8px);
}
.hint--bottom:hover:after {
-webkit-transform: translateX(-50%) translateY(8px);
-moz-transform: translateX(-50%) translateY(8px);
transform: translateX(-50%) translateY(8px);
} .hint--right:before {
margin-left: -11px;
margin-bottom: -6px;
}
.hint--right:after {
margin-bottom: -14px;
}
.hint--right:before, .hint--right:after {
left: 100%;
bottom: 50%;
}
.hint--right:hover:before {
-webkit-transform: translateX(8px);
-moz-transform: translateX(8px);
transform: translateX(8px);
}
.hint--right:hover:after {
-webkit-transform: translateX(8px);
-moz-transform: translateX(8px);
transform: translateX(8px);
} .hint--left:before {
margin-right: -11px;
margin-bottom: -6px;
}
.hint--left:after {
margin-bottom: -14px;
}
.hint--left:before, .hint--left:after {
right: 100%;
bottom: 50%;
}
.hint--left:hover:before {
-webkit-transform: translateX(-8px);
-moz-transform: translateX(-8px);
transform: translateX(-8px);
}
.hint--left:hover:after {
-webkit-transform: translateX(-8px);
-moz-transform: translateX(-8px);
transform: translateX(-8px);
} .hint--top-left:before {
margin-bottom: -11px;
}
.hint--top-left:before, .hint--top-left:after {
bottom: 100%;
left: 50%;
}
.hint--top-left:before {
left: calc(50% - 6px);
}
.hint--top-left:after {
-webkit-transform: translateX(-100%);
-moz-transform: translateX(-100%);
transform: translateX(-100%);
}
.hint--top-left:after {
margin-left: 12px;
}
.hint--top-left:hover:before {
-webkit-transform: translateY(-8px);
-moz-transform: translateY(-8px);
transform: translateY(-8px);
}
.hint--top-left:hover:after {
-webkit-transform: translateX(-100%) translateY(-8px);
-moz-transform: translateX(-100%) translateY(-8px);
transform: translateX(-100%) translateY(-8px);
} .hint--top-right:before {
margin-bottom: -11px;
}
.hint--top-right:before, .hint--top-right:after {
bottom: 100%;
left: 50%;
}
.hint--top-right:before {
left: calc(50% - 6px);
}
.hint--top-right:after {
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
transform: translateX(0);
}
.hint--top-right:after {
margin-left: -12px;
}
.hint--top-right:hover:before {
-webkit-transform: translateY(-8px);
-moz-transform: translateY(-8px);
transform: translateY(-8px);
}
.hint--top-right:hover:after {
-webkit-transform: translateY(-8px);
-moz-transform: translateY(-8px);
transform: translateY(-8px);
} .hint--bottom-left:before {
margin-top: -11px;
}
.hint--bottom-left:before, .hint--bottom-left:after {
top: 100%;
left: 50%;
}
.hint--bottom-left:before {
left: calc(50% - 6px);
}
.hint--bottom-left:after {
-webkit-transform: translateX(-100%);
-moz-transform: translateX(-100%);
transform: translateX(-100%);
}
.hint--bottom-left:after {
margin-left: 12px;
}
.hint--bottom-left:hover:before {
-webkit-transform: translateY(8px);
-moz-transform: translateY(8px);
transform: translateY(8px);
}
.hint--bottom-left:hover:after {
-webkit-transform: translateX(-100%) translateY(8px);
-moz-transform: translateX(-100%) translateY(8px);
transform: translateX(-100%) translateY(8px);
} .hint--bottom-right:before {
margin-top: -11px;
}
.hint--bottom-right:before, .hint--bottom-right:after {
top: 100%;
left: 50%;
}
.hint--bottom-right:before {
left: calc(50% - 6px);
}
.hint--bottom-right:after {
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
transform: translateX(0);
}
.hint--bottom-right:after {
margin-left: -12px;
}
.hint--bottom-right:hover:before {
-webkit-transform: translateY(8px);
-moz-transform: translateY(8px);
transform: translateY(8px);
}
.hint--bottom-right:hover:after {
-webkit-transform: translateY(8px);
-moz-transform: translateY(8px);
transform: translateY(8px);
} .hint--small:after,
.hint--medium:after,
.hint--large:after {
white-space: normal;
line-height: 1.4em;
word-wrap: break-word;
}
.hint--small:after {
width: 80px;
}
.hint--medium:after {
width: 150px;
}
.hint--large:after {
width: 300px;
} [class*="hint--"] { }
[class*="hint--"]:after {
text-shadow: 0 -1px 0px black;
box-shadow: 4px 4px 8px rgba(0, 0, 0, 0.3);
}  .hint--error:after {
background-color: #b34e4d;
text-shadow: 0 -1px 0px #592726;
}
.hint--error.hint--top-left:before {
border-top-color: #b34e4d;
}
.hint--error.hint--top-right:before {
border-top-color: #b34e4d;
}
.hint--error.hint--top:before {
border-top-color: #b34e4d;
}
.hint--error.hint--bottom-left:before {
border-bottom-color: #b34e4d;
}
.hint--error.hint--bottom-right:before {
border-bottom-color: #b34e4d;
}
.hint--error.hint--bottom:before {
border-bottom-color: #b34e4d;
}
.hint--error.hint--left:before {
border-left-color: #b34e4d;
}
.hint--error.hint--right:before {
border-right-color: #b34e4d;
} .hint--warning:after {
background-color: #c09854;
text-shadow: 0 -1px 0px #6c5328;
}
.hint--warning.hint--top-left:before {
border-top-color: #c09854;
}
.hint--warning.hint--top-right:before {
border-top-color: #c09854;
}
.hint--warning.hint--top:before {
border-top-color: #c09854;
}
.hint--warning.hint--bottom-left:before {
border-bottom-color: #c09854;
}
.hint--warning.hint--bottom-right:before {
border-bottom-color: #c09854;
}
.hint--warning.hint--bottom:before {
border-bottom-color: #c09854;
}
.hint--warning.hint--left:before {
border-left-color: #c09854;
}
.hint--warning.hint--right:before {
border-right-color: #c09854;
} .hint--info:after {
background-color: #3986ac;
text-shadow: 0 -1px 0px #1a3c4d;
}
.hint--info.hint--top-left:before {
border-top-color: #3986ac;
}
.hint--info.hint--top-right:before {
border-top-color: #3986ac;
}
.hint--info.hint--top:before {
border-top-color: #3986ac;
}
.hint--info.hint--bottom-left:before {
border-bottom-color: #3986ac;
}
.hint--info.hint--bottom-right:before {
border-bottom-color: #3986ac;
}
.hint--info.hint--bottom:before {
border-bottom-color: #3986ac;
}
.hint--info.hint--left:before {
border-left-color: #3986ac;
}
.hint--info.hint--right:before {
border-right-color: #3986ac;
} .hint--success:after {
background-color: #458746;
text-shadow: 0 -1px 0px #1a321a;
}
.hint--success.hint--top-left:before {
border-top-color: #458746;
}
.hint--success.hint--top-right:before {
border-top-color: #458746;
}
.hint--success.hint--top:before {
border-top-color: #458746;
}
.hint--success.hint--bottom-left:before {
border-bottom-color: #458746;
}
.hint--success.hint--bottom-right:before {
border-bottom-color: #458746;
}
.hint--success.hint--bottom:before {
border-bottom-color: #458746;
}
.hint--success.hint--left:before {
border-left-color: #458746;
}
.hint--success.hint--right:before {
border-right-color: #458746;
} .hint--always:after, .hint--always:before {
opacity: 1;
visibility: visible;
}
.hint--always.hint--top:before {
-webkit-transform: translateY(-8px);
-moz-transform: translateY(-8px);
transform: translateY(-8px);
}
.hint--always.hint--top:after {
-webkit-transform: translateX(-50%) translateY(-8px);
-moz-transform: translateX(-50%) translateY(-8px);
transform: translateX(-50%) translateY(-8px);
}
.hint--always.hint--top-left:before {
-webkit-transform: translateY(-8px);
-moz-transform: translateY(-8px);
transform: translateY(-8px);
}
.hint--always.hint--top-left:after {
-webkit-transform: translateX(-100%) translateY(-8px);
-moz-transform: translateX(-100%) translateY(-8px);
transform: translateX(-100%) translateY(-8px);
}
.hint--always.hint--top-right:before {
-webkit-transform: translateY(-8px);
-moz-transform: translateY(-8px);
transform: translateY(-8px);
}
.hint--always.hint--top-right:after {
-webkit-transform: translateY(-8px);
-moz-transform: translateY(-8px);
transform: translateY(-8px);
}
.hint--always.hint--bottom:before {
-webkit-transform: translateY(8px);
-moz-transform: translateY(8px);
transform: translateY(8px);
}
.hint--always.hint--bottom:after {
-webkit-transform: translateX(-50%) translateY(8px);
-moz-transform: translateX(-50%) translateY(8px);
transform: translateX(-50%) translateY(8px);
}
.hint--always.hint--bottom-left:before {
-webkit-transform: translateY(8px);
-moz-transform: translateY(8px);
transform: translateY(8px);
}
.hint--always.hint--bottom-left:after {
-webkit-transform: translateX(-100%) translateY(8px);
-moz-transform: translateX(-100%) translateY(8px);
transform: translateX(-100%) translateY(8px);
}
.hint--always.hint--bottom-right:before {
-webkit-transform: translateY(8px);
-moz-transform: translateY(8px);
transform: translateY(8px);
}
.hint--always.hint--bottom-right:after {
-webkit-transform: translateY(8px);
-moz-transform: translateY(8px);
transform: translateY(8px);
}
.hint--always.hint--left:before {
-webkit-transform: translateX(-8px);
-moz-transform: translateX(-8px);
transform: translateX(-8px);
}
.hint--always.hint--left:after {
-webkit-transform: translateX(-8px);
-moz-transform: translateX(-8px);
transform: translateX(-8px);
}
.hint--always.hint--right:before {
-webkit-transform: translateX(8px);
-moz-transform: translateX(8px);
transform: translateX(8px);
}
.hint--always.hint--right:after {
-webkit-transform: translateX(8px);
-moz-transform: translateX(8px);
transform: translateX(8px);
} .hint--rounded:after {
border-radius: 4px;
} .hint--no-animate:before, .hint--no-animate:after {
-webkit-transition-duration: 0ms;
-moz-transition-duration: 0ms;
transition-duration: 0ms;
}
.hint--bounce:before, .hint--bounce:after {
-webkit-transition: opacity 0.3s ease, visibility 0.3s ease, -webkit-transform 0.3s cubic-bezier(0.71, 1.7, 0.77, 1.24);
-moz-transition: opacity 0.3s ease, visibility 0.3s ease, -moz-transform 0.3s cubic-bezier(0.71, 1.7, 0.77, 1.24);
transition: opacity 0.3s ease, visibility 0.3s ease, transform 0.3s cubic-bezier(0.71, 1.7, 0.77, 1.24);
}

:root {
--wpcpo-error: #e2401c;
}
.wpcpo-wrapper {
display: block;
width: 100%;
clear: both;
}
.wpcpo-total {
margin: 20px 0 40px 0;
padding: 20px 0 0 0;
border-top: 1px solid #eee;
border-bottom: 1px solid #eee;
overflow: hidden;
}
.wpcpo-total ul {
list-style: none;
margin: 0;
}
.wpcpo-total ul li {
display: flex;
justify-content: space-between;
padding: 5px 0;
}
.wpcpo-total ul li.wpcpo-subtotal {
border-top: 1px solid #eee;
padding: 10px 0;
margin-top: 20px;
justify-content: space-between;
}
.wpcpo-total ul li.wpcpo-subtotal.wpcpo-subtotal-0 .wpcpo-clear {
opacity: 0;
appearance: none;
}
.wpcpo-total ul li.wpcpo-subtotal .amount {
margin-left: 10px;
font-weight: 700;
}
.wpcpo-disabled {
opacity: 0.5 !important;
pointer-events: none !important;
cursor: not-allowed !important;
}
.wpcpo-option.wpcpo-has-error label {
color: var(--wpcpo-error);
}
.wpcpo-option.wpcpo-has-error .wpcpo-option-field {
border-color: var(--wpcpo-error);
}
.wpcpo-option.wpcpo-option-image-radio .form-row {
display: flex;
flex-wrap: wrap;
margin-left: -5px;
margin-right: -5px;
}
.wpcpo-option.wpcpo-option-image-radio .form-row .field-image-radio, .wpcpo-option.wpcpo-option-image-radio .form-row .field-radio {
display: none;
}
.wpcpo-option.wpcpo-option-image-radio .form-row input[type=radio]:checked + label {
border: 1px solid green;
}
.wpcpo-option.wpcpo-option-image-radio .form-row input[type=radio]:checked + label:before {
content: "✓";
color: #ffffff;
display: block;
width: 24px;
height: 24px;
line-height: 20px;
background-color: green;
text-align: center;
font-size: 14px;
border-radius: 24px;
border-width: 2px;
border-style: solid;
border-color: #ffffff;
border-image: initial;
box-sizing: border-box;
position: absolute;
top: -10px;
right: -10px;
}
.wpcpo-option.wpcpo-option-image-radio .form-row label {
width: 25%;
text-align: center;
padding: 10px;
margin: 5px;
border: 1px solid #dddddd;
box-sizing: border-box;
cursor: pointer;
position: relative;
}
.wpcpo-option.wpcpo-option-image-radio .form-row label img {
display: inline-block;
}
.wpcpo-option.wpcpo-option-image-checkbox .form-row {
display: flex;
flex-wrap: wrap;
margin-left: -5px;
margin-right: -5px;
}
.wpcpo-option.wpcpo-option-image-checkbox .form-row .field-image-checkbox, .wpcpo-option.wpcpo-option-image-checkbox .form-row .field-checkbox {
display: none;
}
.wpcpo-option.wpcpo-option-image-checkbox .form-row input[type=checkbox]:checked + label {
border: 1px solid green;
}
.wpcpo-option.wpcpo-option-image-checkbox .form-row input[type=checkbox]:checked + label:before {
content: "✓";
color: #ffffff;
display: block;
width: 24px;
height: 24px;
line-height: 20px;
background-color: green;
text-align: center;
font-size: 14px;
border-radius: 0;
border-width: 2px;
border-style: solid;
border-color: #ffffff;
border-image: initial;
box-sizing: border-box;
position: absolute;
top: -10px;
right: -10px;
}
.wpcpo-option.wpcpo-option-image-checkbox .form-row label {
width: 25%;
text-align: center;
padding: 10px;
margin: 5px;
border: 1px solid #dddddd;
box-sizing: border-box;
cursor: pointer;
position: relative;
}
.wpcpo-option.wpcpo-option-image-checkbox .form-row label img {
display: inline-block;
}
.wpcpo-option.wpcpo-option-color-radio .form-row {
display: flex;
flex-wrap: wrap;
margin-left: -5px;
margin-right: -5px;
}
.wpcpo-option.wpcpo-option-color-radio .form-row .field-color-radio, .wpcpo-option.wpcpo-option-color-radio .form-row .field-radio {
display: none;
}
.wpcpo-option.wpcpo-option-color-radio .form-row input[type=radio]:checked + label {
border: 1px solid green;
}
.wpcpo-option.wpcpo-option-color-radio .form-row input[type=radio]:checked + label:before {
content: "✓";
color: #ffffff;
display: block;
width: 24px;
height: 24px;
line-height: 20px;
background-color: green;
text-align: center;
font-size: 14px;
border-radius: 50%;
border-width: 2px;
border-style: solid;
border-color: #ffffff;
border-image: initial;
box-sizing: border-box;
position: absolute;
top: -10px;
right: -10px;
}
.wpcpo-option.wpcpo-option-color-radio .form-row label {
width: 25%;
text-align: center;
padding: 10px 5px;
margin: 5px;
border: 1px solid #dddddd;
box-sizing: border-box;
cursor: pointer;
display: flex;
align-items: center;
position: relative;
}
.wpcpo-option.wpcpo-option-color-radio .form-row label > * {
margin: 0 5px;
}
.wpcpo-option.wpcpo-option-color-radio .form-row label .label-color {
display: inline-block;
width: 32px;
height: 32px;
flex: 0 0 32px;
}
.wpcpo-option.wpcpo-option-color-checkbox .form-row {
display: flex;
flex-wrap: wrap;
margin-left: -5px;
margin-right: -5px;
}
.wpcpo-option.wpcpo-option-color-checkbox .form-row .field-color-checkbox, .wpcpo-option.wpcpo-option-color-checkbox .form-row .field-checkbox {
display: none;
}
.wpcpo-option.wpcpo-option-color-checkbox .form-row input[type=checkbox]:checked + label {
border: 1px solid green;
}
.wpcpo-option.wpcpo-option-color-checkbox .form-row input[type=checkbox]:checked + label:before {
content: "✓";
color: #ffffff;
display: block;
width: 24px;
height: 24px;
line-height: 20px;
background-color: green;
text-align: center;
font-size: 14px;
border-radius: 0;
border-width: 2px;
border-style: solid;
border-color: #ffffff;
border-image: initial;
box-sizing: border-box;
position: absolute;
top: -10px;
right: -10px;
}
.wpcpo-option.wpcpo-option-color-checkbox .form-row label {
width: 25%;
text-align: center;
padding: 10px 5px;
margin: 5px;
border: 1px solid #dddddd;
box-sizing: border-box;
cursor: pointer;
display: flex;
align-items: center;
position: relative;
}
.wpcpo-option.wpcpo-option-color-checkbox .form-row label > * {
margin: 0 5px;
}
.wpcpo-option.wpcpo-option-color-checkbox .form-row label .label-color {
display: inline-block;
width: 32px;
height: 32px;
flex: 0 0 32px;
}
.wpcpo-option.wpcpo-option-quantity .quantity {
float: none !important;
}
.wpcpo-option.wpcpo-option-dimensions .wpcpo-dimensions {
display: flex;
align-items: center;
justify-content: space-between;
}
.wpcpo-option[data-logic=show] {
display: none;
}
form.cart [name=wpcpo-hidden-quantity] {
display: none !important;
}
.wp-picker-container .button {
border-radius: 2px;
}
.wp-picker-container .button:before, .wp-picker-container .button:after {
display: none !important;
}
.wp-picker-container .button.wp-picker-clear {
font-size: 11px;
line-height: 1;
}
.box-color-picker {
display: inline-block;
width: 20px;
height: 20px;
vertical-align: middle;
}
.box-image-radio, .box-image-checkbox {
display: inline-block;
width: 40px;
vertical-align: middle;
}
.box-image-radio img, .box-image-checkbox img {
width: 100%;
height: auto;
} .wpcpo-tippy-inner {
padding: 5px 1px;
display: flex;
flex-direction: column;
text-align: center;
align-items: center;
justify-content: center;
}
.wpcpo-tippy-inner .wpcpo-tippy-label {
font-weight: 700;
}
.wpcpo-tippy-inner > span {
margin-bottom: 5px;
}
.wpcpo-tippy-inner > span:last-child {
margin-bottom: 0;
}
.wpcpo-tippy-inner .wpcpo-tippy-image {
display: block;
width: 100%;
min-width: 150px;
max-width: 600px;
}
.wpcpo-tippy-inner .wpcpo-tippy-image img {
width: 100%;
height: auto;
border-radius: 3px;
margin: 0 !important;
padding: 0 !important;
} .wpcpo-file-name {
display: inline-block;
font-size: 13px;
color: #888888;
margin-left: 10px;
font-weight: normal;
vertical-align: middle;
word-break: break-all;
}
.wpcpo-file-name:empty {
display: none;
}.wp-color-picker{width:80px;direction:ltr}.wp-picker-container .hidden{display:none}.wp-picker-container .wp-color-result.button{min-height:32px;margin:0 6px 6px 0;padding:0 0 0 30px;font-size:11px}.wp-color-result-text{background:#f6f7f7;border-radius:0 2px 2px 0;border-left:1px solid #c3c4c7;color:#50575e;display:block;line-height:2.72727273;padding:0 6px;text-align:center}.wp-color-result:focus,.wp-color-result:hover{background:#f6f7f7;border-color:#8c8f94;color:#1d2327}.wp-color-result:focus:after,.wp-color-result:hover:after{color:#1d2327;border-color:#a7aaad;border-left:1px solid #8c8f94}.wp-picker-container{display:inline-block}.wp-color-result:focus{border-color:#4f94d4;box-shadow:0 0 3px rgba(34,113,177,.8)}.wp-color-result:active{transform:none!important}.wp-picker-open+.wp-picker-input-wrap{display:inline-block;vertical-align:top}.wp-picker-input-wrap label{display:inline-block;vertical-align:top}.form-table .wp-picker-input-wrap label{margin:0!important}.wp-customizer .wp-picker-input-wrap .button.wp-picker-clear,.wp-customizer .wp-picker-input-wrap .button.wp-picker-default,.wp-picker-input-wrap .button.wp-picker-clear,.wp-picker-input-wrap .button.wp-picker-default{margin-left:6px;padding:0 8px;line-height:2.72727273;min-height:32px}.wp-picker-container .iris-square-slider .ui-slider-handle:focus{background-color:#50575e}.wp-picker-container .iris-picker{border-radius:0;border-color:#dcdcde;margin-top:6px}.wp-picker-container input[type=text].wp-color-picker{width:4rem;font-size:12px;font-family:monospace;margin:0;padding:0 5px;vertical-align:top;min-height:32px}.wp-color-picker::-webkit-input-placeholder{color:#646970}.wp-color-picker::-moz-placeholder{color:#646970}.wp-picker-container input[type=text].iris-error{background-color:#fcf0f1;border-color:#d63638;color:#000}.iris-picker .iris-strip .ui-slider-handle:focus,.iris-picker .ui-square-handle:focus{border-color:var(--wp-admin-theme-color,#3858e9);border-style:solid;box-shadow:0 0 0 var(--wp-admin-border-width-focus,1.5px) var(--wp-admin-theme-color,#3858e9);outline:2px solid transparent}.iris-picker .iris-palette:focus{box-shadow:0 0 0 var(--wp-admin-border-width-focus,1.5px) var(--wp-admin-theme-color,#3858e9)}@media screen and (max-width:782px){.wp-picker-container input[type=text].wp-color-picker{width:5rem;font-size:16px;line-height:1.875;min-height:32px}.wp-customizer .wp-picker-container input[type=text].wp-color-picker{padding:0 5px}.wp-picker-input-wrap .button.wp-picker-clear,.wp-picker-input-wrap .button.wp-picker-default{padding:0 8px;line-height:2.14285714;min-height:32px}.wp-customizer .wp-picker-input-wrap .button.wp-picker-clear,.wp-customizer .wp-picker-input-wrap .button.wp-picker-default{padding:0 8px;font-size:14px;line-height:2.14285714;min-height:32px}.wp-picker-container .wp-color-result.button{padding:0 0 0 40px;font-size:14px;line-height:2.14285714}.wp-customizer .wp-picker-container .wp-color-result.button{font-size:14px;line-height:2.14285714}.wp-picker-container .wp-color-result-text{padding:0 14px;font-size:inherit;line-height:inherit}.wp-customizer .wp-picker-container .wp-color-result-text{padding:0 10px}}