#beauty-ocean-concepts .bo-notes{width:100%;max-width:640px;margin:0 auto}#beauty-ocean-concepts .bo-notes-write{justify-content:center;align-items:center;gap:10px;width:100%;margin:0 0 20px;display:flex}#beauty-ocean-concepts .bo-wall-note{border-bottom:1px solid #e6e6e6;margin-bottom:18px;padding:0 0 22px;position:relative}#beauty-ocean-concepts .bo-note-pinned{background:#f0f1f2;border:0;border-radius:16px;padding:10px 18px 18px}#beauty-ocean-concepts .bo-wall-note header{color:#666;justify-content:space-between;align-items:center;gap:8px;min-height:44px;margin-bottom:6px;font-size:12px;display:flex}#beauty-ocean-concepts .bo-note-pin{color:#000;align-items:center;gap:6px;display:flex}#beauty-ocean-concepts .bo-note-pin svg{width:16px;height:16px}#beauty-ocean-concepts .bo-note-text{white-space:pre-wrap;overflow-wrap:anywhere;margin:0 0 14px}#beauty-ocean-concepts .bo-note-text p{margin:0;font-size:16px;line-height:1.6}#beauty-ocean-concepts .bo-note-photo{object-fit:contain;border-radius:0;width:100%;height:auto;margin:8px 0 0;display:block}#beauty-ocean-concepts .bo-note-pinned .bo-note-photo{border-radius:10px}#beauty-ocean-concepts .bo-note-date{color:#666;margin-top:14px;font-size:12px;display:block}#beauty-ocean-concepts .bo-note-icon{color:#000;cursor:pointer;background:0 0;border:0;border-radius:10px;flex:none;justify-content:center;align-items:center;width:44px;height:44px;padding:0;display:inline-flex}#beauty-ocean-concepts .bo-note-icon:hover{background:#e7e7e7}#beauty-ocean-concepts .bo-note-menu-wrap{flex:none;position:relative}#beauty-ocean-concepts .bo-note-menu{z-index:4;background:#fff;border:1px solid #e6e6e6;border-radius:12px;width:228px;max-width:calc(100vw - 48px);padding:6px;position:absolute;top:44px;right:0;box-shadow:0 8px 24px #0000000d}#beauty-ocean-concepts .bo-note-menu button{width:100%;min-height:44px;font:inherit;color:#000;text-align:left;cursor:pointer;background:#fff;border:0;border-radius:8px;align-items:center;gap:10px;padding:8px 12px;font-size:14px;display:flex}#beauty-ocean-concepts .bo-note-menu button:hover{background:#f0f1f2}#beauty-ocean-concepts .bo-note-menu .bo-note-delete{color:#d32f2f}#beauty-ocean-concepts .bo-note-composer{border:1px solid #dedede;border-radius:24px;margin-bottom:20px;padding:18px}#beauty-ocean-concepts .bo-note-composer h2{margin:0 0 12px;font-size:18px}#beauty-ocean-concepts .bo-note-composer textarea{min-height:100px;font-size:16px}#beauty-ocean-concepts .bo-note-length{text-align:right;color:#666;margin:8px 0;font-size:12px;display:block}#beauty-ocean-concepts .bo-note-compose-actions{flex-wrap:wrap;align-items:center;gap:8px;margin-top:14px;display:flex}#beauty-ocean-concepts .bo-note-compose-actions>.bo-note-icon{margin-right:auto}#beauty-ocean-concepts .bo-note-compose-actions>.bo-button{min-height:44px;padding:10px 14px;font-size:14px}#beauty-ocean-concepts .bo-note-attachment{margin:14px 0;position:relative}#beauty-ocean-concepts .bo-note-attachment img{object-fit:contain;background:#f0f1f2;border-radius:12px;width:100%;height:auto;max-height:260px;display:block}#beauty-ocean-concepts .bo-note-attachment button{background:#fff;position:absolute;top:4px;right:4px}#beauty-ocean-concepts .bo-notes-error{color:#b42318;font-size:14px;line-height:1.5}#beauty-ocean-concepts .bo-note-progress,#beauty-ocean-concepts .bo-notes-loading{color:#666;font-size:14px}#beauty-ocean-concepts .bo-notes-more{margin:20px auto;display:block}#beauty-ocean-concepts .bo-note-delete-dialog{color:#000;width:min(420px,100% - 32px);max-height:calc(100dvh - 40px);font:inherit;background:#fff;border:1px solid #e6e6e6;border-radius:24px;margin:auto;padding:24px;position:fixed;inset:0;overflow:auto}#beauty-ocean-concepts .bo-note-delete-dialog::backdrop{background:#0006}#beauty-ocean-concepts .bo-note-delete-dialog h2{margin:0 0 12px;font-size:22px;line-height:1.25}#beauty-ocean-concepts .bo-note-delete-dialog p{color:#666;margin:0 0 24px;font-size:15px;line-height:1.5}#beauty-ocean-concepts .bo-note-delete-dialog>div{grid-template-columns:1fr 1fr;gap:10px;display:grid}#beauty-ocean-concepts .bo-product[class] .bo-note-delete-dialog .bo-button.bo-note-confirm-delete{color:#fff;background:#d32f2f;border-color:#d32f2f}#beauty-ocean-concepts .bo-product[class] .bo-note-delete-dialog .bo-button.bo-note-confirm-delete:hover{background:#b32323;border-color:#b32323}#beauty-ocean-concepts .bo-note-delete-dialog:focus:not(:focus-visible){outline:none}#beauty-ocean-concepts .bo-notes :is(button,a):focus-visible{outline-offset:3px;outline:2px solid #000}#beauty-ocean-concepts .bo-notes :is(button,a){transition:background-color .5s,color .5s,border-color .5s}#beauty-ocean-concepts .bo-notes button:disabled{opacity:.5;cursor:default}@media (max-width:760px){#beauty-ocean-concepts .bo-notes{width:calc(100% + 32px);max-width:none;margin-left:-16px;margin-right:-16px}#beauty-ocean-concepts .bo-wall-note{padding-left:16px;padding-right:16px}#beauty-ocean-concepts .bo-note-pinned,#beauty-ocean-concepts .bo-note-composer{margin-left:16px;margin-right:16px}#beauty-ocean-concepts .bo-notes-write{width:calc(100% - 32px);margin-left:16px;margin-right:16px}#beauty-ocean-concepts .bo-wall-note:not(.bo-note-pinned) .bo-note-photo{width:calc(100% + 32px);max-width:none;margin-left:-16px;margin-right:-16px}#beauty-ocean-concepts .bo-notes>.bo-notes-error,#beauty-ocean-concepts .bo-notes-loading{margin-left:16px;margin-right:16px}}@media (prefers-reduced-motion:reduce){#beauty-ocean-concepts .bo-notes :is(button,a){transition:none}}