.tabloids-page{width:100%;height:100%;background-color:#fff;padding:32px 40px 40px}.tabloids-page .container{width:100%;margin:auto;display:flex;flex-direction:column}.tabloids-page .container .banner{width:100%;height:136px;overflow:hidden;margin-bottom:24px}.tabloids-page .container .header{width:100%;display:flex;gap:8px;align-items:center;justify-content:left;margin-bottom:16px}.tabloids-page .container .header h1{color:#000;font-size:20px;font-weight:600}.tabloids-page .container .items{--item-size:240px;display:grid;gap:32px;grid-template-columns:repeat(auto-fill,var(--item-size));width:100%;min-height:256px;margin-bottom:24px}.tabloids-page .container .items .item{padding:8px;width:240px;border-radius:10px;border:1px solid #d9d9d9;display:flex;align-items:center;justify-content:space-between;flex-direction:column;gap:16px}.tabloids-page .container .items .item .image-container{overflow:hidden;width:227px;height:163px}.tabloids-page .container .items .item .image-container img{width:227px}.tabloids-page .container .items .item .infos{text-align:start;display:flex;align-items:flex-start;justify-content:flex-start;flex-direction:column;gap:16px;width:100%}.tabloids-page .container .items .item .infos .title{width:100%;text-align:start;color:#1e1e1e;font-size:15px;font-weight:600}.tabloids-page .container .items .item .infos p{text-align:start;color:#707070;font-size:14px;font-style:normal;font-weight:400;line-height:1.4}.tabloids-page .container .items .item .infos b{color:#000;font-weight:600}.tabloids-page .container .items .item .infos .distance{width:100%;display:flex;flex-direction:row;justify-content:flex-start;align-items:center;gap:8px}.tabloids-page .container .items .item .infos .distance .material-icons{font-size:16px;font-weight:400;color:var(--tertiary)}.tabloids-page .container .items .item .btn,.tabloids-page .container .items .item .btn button{display:flex;align-items:center;justify-content:center;width:100%}.tabloids-page .container .items .item .btn button{gap:8px;border:none;background:#dae0f1;color:var(--primary);padding:6px 32px;transition:all .3s}.tabloids-page .container .items .item .btn button:hover{background:var(--primary);color:#fff;cursor:pointer}.tabloids-page .container .tabloid-empty{width:100%;margin:auto;display:flex;flex-direction:column;justify-content:center;gap:24px;align-items:center;min-height:256px}.tabloids-page .container .tabloid-empty p{color:#000}.tabloids-page .container .tabloid-empty .title,.tabloids-page .container .tabloid-empty p{font-size:16px!important;font-weight:400!important}.tabloids-page .container .tabloid-empty .material-icons{color:#a60002;font-size:64px;font-style:normal;font-weight:400;line-height:normal}.tabloids-page .container .detail{width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:32px}.tabloids-page .container .detail .back-container{width:100%}.tabloids-page .container .detail .back-container .back{width:-moz-fit-content;width:fit-content;display:flex;flex-direction:row;justify-content:flex-start;gap:8px;cursor:pointer}.tabloids-page .container .detail .back-container .back p{color:var(--primary);font-size:12px;font-weight:700}.tabloids-page .container .detail .back-container .back .material-icons{color:var(--primary);font-size:16px;font-weight:400}.tabloids-page .container .detail .info{max-width:var(--content-width);min-height:462px;display:flex;flex-direction:column;flex-wrap:wrap;gap:40px;width:100%}.tabloids-page .container .detail .info .grid-1{display:flex;flex-direction:column;gap:24px;flex:1}.tabloids-page .container .detail .info .grid-1 p{color:#1e1e1e;font-size:16px;font-weight:400}.tabloids-page .container .detail .info .grid-1 .title{color:#1e1e1e;font-size:20px;font-weight:700}.tabloids-page .container .detail .info .grid-1 b{font-size:16px;font-weight:600}.tabloids-page .container .detail .info .grid-1 .distance{width:100%;display:flex;flex-direction:row;justify-content:flex-start;align-items:center;gap:8px}.tabloids-page .container .detail .info .grid-1 .distance .material-icons{font-size:24px;font-weight:400;color:var(--tertiary)}.tabloids-page .container .detail .info .grid-1 .infos{display:flex;flex-direction:row;gap:16px}.tabloids-page .container .detail .info .grid-1 .infos p{color:#484848;font-size:16px;font-weight:400}.tabloids-page .container .detail .info .grid-1 .infos ul{font-size:16px;color:#484848}.tabloids-page .container .detail .info .grid-2{display:flex;width:100%;flex-direction:column;gap:8px;align-items:center}.tabloids-page .container .detail .info .grid-2 img{width:100%;max-width:var(--content-width);border-radius:10px;border:1px solid #d9d9d9}.tabloids-page .container .map{width:-webkit-fill-available;width:-moz-available;height:500px}@media only screen and (max-width:1006px){.tabloids-page .container .detail .info .infos{flex-wrap:wrap}}@media only screen and (max-width:606px){.tabloids-page{padding:32px 0 0}.tabloids-page .container .detail{gap:16px}.tabloids-page .container .header{flex-direction:column;align-items:flex-start}.tabloids-page .container .header .comp.select{width:100%;align-items:flex-start;padding:0}.tabloids-page .container .detail .info{padding:16px}}@media only screen and (max-width:558px){.tabloids-page{padding:16px}.tabloids-page .container .items{--item-size:170px;gap:16px}.tabloids-page .container .items .item{width:170px;min-height:250px}.tabloids-page .container .items .item .image-container{width:160px;height:112px}.tabloids-page .container .items .item .btn{width:100%}.tabloids-page .container .items .item .btn button{height:32px;padding:4px 0;font-size:16px;font-weight:700}}@media only screen and (max-width:418px){.tabloids-page .container .items{gap:16px}}.comp.select{font-size:14px;font-weight:400;border-radius:30px;padding:0 8px;position:relative;display:flex;align-items:center;justify-content:center}.comp.select,.comp.select select{height:-moz-fit-content;height:fit-content}.comp.select select{border:1px solid #d9d9d9;width:100%;color:#1e1e1e;appearance:none;-webkit-appearance:none;-moz-appearance:none;background:#fff;background-image:url("data:image/svg+xml;utf8,<svg fill='black' height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'><path d='M7 10l5 5 5-5z'/><path d='M0 0h24v24H0z' fill='none'/></svg>");background-repeat:no-repeat;background-position-x:96%;background-position-y:50%;border-radius:30px;padding:14px 24px}.comp.select select:focus{outline:none}.comp.select select:disabled{opacity:1;color:#9e9e9e;border:none;padding-left:1rem;background-image:none;padding-top:1rem}.comp.select select:disabled+label{color:#1e1e1e;font-size:12px;font-style:normal;font-weight:700;line-height:1}.comp.select label{color:#9e9e9e;font-size:14px;font-weight:400;text-wrap:nowrap;border-radius:6px;margin-left:24px}