@font-face{font-family:"dana VF";src:url("../fonts/dana2webGX.woff") format("woff-variations"),url("../fonts/dana2webGX.woff") format("woff");font-display:fallback}@font-face{font-family:dana;src:url("../fonts/dana-regular.woff") format("woff")}@font-face{font-family:dana;src:url("../fonts/dana-bold.woff") format("woff");font-weight:700}body{font-size:16px}*{font-family:"Helvetica Neue",-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans",sans-serif}h1,h2,h3{letter-spacing:-1px}h1{font-weight:600}h2{font-weight:500}h3{font-weight:400}h4,h5,h6{line-height:2;font-variation-settings:"wght" 300}p{line-height:1.5;font-size:1.1em;font-variation-settings:"wght" 200}a{color:#09f}:root{--green: #66c3d0;--blue: #008dd2;--shadow: 0 0 20px 10px rgba(134, 134, 134, 0.05)}*{margin:0;padding:0;outline:none;transition:all .5s ease}*,*::before,*::after{box-sizing:border-box}html{-webkit-tap-highlight-color:rgba(0,0,0,0);scroll-behavior:smooth}body,html{width:100% !important;top:0 !important}body{background-color:#fffdfd;position:absolute !important}*:active,*:focus{outline:none}::selection{color:#f5f5f5;background-color:#201a1e}::-moz-selection{color:#f5f5f5;background-color:#201a1e}a,a:hover,a:active,a:focus{text-decoration:none}h1,h2,h3,h4,h5,h6{color:#802c6e}ul li{list-style:none}img{max-width:100%}@media only screen and (min-width: 768px){.reset-padding{padding:0 !important}.reset-margin{margin:0 !important}.reset-margin-top{margin-top:0 !important}.reset-margin-right{margin-right:0 !important}.reset-margin-left{margin-left:0 !important}.reset-margin-bottom{margin-bottom:0 !important}.reset-padding-top{padding-top:0 !important}.reset-padding-right{padding-right:0 !important}.reset-padding-left{padding-left:0 !important}.reset-padding-bottom{padding-bottom:0 !important}}.container{width:80%;margin-right:auto;margin-left:auto}@media only screen and (max-width:769px){.container{width:100%}}.container-fluid{width:90%;margin-right:auto;margin-left:auto}.row{width:100%;display:flex;flex-wrap:wrap;justify-content:space-between}[class^=col]{flex-grow:1;max-width:100%;padding:15px;min-height:1px;position:relative}.col{flex-basis:0}@media only screen and (max-width:769px){.col{flex-basis:100%}}.col-1{-ms-flex-preferred-size:8.3333333333%;max-width:8.3333333333%;flex-basis:8.3333333333%}.col-2{-ms-flex-preferred-size:16.6666666667%;max-width:16.6666666667%;flex-basis:16.6666666667%}.col-3{-ms-flex-preferred-size:25%;max-width:25%;flex-basis:25%}.col-4{-ms-flex-preferred-size:33.3333333333%;max-width:33.3333333333%;flex-basis:33.3333333333%}.col-5{-ms-flex-preferred-size:41.6666666667%;max-width:41.6666666667%;flex-basis:41.6666666667%}.col-6{-ms-flex-preferred-size:50%;max-width:50%;flex-basis:50%}.col-7{-ms-flex-preferred-size:58.3333333333%;max-width:58.3333333333%;flex-basis:58.3333333333%}.col-8{-ms-flex-preferred-size:66.6666666667%;max-width:66.6666666667%;flex-basis:66.6666666667%}.col-9{-ms-flex-preferred-size:75%;max-width:75%;flex-basis:75%}.col-10{-ms-flex-preferred-size:83.3333333333%;max-width:83.3333333333%;flex-basis:83.3333333333%}.col-11{-ms-flex-preferred-size:91.6666666667%;max-width:91.6666666667%;flex-basis:91.6666666667%}.col-12{-ms-flex-preferred-size:100%;max-width:100%;flex-basis:100%}@media only screen and (max-width:480px){.col-xs-1{-ms-flex-preferred-size:8.3333333333%;max-width:8.3333333333%;flex-basis:8.3333333333%}.col-xs-2{-ms-flex-preferred-size:16.6666666667%;max-width:16.6666666667%;flex-basis:16.6666666667%}.col-xs-3{-ms-flex-preferred-size:25%;max-width:25%;flex-basis:25%}.col-xs-4{-ms-flex-preferred-size:33.3333333333%;max-width:33.3333333333%;flex-basis:33.3333333333%}.col-xs-5{-ms-flex-preferred-size:41.6666666667%;max-width:41.6666666667%;flex-basis:41.6666666667%}.col-xs-6{-ms-flex-preferred-size:50%;max-width:50%;flex-basis:50%}.col-xs-7{-ms-flex-preferred-size:58.3333333333%;max-width:58.3333333333%;flex-basis:58.3333333333%}.col-xs-8{-ms-flex-preferred-size:66.6666666667%;max-width:66.6666666667%;flex-basis:66.6666666667%}.col-xs-9{-ms-flex-preferred-size:75%;max-width:75%;flex-basis:75%}.col-xs-10{-ms-flex-preferred-size:83.3333333333%;max-width:83.3333333333%;flex-basis:83.3333333333%}.col-xs-11{-ms-flex-preferred-size:91.6666666667%;max-width:91.6666666667%;flex-basis:91.6666666667%}.col-xs-12{-ms-flex-preferred-size:100%;max-width:100%;flex-basis:100%}}@media only screen and (max-width:769px){.col-sm-1{-ms-flex-preferred-size:8.3333333333%;max-width:8.3333333333%;flex-basis:8.3333333333%}.col-sm-2{-ms-flex-preferred-size:16.6666666667%;max-width:16.6666666667%;flex-basis:16.6666666667%}.col-sm-3{-ms-flex-preferred-size:25%;max-width:25%;flex-basis:25%}.col-sm-4{-ms-flex-preferred-size:33.3333333333%;max-width:33.3333333333%;flex-basis:33.3333333333%}.col-sm-5{-ms-flex-preferred-size:41.6666666667%;max-width:41.6666666667%;flex-basis:41.6666666667%}.col-sm-6{-ms-flex-preferred-size:50%;max-width:50%;flex-basis:50%}.col-sm-7{-ms-flex-preferred-size:58.3333333333%;max-width:58.3333333333%;flex-basis:58.3333333333%}.col-sm-8{-ms-flex-preferred-size:66.6666666667%;max-width:66.6666666667%;flex-basis:66.6666666667%}.col-sm-9{-ms-flex-preferred-size:75%;max-width:75%;flex-basis:75%}.col-sm-10{-ms-flex-preferred-size:83.3333333333%;max-width:83.3333333333%;flex-basis:83.3333333333%}.col-sm-11{-ms-flex-preferred-size:91.6666666667%;max-width:91.6666666667%;flex-basis:91.6666666667%}.col-sm-12{-ms-flex-preferred-size:100%;max-width:100%;flex-basis:100%}}@media only screen and (min-width:769px){.col-md-1{-ms-flex-preferred-size:8.3333333333%;max-width:8.3333333333%;flex-basis:8.3333333333%}.col-md-2{-ms-flex-preferred-size:16.6666666667%;max-width:16.6666666667%;flex-basis:16.6666666667%}.col-md-3{-ms-flex-preferred-size:25%;max-width:25%;flex-basis:25%}.col-md-4{-ms-flex-preferred-size:33.3333333333%;max-width:33.3333333333%;flex-basis:33.3333333333%}.col-md-5{-ms-flex-preferred-size:41.6666666667%;max-width:41.6666666667%;flex-basis:41.6666666667%}.col-md-6{-ms-flex-preferred-size:50%;max-width:50%;flex-basis:50%}.col-md-7{-ms-flex-preferred-size:58.3333333333%;max-width:58.3333333333%;flex-basis:58.3333333333%}.col-md-8{-ms-flex-preferred-size:66.6666666667%;max-width:66.6666666667%;flex-basis:66.6666666667%}.col-md-9{-ms-flex-preferred-size:75%;max-width:75%;flex-basis:75%}.col-md-10{-ms-flex-preferred-size:83.3333333333%;max-width:83.3333333333%;flex-basis:83.3333333333%}.col-md-11{-ms-flex-preferred-size:91.6666666667%;max-width:91.6666666667%;flex-basis:91.6666666667%}.col-md-12{-ms-flex-preferred-size:100%;max-width:100%;flex-basis:100%}}@media only screen and (min-width:992px){.col-lg-1{-ms-flex-preferred-size:8.3333333333%;max-width:8.3333333333%;flex-basis:8.3333333333%}.col-lg-2{-ms-flex-preferred-size:16.6666666667%;max-width:16.6666666667%;flex-basis:16.6666666667%}.col-lg-3{-ms-flex-preferred-size:25%;max-width:25%;flex-basis:25%}.col-lg-4{-ms-flex-preferred-size:33.3333333333%;max-width:33.3333333333%;flex-basis:33.3333333333%}.col-lg-5{-ms-flex-preferred-size:41.6666666667%;max-width:41.6666666667%;flex-basis:41.6666666667%}.col-lg-6{-ms-flex-preferred-size:50%;max-width:50%;flex-basis:50%}.col-lg-7{-ms-flex-preferred-size:58.3333333333%;max-width:58.3333333333%;flex-basis:58.3333333333%}.col-lg-8{-ms-flex-preferred-size:66.6666666667%;max-width:66.6666666667%;flex-basis:66.6666666667%}.col-lg-9{-ms-flex-preferred-size:75%;max-width:75%;flex-basis:75%}.col-lg-10{-ms-flex-preferred-size:83.3333333333%;max-width:83.3333333333%;flex-basis:83.3333333333%}.col-lg-11{-ms-flex-preferred-size:91.6666666667%;max-width:91.6666666667%;flex-basis:91.6666666667%}.col-lg-12{-ms-flex-preferred-size:100%;max-width:100%;flex-basis:100%}}.wrap{flex-wrap:wrap}.flex-end{justify-content:flex-end}.flex-start{justify-content:flex-start}.masonary{columns:18rem;gap:1rem;break-inside:avoid}.btn-outline,.btn-bordered-black,.btn-bordered-dark,.btn-bordered-light,.btn-bordered-muted,.btn-bordered-warning,.btn-bordered-success,.btn-bordered-danger,.btn-bordered-secondary,.btn-bordered-primary,.btn-light,.btn-yellow,.btn-black,.btn-secondary-light,.btn-secondary,.btn-primary,.btn-muted,.btn-warning,.btn-danger,.btn-success{padding:10px 40px;display:inline-flex;border-radius:100px;align-items:center}.btn-success{background-color:#00e988;color:#f5f5f5;border:1px solid #00e988}.btn-success:hover,.btn-success:focus,.btn-success:active{opacity:.8}.btn-danger{background-color:#a71e22;color:#f5f5f5;border:1px solid #a71e22}.btn-danger:hover,.btn-danger:focus,.btn-danger:active{opacity:.8}.btn-warning{background-color:#ffd30d;color:#201a1e;border:1px solid #ffd30d}.btn-warning:hover,.btn-warning:focus,.btn-warning:active{opacity:.8}.btn-muted{background-color:#a2a2a2;color:#201a1e;border:1px solid #a2a2a2}.btn-muted:hover,.btn-muted:focus,.btn-muted:active{opacity:.8}.btn-primary{background-color:#802c6e;color:#f5f5f5;border:1px solid #802c6e}.btn-primary:hover,.btn-primary:focus,.btn-primary:active{opacity:.8}.btn-secondary{background-color:#f7aa35;color:#f5f5f5;border:1px solid #f7aa35}.btn-secondary:hover,.btn-secondary:focus,.btn-secondary:active{opacity:.8}.btn-secondary-light{background-color:#ffddb5;color:#f5f5f5;border:1px solid #ffddb5}.btn-secondary-light:hover,.btn-secondary-light:focus,.btn-secondary-light:active{opacity:.8}.btn-black{background-color:#1b1b1b;color:#f5f5f5;border:1px solid #1b1b1b}.btn-black:hover,.btn-black:focus,.btn-black:active{opacity:.8}.btn-yellow{background-color:var(--yellow);color:#f5f5f5;border:1px solid var(--yellow)}.btn-yellow:hover,.btn-yellow:focus,.btn-yellow:active{opacity:.8}.btn-light{background-color:#f5f5f5;color:#802c6e;border:1px solid #f5f5f5}.btn-light:hover,.btn-light:focus,.btn-light:active{opacity:.8}.btn-bordered-primary{color:#802c6e;background-color:rgba(0,0,0,0)}.btn-bordered-secondary{color:#f7aa35;background-color:rgba(0,0,0,0)}.btn-bordered-danger{color:#a71e22;background-color:rgba(0,0,0,0)}.btn-bordered-success{color:rgb(0, 233, 136);background-color:rgba(0,0,0,0)}.btn-bordered-warning{color:rgb(255, 211, 13);background-color:rgba(0,0,0,0)}.btn-bordered-muted{color:rgb(162, 162, 162);background-color:rgba(0,0,0,0)}.btn-bordered-light{color:#f5f5f5;background-color:rgba(0,0,0,0)}.btn-bordered-dark{color:#201A1E;background-color:rgba(0,0,0,0)}.btn-bordered-black{color:rgb(27, 27, 27);background-color:rgba(0,0,0,0)}button[disabled]{background-color:#ccc;cursor:not-allowed}.btn-circle{width:50px;height:50px;border-radius:50%;padding-top:5px;background-color:#fff;border:none}.btn-icon{margin-bottom:-7px;background-color:rgba(0,0,0,0)}.btn-icon-invert{margin-bottom:-7px;filter:invert(100%)}.btn-outline{border:1px solid #802c6e;background-color:rgba(0,0,0,0);color:#802c6e}.btn-outline .btn-icon{position:relative;left:-5px}.btn-outline:hover,.btn-outline:focus,.btn-outline:active,.btn-outline.active{background-color:#802c6e;color:#fff}.btn-outline:hover .btn-icon,.btn-outline:focus .btn-icon,.btn-outline:active .btn-icon,.btn-outline.active .btn-icon{filter:invert(100%)}.btn-triangle{position:relative;float:left;margin-left:6%;margin-top:2%}.btn-triangle::after{content:"";width:0;height:0;border-radius:.25rem;border-top:20px solid rgba(0,0,0,0);border-bottom:20px solid rgba(0,0,0,0);border-right:20px solid var(--yellow);position:absolute;left:-26px;top:-3px}.btn-large{padding:16px 20px 12px}.btn-small{padding:6px 12px;border-radius:8px;font-size:.8rem;line-height:1}.btn-group{display:flex;gap:16px;margin-bottom:1rem}.btn-group button{background-color:rgba(0,0,0,0)}.btn-group button.active{background-color:#ffddb5;color:#201a1d}@media only screen and (max-width: 480px){.btn-group{overflow-x:auto;scrollbar-width:none}.btn-group::-webkit-scrollbar{display:none}}.shadow{box-shadow:0 10px 30px rgba(50,50,93,.12),0 -1px 4px rgba(0,0,0,.06);-webkit-box-shadow:0 10px 30px rgba(50,50,93,.12),0 -1px 4px rgba(0,0,0,.06)}.center-align{text-align:center}.left-align{text-align:left}.right-align{text-align:right}.justify-align{text-align:justify}.block{display:block;width:100%}.inline-block{display:inline-block}.center-block{display:block;margin-right:auto;margin-left:auto}.margin-auto{margin:0 auto}.box-center{position:absolute;left:50%;top:50%;transform:translate(-50%, -50%);-webkit-transform:translate(-50%, -50%);-moz-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);-o-transform:translate(-50%, -50%)}.pull-left{float:left !important}.pull-right{float:right !important}hr{border:unset;border-bottom:1px solid rgba(187,187,187,.2);width:100%;margin:30px auto}.label{display:inline-block;background:#f5f5f5;padding:5px 10px;border-radius:20px;-webkit-border-radius:20px;-moz-border-radius:20px;-ms-border-radius:20px;-o-border-radius:20px}.label-sm{font-size:.8em}.margin-top-xlg{margin-top:200px !important}.margin-top-lg{margin-top:100px !important}.margin-top-md{margin-top:50px !important}.margin-top-sm{margin-top:30px !important}.margin-bottom-lg{margin-bottom:100px !important}.margin-bottom-md{margin-bottom:50px !important}.margin-bottom-sm{margin-bottom:30px !important}.padding-lg{padding:100px}.padding-md{padding:20px}.padding-sm{padding:8px}main{min-height:80vh;padding-top:30px}main.docs{padding-top:0}.hidden{display:none}@media only screen and (max-width:769px){.hidden-xs{display:none}.visible-xs{display:block}}@media only screen and (min-width: 480px)and (max-width: 769px){.hidden-sm{display:none}.visible-sm{display:block}}@media only screen and (min-width: 769px)and (max-width: 992px){.hidden-md{display:none}.visible-md{display:block}}@media only screen and (min-width: 992px){.hidden-lg{display:none}.visible-lg{display:block}}.ck-editor__editable_inline{min-height:400px}[alt]{color:#fff}.justify-center{display:flex;justify-content:center}.justify-end{display:flex;justify-content:flex-end}.justify-start{display:flex;justify-content:flex-start;align-items:center;gap:16px}.align-center{align-items:center}.social{display:flex;justify-content:center}.stretched{align-items:stretch}#__next-prerender-indicator{display:none}#__next-build-watcher{display:none}@media only screen and (max-width: 769px){.reverse-xs{flex-direction:column-reverse}.margin-top-md-mob{margin-top:50px !important}.center-justify-xs{justify-content:center}}.exact-center{width:100%;height:100vh;display:flex;justify-content:center;align-items:center}.fixed{height:100vh;overflow:hidden}.body-fix{height:100vh;overflow:hidden}.bordered{border:1px solid #efdee6;border-radius:1rem;padding:2rem}@media only screen and (max-width: 480px){.bordered{padding:1rem}}.d-flex-column{display:flex;flex-direction:column;gap:8px}.divider{border:1px solid #efdee6}button,input[type=submit],input[type=button],textarea,select,input{border:none;padding:0 10px;font-size:1em}button:focus,textarea:focus,select:focus,input:focus{border-color:#1b1b1b}input{height:40px;margin-bottom:20px;width:30%}select{height:40px;margin-bottom:20px}textarea{margin-bottom:20px;width:97%}textarea::-moz-placeholder{line-height:6}textarea::-webkit-input-placeholder{line-height:6}textarea:-ms-input-placeholder{line-height:6}input[type=button]{cursor:pointer}input[type=submit]{cursor:pointer}button{display:inline-block;width:auto;cursor:pointer}::placeholder{color:#b8b7b7}input,button,textarea{appearance:none;-webkit-appearance:none;-moz-appearance:none}.form-element{position:relative;margin:30px auto}.flt-label{color:rgba(123,123,123,.7);position:absolute;top:5px;right:12px;font-size:.9em;cursor:text}.flt-label-focus{top:-15px;padding:2px;background-color:#fff;color:rgba(123,123,123,.5)}.no-block{width:unset}.red{color:red}input[readonly]{background-color:#ccc}.primary{background-color:#802c6e}.secondary{background-color:#f7aa35}.secondary-light{background-color:#ffddb5}.danger{background-color:#a71e22}.success{background-color:#00e988}.warning{background-color:#ffd30d}.muted{background-color:#a2a2a2}.light{background-color:#f5f5f5}.dark{background-color:#201a1e}.black{background-color:#1b1b1b}.white{background-color:#fff}.text-primary{color:#802c6e}.text-secondary{color:#f7aa35}.text-secondary-light{color:#ffddb5}.text-danger{color:#a71e22}.text-success{color:#00e988}.text-warning{color:#ffd30d}.text-muted{color:#a2a2a2}.text-light{color:#f5f5f5}.text-dark{color:#201a1e}.text-black{color:#1b1b1b}.text-white{color:#fff}.grayscale-max{filter:grayscale(100);-webkit-filter:grayscale(100)}.grayscale-semi-max{filter:grayscale(80);-webkit-filter:grayscale(80)}.grayscale-mid{filter:grayscale(50);-webkit-filter:grayscale(50)}.grayscale-min{filter:grayscale(30);-webkit-filter:grayscale(30)}.modalwrapper{width:100%;height:100vh;position:fixed;top:0;right:0;left:0;bottom:0;z-index:100;background-color:rgba(0,0,0,.7);display:none}.modal{width:80%;height:80vh;overflow:auto;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);border-radius:3px;z-index:99;background-color:#fff;padding:30px}.close{background-color:unset;border:unset;box-shadow:none;outline:none;float:right;font-size:2.2em;cursor:pointer}.hide{display:none}.block{display:block}table{width:100%;border-collapse:collapse}table tr td{border:1px solid rgba(123,123,123,.2);padding:10px}table a{margin:10px}table thead td{font-weight:500;background-color:#f5f5f5}nav{background-color:rgba(0,0,0,0);padding:10px;display:flex;align-items:center;justify-content:space-between}nav #menu-icon{display:none}@media only screen and (max-width: 768px){nav #menu-icon{background:rgba(0,0,0,0);border:none;outline:none;display:block;width:40px;height:40px;padding:10px;z-index:100}nav #menu-icon.open span:first-child{transform:rotate(-45deg) translate(-5px, 5px)}nav #menu-icon.open span:last-child{transform:rotate(45deg)}}nav #menu-icon span{display:block;width:100%;border-bottom:2px solid #333;margin-bottom:5px}nav ul{display:flex;justify-content:flex-end;position:relative}@media only screen and (max-width: 768px){nav ul{position:fixed;right:-100%;top:0;bottom:0;z-index:99;height:100vh;width:100%;background-color:#fff;flex-direction:column;justify-content:center;align-items:center}nav ul.open{right:0}}nav ul li{margin:30px}@media only screen and (max-width: 480px){nav ul li{margin-bottom:20px}}nav ul li a{text-decoration:none;color:#6e6e6e;font-size:.9em}nav ul li a:hover{color:initial}pre{width:100%}code{width:100%;background-color:#000;color:#fff;padding:16px;border-radius:8px;display:block;line-height:1.5;font-size:1em;font-weight:300;letter-spacing:2px}code:empty{padding:0}#try{background-color:#201a1d;margin-top:100px}#try code{overflow-x:auto;min-height:150px}#try h2{color:#fff;font-size:1.2rem;font-weight:400;color:#ffddb5}.c-comment{color:#bdbdbd}.c-api{color:#802c6e}.code-area h2{font-size:1.7em}.code-area h3{margin-top:50px;font-size:1.4em}@media screen and (max-width: 480px){.code-area h3{margin-top:30px}}pre code{overflow-x:auto}.tips{color:#f7aa35}.output-result{display:none}.block{display:block}.code-wrapper{position:relative}#copy-btn{position:absolute;right:10px;bottom:16px;color:#fff;width:32px;height:32px;border-radius:50%;background-color:#f7aa35;padding:5px}@media only screen and (max-width: 768px){.intro{margin-top:50px}}.intro h1{font-size:2.5em;color:#802c6e}.intro p{margin-bottom:20px;font-size:1rem}.intro .btns{display:flex;gap:24px}@media only screen and (max-width: 992px){.intro .btns{flex-direction:column;align-items:flex-start}}@media only screen and (max-width: 480px){.intro .btns{gap:16px}}@media only screen and (max-width: 480px){.intro .btns a{justify-content:space-between;font-size:.8em}.intro .btns a img{width:20px}}.sub-header{font-weight:300}section{margin-bottom:100px}@media only screen and (max-width: 768px){section:last-of-type{margin-bottom:0}}.intro-img{display:flex;flex-direction:row;justify-content:flex-end;align-items:flex-end}@media only screen and (max-width: 768px)and (min-width: 480px){.intro-img img{width:50%;display:block;margin:0 auto}}.about{width:80%;margin:100px auto;padding:0 36px;text-align:center}@media only screen and (max-width: 480px){.about{width:100%;padding:0}}.about h3{width:100%;font-size:1.4em}@media only screen and (max-width: 480px){.about h3{font-size:1.2em;text-align:left}}footer{padding:20px 50px;background-color:#fff8f9;color:#201a1e;font-weight:300}footer a{color:inherit}footer p{font-size:.9rem}@media only screen and (max-width: 768px){footer p{text-align:center !important}}.loading{display:block;margin:10px auto;width:70px;height:70px;border-radius:50%;background-color:#802c6e;animation:loading .8s ease infinite alternate}@keyframes loading{to{transform:scale(1.2)}}.list{width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center}.list li{width:70%;display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;text-align:left;background-color:#fff8f9;padding:16px;border-radius:16px}.list li .list-item-header{display:flex;flex-direction:column}.list li .list-item-header span{color:#a2a2a2;font-size:.8rem}.list li .list-item-subheader{text-align:right;font-size:.9rem}@media only screen and (max-width: 768px){.list li .list-item-subheader{width:30%;display:flex;flex-direction:column}}@media only screen and (max-width: 768px){.list li{width:100%}}.list li a{font-size:1.1em;color:#1b1b1b}.heading{width:100%;color:#802c6e;font-size:1.7em;margin-bottom:1rem}.heading svg{position:relative;bottom:-2px}.sub-heading{margin-bottom:2rem;font-size:1rem}@media only screen and (max-width: 768px){main{padding:30px}}.logo img{width:50px}@media only screen and (max-width: 768px){.logo{padding:30px}.logo img{width:35px}}aside{position:fixed !important;left:0;top:0;background-color:rgba(245,245,245,.8);height:100vh;overflow:auto}aside ul{padding:40px 30px}aside ul li{margin-bottom:20px}aside ul:last-child{padding-bottom:200px}#cart{margin-top:100px}.auto-overflow{height:100vh;overflow:auto}.social-card{border:1px solid #efdee6;border-radius:1rem;max-height:auto;overflow-y:auto;overflow-x:hidden;margin-bottom:1rem;position:relative}.social-card .avatar-wrapper{width:100%;background-color:#f5f5f5}.social-card .avatar-wrapper h3{font-size:1rem}.social-card .avatar-wrapper h4{font-size:.9rem}.social-card .avatar{width:48px;height:48px;border-radius:50%;object-fit:cover}.social-card h4{color:#4b4548}.social-card .content{color:#201a1e;text-align:left;font-size:.9rem;line-height:1.2;padding:8px;height:100%}.social-card .time{background-color:#f5f5f5;color:#201a1e;font-size:.8rem;padding:8px;text-align:right;position:sticky;bottom:0;left:0;right:0}.social-card .brand{width:24px}@media only screen and (min-width: 768px){.swiper::before{content:"";display:block;width:100px;height:100%;background:linear-gradient(to right, rgb(255, 255, 255), rgba(255, 255, 255, 0));position:absolute;left:0;top:0;z-index:100}.swiper::after{content:"";display:block;width:100px;height:100%;background:linear-gradient(to left, rgb(255, 255, 255), rgba(255, 255, 255, 0));position:absolute;right:0;top:0;z-index:100}}.swiper-wrapper{transition-timing-function:linear !important}.badge{padding:3px;border-radius:2px;background-color:#812c6f;color:#fff}