body{font-family:"Baloo Paaji 2",var(--bs-body-font-family)}.wrapper{min-height:100%;padding-top:57px}.spinners .spinner-container{height:360px;padding:10px;width:100%;position:relative;display:flex;align-items:center;justify-content:center;text-decoration:none;transition:.2s linear;overflow:hidden}.spinners a.section{text-decoration:none!important}.spinners .col{background-color:#00000000;transition:background-color .1s ease-in-out}.spinners .col:nth-child(odd){background-color:#0000001c}.spinners .col:hover{background-color:#0000002c}.min-spinners{width:calc(100% - 200px)}.side-sections{width:200px;position:relative;overflow:auto;z-index:2;min-height:calc(100vh - 57px)!important;border-right:0 solid #1c1c1c1c;box-shadow:4px 0 9px 0 #00000017}.side-sections .side-links-sections{position:absolute;width:100%;background-color:var(--bs-body-bg);z-index:1}.side-sections .side-links-sections a{width:100%}.list-group-item.section i{width:25px;margin-right:5px;text-align:center}.side-links-sections{border-bottom:1px solid #00000026;height:100%}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.fs-7{font-size:.9rem!important}.fs-8{font-size:.83rem!important}.fs-9{font-size:.75rem!important}.fs-10{font-size:.65rem!important}.fs-100{font-size:5rem!important}.fs-101{font-size:4rem!important}.fs-102{font-size:3rem!important}.fs-103{font-size:2rem!important}.fs-104{font-size:2.5rem!important}.fs-105{font-size:3rem!important}.fs-106{font-size:4rem!important}.fs-107{font-size:5rem!important}.fs-108{font-size:6rem!important}.fs-109{font-size:7rem!important}.navbar.navbar-header:before{background-color:#ffffffdb;content:"";position:absolute;top:0;left:0;right:0;bottom:0;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:-1}html[data-bs-theme=dark] .navbar.navbar-header:before{background-color:#212529db}nav.navbar.navbar-expand.fixed-top.navbar-header{border-bottom:1px solid #00000026;box-shadow:0 1px 4px 0 #00000026;height:57px}html[data-bs-theme=dark] nav.navbar.navbar-expand.fixed-top.navbar-header{border-bottom:1px solid #ffffff2b;box-shadow:0 1px 4px 0 #dddddd26}.navbar-header .navbar-logo .navbar-brand .CSSCraft:before{content:"";display:inline-block;width:160px;height:30px;background-image:url(/assets/img/logo/CSSCraft/light/csscraft.svg);background-size:cover;background-repeat:no-repeat}html[data-bs-theme=dark] .navbar-header .navbar-logo .navbar-brand .CSSCraft:before{background-image:url(/assets/img/logo/CSSCraft/dark/csscraft.svg)}.text-logo{font-family:var(--font-geist-sans)}.logo-text-css{color:var(--color-text-craft-secondary)}.logo-text-craft,.section .spinner-grow{color:var(--color-text-craft)}html[data-bs-theme=dark]{--color-text-craft:#ec0c0c;--color-text-craft-secondary:#ddd;--cc-color-text:#0c0c0c}html[data-bs-theme=light]{--color-text-craft:#ad0e0e;--color-text-craft-secondary:#3e3e3e;--cc-color-text:#f1f1f1}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#ddd;border-radius:10px;box-shadow:inset 0 0 5px rgba(0,0,0,.2)}::-webkit-scrollbar-thumb{background-color:#888;border-radius:10px;-webkit-transition:background-color .3s ease-in-out;transition:background-color .3s ease-in-out;box-shadow:inset 0 0 5px rgba(0,0,0,.3)}::-webkit-scrollbar-thumb:hover{background-color:#666}html[data-bs-theme=dark] ::-webkit-scrollbar-thumb{background-color:#5c1c1c;box-shadow:inset 0 0 5px rgba(0,0,0,.4)}html[data-bs-theme=dark] ::-webkit-scrollbar-thumb:hover{background-color:#6e0a0a}html[data-bs-theme=dark] ::-webkit-scrollbar-track{background-color:#636363;box-shadow:inset 0 0 5px hsla(0,0%,100%,.1)}:root{--icon-fill:#212529b3;--icon-fill-hover:#252525;--icon-fill-dark:#dee2e6;--icon-fill-dark-hover:#f0f0f0;--ease-3:cubic-bezier(0.4,0,0.2,1);--ease-elastic-3:cubic-bezier(0.34,1.56,0.64,1);--ease-elastic-4:cubic-bezier(0.23,1,0.32,1);--ease-out-5:cubic-bezier(0.17,0.67,0.83,0.67)}.btn-toggle-theme{border:0;background:0 0;background:transparent}.sun-and-moon>:is(.moon,.sun,.sun-beams){transform-origin:center}.sun-and-moon>:is(.moon,.sun){fill:var(--icon-fill)}.btn-toggle-theme:hover .sun-and-moon>:is(.moon,.sun){fill:var(--icon-fill-hover)}html[data-bs-theme=dark] .sun-and-moon>:is(.moon,.sun){fill:var(--icon-fill-dark)}html[data-bs-theme=dark] .btn-toggle-theme:hover .sun-and-moon>:is(.moon,.sun){fill:var(--icon-fill-dark-hover)}.sun-and-moon>.sun-beams{stroke:var(--icon-fill);stroke-width:2px}.btn-toggle-theme:hover .sun-and-moon>.sun-beams{stroke:var(--icon-fill-hover)}html[data-bs-theme=dark] .sun-and-moon>.sun{transform:scale(1.75)}html[data-bs-theme=dark] .sun-and-moon>.sun-beams{opacity:0}html[data-bs-theme=dark] .sun-and-moon>.moon>circle{transform:translateX(-7px)}label{outline:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.star-1,.star-2{opacity:0;transform:translate(-13px,5px);transition:opacity .5s ease-in-out,transform 1.5s ease-in-out}html[data-bs-theme=dark] .btn-toggle-theme:hover .star-1,html[data-bs-theme=dark] .btn-toggle-theme:hover .star-2{opacity:1;fill:var(--icon-fill-dark-hover)}html[data-bs-theme=dark] .star-1,html[data-bs-theme=dark] .star-2{opacity:1;fill:var(--icon-fill-dark)}html[data-bs-theme=dark] .star-1{transform:translate(-6px);animation:moveStar1 2s ease-in-out .5s forwards}html[data-bs-theme=dark] .star-2{transform:translate(-4px,-5px);animation:moveStar2 1.5s ease-in-out .5s forwards}@keyframes moveStar1{0%{transform:translate(-13px,5px)}to{transform:translate(-6px)}}@keyframes moveStar2{0%{transform:translate(-13px,5px)}to{transform:translate(-4px,-5px)}}@media (prefers-reduced-motion:no-preference){.sun-and-moon>.sun{transition:transform .5s var(--ease-elastic-3)}.sun-and-moon>.sun-beams{transition:transform .5s var(--ease-elastic-4),opacity .5s var(--ease-3)}.sun-and-moon .moon>circle{transition:transform .25s var(--ease-out-5)}html[data-bs-theme=dark] .sun-and-moon>.sun{transition-timing-function:var(--ease-3);transition-duration:.25s;transform:scale(1.75)}html[data-bs-theme=dark] .sun-and-moon>.sun-beams{transition-duration:.15s;transform:rotate(-225deg)}html[data-bs-theme=dark] .sun-and-moon>.moon>circle{transition-duration:.5s;transition-delay:.15s}}.anim-mode .switch-mode-background:after{content:" ";position:absolute;z-index:-1;width:0;height:0;background-color:var(--anim-page-mode-background,#212529);border-radius:50%;top:50%;left:50%;transition:all .3s ease-out}.anim-mode.active .switch-mode-background:after{background-color:var(--anim-page-mode-background,#212529);width:100%;height:100%;border-radius:0;top:0;left:0;transform:translate(0)}html[data-bs-theme=dark] .anim-mode.active .switch-mode-background:after{content:" ";position:absolute;z-index:-1;width:0;height:0;background-color:var(--anim-page-mode-background,#fff);border-radius:50%;top:50%;left:50%;transition:all .3s ease-out}html[data-bs-theme=dark] .anim-mode .switch-mode-background:after{background-color:var(--anim-page-mode-background,#fff);width:100%;height:100%;border-radius:0;top:0;left:0;transform:translate(0)}html[data-bs-theme=dark]{--anim-page-mode-background:#fff}.animation-model .switch-mode-container .dark-mode-label,.animation-model .switch-mode-container .light-mode-label{line-height:14px}.animation-model .switch-mode-container label.btn-color-mode-switch-inner{font-size:12px;color:#424242;font-weight:500;cursor:pointer}.btn-color-mode-switch{display:inline-block;margin:0;position:relative}.animation-model .btn-color-mode-switch>label.btn-color-mode-switch-inner{margin:0;width:103px;height:24px;background:#e0e0e0;border-radius:26px;overflow:hidden;position:relative;transition:all .3s ease;display:block}.animation-model .btn-color-mode-switch>label.btn-color-mode-switch-inner:before{content:attr(data-on);position:absolute;font-size:12px;font-weight:500;top:4px;right:20px}.animation-model .btn-color-mode-switch>label.btn-color-mode-switch-inner:after{content:attr(data-off);width:50px;height:calc(100% - 4px);background:#fff;border-radius:26px;position:absolute;left:2px;top:2px;text-align:center;transition:all .3s ease;box-shadow:0 0 6px -2px #111;padding:1px 0}.animation-model .btn-color-mode-switch input[type=checkbox]{cursor:pointer;width:50px;height:25px;opacity:0;position:absolute;top:0;z-index:1;margin:0}.animation-model .btn-color-mode-switch input[type=checkbox]:checked+label.btn-color-mode-switch-inner{background:#151515;color:#fff}.animation-model .btn-color-mode-switch input[type=checkbox]:checked+label.btn-color-mode-switch-inner:after{content:attr(data-on);left:52px;background:#3c3c3c}.animation-model .btn-color-mode-switch input[type=checkbox]:checked+label.btn-color-mode-switch-inner:before{content:attr(data-off);right:auto;left:20px}.animation-model .preview-animation-page .dark-mode-label,.animation-model .preview-animation-page.active .light-mode-label{color:#bbb;text-shadow:none;transition:all .5s ease-in-out}.animation-model .preview-animation-page .light-mode-label{color:orange;text-shadow:0 0 11px orange}.animation-model .preview-animation-page.active .dark-mode-label{color:#fff;text-shadow:0 0 11px #fff}html[data-bs-theme=light] .animation-model .preview-animation-page.active .dark-mode-label{color:#252525;text-shadow:0 0 11px #fff}.pointer{cursor:pointer}.dropdown-menu{padding:.25rem}.dropdown-menu .dropdown-item{border-radius:.25rem}.css-craft-loader{position:absolute;inset:0;display:flex;justify-content:center;align-items:center;text-align:center}.css-craft-loader>div{position:absolute}.css-craft-loader>div:first-child{width:120px;height:120px;border-radius:50%;box-shadow:var(--cc-loader-box-shadow-base)}.css-craft-loader>div:nth-child(2){width:60px;height:120px;left:50%;top:50%;margin-left:-60px;margin-top:-60px;overflow:hidden;transform-origin:60px 60px;-webkit-mask-image:var(--cc-webkit-mask-image);mask-image:var(--cc-mask-image);animation:rotate 1.2s linear infinite}.css-craft-loader>div:nth-child(2)>div{width:120px;height:120px;border-radius:50%;box-shadow:var(--cc-loader-box-shadow)}.css-craft-loader>div:nth-child(3){position:absolute;top:50%;left:50%;width:60px;height:60px;transform:translate(-50%,-50%);background:var(--cc-loader-background-image);background-size:contain}html[data-bs-theme=dark]{--cc-webkit-mask-image:-webkit-linear-gradient(top,#fff,transparent);--cc-mask-image:linear-gradient(180deg,#fff,transparent);--cc-loader-box-shadow-base:inset 0 0 0 1px hsla(0,0%,100%,.1);--cc-loader-box-shadow:inset 0 0 0 1px hsla(0,0%,100%,.5);--cc-loader-background-image:url(/assets/img/logo/dark/logo.svg) no-repeat center}html[data-bs-theme=light]{--cc-webkit-mask-image:-webkit-linear-gradient(top,#000,transparent);--cc-mask-image:linear-gradient(180deg,#000,transparent);--cc-loader-box-shadow-base:inset 0 0 0 1px rgba(0,0,0,.1);--cc-loader-box-shadow:inset 0 0 0 1px rgba(0,0,0,.5);--cc-loader-background-image:url(/assets/img/logo/light/logo.svg) no-repeat center}@keyframes rotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}#animModel .modal-footer{display:flex;align-items:center;justify-content:center}#animModel .modal-dialog.custom-modal{width:100%!important;max-width:712px!important}.footer-anim-ads{padding:0;margin:0;display:flex;align-items:center;justify-content:center}#animModel .modal-footer .adsbygoogle{display:inline-block;padding:5px 5px 0;min-width:700px;max-width:710px;overflow:hidden;border-top:var(--bs-modal-footer-border-width) solid var(--bs-modal-footer-border-color);max-height:90px;min-height:90px;height:100px;margin-bottom:-10px}.animation-item{min-height:300px;height:300px}.animation-item,.header-animation{display:flex;justify-content:space-between;width:100%}.header-animation{height:50px;align-items:center;z-index:1}.animation-item-left,.animation-item-right,.header-animation-left,.header-animation-right{width:calc(100% - 5px);height:100%;padding:0;position:relative;max-width:355px;overflow:hidden;z-index:0}.animation-page-preview{transition:transform .3s ease-in-out}.animation-item-right{display:flex;align-items:center;justify-content:center}.animation-item.page-review{display:flex;justify-content:space-between;min-height:300px;height:500px;width:100%}.animation-item-right-review{display:flex;align-items:center;justify-content:center;flex-direction:column;width:100%}.animation-item.page-review .animation-page-preview{display:flex;align-items:center;justify-content:center;flex-direction:column;height:50%}.animation-item.page-review .animation-page-preview.light-mode{background-color:#fff;width:100%;position:relative}.animation-item.page-review .animation-page-preview.dark-mode{background-color:#212529;width:100%;position:relative}.container-review-page .header-animation-right,html[data-bs-theme=dark] .container-review-page .header-animation-right{border-color:transparent!important}.animation-item.page-review .animation-item-left{max-width:100%}.header-animation-left nav{width:100%;bottom:0;position:absolute}.header-animation-right{display:flex;align-items:center;border-color:#dee2e6!important;border-bottom-width:1px;border-bottom-style:solid;transition:border-color .5s ease-in-out;justify-content:center}html[data-bs-theme=dark] .header-animation-right{border-color:#495057!important;transition:border-color .5s ease-in-out}.el-btn-close-animation{position:absolute;top:-.7em;right:-.7em}.el-btn-close-animation .btn-close-anim{background-color:#1b1822;color:#fff;width:30px;height:30px;display:flex;justify-content:center;align-items:center;font-size:1rem}.el-btn-close-animation .btn-close-anim:hover,html[data-bs-theme=dark] .el-btn-close-animation .btn-close-anim{background-color:#e03131}html[data-bs-theme=dark] .el-btn-close-animation .btn-close-anim:hover{background-color:#df1616}.delta-center-anim{max-height:100%;position:relative;width:3px;background-color:#4e4e4e31;background:radial-gradient(ellipse closest-side,#62626252,#ffffff00);height:calc(100vh - 80px);display:flex;justify-content:center}.btn.btn-copy-anim-code{position:absolute;top:-50px;right:22px;background-color:var(--color-text-craft-secondary);padding:3px 8px;opacity:.9;color:var(--cc-color-text);transition:top .3s ease-in-out,opacity .3s ease-in-out}.btn.btn-copy-anim-code:active,.btn.btn-copy-anim-code:focus,.btn.btn-copy-anim-code:hover,:not(.btn-check)+.btn.btn-copy-anim-code:active{background-color:var(--color-text-craft-secondary);opacity:1;color:var(--cc-color-text)}.animation-item-left:hover .btn.btn-copy-anim-code{top:8px;animation:bounce .3s ease-in-out}@keyframes bounce{0%{top:-50px}30%{top:10px}50%{top:-2px}70%{top:1px}to{top:8px}}.tags-anim .item{display:inline-flex;background-color:var(--bs-secondary-bg);color:var(--bs-text-dark);font-family:var(--bs-body-font-family);font-weight:var(--bs-body-font-weight);padding:2px 6px;margin:1px;gap:32px;border-radius:5px;overflow:auto;line-height:20px;font-size:.7rem;cursor:pointer;transition:background-color .1s ease-in-out}.tags-anim .item:hover{background-color:var(--bs-info);color:var(--bs-text-dark)}.animation-item-left .tab-content>.active{overflow:auto}.custom-title-header,.follow-publisher-header{position:relative}.custom-title-header .text-title,.follow-publisher-header .publisher-follow{top:0;left:0;position:relative;padding-right:.5rem;width:-moz-fit-content;width:fit-content;line-height:24px;background-color:var(--bs-body-bg)}.custom-title-header .border-bottom,.follow-publisher-header .border-bottom{top:13px;width:100%;left:0;position:absolute}.custom-title-header .border-bottom{width:calc(100% - 20px);margin-left:20px}.custom-tooltip .tooltip-inner{font-size:.7rem}.custom-tooltip-viewInfo .tooltip-inner{max-width:300px;width:100%}.animation-model .modal-dialog{position:fixed!important;top:50%!important;left:50%!important;transform:translate(-50%,-50%)!important;min-height:auto!important;z-index:1055}.modal.fade.animation-model .modal-dialog{transform:translateY(-50px);transition:transform .3s ease-out,opacity .3s ease-out;opacity:0}.modal.show.animation-model .modal-dialog{transform:translateY(0);opacity:1}ins.adsbygoogle[data-ad-status=unfilled]{display:none!important}.btns-anim-actions{position:absolute;top:10px;right:0;padding:0;margin:0;opacity:0;transition:all .3s ease-in-out}.btns-anim-actions .btn{width:30px;height:30px;z-index:1;display:flex;justify-content:center;align-items:center;position:absolute;padding:0!important;color:#212529;right:-30px;transition:all .2s ease-in-out}.dark-mode.btns-anim-actions .btn{color:#dee2e6}.btns-anim-actions .btn.favorite-btn{top:0;transition-delay:0}.btns-anim-actions .btn.edit-btn{top:32px;transition-delay:.07s}.animation-model .modal-dialog:hover .btns-anim-actions{right:5px;opacity:1}.animation-model .modal-dialog:hover .btns-anim-actions .btn.edit-btn,.animation-model .modal-dialog:hover .btns-anim-actions .favorite-btn{right:0}[data-bs-theme=dark] .animation-model #nav-css-tab.active,[data-bs-theme=dark] .animation-model #nav-html-tab.active,[data-bs-theme=dark] .animation-model #nav-js-tab.active{background-color:#1e1e1e;border-bottom-color:transparent}.animation-model #nav-css-tab i{color:#0693ff}.animation-model #nav-html-tab i{color:#e74d4d}.animation-model #nav-js-tab i{color:#eb7120}