/*! Theme Name: Autonomotools Description: Custom WordPress theme for Autonomotools.com Version: 1.0 Author: Autonomotools Author URI: https://autonomotools.com Text Domain: autonomotools */@import "../../public/assets/autonomotools/fonts/pekkasmartfont/index.css";body.style-0 .banner{background-color:#ffedb8;background-color:#fc5f06;color:rgba(0,0,0,0.6);box-shadow:inset 0 -2px 4px rgba(0,0,0,0.1)}body.style-0 .banner a{color:rgba(0,0,0,0.6);border-color:rgba(0,0,0,0.6)}body.style-0 ul.main a{color:#db302f !important}body.style-0 .page-head h1{color:#db302f}body.style-0 h1.title{color:#db302f}body.style-0 h2.title{color:#db302f}body.style-0 h3.title{color:#db302f}body.style-1{background-image:radial-gradient(at 1% 14%, #fff 0, transparent 69%),radial-gradient(at 61% 90%, rgba(103,232,249,0.1) 0, transparent 48%),radial-gradient(at 38% 94%, rgba(207,250,254,0.5) 0, transparent 59%),radial-gradient(at 99% 0%, rgba(214,255,251,0.3) 0, transparent 100%)}body.style-1 .page-head h1{color:#db302f}body.style-1 h1.title{color:#db302f}body.style-1 h1.title.gradient-1{@apply bg-gradient-to-r from-blue-500 via-pink-500 to-yellow-500 text-transparent bg-clip-text bg-clip-content;}body.style-1 h2.title{color:#db302f}body.style-1 h3.title{color:#db302f}.gradient-1{background:linear-gradient(45deg, #f44336, #ff5722, #ff9800, #ffc107, #ffeb3b);background:-webkit-linear-gradient(45deg, #f44336, #ff5722, #ff9800, #ffc107, #ffeb3b);background:-moz-linear-gradient(45deg, #f44336, #ff5722, #ff9800, #ffc107, #ffeb3b);background:-o-linear-gradient(45deg, #f44336, #ff5722, #ff9800, #ffc107, #ffeb3b);@apply text-transparent underline bg-clip-text bg-clip-content;}.gradient.gradient-clip-text{@apply bg-clip-text bg-clip-content;}.gradient.gradient-direction-vertical{@apply bg-gradient-to-b;}.gradient.gradient-default{@apply bg-gradient-to-b underline from-[#ff6e10] to-[#fbc520] text-transparent;transition:all .8s ease}.gradient.gradient-default:hover{@apply bg-gradient-to-b underline from-[#ff9951] to-[#fcd45e] text-transparent;}.gradient.gradient-default-dark{@apply bg-gradient-to-b underline from-[#ff6e10] to-[#ff8b40] text-transparent;transition:all .8s ease}.gradient.gradient-default-dark:hover{@apply bg-gradient-to-b underline from-[#ff9951] to-[#fcd45e] text-transparent;}.gradient.gradient-text{@apply bg-gradient-to-r from-[#fbc520] via-yellow-200 to-[#ff6e10];}.gradient.gradient-darker{@apply bg-gradient-to-b from-[#fbc520] via-yellow-200 to-[#ff6e10];}.gradient.gradient-dark{@apply bg-gradient-to-b from-[#db302f] to-[#f23534];}.gradient.gradient-direction-circles{background:radial-gradient(circle at 10% 20%, #fbc520 40%, transparent 60%),radial-gradient(circle at 70% 120%, #fbc520 55%, transparent 75%),radial-gradient(circle at 90% 40%, #fc5f06 48%, transparent 98%);background-size:100% 100%;background-blend-mode:overlay}.light-blue-lava{background-image:radial-gradient(at 1% 14%, #fff 0, transparent 69%),radial-gradient(at 61% 90%, rgba(103,232,249,0.1) 0, transparent 48%),radial-gradient(at 38% 94%, rgba(207,250,254,0.5) 0, transparent 59%),radial-gradient(at 99% 0%, rgba(214,255,251,0.3) 0, transparent 100%);background-size:100vw 100vh}.light-blue-lava .page-head h1{color:#db302f}.light-blue-lava h1.title{color:#db302f}.light-blue-lava h1.title.gradient-1{@apply bg-gradient-to-r from-blue-500 via-pink-500 to-yellow-500 text-transparent bg-clip-text bg-clip-content;}.light-blue-lava h2.title{color:#db302f}.light-blue-lava h3.title{color:#db302f}.gradient-sea{background:radial-gradient(circle at 20% 30%, rgba(94,230,218,0.1875) 0%, rgba(64,224,208,0.1875) 20%, transparent 40%),linear-gradient(45deg, rgba(64,255,255,0.1875) 0%, rgba(0,255,255,0.1875) 30%, transparent 60%),radial-gradient(ellipse at 70% 60%, rgba(159,255,223,0.1875) 0%, rgba(127,255,212,0.1875) 40%, transparent 70%),linear-gradient(-45deg, rgba(232,255,255,0.1875) 0%, rgba(224,255,255,0.1875) 50%, transparent 80%),radial-gradient(circle at 90% 90%, rgba(255,255,255,0.1875) 0%, rgba(255,255,255,0.1875) 30%, transparent 50%)}.gradient-sea-lighter{background:radial-gradient(circle at 20% 30%, rgba(94,230,218,0.09375) 0%, rgba(64,224,208,0.09375) 20%, transparent 40%),linear-gradient(45deg, rgba(64,255,255,0.09375) 0%, rgba(0,255,255,0.09375) 30%, transparent 60%),radial-gradient(ellipse at 70% 60%, rgba(159,255,223,0.09375) 0%, rgba(127,255,212,0.09375) 40%, transparent 70%),linear-gradient(-45deg, rgba(232,255,255,0.09375) 0%, rgba(224,255,255,0.09375) 50%, transparent 80%),radial-gradient(circle at 90% 90%, rgba(255,255,255,0.09375) 0%, rgba(255,255,255,0.09375) 30%, transparent 50%)}.gradient-sky{background:radial-gradient(circle at 20% 30%, rgba(219,252,249,0.1875) 0%, rgba(200,245,240,0.1875) 50%, transparent 40%),linear-gradient(45deg, rgba(219,255,249,0.1875) 0%, rgba(200,245,240,0.9875) 30%, transparent 60%),radial-gradient(ellipse at 70% 60%, rgba(219,252,249,0.1875) 0%, rgba(200,245,240,0.1875) 40%, transparent 70%),linear-gradient(-45deg, rgba(232,255,255,0.1875) 0%, rgba(219,252,249,0.1875) 50%, transparent 80%),radial-gradient(circle at 90% 90%, rgba(255,255,255,0.1875) 0%, rgba(219,252,249,0.4875) 30%, transparent 50%)}section.about{@apply bg-white;}.blur-background{@apply opacity-10 bg-white;position:relative;z-index:45;transition:all 200ms}.no-transition{transition:none !important}@keyframes spin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}#rays{background:url(rays.png) 0 0 no-repeat;position:absolute;top:-100px;left:-100px;width:490px;height:490px;animation-name:spin;animation-duration:40000ms;animation-iteration-count:infinite;animation-timing-function:linear}@keyframes hoverEffect{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}.hovering-element{animation:hoverEffect 4s ease-in-out infinite}div#body-wrapper{display:flex;flex-direction:column;min-height:100vh}div#body-wrapper #page-wrapper{flex-grow:1}section.page-head{@apply text-center mt-1 md:mt-2 p-0 md:p-6 relative;}section.buttons{@apply text-center mt-6 mb-6;}.default-content-width{@apply p-6 w-auto mx-6 lg:mx-auto lg:w-[1080px] xl:w-[1080px];}.default-content-width.expand-on-big-screens{@apply 2xl:w-[75%];}.nopadding{@apply p-0;}.layout-border-box-default{@apply border-solid border-2 border-[#db302f] rounded-xl shadow-xl bg-white;}.tab-box{@apply p-6 w-auto mx-6 lg:mx-auto lg:w-[1080px] xl:w-[1080px];}.tab-box.expand-on-big-screens{@apply 2xl:w-[75%];}.tab-box:not(.noborder){@apply border-solid border-2 border-gray-300 rounded-xl shadow-xl bg-white;}.hero section.teaser{@apply text-xl font-normal;font-weight:bold;letter-spacing:0;font-family:'basier_squaremedium',sans-serif;letter-spacing:0em;font-weight:normal;color:#710000}.hero section.teaser a{@apply underline hover:text-orange-600;}.hero h2.subtitle{@apply mt-0 p-0 m-0 text-4xl font-black app-font-regular font-pekka;color:#710000}.hero h2.subtitle strong{@apply text-5xl text-orange-600;@apply bg-gradient-to-b underline from-[#ff6e10] to-[#fbc520] text-transparent;transition:all .8s ease;@apply bg-clip-text bg-clip-content;@apply bg-gradient-to-r from-[#fbc520] via-yellow-200 to-[#ff6e10];}.hero h2.subtitle strong.gradient-clip-text{@apply bg-clip-text bg-clip-content;}.hero h2.subtitle strong.gradient-direction-vertical{@apply bg-gradient-to-b;}.hero h2.subtitle strong.gradient-default{@apply bg-gradient-to-b underline from-[#ff6e10] to-[#fbc520] text-transparent;transition:all .8s ease}.hero h2.subtitle strong.gradient-default:hover{@apply bg-gradient-to-b underline from-[#ff9951] to-[#fcd45e] text-transparent;}.hero h2.subtitle strong.gradient-default-dark{@apply bg-gradient-to-b underline from-[#ff6e10] to-[#ff8b40] text-transparent;transition:all .8s ease}.hero h2.subtitle strong.gradient-default-dark:hover{@apply bg-gradient-to-b underline from-[#ff9951] to-[#fcd45e] text-transparent;}.hero h2.subtitle strong.gradient-text{@apply bg-gradient-to-r from-[#fbc520] via-yellow-200 to-[#ff6e10];}.hero h2.subtitle strong.gradient-darker{@apply bg-gradient-to-b from-[#fbc520] via-yellow-200 to-[#ff6e10];}.hero h2.subtitle strong.gradient-dark{@apply bg-gradient-to-b from-[#db302f] to-[#f23534];}.hero h2.subtitle strong.gradient-direction-circles{background:radial-gradient(circle at 10% 20%, #fbc520 40%, transparent 60%),radial-gradient(circle at 70% 120%, #fbc520 55%, transparent 75%),radial-gradient(circle at 90% 40%, #fc5f06 48%, transparent 98%);background-size:100% 100%;background-blend-mode:overlay}.hero h2.subtitle strong:hover{@apply bg-gradient-to-b underline from-[#ff9951] to-[#fcd45e] text-transparent;}footer{position:relative;box-shadow:inset 0 15px 15px -15px rgba(0,0,0,0.3);border-top:3px solid #db302f;@apply mt-32;}footer::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background-image:url(/public/assets/autonomotools/images/footer-bg.jpg);background-size:cover;opacity:1;z-index:-1}footer a{@apply hover:text-[#ff6900] hover:font-bold hover:underline;}footer .author a{@apply text-2xl text-[#db302f] underline rounded-xl p-2;font-family:basier_squarebold}footer .author p{@apply mt-4;}footer .wrapper{text-align:center}footer .wrapper section.footer-card{display:inline-block;@apply text-2xl pt-0 pb-0;}footer .wrapper section.footer-card a{@apply text-2xl text-[#db302f] bg-white border-2 underline border-gray-300 rounded-xl p-2 nopadding inline-block;font-family:basier_squarebold}footer .wrapper section.footer-card p{@apply pt-2;}footer img.portrait{display:inline;border-radius:50%;height:2em;border:2px #CCC solid;@apply shadow-lg;}*{margin:0;padding:0;box-sizing:border-box}body{font-family:'basier_squareregular',sans-serif !important;overflow-y:scroll}body::before{content:'';position:absolute;top:0;right:0;bottom:0;left:0;background-size:cover, 50%;background-repeat:no-repeat,repeat;transition:opacity 200ms ease-in-out;z-index:-1}body.blurred-background:before{opacity:0}body main>.wrapper{width:auto;margin-top:-1em;position:relative}body main>.wrapper .bg{z-index:-1;position:absolute;left:0px;top:0px;right:0px;background-size:cover;background-color:transparent}.app-font-bold{font-family:'basier_squaremedium',sans-serif;font-weight:bold;letter-spacing:0}.app-font-regular{font-family:'basier_squaremedium',sans-serif;letter-spacing:0em;font-weight:normal}.app-font-thin{font-family:'basier_squareregular',sans-serif;letter-spacing:0em;font-weight:lighter}h1.title{font-family:'basier_squaremedium',sans-serif;font-weight:bold;letter-spacing:0;line-height:80%;color:#db302f;@apply text-5xl block md:text-6xl align-middle;}h1.title.size-mid{@apply text-4xl md:text-4xl;}h1.title.left{@apply text-left;}h1.title.right{@apply text-right;}h1.title strong{@apply bg-gradient-to-b underline from-[#ff6e10] to-[#fbc520] text-transparent;transition:all .8s ease;@apply bg-clip-text bg-clip-content;@apply bg-gradient-to-r from-[#fbc520] via-yellow-200 to-[#ff6e10];}h1.title strong.gradient-clip-text{@apply bg-clip-text bg-clip-content;}h1.title strong.gradient-direction-vertical{@apply bg-gradient-to-b;}h1.title strong.gradient-default{@apply bg-gradient-to-b underline from-[#ff6e10] to-[#fbc520] text-transparent;transition:all .8s ease}h1.title strong.gradient-default:hover{@apply bg-gradient-to-b underline from-[#ff9951] to-[#fcd45e] text-transparent;}h1.title strong.gradient-default-dark{@apply bg-gradient-to-b underline from-[#ff6e10] to-[#ff8b40] text-transparent;transition:all .8s ease}h1.title strong.gradient-default-dark:hover{@apply bg-gradient-to-b underline from-[#ff9951] to-[#fcd45e] text-transparent;}h1.title strong.gradient-text{@apply bg-gradient-to-r from-[#fbc520] via-yellow-200 to-[#ff6e10];}h1.title strong.gradient-darker{@apply bg-gradient-to-b from-[#fbc520] via-yellow-200 to-[#ff6e10];}h1.title strong.gradient-dark{@apply bg-gradient-to-b from-[#db302f] to-[#f23534];}h1.title strong.gradient-direction-circles{background:radial-gradient(circle at 10% 20%, #fbc520 40%, transparent 60%),radial-gradient(circle at 70% 120%, #fbc520 55%, transparent 75%),radial-gradient(circle at 90% 40%, #fc5f06 48%, transparent 98%);background-size:100% 100%;background-blend-mode:overlay}h1.title strong:hover{@apply bg-gradient-to-b underline from-[#ff9951] to-[#fcd45e] text-transparent;}h1.title.home{display:inline;text-align:left;font-weight:normal}h1.title.smaller{@apply text-5xl;}h2.title{line-height:3.4rem;font-family:'basier_squaremedium',sans-serif;font-weight:bold;letter-spacing:0;@apply text-3xl block md:text-5xl align-middle text-center;}p.disclaimer{@apply p-6 bg-gradient-to-b from-red-50 via-red-100 to-red-100;}p.description{@apply p-6 text-xl;}h3.title{line-height:4.2rem;font-family:'basier_squaremedium',sans-serif;letter-spacing:0em;font-weight:normal;@apply text-2xl block md:text-3xl align-middle text-center;}.font-pekka{font-family:"pekka_smartfontweregular",sans-serif}a.hints{@apply px-1 text-lg text-green-500 hover:text-green-700 rounded-sm underline ml-2 cursor-pointer decoration-dotted;}span.line{@apply px-3;line-height:1.2em;@apply bg-white rounded-lg;}main p{@apply pb-6;}main h3{color:#db302f;font-family:'basier_squaremedium',sans-serif;font-weight:bold;letter-spacing:0;@apply pb-6;}main ul{@apply pr-6 pb-12 pt-2 space-y-4;list-style-type:none}main ul li{@apply relative pl-8;}main ul li::before{content:"ยป";font-family:"pekka_smartfontweregular",sans-serif;@apply absolute left-0 text-4xl text-gray-600;color:#db302f}.box{@apply border-solid border-2 border-[#db302f] rounded-xl shadow-xl bg-white;@apply p-6 w-auto mx-6 lg:mx-auto lg:w-[1080px] xl:w-[1080px];}.box.expand-on-big-screens{@apply 2xl:w-[75%];}form.dialog label{@apply w-1/5 px-0 mx-0 mr-0 !important;}form.dialog input,form.dialog select{@apply w-3/5 !important;}form.dialog .row{@apply even:bg-transparent mb-2;}form.nopadding{@apply px-0;}form [type='text'],form [type='email'],form [type='url'],form [type='password'],form [type='number'],form [type='date'],form [type='datetime-local'],form [type='month'],form [type='search'],form [type='tel'],form [type='time'],form [type='week'],form [multiple],form textarea,form select{@apply text-3xl border-gray-400 shadow-inner shadow-lg rounded-md w-full focus:border-red-500 md:w-1/5 bg-gradient-to-b from-yellow-50 to-yellow-100 focus:to-yellow-200;}.nopadding form [type='text'],.nopadding form [type='email'],.nopadding form [type='url'],.nopadding form [type='password'],.nopadding form [type='number'],.nopadding form [type='date'],.nopadding form [type='datetime-local'],.nopadding form [type='month'],.nopadding form [type='search'],.nopadding form [type='tel'],.nopadding form [type='time'],.nopadding form [type='week'],.nopadding form [multiple],.nopadding form textarea,.nopadding form select{@apply px-10;}section.introduction{@apply pt-12 pb-3;}section.disclaimer{@apply opacity-50 text-xs;}p.explanation{@apply text-2xl pb-6;}p.explanation strong{@apply bg-white;}section.results{@apply p-6 w-auto mx-6 lg:mx-auto lg:w-[1080px] xl:w-[1080px];@apply border-solid border-2 border-gray-300 rounded-xl shadow-xl bg-white;}section.results.expand-on-big-screens{@apply 2xl:w-[75%];}section.results section.result{@apply mb-6;}section.results section.result.layout-default{@apply flex w-auto flex-col sm:flex-row;}section.results section.result.layout-solo section.amount{@apply w-full !important;}section.results section.result.layout-secondary section.amount{@apply bg-gradient-to-t from-gray-100 to-gray-50;}section.results section.result h2{@apply text-2xl;font-weight:600}section.results section.result .description{@apply sm:w-auto md:w-3/5 pr-6;}section.results section.result section.amount{background-color:#E4FF88;@apply p-4 rounded-md border-gray-300 border-2 sm:w-auto md:w-2/5 text-center bg-gradient-to-t from-lime-200 to-lime-50;}section.results section.result section.amount .unit{@apply text-2xl text-black;}section.results section.result section.amount .amount{@apply text-5xl text-black;}.calculation{@apply p-6 w-auto mx-6 lg:mx-auto lg:w-[1080px] xl:w-[1080px];@apply border-solid border-2 border-gray-300 rounded-xl shadow-xl bg-white;}.calculation.expand-on-big-screens{@apply 2xl:w-[75%];}.calculation table{@apply text-xl;}.calculation table tr{@apply even:bg-gray-100 odd:bg-white border-2;}.calculation table tr td{@apply p-2;}section.copy-to-clipboard{@apply text-center;}section.buttongroup{@apply flex flex-wrap;}section.buttongroup>div{@apply w-full sm:w-1/2 md:w-1/3 lg:w-1/3 xl:w-1/3 px-1;}.range-slider{@apply w-full h-3 bg-gray-200 rounded-lg appearance-none cursor-pointer dark:bg-gray-700;}.range-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:2em;height:2em;background:orange;@apply from-orange-300 via-orange-400 to-orange-500 text-white bg-gradient-to-b shadow-md border-black;border-width:1px;border:1px rgba(0,0,0,0.3) solid;cursor:pointer;border-radius:50%}.range-slider::-moz-range-thumb{width:20px;height:20px;background:#4CAF50;cursor:pointer;border-radius:50%}.tab nav{position:relative;z-index:0;@apply text-center mb-8;@apply p-6 w-auto mx-6 lg:mx-auto lg:w-[1080px] xl:w-[1080px];@apply p-0;}.tab nav.expand-on-big-screens{@apply 2xl:w-[75%];}.tab nav button{@apply px-4 py-2 mr-2 shadow-lg rounded-xl bg-transparent text-xl text-gray-500 border-2;}.tab nav button.highlight{@apply border-red-500 border-2 bg-white text-black;}.tab div.tab-content{position:relative;z-index:5}.row{@apply text-xl md:pb-2 md:pt-2 px-8 pb-1 [line-height:1em] mb-0 md:pb-2 md:pt-2 px-8 even:bg-[#e9faff];}.tippy-box[data-theme~='error-theme']{background:linear-gradient(to top, #e53e3e, #f38383) !important;color:#fff !important;border-radius:.5rem !important}.tippy-box[data-theme~='error-theme'] .tippy-content{background:transparent}.tippy-box[data-theme~='error-theme'] .tippy-arrow{color:#e53e3e !important}.tippy-box[data-theme~='error-theme'] .tippy-content{padding:.25rem .5rem !important}input.comments-placeholder,.CodeMirror{@apply w-full;@apply border-gray-400 shadow-inner rounded-md focus:border-red-500 bg-gradient-to-b from-white to-yellow-50 focus:to-yellow-100;}.banner{position:relative;z-index:10;background-color:#a5f3fc;@apply bg-gradient-to-b underline from-[#ff6e10] to-[#fbc520] text-transparent;transition:all .8s ease;color:rgba(0,0,0,0.6);box-shadow:inset 0 -2px 4px rgba(0,0,0,0.1)}.banner.gradient-clip-text{@apply bg-clip-text bg-clip-content;}.banner.gradient-direction-vertical{@apply bg-gradient-to-b;}.banner.gradient-default{@apply bg-gradient-to-b underline from-[#ff6e10] to-[#fbc520] text-transparent;transition:all .8s ease}.banner.gradient-default:hover{@apply bg-gradient-to-b underline from-[#ff9951] to-[#fcd45e] text-transparent;}.banner.gradient-default-dark{@apply bg-gradient-to-b underline from-[#ff6e10] to-[#ff8b40] text-transparent;transition:all .8s ease}.banner.gradient-default-dark:hover{@apply bg-gradient-to-b underline from-[#ff9951] to-[#fcd45e] text-transparent;}.banner.gradient-text{@apply bg-gradient-to-r from-[#fbc520] via-yellow-200 to-[#ff6e10];}.banner.gradient-darker{@apply bg-gradient-to-b from-[#fbc520] via-yellow-200 to-[#ff6e10];}.banner.gradient-dark{@apply bg-gradient-to-b from-[#db302f] to-[#f23534];}.banner.gradient-direction-circles{background:radial-gradient(circle at 10% 20%, #fbc520 40%, transparent 60%),radial-gradient(circle at 70% 120%, #fbc520 55%, transparent 75%),radial-gradient(circle at 90% 40%, #fc5f06 48%, transparent 98%);background-size:100% 100%;background-blend-mode:overlay}.banner:hover{@apply bg-gradient-to-b underline from-[#ff9951] to-[#fcd45e] text-transparent;}.banner a{color:rgba(0,0,0,0.6);border-color:rgba(0,0,0,0.6)}.icon{@apply inline-block;height:1em;vertical-align:top}.attention{@apply p-6 pt-1 my-6 bg-red-200 rounded-lg border-2 border-red-500;}.share-icon{cursor:pointer !important}.share-icon svg{@apply hover:scale-125 cursor-pointer transition;color:#db302f}svg.logo{height:2em !important;color:#db302f;display:inline-block;fill:#db302f;stroke:#db302f;stroke-width:1}svg.logo .g{color:#db302f}.link-box{transition:all 200ms;top:0px;left:0px;position:relative;display:flex;flex-direction:column;@apply pb-0 w-full sm:w-4/5 text-center mr-3 p-1 md:pb-6 inline-block md:w-1/3;@apply mx-auto md:mx-0;}.link-box .icon-wrapper{width:100%;border-top-left-radius:.5rem;border-top-right-radius:.5rem;background:radial-gradient(circle at 20% 30%, rgba(94,230,218,0.1875) 0%, rgba(64,224,208,0.1875) 20%, transparent 40%),linear-gradient(45deg, rgba(64,255,255,0.1875) 0%, rgba(0,255,255,0.1875) 30%, transparent 60%),radial-gradient(ellipse at 70% 60%, rgba(159,255,223,0.1875) 0%, rgba(127,255,212,0.1875) 40%, transparent 70%),linear-gradient(-45deg, rgba(232,255,255,0.1875) 0%, rgba(224,255,255,0.1875) 50%, transparent 80%),radial-gradient(circle at 90% 90%, rgba(255,255,255,0.1875) 0%, rgba(255,255,255,0.1875) 30%, transparent 50%)}.link-box .wrapper{border:3px #db302f solid;background-color:white;box-shadow:8px 8px rgba(254,130,29,0.33);@apply rounded-xl;}.link-box .wrapper:hover{border-color:#ea8786;top:-3px;left:-3px;box-shadow:11px 11px rgba(254,130,29,0.33)}.link-box h2{@apply text-4xl p-3 md:text-3xl font-normal mb-2 cursor-pointer;color:#db302f;text-decoration:none !important;min-height:3.2em;display:flex;align-items:center;justify-content:center;line-height:1.2em}.link-box h2:hover{color:#ff6900}.link-box p{@apply pb-0 md:pb-6 text-xl px-2 mt-4 opacity-50;flex-grow:1;display:flex;align-items:center;justify-content:center}.link-box p.subtitle{@apply text-2xl opacity-50;}.link-box a{@apply cursor-pointer;}ul.avatars{@apply pb-0 pl-6 -mt-2 pt-0;}li.avatar,img.avatar{list-style-type:none;@apply inline-block w-12 h-12 bg-center bg-no-repeat bg-cover border-2 border-white rounded-full shadow-md;margin-top:auto;margin-bottom:auto;margin-left:-0.9em}li.avatar::before,img.avatar::before{display:none}li.avatar.small,img.avatar.small{height:2em;width:2em}.newsletter-box{@apply border-solid border-2 border-[#db302f] rounded-xl shadow-xl bg-white;}.social-icon{@apply text-gray-400;}.button{@apply text-gray-900 bg-[#F7BE38] hover:bg-[#F7BE38]/90 focus:ring-4 focus:outline-none focus:ring-[#F7BE38]/50 font-medium rounded-md text-xl px-5 py-2.5 text-center dark:focus:ring-[#F7BE38]/50 mr-2 mb-2 text-white bg-gradient-to-r from-red-400 via-red-500 to-red-600 hover:bg-gradient-to-br mx-0;color:#B42424;-webkit-box-shadow:0 0 0 2px rgba(0,0,0,0.5),0 1px 0 rgba(0,0,0,0.5),inset 0 1px 0 rgba(255,255,255,0.8),inset 0 0 3px rgba(255,255,255,0.5);-moz-box-shadow:0 0 0 2px rgba(0,0,0,0.5),0 1px 0 rgba(0,0,0,0.5),inset 0 1px 0 rgba(255,255,255,0.7),inset 0 0 3px rgba(255,255,255,0.5);box-shadow:0 0 0 2px rgba(0,0,0,0.5),0 1px 0 rgba(0,0,0,0.5),inset 0 1px 0 rgba(255,255,255,0.7),inset 0 0 3px rgba(255,255,255,0.5);text-align:center !important}.button:active{position:relative;top:2px;left:2px;-webkit-box-shadow:0 0 0 2px rgba(0,0,0,0.5),0 1px 0 rgba(0,0,0,0.5),0 3px 8px rgba(0,0,0,0.4),inset 0 1px 0 rgba(255,255,255,0.8),inset 0 0 3px rgba(255,255,255,0.5);-moz-box-shadow:0 0 0 2px rgba(0,0,0,0.5),0 1px 0 rgba(0,0,0,0.5),0 3px 8px rgba(0,0,0,0.4),inset 0 1px 0 rgba(255,255,255,0.7),inset 0 0 3px rgba(255,255,255,0.5);box-shadow:0 0 0 2px rgba(0,0,0,0.5),0 1px 0 rgba(0,0,0,0.5),0 3px 8px rgba(0,0,0,0.4),inset 0 1px 0 rgba(255,255,255,0.7),inset 0 0 3px rgba(255,255,255,0.5)}.button:hover,.button:focus{-webkit-box-shadow:0 0 0 3px #e3a008,0 0 0 2px rgba(0,0,0,0.5),0 1px 0 rgba(0,0,0,0.5),inset 0 1px 0 rgba(255,255,255,0.8),inset 0 0 3px rgba(255,255,255,0.5);-moz-box-shadow:0 0 0 3px #e3a008,0 0 0 2px rgba(0,0,0,0.5),0 1px 0 rgba(0,0,0,0.5),inset 0 1px 0 rgba(255,255,255,0.7),inset 0 0 3px rgba(255,255,255,0.5);box-shadow:0 0 0 3px #e3a008,0 0 0 2px rgba(0,0,0,0.5),0 1px 0 rgba(0,0,0,0.5),inset 0 1px 0 rgba(255,255,255,0.7),inset 0 0 3px rgba(255,255,255,0.5)}.button.large{@apply text-3xl;}.button.cyan{@apply from-cyan-400 via-cyan-500 to-cyan-600;}.button.yellow{@apply from-yellow-400 via-yellow-500 to-yellow-600;}.button.action-primary{@apply text-white font-bold border-white !important;text-decoration:none !important;outline:2px white solid;@apply bg-gradient-to-b underline from-[#ff6e10] to-[#fbc520] text-transparent;transition:all .8s ease;border-radius:.75rem;transition:all .2s ease-in-out;box-shadow:none !important}.button.action-primary.gradient-clip-text{@apply bg-clip-text bg-clip-content;}.button.action-primary.gradient-direction-vertical{@apply bg-gradient-to-b;}.button.action-primary.gradient-default{@apply bg-gradient-to-b underline from-[#ff6e10] to-[#fbc520] text-transparent;transition:all .8s ease}.button.action-primary.gradient-default:hover{@apply bg-gradient-to-b underline from-[#ff9951] to-[#fcd45e] text-transparent;}.button.action-primary.gradient-default-dark{@apply bg-gradient-to-b underline from-[#ff6e10] to-[#ff8b40] text-transparent;transition:all .8s ease}.button.action-primary.gradient-default-dark:hover{@apply bg-gradient-to-b underline from-[#ff9951] to-[#fcd45e] text-transparent;}.button.action-primary.gradient-text{@apply bg-gradient-to-r from-[#fbc520] via-yellow-200 to-[#ff6e10];}.button.action-primary.gradient-darker{@apply bg-gradient-to-b from-[#fbc520] via-yellow-200 to-[#ff6e10];}.button.action-primary.gradient-dark{@apply bg-gradient-to-b from-[#db302f] to-[#f23534];}.button.action-primary.gradient-direction-circles{background:radial-gradient(circle at 10% 20%, #fbc520 40%, transparent 60%),radial-gradient(circle at 70% 120%, #fbc520 55%, transparent 75%),radial-gradient(circle at 90% 40%, #fc5f06 48%, transparent 98%);background-size:100% 100%;background-blend-mode:overlay}.button.action-primary:hover{@apply bg-gradient-to-b underline from-[#ff9951] to-[#fcd45e] text-transparent;}.button.action-primary:hover{text-decoration:underline !important}.button.action-primary.context-secondary{@apply text-white font-bold border-white !important;}.button.lime{@apply from-lime-200 via-lime-400 to-lime-500;}.button.action-tertiary{@apply from-white via-gray-50 to-gray-100;}section.buttongroup .button{@apply mb-2 md:mb-0 w-full max-w-full block !important;}a.action-secondary{@apply inline-block w-auto text-2xl text-black opacity-50 underline mr-6;}a.action-secondary .icon{@apply inline underline w-auto mr-1;}a.action-secondary:hover{@apply opacity-100;}nav.main{@apply text-xl relative;z-index:255}nav.main div.wrapper{@apply p-6 w-auto mx-6 lg:mx-auto lg:w-[1080px] xl:w-[1080px];@apply p-0;}nav.main div.wrapper.expand-on-big-screens{@apply 2xl:w-[75%];}nav.main ul.main{@apply flex justify-end;}nav.main ul.main>li{@apply align-middle;}nav.main ul.main>li>a{@apply text-xl inline-block mt-4 py-2 pr-3 text-xl cursor-pointer w-full border-b-2 border-transparent hover:underline transition-all duration-100 align-middle rounded-xl;text-shadow:-1px -1px 0 white,1px -1px 0 white,-1px 1px 0 white,1px 1px 0 white;font-family:'basier_squaremedium',sans-serif;font-weight:bold;letter-spacing:0;color:#db302f}nav.main ul.main>li:first-of-type{@apply pr-2 rounded-lg mr-auto;}nav.main ul.main>li:first-of-type a{@apply text-3xl align-middle mt-0 mr-6;}nav.main::before{content:'';position:absolute;top:0;left:0;right:0;height:100%;background:linear-gradient(to bottom, #fff 0%, rgba(255,255,255,0.9) 60%, rgba(255,255,255,0) 100%);z-index:-1}body .tippy-box{background-color:transparent;z-index:1000;position:relative}body .tippy-content{padding:0px;border:0px white solid;@apply shadow-xl;}body .tippy-arrow{@apply text-gray-400;}div.submenu,div.dropdown,.tippy-content{@apply bg-white rounded-lg;}div.submenu .wrapper,div.dropdown .wrapper,.tippy-content .wrapper{@apply bg-white pt-2 pb-4 rounded-lg border-gray-400 border-2;}div.submenu .wrapper.info,div.dropdown .wrapper.info,.tippy-content .wrapper.info{@apply p-4;}div.submenu .wrapper ul li,div.dropdown .wrapper ul li,.tippy-content .wrapper ul li{@apply text-xl block pb-1 text-xl border-4 border-transparent cursor-pointer font-normal w-full hover:text-red-900 hover:border-4 p-0 px-4;font-family:'basier_squaremedium',sans-serif !important;letter-spacing:0em !important;font-weight:normal !important;color:#db302f}.language-switcher{@apply text-xl rounded-xl cursor-pointer border-b-2 border-transparent hover:bg-yellow-200 transition-all duration-100;font-family:'basier_squaremedium',sans-serif;font-weight:bold;letter-spacing:0;color:#db302f}.language-switcher span.fi{@apply mr-1 outline-2 outline-white shadow-lg;border-radius:50%}.language-dropdown span.fi{@apply mr-4;border-radius:50%}.dropdown-extended.wrapper::after{content:'';top:0;right:0;bottom:0;width:calc(100% / 3);background:radial-gradient(circle at 20% 30%, rgba(94,230,218,0.09375) 0%, rgba(64,224,208,0.09375) 20%, transparent 40%),linear-gradient(45deg, rgba(64,255,255,0.09375) 0%, rgba(0,255,255,0.09375) 30%, transparent 60%),radial-gradient(ellipse at 70% 60%, rgba(159,255,223,0.09375) 0%, rgba(127,255,212,0.09375) 40%, transparent 70%),linear-gradient(-45deg, rgba(232,255,255,0.09375) 0%, rgba(224,255,255,0.09375) 50%, transparent 80%),radial-gradient(circle at 90% 90%, rgba(255,255,255,0.09375) 0%, rgba(255,255,255,0.09375) 30%, transparent 50%);z-index:1;position:absolute;top:2px;right:2px;bottom:4px;width:calc((100% - 4px) / 3);background-color:#e9faff;border-top-right-radius:.5rem;border-bottom-right-radius:.5rem}.dropdown-extended.wrapper>*{position:relative;z-index:2}.dropdown-extended li{display:flex;align-items:center}.dropdown-extended li .icon-container{flex:0 0 auto;display:flex;align-items:center;justify-content:center;width:4em}.dropdown-extended li .icon-container img.menu-icon{height:4em;width:auto !important;margin-right:1em}.dropdown-extended li .icon-container.small{width:2em;margin-right:1em}.dropdown-extended li .icon-container.small img.menu-icon{height:2em !important;vertical-align:top}.dropdown-extended li .text-container{flex:1;display:flex;flex-direction:column;justify-content:center}.dropdown-extended li a{display:flex;text-decoration:none}.dropdown-extended li a h3{@apply text-3xl font-bold;}.dropdown-extended li a p{@apply text-gray-500 text-lg;}.dropdown-extended li span{display:block}.dropdown-extended li:hover h3{@apply text-[#ff6900];}.dropdown-extended li:hover svg .background{fill:url(#gradient-highlight)}.dropdown-extended div.secondary ul{@apply mt-4;}.dropdown-extended div.secondary ul h3{@apply text-xl font-bold;}[data-theme="megamenu"]{margin-left:1.6vw}.dropdown-megamenu ul{@apply w-full grid grid-cols-1 sm:grid-cols-1 md:grid-cols-2 lg:grid-cols-2 xl:grid-cols-4;}.dropdown-megamenu li{display:flex;align-items:flex-start}.dropdown-megamenu li .icon-container{flex:0 0 auto;display:flex;align-items:flex-start}.dropdown-megamenu li .icon-container img.menu-icon{height:4em;width:auto !important;margin-right:1em}.dropdown-megamenu li .text-container{flex:1;display:flex;flex-direction:column;justify-content:center}.dropdown-megamenu li a{display:flex;text-decoration:none}.dropdown-megamenu li a h3{@apply text-2xl font-bold;}.dropdown-megamenu li a p{@apply text-gray-500 text-lg;}.dropdown-megamenu li span{display:block}.dropdown-megamenu li:hover h3{@apply underline;}.style-btn a,.style-btn button{color:white !important;background-color:orange;padding-left:1.5em;padding-right:1.5em !important;text-decoration:none !important;outline:2px white solid;@apply bg-gradient-to-b underline from-[#ff6e10] to-[#fbc520] text-transparent;transition:all .8s ease;@apply rounded-sm;transition:all .2s ease-in-out;@apply px-6 py-0 mx-0;text-shadow:none !important}.style-btn a.gradient-clip-text,.style-btn button.gradient-clip-text{@apply bg-clip-text bg-clip-content;}.style-btn a.gradient-direction-vertical,.style-btn button.gradient-direction-vertical{@apply bg-gradient-to-b;}.style-btn a.gradient-default,.style-btn button.gradient-default{@apply bg-gradient-to-b underline from-[#ff6e10] to-[#fbc520] text-transparent;transition:all .8s ease}.style-btn a.gradient-default:hover,.style-btn button.gradient-default:hover{@apply bg-gradient-to-b underline from-[#ff9951] to-[#fcd45e] text-transparent;}.style-btn a.gradient-default-dark,.style-btn button.gradient-default-dark{@apply bg-gradient-to-b underline from-[#ff6e10] to-[#ff8b40] text-transparent;transition:all .8s ease}.style-btn a.gradient-default-dark:hover,.style-btn button.gradient-default-dark:hover{@apply bg-gradient-to-b underline from-[#ff9951] to-[#fcd45e] text-transparent;}.style-btn a.gradient-text,.style-btn button.gradient-text{@apply bg-gradient-to-r from-[#fbc520] via-yellow-200 to-[#ff6e10];}.style-btn a.gradient-darker,.style-btn button.gradient-darker{@apply bg-gradient-to-b from-[#fbc520] via-yellow-200 to-[#ff6e10];}.style-btn a.gradient-dark,.style-btn button.gradient-dark{@apply bg-gradient-to-b from-[#db302f] to-[#f23534];}.style-btn a.gradient-direction-circles,.style-btn button.gradient-direction-circles{background:radial-gradient(circle at 10% 20%, #fbc520 40%, transparent 60%),radial-gradient(circle at 70% 120%, #fbc520 55%, transparent 75%),radial-gradient(circle at 90% 40%, #fc5f06 48%, transparent 98%);background-size:100% 100%;background-blend-mode:overlay}.style-btn a:hover,.style-btn button:hover{@apply bg-gradient-to-b underline from-[#ff9951] to-[#fcd45e] text-transparent;}.style-btn a:hover,.style-btn button:hover{text-decoration:underline !important}div.wrapper .primary ul li{padding:0px !important}ul.tab-head{list-style-type:none;@apply p-0 m-0 text-center;}ul.tab-head li{@apply inline-block;}ul.tab-head li button{@apply text-2xl;}.home .header-wrapper{position:relative;margin-top:-5em;padding-top:5em}.home .header-wrapper::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background-image:linear-gradient(to bottom, rgba(255,255,255,0) 80%, #fff 100%),url('/public/assets/autonomotools/images/home-hero.jpg');background-size:cover;background-position:left 0,left -12em;background-repeat:no-repeat;opacity:.3;z-index:-1}@media (max-width:767px){.home .header-wrapper{margin-top:-8em}.home .header-wrapper::before{background-position:center top}}.home .home-features{@apply flex flex-col w-full max-w-xl gap-1 text-left;font-family:'basier_squaremedium',sans-serif;letter-spacing:0em;font-weight:normal}.home .home-features .home-feature{@apply flex items-center gap-2 text-xl;color:#710000}.home .home-features .home-feature .home-feature-icon{@apply text-2xl;}.home .home-features .home-feature a{text-decoration:underline;color:inherit}.home .home-features .home-feature .badge{@apply text-xs uppercase font-bold rounded-md px-2 py-0 ml-2;border-width:1px}.home .home-features .home-feature .badge.free{display:none;@apply border border-green-500 bg-green-50 text-green-700;}.home .home-features .home-feature .badge.soon{@apply border border-violet-500 bg-violet-50 text-violet-700;}.home .home-features .home-feature .badge.pro{@apply border-red-500 text-white;background:linear-gradient(to right, #f44336, #ff5722, #ff9800, #ffc107, #ffeb3b)}.newsletter-box{@apply text-center w-full text-sm text-base font-bold;color:#db302f;position:relative;background-color:transparent}.newsletter-box strong{@apply bg-yellow-100 px-1 rounded-md;}.newsletter-box::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background-image:url('/public/assets/autonomotools/images/bg-blue-cloud.jpg');background-size:cover;background-position:center;background-repeat:no-repeat;opacity:.4;z-index:-1}.datatable{@apply w-full;}.datatable td{@apply p-1 py-4;}.datatable.social-tramos{width:100%;border-collapse:collapse}.datatable.social-tramos th,.datatable.social-tramos td{@apply pt-6 text-xl text-center;}.datatable.social-tramos th.income-range,.datatable.social-tramos th.minimum-contribution{border-top:2px solid red;border-top-left-radius:.5rem;border-top-right-radius:.5rem}.datatable.social-tramos tbody tr:last-child .income-range,.datatable.social-tramos tbody tr:last-child .minimum-contribution{border-bottom:2px solid red;border-bottom-left-radius:.5rem;border-bottom-right-radius:.5rem;@apply pb-6;}.datatable.social-tramos tr:nth-child(odd) .income-range,.datatable.social-tramos tr:nth-child(odd) .minimum-contribution{@apply bg-yellow-50;}.datatable.social-tramos tr:nth-child(even) .income-range,.datatable.social-tramos tr:nth-child(even) .minimum-contribution{@apply bg-yellow-100;}.datatable.social-tramos th{font-weight:bold}.datatable.social-tramos .tramo{width:10%}.datatable.social-tramos .income-range{width:20%;border-left:2px solid red}.datatable.social-tramos .minimum-base,.datatable.social-tramos .minimum-contribution,.datatable.social-tramos .maximum-base,.datatable.social-tramos .maximum-contribution{width:15%}.datatable.social-tramos .minimum-contribution{border-right:2px solid red}.datatable.social-tramos .tramo-code{text-align:center}.datatable.social-tramos .income-range,.datatable.social-tramos .minimum-base,.datatable.social-tramos .minimum-contribution,.datatable.social-tramos .maximum-base,.datatable.social-tramos .maximum-contribution{white-space:nowrap}.datatable.social-tramos .minimum-base,.datatable.social-tramos .maximum-base,.datatable.social-tramos .maximum-contribution{opacity:.5}.datatable.social-tramos .maximum-base{@apply pr-10;}.datatable.social-tramos th.income-range,.datatable.social-tramos td.income-range{border-left:2px solid red;@apply text-center relative;}.datatable.social-tramos td.income-range::after{content:"๐Ÿ‘‰";position:absolute;right:-15px;top:50%;transform:translateY(-50%);color:red;font-weight:bold}.datatable.social-tramos th.minimum-contribution,.datatable.social-tramos td.minimum-contribution{border-right:2px solid red;@apply text-center;}svg.icon:not(button svg.icon):not(a.action svg.icon){overflow:visible;height:2em !important;color:#db302f;display:inline-block;fill:#db302f;stroke:#db302f;stroke-width:1}svg.icon:not(button svg.icon):not(a.action svg.icon) .background{fill:white;fill:linear-gradient(45deg, #f44336, #ff5722, #ff9800, #ffc107, #ffeb3b);fill:-webkit-linear-gradient(45deg, #f44336, #ff5722, #ff9800, #ffc107, #ffeb3b);fill:-moz-linear-gradient(45deg, #f44336, #ff5722, #ff9800, #ffc107, #ffeb3b);fill:-o-linear-gradient(45deg, #f44336, #ff5722, #ff9800, #ffc107, #ffeb3b);fill:url(#gradient)}svg.icon:not(button svg.icon):not(a.action svg.icon) .silhouette{filter:drop-shadow(0 .7em .7em rgba(0,0,0,0.5));stroke:white;stroke-width:1.5em;paint-order:stroke fill}svg.icon:not(button svg.icon):not(a.action svg.icon).social{transform:scale(1.5)}svg.icon:not(button svg.icon):not(a.action svg.icon).rates{transform:scale(1.2)}svg.icon:not(button svg.icon):not(a.action svg.icon) .silhouette{stroke:rgba(255,255,255,0.7)}svg.icon:not(button svg.icon):not(a.action svg.icon) .g{color:#db302f}svg.icon:not(button svg.icon):not(a.action svg.icon).large{height:5em !important;transform:scale(1);@apply my-2;}body.blog.post article{@apply p-6 w-auto mx-6 lg:mx-auto lg:w-[1080px] xl:w-[1080px];@apply text-2xl;}body.blog.post article.expand-on-big-screens{@apply 2xl:w-[75%];}body.blog.post article p.intro{@apply text-2xl mt-6 text-center text-gray-500;}body.blog.post article p.content{@apply text-2xl mt-6;}section.posts{@apply flex flex-wrap -mx-3 gap-6;@apply p-6 w-auto mx-6 lg:mx-auto lg:w-[1080px] xl:w-[1080px];}section.posts.expand-on-big-screens{@apply 2xl:w-[75%];}section.posts article.post{@apply w-full px-3 mb-6 sm:w-1/2 md:w-1/3 xl:w-1/4;@apply block;border:2px solid #db302f;@apply rounded-lg shadow-md p-4;}section.posts article.post img.thumb{@apply w-full rounded-t-lg;margin:-1rem -1rem 1rem -1rem;width:calc(100% + 2rem)}section.posts article.post h2{@apply text-3xl font-bold mb-2;color:#db302f}section.posts article.post h2 a{color:inherit;text-decoration:none}section.posts article.post h3{@apply text-xl font-normal text-gray-600;font-family:'basier_squaremedium',sans-serif;letter-spacing:0em;font-weight:normal}section.tools.style-dark .tool-card,section.tools-slideshow.style-dark .tool-card{@apply bg-red-600 text-white;@apply bg-gradient-to-b from-[#db302f] to-[#f23534];border-color:white}section.tools.style-dark .tool-card.gradient-clip-text,section.tools-slideshow.style-dark .tool-card.gradient-clip-text{@apply bg-clip-text bg-clip-content;}section.tools.style-dark .tool-card.gradient-direction-vertical,section.tools-slideshow.style-dark .tool-card.gradient-direction-vertical{@apply bg-gradient-to-b;}section.tools.style-dark .tool-card.gradient-default,section.tools-slideshow.style-dark .tool-card.gradient-default{@apply bg-gradient-to-b underline from-[#ff6e10] to-[#fbc520] text-transparent;transition:all .8s ease}section.tools.style-dark .tool-card.gradient-default:hover,section.tools-slideshow.style-dark .tool-card.gradient-default:hover{@apply bg-gradient-to-b underline from-[#ff9951] to-[#fcd45e] text-transparent;}section.tools.style-dark .tool-card.gradient-default-dark,section.tools-slideshow.style-dark .tool-card.gradient-default-dark{@apply bg-gradient-to-b underline from-[#ff6e10] to-[#ff8b40] text-transparent;transition:all .8s ease}section.tools.style-dark .tool-card.gradient-default-dark:hover,section.tools-slideshow.style-dark .tool-card.gradient-default-dark:hover{@apply bg-gradient-to-b underline from-[#ff9951] to-[#fcd45e] text-transparent;}section.tools.style-dark .tool-card.gradient-text,section.tools-slideshow.style-dark .tool-card.gradient-text{@apply bg-gradient-to-r from-[#fbc520] via-yellow-200 to-[#ff6e10];}section.tools.style-dark .tool-card.gradient-darker,section.tools-slideshow.style-dark .tool-card.gradient-darker{@apply bg-gradient-to-b from-[#fbc520] via-yellow-200 to-[#ff6e10];}section.tools.style-dark .tool-card.gradient-dark,section.tools-slideshow.style-dark .tool-card.gradient-dark{@apply bg-gradient-to-b from-[#db302f] to-[#f23534];}section.tools.style-dark .tool-card.gradient-direction-circles,section.tools-slideshow.style-dark .tool-card.gradient-direction-circles{background:radial-gradient(circle at 10% 20%, #fbc520 40%, transparent 60%),radial-gradient(circle at 70% 120%, #fbc520 55%, transparent 75%),radial-gradient(circle at 90% 40%, #fc5f06 48%, transparent 98%);background-size:100% 100%;background-blend-mode:overlay}section.tools.style-dark .tool-card .tool-title,section.tools-slideshow.style-dark .tool-card .tool-title{@apply text-white;}section.tools.style-dark .tool-card .tool-description,section.tools-slideshow.style-dark .tool-card .tool-description{@apply text-white;}section.tools.style-bright .tool-card,section.tools-slideshow.style-bright .tool-card{@apply !bg-white !text-red-600;}section.tools.style-bright .tool-title,section.tools-slideshow.style-bright .tool-title{@apply text-red-600;}section.tools.style-bright .tool-description,section.tools-slideshow.style-bright .tool-description{@apply text-black;}section.tools.style-small .tool-card,section.tools-slideshow.style-small .tool-card{@apply text-lg font-normal !p-2 text-left !border-none !shadow-none;}section.tools.style-small a,section.tools-slideshow.style-small a{@apply border-solid border-2 border-[#db302f] rounded-xl shadow-xl bg-white;@apply px-6 py-4;}section.tools.style-small .tool-title,section.tools-slideshow.style-small .tool-title{@apply text-red-600 font-normal !text-xl text-left;}section.tools.style-small .tool-description,section.tools-slideshow.style-small .tool-description{@apply text-black;}section.tools.tools,section.tools-slideshow.tools{@apply grid gap-6 mx-auto p-0;grid-template-columns:repeat(auto-fit, 15em);justify-content:start}section.tools.tools h2.title,section.tools-slideshow.tools h2.title{@apply text-white text-xl font-bold text-xl col-span-full text-center text-red-600 inline-block;}section.tools.tools.list,section.tools-slideshow.tools.list{grid-template-columns:repeat(24, 1fr)}section.tools.tools.list .tool-card,section.tools-slideshow.tools.list .tool-card{width:auto !important;grid-column:span 12}section.tools.tools-slideshow .tool-card,section.tools-slideshow.tools-slideshow .tool-card{margin-top:1em;width:auto}section.tools .tool-card,section.tools-slideshow .tool-card{@apply rounded-xl p-2 pt-4 flex flex-col items-center text-center;border:2px solid #db302f;box-shadow:4px 4px rgba(219,48,47,0.1);transition:all 200ms;width:15em;position:relative}section.tools .tool-card:hover,section.tools-slideshow .tool-card:hover{transform:translateY(-2px);box-shadow:6px 6px rgba(219,48,47,0.15)}section.tools .tool-card .badge:first-child,section.tools-slideshow .tool-card .badge:first-child{position:absolute;top:-0.75rem;right:0;border-radius:.375rem;z-index:10;box-shadow:2px 2px 4px rgba(0,0,0,0.1)}section.tools .tool-icon,section.tools-slideshow .tool-icon{@apply text-3xl mb-4;}section.tools .tool-title,section.tools-slideshow .tool-title{@apply text-2xl underline font-bold mb-3 hover:opacity-80 transition-opacity;font-family:'basier_squaremedium',sans-serif;font-weight:bold;letter-spacing:0;color:#db302f}section.tools .tool-description,section.tools-slideshow .tool-description{@apply text-gray-600 mb-4;}section.tools .badge,section.tools-slideshow .badge{@apply text-sm uppercase font-bold rounded-md px-2 py-0;border-width:1px}section.tools .badge.free,section.tools-slideshow .badge.free{@apply border-[#A6D86B] bg-[#A6D86B] text-white;}section.tools .badge.soon,section.tools-slideshow .badge.soon{@apply border-violet-500 bg-violet-50 text-violet-700;}section.tools .badge.pro,section.tools-slideshow .badge.pro{@apply border-red-500 text-white;background:linear-gradient(to right, #f44336, #ff5722, #ff9800, #ffc107, #ffeb3b)}section.tools-links{@apply flex flex-wrap gap-4 mx-auto p-4;justify-content:center}section.tools-links .tool-link{@apply flex items-center gap-3 bg-white rounded-xl p-0 pr-6;transition:all 200ms}section.tools-links .tool-link a{@apply underline;}section.tools-links .tool-link:hover{transform:translateY(-2px);box-shadow:6px 6px rgba(219,48,47,0.15)}section.tools-links .tool-title,section.tools-links .tool-label{@apply text-2xl underline font-bold hover:opacity-80 transition-opacity;color:#db302f}section.tools-links .tool-label{@apply no-underline font-normal opacity-60 pr-4;}section.tools-links .badge{@apply text-sm uppercase font-bold rounded-md px-2 py-0;border-width:1px}section.tools-links .badge.free{@apply border-[#A6D86B] bg-[#A6D86B] text-white;}section.tools-links .badge.soon{@apply border-violet-500 bg-violet-50 text-violet-700;}section.tools-links .badge.pro{@apply border-red-500 text-white;background:linear-gradient(to right, #f44336, #ff5722, #ff9800, #ffc107, #ffeb3b)}