-
-
Notifications
You must be signed in to change notification settings - Fork 1
/
demopage.min.css
2 lines (2 loc) · 12.7 KB
/
demopage.min.css
1
2
:root{--primary-color:#539eff;--primary-color-light:#a9ceff;--primary-color-dark:#336db9;--primary-color-atcb:#9755ff;--primary-color-atcb-light:#cbaaff;--secondary-color:#ffa255;--secondary-color-light:#ffd0aa;--page-background:#e7e8f4;--example-bg:#fff;--text:#333;--text-secondary:#969696;--text-subline:#fff;--github:#333;--hr:#cfcfcf;--light-mode-switch:#282232;--light-mode-switch-header:#edf3fa;--example-background:#f5f5f5;--example-color:#6a6a6a;--example-border:#ababab;--header-shadow:0 6px 7px -6px rgb(0 0 0 / 10%),0 12px 10px -6px rgb(0 0 0 / 12%),0 31px 40px -6px rgb(0 0 0 / 20%);--header-bg:linear-gradient(45deg, var(--primary-color), var(--primary-color), var(--primary-color-light), var(--primary-color-light))}body.atcb-dark{--primary-color:#539eff;--primary-color-light:#a9ceff;--primary-color-dark:#336db9;--page-background:#1b1d21;--example-bg:#222830;--text:#e6e2ed;--github:#222;--hr:#5e5c61;--light-mode-switch:#f5f5f5;--example-background:#2D2D2D;--example-color:#cacaca;--example-border:#797979;--header-shadow:0 6px 7px -6px rgb(0 0 0 / 15%),0 12px 20px -6px rgb(0 0 0 / 18%),0 31px 70px -6px rgb(0 0 0 / 34%);--header-bg:linear-gradient(45deg, var(--primary-color-dark), var(--primary-color-dark), var(--primary-color), var(--primary-color))}@font-face{font-display:swap;font-family:'Paytone One';font-style:normal;font-weight:400;src:local('Paytone One'),url('https://tz.add-to-calendar-technology.com/demo_assets/fonts/paytone-one-v18-latin-regular.woff2') format('woff2'),url('https://tz.add-to-calendar-technology.com/demo_assets/fonts/paytone-one-v18-latin-regular.woff') format('woff'),url('https://tz.add-to-calendar-technology.com/demo_assets/fonts/paytone-one-v18-latin-regular.ttf') format('truetype')}@font-face{font-display:swap;font-family:Inter;font-style:normal;font-weight:300;src:local('Inter Light'),url('https://tz.add-to-calendar-technology.com/demo_assets/fonts/inter-v12-latin-300.woff2') format('woff2'),url('https://tz.add-to-calendar-technology.com/demo_assets/fonts/inter-v12-latin-300.woff') format('woff'),url('https://tz.add-to-calendar-technology.com/demo_assets/fonts/inter-v12-latin-300.ttf') format('truetype')}@font-face{font-display:swap;font-family:Inter;font-style:normal;font-weight:400;src:local('Inter'),url('https://tz.add-to-calendar-technology.com/demo_assets/fonts/inter-v12-latin-regular.woff2') format('woff2'),url('https://tz.add-to-calendar-technology.com/demo_assets/fonts/inter-v12-latin-regular.woff') format('woff'),url('https://tz.add-to-calendar-technology.com/demo_assets/fonts/inter-v12-latin-regular.ttf') format('truetype')}@font-face{font-display:swap;font-family:Inter;font-style:normal;font-weight:600;src:local('Inter SemiBold'),url('https://tz.add-to-calendar-technology.com/demo_assets/fonts/inter-v12-latin-600.woff2') format('woff2'),url('https://tz.add-to-calendar-technology.com/demo_assets/fonts/inter-v12-latin-600.woff') format('woff'),url('https://tz.add-to-calendar-technology.com/demo_assets/fonts/inter-v12-latin-600.ttf') format('truetype')}@font-face{font-display:swap;font-family:Inter;font-style:normal;font-weight:800;src:local('Inter ExtraBold'),url('https://tz.add-to-calendar-technology.com/demo_assets/fonts/inter-v12-latin-800.woff2') format('woff2'),url('https://tz.add-to-calendar-technology.com/demo_assets/fonts/inter-v12-latin-800.woff') format('woff'),url('https://tz.add-to-calendar-technology.com/demo_assets/fonts/inter-v12-latin-800.ttf') format('truetype')}@font-face{font-display:swap;font-family:'Fira Mono';font-style:normal;font-weight:400;src:local('Fira Mono'),url('https://tz.add-to-calendar-technology.com/demo_assets/fonts/fira-mono-v14-latin-regular.woff2') format('woff2'),url('https://tz.add-to-calendar-technology.com/demo_assets/fonts/fira-mono-v14-latin-regular.woff') format('woff'),url('https://tz.add-to-calendar-technology.com/demo_assets/fonts/fira-mono-v14-latin-regular.ttf') format('truetype')}@font-face{font-display:swap;font-family:'Fira Mono';font-style:normal;font-weight:700;src:url('https://tz.add-to-calendar-technology.com/demo_assets/fonts/fira-mono-v14-latin-700.woff2') format('woff2'),url('https://tz.add-to-calendar-technology.com/demo_assets/fonts/fira-mono-v14-latin-700.woff') format('woff'),url('https://tz.add-to-calendar-technology.com/demo_assets/fonts/fira-mono-v14-latin-700.ttf') format('truetype')}::selection{background:var(--primary-color);color:#fff}body{background:var(--page-background);box-sizing:border-box;color:var(--text);font-family:Inter,Arial,sans-serif;font-size:16px;font-weight:400;height:100%;line-height:1.5rem;margin:0;padding:0 0 100px;text-align:center;width:100%}.container{box-sizing:border-box;margin:auto;max-width:1000px;padding:0 25px;width:100%}hr{border:0;border-bottom:1px solid var(--hr);height:1px;margin:80px auto}h1{font-family:"Paytone One",Arial,sans-serif;font-size:2em;line-height:1.2em}h2{color:var(--text-subline);font-size:1.1em;font-weight:800;line-height:1.5em;max-width:650px;margin:auto;opacity:.8;width:100%}h3{font-size:1.2em;line-height:1.5em;font-weight:800;text-align:left}h4{font-weight:800;text-align:left}p+h4,pre+h4{margin-top:60px}@media only screen and (width <= 800px){h3,h4{text-align:center}}p{text-align:left}.description{padding-bottom:40px}a,a:active,a:focus{color:var(--primary-color);font-weight:800;text-decoration:none}a:not(.github){text-decoration:underline}a:hover{color:var(--secondary-color);text-decoration:none}body.atcb-dark a,body.atcb-dark a:active,body.atcb-dark a:focus{color:var(--primary-color)}body.atcb-dark a:hover{color:var(--primary-color-light)}#tiny-version{color:var(--text-secondary);font-size:.9em;margin-top:30px}#legal{color:var(--text-secondary);font-size:.8em}#legal a{color:var(--text-secondary)}a.github,a.github:active,a.github:focus{background:#f5f5f5;border-radius:71% 29% 70% 30%/50% 66% 34% 50%;box-shadow:.5px .2px 3.4px -14px rgb(0 0 0 / 10%),1px .4px 9.5px -14px rgb(0 0 0 / 14%),1.8px .7px 22.9px -14px rgb(0 0 0 / 18%),5px 2px 76px -14px rgb(0 0 0 / 27%);color:var(--github);display:inline-block;padding:20px 25px;user-select:none}a.github:hover{background:linear-gradient(45deg,var(--secondary-color),var(--secondary-color-light));border-radius:67% 33% 66% 33%/45% 70% 30% 56%;box-shadow:.5px .2px 6.2px -4px rgb(0 0 0 / 13%),1px .4px 17.2px -4px rgb(0 0 0 / 18%),1.8px .7px 41.3px -4px rgb(0 0 0 / 35%),5px 2px 137px -4px rgb(0 0 0 / 36%);color:#fff;cursor:pointer}body.atcb-dark a.github,body.atcb-dark a.github:active,body.atcb-dark a.github:focus{color:var(--github)}body.atcb-dark a.github:hover{color:#fff}a.github svg{fill:var(--github)}a.github:hover svg{fill:#fff}#logo svg{height:auto;width:100%}#header a.github svg{fill:var(--primary-color-dark)}#header a.github:hover svg{fill:#fff}#header a.github,#header a.github:active,#header a.github:focus{color:var(--primary-color-dark)}#header a.github:hover{color:#fff}#logo{display:block;width:400px;padding:30px 0}@media (width <= 991px){#logo{width:300px;padding:0;margin:auto}}.light-mode-switch{background:0 0;cursor:pointer;border:0;display:flex;justify-content:center;margin:20px auto;padding:20px 0;-webkit-tap-highlight-color:transparent}#light-mode-switch-header{position:absolute;top:0;right:50px}.light-mode-switch div{position:relative;width:20px;height:20px;transition:transform .45s ease;border-radius:50%;background:var(--light-mode-switch)}.light-mode-switch div::before{content:"";position:absolute;width:6px;height:6px;left:50%;top:50%;transform:translateX(-50%) translateY(-50%);border-radius:50%;background:inherit;z-index:-1;opacity:0;transition:box-shadow .4s 0s ease}.light-mode-switch div::after{content:"";position:absolute;width:90%;height:90%;top:-20%;left:30%;border-radius:50%;background:var(--page-background);transition:transform .45s ease}body.atcb-dark .light-mode-switch div{transform:scale(.5)}#light-mode-switch-header.light-mode-switch div{background:var(--light-mode-switch-header)}body.atcb-dark .light-mode-switch div::before{opacity:1;box-shadow:0 -20px 0 0 var(--light-mode-switch),0 20px 0 0 var(--light-mode-switch),-20px 0 0 0 var(--light-mode-switch),20px 0 0 0 var(--light-mode-switch),15px 15px 0 0 var(--light-mode-switch),15px -15px 0 0 var(--light-mode-switch),-15px 15px 0 0 var(--light-mode-switch),-15px -15px 0 0 var(--light-mode-switch)}body.atcb-dark .light-mode-switch div::after{opacity:0;transition:background .45s ease;transform:translateX(50%) translateY(-50%)}#light-mode-switch-header div::after{background:var(--primary-color-light)}@media (width <= 991px){#light-mode-switch-header div::after{background:var(--primary-color)}}#header{background:var(--header-bg);box-shadow:var(--header-shadow);display:flex;justify-content:center;padding:0 25px 50px;margin-bottom:80px}#header-left{text-align:left}#header-right{margin:80px}.example{box-shadow:rgba(0 0 0 / 10%) 2px 5px 18px -1px,rgba(0 0 0 / 20%) 2px 2px 10px -3px;box-sizing:border-box;width:100%;text-align:center;margin:50px 0;background-color:var(--example-bg);padding:60px 40px}#tz-input-wrapper{box-sizing:border-box;width:100%;display:flex;justify-content:center;align-items:flex-end;padding-right:140px}#tz-input-wrapper svg.arrow{stroke:var(--secondary-color);margin-right:25px}#tz-output-wrapper{background-color:var(--example-background);border:1px solid var(--example-border);border-radius:6px;display:none;margin:50px auto 0;width:100%;max-width:550px}@media (width <= 991px){#header{background:linear-gradient(180deg,var(--primary-color),var(--primary-color),var(--primary-color-light));flex-direction:column}#header-left{margin-top:30px;text-align:center}#header-right{margin:80px 25px 30px}#tz-input-wrapper{padding-right:0}#tz-input-wrapper svg{display:none}}@media (width <= 575px){.example-wrapper{padding:0}.example{border-radius:0;padding:60px 30px}}code,pre{color:var(--example-color);background:0 0;font-family:"Fira Mono",Consolas,sans-serif;font-size:1em;text-align:left;white-space:pre-wrap;word-spacing:normal;word-break:break-all;word-wrap:normal;line-height:1.5;tab-size:4;hyphens:none}pre{padding:1em;margin:.5em;overflow:auto;font-size:.8em}:not(pre)>code,pre{background-color:var(--example-background)}#tz-output-wrapper pre+pre{margin-top:20px;border-top:1px solid var(--example-border)}.autocomplete-input{border:1px solid var(--example-border);box-shadow:rgba(0 0 0 / 10%) 2px 5px 18px -1px,rgba(0 0 0 / 40%) 2px 2px 10px -3px;border-radius:8px;font-family:Inter,Arial,sans-serif;width:280px;padding:12px 48px 12px 12px;box-sizing:content-box;position:relative;font-size:16px;line-height:1.5;flex:1;margin:1px;background-color:#eee;background-image:url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjNjY2IiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCI+PGNpcmNsZSBjeD0iMTEiIGN5PSIxMSIgcj0iOCIvPjxwYXRoIGQ9Ik0yMSAyMWwtNC00Ii8+PC9zdmc+');background-repeat:no-repeat;background-position:right 12px center}.autocomplete-input:hover{border-width:2px;margin:0}.autocomplete-input:focus,.autocomplete-input[aria-expanded=true]{border:2px solid var(--primary-color);background-color:#fff;outline:0;margin:0;box-shadow:rgba(0 0 0 / 30%) 2px 5px 18px -1px,rgba(0 0 0 / 35%) 2px 2px 10px -3px}[data-position=below] .autocomplete-input[aria-expanded=true]{border-radius:8px 8px 0 0;z-index:2}[data-position=above] .autocomplete-input[aria-expanded=true]{border-radius:0 0 8px 8px;z-index:2}.autocomplete[data-loading=true]::after{content:"";border:3px solid var(--primary-color);border-right:3px solid rgb(0 0 0 / 48%);border-radius:100%;width:20px;height:20px;position:absolute;right:12px;top:50%;transform:translateY(-50%);animation:rotate 1s infinite linear}.autocomplete-result-list{margin:0;border:2px solid var(--primary-color);padding:0;box-sizing:border-box;max-height:296px;overflow:hidden auto;background:#fff;color:#333;list-style:none;box-shadow:0 2px 2px rgb(0 0 0 / 16%)}.no-results .autocomplete-result-list,[data-position=below] .autocomplete-result-list{margin-top:-2px;border-top:0;border-radius:0 0 8px 8px;padding-bottom:8px}[data-position=above]:not(.no-results) .autocomplete-result-list{margin-bottom:-2px;border-bottom:0;border-radius:8px 8px 0 0;padding-top:8px}#tz-no-results{color:#666;display:none;position:absolute;font-style:italic;z-index:1;width:100%;top:100%}.no-results #tz-no-results{display:block}.no-results .autocomplete-input.focused{border-bottom-color:transparent;border-radius:8px 8px 0 0}.no-results .autocomplete-input:not(.focused)~#tz-no-results{display:none}.autocomplete-result{cursor:pointer;text-align:left;padding:12px}.autocomplete-result:not(.no-result):hover,.autocomplete-result[aria-selected=true]{background-color:var(--primary-color-light)}.autocomplete-result.no-result:hover{cursor:not-allowed}@keyframes rotate{from{transform:translateY(-50%) rotate(0)}to{transform:translateY(-50%) rotate(359deg)}}
/*# sourceMappingURL=demopage.min.css.map */