.hotel-attachment{position:relative;max-width:min(100%,340px);min-width:min(260px,100%);margin:5px 0;border:1px solid color-mix(in srgb,currentColor 15%,transparent);border-radius:15px;overflow:hidden;background:color-mix(in srgb,#223246 94%,transparent);color:#f7fbff;box-shadow:0 2px 7px #0002}
.hotel-attachment button{font:inherit}
.hotel-attachment-open{display:flex;align-items:stretch;width:100%;min-height:76px;padding:0;border:0;background:transparent;color:inherit;text-align:left;cursor:pointer}
.hotel-attachment-thumb{display:grid;place-items:center;flex:0 0 76px;width:76px;min-height:76px;object-fit:cover;background:#6d9cc2;color:#fff;font-size:25px;font-weight:750}
.hotel-attachment-image .hotel-attachment-open{display:block}
.hotel-attachment-image .hotel-attachment-thumb{display:block;width:100%;height:auto;min-height:170px;max-height:370px;aspect-ratio:4/3;object-fit:cover;background:linear-gradient(135deg,#294158,#6281a1)}
.hotel-attachment-image:not(.is-loaded) .hotel-attachment-thumb{opacity:0}
.hotel-attachment-image .hotel-attachment-caption{position:absolute;left:0;right:0;bottom:0;padding:22px 42px 9px 10px;background:linear-gradient(transparent,#000b)}
.hotel-attachment-caption{display:flex;flex-direction:column;justify-content:center;min-width:0;padding:8px 36px 8px 11px;line-height:1.25}
.hotel-attachment-caption strong{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow-wrap:anywhere;font-size:14px;color:inherit}
.hotel-attachment-caption small{margin-top:6px;color:#b9c7d8;font-size:12px}
.hotel-attachment-caption time{align-self:flex-end;margin-top:4px;color:#aab9c9;font-size:11px}
.hotel-attachment-more{position:absolute;right:5px;top:5px;display:grid;place-items:center;width:34px;height:34px;padding:0;border:0;border-radius:50%;background:#17283bc9;color:#fff;font-size:24px;line-height:1;cursor:pointer}
.hotel-attachment-more:hover,.hotel-attachment-more:focus-visible{background:#315b7b;outline:2px solid #a9d8ff}
.hotel-attachment-badges{position:absolute;right:6px;bottom:5px;display:flex;gap:3px}
.hotel-attachment-badges span{display:grid;place-items:center;min-width:25px;height:25px;padding:2px;border-radius:14px;background:#344c65;color:#fff;font-size:17px}
.hotel-attachment-badges span.mine{outline:1px solid #86ccff}
.hotel-attachment[data-error]{outline:2px solid #da5f58}
.hotel-image-preview{max-width:100vw;max-height:100dvh;padding:0;border:0;background:#0b101b}
.hotel-image-preview::backdrop{background:#000e}
.hotel-image-preview img{display:block;max-width:100vw;max-height:100dvh;object-fit:contain}
.hotel-image-preview button{position:fixed;right:12px;top:12px;z-index:2;width:44px;height:44px;border:0;border-radius:50%;background:#23374f;color:#fff;font-size:32px}
.hotel-attachment-menu{width:min(360px,calc(100vw - 26px));max-height:calc(100dvh - 30px);padding:8px;border:0;border-radius:17px;background:#293b51;color:#fff;box-shadow:0 20px 60px #0007}
.hotel-attachment-menu::backdrop{background:#0007}
.hotel-attachment-menu form{display:grid;gap:1px}
.hotel-attachment-menu form>button{min-height:45px;padding:9px 13px;border:0;border-radius:8px;background:transparent;color:inherit;text-align:left;font-size:15px;cursor:pointer}
.hotel-attachment-menu form>button:hover,.hotel-attachment-menu form>button:focus-visible{background:#ffffff1b}
.hotel-attachment-reactions{display:flex;justify-content:space-between;gap:1px;padding:4px 2px 10px;border-bottom:1px solid #ffffff25}
.hotel-attachment-reactions button{width:43px;height:43px;padding:2px;border:0;border-radius:50%;background:transparent;color:#fff;font:25px/1 "Apple Color Emoji","Segoe UI Emoji",sans-serif;cursor:pointer}
.hotel-attachment-reactions button:hover,.hotel-attachment-reactions button:focus-visible{background:#ffffff28;transform:scale(1.12)}
@media(max-width:600px){.hotel-attachment{max-width:min(100%,330px)}.hotel-attachment-image .hotel-attachment-thumb{max-height:420px}}