#nearby-attractions-widget {
    width: 100%;
    background: #fff;
    border-radius: 8px;
    box-shadow: 0 0 10px rgba(0,0,0,.1)
}

#nearby-attractions-widget .box {
    max-width: 600px;
    margin: 0 10px;
    padding-bottom: 1em
}

.name a {
    color: #000;
    text-decoration: none
}

#nearby-attractions-widget h2 {
    text-align: center;
    margin: 0;
    padding: .5em 0
}

#nearby-attractions-widget h2::before {
    content: "";
    display: inline-block;
    height: 1em;
    width: 1em;
    background-size: 1em;
    background: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg width='40px' height='40px' viewBox='0 0 24 24' version='1.1' xml:space='preserve' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cstyle type='text/css'%3E.st0%7Bopacity:0.2;fill:none;stroke:%23000000;stroke-width:5.000000e-02;stroke-miterlimit:10;%7D%3C/style%3E%3Cg id='Layer_Grid'/%3E%3Cg id='Layer_2'%3E%3Cpath d='M19.7,7.3C19.5,7.1,19.3,7,19,7h-6V5V3c0-0.6-0.4-1-1-1s-1,0.4-1,1v1H6C5.7,4,5.5,4.1,5.3,4.3l-2,2c-0.4,0.4-0.4,1,0,1.4 l2,2C5.5,9.9,5.7,10,6,10h5v2v8h-1c-0.6,0-1,0.4-1,1s0.4,1,1,1h4c0.6,0,1-0.4,1-1s-0.4-1-1-1h-1v-7h6c0.3,0,0.5-0.1,0.7-0.3l2-2 c0.4-0.4,0.4-1,0-1.4L19.7,7.3z M11,8H6.4l-1-1l1-1H11V8z M18.6,11H13V9h5.6l1,1L18.6,11z'/%3E%3C/g%3E%3C/svg%3E") no-repeat;
    vertical-align: middle;
    margin: 0 0.1em 0.3em 0;
}

#nearby-attractions-widget .box-row {
    display: flex;
    padding: 5px 0
}

#nearby-attractions-widget .box-row .info {
    display: flex;
    flex: 1
}

#nearby-attractions-widget .box-row .name {
    flex: 1
}

#nearby-attractions-widget .box-row .walk-icon::before {
    content: "";
    display: inline-block;
    height: 1em;
    width: 1em;
    background-size: 1em;
    background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none"><path fill-rule="evenodd" clip-rule="evenodd" d="M13 6C14.1046 6 15 5.10457 15 4C15 2.89543 14.1046 2 13 2C11.8955 2 11 2.89543 11 4C11 5.10457 11.8955 6 13 6ZM11.0528 6.60557C11.3841 6.43992 11.7799 6.47097 12.0813 6.68627L13.0813 7.40056C13.3994 7.6278 13.5559 8.01959 13.482 8.40348L12.4332 13.847L16.8321 20.4453C17.1384 20.9048 17.0143 21.5257 16.5547 21.8321C16.0952 22.1384 15.4743 22.0142 15.168 21.5547L10.5416 14.6152L9.72611 13.3919C9.58336 13.1778 9.52866 12.9169 9.57338 12.6634L10.1699 9.28309L8.38464 10.1757L7.81282 13.0334C7.70445 13.575 7.17759 13.9261 6.63604 13.8178C6.09449 13.7094 5.74333 13.1825 5.85169 12.641L6.51947 9.30379C6.58001 9.00123 6.77684 8.74356 7.05282 8.60557L11.0528 6.60557ZM16.6838 12.9487L13.8093 11.9905L14.1909 10.0096L17.3163 11.0513C17.8402 11.226 18.1234 11.7923 17.9487 12.3162C17.7741 12.8402 17.2078 13.1234 16.6838 12.9487ZM6.12844 20.5097L9.39637 14.7001L9.70958 15.1699L10.641 16.5669L7.87159 21.4903C7.60083 21.9716 6.99111 22.1423 6.50976 21.8716C6.0284 21.6008 5.85768 20.9911 6.12844 20.5097Z" fill="%23000000"/></svg>') no-repeat;
    vertical-align: middle;
    margin: 0 .2em .3em 0
}

