|
|
|
|
|
<!DOCTYPE html>
|
|
|
|
|
|
<!-- saved from url=(0014)about:internet -->
|
|
|
|
|
|
<html lang="zh-Hans" class="js" itemscope="" itemtype="https://schema.org/WebPage"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<title>GuiLinTraveler – Chase Spring Around the World</title><style type="text/css">svg:not(:root).svg-inline--fa{overflow:visible}.svg-inline--fa{display:inline-block;font-size:inherit;height:1em;overflow:visible;vertical-align:-.125em}.svg-inline--fa.fa-lg{vertical-align:-.225em}.svg-inline--fa.fa-w-1{width:.0625em}.svg-inline--fa.fa-w-2{width:.125em}.svg-inline--fa.fa-w-3{width:.1875em}.svg-inline--fa.fa-w-4{width:.25em}.svg-inline--fa.fa-w-5{width:.3125em}.svg-inline--fa.fa-w-6{width:.375em}.svg-inline--fa.fa-w-7{width:.4375em}.svg-inline--fa.fa-w-8{width:.5em}.svg-inline--fa.fa-w-9{width:.5625em}.svg-inline--fa.fa-w-10{width:.625em}.svg-inline--fa.fa-w-11{width:.6875em}.svg-inline--fa.fa-w-12{width:.75em}.svg-inline--fa.fa-w-13{width:.8125em}.svg-inline--fa.fa-w-14{width:.875em}.svg-inline--fa.fa-w-15{width:.9375em}.svg-inline--fa.fa-w-16{width:1em}.svg-inline--fa.fa-w-17{width:1.0625em}.svg-inline--fa.fa-w-18{width:1.125em}.svg-inline--fa.fa-w-19{width:1.1875em}.svg-inline--fa.fa-w-20{width:1.25em}.svg-inline--fa.fa-pull-left{margin-right:.3em;width:auto}.svg-inline--fa.fa-pull-right{margin-left:.3em;width:auto}.svg-inline--fa.fa-border{height:1.5em}.svg-inline--fa.fa-li{width:2em}.svg-inline--fa.fa-fw{width:1.25em}.fa-layers svg.svg-inline--fa{bottom:0;left:0;margin:auto;position:absolute;right:0;top:0}.fa-layers{display:inline-block;height:1em;position:relative;text-align:center;vertical-align:-.125em;width:1em}.fa-layers svg.svg-inline--fa{-webkit-transform-origin:center center;transform-origin:center center}.fa-layers-counter,.fa-layers-text{display:inline-block;position:absolute;text-align:center}.fa-layers-text{left:50%;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);-webkit-transform-origin:center center;transform-origin:center center}.fa-layers-counter{background-color:#ff253a;border-radius:1em;-webkit-box-sizing:border-box;box-sizing:border-box;color:#fff;height:1.5em;line-height:1;max-width:5em;min-width:1.5em;overflow:hidden;padding:.25em;right:0;text-overflow:ellipsis;top:0;-webkit-transform:scale(.25);transform:scale(.25);-webkit-transform-origin:top right;transform-origin:top right}.fa-layers-bottom-right{bottom:0;right:0;top:auto;-webkit-transform:scale(.25);transform:scale(.25);-webkit-transform-origin:bottom right;transform-origin:bottom right}.fa-layers-bottom-left{bottom:0;left:0;right:auto;top:auto;-webkit-transform:scale(.25);transform:scale(.25);-webkit-transform-origin:bottom left;transform-origin:bottom left}.fa-layers-top-right{right:0;top:0;-webkit-transform:scale(.25);transform:scale(.25);-webkit-transform-origin:top right;transform-origin:top right}.fa-layers-top-left{left:0;right:auto;top:0;-webkit-transform:scale(.25);transform:scale(.25);-webkit-transform-origin:top left;transform-origin:top left}.fa-lg{font-size:1.3333333333em;line-height:.75em;vertical-align:-.0667em}.fa-xs{font-size:.75em}.fa-sm{font-size:.875em}.fa-1x{font-size:1em}.fa-2x{font-size:2em}.fa-3x{font-size:3em}.fa-4x{font-size:4em}.fa-5x{font-size:5em}.fa-6x{font-size:6em}.fa-7x{font-size:7em}.fa-8x{font-size:8em}.fa-9x{font-size:9em}.fa-10x{font-size:10em}.fa-fw{text-align:center;width:1.25em}.fa-ul{list-style-type:none;margin-left:2.5em;padding-left:0}.fa-ul>li{position:relative}.fa-li{left:-2em;position:absolute;text-align:center;width:2em;line-height:inherit}.fa-border{border:solid .08em #eee;border-radius:.1em;padding:.2em .25em .15em}.fa-pull-left{float:left}.fa-pull-right{float:right}.fa.fa-pull-left,.fab.fa-pull-left,.fal.fa-pull-left,.far.fa-pull-left,.fas.fa-pull-left{margin-right:.3em}.fa.fa-pull-right,.fab.fa-pull-right,.fal.fa-pull-right,.far.fa-pull-right,.fas.fa-pull-right{margin-left:.3em}.fa-spin{-webkit-animation:fa-spin 2s infinite linear;animation:fa-spin 2s infinite linear}.fa-pulse{-webkit-animation:fa-spin 1s infinite steps(8);animation:fa-spin 1s infinite steps(8)}@-webkit-keyframes fa-spin{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes fa-spin{0%{-webkit-transform:rotate(0);transform
|
|
|
|
|
|
<meta name="robots" content="max-image-preview:large">
|
|
|
|
|
|
<style>img:is([sizes="auto" i], [sizes^="auto," i]) { contain-intrinsic-size: 3000px 1500px }</style>
|
|
|
|
|
|
<meta name="description" content="Chase Spring Around the World">
|
|
|
|
|
|
<link rel="alternate" hreflang="zh-CN" href="https://43.165.4.202/">
|
|
|
|
|
|
<meta name="format-detection" content="telephone=no">
|
|
|
|
|
|
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
|
|
|
|
|
|
<meta name="theme-color" content="#ffffff" media="(prefers-color-scheme: light)">
|
|
|
|
|
|
<meta name="theme-color" content="#ffffff" media="(prefers-color-scheme: dark)">
|
|
|
|
|
|
<link rel="dns-prefetch" href="https://springtraveler.com/">
|
|
|
|
|
|
<link rel="dns-prefetch" href="https://fonts.googleapis.com/">
|
|
|
|
|
|
<link rel="alternate" type="application/rss+xml" title="GuiLinTraveler » Feed" href="https://springtraveler.com/feed/">
|
|
|
|
|
|
<link rel="alternate" type="application/rss+xml" title="GuiLinTraveler » 评论 Feed" href="https://springtraveler.com/comments/feed/">
|
|
|
|
|
|
<link rel="alternate" type="application/rss+xml" title="GuiLinTraveler » Home 评论 Feed" href="https://springtraveler.com/sample-page/feed/">
|
|
|
|
|
|
<script type="text/javascript">
|
|
|
|
|
|
/* <![CDATA[ */
|
|
|
|
|
|
window._wpemojiSettings = {"baseUrl":"https:\/\/s.w.org\/images\/core\/emoji\/15.0.3\/72x72\/","ext":".png","svgUrl":"https:\/\/s.w.org\/images\/core\/emoji\/15.0.3\/svg\/","svgExt":".svg","source":{"concatemoji":"https:\/\/springtraveler.com\/wp-includes\/js\/wp-emoji-release.min.js?ver=6.7.2"}};
|
|
|
|
|
|
/*! This file is auto-generated */
|
|
|
|
|
|
!function(i,n){var o,s,e;function c(e){try{var t={supportTests:e,timestamp:(new Date).valueOf()};sessionStorage.setItem(o,JSON.stringify(t))}catch(e){}}function p(e,t,n){e.clearRect(0,0,e.canvas.width,e.canvas.height),e.fillText(t,0,0);var t=new Uint32Array(e.getImageData(0,0,e.canvas.width,e.canvas.height).data),r=(e.clearRect(0,0,e.canvas.width,e.canvas.height),e.fillText(n,0,0),new Uint32Array(e.getImageData(0,0,e.canvas.width,e.canvas.height).data));return t.every(function(e,t){return e===r[t]})}function u(e,t,n){switch(t){case"flag":return n(e,"\ud83c\udff3\ufe0f\u200d\u26a7\ufe0f","\ud83c\udff3\ufe0f\u200b\u26a7\ufe0f")?!1:!n(e,"\ud83c\uddfa\ud83c\uddf3","\ud83c\uddfa\u200b\ud83c\uddf3")&&!n(e,"\ud83c\udff4\udb40\udc67\udb40\udc62\udb40\udc65\udb40\udc6e\udb40\udc67\udb40\udc7f","\ud83c\udff4\u200b\udb40\udc67\u200b\udb40\udc62\u200b\udb40\udc65\u200b\udb40\udc6e\u200b\udb40\udc67\u200b\udb40\udc7f");case"emoji":return!n(e,"\ud83d\udc26\u200d\u2b1b","\ud83d\udc26\u200b\u2b1b")}return!1}function f(e,t,n){var r="undefined"!=typeof WorkerGlobalScope&&self instanceof WorkerGlobalScope?new OffscreenCanvas(300,150):i.createElement("canvas"),a=r.getContext("2d",{willReadFrequently:!0}),o=(a.textBaseline="top",a.font="600 32px Arial",{});return e.forEach(function(e){o[e]=t(a,e,n)}),o}function t(e){var t=i.createElement("script");t.src=e,t.defer=!0,i.head.appendChild(t)}"undefined"!=typeof Promise&&(o="wpEmojiSettingsSupports",s=["flag","emoji"],n.supports={everything:!0,everythingExceptFlag:!0},e=new Promise(function(e){i.addEventListener("DOMContentLoaded",e,{once:!0})}),new Promise(function(t){var n=function(){try{var e=JSON.parse(sessionStorage.getItem(o));if("object"==typeof e&&"number"==typeof e.timestamp&&(new Date).valueOf()<e.timestamp+604800&&"object"==typeof e.supportTests)return e.supportTests}catch(e){}return null}();if(!n){if("undefined"!=typeof Worker&&"undefined"!=typeof OffscreenCanvas&&"undefined"!=typeof URL&&URL.createObjectURL&&"undefined"!=typeof Blob)try{var e="postMessage("+f.toString()+"("+[JSON.stringify(s),u.toString(),p.toString()].join(",")+"));",r=new Blob([e],{type:"text/javascript"}),a=new Worker(URL.createObjectURL(r),{name:"wpTestEmojiSupports"});return void(a.onmessage=function(e){c(n=e.data),a.terminate(),t(n)})}catch(e){}c(n=f(s,u,p))}t(n)}).then(function(e){for(var t in e)n.supports[t]=e[t],n.supports.everything=n.supports.everything&&n.supports[t],"flag"!==t&&(n.supports.everythingExceptFlag=n.supports.everythingExceptFlag&&n.supports[t]);n.supports.everythingExceptFlag=n.supports.everythingExceptFlag&&!n.supports.flag,n.DOMReady=!1,n.readyCallback=function(){n.DOMReady=!0}}).then(function(){return e}).then(function(){var e;n.supports.everything||(n.readyCallback(),(e=n.source||{}).concatemoji?t(e.concatemoji):e.wpemoji&&e.twemoji&&(t(e.twemoji),t(e.wpemoji)))}))}((window,document),window._wpemojiSettings);
|
|
|
|
|
|
/* ]]> */
|
|
|
|
|
|
</script>
|
|
|
|
|
|
<link data-minify="1" rel="stylesheet" id="ht_ctc_main_css-css" href="./GuiLinTraveler – Chase Spring Around the World_files/main.css" type="text/css" media="all">
|
|
|
|
|
|
<style id="wp-emoji-styles-inline-css" type="text/css">
|
|
|
|
|
|
|
|
|
|
|
|
img.wp-smiley, img.emoji {
|
|
|
|
|
|
display: inline !important;
|
|
|
|
|
|
border: none !important;
|
|
|
|
|
|
box-shadow: none !important;
|
|
|
|
|
|
height: 1em !important;
|
|
|
|
|
|
width: 1em !important;
|
|
|
|
|
|
margin: 0 0.07em !important;
|
|
|
|
|
|
vertical-align: -0.1em !important;
|
|
|
|
|
|
background: none !important;
|
|
|
|
|
|
padding: 0 !important;
|
|
|
|
|
|
}
|
|
|
|
|
|
</style>
|
|
|
|
|
|
<link rel="stylesheet" id="wp-block-library-css" href="./GuiLinTraveler – Chase Spring Around the World_files/style.min.css" type="text/css" media="all">
|
|
|
|
|
|
<style id="filebird-block-filebird-gallery-style-inline-css" type="text/css">
|
|
|
|
|
|
ul.filebird-block-filebird-gallery{margin:auto!important;padding:0!important;width:100%}ul.filebird-block-filebird-gallery.layout-grid{display:grid;grid-gap:20px;align-items:stretch;grid-template-columns:repeat(var(--columns),1fr);justify-items:stretch}ul.filebird-block-filebird-gallery.layout-grid li img{border:1px solid #ccc;box-shadow:2px 2px 6px 0 rgba(0,0,0,.3);height:100%;max-width:100%;-o-object-fit:cover;object-fit:cover;width:100%}ul.filebird-block-filebird-gallery.layout-masonry{-moz-column-count:var(--columns);-moz-column-gap:var(--space);column-gap:var(--space);-moz-column-width:var(--min-width);columns:var(--min-width) var(--columns);display:block;overflow:auto}ul.filebird-block-filebird-gallery.layout-masonry li{margin-bottom:var(--space)}ul.filebird-block-filebird-gallery li{list-style:none}ul.filebird-block-filebird-gallery li figure{height:100%;margin:0;padding:0;position:relative;width:100%}ul.filebird-block-filebird-gallery li figure figcaption{background:linear-gradient(0deg,rgba(0,0,0,.7),rgba(0,0,0,.3) 70%,transparent);bottom:0;box-sizing:border-box;color:#fff;font-size:.8em;margin:0;max-height:100%;overflow:auto;padding:3em .77em .7em;position:absolute;text-align:center;width:100%;z-index:2}ul.filebird-block-filebird-gallery li figure figcaption a{color:inherit}
|
|
|
|
|
|
|
|
|
|
|
|
</style>
|
|
|
|
|
|
<style id="classic-theme-styles-inline-css" type="text/css">
|
|
|
|
|
|
/*! This file is auto-generated */
|
|
|
|
|
|
.wp-block-button__link{color:#fff;background-color:#32373c;border-radius:9999px;box-shadow:none;text-decoration:none;padding:calc(.667em + 2px) calc(1.333em + 2px);font-size:1.125em}.wp-block-file__button{background:#32373c;color:#fff;text-decoration:none}
|
|
|
|
|
|
</style>
|
|
|
|
|
|
<style id="global-styles-inline-css" type="text/css">
|
|
|
|
|
|
:root{--wp--preset--aspect-ratio--square: 1;--wp--preset--aspect-ratio--4-3: 4/3;--wp--preset--aspect-ratio--3-4: 3/4;--wp--preset--aspect-ratio--3-2: 3/2;--wp--preset--aspect-ratio--2-3: 2/3;--wp--preset--aspect-ratio--16-9: 16/9;--wp--preset--aspect-ratio--9-16: 9/16;--wp--preset--color--black: #000000;--wp--preset--color--cyan-bluish-gray: #abb8c3;--wp--preset--color--white: #ffffff;--wp--preset--color--pale-pink: #f78da7;--wp--preset--color--vivid-red: #cf2e2e;--wp--preset--color--luminous-vivid-orange: #ff6900;--wp--preset--color--luminous-vivid-amber: #fcb900;--wp--preset--color--light-green-cyan: #7bdcb5;--wp--preset--color--vivid-green-cyan: #00d084;--wp--preset--color--pale-cyan-blue: #8ed1fc;--wp--preset--color--vivid-cyan-blue: #0693e3;--wp--preset--color--vivid-purple: #9b51e0;--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple: linear-gradient(135deg,rgba(6,147,227,1) 0%,rgb(155,81,224) 100%);--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan: linear-gradient(135deg,rgb(122,220,180) 0%,rgb(0,208,130) 100%);--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange: linear-gradient(135deg,rgba(252,185,0,1) 0%,rgba(255,105,0,1) 100%);--wp--preset--gradient--luminous-vivid-orange-to-vivid-red: linear-gradient(135deg,rgba(255,105,0,1) 0%,rgb(207,46,46) 100%);--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray: linear-gradient(135deg,rgb(238,238,238) 0%,rgb(169,184,195) 100%);--wp--preset--gradient--cool-to-warm-spectrum: linear-gradient(135deg,rgb(74,234,220) 0%,rgb(151,120,209) 20%,rgb(207,42,186) 40%,rgb(238,44,130) 60%,rgb(251,105,98) 80%,rgb(254,248,76) 100%);--wp--preset--gradient--blush-light-purple: linear-gradient(135deg,rgb(255,206,236) 0%,rgb(152,150,240) 100%);--wp--preset--gradient--blush-bordeaux: linear-gradient(135deg,rgb(254,205,165) 0%,rgb(254,45,45) 50%,rgb(107,0,62) 100%);--wp--preset--gradient--luminous-dusk: linear-gradient(135deg,rgb(255,203,112) 0%,rgb(199,81,192) 50%,rgb(65,88,208) 100%);--wp--preset--gradient--pale-ocean: linear-gradient(135deg,rgb(255,245,203) 0%,rgb(182,227,212) 50%,rgb(51,167,181) 100%);--wp--preset--gradient--electric-grass: linear-gradient(135deg,rgb(202,248,128) 0%,rgb(113,206,126) 100%);--wp--preset--gradient--midnight: linear-gradient(135deg,rgb(2,3,129) 0%,rgb(40,116,252) 100%);--wp--preset--font-size--small: 13px;--wp--preset--font-size--medium: 20px;--wp--preset--font-size--large: 36px;--wp--preset--font-size--x-large: 42px;--wp--preset--font-family--inter: "Inter", sans-serif;--wp--preset--font-family--cardo: Cardo;--wp--preset--spacing--20: 0.44rem;--wp--preset--spacing--30: 0.67rem;--wp--preset--spacing--40: 1rem;--wp--preset--spacing--50: 1.5rem;--wp--preset--spacing--60: 2.25rem;--wp--preset--spacing--70: 3.38rem;--wp--preset--spacing--80: 5.06rem;--wp--preset--shadow--natural: 6px 6px 9px rgba(0, 0, 0, 0.2);--wp--preset--shadow--deep: 12px 12px 50px rgba(0, 0, 0, 0.4);--wp--preset--shadow--sharp: 6px 6px 0px rgba(0, 0, 0, 0.2);--wp--preset--shadow--outlined: 6px 6px 0px -3px rgba(255, 255, 255, 1), 6px 6px rgba(0, 0, 0, 1);--wp--preset--shadow--crisp: 6px 6px 0px rgba(0, 0, 0, 1);}:where(.is-layout-flex){gap: 0.5em;}:where(.is-layout-grid){gap: 0.5em;}body .is-layout-flex{display: flex;}.is-layout-flex{flex-wrap: wrap;align-items: center;}.is-layout-flex > :is(*, div){margin: 0;}body .is-layout-grid{display: grid;}.is-layout-grid > :is(*, div){margin: 0;}:where(.wp-block-columns.is-layout-flex){gap: 2em;}:where(.wp-block-columns.is-layout-grid){gap: 2em;}:where(.wp-block-post-template.is-layout-flex){gap: 1.25em;}:where(.wp-block-post-template.is-layout-grid){gap: 1.25em;}.has-black-color{color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-color{color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-color{color: var(--wp--preset--color--white) !important;}.has-pale-pink-color{color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-color{color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-color{color: var(--wp--preset--color--luminous-vivid
|
|
|
|
|
|
:where(.wp-block-post-template.is-layout-flex){gap: 1.25em;}:where(.wp-block-post-template.is-layout-grid){gap: 1.25em;}
|
|
|
|
|
|
:where(.wp-block-columns.is-layout-flex){gap: 2em;}:where(.wp-block-columns.is-layout-grid){gap: 2em;}
|
|
|
|
|
|
:root :where(.wp-block-pullquote){font-size: 1.5em;line-height: 1.6;}
|
|
|
|
|
|
</style>
|
|
|
|
|
|
<link data-minify="1" rel="stylesheet" as="style" onload="this.onload=null;this.rel='stylesheet'" id="wp-travel-engine-css" href="./GuiLinTraveler – Chase Spring Around the World_files/wte-public.css" type="text/css" media="all">
|
|
|
|
|
|
<link rel="stylesheet" id="travel-booking-toolkit-css" href="./GuiLinTraveler – Chase Spring Around the World_files/travel-booking-toolkit-public.min.css" type="text/css" media="all">
|
|
|
|
|
|
<link data-minify="1" rel="stylesheet" id="woocommerce-layout-css" href="./GuiLinTraveler – Chase Spring Around the World_files/woocommerce-layout.css" type="text/css" media="all">
|
|
|
|
|
|
<style id="woocommerce-layout-inline-css" type="text/css">
|
|
|
|
|
|
|
|
|
|
|
|
.infinite-scroll .woocommerce-pagination {
|
|
|
|
|
|
display: none;
|
|
|
|
|
|
}
|
|
|
|
|
|
</style>
|
|
|
|
|
|
<link data-minify="1" rel="stylesheet" id="woocommerce-smallscreen-css" href="./GuiLinTraveler – Chase Spring Around the World_files/woocommerce-smallscreen.css" type="text/css" media="only screen and (max-width: 768px)">
|
|
|
|
|
|
<link data-minify="1" rel="stylesheet" id="woocommerce-general-css" href="./GuiLinTraveler – Chase Spring Around the World_files/woocommerce.css" type="text/css" media="all">
|
|
|
|
|
|
<style id="woocommerce-inline-inline-css" type="text/css">
|
|
|
|
|
|
.woocommerce form .form-row .required { visibility: visible; }
|
|
|
|
|
|
</style>
|
|
|
|
|
|
<link data-minify="1" rel="stylesheet" id="brands-styles-css" href="./GuiLinTraveler – Chase Spring Around the World_files/brands.css" type="text/css" media="all">
|
|
|
|
|
|
<link data-minify="1" rel="stylesheet" id="mfn-be-css" href="./GuiLinTraveler – Chase Spring Around the World_files/be.css" type="text/css" media="all">
|
|
|
|
|
|
<link rel="stylesheet" id="mfn-animations-css" href="./GuiLinTraveler – Chase Spring Around the World_files/animations.min.css" type="text/css" media="all">
|
|
|
|
|
|
<link data-minify="1" rel="stylesheet" id="mfn-font-awesome-css" href="./GuiLinTraveler – Chase Spring Around the World_files/fontawesome.css" type="text/css" media="all">
|
|
|
|
|
|
<link rel="stylesheet" id="mfn-jplayer-css" href="./GuiLinTraveler – Chase Spring Around the World_files/jplayer.blue.monday.min.css" type="text/css" media="all">
|
|
|
|
|
|
<link data-minify="1" rel="stylesheet" id="mfn-responsive-css" href="./GuiLinTraveler – Chase Spring Around the World_files/responsive.css" type="text/css" media="all">
|
|
|
|
|
|
<link rel="stylesheet" id="mfn-fonts-css" href="./GuiLinTraveler – Chase Spring Around the World_files/css" type="text/css" media="all">
|
|
|
|
|
|
<link data-minify="1" rel="stylesheet" id="mfn-woo-css" href="./GuiLinTraveler – Chase Spring Around the World_files/woocommerce(1).css" type="text/css" media="all">
|
|
|
|
|
|
<style id="mfn-dynamic-inline-css" type="text/css">
|
|
|
|
|
|
html{background-color:#FCFCFC}#Wrapper,#Content,.mfn-popup .mfn-popup-content,.mfn-off-canvas-sidebar .mfn-off-canvas-content-wrapper,.mfn-cart-holder,.mfn-header-login,#Top_bar .search_wrapper,#Top_bar .top_bar_right .mfn-live-search-box,.column_livesearch .mfn-live-search-wrapper,.column_livesearch .mfn-live-search-box{background-color:#FCFCFC}.layout-boxed.mfn-bebuilder-header.mfn-ui #Wrapper .mfn-only-sample-content{background-color:#FCFCFC}body:not(.template-slider) #Header{min-height:0px}body.header-below:not(.template-slider) #Header{padding-top:0px}#Footer .widgets_wrapper{padding:70px 0}.has-search-overlay.search-overlay-opened #search-overlay{background-color:rgba(0,0,0,0.6)}.elementor-page.elementor-default #Content .the_content .section_wrapper{max-width:100%}.elementor-page.elementor-default #Content .section.the_content{width:100%}.elementor-page.elementor-default #Content .section_wrapper .the_content_wrapper{margin-left:0;margin-right:0;width:100%}body,span.date_label,.timeline_items li h3 span,input[type="date"],input[type="text"],input[type="password"],input[type="tel"],input[type="email"],input[type="url"],textarea,select,.offer_li .title h3,.mfn-menu-item-megamenu{font-family:"Poppins",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif}.lead,.big{font-family:"Poppins",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif}#menu > ul > li > a,#overlay-menu ul li a{font-family:"Poppins",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif}#Subheader .title{font-family:"Poppins",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif}h1,h2,h3,h4,.text-logo #logo{font-family:"Poppins",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif}h5,h6{font-family:"Poppins",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif}blockquote{font-family:"Poppins",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif}.chart_box .chart .num,.counter .desc_wrapper .number-wrapper,.how_it_works .image .number,.pricing-box .plan-header .price,.quick_fact .number-wrapper,.woocommerce .product div.entry-summary .price{font-family:"Poppins",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif}body,.mfn-menu-item-megamenu{font-size:15px;line-height:28px;font-weight:400;letter-spacing:0px}.lead,.big{font-size:17px;line-height:30px;font-weight:400;letter-spacing:0px}#menu > ul > li > a,#overlay-menu ul li a{font-size:15px;font-weight:500;letter-spacing:0px}#overlay-menu ul li a{line-height:22.5px}#Subheader .title{font-size:50px;line-height:60px;font-weight:400;letter-spacing:0px}h1,.text-logo #logo{font-size:50px;line-height:60px;font-weight:500;letter-spacing:0px}h2{font-size:40px;line-height:50px;font-weight:500;letter-spacing:0px}h3,.woocommerce ul.products li.product h3,.woocommerce #customer_login h2{font-size:30px;line-height:40px;font-weight:400;letter-spacing:0px}h4,.woocommerce .woocommerce-order-details__title,.woocommerce .wc-bacs-bank-details-heading,.woocommerce .woocommerce-customer-details h2{font-size:20px;line-height:30px;font-weight:600;letter-spacing:0px}h5{font-size:18px;line-height:30px;font-weight:400;letter-spacing:0px}h6{font-size:15px;line-height:26px;font-weight:700;letter-spacing:0px}#Intro .intro-title{font-size:70px;line-height:70px;font-weight:400;letter-spacing:0px}@media only screen and (min-width:768px) and (max-width:959px){body,.mfn-menu-item-megamenu{font-size:13px;line-height:24px;font-weight:400;letter-spacing:0px}.lead,.big{font-size:14px;line-height:26px;font-weight:400;letter-spacing:0px}#menu > ul > li > a,#overlay-menu ul li a{font-size:13px;font-weight:500;letter-spacing:0px}#overlay-menu ul li a{line-height:19.5px}#Subheader .title{font-size:43px;line-heigh
|
|
|
|
|
|
form input.display-none{display:none!important}
|
|
|
|
|
|
</style>
|
|
|
|
|
|
<link rel="stylesheet" id="style-css" href="./GuiLinTraveler – Chase Spring Around the World_files/style.css" type="text/css" media="all">
|
|
|
|
|
|
<style id="mfn-custom-inline-css" type="text/css">
|
|
|
|
|
|
.single-trip .content-area{ flex-basis: 65%;}
|
|
|
|
|
|
|
|
|
|
|
|
@media (min-width: 1025px) {
|
|
|
|
|
|
.wpte_has-sticky-booking-widget .wpte-booking-area-wrapper.is-sticky {
|
|
|
|
|
|
position: sticky;
|
|
|
|
|
|
top: 70px;
|
|
|
|
|
|
z-index: 11;
|
|
|
|
|
|
}
|
|
|
|
|
|
}
|
|
|
|
|
|
</style>
|
|
|
|
|
|
<style id="rocket-lazyload-inline-css" type="text/css">
|
|
|
|
|
|
.rll-youtube-player{position:relative;padding-bottom:56.23%;height:0;overflow:hidden;max-width:100%;}.rll-youtube-player:focus-within{outline: 2px solid currentColor;outline-offset: 5px;}.rll-youtube-player iframe{position:absolute;top:0;left:0;width:100%;height:100%;z-index:100;background:0 0}.rll-youtube-player img{bottom:0;display:block;left:0;margin:auto;max-width:100%;width:100%;position:absolute;right:0;top:0;border:none;height:auto;-webkit-transition:.4s all;-moz-transition:.4s all;transition:.4s all}.rll-youtube-player img:hover{-webkit-filter:brightness(75%)}.rll-youtube-player .play{height:100%;width:100%;left:0;top:0;position:absolute;background:var(--wpr-bg-1d303e5c-db54-4263-a445-a02655198a58) no-repeat center;background-color: transparent !important;cursor:pointer;border:none;}.wp-embed-responsive .wp-has-aspect-ratio .rll-youtube-player{position:absolute;padding-bottom:0;width:100%;height:100%;top:0;bottom:0;left:0;right:0}
|
|
|
|
|
|
</style>
|
|
|
|
|
|
<script type="text/javascript" src="./GuiLinTraveler – Chase Spring Around the World_files/jquery.min.js.download" id="jquery-core-js"></script>
|
|
|
|
|
|
<script type="text/javascript" src="./GuiLinTraveler – Chase Spring Around the World_files/jquery-migrate.min.js.download" id="jquery-migrate-js"></script>
|
|
|
|
|
|
<script type="text/javascript" src="./GuiLinTraveler – Chase Spring Around the World_files/jquery.blockUI.min.js.download" id="jquery-blockui-js" defer="defer" data-wp-strategy="defer"></script>
|
|
|
|
|
|
<script type="text/javascript" id="wc-add-to-cart-js-extra">
|
|
|
|
|
|
/* <![CDATA[ */
|
|
|
|
|
|
var wc_add_to_cart_params = {"ajax_url":"\/wp-admin\/admin-ajax.php","wc_ajax_url":"\/?wc-ajax=%%endpoint%%","i18n_view_cart":"\u67e5\u770b\u8d2d\u7269\u8f66","cart_url":"https:\/\/springtraveler.com\/cart-2\/","is_cart":"","cart_redirect_after_add":"no"};
|
|
|
|
|
|
/* ]]> */
|
|
|
|
|
|
</script>
|
|
|
|
|
|
<script type="text/javascript" src="./GuiLinTraveler – Chase Spring Around the World_files/add-to-cart.min.js.download" id="wc-add-to-cart-js" defer="defer" data-wp-strategy="defer"></script>
|
|
|
|
|
|
<script type="text/javascript" src="./GuiLinTraveler – Chase Spring Around the World_files/js.cookie.min.js.download" id="js-cookie-js" defer="defer" data-wp-strategy="defer"></script>
|
|
|
|
|
|
<script type="text/javascript" id="woocommerce-js-extra">
|
|
|
|
|
|
/* <![CDATA[ */
|
|
|
|
|
|
var woocommerce_params = {"ajax_url":"\/wp-admin\/admin-ajax.php","wc_ajax_url":"\/?wc-ajax=%%endpoint%%"};
|
|
|
|
|
|
/* ]]> */
|
|
|
|
|
|
</script>
|
|
|
|
|
|
<script type="text/javascript" src="./GuiLinTraveler – Chase Spring Around the World_files/woocommerce.min.js.download" id="woocommerce-js" defer="defer" data-wp-strategy="defer"></script>
|
|
|
|
|
|
<script type="text/javascript" id="wc-cart-fragments-js-extra">
|
|
|
|
|
|
/* <![CDATA[ */
|
|
|
|
|
|
var wc_cart_fragments_params = {"ajax_url":"\/wp-admin\/admin-ajax.php","wc_ajax_url":"\/?wc-ajax=%%endpoint%%","cart_hash_key":"wc_cart_hash_0054018e3dc09fe89f59937e3747373e","fragment_name":"wc_fragments_0054018e3dc09fe89f59937e3747373e","request_timeout":"5000"};
|
|
|
|
|
|
/* ]]> */
|
|
|
|
|
|
</script>
|
|
|
|
|
|
<script type="text/javascript" src="./GuiLinTraveler – Chase Spring Around the World_files/cart-fragments.min.js.download" id="wc-cart-fragments-js" defer="defer" data-wp-strategy="defer"></script>
|
|
|
|
|
|
<link rel="https://api.w.org/" href="https://springtraveler.com/wp-json/"><link rel="alternate" title="JSON" type="application/json" href="https://springtraveler.com/wp-json/wp/v2/pages/99"><link rel="EditURI" type="application/rsd+xml" title="RSD" href="https://springtraveler.com/xmlrpc.php?rsd">
|
|
|
|
|
|
<meta name="generator" content="WordPress 6.7.2">
|
|
|
|
|
|
<meta name="generator" content="WooCommerce 9.6.2">
|
|
|
|
|
|
<link rel="canonical" href="https://springtraveler.com/">
|
|
|
|
|
|
<link rel="shortlink" href="https://springtraveler.com/">
|
|
|
|
|
|
<link rel="alternate" title="oEmbed (JSON)" type="application/json+oembed" href="https://springtraveler.com/wp-json/oembed/1.0/embed?url=https%3A%2F%2Fspringtraveler.com%2F">
|
|
|
|
|
|
<link rel="alternate" title="oEmbed (XML)" type="text/xml+oembed" href="https://springtraveler.com/wp-json/oembed/1.0/embed?url=https%3A%2F%2Fspringtraveler.com%2F&format=xml">
|
|
|
|
|
|
<style>body{--wpte-primary-color: #7bad37; --wpte-primary-color-rgb: 123, 173, 55;}</style> <style>.wpte-bf-book-summary .wpte-bf-trip-name-wrap{display:flex;flex-direction:column;align-items:flex-start}.wpte-bf-trip-code{margin:15px 0 0 0;padding:3px 15px;font-size:15px;letter-spacing:.5px;line-height:1.7;background:var(--primary-color);color:rgba(255,255,255,.85);border-radius:3px;order:3;font-style:italic}.wpte-bf-trip-code span{font-style:normal;font-weight:600}</style>
|
|
|
|
|
|
<noscript><style>.woocommerce-product-gallery{ opacity: 1 !important; }</style></noscript>
|
|
|
|
|
|
<meta name="generator" content="Powered by Slider Revolution 6.7.29 - responsive, Mobile-Friendly Slider Plugin for WordPress with comfortable drag and drop interface.">
|
|
|
|
|
|
<style class="wp-fonts-local" type="text/css">
|
|
|
|
|
|
@font-face{font-family:Inter;font-style:normal;font-weight:300 900;font-display:fallback;src:url('https://springtraveler.com/wp-content/plugins/woocommerce/assets/fonts/Inter-VariableFont_slnt,wght.woff2') format('woff2');font-stretch:normal;}
|
|
|
|
|
|
@font-face{font-family:Cardo;font-style:normal;font-weight:400;font-display:fallback;src:url('https://springtraveler.com/wp-content/plugins/woocommerce/assets/fonts/cardo_normal_400.woff2') format('woff2');}
|
|
|
|
|
|
</style>
|
|
|
|
|
|
<link rel="icon" href="https://springtraveler.com/wp-content/uploads/2025/02/cropped-%E8%AE%BE%E8%AE%A1%E6%9E%81%E7%AE%80%E9%A3%8E%E6%A0%BC-logo-2-32x32.png" sizes="32x32">
|
|
|
|
|
|
<link rel="icon" href="https://springtraveler.com/wp-content/uploads/2025/02/cropped-%E8%AE%BE%E8%AE%A1%E6%9E%81%E7%AE%80%E9%A3%8E%E6%A0%BC-logo-2-192x192.png" sizes="192x192">
|
|
|
|
|
|
<link rel="apple-touch-icon" href="https://springtraveler.com/wp-content/uploads/2025/02/cropped-%E8%AE%BE%E8%AE%A1%E6%9E%81%E7%AE%80%E9%A3%8E%E6%A0%BC-logo-2-180x180.png">
|
|
|
|
|
|
<meta name="msapplication-TileImage" content="https://springtraveler.com/wp-content/uploads/2025/02/cropped-设计极简风格-logo-2-270x270.png">
|
|
|
|
|
|
<script data-jetpack-boost="ignore">function setREVStartSize(e){
|
|
|
|
|
|
//window.requestAnimationFrame(function() {
|
|
|
|
|
|
window.RSIW = window.RSIW===undefined ? window.innerWidth : window.RSIW;
|
|
|
|
|
|
window.RSIH = window.RSIH===undefined ? window.innerHeight : window.RSIH;
|
|
|
|
|
|
try {
|
|
|
|
|
|
var pw = document.getElementById(e.c).parentNode.offsetWidth,
|
|
|
|
|
|
newh;
|
|
|
|
|
|
pw = pw===0 || isNaN(pw) || (e.l=="fullwidth" || e.layout=="fullwidth") ? window.RSIW : pw;
|
|
|
|
|
|
e.tabw = e.tabw===undefined ? 0 : parseInt(e.tabw);
|
|
|
|
|
|
e.thumbw = e.thumbw===undefined ? 0 : parseInt(e.thumbw);
|
|
|
|
|
|
e.tabh = e.tabh===undefined ? 0 : parseInt(e.tabh);
|
|
|
|
|
|
e.thumbh = e.thumbh===undefined ? 0 : parseInt(e.thumbh);
|
|
|
|
|
|
e.tabhide = e.tabhide===undefined ? 0 : parseInt(e.tabhide);
|
|
|
|
|
|
e.thumbhide = e.thumbhide===undefined ? 0 : parseInt(e.thumbhide);
|
|
|
|
|
|
e.mh = e.mh===undefined || e.mh=="" || e.mh==="auto" ? 0 : parseInt(e.mh,0);
|
|
|
|
|
|
if(e.layout==="fullscreen" || e.l==="fullscreen")
|
|
|
|
|
|
newh = Math.max(e.mh,window.RSIH);
|
|
|
|
|
|
else{
|
|
|
|
|
|
e.gw = Array.isArray(e.gw) ? e.gw : [e.gw];
|
|
|
|
|
|
for (var i in e.rl) if (e.gw[i]===undefined || e.gw[i]===0) e.gw[i] = e.gw[i-1];
|
|
|
|
|
|
e.gh = e.el===undefined || e.el==="" || (Array.isArray(e.el) && e.el.length==0)? e.gh : e.el;
|
|
|
|
|
|
e.gh = Array.isArray(e.gh) ? e.gh : [e.gh];
|
|
|
|
|
|
for (var i in e.rl) if (e.gh[i]===undefined || e.gh[i]===0) e.gh[i] = e.gh[i-1];
|
|
|
|
|
|
|
|
|
|
|
|
var nl = new Array(e.rl.length),
|
|
|
|
|
|
ix = 0,
|
|
|
|
|
|
sl;
|
|
|
|
|
|
e.tabw = e.tabhide>=pw ? 0 : e.tabw;
|
|
|
|
|
|
e.thumbw = e.thumbhide>=pw ? 0 : e.thumbw;
|
|
|
|
|
|
e.tabh = e.tabhide>=pw ? 0 : e.tabh;
|
|
|
|
|
|
e.thumbh = e.thumbhide>=pw ? 0 : e.thumbh;
|
|
|
|
|
|
for (var i in e.rl) nl[i] = e.rl[i]<window.RSIW ? 0 : e.rl[i];
|
|
|
|
|
|
sl = nl[0];
|
|
|
|
|
|
for (var i in nl) if (sl>nl[i] && nl[i]>0) { sl = nl[i]; ix=i;}
|
|
|
|
|
|
var m = pw>(e.gw[ix]+e.tabw+e.thumbw) ? 1 : (pw-(e.tabw+e.thumbw)) / (e.gw[ix]);
|
|
|
|
|
|
newh = (e.gh[ix] * m) + (e.tabh + e.thumbh);
|
|
|
|
|
|
}
|
|
|
|
|
|
var el = document.getElementById(e.c);
|
|
|
|
|
|
if (el!==null && el) el.style.height = newh+"px";
|
|
|
|
|
|
el = document.getElementById(e.c+"_wrapper");
|
|
|
|
|
|
if (el!==null && el) {
|
|
|
|
|
|
el.style.height = newh+"px";
|
|
|
|
|
|
el.style.display = "block";
|
|
|
|
|
|
}
|
|
|
|
|
|
} catch(e){
|
|
|
|
|
|
console.log("Failure at Presize of Slider:" + e)
|
|
|
|
|
|
}
|
|
|
|
|
|
//});
|
|
|
|
|
|
};</script>
|
|
|
|
|
|
<noscript><style id="rocket-lazyload-nojs-css">.rll-youtube-player, [data-lazy-src]{display:none !important;}</style></noscript>
|
|
|
|
|
|
<style id="rocket-lazyrender-inline-css">[data-wpr-lazyrender] {content-visibility: auto;}</style><style id="wpr-lazyload-bg-container"></style><style id="wpr-lazyload-bg-exclusion"></style>
|
|
|
|
|
|
<noscript>
|
|
|
|
|
|
<style id="wpr-lazyload-bg-nostyle">.woocommerce .blockUI.blockOverlay::before{--wpr-bg-10332390-a468-4e78-83d0-a291f53cff04: url('https://springtraveler.com/wp-content/plugins/woocommerce/assets/images/icons/loader.svg');}.woocommerce .loader::before{--wpr-bg-36cabdfa-e3c1-4510-be03-9944f94f607e: url('https://springtraveler.com/wp-content/plugins/woocommerce/assets/images/icons/loader.svg');}#add_payment_method #payment div.payment_box .wc-credit-card-form-card-cvc.visa,#add_payment_method #payment div.payment_box .wc-credit-card-form-card-expiry.visa,#add_payment_method #payment div.payment_box .wc-credit-card-form-card-number.visa,.woocommerce-cart #payment div.payment_box .wc-credit-card-form-card-cvc.visa,.woocommerce-cart #payment div.payment_box .wc-credit-card-form-card-expiry.visa,.woocommerce-cart #payment div.payment_box .wc-credit-card-form-card-number.visa,.woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-cvc.visa,.woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-expiry.visa,.woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-number.visa{--wpr-bg-1ce9b6e5-64e1-4c34-95a6-74d07c74a643: url('https://springtraveler.com/wp-content/plugins/woocommerce/assets/images/icons/credit-cards/visa.svg');}#add_payment_method #payment div.payment_box .wc-credit-card-form-card-cvc.mastercard,#add_payment_method #payment div.payment_box .wc-credit-card-form-card-expiry.mastercard,#add_payment_method #payment div.payment_box .wc-credit-card-form-card-number.mastercard,.woocommerce-cart #payment div.payment_box .wc-credit-card-form-card-cvc.mastercard,.woocommerce-cart #payment div.payment_box .wc-credit-card-form-card-expiry.mastercard,.woocommerce-cart #payment div.payment_box .wc-credit-card-form-card-number.mastercard,.woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-cvc.mastercard,.woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-expiry.mastercard,.woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-number.mastercard{--wpr-bg-a287a650-3a34-4528-963b-9cb8ff197d53: url('https://springtraveler.com/wp-content/plugins/woocommerce/assets/images/icons/credit-cards/mastercard.svg');}#add_payment_method #payment div.payment_box .wc-credit-card-form-card-cvc.laser,#add_payment_method #payment div.payment_box .wc-credit-card-form-card-expiry.laser,#add_payment_method #payment div.payment_box .wc-credit-card-form-card-number.laser,.woocommerce-cart #payment div.payment_box .wc-credit-card-form-card-cvc.laser,.woocommerce-cart #payment div.payment_box .wc-credit-card-form-card-expiry.laser,.woocommerce-cart #payment div.payment_box .wc-credit-card-form-card-number.laser,.woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-cvc.laser,.woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-expiry.laser,.woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-number.laser{--wpr-bg-eaf4d100-2524-4a13-98ea-6e37db2c6884: url('https://springtraveler.com/wp-content/plugins/woocommerce/assets/images/icons/credit-cards/laser.svg');}#add_payment_method #payment div.payment_box .wc-credit-card-form-card-cvc.dinersclub,#add_payment_method #payment div.payment_box .wc-credit-card-form-card-expiry.dinersclub,#add_payment_method #payment div.payment_box .wc-credit-card-form-card-number.dinersclub,.woocommerce-cart #payment div.payment_box .wc-credit-card-form-card-cvc.dinersclub,.woocommerce-cart #payment div.payment_box .wc-credit-card-form-card-expiry.dinersclub,.woocommerce-cart #payment div.payment_box .wc-credit-card-form-card-number.dinersclub,.woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-cvc.dinersclub,.woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-expiry.dinersclub,.woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-number.dinersclub{--wpr-bg-c760b60e-c6ec-4789-9943-71b5105dc219: url('https://springtraveler.com/wp-content/plugins/woocommerce/assets/images/icons/credit-cards/diners.svg');}#
|
|
|
|
|
|
</noscript>
|
|
|
|
|
|
<script type="application/javascript">const rocket_pairs = [{"selector":".woocommerce .blockUI.blockOverlay","style":".woocommerce .blockUI.blockOverlay::before{--wpr-bg-10332390-a468-4e78-83d0-a291f53cff04: url('https:\/\/springtraveler.com\/wp-content\/plugins\/woocommerce\/assets\/images\/icons\/loader.svg');}","hash":"10332390-a468-4e78-83d0-a291f53cff04","url":"https:\/\/springtraveler.com\/wp-content\/plugins\/woocommerce\/assets\/images\/icons\/loader.svg"},{"selector":".woocommerce .loader","style":".woocommerce .loader::before{--wpr-bg-36cabdfa-e3c1-4510-be03-9944f94f607e: url('https:\/\/springtraveler.com\/wp-content\/plugins\/woocommerce\/assets\/images\/icons\/loader.svg');}","hash":"36cabdfa-e3c1-4510-be03-9944f94f607e","url":"https:\/\/springtraveler.com\/wp-content\/plugins\/woocommerce\/assets\/images\/icons\/loader.svg"},{"selector":"#add_payment_method #payment div.payment_box .wc-credit-card-form-card-cvc.visa,#add_payment_method #payment div.payment_box .wc-credit-card-form-card-expiry.visa,#add_payment_method #payment div.payment_box .wc-credit-card-form-card-number.visa,.woocommerce-cart #payment div.payment_box .wc-credit-card-form-card-cvc.visa,.woocommerce-cart #payment div.payment_box .wc-credit-card-form-card-expiry.visa,.woocommerce-cart #payment div.payment_box .wc-credit-card-form-card-number.visa,.woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-cvc.visa,.woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-expiry.visa,.woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-number.visa","style":"#add_payment_method #payment div.payment_box .wc-credit-card-form-card-cvc.visa,#add_payment_method #payment div.payment_box .wc-credit-card-form-card-expiry.visa,#add_payment_method #payment div.payment_box .wc-credit-card-form-card-number.visa,.woocommerce-cart #payment div.payment_box .wc-credit-card-form-card-cvc.visa,.woocommerce-cart #payment div.payment_box .wc-credit-card-form-card-expiry.visa,.woocommerce-cart #payment div.payment_box .wc-credit-card-form-card-number.visa,.woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-cvc.visa,.woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-expiry.visa,.woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-number.visa{--wpr-bg-1ce9b6e5-64e1-4c34-95a6-74d07c74a643: url('https:\/\/springtraveler.com\/wp-content\/plugins\/woocommerce\/assets\/images\/icons\/credit-cards\/visa.svg');}","hash":"1ce9b6e5-64e1-4c34-95a6-74d07c74a643","url":"https:\/\/springtraveler.com\/wp-content\/plugins\/woocommerce\/assets\/images\/icons\/credit-cards\/visa.svg"},{"selector":"#add_payment_method #payment div.payment_box .wc-credit-card-form-card-cvc.mastercard,#add_payment_method #payment div.payment_box .wc-credit-card-form-card-expiry.mastercard,#add_payment_method #payment div.payment_box .wc-credit-card-form-card-number.mastercard,.woocommerce-cart #payment div.payment_box .wc-credit-card-form-card-cvc.mastercard,.woocommerce-cart #payment div.payment_box .wc-credit-card-form-card-expiry.mastercard,.woocommerce-cart #payment div.payment_box .wc-credit-card-form-card-number.mastercard,.woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-cvc.mastercard,.woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-expiry.mastercard,.woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-number.mastercard","style":"#add_payment_method #payment div.payment_box .wc-credit-card-form-card-cvc.mastercard,#add_payment_method #payment div.payment_box .wc-credit-card-form-card-expiry.mastercard,#add_payment_method #payment div.payment_box .wc-credit-card-form-card-number.mastercard,.woocommerce-cart #payment div.payment_box .wc-credit-card-form-card-cvc.mastercard,.woocommerce-cart #payment div.payment_box .wc-credit-card-form-card-expiry.mastercard,.woocommerce-cart #payment div.payment_box .wc-credit-card-form-card-number.mastercard,.woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-cvc.
|
|
|
|
|
|
position: absolute;
|
|
|
|
|
|
top: 0;
|
|
|
|
|
|
right: 0;
|
|
|
|
|
|
left: 0;
|
|
|
|
|
|
bottom: 0;
|
|
|
|
|
|
z-index: 2147483647;
|
|
|
|
|
|
display: flex;
|
|
|
|
|
|
justify-content: center;
|
|
|
|
|
|
align-items: center;
|
|
|
|
|
|
}
|
|
|
|
|
|
.immersive-translate-attach-loading::after {
|
|
|
|
|
|
content: " ";
|
|
|
|
|
|
|
|
|
|
|
|
--loading-color: #f78fb6;
|
|
|
|
|
|
width: 6px;
|
|
|
|
|
|
height: 6px;
|
|
|
|
|
|
border-radius: 50%;
|
|
|
|
|
|
display: block;
|
|
|
|
|
|
margin: 12px auto;
|
|
|
|
|
|
position: relative;
|
|
|
|
|
|
color: white;
|
|
|
|
|
|
left: -100px;
|
|
|
|
|
|
box-sizing: border-box;
|
|
|
|
|
|
animation: immersiveTranslateShadowRolling 1.5s linear infinite;
|
|
|
|
|
|
|
|
|
|
|
|
position: absolute;
|
|
|
|
|
|
top: 50%;
|
|
|
|
|
|
left: 50%;
|
|
|
|
|
|
transform: translate(-2000%, -50%);
|
|
|
|
|
|
z-index: 100;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.immersive-translate-loading-spinner {
|
|
|
|
|
|
vertical-align: middle !important;
|
|
|
|
|
|
width: 10px !important;
|
|
|
|
|
|
height: 10px !important;
|
|
|
|
|
|
display: inline-block !important;
|
|
|
|
|
|
margin: 0 4px !important;
|
|
|
|
|
|
border: 2px rgba(221, 244, 255, 0.6) solid !important;
|
|
|
|
|
|
border-top: 2px rgba(0, 0, 0, 0.375) solid !important;
|
|
|
|
|
|
border-left: 2px rgba(0, 0, 0, 0.375) solid !important;
|
|
|
|
|
|
border-radius: 50% !important;
|
|
|
|
|
|
padding: 0 !important;
|
|
|
|
|
|
-webkit-animation: immersive-translate-loading-animation 0.6s infinite linear !important;
|
|
|
|
|
|
animation: immersive-translate-loading-animation 0.6s infinite linear !important;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
@-webkit-keyframes immersive-translate-loading-animation {
|
|
|
|
|
|
from {
|
|
|
|
|
|
-webkit-transform: rotate(0deg);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
to {
|
|
|
|
|
|
-webkit-transform: rotate(359deg);
|
|
|
|
|
|
}
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
@keyframes immersive-translate-loading-animation {
|
|
|
|
|
|
from {
|
|
|
|
|
|
transform: rotate(0deg);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
to {
|
|
|
|
|
|
transform: rotate(359deg);
|
|
|
|
|
|
}
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.immersive-translate-input-loading {
|
|
|
|
|
|
--loading-color: #f78fb6;
|
|
|
|
|
|
width: 6px;
|
|
|
|
|
|
height: 6px;
|
|
|
|
|
|
border-radius: 50%;
|
|
|
|
|
|
display: block;
|
|
|
|
|
|
margin: 12px auto;
|
|
|
|
|
|
position: relative;
|
|
|
|
|
|
color: white;
|
|
|
|
|
|
left: -100px;
|
|
|
|
|
|
box-sizing: border-box;
|
|
|
|
|
|
animation: immersiveTranslateShadowRolling 1.5s linear infinite;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
@keyframes immersiveTranslateShadowRolling {
|
|
|
|
|
|
0% {
|
|
|
|
|
|
box-shadow: 0px 0 rgba(255, 255, 255, 0), 0px 0 rgba(255, 255, 255, 0),
|
|
|
|
|
|
0px 0 rgba(255, 255, 255, 0), 0px 0 rgba(255, 255, 255, 0);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
12% {
|
|
|
|
|
|
box-shadow: 100px 0 var(--loading-color), 0px 0 rgba(255, 255, 255, 0),
|
|
|
|
|
|
0px 0 rgba(255, 255, 255, 0), 0px 0 rgba(255, 255, 255, 0);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
25% {
|
|
|
|
|
|
box-shadow: 110px 0 var(--loading-color), 100px 0 var(--loading-color),
|
|
|
|
|
|
0px 0 rgba(255, 255, 255, 0), 0px 0 rgba(255, 255, 255, 0);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
36% {
|
|
|
|
|
|
box-shadow: 120px 0 var(--loading-color), 110px 0 var(--loading-color),
|
|
|
|
|
|
100px 0 var(--loading-color), 0px 0 rgba(255, 255, 255, 0);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
50% {
|
|
|
|
|
|
box-shadow: 130px 0 var(--loading-color), 120px 0 var(--loading-color),
|
|
|
|
|
|
110px 0 var(--loading-color), 100px 0 var(--loading-color);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
62% {
|
|
|
|
|
|
box-shadow: 200px 0 rgba(255, 255, 255, 0), 130px 0 var(--loading-color),
|
|
|
|
|
|
120px 0 var(--loading-color), 110px 0 var(--loading-color);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
75% {
|
|
|
|
|
|
box-shadow: 200px 0 rgba(255, 255, 255, 0), 200px 0 rgba(255, 255, 255, 0),
|
|
|
|
|
|
130px 0 var(--loading-color), 120px 0 var(--loading-color);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
87% {
|
|
|
|
|
|
box-shadow: 200px 0 rgba(255, 255, 255, 0), 200px 0 rgba(255, 255, 255, 0),
|
|
|
|
|
|
200px 0 rgba(255, 255, 255, 0), 130px 0 var(--loading-color);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
100% {
|
|
|
|
|
|
box-shadow: 200px 0 rgba(255, 255, 255, 0), 200px 0 rgba(255, 255, 255, 0),
|
|
|
|
|
|
200px 0 rgba(255, 255, 255, 0), 200px 0 rgba(255, 255, 255, 0);
|
|
|
|
|
|
}
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.immersive-translate-toast {
|
|
|
|
|
|
display: flex;
|
|
|
|
|
|
position: fixed;
|
|
|
|
|
|
z-index: 2147483647;
|
|
|
|
|
|
left: 0;
|
|
|
|
|
|
right: 0;
|
|
|
|
|
|
top: 1%;
|
|
|
|
|
|
width: fit-content;
|
|
|
|
|
|
padding: 12px 20px;
|
|
|
|
|
|
margin: auto;
|
|
|
|
|
|
overflow: auto;
|
|
|
|
|
|
background: #fef6f9;
|
|
|
|
|
|
box-shadow: 0px 4px 10px 0px rgba(0, 10, 30, 0.06);
|
|
|
|
|
|
font-size: 15px;
|
|
|
|
|
|
border-radius: 8px;
|
|
|
|
|
|
color: #333;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.immersive-translate-toast-content {
|
|
|
|
|
|
display: flex;
|
|
|
|
|
|
flex-direction: row;
|
|
|
|
|
|
align-items: center;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.immersive-translate-toast-hidden {
|
|
|
|
|
|
margin: 0 20px 0 72px;
|
|
|
|
|
|
text-decoration: underline;
|
|
|
|
|
|
cursor: pointer;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.immersive-translate-toast-close {
|
|
|
|
|
|
color: #666666;
|
|
|
|
|
|
font-size: 20px;
|
|
|
|
|
|
font-weight: bold;
|
|
|
|
|
|
padding: 0 10px;
|
|
|
|
|
|
cursor: pointer;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
@media screen and (max-width: 768px) {
|
|
|
|
|
|
.immersive-translate-toast {
|
|
|
|
|
|
top: 0;
|
|
|
|
|
|
padding: 12px 0px 0 10px;
|
|
|
|
|
|
}
|
|
|
|
|
|
.immersive-translate-toast-content {
|
|
|
|
|
|
flex-direction: column;
|
|
|
|
|
|
text-align: center;
|
|
|
|
|
|
}
|
|
|
|
|
|
.immersive-translate-toast-hidden {
|
|
|
|
|
|
margin: 10px auto;
|
|
|
|
|
|
}
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.immersive-translate-dialog {
|
|
|
|
|
|
position: fixed;
|
|
|
|
|
|
z-index: 2147483647;
|
|
|
|
|
|
left: 0;
|
|
|
|
|
|
top: 0;
|
|
|
|
|
|
display: flex;
|
|
|
|
|
|
width: 300px;
|
|
|
|
|
|
flex-direction: column;
|
|
|
|
|
|
align-items: center;
|
|
|
|
|
|
font-size: 15px;
|
|
|
|
|
|
left: 0;
|
|
|
|
|
|
right: 0;
|
|
|
|
|
|
top: 0;
|
|
|
|
|
|
bottom: 0;
|
|
|
|
|
|
margin: auto;
|
|
|
|
|
|
height: fit-content;
|
|
|
|
|
|
border-radius: 20px;
|
|
|
|
|
|
background-color: #fff;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.immersive-translate-modal {
|
|
|
|
|
|
display: none;
|
|
|
|
|
|
position: fixed;
|
|
|
|
|
|
z-index: 2147483647;
|
|
|
|
|
|
left: 0;
|
|
|
|
|
|
top: 0;
|
|
|
|
|
|
width: 100%;
|
|
|
|
|
|
height: 100%;
|
|
|
|
|
|
overflow: auto;
|
|
|
|
|
|
background-color: rgb(0, 0, 0);
|
|
|
|
|
|
background-color: rgba(0, 0, 0, 0.4);
|
|
|
|
|
|
font-size: 15px;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.immersive-translate-modal-content {
|
|
|
|
|
|
background-color: #fefefe;
|
|
|
|
|
|
margin: 10% auto;
|
|
|
|
|
|
padding: 40px 24px 24px;
|
|
|
|
|
|
border-radius: 12px;
|
|
|
|
|
|
width: 350px;
|
|
|
|
|
|
font-family: system-ui, -apple-system, "Segoe UI", "Roboto", "Ubuntu",
|
|
|
|
|
|
"Cantarell", "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji",
|
|
|
|
|
|
"Segoe UI Symbol", "Noto Color Emoji";
|
|
|
|
|
|
position: relative;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
@media screen and (max-width: 768px) {
|
|
|
|
|
|
.immersive-translate-modal-content {
|
|
|
|
|
|
margin: 25% auto !important;
|
|
|
|
|
|
}
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
@media screen and (max-width: 480px) {
|
|
|
|
|
|
.immersive-translate-modal-content {
|
|
|
|
|
|
width: 80vw !important;
|
|
|
|
|
|
margin: 20vh auto !important;
|
|
|
|
|
|
padding: 20px 12px 12px !important;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.immersive-translate-modal-title {
|
|
|
|
|
|
font-size: 14px !important;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.immersive-translate-modal-body {
|
|
|
|
|
|
font-size: 13px !important;
|
|
|
|
|
|
max-height: 60vh !important;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.immersive-translate-btn {
|
|
|
|
|
|
font-size: 13px !important;
|
|
|
|
|
|
padding: 8px 16px !important;
|
|
|
|
|
|
margin: 0 4px !important;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.immersive-translate-modal-footer {
|
|
|
|
|
|
gap: 6px !important;
|
|
|
|
|
|
margin-top: 16px !important;
|
|
|
|
|
|
}
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.immersive-translate-modal .immersive-translate-modal-content-in-input {
|
|
|
|
|
|
max-width: 500px;
|
|
|
|
|
|
}
|
|
|
|
|
|
.immersive-translate-modal-content-in-input .immersive-translate-modal-body {
|
|
|
|
|
|
text-align: left;
|
|
|
|
|
|
max-height: unset;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.immersive-translate-modal-title {
|
|
|
|
|
|
text-align: center;
|
|
|
|
|
|
font-size: 16px;
|
|
|
|
|
|
font-weight: 700;
|
|
|
|
|
|
color: #333333;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.immersive-translate-modal-body {
|
|
|
|
|
|
text-align: center;
|
|
|
|
|
|
font-size: 14px;
|
|
|
|
|
|
font-weight: 400;
|
|
|
|
|
|
color: #333333;
|
|
|
|
|
|
margin-top: 24px;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
@media screen and (max-width: 768px) {
|
|
|
|
|
|
.immersive-translate-modal-body {
|
|
|
|
|
|
max-height: 250px;
|
|
|
|
|
|
overflow-y: auto;
|
|
|
|
|
|
}
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.immersive-translate-close {
|
|
|
|
|
|
color: #666666;
|
|
|
|
|
|
position: absolute;
|
|
|
|
|
|
right: 16px;
|
|
|
|
|
|
top: 16px;
|
|
|
|
|
|
font-size: 20px;
|
|
|
|
|
|
font-weight: bold;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.immersive-translate-close:hover,
|
|
|
|
|
|
.immersive-translate-close:focus {
|
|
|
|
|
|
text-decoration: none;
|
|
|
|
|
|
cursor: pointer;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.immersive-translate-modal-footer {
|
|
|
|
|
|
display: flex;
|
|
|
|
|
|
justify-content: center;
|
|
|
|
|
|
flex-wrap: wrap;
|
|
|
|
|
|
margin-top: 24px;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.immersive-translate-btn {
|
|
|
|
|
|
width: fit-content;
|
|
|
|
|
|
color: #fff;
|
|
|
|
|
|
background-color: #ea4c89;
|
|
|
|
|
|
border: none;
|
|
|
|
|
|
font-size: 14px;
|
|
|
|
|
|
margin: 0 8px;
|
|
|
|
|
|
padding: 9px 30px;
|
|
|
|
|
|
border-radius: 5px;
|
|
|
|
|
|
display: flex;
|
|
|
|
|
|
align-items: center;
|
|
|
|
|
|
justify-content: center;
|
|
|
|
|
|
cursor: pointer;
|
|
|
|
|
|
transition: background-color 0.3s ease;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.immersive-translate-btn-container {
|
|
|
|
|
|
display: flex;
|
|
|
|
|
|
flex-direction: column;
|
|
|
|
|
|
align-items: center;
|
|
|
|
|
|
justify-content: center;
|
|
|
|
|
|
gap: 8px;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.immersive-translate-btn:hover {
|
|
|
|
|
|
background-color: #f082ac;
|
|
|
|
|
|
}
|
|
|
|
|
|
.immersive-translate-btn:disabled {
|
|
|
|
|
|
opacity: 0.6;
|
|
|
|
|
|
cursor: not-allowed;
|
|
|
|
|
|
}
|
|
|
|
|
|
.immersive-translate-btn:disabled:hover {
|
|
|
|
|
|
background-color: #ea4c89;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.immersive-translate-link-btn {
|
|
|
|
|
|
background-color: transparent;
|
|
|
|
|
|
color: #ea4c89;
|
|
|
|
|
|
border: none;
|
|
|
|
|
|
cursor: pointer;
|
|
|
|
|
|
height: 30px;
|
|
|
|
|
|
line-height: 30px;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.immersive-translate-cancel-btn {
|
|
|
|
|
|
/* gray color */
|
|
|
|
|
|
background-color: rgb(89, 107, 120);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.immersive-translate-cancel-btn:hover {
|
|
|
|
|
|
background-color: hsl(205, 20%, 32%);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.immersive-translate-action-btn {
|
|
|
|
|
|
background-color: transparent;
|
|
|
|
|
|
color: #ea4c89;
|
|
|
|
|
|
border: 1px solid #ea4c89;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.immersive-translate-btn svg {
|
|
|
|
|
|
margin-right: 5px;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.immersive-translate-link {
|
|
|
|
|
|
cursor: pointer;
|
|
|
|
|
|
user-select: none;
|
|
|
|
|
|
-webkit-user-drag: none;
|
|
|
|
|
|
text-decoration: none;
|
|
|
|
|
|
color: #ea4c89;
|
|
|
|
|
|
-webkit-tap-highlight-color: rgba(0, 0, 0, 0.1);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.immersive-translate-primary-link {
|
|
|
|
|
|
cursor: pointer;
|
|
|
|
|
|
user-select: none;
|
|
|
|
|
|
-webkit-user-drag: none;
|
|
|
|
|
|
text-decoration: none;
|
|
|
|
|
|
color: #ea4c89;
|
|
|
|
|
|
-webkit-tap-highlight-color: rgba(0, 0, 0, 0.1);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.immersive-translate-modal input[type="radio"] {
|
|
|
|
|
|
margin: 0 6px;
|
|
|
|
|
|
cursor: pointer;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.immersive-translate-modal label {
|
|
|
|
|
|
cursor: pointer;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.immersive-translate-close-action {
|
|
|
|
|
|
position: absolute;
|
|
|
|
|
|
top: 2px;
|
|
|
|
|
|
right: 0px;
|
|
|
|
|
|
cursor: pointer;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.imt-image-status {
|
|
|
|
|
|
background-color: rgba(0, 0, 0, 0.5) !important;
|
|
|
|
|
|
display: flex !important;
|
|
|
|
|
|
flex-direction: column !important;
|
|
|
|
|
|
align-items: center !important;
|
|
|
|
|
|
justify-content: center !important;
|
|
|
|
|
|
border-radius: 16px !important;
|
|
|
|
|
|
}
|
|
|
|
|
|
.imt-image-status img,
|
|
|
|
|
|
.imt-image-status svg,
|
|
|
|
|
|
.imt-img-loading {
|
|
|
|
|
|
width: 28px !important;
|
|
|
|
|
|
height: 28px !important;
|
|
|
|
|
|
margin: 0 0 8px 0 !important;
|
|
|
|
|
|
min-height: 28px !important;
|
|
|
|
|
|
min-width: 28px !important;
|
|
|
|
|
|
position: relative !important;
|
|
|
|
|
|
}
|
|
|
|
|
|
.imt-img-loading {
|
|
|
|
|
|
background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADgAAAA4CAMAAACfWMssAAAAtFBMVEUAAAD////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////oK74hAAAAPHRSTlMABBMIDyQXHwyBfFdDMSw+OjXCb+5RG51IvV/k0rOqlGRM6KKMhdvNyZBz9MaupmxpWyj437iYd/yJVNZeuUC7AAACt0lEQVRIx53T2XKiUBCA4QYOiyCbiAsuuGBcYtxiYtT3f6/pbqoYHVFO5r+iivpo6DpAWYpqeoFfr9f90DsYAuRSWkFnPO50OgR9PwiCUFcl2GEcx+N/YBh6pvKaefHlUgZd1zVe0NbYcQjGBfzrPE8Xz8aF+71D8gG6DHFPpc4a7xFiCDuhaWgKgGIJQ3d5IMGDrpS4S5KgpIm+en9f6PlAhKby4JwEIxlYJV9h5k5nee9GoxHJ2IDSNB0dwdad1NAxDJ/uXDHYmebdk4PdbkS58CIVHdYSUHTYYRWOJblWSyu2lmy3KNFVJNBhxcuGW4YBVCbYGRZwIooipHsNqjM4FbgOQqQqSKQQU9V8xmi1QlgHqQQ6DDBvRUVCDirs+EzGDGOQTCATgtYTnbCVLgsVgRE0T1QE0qHCFAht2z6dLvJQs3Lo2FQoDxWNUiBhaP4eRgwNkI+dAjVOA/kUrIDwf3CG8NfNOE0eiFotSuo+rBiq8tD9oY4Qzc6YJw99hl1wzpQvD7ef2M8QgnOGJfJw+EltQc+oX2yn907QB22WZcvlUpd143dqQu+8pCJZuGE4xCuPXJqqcs5sNpsI93Rmzym1k4Npk+oD1SH3/a3LOK/JpUBpWfqNySxWzCfNCUITuDG5dtuphrUJ1myeIE9bIsPiKrfqTai5WZxbhtNphYx6GEIHihyGFTI69lje/rxajdh0s0msZ0zYxyPLhYCb1CyHm9Qsd2H37Y3lugVwL9kNh8Ot8cha6fUNQ8nuXi5z9/ExsAO4zQrb/ev1yrCB7lGyQzgYDGuxq1toDN/JGvN+HyWNHKB7zEoK+PX11e12G431erGYzwmytAWU56fkMHY5JJnDRR2eZji3AwtIcrEV8Cojat/BdQ7XOwGV1e1hDjGGjXbdArm8uJZtCH5MbcctVX8A1WpqumJHwckAAAAASUVORK5CYII=");
|
|
|
|
|
|
background-size: 28px 28px;
|
|
|
|
|
|
animation: image-loading-rotate 1s linear infinite !important;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.imt-image-status span {
|
|
|
|
|
|
color: var(--bg-2, #fff) !important;
|
|
|
|
|
|
font-size: 14px !important;
|
|
|
|
|
|
line-height: 14px !important;
|
|
|
|
|
|
font-weight: 500 !important;
|
|
|
|
|
|
font-family: "PingFang SC", Arial, sans-serif !important;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
@keyframes image-loading-rotate {
|
|
|
|
|
|
from {
|
|
|
|
|
|
transform: rotate(360deg);
|
|
|
|
|
|
}
|
|
|
|
|
|
to {
|
|
|
|
|
|
transform: rotate(0deg);
|
|
|
|
|
|
}
|
|
|
|
|
|
}
|
|
|
|
|
|
</style></head>
|
|
|
|
|
|
|
|
|
|
|
|
<body class="home page-template-default page page-id-99 wp-embed-responsive theme-betheme wptravelengine_664 wptravelengine_css_v2 wpte_has-tooltip woocommerce-js woocommerce-block-theme-has-button-styles template-slider color-custom content-brightness-light input-brightness-light style-default button-animation-fade layout-full-width if-modern-overlay no-content-padding header-classic sticky-header sticky-tb-color ab-hide menu-link-color menuo-right subheader-both-left responsive-overflow-x-mobile mobile-tb-center mobile-side-slide mobile-mini-mr-ll mobile-icon-user-ss mobile-icon-wishlist-ss mobile-icon-search-ss mobile-icon-wpml-ss mobile-icon-action-ss be-page-99 be-reg-2763 mfn-all-shop-filters-disabled product-gallery-zoom mobile-row-2-products mfn-variable-swatches mfn-ajax-add-to-cart rs-safari mfn-cookies-open">
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<!-- mfn_hook_top --><!-- mfn_hook_top -->
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<div id="Wrapper">
|
|
|
|
|
|
|
|
|
|
|
|
<div id="Header_wrapper" class="">
|
|
|
|
|
|
|
|
|
|
|
|
<header id="Header">
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<div class="header_placeholder"></div>
|
|
|
|
|
|
|
|
|
|
|
|
<div id="Top_bar" class="">
|
|
|
|
|
|
|
|
|
|
|
|
<div class="container">
|
|
|
|
|
|
<div class="column one">
|
|
|
|
|
|
|
|
|
|
|
|
<div class="top_bar_left clearfix">
|
|
|
|
|
|
|
|
|
|
|
|
<div class="logo"><a id="logo" href="https://springtraveler.com/" title="GuiLinTraveler" data-height="60" data-padding="15"><img class="logo-main scale-with-grid entered lazyloaded" src="./GuiLinTraveler – Chase Spring Around the World_files/未标题-1_13.png" data-retina="" data-height="436" alt="未标题-1_13" data-no-retina="" data-lazy-src="https://springtraveler.com/wp-content/uploads/2025/03/未标题-1_13.png#274" data-ll-status="loaded"><noscript><img class="logo-main scale-with-grid " src="https://springtraveler.com/wp-content/uploads/2025/03/未标题-1_13.png#274" data-retina="" data-height="436" alt="未标题-1_13" data-no-retina/></noscript><img class="logo-sticky scale-with-grid " src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%200%200'%3E%3C/svg%3E" data-retina="" data-height="376" alt="未标题-1_20" data-no-retina="" data-lazy-src="https://springtraveler.com/wp-content/uploads/2025/03/未标题-1_20.png#276"><noscript><img class="logo-sticky scale-with-grid " src="https://springtraveler.com/wp-content/uploads/2025/03/未标题-1_20.png#276" data-retina="" data-height="376" alt="未标题-1_20" data-no-retina/></noscript><img class="logo-mobile scale-with-grid " src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%200%200'%3E%3C/svg%3E" data-retina="" data-height="436" alt="未标题-1_13" data-no-retina="" data-lazy-src="https://springtraveler.com/wp-content/uploads/2025/03/未标题-1_13.png#274"><noscript><img class="logo-mobile scale-with-grid " src="https://springtraveler.com/wp-content/uploads/2025/03/未标题-1_13.png#274" data-retina="" data-height="436" alt="未标题-1_13" data-no-retina/></noscript><img class="logo-mobile-sticky scale-with-grid " src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%200%200'%3E%3C/svg%3E" data-retina="" data-height="436" alt="未标题-1_13" data-no-retina="" data-lazy-src="https://springtraveler.com/wp-content/uploads/2025/03/未标题-1_13.png#274"><noscript><img class="logo-mobile-sticky scale-with-grid " src="https://springtraveler.com/wp-content/uploads/2025/03/未标题-1_13.png#274" data-retina="" data-height="436" alt="未标题-1_13" data-no-retina/></noscript></a></div>
|
|
|
|
|
|
<div class="menu_wrapper">
|
|
|
|
|
|
<a class="responsive-menu-toggle " href="https://springtraveler.com/#" aria-label="mobile menu"><i class="icon-menu-fine" aria-hidden="true"></i></a><nav id="menu" role="navigation" aria-expanded="false" aria-label="Main menu"><ul id="menu-main-menu" class="menu menu-main"><li id="menu-item-740" class="menu-item menu-item-type-post_type menu-item-object-page"><a href="https://springtraveler.com/trip-search-result/"><span>Trip Search</span></a></li>
|
|
|
|
|
|
<li id="menu-item-64" class="menu-item menu-item-type-post_type menu-item-object-page"><a href="https://springtraveler.com/tours/"><span>Tours</span></a></li>
|
|
|
|
|
|
<li id="menu-item-78" class="menu-item menu-item-type-post_type menu-item-object-page"><a href="https://springtraveler.com/places/"><span>Places</span></a></li>
|
|
|
|
|
|
<li id="menu-item-77" class="menu-item menu-item-type-post_type menu-item-object-page last"><a href="https://springtraveler.com/about/"><span>About</span></a></li>
|
|
|
|
|
|
<li id="menu-item-76" class="menu-item menu-item-type-post_type menu-item-object-page last"><a href="https://springtraveler.com/contact/"><span>Contact</span></a></li>
|
|
|
|
|
|
</ul></nav> </div>
|
|
|
|
|
|
|
|
|
|
|
|
<div class="secondary_menu_wrapper">
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
<div class="top_bar_right "><div class="top_bar_right_wrapper"><a class="top-bar-right-icon myaccount_button top-bar-right-icon-user toggle-login-modal is-boxed logged-out" href="https://springtraveler.com/my-account/"><svg width="26" viewBox="0 0 26 26" aria-label="user icon"><defs><style>.path{fill:none;stroke:#333333;stroke-width:1.5px;}</style></defs><circle class="path" cx="13" cy="9.7" r="4.1"></circle><path class="path" d="M19.51,18.1v2.31h-13V18.1c0-2.37,2.92-4.3,6.51-4.3S19.51,15.73,19.51,18.1Z"></path></svg></a><a id="header_cart" class="top-bar-right-icon header-cart top-bar-right-icon-cart " href="https://springtraveler.com/cart-2/"><svg width="26" viewBox="0 0 26 26" aria-label="cart icon"><defs><style>.path{fill:none;stroke:#333;stroke-miterlimit:10;stroke-width:1.5px;}</style></defs><polygon class="path" points="20.4 20.4 5.6 20.4 6.83 10.53 19.17 10.53 20.4 20.4"></polygon><path class="path" d="M9.3,10.53V9.3a3.7,3.7,0,1,1,7.4,0v1.23"></path></svg><span class="header-cart-count mfn-header-icon-0">0</span><p class="header-cart-total">$0.00</p></a></div></div>
|
|
|
|
|
|
<div class="search_wrapper">
|
|
|
|
|
|
|
|
|
|
|
|
<form method="get" class="form-searchform" action="https://springtraveler.com/">
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<svg class="icon_search" width="26" viewBox="0 0 26 26" aria-label="search icon"><defs><style>.path{fill:none;stroke:#000;stroke-miterlimit:10;stroke-width:1.5px;}</style></defs><circle class="path" cx="11.35" cy="11.35" r="6"></circle><line class="path" x1="15.59" y1="15.59" x2="20.65" y2="20.65"></line></svg>
|
|
|
|
|
|
<span class="mfn-close-icon icon_close" tabindex="0"><span class="icon">✕</span></span>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<input type="text" class="field" name="s" autocomplete="off" placeholder="Enter your search" aria-label="Enter your search">
|
|
|
|
|
|
<input type="submit" class="display-none" value="" aria-label="Search">
|
|
|
|
|
|
|
|
|
|
|
|
</form>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<div class="mfn-main-slider mfn-rev-slider">
|
|
|
|
|
|
<!-- START Home Lingerie REVOLUTION SLIDER 6.7.29 -->
|
|
|
|
|
|
<rs-fullwidth-wrap id="rev_slider_3_1_forcefullwidth" style="margin-top:0px;margin-bottom:0px;"><rs-module-wrap id="rev_slider_3_1_wrapper" data-source="gallery" style="visibility: visible; background: transparent; padding: 0px; margin: 0px auto; height: 955px; display: block; width: 1905px; position: absolute; overflow: visible; left: 0px;"><rs-module id="rev_slider_3_1" style="height: 955px; width: 1905px; max-height: 955px;" data-version="6.7.29" data-idcheck="true" class="revslider-initialised rev_redraw_on_blurfocus" data-slideactive="rs-8">
|
|
|
|
|
|
|
|
|
|
|
|
<rs-static-layers data-key="staticlayers"><!--
|
|
|
|
|
|
|
|
|
|
|
|
--><rs-layer-wrap class="rs-parallax-wrap" style="position: absolute; display: block; pointer-events: auto; left: 1252px; top: 555px; z-index: 6; visibility: visible; perspective: 601px;"><rs-layer id="slider-3-slide-2-layer-10" class="rs-layer-static rs-layer" data-type="shape" data-rsp_ch="on" data-xy="x:r,r,c,c;xo:550px,550px,0,550px;y:b;" data-text="w:normal;" data-dim="w:1px;h:400px,400px,500px,500px;" data-onslides="s:1;" data-frame_999="o:0;st:w;" style="z-index: 6; background-color: rgba(255, 255, 255, 0.2); color: rgb(255, 255, 255); width: 1px; height: 400px; min-height: 0px; min-width: 0px; max-height: none; max-width: none; backdrop-filter: none; filter: none; transform-origin: 50% 50%; opacity: 1; transform: translate(0px, 0px); visibility: visible;" data-startslide="1" data-endslide="5" data-idcheck="true" data-stylerecorder="true" data-initialised="true">
|
|
|
|
|
|
</rs-layer></rs-layer-wrap><!--
|
|
|
|
|
|
|
|
|
|
|
|
--><rs-layer-wrap class="rs-parallax-wrap" style="position: absolute; display: block; pointer-events: auto; left: -310px; top: -383px; z-index: 7; visibility: visible; perspective: 601px;"><rs-layer id="slider-3-slide-2-layer-13" class="rs-layer-static rs-layer" data-type="text" data-rsp_ch="on" data-xy="x:r,r,l,r;xo:412px,412px,430px,430px;y:b,b,m,m;yo:383px,383px,70px,70px;" data-text="w:normal;s:12;l:16;fw:600;" data-onslides="s:1;" data-frame_999="o:0;st:w;" style="z-index: 7; font-family: Outfit; height: auto; width: auto; color: rgb(255, 255, 255); text-decoration: none; white-space: nowrap; min-height: 0px; min-width: 0px; max-height: none; max-width: none; text-align: left; line-height: 16px; letter-spacing: 0px; font-weight: 600; font-size: 12px; backdrop-filter: none; filter: none; transform-origin: 50% 50%; opacity: 1; transform: translate(0px, 0px); visibility: visible;" data-startslide="1" data-endslide="5" data-idcheck="true" data-stylerecorder="true" data-initialised="true">
|
|
|
|
|
|
</rs-layer></rs-layer-wrap><!--
|
|
|
|
|
|
|
|
|
|
|
|
--><rs-layer-wrap class="rs-parallax-wrap" style="position: absolute; display: block; pointer-events: auto; left: 1314px; top: 678px; z-index: 8; visibility: visible; perspective: 601px;"><a id="slider-3-slide-2-layer-14" class="rs-layer rev-btn rs-layer-static" href="https://springtraveler.com/contact/" target="_self" data-type="button" data-color="#5d1f44" data-rsp_ch="on" data-xy="x:r,r,l,r;xo:341px,341px,430px,430px;y:b,b,m,m;yo:215px,215px,270px,270px;" data-text="w:normal;s:14;l:22;fw:500;" data-dim="minh:0px,0px,none,0px;" data-onslides="s:1;" data-padding="t:20,20,9,9;r:40,40,18,18;b:20,20,9,9;l:40,40,18,18;" data-frame_999="o:0;st:w;" data-frame_hover="c:#fff;bgc:#5d1f44;bor:0px,0px,0px,0px;" style="z-index: 8; background-color: rgb(255, 255, 255); font-family: Jost; height: auto; width: auto; color: rgb(93, 31, 68); text-decoration: none; white-space: nowrap; min-height: 0px; min-width: 0px; max-height: none; max-width: none; text-align: left; line-height: 22px; letter-spacing: 0px; font-weight: 500; font-size: 14px; padding: 20px 40px; backdrop-filter: none; filter: none; transform-origin: 50% 50%; opacity: 1; transform: translate(0px, 0px); visibility: visible;" data-startslide="1" data-endslide="5" data-idcheck="true" data-stylerecorder="true" data-initialised="true">ABOUT US
|
|
|
|
|
|
</a></rs-layer-wrap><!--
|
|
|
|
|
|
|
|
|
|
|
|
--><rs-layer-wrap class="rs-parallax-wrap" style="position: absolute; display: block; pointer-events: auto; left: 1314px; top: 627px; z-index: 9; visibility: visible; perspective: 601px;"><rs-layer id="slider-3-slide-2-layer-18" class="rs-layer-static rs-layer" data-type="text" data-rsp_ch="on" data-xy="x:r,r,l,r;xo:305px,305px,430px,430px;y:b,b,m,m;yo:300px,300px,200px,200px;" data-text="w:normal;s:21;l:28;" data-onslides="s:1;" data-frame_999="o:0;st:w;" style="z-index: 9; font-family: Outfit; height: auto; width: auto; color: rgb(255, 255, 255); text-decoration: none; white-space: nowrap; min-height: 0px; min-width: 0px; max-height: none; max-width: none; text-align: left; line-height: 28px; letter-spacing: 0px; font-weight: 400; font-size: 21px; backdrop-filter: none; filter: none; transform-origin: 50% 50%; opacity: 1; transform: translate(0px, 0px); visibility: visible;" data-startslide="1" data-endslide="5" data-idcheck="true" data-stylerecorder="true" data-initialised="true">Check new colletion
|
|
|
|
|
|
</rs-layer></rs-layer-wrap><!--
|
|
|
|
|
|
--></rs-static-layers>
|
|
|
|
|
|
<rs-progress style="visibility:hidden;"><rs-progress-bar style="background: rgba(255, 255, 255, 0.5); transform-origin: 0% 50%; transform: translate3d(0px, 0px, 0px) scale(0.7796, 1);"></rs-progress-bar></rs-progress><rs-slides style="overflow: hidden; position: absolute; visibility: visible; max-height: none; height: 100%; width: 100%;">
|
|
|
|
|
|
<rs-slide style="position: absolute; display: none; overflow: hidden; height: 100%; width: 100%; z-index: 10; opacity: 1; visibility: inherit;" data-key="rs-6" data-title="Slide" data-anim="ms:1200;" data-in="o:1;y:-100%;" data-out="a:false;" data-originalindex="1" data-origindex="0" data-description="" data-sba="" data-scroll-based="false" data-owidth="300" data-oheight="200" data-rspausetimeronce="0" data-isactiveslide="false"><rs-sbg-px><rs-sbg-wrap data-key="rs-6" data-owidth="300" data-oheight="200"><!--Runtime Modification - Img tag is Still Available for SEO Goals in Source - <img width="1" height="1" src="//springtraveler.com/wp-content/plugins/revslider/sr6/assets/assets/dummy.png" alt="Slide" title="Home" class="rev-slidebg tp-rs-img rs-lazyload" data-lazyload="//springtraveler.com/wp-content/plugins/revslider/sr6/assets/assets/transparent.png" data-no-retina="">--><rs-sbg data-lazyload="//springtraveler.com/wp-content/plugins/revslider/sr6/assets/assets/transparent.png" class="" data-bgcolor="transparent" style="width: 100%; height: 100%;" data-src-rs-ref="//springtraveler.com/wp-content/plugins/revslider/sr6/assets/assets/transparent.png"><canvas style="width: 100%; height: 100%; background-color: transparent; opacity: 1; filter: none; transform: translate(0px, 0px);" width="1905" height="955"></canvas></rs-sbg></rs-sbg-wrap></rs-sbg-px>
|
|
|
|
|
|
|
|
|
|
|
|
<!--
|
|
|
|
|
|
--><rs-layer-wrap class="rs-parallax-wrap rs-layer-hidden rs-forcehidden" style="position: absolute; display: block; pointer-events: none; left: 152.5px; top: 50px; z-index: 7; visibility: hidden; perspective: 601px;"><rs-mask-wrap style="position: absolute; display: block; transform-origin: 50% 50%; transform: translate(0px, 0px); overflow: hidden;"><rs-layer id="slider-3-slide-6-layer-0" data-type="shape" data-rsp_ch="on" data-xy="x:l,l,c,c;xo:50px,50px,0,50px;y:t,t,m,m;yo:50px,50px,0,50px;" data-text="w:normal;" data-dim="w:300px,300px,100%,100%;h:180px,180px,100%,100%;" data-vbility="f,f,t,t" data-frame_0="y:-100%;" data-frame_0_mask="u:t;" data-frame_1="sp:1000;" data-frame_1_mask="u:t;" data-frame_999="y:100%;o:0;st:w;sp:1000;sR:4000;" data-frame_999_mask="u:t;" style="z-index: 7; background-color: rgba(0, 0, 0, 0.5); color: rgb(255, 255, 255); width: 300px; height: 180px; min-height: 0px; min-width: 0px; max-height: none; max-width: none; backdrop-filter: none; filter: none; transform-origin: 50% 50%; opacity: 0; transform: translate(0px, 180px); visibility: visible;" class="rs-layer" data-idcheck="true" data-stylerecorder="true" data-initialised="true"><rs-bg-elem style="background: url('//springtraveler.com/wp-content/uploads/2025/03/ff_mmexport1742012038923.webp') no-repeat left top; background-size: cover;"></rs-bg-elem>
|
|
|
|
|
|
|
|
|
|
|
|
</rs-layer></rs-mask-wrap></rs-layer-wrap><!--
|
|
|
|
|
|
|
|
|
|
|
|
--><rs-layer-wrap class="rs-parallax-wrap rs-forcehidden" style="position: absolute; display: block; pointer-events: none; left: 202.5px; top: 826px; z-index: 11; visibility: hidden; perspective: 601px;"><rs-layer id="slider-3-slide-6-layer-7" data-type="button" data-rsp_ch="on" data-xy="xo:100px,100px,45px,45px;y:b;yo:95px,95px,45px,45px;" data-text="w:normal;s:14,14,20,20;l:22,22,25,25;fw:500;a:center;" data-actions="o:click;a:jumptoslide;slide:rs-6;" data-padding="t:5,5,2,2;r:5,5,2,2;b:5,5,2,2;l:5,5,2,2;" data-border="bos:solid;boc:#ffffff;bow:2px,0,0,0;" data-frame_999="o:0;st:w;sR:4700;" style="z-index: 11; font-family: Jost; cursor: pointer; height: auto; width: auto; color: rgb(255, 255, 255); text-decoration: none; white-space: nowrap; min-height: 0px; min-width: 0px; max-height: none; max-width: none; text-align: center; line-height: 22px; letter-spacing: 0px; font-weight: 500; font-size: 14px; border-color: rgb(255, 255, 255); border-style: solid; border-width: 2px 0px 0px; padding: 5px; backdrop-filter: none; filter: none; transform-origin: 50% 50%; opacity: 0; transform: translate(0px, 0px); visibility: visible;" class="rs-layer rs-waction rs-wclickaction" data-idcheck="true" data-stylerecorder="true" data-initialised="true">01
|
|
|
|
|
|
</rs-layer></rs-layer-wrap><!--
|
|
|
|
|
|
|
|
|
|
|
|
--><rs-layer-wrap class="rs-parallax-wrap rs-forcehidden" style="position: absolute; display: block; pointer-events: none; left: 282.5px; top: 828px; z-index: 10; visibility: hidden; perspective: 601px;"><rs-layer id="slider-3-slide-6-layer-8" data-type="button" data-color="rgba(255, 255, 255, 0.5)" data-rsp_ch="on" data-xy="xo:180px,180px,100px,100px;y:b;yo:95px,95px,45px,45px;" data-text="w:normal;s:14,14,20,20;l:22,22,25,25;fw:500;a:center;" data-actions="o:click;a:jumptoslide;slide:rs-7;" data-padding="t:5,5,2,2;r:5,5,2,2;b:5,5,2,2;l:5,5,2,2;" data-frame_999="o:0;st:w;sR:4700;" style="z-index: 10; font-family: Jost; cursor: pointer; height: auto; width: auto; color: rgba(255, 255, 255, 0.5); text-decoration: none; white-space: nowrap; min-height: 0px; min-width: 0px; max-height: none; max-width: none; text-align: center; line-height: 22px; letter-spacing: 0px; font-weight: 500; font-size: 14px; padding: 5px; backdrop-filter: none; filter: none; transform-origin: 50% 50%; opacity: 0; transform: translate(0px, 0px); visibility: visible;" class="rs-layer rs-waction rs-wclickaction" data-idcheck="true" data-stylerecorder="true" data-initialised="true">02
|
|
|
|
|
|
</rs-layer></rs-layer-wrap><!--
|
|
|
|
|
|
|
|
|
|
|
|
--><rs-layer-wrap class="rs-parallax-wrap rs-forcehidden" style="position: absolute; display: block; pointer-events: none; left: 362.5px; top: 828px; z-index: 9; visibility: hidden; perspective: 601px;"><rs-layer id="slider-3-slide-6-layer-9" data-type="button" data-color="rgba(255, 255, 255, 0.5)" data-rsp_ch="on" data-xy="xo:260px,260px,155px,155px;y:b;yo:95px,95px,45px,45px;" data-text="w:normal;s:14,14,20,20;l:22,22,25,25;fw:500;a:center;" data-actions="o:click;a:jumptoslide;slide:rs-8;" data-padding="t:5,5,2,2;r:5,5,2,2;b:5,5,2,2;l:5,5,2,2;" data-frame_999="o:0;st:w;sR:4700;" style="z-index: 9; font-family: Jost; cursor: pointer; height: auto; width: auto; color: rgba(255, 255, 255, 0.5); text-decoration: none; white-space: nowrap; min-height: 0px; min-width: 0px; max-height: none; max-width: none; text-align: center; line-height: 22px; letter-spacing: 0px; font-weight: 500; font-size: 14px; padding: 5px; backdrop-filter: none; filter: none; transform-origin: 50% 50%; opacity: 0; transform: translate(0px, 0px); visibility: visible;" class="rs-layer rs-waction rs-wclickaction" data-idcheck="true" data-stylerecorder="true" data-initialised="true">03
|
|
|
|
|
|
</rs-layer></rs-layer-wrap><!--
|
|
|
|
|
|
|
|
|
|
|
|
--><rs-layer-wrap class="rs-parallax-wrap rs-forcehidden" style="position: absolute; display: block; pointer-events: none; min-height: 100%; width: 100%; left: 0px; top: 0px; z-index: 6; visibility: hidden; perspective: 601px;"><rs-mask-wrap style="position: absolute; display: block; height: 100%; width: 100%; transform-origin: 50% 50%; transform: translate(0px, 0px); overflow: hidden;"><a id="slider-3-slide-6-layer-11" class="rs-layer" href="https://springtraveler.com/product/1-day-li-river-cruise-guilin-to-yangshuo-with-optional-transfer/" target="_blank" rel="noopener" data-type="shape" data-rsp_ch="on" data-xy="x:c;y:m;" data-text="w:normal;" data-dim="w:100%;h:100%;" data-vbility="t,t,f,f" data-basealign="slide" data-frame_0="y:-100%;" data-frame_0_mask="u:t;" data-frame_1="sp:1200;" data-frame_1_mask="u:t;" data-frame_999="y:100%;o:0;st:w;sp:1200;sR:3800;" data-frame_999_mask="u:t;" style="z-index: 6; background-color: rgba(0, 0, 0, 0.5); color: rgb(255, 255, 255); width: 100%; height: 100%; min-height: 0px; min-width: 0px; max-height: none; max-width: none; backdrop-filter: none; filter: none; transform-origin: 50% 50%; opacity: 0; transform: translate(0px, 955px); visibility: visible;" data-idcheck="true" data-stylerecorder="true" data-initialised="true"><rs-bg-elem style="background: url('//springtraveler.com/wp-content/uploads/2025/03/ff_mmexport1742012038923.webp') no-repeat center top; background-size: cover;"></rs-bg-elem>
|
|
|
|
|
|
|
|
|
|
|
|
</a></rs-mask-wrap></rs-layer-wrap><!--
|
|
|
|
|
|
|
|
|
|
|
|
--><rs-layer-wrap class="rs-parallax-wrap rs-forcehidden" style="position: absolute; display: block; pointer-events: none; left: 1380.5px; top: 574px; z-index: 12; visibility: hidden; perspective: 601px;"><rs-mask-wrap style="position: absolute; display: block; transform-origin: 50% 50%; overflow: visible;"><rs-layer id="slider-3-slide-6-layer-15" data-type="text" data-rsp_ch="on" data-xy="x:r,r,l,r;xo:5px,5px,430px,430px;y:b,b,m,m;yo:335px,335px,140px,140px;" data-text="w:normal;s:38;l:46;ls:-1px,-1px,0px,0px;fw:500;" data-dim="w:auto,auto,275px,275px;" data-frame_0="y:100%;" data-frame_0_mask="u:t;" data-frame_1="sp:1200;" data-frame_1_mask="u:t;" data-frame_999="o:0;st:w;sR:3800;" style="z-index: 12; font-family: Jost; height: auto; width: auto; color: rgb(255, 255, 255); text-decoration: none; white-space: nowrap; min-height: 0px; min-width: 0px; max-height: none; max-width: none; text-align: left; line-height: 46px; letter-spacing: -1px; font-weight: 500; font-size: 38px; backdrop-filter: none; filter: none; transform-origin: 50% 50%; opacity: 0; transform: translate(0px, 0px); visibility: visible;" class="rs-layer" data-idcheck="true" data-stylerecorder="true" data-initialised="true">WINDING LIJIANG RIVER
|
|
|
|
|
|
</rs-layer></rs-mask-wrap></rs-layer-wrap><!--
|
|
|
|
|
|
|
|
|
|
|
|
--><rs-layer-wrap class="rs-parallax-wrap rs-forcehidden" style="position: absolute; display: block; pointer-events: none; left: 442.5px; top: 828px; z-index: 8; visibility: hidden; perspective: 601px;"><rs-layer id="slider-3-slide-6-layer-26" data-type="button" data-color="rgba(255, 255, 255, 0.5)" data-rsp_ch="on" data-xy="xo:340px,340px,155px,155px;y:b;yo:95px,95px,45px,45px;" data-text="w:normal;s:14,14,20,20;l:22,22,25,25;fw:500;a:center;" data-actions="o:click;a:jumptoslide;slide:rs-9;" data-padding="t:5,5,2,2;r:5,5,2,2;b:5,5,2,2;l:5,5,2,2;" data-frame_999="o:0;st:w;sR:4700;" style="z-index: 8; font-family: Jost; cursor: pointer; height: auto; width: auto; color: rgba(255, 255, 255, 0.5); text-decoration: none; white-space: nowrap; min-height: 0px; min-width: 0px; max-height: none; max-width: none; text-align: center; line-height: 22px; letter-spacing: 0px; font-weight: 500; font-size: 14px; padding: 5px; backdrop-filter: none; filter: none; transform-origin: 50% 50%; opacity: 0; transform: translate(0px, 0px); visibility: visible;" class="rs-layer rs-waction rs-wclickaction" data-idcheck="true" data-stylerecorder="true" data-initialised="true">04
|
|
|
|
|
|
</rs-layer></rs-layer-wrap><!--
|
|
|
|
|
|
--> </rs-slide>
|
|
|
|
|
|
<rs-slide style="position: absolute; display: none; overflow: hidden; height: 100%; width: 100%; z-index: 10; opacity: 1; visibility: inherit;" data-key="rs-7" data-title="Slide" data-anim="ms:1200;" data-in="o:1;y:-100%;" data-out="a:false;" data-originalindex="2" data-origindex="1" data-description="" data-sba="" data-scroll-based="false" data-owidth="300" data-oheight="200" data-rspausetimeronce="0" data-isactiveslide="false"><rs-sbg-px><rs-sbg-wrap data-key="rs-7" data-owidth="300" data-oheight="200"><!--Runtime Modification - Img tag is Still Available for SEO Goals in Source - <img width="1" height="1" src="//springtraveler.com/wp-content/plugins/revslider/sr6/assets/assets/dummy.png" alt="Slide" title="Home" class="rev-slidebg tp-rs-img rs-lazyload" data-lazyload="//springtraveler.com/wp-content/plugins/revslider/sr6/assets/assets/transparent.png" data-no-retina="">--><rs-sbg data-lazyload="//springtraveler.com/wp-content/plugins/revslider/sr6/assets/assets/transparent.png" class="" data-bgcolor="transparent" style="width: 100%; height: 100%;" data-src-rs-ref="//springtraveler.com/wp-content/plugins/revslider/sr6/assets/assets/transparent.png"><canvas style="width: 100%; height: 100%; background-color: transparent; opacity: 1; filter: none; transform: translate(0px, 0px);" width="1905" height="955"></canvas></rs-sbg></rs-sbg-wrap></rs-sbg-px>
|
|
|
|
|
|
|
|
|
|
|
|
<!--
|
|
|
|
|
|
--><rs-layer-wrap class="rs-parallax-wrap rs-forcehidden" style="position: absolute; display: block; pointer-events: none; left: 202.5px; top: 828px; z-index: 8; visibility: hidden; perspective: 601px;"><rs-layer id="slider-3-slide-7-layer-1" data-type="button" data-color="rgba(255, 255, 255, 0.5)" data-rsp_ch="on" data-xy="xo:100px,100px,45px,45px;y:b;yo:95px,95px,45px,45px;" data-text="w:normal;s:14,14,20,20;l:22,22,25,25;fw:500;a:center;" data-actions="o:click;a:jumptoslide;slide:rs-6;" data-padding="t:5,5,2,2;r:5,5,2,2;b:5,5,2,2;l:5,5,2,2;" data-frame_999="o:0;st:w;sR:4700;" style="z-index: 8; font-family: Jost; cursor: pointer; height: auto; width: auto; color: rgba(255, 255, 255, 0.5); text-decoration: none; white-space: nowrap; min-height: 0px; min-width: 0px; max-height: none; max-width: none; text-align: center; line-height: 22px; letter-spacing: 0px; font-weight: 500; font-size: 14px; padding: 5px; backdrop-filter: none; filter: none; transform-origin: 50% 50%; opacity: 0; transform: translate(0px, 0px); visibility: visible;" class="rs-layer rs-waction rs-wclickaction" data-idcheck="true" data-stylerecorder="true" data-initialised="true">01
|
|
|
|
|
|
</rs-layer></rs-layer-wrap><!--
|
|
|
|
|
|
|
|
|
|
|
|
--><rs-layer-wrap class="rs-parallax-wrap rs-forcehidden" style="position: absolute; display: block; pointer-events: none; left: 282.5px; top: 826px; z-index: 8; visibility: hidden; perspective: 601px;"><rs-layer id="slider-3-slide-7-layer-2" data-type="button" data-rsp_ch="on" data-xy="xo:180px,180px,100px,100px;y:b;yo:95px,95px,45px,45px;" data-text="w:normal;s:14,14,20,20;l:22,22,25,25;fw:500;a:center;" data-actions="o:click;a:jumptoslide;slide:rs-7;" data-padding="t:5,5,2,2;r:5,5,2,2;b:5,5,2,2;l:5,5,2,2;" data-border="bos:solid;boc:#ffffff;bow:2px,0,0,0;" data-frame_999="o:0;st:w;sR:4700;" style="z-index: 8; font-family: Jost; cursor: pointer; height: auto; width: auto; color: rgb(255, 255, 255); text-decoration: none; white-space: nowrap; min-height: 0px; min-width: 0px; max-height: none; max-width: none; text-align: center; line-height: 22px; letter-spacing: 0px; font-weight: 500; font-size: 14px; border-color: rgb(255, 255, 255); border-style: solid; border-width: 2px 0px 0px; padding: 5px; backdrop-filter: none; filter: none; transform-origin: 50% 50%; opacity: 0; transform: translate(0px, 0px); visibility: visible;" class="rs-layer rs-waction rs-wclickaction" data-idcheck="true" data-stylerecorder="true" data-initialised="true">02<br>
|
|
|
|
|
|
|
|
|
|
|
|
</rs-layer></rs-layer-wrap><!--
|
|
|
|
|
|
|
|
|
|
|
|
--><rs-layer-wrap class="rs-parallax-wrap rs-forcehidden" style="position: absolute; display: block; pointer-events: none; left: 362.5px; top: 828px; z-index: 8; visibility: hidden; perspective: 601px;"><rs-layer id="slider-3-slide-7-layer-3" data-type="button" data-color="rgba(255, 255, 255, 0.5)" data-rsp_ch="on" data-xy="xo:260px,260px,155px,155px;y:b;yo:95px,95px,45px,45px;" data-text="w:normal;s:14,14,20,20;l:22,22,25,25;fw:500;a:center;" data-actions="o:click;a:jumptoslide;slide:rs-8;" data-padding="t:5,5,2,2;r:5,5,2,2;b:5,5,2,2;l:5,5,2,2;" data-frame_999="o:0;st:w;sR:4700;" style="z-index: 8; font-family: Jost; cursor: pointer; height: auto; width: auto; color: rgba(255, 255, 255, 0.5); text-decoration: none; white-space: nowrap; min-height: 0px; min-width: 0px; max-height: none; max-width: none; text-align: center; line-height: 22px; letter-spacing: 0px; font-weight: 500; font-size: 14px; padding: 5px; backdrop-filter: none; filter: none; transform-origin: 50% 50%; opacity: 0; transform: translate(0px, 0px); visibility: visible;" class="rs-layer rs-waction rs-wclickaction" data-idcheck="true" data-stylerecorder="true" data-initialised="true">03
|
|
|
|
|
|
</rs-layer></rs-layer-wrap><!--
|
|
|
|
|
|
|
|
|
|
|
|
--><rs-layer-wrap class="rs-parallax-wrap rs-layer-hidden rs-forcehidden" style="position: absolute; display: block; pointer-events: none; left: 152.5px; top: 50px; z-index: 6; visibility: hidden; perspective: 601px;"><rs-mask-wrap style="position: absolute; display: block; transform-origin: 50% 50%; transform: translate(0px, 0px); overflow: hidden;"><rs-layer id="slider-3-slide-7-layer-12" data-type="shape" data-rsp_ch="on" data-xy="x:l,l,c,c;xo:50px,50px,0,50px;y:t,t,m,m;yo:50px,50px,0,50px;" data-text="w:normal;" data-dim="w:300px,300px,100%,100%;h:180px,180px,100%,100%;" data-vbility="f,f,t,t" data-frame_0="y:-100%;" data-frame_0_mask="u:t;" data-frame_1="sp:1000;" data-frame_1_mask="u:t;" data-frame_999="y:100%;o:0;st:w;sp:1000;sR:4010;" data-frame_999_mask="u:t;" style="z-index: 6; background-color: rgba(0, 0, 0, 0.5); color: rgb(255, 255, 255); width: 300px; height: 180px; min-height: 0px; min-width: 0px; max-height: none; max-width: none; backdrop-filter: none; filter: none; transform-origin: 50% 50%; opacity: 0; transform: translate(0px, 180px); visibility: visible;" class="rs-layer" data-idcheck="true" data-stylerecorder="true" data-initialised="true"><rs-bg-elem style="background: url('//springtraveler.com/wp-content/uploads/2025/02/ff_terrace-4440132_1920.webp') no-repeat right center; background-size: cover;"></rs-bg-elem>
|
|
|
|
|
|
|
|
|
|
|
|
</rs-layer></rs-mask-wrap></rs-layer-wrap><!--
|
|
|
|
|
|
|
|
|
|
|
|
--><rs-layer-wrap class="rs-parallax-wrap rs-forcehidden" style="position: absolute; display: block; pointer-events: none; left: 1342.5px; top: 574px; z-index: 11; visibility: hidden; perspective: 601px;"><rs-mask-wrap style="position: absolute; display: block; transform-origin: 50% 50%; overflow: visible;"><rs-layer id="slider-3-slide-7-layer-16" data-type="text" data-rsp_ch="on" data-xy="x:r,r,l,r;xo:102px,102px,430px,430px;y:b,b,m,m;yo:335px,335px,140px,140px;" data-text="w:normal;s:38;l:46;ls:-1px,-1px,0px,0px;fw:500;" data-dim="w:auto,auto,275px,275px;" data-frame_0="y:100%;" data-frame_0_mask="u:t;" data-frame_1="sp:1200;" data-frame_1_mask="u:t;" data-frame_999="o:0;st:w;sR:3800;" style="z-index: 11; font-family: Jost; height: auto; width: auto; color: rgb(255, 255, 255); text-decoration: none; white-space: nowrap; min-height: 0px; min-width: 0px; max-height: none; max-width: none; text-align: left; line-height: 46px; letter-spacing: -1px; font-weight: 500; font-size: 38px; backdrop-filter: none; filter: none; transform-origin: 50% 50%; opacity: 0; transform: translate(0px, 0px); visibility: visible;" class="rs-layer" data-idcheck="true" data-stylerecorder="true" data-initialised="true">SKYWARD TERRACES
|
|
|
|
|
|
</rs-layer></rs-mask-wrap></rs-layer-wrap><!--
|
|
|
|
|
|
|
|
|
|
|
|
--><rs-layer-wrap class="rs-parallax-wrap rs-forcehidden" style="position: absolute; display: block; pointer-events: none; min-height: 100%; width: 100%; left: 0px; top: 0px; z-index: 6; visibility: hidden; perspective: 601px;"><rs-mask-wrap style="position: absolute; display: block; height: 100%; width: 100%; transform-origin: 50% 50%; transform: translate(0px, 0px); overflow: hidden;"><a id="slider-3-slide-7-layer-21" class="rs-layer" href="https://springtraveler.com/product/1-day-private-tour-longji-rice-terraces-long-hair-village-adventure/" target="_blank" rel="noopener" data-type="shape" data-rsp_ch="on" data-xy="x:c;y:m;" data-text="w:normal;" data-dim="w:100%;h:100%;" data-vbility="t,t,f,f" data-basealign="slide" data-frame_0="y:-100%;" data-frame_0_mask="u:t;" data-frame_1="sp:1200;" data-frame_1_mask="u:t;" data-frame_999="y:100%;o:0;st:w;sp:1200;" data-frame_999_mask="u:t;" style="z-index: 6; background-color: rgba(0, 0, 0, 0.5); color: rgb(255, 255, 255); width: 100%; height: 100%; min-height: 0px; min-width: 0px; max-height: none; max-width: none; backdrop-filter: none; filter: none; transform-origin: 50% 50%; opacity: 0; transform: translate(0px, 955px); visibility: visible;" data-idcheck="true" data-stylerecorder="true" data-initialised="true"><rs-bg-elem style="background: url('//springtraveler.com/wp-content/uploads/2025/02/ff_terrace-4440132_1920.webp') no-repeat center center; background-size: cover;"></rs-bg-elem>
|
|
|
|
|
|
|
|
|
|
|
|
</a></rs-mask-wrap></rs-layer-wrap><!--
|
|
|
|
|
|
|
|
|
|
|
|
--><rs-layer-wrap class="rs-parallax-wrap rs-forcehidden" style="position: absolute; display: block; pointer-events: none; left: 442.5px; top: 828px; z-index: 8; visibility: hidden; perspective: 601px;"><rs-layer id="slider-3-slide-7-layer-25" data-type="button" data-color="rgba(255, 255, 255, 0.5)" data-rsp_ch="on" data-xy="xo:340px,340px,155px,155px;y:b;yo:95px,95px,45px,45px;" data-text="w:normal;s:14,14,20,20;l:22,22,25,25;fw:500;a:center;" data-actions="o:click;a:jumptoslide;slide:rs-9;" data-padding="t:5,5,2,2;r:5,5,2,2;b:5,5,2,2;l:5,5,2,2;" data-frame_999="o:0;st:w;sR:4700;" style="z-index: 8; font-family: Jost; cursor: pointer; height: auto; width: auto; color: rgba(255, 255, 255, 0.5); text-decoration: none; white-space: nowrap; min-height: 0px; min-width: 0px; max-height: none; max-width: none; text-align: center; line-height: 22px; letter-spacing: 0px; font-weight: 500; font-size: 14px; padding: 5px; backdrop-filter: none; filter: none; transform-origin: 50% 50%; opacity: 0; transform: translate(0px, 0px); visibility: visible;" class="rs-layer rs-waction rs-wclickaction" data-idcheck="true" data-stylerecorder="true" data-initialised="true">04
|
|
|
|
|
|
</rs-layer></rs-layer-wrap><!--
|
|
|
|
|
|
--> </rs-slide>
|
|
|
|
|
|
<rs-slide style="position: absolute; display: block; overflow: hidden; height: 100%; width: 100%; z-index: 20; opacity: 1; visibility: inherit;" data-key="rs-8" data-title="Slide" data-in="y:-100%;" data-out="y:100%;" data-originalindex="3" data-origindex="2" data-description="" data-sba="" data-scroll-based="false" data-owidth="300" data-oheight="200" data-rspausetimeronce="0" data-isactiveslide="true"><rs-sbg-px><rs-sbg-wrap data-key="rs-8" data-owidth="300" data-oheight="200"><!--Runtime Modification - Img tag is Still Available for SEO Goals in Source - <img width="1" height="1" src="//springtraveler.com/wp-content/plugins/revslider/sr6/assets/assets/dummy.png" alt="Slide" title="Home" class="rev-slidebg tp-rs-img rs-lazyload" data-lazyload="//springtraveler.com/wp-content/plugins/revslider/sr6/assets/assets/transparent.png" data-no-retina="">--><rs-sbg data-lazyload="//springtraveler.com/wp-content/plugins/revslider/sr6/assets/assets/transparent.png" class="" data-bgcolor="transparent" style="width: 100%; height: 100%;" data-src-rs-ref="//springtraveler.com/wp-content/plugins/revslider/sr6/assets/assets/transparent.png"><canvas style="width: 100%; height: 100%; background-color: transparent; opacity: 1; filter: none;" width="1905" height="955"></canvas></rs-sbg></rs-sbg-wrap></rs-sbg-px>
|
|
|
|
|
|
|
|
|
|
|
|
<!--
|
|
|
|
|
|
--><rs-layer-wrap class="rs-parallax-wrap" style="position: absolute; display: block; pointer-events: auto; left: 202.5px; top: 828px; z-index: 11; visibility: visible; perspective: 601px;"><rs-layer id="slider-3-slide-8-layer-4" data-type="button" data-color="rgba(255, 255, 255, 0.5)" data-rsp_ch="on" data-xy="xo:100px,100px,45px,45px;y:b;yo:95px,95px,45px,45px;" data-text="w:normal;s:14,14,20,20;l:22,22,25,25;fw:500;a:center;" data-actions="o:click;a:jumptoslide;slide:rs-6;" data-padding="t:5,5,2,2;r:5,5,2,2;b:5,5,2,2;l:5,5,2,2;" data-frame_999="o:0;st:w;sR:4700;" style="z-index: 11; font-family: Jost; cursor: pointer; height: auto; width: auto; color: rgba(255, 255, 255, 0.5); text-decoration: none; white-space: nowrap; min-height: 0px; min-width: 0px; max-height: none; max-width: none; text-align: center; line-height: 22px; letter-spacing: 0px; font-weight: 500; font-size: 14px; padding: 5px; backdrop-filter: none; filter: none; transform-origin: 50% 50%; opacity: 1; transform: translate(0px, 0px); visibility: visible;" class="rs-layer rs-waction rs-wclickaction" data-idcheck="true" data-stylerecorder="true" data-initialised="true">01
|
|
|
|
|
|
</rs-layer></rs-layer-wrap><!--
|
|
|
|
|
|
|
|
|
|
|
|
--><rs-layer-wrap class="rs-parallax-wrap" style="position: absolute; display: block; pointer-events: auto; left: 282.5px; top: 828px; z-index: 10; visibility: visible; perspective: 601px;"><rs-layer id="slider-3-slide-8-layer-5" data-type="button" data-color="rgba(255, 255, 255, 0.5)" data-rsp_ch="on" data-xy="xo:180px,180px,100px,100px;y:b;yo:95px,95px,45px,45px;" data-text="w:normal;s:14,14,20,20;l:22,22,25,25;fw:500;a:center;" data-actions="o:click;a:jumptoslide;slide:rs-7;" data-padding="t:5,5,2,2;r:5,5,2,2;b:5,5,2,2;l:5,5,2,2;" data-frame_999="o:0;st:w;sR:4700;" style="z-index: 10; font-family: Jost; cursor: pointer; height: auto; width: auto; color: rgba(255, 255, 255, 0.5); text-decoration: none; white-space: nowrap; min-height: 0px; min-width: 0px; max-height: none; max-width: none; text-align: center; line-height: 22px; letter-spacing: 0px; font-weight: 500; font-size: 14px; padding: 5px; backdrop-filter: none; filter: none; transform-origin: 50% 50%; opacity: 1; transform: translate(0px, 0px); visibility: visible;" class="rs-layer rs-waction rs-wclickaction" data-idcheck="true" data-stylerecorder="true" data-initialised="true">02
|
|
|
|
|
|
</rs-layer></rs-layer-wrap><!--
|
|
|
|
|
|
|
|
|
|
|
|
--><rs-layer-wrap class="rs-parallax-wrap" style="position: absolute; display: block; pointer-events: auto; left: 362.5px; top: 826px; z-index: 9; visibility: visible; perspective: 601px;"><rs-layer id="slider-3-slide-8-layer-6" data-type="button" data-rsp_ch="on" data-xy="xo:260px,260px,155px,155px;y:b;yo:95px,95px,45px,45px;" data-text="w:normal;s:14,14,20,20;l:22,22,25,25;fw:500;a:center;" data-actions="o:click;a:jumptoslide;slide:rs-8;" data-padding="t:5,5,2,2;r:5,5,2,2;b:5,5,2,2;l:5,5,2,2;" data-border="bos:solid;boc:#ffffff;bow:2px,0,0,0;" data-frame_999="o:0;st:w;sR:4700;" style="z-index: 9; font-family: Jost; cursor: pointer; height: auto; width: auto; color: rgb(255, 255, 255); text-decoration: none; white-space: nowrap; min-height: 0px; min-width: 0px; max-height: none; max-width: none; text-align: center; line-height: 22px; letter-spacing: 0px; font-weight: 500; font-size: 14px; border-color: rgb(255, 255, 255); border-style: solid; border-width: 2px 0px 0px; padding: 5px; backdrop-filter: none; filter: none; transform-origin: 50% 50%; opacity: 1; transform: translate(0px, 0px); visibility: visible;" class="rs-layer rs-waction rs-wclickaction" data-idcheck="true" data-stylerecorder="true" data-initialised="true">03
|
|
|
|
|
|
</rs-layer></rs-layer-wrap><!--
|
|
|
|
|
|
|
|
|
|
|
|
--><rs-layer-wrap class="rs-parallax-wrap" style="position: absolute; display: block; pointer-events: auto; left: 1416.5px; top: 574px; z-index: 12; visibility: visible; perspective: 601px;"><rs-mask-wrap style="position: absolute; display: block; transform-origin: 50% 50%; transform: translate(0px, 0px); overflow: hidden;"><rs-layer id="slider-3-slide-8-layer-17" data-type="text" data-rsp_ch="on" data-xy="x:r,r,l,r;xo:105px,105px,430px,430px;y:b,b,m,m;yo:335px,335px,130px,130px;" data-text="w:normal;s:38;l:46;ls:-1px,-1px,0px,0px;fw:500;" data-dim="w:auto,auto,275px,275px;" data-frame_0="y:100%;" data-frame_0_mask="u:t;" data-frame_1="sp:1200;" data-frame_1_mask="u:t;" data-frame_999="o:0;st:w;sR:3800;" style="z-index: 12; font-family: Jost; height: auto; width: auto; color: rgb(255, 255, 255); text-decoration: none; white-space: nowrap; min-height: 0px; min-width: 0px; max-height: none; max-width: none; text-align: left; line-height: 46px; letter-spacing: -1px; font-weight: 500; font-size: 38px; backdrop-filter: none; filter: none; transform-origin: 50% 50%; opacity: 1; transform: translate(0px, 0px); visibility: visible;" class="rs-layer" data-idcheck="true" data-stylerecorder="true" data-initialised="true">KARST MARVELS
|
|
|
|
|
|
</rs-layer></rs-mask-wrap></rs-layer-wrap><!--
|
|
|
|
|
|
|
|
|
|
|
|
--><rs-layer-wrap class="rs-parallax-wrap rs-layer-hidden" style="position: absolute; display: block; pointer-events: auto; left: 152.5px; top: 50px; z-index: 7; visibility: visible; perspective: 601px;"><rs-mask-wrap style="position: absolute; display: block; transform-origin: 50% 50%; transform: translate(0px, 0px); overflow: hidden;"><rs-layer id="slider-3-slide-8-layer-20" data-type="shape" data-rsp_ch="on" data-xy="x:l,l,c,c;xo:50px,50px,0,50px;y:t,t,m,m;yo:50px,50px,0,50px;" data-text="w:normal;" data-dim="w:300px,300px,100%,100%;h:180px,180px,100%,100%;" data-vbility="f,f,t,t" data-frame_0="y:-100%;" data-frame_0_mask="u:t;" data-frame_1="sp:1000;" data-frame_1_mask="u:t;" data-frame_999="y:100%;o:0;st:w;sp:1000;sR:4000;" data-frame_999_mask="u:t;" style="z-index: 7; background-color: rgba(0, 0, 0, 0.5); color: rgb(255, 255, 255); width: 300px; height: 180px; min-height: 0px; min-width: 0px; max-height: none; max-width: none; backdrop-filter: none; filter: none; transform-origin: 50% 50%; opacity: 1; transform: translate(0px, 0px); visibility: visible;" class="rs-layer" data-idcheck="true" data-stylerecorder="true" data-initialised="true"><rs-bg-elem style="background: url('//springtraveler.com/wp-content/uploads/2025/02/ff_reed-flute-cave-2328165_1920.webp') no-repeat left center; background-size: cover;"></rs-bg-elem>
|
|
|
|
|
|
|
|
|
|
|
|
</rs-layer></rs-mask-wrap></rs-layer-wrap><!--
|
|
|
|
|
|
|
|
|
|
|
|
--><rs-layer-wrap class="rs-parallax-wrap" style="position: absolute; display: block; pointer-events: auto; min-height: 100%; width: 100%; left: 0px; top: 0px; z-index: 6; visibility: visible; perspective: 601px;"><rs-mask-wrap style="position: absolute; display: block; height: 100%; width: 100%; transform-origin: 50% 50%; transform: translate(0px, 0px); overflow: hidden;"><a id="slider-3-slide-8-layer-22" class="rs-layer" href="https://springtraveler.com/product/1-day-guilin-highlights-reed-flute-cave-yulong-river-rafting-ruyi-peak-impression-liu-sanjie-show/" target="_blank" rel="noopener" data-type="shape" data-rsp_ch="on" data-xy="x:c;y:m;" data-text="w:normal;" data-dim="w:100%;h:100%;" data-vbility="t,t,f,f" data-basealign="slide" data-frame_0="y:-100%;" data-frame_0_mask="u:t;" data-frame_1="sp:1200;" data-frame_1_mask="u:t;" data-frame_999="y:100%;o:0;st:w;sp:1200;" data-frame_999_mask="u:t;" style="z-index: 6; background-color: rgba(0, 0, 0, 0.5); color: rgb(255, 255, 255); width: 100%; height: 100%; min-height: 0px; min-width: 0px; max-height: none; max-width: none; backdrop-filter: none; filter: none; transform-origin: 50% 50%; opacity: 1; transform: translate(0px, 0px); visibility: visible;" data-idcheck="true" data-stylerecorder="true" data-initialised="true"><rs-bg-elem style="background: url('//springtraveler.com/wp-content/uploads/2025/02/ff_reed-flute-cave-2328165_1920.webp') no-repeat center center; background-size: cover;"></rs-bg-elem>
|
|
|
|
|
|
|
|
|
|
|
|
</a></rs-mask-wrap></rs-layer-wrap><!--
|
|
|
|
|
|
|
|
|
|
|
|
--><rs-layer-wrap class="rs-parallax-wrap" style="position: absolute; display: block; pointer-events: auto; left: 442.5px; top: 828px; z-index: 8; visibility: visible; perspective: 601px;"><rs-layer id="slider-3-slide-8-layer-24" data-type="button" data-color="rgba(255, 255, 255, 0.5)" data-rsp_ch="on" data-xy="xo:340px,340px,155px,155px;y:b;yo:95px,95px,45px,45px;" data-text="w:normal;s:14,14,20,20;l:22,22,25,25;fw:500;a:center;" data-actions="o:click;a:jumptoslide;slide:rs-9;" data-padding="t:5,5,2,2;r:5,5,2,2;b:5,5,2,2;l:5,5,2,2;" data-frame_999="o:0;st:w;sR:4700;" style="z-index: 8; font-family: Jost; cursor: pointer; height: auto; width: auto; color: rgba(255, 255, 255, 0.5); text-decoration: none; white-space: nowrap; min-height: 0px; min-width: 0px; max-height: none; max-width: none; text-align: center; line-height: 22px; letter-spacing: 0px; font-weight: 500; font-size: 14px; padding: 5px; backdrop-filter: none; filter: none; transform-origin: 50% 50%; opacity: 1; transform: translate(0px, 0px); visibility: visible;" class="rs-layer rs-waction rs-wclickaction" data-idcheck="true" data-stylerecorder="true" data-initialised="true">04
|
|
|
|
|
|
</rs-layer></rs-layer-wrap><!--
|
|
|
|
|
|
--> </rs-slide>
|
|
|
|
|
|
<rs-slide style="position: absolute; display: none; overflow: hidden; height: 100%; width: 100%;" data-key="rs-9" data-title="Slide" data-anim="ms:1200;" data-in="o:1;y:-100%;" data-out="a:false;" data-originalindex="4" data-origindex="3" data-description="" data-sba="" data-scroll-based="false" data-owidth="300" data-oheight="200"><rs-sbg-px><rs-sbg-wrap data-key="rs-9" data-owidth="300" data-oheight="200"><!--Runtime Modification - Img tag is Still Available for SEO Goals in Source - <img width="1" height="1" src="//springtraveler.com/wp-content/plugins/revslider/sr6/assets/assets/dummy.png" alt="Slide" title="Home" class="rev-slidebg tp-rs-img rs-lazyload" data-lazyload="//springtraveler.com/wp-content/plugins/revslider/sr6/assets/assets/transparent.png" data-no-retina="">--><rs-sbg data-lazyload="//springtraveler.com/wp-content/plugins/revslider/sr6/assets/assets/transparent.png" class="" data-bgcolor="transparent" style="width: 100%; height: 100%;" data-src-rs-ref="//springtraveler.com/wp-content/plugins/revslider/sr6/assets/assets/transparent.png"><canvas style="width: 100%; height: 100%;"></canvas></rs-sbg></rs-sbg-wrap></rs-sbg-px>
|
|
|
|
|
|
|
|
|
|
|
|
<!--
|
|
|
|
|
|
--><rs-layer-wrap class="rs-parallax-wrap " style=" position:absolute;display:block;;pointer-events:none"><rs-mask-wrap style="position:absolute;display:block;"><rs-layer id="slider-3-slide-9-layer-0" data-type="shape" data-rsp_ch="on" data-xy="x:l,l,c,c;xo:50px,50px,0,50px;y:t,t,m,m;yo:50px,50px,0,50px;" data-text="w:normal;" data-dim="w:300px,300px,100%,100%;h:180px,180px,100%,100%;" data-vbility="f,f,t,t" data-frame_0="y:-100%;" data-frame_0_mask="u:t;" data-frame_1="sp:1000;" data-frame_1_mask="u:t;" data-frame_999="y:100%;o:0;st:w;sp:1000;sR:4000;" data-frame_999_mask="u:t;" style="z-index:7;background-color:rgba(0,0,0,0.5);" class="rs-layer" data-idcheck="true"><rs-bg-elem style="background: url('//springtraveler.com/wp-content/uploads/2025/03/ff_微信图片_20250306212818.webp') no-repeat left center; background-size: cover;"></rs-bg-elem>
|
|
|
|
|
|
|
|
|
|
|
|
</rs-layer></rs-mask-wrap></rs-layer-wrap><!--
|
|
|
|
|
|
|
|
|
|
|
|
--><rs-layer-wrap class="rs-parallax-wrap " style=" position:absolute;display:block;;pointer-events:none"><rs-layer id="slider-3-slide-9-layer-7" data-type="button" data-color="rgba(255, 255, 255, 0.5)" data-rsp_ch="on" data-xy="xo:100px,100px,45px,45px;y:b;yo:95px,95px,45px,45px;" data-text="w:normal;s:14,14,20,20;l:22,22,25,25;fw:500;a:center;" data-actions="o:click;a:jumptoslide;slide:rs-6;" data-padding="t:5,5,2,2;r:5,5,2,2;b:5,5,2,2;l:5,5,2,2;" data-frame_999="o:0;st:w;sR:4700;" style="z-index:10;font-family:'Jost';cursor:pointer;" class="rs-layer rs-waction rs-wclickaction" data-idcheck="true">01
|
|
|
|
|
|
</rs-layer></rs-layer-wrap><!--
|
|
|
|
|
|
|
|
|
|
|
|
--><rs-layer-wrap class="rs-parallax-wrap " style=" position:absolute;display:block;;pointer-events:none"><rs-layer id="slider-3-slide-9-layer-8" data-type="button" data-color="rgba(255, 255, 255, 0.5)" data-rsp_ch="on" data-xy="xo:180px,180px,100px,100px;y:b;yo:95px,95px,45px,45px;" data-text="w:normal;s:14,14,20,20;l:22,22,25,25;fw:500;a:center;" data-actions="o:click;a:jumptoslide;slide:rs-7;" data-padding="t:5,5,2,2;r:5,5,2,2;b:5,5,2,2;l:5,5,2,2;" data-frame_999="o:0;st:w;sR:4700;" style="z-index:9;font-family:'Jost';cursor:pointer;" class="rs-layer rs-waction rs-wclickaction" data-idcheck="true">02
|
|
|
|
|
|
</rs-layer></rs-layer-wrap><!--
|
|
|
|
|
|
|
|
|
|
|
|
--><rs-layer-wrap class="rs-parallax-wrap " style=" position:absolute;display:block;;pointer-events:none"><rs-layer id="slider-3-slide-9-layer-9" data-type="button" data-color="rgba(255, 255, 255, 0.5)" data-rsp_ch="on" data-xy="xo:260px,260px,155px,155px;y:b;yo:95px,95px,45px,45px;" data-text="w:normal;s:14,14,20,20;l:22,22,25,25;fw:500;a:center;" data-actions="o:click;a:jumptoslide;slide:rs-8;" data-padding="t:5,5,2,2;r:5,5,2,2;b:5,5,2,2;l:5,5,2,2;" data-frame_999="o:0;st:w;sR:4700;" style="z-index:8;font-family:'Jost';cursor:pointer;" class="rs-layer rs-waction rs-wclickaction" data-idcheck="true">03
|
|
|
|
|
|
</rs-layer></rs-layer-wrap><!--
|
|
|
|
|
|
|
|
|
|
|
|
--><rs-layer-wrap class="rs-parallax-wrap " style=" position:absolute;display:block;;pointer-events:none"><rs-mask-wrap style="position:absolute;display:block;"><a id="slider-3-slide-9-layer-11" class="rs-layer" href="https://springtraveler.com/product/1-day-guilin-highlights-elephant-trunk-hill-solitary-beauty-peak-daxu-ancient-town-cormorant-fishing-show/" target="_blank" rel="noopener" data-type="shape" data-rsp_ch="on" data-xy="x:c;y:m;" data-text="w:normal;" data-dim="w:100%;h:100%;" data-vbility="t,t,f,f" data-basealign="slide" data-frame_0="y:-100%;" data-frame_0_mask="u:t;" data-frame_1="sp:1200;" data-frame_1_mask="u:t;" data-frame_999="y:100%;o:0;st:w;sp:1200;" data-frame_999_mask="u:t;" style="z-index:6;background-color:rgba(0,0,0,0.5);" data-idcheck="true"><rs-bg-elem style="background: url('//springtraveler.com/wp-content/uploads/2025/03/ff_微信图片_20250306212818.webp') no-repeat center center; background-size: cover;"></rs-bg-elem>
|
|
|
|
|
|
|
|
|
|
|
|
</a></rs-mask-wrap></rs-layer-wrap><!--
|
|
|
|
|
|
|
|
|
|
|
|
--><rs-layer-wrap class="rs-parallax-wrap " style=" position:absolute;display:block;;pointer-events:none"><rs-mask-wrap style="position:absolute;display:block;"><rs-layer id="slider-3-slide-9-layer-15" data-type="text" data-rsp_ch="on" data-xy="x:r,r,l,r;xo:5px,5px,430px,430px;y:b,b,m,m;yo:335px,335px,140px,140px;" data-text="w:normal;s:38;l:46;ls:-1px,-1px,0px,0px;fw:500;" data-dim="w:auto,auto,275px,275px;" data-frame_0="y:100%;" data-frame_0_mask="u:t;" data-frame_1="sp:1200;" data-frame_1_mask="u:t;" data-frame_999="o:0;st:w;sR:3800;" style="z-index:11;font-family:'Jost';" class="rs-layer" data-idcheck="true">FISHERMAN'S ART
|
|
|
|
|
|
</rs-layer></rs-mask-wrap></rs-layer-wrap><!--
|
|
|
|
|
|
|
|
|
|
|
|
--><rs-layer-wrap class="rs-parallax-wrap " style=" position:absolute;display:block;;pointer-events:none"><rs-layer id="slider-3-slide-9-layer-23" data-type="button" data-rsp_ch="on" data-xy="xo:340px,340px,155px,155px;y:b;yo:95px,95px,45px,45px;" data-text="w:normal;s:14,14,20,20;l:22,22,25,25;fw:500;a:center;" data-actions="o:click;a:jumptoslide;slide:rs-8;" data-padding="t:5,5,2,2;r:5,5,2,2;b:5,5,2,2;l:5,5,2,2;" data-border="bos:solid;boc:#ffffff;bow:2px,0,0,0;" data-frame_999="o:0;st:w;sR:4700;" style="z-index:8;font-family:'Jost';cursor:pointer;" class="rs-layer rs-waction rs-wclickaction" data-idcheck="true">04
|
|
|
|
|
|
</rs-layer></rs-layer-wrap><!--
|
|
|
|
|
|
--> </rs-slide>
|
|
|
|
|
|
</rs-slides></rs-module>
|
|
|
|
|
|
|
|
|
|
|
|
<script data-jetpack-boost="ignore">
|
|
|
|
|
|
setREVStartSize({c: 'rev_slider_3_1',rl:[1240,1240,778,778],el:[955,955,960,960],gw:[1700,1700,778,778],gh:[955,955,960,960],type:'standard',justify:'',layout:'fullwidth',mh:"0"});if (window.RS_MODULES!==undefined && window.RS_MODULES.modules!==undefined && window.RS_MODULES.modules["revslider31"]!==undefined) {window.RS_MODULES.modules["revslider31"].once = false;window.revapi3 = undefined;if (window.RS_MODULES.checkMinimal!==undefined) window.RS_MODULES.checkMinimal()}
|
|
|
|
|
|
</script>
|
|
|
|
|
|
</rs-module-wrap><rs-fw-forcer style="height:955px"></rs-fw-forcer></rs-fullwidth-wrap>
|
|
|
|
|
|
<!-- END REVOLUTION SLIDER -->
|
|
|
|
|
|
</div></header>
|
|
|
|
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
<!-- mfn_hook_content_before --><!-- mfn_hook_content_before -->
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<div id="Content" role="main">
|
|
|
|
|
|
<div class="content_wrapper clearfix">
|
|
|
|
|
|
|
|
|
|
|
|
<main class="sections_group">
|
|
|
|
|
|
|
|
|
|
|
|
<div class="entry-content" itemprop="mainContentOfPage">
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<div data-id="99" class="mfn-builder-content mfn-default-content-buider"><section class="section mcb-section mfn-default-section mcb-section-ojju9ru4c default-width" style=""><div class="mcb-background-overlay"></div><div class="section_wrapper mfn-wrapper-for-wraps mcb-section-inner mcb-section-inner-ojju9ru4c"><div class="wrap mcb-wrap mcb-wrap-agz0dluu4 one tablet-one laptop-one mobile-one clearfix" data-desktop-col="one" data-laptop-col="laptop-one" data-tablet-col="tablet-one" data-mobile-col="mobile-one" style=""><div class="mcb-wrap-inner mcb-wrap-inner-agz0dluu4 mfn-module-wrapper mfn-wrapper-for-wraps"><div class="mcb-wrap-background-overlay"></div><div class="column mcb-column mcb-item-xb5aznnc one laptop-one tablet-one mobile-one column_html" style=""><div class="mcb-column-inner mfn-module-wrapper mcb-column-inner-xb5aznnc mcb-item-html-inner"><div class="mfn-html-editor-wrapper"><!--?php add_revslider('lingerie'); ?--></div></div></div></div></div></div></section><section class="section mcb-section mfn-default-section mcb-section-df0wzsbdr" style="padding-top:110px;padding-bottom:70px"><div class="mcb-background-overlay"></div><div class="section_wrapper mfn-wrapper-for-wraps mcb-section-inner mcb-section-inner-df0wzsbdr"><div class="wrap mcb-wrap mcb-wrap-amfm59iz9 one-second tablet-one-second laptop-one-second mobile-one valign-top clearfix" data-desktop-col="one-second" data-laptop-col="laptop-one-second" data-tablet-col="tablet-one-second" data-mobile-col="mobile-one" style="padding:0 5% 0 0;background-color:"><div class="mcb-wrap-inner mcb-wrap-inner-amfm59iz9 mfn-module-wrapper mfn-wrapper-for-wraps"><div class="mcb-wrap-background-overlay"></div><div class="column mcb-column mcb-item-1ncag6l89 one laptop-one tablet-one mobile-one column_column" style=""><div class="mcb-column-inner mfn-module-wrapper mcb-column-inner-1ncag6l89 mcb-item-column-inner"><div class="column_attr mfn-inline-editor clearfix" style=""><p><span class="themecolor" style="margin-right: 10px;">—</span>Location overview</p>
|
|
|
|
|
|
<h2>A Symphony of Peaks and Rivers: Discovering Guilin</h2>
|
|
|
|
|
|
<p></p><hr class="no_line" style="margin: 0 auto 20px auto">
|
|
|
|
|
|
<p></p>
|
|
|
|
|
|
<p style="margin: 0 15% 20px 10%;">Guilin's landscape reads like a classical Chinese painting. The city serves as gateway to the Li River's 83-kilometer gallery of natural wonders. Hike Moon Hill's arch for panoramic views of patchwork rice fields, or cycle through Yangshuo's countryside dotted with water buffalo. At sunset, the "20 Yuan View" comes alive as golden light bathes fishermen and conical peaks. For cultural immersion, watch the Impression Sanjie Liu light show directed by Zhang Yimou, set on the river itself. Pro tip: Try Guilin rice noodles with horse hoof snail broth – a local delicacy since Qin Dynasty.</p></div></div></div><div class="column mcb-column mcb-item-yqcsu50bl one laptop-one tablet-one mobile-one column_slider" style=""><div class="mcb-column-inner mfn-module-wrapper mcb-column-inner-yqcsu50bl mcb-item-slider-inner"><div class="content_slider flat hide-arrows hide-dots"><ul class="content_slider_ul slick-initialized slick-slider slick-dotted"><a class="button the-icon slider_prev slick-arrow" href="https://springtraveler.com/#" aria-label="previous slide" style="display: inline;"><i class="icon-left-open-big"></i></a><div class="slick-list draggable" style="height: 270px;"><div class="slick-track" style="opacity: 1; width: 3675px; transform: translate3d(-525px, 0px, 0px);"><div class="slick-slide slick-cloned" data-slick-index="-1" id="" aria-hidden="true" style="width: 525px;"><div><li class="content_slider_li_3" style="width: 100%; display: inline-block;"><a href="https://themes.muffingroup.com/be/travel2/places/" tabindex="-1"><img width="480" height="270" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20480%20270'%3E%3C/svg%3E" class="scale-with-grid wp-post-image" alt="" decoding="async" data-lazy-src="https://springtraveler.com/wp-content/uploads/2025/02/ff_forest-8860740_1920-1.webp"><noscript><img width="480" height="270" src="https://springtraveler.com/wp-content/uploads/2025/02/ff_forest-8860740_1920-1.webp" class="scale-with-grid wp-post-image" alt="" decoding="async" /></noscript></a></li></div></div><div class="slick-slide slick-current slick-active" data-slick-index="0" aria-hidden="false" style="width: 525px;" role="tabpanel" id="slick-slide10"><div><li class="content_slider_li_1" style="width: 100%; display: inline-block;"><a href="https://springtraveler.com/places/" tabindex="0"><img width="480" height="270" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20480%20270'%3E%3C/svg%3E" class="scale-with-grid wp-post-image" alt="" decoding="async" fetchpriority="high" data-lazy-src="https://springtraveler.com/wp-content/uploads/2025/02/ff_longji-rice-terraces-8389012_1920-1.webp"><noscript><img width="480" height="270" src="https://springtraveler.com/wp-content/uploads/2025/02/ff_longji-rice-terraces-8389012_1920-1.webp" class="scale-with-grid wp-post-image" alt="" decoding="async" fetchpriority="high" /></noscript></a></li></div></div><div class="slick-slide" data-slick-index="1" aria-hidden="true" style="width: 525px;" role="tabpanel" id="slick-slide11"><div><li class="content_slider_li_2" style="width: 100%; display: inline-block;"><a href="https://themes.muffingroup.com/be/travel2/places/" tabindex="-1"><img width="480" height="270" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20480%20270'%3E%3C/svg%3E" class="scale-with-grid wp-post-image" alt="" decoding="async" data-lazy-src="https://springtraveler.com/wp-content/uploads/2025/02/ff_sunrise-7217447_1920-1.webp"><noscript><img width="480" height="270" src="https://springtraveler.com/wp-content/uploads/2025/02/ff_sunrise-7217447_1920-1.webp" class="scale-with-grid wp-post-image" alt="" decoding="async" /></noscript></a></li></div></div><div class="slick-slide" data-slick-index="2" aria-hidden="true" style="width: 525px;" role="tabpanel" id="slick-slide12"><div><li class="content_slider_li_3" style="width: 100%; display: inline-block;"><a href="https://themes.muffing
|
|
|
|
|
|
</div></div></div></div><div class="wrap mcb-wrap mcb-wrap-4gm3szf6g one-second tablet-one-second laptop-one-second mobile-one valign-top clearfix" data-desktop-col="one-second" data-laptop-col="laptop-one-second" data-tablet-col="tablet-one-second" data-mobile-col="mobile-one" style="padding:;background-color:"><div class="mcb-wrap-inner mcb-wrap-inner-4gm3szf6g mfn-module-wrapper mfn-wrapper-for-wraps"><div class="mcb-wrap-background-overlay"></div><div class="column mcb-column mcb-item-fhtokuy9i one laptop-one tablet-one mobile-one column_image" style=""><div class="mcb-column-inner mfn-module-wrapper mcb-column-inner-fhtokuy9i mcb-item-image-inner"><div class="image_frame image_item no_link scale-with-grid no_border"><div class="image_wrapper "><img width="1000" height="1101" src="./GuiLinTraveler – Chase Spring Around the World_files/b9fc7d8077cc46f2afc5b5ce_cp_1000x1101-Photoroom.png" class="scale-with-grid entered lazyloaded" alt="" style="" decoding="async" data-lazy-srcset="https://springtraveler.com/wp-content/uploads/2025/03/b9fc7d8077cc46f2afc5b5ce_cp_1000x1101-Photoroom.png 1000w, https://springtraveler.com/wp-content/uploads/2025/03/b9fc7d8077cc46f2afc5b5ce_cp_1000x1101-Photoroom-454x500.png 454w, https://springtraveler.com/wp-content/uploads/2025/03/b9fc7d8077cc46f2afc5b5ce_cp_1000x1101-Photoroom-272x300.png 272w, https://springtraveler.com/wp-content/uploads/2025/03/b9fc7d8077cc46f2afc5b5ce_cp_1000x1101-Photoroom-768x846.png 768w, https://springtraveler.com/wp-content/uploads/2025/03/b9fc7d8077cc46f2afc5b5ce_cp_1000x1101-Photoroom-68x75.png 68w, https://springtraveler.com/wp-content/uploads/2025/03/b9fc7d8077cc46f2afc5b5ce_cp_1000x1101-Photoroom-480x528.png 480w, https://springtraveler.com/wp-content/uploads/2025/03/b9fc7d8077cc46f2afc5b5ce_cp_1000x1101-Photoroom-800x881.png 800w" data-lazy-sizes="(max-width:767px) 480px, (max-width:1000px) 100vw, 1000px" data-lazy-src="https://springtraveler.com/wp-content/uploads/2025/03/b9fc7d8077cc46f2afc5b5ce_cp_1000x1101-Photoroom.png" data-ll-status="loaded" sizes="(max-width:767px) 480px, (max-width:1000px) 100vw, 1000px" srcset="https://springtraveler.com/wp-content/uploads/2025/03/b9fc7d8077cc46f2afc5b5ce_cp_1000x1101-Photoroom.png 1000w, https://springtraveler.com/wp-content/uploads/2025/03/b9fc7d8077cc46f2afc5b5ce_cp_1000x1101-Photoroom-454x500.png 454w, https://springtraveler.com/wp-content/uploads/2025/03/b9fc7d8077cc46f2afc5b5ce_cp_1000x1101-Photoroom-272x300.png 272w, https://springtraveler.com/wp-content/uploads/2025/03/b9fc7d8077cc46f2afc5b5ce_cp_1000x1101-Photoroom-768x846.png 768w, https://springtraveler.com/wp-content/uploads/2025/03/b9fc7d8077cc46f2afc5b5ce_cp_1000x1101-Photoroom-68x75.png 68w, https://springtraveler.com/wp-content/uploads/2025/03/b9fc7d8077cc46f2afc5b5ce_cp_1000x1101-Photoroom-480x528.png 480w, https://springtraveler.com/wp-content/uploads/2025/03/b9fc7d8077cc46f2afc5b5ce_cp_1000x1101-Photoroom-800x881.png 800w"><noscript><img width="1000" height="1101" src="https://springtraveler.com/wp-content/uploads/2025/03/b9fc7d8077cc46f2afc5b5ce_cp_1000x1101-Photoroom.png" class="scale-with-grid" alt="" style="" decoding="async" srcset="https://springtraveler.com/wp-content/uploads/2025/03/b9fc7d8077cc46f2afc5b5ce_cp_1000x1101-Photoroom.png 1000w, https://springtraveler.com/wp-content/uploads/2025/03/b9fc7d8077cc46f2afc5b5ce_cp_1000x1101-Photoroom-454x500.png 454w, https://springtraveler.com/wp-content/uploads/2025/03/b9fc7d8077cc46f2afc5b5ce_cp_1000x1101-Photoroom-272x300.png 272w, https://springtraveler.com/wp-content/uploads/2025/03/b9fc7d8077cc46f2afc5b5ce_cp_1000x1101-Photoroom-768x846.png 768w, https://springtraveler.com/wp-content/uploads/2025/03/b9fc7d8077cc46f2afc5b5ce_cp_1000x1101-Photoroom-68x75.png 68w, https://springtraveler.com/wp-content/uploads/2025/03/b9fc7d8077cc46f2afc5b5ce_cp_1000x1101-Photoroom-480x528.png 480w, https://springtraveler.com/wp-content/uploads/2025/03/b9fc7d8077cc46f2afc5b5ce_cp_1000x1101-Photoroom-800x881.png 800w" sizes="(max-width:767px) 480px, (max-width:1000px) 100vw, 1000px" /></noscript></div></div
|
|
|
|
|
|
</div></div><div class="column mcb-column mcb-item-heediv14d one-second laptop-one-second tablet-one-second mobile-one column_column" style=""><div class="mcb-column-inner mfn-module-wrapper mcb-column-inner-heediv14d mcb-item-column-inner"><div class="column_attr mfn-inline-editor clearfix" style=""><h3>See the map</h3></div></div></div><div class="column mcb-column mcb-item-is22wy13n one-second laptop-one-second tablet-one-second mobile-one column_button" style=""><div class="mcb-column-inner mfn-module-wrapper mcb-column-inner-is22wy13n mcb-item-button-inner"><div class="button_align align_right"><a class="button button_size_2" href="https://springtraveler.com/places/" title=""><span class="button_label">View more details</span></a></div>
|
|
|
|
|
|
</div></div></div></div></div></section><section class="section mcb-section mfn-default-section mcb-section-boq1p1m2x" style="padding-bottom:50px"><div class="mcb-background-overlay"></div><div class="section_wrapper mfn-wrapper-for-wraps mcb-section-inner mcb-section-inner-boq1p1m2x"><div class="wrap mcb-wrap mcb-wrap-w26wkffze one tablet-one laptop-one mobile-one valign-top clearfix" data-desktop-col="one" data-laptop-col="laptop-one" data-tablet-col="tablet-one" data-mobile-col="mobile-one" style="padding:;background-color:"><div class="mcb-wrap-inner mcb-wrap-inner-w26wkffze mfn-module-wrapper mfn-wrapper-for-wraps"><div class="mcb-wrap-background-overlay"></div><div class="column mcb-column mcb-item-ueezi7y4a three-fifth laptop-three-fifth tablet-three-fifth mobile-one column_column" style=""><div class="mcb-column-inner mfn-module-wrapper mcb-column-inner-ueezi7y4a mcb-item-column-inner"><div class="column_attr mfn-inline-editor clearfix" style=""><p><span class="themecolor" style="margin-right: 10px;">—</span>Available tours</p>
|
|
|
|
|
|
<h2>Decide what you want to do in Guilin.</h2></div></div></div><div class="column mcb-column mcb-item-k1qdo3kvn one laptop-one tablet-one mobile-one column_shop" style=""><div class="mcb-column-inner mfn-module-wrapper mcb-column-inner-k1qdo3kvn mcb-item-shop-inner"><div class="woocommerce columns-3 ">
|
|
|
|
|
|
<div class="products_wrapper mfn-woo-products isotope_wrapper default-woo-loop lm_wrapper">
|
|
|
|
|
|
<ul class="products ">
|
|
|
|
|
|
<li class="isotope-item align-center product type-product post-380 status-publish first instock product_cat-multi-day-tour has-post-thumbnail virtual purchasable product-type-simple">
|
|
|
|
|
|
|
|
|
|
|
|
<div class="mfn-li-product-row mfn-li-product-row-image"><div class="image_frame scale-with-grid product-loop-thumb"><div class="image_wrapper "><a href="https://springtraveler.com/product/6-day-private-tour-from-guilin-to-guizhou/" aria-label="6-Day Private Tour: From Guilin to Guizhou" tabindex="-1"><div class="mask"></div><img width="800" height="800" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20800%20800'%3E%3C/svg%3E" class="attachment-woocommerce_thumbnail size-woocommerce_thumbnail" alt="" decoding="async" data-lazy-src="https://springtraveler.com/wp-content/uploads/2025/03/ff_微信图片_20250306213137-800x800.webp"><noscript><img width="800" height="800" src="https://springtraveler.com/wp-content/uploads/2025/03/ff_微信图片_20250306213137-800x800.webp" class="attachment-woocommerce_thumbnail size-woocommerce_thumbnail" alt="" decoding="async" /></noscript></a><div class="image_links"><a rel="nofollow" tabindex="-1" data-tooltip="Add to cart" data-position="left" href="https://springtraveler.com/?add-to-cart=380" data-quantity="1" data-product_id="380" class="add_to_cart_button ajax_add_to_cart product_type_simple tooltip tooltip-txt"><svg viewBox="0 0 26 26"><defs><style>.path{fill:none;stroke:#333;stroke-miterlimit:10;stroke-width:1.5px;}</style></defs><polygon class="path" points="20.4 20.4 5.6 20.4 6.83 10.53 19.17 10.53 20.4 20.4"></polygon><path class="path" d="M9.3,10.53V9.3a3.7,3.7,0,1,1,7.4,0v1.23"></path></svg></a><a class="link tooltip tooltip-txt" data-tooltip="View product" data-position="left" href="https://springtraveler.com/product/6-day-private-tour-from-guilin-to-guizhou/"><svg viewBox="0 0 26 26"><defs><style>.path{fill:none;stroke:#333;stroke-miterlimit:10;stroke-width:1.5px;}</style></defs><g><path d="M10.17,8.76l2.12-2.12a5,5,0,0,1,7.07,0h0a5,5,0,0,1,0,7.07l-2.12,2.12" class="path"></path><path d="M15.83,17.24l-2.12,2.12a5,5,0,0,1-7.07,0h0a5,5,0,0,1,0-7.07l2.12-2.12" class="path"></path><line x1="10.17" y1="15.83" x2="15.83" y2="10.17" class="path"></line></g></svg></a></div></div><a href="https://springtraveler.com/product/6-day-private-tour-from-guilin-to-guizhou/" aria-label="6-Day Private Tour: From Guilin to Guizhou" tabindex="-1"><span class="product-loading-icon added-cart"></span></a></div></div>
|
|
|
|
|
|
<div class="desc">
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<h4 class="mfn-woo-product-title"><a href="https://springtraveler.com/product/6-day-private-tour-from-guilin-to-guizhou/">6-Day Private Tour: From Guilin to Guizhou</a></h4>
|
|
|
|
|
|
|
|
|
|
|
|
<span class="price"><span class="woocommerce-Price-amount amount"><bdi><span class="woocommerce-Price-currencySymbol">$</span>1,120.00</bdi></span></span>
|
|
|
|
|
|
<div class="mfn-li-product-row mfn-li-product-row-button hide-button"></div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
</li>
|
|
|
|
|
|
<li class="isotope-item align-center product type-product post-378 status-publish instock product_cat-multi-day-tour has-post-thumbnail virtual purchasable product-type-simple">
|
|
|
|
|
|
|
|
|
|
|
|
<div class="mfn-li-product-row mfn-li-product-row-image"><div class="image_frame scale-with-grid product-loop-thumb"><div class="image_wrapper "><a href="https://springtraveler.com/product/6-days-guilin-to-fenghuang-zhangjiajie-private-tour/" aria-label="6 Days Guilin to Fenghuang & Zhangjiajie Private Tour" tabindex="-1"><div class="mask"></div><img width="800" height="800" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20800%20800'%3E%3C/svg%3E" class="attachment-woocommerce_thumbnail size-woocommerce_thumbnail" alt="" decoding="async" data-lazy-src="https://springtraveler.com/wp-content/uploads/2025/03/ff_微信图片_20250306212959-800x800.webp"><noscript><img width="800" height="800" src="https://springtraveler.com/wp-content/uploads/2025/03/ff_微信图片_20250306212959-800x800.webp" class="attachment-woocommerce_thumbnail size-woocommerce_thumbnail" alt="" decoding="async" /></noscript></a><div class="image_links"><a rel="nofollow" tabindex="-1" data-tooltip="Add to cart" data-position="left" href="https://springtraveler.com/?add-to-cart=378" data-quantity="1" data-product_id="378" class="add_to_cart_button ajax_add_to_cart product_type_simple tooltip tooltip-txt"><svg viewBox="0 0 26 26"><defs><style>.path{fill:none;stroke:#333;stroke-miterlimit:10;stroke-width:1.5px;}</style></defs><polygon class="path" points="20.4 20.4 5.6 20.4 6.83 10.53 19.17 10.53 20.4 20.4"></polygon><path class="path" d="M9.3,10.53V9.3a3.7,3.7,0,1,1,7.4,0v1.23"></path></svg></a><a class="link tooltip tooltip-txt" data-tooltip="View product" data-position="left" href="https://springtraveler.com/product/6-days-guilin-to-fenghuang-zhangjiajie-private-tour/"><svg viewBox="0 0 26 26"><defs><style>.path{fill:none;stroke:#333;stroke-miterlimit:10;stroke-width:1.5px;}</style></defs><g><path d="M10.17,8.76l2.12-2.12a5,5,0,0,1,7.07,0h0a5,5,0,0,1,0,7.07l-2.12,2.12" class="path"></path><path d="M15.83,17.24l-2.12,2.12a5,5,0,0,1-7.07,0h0a5,5,0,0,1,0-7.07l2.12-2.12" class="path"></path><line x1="10.17" y1="15.83" x2="15.83" y2="10.17" class="path"></line></g></svg></a></div></div><a href="https://springtraveler.com/product/6-days-guilin-to-fenghuang-zhangjiajie-private-tour/" aria-label="6 Days Guilin to Fenghuang & Zhangjiajie Private Tour" tabindex="-1"><span class="product-loading-icon added-cart"></span></a></div></div>
|
|
|
|
|
|
<div class="desc">
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<h4 class="mfn-woo-product-title"><a href="https://springtraveler.com/product/6-days-guilin-to-fenghuang-zhangjiajie-private-tour/">6 Days Guilin to Fenghuang & Zhangjiajie Private Tour</a></h4>
|
|
|
|
|
|
|
|
|
|
|
|
<span class="price"><span class="woocommerce-Price-amount amount"><bdi><span class="woocommerce-Price-currencySymbol">$</span>810.00</bdi></span></span>
|
|
|
|
|
|
<div class="mfn-li-product-row mfn-li-product-row-button hide-button"></div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
</li>
|
|
|
|
|
|
<li class="isotope-item align-center product type-product post-376 status-publish last instock product_cat-multi-day-tour has-post-thumbnail virtual purchasable product-type-simple">
|
|
|
|
|
|
|
|
|
|
|
|
<div class="mfn-li-product-row mfn-li-product-row-image"><div class="image_frame scale-with-grid product-loop-thumb"><div class="image_wrapper "><a href="https://springtraveler.com/product/8-day-private-tour-from-guilin-to-nanning-a-journey-through-southern-chinas-natural-and-cultural-wonders/" aria-label="8-Day Private Tour from Guilin to Nanning: A Journey Through Southern China's Natural and Cultural Wonders" tabindex="-1"><div class="mask"></div><img width="800" height="800" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20800%20800'%3E%3C/svg%3E" class="attachment-woocommerce_thumbnail size-woocommerce_thumbnail" alt="" decoding="async" data-lazy-src="https://springtraveler.com/wp-content/uploads/2025/03/ff_微信图片_20250306213137-800x800.webp"><noscript><img width="800" height="800" src="https://springtraveler.com/wp-content/uploads/2025/03/ff_微信图片_20250306213137-800x800.webp" class="attachment-woocommerce_thumbnail size-woocommerce_thumbnail" alt="" decoding="async" /></noscript></a><div class="image_links"><a rel="nofollow" tabindex="-1" data-tooltip="Add to cart" data-position="left" href="https://springtraveler.com/?add-to-cart=376" data-quantity="1" data-product_id="376" class="add_to_cart_button ajax_add_to_cart product_type_simple tooltip tooltip-txt"><svg viewBox="0 0 26 26"><defs><style>.path{fill:none;stroke:#333;stroke-miterlimit:10;stroke-width:1.5px;}</style></defs><polygon class="path" points="20.4 20.4 5.6 20.4 6.83 10.53 19.17 10.53 20.4 20.4"></polygon><path class="path" d="M9.3,10.53V9.3a3.7,3.7,0,1,1,7.4,0v1.23"></path></svg></a><a class="link tooltip tooltip-txt" data-tooltip="View product" data-position="left" href="https://springtraveler.com/product/8-day-private-tour-from-guilin-to-nanning-a-journey-through-southern-chinas-natural-and-cultural-wonders/"><svg viewBox="0 0 26 26"><defs><style>.path{fill:none;stroke:#333;stroke-miterlimit:10;stroke-width:1.5px;}</style></defs><g><path d="M10.17,8.76l2.12-2.12a5,5,0,0,1,7.07,0h0a5,5,0,0,1,0,7.07l-2.12,2.12" class="path"></path><path d="M15.83,17.24l-2.12,2.12a5,5,0,0,1-7.07,0h0a5,5,0,0,1,0-7.07l2.12-2.12" class="path"></path><line x1="10.17" y1="15.83" x2="15.83" y2="10.17" class="path"></line></g></svg></a></div></div><a href="https://springtraveler.com/product/8-day-private-tour-from-guilin-to-nanning-a-journey-through-southern-chinas-natural-and-cultural-wonders/" aria-label="8-Day Private Tour from Guilin to Nanning: A Journey Through Southern China's Natural and Cultural Wonders" tabindex="-1"><span class="product-loading-icon added-cart"></span></a></div></div>
|
|
|
|
|
|
<div class="desc">
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<h4 class="mfn-woo-product-title"><a href="https://springtraveler.com/product/8-day-private-tour-from-guilin-to-nanning-a-journey-through-southern-chinas-natural-and-cultural-wonders/">8-Day Private Tour from Guilin to Nanning: A Journey Through Southern China’s Natural and Cultural Wonders</a></h4>
|
|
|
|
|
|
|
|
|
|
|
|
<span class="price"><span class="woocommerce-Price-amount amount"><bdi><span class="woocommerce-Price-currencySymbol">$</span>1,900.00</bdi></span></span>
|
|
|
|
|
|
<div class="mfn-li-product-row mfn-li-product-row-button hide-button"></div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
</li>
|
|
|
|
|
|
|
|
|
|
|
|
</ul>
|
|
|
|
|
|
</div></div></div></div></div></div></div></section><section data-bg="https://springtraveler.com/wp-content/uploads/2025/02/ff_li-river-7175035_1920-1.webp#147" class="section mcb-section mfn-default-section mcb-section-3nssf72ea full-screen bg-cover bg-cover rocket-lazyload" style="background-repeat:no-repeat;background-position:center;background-attachment:fixed;background-size:cover"><div class="mcb-background-overlay"></div><div class="section_wrapper mfn-wrapper-for-wraps mcb-section-inner mcb-section-inner-3nssf72ea"><div class="wrap mcb-wrap mcb-wrap-107osdm9h one tablet-one laptop-one mobile-one valign-top clearfix" data-desktop-col="one" data-laptop-col="laptop-one" data-tablet-col="tablet-one" data-mobile-col="mobile-one" style="padding:;background-color:"><div class="mcb-wrap-inner mcb-wrap-inner-107osdm9h mfn-module-wrapper mfn-wrapper-for-wraps"><div class="mcb-wrap-background-overlay"></div><div class="column mcb-column mcb-item-sdaan7nop one laptop-one tablet-one mobile-one column_divider" style=""><div class="mcb-column-inner mfn-module-wrapper mcb-column-inner-sdaan7nop mcb-item-divider-inner"><hr class="no_line" style="margin: 0 auto 400px auto">
|
|
|
|
|
|
</div></div></div></div></div></section><section class="section mcb-section mfn-default-section mcb-section-xwpg512i default-width" style=""><div class="mcb-background-overlay"></div><div class="section_wrapper mfn-wrapper-for-wraps mcb-section-inner mcb-section-inner-xwpg512i"><div class="wrap mcb-wrap mcb-wrap-wxyduk02 one tablet-one laptop-one mobile-one clearfix" data-desktop-col="one" data-laptop-col="laptop-one" data-tablet-col="tablet-one" data-mobile-col="mobile-one" style=""><div class="mcb-wrap-inner mcb-wrap-inner-wxyduk02 mfn-module-wrapper mfn-wrapper-for-wraps"><div class="mcb-wrap-background-overlay"></div><div class="column mcb-column mcb-item-lbtlyityj one laptop-one tablet-one mobile-one column_divider_2" style=""><div class="mcb-column-inner mfn-module-wrapper mcb-column-inner-lbtlyityj mcb-item-divider_2-inner"><div class="mfn-divider mfn-divider-center"><div class="mfn-divider-inner"></div></div>
|
|
|
|
|
|
</div></div></div></div></div></section><section class="section mcb-section mfn-default-section mcb-section-feaa2p833" style="padding-bottom:70px"><div class="mcb-background-overlay"></div><div class="section_wrapper mfn-wrapper-for-wraps mcb-section-inner mcb-section-inner-feaa2p833"><div class="wrap mcb-wrap mcb-wrap-o6rpfmr9r one-second tablet-one-second laptop-one-second mobile-one valign-top clearfix" data-desktop-col="one-second" data-laptop-col="laptop-one-second" data-tablet-col="tablet-one-second" data-mobile-col="mobile-one" style="padding:0 5% 0 0;background-color:"><div class="mcb-wrap-inner mcb-wrap-inner-o6rpfmr9r mfn-module-wrapper mfn-wrapper-for-wraps"><div class="mcb-wrap-background-overlay"></div><div class="column mcb-column mcb-item-dxxlfnph2 one laptop-one tablet-one mobile-one column_column" style=""><div class="mcb-column-inner mfn-module-wrapper mcb-column-inner-dxxlfnph2 mcb-item-column-inner"><div class="column_attr mfn-inline-editor clearfix" style=""><p><span class="themecolor" style="margin-right: 10px;">—</span>About us</p>
|
|
|
|
|
|
<h2>Your Personalized Guilin Adventure Starts Here</h2>
|
|
|
|
|
|
<p></p><hr class="no_line" style="margin: 0 auto 20px auto">
|
|
|
|
|
|
<p></p>
|
|
|
|
|
|
<p style="margin: 0 15% 20px 10%;">We believe in crafting travel experiences as unique as you are. As a dedicated Guilin tour agency, we focus on providing personalized service and creating tailored adventures that match your interests and dreams. Forget cookie-cutter tours – we take the time to understand your preferences and design a Guilin journey that is perfectly suited for you. From the Li River to Longsheng Rice Terraces, let us create your unforgettable Guilin story.</p></div></div></div></div></div><div class="wrap mcb-wrap mcb-wrap-y4c16c9l3 one-second tablet-one-second laptop-one-second mobile-one valign-top clearfix" data-desktop-col="one-second" data-laptop-col="laptop-one-second" data-tablet-col="tablet-one-second" data-mobile-col="mobile-one" style="padding:;background-color:"><div class="mcb-wrap-inner mcb-wrap-inner-y4c16c9l3 mfn-module-wrapper mfn-wrapper-for-wraps"><div class="mcb-wrap-background-overlay"></div><div class="column mcb-column mcb-item-euwia278v one laptop-one tablet-one mobile-one column_image" style=""><div class="mcb-column-inner mfn-module-wrapper mcb-column-inner-euwia278v mcb-item-image-inner"><div class="image_frame image_item no_link scale-with-grid aligncenter no_border"><div class="image_wrapper "><img width="51" height="42" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2051%2042'%3E%3C/svg%3E" class="scale-with-grid" alt="" style="" decoding="async" data-lazy-src="https://springtraveler.com/wp-content/uploads/2020/09/travel2-icon2.png"><noscript><img width="51" height="42" src="https://springtraveler.com/wp-content/uploads/2020/09/travel2-icon2.png" class="scale-with-grid" alt="" style="" decoding="async" /></noscript></div></div>
|
|
|
|
|
|
</div></div><div class="column mcb-column mcb-item-pgvoqmh6a one laptop-one tablet-one mobile-one column_testimonials" style=""><div class="mcb-column-inner mfn-module-wrapper mcb-column-inner-pgvoqmh6a mcb-item-testimonials-inner"><div class="testimonials_slider single-photo hide-photos"><ul class="testimonials_slider_ul slick-initialized slick-slider slick-dotted"><a class="button the-icon slider_prev slick-arrow" href="https://springtraveler.com/#" aria-label="previous slide" style="display: inline;"><i class="icon-left-open-big"></i></a><div class="slick-list draggable" style="height: 417px;"><div class="slick-track" style="opacity: 1; width: 4102px; transform: translate3d(-586px, 0px, 0px);"><div class="slick-slide slick-cloned" data-slick-index="-1" id="" aria-hidden="true" style="width: 586px;"><div><li style="width: 100%; display: inline-block;"><div class="single-photo-img"><img width="85" height="85" class="scale-with-grid" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2085%2085'%3E%3C/svg%3E" alt="Emily K. (United Kingdom)" data-lazy-src="https://springtraveler.com/wp-content/themes/betheme/images/testimonials-placeholder.png"><noscript><img width="85" height="85" class="scale-with-grid" src="https://springtraveler.com/wp-content/themes/betheme/images/testimonials-placeholder.png" alt="Emily K. (United Kingdom)" /></noscript></div><div class="bq_wrapper"><div class="blockquote"><span class="mfn-blockquote-icon"><i class="icon-quote" aria-hidden="true"></i></span><blockquote><h3>As a London teacher, I've seen crowded group tours ruin magic. Your 'Moon Hill sketching session' at golden hour? Perfection! The guide even brought watercolor paper for us!</h3></blockquote></div></div><div class="hr_dots"><span></span><span></span><span></span></div><div class="author"><h5 class="title ">Emily K. (United Kingdom)</h5><span class="company"></span></div></li></div></div><div class="slick-slide slick-current slick-active" data-slick-index="0" aria-hidden="false" style="width: 586px;" role="tabpanel" id="slick-slide00"><div><li style="width: 100%; display: inline-block;"><div class="single-photo-img"><img width="85" height="85" class="scale-with-grid" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2085%2085'%3E%3C/svg%3E" alt="Sofia M. (Australia)" data-lazy-src="https://springtraveler.com/wp-content/themes/betheme/images/testimonials-placeholder.png"><noscript><img width="85" height="85" class="scale-with-grid" src="https://springtraveler.com/wp-content/themes/betheme/images/testimonials-placeholder.png" alt="Sofia M. (Australia)" /></noscript></div><div class="bq_wrapper"><div class="blockquote"><span class="mfn-blockquote-icon"><i class="icon-quote" aria-hidden="true"></i></span><blockquote><h3>My teens usually hate 'cultural stuff', but biking Yangshuo's countryside with your hilarious guide Tony? They learned Mandarin slang AND begged to extend the trip!</h3></blockquote></div></div><div class="hr_dots"><span></span><span></span><span></span></div><div class="author"><h5 class="title ">Sofia M. (Australia)</h5><span class="company"></span></div></li></div></div><div class="slick-slide" data-slick-index="1" aria-hidden="true" style="width: 586px;" role="tabpanel" id="slick-slide01"><div><li style="width: 100%; display: inline-block;"><div class="single-photo-img"><img width="85" height="85" class="scale-with-grid" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2085%2085'%3E%3C/svg%3E" alt="Raj P. (Canada)" data-lazy-src="https://springtraveler.com/wp-content/themes/betheme/images/testimonials-placeholder.png"><noscript><img width="85" height="85" class="scale-with-grid" src="https://springtraveler.com/wp-content/themes/betheme/images/testimonials-placeholder.png" alt="Raj P. (Canada)" /></noscript></div><div class="bq_wrapper"><div class="blockquote"><span class="mfn-blockquote-icon"><i class="icon-quote" aria-hidden="true"></i></span><blockquote><h3>Solo t
|
|
|
|
|
|
</div></div></div></div></div></section><section data-bg="https://springtraveler.com/wp-content/uploads/2025/02/ff_sunrise-7274824_1920.webp#129" class="section mcb-section mfn-default-section mcb-section-k95a74sgq bg-cover rocket-lazyload" style="padding-top:170px;padding-bottom:130px;background-repeat:no-repeat;background-position:center;background-attachment:;background-size:"><div class="mcb-background-overlay"></div><div class="section_wrapper mfn-wrapper-for-wraps mcb-section-inner mcb-section-inner-k95a74sgq"><div class="wrap mcb-wrap mcb-wrap-di67d6pwb one-sixth tablet-one-sixth laptop-one-sixth mobile-one valign-top clearfix" data-desktop-col="one-sixth" data-laptop-col="laptop-one-sixth" data-tablet-col="tablet-one-sixth" data-mobile-col="mobile-one" style="padding:;background-color:"><div class="mcb-wrap-inner mcb-wrap-inner-di67d6pwb mfn-module-wrapper mfn-wrapper-for-wraps"><div class="mcb-wrap-background-overlay"></div><div class="column mcb-column mcb-item-4fc6zdmf6 one laptop-one tablet-one mobile-one column_placeholder" style=""><div class="mcb-column-inner mfn-module-wrapper mcb-column-inner-4fc6zdmf6 mcb-item-placeholder-inner"><div class="placeholder"> </div></div></div></div></div><div class="wrap mcb-wrap mcb-wrap-2y6uzmyl0 three-fourth tablet-three-fourth laptop-three-fourth mobile-one valign-top clearfix" data-desktop-col="three-fourth" data-laptop-col="laptop-three-fourth" data-tablet-col="tablet-three-fourth" data-mobile-col="mobile-one" style="padding:;background-color:"><div class="mcb-wrap-inner mcb-wrap-inner-2y6uzmyl0 mfn-module-wrapper mfn-wrapper-for-wraps"><div class="mcb-wrap-background-overlay"></div><div class="column mcb-column mcb-item-38lkkja92 one laptop-one tablet-one mobile-one column_column" style=""><div class="mcb-column-inner mfn-module-wrapper mcb-column-inner-38lkkja92 mcb-item-column-inner"><div class="column_attr mfn-inline-editor clearfix align_center" style=""><h2 style="color: #fff;">Sign up to our newsletter and grab tickets at lowest prices</h2>
|
|
|
|
|
|
<p></p><hr class="no_line" style="margin: 0 auto 15px auto">
|
|
|
|
|
|
|
|
|
|
|
|
<div class="wpcf7 js" id="wpcf7-f92-p99-o1" lang="en-US" dir="ltr" data-wpcf7-id="92">
|
|
|
|
|
|
<div class="screen-reader-response"><p role="status" aria-live="polite" aria-atomic="true"></p> <ul></ul></div>
|
|
|
|
|
|
<form action="https://springtraveler.com/#wpcf7-f92-p99-o1" method="post" class="wpcf7-form init" aria-label="Contact form" novalidate="novalidate" data-status="init">
|
|
|
|
|
|
<div style="display: none;">
|
|
|
|
|
|
<input type="hidden" name="_wpcf7" value="92">
|
|
|
|
|
|
<input type="hidden" name="_wpcf7_version" value="6.0.4">
|
|
|
|
|
|
<input type="hidden" name="_wpcf7_locale" value="en_US">
|
|
|
|
|
|
<input type="hidden" name="_wpcf7_unit_tag" value="wpcf7-f92-p99-o1">
|
|
|
|
|
|
<input type="hidden" name="_wpcf7_container_post" value="99">
|
|
|
|
|
|
<input type="hidden" name="_wpcf7_posted_data_hash" value="">
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<div class="travel2-newsletter">
|
|
|
|
|
|
<p><span class="wpcf7-form-control-wrap" data-name="your-email"><input size="40" maxlength="400" class="wpcf7-form-control wpcf7-email wpcf7-validates-as-required wpcf7-text wpcf7-validates-as-email" aria-required="true" aria-invalid="false" placeholder="Your e-mail" value="" type="email" name="your-email"></span><br>
|
|
|
|
|
|
<input class="wpcf7-form-control wpcf7-submit has-spinner button_full_width" type="submit" value="Sign up today"><span class="wpcf7-spinner"></span>
|
|
|
|
|
|
</p>
|
|
|
|
|
|
</div><div class="wpcf7-response-output" aria-hidden="true"></div>
|
|
|
|
|
|
</form>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<p></p>
|
|
|
|
|
|
<p style="color: #fff;"><span style="font-family: Open Sans, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen-Sans, Ubuntu, Cantarell, Helvetica Neue, sans-serif; font-size: 16px; font-style: normal; font-variant-ligatures: normal; font-variant-caps: normal; font-weight: 400;">Subscribe to our Guilin Travel newsletter for exclusive deals and low-price tickets to explore Guilin’s stunning scenery!</span></p></div></div></div></div></div></div></section></div><section class="section mcb-section the_content no_content"><div class="section_wrapper"><div class="the_content_wrapper "></div></div></section>
|
|
|
|
|
|
<section class="section section-page-footer">
|
|
|
|
|
|
<div class="section_wrapper clearfix">
|
|
|
|
|
|
|
|
|
|
|
|
<div class="column one page-pager">
|
|
|
|
|
|
<div class="mcb-column-inner">
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</section>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
</main>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<!-- mfn_hook_content_after --><!-- mfn_hook_content_after -->
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<footer data-wpr-lazyrender="1" id="Footer" class="clearfix mfn-footer " role="contentinfo">
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<div class="footer_copy">
|
|
|
|
|
|
<div class="container">
|
|
|
|
|
|
<div class="column one mobile-one">
|
|
|
|
|
|
<div class="mcb-column-inner">
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<div class="copyright">
|
|
|
|
|
|
© 2025 Spring Traveler | All Rights Reserved </div>
|
|
|
|
|
|
|
|
|
|
|
|
<ul class="social"></ul>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
</footer>
|
|
|
|
|
|
|
|
|
|
|
|
<!-- End Footer Template -->
|
|
|
|
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
<div id="body_overlay"></div>
|
|
|
|
|
|
|
|
|
|
|
|
<div id="Side_slide" class="right dark" data-width="250" aria-expanded="false" role="banner" aria-label="responsive menu"><div class="close-wrapper"><a href="https://springtraveler.com/#" aria-label="menu close icon" class="close"><i class="icon-cancel-fine"></i></a></div><div class="extras"><div class="extras-wrapper" role="navigation" aria-label="extras menu"><a class="top-bar-right-icon myaccount_button top-bar-right-icon-user toggle-login-modal logged-out" href="https://springtraveler.com/my-account/"><svg width="26" viewBox="0 0 26 26" aria-label="user icon"><defs><style>.path{fill:none;stroke:#333333;stroke-width:1.5px;}</style></defs><circle class="path" cx="13" cy="9.7" r="4.1"></circle><path class="path" d="M19.51,18.1v2.31h-13V18.1c0-2.37,2.92-4.3,6.51-4.3S19.51,15.73,19.51,18.1Z"></path></svg></a><a id="header_cart" class="top-bar-right-icon top-bar-right-icon-cart " href="https://springtraveler.com/cart-2/"><svg width="26" viewBox="0 0 26 26" aria-label="cart icon"><defs><style>.path{fill:none;stroke:#333;stroke-miterlimit:10;stroke-width:1.5px;}</style></defs><polygon class="path" points="20.4 20.4 5.6 20.4 6.83 10.53 19.17 10.53 20.4 20.4"></polygon><path class="path" d="M9.3,10.53V9.3a3.7,3.7,0,1,1,7.4,0v1.23"></path></svg><span class="header-cart-count mfn-header-icon-0">0</span><p class="header-cart-total">$0.00</p></a></div></div><div class="lang-wrapper" role="navigation" aria-label="language menu"></div><div class="menu_wrapper" role="navigation" aria-label="main menu"></div><ul class="social"></ul></div><div aria-disabled="false" class="mfn-header-login is-side woocommerce mfn-header-modal-login" aria-expanded="false" role="navigation" aria-label="shop account menu"><a href="https://springtraveler.com/#" class="mfn-close-icon toggle-login-modal close-login-modal" tabindex="0"><span class="icon" aria-label="close menu">✕</span></a><h4>登录</h4><form class="woocommerce-form woocommerce-form-login login" method="post" action="https://springtraveler.com/my-account/">
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<p class="form-row form-row-first">
|
|
|
|
|
|
<label for="username">用户名或电子邮件 <span class="required">*</span></label>
|
|
|
|
|
|
<input type="text" class="input-text" name="username" aria-label="Username" autocomplete="username">
|
|
|
|
|
|
</p>
|
|
|
|
|
|
<p class="form-row form-row-last">
|
|
|
|
|
|
<label for="password">密码 <span class="required">*</span></label>
|
|
|
|
|
|
<span class="password-input"><input class="input-text woocommerce-Input" type="password" name="password" aria-label="Password" autocomplete="current-password"><span class="show-password-input"></span></span>
|
|
|
|
|
|
</p>
|
|
|
|
|
|
<div class="clear"></div>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<p class="form-row">
|
|
|
|
|
|
<label class="woocommerce-form__label woocommerce-form__label-for-checkbox woocommerce-form-login__rememberme">
|
|
|
|
|
|
<input class="woocommerce-form__input woocommerce-form__input-checkbox" name="rememberme" type="checkbox" value="forever"> <span>记住我</span>
|
|
|
|
|
|
</label>
|
|
|
|
|
|
|
|
|
|
|
|
<input type="hidden" name="woocommerce-login-nonce" value="7d317c2d8e"><input type="hidden" name="_wp_http_referer" value="/">
|
|
|
|
|
|
<input type="hidden" name="redirect" value="">
|
|
|
|
|
|
<button type="submit" class="woocommerce-button button woocommerce-form-login__submit" name="login" value="登录">登录</button>
|
|
|
|
|
|
</p>
|
|
|
|
|
|
<p class="lost_password">
|
|
|
|
|
|
<a href="https://springtraveler.com/my-account/lost-password/">忘记密码？</a>
|
|
|
|
|
|
</p>
|
|
|
|
|
|
|
|
|
|
|
|
<div class="clear"></div>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
</form>
|
|
|
|
|
|
</div><a id="back_to_top" aria-label="Back to top icon" class="button footer_button sticky scroll" href="https://springtraveler.com/"><i class="icon-up-open-big"></i></a>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<!-- mfn_hook_bottom --><!-- mfn_hook_bottom -->
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<script>
|
|
|
|
|
|
window.RS_MODULES = window.RS_MODULES || {};
|
|
|
|
|
|
window.RS_MODULES.modules = window.RS_MODULES.modules || {};
|
|
|
|
|
|
window.RS_MODULES.waiting = window.RS_MODULES.waiting || [];
|
|
|
|
|
|
window.RS_MODULES.defered = true;
|
|
|
|
|
|
window.RS_MODULES.moduleWaiting = window.RS_MODULES.moduleWaiting || {};
|
|
|
|
|
|
window.RS_MODULES.type = 'compiled';
|
|
|
|
|
|
</script>
|
|
|
|
|
|
<div id="wptravelengine-trip-booking-modal" data-trip-booking="{"tripID":null,"nonce":"a93b140039","wpXHR":"https:\/\/springtraveler.com\/wp-admin\/admin-ajax.php","cartVersion":"2.0","buttonLabel":"Check Availability"}"></div>
|
|
|
|
|
|
<!-- Click to Chat - https://holithemes.com/plugins/click-to-chat/ v4.27 -->
|
|
|
|
|
|
|
|
|
|
|
|
<div class="ht-ctc ht-ctc-chat ctc-analytics ctc_wp_desktop style-7 ht_ctc_entry_animation ht_ctc_an_entry_corner ht_ctc_animation no-animation" id="ht-ctc-chat" style="position: fixed; bottom: 21px; right: 15px; cursor: pointer; z-index: 99999999;">
|
|
|
|
|
|
<div class="ht_ctc_style ht_ctc_chat_style">
|
|
|
|
|
|
<style id="ht-ctc-s7">
|
|
|
|
|
|
.ht-ctc .ctc_s_7:hover .ctc_s_7_icon_padding, .ht-ctc .ctc_s_7:hover .ctc_cta_stick{background-color:#25d366 !important;}.ht-ctc .ctc_s_7:hover svg g path{fill:#f4f4f4 !important;}</style>
|
|
|
|
|
|
|
|
|
|
|
|
<div class="ctc_s_7 ctc-analytics ctc_nb" style="display:flex;justify-content:center;align-items:center; " data-nb_top="-7.8px" data-nb_right="-7.8px">
|
|
|
|
|
|
<p class="ctc_s_7_cta ctc_cta ctc_cta_stick ctc-analytics ht-ctc-cta ht-ctc-cta-hover " style="padding: 0px 16px; color: #ffffff; background-color: #25d366; border-radius:10px; margin:0 10px; display: none; order: 0; ">WhatsApp us</p>
|
|
|
|
|
|
<div class="ctc_s_7_icon_padding ctc-analytics " style="font-size: 20px; color: #ffffff; padding: 12px; background-color: #25D366; border-radius: 50%;">
|
|
|
|
|
|
<svg style="pointer-events:none; display:block; height:20px; width:20px;" height="20px" version="1.1" viewBox="0 0 509 512" width="20px">
|
|
|
|
|
|
<g fill="none" fill-rule="evenodd" id="Page-1" stroke="none" stroke-width="1">
|
|
|
|
|
|
<path style="fill: #ffffff;" d="M259.253137,0.00180389396 C121.502859,0.00180389396 9.83730687,111.662896 9.83730687,249.413175 C9.83730687,296.530232 22.9142299,340.597122 45.6254897,378.191325 L0.613226597,512.001804 L138.700183,467.787757 C174.430395,487.549184 215.522926,498.811168 259.253137,498.811168 C396.994498,498.811168 508.660049,387.154535 508.660049,249.415405 C508.662279,111.662896 396.996727,0.00180389396 259.253137,0.00180389396 L259.253137,0.00180389396 Z M259.253137,459.089875 C216.65782,459.089875 176.998957,446.313956 143.886359,424.41206 L63.3044195,450.21808 L89.4939401,372.345171 C64.3924908,337.776609 49.5608297,295.299463 49.5608297,249.406486 C49.5608297,133.783298 143.627719,39.7186378 259.253137,39.7186378 C374.871867,39.7186378 468.940986,133.783298 468.940986,249.406486 C468.940986,365.025215 374.874096,459.089875 259.253137,459.089875 Z M200.755924,146.247066 C196.715791,136.510165 193.62103,136.180176 187.380228,135.883632 C185.239759,135.781068 182.918689,135.682963 180.379113,135.682963 C172.338979,135.682963 164.002301,138.050856 158.97889,143.19021 C152.865178,149.44439 137.578667,164.09322 137.578667,194.171258 C137.578667,224.253755 159.487251,253.321759 162.539648,257.402027 C165.600963,261.477835 205.268745,324.111057 266.985579,349.682963 C315.157262,369.636141 329.460495,367.859106 340.450462,365.455539 C356.441543,361.9639 376.521811,350.186865 381.616571,335.917077 C386.711331,321.63837 386.711331,309.399797 385.184018,306.857991 C383.654475,304.305037 379.578667,302.782183 373.464955,299.716408 C367.351242,296.659552 337.288812,281.870254 331.68569,279.83458 C326.080339,277.796676 320.898622,278.418749 316.5887,284.378615 C310.639982,292.612729 304.918689,301.074268 300.180674,306.09099 C296.46161,310.02856 290.477218,310.577055 285.331175,308.389764 C278.564174,305.506821 259.516237,298.869139 236.160607,278.048627 C217.988923,261.847958 205.716906,241.83458 202.149458,235.711949 C198.582011,229.598236 201.835077,225.948292 204.584241,222.621648 C207.719135,218.824546 210.610997,216.097679 213.667853,212.532462 C216.724709,208.960555 218.432625,207.05866 220.470529,202.973933 C222.508433,198.898125 221.137195,194.690767 219.607652,191.629452 C218.07588,188.568136 205.835077,158.494558 200.755924,146.247066 Z" fill="#ffffff" id="htwaicon-chat"></path>
|
|
|
|
|
|
</g>
|
|
|
|
|
|
</svg> </div>
|
|
|
|
|
|
</div> </div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
<link href="./GuiLinTraveler – Chase Spring Around the World_files/css(1)" rel="stylesheet" property="stylesheet" media="all" type="text/css">
|
|
|
|
|
|
|
|
|
|
|
|
<script type="text/javascript">
|
|
|
|
|
|
(function () {
|
|
|
|
|
|
var c = document.body.className;
|
|
|
|
|
|
c = c.replace(/woocommerce-no-js/, 'woocommerce-js');
|
|
|
|
|
|
document.body.className = c;
|
|
|
|
|
|
})();
|
|
|
|
|
|
</script>
|
|
|
|
|
|
<script>
|
|
|
|
|
|
if(typeof revslider_showDoubleJqueryError === "undefined") {function revslider_showDoubleJqueryError(sliderID) {console.log("You have some jquery.js library include that comes after the Slider Revolution files js inclusion.");console.log("To fix this, you can:");console.log("1. Set 'Module General Options' -> 'Advanced' -> 'jQuery & OutPut Filters' -> 'Put JS to Body' to on");console.log("2. Find the double jQuery.js inclusion and remove it");return "Double Included jQuery Library";}}
|
|
|
|
|
|
</script>
|
|
|
|
|
|
<link data-minify="1" rel="stylesheet" id="wc-blocks-style-css" href="./GuiLinTraveler – Chase Spring Around the World_files/wc-blocks.css" type="text/css" media="all">
|
|
|
|
|
|
<link data-minify="1" rel="stylesheet" id="mfn-post-local-styles-991755981870-css" href="./GuiLinTraveler – Chase Spring Around the World_files/post-99.css" type="text/css" media="all">
|
|
|
|
|
|
<link data-minify="1" rel="stylesheet" id="mfn-element-divider-2-css" href="./GuiLinTraveler – Chase Spring Around the World_files/divider-2.css" type="text/css" media="all">
|
|
|
|
|
|
<link data-minify="1" rel="stylesheet" id="contact-form-7-css" href="./GuiLinTraveler – Chase Spring Around the World_files/styles.css" type="text/css" media="all">
|
|
|
|
|
|
<link data-minify="1" rel="stylesheet" id="rs-plugin-settings-css" href="./GuiLinTraveler – Chase Spring Around the World_files/rs6.css" type="text/css" media="all">
|
|
|
|
|
|
<style id="rs-plugin-settings-inline-css" type="text/css">
|
|
|
|
|
|
#rs-demo-id {}
|
|
|
|
|
|
</style>
|
|
|
|
|
|
<script type="text/javascript" id="ht_ctc_app_js-js-extra">
|
|
|
|
|
|
/* <![CDATA[ */
|
|
|
|
|
|
var ht_ctc_chat_var = {"number":"85264067632","pre_filled":"Hello Rita,","dis_m":"show","dis_d":"show","css":"display: none; cursor: pointer; z-index: 99999999;","pos_d":"position: fixed; bottom: 21px; right: 15px;","pos_m":"position: fixed; bottom: 21px; right: 15px;","side_d":"right","side_m":"right","schedule":"no","se":"150","ani":"no-animation","url_target_d":"_blank","ga":"yes","fb":"yes","webhook_format":"json","g_init":"default","g_an_event_name":"click to chat","pixel_event_name":"Click to Chat by HoliThemes"};
|
|
|
|
|
|
var ht_ctc_variables = {"g_an_event_name":"click to chat","pixel_event_type":"trackCustom","pixel_event_name":"Click to Chat by HoliThemes","g_an_params":["g_an_param_1","g_an_param_2","g_an_param_3"],"g_an_param_1":{"key":"number","value":"{number}"},"g_an_param_2":{"key":"title","value":"{title}"},"g_an_param_3":{"key":"url","value":"{url}"},"pixel_params":["pixel_param_1","pixel_param_2","pixel_param_3","pixel_param_4"],"pixel_param_1":{"key":"Category","value":"Click to Chat for WhatsApp"},"pixel_param_2":{"key":"ID","value":"{number}"},"pixel_param_3":{"key":"Title","value":"{title}"},"pixel_param_4":{"key":"URL","value":"{url}"}};
|
|
|
|
|
|
/* ]]> */
|
|
|
|
|
|
</script>
|
|
|
|
|
|
<script data-minify="1" type="text/javascript" src="./GuiLinTraveler – Chase Spring Around the World_files/app.js.download" id="ht_ctc_app_js-js" defer="defer" data-wp-strategy="defer"></script>
|
|
|
|
|
|
<script data-minify="1" type="text/javascript" src="./GuiLinTraveler – Chase Spring Around the World_files/fpickr.js.download" id="wte-fpickr-lib-js" data-rocket-defer="" defer=""></script>
|
|
|
|
|
|
<script data-minify="1" type="text/javascript" src="./GuiLinTraveler – Chase Spring Around the World_files/zh.js.download" id="wte-fpickr-js" data-rocket-defer="" defer=""></script>
|
|
|
|
|
|
<script type="text/javascript" id="wp-travel-engine-js-before">
|
|
|
|
|
|
/* <![CDATA[ */
|
|
|
|
|
|
;(function(){
|
|
|
|
|
|
var wte = window[wte] || {};
|
|
|
|
|
|
if(! window.wte){
|
|
|
|
|
|
window.wte = {"personFormat":"\/person","bookNow":"Book Now","totaltxt":"Total:","currency":{"code":"USD","symbol":"$"},"payments":[],"single_showtabs":false,"pax_labels":[],"booking_cutoff":{"enable":false,"cutoff":0,"unit":"days"}};
|
|
|
|
|
|
}
|
|
|
|
|
|
})();
|
|
|
|
|
|
;(function(){
|
|
|
|
|
|
var wte_account_page = window[wte_account_page] || {};
|
|
|
|
|
|
if(! window.wte_account_page){
|
|
|
|
|
|
window.wte_account_page = {"ajax_url":"https:\/\/springtraveler.com\/wp-admin\/admin-ajax.php","change_user_profile_msg":"Click here or Drop new image to update your profile picture"};
|
|
|
|
|
|
}
|
|
|
|
|
|
})();
|
|
|
|
|
|
;(function(){
|
|
|
|
|
|
var rtl = window[rtl] || {};
|
|
|
|
|
|
if(! window.rtl){
|
|
|
|
|
|
window.rtl = [];
|
|
|
|
|
|
}
|
|
|
|
|
|
})();
|
|
|
|
|
|
;(function(){
|
|
|
|
|
|
var wtePreFetch = window[wtePreFetch] || {};
|
|
|
|
|
|
if(! window.wtePreFetch){
|
|
|
|
|
|
window.wtePreFetch = {"tripID":99,"wpapi":{"root":"https:\/\/springtraveler.com\/wp-json\/","nonce":"58f776f05b","versionString":"wp\/v2\/"},"map_lazy_load":"disable","iframe_url":""};
|
|
|
|
|
|
}
|
|
|
|
|
|
})();
|
|
|
|
|
|
;(function(){
|
|
|
|
|
|
var WTEAjaxData = window[WTEAjaxData] || {};
|
|
|
|
|
|
if(! window.WTEAjaxData){
|
|
|
|
|
|
window.WTEAjaxData = {"ajaxurl":"https:\/\/springtraveler.com\/wp-admin\/admin-ajax.php","nonce":"58f776f05b"};
|
|
|
|
|
|
}
|
|
|
|
|
|
})();
|
|
|
|
|
|
;(function(){
|
|
|
|
|
|
var wteL10n = window[wteL10n] || {};
|
|
|
|
|
|
if(! window.wteL10n){
|
|
|
|
|
|
window.wteL10n = {"version":"6.6.4","baseCurrency":"USD","baseCurrencySymbol":"$","currency":"USD","currencySymbol":"$","home_url":"https:\/\/springtraveler.com","_nonces":{"addtocart":"a93b140039","downloadSystemInfo":"b724501a92"},"wpapi":{"root":"https:\/\/springtraveler.com\/wp-json\/","nonce":"58f776f05b","versionString":"wp\/v2\/"},"wpxhr":{"root":"https:\/\/springtraveler.com\/wp-admin\/admin-ajax.php","nonce":"8cb785719a"},"format":{"number":{"decimal":0,"decimalSeparator":".","thousandSeparator":","},"price":"%CURRENCY_SYMBOL%%FORMATED_AMOUNT%","date":"Y\u5e74n\u6708j\u65e5","time":"ag:i","datetime":{"date":"Y\u5e74n\u6708j\u65e5","time":"ag:i","GMTOffset":"+08:00","timezone":"Asia\/Shanghai"}},"extensions":[],"locale":"zh_CN","l10n":{"invalidCartTraveler":"No. of Travellers' should be at least %s","availableSeatsExceed":"The number of pax can not exceed more than %s","invalidCartExtraReq":"%s selection is essential. Please specify a number.","invalidCartExtra":"Extra Services marked with * is essential. Please specify a number.","extraServicesTitle":"Extra Services","checkout.submitButtonText":"Book Now","checkout.bookingSummary":"Booking Summary","checkout.totalPayable":"Total Payable Now"},"layout":{"showFeaturedTripsOnTop":true,"showoptionfilter":true},"rtl":false};
|
|
|
|
|
|
}
|
|
|
|
|
|
})();
|
|
|
|
|
|
/* ]]> */
|
|
|
|
|
|
</script>
|
|
|
|
|
|
<script data-minify="1" type="text/javascript" src="./GuiLinTraveler – Chase Spring Around the World_files/wte-public.js.download" id="wp-travel-engine-js" data-rocket-defer="" defer=""></script>
|
|
|
|
|
|
<script type="text/javascript" data-jetpack-boost="ignore" src="./GuiLinTraveler – Chase Spring Around the World_files/rbtools.min.js.download" defer="" async="" id="tp-tools-js"></script>
|
|
|
|
|
|
<script type="text/javascript" data-jetpack-boost="ignore" src="./GuiLinTraveler – Chase Spring Around the World_files/rs6.min.js.download" defer="" async="" id="revmin-js"></script>
|
|
|
|
|
|
<script type="text/javascript" src="./GuiLinTraveler – Chase Spring Around the World_files/travel-booking-toolkit-public.min.js.download" id="travel-booking-toolkit-js" data-rocket-defer="" defer=""></script>
|
|
|
|
|
|
<script type="text/javascript" src="./GuiLinTraveler – Chase Spring Around the World_files/all.min.js.download" id="all-js" data-rocket-defer="" defer=""></script>
|
|
|
|
|
|
<script type="text/javascript" src="./GuiLinTraveler – Chase Spring Around the World_files/v4-shims.min.js.download" id="v4-shims-js" data-rocket-defer="" defer=""></script>
|
|
|
|
|
|
<script type="text/javascript" id="rocket_lazyload_css-js-extra">
|
|
|
|
|
|
/* <![CDATA[ */
|
|
|
|
|
|
var rocket_lazyload_css_data = {"threshold":"300"};
|
|
|
|
|
|
/* ]]> */
|
|
|
|
|
|
</script>
|
|
|
|
|
|
<script type="text/javascript" id="rocket_lazyload_css-js-after">
|
|
|
|
|
|
/* <![CDATA[ */
|
|
|
|
|
|
!function o(n,c,a){function u(t,e){if(!c[t]){if(!n[t]){var r="function"==typeof require&&require;if(!e&&r)return r(t,!0);if(s)return s(t,!0);throw(e=new Error("Cannot find module '"+t+"'")).code="MODULE_NOT_FOUND",e}r=c[t]={exports:{}},n[t][0].call(r.exports,function(e){return u(n[t][1][e]||e)},r,r.exports,o,n,c,a)}return c[t].exports}for(var s="function"==typeof require&&require,e=0;e<a.length;e++)u(a[e]);return u}({1:[function(e,t,r){"use strict";{const c="undefined"==typeof rocket_pairs?[]:rocket_pairs,a=(("undefined"==typeof rocket_excluded_pairs?[]:rocket_excluded_pairs).map(t=>{var e=t.selector;document.querySelectorAll(e).forEach(e=>{e.setAttribute("data-rocket-lazy-bg-"+t.hash,"excluded")})}),document.querySelector("#wpr-lazyload-bg-container"));var o=rocket_lazyload_css_data.threshold||300;const u=new IntersectionObserver(e=>{e.forEach(t=>{t.isIntersecting&&c.filter(e=>t.target.matches(e.selector)).map(t=>{var e;t&&((e=document.createElement("style")).textContent=t.style,a.insertAdjacentElement("afterend",e),t.elements.forEach(e=>{u.unobserve(e),e.setAttribute("data-rocket-lazy-bg-"+t.hash,"loaded")}))})})},{rootMargin:o+"px"});function n(){0<(0<arguments.length&&void 0!==arguments[0]?arguments[0]:[]).length&&c.forEach(t=>{try{document.querySelectorAll(t.selector).forEach(e=>{"loaded"!==e.getAttribute("data-rocket-lazy-bg-"+t.hash)&&"excluded"!==e.getAttribute("data-rocket-lazy-bg-"+t.hash)&&(u.observe(e),(t.elements||=[]).push(e))})}catch(e){console.error(e)}})}n(),function(){const r=window.MutationObserver;return function(e,t){if(e&&1===e.nodeType)return(t=new r(t)).observe(e,{attributes:!0,childList:!0,subtree:!0}),t}}()(document.querySelector("body"),n)}},{}]},{},[1]);
|
|
|
|
|
|
/* ]]> */
|
|
|
|
|
|
</script>
|
|
|
|
|
|
<script type="text/javascript" src="./GuiLinTraveler – Chase Spring Around the World_files/core.min.js.download" id="jquery-ui-core-js" data-rocket-defer="" defer=""></script>
|
|
|
|
|
|
<script type="text/javascript" src="./GuiLinTraveler – Chase Spring Around the World_files/tabs.min.js.download" id="jquery-ui-tabs-js" data-rocket-defer="" defer=""></script>
|
|
|
|
|
|
<script type="text/javascript" src="./GuiLinTraveler – Chase Spring Around the World_files/debouncedresize.min.js.download" id="mfn-debouncedresize-js" data-rocket-defer="" defer=""></script>
|
|
|
|
|
|
<script type="text/javascript" src="./GuiLinTraveler – Chase Spring Around the World_files/magnificpopup.min.js.download" id="mfn-magnificpopup-js" data-rocket-defer="" defer=""></script>
|
|
|
|
|
|
<script data-minify="1" type="text/javascript" src="./GuiLinTraveler – Chase Spring Around the World_files/menu.js.download" id="mfn-menu-js" data-rocket-defer="" defer=""></script>
|
|
|
|
|
|
<script type="text/javascript" src="./GuiLinTraveler – Chase Spring Around the World_files/visible.min.js.download" id="mfn-visible-js" data-rocket-defer="" defer=""></script>
|
|
|
|
|
|
<script type="text/javascript" src="./GuiLinTraveler – Chase Spring Around the World_files/animations.min.js.download" id="mfn-animations-js" data-rocket-defer="" defer=""></script>
|
|
|
|
|
|
<script type="text/javascript" src="./GuiLinTraveler – Chase Spring Around the World_files/jplayer.min.js.download" id="mfn-jplayer-js" data-rocket-defer="" defer=""></script>
|
|
|
|
|
|
<script type="text/javascript" src="./GuiLinTraveler – Chase Spring Around the World_files/enllax.min.js.download" id="mfn-enllax-js" data-rocket-defer="" defer=""></script>
|
|
|
|
|
|
<script data-minify="1" type="text/javascript" src="./GuiLinTraveler – Chase Spring Around the World_files/translate3d.js.download" id="mfn-parallax-js" data-rocket-defer="" defer=""></script>
|
|
|
|
|
|
<script type="text/javascript" id="mfn-scripts-js-extra">
|
|
|
|
|
|
/* <![CDATA[ */
|
|
|
|
|
|
var mfn = {"ajax":"https:\/\/springtraveler.com\/wp-admin\/admin-ajax.php","mobileInit":"1240","parallax":"translate3d","responsive":"1","sidebarSticky":"","lightbox":{"disable":false,"disableMobile":false,"title":false},"slider":{"blog":0,"clients":0,"offer":0,"portfolio":0,"shop":0,"slider":0,"testimonials":0},"livesearch":{"minChar":3,"loadPosts":10,"translation":{"pages":"Pages","categories":"Categories","portfolio":"Portfolio","post":"Posts","products":"Products"}},"accessibility":{"translation":{"headerContainer":"Header container","toggleSubmenu":"Toggle submenu"}},"home_url":"","home_url_lang":"https:\/\/springtraveler.com","site_url":"https:\/\/springtraveler.com","translation":{"success_message":"Link copied to the clipboard.","error_message":"Something went wrong. Please try again later!"}};
|
|
|
|
|
|
/* ]]> */
|
|
|
|
|
|
</script>
|
|
|
|
|
|
<script data-minify="1" type="text/javascript" src="./GuiLinTraveler – Chase Spring Around the World_files/scripts.js.download" id="mfn-scripts-js" data-rocket-defer="" defer=""></script>
|
|
|
|
|
|
<script type="text/javascript" src="./GuiLinTraveler – Chase Spring Around the World_files/comment-reply.min.js.download" id="comment-reply-js" async="async" data-wp-strategy="async"></script>
|
|
|
|
|
|
<script type="text/javascript" src="./GuiLinTraveler – Chase Spring Around the World_files/imagesloaded.min.js.download" id="mfn-imagesloaded-js" data-rocket-defer="" defer=""></script>
|
|
|
|
|
|
<script type="text/javascript" src="./GuiLinTraveler – Chase Spring Around the World_files/slick.min.js.download" id="mfn-slick-js" data-rocket-defer="" defer=""></script>
|
|
|
|
|
|
<script type="text/javascript" id="mfn-woojs-js-extra">
|
|
|
|
|
|
/* <![CDATA[ */
|
|
|
|
|
|
var mfnwoovars = {"ajaxurl":"https:\/\/springtraveler.com\/wp-admin\/admin-ajax.php","wpnonce":"3268724473","rooturl":"","productthumbsover":"mfn-thumbnails-outside","productthumbs":"0px","mainimgmargin":"mfn-mim-0","myaccountpage":"https:\/\/springtraveler.com\/my-account\/","groupedQuantityErrori18n":"Please choose the quantity of items you wish to add to your cart\u2026"};
|
|
|
|
|
|
/* ]]> */
|
|
|
|
|
|
</script>
|
|
|
|
|
|
<script data-minify="1" type="text/javascript" src="./GuiLinTraveler – Chase Spring Around the World_files/woocommerce.js.download" id="mfn-woojs-js" data-rocket-defer="" defer=""></script>
|
|
|
|
|
|
<script type="text/javascript" src="./GuiLinTraveler – Chase Spring Around the World_files/sourcebuster.min.js.download" id="sourcebuster-js-js" data-rocket-defer="" defer=""></script>
|
|
|
|
|
|
<script type="text/javascript" id="wc-order-attribution-js-extra">
|
|
|
|
|
|
/* <![CDATA[ */
|
|
|
|
|
|
var wc_order_attribution = {"params":{"lifetime":1.0e-5,"session":30,"base64":false,"ajaxurl":"https:\/\/springtraveler.com\/wp-admin\/admin-ajax.php","prefix":"wc_order_attribution_","allowTracking":true},"fields":{"source_type":"current.typ","referrer":"current_add.rf","utm_campaign":"current.cmp","utm_source":"current.src","utm_medium":"current.mdm","utm_content":"current.cnt","utm_id":"current.id","utm_term":"current.trm","utm_source_platform":"current.plt","utm_creative_format":"current.fmt","utm_marketing_tactic":"current.tct","session_entry":"current_add.ep","session_start_time":"current_add.fd","session_pages":"session.pgs","session_count":"udata.vst","user_agent":"udata.uag"}};
|
|
|
|
|
|
/* ]]> */
|
|
|
|
|
|
</script>
|
|
|
|
|
|
<script type="text/javascript" src="./GuiLinTraveler – Chase Spring Around the World_files/order-attribution.min.js.download" id="wc-order-attribution-js" data-rocket-defer="" defer=""></script>
|
|
|
|
|
|
<script type="text/javascript" src="./GuiLinTraveler – Chase Spring Around the World_files/hooks.min.js.download" id="wp-hooks-js"></script>
|
|
|
|
|
|
<script type="text/javascript" src="./GuiLinTraveler – Chase Spring Around the World_files/i18n.min.js.download" id="wp-i18n-js"></script>
|
|
|
|
|
|
<script type="text/javascript" id="wp-i18n-js-after">
|
|
|
|
|
|
/* <![CDATA[ */
|
|
|
|
|
|
wp.i18n.setLocaleData( { 'text direction\u0004ltr': [ 'ltr' ] } );
|
|
|
|
|
|
/* ]]> */
|
|
|
|
|
|
</script>
|
|
|
|
|
|
<script data-minify="1" type="text/javascript" src="./GuiLinTraveler – Chase Spring Around the World_files/index.js.download" id="swv-js" data-rocket-defer="" defer=""></script>
|
|
|
|
|
|
<script type="text/javascript" id="contact-form-7-js-translations">
|
|
|
|
|
|
/* <![CDATA[ */
|
|
|
|
|
|
( function( domain, translations ) {
|
|
|
|
|
|
var localeData = translations.locale_data[ domain ] || translations.locale_data.messages;
|
|
|
|
|
|
localeData[""].domain = domain;
|
|
|
|
|
|
wp.i18n.setLocaleData( localeData, domain );
|
|
|
|
|
|
} )( "contact-form-7", {"translation-revision-date":"2024-12-09 02:48:04+0000","generator":"GlotPress\/4.0.1","domain":"messages","locale_data":{"messages":{"":{"domain":"messages","plural-forms":"nplurals=1; plural=0;","lang":"zh_CN"},"Error:":["\u62a5\u9519\uff1a"]}},"comment":{"reference":"includes\/js\/index.js"}} );
|
|
|
|
|
|
/* ]]> */
|
|
|
|
|
|
</script>
|
|
|
|
|
|
<script type="text/javascript" id="contact-form-7-js-before">
|
|
|
|
|
|
/* <![CDATA[ */
|
|
|
|
|
|
var wpcf7 = {
|
|
|
|
|
|
"api": {
|
|
|
|
|
|
"root": "https:\/\/springtraveler.com\/wp-json\/",
|
|
|
|
|
|
"namespace": "contact-form-7\/v1"
|
|
|
|
|
|
},
|
|
|
|
|
|
"cached": 1
|
|
|
|
|
|
};
|
|
|
|
|
|
/* ]]> */
|
|
|
|
|
|
</script>
|
|
|
|
|
|
<script data-minify="1" type="text/javascript" src="./GuiLinTraveler – Chase Spring Around the World_files/index(1).js.download" id="contact-form-7-js" data-rocket-defer="" defer=""></script>
|
|
|
|
|
|
<script id="rs-initialisation-scripts">
|
|
|
|
|
|
var tpj = jQuery;
|
|
|
|
|
|
|
|
|
|
|
|
var revapi3;
|
|
|
|
|
|
|
|
|
|
|
|
if(window.RS_MODULES === undefined) window.RS_MODULES = {};
|
|
|
|
|
|
if(RS_MODULES.modules === undefined) RS_MODULES.modules = {};
|
|
|
|
|
|
RS_MODULES.modules["revslider31"] = {once: RS_MODULES.modules["revslider31"]!==undefined ? RS_MODULES.modules["revslider31"].once : undefined, init:function() {
|
|
|
|
|
|
window.revapi3 = window.revapi3===undefined || window.revapi3===null || window.revapi3.length===0 ? document.getElementById("rev_slider_3_1") : window.revapi3;
|
|
|
|
|
|
if(window.revapi3 === null || window.revapi3 === undefined || window.revapi3.length==0) { window.revapi3initTry = window.revapi3initTry ===undefined ? 0 : window.revapi3initTry+1; if (window.revapi3initTry<20) requestAnimationFrame(function() {RS_MODULES.modules["revslider31"].init()}); return;}
|
|
|
|
|
|
window.revapi3 = jQuery(window.revapi3);
|
|
|
|
|
|
if(window.revapi3.revolution==undefined){ revslider_showDoubleJqueryError("rev_slider_3_1"); return;}
|
|
|
|
|
|
revapi3.revolutionInit({
|
|
|
|
|
|
revapi:"revapi3",
|
|
|
|
|
|
DPR:"dpr",
|
|
|
|
|
|
sliderLayout:"fullwidth",
|
|
|
|
|
|
duration:"5000ms",
|
|
|
|
|
|
visibilityLevels:"1240,1240,778,778",
|
|
|
|
|
|
gridwidth:"1700,1700,778,778",
|
|
|
|
|
|
gridheight:"955,955,960,960",
|
|
|
|
|
|
lazyType:"smart",
|
|
|
|
|
|
perspective:600,
|
|
|
|
|
|
perspectiveType:"global",
|
|
|
|
|
|
editorheight:"955,768,960,720",
|
|
|
|
|
|
responsiveLevels:"1240,1240,778,778",
|
|
|
|
|
|
progressBar:{disableProgressBar:true},
|
|
|
|
|
|
navigation: {
|
|
|
|
|
|
onHoverStop:false
|
|
|
|
|
|
},
|
|
|
|
|
|
viewPort: {
|
|
|
|
|
|
global:true,
|
|
|
|
|
|
globalDist:"-200px",
|
|
|
|
|
|
enable:false,
|
|
|
|
|
|
visible_area:""
|
|
|
|
|
|
},
|
|
|
|
|
|
fallbacks: {
|
|
|
|
|
|
allowHTML5AutoPlayOnAndroid:true
|
|
|
|
|
|
},
|
|
|
|
|
|
});
|
|
|
|
|
|
|
|
|
|
|
|
}} // End of RevInitScript
|
|
|
|
|
|
|
|
|
|
|
|
if (window.RS_MODULES.checkMinimal!==undefined) { window.RS_MODULES.checkMinimal();};
|
|
|
|
|
|
</script>
|
|
|
|
|
|
<script>window.lazyLoadOptions=[{elements_selector:"img[data-lazy-src],.rocket-lazyload,iframe[data-lazy-src]",data_src:"lazy-src",data_srcset:"lazy-srcset",data_sizes:"lazy-sizes",class_loading:"lazyloading",class_loaded:"lazyloaded",threshold:300,callback_loaded:function(element){if(element.tagName==="IFRAME"&&element.dataset.rocketLazyload=="fitvidscompatible"){if(element.classList.contains("lazyloaded")){if(typeof window.jQuery!="undefined"){if(jQuery.fn.fitVids){jQuery(element).parent().fitVids()}}}}}},{elements_selector:".rocket-lazyload",data_src:"lazy-src",data_srcset:"lazy-srcset",data_sizes:"lazy-sizes",class_loading:"lazyloading",class_loaded:"lazyloaded",threshold:300,}];window.addEventListener('LazyLoad::Initialized',function(e){var lazyLoadInstance=e.detail.instance;if(window.MutationObserver){var observer=new MutationObserver(function(mutations){var image_count=0;var iframe_count=0;var rocketlazy_count=0;mutations.forEach(function(mutation){for(var i=0;i<mutation.addedNodes.length;i++){if(typeof mutation.addedNodes[i].getElementsByTagName!=='function'){continue}
|
|
|
|
|
|
if(typeof mutation.addedNodes[i].getElementsByClassName!=='function'){continue}
|
|
|
|
|
|
images=mutation.addedNodes[i].getElementsByTagName('img');is_image=mutation.addedNodes[i].tagName=="IMG";iframes=mutation.addedNodes[i].getElementsByTagName('iframe');is_iframe=mutation.addedNodes[i].tagName=="IFRAME";rocket_lazy=mutation.addedNodes[i].getElementsByClassName('rocket-lazyload');image_count+=images.length;iframe_count+=iframes.length;rocketlazy_count+=rocket_lazy.length;if(is_image){image_count+=1}
|
|
|
|
|
|
if(is_iframe){iframe_count+=1}}});if(image_count>0||iframe_count>0||rocketlazy_count>0){lazyLoadInstance.update()}});var b=document.getElementsByTagName("body")[0];var config={childList:!0,subtree:!0};observer.observe(b,config)}},!1)</script><script data-no-minify="1" async="" src="./GuiLinTraveler – Chase Spring Around the World_files/lazyload.min.js.download"></script><script>function lazyLoadThumb(e,alt,l){var t='<img data-lazy-src="https://i.ytimg.com/vi/ID/hqdefault.jpg" alt="" width="480" height="360"><noscript><img src="https://i.ytimg.com/vi/ID/hqdefault.jpg" alt="" width="480" height="360"></noscript>',a='<button class="play" aria-label="Play Youtube video"></button>';if(l){t=t.replace('data-lazy-','');t=t.replace('loading="lazy"','');t=t.replace(/<noscript>.*?<\/noscript>/g,'');}t=t.replace('alt=""','alt="'+alt+'"');return t.replace("ID",e)+a}function lazyLoadYoutubeIframe(){var e=document.createElement("iframe"),t="ID?autoplay=1";t+=0===this.parentNode.dataset.query.length?"":"&"+this.parentNode.dataset.query;e.setAttribute("src",t.replace("ID",this.parentNode.dataset.src)),e.setAttribute("frameborder","0"),e.setAttribute("allowfullscreen","1"),e.setAttribute("allow","accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture"),this.parentNode.parentNode.replaceChild(e,this.parentNode)}document.addEventListener("DOMContentLoaded",function(){var exclusions=[];var e,t,p,u,l,a=document.getElementsByClassName("rll-youtube-player");for(t=0;t<a.length;t++)(e=document.createElement("div")),(u='https://i.ytimg.com/vi/ID/hqdefault.jpg'),(u=u.replace('ID',a[t].dataset.id)),(l=exclusions.some(exclusion=>u.includes(exclusion))),e.setAttribute("data-id",a[t].dataset.id),e.setAttribute("data-query",a[t].dataset.query),e.setAttribute("data-src",a[t].dataset.src),(e.innerHTML=lazyLoadThumb(a[t].dataset.id,a[t].dataset.alt,l)),a[t].appendChild(e),(p=e.querySelector(".play")),(p.onclick=lazyLoadYoutubeIframe)});</script>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<div class="widget_shopping_cart_live_region screen-reader-text" role="status"></div><div id="fluent-read-floating-ball-container" data-v-app=""><div data-v-524f77c3="" class="fr-floating-ball" data-position="right" style="top: 50%;"><div data-v-524f77c3="" class="floating-ball-icon"><div data-v-524f77c3="" class="fr-icon-container"><!----><!----><svg data-v-524f77c3="" class="imt-fb-logo-img-big-bg translation-icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="20" height="20"><path data-v-524f77c3="" fill="none" d="M0 0h24v24H0z"></path><path data-v-524f77c3="" d="M5 15v2a2 2 0 0 0 1.85 1.995L7 19h3v2H7a4 4 0 0 1-4-4v-2h2zm13-5l4.4 11h-2.155l-1.201-3h-4.09l-1.199 3h-2.154L16 10h2zm-1 2.885L15.753 16h2.492L17 12.885zM8 2v2h4v7H8v3H6v-3H2V4h4V2h2zm9 1a4 4 0 0 1 4 4v2h-2V7a2 2 0 0 0-2-2h-3V3h3zM6 6H4v3h2V6zm4 0H8v3h2V6z" fill="rgba(255,255,255,1)"></path></svg><!----><!----><div data-v-524f77c3="" class="ripple-container"></div></div></div></div></div><div id="fluent-read-selection-translator-container" data-v-app=""></div><!----><!----><!----><div id="fluent-new-api-container"></div></body><div id="immersive-translate-browser-popup" style="all: initial"><template shadowrootmode="open"><style>@charset "UTF-8";
|
|
|
|
|
|
/*!
|
|
|
|
|
|
* Pico.css v1.5.6 (https://picocss.com)
|
|
|
|
|
|
* Copyright 2019-2022 - Licensed under MIT
|
|
|
|
|
|
*/
|
|
|
|
|
|
/**
|
|
|
|
|
|
* Theme: default
|
|
|
|
|
|
*/
|
|
|
|
|
|
#mount {
|
|
|
|
|
|
--font-family: system-ui, -apple-system, "Segoe UI", "Roboto", "Ubuntu",
|
|
|
|
|
|
"Cantarell", "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji",
|
|
|
|
|
|
"Segoe UI Symbol", "Noto Color Emoji";
|
|
|
|
|
|
--line-height: 1.5;
|
|
|
|
|
|
--font-weight: 400;
|
|
|
|
|
|
--font-size: 16px;
|
|
|
|
|
|
--border-radius: 0.25rem;
|
|
|
|
|
|
--border-width: 1px;
|
|
|
|
|
|
--outline-width: 3px;
|
|
|
|
|
|
--spacing: 1rem;
|
|
|
|
|
|
--typography-spacing-vertical: 1.5rem;
|
|
|
|
|
|
--block-spacing-vertical: calc(var(--spacing) * 2);
|
|
|
|
|
|
--block-spacing-horizontal: var(--spacing);
|
|
|
|
|
|
--grid-spacing-vertical: 0;
|
|
|
|
|
|
--grid-spacing-horizontal: var(--spacing);
|
|
|
|
|
|
--form-element-spacing-vertical: 0.75rem;
|
|
|
|
|
|
--form-element-spacing-horizontal: 1rem;
|
|
|
|
|
|
--nav-element-spacing-vertical: 1rem;
|
|
|
|
|
|
--nav-element-spacing-horizontal: 0.5rem;
|
|
|
|
|
|
--nav-link-spacing-vertical: 0.5rem;
|
|
|
|
|
|
--nav-link-spacing-horizontal: 0.5rem;
|
|
|
|
|
|
--form-label-font-weight: var(--font-weight);
|
|
|
|
|
|
--transition: 0.2s ease-in-out;
|
|
|
|
|
|
--modal-overlay-backdrop-filter: blur(0.25rem);
|
|
|
|
|
|
}
|
|
|
|
|
|
@media (min-width: 576px) {
|
|
|
|
|
|
#mount {
|
|
|
|
|
|
--font-size: 17px;
|
|
|
|
|
|
}
|
|
|
|
|
|
}
|
|
|
|
|
|
@media (min-width: 768px) {
|
|
|
|
|
|
#mount {
|
|
|
|
|
|
--font-size: 18px;
|
|
|
|
|
|
}
|
|
|
|
|
|
}
|
|
|
|
|
|
@media (min-width: 992px) {
|
|
|
|
|
|
#mount {
|
|
|
|
|
|
--font-size: 19px;
|
|
|
|
|
|
}
|
|
|
|
|
|
}
|
|
|
|
|
|
@media (min-width: 1200px) {
|
|
|
|
|
|
#mount {
|
|
|
|
|
|
--font-size: 20px;
|
|
|
|
|
|
}
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
@media (min-width: 576px) {
|
|
|
|
|
|
#mount > header,
|
|
|
|
|
|
#mount > main,
|
|
|
|
|
|
#mount > footer,
|
|
|
|
|
|
section {
|
|
|
|
|
|
--block-spacing-vertical: calc(var(--spacing) * 2);
|
|
|
|
|
|
}
|
|
|
|
|
|
}
|
|
|
|
|
|
@media (min-width: 768px) {
|
|
|
|
|
|
#mount > header,
|
|
|
|
|
|
#mount > main,
|
|
|
|
|
|
#mount > footer,
|
|
|
|
|
|
section {
|
|
|
|
|
|
--block-spacing-vertical: calc(var(--spacing) * 2.5);
|
|
|
|
|
|
}
|
|
|
|
|
|
}
|
|
|
|
|
|
@media (min-width: 992px) {
|
|
|
|
|
|
#mount > header,
|
|
|
|
|
|
#mount > main,
|
|
|
|
|
|
#mount > footer,
|
|
|
|
|
|
section {
|
|
|
|
|
|
--block-spacing-vertical: calc(var(--spacing) * 3);
|
|
|
|
|
|
}
|
|
|
|
|
|
}
|
|
|
|
|
|
@media (min-width: 1200px) {
|
|
|
|
|
|
#mount > header,
|
|
|
|
|
|
#mount > main,
|
|
|
|
|
|
#mount > footer,
|
|
|
|
|
|
section {
|
|
|
|
|
|
--block-spacing-vertical: calc(var(--spacing) * 3.5);
|
|
|
|
|
|
}
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
@media (min-width: 576px) {
|
|
|
|
|
|
article {
|
|
|
|
|
|
--block-spacing-horizontal: calc(var(--spacing) * 1.25);
|
|
|
|
|
|
}
|
|
|
|
|
|
}
|
|
|
|
|
|
@media (min-width: 768px) {
|
|
|
|
|
|
article {
|
|
|
|
|
|
--block-spacing-horizontal: calc(var(--spacing) * 1.5);
|
|
|
|
|
|
}
|
|
|
|
|
|
}
|
|
|
|
|
|
@media (min-width: 992px) {
|
|
|
|
|
|
article {
|
|
|
|
|
|
--block-spacing-horizontal: calc(var(--spacing) * 1.75);
|
|
|
|
|
|
}
|
|
|
|
|
|
}
|
|
|
|
|
|
@media (min-width: 1200px) {
|
|
|
|
|
|
article {
|
|
|
|
|
|
--block-spacing-horizontal: calc(var(--spacing) * 2);
|
|
|
|
|
|
}
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
dialog > article {
|
|
|
|
|
|
--block-spacing-vertical: calc(var(--spacing) * 2);
|
|
|
|
|
|
--block-spacing-horizontal: var(--spacing);
|
|
|
|
|
|
}
|
|
|
|
|
|
@media (min-width: 576px) {
|
|
|
|
|
|
dialog > article {
|
|
|
|
|
|
--block-spacing-vertical: calc(var(--spacing) * 2.5);
|
|
|
|
|
|
--block-spacing-horizontal: calc(var(--spacing) * 1.25);
|
|
|
|
|
|
}
|
|
|
|
|
|
}
|
|
|
|
|
|
@media (min-width: 768px) {
|
|
|
|
|
|
dialog > article {
|
|
|
|
|
|
--block-spacing-vertical: calc(var(--spacing) * 3);
|
|
|
|
|
|
--block-spacing-horizontal: calc(var(--spacing) * 1.5);
|
|
|
|
|
|
}
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
a {
|
|
|
|
|
|
--text-decoration: none;
|
|
|
|
|
|
}
|
|
|
|
|
|
a.secondary,
|
|
|
|
|
|
a.contrast {
|
|
|
|
|
|
--text-decoration: underline;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
small {
|
|
|
|
|
|
--font-size: 0.875em;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
h1,
|
|
|
|
|
|
h2,
|
|
|
|
|
|
h3,
|
|
|
|
|
|
h4,
|
|
|
|
|
|
h5,
|
|
|
|
|
|
h6 {
|
|
|
|
|
|
--font-weight: 700;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
h1 {
|
|
|
|
|
|
--font-size: 2rem;
|
|
|
|
|
|
--typography-spacing-vertical: 3rem;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
h2 {
|
|
|
|
|
|
--font-size: 1.75rem;
|
|
|
|
|
|
--typography-spacing-vertical: 2.625rem;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
h3 {
|
|
|
|
|
|
--font-size: 1.5rem;
|
|
|
|
|
|
--typography-spacing-vertical: 2.25rem;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
h4 {
|
|
|
|
|
|
--font-size: 1.25rem;
|
|
|
|
|
|
--typography-spacing-vertical: 1.874rem;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
h5 {
|
|
|
|
|
|
--font-size: 1.125rem;
|
|
|
|
|
|
--typography-spacing-vertical: 1.6875rem;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
[type="checkbox"],
|
|
|
|
|
|
[type="radio"] {
|
|
|
|
|
|
--border-width: 2px;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
[type="checkbox"][role="switch"] {
|
|
|
|
|
|
--border-width: 2px;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
thead th,
|
|
|
|
|
|
thead td,
|
|
|
|
|
|
tfoot th,
|
|
|
|
|
|
tfoot td {
|
|
|
|
|
|
--border-width: 3px;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
:not(thead, tfoot) > * > td {
|
|
|
|
|
|
--font-size: 0.875em;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
pre,
|
|
|
|
|
|
code,
|
|
|
|
|
|
kbd,
|
|
|
|
|
|
samp {
|
|
|
|
|
|
--font-family: "Menlo", "Consolas", "Roboto Mono", "Ubuntu Monospace",
|
|
|
|
|
|
"Noto Mono", "Oxygen Mono", "Liberation Mono", monospace,
|
|
|
|
|
|
"Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
kbd {
|
|
|
|
|
|
--font-weight: bolder;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
[data-theme="light"],
|
|
|
|
|
|
#mount:not([data-theme="dark"]) {
|
|
|
|
|
|
--background-color: #fff;
|
|
|
|
|
|
--background-light-green: #f5f7f9;
|
|
|
|
|
|
--color: hsl(205deg, 20%, 32%);
|
|
|
|
|
|
--h1-color: hsl(205deg, 30%, 15%);
|
|
|
|
|
|
--h2-color: #24333e;
|
|
|
|
|
|
--h3-color: hsl(205deg, 25%, 23%);
|
|
|
|
|
|
--h4-color: #374956;
|
|
|
|
|
|
--h5-color: hsl(205deg, 20%, 32%);
|
|
|
|
|
|
--h6-color: #4d606d;
|
|
|
|
|
|
--muted-color: hsl(205deg, 10%, 50%);
|
|
|
|
|
|
--muted-border-color: hsl(205deg, 20%, 94%);
|
|
|
|
|
|
--primary: hsl(195deg, 85%, 41%);
|
|
|
|
|
|
--primary-hover: hsl(195deg, 90%, 32%);
|
|
|
|
|
|
--primary-focus: rgba(16, 149, 193, 0.125);
|
|
|
|
|
|
--primary-inverse: #fff;
|
|
|
|
|
|
--secondary: hsl(205deg, 15%, 41%);
|
|
|
|
|
|
--secondary-hover: hsl(205deg, 20%, 32%);
|
|
|
|
|
|
--secondary-focus: rgba(89, 107, 120, 0.125);
|
|
|
|
|
|
--secondary-inverse: #fff;
|
|
|
|
|
|
--contrast: hsl(205deg, 30%, 15%);
|
|
|
|
|
|
--contrast-hover: #000;
|
|
|
|
|
|
--contrast-focus: rgba(89, 107, 120, 0.125);
|
|
|
|
|
|
--contrast-inverse: #fff;
|
|
|
|
|
|
--mark-background-color: #fff2ca;
|
|
|
|
|
|
--mark-color: #543a26;
|
|
|
|
|
|
--ins-color: #388e3c;
|
|
|
|
|
|
--del-color: #c62828;
|
|
|
|
|
|
--blockquote-border-color: var(--muted-border-color);
|
|
|
|
|
|
--blockquote-footer-color: var(--muted-color);
|
|
|
|
|
|
--button-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
|
|
|
|
|
|
--button-hover-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
|
|
|
|
|
|
--form-element-background-color: transparent;
|
|
|
|
|
|
--form-element-border-color: hsl(205deg, 14%, 68%);
|
|
|
|
|
|
--form-element-color: var(--color);
|
|
|
|
|
|
--form-element-placeholder-color: var(--muted-color);
|
|
|
|
|
|
--form-element-active-background-color: transparent;
|
|
|
|
|
|
--form-element-active-border-color: var(--primary);
|
|
|
|
|
|
--form-element-focus-color: var(--primary-focus);
|
|
|
|
|
|
--form-element-disabled-background-color: hsl(205deg, 18%, 86%);
|
|
|
|
|
|
--form-element-disabled-border-color: hsl(205deg, 14%, 68%);
|
|
|
|
|
|
--form-element-disabled-opacity: 0.5;
|
|
|
|
|
|
--form-element-invalid-border-color: #c62828;
|
|
|
|
|
|
--form-element-invalid-active-border-color: #d32f2f;
|
|
|
|
|
|
--form-element-invalid-focus-color: rgba(211, 47, 47, 0.125);
|
|
|
|
|
|
--form-element-valid-border-color: #388e3c;
|
|
|
|
|
|
--form-element-valid-active-border-color: #43a047;
|
|
|
|
|
|
--form-element-valid-focus-color: rgba(67, 160, 71, 0.125);
|
|
|
|
|
|
--switch-background-color: hsl(205deg, 16%, 77%);
|
|
|
|
|
|
--switch-color: var(--primary-inverse);
|
|
|
|
|
|
--switch-checked-background-color: var(--primary);
|
|
|
|
|
|
--range-border-color: hsl(205deg, 18%, 86%);
|
|
|
|
|
|
--range-active-border-color: hsl(205deg, 16%, 77%);
|
|
|
|
|
|
--range-thumb-border-color: var(--background-color);
|
|
|
|
|
|
--range-thumb-color: var(--secondary);
|
|
|
|
|
|
--range-thumb-hover-color: var(--secondary-hover);
|
|
|
|
|
|
--range-thumb-active-color: var(--primary);
|
|
|
|
|
|
--table-border-color: var(--muted-border-color);
|
|
|
|
|
|
--table-row-stripped-background-color: #f6f8f9;
|
|
|
|
|
|
--code-background-color: hsl(205deg, 20%, 94%);
|
|
|
|
|
|
--code-color: var(--muted-color);
|
|
|
|
|
|
--code-kbd-background-color: var(--contrast);
|
|
|
|
|
|
--code-kbd-color: var(--contrast-inverse);
|
|
|
|
|
|
--code-tag-color: hsl(330deg, 40%, 50%);
|
|
|
|
|
|
--code-property-color: hsl(185deg, 40%, 40%);
|
|
|
|
|
|
--code-value-color: hsl(40deg, 20%, 50%);
|
|
|
|
|
|
--code-comment-color: hsl(205deg, 14%, 68%);
|
|
|
|
|
|
--accordion-border-color: var(--muted-border-color);
|
|
|
|
|
|
--accordion-close-summary-color: var(--color);
|
|
|
|
|
|
--accordion-open-summary-color: var(--muted-color);
|
|
|
|
|
|
--card-background-color: var(--background-color);
|
|
|
|
|
|
--card-border-color: var(--muted-border-color);
|
|
|
|
|
|
--card-box-shadow: 0.0145rem 0.029rem 0.174rem rgba(27, 40, 50, 0.01698),
|
|
|
|
|
|
0.0335rem 0.067rem 0.402rem rgba(27, 40, 50, 0.024),
|
|
|
|
|
|
0.0625rem 0.125rem 0.75rem rgba(27, 40, 50, 0.03),
|
|
|
|
|
|
0.1125rem 0.225rem 1.35rem rgba(27, 40, 50, 0.036),
|
|
|
|
|
|
0.2085rem 0.417rem 2.502rem rgba(27, 40, 50, 0.04302),
|
|
|
|
|
|
0.5rem 1rem 6rem rgba(27, 40, 50, 0.06),
|
|
|
|
|
|
0 0 0 0.0625rem rgba(27, 40, 50, 0.015);
|
|
|
|
|
|
--card-sectionning-background-color: #fbfbfc;
|
|
|
|
|
|
--dropdown-background-color: #fbfbfc;
|
|
|
|
|
|
--dropdown-border-color: #e1e6eb;
|
|
|
|
|
|
--dropdown-box-shadow: var(--card-box-shadow);
|
|
|
|
|
|
--dropdown-color: var(--color);
|
|
|
|
|
|
--dropdown-hover-background-color: hsl(205deg, 20%, 94%);
|
|
|
|
|
|
--modal-overlay-background-color: rgba(213, 220, 226, 0.7);
|
|
|
|
|
|
--progress-background-color: hsl(205deg, 18%, 86%);
|
|
|
|
|
|
--progress-color: var(--primary);
|
|
|
|
|
|
--loading-spinner-opacity: 0.5;
|
|
|
|
|
|
--tooltip-background-color: var(--contrast);
|
|
|
|
|
|
--tooltip-color: var(--contrast-inverse);
|
|
|
|
|
|
--icon-checkbox: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(255, 255, 255)' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E");
|
|
|
|
|
|
--icon-chevron: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(65, 84, 98)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");
|
|
|
|
|
|
--icon-chevron-button: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(255, 255, 255)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");
|
|
|
|
|
|
--icon-chevron-button-inverse: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(255, 255, 255)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");
|
|
|
|
|
|
--icon-close: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(115, 130, 140)' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='18' y1='6' x2='6' y2='18'%3E%3C/line%3E%3Cline x1='6' y1='6' x2='18' y2='18'%3E%3C/line%3E%3C/svg%3E");
|
|
|
|
|
|
--icon-date: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(65, 84, 98)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='18' rx='2' ry='2'%3E%3C/rect%3E%3Cline x1='16' y1='2' x2='16' y2='6'%3E%3C/line%3E%3Cline x1='8' y1='2' x2='8' y2='6'%3E%3C/line%3E%3Cline x1='3' y1='10' x2='21' y2='10'%3E%3C/line%3E%3C/svg%3E");
|
|
|
|
|
|
--icon-invalid: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(198, 40, 40)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cline x1='12' y1='8' x2='12' y2='12'%3E%3C/line%3E%3Cline x1='12' y1='16' x2='12.01' y2='16'%3E%3C/line%3E%3C/svg%3E");
|
|
|
|
|
|
--icon-minus: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(255, 255, 255)' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='5' y1='12' x2='19' y2='12'%3E%3C/line%3E%3C/svg%3E");
|
|
|
|
|
|
--icon-search: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(65, 84, 98)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='8'%3E%3C/circle%3E%3Cline x1='21' y1='21' x2='16.65' y2='16.65'%3E%3C/line%3E%3C/svg%3E");
|
|
|
|
|
|
--icon-time: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(65, 84, 98)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cpolyline points='12 6 12 12 16 14'%3E%3C/polyline%3E%3C/svg%3E");
|
|
|
|
|
|
--icon-valid: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(56, 142, 60)' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E");
|
|
|
|
|
|
--icon-share: url("data:image/svg+xml;charset=utf-8;base64,PHN2ZyB3aWR0aD0nMjQnIGhlaWdodD0nMjQnIHZpZXdCb3g9JzAgMCAyNCAyNCcgZmlsbD0nbm9uZScgeG1sbnM9J2h0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnJz48cGF0aCBkPSdNMTguOTM0OCA4LjY0ODQ0QzIwLjg5NDEgOC42NDg0NCAyMi40ODU1IDcuMDU0NjkgMjIuNDg1NSA1LjA5NzY2QzIyLjQ4NTUgMy4xNDA2MiAyMC44OTE4IDEuNTQ2ODggMTguOTM0OCAxLjU0Njg4QzE2Ljk3NTQgMS41NDY4OCAxNS4zODQgMy4xNDA2MiAxNS4zODQgNS4wOTc2NkMxNS4zODQgNS4yOTkyMiAxNS40MDA0IDUuNDkzNzUgMTUuNDMzMiA1LjY4NTk0TDcuMzIzODMgOS4zNTM5MUM2LjcwOTc3IDguODQ1MzEgNS45MjIyNyA4LjU0MDYyIDUuMDY0NDUgOC41NDA2MkMzLjEwNTA4IDguNTQwNjIgMS41MTM2NyAxMC4xMzQ0IDEuNTEzNjcgMTIuMDkxNEMxLjUxMzY3IDE0LjA0ODQgMy4xMDc0MiAxNS42NDIyIDUuMDY0NDUgMTUuNjQyMkM1LjgzMzIgMTUuNjQyMiA2LjU0NTcgMTUuMzk2MSA3LjEyNjk1IDE0Ljk4MTNMMTIuNDk0MSAxNy45OTUzQzEyLjQxNjggMTguMjg1OSAxMi4zNzcgMTguNTg4MyAxMi4zNzcgMTguOTAyM0MxMi4zNzcgMjAuODYxNyAxMy45NzA3IDIyLjQ1MzEgMTUuOTI3NyAyMi40NTMxQzE3Ljg4NzEgMjIuNDUzMSAxOS40Nzg1IDIwLjg1OTQgMTkuNDc4NSAxOC45MDIzQzE5LjQ3ODUgMTYuOTQzIDE3Ljg4NDggMTUuMzUxNiAxNS45Mjc3IDE1LjM1MTZDMTQuOTU3NCAxNS4zNTE2IDE0LjA3ODUgMTUuNzQzIDEzLjQzNjMgMTYuMzczNEw4LjMyMjI3IDEzLjUwNDdDOC41MDk3NyAxMy4wNzExIDguNjE1MjMgMTIuNTk1MyA4LjYxNTIzIDEyLjA5MzhDOC42MTUyMyAxMS42ODEyIDguNTQ0OTIgMTEuMjg3NSA4LjQxNjAyIDEwLjkxOTVMMTYuMjIzIDcuMzg3NUMxNi44NzQ2IDguMTU2MjUgMTcuODQ5NiA4LjY0ODQ0IDE4LjkzNDggOC42NDg0NFpNNS4wNjQ0NSAxMy43Njk1QzQuMTQxMDIgMTMuNzY5NSAzLjM4ODY3IDEzLjAxNzIgMy4zODg2NyAxMi4wOTM4QzMuMzg4NjcgMTEuMTcwMyA0LjE0MTAyIDEwLjQxOCA1LjA2NDQ1IDEwLjQxOEM1Ljk4Nzg5IDEwLjQxOCA2Ljc0MDIzIDExLjE3MDMgNi43NDAyMyAxMi4wOTM4QzYuNzQwMjMgMTMuMDE3MiA1Ljk4Nzg5IDEzLjc2OTUgNS4wNjQ0NSAxMy43Njk1Wk0xNS45Mjc3IDE3LjIyNjZDMTYuODUxMiAxNy4yMjY2IDE3LjYwMzUgMTcuOTc4OSAxNy42MDM1IDE4LjkwMjNDMTcuNjAzNSAxOS44MjU4IDE2Ljg1MTIgMjAuNTc4MSAxNS45Mjc3IDIwLjU3ODFDMTUuMDA0MyAyMC41NzgxIDE0LjI1MiAxOS44MjU4IDE0LjI1MiAxOC45MDIzQzE0LjI1MiAxNy45Nzg5IDE1LjAwMiAxNy4yMjY2IDE1LjkyNzcgMTcuMjI2NlpNMTguOTM0OCAzLjQxOTUzQzE5Ljg1ODIgMy40MTk1MyAyMC42MTA1IDQuMTcxODcgMjAuNjEwNSA1LjA5NTMxQzIwLjYxMDUgNi4wMTg3NSAxOS44NTgyIDYuNzcxMDkgMTguOTM0OCA2Ljc3MTA5QzE4LjAxMTMgNi43NzEwOSAxNy4yNTkgNi4wMTg3NSAxNy4yNTkgNS4wOTUzMUMxNy4yNTkgNC4xNzE4NyAxOC4wMTEzIDMuNDE5NTMgMTguOTM0OCAzLjQxOTUzWicgZmlsbD0nIzgzODM4MycvPjwvc3ZnPiA=");
|
|
|
|
|
|
--float-ball-more-button-border-color: #f6f6f6;
|
|
|
|
|
|
--float-ball-more-button-background-color: #ffffff;
|
|
|
|
|
|
--float-ball-more-button-svg-color: #6c6f73;
|
|
|
|
|
|
color-scheme: light;
|
|
|
|
|
|
--service-bg-hover: #f7faff;
|
|
|
|
|
|
--service-bg: #fafbfb;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
@media only screen and (prefers-color-scheme: dark) {
|
|
|
|
|
|
#mount:not([data-theme="light"]) {
|
|
|
|
|
|
--background-color: #11191f;
|
|
|
|
|
|
--float-ball-more-button-background-color: #ffffff;
|
|
|
|
|
|
--background-light-green: #141e26;
|
|
|
|
|
|
--color: hsl(205deg, 16%, 77%);
|
|
|
|
|
|
--h1-color: hsl(205deg, 20%, 94%);
|
|
|
|
|
|
--h2-color: #e1e6eb;
|
|
|
|
|
|
--h3-color: hsl(205deg, 18%, 86%);
|
|
|
|
|
|
--h4-color: #c8d1d8;
|
|
|
|
|
|
--h5-color: hsl(205deg, 16%, 77%);
|
|
|
|
|
|
--h6-color: #afbbc4;
|
|
|
|
|
|
--muted-color: hsl(205deg, 10%, 50%);
|
|
|
|
|
|
--muted-border-color: #1f2d38;
|
|
|
|
|
|
--primary: hsl(195deg, 85%, 41%);
|
|
|
|
|
|
--primary-hover: hsl(195deg, 80%, 50%);
|
|
|
|
|
|
--primary-focus: rgba(16, 149, 193, 0.25);
|
|
|
|
|
|
--primary-inverse: #fff;
|
|
|
|
|
|
--secondary: hsl(205deg, 15%, 41%);
|
|
|
|
|
|
--secondary-hover: hsl(205deg, 10%, 50%);
|
|
|
|
|
|
--secondary-focus: rgba(115, 130, 140, 0.25);
|
|
|
|
|
|
--secondary-inverse: #fff;
|
|
|
|
|
|
--contrast: hsl(205deg, 20%, 94%);
|
|
|
|
|
|
--contrast-hover: #fff;
|
|
|
|
|
|
--contrast-focus: rgba(115, 130, 140, 0.25);
|
|
|
|
|
|
--contrast-inverse: #000;
|
|
|
|
|
|
--mark-background-color: #d1c284;
|
|
|
|
|
|
--mark-color: #11191f;
|
|
|
|
|
|
--ins-color: #388e3c;
|
|
|
|
|
|
--del-color: #c62828;
|
|
|
|
|
|
--blockquote-border-color: var(--muted-border-color);
|
|
|
|
|
|
--blockquote-footer-color: var(--muted-color);
|
|
|
|
|
|
--button-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
|
|
|
|
|
|
--button-hover-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
|
|
|
|
|
|
--form-element-background-color: #11191f;
|
|
|
|
|
|
--form-element-border-color: #374956;
|
|
|
|
|
|
--form-element-color: var(--color);
|
|
|
|
|
|
--form-element-placeholder-color: var(--muted-color);
|
|
|
|
|
|
--form-element-active-background-color: var(
|
|
|
|
|
|
--form-element-background-color
|
|
|
|
|
|
);
|
|
|
|
|
|
--form-element-active-border-color: var(--primary);
|
|
|
|
|
|
--form-element-focus-color: var(--primary-focus);
|
|
|
|
|
|
--form-element-disabled-background-color: hsl(205deg, 25%, 23%);
|
|
|
|
|
|
--form-element-disabled-border-color: hsl(205deg, 20%, 32%);
|
|
|
|
|
|
--form-element-disabled-opacity: 0.5;
|
|
|
|
|
|
--form-element-invalid-border-color: #b71c1c;
|
|
|
|
|
|
--form-element-invalid-active-border-color: #c62828;
|
|
|
|
|
|
--form-element-invalid-focus-color: rgba(198, 40, 40, 0.25);
|
|
|
|
|
|
--form-element-valid-border-color: #2e7d32;
|
|
|
|
|
|
--form-element-valid-active-border-color: #388e3c;
|
|
|
|
|
|
--form-element-valid-focus-color: rgba(56, 142, 60, 0.25);
|
|
|
|
|
|
--switch-background-color: #374956;
|
|
|
|
|
|
--switch-color: var(--primary-inverse);
|
|
|
|
|
|
--switch-checked-background-color: var(--primary);
|
|
|
|
|
|
--range-border-color: #24333e;
|
|
|
|
|
|
--range-active-border-color: hsl(205deg, 25%, 23%);
|
|
|
|
|
|
--range-thumb-border-color: var(--background-color);
|
|
|
|
|
|
--range-thumb-color: var(--secondary);
|
|
|
|
|
|
--range-thumb-hover-color: var(--secondary-hover);
|
|
|
|
|
|
--range-thumb-active-color: var(--primary);
|
|
|
|
|
|
--table-border-color: var(--muted-border-color);
|
|
|
|
|
|
--table-row-stripped-background-color: rgba(115, 130, 140, 0.05);
|
|
|
|
|
|
--code-background-color: #18232c;
|
|
|
|
|
|
--code-color: var(--muted-color);
|
|
|
|
|
|
--code-kbd-background-color: var(--contrast);
|
|
|
|
|
|
--code-kbd-color: var(--contrast-inverse);
|
|
|
|
|
|
--code-tag-color: hsl(330deg, 30%, 50%);
|
|
|
|
|
|
--code-property-color: hsl(185deg, 30%, 50%);
|
|
|
|
|
|
--code-value-color: hsl(40deg, 10%, 50%);
|
|
|
|
|
|
--code-comment-color: #4d606d;
|
|
|
|
|
|
--accordion-border-color: var(--muted-border-color);
|
|
|
|
|
|
--accordion-active-summary-color: var(--primary);
|
|
|
|
|
|
--accordion-close-summary-color: var(--color);
|
|
|
|
|
|
--accordion-open-summary-color: var(--muted-color);
|
|
|
|
|
|
--card-background-color: #141e26;
|
|
|
|
|
|
--card-border-color: var(--card-background-color);
|
|
|
|
|
|
--card-box-shadow: 0.0145rem 0.029rem 0.174rem rgba(0, 0, 0, 0.01698),
|
|
|
|
|
|
0.0335rem 0.067rem 0.402rem rgba(0, 0, 0, 0.024),
|
|
|
|
|
|
0.0625rem 0.125rem 0.75rem rgba(0, 0, 0, 0.03),
|
|
|
|
|
|
0.1125rem 0.225rem 1.35rem rgba(0, 0, 0, 0.036),
|
|
|
|
|
|
0.2085rem 0.417rem 2.502rem rgba(0, 0, 0, 0.04302),
|
|
|
|
|
|
0.5rem 1rem 6rem rgba(0, 0, 0, 0.06), 0 0 0 0.0625rem rgba(0, 0, 0, 0.015);
|
|
|
|
|
|
--card-sectionning-background-color: #18232c;
|
|
|
|
|
|
--dropdown-background-color: hsl(205deg, 30%, 15%);
|
|
|
|
|
|
--dropdown-border-color: #24333e;
|
|
|
|
|
|
--dropdown-box-shadow: var(--card-box-shadow);
|
|
|
|
|
|
--dropdown-color: var(--color);
|
|
|
|
|
|
--dropdown-hover-background-color: rgba(36, 51, 62, 0.75);
|
|
|
|
|
|
--modal-overlay-background-color: rgba(36, 51, 62, 0.8);
|
|
|
|
|
|
--progress-background-color: #24333e;
|
|
|
|
|
|
--progress-color: var(--primary);
|
|
|
|
|
|
--loading-spinner-opacity: 0.5;
|
|
|
|
|
|
--tooltip-background-color: var(--contrast);
|
|
|
|
|
|
--tooltip-color: var(--contrast-inverse);
|
|
|
|
|
|
--icon-checkbox: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(255, 255, 255)' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E");
|
|
|
|
|
|
--icon-chevron: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(162, 175, 185)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");
|
|
|
|
|
|
--icon-chevron-button: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(255, 255, 255)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");
|
|
|
|
|
|
--icon-chevron-button-inverse: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(0, 0, 0)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");
|
|
|
|
|
|
--icon-close: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(115, 130, 140)' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='18' y1='6' x2='6' y2='18'%3E%3C/line%3E%3Cline x1='6' y1='6' x2='18' y2='18'%3E%3C/line%3E%3C/svg%3E");
|
|
|
|
|
|
--icon-date: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(162, 175, 185)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='18' rx='2' ry='2'%3E%3C/rect%3E%3Cline x1='16' y1='2' x2='16' y2='6'%3E%3C/line%3E%3Cline x1='8' y1='2' x2='8' y2='6'%3E%3C/line%3E%3Cline x1='3' y1='10' x2='21' y2='10'%3E%3C/line%3E%3C/svg%3E");
|
|
|
|
|
|
--icon-invalid: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(183, 28, 28)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cline x1='12' y1='8' x2='12' y2='12'%3E%3C/line%3E%3Cline x1='12' y1='16' x2='12.01' y2='16'%3E%3C/line%3E%3C/svg%3E");
|
|
|
|
|
|
--icon-minus: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(255, 255, 255)' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='5' y1='12' x2='19' y2='12'%3E%3C/line%3E%3C/svg%3E");
|
|
|
|
|
|
--icon-search: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(162, 175, 185)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='8'%3E%3C/circle%3E%3Cline x1='21' y1='21' x2='16.65' y2='16.65'%3E%3C/line%3E%3C/svg%3E");
|
|
|
|
|
|
--icon-time: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(162, 175, 185)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cpolyline points='12 6 12 12 16 14'%3E%3C/polyline%3E%3C/svg%3E");
|
|
|
|
|
|
--icon-valid: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(46, 125, 50)' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E");
|
|
|
|
|
|
--icon-share: url("data:image/svg+xml;charset=utf-8;base64,PHN2ZyB3aWR0aD0nMjInIGhlaWdodD0nMjInIHZpZXdCb3g9JzAgMCAyMiAyMicgZmlsbD0nbm9uZScgeG1sbnM9J2h0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnJz48cGF0aCBkPSdNMTcuOTM0OCA3LjY0ODQ0QzE5Ljg5NDEgNy42NDg0NCAyMS40ODU1IDYuMDU0NjkgMjEuNDg1NSA0LjA5NzY2QzIxLjQ4NTUgMi4xNDA2MiAxOS44OTE4IDAuNTQ2ODc1IDE3LjkzNDggMC41NDY4NzVDMTUuOTc1NCAwLjU0Njg3NSAxNC4zODQgMi4xNDA2MiAxNC4zODQgNC4wOTc2NkMxNC4zODQgNC4yOTkyMiAxNC40MDA0IDQuNDkzNzUgMTQuNDMzMiA0LjY4NTk0TDYuMzIzODMgOC4zNTM5MUM1LjcwOTc3IDcuODQ1MzEgNC45MjIyNyA3LjU0MDYyIDQuMDY0NDUgNy41NDA2MkMyLjEwNTA4IDcuNTQwNjIgMC41MTM2NzIgOS4xMzQzOCAwLjUxMzY3MiAxMS4wOTE0QzAuNTEzNjcyIDEzLjA0ODQgMi4xMDc0MiAxNC42NDIyIDQuMDY0NDUgMTQuNjQyMkM0LjgzMzIgMTQuNjQyMiA1LjU0NTcgMTQuMzk2MSA2LjEyNjk1IDEzLjk4MTNMMTEuNDk0MSAxNi45OTUzQzExLjQxNjggMTcuMjg1OSAxMS4zNzcgMTcuNTg4MyAxMS4zNzcgMTcuOTAyM0MxMS4zNzcgMTkuODYxNyAxMi45NzA3IDIxLjQ1MzEgMTQuOTI3NyAyMS40NTMxQzE2Ljg4NzEgMjEuNDUzMSAxOC40Nzg1IDE5Ljg1OTQgMTguNDc4NSAxNy45MDIzQzE4LjQ3ODUgMTUuOTQzIDE2Ljg4NDggMTQuMzUxNiAxNC45Mjc3IDE0LjM1MTZDMTMuOTU3NCAxNC4zNTE2IDEzLjA3ODUgMTQuNzQzIDEyLjQzNjMgMTUuMzczNEw3LjMyMjI3IDEyLjUwNDdDNy41MDk3NyAxMi4wNzExIDcuNjE1MjMgMTEuNTk1MyA3LjYxNTIzIDExLjA5MzhDNy42MTUyMyAxMC42ODEyIDcuNTQ0OTIgMTAuMjg3NSA3LjQxNjAyIDkuOTE5NTNMMTUuMjIzIDYuMzg3NUMxNS44NzQ2IDcuMTU2MjUgMTYuODQ5NiA3LjY0ODQ0IDE3LjkzNDggNy42NDg0NFpNNC4wNjQ0NSAxMi43Njk1QzMuMTQxMDIgMTIuNzY5NSAyLjM4ODY3IDEyLjAxNzIgMi4zODg2NyAxMS4wOTM4QzIuMzg4NjcgMTAuMTcwMyAzLjE0MTAyIDkuNDE3OTcgNC4wNjQ0NSA5LjQxNzk3QzQuOTg3ODkgOS40MTc5NyA1Ljc0MDIzIDEwLjE3MDMgNS43NDAyMyAxMS4wOTM4QzUuNzQwMjMgMTIuMDE3MiA0Ljk4Nzg5IDEyLjc2OTUgNC4wNjQ0NSAxMi43Njk1Wk0xNC45Mjc3IDE2LjIyNjZDMTUuODUxMiAxNi4yMjY2IDE2LjYwMzUgMTYuOTc4OSAxNi42MDM1IDE3LjkwMjNDMTYuNjAzNSAxOC44MjU4IDE1Ljg1MTIgMTkuNTc4MSAxNC45Mjc3IDE5LjU3ODFDMTQuMDA0MyAxOS41NzgxIDEzLjI1MiAxOC44MjU4IDEzLjI1MiAxNy45MDIzQzEzLjI1MiAxNi45Nzg5IDE0LjAwMiAxNi4yMjY2IDE0LjkyNzcgMTYuMjI2NlpNMTcuOTM0OCAyLjQxOTUzQzE4Ljg1ODIgMi40MTk1MyAxOS42MTA1IDMuMTcxODcgMTkuNjEwNSA0LjA5NTMxQzE5LjYxMDUgNS4wMTg3NSAxOC44NTgyIDUuNzcxMDkgMTcuOTM0OCA1Ljc3MTA5QzE3LjAxMTMgNS43NzEwOSAxNi4yNTkgNS4wMTg3NSAxNi4yNTkgNC4wOTUzMUMxNi4yNTkgMy4xNzE4NyAxNy4wMTEzIDIuNDE5NTMgMTcuOTM0OCAyLjQxOTUzWicgZmlsbD0nI0I2QjZCNicvPjwvc3ZnPiA=");
|
|
|
|
|
|
color-scheme: dark;
|
|
|
|
|
|
--service-bg-hover: #22292f;
|
|
|
|
|
|
--service-bg: rgba(0, 0, 0, 0.1);
|
|
|
|
|
|
}
|
|
|
|
|
|
}
|
|
|
|
|
|
[data-theme="dark"] {
|
|
|
|
|
|
--background-color: #11191f;
|
|
|
|
|
|
--float-ball-more-button-background-color: #ffffff;
|
|
|
|
|
|
--background-light-green: #141e26;
|
|
|
|
|
|
--color: hsl(205deg, 16%, 77%);
|
|
|
|
|
|
--h1-color: hsl(205deg, 20%, 94%);
|
|
|
|
|
|
--h2-color: #e1e6eb;
|
|
|
|
|
|
--h3-color: hsl(205deg, 18%, 86%);
|
|
|
|
|
|
--h4-color: #c8d1d8;
|
|
|
|
|
|
--h5-color: hsl(205deg, 16%, 77%);
|
|
|
|
|
|
--h6-color: #afbbc4;
|
|
|
|
|
|
--muted-color: hsl(205deg, 10%, 50%);
|
|
|
|
|
|
--muted-border-color: #1f2d38;
|
|
|
|
|
|
--primary: hsl(195deg, 85%, 41%);
|
|
|
|
|
|
--primary-hover: hsl(195deg, 80%, 50%);
|
|
|
|
|
|
--primary-focus: rgba(16, 149, 193, 0.25);
|
|
|
|
|
|
--primary-inverse: #fff;
|
|
|
|
|
|
--secondary: hsl(205deg, 15%, 41%);
|
|
|
|
|
|
--secondary-hover: hsl(205deg, 10%, 50%);
|
|
|
|
|
|
--secondary-focus: rgba(115, 130, 140, 0.25);
|
|
|
|
|
|
--secondary-inverse: #fff;
|
|
|
|
|
|
--contrast: hsl(205deg, 20%, 94%);
|
|
|
|
|
|
--contrast-hover: #fff;
|
|
|
|
|
|
--contrast-focus: rgba(115, 130, 140, 0.25);
|
|
|
|
|
|
--contrast-inverse: #000;
|
|
|
|
|
|
--mark-background-color: #d1c284;
|
|
|
|
|
|
--mark-color: #11191f;
|
|
|
|
|
|
--ins-color: #388e3c;
|
|
|
|
|
|
--del-color: #c62828;
|
|
|
|
|
|
--blockquote-border-color: var(--muted-border-color);
|
|
|
|
|
|
--blockquote-footer-color: var(--muted-color);
|
|
|
|
|
|
--button-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
|
|
|
|
|
|
--button-hover-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
|
|
|
|
|
|
--form-element-background-color: #11191f;
|
|
|
|
|
|
--form-element-border-color: #374956;
|
|
|
|
|
|
--form-element-color: var(--color);
|
|
|
|
|
|
--form-element-placeholder-color: var(--muted-color);
|
|
|
|
|
|
--form-element-active-background-color: var(--form-element-background-color);
|
|
|
|
|
|
--form-element-active-border-color: var(--primary);
|
|
|
|
|
|
--form-element-focus-color: var(--primary-focus);
|
|
|
|
|
|
--form-element-disabled-background-color: hsl(205deg, 25%, 23%);
|
|
|
|
|
|
--form-element-disabled-border-color: hsl(205deg, 20%, 32%);
|
|
|
|
|
|
--form-element-disabled-opacity: 0.5;
|
|
|
|
|
|
--form-element-invalid-border-color: #b71c1c;
|
|
|
|
|
|
--form-element-invalid-active-border-color: #c62828;
|
|
|
|
|
|
--form-element-invalid-focus-color: rgba(198, 40, 40, 0.25);
|
|
|
|
|
|
--form-element-valid-border-color: #2e7d32;
|
|
|
|
|
|
--form-element-valid-active-border-color: #388e3c;
|
|
|
|
|
|
--form-element-valid-focus-color: rgba(56, 142, 60, 0.25);
|
|
|
|
|
|
--switch-background-color: #374956;
|
|
|
|
|
|
--switch-color: var(--primary-inverse);
|
|
|
|
|
|
--switch-checked-background-color: var(--primary);
|
|
|
|
|
|
--range-border-color: #24333e;
|
|
|
|
|
|
--range-active-border-color: hsl(205deg, 25%, 23%);
|
|
|
|
|
|
--range-thumb-border-color: var(--background-color);
|
|
|
|
|
|
--range-thumb-color: var(--secondary);
|
|
|
|
|
|
--range-thumb-hover-color: var(--secondary-hover);
|
|
|
|
|
|
--range-thumb-active-color: var(--primary);
|
|
|
|
|
|
--table-border-color: var(--muted-border-color);
|
|
|
|
|
|
--table-row-stripped-background-color: rgba(115, 130, 140, 0.05);
|
|
|
|
|
|
--code-background-color: #18232c;
|
|
|
|
|
|
--code-color: var(--muted-color);
|
|
|
|
|
|
--code-kbd-background-color: var(--contrast);
|
|
|
|
|
|
--code-kbd-color: var(--contrast-inverse);
|
|
|
|
|
|
--code-tag-color: hsl(330deg, 30%, 50%);
|
|
|
|
|
|
--code-property-color: hsl(185deg, 30%, 50%);
|
|
|
|
|
|
--code-value-color: hsl(40deg, 10%, 50%);
|
|
|
|
|
|
--code-comment-color: #4d606d;
|
|
|
|
|
|
--accordion-border-color: var(--muted-border-color);
|
|
|
|
|
|
--accordion-active-summary-color: var(--primary);
|
|
|
|
|
|
--accordion-close-summary-color: var(--color);
|
|
|
|
|
|
--accordion-open-summary-color: var(--muted-color);
|
|
|
|
|
|
--card-background-color: #141e26;
|
|
|
|
|
|
--card-border-color: var(--card-background-color);
|
|
|
|
|
|
--card-box-shadow: 0.0145rem 0.029rem 0.174rem rgba(0, 0, 0, 0.01698),
|
|
|
|
|
|
0.0335rem 0.067rem 0.402rem rgba(0, 0, 0, 0.024),
|
|
|
|
|
|
0.0625rem 0.125rem 0.75rem rgba(0, 0, 0, 0.03),
|
|
|
|
|
|
0.1125rem 0.225rem 1.35rem rgba(0, 0, 0, 0.036),
|
|
|
|
|
|
0.2085rem 0.417rem 2.502rem rgba(0, 0, 0, 0.04302),
|
|
|
|
|
|
0.5rem 1rem 6rem rgba(0, 0, 0, 0.06), 0 0 0 0.0625rem rgba(0, 0, 0, 0.015);
|
|
|
|
|
|
--card-sectionning-background-color: #18232c;
|
|
|
|
|
|
--dropdown-background-color: hsl(205deg, 30%, 15%);
|
|
|
|
|
|
--dropdown-border-color: #24333e;
|
|
|
|
|
|
--dropdown-box-shadow: var(--card-box-shadow);
|
|
|
|
|
|
--dropdown-color: var(--color);
|
|
|
|
|
|
--dropdown-hover-background-color: rgba(36, 51, 62, 0.75);
|
|
|
|
|
|
--modal-overlay-background-color: rgba(36, 51, 62, 0.8);
|
|
|
|
|
|
--progress-background-color: #24333e;
|
|
|
|
|
|
--progress-color: var(--primary);
|
|
|
|
|
|
--loading-spinner-opacity: 0.5;
|
|
|
|
|
|
--tooltip-background-color: var(--contrast);
|
|
|
|
|
|
--tooltip-color: var(--contrast-inverse);
|
|
|
|
|
|
--icon-checkbox: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(255, 255, 255)' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E");
|
|
|
|
|
|
--icon-chevron: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(162, 175, 185)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");
|
|
|
|
|
|
--icon-chevron-button: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(255, 255, 255)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");
|
|
|
|
|
|
--icon-chevron-button-inverse: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(0, 0, 0)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");
|
|
|
|
|
|
--icon-close: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(115, 130, 140)' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='18' y1='6' x2='6' y2='18'%3E%3C/line%3E%3Cline x1='6' y1='6' x2='18' y2='18'%3E%3C/line%3E%3C/svg%3E");
|
|
|
|
|
|
--icon-date: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(162, 175, 185)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='18' rx='2' ry='2'%3E%3C/rect%3E%3Cline x1='16' y1='2' x2='16' y2='6'%3E%3C/line%3E%3Cline x1='8' y1='2' x2='8' y2='6'%3E%3C/line%3E%3Cline x1='3' y1='10' x2='21' y2='10'%3E%3C/line%3E%3C/svg%3E");
|
|
|
|
|
|
--icon-invalid: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(183, 28, 28)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cline x1='12' y1='8' x2='12' y2='12'%3E%3C/line%3E%3Cline x1='12' y1='16' x2='12.01' y2='16'%3E%3C/line%3E%3C/svg%3E");
|
|
|
|
|
|
--icon-minus: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(255, 255, 255)' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='5' y1='12' x2='19' y2='12'%3E%3C/line%3E%3C/svg%3E");
|
|
|
|
|
|
--icon-search: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(162, 175, 185)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='8'%3E%3C/circle%3E%3Cline x1='21' y1='21' x2='16.65' y2='16.65'%3E%3C/line%3E%3C/svg%3E");
|
|
|
|
|
|
--icon-time: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(162, 175, 185)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cpolyline points='12 6 12 12 16 14'%3E%3C/polyline%3E%3C/svg%3E");
|
|
|
|
|
|
--icon-valid: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(46, 125, 50)' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E");
|
|
|
|
|
|
--icon-share: url("data:image/svg+xml;charset=utf-8;base64,PHN2ZyB3aWR0aD0nMjInIGhlaWdodD0nMjInIHZpZXdCb3g9JzAgMCAyMiAyMicgZmlsbD0nbm9uZScgeG1sbnM9J2h0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnJz48cGF0aCBkPSdNMTcuOTM0OCA3LjY0ODQ0QzE5Ljg5NDEgNy42NDg0NCAyMS40ODU1IDYuMDU0NjkgMjEuNDg1NSA0LjA5NzY2QzIxLjQ4NTUgMi4xNDA2MiAxOS44OTE4IDAuNTQ2ODc1IDE3LjkzNDggMC41NDY4NzVDMTUuOTc1NCAwLjU0Njg3NSAxNC4zODQgMi4xNDA2MiAxNC4zODQgNC4wOTc2NkMxNC4zODQgNC4yOTkyMiAxNC40MDA0IDQuNDkzNzUgMTQuNDMzMiA0LjY4NTk0TDYuMzIzODMgOC4zNTM5MUM1LjcwOTc3IDcuODQ1MzEgNC45MjIyNyA3LjU0MDYyIDQuMDY0NDUgNy41NDA2MkMyLjEwNTA4IDcuNTQwNjIgMC41MTM2NzIgOS4xMzQzOCAwLjUxMzY3MiAxMS4wOTE0QzAuNTEzNjcyIDEzLjA0ODQgMi4xMDc0MiAxNC42NDIyIDQuMDY0NDUgMTQuNjQyMkM0LjgzMzIgMTQuNjQyMiA1LjU0NTcgMTQuMzk2MSA2LjEyNjk1IDEzLjk4MTNMMTEuNDk0MSAxNi45OTUzQzExLjQxNjggMTcuMjg1OSAxMS4zNzcgMTcuNTg4MyAxMS4zNzcgMTcuOTAyM0MxMS4zNzcgMTkuODYxNyAxMi45NzA3IDIxLjQ1MzEgMTQuOTI3NyAyMS40NTMxQzE2Ljg4NzEgMjEuNDUzMSAxOC40Nzg1IDE5Ljg1OTQgMTguNDc4NSAxNy45MDIzQzE4LjQ3ODUgMTUuOTQzIDE2Ljg4NDggMTQuMzUxNiAxNC45Mjc3IDE0LjM1MTZDMTMuOTU3NCAxNC4zNTE2IDEzLjA3ODUgMTQuNzQzIDEyLjQzNjMgMTUuMzczNEw3LjMyMjI3IDEyLjUwNDdDNy41MDk3NyAxMi4wNzExIDcuNjE1MjMgMTEuNTk1MyA3LjYxNTIzIDExLjA5MzhDNy42MTUyMyAxMC42ODEyIDcuNTQ0OTIgMTAuMjg3NSA3LjQxNjAyIDkuOTE5NTNMMTUuMjIzIDYuMzg3NUMxNS44NzQ2IDcuMTU2MjUgMTYuODQ5NiA3LjY0ODQ0IDE3LjkzNDggNy42NDg0NFpNNC4wNjQ0NSAxMi43Njk1QzMuMTQxMDIgMTIuNzY5NSAyLjM4ODY3IDEyLjAxNzIgMi4zODg2NyAxMS4wOTM4QzIuMzg4NjcgMTAuMTcwMyAzLjE0MTAyIDkuNDE3OTcgNC4wNjQ0NSA5LjQxNzk3QzQuOTg3ODkgOS40MTc5NyA1Ljc0MDIzIDEwLjE3MDMgNS43NDAyMyAxMS4wOTM4QzUuNzQwMjMgMTIuMDE3MiA0Ljk4Nzg5IDEyLjc2OTUgNC4wNjQ0NSAxMi43Njk1Wk0xNC45Mjc3IDE2LjIyNjZDMTUuODUxMiAxNi4yMjY2IDE2LjYwMzUgMTYuOTc4OSAxNi42MDM1IDE3LjkwMjNDMTYuNjAzNSAxOC44MjU4IDE1Ljg1MTIgMTkuNTc4MSAxNC45Mjc3IDE5LjU3ODFDMTQuMDA0MyAxOS41NzgxIDEzLjI1MiAxOC44MjU4IDEzLjI1MiAxNy45MDIzQzEzLjI1MiAxNi45Nzg5IDE0LjAwMiAxNi4yMjY2IDE0LjkyNzcgMTYuMjI2NlpNMTcuOTM0OCAyLjQxOTUzQzE4Ljg1ODIgMi40MTk1MyAxOS42MTA1IDMuMTcxODcgMTkuNjEwNSA0LjA5NTMxQzE5LjYxMDUgNS4wMTg3NSAxOC44NTgyIDUuNzcxMDkgMTcuOTM0OCA1Ljc3MTA5QzE3LjAxMTMgNS43NzEwOSAxNi4yNTkgNS4wMTg3NSAxNi4yNTkgNC4wOTUzMUMxNi4yNTkgMy4xNzE4NyAxNy4wMTEzIDIuNDE5NTMgMTcuOTM0OCAyLjQxOTUzWicgZmlsbD0nI0I2QjZCNicvPjwvc3ZnPiA=");
|
|
|
|
|
|
color-scheme: dark;
|
|
|
|
|
|
--service-bg: rgba(0, 0, 0, 0.1);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
progress,
|
|
|
|
|
|
[type="checkbox"],
|
|
|
|
|
|
[type="radio"],
|
|
|
|
|
|
[type="range"] {
|
|
|
|
|
|
accent-color: var(--primary);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/**
|
|
|
|
|
|
* Document
|
|
|
|
|
|
* Content-box & Responsive typography
|
|
|
|
|
|
*/
|
|
|
|
|
|
*,
|
|
|
|
|
|
*::before,
|
|
|
|
|
|
*::after {
|
|
|
|
|
|
box-sizing: border-box;
|
|
|
|
|
|
background-repeat: no-repeat;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
::before,
|
|
|
|
|
|
::after {
|
|
|
|
|
|
text-decoration: inherit;
|
|
|
|
|
|
vertical-align: inherit;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
:where(#mount) {
|
|
|
|
|
|
-webkit-tap-highlight-color: transparent;
|
|
|
|
|
|
-webkit-text-size-adjust: 100%;
|
|
|
|
|
|
-moz-text-size-adjust: 100%;
|
|
|
|
|
|
text-size-adjust: 100%;
|
|
|
|
|
|
background-color: var(--background-color);
|
|
|
|
|
|
color: var(--color);
|
|
|
|
|
|
font-weight: var(--font-weight);
|
|
|
|
|
|
font-size: var(--font-size);
|
|
|
|
|
|
line-height: var(--line-height);
|
|
|
|
|
|
font-family: var(--font-family);
|
|
|
|
|
|
text-rendering: optimizeLegibility;
|
|
|
|
|
|
overflow-wrap: break-word;
|
|
|
|
|
|
cursor: default;
|
|
|
|
|
|
-moz-tab-size: 4;
|
|
|
|
|
|
-o-tab-size: 4;
|
|
|
|
|
|
tab-size: 4;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/**
|
|
|
|
|
|
* Sectioning
|
|
|
|
|
|
* Container and responsive spacings for header, main, footer
|
|
|
|
|
|
*/
|
|
|
|
|
|
main {
|
|
|
|
|
|
display: block;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
#mount {
|
|
|
|
|
|
width: 100%;
|
|
|
|
|
|
margin: 0;
|
|
|
|
|
|
}
|
|
|
|
|
|
#mount > header,
|
|
|
|
|
|
#mount > main,
|
|
|
|
|
|
#mount > footer {
|
|
|
|
|
|
width: 100%;
|
|
|
|
|
|
margin-right: auto;
|
|
|
|
|
|
margin-left: auto;
|
|
|
|
|
|
padding: var(--block-spacing-vertical) var(--block-spacing-horizontal);
|
|
|
|
|
|
}
|
|
|
|
|
|
@media (min-width: 576px) {
|
|
|
|
|
|
#mount > header,
|
|
|
|
|
|
#mount > main,
|
|
|
|
|
|
#mount > footer {
|
|
|
|
|
|
padding: 2px !important;
|
|
|
|
|
|
}
|
|
|
|
|
|
}
|
|
|
|
|
|
@media (min-width: 992px) {
|
|
|
|
|
|
#mount > header,
|
|
|
|
|
|
#mount > main,
|
|
|
|
|
|
#mount > footer {
|
|
|
|
|
|
padding: 0 12px !important;
|
|
|
|
|
|
}
|
|
|
|
|
|
}
|
|
|
|
|
|
@media (min-width: 1200px) {
|
|
|
|
|
|
#mount > header,
|
|
|
|
|
|
#mount > main,
|
|
|
|
|
|
#mount > footer {
|
|
|
|
|
|
padding: 0 24px !important;
|
|
|
|
|
|
}
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/**
|
|
|
|
|
|
* Container
|
|
|
|
|
|
*/
|
|
|
|
|
|
.container,
|
|
|
|
|
|
.container-fluid {
|
|
|
|
|
|
width: 100%;
|
|
|
|
|
|
margin-right: auto;
|
|
|
|
|
|
margin-left: auto;
|
|
|
|
|
|
padding-right: var(--spacing);
|
|
|
|
|
|
padding-left: var(--spacing);
|
|
|
|
|
|
}
|
|
|
|
|
|
/*
|
|
|
|
|
|
@media (min-width: 576px) {
|
|
|
|
|
|
.container {
|
|
|
|
|
|
max-width: 510px;
|
|
|
|
|
|
padding-right: 0;
|
|
|
|
|
|
padding-left: 0;
|
|
|
|
|
|
}
|
|
|
|
|
|
}
|
|
|
|
|
|
@media (min-width: 768px) {
|
|
|
|
|
|
.container {
|
|
|
|
|
|
max-width: 700px;
|
|
|
|
|
|
}
|
|
|
|
|
|
} */
|
|
|
|
|
|
@media (min-width: 992px) {
|
|
|
|
|
|
.container {
|
|
|
|
|
|
max-width: 920px;
|
|
|
|
|
|
}
|
|
|
|
|
|
}
|
|
|
|
|
|
@media (min-width: 1200px) {
|
|
|
|
|
|
.container {
|
|
|
|
|
|
max-width: 1130px;
|
|
|
|
|
|
}
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/**
|
|
|
|
|
|
* Section
|
|
|
|
|
|
* Responsive spacings for section
|
|
|
|
|
|
*/
|
|
|
|
|
|
section {
|
|
|
|
|
|
margin-bottom: var(--block-spacing-vertical);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/**
|
|
|
|
|
|
* Grid
|
|
|
|
|
|
* Minimal grid system with auto-layout columns
|
|
|
|
|
|
*/
|
|
|
|
|
|
.grid {
|
|
|
|
|
|
grid-column-gap: var(--grid-spacing-horizontal);
|
|
|
|
|
|
grid-row-gap: var(--grid-spacing-vertical);
|
|
|
|
|
|
display: grid;
|
|
|
|
|
|
grid-template-columns: 1fr;
|
|
|
|
|
|
margin: 0;
|
|
|
|
|
|
}
|
|
|
|
|
|
@media (min-width: 1280px) {
|
|
|
|
|
|
.grid {
|
|
|
|
|
|
grid-template-columns: repeat(auto-fit, minmax(0%, 1fr));
|
|
|
|
|
|
}
|
|
|
|
|
|
}
|
|
|
|
|
|
.grid > * {
|
|
|
|
|
|
min-width: 0;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/**
|
|
|
|
|
|
* Horizontal scroller (<figure>)
|
|
|
|
|
|
*/
|
|
|
|
|
|
figure {
|
|
|
|
|
|
display: block;
|
|
|
|
|
|
margin: 0;
|
|
|
|
|
|
padding: 0;
|
|
|
|
|
|
overflow-x: auto;
|
|
|
|
|
|
}
|
|
|
|
|
|
figure figcaption {
|
|
|
|
|
|
padding: calc(var(--spacing) * 0.5) 0;
|
|
|
|
|
|
color: var(--muted-color);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/**
|
|
|
|
|
|
* Typography
|
|
|
|
|
|
*/
|
|
|
|
|
|
b,
|
|
|
|
|
|
strong {
|
|
|
|
|
|
font-weight: bolder;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
sub,
|
|
|
|
|
|
sup {
|
|
|
|
|
|
position: relative;
|
|
|
|
|
|
font-size: 0.75em;
|
|
|
|
|
|
line-height: 0;
|
|
|
|
|
|
vertical-align: baseline;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
sub {
|
|
|
|
|
|
bottom: -0.25em;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
sup {
|
|
|
|
|
|
top: -0.5em;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
address,
|
|
|
|
|
|
blockquote,
|
|
|
|
|
|
dl,
|
|
|
|
|
|
figure,
|
|
|
|
|
|
form,
|
|
|
|
|
|
ol,
|
|
|
|
|
|
p,
|
|
|
|
|
|
pre,
|
|
|
|
|
|
table,
|
|
|
|
|
|
ul {
|
|
|
|
|
|
margin-top: 0;
|
|
|
|
|
|
margin-bottom: var(--typography-spacing-vertical);
|
|
|
|
|
|
color: var(--color);
|
|
|
|
|
|
font-style: normal;
|
|
|
|
|
|
font-weight: var(--font-weight);
|
|
|
|
|
|
font-size: var(--font-size);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
a,
|
|
|
|
|
|
[role="link"] {
|
|
|
|
|
|
--color: var(--primary);
|
|
|
|
|
|
--background-color: transparent;
|
|
|
|
|
|
outline: none;
|
|
|
|
|
|
background-color: var(--background-color);
|
|
|
|
|
|
color: var(--color);
|
|
|
|
|
|
-webkit-text-decoration: var(--text-decoration);
|
|
|
|
|
|
text-decoration: var(--text-decoration);
|
|
|
|
|
|
transition: background-color var(--transition), color var(--transition),
|
|
|
|
|
|
box-shadow var(--transition), -webkit-text-decoration var(--transition);
|
|
|
|
|
|
transition: background-color var(--transition), color var(--transition),
|
|
|
|
|
|
text-decoration var(--transition), box-shadow var(--transition);
|
|
|
|
|
|
transition: background-color var(--transition), color var(--transition),
|
|
|
|
|
|
text-decoration var(--transition), box-shadow var(--transition),
|
|
|
|
|
|
-webkit-text-decoration var(--transition);
|
|
|
|
|
|
}
|
|
|
|
|
|
a:is([aria-current], :hover, :active, :focus),
|
|
|
|
|
|
[role="link"]:is([aria-current], :hover, :active, :focus) {
|
|
|
|
|
|
--color: var(--primary-hover);
|
|
|
|
|
|
--text-decoration: underline;
|
|
|
|
|
|
}
|
|
|
|
|
|
a:focus,
|
|
|
|
|
|
[role="link"]:focus {
|
|
|
|
|
|
--background-color: var(--primary-focus);
|
|
|
|
|
|
}
|
|
|
|
|
|
a.secondary,
|
|
|
|
|
|
[role="link"].secondary {
|
|
|
|
|
|
--color: var(--secondary);
|
|
|
|
|
|
}
|
|
|
|
|
|
a.secondary:is([aria-current], :hover, :active, :focus),
|
|
|
|
|
|
[role="link"].secondary:is([aria-current], :hover, :active, :focus) {
|
|
|
|
|
|
--color: var(--secondary-hover);
|
|
|
|
|
|
}
|
|
|
|
|
|
a.secondary:focus,
|
|
|
|
|
|
[role="link"].secondary:focus {
|
|
|
|
|
|
--background-color: var(--secondary-focus);
|
|
|
|
|
|
}
|
|
|
|
|
|
a.contrast,
|
|
|
|
|
|
[role="link"].contrast {
|
|
|
|
|
|
--color: var(--contrast);
|
|
|
|
|
|
}
|
|
|
|
|
|
a.contrast:is([aria-current], :hover, :active, :focus),
|
|
|
|
|
|
[role="link"].contrast:is([aria-current], :hover, :active, :focus) {
|
|
|
|
|
|
--color: var(--contrast-hover);
|
|
|
|
|
|
}
|
|
|
|
|
|
a.contrast:focus,
|
|
|
|
|
|
[role="link"].contrast:focus {
|
|
|
|
|
|
--background-color: var(--contrast-focus);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
h1,
|
|
|
|
|
|
h2,
|
|
|
|
|
|
h3,
|
|
|
|
|
|
h4,
|
|
|
|
|
|
h5,
|
|
|
|
|
|
h6 {
|
|
|
|
|
|
margin-top: 0;
|
|
|
|
|
|
margin-bottom: var(--typography-spacing-vertical);
|
|
|
|
|
|
color: var(--color);
|
|
|
|
|
|
font-weight: var(--font-weight);
|
|
|
|
|
|
font-size: var(--font-size);
|
|
|
|
|
|
font-family: var(--font-family);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
h1 {
|
|
|
|
|
|
--color: var(--h1-color);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
h2 {
|
|
|
|
|
|
--color: var(--h2-color);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
h3 {
|
|
|
|
|
|
--color: var(--h3-color);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
h4 {
|
|
|
|
|
|
--color: var(--h4-color);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
h5 {
|
|
|
|
|
|
--color: var(--h5-color);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
h6 {
|
|
|
|
|
|
--color: var(--h6-color);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
:where(address, blockquote, dl, figure, form, ol, p, pre, table, ul)
|
|
|
|
|
|
~ :is(h1, h2, h3, h4, h5, h6) {
|
|
|
|
|
|
margin-top: var(--typography-spacing-vertical);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
hgroup,
|
|
|
|
|
|
.headings {
|
|
|
|
|
|
margin-bottom: var(--typography-spacing-vertical);
|
|
|
|
|
|
}
|
|
|
|
|
|
hgroup > *,
|
|
|
|
|
|
.headings > * {
|
|
|
|
|
|
margin-bottom: 0;
|
|
|
|
|
|
}
|
|
|
|
|
|
hgroup > *:last-child,
|
|
|
|
|
|
.headings > *:last-child {
|
|
|
|
|
|
--color: var(--muted-color);
|
|
|
|
|
|
--font-weight: unset;
|
|
|
|
|
|
font-size: 1rem;
|
|
|
|
|
|
font-family: unset;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
p {
|
|
|
|
|
|
margin-bottom: var(--typography-spacing-vertical);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
small {
|
|
|
|
|
|
font-size: var(--font-size);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
:where(dl, ol, ul) {
|
|
|
|
|
|
padding-right: 0;
|
|
|
|
|
|
padding-left: var(--spacing);
|
|
|
|
|
|
-webkit-padding-start: var(--spacing);
|
|
|
|
|
|
padding-inline-start: var(--spacing);
|
|
|
|
|
|
-webkit-padding-end: 0;
|
|
|
|
|
|
padding-inline-end: 0;
|
|
|
|
|
|
}
|
|
|
|
|
|
:where(dl, ol, ul) li {
|
|
|
|
|
|
margin-bottom: calc(var(--typography-spacing-vertical) * 0.25);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
:where(dl, ol, ul) :is(dl, ol, ul) {
|
|
|
|
|
|
margin: 0;
|
|
|
|
|
|
margin-top: calc(var(--typography-spacing-vertical) * 0.25);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
ul li {
|
|
|
|
|
|
list-style: square;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
mark {
|
|
|
|
|
|
padding: 0.125rem 0.25rem;
|
|
|
|
|
|
background-color: var(--mark-background-color);
|
|
|
|
|
|
color: var(--mark-color);
|
|
|
|
|
|
vertical-align: baseline;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
blockquote {
|
|
|
|
|
|
display: block;
|
|
|
|
|
|
margin: var(--typography-spacing-vertical) 0;
|
|
|
|
|
|
padding: var(--spacing);
|
|
|
|
|
|
border-right: none;
|
|
|
|
|
|
border-left: 0.25rem solid var(--blockquote-border-color);
|
|
|
|
|
|
-webkit-border-start: 0.25rem solid var(--blockquote-border-color);
|
|
|
|
|
|
border-inline-start: 0.25rem solid var(--blockquote-border-color);
|
|
|
|
|
|
-webkit-border-end: none;
|
|
|
|
|
|
border-inline-end: none;
|
|
|
|
|
|
}
|
|
|
|
|
|
blockquote footer {
|
|
|
|
|
|
margin-top: calc(var(--typography-spacing-vertical) * 0.5);
|
|
|
|
|
|
color: var(--blockquote-footer-color);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
abbr[title] {
|
|
|
|
|
|
border-bottom: 1px dotted;
|
|
|
|
|
|
text-decoration: none;
|
|
|
|
|
|
cursor: help;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
ins {
|
|
|
|
|
|
color: var(--ins-color);
|
|
|
|
|
|
text-decoration: none;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
del {
|
|
|
|
|
|
color: var(--del-color);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
::-moz-selection {
|
|
|
|
|
|
background-color: var(--primary-focus);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
::selection {
|
|
|
|
|
|
background-color: var(--primary-focus);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/**
|
|
|
|
|
|
* Embedded content
|
|
|
|
|
|
*/
|
|
|
|
|
|
:where(audio, canvas, iframe, img, svg, video) {
|
|
|
|
|
|
vertical-align: middle;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
audio,
|
|
|
|
|
|
video {
|
|
|
|
|
|
display: inline-block;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
audio:not([controls]) {
|
|
|
|
|
|
display: none;
|
|
|
|
|
|
height: 0;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
:where(iframe) {
|
|
|
|
|
|
border-style: none;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
img {
|
|
|
|
|
|
max-width: 100%;
|
|
|
|
|
|
height: auto;
|
|
|
|
|
|
border-style: none;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
:where(svg:not([fill])) {
|
|
|
|
|
|
fill: currentColor;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
svg:not(#mount) {
|
|
|
|
|
|
overflow: hidden;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/**
|
|
|
|
|
|
* Button
|
|
|
|
|
|
*/
|
|
|
|
|
|
button {
|
|
|
|
|
|
margin: 0;
|
|
|
|
|
|
overflow: visible;
|
|
|
|
|
|
font-family: inherit;
|
|
|
|
|
|
text-transform: none;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
button,
|
|
|
|
|
|
[type="button"],
|
|
|
|
|
|
[type="reset"],
|
|
|
|
|
|
[type="submit"] {
|
|
|
|
|
|
-webkit-appearance: button;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
button {
|
|
|
|
|
|
display: block;
|
|
|
|
|
|
width: 100%;
|
|
|
|
|
|
margin-bottom: var(--spacing);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
[role="button"] {
|
|
|
|
|
|
display: inline-block;
|
|
|
|
|
|
text-decoration: none;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
button,
|
|
|
|
|
|
input[type="submit"],
|
|
|
|
|
|
input[type="button"],
|
|
|
|
|
|
input[type="reset"],
|
|
|
|
|
|
[role="button"] {
|
|
|
|
|
|
--background-color: var(--primary);
|
|
|
|
|
|
--border-color: var(--primary);
|
|
|
|
|
|
--color: var(--primary-inverse);
|
|
|
|
|
|
--box-shadow: var(--button-box-shadow, 0 0 0 rgba(0, 0, 0, 0));
|
|
|
|
|
|
padding: var(--form-element-spacing-vertical)
|
|
|
|
|
|
var(--form-element-spacing-horizontal);
|
|
|
|
|
|
border: var(--border-width) solid var(--border-color);
|
|
|
|
|
|
border-radius: var(--border-radius);
|
|
|
|
|
|
outline: none;
|
|
|
|
|
|
background-color: var(--background-color);
|
|
|
|
|
|
box-shadow: var(--box-shadow);
|
|
|
|
|
|
color: var(--color);
|
|
|
|
|
|
font-weight: var(--font-weight);
|
|
|
|
|
|
font-size: 1rem;
|
|
|
|
|
|
line-height: var(--line-height);
|
|
|
|
|
|
text-align: center;
|
|
|
|
|
|
cursor: pointer;
|
|
|
|
|
|
transition: background-color var(--transition), border-color var(--transition),
|
|
|
|
|
|
color var(--transition), box-shadow var(--transition);
|
|
|
|
|
|
}
|
|
|
|
|
|
button:is([aria-current], :hover, :active, :focus),
|
|
|
|
|
|
input[type="submit"]:is([aria-current], :hover, :active, :focus),
|
|
|
|
|
|
input[type="button"]:is([aria-current], :hover, :active, :focus),
|
|
|
|
|
|
input[type="reset"]:is([aria-current], :hover, :active, :focus),
|
|
|
|
|
|
[role="button"]:is([aria-current], :hover, :active, :focus) {
|
|
|
|
|
|
--background-color: var(--primary-hover);
|
|
|
|
|
|
--border-color: var(--primary-hover);
|
|
|
|
|
|
--box-shadow: var(--button-hover-box-shadow, 0 0 0 rgba(0, 0, 0, 0));
|
|
|
|
|
|
--color: var(--primary-inverse);
|
|
|
|
|
|
}
|
|
|
|
|
|
button:focus,
|
|
|
|
|
|
input[type="submit"]:focus,
|
|
|
|
|
|
input[type="button"]:focus,
|
|
|
|
|
|
input[type="reset"]:focus,
|
|
|
|
|
|
[role="button"]:focus {
|
|
|
|
|
|
--box-shadow: var(--button-hover-box-shadow, 0 0 0 rgba(0, 0, 0, 0)),
|
|
|
|
|
|
0 0 0 var(--outline-width) var(--primary-focus);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
:is(
|
|
|
|
|
|
button,
|
|
|
|
|
|
input[type="submit"],
|
|
|
|
|
|
input[type="button"],
|
|
|
|
|
|
[role="button"]
|
|
|
|
|
|
).secondary,
|
|
|
|
|
|
input[type="reset"] {
|
|
|
|
|
|
--background-color: var(--secondary);
|
|
|
|
|
|
--border-color: var(--secondary);
|
|
|
|
|
|
--color: var(--secondary-inverse);
|
|
|
|
|
|
cursor: pointer;
|
|
|
|
|
|
}
|
|
|
|
|
|
:is(
|
|
|
|
|
|
button,
|
|
|
|
|
|
input[type="submit"],
|
|
|
|
|
|
input[type="button"],
|
|
|
|
|
|
[role="button"]
|
|
|
|
|
|
).secondary:is([aria-current], :hover, :active, :focus),
|
|
|
|
|
|
input[type="reset"]:is([aria-current], :hover, :active, :focus) {
|
|
|
|
|
|
--background-color: var(--secondary-hover);
|
|
|
|
|
|
--border-color: var(--secondary-hover);
|
|
|
|
|
|
--color: var(--secondary-inverse);
|
|
|
|
|
|
}
|
|
|
|
|
|
:is(
|
|
|
|
|
|
button,
|
|
|
|
|
|
input[type="submit"],
|
|
|
|
|
|
input[type="button"],
|
|
|
|
|
|
[role="button"]
|
|
|
|
|
|
).secondary:focus,
|
|
|
|
|
|
input[type="reset"]:focus {
|
|
|
|
|
|
--box-shadow: var(--button-hover-box-shadow, 0 0 0 rgba(0, 0, 0, 0)),
|
|
|
|
|
|
0 0 0 var(--outline-width) var(--secondary-focus);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
:is(
|
|
|
|
|
|
button,
|
|
|
|
|
|
input[type="submit"],
|
|
|
|
|
|
input[type="button"],
|
|
|
|
|
|
[role="button"]
|
|
|
|
|
|
).contrast {
|
|
|
|
|
|
--background-color: var(--contrast);
|
|
|
|
|
|
--border-color: var(--contrast);
|
|
|
|
|
|
--color: var(--contrast-inverse);
|
|
|
|
|
|
}
|
|
|
|
|
|
:is(
|
|
|
|
|
|
button,
|
|
|
|
|
|
input[type="submit"],
|
|
|
|
|
|
input[type="button"],
|
|
|
|
|
|
[role="button"]
|
|
|
|
|
|
).contrast:is([aria-current], :hover, :active, :focus) {
|
|
|
|
|
|
--background-color: var(--contrast-hover);
|
|
|
|
|
|
--border-color: var(--contrast-hover);
|
|
|
|
|
|
--color: var(--contrast-inverse);
|
|
|
|
|
|
}
|
|
|
|
|
|
:is(
|
|
|
|
|
|
button,
|
|
|
|
|
|
input[type="submit"],
|
|
|
|
|
|
input[type="button"],
|
|
|
|
|
|
[role="button"]
|
|
|
|
|
|
).contrast:focus {
|
|
|
|
|
|
--box-shadow: var(--button-hover-box-shadow, 0 0 0 rgba(0, 0, 0, 0)),
|
|
|
|
|
|
0 0 0 var(--outline-width) var(--contrast-focus);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
:is(
|
|
|
|
|
|
button,
|
|
|
|
|
|
input[type="submit"],
|
|
|
|
|
|
input[type="button"],
|
|
|
|
|
|
[role="button"]
|
|
|
|
|
|
).outline,
|
|
|
|
|
|
input[type="reset"].outline {
|
|
|
|
|
|
--background-color: transparent;
|
|
|
|
|
|
--color: var(--primary);
|
|
|
|
|
|
}
|
|
|
|
|
|
:is(
|
|
|
|
|
|
button,
|
|
|
|
|
|
input[type="submit"],
|
|
|
|
|
|
input[type="button"],
|
|
|
|
|
|
[role="button"]
|
|
|
|
|
|
).outline:is([aria-current], :hover, :active, :focus),
|
|
|
|
|
|
input[type="reset"].outline:is([aria-current], :hover, :active, :focus) {
|
|
|
|
|
|
--background-color: transparent;
|
|
|
|
|
|
--color: var(--primary-hover);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
:is(
|
|
|
|
|
|
button,
|
|
|
|
|
|
input[type="submit"],
|
|
|
|
|
|
input[type="button"],
|
|
|
|
|
|
[role="button"]
|
|
|
|
|
|
).outline.secondary,
|
|
|
|
|
|
input[type="reset"].outline {
|
|
|
|
|
|
--color: var(--secondary);
|
|
|
|
|
|
}
|
|
|
|
|
|
:is(
|
|
|
|
|
|
button,
|
|
|
|
|
|
input[type="submit"],
|
|
|
|
|
|
input[type="button"],
|
|
|
|
|
|
[role="button"]
|
|
|
|
|
|
).outline.secondary:is([aria-current], :hover, :active, :focus),
|
|
|
|
|
|
input[type="reset"].outline:is([aria-current], :hover, :active, :focus) {
|
|
|
|
|
|
--color: var(--secondary-hover);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
:is(
|
|
|
|
|
|
button,
|
|
|
|
|
|
input[type="submit"],
|
|
|
|
|
|
input[type="button"],
|
|
|
|
|
|
[role="button"]
|
|
|
|
|
|
).outline.contrast {
|
|
|
|
|
|
--color: var(--contrast);
|
|
|
|
|
|
}
|
|
|
|
|
|
:is(
|
|
|
|
|
|
button,
|
|
|
|
|
|
input[type="submit"],
|
|
|
|
|
|
input[type="button"],
|
|
|
|
|
|
[role="button"]
|
|
|
|
|
|
).outline.contrast:is([aria-current], :hover, :active, :focus) {
|
|
|
|
|
|
--color: var(--contrast-hover);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
:where(
|
|
|
|
|
|
button,
|
|
|
|
|
|
[type="submit"],
|
|
|
|
|
|
[type="button"],
|
|
|
|
|
|
[type="reset"],
|
|
|
|
|
|
[role="button"]
|
|
|
|
|
|
)[disabled],
|
|
|
|
|
|
:where(fieldset[disabled])
|
|
|
|
|
|
:is(
|
|
|
|
|
|
button,
|
|
|
|
|
|
[type="submit"],
|
|
|
|
|
|
[type="button"],
|
|
|
|
|
|
[type="reset"],
|
|
|
|
|
|
[role="button"]
|
|
|
|
|
|
),
|
|
|
|
|
|
a[role="button"]:not([href]) {
|
|
|
|
|
|
opacity: 0.5;
|
|
|
|
|
|
pointer-events: none;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/**
|
|
|
|
|
|
* Form elements
|
|
|
|
|
|
*/
|
|
|
|
|
|
input,
|
|
|
|
|
|
optgroup,
|
|
|
|
|
|
select,
|
|
|
|
|
|
textarea {
|
|
|
|
|
|
margin: 0;
|
|
|
|
|
|
font-size: 1rem;
|
|
|
|
|
|
line-height: var(--line-height);
|
|
|
|
|
|
font-family: inherit;
|
|
|
|
|
|
letter-spacing: inherit;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
input {
|
|
|
|
|
|
overflow: visible;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
select {
|
|
|
|
|
|
text-transform: none;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
legend {
|
|
|
|
|
|
max-width: 100%;
|
|
|
|
|
|
padding: 0;
|
|
|
|
|
|
color: inherit;
|
|
|
|
|
|
white-space: normal;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
textarea {
|
|
|
|
|
|
overflow: auto;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
[type="checkbox"],
|
|
|
|
|
|
[type="radio"] {
|
|
|
|
|
|
padding: 0;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
::-webkit-inner-spin-button,
|
|
|
|
|
|
::-webkit-outer-spin-button {
|
|
|
|
|
|
height: auto;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
[type="search"] {
|
|
|
|
|
|
-webkit-appearance: textfield;
|
|
|
|
|
|
outline-offset: -2px;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
[type="search"]::-webkit-search-decoration {
|
|
|
|
|
|
-webkit-appearance: none;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
::-webkit-file-upload-button {
|
|
|
|
|
|
-webkit-appearance: button;
|
|
|
|
|
|
font: inherit;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
::-moz-focus-inner {
|
|
|
|
|
|
padding: 0;
|
|
|
|
|
|
border-style: none;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
:-moz-focusring {
|
|
|
|
|
|
outline: none;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
:-moz-ui-invalid {
|
|
|
|
|
|
box-shadow: none;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
::-ms-expand {
|
|
|
|
|
|
display: none;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
[type="file"],
|
|
|
|
|
|
[type="range"] {
|
|
|
|
|
|
padding: 0;
|
|
|
|
|
|
border-width: 0;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
input:not([type="checkbox"], [type="radio"], [type="range"]) {
|
|
|
|
|
|
height: calc(
|
|
|
|
|
|
1rem * var(--line-height) + var(--form-element-spacing-vertical) * 2 +
|
|
|
|
|
|
var(--border-width) * 2
|
|
|
|
|
|
);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
fieldset {
|
|
|
|
|
|
margin: 0;
|
|
|
|
|
|
margin-bottom: var(--spacing);
|
|
|
|
|
|
padding: 0;
|
|
|
|
|
|
border: 0;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
label,
|
|
|
|
|
|
fieldset legend {
|
|
|
|
|
|
display: block;
|
|
|
|
|
|
margin-bottom: calc(var(--spacing) * 0.25);
|
|
|
|
|
|
font-weight: var(--form-label-font-weight, var(--font-weight));
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
input:not([type="checkbox"], [type="radio"]),
|
|
|
|
|
|
select,
|
|
|
|
|
|
textarea {
|
|
|
|
|
|
width: 100%;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
input:not([type="checkbox"], [type="radio"], [type="range"], [type="file"]),
|
|
|
|
|
|
select,
|
|
|
|
|
|
textarea {
|
|
|
|
|
|
-webkit-appearance: none;
|
|
|
|
|
|
-moz-appearance: none;
|
|
|
|
|
|
appearance: none;
|
|
|
|
|
|
padding: var(--form-element-spacing-vertical)
|
|
|
|
|
|
var(--form-element-spacing-horizontal);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
input,
|
|
|
|
|
|
select,
|
|
|
|
|
|
textarea {
|
|
|
|
|
|
--background-color: var(--form-element-background-color);
|
|
|
|
|
|
--border-color: var(--form-element-border-color);
|
|
|
|
|
|
--color: var(--form-element-color);
|
|
|
|
|
|
--box-shadow: none;
|
|
|
|
|
|
border: var(--border-width) solid var(--border-color);
|
|
|
|
|
|
border-radius: var(--border-radius);
|
|
|
|
|
|
outline: none;
|
|
|
|
|
|
background-color: var(--background-color);
|
|
|
|
|
|
box-shadow: var(--box-shadow);
|
|
|
|
|
|
color: var(--color);
|
|
|
|
|
|
font-weight: var(--font-weight);
|
|
|
|
|
|
transition: background-color var(--transition), border-color var(--transition),
|
|
|
|
|
|
color var(--transition), box-shadow var(--transition);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
input:not(
|
|
|
|
|
|
[type="submit"],
|
|
|
|
|
|
[type="button"],
|
|
|
|
|
|
[type="reset"],
|
|
|
|
|
|
[type="checkbox"],
|
|
|
|
|
|
[type="radio"],
|
|
|
|
|
|
[readonly]
|
|
|
|
|
|
):is(:active, :focus),
|
|
|
|
|
|
:where(select, textarea):is(:active, :focus) {
|
|
|
|
|
|
--background-color: var(--form-element-active-background-color);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
input:not(
|
|
|
|
|
|
[type="submit"],
|
|
|
|
|
|
[type="button"],
|
|
|
|
|
|
[type="reset"],
|
|
|
|
|
|
[role="switch"],
|
|
|
|
|
|
[readonly]
|
|
|
|
|
|
):is(:active, :focus),
|
|
|
|
|
|
:where(select, textarea):is(:active, :focus) {
|
|
|
|
|
|
--border-color: var(--form-element-active-border-color);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
input:not(
|
|
|
|
|
|
[type="submit"],
|
|
|
|
|
|
[type="button"],
|
|
|
|
|
|
[type="reset"],
|
|
|
|
|
|
[type="range"],
|
|
|
|
|
|
[type="file"],
|
|
|
|
|
|
[readonly]
|
|
|
|
|
|
):focus,
|
|
|
|
|
|
select:focus,
|
|
|
|
|
|
textarea:focus {
|
|
|
|
|
|
--box-shadow: 0 0 0 var(--outline-width) var(--form-element-focus-color);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
input:not([type="submit"], [type="button"], [type="reset"])[disabled],
|
|
|
|
|
|
select[disabled],
|
|
|
|
|
|
textarea[disabled],
|
|
|
|
|
|
:where(fieldset[disabled])
|
|
|
|
|
|
:is(
|
|
|
|
|
|
input:not([type="submit"], [type="button"], [type="reset"]),
|
|
|
|
|
|
select,
|
|
|
|
|
|
textarea
|
|
|
|
|
|
) {
|
|
|
|
|
|
--background-color: var(--form-element-disabled-background-color);
|
|
|
|
|
|
--border-color: var(--form-element-disabled-border-color);
|
|
|
|
|
|
opacity: var(--form-element-disabled-opacity);
|
|
|
|
|
|
pointer-events: none;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
:where(input, select, textarea):not(
|
|
|
|
|
|
[type="checkbox"],
|
|
|
|
|
|
[type="radio"],
|
|
|
|
|
|
[type="date"],
|
|
|
|
|
|
[type="datetime-local"],
|
|
|
|
|
|
[type="month"],
|
|
|
|
|
|
[type="time"],
|
|
|
|
|
|
[type="week"]
|
|
|
|
|
|
)[aria-invalid] {
|
|
|
|
|
|
padding-right: calc(
|
|
|
|
|
|
var(--form-element-spacing-horizontal) + 1.5rem
|
|
|
|
|
|
) !important;
|
|
|
|
|
|
padding-left: var(--form-element-spacing-horizontal);
|
|
|
|
|
|
-webkit-padding-start: var(--form-element-spacing-horizontal) !important;
|
|
|
|
|
|
padding-inline-start: var(--form-element-spacing-horizontal) !important;
|
|
|
|
|
|
-webkit-padding-end: calc(
|
|
|
|
|
|
var(--form-element-spacing-horizontal) + 1.5rem
|
|
|
|
|
|
) !important;
|
|
|
|
|
|
padding-inline-end: calc(
|
|
|
|
|
|
var(--form-element-spacing-horizontal) + 1.5rem
|
|
|
|
|
|
) !important;
|
|
|
|
|
|
background-position: center right 0.75rem;
|
|
|
|
|
|
background-size: 1rem auto;
|
|
|
|
|
|
background-repeat: no-repeat;
|
|
|
|
|
|
}
|
|
|
|
|
|
:where(input, select, textarea):not(
|
|
|
|
|
|
[type="checkbox"],
|
|
|
|
|
|
[type="radio"],
|
|
|
|
|
|
[type="date"],
|
|
|
|
|
|
[type="datetime-local"],
|
|
|
|
|
|
[type="month"],
|
|
|
|
|
|
[type="time"],
|
|
|
|
|
|
[type="week"]
|
|
|
|
|
|
)[aria-invalid="false"] {
|
|
|
|
|
|
background-image: var(--icon-valid);
|
|
|
|
|
|
}
|
|
|
|
|
|
:where(input, select, textarea):not(
|
|
|
|
|
|
[type="checkbox"],
|
|
|
|
|
|
[type="radio"],
|
|
|
|
|
|
[type="date"],
|
|
|
|
|
|
[type="datetime-local"],
|
|
|
|
|
|
[type="month"],
|
|
|
|
|
|
[type="time"],
|
|
|
|
|
|
[type="week"]
|
|
|
|
|
|
)[aria-invalid="true"] {
|
|
|
|
|
|
background-image: var(--icon-invalid);
|
|
|
|
|
|
}
|
|
|
|
|
|
:where(input, select, textarea)[aria-invalid="false"] {
|
|
|
|
|
|
--border-color: var(--form-element-valid-border-color);
|
|
|
|
|
|
}
|
|
|
|
|
|
:where(input, select, textarea)[aria-invalid="false"]:is(:active, :focus) {
|
|
|
|
|
|
--border-color: var(--form-element-valid-active-border-color) !important;
|
|
|
|
|
|
--box-shadow: 0 0 0 var(--outline-width) var(--form-element-valid-focus-color) !important;
|
|
|
|
|
|
}
|
|
|
|
|
|
:where(input, select, textarea)[aria-invalid="true"] {
|
|
|
|
|
|
--border-color: var(--form-element-invalid-border-color);
|
|
|
|
|
|
}
|
|
|
|
|
|
:where(input, select, textarea)[aria-invalid="true"]:is(:active, :focus) {
|
|
|
|
|
|
--border-color: var(--form-element-invalid-active-border-color) !important;
|
|
|
|
|
|
--box-shadow: 0 0 0 var(--outline-width)
|
|
|
|
|
|
var(--form-element-invalid-focus-color) !important;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
[dir="rtl"]
|
|
|
|
|
|
:where(input, select, textarea):not([type="checkbox"], [type="radio"]):is(
|
|
|
|
|
|
[aria-invalid],
|
|
|
|
|
|
[aria-invalid="true"],
|
|
|
|
|
|
[aria-invalid="false"]
|
|
|
|
|
|
) {
|
|
|
|
|
|
background-position: center left 0.75rem;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
input::placeholder,
|
|
|
|
|
|
input::-webkit-input-placeholder,
|
|
|
|
|
|
textarea::placeholder,
|
|
|
|
|
|
textarea::-webkit-input-placeholder,
|
|
|
|
|
|
select:invalid {
|
|
|
|
|
|
color: var(--form-element-placeholder-color);
|
|
|
|
|
|
opacity: 1;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
input:not([type="checkbox"], [type="radio"]),
|
|
|
|
|
|
select,
|
|
|
|
|
|
textarea {
|
|
|
|
|
|
margin-bottom: var(--spacing);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
select::-ms-expand {
|
|
|
|
|
|
border: 0;
|
|
|
|
|
|
background-color: transparent;
|
|
|
|
|
|
}
|
|
|
|
|
|
select:not([multiple], [size]) {
|
|
|
|
|
|
padding-right: calc(var(--form-element-spacing-horizontal) + 1.5rem);
|
|
|
|
|
|
padding-left: var(--form-element-spacing-horizontal);
|
|
|
|
|
|
-webkit-padding-start: var(--form-element-spacing-horizontal);
|
|
|
|
|
|
padding-inline-start: var(--form-element-spacing-horizontal);
|
|
|
|
|
|
-webkit-padding-end: calc(var(--form-element-spacing-horizontal) + 1.5rem);
|
|
|
|
|
|
padding-inline-end: calc(var(--form-element-spacing-horizontal) + 1.5rem);
|
|
|
|
|
|
background-image: var(--icon-chevron);
|
|
|
|
|
|
background-position: center right 0.75rem;
|
|
|
|
|
|
background-size: 1rem auto;
|
|
|
|
|
|
background-repeat: no-repeat;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
[dir="rtl"] select:not([multiple], [size]) {
|
|
|
|
|
|
background-position: center left 0.75rem;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
:where(input, select, textarea) + small {
|
|
|
|
|
|
display: block;
|
|
|
|
|
|
width: 100%;
|
|
|
|
|
|
margin-top: calc(var(--spacing) * -0.75);
|
|
|
|
|
|
margin-bottom: var(--spacing);
|
|
|
|
|
|
color: var(--muted-color);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
label > :where(input, select, textarea) {
|
|
|
|
|
|
margin-top: calc(var(--spacing) * 0.25);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/**
|
|
|
|
|
|
* Form elements
|
|
|
|
|
|
* Checkboxes & Radios
|
|
|
|
|
|
*/
|
|
|
|
|
|
[type="checkbox"],
|
|
|
|
|
|
[type="radio"] {
|
|
|
|
|
|
-webkit-appearance: none;
|
|
|
|
|
|
-moz-appearance: none;
|
|
|
|
|
|
appearance: none;
|
|
|
|
|
|
width: 1.25em;
|
|
|
|
|
|
height: 1.25em;
|
|
|
|
|
|
margin-top: -0.125em;
|
|
|
|
|
|
margin-right: 0.375em;
|
|
|
|
|
|
margin-left: 0;
|
|
|
|
|
|
-webkit-margin-start: 0;
|
|
|
|
|
|
margin-inline-start: 0;
|
|
|
|
|
|
-webkit-margin-end: 0.375em;
|
|
|
|
|
|
margin-inline-end: 0.375em;
|
|
|
|
|
|
border-width: var(--border-width);
|
|
|
|
|
|
font-size: inherit;
|
|
|
|
|
|
vertical-align: middle;
|
|
|
|
|
|
cursor: pointer;
|
|
|
|
|
|
}
|
|
|
|
|
|
[type="checkbox"]::-ms-check,
|
|
|
|
|
|
[type="radio"]::-ms-check {
|
|
|
|
|
|
display: none;
|
|
|
|
|
|
}
|
|
|
|
|
|
[type="checkbox"]:checked,
|
|
|
|
|
|
[type="checkbox"]:checked:active,
|
|
|
|
|
|
[type="checkbox"]:checked:focus,
|
|
|
|
|
|
[type="radio"]:checked,
|
|
|
|
|
|
[type="radio"]:checked:active,
|
|
|
|
|
|
[type="radio"]:checked:focus {
|
|
|
|
|
|
--background-color: var(--primary);
|
|
|
|
|
|
--border-color: var(--primary);
|
|
|
|
|
|
background-image: var(--icon-checkbox);
|
|
|
|
|
|
background-position: center;
|
|
|
|
|
|
background-size: 0.75em auto;
|
|
|
|
|
|
background-repeat: no-repeat;
|
|
|
|
|
|
}
|
|
|
|
|
|
[type="checkbox"] ~ label,
|
|
|
|
|
|
[type="radio"] ~ label {
|
|
|
|
|
|
display: inline-block;
|
|
|
|
|
|
margin-right: 0.375em;
|
|
|
|
|
|
margin-bottom: 0;
|
|
|
|
|
|
cursor: pointer;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
[type="checkbox"]:indeterminate {
|
|
|
|
|
|
--background-color: var(--primary);
|
|
|
|
|
|
--border-color: var(--primary);
|
|
|
|
|
|
background-image: var(--icon-minus);
|
|
|
|
|
|
background-position: center;
|
|
|
|
|
|
background-size: 0.75em auto;
|
|
|
|
|
|
background-repeat: no-repeat;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
[type="radio"] {
|
|
|
|
|
|
border-radius: 50%;
|
|
|
|
|
|
}
|
|
|
|
|
|
[type="radio"]:checked,
|
|
|
|
|
|
[type="radio"]:checked:active,
|
|
|
|
|
|
[type="radio"]:checked:focus {
|
|
|
|
|
|
--background-color: var(--primary-inverse);
|
|
|
|
|
|
border-width: 0.35em;
|
|
|
|
|
|
background-image: none;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
[type="checkbox"][role="switch"] {
|
|
|
|
|
|
--background-color: var(--switch-background-color);
|
|
|
|
|
|
--border-color: var(--switch-background-color);
|
|
|
|
|
|
--color: var(--switch-color);
|
|
|
|
|
|
width: 2.25em;
|
|
|
|
|
|
height: 1.25em;
|
|
|
|
|
|
border: var(--border-width) solid var(--border-color);
|
|
|
|
|
|
border-radius: 1.25em;
|
|
|
|
|
|
background-color: var(--background-color);
|
|
|
|
|
|
line-height: 1.25em;
|
|
|
|
|
|
}
|
|
|
|
|
|
[type="checkbox"][role="switch"]:focus {
|
|
|
|
|
|
--background-color: var(--switch-background-color);
|
|
|
|
|
|
--border-color: var(--switch-background-color);
|
|
|
|
|
|
}
|
|
|
|
|
|
[type="checkbox"][role="switch"]:checked {
|
|
|
|
|
|
--background-color: var(--switch-checked-background-color);
|
|
|
|
|
|
--border-color: var(--switch-checked-background-color);
|
|
|
|
|
|
}
|
|
|
|
|
|
[type="checkbox"][role="switch"]:before {
|
|
|
|
|
|
display: block;
|
|
|
|
|
|
width: calc(1.25em - (var(--border-width) * 2));
|
|
|
|
|
|
height: 100%;
|
|
|
|
|
|
border-radius: 50%;
|
|
|
|
|
|
background-color: var(--color);
|
|
|
|
|
|
content: "";
|
|
|
|
|
|
transition: margin 0.1s ease-in-out;
|
|
|
|
|
|
}
|
|
|
|
|
|
[type="checkbox"][role="switch"]:checked {
|
|
|
|
|
|
background-image: none;
|
|
|
|
|
|
}
|
|
|
|
|
|
[type="checkbox"][role="switch"]:checked::before {
|
|
|
|
|
|
margin-left: calc(1.125em - var(--border-width));
|
|
|
|
|
|
-webkit-margin-start: calc(1.125em - var(--border-width));
|
|
|
|
|
|
margin-inline-start: calc(1.125em - var(--border-width));
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
[type="checkbox"][aria-invalid="false"],
|
|
|
|
|
|
[type="checkbox"]:checked[aria-invalid="false"],
|
|
|
|
|
|
[type="radio"][aria-invalid="false"],
|
|
|
|
|
|
[type="radio"]:checked[aria-invalid="false"],
|
|
|
|
|
|
[type="checkbox"][role="switch"][aria-invalid="false"],
|
|
|
|
|
|
[type="checkbox"][role="switch"]:checked[aria-invalid="false"] {
|
|
|
|
|
|
--border-color: var(--form-element-valid-border-color);
|
|
|
|
|
|
}
|
|
|
|
|
|
[type="checkbox"][aria-invalid="true"],
|
|
|
|
|
|
[type="checkbox"]:checked[aria-invalid="true"],
|
|
|
|
|
|
[type="radio"][aria-invalid="true"],
|
|
|
|
|
|
[type="radio"]:checked[aria-invalid="true"],
|
|
|
|
|
|
[type="checkbox"][role="switch"][aria-invalid="true"],
|
|
|
|
|
|
[type="checkbox"][role="switch"]:checked[aria-invalid="true"] {
|
|
|
|
|
|
--border-color: var(--form-element-invalid-border-color);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/**
|
|
|
|
|
|
* Form elements
|
|
|
|
|
|
* Alternatives input types (Not Checkboxes & Radios)
|
|
|
|
|
|
*/
|
|
|
|
|
|
[type="color"]::-webkit-color-swatch-wrapper {
|
|
|
|
|
|
padding: 0;
|
|
|
|
|
|
}
|
|
|
|
|
|
[type="color"]::-moz-focus-inner {
|
|
|
|
|
|
padding: 0;
|
|
|
|
|
|
}
|
|
|
|
|
|
[type="color"]::-webkit-color-swatch {
|
|
|
|
|
|
border: 0;
|
|
|
|
|
|
border-radius: calc(var(--border-radius) * 0.5);
|
|
|
|
|
|
}
|
|
|
|
|
|
[type="color"]::-moz-color-swatch {
|
|
|
|
|
|
border: 0;
|
|
|
|
|
|
border-radius: calc(var(--border-radius) * 0.5);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
input:not([type="checkbox"], [type="radio"], [type="range"], [type="file"]):is(
|
|
|
|
|
|
[type="date"],
|
|
|
|
|
|
[type="datetime-local"],
|
|
|
|
|
|
[type="month"],
|
|
|
|
|
|
[type="time"],
|
|
|
|
|
|
[type="week"]
|
|
|
|
|
|
) {
|
|
|
|
|
|
--icon-position: 0.75rem;
|
|
|
|
|
|
--icon-width: 1rem;
|
|
|
|
|
|
padding-right: calc(var(--icon-width) + var(--icon-position));
|
|
|
|
|
|
background-image: var(--icon-date);
|
|
|
|
|
|
background-position: center right var(--icon-position);
|
|
|
|
|
|
background-size: var(--icon-width) auto;
|
|
|
|
|
|
background-repeat: no-repeat;
|
|
|
|
|
|
}
|
|
|
|
|
|
input:not(
|
|
|
|
|
|
[type="checkbox"],
|
|
|
|
|
|
[type="radio"],
|
|
|
|
|
|
[type="range"],
|
|
|
|
|
|
[type="file"]
|
|
|
|
|
|
)[type="time"] {
|
|
|
|
|
|
background-image: var(--icon-time);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
[type="date"]::-webkit-calendar-picker-indicator,
|
|
|
|
|
|
[type="datetime-local"]::-webkit-calendar-picker-indicator,
|
|
|
|
|
|
[type="month"]::-webkit-calendar-picker-indicator,
|
|
|
|
|
|
[type="time"]::-webkit-calendar-picker-indicator,
|
|
|
|
|
|
[type="week"]::-webkit-calendar-picker-indicator {
|
|
|
|
|
|
width: var(--icon-width);
|
|
|
|
|
|
margin-right: calc(var(--icon-width) * -1);
|
|
|
|
|
|
margin-left: var(--icon-position);
|
|
|
|
|
|
opacity: 0;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
[dir="rtl"]
|
|
|
|
|
|
:is(
|
|
|
|
|
|
[type="date"],
|
|
|
|
|
|
[type="datetime-local"],
|
|
|
|
|
|
[type="month"],
|
|
|
|
|
|
[type="time"],
|
|
|
|
|
|
[type="week"]
|
|
|
|
|
|
) {
|
|
|
|
|
|
text-align: right;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
[type="file"] {
|
|
|
|
|
|
--color: var(--muted-color);
|
|
|
|
|
|
padding: calc(var(--form-element-spacing-vertical) * 0.5) 0;
|
|
|
|
|
|
border: 0;
|
|
|
|
|
|
border-radius: 0;
|
|
|
|
|
|
background: none;
|
|
|
|
|
|
}
|
|
|
|
|
|
[type="file"]::file-selector-button {
|
|
|
|
|
|
--background-color: var(--secondary);
|
|
|
|
|
|
--border-color: var(--secondary);
|
|
|
|
|
|
--color: var(--secondary-inverse);
|
|
|
|
|
|
margin-right: calc(var(--spacing) / 2);
|
|
|
|
|
|
margin-left: 0;
|
|
|
|
|
|
-webkit-margin-start: 0;
|
|
|
|
|
|
margin-inline-start: 0;
|
|
|
|
|
|
-webkit-margin-end: calc(var(--spacing) / 2);
|
|
|
|
|
|
margin-inline-end: calc(var(--spacing) / 2);
|
|
|
|
|
|
padding: calc(var(--form-element-spacing-vertical) * 0.5)
|
|
|
|
|
|
calc(var(--form-element-spacing-horizontal) * 0.5);
|
|
|
|
|
|
border: var(--border-width) solid var(--border-color);
|
|
|
|
|
|
border-radius: var(--border-radius);
|
|
|
|
|
|
outline: none;
|
|
|
|
|
|
background-color: var(--background-color);
|
|
|
|
|
|
box-shadow: var(--box-shadow);
|
|
|
|
|
|
color: var(--color);
|
|
|
|
|
|
font-weight: var(--font-weight);
|
|
|
|
|
|
font-size: 1rem;
|
|
|
|
|
|
line-height: var(--line-height);
|
|
|
|
|
|
text-align: center;
|
|
|
|
|
|
cursor: pointer;
|
|
|
|
|
|
transition: background-color var(--transition), border-color var(--transition),
|
|
|
|
|
|
color var(--transition), box-shadow var(--transition);
|
|
|
|
|
|
}
|
|
|
|
|
|
[type="file"]::file-selector-button:is(:hover, :active, :focus) {
|
|
|
|
|
|
--background-color: var(--secondary-hover);
|
|
|
|
|
|
--border-color: var(--secondary-hover);
|
|
|
|
|
|
}
|
|
|
|
|
|
[type="file"]::-webkit-file-upload-button {
|
|
|
|
|
|
--background-color: var(--secondary);
|
|
|
|
|
|
--border-color: var(--secondary);
|
|
|
|
|
|
--color: var(--secondary-inverse);
|
|
|
|
|
|
margin-right: calc(var(--spacing) / 2);
|
|
|
|
|
|
margin-left: 0;
|
|
|
|
|
|
-webkit-margin-start: 0;
|
|
|
|
|
|
margin-inline-start: 0;
|
|
|
|
|
|
-webkit-margin-end: calc(var(--spacing) / 2);
|
|
|
|
|
|
margin-inline-end: calc(var(--spacing) / 2);
|
|
|
|
|
|
padding: calc(var(--form-element-spacing-vertical) * 0.5)
|
|
|
|
|
|
calc(var(--form-element-spacing-horizontal) * 0.5);
|
|
|
|
|
|
border: var(--border-width) solid var(--border-color);
|
|
|
|
|
|
border-radius: var(--border-radius);
|
|
|
|
|
|
outline: none;
|
|
|
|
|
|
background-color: var(--background-color);
|
|
|
|
|
|
box-shadow: var(--box-shadow);
|
|
|
|
|
|
color: var(--color);
|
|
|
|
|
|
font-weight: var(--font-weight);
|
|
|
|
|
|
font-size: 1rem;
|
|
|
|
|
|
line-height: var(--line-height);
|
|
|
|
|
|
text-align: center;
|
|
|
|
|
|
cursor: pointer;
|
|
|
|
|
|
-webkit-transition: background-color var(--transition),
|
|
|
|
|
|
border-color var(--transition), color var(--transition),
|
|
|
|
|
|
box-shadow var(--transition);
|
|
|
|
|
|
transition: background-color var(--transition), border-color var(--transition),
|
|
|
|
|
|
color var(--transition), box-shadow var(--transition);
|
|
|
|
|
|
}
|
|
|
|
|
|
[type="file"]::-webkit-file-upload-button:is(:hover, :active, :focus) {
|
|
|
|
|
|
--background-color: var(--secondary-hover);
|
|
|
|
|
|
--border-color: var(--secondary-hover);
|
|
|
|
|
|
}
|
|
|
|
|
|
[type="file"]::-ms-browse {
|
|
|
|
|
|
--background-color: var(--secondary);
|
|
|
|
|
|
--border-color: var(--secondary);
|
|
|
|
|
|
--color: var(--secondary-inverse);
|
|
|
|
|
|
margin-right: calc(var(--spacing) / 2);
|
|
|
|
|
|
margin-left: 0;
|
|
|
|
|
|
margin-inline-start: 0;
|
|
|
|
|
|
margin-inline-end: calc(var(--spacing) / 2);
|
|
|
|
|
|
padding: calc(var(--form-element-spacing-vertical) * 0.5)
|
|
|
|
|
|
calc(var(--form-element-spacing-horizontal) * 0.5);
|
|
|
|
|
|
border: var(--border-width) solid var(--border-color);
|
|
|
|
|
|
border-radius: var(--border-radius);
|
|
|
|
|
|
outline: none;
|
|
|
|
|
|
background-color: var(--background-color);
|
|
|
|
|
|
box-shadow: var(--box-shadow);
|
|
|
|
|
|
color: var(--color);
|
|
|
|
|
|
font-weight: var(--font-weight);
|
|
|
|
|
|
font-size: 1rem;
|
|
|
|
|
|
line-height: var(--line-height);
|
|
|
|
|
|
text-align: center;
|
|
|
|
|
|
cursor: pointer;
|
|
|
|
|
|
-ms-transition: background-color var(--transition),
|
|
|
|
|
|
border-color var(--transition), color var(--transition),
|
|
|
|
|
|
box-shadow var(--transition);
|
|
|
|
|
|
transition: background-color var(--transition), border-color var(--transition),
|
|
|
|
|
|
color var(--transition), box-shadow var(--transition);
|
|
|
|
|
|
}
|
|
|
|
|
|
[type="file"]::-ms-browse:is(:hover, :active, :focus) {
|
|
|
|
|
|
--background-color: var(--secondary-hover);
|
|
|
|
|
|
--border-color: var(--secondary-hover);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
[type="range"] {
|
|
|
|
|
|
-webkit-appearance: none;
|
|
|
|
|
|
-moz-appearance: none;
|
|
|
|
|
|
appearance: none;
|
|
|
|
|
|
width: 100%;
|
|
|
|
|
|
height: 1.25rem;
|
|
|
|
|
|
background: none;
|
|
|
|
|
|
}
|
|
|
|
|
|
[type="range"]::-webkit-slider-runnable-track {
|
|
|
|
|
|
width: 100%;
|
|
|
|
|
|
height: 0.25rem;
|
|
|
|
|
|
border-radius: var(--border-radius);
|
|
|
|
|
|
background-color: var(--range-border-color);
|
|
|
|
|
|
-webkit-transition: background-color var(--transition),
|
|
|
|
|
|
box-shadow var(--transition);
|
|
|
|
|
|
transition: background-color var(--transition), box-shadow var(--transition);
|
|
|
|
|
|
}
|
|
|
|
|
|
[type="range"]::-moz-range-track {
|
|
|
|
|
|
width: 100%;
|
|
|
|
|
|
height: 0.25rem;
|
|
|
|
|
|
border-radius: var(--border-radius);
|
|
|
|
|
|
background-color: var(--range-border-color);
|
|
|
|
|
|
-moz-transition: background-color var(--transition),
|
|
|
|
|
|
box-shadow var(--transition);
|
|
|
|
|
|
transition: background-color var(--transition), box-shadow var(--transition);
|
|
|
|
|
|
}
|
|
|
|
|
|
[type="range"]::-ms-track {
|
|
|
|
|
|
width: 100%;
|
|
|
|
|
|
height: 0.25rem;
|
|
|
|
|
|
border-radius: var(--border-radius);
|
|
|
|
|
|
background-color: var(--range-border-color);
|
|
|
|
|
|
-ms-transition: background-color var(--transition),
|
|
|
|
|
|
box-shadow var(--transition);
|
|
|
|
|
|
transition: background-color var(--transition), box-shadow var(--transition);
|
|
|
|
|
|
}
|
|
|
|
|
|
[type="range"]::-webkit-slider-thumb {
|
|
|
|
|
|
-webkit-appearance: none;
|
|
|
|
|
|
width: 1.25rem;
|
|
|
|
|
|
height: 1.25rem;
|
|
|
|
|
|
margin-top: -0.5rem;
|
|
|
|
|
|
border: 2px solid var(--range-thumb-border-color);
|
|
|
|
|
|
border-radius: 50%;
|
|
|
|
|
|
background-color: var(--range-thumb-color);
|
|
|
|
|
|
cursor: pointer;
|
|
|
|
|
|
-webkit-transition: background-color var(--transition),
|
|
|
|
|
|
transform var(--transition);
|
|
|
|
|
|
transition: background-color var(--transition), transform var(--transition);
|
|
|
|
|
|
}
|
|
|
|
|
|
[type="range"]::-moz-range-thumb {
|
|
|
|
|
|
-webkit-appearance: none;
|
|
|
|
|
|
width: 1.25rem;
|
|
|
|
|
|
height: 1.25rem;
|
|
|
|
|
|
margin-top: -0.5rem;
|
|
|
|
|
|
border: 2px solid var(--range-thumb-border-color);
|
|
|
|
|
|
border-radius: 50%;
|
|
|
|
|
|
background-color: var(--range-thumb-color);
|
|
|
|
|
|
cursor: pointer;
|
|
|
|
|
|
-moz-transition: background-color var(--transition),
|
|
|
|
|
|
transform var(--transition);
|
|
|
|
|
|
transition: background-color var(--transition), transform var(--transition);
|
|
|
|
|
|
}
|
|
|
|
|
|
[type="range"]::-ms-thumb {
|
|
|
|
|
|
-webkit-appearance: none;
|
|
|
|
|
|
width: 1.25rem;
|
|
|
|
|
|
height: 1.25rem;
|
|
|
|
|
|
margin-top: -0.5rem;
|
|
|
|
|
|
border: 2px solid var(--range-thumb-border-color);
|
|
|
|
|
|
border-radius: 50%;
|
|
|
|
|
|
background-color: var(--range-thumb-color);
|
|
|
|
|
|
cursor: pointer;
|
|
|
|
|
|
-ms-transition: background-color var(--transition),
|
|
|
|
|
|
transform var(--transition);
|
|
|
|
|
|
transition: background-color var(--transition), transform var(--transition);
|
|
|
|
|
|
}
|
|
|
|
|
|
[type="range"]:hover,
|
|
|
|
|
|
[type="range"]:focus {
|
|
|
|
|
|
--range-border-color: var(--range-active-border-color);
|
|
|
|
|
|
--range-thumb-color: var(--range-thumb-hover-color);
|
|
|
|
|
|
}
|
|
|
|
|
|
[type="range"]:active {
|
|
|
|
|
|
--range-thumb-color: var(--range-thumb-active-color);
|
|
|
|
|
|
}
|
|
|
|
|
|
[type="range"]:active::-webkit-slider-thumb {
|
|
|
|
|
|
transform: scale(1.25);
|
|
|
|
|
|
}
|
|
|
|
|
|
[type="range"]:active::-moz-range-thumb {
|
|
|
|
|
|
transform: scale(1.25);
|
|
|
|
|
|
}
|
|
|
|
|
|
[type="range"]:active::-ms-thumb {
|
|
|
|
|
|
transform: scale(1.25);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
input:not(
|
|
|
|
|
|
[type="checkbox"],
|
|
|
|
|
|
[type="radio"],
|
|
|
|
|
|
[type="range"],
|
|
|
|
|
|
[type="file"]
|
|
|
|
|
|
)[type="search"] {
|
|
|
|
|
|
-webkit-padding-start: calc(var(--form-element-spacing-horizontal) + 1.75rem);
|
|
|
|
|
|
padding-inline-start: calc(var(--form-element-spacing-horizontal) + 1.75rem);
|
|
|
|
|
|
border-radius: 5rem;
|
|
|
|
|
|
background-image: var(--icon-search);
|
|
|
|
|
|
background-position: center left 1.125rem;
|
|
|
|
|
|
background-size: 1rem auto;
|
|
|
|
|
|
background-repeat: no-repeat;
|
|
|
|
|
|
}
|
|
|
|
|
|
input:not(
|
|
|
|
|
|
[type="checkbox"],
|
|
|
|
|
|
[type="radio"],
|
|
|
|
|
|
[type="range"],
|
|
|
|
|
|
[type="file"]
|
|
|
|
|
|
)[type="search"][aria-invalid] {
|
|
|
|
|
|
-webkit-padding-start: calc(
|
|
|
|
|
|
var(--form-element-spacing-horizontal) + 1.75rem
|
|
|
|
|
|
) !important;
|
|
|
|
|
|
padding-inline-start: calc(
|
|
|
|
|
|
var(--form-element-spacing-horizontal) + 1.75rem
|
|
|
|
|
|
) !important;
|
|
|
|
|
|
background-position: center left 1.125rem, center right 0.75rem;
|
|
|
|
|
|
}
|
|
|
|
|
|
input:not(
|
|
|
|
|
|
[type="checkbox"],
|
|
|
|
|
|
[type="radio"],
|
|
|
|
|
|
[type="range"],
|
|
|
|
|
|
[type="file"]
|
|
|
|
|
|
)[type="search"][aria-invalid="false"] {
|
|
|
|
|
|
background-image: var(--icon-search), var(--icon-valid);
|
|
|
|
|
|
}
|
|
|
|
|
|
input:not(
|
|
|
|
|
|
[type="checkbox"],
|
|
|
|
|
|
[type="radio"],
|
|
|
|
|
|
[type="range"],
|
|
|
|
|
|
[type="file"]
|
|
|
|
|
|
)[type="search"][aria-invalid="true"] {
|
|
|
|
|
|
background-image: var(--icon-search), var(--icon-invalid);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
[type="search"]::-webkit-search-cancel-button {
|
|
|
|
|
|
-webkit-appearance: none;
|
|
|
|
|
|
display: none;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
[dir="rtl"]
|
|
|
|
|
|
:where(input):not(
|
|
|
|
|
|
[type="checkbox"],
|
|
|
|
|
|
[type="radio"],
|
|
|
|
|
|
[type="range"],
|
|
|
|
|
|
[type="file"]
|
|
|
|
|
|
)[type="search"] {
|
|
|
|
|
|
background-position: center right 1.125rem;
|
|
|
|
|
|
}
|
|
|
|
|
|
[dir="rtl"]
|
|
|
|
|
|
:where(input):not(
|
|
|
|
|
|
[type="checkbox"],
|
|
|
|
|
|
[type="radio"],
|
|
|
|
|
|
[type="range"],
|
|
|
|
|
|
[type="file"]
|
|
|
|
|
|
)[type="search"][aria-invalid] {
|
|
|
|
|
|
background-position: center right 1.125rem, center left 0.75rem;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/**
|
|
|
|
|
|
* Table
|
|
|
|
|
|
*/
|
|
|
|
|
|
:where(table) {
|
|
|
|
|
|
width: 100%;
|
|
|
|
|
|
border-collapse: collapse;
|
|
|
|
|
|
border-spacing: 0;
|
|
|
|
|
|
text-indent: 0;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
th,
|
|
|
|
|
|
td {
|
|
|
|
|
|
padding: calc(var(--spacing) / 2) var(--spacing);
|
|
|
|
|
|
border-bottom: var(--border-width) solid var(--table-border-color);
|
|
|
|
|
|
color: var(--color);
|
|
|
|
|
|
font-weight: var(--font-weight);
|
|
|
|
|
|
font-size: var(--font-size);
|
|
|
|
|
|
text-align: left;
|
|
|
|
|
|
text-align: start;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
tfoot th,
|
|
|
|
|
|
tfoot td {
|
|
|
|
|
|
border-top: var(--border-width) solid var(--table-border-color);
|
|
|
|
|
|
border-bottom: 0;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
table[role="grid"] tbody tr:nth-child(odd) {
|
|
|
|
|
|
background-color: var(--table-row-stripped-background-color);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/**
|
|
|
|
|
|
* Code
|
|
|
|
|
|
*/
|
|
|
|
|
|
pre,
|
|
|
|
|
|
code,
|
|
|
|
|
|
kbd,
|
|
|
|
|
|
samp {
|
|
|
|
|
|
font-size: 0.875em;
|
|
|
|
|
|
font-family: var(--font-family);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
pre {
|
|
|
|
|
|
-ms-overflow-style: scrollbar;
|
|
|
|
|
|
overflow: auto;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
pre,
|
|
|
|
|
|
code,
|
|
|
|
|
|
kbd {
|
|
|
|
|
|
border-radius: var(--border-radius);
|
|
|
|
|
|
background: var(--code-background-color);
|
|
|
|
|
|
color: var(--code-color);
|
|
|
|
|
|
font-weight: var(--font-weight);
|
|
|
|
|
|
line-height: initial;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
code,
|
|
|
|
|
|
kbd {
|
|
|
|
|
|
display: inline-block;
|
|
|
|
|
|
padding: 0.375rem 0.5rem;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
pre {
|
|
|
|
|
|
display: block;
|
|
|
|
|
|
margin-bottom: var(--spacing);
|
|
|
|
|
|
overflow-x: auto;
|
|
|
|
|
|
}
|
|
|
|
|
|
pre > code {
|
|
|
|
|
|
display: block;
|
|
|
|
|
|
padding: var(--spacing);
|
|
|
|
|
|
background: none;
|
|
|
|
|
|
font-size: 14px;
|
|
|
|
|
|
line-height: var(--line-height);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
code b {
|
|
|
|
|
|
color: var(--code-tag-color);
|
|
|
|
|
|
font-weight: var(--font-weight);
|
|
|
|
|
|
}
|
|
|
|
|
|
code i {
|
|
|
|
|
|
color: var(--code-property-color);
|
|
|
|
|
|
font-style: normal;
|
|
|
|
|
|
}
|
|
|
|
|
|
code u {
|
|
|
|
|
|
color: var(--code-value-color);
|
|
|
|
|
|
text-decoration: none;
|
|
|
|
|
|
}
|
|
|
|
|
|
code em {
|
|
|
|
|
|
color: var(--code-comment-color);
|
|
|
|
|
|
font-style: normal;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
kbd {
|
|
|
|
|
|
background-color: var(--code-kbd-background-color);
|
|
|
|
|
|
color: var(--code-kbd-color);
|
|
|
|
|
|
vertical-align: baseline;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/**
|
|
|
|
|
|
* Miscs
|
|
|
|
|
|
*/
|
|
|
|
|
|
hr {
|
|
|
|
|
|
height: 0;
|
|
|
|
|
|
border: 0;
|
|
|
|
|
|
border-top: 1px solid var(--muted-border-color);
|
|
|
|
|
|
color: inherit;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
[hidden],
|
|
|
|
|
|
template {
|
|
|
|
|
|
display: none !important;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
canvas {
|
|
|
|
|
|
display: inline-block;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/**
|
|
|
|
|
|
* Accordion (<details>)
|
|
|
|
|
|
*/
|
|
|
|
|
|
details {
|
|
|
|
|
|
display: block;
|
|
|
|
|
|
margin-bottom: var(--spacing);
|
|
|
|
|
|
padding-bottom: var(--spacing);
|
|
|
|
|
|
border-bottom: var(--border-width) solid var(--accordion-border-color);
|
|
|
|
|
|
}
|
|
|
|
|
|
details summary {
|
|
|
|
|
|
line-height: 1rem;
|
|
|
|
|
|
list-style-type: none;
|
|
|
|
|
|
cursor: pointer;
|
|
|
|
|
|
transition: color var(--transition);
|
|
|
|
|
|
}
|
|
|
|
|
|
details summary:not([role]) {
|
|
|
|
|
|
color: var(--accordion-close-summary-color);
|
|
|
|
|
|
}
|
|
|
|
|
|
details summary::-webkit-details-marker {
|
|
|
|
|
|
display: none;
|
|
|
|
|
|
}
|
|
|
|
|
|
details summary::marker {
|
|
|
|
|
|
display: none;
|
|
|
|
|
|
}
|
|
|
|
|
|
details summary::-moz-list-bullet {
|
|
|
|
|
|
list-style-type: none;
|
|
|
|
|
|
}
|
|
|
|
|
|
details summary::after {
|
|
|
|
|
|
display: block;
|
|
|
|
|
|
width: 1rem;
|
|
|
|
|
|
height: 1rem;
|
|
|
|
|
|
-webkit-margin-start: calc(var(--spacing, 1rem) * 0.5);
|
|
|
|
|
|
margin-inline-start: calc(var(--spacing, 1rem) * 0.5);
|
|
|
|
|
|
float: right;
|
|
|
|
|
|
transform: rotate(-90deg);
|
|
|
|
|
|
background-image: var(--icon-chevron);
|
|
|
|
|
|
background-position: right center;
|
|
|
|
|
|
background-size: 1rem auto;
|
|
|
|
|
|
background-repeat: no-repeat;
|
|
|
|
|
|
content: "";
|
|
|
|
|
|
transition: transform var(--transition);
|
|
|
|
|
|
}
|
|
|
|
|
|
details summary:focus {
|
|
|
|
|
|
outline: none;
|
|
|
|
|
|
}
|
|
|
|
|
|
details summary:focus:not([role="button"]) {
|
|
|
|
|
|
color: var(--accordion-active-summary-color);
|
|
|
|
|
|
}
|
|
|
|
|
|
details summary[role="button"] {
|
|
|
|
|
|
width: 100%;
|
|
|
|
|
|
text-align: left;
|
|
|
|
|
|
}
|
|
|
|
|
|
details summary[role="button"]::after {
|
|
|
|
|
|
height: calc(1rem * var(--line-height, 1.5));
|
|
|
|
|
|
background-image: var(--icon-chevron-button);
|
|
|
|
|
|
}
|
|
|
|
|
|
details summary[role="button"]:not(.outline).contrast::after {
|
|
|
|
|
|
background-image: var(--icon-chevron-button-inverse);
|
|
|
|
|
|
}
|
|
|
|
|
|
details[open] > summary {
|
|
|
|
|
|
margin-bottom: calc(var(--spacing));
|
|
|
|
|
|
}
|
|
|
|
|
|
details[open] > summary:not([role]):not(:focus) {
|
|
|
|
|
|
color: var(--accordion-open-summary-color);
|
|
|
|
|
|
}
|
|
|
|
|
|
details[open] > summary::after {
|
|
|
|
|
|
transform: rotate(0);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
[dir="rtl"] details summary {
|
|
|
|
|
|
text-align: right;
|
|
|
|
|
|
}
|
|
|
|
|
|
[dir="rtl"] details summary::after {
|
|
|
|
|
|
float: left;
|
|
|
|
|
|
background-position: left center;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/**
|
|
|
|
|
|
* Card (<article>)
|
|
|
|
|
|
*/
|
|
|
|
|
|
article {
|
|
|
|
|
|
margin: var(--block-spacing-vertical) 0;
|
|
|
|
|
|
padding: var(--block-spacing-vertical) var(--block-spacing-horizontal);
|
|
|
|
|
|
border-radius: var(--border-radius);
|
|
|
|
|
|
background: var(--card-background-color);
|
|
|
|
|
|
box-shadow: var(--card-box-shadow);
|
|
|
|
|
|
}
|
|
|
|
|
|
article > header,
|
|
|
|
|
|
article > footer {
|
|
|
|
|
|
margin-right: calc(var(--block-spacing-horizontal) * -1);
|
|
|
|
|
|
margin-left: calc(var(--block-spacing-horizontal) * -1);
|
|
|
|
|
|
padding: calc(var(--block-spacing-vertical) * 0.66)
|
|
|
|
|
|
var(--block-spacing-horizontal);
|
|
|
|
|
|
background-color: var(--card-sectionning-background-color);
|
|
|
|
|
|
}
|
|
|
|
|
|
article > header {
|
|
|
|
|
|
margin-top: calc(var(--block-spacing-vertical) * -1);
|
|
|
|
|
|
margin-bottom: var(--block-spacing-vertical);
|
|
|
|
|
|
border-bottom: var(--border-width) solid var(--card-border-color);
|
|
|
|
|
|
border-top-right-radius: var(--border-radius);
|
|
|
|
|
|
border-top-left-radius: var(--border-radius);
|
|
|
|
|
|
}
|
|
|
|
|
|
article > footer {
|
|
|
|
|
|
margin-top: var(--block-spacing-vertical);
|
|
|
|
|
|
margin-bottom: calc(var(--block-spacing-vertical) * -1);
|
|
|
|
|
|
border-top: var(--border-width) solid var(--card-border-color);
|
|
|
|
|
|
border-bottom-right-radius: var(--border-radius);
|
|
|
|
|
|
border-bottom-left-radius: var(--border-radius);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/**
|
|
|
|
|
|
* Modal (<dialog>)
|
|
|
|
|
|
*/
|
|
|
|
|
|
#mount {
|
|
|
|
|
|
--scrollbar-width: 0px;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
dialog {
|
|
|
|
|
|
display: flex;
|
|
|
|
|
|
z-index: 999;
|
|
|
|
|
|
position: fixed;
|
|
|
|
|
|
top: 0;
|
|
|
|
|
|
right: 0;
|
|
|
|
|
|
bottom: 0;
|
|
|
|
|
|
left: 0;
|
|
|
|
|
|
align-items: center;
|
|
|
|
|
|
justify-content: center;
|
|
|
|
|
|
width: inherit;
|
|
|
|
|
|
min-width: 100%;
|
|
|
|
|
|
height: inherit;
|
|
|
|
|
|
min-height: 100%;
|
|
|
|
|
|
padding: var(--spacing);
|
|
|
|
|
|
border: 0;
|
|
|
|
|
|
-webkit-backdrop-filter: var(--modal-overlay-backdrop-filter);
|
|
|
|
|
|
backdrop-filter: var(--modal-overlay-backdrop-filter);
|
|
|
|
|
|
background-color: var(--modal-overlay-background-color);
|
|
|
|
|
|
color: var(--color);
|
|
|
|
|
|
}
|
|
|
|
|
|
dialog article {
|
|
|
|
|
|
max-height: calc(100vh - var(--spacing) * 2);
|
|
|
|
|
|
overflow: auto;
|
|
|
|
|
|
}
|
|
|
|
|
|
@media (min-width: 576px) {
|
|
|
|
|
|
dialog article {
|
|
|
|
|
|
max-width: 510px;
|
|
|
|
|
|
}
|
|
|
|
|
|
}
|
|
|
|
|
|
@media (min-width: 768px) {
|
|
|
|
|
|
dialog article {
|
|
|
|
|
|
max-width: 700px;
|
|
|
|
|
|
}
|
|
|
|
|
|
}
|
|
|
|
|
|
dialog article > header,
|
|
|
|
|
|
dialog article > footer {
|
|
|
|
|
|
padding: calc(var(--block-spacing-vertical) * 0.5)
|
|
|
|
|
|
var(--block-spacing-horizontal);
|
|
|
|
|
|
}
|
|
|
|
|
|
dialog article > header .close {
|
|
|
|
|
|
margin: 0;
|
|
|
|
|
|
margin-left: var(--spacing);
|
|
|
|
|
|
float: right;
|
|
|
|
|
|
}
|
|
|
|
|
|
dialog article > footer {
|
|
|
|
|
|
text-align: right;
|
|
|
|
|
|
}
|
|
|
|
|
|
dialog article > footer [role="button"] {
|
|
|
|
|
|
margin-bottom: 0;
|
|
|
|
|
|
}
|
|
|
|
|
|
dialog article > footer [role="button"]:not(:first-of-type) {
|
|
|
|
|
|
margin-left: calc(var(--spacing) * 0.5);
|
|
|
|
|
|
}
|
|
|
|
|
|
dialog article p:last-of-type {
|
|
|
|
|
|
margin: 0;
|
|
|
|
|
|
}
|
|
|
|
|
|
dialog article .close {
|
|
|
|
|
|
display: block;
|
|
|
|
|
|
width: 1rem;
|
|
|
|
|
|
height: 1rem;
|
|
|
|
|
|
margin-top: calc(var(--block-spacing-vertical) * -0.5);
|
|
|
|
|
|
margin-bottom: var(--typography-spacing-vertical);
|
|
|
|
|
|
margin-left: auto;
|
|
|
|
|
|
background-image: var(--icon-close);
|
|
|
|
|
|
background-position: center;
|
|
|
|
|
|
background-size: auto 1rem;
|
|
|
|
|
|
background-repeat: no-repeat;
|
|
|
|
|
|
opacity: 0.5;
|
|
|
|
|
|
transition: opacity var(--transition);
|
|
|
|
|
|
}
|
|
|
|
|
|
dialog article .close:is([aria-current], :hover, :active, :focus) {
|
|
|
|
|
|
opacity: 1;
|
|
|
|
|
|
}
|
|
|
|
|
|
dialog:not([open]),
|
|
|
|
|
|
dialog[open="false"] {
|
|
|
|
|
|
display: none;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.modal-is-open {
|
|
|
|
|
|
padding-right: var(--scrollbar-width, 0px);
|
|
|
|
|
|
overflow: hidden;
|
|
|
|
|
|
pointer-events: none;
|
|
|
|
|
|
}
|
|
|
|
|
|
.modal-is-open dialog {
|
|
|
|
|
|
pointer-events: auto;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
:where(.modal-is-opening, .modal-is-closing) dialog,
|
|
|
|
|
|
:where(.modal-is-opening, .modal-is-closing) dialog > article {
|
|
|
|
|
|
animation-duration: 0.2s;
|
|
|
|
|
|
animation-timing-function: ease-in-out;
|
|
|
|
|
|
animation-fill-mode: both;
|
|
|
|
|
|
}
|
|
|
|
|
|
:where(.modal-is-opening, .modal-is-closing) dialog {
|
|
|
|
|
|
animation-duration: 0.8s;
|
|
|
|
|
|
animation-name: modal-overlay;
|
|
|
|
|
|
}
|
|
|
|
|
|
:where(.modal-is-opening, .modal-is-closing) dialog > article {
|
|
|
|
|
|
animation-delay: 0.2s;
|
|
|
|
|
|
animation-name: modal;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.modal-is-closing dialog,
|
|
|
|
|
|
.modal-is-closing dialog > article {
|
|
|
|
|
|
animation-delay: 0s;
|
|
|
|
|
|
animation-direction: reverse;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
@keyframes modal-overlay {
|
|
|
|
|
|
from {
|
|
|
|
|
|
-webkit-backdrop-filter: none;
|
|
|
|
|
|
backdrop-filter: none;
|
|
|
|
|
|
background-color: transparent;
|
|
|
|
|
|
}
|
|
|
|
|
|
}
|
|
|
|
|
|
@keyframes modal {
|
|
|
|
|
|
from {
|
|
|
|
|
|
transform: translateY(-100%);
|
|
|
|
|
|
opacity: 0;
|
|
|
|
|
|
}
|
|
|
|
|
|
}
|
|
|
|
|
|
/**
|
|
|
|
|
|
* Nav
|
|
|
|
|
|
*/
|
|
|
|
|
|
:where(nav li)::before {
|
|
|
|
|
|
float: left;
|
|
|
|
|
|
content: "";
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
nav,
|
|
|
|
|
|
nav ul {
|
|
|
|
|
|
display: flex;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
nav {
|
|
|
|
|
|
justify-content: space-between;
|
|
|
|
|
|
}
|
|
|
|
|
|
nav ol,
|
|
|
|
|
|
nav ul {
|
|
|
|
|
|
align-items: center;
|
|
|
|
|
|
margin-bottom: 0;
|
|
|
|
|
|
padding: 0;
|
|
|
|
|
|
list-style: none;
|
|
|
|
|
|
}
|
|
|
|
|
|
nav ol:first-of-type,
|
|
|
|
|
|
nav ul:first-of-type {
|
|
|
|
|
|
margin-left: calc(var(--nav-element-spacing-horizontal) * -1);
|
|
|
|
|
|
}
|
|
|
|
|
|
nav ol:last-of-type,
|
|
|
|
|
|
nav ul:last-of-type {
|
|
|
|
|
|
margin-right: calc(var(--nav-element-spacing-horizontal) * -1);
|
|
|
|
|
|
}
|
|
|
|
|
|
nav li {
|
|
|
|
|
|
display: inline-block;
|
|
|
|
|
|
margin: 0;
|
|
|
|
|
|
padding: var(--nav-element-spacing-vertical)
|
|
|
|
|
|
var(--nav-element-spacing-horizontal);
|
|
|
|
|
|
}
|
|
|
|
|
|
nav li > * {
|
|
|
|
|
|
--spacing: 0;
|
|
|
|
|
|
}
|
|
|
|
|
|
nav :where(a, [role="link"]) {
|
|
|
|
|
|
display: inline-block;
|
|
|
|
|
|
margin: calc(var(--nav-link-spacing-vertical) * -1)
|
|
|
|
|
|
calc(var(--nav-link-spacing-horizontal) * -1);
|
|
|
|
|
|
padding: var(--nav-link-spacing-vertical) var(--nav-link-spacing-horizontal);
|
|
|
|
|
|
border-radius: var(--border-radius);
|
|
|
|
|
|
text-decoration: none;
|
|
|
|
|
|
}
|
|
|
|
|
|
nav :where(a, [role="link"]):is([aria-current], :hover, :active, :focus) {
|
|
|
|
|
|
text-decoration: none;
|
|
|
|
|
|
}
|
|
|
|
|
|
nav[aria-label="breadcrumb"] {
|
|
|
|
|
|
align-items: center;
|
|
|
|
|
|
justify-content: start;
|
|
|
|
|
|
}
|
|
|
|
|
|
nav[aria-label="breadcrumb"] ul li:not(:first-child) {
|
|
|
|
|
|
-webkit-margin-start: var(--nav-link-spacing-horizontal);
|
|
|
|
|
|
margin-inline-start: var(--nav-link-spacing-horizontal);
|
|
|
|
|
|
}
|
|
|
|
|
|
nav[aria-label="breadcrumb"] ul li:not(:last-child) ::after {
|
|
|
|
|
|
position: absolute;
|
|
|
|
|
|
width: calc(var(--nav-link-spacing-horizontal) * 2);
|
|
|
|
|
|
-webkit-margin-start: calc(var(--nav-link-spacing-horizontal) / 2);
|
|
|
|
|
|
margin-inline-start: calc(var(--nav-link-spacing-horizontal) / 2);
|
|
|
|
|
|
content: "/";
|
|
|
|
|
|
color: var(--muted-color);
|
|
|
|
|
|
text-align: center;
|
|
|
|
|
|
}
|
|
|
|
|
|
nav[aria-label="breadcrumb"] a[aria-current] {
|
|
|
|
|
|
background-color: transparent;
|
|
|
|
|
|
color: inherit;
|
|
|
|
|
|
text-decoration: none;
|
|
|
|
|
|
pointer-events: none;
|
|
|
|
|
|
}
|
|
|
|
|
|
nav [role="button"] {
|
|
|
|
|
|
margin-right: inherit;
|
|
|
|
|
|
margin-left: inherit;
|
|
|
|
|
|
padding: var(--nav-link-spacing-vertical) var(--nav-link-spacing-horizontal);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
aside nav,
|
|
|
|
|
|
aside ol,
|
|
|
|
|
|
aside ul,
|
|
|
|
|
|
aside li {
|
|
|
|
|
|
display: block;
|
|
|
|
|
|
}
|
|
|
|
|
|
aside li {
|
|
|
|
|
|
padding: calc(var(--nav-element-spacing-vertical) * 0.5)
|
|
|
|
|
|
var(--nav-element-spacing-horizontal);
|
|
|
|
|
|
}
|
|
|
|
|
|
aside li a {
|
|
|
|
|
|
display: block;
|
|
|
|
|
|
}
|
|
|
|
|
|
aside li [role="button"] {
|
|
|
|
|
|
margin: inherit;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
[dir="rtl"] nav[aria-label="breadcrumb"] ul li:not(:last-child) ::after {
|
|
|
|
|
|
content: "\\";
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/**
|
|
|
|
|
|
* Progress
|
|
|
|
|
|
*/
|
|
|
|
|
|
progress {
|
|
|
|
|
|
display: inline-block;
|
|
|
|
|
|
vertical-align: baseline;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
progress {
|
|
|
|
|
|
-webkit-appearance: none;
|
|
|
|
|
|
-moz-appearance: none;
|
|
|
|
|
|
display: inline-block;
|
|
|
|
|
|
appearance: none;
|
|
|
|
|
|
width: 100%;
|
|
|
|
|
|
height: 0.5rem;
|
|
|
|
|
|
margin-bottom: calc(var(--spacing) * 0.5);
|
|
|
|
|
|
overflow: hidden;
|
|
|
|
|
|
border: 0;
|
|
|
|
|
|
border-radius: var(--border-radius);
|
|
|
|
|
|
background-color: var(--progress-background-color);
|
|
|
|
|
|
color: var(--progress-color);
|
|
|
|
|
|
}
|
|
|
|
|
|
progress::-webkit-progress-bar {
|
|
|
|
|
|
border-radius: var(--border-radius);
|
|
|
|
|
|
background: none;
|
|
|
|
|
|
}
|
|
|
|
|
|
progress[value]::-webkit-progress-value {
|
|
|
|
|
|
background-color: var(--progress-color);
|
|
|
|
|
|
}
|
|
|
|
|
|
progress::-moz-progress-bar {
|
|
|
|
|
|
background-color: var(--progress-color);
|
|
|
|
|
|
}
|
|
|
|
|
|
@media (prefers-reduced-motion: no-preference) {
|
|
|
|
|
|
progress:indeterminate {
|
|
|
|
|
|
background: var(--progress-background-color)
|
|
|
|
|
|
linear-gradient(
|
|
|
|
|
|
to right,
|
|
|
|
|
|
var(--progress-color) 30%,
|
|
|
|
|
|
var(--progress-background-color) 30%
|
|
|
|
|
|
)
|
|
|
|
|
|
top left/150% 150% no-repeat;
|
|
|
|
|
|
animation: progress-indeterminate 1s linear infinite;
|
|
|
|
|
|
}
|
|
|
|
|
|
progress:indeterminate[value]::-webkit-progress-value {
|
|
|
|
|
|
background-color: transparent;
|
|
|
|
|
|
}
|
|
|
|
|
|
progress:indeterminate::-moz-progress-bar {
|
|
|
|
|
|
background-color: transparent;
|
|
|
|
|
|
}
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
@media (prefers-reduced-motion: no-preference) {
|
|
|
|
|
|
[dir="rtl"] progress:indeterminate {
|
|
|
|
|
|
animation-direction: reverse;
|
|
|
|
|
|
}
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
@keyframes progress-indeterminate {
|
|
|
|
|
|
0% {
|
|
|
|
|
|
background-position: 200% 0;
|
|
|
|
|
|
}
|
|
|
|
|
|
100% {
|
|
|
|
|
|
background-position: -200% 0;
|
|
|
|
|
|
}
|
|
|
|
|
|
}
|
|
|
|
|
|
/**
|
|
|
|
|
|
* Dropdown ([role="list"])
|
|
|
|
|
|
*/
|
|
|
|
|
|
details[role="list"],
|
|
|
|
|
|
li[role="list"] {
|
|
|
|
|
|
position: relative;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
details[role="list"] summary + ul,
|
|
|
|
|
|
li[role="list"] > ul {
|
|
|
|
|
|
display: flex;
|
|
|
|
|
|
z-index: 99;
|
|
|
|
|
|
position: absolute;
|
|
|
|
|
|
top: auto;
|
|
|
|
|
|
right: 0;
|
|
|
|
|
|
left: 0;
|
|
|
|
|
|
flex-direction: column;
|
|
|
|
|
|
margin: 0;
|
|
|
|
|
|
padding: 0;
|
|
|
|
|
|
border: var(--border-width) solid var(--dropdown-border-color);
|
|
|
|
|
|
border-radius: var(--border-radius);
|
|
|
|
|
|
border-top-right-radius: 0;
|
|
|
|
|
|
border-top-left-radius: 0;
|
|
|
|
|
|
background-color: var(--dropdown-background-color);
|
|
|
|
|
|
box-shadow: var(--card-box-shadow);
|
|
|
|
|
|
color: var(--dropdown-color);
|
|
|
|
|
|
white-space: nowrap;
|
|
|
|
|
|
}
|
|
|
|
|
|
details[role="list"] summary + ul li,
|
|
|
|
|
|
li[role="list"] > ul li {
|
|
|
|
|
|
width: 100%;
|
|
|
|
|
|
margin-bottom: 0;
|
|
|
|
|
|
padding: calc(var(--form-element-spacing-vertical) * 0.5)
|
|
|
|
|
|
var(--form-element-spacing-horizontal);
|
|
|
|
|
|
list-style: none;
|
|
|
|
|
|
}
|
|
|
|
|
|
details[role="list"] summary + ul li:first-of-type,
|
|
|
|
|
|
li[role="list"] > ul li:first-of-type {
|
|
|
|
|
|
margin-top: calc(var(--form-element-spacing-vertical) * 0.5);
|
|
|
|
|
|
}
|
|
|
|
|
|
details[role="list"] summary + ul li:last-of-type,
|
|
|
|
|
|
li[role="list"] > ul li:last-of-type {
|
|
|
|
|
|
margin-bottom: calc(var(--form-element-spacing-vertical) * 0.5);
|
|
|
|
|
|
}
|
|
|
|
|
|
details[role="list"] summary + ul li a,
|
|
|
|
|
|
li[role="list"] > ul li a {
|
|
|
|
|
|
display: block;
|
|
|
|
|
|
margin: calc(var(--form-element-spacing-vertical) * -0.5)
|
|
|
|
|
|
calc(var(--form-element-spacing-horizontal) * -1);
|
|
|
|
|
|
padding: calc(var(--form-element-spacing-vertical) * 0.5)
|
|
|
|
|
|
var(--form-element-spacing-horizontal);
|
|
|
|
|
|
overflow: hidden;
|
|
|
|
|
|
color: var(--dropdown-color);
|
|
|
|
|
|
text-decoration: none;
|
|
|
|
|
|
text-overflow: ellipsis;
|
|
|
|
|
|
}
|
|
|
|
|
|
details[role="list"] summary + ul li a:hover,
|
|
|
|
|
|
li[role="list"] > ul li a:hover {
|
|
|
|
|
|
background-color: var(--dropdown-hover-background-color);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
details[role="list"] summary::after,
|
|
|
|
|
|
li[role="list"] > a::after {
|
|
|
|
|
|
display: block;
|
|
|
|
|
|
width: 1rem;
|
|
|
|
|
|
height: calc(1rem * var(--line-height, 1.5));
|
|
|
|
|
|
-webkit-margin-start: 0.5rem;
|
|
|
|
|
|
margin-inline-start: 0.5rem;
|
|
|
|
|
|
float: right;
|
|
|
|
|
|
transform: rotate(0deg);
|
|
|
|
|
|
background-position: right center;
|
|
|
|
|
|
background-size: 1rem auto;
|
|
|
|
|
|
background-repeat: no-repeat;
|
|
|
|
|
|
content: "";
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
details[role="list"] {
|
|
|
|
|
|
padding: 0;
|
|
|
|
|
|
border-bottom: none;
|
|
|
|
|
|
}
|
|
|
|
|
|
details[role="list"] summary {
|
|
|
|
|
|
margin-bottom: 0;
|
|
|
|
|
|
}
|
|
|
|
|
|
details[role="list"] summary:not([role]) {
|
|
|
|
|
|
height: calc(
|
|
|
|
|
|
1rem * var(--line-height) + var(--form-element-spacing-vertical) * 2 +
|
|
|
|
|
|
var(--border-width) * 2
|
|
|
|
|
|
);
|
|
|
|
|
|
padding: var(--form-element-spacing-vertical)
|
|
|
|
|
|
var(--form-element-spacing-horizontal);
|
|
|
|
|
|
border: var(--border-width) solid var(--form-element-border-color);
|
|
|
|
|
|
border-radius: var(--border-radius);
|
|
|
|
|
|
background-color: var(--form-element-background-color);
|
|
|
|
|
|
color: var(--form-element-placeholder-color);
|
|
|
|
|
|
line-height: inherit;
|
|
|
|
|
|
cursor: pointer;
|
|
|
|
|
|
transition: background-color var(--transition), border-color var(--transition),
|
|
|
|
|
|
color var(--transition), box-shadow var(--transition);
|
|
|
|
|
|
}
|
|
|
|
|
|
details[role="list"] summary:not([role]):active,
|
|
|
|
|
|
details[role="list"] summary:not([role]):focus {
|
|
|
|
|
|
border-color: var(--form-element-active-border-color);
|
|
|
|
|
|
background-color: var(--form-element-active-background-color);
|
|
|
|
|
|
}
|
|
|
|
|
|
details[role="list"] summary:not([role]):focus {
|
|
|
|
|
|
box-shadow: 0 0 0 var(--outline-width) var(--form-element-focus-color);
|
|
|
|
|
|
}
|
|
|
|
|
|
details[role="list"][open] summary {
|
|
|
|
|
|
border-bottom-right-radius: 0;
|
|
|
|
|
|
border-bottom-left-radius: 0;
|
|
|
|
|
|
}
|
|
|
|
|
|
details[role="list"][open] summary::before {
|
|
|
|
|
|
display: block;
|
|
|
|
|
|
z-index: 1;
|
|
|
|
|
|
position: fixed;
|
|
|
|
|
|
top: 0;
|
|
|
|
|
|
right: 0;
|
|
|
|
|
|
bottom: 0;
|
|
|
|
|
|
left: 0;
|
|
|
|
|
|
background: none;
|
|
|
|
|
|
content: "";
|
|
|
|
|
|
cursor: default;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
nav details[role="list"] summary,
|
|
|
|
|
|
nav li[role="list"] a {
|
|
|
|
|
|
display: flex;
|
|
|
|
|
|
direction: ltr;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
nav details[role="list"] summary + ul,
|
|
|
|
|
|
nav li[role="list"] > ul {
|
|
|
|
|
|
min-width: -moz-fit-content;
|
|
|
|
|
|
min-width: fit-content;
|
|
|
|
|
|
border-radius: var(--border-radius);
|
|
|
|
|
|
}
|
|
|
|
|
|
nav details[role="list"] summary + ul li a,
|
|
|
|
|
|
nav li[role="list"] > ul li a {
|
|
|
|
|
|
border-radius: 0;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
nav details[role="list"] summary,
|
|
|
|
|
|
nav details[role="list"] summary:not([role]) {
|
|
|
|
|
|
height: auto;
|
|
|
|
|
|
padding: var(--nav-link-spacing-vertical) var(--nav-link-spacing-horizontal);
|
|
|
|
|
|
}
|
|
|
|
|
|
nav details[role="list"][open] summary {
|
|
|
|
|
|
border-radius: var(--border-radius);
|
|
|
|
|
|
}
|
|
|
|
|
|
nav details[role="list"] summary + ul {
|
|
|
|
|
|
margin-top: var(--outline-width);
|
|
|
|
|
|
-webkit-margin-start: 0;
|
|
|
|
|
|
margin-inline-start: 0;
|
|
|
|
|
|
}
|
|
|
|
|
|
nav details[role="list"] summary[role="link"] {
|
|
|
|
|
|
margin-bottom: calc(var(--nav-link-spacing-vertical) * -1);
|
|
|
|
|
|
line-height: var(--line-height);
|
|
|
|
|
|
}
|
|
|
|
|
|
nav details[role="list"] summary[role="link"] + ul {
|
|
|
|
|
|
margin-top: calc(var(--nav-link-spacing-vertical) + var(--outline-width));
|
|
|
|
|
|
-webkit-margin-start: calc(var(--nav-link-spacing-horizontal) * -1);
|
|
|
|
|
|
margin-inline-start: calc(var(--nav-link-spacing-horizontal) * -1);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
li[role="list"]:hover > ul,
|
|
|
|
|
|
li[role="list"] a:active ~ ul,
|
|
|
|
|
|
li[role="list"] a:focus ~ ul {
|
|
|
|
|
|
display: flex;
|
|
|
|
|
|
}
|
|
|
|
|
|
li[role="list"] > ul {
|
|
|
|
|
|
display: none;
|
|
|
|
|
|
margin-top: calc(var(--nav-link-spacing-vertical) + var(--outline-width));
|
|
|
|
|
|
-webkit-margin-start: calc(
|
|
|
|
|
|
var(--nav-element-spacing-horizontal) - var(--nav-link-spacing-horizontal)
|
|
|
|
|
|
);
|
|
|
|
|
|
margin-inline-start: calc(
|
|
|
|
|
|
var(--nav-element-spacing-horizontal) - var(--nav-link-spacing-horizontal)
|
|
|
|
|
|
);
|
|
|
|
|
|
}
|
|
|
|
|
|
li[role="list"] > a::after {
|
|
|
|
|
|
background-image: var(--icon-chevron);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/**
|
|
|
|
|
|
* Loading ([aria-busy=true])
|
|
|
|
|
|
*/
|
|
|
|
|
|
[aria-busy="true"] {
|
|
|
|
|
|
cursor: progress;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
[aria-busy="true"]:not(input, select, textarea)::before {
|
|
|
|
|
|
display: inline-block;
|
|
|
|
|
|
width: 1em;
|
|
|
|
|
|
height: 1em;
|
|
|
|
|
|
border: 0.1875em solid currentColor;
|
|
|
|
|
|
border-radius: 1em;
|
|
|
|
|
|
border-right-color: transparent;
|
|
|
|
|
|
content: "";
|
|
|
|
|
|
vertical-align: text-bottom;
|
|
|
|
|
|
vertical-align: -0.125em;
|
|
|
|
|
|
animation: spinner 0.75s linear infinite;
|
|
|
|
|
|
opacity: var(--loading-spinner-opacity);
|
|
|
|
|
|
}
|
|
|
|
|
|
[aria-busy="true"]:not(input, select, textarea):not(:empty)::before {
|
|
|
|
|
|
margin-right: calc(var(--spacing) * 0.5);
|
|
|
|
|
|
margin-left: 0;
|
|
|
|
|
|
-webkit-margin-start: 0;
|
|
|
|
|
|
margin-inline-start: 0;
|
|
|
|
|
|
-webkit-margin-end: calc(var(--spacing) * 0.5);
|
|
|
|
|
|
margin-inline-end: calc(var(--spacing) * 0.5);
|
|
|
|
|
|
}
|
|
|
|
|
|
[aria-busy="true"]:not(input, select, textarea):empty {
|
|
|
|
|
|
text-align: center;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
button[aria-busy="true"],
|
|
|
|
|
|
input[type="submit"][aria-busy="true"],
|
|
|
|
|
|
input[type="button"][aria-busy="true"],
|
|
|
|
|
|
input[type="reset"][aria-busy="true"],
|
|
|
|
|
|
a[aria-busy="true"] {
|
|
|
|
|
|
pointer-events: none;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
@keyframes spinner {
|
|
|
|
|
|
to {
|
|
|
|
|
|
transform: rotate(360deg);
|
|
|
|
|
|
}
|
|
|
|
|
|
}
|
|
|
|
|
|
/**
|
|
|
|
|
|
* Tooltip ([data-tooltip])
|
|
|
|
|
|
*/
|
|
|
|
|
|
[data-tooltip] {
|
|
|
|
|
|
position: relative;
|
|
|
|
|
|
}
|
|
|
|
|
|
[data-tooltip]:not(a, button, input) {
|
|
|
|
|
|
border-bottom: 1px dotted;
|
|
|
|
|
|
text-decoration: none;
|
|
|
|
|
|
cursor: help;
|
|
|
|
|
|
}
|
|
|
|
|
|
[data-tooltip][data-placement="top"]::before,
|
|
|
|
|
|
[data-tooltip][data-placement="top"]::after,
|
|
|
|
|
|
[data-tooltip]::before,
|
|
|
|
|
|
[data-tooltip]::after {
|
|
|
|
|
|
display: block;
|
|
|
|
|
|
z-index: 99;
|
|
|
|
|
|
position: absolute;
|
|
|
|
|
|
bottom: 100%;
|
|
|
|
|
|
left: 50%;
|
|
|
|
|
|
padding: 0.25rem 0.5rem;
|
|
|
|
|
|
overflow: hidden;
|
|
|
|
|
|
transform: translate(-50%, -0.25rem);
|
|
|
|
|
|
border-radius: var(--border-radius);
|
|
|
|
|
|
background: var(--tooltip-background-color);
|
|
|
|
|
|
content: attr(data-tooltip);
|
|
|
|
|
|
color: var(--tooltip-color);
|
|
|
|
|
|
font-style: normal;
|
|
|
|
|
|
font-weight: var(--font-weight);
|
|
|
|
|
|
font-size: 0.875rem;
|
|
|
|
|
|
text-decoration: none;
|
|
|
|
|
|
text-overflow: ellipsis;
|
|
|
|
|
|
white-space: nowrap;
|
|
|
|
|
|
opacity: 0;
|
|
|
|
|
|
pointer-events: none;
|
|
|
|
|
|
}
|
|
|
|
|
|
[data-tooltip][data-placement="top"]::after,
|
|
|
|
|
|
[data-tooltip]::after {
|
|
|
|
|
|
padding: 0;
|
|
|
|
|
|
transform: translate(-50%, 0rem);
|
|
|
|
|
|
border-top: 0.3rem solid;
|
|
|
|
|
|
border-right: 0.3rem solid transparent;
|
|
|
|
|
|
border-left: 0.3rem solid transparent;
|
|
|
|
|
|
border-radius: 0;
|
|
|
|
|
|
background-color: transparent;
|
|
|
|
|
|
content: "";
|
|
|
|
|
|
color: var(--tooltip-background-color);
|
|
|
|
|
|
}
|
|
|
|
|
|
[data-tooltip][data-placement="bottom"]::before,
|
|
|
|
|
|
[data-tooltip][data-placement="bottom"]::after {
|
|
|
|
|
|
top: 100%;
|
|
|
|
|
|
bottom: auto;
|
|
|
|
|
|
transform: translate(-50%, 0.25rem);
|
|
|
|
|
|
}
|
|
|
|
|
|
[data-tooltip][data-placement="bottom"]:after {
|
|
|
|
|
|
transform: translate(-50%, -0.3rem);
|
|
|
|
|
|
border: 0.3rem solid transparent;
|
|
|
|
|
|
border-bottom: 0.3rem solid;
|
|
|
|
|
|
}
|
|
|
|
|
|
[data-tooltip][data-placement="left"]::before,
|
|
|
|
|
|
[data-tooltip][data-placement="left"]::after {
|
|
|
|
|
|
top: 50%;
|
|
|
|
|
|
right: 100%;
|
|
|
|
|
|
bottom: auto;
|
|
|
|
|
|
left: auto;
|
|
|
|
|
|
transform: translate(-0.25rem, -50%);
|
|
|
|
|
|
}
|
|
|
|
|
|
[data-tooltip][data-placement="left"]:after {
|
|
|
|
|
|
transform: translate(0.3rem, -50%);
|
|
|
|
|
|
border: 0.3rem solid transparent;
|
|
|
|
|
|
border-left: 0.3rem solid;
|
|
|
|
|
|
}
|
|
|
|
|
|
[data-tooltip][data-placement="right"]::before,
|
|
|
|
|
|
[data-tooltip][data-placement="right"]::after {
|
|
|
|
|
|
top: 50%;
|
|
|
|
|
|
right: auto;
|
|
|
|
|
|
bottom: auto;
|
|
|
|
|
|
left: 100%;
|
|
|
|
|
|
transform: translate(0.25rem, -50%);
|
|
|
|
|
|
}
|
|
|
|
|
|
[data-tooltip][data-placement="right"]:after {
|
|
|
|
|
|
transform: translate(-0.3rem, -50%);
|
|
|
|
|
|
border: 0.3rem solid transparent;
|
|
|
|
|
|
border-right: 0.3rem solid;
|
|
|
|
|
|
}
|
|
|
|
|
|
[data-tooltip]:focus::before,
|
|
|
|
|
|
[data-tooltip]:focus::after,
|
|
|
|
|
|
[data-tooltip]:hover::before,
|
|
|
|
|
|
[data-tooltip]:hover::after {
|
|
|
|
|
|
opacity: 1;
|
|
|
|
|
|
}
|
|
|
|
|
|
@media (hover: hover) and (pointer: fine) {
|
|
|
|
|
|
[data-tooltip][data-placement="bottom"]:focus::before,
|
|
|
|
|
|
[data-tooltip][data-placement="bottom"]:focus::after,
|
|
|
|
|
|
[data-tooltip][data-placement="bottom"]:hover [data-tooltip]:focus::before,
|
|
|
|
|
|
[data-tooltip][data-placement="bottom"]:hover [data-tooltip]:focus::after,
|
|
|
|
|
|
[data-tooltip]:hover::before,
|
|
|
|
|
|
[data-tooltip]:hover::after {
|
|
|
|
|
|
animation-duration: 0.2s;
|
|
|
|
|
|
animation-name: tooltip-slide-top;
|
|
|
|
|
|
}
|
|
|
|
|
|
[data-tooltip][data-placement="bottom"]:focus::after,
|
|
|
|
|
|
[data-tooltip][data-placement="bottom"]:hover [data-tooltip]:focus::after,
|
|
|
|
|
|
[data-tooltip]:hover::after {
|
|
|
|
|
|
animation-name: tooltip-caret-slide-top;
|
|
|
|
|
|
}
|
|
|
|
|
|
[data-tooltip][data-placement="bottom"]:focus::before,
|
|
|
|
|
|
[data-tooltip][data-placement="bottom"]:focus::after,
|
|
|
|
|
|
[data-tooltip][data-placement="bottom"]:hover::before,
|
|
|
|
|
|
[data-tooltip][data-placement="bottom"]:hover::after {
|
|
|
|
|
|
animation-duration: 0.2s;
|
|
|
|
|
|
animation-name: tooltip-slide-bottom;
|
|
|
|
|
|
}
|
|
|
|
|
|
[data-tooltip][data-placement="bottom"]:focus::after,
|
|
|
|
|
|
[data-tooltip][data-placement="bottom"]:hover::after {
|
|
|
|
|
|
animation-name: tooltip-caret-slide-bottom;
|
|
|
|
|
|
}
|
|
|
|
|
|
[data-tooltip][data-placement="left"]:focus::before,
|
|
|
|
|
|
[data-tooltip][data-placement="left"]:focus::after,
|
|
|
|
|
|
[data-tooltip][data-placement="left"]:hover::before,
|
|
|
|
|
|
[data-tooltip][data-placement="left"]:hover::after {
|
|
|
|
|
|
animation-duration: 0.2s;
|
|
|
|
|
|
animation-name: tooltip-slide-left;
|
|
|
|
|
|
}
|
|
|
|
|
|
[data-tooltip][data-placement="left"]:focus::after,
|
|
|
|
|
|
[data-tooltip][data-placement="left"]:hover::after {
|
|
|
|
|
|
animation-name: tooltip-caret-slide-left;
|
|
|
|
|
|
}
|
|
|
|
|
|
[data-tooltip][data-placement="right"]:focus::before,
|
|
|
|
|
|
[data-tooltip][data-placement="right"]:focus::after,
|
|
|
|
|
|
[data-tooltip][data-placement="right"]:hover::before,
|
|
|
|
|
|
[data-tooltip][data-placement="right"]:hover::after {
|
|
|
|
|
|
animation-duration: 0.2s;
|
|
|
|
|
|
animation-name: tooltip-slide-right;
|
|
|
|
|
|
}
|
|
|
|
|
|
[data-tooltip][data-placement="right"]:focus::after,
|
|
|
|
|
|
[data-tooltip][data-placement="right"]:hover::after {
|
|
|
|
|
|
animation-name: tooltip-caret-slide-right;
|
|
|
|
|
|
}
|
|
|
|
|
|
}
|
|
|
|
|
|
@keyframes tooltip-slide-top {
|
|
|
|
|
|
from {
|
|
|
|
|
|
transform: translate(-50%, 0.75rem);
|
|
|
|
|
|
opacity: 0;
|
|
|
|
|
|
}
|
|
|
|
|
|
to {
|
|
|
|
|
|
transform: translate(-50%, -0.25rem);
|
|
|
|
|
|
opacity: 1;
|
|
|
|
|
|
}
|
|
|
|
|
|
}
|
|
|
|
|
|
@keyframes tooltip-caret-slide-top {
|
|
|
|
|
|
from {
|
|
|
|
|
|
opacity: 0;
|
|
|
|
|
|
}
|
|
|
|
|
|
50% {
|
|
|
|
|
|
transform: translate(-50%, -0.25rem);
|
|
|
|
|
|
opacity: 0;
|
|
|
|
|
|
}
|
|
|
|
|
|
to {
|
|
|
|
|
|
transform: translate(-50%, 0rem);
|
|
|
|
|
|
opacity: 1;
|
|
|
|
|
|
}
|
|
|
|
|
|
}
|
|
|
|
|
|
@keyframes tooltip-slide-bottom {
|
|
|
|
|
|
from {
|
|
|
|
|
|
transform: translate(-50%, -0.75rem);
|
|
|
|
|
|
opacity: 0;
|
|
|
|
|
|
}
|
|
|
|
|
|
to {
|
|
|
|
|
|
transform: translate(-50%, 0.25rem);
|
|
|
|
|
|
opacity: 1;
|
|
|
|
|
|
}
|
|
|
|
|
|
}
|
|
|
|
|
|
@keyframes tooltip-caret-slide-bottom {
|
|
|
|
|
|
from {
|
|
|
|
|
|
opacity: 0;
|
|
|
|
|
|
}
|
|
|
|
|
|
50% {
|
|
|
|
|
|
transform: translate(-50%, -0.5rem);
|
|
|
|
|
|
opacity: 0;
|
|
|
|
|
|
}
|
|
|
|
|
|
to {
|
|
|
|
|
|
transform: translate(-50%, -0.3rem);
|
|
|
|
|
|
opacity: 1;
|
|
|
|
|
|
}
|
|
|
|
|
|
}
|
|
|
|
|
|
@keyframes tooltip-slide-left {
|
|
|
|
|
|
from {
|
|
|
|
|
|
transform: translate(0.75rem, -50%);
|
|
|
|
|
|
opacity: 0;
|
|
|
|
|
|
}
|
|
|
|
|
|
to {
|
|
|
|
|
|
transform: translate(-0.25rem, -50%);
|
|
|
|
|
|
opacity: 1;
|
|
|
|
|
|
}
|
|
|
|
|
|
}
|
|
|
|
|
|
@keyframes tooltip-caret-slide-left {
|
|
|
|
|
|
from {
|
|
|
|
|
|
opacity: 0;
|
|
|
|
|
|
}
|
|
|
|
|
|
50% {
|
|
|
|
|
|
transform: translate(0.05rem, -50%);
|
|
|
|
|
|
opacity: 0;
|
|
|
|
|
|
}
|
|
|
|
|
|
to {
|
|
|
|
|
|
transform: translate(0.3rem, -50%);
|
|
|
|
|
|
opacity: 1;
|
|
|
|
|
|
}
|
|
|
|
|
|
}
|
|
|
|
|
|
@keyframes tooltip-slide-right {
|
|
|
|
|
|
from {
|
|
|
|
|
|
transform: translate(-0.75rem, -50%);
|
|
|
|
|
|
opacity: 0;
|
|
|
|
|
|
}
|
|
|
|
|
|
to {
|
|
|
|
|
|
transform: translate(0.25rem, -50%);
|
|
|
|
|
|
opacity: 1;
|
|
|
|
|
|
}
|
|
|
|
|
|
}
|
|
|
|
|
|
@keyframes tooltip-caret-slide-right {
|
|
|
|
|
|
from {
|
|
|
|
|
|
opacity: 0;
|
|
|
|
|
|
}
|
|
|
|
|
|
50% {
|
|
|
|
|
|
transform: translate(-0.05rem, -50%);
|
|
|
|
|
|
opacity: 0;
|
|
|
|
|
|
}
|
|
|
|
|
|
to {
|
|
|
|
|
|
transform: translate(-0.3rem, -50%);
|
|
|
|
|
|
opacity: 1;
|
|
|
|
|
|
}
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/**
|
|
|
|
|
|
* Accessibility & User interaction
|
|
|
|
|
|
*/
|
|
|
|
|
|
[aria-controls] {
|
|
|
|
|
|
cursor: pointer;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
[aria-disabled="true"],
|
|
|
|
|
|
[disabled] {
|
|
|
|
|
|
cursor: not-allowed;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
[aria-hidden="false"][hidden] {
|
|
|
|
|
|
display: initial;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
[aria-hidden="false"][hidden]:not(:focus) {
|
|
|
|
|
|
clip: rect(0, 0, 0, 0);
|
|
|
|
|
|
position: absolute;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
a,
|
|
|
|
|
|
area,
|
|
|
|
|
|
button,
|
|
|
|
|
|
input,
|
|
|
|
|
|
label,
|
|
|
|
|
|
select,
|
|
|
|
|
|
summary,
|
|
|
|
|
|
textarea,
|
|
|
|
|
|
[tabindex] {
|
|
|
|
|
|
-ms-touch-action: manipulation;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
[dir="rtl"] {
|
|
|
|
|
|
direction: rtl;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/**
|
|
|
|
|
|
* Reduce Motion Features
|
|
|
|
|
|
*/
|
|
|
|
|
|
@media (prefers-reduced-motion: reduce) {
|
|
|
|
|
|
*:not([aria-busy="true"]),
|
|
|
|
|
|
:not([aria-busy="true"])::before,
|
|
|
|
|
|
:not([aria-busy="true"])::after {
|
|
|
|
|
|
background-attachment: initial !important;
|
|
|
|
|
|
animation-duration: 1ms !important;
|
|
|
|
|
|
animation-delay: -1ms !important;
|
|
|
|
|
|
animation-iteration-count: 1 !important;
|
|
|
|
|
|
scroll-behavior: auto !important;
|
|
|
|
|
|
transition-delay: 0s !important;
|
|
|
|
|
|
transition-duration: 0s !important;
|
|
|
|
|
|
}
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
#mount#mount {
|
|
|
|
|
|
/* --primary: rgb(227, 59, 126); */
|
|
|
|
|
|
--primary: #ea4c89;
|
|
|
|
|
|
--primary-hover: #f082ac;
|
|
|
|
|
|
--icon-xia: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgaWQ9IkZyYW1lIj4KPHBhdGggaWQ9IlZlY3RvciIgZD0iTTguMDAyOTEgOS42Nzk4M0wzLjgzMzM5IDUuNTEyMjFMMy4wMjUzOSA2LjMxOTgzTDguMDAzMjkgMTEuMjk1MUwxMi45NzYyIDYuMzE5ODNMMTIuMTY3OSA1LjUxMjIxTDguMDAyOTEgOS42Nzk4M1oiIGZpbGw9IiM4MzgzODMiLz4KPC9nPgo8L3N2Zz4K");
|
|
|
|
|
|
--switch-checked-background-color: var(--primary);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
li.select-link.select-link:hover > ul {
|
|
|
|
|
|
display: none;
|
|
|
|
|
|
}
|
|
|
|
|
|
li.select-link.select-link > ul {
|
|
|
|
|
|
display: none;
|
|
|
|
|
|
}
|
|
|
|
|
|
li.select-link.select-link a:focus ~ ul {
|
|
|
|
|
|
display: none;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
li.select-link.select-link a:active ~ ul {
|
|
|
|
|
|
display: none;
|
|
|
|
|
|
}
|
|
|
|
|
|
li.select-link-active.select-link-active > ul {
|
|
|
|
|
|
display: flex;
|
|
|
|
|
|
}
|
|
|
|
|
|
li.select-link-active.select-link-active:hover > ul {
|
|
|
|
|
|
display: flex;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
li.select-link-active.select-link-active a:focus ~ ul {
|
|
|
|
|
|
display: flex;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
li.select-link-active.select-link-active a:active ~ ul {
|
|
|
|
|
|
display: flex;
|
|
|
|
|
|
}
|
|
|
|
|
|
ul.select-link-ul.select-link-ul {
|
|
|
|
|
|
right: 0px;
|
|
|
|
|
|
left: auto;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
a.select-link-selected {
|
|
|
|
|
|
background-color: var(--primary-focus);
|
|
|
|
|
|
}
|
|
|
|
|
|
.immersive-translate-no-select {
|
|
|
|
|
|
-webkit-touch-callout: none; /* iOS Safari */
|
|
|
|
|
|
-webkit-user-select: none; /* Safari */
|
|
|
|
|
|
-khtml-user-select: none; /* Konqueror HTML */
|
|
|
|
|
|
-moz-user-select: none; /* Old versions of Firefox */
|
|
|
|
|
|
-ms-user-select: none; /* Internet Explorer/Edge */
|
|
|
|
|
|
user-select: none;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/* li[role="list"].no-arrow > a::after { */
|
|
|
|
|
|
/* background-image: none; */
|
|
|
|
|
|
/* width: 0; */
|
|
|
|
|
|
/* color: var(--color); */
|
|
|
|
|
|
/* } */
|
|
|
|
|
|
li[role="list"].no-arrow {
|
|
|
|
|
|
margin-left: 8px;
|
|
|
|
|
|
padding-right: 0;
|
|
|
|
|
|
}
|
|
|
|
|
|
li[role="list"] > a::after {
|
|
|
|
|
|
-webkit-margin-start: 0.2rem;
|
|
|
|
|
|
margin-inline-start: 0.2rem;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
li[role="list"].no-arrow > a,
|
|
|
|
|
|
li[role="list"].no-arrow > a:link,
|
|
|
|
|
|
li[role="list"].no-arrow > a:visited {
|
|
|
|
|
|
color: var(--secondary);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
select.min-select {
|
|
|
|
|
|
--form-element-spacing-horizontal: 0;
|
|
|
|
|
|
margin-bottom: 4px;
|
|
|
|
|
|
max-width: 128px;
|
|
|
|
|
|
overflow: hidden;
|
|
|
|
|
|
color: var(--primary);
|
|
|
|
|
|
font-size: 13px;
|
|
|
|
|
|
border: none;
|
|
|
|
|
|
padding: 0;
|
|
|
|
|
|
padding-right: 20px;
|
|
|
|
|
|
padding-left: 8px;
|
|
|
|
|
|
text-overflow: ellipsis;
|
|
|
|
|
|
color: var(--color);
|
|
|
|
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
select.min-select-secondary {
|
|
|
|
|
|
color: var(--color);
|
|
|
|
|
|
}
|
|
|
|
|
|
select.min-select:focus {
|
|
|
|
|
|
outline: none;
|
|
|
|
|
|
border: none;
|
|
|
|
|
|
--box-shadow: none;
|
|
|
|
|
|
}
|
|
|
|
|
|
select.min-select-no-arrow {
|
|
|
|
|
|
background-image: none;
|
|
|
|
|
|
padding-right: 0;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
select.min-select-left {
|
|
|
|
|
|
padding-right: 0px;
|
|
|
|
|
|
/* padding-left: 24px; */
|
|
|
|
|
|
/* background-position: center left 0; */
|
|
|
|
|
|
text-overflow: ellipsis;
|
|
|
|
|
|
text-align: left;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.muted {
|
|
|
|
|
|
color: var(--muted-color);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.select.button-select {
|
|
|
|
|
|
--background-color: var(--secondary-hover);
|
|
|
|
|
|
--border-color: var(--secondary-hover);
|
|
|
|
|
|
--color: var(--secondary-inverse);
|
|
|
|
|
|
cursor: pointer;
|
|
|
|
|
|
--box-shadow: var(--button-box-shadow, 0 0 0 rgba(0, 0, 0, 0));
|
|
|
|
|
|
padding: var(--form-element-spacing-vertical)
|
|
|
|
|
|
var(--form-element-spacing-horizontal);
|
|
|
|
|
|
border: var(--border-width) solid var(--border-color);
|
|
|
|
|
|
border-radius: var(--border-radius);
|
|
|
|
|
|
outline: none;
|
|
|
|
|
|
background-color: var(--background-color);
|
|
|
|
|
|
box-shadow: var(--box-shadow);
|
|
|
|
|
|
color: var(--color);
|
|
|
|
|
|
font-weight: var(--font-weight);
|
|
|
|
|
|
font-size: 16px;
|
|
|
|
|
|
line-height: var(--line-height);
|
|
|
|
|
|
text-align: center;
|
|
|
|
|
|
cursor: pointer;
|
|
|
|
|
|
transition: background-color var(--transition), border-color var(--transition),
|
|
|
|
|
|
color var(--transition), box-shadow var(--transition);
|
|
|
|
|
|
-webkit-appearance: button;
|
|
|
|
|
|
margin: 0;
|
|
|
|
|
|
margin-bottom: 0px;
|
|
|
|
|
|
overflow: visible;
|
|
|
|
|
|
font-family: inherit;
|
|
|
|
|
|
text-transform: none;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
body {
|
|
|
|
|
|
padding: 0;
|
|
|
|
|
|
margin: 0 auto;
|
|
|
|
|
|
min-width: 268px;
|
|
|
|
|
|
border-radius: 10px;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.popup-container {
|
|
|
|
|
|
font-size: 16px;
|
|
|
|
|
|
--font-size: 16px;
|
|
|
|
|
|
color: #666;
|
|
|
|
|
|
background-color: var(--popup-footer-background-color);
|
|
|
|
|
|
width: 316px;
|
|
|
|
|
|
min-width: 316px;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.popup-content {
|
|
|
|
|
|
background-color: var(--popup-content-background-color);
|
|
|
|
|
|
border-radius: 0px 0px 12px 12px;
|
|
|
|
|
|
padding: 16px 20px;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.immersive-translate-popup-overlay {
|
|
|
|
|
|
position: fixed;
|
|
|
|
|
|
top: 0;
|
|
|
|
|
|
left: 0;
|
|
|
|
|
|
height: 100%;
|
|
|
|
|
|
width: 100%;
|
|
|
|
|
|
touch-action: none;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.immersive-translate-popup-wrapper {
|
|
|
|
|
|
background: var(--background-color);
|
|
|
|
|
|
border-radius: 10px;
|
|
|
|
|
|
border: 1px solid var(--muted-border-color);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
#mount#mount {
|
|
|
|
|
|
--font-family: system-ui, -apple-system, "Segoe UI", "Roboto", "Ubuntu",
|
|
|
|
|
|
"Cantarell", "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji",
|
|
|
|
|
|
"Segoe UI Symbol", "Noto Color Emoji";
|
|
|
|
|
|
--line-height: 1.5;
|
|
|
|
|
|
--font-weight: 400;
|
|
|
|
|
|
--font-size: 16px;
|
|
|
|
|
|
--border-radius: 4px;
|
|
|
|
|
|
--border-width: 1px;
|
|
|
|
|
|
--outline-width: 3px;
|
|
|
|
|
|
--spacing: 16px;
|
|
|
|
|
|
--typography-spacing-vertical: 24px;
|
|
|
|
|
|
--block-spacing-vertical: calc(var(--spacing) * 2);
|
|
|
|
|
|
--block-spacing-horizontal: var(--spacing);
|
|
|
|
|
|
--grid-spacing-vertical: 0;
|
|
|
|
|
|
--grid-spacing-horizontal: var(--spacing);
|
|
|
|
|
|
--form-element-spacing-vertical: 12px;
|
|
|
|
|
|
--form-element-spacing-horizontal: 16px;
|
|
|
|
|
|
--nav-element-spacing-vertical: 16px;
|
|
|
|
|
|
--nav-element-spacing-horizontal: 8px;
|
|
|
|
|
|
--nav-link-spacing-vertical: 8px;
|
|
|
|
|
|
--nav-link-spacing-horizontal: 8px;
|
|
|
|
|
|
--form-label-font-weight: var(--font-weight);
|
|
|
|
|
|
--transition: 0.2s ease-in-out;
|
|
|
|
|
|
--modal-overlay-backdrop-filter: blur(4px);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
[data-theme="light"],
|
|
|
|
|
|
#mount:not([data-theme="dark"]) {
|
|
|
|
|
|
--popup-footer-background-color: #e8eaeb;
|
|
|
|
|
|
--popup-content-background-color: #ffffff;
|
|
|
|
|
|
--popup-item-background-color: #f3f5f6;
|
|
|
|
|
|
--popup-item-hover-background-color: #eaeced;
|
|
|
|
|
|
--popup-trial-pro-background-color: #f9fbfc;
|
|
|
|
|
|
--text-black-2: #222222;
|
|
|
|
|
|
--text-gray-2: #222222;
|
|
|
|
|
|
--text-gray-6: #666666;
|
|
|
|
|
|
--text-gray-9: #999999;
|
|
|
|
|
|
--text-gray-c2: #c2c2c2;
|
|
|
|
|
|
--service-select-content-shadow: 0px 2px 12px 0px rgba(75, 76, 77, 0.2);
|
|
|
|
|
|
--service-select-border-color: #fafafa;
|
|
|
|
|
|
--service-select-selected-background-color: #f3f5f6;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
@media only screen and (prefers-color-scheme: dark) {
|
|
|
|
|
|
#mount:not([data-theme="light"]) {
|
|
|
|
|
|
--popup-footer-background-color: #0d0d0d;
|
|
|
|
|
|
--popup-content-background-color: #191919;
|
|
|
|
|
|
--popup-item-background-color: #272727;
|
|
|
|
|
|
--popup-item-hover-background-color: #333333;
|
|
|
|
|
|
--popup-trial-pro-background-color: #222222;
|
|
|
|
|
|
--text-black-2: #ffffff;
|
|
|
|
|
|
--text-gray-2: #dbdbdb;
|
|
|
|
|
|
--text-gray-6: #b3b3b3;
|
|
|
|
|
|
--text-gray-9: #777777;
|
|
|
|
|
|
--text-gray-c2: #5b5b5b;
|
|
|
|
|
|
--service-select-content-shadow: 0px 2px 12px 0px rgba(0, 0, 0, 0.9);
|
|
|
|
|
|
--service-select-border-color: #2c2c2c;
|
|
|
|
|
|
--service-select-selected-background-color: #333333;
|
|
|
|
|
|
}
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
[data-theme="dark"] {
|
|
|
|
|
|
--popup-footer-background-color: #0d0d0d;
|
|
|
|
|
|
--popup-content-background-color: #191919;
|
|
|
|
|
|
--popup-item-background-color: #272727;
|
|
|
|
|
|
--popup-item-hover-background-color: #333333;
|
|
|
|
|
|
--popup-trial-pro-background-color: #222222;
|
|
|
|
|
|
--text-black-2: #ffffff;
|
|
|
|
|
|
--text-gray-2: #dbdbdb;
|
|
|
|
|
|
--text-gray-6: #b3b3b3;
|
|
|
|
|
|
--text-gray-9: #777777;
|
|
|
|
|
|
--text-gray-c2: #5b5b5b;
|
|
|
|
|
|
--service-select-content-shadow: 0px 2px 12px 0px rgba(0, 0, 0, 0.9);
|
|
|
|
|
|
--service-select-border-color: #2c2c2c;
|
|
|
|
|
|
--service-select-selected-background-color: #333333;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.text-balck {
|
|
|
|
|
|
color: var(--text-black-2);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.text-gray-2 {
|
|
|
|
|
|
color: var(--text-gray-2);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.text-gray-6 {
|
|
|
|
|
|
color: var(--text-gray-6);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.text-gray-9 {
|
|
|
|
|
|
color: var(--text-gray-9);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.text-gray-c2 {
|
|
|
|
|
|
color: var(--text-gray-c2);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
#mount {
|
|
|
|
|
|
min-width: 268px;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.main-button {
|
|
|
|
|
|
font-size: 15px;
|
|
|
|
|
|
vertical-align: middle;
|
|
|
|
|
|
border-radius: 12px;
|
|
|
|
|
|
padding: unset;
|
|
|
|
|
|
height: 44px;
|
|
|
|
|
|
line-height: 44px;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.pt-4 {
|
|
|
|
|
|
padding-top: 16px;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.p-2 {
|
|
|
|
|
|
padding: 8px;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.pl-5 {
|
|
|
|
|
|
padding-left: 48px;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.p-0 {
|
|
|
|
|
|
padding: 0;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.pl-2 {
|
|
|
|
|
|
padding-left: 8px;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.pl-4 {
|
|
|
|
|
|
padding-left: 24px;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.pt-2 {
|
|
|
|
|
|
padding-top: 8px;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.pb-2 {
|
|
|
|
|
|
padding-bottom: 8px;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.pb-4 {
|
|
|
|
|
|
padding-bottom: 16px;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.pb-5 {
|
|
|
|
|
|
padding-bottom: 20px;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.pr-5 {
|
|
|
|
|
|
padding-right: 48px;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.text-sm {
|
|
|
|
|
|
font-size: 13px;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.text-base {
|
|
|
|
|
|
font-size: 16px;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.w-full {
|
|
|
|
|
|
width: 100%;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.flex {
|
|
|
|
|
|
display: flex;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.flex-row {
|
|
|
|
|
|
flex-direction: row;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.flex-wrap {
|
|
|
|
|
|
flex-wrap: wrap;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.flex-end {
|
|
|
|
|
|
justify-content: flex-end;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.flex-grow {
|
|
|
|
|
|
flex-grow: 1;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.justify-between {
|
|
|
|
|
|
justify-content: space-between;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.mb-0 {
|
|
|
|
|
|
margin-bottom: 0px;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.mb-2 {
|
|
|
|
|
|
margin-bottom: 8px;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.mb-4 {
|
|
|
|
|
|
margin-bottom: 16px;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.mb-3 {
|
|
|
|
|
|
margin-bottom: 12px;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.inline-block {
|
|
|
|
|
|
display: inline-block;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.py-2 {
|
|
|
|
|
|
padding-top: 8px;
|
|
|
|
|
|
padding-bottom: 8px;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.py-2-5 {
|
|
|
|
|
|
padding-top: 6px;
|
|
|
|
|
|
padding-bottom: 6px;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.mt-0 {
|
|
|
|
|
|
margin-top: 0;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.mt-2 {
|
|
|
|
|
|
margin-top: 8px;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.mt-3 {
|
|
|
|
|
|
margin-top: 12px;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.mt-4 {
|
|
|
|
|
|
margin-top: 16px;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.mt-5 {
|
|
|
|
|
|
margin-top: 20px;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.mt-6 {
|
|
|
|
|
|
margin-top: 24px;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.mb-1 {
|
|
|
|
|
|
margin-bottom: 4px;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.ml-4 {
|
|
|
|
|
|
margin-left: 24px;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.ml-3 {
|
|
|
|
|
|
margin-left: 16px;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.ml-2 {
|
|
|
|
|
|
margin-left: 8px;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.ml-1 {
|
|
|
|
|
|
margin-left: 4px;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.mr-1 {
|
|
|
|
|
|
margin-right: 4px;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.mr-2 {
|
|
|
|
|
|
margin-right: 8px;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.mr-3 {
|
|
|
|
|
|
margin-right: 16px;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.mx-2 {
|
|
|
|
|
|
margin-left: 8px;
|
|
|
|
|
|
margin-right: 8px;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.pl-3 {
|
|
|
|
|
|
padding-left: 12px;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.pr-3 {
|
|
|
|
|
|
padding-right: 12px;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.p-3 {
|
|
|
|
|
|
padding: 12px;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.px-1 {
|
|
|
|
|
|
padding-left: 4px;
|
|
|
|
|
|
padding-right: 4px;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.px-3 {
|
|
|
|
|
|
padding-left: 12px;
|
|
|
|
|
|
padding-right: 12px;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.pt-3 {
|
|
|
|
|
|
padding-top: 12px;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.px-6 {
|
|
|
|
|
|
padding-left: 18px;
|
|
|
|
|
|
padding-right: 18px;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.px-4 {
|
|
|
|
|
|
padding-left: 16px;
|
|
|
|
|
|
padding-right: 16px;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.pt-6 {
|
|
|
|
|
|
padding-top: 20px;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.py-3 {
|
|
|
|
|
|
padding-top: 12px;
|
|
|
|
|
|
padding-bottom: 12px;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.py-0 {
|
|
|
|
|
|
padding-top: 0;
|
|
|
|
|
|
padding-bottom: 0;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.left-auto {
|
|
|
|
|
|
left: auto !important;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.max-h-28 {
|
|
|
|
|
|
max-height: 112px;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.max-h-30 {
|
|
|
|
|
|
max-height: 120px;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.overflow-y-scroll {
|
|
|
|
|
|
overflow-y: scroll;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.text-xs {
|
|
|
|
|
|
font-size: 12px;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.flex-1 {
|
|
|
|
|
|
flex: 1;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.flex-3 {
|
|
|
|
|
|
flex: 3;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.flex-4 {
|
|
|
|
|
|
flex: 4;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.flex-2 {
|
|
|
|
|
|
flex: 2;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.items-center {
|
|
|
|
|
|
align-items: center;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.max-content {
|
|
|
|
|
|
width: max-content;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.justify-center {
|
|
|
|
|
|
justify-content: center;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.items-end {
|
|
|
|
|
|
align-items: flex-end;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.items-baseline {
|
|
|
|
|
|
align-items: baseline;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.my-5 {
|
|
|
|
|
|
margin-top: 48px;
|
|
|
|
|
|
margin-bottom: 48px;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.my-4 {
|
|
|
|
|
|
margin-top: 24px;
|
|
|
|
|
|
margin-bottom: 24px;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.my-3 {
|
|
|
|
|
|
margin-top: 16px;
|
|
|
|
|
|
margin-bottom: 16px;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.pt-3 {
|
|
|
|
|
|
padding-top: 12px;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.px-3 {
|
|
|
|
|
|
padding-left: 12px;
|
|
|
|
|
|
padding-right: 12px;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.pt-2 {
|
|
|
|
|
|
padding-top: 8px;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.px-2 {
|
|
|
|
|
|
padding-left: 8px;
|
|
|
|
|
|
padding-right: 8px;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.pt-1 {
|
|
|
|
|
|
padding-top: 4px;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.px-1 {
|
|
|
|
|
|
padding-left: 4px;
|
|
|
|
|
|
padding-right: 4px;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.pb-2 {
|
|
|
|
|
|
padding-bottom: 8px;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.justify-end {
|
|
|
|
|
|
justify-content: flex-end;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.w-auto {
|
|
|
|
|
|
width: auto;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.shrink-0 {
|
|
|
|
|
|
flex-shrink: 0;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
select.language-select,
|
|
|
|
|
|
select.translate-service,
|
|
|
|
|
|
select.min-select {
|
|
|
|
|
|
--form-element-spacing-horizontal: 0;
|
|
|
|
|
|
margin-bottom: 0px;
|
|
|
|
|
|
max-width: unset;
|
|
|
|
|
|
flex: 1;
|
|
|
|
|
|
overflow: hidden;
|
|
|
|
|
|
font-size: 13px;
|
|
|
|
|
|
border: none;
|
|
|
|
|
|
border-radius: 8px;
|
|
|
|
|
|
padding-right: 30px;
|
|
|
|
|
|
padding-left: 0px;
|
|
|
|
|
|
background-position: center right 12px;
|
|
|
|
|
|
background-size: 16px auto;
|
|
|
|
|
|
background-image: var(--icon-xia);
|
|
|
|
|
|
text-overflow: ellipsis;
|
|
|
|
|
|
color: var(--text-gray-2);
|
|
|
|
|
|
background-color: transparent;
|
|
|
|
|
|
box-shadow: unset !important;
|
|
|
|
|
|
cursor: pointer;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
select.more {
|
|
|
|
|
|
background-position: center right;
|
|
|
|
|
|
padding-right: 20px;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
select.transform-padding-left {
|
|
|
|
|
|
padding-left: 12px;
|
|
|
|
|
|
transform: translateX(-12px);
|
|
|
|
|
|
background-position: center right 0px;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
select.translate-service {
|
|
|
|
|
|
color: var(--text-black-2);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/* dark use black, for windows */
|
|
|
|
|
|
@media (prefers-color-scheme: dark) {
|
|
|
|
|
|
select.language-select option,
|
|
|
|
|
|
select.translate-service option,
|
|
|
|
|
|
select.min-select option {
|
|
|
|
|
|
background-color: #666666;
|
|
|
|
|
|
}
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.text-overflow-ellipsis {
|
|
|
|
|
|
text-overflow: ellipsis;
|
|
|
|
|
|
overflow: hidden;
|
|
|
|
|
|
white-space: nowrap;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.max-w-20 {
|
|
|
|
|
|
max-width: 180px;
|
|
|
|
|
|
white-space: nowrap;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
select.min-select-secondary {
|
|
|
|
|
|
color: var(--color);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
select.min-select:focus {
|
|
|
|
|
|
outline: none;
|
|
|
|
|
|
border: none;
|
|
|
|
|
|
--box-shadow: none;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
select.min-select-no-arrow {
|
|
|
|
|
|
background-image: none;
|
|
|
|
|
|
padding-right: 0;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
select.min-select-left {
|
|
|
|
|
|
padding-right: 0px;
|
|
|
|
|
|
/* padding-left: 24px; */
|
|
|
|
|
|
/* background-position: center left 0; */
|
|
|
|
|
|
text-overflow: ellipsis;
|
|
|
|
|
|
text-align: left;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.popup-footer {
|
|
|
|
|
|
background-color: var(--popup-footer-background-color);
|
|
|
|
|
|
height: 40px;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.text-right {
|
|
|
|
|
|
text-align: right;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.clickable {
|
|
|
|
|
|
cursor: pointer;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.close {
|
|
|
|
|
|
cursor: pointer;
|
|
|
|
|
|
width: 16px;
|
|
|
|
|
|
height: 16px;
|
|
|
|
|
|
background-image: var(--icon-close);
|
|
|
|
|
|
background-position: center;
|
|
|
|
|
|
background-size: auto 1rem;
|
|
|
|
|
|
background-repeat: no-repeat;
|
|
|
|
|
|
opacity: 0.5;
|
|
|
|
|
|
transition: opacity var(--transition);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.padding-two-column {
|
|
|
|
|
|
padding-left: 40px;
|
|
|
|
|
|
padding-right: 40px;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.muted {
|
|
|
|
|
|
color: #999;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.text-label {
|
|
|
|
|
|
color: #666;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.display-none {
|
|
|
|
|
|
display: none;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/* dark use #18232c */
|
|
|
|
|
|
@media (prefers-color-scheme: dark) {
|
|
|
|
|
|
.text-label {
|
|
|
|
|
|
color: #9ca3af;
|
|
|
|
|
|
}
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.text-decoration-none {
|
|
|
|
|
|
text-decoration: none;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.text-decoration-none:is([aria-current], :hover, :active, :focus),
|
|
|
|
|
|
[role="link"]:is([aria-current], :hover, :active, :focus) {
|
|
|
|
|
|
--text-decoration: none !important;
|
|
|
|
|
|
background-color: transparent !important;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.language-select-container {
|
|
|
|
|
|
position: relative;
|
|
|
|
|
|
width: 100%;
|
|
|
|
|
|
background-color: var(--popup-item-background-color);
|
|
|
|
|
|
height: 55px;
|
|
|
|
|
|
border-radius: 12px;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
select.language-select {
|
|
|
|
|
|
color: var(--text-black-2);
|
|
|
|
|
|
font-size: 14px;
|
|
|
|
|
|
padding: 8px 24px 24px 16px;
|
|
|
|
|
|
position: absolute;
|
|
|
|
|
|
border-radius: 12px;
|
|
|
|
|
|
position: absolute;
|
|
|
|
|
|
left: 0;
|
|
|
|
|
|
right: 0;
|
|
|
|
|
|
top: 0;
|
|
|
|
|
|
bottom: 0;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
select.text-gray-6 {
|
|
|
|
|
|
color: var(--text-gray-6);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.language-select-container label {
|
|
|
|
|
|
position: absolute;
|
|
|
|
|
|
bottom: 10px;
|
|
|
|
|
|
left: 16px;
|
|
|
|
|
|
font-size: 12px;
|
|
|
|
|
|
color: var(--text-gray-9);
|
|
|
|
|
|
line-height: 12px;
|
|
|
|
|
|
margin: 0;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.translation-service-container {
|
|
|
|
|
|
background-color: var(--popup-item-background-color);
|
|
|
|
|
|
border-radius: 12px;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.min-select-container {
|
|
|
|
|
|
display: flex;
|
|
|
|
|
|
justify-content: space-between;
|
|
|
|
|
|
align-items: center;
|
|
|
|
|
|
height: 44px;
|
|
|
|
|
|
background-color: var(--popup-item-background-color);
|
|
|
|
|
|
padding-left: 16px;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.min-select-container:first-child {
|
|
|
|
|
|
border-top-left-radius: 10px;
|
|
|
|
|
|
border-top-right-radius: 10px;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.min-select-container:last-child {
|
|
|
|
|
|
border-bottom-left-radius: 10px;
|
|
|
|
|
|
border-bottom-right-radius: 10px;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.min-select-container:only-child {
|
|
|
|
|
|
border-radius: 10px;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.translate-mode {
|
|
|
|
|
|
width: 44px;
|
|
|
|
|
|
height: 44px;
|
|
|
|
|
|
border-radius: 22px;
|
|
|
|
|
|
background-color: var(--popup-item-background-color);
|
|
|
|
|
|
display: flex;
|
|
|
|
|
|
align-items: center;
|
|
|
|
|
|
justify-content: center;
|
|
|
|
|
|
flex-shrink: 0;
|
|
|
|
|
|
cursor: pointer;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.translate-mode svg {
|
|
|
|
|
|
fill: var(--text-gray-2);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.widgets-container {
|
|
|
|
|
|
display: flex;
|
|
|
|
|
|
align-items: stretch;
|
|
|
|
|
|
justify-content: space-between;
|
|
|
|
|
|
width: 100%;
|
|
|
|
|
|
gap: 9px;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/* 当只有两个小组件时的样式优化 */
|
|
|
|
|
|
.widgets-container.widgets-two-items {
|
|
|
|
|
|
gap: 16px;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.widgets-container.widgets-two-items .widget-item {
|
|
|
|
|
|
flex: 0 1 auto;
|
|
|
|
|
|
min-width: 93px;
|
|
|
|
|
|
max-width: 120px;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.widget-item {
|
|
|
|
|
|
display: flex;
|
|
|
|
|
|
max-width: 93px;
|
|
|
|
|
|
flex-direction: row;
|
|
|
|
|
|
align-items: center;
|
|
|
|
|
|
justify-content: center;
|
|
|
|
|
|
background-color: var(--popup-item-background-color);
|
|
|
|
|
|
font-size: 12px;
|
|
|
|
|
|
min-height: 44px;
|
|
|
|
|
|
height: 100%;
|
|
|
|
|
|
border-radius: 8px;
|
|
|
|
|
|
cursor: pointer;
|
|
|
|
|
|
flex: 1;
|
|
|
|
|
|
padding: 8px 4px;
|
|
|
|
|
|
text-align: center;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.widget-icon-text {
|
|
|
|
|
|
white-space: nowrap;
|
|
|
|
|
|
overflow: hidden;
|
|
|
|
|
|
text-overflow: ellipsis;
|
|
|
|
|
|
color: var(--text-gray-2);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.share-button-container {
|
|
|
|
|
|
display: flex;
|
|
|
|
|
|
align-items: center;
|
|
|
|
|
|
cursor: pointer;
|
|
|
|
|
|
padding: 2px 3px 0 8px;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.share-button-container svg {
|
|
|
|
|
|
fill: var(--text-gray-9);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.min-select-container:hover,
|
|
|
|
|
|
.language-select-container:hover,
|
|
|
|
|
|
.widget-item:hover,
|
|
|
|
|
|
.translate-mode:hover {
|
|
|
|
|
|
background-color: var(--popup-item-hover-background-color);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.main-button:hover {
|
|
|
|
|
|
background-color: #f5508f;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.share-button-container:hover {
|
|
|
|
|
|
background-color: var(--popup-item-background-color);
|
|
|
|
|
|
border-radius: 6px;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.error-boundary {
|
|
|
|
|
|
background: #fff2f0;
|
|
|
|
|
|
border: 1px solid #ffccc7;
|
|
|
|
|
|
display: flex;
|
|
|
|
|
|
padding: 12px;
|
|
|
|
|
|
font-size: 14px;
|
|
|
|
|
|
color: rgba(0, 0, 0, 0.88);
|
|
|
|
|
|
word-break: break-all;
|
|
|
|
|
|
margin: 12px;
|
|
|
|
|
|
border-radius: 12px;
|
|
|
|
|
|
flex-direction: column;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.upgrade-pro {
|
|
|
|
|
|
border-radius: 11px;
|
|
|
|
|
|
background: linear-gradient(57deg, #272727 19.8%, #696969 82.2%);
|
|
|
|
|
|
padding: 2px 8px;
|
|
|
|
|
|
transform: scale(0.85);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.upgrade-pro span {
|
|
|
|
|
|
background: linear-gradient(180deg, #ffeab4 17.65%, #f8c235 85.29%);
|
|
|
|
|
|
background-clip: text;
|
|
|
|
|
|
-webkit-background-clip: text;
|
|
|
|
|
|
-webkit-text-fill-color: transparent;
|
|
|
|
|
|
font-size: 12px;
|
|
|
|
|
|
margin-left: 4px;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.upgrade-pro svg {
|
|
|
|
|
|
margin-top: -2px;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.upgrade-pro:hover {
|
|
|
|
|
|
background: linear-gradient(57deg, #3d3d3d 19.8%, #949494 82.2%);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.border-bottom-radius-0 {
|
|
|
|
|
|
border-bottom-left-radius: 0 !important;
|
|
|
|
|
|
border-bottom-right-radius: 0 !important;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.trial-pro-container {
|
|
|
|
|
|
border-radius: 0px 0px 12px 12px;
|
|
|
|
|
|
background: var(--popup-trial-pro-background-color);
|
|
|
|
|
|
display: flex;
|
|
|
|
|
|
align-items: center;
|
|
|
|
|
|
height: 44px;
|
|
|
|
|
|
padding-left: 16px;
|
|
|
|
|
|
padding-right: 12px;
|
|
|
|
|
|
font-size: 12px;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.trial-pro-container label {
|
|
|
|
|
|
line-height: 13px;
|
|
|
|
|
|
color: var(--text-black-2);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.trial-pro-container img {
|
|
|
|
|
|
margin-left: 5px;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.cursor-pointer {
|
|
|
|
|
|
cursor: pointer;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.upgrade-pro-discount-act {
|
|
|
|
|
|
height: 25px;
|
|
|
|
|
|
display: flex;
|
|
|
|
|
|
padding: 0 4px;
|
|
|
|
|
|
align-items: center;
|
|
|
|
|
|
border-radius: 15px;
|
|
|
|
|
|
background: linear-gradient(
|
|
|
|
|
|
90deg,
|
|
|
|
|
|
#cefbfa 11.33%,
|
|
|
|
|
|
#d7f56f 63.75%,
|
|
|
|
|
|
#fccd5e 100%
|
|
|
|
|
|
);
|
|
|
|
|
|
transform: scale(0.9);
|
|
|
|
|
|
box-shadow: 0px 1.8px 3.6px 0px rgba(0, 0, 0, 0.1);
|
|
|
|
|
|
cursor: pointer;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.upgrade-pro-discount-act span {
|
|
|
|
|
|
font-size: 12px;
|
|
|
|
|
|
font-weight: 700;
|
|
|
|
|
|
margin-left: 4px;
|
|
|
|
|
|
color: #222222;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.upgrade-pro-discount-act:hover {
|
|
|
|
|
|
text-decoration: unset;
|
|
|
|
|
|
background: linear-gradient(
|
|
|
|
|
|
90deg,
|
|
|
|
|
|
#e2fffe 11.33%,
|
|
|
|
|
|
#e6ff91 63.75%,
|
|
|
|
|
|
#ffdf93 100%
|
|
|
|
|
|
);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.custom-select-container {
|
|
|
|
|
|
width: 200px;
|
|
|
|
|
|
position: relative;
|
|
|
|
|
|
flex: 1;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
#translation-service-select {
|
|
|
|
|
|
padding-right: 12px;
|
|
|
|
|
|
padding-left: 6px;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.custom-select-content {
|
|
|
|
|
|
border-radius: 12px;
|
|
|
|
|
|
background: var(--popup-content-background-color);
|
|
|
|
|
|
box-shadow: var(--service-select-content-shadow);
|
|
|
|
|
|
border: 1px solid var(--service-select-border-color);
|
|
|
|
|
|
padding: 4px 5px;
|
|
|
|
|
|
position: absolute;
|
|
|
|
|
|
left: 0;
|
|
|
|
|
|
right: 0;
|
|
|
|
|
|
z-index: 100;
|
|
|
|
|
|
overflow-y: auto;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.custom-select-item.default {
|
|
|
|
|
|
width: 100%;
|
|
|
|
|
|
padding: 0;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.custom-select-item {
|
|
|
|
|
|
font-size: 13px;
|
|
|
|
|
|
padding: 5px 6px;
|
|
|
|
|
|
border-radius: 8px;
|
|
|
|
|
|
display: flex;
|
|
|
|
|
|
align-items: center;
|
|
|
|
|
|
cursor: pointer;
|
|
|
|
|
|
color: var(--text-black-2);
|
|
|
|
|
|
width: auto;
|
|
|
|
|
|
overflow: hidden;
|
|
|
|
|
|
height: 30px;
|
|
|
|
|
|
line-height: 30px;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.custom-select-item-img {
|
|
|
|
|
|
width: 20px;
|
|
|
|
|
|
height: 20px;
|
|
|
|
|
|
margin-right: 4px;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
@media (prefers-color-scheme: dark) {
|
|
|
|
|
|
.custom-select-item-img {
|
|
|
|
|
|
margin-right: 6px;
|
|
|
|
|
|
}
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.custom-select-content .custom-select-item.selected,
|
|
|
|
|
|
.custom-select-content .custom-select-item:hover {
|
|
|
|
|
|
background: var(--service-select-selected-background-color);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.custom-select-item > span {
|
|
|
|
|
|
white-space: nowrap;
|
|
|
|
|
|
overflow: hidden;
|
|
|
|
|
|
text-overflow: ellipsis;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.custom-select-item-pro {
|
|
|
|
|
|
font-size: 12px;
|
|
|
|
|
|
margin-left: 6px;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.custom-select-item-pro img {
|
|
|
|
|
|
margin: 0 3px;
|
|
|
|
|
|
width: 20px;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.custom-select-group-header {
|
|
|
|
|
|
font-size: 12px;
|
|
|
|
|
|
font-weight: 500;
|
|
|
|
|
|
color: var(--text-gray-9);
|
|
|
|
|
|
padding: 6px 8px 4px;
|
|
|
|
|
|
margin-top: 2px;
|
|
|
|
|
|
text-transform: uppercase;
|
|
|
|
|
|
letter-spacing: 0.5px;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.more-container {
|
|
|
|
|
|
position: relative;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.new-menu-indicator {
|
|
|
|
|
|
position: absolute;
|
|
|
|
|
|
width: 8px;
|
|
|
|
|
|
height: 8px;
|
|
|
|
|
|
background-color: #ef3434;
|
|
|
|
|
|
border-radius: 50%;
|
|
|
|
|
|
right: 18px;
|
|
|
|
|
|
top: 4px;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
html {
|
|
|
|
|
|
font-size: 17px;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
@media print {
|
|
|
|
|
|
.imt-fb-container {
|
|
|
|
|
|
display: none !important;
|
|
|
|
|
|
}
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
#mount#mount {
|
|
|
|
|
|
position: absolute;
|
|
|
|
|
|
display: none;
|
|
|
|
|
|
min-width: 250px;
|
|
|
|
|
|
height: auto;
|
|
|
|
|
|
--font-size: 17px;
|
|
|
|
|
|
font-size: 17px;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/* float-ball */
|
|
|
|
|
|
.imt-fb-container {
|
|
|
|
|
|
position: fixed;
|
|
|
|
|
|
padding: 0;
|
|
|
|
|
|
top: 335px;
|
|
|
|
|
|
width: fit-content;
|
|
|
|
|
|
display: flex;
|
|
|
|
|
|
flex-direction: column;
|
|
|
|
|
|
display: none;
|
|
|
|
|
|
direction: ltr;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.imt-fb-container.left {
|
|
|
|
|
|
align-items: flex-start;
|
|
|
|
|
|
left: 0;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.imt-fb-container.right {
|
|
|
|
|
|
align-items: flex-end;
|
|
|
|
|
|
right: 0;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.imt-fb-btn {
|
|
|
|
|
|
cursor: pointer;
|
|
|
|
|
|
background: var(--float-ball-more-button-background-color);
|
|
|
|
|
|
height: 36px;
|
|
|
|
|
|
width: 56px;
|
|
|
|
|
|
box-shadow: 2px 6px 10px 0px #0e121629;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.imt-fb-btn.left {
|
|
|
|
|
|
border-top-right-radius: 36px;
|
|
|
|
|
|
border-bottom-right-radius: 36px;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.imt-fb-btn.right {
|
|
|
|
|
|
border-top-left-radius: 36px;
|
|
|
|
|
|
border-bottom-left-radius: 36px;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.imt-fb-btn div {
|
|
|
|
|
|
background: var(--float-ball-more-button-background-color);
|
|
|
|
|
|
height: 36px;
|
|
|
|
|
|
width: 54px;
|
|
|
|
|
|
display: flex;
|
|
|
|
|
|
align-items: center;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.imt-fb-btn.left div {
|
|
|
|
|
|
border-top-right-radius: 34px;
|
|
|
|
|
|
border-bottom-right-radius: 34px;
|
|
|
|
|
|
justify-content: flex-end;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.imt-fb-btn.right div {
|
|
|
|
|
|
border-top-left-radius: 34px;
|
|
|
|
|
|
border-bottom-left-radius: 34px;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.imt-fb-logo-img {
|
|
|
|
|
|
width: 20px;
|
|
|
|
|
|
height: 20px;
|
|
|
|
|
|
margin: 0 10px;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.imt-fb-logo-img-big-bg {
|
|
|
|
|
|
width: 28px;
|
|
|
|
|
|
height: 28px;
|
|
|
|
|
|
margin: 0;
|
|
|
|
|
|
padding: 4px;
|
|
|
|
|
|
background-color: #ed6d8f;
|
|
|
|
|
|
border-radius: 50%;
|
|
|
|
|
|
margin: 0 5px;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.imt-float-ball-translated {
|
|
|
|
|
|
position: absolute;
|
|
|
|
|
|
width: 11px;
|
|
|
|
|
|
height: 11px;
|
|
|
|
|
|
bottom: 4px;
|
|
|
|
|
|
right: 20px;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.btn-animate {
|
|
|
|
|
|
-webkit-transform: translate3d(0, 0, 0);
|
|
|
|
|
|
transform: translate3d(0, 0, 0);
|
|
|
|
|
|
-webkit-transition: -webkit-transform ease-out 250ms;
|
|
|
|
|
|
transition: -webkit-transform ease-out 250ms;
|
|
|
|
|
|
transition: transform ease-out 250ms;
|
|
|
|
|
|
transition: transform ease-out 250ms, -webkit-transform ease-out 250ms;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.imt-fb-setting-btn {
|
|
|
|
|
|
margin-right: 18px;
|
|
|
|
|
|
width: 28px;
|
|
|
|
|
|
height: 28px;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.immersive-translate-popup-wrapper {
|
|
|
|
|
|
background: var(--background-color);
|
|
|
|
|
|
border-radius: 20px;
|
|
|
|
|
|
box-shadow: 2px 10px 24px 0px #0e121614;
|
|
|
|
|
|
border: none;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.popup-container {
|
|
|
|
|
|
border-radius: 20px;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.popup-content {
|
|
|
|
|
|
border-radius: 20px 20px 12px 12px;
|
|
|
|
|
|
}
|
|
|
|
|
|
.popup-footer {
|
|
|
|
|
|
border-radius: 20px;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.imt-fb-close-button {
|
|
|
|
|
|
pointer-events: all;
|
|
|
|
|
|
cursor: pointer;
|
|
|
|
|
|
position: absolute;
|
|
|
|
|
|
margin-top: -10px;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.imt-fb-close-content {
|
|
|
|
|
|
padding: 22px;
|
|
|
|
|
|
width: 320px;
|
|
|
|
|
|
pointer-events: all;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.imt-fb-close-title {
|
|
|
|
|
|
font-weight: 500;
|
|
|
|
|
|
color: var(--h2-color);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.imt-fb-close-radio-content {
|
|
|
|
|
|
background-color: var(--background-light-green);
|
|
|
|
|
|
padding: 8px 20px;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.imt-fb-radio-sel,
|
|
|
|
|
|
.imt-fb-radio-nor {
|
|
|
|
|
|
width: 16px;
|
|
|
|
|
|
height: 16px;
|
|
|
|
|
|
border-radius: 8px;
|
|
|
|
|
|
flex-shrink: 0;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.imt-fb-radio-sel {
|
|
|
|
|
|
border: 2px solid var(--primary);
|
|
|
|
|
|
display: flex;
|
|
|
|
|
|
align-items: center;
|
|
|
|
|
|
justify-content: center;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.imt-fb-radio-sel div {
|
|
|
|
|
|
width: 8px;
|
|
|
|
|
|
height: 8px;
|
|
|
|
|
|
border-radius: 4px;
|
|
|
|
|
|
background-color: var(--primary);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.imt-fb-radio-nor {
|
|
|
|
|
|
border: 2px solid #d3d4d6;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.imt-fb-primary-btn {
|
|
|
|
|
|
background-color: var(--primary);
|
|
|
|
|
|
width: 72px;
|
|
|
|
|
|
height: 32px;
|
|
|
|
|
|
color: white;
|
|
|
|
|
|
border-radius: 8px;
|
|
|
|
|
|
text-align: center;
|
|
|
|
|
|
line-height: 32px;
|
|
|
|
|
|
font-size: 16px;
|
|
|
|
|
|
cursor: pointer;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.imt-fb-default-btn {
|
|
|
|
|
|
border: 1px solid var(--primary);
|
|
|
|
|
|
width: 72px;
|
|
|
|
|
|
height: 32px;
|
|
|
|
|
|
border-radius: 8px;
|
|
|
|
|
|
color: var(--primary);
|
|
|
|
|
|
line-height: 32px;
|
|
|
|
|
|
text-align: center;
|
|
|
|
|
|
font-size: 16px;
|
|
|
|
|
|
cursor: pointer;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.imt-fb-guide-container {
|
|
|
|
|
|
width: 312px;
|
|
|
|
|
|
transform: translateY(-45%);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.imt-fb-guide-bg {
|
|
|
|
|
|
position: absolute;
|
|
|
|
|
|
left: 30px;
|
|
|
|
|
|
right: 0;
|
|
|
|
|
|
top: 0;
|
|
|
|
|
|
bottom: 0;
|
|
|
|
|
|
z-index: -1;
|
|
|
|
|
|
height: 100%;
|
|
|
|
|
|
width: 90%;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.imt-fb-guide-bg.left {
|
|
|
|
|
|
transform: scaleX(-1);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.imt-fb-guide-content {
|
|
|
|
|
|
margin: 16px -30px 80px 0px;
|
|
|
|
|
|
display: flex;
|
|
|
|
|
|
flex-direction: column;
|
|
|
|
|
|
align-items: center;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.imt-fb-guide-content.left {
|
|
|
|
|
|
margin: 16px 21px 60px 32px;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.imt-fb-guide-img {
|
|
|
|
|
|
width: 220px;
|
|
|
|
|
|
height: 112px;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.imt-fb-guide-message {
|
|
|
|
|
|
font-size: 16px;
|
|
|
|
|
|
line-height: 28px;
|
|
|
|
|
|
color: #333333;
|
|
|
|
|
|
white-space: pre-wrap;
|
|
|
|
|
|
text-align: center;
|
|
|
|
|
|
font-weight: 700;
|
|
|
|
|
|
margin-bottom: 20px;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.imt-fb-guide-button {
|
|
|
|
|
|
margin-top: 16px;
|
|
|
|
|
|
line-height: 40px;
|
|
|
|
|
|
height: 40px;
|
|
|
|
|
|
padding: 0 20px;
|
|
|
|
|
|
width: unset;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.imt-fb-more-buttons {
|
|
|
|
|
|
box-shadow: 0px 2px 10px 0px #00000014;
|
|
|
|
|
|
border: none;
|
|
|
|
|
|
background: var(--float-ball-more-button-background-color);
|
|
|
|
|
|
width: 36px;
|
|
|
|
|
|
display: flex;
|
|
|
|
|
|
flex-direction: column;
|
|
|
|
|
|
border-radius: 18px;
|
|
|
|
|
|
margin-top: 0px;
|
|
|
|
|
|
padding: 7px 0 7px 0;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.imt-fb-more-buttons > div {
|
|
|
|
|
|
margin: auto;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.imt-fb-side,
|
|
|
|
|
|
.imt-fb-reward {
|
|
|
|
|
|
border-radius: 50%;
|
|
|
|
|
|
cursor: pointer;
|
|
|
|
|
|
pointer-events: all;
|
|
|
|
|
|
position: relative;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.imt-fb-side {
|
|
|
|
|
|
margin: 10px 0;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.imt-fb-new-badge {
|
|
|
|
|
|
width: 26px;
|
|
|
|
|
|
height: 14px;
|
|
|
|
|
|
padding: 3px;
|
|
|
|
|
|
background-color: #f53f3f;
|
|
|
|
|
|
border-radius: 4px;
|
|
|
|
|
|
position: absolute;
|
|
|
|
|
|
top: -5px;
|
|
|
|
|
|
right: 15px;
|
|
|
|
|
|
display: flex;
|
|
|
|
|
|
align-items: center;
|
|
|
|
|
|
justify-content: center;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.imt-fb-side *,
|
|
|
|
|
|
.imt-fb-reward * {
|
|
|
|
|
|
pointer-events: all;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.imt-fb-more-button {
|
|
|
|
|
|
width: 36px;
|
|
|
|
|
|
display: flex;
|
|
|
|
|
|
align-items: center;
|
|
|
|
|
|
justify-content: center;
|
|
|
|
|
|
cursor: pointer;
|
|
|
|
|
|
}
|
|
|
|
|
|
/* Sheet.css */
|
|
|
|
|
|
.immersive-translate-sheet {
|
|
|
|
|
|
position: fixed;
|
|
|
|
|
|
transform: translateY(100%);
|
|
|
|
|
|
/* Start off screen */
|
|
|
|
|
|
left: 0;
|
|
|
|
|
|
right: 0;
|
|
|
|
|
|
background-color: white;
|
|
|
|
|
|
transition: transform 0.3s ease-out;
|
|
|
|
|
|
/* Smooth slide transition */
|
|
|
|
|
|
box-shadow: 0px -2px 10px rgba(0, 0, 0, 0.1);
|
|
|
|
|
|
/* Ensure it's above other content */
|
|
|
|
|
|
bottom: 0;
|
|
|
|
|
|
border-top-left-radius: 16px;
|
|
|
|
|
|
border-top-right-radius: 16px;
|
|
|
|
|
|
overflow: hidden;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.immersive-translate-sheet.visible {
|
|
|
|
|
|
transform: translateY(0);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.immersive-translate-sheet-backdrop {
|
|
|
|
|
|
position: fixed;
|
|
|
|
|
|
top: 0;
|
|
|
|
|
|
left: 0;
|
|
|
|
|
|
right: 0;
|
|
|
|
|
|
bottom: 0;
|
|
|
|
|
|
background-color: rgba(0, 0, 0, 0.5);
|
|
|
|
|
|
opacity: 0;
|
|
|
|
|
|
transition: opacity 0.3s ease-out;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.immersive-translate-sheet-backdrop.visible {
|
|
|
|
|
|
opacity: 1;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.popup-container-sheet {
|
|
|
|
|
|
max-width: 100vw;
|
|
|
|
|
|
width: 100vw;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.imt-no-events svg * {
|
|
|
|
|
|
pointer-events: none !important;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.imt-manga-button {
|
|
|
|
|
|
width: 36px;
|
|
|
|
|
|
display: flex;
|
|
|
|
|
|
flex-direction: column;
|
|
|
|
|
|
position: relative;
|
|
|
|
|
|
align-items: center;
|
|
|
|
|
|
justify-content: center;
|
|
|
|
|
|
cursor: pointer;
|
|
|
|
|
|
pointer-events: all;
|
|
|
|
|
|
margin: 0 0 10px 0;
|
|
|
|
|
|
background-color: var(--float-ball-more-button-background-color);
|
|
|
|
|
|
border-radius: 18px;
|
|
|
|
|
|
filter: drop-shadow(0px 2px 10px rgba(0, 0, 0, 0.08));
|
|
|
|
|
|
opacity: 0.5;
|
|
|
|
|
|
right: 8px;
|
|
|
|
|
|
padding: 10px 0 4px 0;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.imt-manga-feedback {
|
|
|
|
|
|
cursor: pointer;
|
|
|
|
|
|
margin-bottom: 10px;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.imt-fb-feedback {
|
|
|
|
|
|
cursor: pointer;
|
|
|
|
|
|
margin-top: 10px;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.imt-fb-upgrade-button {
|
|
|
|
|
|
cursor: pointer;
|
|
|
|
|
|
margin-top: 10px;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.imt-manga-button:hover {
|
|
|
|
|
|
opacity: 1;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.imt-manga-translated {
|
|
|
|
|
|
position: absolute;
|
|
|
|
|
|
left: 24px;
|
|
|
|
|
|
top: 20px;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.imt-float-ball-loading {
|
|
|
|
|
|
animation: imt-loading-animation 0.6s infinite linear !important;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.imt-manga-guide-bg {
|
|
|
|
|
|
position: absolute;
|
|
|
|
|
|
left: 0;
|
|
|
|
|
|
right: 0;
|
|
|
|
|
|
top: 0;
|
|
|
|
|
|
bottom: 0;
|
|
|
|
|
|
z-index: -1;
|
|
|
|
|
|
width: 372px;
|
|
|
|
|
|
transform: translateY(-50%);
|
|
|
|
|
|
}
|
|
|
|
|
|
.imt-manga-guide-content {
|
|
|
|
|
|
position: absolute;
|
|
|
|
|
|
top: 15px;
|
|
|
|
|
|
left: 0;
|
|
|
|
|
|
right: 0;
|
|
|
|
|
|
margin: 0 40px 0;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.img-manga-guide-button {
|
|
|
|
|
|
width: fit-content;
|
|
|
|
|
|
margin: 16px auto;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.img-manga-close {
|
|
|
|
|
|
position: absolute;
|
|
|
|
|
|
bottom: -200px;
|
|
|
|
|
|
width: 32px;
|
|
|
|
|
|
height: 32px;
|
|
|
|
|
|
left: 0;
|
|
|
|
|
|
right: 0;
|
|
|
|
|
|
margin: auto;
|
|
|
|
|
|
cursor: pointer;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.imt-fb-container.dragging .imt-fb-more-buttons,
|
|
|
|
|
|
.imt-fb-container.dragging .imt-manga-button,
|
|
|
|
|
|
.imt-fb-container.dragging .btn-animate:not(.imt-fb-btn) {
|
|
|
|
|
|
display: none !important;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.imt-fb-container.dragging .imt-fb-btn {
|
|
|
|
|
|
border-radius: 50% !important;
|
|
|
|
|
|
width: 36px !important;
|
|
|
|
|
|
height: 36px !important;
|
|
|
|
|
|
display: flex !important;
|
|
|
|
|
|
align-items: center !important;
|
|
|
|
|
|
justify-content: center !important;
|
|
|
|
|
|
cursor: move !important;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.imt-fb-container.dragging .imt-fb-btn div {
|
|
|
|
|
|
border-radius: 50% !important;
|
|
|
|
|
|
width: 36px !important;
|
|
|
|
|
|
height: 36px !important;
|
|
|
|
|
|
display: flex !important;
|
|
|
|
|
|
align-items: center !important;
|
|
|
|
|
|
justify-content: center !important;
|
|
|
|
|
|
margin: 0 !important;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.imt-fb-container.dragging .imt-fb-btn.left,
|
|
|
|
|
|
.imt-fb-container.dragging .imt-fb-btn.right {
|
|
|
|
|
|
border-radius: 50% !important;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.imt-fb-container.dragging .imt-fb-btn.left div,
|
|
|
|
|
|
.imt-fb-container.dragging .imt-fb-btn.right div {
|
|
|
|
|
|
border-radius: 50% !important;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.imt-fb-container.dragging .imt-fb-logo-img {
|
|
|
|
|
|
margin: 0 !important;
|
|
|
|
|
|
padding: 4px !important;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.imt-fb-container.dragging .imt-float-ball-translated {
|
|
|
|
|
|
right: 2px !important;
|
|
|
|
|
|
bottom: 2px !important;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
@-webkit-keyframes imt-loading-animation {
|
|
|
|
|
|
from {
|
|
|
|
|
|
-webkit-transform: rotate(0deg);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
to {
|
|
|
|
|
|
-webkit-transform: rotate(359deg);
|
|
|
|
|
|
}
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
@keyframes imt-loading-animation {
|
|
|
|
|
|
from {
|
|
|
|
|
|
transform: rotate(0deg);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
to {
|
|
|
|
|
|
transform: rotate(359deg);
|
|
|
|
|
|
}
|
|
|
|
|
|
}
|
|
|
|
|
|
</style><div id="mount" style="display: block;"></div></template></div></html>
|
