.city-guide-top-container{display:flex;flex-direction:column;height:calc(100% - 40px);padding:20px;outline:none;overflow:auto;background:#fff}.city-guide-top-container.port-guide{background:#f0f2f7}.city-guide-top-container.show-map{padding-bottom:10px;height:calc(100% - 30px)}.city-guide-top-container .title-container{display:flex;position:relative}.city-guide-top-container .title-container .title-text{flex-grow:1;display:flex;justify-content:center;align-items:center;gap:3px}.city-guide-top-container .title-container .title-text .country-title{color:#ca8b85;font-size:15px;margin-bottom:3px}.city-guide-top-container .title-container .link-icon{position:absolute;right:10px;top:50%;transform:translateY(-50%);color:#ca8b85;font-size:16px;display:flex;gap:5px;align-items:center;cursor:pointer}.city-guide-top-container .text-label{font-weight:700;color:#222}.city-guide-top-container .city-guide-container{margin:20px 0;color:#222}.city-guide-top-container .city-guide-container p{margin-top:.3rem;margin-bottom:.3rem}.city-guide-top-container .city-guide-container .city-description{font-size:16px}.city-guide-top-container .city-guide-container .city-description:first-letter{font-size:2.5em;line-height:1;float:left;vertical-align:top;color:#ca8b85}.city-guide-top-container .city-guide-container .city-food,.city-guide-top-container .city-guide-container .city-nightlife,.city-guide-top-container .city-guide-container .city-best-time-to-visit,.city-guide-top-container .city-guide-container .city-transportation,.city-guide-top-container .city-guide-container .city-airport{margin-top:10px}.city-guide-top-container .city-guide-container.port-guide-container{line-height:1.6;margin:20px 0;background:#fff;padding:20px clamp(28px,8vw,120px);border-radius:10px;box-shadow:0 1px 6px #00000012}.city-guide-top-container .city-guide-container.port-guide-container .text-label{font-size:18px;margin-top:0;margin-bottom:.5rem;border-left:3px solid #5e84c5;padding-left:10px}.city-guide-top-container .city-guide-container.port-guide-container p{margin-top:.5rem;margin-bottom:.5rem}.city-guide-top-container .city-guide-container.port-guide-container p>strong:first-child{color:#55688b}.city-guide-top-container .city-guide-container.port-guide-container ul,.city-guide-top-container .city-guide-container.port-guide-container ol{margin-top:.3rem;margin-bottom:.5rem;padding-left:1.5rem}.city-guide-top-container .city-guide-container.port-guide-container ul li,.city-guide-top-container .city-guide-container.port-guide-container ol li{margin-bottom:.4rem}.city-guide-top-container .city-guide-container.port-guide-container h3,.city-guide-top-container .city-guide-container.port-guide-container h4{margin-top:1rem;margin-bottom:.3rem;color:#55688b}.city-guide-top-container .city-guide-container .city-actions{display:flex;gap:30px;justify-content:left;font-size:16px;font-weight:700;margin-top:15px;margin-right:10px}.city-guide-top-container .city-guide-container .city-actions a,.city-guide-top-container a{color:#ca8b85;text-decoration:underline}.city-guide-top-container.loading{display:flex;justify-content:center;align-items:center}.city-guide-top-container .attraction-daytrip-container.show-map{margin-top:10px;overflow:auto}.city-guide-top-container .attraction-daytrip-container .attractions-title{font-size:18px}.city-guide-top-container .attraction-daytrip-container .attractions-container{display:flex;flex-direction:column;gap:10px;align-items:stretch}.city-guide-top-container .attraction-daytrip-container .attractions-container .loading-container{display:flex;flex-direction:column;align-items:center;gap:10px;height:100%;background:#c8c8c8;color:#fff;padding:20px 50px;border-radius:20px}.city-guide-top-container .attraction-daytrip-container .attractions-container .attractions-items-container{display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(700px,1fr))}.city-guide-top-container .attraction-daytrip-container .day-trips-container{display:flex;flex-direction:column;gap:10px;margin:10px 0}.city-guide-top-container .attraction-daytrip-container .day-trips-container .day-trips-title{font-size:18px;margin-top:10px}.city-guide-top-container .gyg-widget.gyg-container{margin-top:20px}.city-guide-top-container .gyg-widget.gyg-container .gyg-title a{font-size:18px;text-decoration:none}.city-guide-top-container .close-icon{position:absolute;right:38px;color:#55688b;cursor:pointer}@media(max-width:768px){.city-guide-top-container{padding:10px;height:100%}.city-guide-top-container .title-container .title-text{padding-left:36px;padding-right:36px}.city-guide-top-container .title-container .title-text .MuiTypography-root{font-size:1.15rem}.city-guide-top-container .title-container .title-text .country-title{display:none}.city-guide-top-container .title-container .link-icon{top:50%;transform:translateY(-50%);right:0}.city-guide-top-container .title-container .link-icon .link-label{display:none}.city-guide-top-container .attraction-daytrip-container .attractions-container .attractions-items-container{display:block}.city-guide-top-container .city-guide-container{margin:10px 0}.city-guide-top-container .city-guide-container .city-actions .create-link{display:none}.city-guide-top-container .city-guide-container.port-guide-container{max-width:100%;margin:10px 0;padding:12px 4px;border-radius:0;box-shadow:none;background:transparent}}.guide-attraction-container{display:flex;flex-direction:row;justify-content:space-between;cursor:default;gap:5px;background-color:#c8c8f01a;border:1px solid rgba(200,200,240,.3);border-radius:5px}.guide-attraction-container:hover{background:#9fdeff33}.guide-attraction-container:hover .title-container .delete-icon{visibility:visible}.guide-attraction-container.selected{background:#9fdeff4d}.guide-attraction-container .guide-attraction-contents{flex-grow:1000}.guide-attraction-container .guide-attraction-contents .type-icon-container{min-width:22px}.guide-attraction-container .guide-attraction-contents .type-icon-container .attraction-type-icon{color:#ca8b85}.guide-attraction-container .guide-attraction-contents .title-container{width:100%;align-items:center;padding:3px 0 0 8px}.guide-attraction-container .guide-attraction-contents .title-container .title1{flex-grow:1;cursor:pointer;text-decoration:none}.guide-attraction-container .guide-attraction-contents .title-container .title1 .attraction-title{display:flex;align-items:center;gap:5px;padding-right:10px;padding-top:3px}.guide-attraction-container .guide-attraction-contents .title-container .title1 .attraction-title .title-number{min-width:35px;height:28px;background-color:#ffe6c8e6}.guide-attraction-container .guide-attraction-contents .title-container .title1 .attraction-title .attraction-place{font-weight:500;flex-grow:1;color:#ca8b85;text-decoration:underline}.guide-attraction-container .guide-attraction-contents .title-container .title1 .attraction-title .transport-from-port-icon{color:#55688b;text-decoration:none;display:flex;align-items:center;font-size:14px;visibility:hidden}.guide-attraction-container .guide-attraction-contents .title-container .title1 .attraction-title .transport-from-port-icon:hover{opacity:.7}.guide-attraction-container .guide-attraction-contents .title-container .title1 .attraction-title .attraction-menu-button{color:#55688b;visibility:hidden}.guide-attraction-container .guide-attraction-contents .guide-attraction-description{padding:3px 5px 5px;color:#222}.guide-attraction-container:hover .attraction-title .transport-from-port-icon,.guide-attraction-container:hover .attraction-title .attraction-menu-button{visibility:visible!important}@media(max-width:768px){.guide-attraction-container{flex-direction:column;margin-bottom:15px}.guide-attraction-container .place-image-outer-container{display:flex;justify-content:center}.guide-attraction-container .place-image-outer-container .image-container{width:min(100vw,400px);height:min(50vw,250px)}}.attraction-menu-button{min-width:23px;min-height:23px;border-radius:50%}.attraction-menu-button:hover{background:#ebebeb}.gyg-container{margin-top:10px}.gyg-container .gyg-title{margin-left:5px;border-bottom:1px solid rgba(200,200,240,.3);display:flex;align-items:center;cursor:pointer}.gyg-container .gyg-title a{color:#ca8b85;font-weight:500;font-size:16px}.gyg-container .gyg-title .gyg-expand-icon{color:#ca8b85;font-size:26px;font-weight:700;transition:transform .2s;padding:0 4px}.gyg-container .gyg-title .gyg-expand-icon.expanded{transform:rotate(90deg)}