#nearby-attractions-widget .box-row .car-icon::before {
    content: "";
    display: inline-block;
    height: 1em;
    width: 1em;
    background-size: 1em;
    background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none"><path d="M8 17H16M8 17C8 18.1046 7.10457 19 6 19C4.89543 19 4 18.1046 4 17M8 17C8 15.8954 7.10457 15 6 15C4.89543 15 4 15.8954 4 17M16 17C16 18.1046 16.8954 19 18 19C19.1046 19 20 18.1046 20 17M16 17C16 15.8954 16.8954 15 18 15C19.1046 15 20 15.8954 20 17M10 5V11M4 11L4.33152 9.01088C4.56901 7.58593 4.68776 6.87345 5.0433 6.3388C5.35671 5.8675 5.79705 5.49447 6.31346 5.26281C6.8993 5 7.6216 5 9.06621 5H12.4311C13.3703 5 13.8399 5 14.2662 5.12945C14.6436 5.24406 14.9946 5.43194 15.2993 5.68236C15.6435 5.96523 15.904 6.35597 16.425 7.13744L19 11M4 17H3.6C3.03995 17 2.75992 17 2.54601 16.891C2.35785 16.7951 2.20487 16.6422 2.10899 16.454C2 16.2401 2 15.9601 2 15.4V14.2C2 13.0799 2 12.5198 2.21799 12.092C2.40973 11.7157 2.71569 11.4097 3.09202 11.218C3.51984 11 4.0799 11 5.2 11H17.2C17.9432 11 18.3148 11 18.6257 11.0492C20.3373 11.3203 21.6797 12.6627 21.9508 14.3743C22 14.6852 22 15.0568 22 15.8C22 15.9858 22 16.0787 21.9877 16.1564C21.9199 16.5843 21.5843 16.9199 21.1564 16.9877C21.0787 17 20.9858 17 20.8 17H20" stroke="%23000000" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>') no-repeat;
    vertical-align: middle;
    margin: 0 .2em .1em 0
}

#nearby-attractions-widget .box-row .time {
    flex: 3
}

#nearby-attractions-widget .box-row .divider,#nearby-attractions-widget .box-row .dist-ft,#nearby-attractions-widget .box-row .dist-m {
    flex: 2
}

@media screen and (max-width: 420px) {
    #nearby-attractions-widget .box-row {
        justify-content: space-between;
        padding: 5px
    }

    #nearby-attractions-widget .box-row .name,#nearby-attractions-widget .box-row .info {
        flex: unset
    }

    #nearby-attractions-widget .box-row .distance {
        display: none
    }
}

@media screen and (max-width: 325px) {
    #nearby-attractions-widget .box-row .info {
        min-width: 70px
    }
}

.summary-widget {
    margin: 0 auto;
    overflow: hidden;
    transition: max-height 0.9s ease;
    border: 1px solid #ccc;
    padding: 20px;
    box-shadow: 0 0 10px rgba(0,0,0,.1)
}

.summary-widget table {
    width: 100%;
    border-collapse: collapse;
    margin-top: 10px
}

.summary-widget table th,.summary-widget table td {
    word-break: keep-all
}

.summary-widget th,.summary-widget td {
    text-align: left;
    padding: 8px;
    border-bottom: 1px solid #ccc
}

.summary-widget th {
    width: 30%;
    font-weight: 700;
    background-color: #f9f9f9
}

.summary-widget td {
    width: 70%
}

.summary-widget a {
    color: #000;
    text-decoration: underline;
    font-weight: 700
}

.summary-widget a:hover {
    text-decoration: none
}

.summary-widget .place .distance-to-go::before {
    content: "🚶‍♀️";
    margin-right: 4px
}

.bus-stations .place::before {
    content: "🚌";
    margin-right: 4px
}

.bus-stations .line {
    display: inline-block;
    margin: 2px;
    padding: .2em .6em;
    font-size: .9em;
    font-weight: 700;
    color: #fff;
    background-color: #0693E3;
    border-radius: 4px;
    white-space: nowrap
}

.subway-stations .place::before {
    content: "🚇";
    margin-right: 4px
}

.subway-stations .line {
    display: inline-block;
    margin: 2px;
    padding: .2em .6em;
    font-size: .9em;
    font-weight: 700;
    border-radius: 4px;
    white-space: nowrap
}

.subway-stations .line-a {
    color: #fff;
    background-color: #0693E3
}

.subway-stations .line-b {
    color: #FFF;
    background-color: red
}

.tickets ul {
    padding: 0
}

.ticket-online-list li::marker,.ticket-price-list li::marker {
    display: none;
    content: ""
}

.ticket-price-list li::before {
    content: "💶";
    margin-right: 4px;
    marker: none
}

.ticket-online-list li::before {
    content: "🎟️";
    margin-right: 4px
}

@media screen and (max-width: 600px) {
    .summary-widget {
        padding: 0;
        border: 1px solid #aaa;
        border-radius: 4px;
        -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.05);
        box-shadow: 0 1px 1px rgba(0,0,0,.05)
    }

    .summary-widget table {
        margin: 0
    }

    .summary-widget tbody {
        display: grid
    }

    .summary-widget th {
        line-height: 40px
    }

    .summary-widget th,.summary-widget td {
        width: 100%;
        display: block
    }

    .summary-widget td:last-child {
        padding-bottom: 2em;
        border-bottom: none
    }
}