convert this css code into tailwind @apply:

:root{--main-color:#000;--white:white;--black:black;--primary-color:#18242e;--blue:rgb(0 98 255);--blue-simple:rgb(225 232 255);--green:rgb(127 255 127);--gray-1:#111;--gray-2:#222;--gray-3:#333;--gray-4:#444;--gray-5:#555;--gray-6:#666;--gray-7:#777;--gray-8:#888;--gray-9:#999;--light-1:hsl(0deg 0% 70%);--light-1-5:hsl(0deg 0% 75%);--light-2:hsl(0deg 0% 80%);--light-2-5:hsl(0deg 0% 85%);--light-3:hsl(0deg 0% 90%);--light-3-5:hsl(0deg 0% 95%);--yellow:rgb(255 255 75 / 50%);}*,::after,::before{box-sizing:border-box;transition:all 0.1s;}html{line-height:1.4;scroll-behavior:smooth;text-size-adjust:100%;}body{transition:initial;margin:0;}h1{margin:0.67em 0;font-size:2em;}h1,h2,h3,h4,h5,h6{margin:auto;font-size:inherit;font-weight:inherit;}pre,code,kbd,samp{font-family:monospace,monospace;font-size:1em;}b,strong{font-weight:700;}small{font-size:80%;}main{display:block;}hr{box-sizing:content-box;width:100%;height:0;overflow:visible;border-color:#d9d9d9;border-color:var(--light-2-5);border-style:solid;border-width:0.01px;}a{background-color:transparent;}abbr[title]{text-decoration:underline dotted;border-bottom:none;}sub,sup{position:relative;font-size:75%;line-height:0;vertical-align:baseline;}sub{bottom:-0.25em;}sup{top:-0.5em;}img{max-width:100%;border-style:none;}video,audio{max-width:100%;}button,input,optgroup,select,textarea{margin:0;font-family:inherit;font-size:100%;}button,input{overflow:visible;}button,select{text-transform:capitalize;}textarea{height:240px;overflow:auto;resize:vertical;}button,[type="button"],[type="reset"],[type="submit"]{appearance:button;}button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner{padding:0;border-style:none;}button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring{outline:1px dotted ButtonText;}[type="checkbox"],[type="radio"]{box-sizing:border-box;padding:0;}[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{height:auto;}[type="search"]{appearance:textfield;outline-offset:-2px;}[type="search"]::-webkit-search-decoration{appearance:none;}::-webkit-file-upload-button{font:inherit;appearance:button;}fieldset{padding:0.35em 0.75em 0.625em;}legend{display:table;max-width:100%;padding:0;color:inherit;white-space:normal;}progress{vertical-align:baseline;}details{display:block;}summary{display:list-item;}template{display:none;}[hidden]{display:none;}@media (prefers-color-scheme:dark) {:root{color-scheme:dark;} body{color-scheme:initial;}}#loader,noscript{position:fixed;top:0;left:0;z-index:1000000;width:100vw;height:100vh;background-color:var(--light-3-5);}noscript{display:flex;align-items:center;justify-content:center;}.loader-span{position:absolute;top:50%;left:50%;width:80px;height:80px;border-color:var(--gray-8);border-style:solid;border-top-width:0.75rem;border-radius:50%;transform:translate(-50%,-50%);animation:ease-in-out loader infinite 1s alternate;}@keyframes loader{to{transform:translate(-50%,-50%) rotate(360deg);}}body{position:relative;display:flex;flex-direction:column;width:100%;min-height:100vh;margin:0;overflow-x:hidden;font-family:Arial,Helvetica,sans-serif,Tahoma,system-ui;color:var(--gray-1) !important;text-transform:capitalize;background-color:var(--light-3-5);}body::-webkit-scrollbar{width:9px;height:9px;}body::-webkit-scrollbar-thumb{background-color:var(--light-1);border-radius:10px;}body::-webkit-scrollbar-thumb:hover{background-color:var(--gray-9);}body::-webkit-scrollbar-thumb:active{background-color:var(--gray-8);}body::-webkit-scrollbar-corner{background-color:transparent;}iframe{display:none;visibility:hidden;}a{color:inherit;text-decoration:none;text-underline-offset:2px;cursor:pointer;}[onclick]{cursor:pointer;}span[onclick]:hover{opacity:0.9;}span[onclick]:active{opacity:0.8;}button,input[type="checkbox"],input[type="radio"],input[type="checkbox"]+label,input[type="radio"]+label,input[type="submit"],.submit{cursor:pointer;}input:read-only:focus{outline:none;}option{color:var(--gray-1);background-color:var(--light-3-5);}svg,img{vertical-align:middle;}button{background-color:transparent;border:none;}@keyframes top{from{transform:translateY(-100%);}}@keyframes top-ha{from{transform:translateY(-100%);}}@keyframes down-left{from{transform:translate(-50%,100%);}}@keyframes down{from{transform:translateY(100%);}}@keyframes down-ha{from{transform:translateY(50%);}}@keyframes down{from{transform:translateY(100%);}}@keyframes open-down{from{height:0;}}@keyframes right{from{transform:translateX(100%);}}@keyframes left{from{transform:translateX(-100%);}}@keyframes right-ha{from{transform:translateX(50%);} to{transform:translateX(0);}}@keyframes left-ha{from{transform:translateX(-50%);} to{transform:translateX(0);}}select{padding-right:28px !important;padding-left:8px !important;appearance:none !important;background:url("/icons/drop-down.svg") no-repeat calc(100% - 10px);}select.invert-sel{background-image:url("/icons/drop-down-dark.svg");}li{list-style:none;}ul{padding:0 8px;margin:8px 0;}ul ul{margin:8px 0;}input[type="number"]{width:12ch !important;border-bottom:4px solid var(--gray-6);}input[type="radio"],input[type="checkbox"]{width:1rem;height:1rem;margin:2px 8px 2px 0 !important;vertical-align:text-top;filter:sepia(100%) saturate(5600%) hue-rotate(220deg) brightness(150%);}.textClick{font-size:0.95rem;color:var(--blue);cursor:pointer;}.show-more{max-height:188px;overflow-y:hidden;}p a{color:var(--blue);}p{margin:12px 0;}select,datalist,input[type="password"],input[type="text"],input[type="search"],input[type="tel"],input[type="email"],input[type="number"],input[type="submit"],.submit,textarea,.sign-in-form input[type="button"]{width:100%;padding:12px;background-color:var(--light-3-5);border-radius:6px;}.submit{display:block;margin-top:8px;font-weight:700;text-align:center;}input[type="password"]:valid,input[type="tel"]:valid,input[type="email"]:valid{border-color:var(--blue);}label~input[type="password"],label~input[type="text"],label~input[type="search"],label~input[type="tel"],label~input[type="email"]{margin-bottom:2px;}input[type="file"]{display:none;}input:focus-visible,input:focus-within,input:focus{border-color:rgb(0 0 0) !important;outline-color:rgb(0 0 0) !important;}input[type="submit"],.submit,.sign-in-form input[type="button"]{color:var(--white);background-color:var(--blue) !important;border:0;border-top:2px solid var(--gray-7);border-bottom:2px solid var(--gray-7);}input[type="submit"]:active,.submit:active{border:0;}label:has(button),label:has(input[type="submit"]),label:has(input[type="checkbox"]),label:has(input[type="radio"]){position:relative;cursor:pointer;}label{align-self:self-start;text-align:initial;}a[href*="mailto:"]{font-weight:700;color:var(--blue);}a:hover{text-decoration:underline;}a[href="#"]:hover{text-decoration:none !important;}[type="checkbox"],[type="radio"]{display:none;}[type="checkbox"]+label,[type="radio"]+label{position:relative;padding-left:35px;cursor:pointer;}[type="checkbox"]+label::before,[type="radio"]+label::before{position:absolute;top:50%;left:0;width:20px;height:20px;content:"";background:white;border:2px solid #007bff;border-radius:4px;transition:background-color 0.3s,border-color 0.3s;transform:translateY(-50%);}[type="radio"]+label::before{border-radius:50%;}[type="checkbox"]:checked+label::before,[type="radio"]:checked+label::before{background-color:#007bff;border-color:#0056b3;}[type="checkbox"]:checked+label::after{position:absolute;top:50%;left:2px;font-size:20px;color:white;content:"✔";transform:translateY(-50%);}[type="radio"]:checked+label::after{position:absolute;top:50%;left:6px;width:8px;height:8px;content:"";background:white;border-radius:50%;opacity:1;transform:translateY(-50%);}[type="checkbox"]:focus+label::before,[type="radio"]:focus+label::before{box-shadow:0 0 0 2px rgb(65 159 255 / 50%);}.btn{min-width:max-content;padding:8px 16px;font-size:1.1rem;font-weight:700;color:rgb(0 0 0);text-align:center;text-decoration:none !important;letter-spacing:0.5px;cursor:pointer;background-color:var(--light-2);border-color:var(--gray-6);border-style:solid;border-width:0 0 2px;border-radius:6px;will-change:contents;}.btn img{vertical-align:sub;}.btn:hover,.submit:hover{text-decoration:none;opacity:0.95;}.btn:active,.submit:active{border:0;}.outline-btn{padding:8px 16px;font-weight:700;color:inherit;text-align:center;text-decoration:none;border:2px var(--gray-7) solid;border-radius:6px;}.border-bottom{border-color:var(--gray-6);border-style:solid;border-width:0 0 2px;border-radius:4px;}.border-y-dark{border-color:var(--gray-6);border-style:solid;border-width:2px 0;border-radius:0 0 8px 8px;}fw{position:absolute;right:-22px;}a fw,label fw{right:30px;}img,fw,ri{user-select:none;}fw,ri{pointer-events:none;}a:hover fw,label:hover fw{right:20px;}ri{margin:0 0 0 8px;}a:hover ri,label:hover ri,li:hover ri{margin:0 0 0 16px;}input:checked+label fw{right:20px;}.listen-chat span+.listen-message-to::before,.listen-message-to+.listen-message-from::before,.arrow-top::before{position:absolute;top:-15px;content:"";border-color:transparent transparent var(--light-2-5) transparent;border-style:solid;border-width:8px;}.hover-show{position:absolute;display:none;}.parent-hover:hover .hover-show,.parent-hover:hover+.hover-show{z-index:10000;display:block;}.rotate{transform:rotate(180deg);}bl{display:block;}[src*="/icons/x.svg"]{width:46px;height:46px;pointer-events:none;user-select:none;}span:has([src*="/icons/x.svg"]){place-self:flex-start flex-start;}span[onclick*="undo()"]{text-decoration:underline;text-underline-offset:6px;}[src*="/icons/"]:not([src*="drop-down.svg"]){min-width:1.25rem;min-height:1.25rem;pointer-events:none;}[src*="drop-down.svg"]{width:0.88rem;}.invert{filter:invert(1) !important;}.blue{color:var(--blue) !important;border-color:var(--blue) !important;}.blue img,.blue-on{filter:invert(22%) sepia(68%) saturate(5592%) hue-rotate(218deg) brightness(100%) contrast(111%) !important;}.red-on{filter:invert(12%) sepia(90%) saturate(6532%) hue-rotate(359deg) brightness(110%) contrast(114%) !important;}[disabled]{pointer-events:none;cursor:default;filter:opacity(0.5) !important;}[disabled]:hover{background-color:inherit !important;}.seller{width:72px !important;height:auto !important;padding:16px;margin-right:8px;background-color:var(--light-2-5);border-radius:25%;}.no-result{display:none;flex-direction:column;align-items:center;margin:76px 16px 120px;font-size:1.75rem;font-weight:700;text-align:center;filter:contrast(0.5);}body > div,body > main{flex:1;}.no-result img{width:50%;max-width:240px;margin-bottom:32px;}.alert{position:fixed;top:10%;left:50%;z-index:10;display:none;padding:8px;font-weight:700;color:var(--white);text-align:center;cursor:pointer;background-color:rgb(255 0 0);border-radius:6px;box-shadow:0 0 12px rgb(0 0 0 / 50%);transform:translate(-50%,-50%);animation:ease-in-out top 0.5s;}.thanks{position:fixed;top:50%;left:50%;z-index:12;padding:24px;font-size:1.25rem;text-align:center;cursor:pointer;background:linear-gradient(-45deg,var(--green),var(--light-3));border-radius:8px;box-shadow:0 0 32px 50vw rgb(0 0 0 / 50%);transform:translate(-50%,-50%);animation:ease-in-out down-left 0.5s;}.sign-in-form{position:fixed;top:0;left:0;z-index:99;display:none;flex-flow:column;gap:16px;align-items:center;width:100%;height:100%;padding:16px;overflow:hidden auto;font-size:1.25rem;line-height:1.5;color:var(--gray-1);text-align:center;background-color:var(--light-3-5);box-shadow:0 -16px 16px rgb(0 0 0 / 50%);animation:ease-in-out down 0.5s;}.sign-in-form a{width:100%;font-weight:400;}.sign-in-form > span:first-of-type{position:absolute;}.sign-in-form label{width:100%;}hr.or::after{position:absolute;padding:0 4px;content:"or";background-color:var(--light-3-5);transform:translate(-14px,-17px);}hr.vr{display:inline;width:0;height:32px;margin-left:8px;}.sign-in-form div{margin:0 0 16px;}.sign-in-form p{margin:4px;}.sign-in-form a img{width:2rem;height:2rem;margin:0 8px 0 0;}.sign-in-form .outline-btn{border-color:var(--blue);}.sign-in-form .outline-btn:hover{background-color:var(--blue-simple);}.directory{margin:8px;font-size:1.1rem;color:var(--gray-2);}.directory a,.directory span{margin:0 8px;}.directory a:not(:last-of-type)::after,.directory span:not(:last-of-type)::after{position:absolute;margin:0 6px;content:"/";}span[id*="inv"],.inv{display:block;margin:4px 8px;font-size:0.93rem;color:red;}.red-c{color:red;}.small-color{color:var(--gray-5);}span[id*="hint"],span[class*="hint"]{display:block;margin:6px 0 6px 8px;font-size:0.93rem;color:var(--gray-5);}.datalist{display:none;flex-direction:column;gap:4px;padding:12px;margin:12px 0 0;background-color:var(--light-3-5);border:2px outset var(--gray-9);border-radius:8px;animation:ease-in-out down-ha 0.5s;}.datalist div{display:flex;flex-direction:column;gap:4px;}.datalist input{display:none;}.datalist label{width:100%;padding:8px 16px;background-color:var(--light-3);border-radius:8px;}.datalist label:hover{background-color:var(--light-2-5);}.datalist label:active{background-color:var(--light-2);}.datalist-head{padding:12px;margin:4px 0;cursor:pointer;user-select:none;background:url("/icons/drop-down-dark.svg") no-repeat center right 24px;border:2px outset var(--gray-9);border-radius:8px;}label.fill-check{padding:10px 12px;white-space:wrap;background-color:var(--blue-simple);border:1px solid var(--blue);border-radius:6px;}header{position:sticky;top:-55px;z-index:9;width:100%;}.header{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;padding:8px;color:var(--white);background-color:var(--main-color);transition:top 0.25s;}.header > div:first-child{align-items:baseline;margin:0;white-space:nowrap;}.location-header{z-index:100;display:flex;flex:0 1 100px;justify-content:space-evenly;margin:0 0 0 6px;cursor:pointer;}.location-header a{display:block;padding:8px;margin:1px;color:initial;background-color:var(--light-3);border-bottom:solid 2px var(--light-1);border-radius:4px;}.location-header input:checked+label{background-color:var(--light-1-5);}.location-header a:hover{text-decoration:none;background-color:var(--light-2-5);}.header-hamburger{display:flex;align-items:center;height:0;}.header-hamburger a~span{margin:0 8px;font-size:3.5rem;cursor:pointer;}.hamburger-menu{position:fixed;top:0;right:0;z-index:100;display:none;height:100vh;padding:16px;overflow:hidden auto;font-weight:700;color:var(--gray-1);background-color:var(--light-3-5);box-shadow:0 0 42px 16px rgb(0 0 0 / 50%);animation:ease-in-out right 0.4s;will-change:scroll-position;}.hamburger-menu button{font-weight:700;}.hamburger-menu > a:not(.btn):hover,.hamburger-menu > label:hover{background-color:var(--light-3);border-radius:4px;}.hamburger-menu > a:not(.btn):active,.hamburger-menu > label:active{background-color:var(--light-2-5);}.hamburger-menu .listen-seller{flex-wrap:initial;margin:8px 0 24px;}.hamburger-menu .listen-seller a{padding:0;}.hamburger-menu a,.hamburger-menu label{display:flex;align-items:center;padding:8px;text-decoration:none;}.hamburger-menu input{display:none;}.hamburger-menu img{width:1.6rem;height:1.6rem;margin:0 12px 0 0;}.hamburger-menu .btn{justify-content:center;padding:10px;margin-top:24px;color:var(--white);background-color:var(--blue);}.hamburger-menu a:last-child{margin-top:8px;color:var(--blue);}.location-header > div{position:relative;user-select:none;}.search-top{display:flex;align-items:center;justify-content:space-evenly;width:100%;padding:4px;margin:6px 0 0;background-color:var(--gray-3);border-radius:8px;}.selectCategory{width:42px;min-width:76px;max-width:260px;padding:8px 0;overflow:hidden;color:var(--white);text-overflow:ellipsis;white-space:nowrap;cursor:pointer;background-color:inherit;border:none;outline:none;}.search-header{height:42px;font-size:1.2rem;border-radius:8px !important;box-shadow:inset 0 0 1px 1px var(--black);}.search-result{position:absolute;top:42px;z-index:1;display:none;width:100%;padding:4px;text-indent:4px;background-color:var(--light-3-5);border-radius:4px;box-shadow:0 50vh 10px 50vh rgb(0 0 0 / 50%);}.search-result a{position:relative;display:block;padding:8px;margin:1px;color:initial;background-color:var(--light-3);border-bottom:solid 2px var(--light-1);border-radius:4px;}.trend-result a{padding-left:32px;}.trend-result a::before{position:absolute;top:25%;left:0;width:1.25rem;height:1.25rem;margin-left:8px;content:"";background:url("/icons/arrow-trend-up.svg") no-repeat;}.search-result a:hover,.search-result .active{background-color:var(--light-2-5);}.search-header-res{position:relative;flex:1 100%;}.search-result svg{padding-right:4px;vertical-align:bottom;}.bi-search{margin-left:4px;}div.header-map{position:absolute;top:20px;z-index:99;display:none;width:186px;height:240px;padding:8px;overflow-x:hidden;cursor:default;background-color:var(--light-3-5);border-radius:8px;box-shadow:0 4px 6px 0 rgb(0 0 0 / 25%);transform:translate(-27.5%,7.5%);animation:ease-in-out open-down 0.4s;}span.header-map{position:absolute;top:20px;right:2px;display:none;border-color:transparent transparent var(--light-3-5) transparent;border-style:solid;border-width:10px;}div.header-map label{display:block;padding:9px;margin:1px;color:initial;background-color:var(--light-3);border-bottom:solid 2px var(--light-1);border-radius:4px;}.header-map input{display:none;}.my-chat{position:relative;}.my-chat span,.chat-ico-act{position:absolute;top:-2px;left:-2px;width:22px;height:22px;padding:1px;font-size:0.88rem;font-weight:700;color:var(--white);text-align:center;background-color:red;border-radius:50%;}.footer-to-top{position:absolute;top:-16%;width:100%;padding:8px;text-align:center;text-decoration:none !important;background-color:var(--gray-3);}footer{position:relative;display:flex;flex-flow:wrap;align-items:center;justify-content:center;width:100%;padding:16px;margin-top:80px;color:var(--white);background-color:var(--main-color);}.footer-about{z-index:1;display:flex;justify-content:space-between;width:100%;padding:8px;margin:16px 0;background-color:var(--gray-1);border:var(--gray-3) 2px solid;border-radius:8px;}.footer-about a{display:block;padding:8px;}footer hr{border:var(--gray-3) 1px solid;}.footer-one{display:flex;justify-content:space-between;width:100%;padding:16px 4px 0;}.footer-copy{display:flex;flex-flow:wrap column;gap:16px;width:100%;margin:auto;text-align:center;white-space:nowrap;}.footer-download{display:flex;gap:1.5vw;align-items:center;padding:32px 0;}.footer-download a:last-child img{max-height:38px;border:1.5px gray solid;border-radius:4px;}.footer-follow{display:flex;flex-flow:wrap;gap:16px;align-items:center;}.footer-follow a{display:inline;}